Repository navigation
Instrucciones
El juego final deberá contener:
• Diseño responsive para 3 dispositivos distintos • Utilización de fuentes multimedia: imágenes, textos y sonidos • Sistema de tanteo y posibilidad de guardar los resultados, lo que obligará a: • Sistema de logeo de usuario para el registro de marcadores Fases:
1.- Diseño de interfaz
Siguiendo los criterios vistos en clase de diseño de interfaz, ergonomía y accesibilidad, usabilidad, experiencia de usuario, etc., el diseñador deberá crear los siguientes elementos que permitan llevar a cabo las mecánicas de juego decididas por el grupo:
• Diseños de malla (wireframe) de cada pantalla, adaptadas para 2 dispositivos (PC y móvil) • Paleta de colores • Tipografías • Mockup que permita ver el resultado final
2.- Creación de un prototipo mediante HTML
Utilizando la maqueta creada en la fase anterior, el diseñador HTML construirá un primer prototipo que ya incluirá una interactividad parcial que permitirá comprobar si la experiencia de usuario es correcta. Para ello, deberá usar:
• Una estructura de página web con los archivos HTML y las correspondientes carpetas para librerías • Framework Bootstrap para diseño responsive • Creación de librerías CSS y aplicación de paleta de color, tipografía, etc. Es importante que los elementos interactivos estén debidamente identificados en el DOM para su uso luego mediante javascript.
3.- Interactividad mediante lenguaje cliente javascript
Mediante la creación de librerías javascript vinculadas, se deberá crear la interactividad necesaria para lograr el resultado final acordado en el diseño del juego. Deberá permitir:
• Validación de campos del formulario de registro • Inicio y reinicio del juego • Cuenta atrás para cada jugada • Elección de la jugada por parte del usuario y de la máquina • Sistema de tanteo • Etc.
4.- Comunicación con el servidor mediante lenguaje servidor PHP
El juego necesitará también comunicarse con el servidor para:
• Pasar variables de una pantalla a otra (por ejemplo la modalidad de juego o dificultad) • Crear un sistema de registro y logeo mediante bases de datos MYSQL • Guardar variables de sesión o cookies que permitan mantener al usuario logeado Es recomendable que el prototipo HTML se guarde en una carpeta aparte, para que el programador PHP pueda crear sus propios archivos.
Recuerda que para trabajar con lenguaje PHP los archivos deberán tener la extensión .php en lugar de .html
Repositorio y calendario de entregas
De cara a conseguir la coordinación de los diferentes miembros del equipo y el jefe de proyecto (el profesor), cada grupo trabajará con un repositorio Git-Hub privado al que irá subiendo los avances en su aplicación siguiendo el siguiente calendario:
- 19 de abril: diseño de interfaz y Mockup
- 1 de mayo: Prototipo. Diseño HTML/CSS
- 15 de mayo: Interactividad mediante Javascript
- 22 de mayo: resultado final
Los encargados de cada “departamento” serán los responsables de ir subiendo al repositorio los documentos correspondientes para que el jefe de proyecto pueda hacer seguimiento del desarrollo del producto.
Es importante nombrar y describir correctamente cada “commit” para que el resto del equipo (incluido el profesor) sepa qué contiene.
El repositorio no solo deberá contener el juego final, sino también los documentos elaborados para el diseño de interfaz y el prototipo HTML (es recomendable subirlos a una carpeta independiente del repositorio), así como la documentación necesaria para el equipo y el jefe de proyecto a través de su WIKI, de forma que todos los miembros del equipo conozcan el trabajo realizado por sus compañeros.