Resumen corto
La demo pública muestra la interfaz y el flujo sin ningún servidor detrás. El prototipo completo sí procesa y guarda solicitudes reales, para probar la lógica de principio a fin.
Propósito real
Presentarle la solución a la UANL para integrarla con sus sistemas: qué hace la herramienta, qué pasos automatiza y qué gana con ella la gestión de reprogramaciones. Sin adornos, y con el prototipo funcionando como evidencia.
Qué hace
- Recorre el flujo completo de una reprogramación, de la solicitud a la respuesta.
- El prototipo procesa y registra las solicitudes en el backend; la demo muestra la interfaz y el flujo directamente en el navegador.
- Valida cada paso y avisa de inmediato si algo falta.
Características clave
- Dos entregables: demo sin backend y prototipo con backend para pruebas reales.
- Manejo de estados y validaciones en el cliente, con mensajes claros.
- El backend del prototipo lleva la lógica de negocio y la persistencia; hay scripts para desplegar y probar.
- Formularios con pasos explícitos, pensados para que nadie se pierda.
Tecnologías
Frontend: JavaScript, HTML, CSS.
Backend: Java, Spring Boot.
Scripts de apoyo en Shell y Python.
Despliegue
Demo pública: Cloudflare Pages.
Prototipo completo: GitHub CI/CD con despliegue automático en Azure (front y back).
Diseño y accesibilidad
Controles visibles, jerarquía clara y mensajes cortos. La meta era que el personal administrativo entendiera el flujo a la primera y se equivocara menos.
Retos y aprendizajes
- Mantener el mismo flujo en la demo y en el prototipo sin que las versiones se confundan.
- Convertir un trámite administrativo en validaciones y estados que el sistema maneje solo.
- Coordinar cliente y servidor para reproducir condiciones reales de uso.
Impacto
Demuestra en la práctica que este trámite se puede automatizar y hacer transparente dentro de la infraestructura de la universidad. Con el prototipo a la vista, evaluar si conviene integrarlo a los sistemas existentes es mucho más fácil.