Trabajo de Fin de Grado

Sistema para la gestión de

colas y turnos de espera
Grado de ingeniería Electrónica Industrial y Automática

JOSÉ ALBERTO GARCÍA CABRERA

ALCANCE DEL PROYECTO
u MOTIVACIÓN DEL PROYECTO
u ESTADO DEL ARTE
u SISTEMAS DE TURNOS
u APLICACIONES WEB
u ESTRUCTURA DE LA SOLUCIÓN
u BACK-END
u BASE DE DATOS
u FRONT-END
u HARDWARE
u DESPLIEGUE Y PRUEBAS
u DESPLIEGUE EN LA NUBE
u DESPLIEGUE EN MÁQUINA VIRTUAL
u REDISEÑOS
u DEMOSTRACIÓN
u CONCLUSIONES
u FUTUROS DESARROLLOS
MOTIVACIÓN DEL PROYECTO
¿Por qué un sistema de turnos?
MOTIVACIÓN DEL PROYECTO

TRABAJO ANTERIOR

u Intentar solucionar el problema de las largas colas en secretaría.

u Aplicación desarrollada en PHP y MySQL.
u Despliegue en las Raspberry.
MOTIVACIÓN DEL PROYECTO

¿Por qué una nueva aplicación?

u Despliegue muy complicado.

u Mejorar la portabilidad.
u Separar responsabilidades.
u Modernizar la aplicación.
u Facilitar la recolección de datos.
u Permitir que el personal de la secretaría administre su propia aplicación.
ESTADO DEL ARTE
ESTADO DEL ARTE

SISTEMAS DE TURNO

u Turnos impresos.
u Turnos por display digital.
u Turnos a través del móvil
ESTADO DEL ARTE

APLICACIONES WEB

u ESTÁTICAS.
u HTML, CSS Y JS BÁSICO.
u DINÁMICAS.
u FRAMEWORKS.
u APIs
ESTRUCTURA DE LA SOLUCIÓN
Tecnologías usadas y estructura de la solución
ESTRUCTURA DE LA SOLUCIÓN

BACK-END

u Tecnología: NodeJS.
u Framework: expressJS.
u API (Application Programming Interface).
u Roles de los usuarios.
u JWT para la autorización.
u WebSocket para la vista móvil.
ESTRUCTURA DE LA SOLUCIÓN

ROLES

u Administrador.
u Alumnos.
u Puesto de secretaría.
ESTRUCTURA DE LA SOLUCIÓN

WebSockets
ESTRUCTURA DE LA SOLUCIÓN

BASE DE DATOS

u Base de datos relacionales (SQL).

u Base de datos no solo relacionales (NoSQL).
u Formato JSON.
u MongoDB como base de datos y formato BSON.
u Modelos de datos de la aplicación.
ESTRUCTURA DE LA SOLUCIÓN

BASE DE DATOS - TURNOS

ESTRUCTURA DE LA SOLUCIÓN

BASE DE DATOS - USUARIOS

ESTRUCTURA DE LA SOLUCIÓN

BASE DE DATOS - INCIDENCIAS

ESTRUCTURA DE LA SOLUCIÓN

BASE DE DATOS - ESTADOS

ESTRUCTURA DE LA SOLUCIÓN

FRONT-END

u Tecnologías: HTML, JS, SCSS.

u Framework: Angular.
u Llamadas asíncronas (Observables).
ESTRUCTURA DE LA SOLUCIÓN

FRONT-END - VISTAS

Vista Login
ESTRUCTURA DE LA SOLUCIÓN

FRONT-END - VISTAS

Vista Secretaría
ESTRUCTURA DE LA SOLUCIÓN

FRONT-END - VISTAS

Vista Alumnos
ESTRUCTURA DE LA SOLUCIÓN

FRONT-END - VISTAS

Vista Pantalla
ESTRUCTURA DE LA SOLUCIÓN

FRONT-END - VISTAS

Vista Móvil
ESTRUCTURA DE LA SOLUCIÓN

FRONT-END - VISTAS

Vista Administrador
ESTRUCTURA DE LA SOLUCIÓN

HARDWARE

u Rasperries Pi.
u Carcasas y montaje.
DESPLIEGUE Y PRUEBAS
Puesta en marcha del proyecto
DESPLIEGUE Y PRUEBAS

DESPLIEGUE EN LA NUBE

u Nube de IBM.
u Docker.
u Desventajas
u Caro, sobre todo si ya tienes una infrastructura interna.
u Puede causar desconfianza…
u Ventajas
u No hay necesidad de servidores físicos.
u Alta disponibilidad.
u Máxima flexibilidad.
DESPLIEGUE Y PRUEBAS

DESPLIEGUE EN MÁQUINA VIRTUAL

u Solución obtada por tener ya una infrastructura en la UPM para hospedar

máquinas virtuales.
u Despliegue relativamente sencillo al tener una imagén ya pre-configurada.
u IP pública para la vista móvil.
u IP privadas para las Raspberries y acceso por la red LAN de la ETSIDI.
u HTTPS con certificado de confianza.
DESPLIEGUE Y PRUEBAS

REDISEÑOS
DESPLIEGUE Y PRUEBAS

REDISEÑOS
DESPLIEGUE Y PRUEBAS

REDISEÑOS
CONCLUSIONES
CONCLUSIONES

u Valor agregado a la aplicación.

u ¿Realmente ha mejorado en algo el proyecto anterior?
u ¿Es más portable y escalable?.
u ¿Se ha delegado el control a la secretaría?.
u ¿La recolección de datos es más facil ahora?.
CONCLUSIONES

FUTUROS DESARROLLOS.

u Aprendizaje automático.
u Notificaciones nativas.
u Cita online e integración con el SSO de la universidad.
FIN