This project forked from laboratoria/cdmx-2018-06-bc-core-am-data-dashboard
GitHubPages DataDash
Home Page: https://vaniushar.github.io/cdmx-2018-06-bc-core-am-data-dashboard/src
Hola @VaniushaR y Compañera
He estado revisando el proyecto y tengo algunos comentarios:
@VaniushaR debes agregar como colaboradora a MichBecerra, es extremadamente necesario pues los issues van guiados hacia ambas.
Deben participar ambas en los issues y milestones de cada sprint, solo veo a @VaniushaR interactuar.
Buena investigación de ux, eso si hay una carpeta llamada ux donde viene un readme detallado con todo el proceso de UX que deberían comentar y en ese readme específico.
No hay mucha lógica, salvo un llamado fetch. Les recomiendo entrar de lleno a la data lo antes posible y plasmar tanto visual como funcionalmente lo que tienen pensado para el proyecto.
En el archivo index.html utilizan unas etiquetas <br> para saltos de línea, eso no es necesario, los <input> son elementos de tipo inline así que puedes modificarles el display en css y tendrás el mismo efecto sin tener que utilizar esas etiquetas.
Recuerden utilizar HTML semántico <header></header> <section></section> <aside></aside> <footer></footer> <article></article>
Buen trabajo colaborativo en github.
Vamos vamos!! a darlo todo, ustedes puedeeeen 🤘 💪
Lista de ToDo:
Crear servidor localHost desde consola
Establecer la ruta de acceso /SRC
Compatibilizar la ruta de acceso al .json
@MichBecerra Maquetado HTML5 y CSS3 de las pantallas que serán la estructura de todo el programa.
Entrar dos niveles más:
Queridas @VaniushaR y @MicheleBecerra
Estuve revisando el proyecto entregado y tengo algunos comentarios:
Felicitaciones por no rendirse y continuar, espero que el aprendizaje sea bueno y que retomen el proyecto más adelante para que aparezca en un futuro en sus portafolios. 👏
Es poco lo que puedo decir en cuanto a funcionalidad del datadashboard, de todo lo que debía mostrar no se visualiza nada, solo la simulación del login.
Me preocupa y llama profundamente la atención errores pequeños, esenciales y básicos que no solucionaron, especificamente en el archivo index.html incluso si hubiesen probado los test de html que sale en la rúbrica, se hubiesen dado cuenta que tienen 107 errores en uno (htmlhint) y 28 en otro (validator w3)., como por ejemplo usar mezclas de comillas simples y dobles, las dobles van en los archivos HTML, es un estándar de google y sus motores de búsqueda, o por ejemplo de la línea 127 a la 131, todos esos scripts están dentro de <main> eso es incorrecto, debe ser justo antes de <body>
Me parece que es un tema del que deben tomar medidas ahora ya, es preocupante no manejar esos detalles. Acerquense a los coaches si necesitan ayuda personalizada.
Se ve estudio de usuario y se agradece documentar la entrevista con video, pero estos son muy cortos y no logran ser una muestra real de como se llevo a cabo esta, tampoco documentan que preguntas hacen, que respuestas obtienen, a cuantos usuarios entrevistan, uno solo?
Sobre color y alineación no es mucho lo que puedo decir porque es poco lo que se puede ver, solo me surge la duda, si estaban guiandose por los colores corporativos, porque la decisión de usar azul? todo eso debería estar sustentado por su investigación de usuario.
Se nota trabajo colaborativo en github, eso si, aprovechen los milestones, solo los hicieron y ahí quedaron. Por esta vez lo paso por alto.
Se que tuvieron mil problemas entre esos de comunicación, espero que los hayan superado o al menos trabajado en eso, aprendan de esta experiencia para trabajos futuros 😄
Visualizar la data .json:
Esta función es la responsable de "crear" la lista de estudiantes que vamos a "pintar" en la pantalla. La idea es "recorrer" el arreglo de estudiantes que se encuentra dentro de laboratoria.json.
La función debe devolver un nuevo arreglo de estudiantes donde cada objeto de estudiante deberá tener una propiedad con el nombre stats y dentro, sólo los datos requeridos.
Argumentos
laboratoria: Objeto obtenido de la data en bruto.
Valor de retorno
Un arreglo de objetos student con las siguientes propiedades:
name: Nombre respectivo de la estudiante.
email: Correo electrónico de la estudiante.
campus: Sede a la cual la estudiante pertenece.
generation: Generación a la cual la estudiante pertenece.
stats: Un objeto con las siguientes propiedades:
status: Status para identificar si la estudiante esta por debajo del 60, en 90 o superándolo, o dentro de la media en su completedPercentage.
completedPercentage: Número entero entre 0 y 100 que indica el porcentaje de completitud general del usuario con respecto a todos los temas asignados.
topics: Un objeto que incluye como propiedades los temas del programa y cada tema tiene las siguientes propiedades:
completedPercentage: Número entero entre 0 y 100 que indica el porcentaje de completitud general del usuario con respecto al tema respectivo.
percentageDuration: Número entero que indica el porcentaje de tiempo invertido según la duración indicada de cada tema, si el resultado son números flotantes deberías redondearlo al entero más cercano. Ejemplo: 78.78 = 79.
subtopics: Un objeto que incluye como propiedades los subtemas de ese tema en particular y cada subtema tiene las siguientes propiedades:
completedPercentage: Número entero entre 0 y 100 que indica el porcentaje de completitud general del usuario con respecto al subtema.
type: String que indica la modalidad del subtema.
duration: Número entero que indica el tiempo necesario a invertir para completar el subtema.
Bien por el esfuerzo, sé que no fue fácil, ya estás sobre el criterio de aceptación. Te deseo mucho éxito!
(DoD) Definition of Done:
-Terminar la funcionalidad de 1ª Función al menos hasta Topics. Incluye Stats. @MicheleBecerra
-Testing @MicheleBecerra
-Organizar Readme (Vania)
-Visual Design Bootstrap (Vania)
-Empezar funcionalidad 2da Función (Vania)
-Actualización de issues (ambas)
Espectativa para el lunes:
-Empezar a pintar en el DOM juntas.
-Limpieza de código y estilo.
-Definir y decidir juntas los alcances máximos que hemos logrado con buena funcionalidd.
-Practicar DEMO.
"Hace una semanas no eramos capaces de escribir una línea de código, hoy llevamos más de 500"
Trabajar en equipo es la mejor manera de hacer el trabajo. <3
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
