arcade alicante
arcade Alicante
PRESS START
10
HIgh-SCORE
Arcade Alicante
Arcade Alicante
Dificultades
introducción
Soluciones
Objetivos
Resultados
Funcionalidades
Conclusiones y próximos pasos
Desarrollo
Organización
© 2024 Arcade Alicante
INTRODUCCIÓN
INTRODUCCIÓN
Arcade Alicante es un proyecto que consiste en desarrollar una página web y un sistema de reservas para un local de máquinas arcade y retro
La idea principal es que los usuarios de la web puedan reservar la consola o máquina que deseen así como editar una reserva o borrarla
© 2024 Arcade Alicante
objetivos
objetivos
accesible
Facilidad de uso
Sistema de reservas
Página web
Permitir reservas desde cualquier parte
Desarrollo Laravel junto a Jetsream
Simplificar y agilizar el sistema de reservas
Tecnologías utilizadas: Bootstrap, CSS y JS
© 2024 Arcade Alicante
funcionalidades
funcionalidades
Estas son las funcionalidades clave del proyecto Arcade Alicante
Registro de usuarios
NavegaciÓn responsive de la web
Reserva de consolas y MÁquinas
© 2024 Arcade Alicante
desarrollo
DesarRollo: PlanificaciÓn 1/5
Objetivos:
- CreaciÓn del sistema de reservas
- Optimizar experiencia de usuario
- Que los usuarios puedan reservar la consola o máquina que quieran
Requisitos:
- Sistema de autenticación
- Interfaz intuitiva
- Desarrollar el CRUD para las reservas
Desarrollo: Diseño2/5
Arquitectura del proyecto
Tecnologías web: HTML, CSS, JavaScript, Bootstrap y Blade (plantillas de Laravel). Tecnologia CRUD de reservas Framework: Laravel. Base de Datos: Sistema de Gestión: MySQL. Autenticación: Sistema: Jetstream (con soporte para autenticación, registro, y recuperación de contraseñas). Vistas: Inicio, Juegos, Bebidas, Contacto y Reservas
Desarrollo: Implementación3/5
desarrollo de funcionalidades clave
Framework Laravel: Estructura MVC: Utilización del patrón Modelo-Vista-Controlador para organizar el código. Controlador Reserva: Los datos que recibimos por el formulario de crear reserva el controlador los recoge y la guarda en la base de datos
Desarollo: Implementación3/5
Desarrollo de funcionalidades clave
Bootstrap: Uso de Bootstrap para diseño y maquetación para hacer una web totalmente responsive. HTML y CSS: Estructura y estilo de las páginas. JavaScript: Mejora de la interactividad y la experiencia del usuario. Sistema de Reservas: Formulario de Reserva: Permite a los usuarios seleccionar la fecha, hora y consola para realizar una reserva. Gestión de Reservas: Posibilidad de modificar y cancelar reservas existentes. Gestión de Usuarios: Registro e Inicio de Sesión: Facilita la creación de cuentas y el acceso a la aplicación. Perfil de Usuario: Permite a los usuarios gestionar su información personal y ver sus reservas.
Desarollo: Pruebas4/5
1. Pruebas de Usabilidad Objetivo: Evaluar la experiencia del usuario y garantizar que la interfaz sea intuitiva y fácil de usar. Métodos: Pruebas con Usuarios: Realizar sesiones de prueba con usuarios reales para observar cómo interactúan con la aplicación. 2. Pruebas de Rendimiento Objetivo: Garantizar que la aplicación funcione de manera eficiente.
Desarollo: Despliegue5/5
Funcionamiento A traves del software XAMPP se activan los modulos Apache y MySQL. El modulo apache crea un servidor web para poder visualizar la pagina web. El modulo de MySQL permite la conexion del proyecto a su base de datos y poder acceder al CRUD.
¡Desarrollo completo!
organización
Organización
4 Frontend
2 Division De Tareas
3 BACKend
1 Laravel
Se ha trabajado vista a vista para la sección de la web utilizando diferentes elementos de Bootstrap, CSS y JS
El primer paso para la creación de este proyecto fue instalar y ejecutar el framework y su conexión a MySQL
Primero se desarrolló al completo el CRUD para poder continuar con la web
Se ha trabajado por separado para no entorpecer el desarrollo del frontend y el backend
Problemas
problemas
2 REservas
3 CSS y JS
1 Diseño Responsive
Garantizar que la web se vea y funcione correctamente en la mayoría de dispositivos
La maquetación de cada elemento y su personalización han sido un trabajo bastante costoso
Implementar en función del usuario que entrase a la sección de reservas, viese unas reservas u otras
soluciones
Soluciones
2 REservas: Roles y user id
3 CSS y JS
1 Bootstrap
Con ayuda de IA y tutoriales de internet, se ha conseguido dar a todos los elementos de la web diferentes modificaciones y también diferentes animaciones
La utilización de Bootstrap y otros elementos creados junto a CSS han garantizado que toda la web tenga un diseño responsive
En la tabla Reserva se añade el campo user_id para que cada reserva pertenezca a un usuario En la tabla user se añade el campo rol para que, en función de su rol, obtenga todas las reservas o las propias
resultados
Resultados
NEXT
Los resultados obtenidos con Arcade Alicante han sido muy satisfactorios. Los usuarios que han probado el sistema de reservas han comentado que es accesible y fácil de usar
La página web tiene el aspecto adecuado para un local de arcade y toda la web tiene un diseño responsive y está adaptada a todo tipo de pantallas
Próximos pasos
PRÓXIMOS PASOS
4 Internet
3 CHATBOT
2 SOCIAL
1 SEGURIDAD
Integrar un chatbot para que los usuarios que tengan dudas no necesiten llamar al local y puedan hablar con alguien al momento.
Desarrollar características enfocadas a la interacción con redes sociales y otros clientes
Dejar de utilizar XAMPP para ejecutar el proyecto y poder ejecutarlo en internet
Investigar y aplicar prácticas para proteger los datos de los usuarios y los pagos, incluyendo autenticación de dos factores y encriptar los datos.
demostracion
10
HI-SCORE
arcade alicante
jorge cabrera aleman
© 2024 arcade alicante
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
Arcade Alicante
Jorge Cabrera
Created on June 8, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Corporate Escape Room: Operation Christmas
View
Secret Code
View
Reboot Protocol
View
Christmas Escape Room
View
Horror Escape Room
View
Witchcraft Escape Room
View
Desert Island Escape
Explore all templates
Transcript
arcade alicante
arcade Alicante
PRESS START
10
HIgh-SCORE
Arcade Alicante
Arcade Alicante
Dificultades
introducción
Soluciones
Objetivos
Resultados
Funcionalidades
Conclusiones y próximos pasos
Desarrollo
Organización
© 2024 Arcade Alicante
INTRODUCCIÓN
INTRODUCCIÓN
Arcade Alicante es un proyecto que consiste en desarrollar una página web y un sistema de reservas para un local de máquinas arcade y retro
La idea principal es que los usuarios de la web puedan reservar la consola o máquina que deseen así como editar una reserva o borrarla
© 2024 Arcade Alicante
objetivos
objetivos
accesible
Facilidad de uso
Sistema de reservas
Página web
Permitir reservas desde cualquier parte
Desarrollo Laravel junto a Jetsream
Simplificar y agilizar el sistema de reservas
Tecnologías utilizadas: Bootstrap, CSS y JS
© 2024 Arcade Alicante
funcionalidades
funcionalidades
Estas son las funcionalidades clave del proyecto Arcade Alicante
Registro de usuarios
NavegaciÓn responsive de la web
Reserva de consolas y MÁquinas
© 2024 Arcade Alicante
desarrollo
DesarRollo: PlanificaciÓn 1/5
Objetivos:
Requisitos:
Desarrollo: Diseño2/5
Arquitectura del proyecto
Tecnologías web: HTML, CSS, JavaScript, Bootstrap y Blade (plantillas de Laravel). Tecnologia CRUD de reservas Framework: Laravel. Base de Datos: Sistema de Gestión: MySQL. Autenticación: Sistema: Jetstream (con soporte para autenticación, registro, y recuperación de contraseñas). Vistas: Inicio, Juegos, Bebidas, Contacto y Reservas
Desarrollo: Implementación3/5
desarrollo de funcionalidades clave
Framework Laravel: Estructura MVC: Utilización del patrón Modelo-Vista-Controlador para organizar el código. Controlador Reserva: Los datos que recibimos por el formulario de crear reserva el controlador los recoge y la guarda en la base de datos
Desarollo: Implementación3/5
Desarrollo de funcionalidades clave
Bootstrap: Uso de Bootstrap para diseño y maquetación para hacer una web totalmente responsive. HTML y CSS: Estructura y estilo de las páginas. JavaScript: Mejora de la interactividad y la experiencia del usuario. Sistema de Reservas: Formulario de Reserva: Permite a los usuarios seleccionar la fecha, hora y consola para realizar una reserva. Gestión de Reservas: Posibilidad de modificar y cancelar reservas existentes. Gestión de Usuarios: Registro e Inicio de Sesión: Facilita la creación de cuentas y el acceso a la aplicación. Perfil de Usuario: Permite a los usuarios gestionar su información personal y ver sus reservas.
Desarollo: Pruebas4/5
1. Pruebas de Usabilidad Objetivo: Evaluar la experiencia del usuario y garantizar que la interfaz sea intuitiva y fácil de usar. Métodos: Pruebas con Usuarios: Realizar sesiones de prueba con usuarios reales para observar cómo interactúan con la aplicación. 2. Pruebas de Rendimiento Objetivo: Garantizar que la aplicación funcione de manera eficiente.
Desarollo: Despliegue5/5
Funcionamiento A traves del software XAMPP se activan los modulos Apache y MySQL. El modulo apache crea un servidor web para poder visualizar la pagina web. El modulo de MySQL permite la conexion del proyecto a su base de datos y poder acceder al CRUD.
¡Desarrollo completo!
organización
Organización
4 Frontend
2 Division De Tareas
3 BACKend
1 Laravel
Se ha trabajado vista a vista para la sección de la web utilizando diferentes elementos de Bootstrap, CSS y JS
El primer paso para la creación de este proyecto fue instalar y ejecutar el framework y su conexión a MySQL
Primero se desarrolló al completo el CRUD para poder continuar con la web
Se ha trabajado por separado para no entorpecer el desarrollo del frontend y el backend
Problemas
problemas
2 REservas
3 CSS y JS
1 Diseño Responsive
Garantizar que la web se vea y funcione correctamente en la mayoría de dispositivos
La maquetación de cada elemento y su personalización han sido un trabajo bastante costoso
Implementar en función del usuario que entrase a la sección de reservas, viese unas reservas u otras
soluciones
Soluciones
2 REservas: Roles y user id
3 CSS y JS
1 Bootstrap
Con ayuda de IA y tutoriales de internet, se ha conseguido dar a todos los elementos de la web diferentes modificaciones y también diferentes animaciones
La utilización de Bootstrap y otros elementos creados junto a CSS han garantizado que toda la web tenga un diseño responsive
En la tabla Reserva se añade el campo user_id para que cada reserva pertenezca a un usuario En la tabla user se añade el campo rol para que, en función de su rol, obtenga todas las reservas o las propias
resultados
Resultados
NEXT
Los resultados obtenidos con Arcade Alicante han sido muy satisfactorios. Los usuarios que han probado el sistema de reservas han comentado que es accesible y fácil de usar
La página web tiene el aspecto adecuado para un local de arcade y toda la web tiene un diseño responsive y está adaptada a todo tipo de pantallas
Próximos pasos
PRÓXIMOS PASOS
4 Internet
3 CHATBOT
2 SOCIAL
1 SEGURIDAD
Integrar un chatbot para que los usuarios que tengan dudas no necesiten llamar al local y puedan hablar con alguien al momento.
Desarrollar características enfocadas a la interacción con redes sociales y otros clientes
Dejar de utilizar XAMPP para ejecutar el proyecto y poder ejecutarlo en internet
Investigar y aplicar prácticas para proteger los datos de los usuarios y los pagos, incluyendo autenticación de dos factores y encriptar los datos.
demostracion
10
HI-SCORE
arcade alicante
jorge cabrera aleman
© 2024 arcade alicante
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí
¿Seguro que quieres salir?
Perderás todo el progreso
NO
sí