Curso Python. Práctica guiada II. Vídeo 60

Introducción al curso de programación en Python

Resumen de la sección: En esta sección introductoria, el instructor da la bienvenida a los estudiantes y presenta el tema del curso, que es la programación en Python. Se menciona que se realizará una práctica guiada para crear una aplicación gráfica.

Creación de la aplicación gráfica

• La interfaz gráfica consiste en un frame con un menú en la parte superior, campos de entrada y etiquetas en la parte izquierda, un área de texto grande y cuatro botones en la parte inferior.

• Se plantea dividir la interfaz gráfica en dos frames: uno para la parte superior y otro para los botones inferiores.

• El frame superior se divide en un grid de cinco filas y dos columnas para distribuir los campos de entrada y las etiquetas.

• El frame inferior se divide en un grid de una fila y cuatro columnas para distribuir los botones.

Importar paquetes necesarios

• Se importan los paquetes necesarios como tkinter (para trabajar con interfaces gráficas) usando import tkinter as tk.

• También se importa messagebox (para mostrar mensajes emergentes) usando from tkinter import messagebox.

• Además, se importa sqlite3 (para conectar con bases de datos) usando import sqlite3.

Crear raíz y configurar apariencia

• Se crea una raíz llamada "root" utilizando root = tk.Tk().

• Se configura el aspecto visual utilizando root.mainloop().

Construir menú superior

• Se crea una variable llamada "barra_menu" que representa el menú superior utilizando barra_menu = tk.Menu(root).

• Se configura el menú utilizando root.config(menu=barra_menu) y se le asignan dimensiones.

• Se agregan elementos al menú, como "Base de datos", "Borrar" y "Salir", utilizando barra_menu.add_command(label="Texto", command=funcion). Los comandos aún no se implementan.

Construir elementos del menú

• Para el elemento "Base de datos", se crea una variable llamada "base_datos_menu" utilizando base_datos_menu = tk.Menu(barra_menu).

• Se agrega este elemento al menú superior utilizando barra_menu.add_cascade(label="Base de datos", menu=base_datos_menu).

• Se repite el proceso para los elementos restantes del menú ("Borrar" y "Salir").

Continuación de la construcción del menú

Resumen de la sección: En esta sección, se continúa con la construcción del menú superior. Se agregan los elementos restantes y se les asigna un nombre adecuado.

Elemento "Borrar campos"

• Se copia el código anterior del elemento de menú anteriormente creado.

• Se cambia el nombre a "borrar_campos_menu".

• El label (texto que aparecerá en el menú) se establece como "Borrar campos".

Elemento "Salir"

• Se copia nuevamente el código anterior del elemento de menú.

• Se cambia el nombre a "salir_menu".

• El label (texto que aparecerá en el menú) se establece como "Salir".

Continuar con las siguientes partes del video siguiendo la misma estructura.

Creación de elementos de menú

Resumen de la sección: En esta sección, se explica cómo crear elementos de menú en una aplicación. Se muestra cómo agregar los elementos "Crear", "Leer", "Actualizar" y "Borrar" a la barra de menú, así como las opciones "Licencia" y "Acerca de" en el menú de ayuda.

Crear elementos de menú

• Para crear los elementos de menú, se utilizan etiquetas <label> y <menu>.

• Se copian y pegan instrucciones para cada elemento.

• Los elementos son: "Crear", "Leer", "Actualizar", "Borrar".

• En el menú de ayuda, se agrega la opción "Licencia" y "Acerca de".

Agregar elementos a la barra de menú

Resumen de la sección: En esta sección, se explica cómo agregar los elementos creados anteriormente a la barra de menú.

Agregar elementos a la barra de menú

• Se utiliza el método barra_menu.cascada() para agregar los elementos a la barra.

• Se especifica el nombre del elemento (dvd, borrar, cruz, ayuda) y el menú al que pertenecen.

Completar los elementos del menú

Resumen de la sección: En esta sección, se completan los nombres y las opciones correspondientes a cada elemento del menú.

Completar los nombres y opciones del menú

• Se cambian los nombres en cada elemento (borrar, cruz, ayuda).

• Se especifican los menús correspondientes a cada elemento (borrar_menu, club_menu, ayuda_menu).

Verificar el menú agregado

Resumen de la sección: En esta sección, se verifica si el menú ha sido agregado correctamente a la aplicación.

Verificar el menú agregado

• Se guardan los cambios y se ejecuta la aplicación.

• Se comprueba que el menú aparezca en la parte superior con las opciones correspondientes.

Construcción de elementos de la zona inferior

Resumen de la sección: En esta sección, se explica cómo construir los elementos de la zona inferior de la aplicación.

Construcción de elementos de la zona inferior

• Se crean dos frames diferentes para los elementos de la zona inferior.

• Se utiliza un grid para organizar los botones en filas y columnas.

Comienzo de campos y división del código

Resumen de la sección: En esta sección, se inicia la construcción del frame para los campos y se menciona una posible división del código en módulos.

Comienzo de campos y división del código

• Se crea un frame llamado "mi_frame" dentro del root.

• Se menciona que es recomendable dividir el código en módulos, aunque por ahora todo estará en un único archivo.

Construcción del frame superior

Resumen de la sección: En esta sección, continúa la construcción del frame superior donde se ubicarán los campos de entrada.

Construcción del frame superior

• Se utiliza el método mi_frame.pack() para empaquetar el frame.

• Se comienza a construir los campos de entrada y las etiquetas correspondientes.

Inclusión de comentarios y división en módulos

Resumen de la sección: En esta sección, se menciona la importancia de incluir comentarios para dividir visualmente el código y se plantea la posibilidad de dividir la aplicación en módulos.

Inclusión de comentarios y división en módulos

• Se sugiere incluir comentarios para separar visualmente diferentes partes del código.

• Se menciona que, aunque por ahora todo estará en un único archivo, es posible dividir la aplicación en módulos más adelante.

Agregar opciones al menú de ayuda

Resumen de la sección: En esta sección, se explica cómo agregar opciones adicionales al menú de ayuda.

Agregar opciones al menú de ayuda

• Se agrega una opción "Licencia" al menú "Ayuda".

• Se sugiere agregar una ventana emergente con información adicional en la opción "Acerca de".

Verificación final del menú y elementos agregados

Resumen de la sección: En esta sección, se verifica nuevamente si el menú y los elementos han sido agregados correctamente a la aplicación.

Verificación final del menú y elementos agregados

• Se guarda nuevamente los cambios y ejecuta la aplicación.

• Se comprueba que el menú aparezca correctamente con todas las opciones agregadas.

Agregar elementos a la barra de menú

Resumen de la sección: En esta sección, se explica cómo agregar los elementos creados anteriormente a la barra de menú.

Agregar elementos a la barra de menú

• Se utiliza el método barra_menu.cascada() para agregar los elementos a la barra.

• Se especifica el nombre del elemento (crear, leer, actualizar, borrar) y el menú al que pertenecen.

Creación de elementos de menú

Resumen de la sección: En esta sección, se explica cómo crear elementos de menú en una aplicación. Se muestra cómo agregar los elementos "Crear", "Leer", "Actualizar" y "Borrar" a la barra de menú, así como las opciones "Licencia" y "Acerca de" en el menú de ayuda.

Crear elementos de menú

• Para crear los elementos de menú, se utilizan etiquetas <label> y <menu>.

• Se copian y pegan instrucciones para cada elemento.

• Los elementos son: "Crear", "Leer", "Actualizar", "Borrar".

• En el menú de ayuda, se agrega la opción "Licencia" y "Acerca de".

Completar los elementos del menú

Resumen de la sección: En esta sección, se completan los nombres y las opciones correspondientes a cada elemento del menú.

Completar los nombres y opciones del menú

• Se cambian los nombres en cada elemento (crear, leer, actualizar, borrar).

• Se especifican los menús correspondientes a cada elemento (crear_x, leer_x, actualizar_x, borrar_x).

Creación del frame y ubicación en el grid

Resumen de la sección: En esta sección, se crea un frame y se especifica su ubicación dentro del grid. El primer elemento creado, un cuadro de texto, se coloca en la fila 0 y columna 1. Se agrega separación entre los elementos con padding.

• Se crea un frame y se le asigna una ubicación en el grid.

• El cuadro de texto creado se encuentra en la fila 0 y columna 1.

• Se agrega padding para separar los elementos.

Construcción del cuadro de nombre

Resumen de la sección: En esta sección, se construye el cuadro de nombre utilizando código reutilizado. El cuadro de nombre es un entry que se ubica en el row 1 y columna 1 del frame. Se configura para que el texto aparezca en color rojo y justificado a la derecha.

• Se utiliza código reutilizado para construir el cuadro de nombre.

• El cuadro de nombre es un entry ubicado en el row 1 y columna 1.

• Se configura para que el texto aparezca en color rojo y justificado a la derecha.

Construcción del cuadro de contraseña

Resumen de la sección: En esta sección, se construye el cuadro de contraseña utilizando código reutilizado. El cuadro de contraseña es similar al cuadro de nombre, pero muestra interrogantes en lugar del texto ingresado. Se ubica en el row 2 y columna 1 del frame.

• Se utiliza código reutilizado para construir el cuadro de contraseña.

• El cuadro de contraseña es similar al cuadro de nombre, pero muestra interrogantes.

• Se ubica en el row 2 y columna 1 del frame.

Construcción del cuadro de apellido

Resumen de la sección: En esta sección, se construye el cuadro de apellido utilizando código reutilizado. El cuadro de apellido se ubica en el row 3 y columna 1 del frame.

• Se utiliza código reutilizado para construir el cuadro de apellido.

• El cuadro de apellido se ubica en el row 3 y columna 1 del frame.

Construcción del área de texto

Resumen de la sección: En esta sección, se construye un área de texto que incluye una barra de desplazamiento vertical. Se configura para que tenga un ancho y alto específico. El área de texto se ubica en el row 5 y columna 1 del frame.

• Se construye un área de texto con una barra de desplazamiento vertical.

• Se configura con un ancho y alto específico.

• El área de texto se ubica en el row 5 y columna 1 del frame.

Configuración final del área de texto

Resumen de la sección: En esta sección, se realiza la configuración final del área de texto. Se especifica que la barra de desplazamiento pertenece al área de texto y cómo debe funcionar. Además, se ajusta su ubicación dentro del grid.

• Se realiza la configuración final del área de texto.

• La barra de desplazamiento pertenece al área de texto y se especifica cómo debe funcionar.

• Se ajusta la ubicación del área de texto dentro del grid.

Configuración adicional del área de texto

Resumen de la sección: En esta sección, se realiza una configuración adicional en el área de texto. Se utiliza el parámetro speaking para mejorar su ubicación visual.

• Se realiza una configuración adicional en el área de texto.

• Se utiliza el parámetro speaking para mejorar su ubicación visual.

Ajustes de diseño y redimensionamiento

Resumen de la sección: En esta parte del video, el presentador muestra cómo los cambios realizados en el diseño pueden afectar la apariencia de la aplicación gráfica. Se menciona que, aunque los cambios pueden verse un poco feos por el momento, al guardarlos y ejecutarlos se puede observar cómo todos los cuadros de texto están presentes. Sin embargo, debido a que aún no se han agregado las etiquetas correspondientes y se ha empaquetado el diseño, es necesario realizar ajustes de redimensionamiento para que todo encaje correctamente.

Redimensionamiento y ajuste de elementos

• Al guardar los cambios y ejecutar la aplicación gráfica, se observa que todos los cuadros de texto están presentes.

• Es necesario agregar las etiquetas correspondientes en la parte izquierda del diseño.

• Al estar todo empaquetado, la aplicación gráfica se ajustará automáticamente al contenido.

• Se menciona que faltan algunos detalles como el frame inferior, pero estos serán abordados en futuros videos.

Nota: El presente resumen corresponde únicamente a la parte del video transcrita.