Skip to content

giolujan/DEV001-data-lovers

 
 

Repository files navigation

1. Preambulo

Se realizó una página Fandom de Studio Ghibli, donde se puede observar un encabezado de imagen donde se muestran la mayoría de los personajes principales, luego una breve introducción de lo que es Studio Ghibli. Luego al hacer Scroll se observan las portadas de cada pelicula y sus datos filmográficos, esto fue posible gracias a que se importó la data de estos elementos inicialmente. Cada una de las peliculas se pueden ordenar por orden alfabético, cronológico y se puede buscar por título desde la primera tecla presionada. Luego al hacer Click en cada pelicula se abre una segunda página donde se muestra el resumen de cada película, los personajes, con su imagen y descripción, al igual que los vehiculos y locaciones de cada película, todo esto se ordena en contenedores independientes.También se incluyó un botón que retorna al inicio de la primera página, éste se encuentra en la parte superior y es muy visible. Para éste proyecto se tomaron 4 historias de Usuario. 110594146-studioghiblifilmcollage.jpg

2.Historias de Usuario.

HU-1“Yo como usuario Pedro, me hablaron que las películas de Studios Ghibli eran fascinantes, quiero poder v er una página con imagenes que me puedan convencer de ver las películas, así como una introducción de Studio Ghibli para familiarizarme.”

HU-2“Yo como usuaria Hanna, alguna vez vi un par de películas de Studio Ghiblo, quiero poder buscar las películas que ya vi y las que aún no por su título, no me acuerdo del titulo completo."

HU-3“Yo como usuario Fabián, ya vi todas las películas ya que me gustan mucho, pero no conozco sus datos, quiero poder ordenar las películas por orden alfabético con su título y cronólogico así como conocer su productor, su director y su puntaje."

HU-4“Yo como usuaria Karla, estoy muy familiarizada con Studio Ghibli, podría ver sus producciones una y otra vez, solo que quisiera conocer más a detalle la información de los personajes, las locaciones utilizadas y todos los vehículos de cada película con todas sus descripciones."

3. Prototipo de baja Fidelidad.

cb4fbd79-9b3b-4a22-98f9-d02178fbe25e.jpg

4. Prototipo de alta Fidelidad.

Se utiliza FIGMA para el prototipado de Alta Calidad. Se opta por un diseño no saturado, con colores pastel, negro y blanco para resaltar las imagenes traídas de la data. traductor-Buscar-con-Google-Google-Chrome-20-11-2022-08-44-37-p-m.png

5. Testeos de usabilidad

Se realizaron test de usabilidad con el 100% terminado para cersiorarnos que el usuario pudiera manipular la interfaz sin errores.

6. Organización de trabajo

Antes de comenzar el proyecto se realizó en Trello el esquema de tareas a realizar dividiendolas tareas por historias de usuario, se fueron modificando segun fuera necesario, nuestro checklist está terminado. Data-Lovers-Proyecto-2-Trello-Google-Chrome-20-11-2022-07-40-38-p-m.png

7.Diseño final del producto.

Data-Lovers-Proyecto-2-Trello-Google-Chrome-20-11-2022-07-41-07-p-m.png Data-Lovers-Proyecto-2-Trello-Google-Chrome-20-11-2022-07-41-23-p-m.png

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.5%
  • Other 0.5%