Curso libreTecnología y desarrollo de software
Lenguaje y desarrollo de interfaces gráficas
El curso Lenguaje y desarrollo de interfaces gráficas proporciona al estudiante los principios de diseño y las técnicas de programación para construir interfaces de escritorio con Python y Tkinter e interfaces web con React, guiadas por Material Design 3, con validación de formularios y accesibilidad por teclado, de modo que pueda entregar aplicaciones usables y publicables.
A quién va dirigido
Estudiantes que programen en Python o JavaScript y quieran construir aplicaciones con interfaz gráfica.
Objetivos
✓Comprender los principios de jerarquía visual, color, tipografía, patrones de navegación y las guías de Material Design 3.
✓Analizar la separación entre lógica e interfaz y el modelo de programación orientada a eventos en aplicaciones gráficas.
✓Aplicar Tkinter con gestores de geometría grid y pack, y React con componentes, props, estado, eventos y formularios controlados.
✓Diseñar una aplicación de registro y consulta de datos con validación, mensajes de error y navegación por teclado accesible.
✓Evaluar la usabilidad y la accesibilidad de una interfaz antes de su empaquetado y publicación.
Plan de estudios por sesión
1
Principios de diseño: jerarquía visual, color y tipografíaMaterial Design 3 y patrones de navegación · Bocetos en Figma
2
Interfaces de escritorio con Python: ventanas y widgets en TkinterGestores de geometría grid y pack · Programación orientada a eventos y separación entre lógica e interfaz
3
Interfaces web con React: componentes y propsEstado, eventos y formularios controlados · Estilos con CSS modules
4
Presentación del proyecto final: aplicación con interfaz gráficaValidación de formularios, mensajes de error y retroalimentación · Navegación por teclado, etiquetas accesibles, empaquetado y publicación
Evaluación
Inicial30%Boceto en Figma de una pantalla aplicando Material Design 3, con análisis de jerarquía visual y navegación.
Intermedio30%Taller de una ventana en Tkinter orientada a eventos y de componentes React con estado y formularios controlados.
Final40%Proyecto final: aplicación de escritorio o web para registrar y consultar datos, con validación y navegación por teclado, y sustentación.
Proyecto final
Aplicación con interfaz gráfica (escritorio o web) para registrar y consultar datos, con validación de formularios y navegación por teclado.