Proyecto Sitio Home a Game
Cada final de curso en Ynov tenemos un gran proyecto (UF) de varios meses para llevarlo a cabo en equipo para volver a fin de curso para poner en práctica todo lo aprendido a lo largo de nuestra formación.
Este año tuvimos un cliente real, la empresa On The Road a Game, que se ocupa de la crisis de salud y tuvo una nueva idea de concepto.
No voy a describir la empresa aquí, ya que luego fui contratado por esta empresa para hacerme cargo de mi trabajo y, de hecho, configurarlo en septiembre / octubre de 2021, así que escribí una publicación de blog aquí
Pour cela 2 projets distincts :
- Sitio web de gestión de concepto completo.
- Infraestructura del sistema y de la red para respaldar las necesidades web, de aplicaciones y de bases de datos de la solución @Home a Game.
Con mi socio dividimos las tareas, yo me ocupaba del sitio web y él de la infraestructura, ayudándome en cualquier tarea para avanzar lo mejor y más rápido posible.
Por lo tanto, describiré aquí mi trabajo a nivel web.
El concepto @Home a Game te permitirá saborear el espíritu de los viajes On The Road a Game (OTR) sin tener que viajar, ¡mientras te quedas en casa!
- Cada sesión de @Home a Game dura de 8 a 12 semanas.
- Se planean 4 sesiones de @Home a Game cada año.
- Al inicio de la sesión, se ofrecen a los participantes alrededor de diez desafíos.
- Los desafíos están diseñados en el espíritu de los desafíos que asumen los viajeros durante un viaje OTR y están destinados a fomentar el encuentro, el descubrimiento, la creatividad ...
- Cada desafío gana una cantidad de puntos definidos de antemano.
- Los participantes deben validar cada desafío enviando una foto o video que demuestre que se completó con éxito.
- Al final de cada sesión, se establece una clasificación general.
- Una dotación de obsequios recompensa a los participantes mejor clasificados de cada sesión.
- El ganador de cada sesión califica para un sorteo que le permite ganar 1 viaje On The Road a Game.
Aquí hay más detalles de las funcionalidades a desarrollar :
Front-end
El front-end es accesible para todos los usuarios de Internet, sin necesidad de conectarse.
Muestra :
- La presentación general del juego @Home a Game
- El formulario de registro para una sesión
- La clasificación general en tiempo real de la sesión actual
- Artículos de noticias actualizados automáticamente
Espacio de juego
El área de juego está reservada para los participantes que hayan pagado su participación en la sesión actual.
Da acceso a :
- Un espacio para la gestión de datos personales
- La lista de 2 y su presentación completa
- Una herramienta que les permite presentar comprobantes de consecución de cada uno de los retos.
- Un espacio que les permite seguir la validación de desafíos por parte de los administradores en tiempo real
Back-office
Los administradores tienen acceso a un back office que les permite :
- Para administrar las cuentas y el acceso de los participantes
- Para crear las sesiones de @Home a Game. Para cada sesión, debe poder configurar :
- La fecha de inicio
- La fecha de finalización
- Los retos a afrontar
- La dotación de golosinas
- Crear, para cada sesión, los retos a afrontar. Cada desafío consta de :
- Un título
- Una o más imágenes ilustrativas
- Un número predefinido de puntos
- Validar la finalización exitosa de los desafíos presentados por los participantes.
- Durante la validación de las impugnaciones, el sistema debe permitir el envío de un mensaje justificativo en caso de rechazo de la validación.
- El sistema debe permitir la asignación de una serie de puntos intermedios en caso de un desafío parcialmente logrado.
Este sitio debe ser creado usando un Framework, elegí usar Laravel 8 (PHP Framework), lo aprendimos en clase y encontré este Framework muy completo por atrás y por back y front.
Además, facilita enormemente el desarrollo como para toda autenticación, por ejemplo, la gestión de autorizaciones / derechos, lo cual es muy útil para un sitio con back-office.
Usé su generador de plantillas Blade para el frente, algo de CSS y también Bootstrap CSS Framework para tener un diseño bastante rápido. Usé JavaScript y la biblioteca Jquery para dinamismo. Finalmente, este proyecto está vinculado a una base de datos MySQL.
Puedes encontrar el proyecto en mi gitlab aquí