Skip to content

anndygrs/cdmx-2018-06-bc-core-am-data-dashboard

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Proyecto "Data Dashboard" del BootCamp 2018-1 de Laboratoria.

Creado por Francisca Velueta y Andrea Garcia.

Preámbulo

En Laboratoria, las Training Managers (TMs) hacen un gran trabajo al analizar la mayor cantidad de datos posibles respecto al progreso de las estudiantes para apoyarlas en su aprendizaje.

data

La principal medida de progreso de una estudiante en Laboratoria es su avance completando los proyectos de la Ruta de Aprendizaje y su desempeño en función a la Rúbrica de Niveles Esperados. Sin embargo, para completar estos proyectos las estudiantes acceden a contenidos de aprendizaje (lecturas, videos, ejercicios y quizzes) en un sistema que llamamos LMS (Learning Management System). El LMS acumula data sobre quién leyó qué, qué ejercicios se han completado, los resultados de los quizzes, etc.

A pesar de que la data de progreso del LMS (ej. lecturas leídas, ejercicios completados, nota en quizzes, etc.) no impacta directamente en la evaluación de una estudiante, sí es una pieza de información relevante que las TMs quisieran visualizar para tener un mejor entendimiento de cómo va cada estudiante en su proceso de aprendizaje.

Así, el reto de este proyecto es crear una interfaz donde las TMs puedan ver y usar la data de progreso del LMS. Para ello, proponemos crear un data dashboard (tablero de visualización de datos).

Objetivo

El objetivo de este producto es facilitar a las TMs una herramienta que les permita realizar su trabajo de una forma más sencilla, sin la necesidad de abrir múltiples archivos, y también poder visualizar los datos desde su celular.

Planning

Nuestra organización fue mediante el tablero Kanban, haciendo tareas épicas y dividiendo dichas tareas en subtareas. También implementamos el uso de Trello para tener una mejor organización del tiempo que se dedicaba a cada tarea.

Desarrollo

Posteriormente, en equipo realizamos un diagrama de flujo para definir la circulación del programa y así evitar código espagueti.

Después de hacer la investigación de UX, empezamos a manipular la data mediante la función fetch() y promises (then), tuvimos una dificultad al utilizar los datos en JSON de forma local, señalando que necesitaba utilizar un https, es decir, leer el .json desde un servidor. Lo solucionamos utilizando el archivo .json desde el repositorio de GitHub.

Recomendaciones para utlizar el Data Dashboaard

  1. Contar con un explorador web como Chrome, Safari, Mozilla, Edge u Opera
  2. Tener una conexión estable de Internet esto para no tener problemas al consultar la data en el servidor Web
  3. Al menos ser personal autorizado de Laboratoria para tener acceso a la página.

Areas de Oportunidad

Proponemos algunas areas de Oportunidad:

  • Crear un portal de login personalizado
  • Filtrar de forma ascendente y decendente en estudiantes
  • Realizar busqueda de estudiantes por nombre
  • Mostrar de manera más gráfica la información

Si quieres colaborar en este repositorio puedes dejar un Issue para feedbacks y reportes de bugs.

El máster del repositorio es Francisca.

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 65.5%
  • HTML 24.5%
  • CSS 10.0%