diff --git a/README.md b/README.md index e9b59c4c..6edf1690 100644 --- a/README.md +++ b/README.md @@ -1,25 +1,53 @@ -# Data Dashboard +# PROYECTO FINAL:DATA DASHBOARD LABORATORIA -* **Track:** _Common Core_ -* **Curso:** _Creando tu primer sitio web interactivo_ -* **Unidad:** _Producto final_ - -*** ## Flujo de trabajo -1. Debes realizar un [**fork**](https://gist.github.com/ivandevp/1de47ae69a5e139a6622d78c882e1f74) - de este repositorio. +### PARTE 1 +Realizamos el descubrimiento, y nos informamos sobre quienes son nuestros usuarios y cuales son sus necesidades. + +Nuestros Usuarios son los **Training Managers (TMs)** ellos quieren ver la data de manera sencilla y poder optimizar su tiempo. + +Estos son los requerimientos: + +- El total de estudiantes presentes por sede y generación. +- El porcentaje de deserción de estudiantes. +- La cantidad de estudiantes que superan la meta de puntos en promedio de todos los sprints cursados. +- El porcentaje que representa el dato anterior en relación al total de estudiantes. +- El Net Promoter Score (NPS) promedio de los sprints cursados. +- La cantidad y el porcentaje que representa el total de estudiantes que superan la meta de puntos técnicos en promedio y por sprint. +- La cantidad y el porcentaje que representa el total de estudiantes que superan la meta de puntos de HSE en promedio y por sprint. +- El porcentaje de estudiantes satisfechas con la experiencia de Laboratoria. +- La puntuación promedio de l@s profesores. +- La puntuación promedio de l@s jedi masters. + +### PARTE 2 +Prototipamos ,lanzamos ideas y según lo requerido diseñamos un sketch y probamos con los **Training Managers (TMs)** las posibles soluciones. + +**Version 1** +![Imagen sketch](assets/images/foto007.jpg) + + +Realizamos una prueba de usabilidad con el **Training Managers (TMs)** Joalbert . +En el cual le pedimos que realice 4 operaciones : + +1.Loguearse +2.Ingresar a su perfil +3.Filtrar su búsqueda +4.Ingresar a ver otros datos. (los datos de las estudiantes y profesoras). + +**Prueba** +(Simulacion) + -2. Luego deberás **clonar** tu fork en tu máquina. Recuerda que el comando a usar - es `git clone` y su estructura normalmente se ve así: +### PARTE 3 +Ya que tenemos nuestra version 1 del proyecto,añadimos el codigo html y css. - ```bash - git clone https://github.com//freelancer.git - ``` +### PARTE 4 +Añadimos el codigo js. -3. Cuando hayas terminado tu producto, envía un Pull Request a este repositorio - (puedes solicitar apoyo de tus profes para este paso). +**FLUJOGRAMA** -> Nota: No olvides que es una buena práctica describir tu proyecto en este -> archivo `README.md` y también desplegar tu web a Github Pages :smiley:. +Integrantes: +Alejandra Hoces. +Karina Vivanco. diff --git a/alumnas.html b/alumnas.html new file mode 100644 index 00000000..99853168 --- /dev/null +++ b/alumnas.html @@ -0,0 +1,352 @@ + + + + + + + Document + + + + + + + + + +
+
+
+

Especializacion:

+
    +
  • UX Designer
    • +
  • Frontend Designer
    • +
+
+
+ +
+
+

Turno:

+
    +
  • AM
    • +
  • PM
    • +
+
+
+ + +
+
+ + +
+ +
+
+ Donna Sloper +
+ +
+

DONNA SLOPER

+

UX DESIGNER

+
    +
  • AM
    • +
+
+ +
+
+

81%

+

TECH

+
+ +
+

82%

+

LIFE

+
+ +
+

80%

+

ATTENDANCE

+
+ +
+
+ + + +
+
+ Martha Lopez +
+ +
+

MARTHA LOPEZ

+

FRONTED DESIGNER

+
    +
  • PM
    • +
+
+ +
+
+

81%

+

TECH

+
+ +
+

82%

+

LIFE

+
+ +
+

80%

+

ATTENDANCE

+
+ +
+
+ + +
+
+ Martha Lopez +
+ +
+

SANDRA GARCIA

+

UX DESIGNER

+
    +
  • AM
    • +
+
+ +
+
+

81%

+

TECH

+
+ +
+

82%

+

LIFE

+
+ +
+

80%

+

ATTENDANCE

+
+ +
+
+ + +
+
+ Martha Lopez +
+ +
+

ROSA GOMEZ

+

FRONTED DESIGNER

+
    +
  • AM
    • +
+
+ +
+
+

81%

+

TECH

+
+ +
+

82%

+

LIFE

+
+ +
+

80%

+

ATTENDANCE

+
+ +
+
+ + +
+
+ Martha Lopez +
+ +
+

LAURA ROMERO

+

UX DESIGNER

+
    +
  • AM
    • +
+
+ +
+
+

81%

+

TECH

+
+ +
+

82%

+

LIFE

+
+ +
+

80%

+

ATTENDANCE

+
+ +
+
+ + +
+
+ Martha Lopez +
+ +
+

CARMEN LOZADA

+

FRONTED DESIGNER

+
    +
  • AM
    • +
+
+ +
+
+

81%

+

TECH

+
+ +
+

82%

+

LIFE

+
+ +
+

80%

+

ATTENDANCE

+
+ +
+
+ + +
+
+ Martha Lopez +
+ +
+

ELVIRA ARANA

+

UX DESIGNER

+
    +
  • AM
    • +
+
+ +
+
+

81%

+

TECH

+
+ +
+

82%

+

LIFE

+
+ +
+

80%

+

ATTENDANCE

+
+ +
+
+ + +
+
+ Martha Lopez +
+ +
+

YHOSELYN MARTINEZ

+

FRONTED DESIGNER

+
    +
  • AM
    • +
+
+ +
+
+

81%

+

TECH

+
+ +
+

82%

+

LIFE

+
+ +
+

80%

+

ATTENDANCE

+
+ +
+
+ + +
+
+ Martha Lopez +
+ +
+

ELIZABETH RAMOS

+

FRONTED DESIGNER

+
    +
  • AM
    • +
+
+ +
+
+

81%

+

TECH

+
+ +
+

82%

+

LIFE

+
+ +
+

80%

+

ATTENDANCE

+
+ +
+
+ + + +
+
+ + + + + + + diff --git a/assets/icons/fonts/icomoon.eot b/assets/icons/fonts/icomoon.eot new file mode 100644 index 00000000..9b60a4cd Binary files /dev/null and b/assets/icons/fonts/icomoon.eot differ diff --git a/assets/icons/fonts/icomoon.svg b/assets/icons/fonts/icomoon.svg new file mode 100644 index 00000000..b07f0929 --- /dev/null +++ b/assets/icons/fonts/icomoon.svg @@ -0,0 +1,15 @@ + + + +Generated by IcoMoon + + + + + + + + + + + \ No newline at end of file diff --git a/assets/icons/fonts/icomoon.ttf b/assets/icons/fonts/icomoon.ttf new file mode 100644 index 00000000..3bef467a Binary files /dev/null and b/assets/icons/fonts/icomoon.ttf differ diff --git a/assets/icons/fonts/icomoon.woff b/assets/icons/fonts/icomoon.woff new file mode 100644 index 00000000..df26eb3b Binary files /dev/null and b/assets/icons/fonts/icomoon.woff differ diff --git a/assets/icons/style.css b/assets/icons/style.css new file mode 100644 index 00000000..b5ed14ea --- /dev/null +++ b/assets/icons/style.css @@ -0,0 +1,41 @@ +@font-face { + font-family: 'icomoon'; + src: url('fonts/icomoon.eot?5t5a9m'); + src: url('fonts/icomoon.eot?5t5a9m#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?5t5a9m') format('truetype'), + url('fonts/icomoon.woff?5t5a9m') format('woff'), + url('fonts/icomoon.svg?5t5a9m#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-home:before { + content: "\e900"; +} +.icon-book:before { + content: "\e91f"; +} +.icon-location:before { + content: "\e947"; +} +.icon-bubbles4:before { + content: "\e970"; +} +.icon-user-tie:before { + content: "\e976"; +} diff --git a/assets/images/alumna1.jpg b/assets/images/alumna1.jpg new file mode 100644 index 00000000..5f465cff Binary files /dev/null and b/assets/images/alumna1.jpg differ diff --git a/assets/images/alumna2.jpg b/assets/images/alumna2.jpg new file mode 100644 index 00000000..bf11be3d Binary files /dev/null and b/assets/images/alumna2.jpg differ diff --git a/assets/images/alumna3.jpg b/assets/images/alumna3.jpg new file mode 100644 index 00000000..5a29afc5 Binary files /dev/null and b/assets/images/alumna3.jpg differ diff --git a/assets/images/foto007.jpg b/assets/images/foto007.jpg new file mode 100644 index 00000000..8ea2ce5e Binary files /dev/null and b/assets/images/foto007.jpg differ diff --git a/assets/images/grafico1.png b/assets/images/grafico1.png new file mode 100644 index 00000000..5d091314 Binary files /dev/null and b/assets/images/grafico1.png differ diff --git a/assets/images/grafico2.png b/assets/images/grafico2.png new file mode 100644 index 00000000..d9d56661 Binary files /dev/null and b/assets/images/grafico2.png differ diff --git a/assets/images/grafico3.png b/assets/images/grafico3.png new file mode 100644 index 00000000..7fc3d97c Binary files /dev/null and b/assets/images/grafico3.png differ diff --git a/assets/images/grafico4.png b/assets/images/grafico4.png new file mode 100644 index 00000000..b6e84dde Binary files /dev/null and b/assets/images/grafico4.png differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 00000000..abdc2190 Binary files /dev/null and b/assets/images/logo.png differ diff --git a/assets/images/profe1.jpg b/assets/images/profe1.jpg new file mode 100644 index 00000000..2d0c363e Binary files /dev/null and b/assets/images/profe1.jpg differ diff --git a/assets/images/profe2.jpg b/assets/images/profe2.jpg new file mode 100644 index 00000000..4bfc02d9 Binary files /dev/null and b/assets/images/profe2.jpg differ diff --git a/assets/images/profe3.jpg b/assets/images/profe3.jpg new file mode 100644 index 00000000..99bd721a Binary files /dev/null and b/assets/images/profe3.jpg differ diff --git a/css/alumnas.css b/css/alumnas.css new file mode 100644 index 00000000..2ea4248a --- /dev/null +++ b/css/alumnas.css @@ -0,0 +1,558 @@ + +.rectangule { + background-color: beige; +} + +/*agregando estilos a la section students*/ +.students{ + box-sizing: content-box; + padding:0 ; + margin: 0; + width: 100%; + height: 100%; + font-family: 'Roboto', sans-serif; + } + .columna-izquierda,.columna-derecha,.colum-1,.colum-2{ + display: inline-block; + margin: 7px; + } + .columna-izquierda{ + position: absolute; + left: 0; + width:40%; + height: 100%; +<<<<<<< HEAD + padding: 7px; + +======= + padding: 7px; +>>>>>>> 674264803967774e0512bb765c22dccbcd3fbbed + } + + .especializacion{ + position: absolute; + right: 0; + padding: 15px; + width: 450px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .h1color{ + color: #ffc107; + } + + .especializacion ul,.colum-1 ul{ + padding: 0; + } + .especializacion ul li{ + list-style: none; + } + + + .columna-debajo{ + top: 200px; + position: absolute; + left: 0; + width:40%; + height: 100%; + padding: 7px; + } + + + + .turno{ + position: absolute; + right: 0; + padding: 15px; + width: 450px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .turno ul,.colum-1 ul{ + padding: 0; + } + .turno ul li{ + list-style: none; + } + + + .icon-square-o{ + margin-right: 10px; + color: #ffc107; + } + + .columna-derecha{ + position:absolute; + right: 0; + width:55%; + height: 100%; + } + .search{ + position: absolute; + left: 0; + width: 820px; + height: 40px; + top: 0; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + input{ + display:inline-block; + border: none; + outline: none; + width: 670px; + background: #f7f7f7; + } + .icon-search{ + display: inline-block; + margin: 10px; + } + .estudiante1{ + position:absolute; + left: 0; + top:60px; + padding: 10px; + width: 800px; + height: 190px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .figure{ + margin: 5px; + float: left; + } + .figure .image{ + width: 160px; + height: 180px; + } + .columna1{ + font-size: 20px; + } + + .h1nombre{ + color: #ffc107; + } +<<<<<<< HEAD + + .colum-1 h1,.colum-1 p,.box h1,.box p{ + margin: 0; + } + + .colum-1 ul li{ +======= + + .columna1 h1,.columna1 p,.box1 h1,.box1 p{ + margin: 0; + } + + .columna1 ul li{ +>>>>>>> 674264803967774e0512bb765c22dccbcd3fbbed + padding: 2px; + display: inline-block; + list-style: none; + font-size: 10px; + margin-right: 20px; + background: white; + } + .columna2{ + float: right; + margin:10px; + font-size: 10px; + } + .box1{ + display: inline-block; + padding: 8px; + margin-right: 5px; + background:white; + } +<<<<<<< HEAD +======= + + .estudiante2{ + position:absolute; + left: 0; + top:300px; + padding: 10px; + width: 800px; + height: 190px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .columna3{ + font-size: 20px; + } + + .h1nombre{ + color: #ffc107; + } + + .columna3 h1,.columna3 p,.box2 h1,.box2 p{ + margin: 0; + } + + .columna3 ul li{ + padding: 2px; + display: inline-block; + list-style: none; + font-size: 10px; + margin-right: 20px; + background: white; + } + .columna4{ + float: right; + margin:10px; + font-size: 10px; + } + .box2{ + display: inline-block; + padding: 8px; + margin-right: 5px; + background:white; + } + + + .estudiante3{ + position:absolute; + left: 0; + top:530px; + padding: 10px; + width: 800px; + height: 190px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .columna5{ + font-size: 20px; + } + + .h1nombre{ + color: #ffc107; + } + + .columna5 h1,.columna5 p,.box3 h1,.box3 p{ + margin: 0; + } + + .columna5 ul li{ + padding: 2px; + display: inline-block; + list-style: none; + font-size: 10px; + margin-right: 20px; + background: white; + } + .columna6{ + float: right; + margin:10px; + font-size: 10px; + } + .box3{ + display: inline-block; + padding: 8px; + margin-right: 5px; + background:white; + } + + + + .estudiante4{ + position:absolute; + left: 0; + top:750px; + padding: 10px; + width: 800px; + height: 190px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .columna7{ + font-size: 20px; + } + + .h1nombre{ + color: #ffc107; + } + + .columna7 h1,.columna7 p,.box4 h1,.box4 p{ + margin: 0; + } + + .columna7 ul li{ + padding: 2px; + display: inline-block; + list-style: none; + font-size: 10px; + margin-right: 20px; + background: white; + } + .columna8{ + float: right; + margin:10px; + font-size: 10px; + } + .box4{ + display: inline-block; + padding: 8px; + margin-right: 5px; + background:white; + } + + + + .estudiante5{ + position:absolute; + left: 0; + top:1000px; + padding: 10px; + width: 800px; + height: 190px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .columna9{ + font-size: 20px; + } + + .h1nombre{ + color: #ffc107; + } + + .columna9 h1,.columna9 p,.box5 h1,.box5 p{ + margin: 0; + } + + .columna10 ul li{ + padding: 2px; + display: inline-block; + list-style: none; + font-size: 10px; + margin-right: 20px; + background: white; + } + .columna6{ + float: right; + margin:10px; + font-size: 10px; + } + .box5{ + display: inline-block; + padding: 8px; + margin-right: 5px; + background:white; + } + + + + .estudiante6{ + position:absolute; + left: 0; + top:1250px; + padding: 10px; + width: 800px; + height: 190px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .columna11{ + font-size: 20px; + } + + .h1nombre{ + color: #ffc107; + } + + .columna11 h1,.columna11 p,.box6 h1,.box6 p{ + margin: 0; + } + + .columna11 ul li{ + padding: 2px; + display: inline-block; + list-style: none; + font-size: 10px; + margin-right: 20px; + background: white; + } + .columna12{ + float: right; + margin:10px; + font-size: 10px; + } + .box6{ + display: inline-block; + padding: 8px; + margin-right: 5px; + background:white; + } + + + + .estudiante7{ + position:absolute; + left: 0; + top:1500px; + padding: 10px; + width: 800px; + height: 190px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .columna13{ + font-size: 20px; + } + + .h1nombre{ + color: #ffc107; + } + + .columna13 h1,.columna13 p,.box7 h1,.box7 p{ + margin: 0; + } + + .columna13 ul li{ + padding: 2px; + display: inline-block; + list-style: none; + font-size: 10px; + margin-right: 20px; + background: white; + } + .columna14{ + float: right; + margin:10px; + font-size: 10px; + } + .box7{ + display: inline-block; + padding: 8px; + margin-right: 5px; + background:white; + } + + + + .estudiante8{ + position:absolute; + left: 0; + top:1750px; + padding: 10px; + width: 800px; + height: 190px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .columna15{ + font-size: 20px; + } + + .h1nombre{ + color: #ffc107; + } + + .columna15 h1,.columna15 p,.box8 h1,.box8 p{ + margin: 0; + } + + .columna15 ul li{ + padding: 2px; + display: inline-block; + list-style: none; + font-size: 10px; + margin-right: 20px; + background: white; + } + .columna16{ + float: right; + margin:10px; + font-size: 10px; + } + .box8{ + display: inline-block; + padding: 8px; + margin-right: 5px; + background:white; + } + + + + .estudiante9{ + position:absolute; + left: 0; + top:2000px; + padding: 10px; + width: 800px; + height: 190px; + border-radius: 5px; + background: #f7f7f7; + border-bottom: 1px solid gray; + border-right: 1px solid gray; + } + + .columna17{ + font-size: 20px; + } + + .h1nombre{ + color: #ffc107; + } + + .columna17 h1,.columna17 p,.box9 h1,.box9 p{ + margin: 0; + } + + .columna17 ul li{ + padding: 2px; + display: inline-block; + list-style: none; + font-size: 10px; + margin-right: 20px; + background: white; + } + .columna18{ + float: right; + margin:10px; + font-size: 10px; + } + .box9{ + display: inline-block; + padding: 8px; + margin-right: 5px; + background:white; + } + + + + +>>>>>>> 674264803967774e0512bb765c22dccbcd3fbbed diff --git a/css/main.css b/css/main.css index 6355c827..ba2d15b4 100644 --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,245 @@ -/* - * Estilos de tu proyecto - */ +* { + margin: 0; + padding: 0; + font-family: 'Amaranth', sans-serif; +} + +body { + background-color: white; +} +/*colocando ancho de cabecera*/ +header { + width: 100%; + border-bottom: 3px solid black; +} + +/*colocando estilos al nombre de el usuario*/ +.user { + padding: 5px; + border-radius: 50px; + font-size: 22px; + border: 2px solid #ffc107; + color: #666666; + margin-left: 75%; + margin-top: 25px; + margin-bottom: 5px; + display: inline-block; +} + +header div { + display: inline-block; +} +/*Añadiendo estilos a la imagen del usuario*/ +.imageuser img { + width: 50px; + height: 50px; + border-radius: 100%; + position: absolute; + top: 10px; +} +/*Añadiendo estilos al logo laboratoria*/ +.logolaboratoria img { + width: 200px; + position: absolute; + top: 2px; + left: 10px; + +} + +/**/ +.icons a { + text-decoration: none; +} + +.icons span { + color: black; + font-size: 45px; + margin-left: 40px; + +} + +.icons h4 { + color: #ffc107; + margin-left: 20px; +} + +/*Añadiendo estilo al titulo */ +#title1{ + display: inline-block; + margin-left: 5px; + font-size: 25px; + font-weight: 500; +} + +.home { + margin-top: 40px; + margin-bottom: 30px; +} + +.home h4 { + margin-left: 40px; +} + +.datastyle { + color: #ffc107; + font-size: 17px; + border: none; + outline: none; + position: absolute; + top: 260px; + left: 30px; + } + +.dataagestyle { + color: #ffc107; + font-size: 17px; + border: none; + outline: none; + position: absolute; + top: 280px; + left: 5px; + +} + +.student { + margin-bottom: 30px; + margin-top: 70px; +} + +.student h4 { + margin-left: 28px; +} + +.teacher h4 { + margin-left: 20px; +} + +.onebox { + width: 120px; + height: 70px; + font-size: 20px; + border-radius: 5px; + background-color:#e6e6e6; + color: white; + text-align: center; + position: absolute; + top: 100px; + left:43%; +} + +.graphicone img { + height: 300px; + width: 400px; + position: absolute; + top: 70px; + left: 140px; +} + +.graphictwo img { + height: 280px; + width: 400px; + position: absolute; + top: 73px; + left: 700px; +} + +.graphicthree img { + height: 280px; + width: 400px; + position: absolute; + top: 400px; + left: 140px; +} + +.graphicfour img { + height: 250px; + width: 400px; + position: absolute; + top: 400px; + left: 700px; +} +.oneboxx { + width: 120px; + height: 70px; + font-size: 20px; + border-radius: 5px; + background-color:#e6e6e6; + color: white; + text-align: center; + position: absolute; + top: 200px; + left:43%; +} + +.twobox { + width: 120px; + height: 70px; + font-size: 20px; + border-radius: 5px; + background-color:#e6e6e6; + color: white; + text-align: center; + position: absolute; + top: 100px; + left:87%; +} + +.twoboxx { + width: 120px; + height: 70px; + font-size: 20px; + border-radius: 5px; + background-color:#e6e6e6; + color: white; + text-align: center; + position: absolute; + top: 200px; + left:87%; +} + +.threebox { + width: 120px; + height: 70px; + font-size: 20px; + border-radius: 5px; + background-color:#e6e6e6; + color: white; + text-align: center; + position: absolute; + top: 390px; + left:43%; +} + +.threeboxx { + width: 140px; + height: 80px; + font-size: 20px; + border-radius: 5px; + background-color:#e6e6e6; + color: white; + text-align: center; + position: absolute; + top: 480px; + left:43%; +} + +.fourbox { + width: 120px; + height: 90px; + font-size: 20px; + border-radius: 5px; + background-color:#e6e6e6; + color: white; + text-align: center; + position: absolute; + top: 390px; + left:88%; +} + +.number { + color: #666666; +} + +.numberred { + color: red; +} diff --git a/css/profesores.css b/css/profesores.css new file mode 100644 index 00000000..e69de29b diff --git a/css/profesores.html b/css/profesores.html new file mode 100644 index 00000000..e69de29b diff --git a/index.html b/index.html index 8930fa03..49c35d14 100644 --- a/index.html +++ b/index.html @@ -3,8 +3,123 @@ Data Dashboard + + + + +
+
+
Alejandra Ramirez
+
+
+ header-logo +
+ +
+ +
+
+ logo +
+
+
+ +

INICIO

+
+ + + + +
+ +

ALUMNAS

+
+ +
+ +

PROFESORES

+
+
+
+ +
+ +
+ +
+
+
120
+
# Alumnas activas.
+
+
+
20
+
% Desercion.
+
+ + +
+ +
+
+
105
+
# Alumnas que superan la meta.
+
+
+
78
+
% Total de estudiantes.
+
+ + +
+ +
+
+
78
+
% Acumulativo NPS.
+
+
+
+
60 % Promotoras.
+
+
30 % Pasivas.
+
+
10 % Detractoras.
+
+ + +
+ +
+
+
+
% Alumnas que superaron sus espectativas.
+
+ + +
+
+
+
+
+
diff --git a/js/app.js b/js/app.js index 895ae2dd..b3c5a114 100644 --- a/js/app.js +++ b/js/app.js @@ -1,6 +1,100 @@ -/* - * Funcionalidad de tu producto - */ +// Acordion Sede Lima - 2016-II primera opcion // +// Requerimientos Sede Lima + +var studentsNum = data.LIM['2016-2'].students.length; +// numero de estudiantes activas +var studentsLim = data.LIM['2016-2'].students; +deserted = []; +for (var i = 0; i < studentsLim.length; i++) { + if (!studentsLim[i].active) { + deserted.push(studentsLim[i]); + } +} +var numDeserted = deserted.length; +// Porcentaje estudiantes desertaron LIM +var percDeserted = (parseInt((numDeserted / studentsNum) * 100)) ; +// Puntución promedio de los profesores // +// Suma de las puntuaciones por sprint de los profesores 2016-2 // +var pointsPorSprintTeachers = data.LIM['2016-2'].ratings[0].teacher + data.LIM['2016-2'].ratings[1].teacher; +// Promedio de las puntuaciones de los profesores 2016-2 // +var averagePointsTeachers = parseInt(pointsPorSprintTeachers / 2); +// Suma de las puntuaciones por sprint de los jedis 2016-2 // +var pointsPorSprintJedis = data.LIM['2016-2'].ratings[0].jedi + data.LIM['2016-2'].ratings[1].jedi; +// Promedio de las puntuaciones de los jedis 2016-2 // +var averagePointsJedis = parseInt(pointsPorSprintJedis / 2); + +// Sede Lima 2017-I "segunda opcion" +var studentsNumOp2 = data.LIM['2017-1'].students.length; +// numero de estudiantes activas +var studentsLimOp2 = data.LIM['2017-1'].students.length; +desertedOp2 = []; +for (var i = 0; i < studentsLim.length; i++) { + if (!studentsLimOp2[i].active) { + desertedOp2.push(studentsLimOp2[i]); + } +} +var numdesertedOp2 = desertedOp2.length; +// % estudiantes desertaron LIM 2017-1 +var percDesertedOp2 = (parseInt((numdesertedOp2 / numEstudents) * 100)) + '%'; +//* Puntución promedio de los profesores *// +// Suma de las puntuaciones por sprint de los profesores 2017-1 *// +var pointsPerSprintTeachersOp2 = data.LIM['2017-1'].ratings[0].teacher + data.LIM['2017-1'].ratings[1].teacher + data.LIM['2017-1'].ratings[2].teacher + data.LIM['2017-1'].ratings[3].teacher; +// Promedio de las puntuaciones de los profesores 2017-1 // +var averagePointsTeachersOp2 = parseInt(pointsPerSprintTeachersOp2 / 4); +//* Puntución promedio de los jedis *// +// Suma de las puntuaciones por sprint de los jedis 2017-1 *// +var pointsPerSprintJedisOp2 = data.LIM['2017-1'].ratings[0].jedi + data.LIM['2017-1'].ratings[1].jedi + data.LIM['2017-1'].ratings[2].jedi + data.LIM['2017-1'].ratings[3].jedi; +// Promedio de las puntuaciones de los jedis 2017-1 // +var averagePointsJedisOp2 = parseInt(pointsPerSprintJedisOp2 / 4); + + + + + + + // Puedes hacer uso de la base de datos a través de la variable `data` +//"pruebas eventos" +/*var selectData = document.getElementById('select-data'); +var content = document.getElementById('number').innher*/ + +/*var ARRSEDE = Object.keys(data); +var SEDE; +for (var i=0;i