diff --git a/IMAGENES/Alice Walton.jpg b/IMAGENES/Alice Walton.jpg new file mode 100644 index 0000000..f7f5a19 Binary files /dev/null and b/IMAGENES/Alice Walton.jpg differ diff --git a/IMAGENES/Bernard Arnault.jpeg b/IMAGENES/Bernard Arnault.jpeg new file mode 100644 index 0000000..0b593df Binary files /dev/null and b/IMAGENES/Bernard Arnault.jpeg differ diff --git a/IMAGENES/Bill Gates.jpeg b/IMAGENES/Bill Gates.jpeg new file mode 100644 index 0000000..8696250 Binary files /dev/null and b/IMAGENES/Bill Gates.jpeg differ diff --git a/IMAGENES/Carlos Slim.jpg b/IMAGENES/Carlos Slim.jpg new file mode 100644 index 0000000..38a591b Binary files /dev/null and b/IMAGENES/Carlos Slim.jpg differ diff --git "a/IMAGENES/Fran\303\247ois_Pinault.jpg" "b/IMAGENES/Fran\303\247ois_Pinault.jpg" new file mode 100644 index 0000000..e972a20 Binary files /dev/null and "b/IMAGENES/Fran\303\247ois_Pinault.jpg" differ diff --git a/IMAGENES/Giovani Ferrero.jpg b/IMAGENES/Giovani Ferrero.jpg new file mode 100644 index 0000000..51fe2e3 Binary files /dev/null and b/IMAGENES/Giovani Ferrero.jpg differ diff --git a/IMAGENES/Jim_Walton.jpg b/IMAGENES/Jim_Walton.jpg new file mode 100644 index 0000000..ccbe438 Binary files /dev/null and b/IMAGENES/Jim_Walton.jpg differ diff --git a/IMAGENES/Larry Page.jpg b/IMAGENES/Larry Page.jpg new file mode 100644 index 0000000..01fd0fe Binary files /dev/null and b/IMAGENES/Larry Page.jpg differ diff --git a/IMAGENES/Lei Jun.jpg b/IMAGENES/Lei Jun.jpg new file mode 100644 index 0000000..e7ec4f9 Binary files /dev/null and b/IMAGENES/Lei Jun.jpg differ diff --git a/IMAGENES/Ma-Huateng.jpg b/IMAGENES/Ma-Huateng.jpg new file mode 100644 index 0000000..63f6776 Binary files /dev/null and b/IMAGENES/Ma-Huateng.jpg differ diff --git a/IMAGENES/Mark Zuckerberg.jpeg b/IMAGENES/Mark Zuckerberg.jpeg new file mode 100644 index 0000000..02b9de1 Binary files /dev/null and b/IMAGENES/Mark Zuckerberg.jpeg differ diff --git a/IMAGENES/Mike Bloomberg.jpg b/IMAGENES/Mike Bloomberg.jpg new file mode 100644 index 0000000..a7b0606 Binary files /dev/null and b/IMAGENES/Mike Bloomberg.jpg differ diff --git a/IMAGENES/Mukesh Ambani.jpeg b/IMAGENES/Mukesh Ambani.jpeg new file mode 100644 index 0000000..84de566 Binary files /dev/null and b/IMAGENES/Mukesh Ambani.jpeg differ diff --git a/IMAGENES/Sergey Brin.jpg b/IMAGENES/Sergey Brin.jpg new file mode 100644 index 0000000..91b3fe1 Binary files /dev/null and b/IMAGENES/Sergey Brin.jpg differ diff --git a/IMAGENES/Steve Ballmer.jpg b/IMAGENES/Steve Ballmer.jpg new file mode 100644 index 0000000..ad3ed84 Binary files /dev/null and b/IMAGENES/Steve Ballmer.jpg differ diff --git a/IMAGENES/Zhong Shanshan.jpg b/IMAGENES/Zhong Shanshan.jpg new file mode 100644 index 0000000..195581e Binary files /dev/null and b/IMAGENES/Zhong Shanshan.jpg differ diff --git a/IMAGENES/charles koch.jpg b/IMAGENES/charles koch.jpg new file mode 100644 index 0000000..9efef50 Binary files /dev/null and b/IMAGENES/charles koch.jpg differ diff --git a/IMAGENES/elon-musk.jpg b/IMAGENES/elon-musk.jpg new file mode 100644 index 0000000..2712c91 Binary files /dev/null and b/IMAGENES/elon-musk.jpg differ diff --git a/IMAGENES/francoise-bettencourt-meyers.jpg b/IMAGENES/francoise-bettencourt-meyers.jpg new file mode 100644 index 0000000..9b8f918 Binary files /dev/null and b/IMAGENES/francoise-bettencourt-meyers.jpg differ diff --git a/IMAGENES/jack Ma.jpg b/IMAGENES/jack Ma.jpg new file mode 100644 index 0000000..4f9cd37 Binary files /dev/null and b/IMAGENES/jack Ma.jpg differ diff --git a/IMAGENES/jeff-bezos.jpg b/IMAGENES/jeff-bezos.jpg new file mode 100644 index 0000000..91cfdff Binary files /dev/null and b/IMAGENES/jeff-bezos.jpg differ diff --git a/IMAGENES/lakshmi-mittal.jpg b/IMAGENES/lakshmi-mittal.jpg new file mode 100644 index 0000000..6d2865b Binary files /dev/null and b/IMAGENES/lakshmi-mittal.jpg differ diff --git a/IMAGENES/larry ellison.jpg b/IMAGENES/larry ellison.jpg new file mode 100644 index 0000000..ce3d82d Binary files /dev/null and b/IMAGENES/larry ellison.jpg differ diff --git a/IMAGENES/warren buffett.jpg b/IMAGENES/warren buffett.jpg new file mode 100644 index 0000000..d63e6a5 Binary files /dev/null and b/IMAGENES/warren buffett.jpg differ diff --git a/Prompt.png b/Prompt.png new file mode 100644 index 0000000..4445270 Binary files /dev/null and b/Prompt.png differ diff --git a/README.md b/README.md index adb609b..c24c0b3 100644 --- a/README.md +++ b/README.md @@ -1,1056 +1,46 @@ -# Dataverse +# Proyecto Personas Millonarias del Mundo -## Índice +Este proyecto tiene como objetivo proporcionar información sobre las personas más ricas del mundo, incluyendo detalles sobre su fortuna, continente de origen y otras características relevantes. -* [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) +## Descripción -*** +El proyecto "Personas Millonarias del Mundo" es una aplicación web que permite a los usuarios explorar datos relacionados con las personas más ricas del mundo. Los usuarios pueden filtrar la información por continente, ordenarla por fortuna o nombre de manera ascendente y descendente, y ver estadísticas sobre la fortuna total y el promedio de los individuos listados. -## 1. Preámbulo +### Modelo del prompt -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. +El modelo del prompt consiste en desarrollar una aplicación web que utilice datos sobre las personas más ricas del mundo, permitiendo filtrar por continente, ordenar por fortuna o nombre, y calcular estadísticas sobre la fortuna total y promedio. +![Ejemplo de prompt](https://raw.githubusercontent.com/Natyushk/DEV014-Dataverse/Readme/Prompt.png) -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_. +### Prototipo de alta fidelidad -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. +El [prototipo de alta fidelidad](https://www.figma.com/proto/Ts81UGGb3KwzK4SaxjasKS/dataverseWeb?node-id=60-40) presenta una interfaz limpia y fácil de usar, con opciones claras para filtrar y ordenar la información. Incluye elementos visuales como imágenes de las personas millonarias y un diseño responsive para adaptarse a diferentes dispositivos. -![pokemon-data-to-ui](https://user-images.githubusercontent.com/12631491/218505816-c6d11758-9de4-428f-affb-2a56ea4d68c4.png) +## Funcionalidades -## 2. Resumen del proyecto +- Filtrado por continente: Los usuarios pueden seleccionar un continente para ver solo las personas millonarias originarias de esa región. +- Ordenamiento: Los usuarios pueden ordenar la lista de personas millonarias por fortuna (de mayor a menor o viceversa) o por nombre (A-Z o Z-A). +- Estadísticas de fortuna: Se muestran la suma total de las fortunas de las personas listadas y el promedio de las fortunas. +- Botón de reinicio: Permite restablecer los filtros y el ordenamiento a sus valores predeterminados. -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. +## Historias de Usuario -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. +Para seguir el progreso del proyecto y conocer las historias de usuario, visita el siguiente enlace: -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). +[Historias de Usuario](https://sandymmora.atlassian.net/jira/software/projects/LAB/issues/?jql=project%20%3D%20%22LAB%22%20ORDER%20BY%20created%20DESC) -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). +## Listado de problemas de test de usabilidad -## 3. Consideraciones generales +1. Al filtrar por continente, el usuario puede encontrar confuso el funcionamiento si no se proporciona retroalimentación clara. +2. La experiencia de usuario al ordenar los resultados puede mejorar con indicadores visuales que muestren el estado actual de la ordenación. +3. Es posible que algunos usuarios no comprendan el significado de ciertas opciones de filtrado, por lo que se necesita una mejor explicación o etiquetado. +4. En dispositivos móviles, la disposición de los elementos puede resultar poco intuitiva, lo que podría afectar la facilidad de navegación. -* 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/). +## Contribución -## 4. Funcionalidades +Si deseas contribuir al proyecto, ¡te damos la bienvenida! Puedes clonar este repositorio [Dataverse](https://github.com/Natyushk/DEV014-Dataverse), hacer tus cambios y enviar un pull request. Asegúrate de seguir las pautas de contribución. -Como entregable final tendrás una página web que permita **visualizar la data, -filtrarla, ordenarla y calcular alguna estadística**. +## Contacto -Aquí definimos en más detalle las funcionalidades mínimas que debe -tener: +Si tienes preguntas, sugerencias o comentarios sobre el proyecto, no dudes en ponerte en contacto con nosotros a través de nuestro correo electrónico: [sandy.mmora@gmail.com](mailto:sandy.mmora@gmail.co) [natamolano_1@hotmail.com](mailto:natamolano_1@hotmail.com) -* 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 `