Data Lovers

Índice

• 1. Introducción
• 2. Definición del producto
• 3. Historias de Usuario
• 4. Prototipo de baja fidelidad
• 5. Prototipo de alta fidelidad
• 6. Implementación de interfaz de usuario
• 7. Checklist

---

1. Introducción

En este proyecto se decidio trabajar con la data de pokemon, con el objetivo de mostrar a los jugadores y aficionados, los pokemones.

2. Definición del producto

En el primer spring mostramos todos los pokemones según la historia que definimos, según el prototipo de alta fidelidad. En el segundo spring creamoms funciones de filtrado por tipo, ordenar alfabeticamente y buscar por su nombre, según el prototipo de alta fidelidad. En el tercer spring se creo la tabla de estadística por tipo.

3. Historias de usuario

• Historia 1 y 2.

• Historia 3 y 4.

• Historia 5 y 6.

• Criterios de aceptación y Definición de Terminado 1.

• Criterios de aceptación y Definición de Terminado 2.

• Criterios de aceptación y Definición de Terminado 3.

• Criterios de aceptación y Definición de Terminado 4.

• Criterios de aceptación y Definición de Terminado 5.

• Criterios de aceptación y Definición de Terminado 6.

4. Prototipos de baja fidelidad

• Spring 1.

• Spring 2.

5. Prototipos de alta fidelidad

• Spring 1.

• Spring 2.

• Spring 3.

6. Testeos de usabilidad

• El tamaño de las letras y su tipo. En un principio se ocupo la que traia por default. Lo modificamos y disminuidos tamaño de las letras del menú y cambiamos el tipo. Asi mejoro la legibilidad.

7. Implementación de la Interfaz de Usuario (HTML/CSS/JS)

• Versión Escritorio

• Versión Movil

8. Checklist

• Usa VanillaJS.
• Pasa linter (npm run pretest)
• Pasa tests (npm test)
• Pruebas unitarias cubren un mínimo del 70% de statements, functions y lines y branches.
• Incluye Definición del producto clara e informativa en README.md.
• Incluye historias de usuario en README.md.
• Incluye sketch de la solución (prototipo de baja fidelidad) en README.md.
• Incluye Diseño de la Interfaz de Usuario (prototipo de alta fidelidad) en README.md.
• Incluye el listado de problemas que detectaste a través de tests de usabilidad en el README.md.
• UI: Muestra lista y/o tabla con datos y/o indicadores.
• UI: Permite ordenar data por uno o más campos (asc y desc).
• UI: Permite filtrar data en base a una condición.
• UI: Es responsive.