lim-2018-05-bc-core-pm-datadashboard

PPROYECTO DATA DASHBOARD

Introducción:

La aparición de la tecnología a creado nuevas formas de almacenar data, sin embargo se genera gran cantidad de data, que por sí sola son de poca utilidad. Siendo Laboratoria no ajena a esto, surgió la necesidad de contar con una interfaz que permita que multiples usuarios(las Training Managers de todas sedes) puedan acceder al mismo tiempo si así lo desean, para visualizar el progreso de las estudiantes, como también los datos de las postulantes y egresadas de diferentes sedes.

Producto Data Laboratoria:

Objetivo

Crear un aplicativo web que permita a las Training Manager visualizar el progreso de cada estudiante mediante un data dashboard.

Para empazar a desarrollar el producto empezamos haciendo unos sketch para presertarlo a la hora de la entrevista a nuestro usuario.

User Research

En base a la entrevista realizada al TM de Lima se obtuvo los siguientes puntos de vista respecto al primer sketch realizado por el equipo de proyecto:

1.Inicio sesión:

*Resalta la importancia de contar con un usuario personalizado. *Considera no debería existir alguna restriccion para acceder a la data de todas las sedes, es decir, las TMs tendrán acceso a toda la data en general, pero solo podrán hacer modificaciones en su sede a cargo.

2.Selección sede:

*Considera que no sería necesario contar con botones si se cuenta con un mapa, Por instinto lo primero que daría click serían a las sedes que se encuentran dentro del mapa.

3.Lista de cohort:

*Le es indistinto si el filtro se realiza por un combo o como sketch presentado. *Le parece interesante que se muestre una nueva alternativa de como mostrar los cohorts.

4.Progreso de estudiantes:

Considera que el nombre del cohort debería considerarse y ubircarse en la parte superior En la primera columna nombre deberia llamarse estudiantes. Lo mas importante es el progreso de los ejercicios, la ubicacion debería ser a la izquierda del nombre del estudiante. El progreso total podría ubicarse al final.

En con conclusión decidimos hacer unas modificaciones a nuestro sketch tomando en cuenta las sugerencias de TM.

Para comenzar a trabajar nuestro producto hicimos un DFD (Diagrama de flujo de datos), que nos ayudo a realizar nuestro primer HTML y CSS.

Luego empezamos a utilizar el LMS y otras páginas wed para buscar información sobre los métodos, eventos, ciclos, funciones que podriamos usar para realizar la parte lógica de nuestro proyecto. Estas son algunas de estas páginas web:

https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/sort https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/map https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/filter https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Object/keys https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

Prototipado

Se diseñaron los siguientes prototipos de alta fidelidad.

##Test