LENGUAJES DE PROGRAMACIÓN

II Ciclo

Laboratorio 7: Interfaz Gráfica en Python NOTA

Alumnos: <Corpa Broncano Samuel Junior >

Fecha de realización: 28-04-2022

Fecha de entrega: 05-05-2022

1. Procedimiento:

Ejercicio 1: Crear un programa para visualizar una ventana. Copiar el programa de abajo, compilar, analizar y
comentar lo que sucede.

Se hace uso de la librería Tkinter para así crear una interfaz gráfica que nos ayuda a la creación de ventanas,
luego de importar se crea una variable y en este caso la variable ventana es una instancia de Tk, gracias a ello la
variable ventana vendría configurarse ya que este tiene el “ADN” de la librería incluida, luego se definió el
tamaño del a ventana, el titulo con el que vendría, el fondo, y un icono, seguidamente se le crea una etiqueta, se
le indica que estará dentro de la ventana, pero también se le indica que esta etiqueta tendrá un texto y se le asigna
que tipo de letra tendrá, el color de fondo y el color de la letra, sin embargo, se le debe indicar como o en que
parte estará la etiqueta, en este caso se expandirá, as i este centrándose. La etiqueta tiende a ser usado para
textos, y después de crearse cada ventana se debe ubicar el mainloop debido que la ventana se actualiza
constantemente.
 Lab. N° 7 Interfaz Gráfica en Python

Ejercicio 2: Crear un programa para visualizar una ventana. Copiar el programa de abajo, compilar, analizar y
comentar lo que sucede.

Nuevamente se importa la librería tkinter para crear una ventana, sin embargo, luego de crear la etiqueta, se crea
la entrada, que permitirá ingresar datos, también se crea botón, y todas estas se ubican con pack en la ventana,
pero se le debe indicar como se le ubicara en la ventana, en este caso la etiqueta se ubicara arriba, pero no está en
la misma esquina, debido a que se le indica que tomara una distancia de 30, pero se le indica que la entrada
estará en el centro, y finalmente el botón estará en la parte inferior, pero no está completamente en la parte
inferior debido a que se le indica que habrá una separación de 30, finalmente el mainloop para que actualice
constantemente la ventana.

Docente: Armando Sarco Montiel Pág. 1

 Lab. N° 7 Interfaz Gráfica en Python

Ejercicio 3: Crear un programa para visualizar una ventana. Copiar el programa de abajo, compilar, analizar y
comentar lo que sucede.

Se importa la librería tkinter para así crear la ventana, también se le agrega un número, y se usa un fondo negro,
y se crea una etiqueta gracias a Label, la entrada por Entry, y el botón por Button, para así añadirle un texto color
y tipo de letras. Seguidamente se ubica, pero esta vez se usa el grid, que viene a ser las grillas que se indica por
fila y columna, tomando esto en cuenta se aprecia que se ubicaron los elementos en diferentes filas y todo en la
misma columna, partiendo del punto 0, y se añade el padx, y pady para indicar la separación debido a que
estarían muy junto todo lo que está en la ventana.

Ejercicio 4: Cambiar todas las posiciones a absolutas y ordenar la ventana como en el ejercicio anterior.
Compilar, analizar y comentar lo que sucede.

De la misma manera se importa la librería tkinter para crear una ventana, se le da la medida del cuadro, el título,
el fondo de la ventana, y el icono de Tecsup, para seguidamente agregar una etiqueta, entrada y un botón,
teniendo un texto, color y tipo de letra en caso de la etiqueta, pero en el momento de elegir la posición se ubica
con place, esta es como una manera manual de indicar la posición de elementos que están dentro de la ventana,
luego de indicarlo manualmente, se usa el mainloop para que la ventana se actualice constantemente.

Docente: Armando Sarco Montiel Pág. 2

 Lab. N° 7 Interfaz Gráfica en Python

Ejercicio 5: Crear un programa para visualizar una ventana. Copiar el programa de abajo, compilar, analizar y
comentar lo que sucede.

Se importa la librería tkinter, se le da una medida y un título, icono, además se le detalla mediante el método
rezisable que la ventana no se podrá expandir, seguidamente se define lo que hará la calculadora, se crea 2
variables y cada uno convertirá a número flotante los datos ingresados en las entradas, se le detalla que el valor
de x cambiara y según el valor que este sea se sumara, restara, multiplicara o dividirá, todas estas operaciones de
las entradas se igualara a la variable “y”, se detalla que una etiqueta cambiara, convertirá en texto la operación
que se hará según el valor de x, ósea la variable y. Luego se crea 1 frame, para ingresar la etiqueta que vendrá a
ser la pantalla, seguidamente se creara el frame 2 para poner las 2 entradas, con su etiqueta que servirá como
indicador, después se crea el frame 3 para los botones, finalmente se ubica estos elementos y los frames, usando
pack y grid, para seguidamente usar el mainloop para que la ventana se actualice constantemente.

Docente: Armando Sarco Montiel Pág. 3

 Lab. N° 7 Interfaz Gráfica en Python

Ejercicio 6: Crear un formulario de registro que se almacene en un archivo de texto y se visualiza en una
ventana. Copiar el programa de abajo, compilar, analizar y comentar lo que sucede.

Se importa la librería tkinter y se define una variable igualando variables a las entradas que estarán en la ventana
y se le indica al momento que estos obtengan la información estos se imprimirán separados, seguidamente se le
indicara al bloc de notas que añadirá los datos obtenidos de las entradas, y estas se guardaran separadas, pero
también se salta a la otra línea antes de cerrarse, para que de paso a nueva información de alguien que ingrese los
datos. También se le indica que los datos de las entradas se eliminaran. Una vez definido lo que deberá hacer la
ventana. Se creará las etiquetas de textos con tamaños distintos, y luego se crea variables StringVar, este declara
que lo obtenido será una variable de tipo cadena. Se crea las entradas, el botón para grabar y finalmente se da
ubicación a las etiquetas usando el posicionamiento place tanto como en las entradas y el botón, no olvidándonos
del mainloop, para que la ventana se actualice constantemente. Para confirmar que los datos se guardan en un
bloc de notas en la captura se observa un bloc de notas con datos de personas ya registradas.

Docente: Armando Sarco Montiel Pág. 4

 Lab. N° 7 Interfaz Gráfica en Python

Ejercicio 7 (tarea para la casa): Completar y mejorar el programa de abajo para que te muestre una interfaz
gráfica con en el Tkinter

Docente: Armando Sarco Montiel Pág. 5

 Lab. N° 7 Interfaz Gráfica en Python

Docente: Armando Sarco Montiel Pág. 6

 Lab. N° 7 Interfaz Gráfica en Python

Se importa la librería tkinter, para crear una ventana, en este caso dándole una dimensión
de 200x450, también se le agrega un título y se le da un color de fondo, pero se le indica
que la ventana no se puede ampliar ni en la parte x o y. Se creará una lista llamada notas, y
se definirá funciones, que vendría a ser las operaciones que debe realizar cada botón, pero
también se define una función que encierra las funciones, simplemente cambiando el valor
de la x, seguidamente crea los frames, pero se le da un color de fondo para que así se vea
más uniforme, luego se crea 2 etiquetas, 1 para pantalla y otro que pide ingresar el dato.
Seguidamente se crea las entradas con un ancho de 10, y 8 botones con un ancho de 20,
pero en los mismos botones, gracias a la función lambda, esta llama a la función y se ubica
según su argumento. Después le indicamos el posicionamiento, usando grid y pack, para
finalmente usar el mainloop que actualizara constantemente la ventana.

INTERFAZ CREADA

Cuando se le ingresa una nota

Botón 1(Ingresar notas) mayor que 20 y menor que 0 Botón 2(mostrar notas)

Docente: Armando Sarco Montiel Pág. 7

 Lab. N° 7 Interfaz Gráfica en Python

Botón 3(Ordenar de las notas) Botón 4(Promedio de notas) Botón 5(notas que aprobaron)

Botón 6 Botón 7 Botón 8

(notas que desaprobaron) eliminar Notas de las listas Nota máxima y mínima

Docente: Armando Sarco Montiel Pág. 8

 Lab. N° 7 Interfaz Gráfica en Python

2. Observaciones:
- Usando la librera tkinter hay diferentes formas de indicar el posicionamiento de elementos
en una ventana.
- Al momento de crear una variable igual a Tk, se le puede dar una medida a la ventana,
añadir un icono, titulo e incluso se le puede elegir un fondo de esta ventana.
- El método resizable al momento de crear una ventana es para que esta ventana no pueda
ser ampliada
- El StringVar tiene la función de convertir lo introducido a cadena
- Si alguno se olvidare de ingresar el mainloop, la ventana no abrirá debido a que esta lo
actualiza constantemente.
- Si queremos que al momento que se accione un botón este se ayuda con el comando lambda
y llama a una función ya definida.
- Se hizo uso de elementos como los frames, botones, etiquetas y entradas dentro de una
ventana.
- A la etiqueta o Label es la creación de textos, pero si se le puede configurar para que este
esté variando el texto, por ejemplo, si se acciona un botón, así dando la ilusión que es una
pantalla.
- Se puede almacenar datos en el bloc de notas si a este se le indica que añadirá “a”

3. Conclusiones:

- La librería Tkinter es una biblioteca gráfica para crear una interfaz gráfica de usuario

- El posicionamiento pack, viene a ser para indicar una posición respecto a la ventana

- El posicionamiento en grilla viene a tomarse que la ventana se divida en filas y columnas

- El posicionamiento place es como una manera manual de indicar la posición de elementos

que están dentro de la ventana en x o y

- El frame es un marco que permite agrupar diferentes elementos o widgets

- El label o etiqueta, es para la creación de textos, estos están estáticos o van cambiando

- El botón es un cuadro con un texto que al momento de ser presionado ejecute una función

- Para almacenar o recibir los datos de una entrada se usa get.

Docente: Armando Sarco Montiel Pág. 9