- 1. Preámbulo
- 2. Resumen del proyecto
- 3. Información general
- 4. Funcionalidades
- 5. Información técnica
- 6. Maquetación del proyecto
- 7. Herramientas
- 8. Autoras
Según Forbes, 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.
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.
En este proyecto se construyo una página web para visualizar un conjunto (set) de datos que se generaron con prompting.
En este proyecto se utilizó la herramienta de inteligencia artificial ChatGPT, para generar un set de datos.
El propósito de generar los datos en esta manera es aprovechar la oportunidad de emplear las herramientas impulsadas por la inteligencia artificial, así como técnicas de prompting.
Como entregable final se tiene una página web que permite visualizar la data, filtrarla, ordenarla y calcular una estadística.
- Este proyecto se trabajó en duplas.
- El rango de tiempo estimado para completar el proyecto fue de 3 a 5 Sprints.
- El proyecto fue entregado subiendo el código a GitHub (commit/push) y la interfaz fue desplegada usando GitHub Pages.
Aquí definimos en más detalle las funcionalidades mínimas que tiene:
-
La aplicación permite al usuari@ ver los items de la data en una visualización, que es en tipo tarjetas.
-
Las tarjetas contienen los valores de las propiedades de la data que le interesaría al usuari@ ver. Se observa: nombre, fecha, imagen, etc.
-
La interfaz esta estructurada semánticamente usando el estándar microdatos Usa los atributos :
[itemscope],[itemtype]y[itemprop]. -
En la aplicación se puede visualizar una estadística global de la data (total de caricaturas por cada canal).
-
La aplicación tiene un multifiltro que le permite al usuari@ filtrar la data por
canal,estado de transmisiónypúblico dirigido. -
La aplicación permite al usuari@ ordenar la data alfabeticamente (ascendente y descente).
-
Las funcionalidades se mantienen sobre la data filtrada. Por ejemplo, si filtro las caricaturas por canal y luego los ordeno por nombre ascendentemente, la aplicación mantiene el filtro aplicado y ordenar las caricaturas.
-
La aplicación permite al usuari@ reiniciar la aplicación, limpiando filtros y ordenamiento sin recargar la página, si no que agrega el contenido de manera dinámica via javascript.
-
La aplicación es responsive, es decir, se visualiza sin problemas desde distintos tamaños de pantallas:
móviles,tabletsydesktops.
La lógica del proyecto fue implementada completamente en JavaScript (ES6), HTML y CSS. En este proyecto NO se usó librerías o frameworks, solo vanilla JavaScript.
En este proyecto se utilizaron las siguientes metodologías que permitieron un óptimo desempeño durante el trabajo en equipo:
Se realizó la Historia de Usuari@ que representa lo que se necesita hacer/ver en la página web.
La historia de usuari@ nos permitió tener una guia en la planificacion de los sprints dividiendola en tareas.
En este proyecto con la ayuda de la inteligencia artificial ChatGPT se generó una data de 24 objetos, con la temática de Caricaturas infantiles la cual contiene las siguientes propiedades: Imagen, Nombre, Estado de transmisión, Público dirigido, Género, Descripción corta, Hechos que incluye (Fecha de creación del programa, Rating y Dato curioso)
Se utilizó una herramienta de diseño visual (Figma) para crear los prototipos considerando que este debe ser un Diseño Responsive.
Este proyecto no incluian las Pruebas Unitarias (tests), así que se crearon con el framework Jest, especificamente para las funciones encargadas de procesar, filtrar y ordenar la data, así la de calcular estadísticas.
Las pruebas unitarias dan una cobertura del 100% de statements
(sentencias), functions (funciones), lines (líneas), y branches
(ramas) del archivo src/dataFunctions.js que contiene las funciones.
Isis Marina Daza Peña
Rosario Trillo Allende