Portal web POLIDEPORTIVO Sant Joan d’Alacant
Transcript of Portal web POLIDEPORTIVO Sant Joan d’Alacant
![Page 1: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/1.jpg)
Portal web POLIDEPORTIVOSant Joan d’AlacantVíctor Ballester Quiles
TFG Grado Multimedia
Junio 2020
Tutor: Jordi Ustrell Garrigos
Profesor: Joan Soler Adillon
![Page 2: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/2.jpg)
Índice1. Introducción
1.1. Motivación
1.2. Objetivos
1.3. Planificación
2. Diseño
2.1. Arquitectura de la aplicación
2.2. Lenguajes utilizados
3. Resultados
4. Futuras mejoras
5. Conclusiones
6. Demostración de uso
2
![Page 3: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/3.jpg)
1.IntroducciónPresentación del proyecto
3
![Page 4: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/4.jpg)
1.1. Motivación
▸ No existe una solución para realizar reservas online
▸ Signo de modernidad para la localidad
▸ Servicio indispensable para captar nuevos usuarios
4
![Page 5: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/5.jpg)
1.2. Objetivos
Objetivos de la aplicación
▸ Aplicación adaptable
Objetivos para el usuario
▸ Proceso de reservas online
▸ Gestión de suscripciones
▸ Consulta de noticias
5
![Page 6: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/6.jpg)
1.2. Objetivos
Objetivos personales
▸ Aprendizaje de tecnologías demandadas en el actual mercado laboral
▸ Mejora de las perspectivas laborales
▸ Aplicación de los conocimientos adquiridos en los estudios
6
![Page 7: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/7.jpg)
1.3. Planificación
Planificación inicial▸ Metodología en cascada
7
Análisis Diseño Implementación Pruebas
![Page 8: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/8.jpg)
1.3. Planificación
Planificación final▸ Metodología ágil
8
12
34
12
34
12
34
![Page 9: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/9.jpg)
2.DiseñoDesarrollo de la aplicación
9
![Page 10: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/10.jpg)
2.1. Arquitectura de la aplicación
▸ Sistema desacoplado▸ SPA + API + DB
10
![Page 11: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/11.jpg)
2.2. Lenguajes utilizados
Frontend
▸ SPA
▸ Angular
▸ Version 9.1.1
Backend
▸ API
▸ Laravel
▸ Version 7.10.3
Base de datos
▸ Relacional
▸ MySQL
▸ Version 5.7.29
11
![Page 12: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/12.jpg)
3.ResultadosVisualización en distintos clientes
12
![Page 13: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/13.jpg)
13 VERSIÓN MÓVIL
![Page 14: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/14.jpg)
14 VERSIÓN TABLET
![Page 15: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/15.jpg)
15 VERSIÓN ESCRITORIO
![Page 16: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/16.jpg)
4.Futuras mejorasNuevas funcionalidades posibles
16
![Page 17: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/17.jpg)
Seguridad
▸ Mejorar sistema de autenticación (refresh token)
17
![Page 18: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/18.jpg)
Diseño visual
▸ Personalizar el diseño CSS
▸ Sustituir clases predefinidas de Bootstrap
18
![Page 19: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/19.jpg)
Funcionalidades
▸ Combinar página de instalaciones
▸ Nuevos roles (administrador, editor y usuario)
19
![Page 20: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/20.jpg)
5.ConclusionesAprendizaje y experiencias adquiridas
20
![Page 21: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/21.jpg)
Aprendizaje▸ Nuevas herramientas
▸ Tecnologías demandadas en la actualidad
Desafío▸ Trabajo bajo presión
▸ Fecha límite de entrega
Objetivos cumplidos▸ Web funcional
▸ Aplicación adaptable
21
Laboral▸ Nuevas capacidades
adquiridas
▸ Posibilidad de optar a nuevas ofertas de empleo
Estudios▸ Aplicación de los
conocimientos adquiridos en el grado
Personal▸ Portfolio
▸ Capacidad de superación
▸ Sacrificio
![Page 22: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/22.jpg)
6.DemostraciónVídeo presentación de la aplicación
22
![Page 24: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/24.jpg)
24
¡Gracias!Víctor Ballester Quiles
Correo electrónico [email protected]
Linkedin www.linkedin.com/in/victorballesterquiles
![Page 25: Portal web POLIDEPORTIVO Sant Joan d’Alacant](https://reader033.fdocuments.net/reader033/viewer/2022052004/6285b1e927df440cd478ee5b/html5/thumbnails/25.jpg)
Créditos
Gracias a todas las personas que han realizado y distribuido los siguientes recursos de manera gratuita:
▸ Plantilla de presentación por SlidesCarnival▸ Imágenes Freepik
25