diff --git a/README.md b/README.md index dd2cd9d3..778ca87b 100644 --- a/README.md +++ b/README.md @@ -1,1057 +1,64 @@ -# Dataverse +## Proyecto Dataverse Disney-Pixar Movies, por Camila Carreño y Daniela Martinez -## Índice +### Definición de Producto +Nuestro proyecto se llama “Dreamland” el cual se utiliza para mostrar 24 tarjetas de distintas películas de Disney y Pixar donde cada una de ellas muestra una breve descripción, año de estreno, género, puntuación en IMDb y duración. Estas se pueden ordenar según abecedario y épocas donde estas están divididas en los años 1990's, 2000’s, 2010’s, 2020’s. También tiene como datos curiosos el promedio de duración de las películas las cuales duran 96.5 minutos. Por otro lado el promedio de las calificaciones que son 7.6 según IMDb. -* [1. Preámbulo](#1-preámbulo) -* [2. Resumen del proyecto](#2-resumen-del-proyecto) -* [3. Consideraciones generales](#3-consideraciones-generales) -* [4. Funcionalidades](#4-funcionalidades) -* [5. Consideraciones técnicas](#5-consideraciones-técnicas) -* [6. Hitos](#6-hitos) -* [7. Criterios de aceptación mínimos del proyecto](#7-criterios-de-aceptación-mínimos-del-proyecto) -* [8. Hacker edition](#8-hacker-edition) -* [9. Objetivos de aprendizaje](#9-objetivos-de-aprendizaje) -* [10. Pistas, tips y lecturas complementarias](#10-pistas-tips-y-lecturas-complementarias) -* [11. Consideraciones para pedir tu Project Feedback](#11-consideraciones-para-pedir-tu-project-feedback) +**Temática:** Películas Disney y Pixar -*** +## Prototipo +Yo había ponido mi imagen aquí. -## 1. Preámbulo +## Historias de usuarias +Estas son algunas de las preguntas que respondimos para cumplir los requerimientos del usuario: -Según [Forbes](https://www.forbes.com/sites/bernardmarr/2018/05/21/how-much-data-do-we-create-every-day-the-mind-blowing-stats-everyone-should-read), -el 90% de la data que existe hoy ha sido creada durante los últimos dos años. -Cada día generamos 2.5 millones de terabytes de datos, una cifra sin -precedentes. +*¿Quiénes son las principales usuarias del producto? +Adultos jóvenes que sean fanáticos de las películas de Disney y que quieran buscar una película con alguna enseñanza de fondo. +*¿Cuáles son los objetivos de estas usuarias en relación con el producto? +Obtener información de películas de manera rápida, dinámica y simple, todo en un mismo lugar. +*¿Cuáles son los datos más relevantes que quieren ver en la interfaz y por qué? +- Nombre: búsqueda alfabéticamente, para aquellos que no recuerden bien el nombre de la película, pero sí cómo empieza. O para aquellos que quieren buscar información directamente por el nombre. +- Años: seleccionar películas según la época en que fueron creadas. +Enseñanza: una clasificación para aquellos que no saben que ver específicamente, pero si quieren profundizar una temática en particular +- Ranking: buscar de acuerdo a la opinión pública. +*¿Cuándo utilizan o utilizarían el producto? +Para tener más información de las películas que les gustan cómo la duración, las reseñas y algunas curiosidades. -No obstante, los datos por sí mismos son de poca utilidad. Para que esas -grandes cantidades de datos se conviertan en **información** fácil de leer para -las usuarias, necesitamos entender y procesar estos datos. Una manera simple de -hacerlo es creando _interfaces_ y _visualizaciones_. +## Opiniones de posibles usuarias +Antes de iniciar nuestro proyecto, realizamos algunas preguntas a posibles usuarias. Estas fueron algunas respuestas a la pregunta ¿qué te gustaría saber de las películas de Disney y Pixar? -En la siguiente imagen, podrás ver cómo con la data que que se ve en la parte -izquierda se puede construir una interfaz amigable y entendible por las -usuarias, al lado derecho. +**Fatima:** información sobre la película, la duración para ver si puedo realizar una maratón o no, el género de la película. Usaría la página para buscar esa información. -![pokemon-data-to-ui](https://user-images.githubusercontent.com/12631491/218505816-c6d11758-9de4-428f-affb-2a56ea4d68c4.png) +**Pamela:** buscar información de una película como: sinopsis, qué género es, personalmente me gusta mucho los musicales y me gustaría que en la página hubiera esa opción porque normalmente solo ponen como género acción, romance, fantasía, etc, pero nunca si es musical o no. También datitos curiosos de la creación de la película, me gusta ver el proceso creativo o como es que surgió la idea -## 2. Resumen del proyecto +**Barbara:** lo que casi nunca veo son curiosidades de los personajes, por ejemplo de la película Luca. -En este proyecto **construirás una _página web_ para visualizar un -_conjunto (set) de datos_** que vas a generar con [prompting](https://www.itmadrid.com/que-es-un-prompt-en-inteligencia-artificial-ia/). -Esta página web se adecuará a lo que descubras que tu usuaria -necesita. +## PROMPT +Al momento de identificar la información necesaria para crear nuestra página web, realizamos la redacción de nuestro prompting para poder generar la data en con Chat GPT. Nuestro Prompt redactado es el siguiente: -Además, en este proyecto utilizarás herramientas de -[inteligencia artificial](https://es.wikipedia.org/wiki/Inteligencia_artificial) -como [ChatGPT](https://openai.com/chatgpt), [ExplainDev](https://explain.dev/), -entre otras para generar un set de datos en un archivo javascript. +*“Eres una persona que le gustan mucho las películas de Disney y Pixar desde pequeño y deseas buscar información de las películas que te gustan para aumentar el conocimiento de ellas. +Genera una reseña de la película “Elemental” que sea breve para que pueda ser compartida de manera informativa en una página web. Debe incluir los siguientes datos: una descripción breve de la película, una descripción larga, año de estreno, duración en minutos, clasificación de qué género es, clasificación del público y una clasificación de enseñanza que entrega pero definida en una palabra y un dato curioso. +Utiliza un lenguaje informativo, cordial y motivador pero que no sea tan extenso.”* -El propósito de generar los datos en esta manera es brindarte la oportunidad de -adentrarte en el empleo de herramientas impulsadas por la inteligencia -artificial, así como en [técnicas de prompting](https://learnprompting.org/es/docs/intro). +IMAGENES DEL PROMPTING EN CHAT GPT PONER AQUÍ -Como entregable final tendrás una página web que permita **visualizar la data, -filtrarla, ordenarla y calcular alguna estadística**. Con estadística -nos referimos a distintos cálculos que puedes hacer con los datos para mostrar -información aún más relevante a las usuarias (promedio, el valor máximo -o mínimo, etc). +## Filtrado, orden y datos estadísticos -## 3. Consideraciones generales +Al momento de organizar qué filtrado podríamos realizar, decidimos realizarlo por años. Pero al momento de observar nuestros datos, nos percatamos que había años que no se repetían, o sólo habían dos películas por año, es por eso que, para no realizar un filtrado que visualmente se viera largo, decimos agruparlas por épocas. -* Este proyecto se debe resolver en duplas. -* El rango de tiempo estimado para completar el proyecto es de 4 a 5 Sprints. -* El tiempo estimado que deberías dedicar a la [generación de los datos](#generar-los-datos) - es de máximo un sprint. Además, al final del proyecto deberás presentar - un [screenshot del prompt utilizado](#prompt-utilizado). -* Si ves que te va a tomar más tiempo, - deberás utilizar los datos de ejemplo que los vas a encontrar en - esta ruta: `./src/data/dataset.js`. -* El proyecto será entregado subiendo tu código a GitHub (commit/push) y la - interfaz será desplegada usando [GitHub Pages](https://pages.github.com/). +Ejemplo de cómo organizamos las películas para el filtrado: -## 4. Funcionalidades +**Películas 90´s:** 1995, 1998, 1993, 1999, 1997. +**Películas 2000´s:** 2009, 2007, 2008, 2004, 2002, 2001, 2002, 2009. +**Películas 2010´s:** 2017, 2016, 2015, 2014, 2013, 2010. +**Películas 2020´s:** 2023, 2022, 2020, 2021. -Como entregable final tendrás una página web que permita **visualizar la data, -filtrarla, ordenarla y calcular alguna estadística**. +Y al momento de ordenar nuestras películas, decidimos realizar un orden ascendente y descendente de la data. En nuestro caso, la primera película sería Atlantis y la última es Wall-e. -Aquí definimos en más detalle las funcionalidades mínimas que debe -tener: +En cuanto a los datos estadísticos, como era una necesidad de las usuarias saber el tiempo de duración, se realizó el promedio de duración de las películas de Disney y Pixar, cómo también se calculó el promedio de la evaluación del público de las películas de la data. -* La aplicación debe permitir a la usuaria ver los items de la data en una visualización, - que puede ser [tipo tarjetas](http://www.uxables.com/diseno-ux-ui/que-es-y-como-disenar-una-card/) - o cualquier otra forma que tú decidas como la adecuada (pero desde aquí - referimos a los items como "tarjetas"). **Cada una de las tarjetas debe estar - contenida en un elemento `
  • ` y estos a su vez contenido en - un elemento `