Proyecto Data Lovers 💕
Para acceder a la página web haz clic en el nombre del proyecto ⇑
- 1. Introducción
- 2. Resumen del proyecto
- 3. Funcionalidades
- 4. Necesidades Identificadas
- 5. Prototipado
- 6. Pruebas unitarias
- 7. Tecnologías aplicadas
Como segundo proyecto dentro del Bootcamp de ⪡Laboratoria⪢ denominado "Data Lovers" el cuál es trabajado en duplas, nos brindan diferentes opciones de temas para desarrollar nuestro proyecto. Después de reunirnos en duplas tomamos la decisión de trabajar con el tema "Studio Ghibli".
El objetivo de este proyecto es que de acuerdo con la información recolectada de los seguidores de las animaciones del Studio Ghibli se resolvieran las necesidades planteadas al tener la intención de consultar la página web desarrollada.
Se elaboró una página web para visualizar un conjunto de datos de acuerdo con las necesidades planteadas por nuestros usuarios.
Para nuestro caso la temática elegida fue "Studio Ghibli"; un estudio de animación japonés, conocido por sus largometrajes animados. Después de hacer un research con su fandom se identificaron las necesidades que se debían cubrir con el desarrollo de esta página.
Como entrega final la página muestra la opción de filtrar por Director, Productor o Año de Lanzamiento de cada película, así como la opción de ordenar el contenido que se esté mostrando en pantalla de forma ascendente o descendente de acuerdo con el título de la película, un contador del total de películas mostradas en el momento, el promedio de personajes que participan por película, un botón para limpiar los filtros aplicados y finalmente las películas en tarjetas con la imagen y su respectivo nombre, al pasar el mouse por cada tarjeta esta se da la vuelta dejando detallar nuevamente el nombre de la película pero esta vez con la información del nombre del director, el productor y el año de lanzamiento de cada una de ellas, en dispositivos móviles las tarjetas se voltearan al hacer clic sobre ellas.
- Se desarrolló la función que actúa como contador, para poder mostrar la cantidad de películas que estamos viendo en la página web.
- Se desarrolló la función que actúa como filtro, se elige la opción deseada para poder ver las películas según su director, productor o año de lanzamiento.
- Se muestra la estadística del promedio de personajes por película.
- Se tiene el botón con la funcionalidad de limpiar los filtros aplicados.
- Se desarrolló la función para poder ordenar las películas que se estén mostrando en el momento de manera ascendente o descendente según el título de la película.
- Saber cuántas y cuáles son las películas.
- Tener la información de los directores, productores y año de lanzamiento de cada película.
- Poder filtrar por director, productor o año de lanzamiento y conocer el nombre y la cantidad de las películas pertenecientes a este filtro aplicado.
- Tener la información de año de lanzamiento de cada película.
- Poder ver el promedio de personajes de las películas.
- Poder organizar la información mostrada de formas ascendente o descendente.
Al identificar las necesidades de nuestros usuarios y definir los requisitos mínimos de aceptación de la página web se procede a realizar el prototipado, previamente a la entrega final se desarrollaron 3 prototipos de baja fidelidad. Para la entrega final se desarrolló el prototipo de alta fidelidad.
Inicialmente tuvimos que investigar un poco para poder encontrar la herramienta que ibamos a utilizar para poder hacer el prototipo de alta fidelidad y empezar a manejarla desde el comienzo y así lograr una buena curva de aprendizaje aportando a nuestra agilidad en el desarrollo del proyecto.
| ✏️ Prototipo de baja fidelidad #1 | 🚩 Producto Entregado 1 |
|---|
 |
 |
|---|
| ✏️ Prototipo de baja fidelidad #2 | 🚩 Producto Entregado 2 |
|---|
 |
 |
|---|
| ✏️ Prototipo de baja fidelidad #3 | 🚩 Producto Entregado 3 |
|---|
 |
 |
|---|
| ✒️ Prototipo de alta fidelidad | 🏁 Producto Final |
|---|
 |
 |
|---|
 |
 |
|---|
✒️ Prototipo de alta fidelidad Reponsive
🏁 Producto Final Responsive Celular
🏁 Producto Final Responsive Tablet
✒️ Prototipo de alta fidelidad Reponsive con Filtro
🏁 Producto Final Responsive con Filtro ordenado Asc-Desc
Se desarrollaron las pruebas unitarias para las funciones creadas del contador de películas, el filtro por director, productor o año de lanzamiento, la función de ordenar de forma ascendente o descendente y la función de promedio de personajes por película con un resultado de todas las pruebas aprobadas.
