CÓDIGO: [Link].
505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
DEPARTAMENTO DE
DEPARTAMENTO: CIENCIAS DE LA ENERGÍA CARRERA: INGENIERÍA MECATRÓNICA
MECÁNICA
TECNOLOGÍAS DE SOFTWARE
PERIODO MARZO 2020 –
ASIGNATURA: APLICADAS A SISTEMAS NIVEL:
LECTIVO: JULIO 2020
MECATRÓNICOS
ING. LUIS ESCOBAR
DOCENTE: NRC: PRÁCTICA N°: 1.2
ING. PAÚL MEJÍA
LABORATORIO DONDE SE DESARROLLARÁ LA PRÁCTICA SISTEMAS DINÁMICOS Y MECATRÓNICA
TEMA DE LA
Scripting con Python
PRÁCTICA:
INTRODUCCIÓN:
El scripting generalmente se refiere a escribir pequeños programas que están diseñados para automatizar tareas simples. Python
es adecuado para este tipo de tareas, principalmente porque tiene una sintaxis relativamente simple y es fácil de escribir. También
es rápido escribir algo pequeño con él y probarlo.
OBJETIVOS:
● Diseño de interfaz gráfica de una calculadora.
● Programación de funciones básicas de la aplicación calculadora.
● Generar archivos ejecutables desde script de Python.
MATERIALES:
REACTIVOS: INSUMOS:
Dejar en blanco / No aplica Dejar en blanco / No aplica
EQUIPOS:
● PC
MUESTRA:
Dejar en blanco / No aplica
INSTRUCCIONES:
CÓDIGO: [Link].505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
1 Preparación del Entorno
Para iniciar con Python es necesaria la instalación de Visual Studio (sugerencia la versión actualizada) que
es un entorno de programación para una gran variedad de lenguajes.
Antes de instalar es necesario verificar que la casilla de Desarrollo de Python está activada como se
muestra en la fig 1
Figure 1. Selección de Componentes para instalación Visual Studio
Ya con el software y los complementos activados ejecutamos el programa y se procede a crear un nuevo
proyecto como se observa
Figure 2. Creación de un Proyecto en Visual Studio
Posteriormente se debe seleccionar la opción Aplicación de Python de acuerdo con la indicación de la
figura 3
CÓDIGO: [Link].505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
Figure 3. Selección del Lenguaje de Programación y preparación del Entorno
Se asigna un nombre al proyecto y se da clic en crear
Figure 4. Configuración del Archivo Creado en Visual Studio
Para verificar la correcta preparación del entorno observaremos que el archivo viene acompañado de la
extensión “.py” como se muestra en la fig 5.
CÓDIGO: [Link].505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
Figure 5. Verificación del Entorno de Programación
En la figura 6 se muestra un ejemplo de código en Python con el cual se puede probar la validez del
entorno para evitar inconvenientes.
Figure 6. Pruebas de Funcionamiento del Entorno Seleccionado
Damos clic en iniciar y se obtendrá una ventana de ejecución como la que se muestra en la fig 7.
Figure 7. Ejecución del Programa de Prueba
2 Creación de interfaz gráfica de una calculadora básica:
Para empezar a diseñar la interfaz gráfica de una calculadora es necesario importar la librería tkinter, sal
añadir el siguiente código al guardarlo y ejecutarlo se puede visualizar la ventana en la que aparecerá la
calculadora.
CÓDIGO: [Link].505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
Figure 8. Primera ventana.
Seguidamente (antes de raíz. mainloop) se añade la pantalla de la calculadora y los botones, se modifica
cada línea según corresponda al botón. Columnspan indica que la pantalla deberá ocupar 4 columnas para
que los botones de la primera fila coinciden con la medida de la pantalla. Los pequeños espacios entre los
botones y la pantalla corresponden a los valores agregados a padx y pady.
Figure 9. Creación de la pantalla y primera fila de botones de la calculadora.
Al guardar y ejecutar el script se deberá obtener la siguiente interfaz.
Figure 10. Ventana con pantalla y primera fila de botones.
Seguidamente se deberá repetir los mismos pasos de creación de la fila 1 para crear las filas 2,3 y 4 de la
CÓDIGO: [Link].505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
calculadora.
Figure 11. Creación fila 2 de botones.
Figure 12. Creación fila 3 de botones.
Figure 13. Creación fila 4 de botones.
Al guardar y ejecutar se deberá obtener la siguiente interfaz de la calculadora.
CÓDIGO: [Link].505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
Figure 14. Ventana con la calculadora completa.
3 Funcionalidad de la calculadora
Llamada a funciones y creación de variables.
Figure 15. Creación de funciones y variables.
Agregar código de línea que permite que cuando presionamos el número 4 por ejemplo, este se visualice en la
pantalla de la calculadora.
Copiar y pegar la instrucción en todos los botones de valores numéricos y cambiar el texto.
CÓDIGO: [Link].505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
Figure 16. Creación de valores numéricos.
Configuración de botones: suma e igual
Declarar variables para la operación y el resultado que se vaya a obtener.
Figure 17. Configuración de botones suma e igual.
Definición de método
Figure 18. Creación de la función de la operación a realizar.
Agregar y definir la función suma.
CÓDIGO: [Link].505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
Figure 19. Definición de la función suma.
Crear método el resultado para configuración del botón igual.
Figure 20. Creación del método resultado presionando el botón igual.
Modificar las instrucciones en las líneas de código de los botones sumar e igual.
Figure 21. Modificación de las líneas de código.
4 Generar ejecutables
En la consola escribimos el siguiente comando.
CÓDIGO: [Link].505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
Figure 22. Instalación del pip.
Añadimos la dirección de la aplicación de la calculadora(es decir la carpeta en la que se ha guardado el script
de la calculadora) desde la consola. Ejecutar.
Figure 23. Generando un ejecutable para la interfaz.
Luego de que haya terminado la ejecución, en la carpeta que contiene la aplicación se crearán varios archivos.
En la carpeta dist se encontrará el archivo ejecutable de nuestra aplicación.
Para crear un ejecutable en el que la ventana de comandos no se visualice añadimos al comando anterior
--windowed.
La modificación --onfile permite crear un solo archivo ejecutable para la aplicación, sin necesidad de depender
de los archivos creados en la carpeta dist.
Por ejemplo: C:\Users\pc\Desktop\aplicacion>pyinstaller –windowed –onefile [Link]
5 Modificaciones al ejercicio propuesto.
En la interfaz gráfica diseñada para la aplicación de simulación de una calculadora añadir:
● Un botón que permita borrar un valor numérico ingresado erróneamente.
● Visualizar por defecto el número cero análogamente a la función de la calculadora de un pc.
Figure 24. Resultado final de la calculadora científica.
● Permitir operaciones con números decimales.
CÓDIGO: [Link].505
GUÍA PARA LAS PRÁCTICAS DE VERSIÓN: 2.0
FECHA ÚLTIMA REVISIÓN:
LABORATORIO, TALLER O CAMPO. 12/04/2017
● Añadir un icono al archivo ejecutable de la aplicación.
6 Creación y diseño de una aplicación y su interfaz gráfica.
Usted diseñará una aplicación que simule un cajero automático, el cual consta de tres ventanas principales:
● Ventana donde se digitara el servicio a realizar.
En esta venta existirán los siguientes servicios:
● Retiro.
● Depósitos.
● Consulta de saldos.
● Pago de servicios básicos.
● Actualización de datos.
● Queja existente por el usuario.
● Ventana donde el usuario ingresa su ID y su contraseña.
Esta ventana contiene los siguientes ítems:
● Cuadros de texto donde el usuario ingresa su ID y su contraseña.
● Botones para borrar y seleccionar texto.
● Botones de regreso a la ventana anterior o de continuar a la siguiente ventana.
● Ventana donde el usuario realiza el servicio.
En esta ventana el diseñador usa su creatividad y de acuerdo con el servicio seleccionado por el usuario, se
desplegarán distintas ventanas, cabe recalcar que las ventanas de cada servicio son diferentes.
NOTA 1: Las ventanas se desplegarán de acuerdo con lo que el usuario seleccione en cada proceso.
NOTA 2: La interfaz deberá ser entregada a su tutor como una aplicación ejecutable, esto incluye icono de
aplicación.
● ACTIVIDADES POR DESARROLLAR EN EL LABORATORIO:
Implementación y modificación de ejercicios.
RESULTADOS OBTENIDOS:
● Diseño de interfaz gráfica de una calculadora.
● Programación de la aplicación calculadora.
● Generar archivos ejecutables desde script de Python.
CONCLUSIONES:
Los estudiantes presentan las conclusiones de la práctica de laboratorio en el informe técnico.
RECOMENDACIONES:
Los estudiantes presentan las recomendaciones de la práctica de laboratorio en el informe técnico.
FIRMAS
F:
F: ………………………………………………. ……………………………………………………
F: …………………………………………….
Ing. Francisco Terneus Ing. Johanna Tobar
COORDINADOR DE ÁREA DE COORDINADOR/JEFE DE LABORATORIO
DOCENTE CONOCIMIENTO
