From 82c23ef0eb7347aa707dee441a1e2457c832eea5 Mon Sep 17 00:00:00 2001
From: Bruno Meyer <buba.meyer_@hotmail.com>
Date: Fri, 8 Dec 2017 08:44:47 -0200
Subject: [PATCH] resultados ao finalizar os testes
---
versao_bootstrap/css/style.css | 2 +
versao_bootstrap/index.html | 17 ++--
versao_bootstrap/js/professor.js | 69 ++++++++--------
versao_bootstrap/js/script.js | 135 ++++++++++++++++++++++++-------
versao_bootstrap/professor.html | 18 ++++-
5 files changed, 168 insertions(+), 73 deletions(-)
diff --git a/versao_bootstrap/css/style.css b/versao_bootstrap/css/style.css
index 82dc9f7..1fa4766 100644
--- a/versao_bootstrap/css/style.css
+++ b/versao_bootstrap/css/style.css
@@ -187,6 +187,7 @@ b{
height:100%;
}
*/
+/*
#botao{
position: fixed;
background: white;
@@ -200,6 +201,7 @@ b{
border-radius: 30px;
text-align: center;
}
+*/
#conta{
text-align: center;
}
diff --git a/versao_bootstrap/index.html b/versao_bootstrap/index.html
index 749de84..7f7fa0d 100644
--- a/versao_bootstrap/index.html
+++ b/versao_bootstrap/index.html
@@ -14,7 +14,8 @@
<!-- Insert this line above script imports -->
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
- <script src="js/jquery-3.0.0.min.js" type="text/javascript" charset="utf-8"></script>
+ <script src="js/jquery-3.1.1.min.js"></script>
+ <script src='js/plotly-latest.min.js'></script>
<script src="js/jquery.countdown360.js" type="text/javascript" charset="utf-8"></script>
<!-- Insert this line after script imports -->
@@ -198,16 +199,20 @@
<input type="hidden" value='a' id ="grupo"/>
</div>
-
+
<div class="container-fluid" id="voltar" style="display:none" >
+
<center>
- <div id="botao">
- <h2>Fim do teste Stroop</h2>
+ <h1>Fim do teste Stroop</h1>
+ </center>
</br>
</br>
- <input type="button" class="btn btn-secondary" value="Voltar ao inÃcio" onclick=voltar() />
+ <center>
+ <input type="button" class="btn btn-secondary" value="Voltar ao inÃcio" onclick=voltar() />
</center>
- </div>
+ <br><br>
+
+ <div id="mostra_resultados"></div>
</div>
diff --git a/versao_bootstrap/js/professor.js b/versao_bootstrap/js/professor.js
index a19f24e..a15b996 100644
--- a/versao_bootstrap/js/professor.js
+++ b/versao_bootstrap/js/professor.js
@@ -270,8 +270,8 @@ function plotaGraficoMedia(graficoGlobal, indice,idHTML, grafico){
for(var i=0; i< quantidadePerguntas; i++){
- media[i] = 0;
- acertos[i] =0;
+ media[i] = 0;
+ acertos[i] =0;
}
@@ -311,19 +311,18 @@ function plotaGraficoMedia(graficoGlobal, indice,idHTML, grafico){
node.class = "divGrafico";
document.getElementById("logado_main").appendChild(node);
Plotly.newPlot(idHTML, vetLinhas, {
- title: idHTML,
- annotations: [ {
- xref: 'paper',
- yref: 'paper',
- x: 1,
- xanchor: 'bottom',
- y: 1.1,
- yanchor: 'right',
- text: 'Quantidade total: '+quantidadePergunatasAbsolutas+' Quantidade acertos: '+acertosAbsolutos,
- showarrow: false
- }]
-
-} );
+ title: idHTML,
+ annotations: [ {
+ xref: 'paper',
+ yref: 'paper',
+ x: 1,
+ xanchor: 'bottom',
+ y: 1.1,
+ yanchor: 'right',
+ text: 'Quantidade total: '+quantidadePergunatasAbsolutas+' Quantidade acertos: '+acertosAbsolutos,
+ showarrow: false
+ }]
+ });
vetLinhas = [];
}
@@ -357,36 +356,34 @@ function geraGraficos(){
}
}
-for(var m=0; m<grupos.length; m++)
-{
- for(var j =0; j <dados.length; j++){
- if(dados[j].grupo == grupos[m])
- {
- congruentes = 0;
- incongruentes = 0;
- for( var i = 0; i < dados[0].ordemBateria.length; i++){
- if(dados[0].ordemBateria[i] == "C"){
- graficoGlobalC.push(dados[j].stringResposta[congruentes+incongruentes]);
- congruentes++;
- }
- if(dados[0].ordemBateria[i] == "I"){
- graficoGlobalI.push(dados[j].stringResposta[congruentes+incongruentes]);
- incongruentes++;
+ for(var m=0; m<grupos.length; m++){
+ for(var j =0; j <dados.length; j++){
+ if(dados[j].grupo == grupos[m]){
+ congruentes = 0;
+ incongruentes = 0;
+ for( var i = 0; i < dados[0].ordemBateria.length; i++){
+ if(dados[0].ordemBateria[i] == "C"){
+ graficoGlobalC.push(dados[j].stringResposta[congruentes+incongruentes]);
+ congruentes++;
+ }
+ if(dados[0].ordemBateria[i] == "I"){
+ graficoGlobalI.push(dados[j].stringResposta[congruentes+incongruentes]);
+ incongruentes++;
+ }
}
}
}
- }
- if(congruentes)
- plotaGraficoMedia(graficoGlobalC, congruentes,"Media Congruente do grupo "+(grupos[m]), "graficoCMedia");
- if(incongruentes)
- plotaGraficoMedia(graficoGlobalI, incongruentes,"Media Incongruente do grupo "+(grupos[m]), "graficoIMedia");
+ if(congruentes)
+ plotaGraficoMedia(graficoGlobalC, congruentes,"Media Congruente do grupo "+(grupos[m]), "graficoCMedia");
+ if(incongruentes)
+ plotaGraficoMedia(graficoGlobalI, incongruentes,"Media Incongruente do grupo "+(grupos[m]), "graficoIMedia");
congruentes = 0;
incongruentes = 0;
graficoGlobalC=[];
graficoGlobalI=[];
-}
+ }
diff --git a/versao_bootstrap/js/script.js b/versao_bootstrap/js/script.js
index 6c347e0..385bc75 100644
--- a/versao_bootstrap/js/script.js
+++ b/versao_bootstrap/js/script.js
@@ -14,6 +14,7 @@ if (typeof(Storage) !== "undefined") {
function enviarDados(dados){
dataSet.push(dados);
localStorage.dataSet = JSON.stringify(dataSet);
+ mostraResultados();
}
@@ -331,33 +332,113 @@ function contagem() {
label : ["", ""],
smooth: true,
onComplete : function () { /*console.log('done')*/; }
- });
- countdown.start();
- //console.log('countdown360 ',countdown);
-
- $("#countdown").css("left",window.innerWidth*0.5 - countdown.settings.radius - countdown.settings.strokeWidth);
-
- if(window.innerHeight < 356) {
- $("#countdown").css("top",355-100);
- } else {
- $("#countdown").css("bottom",0);
- }
+ });
+ countdown.start();
+ //console.log('countdown360 ',countdown);
+
+ $("#countdown").css("left",window.innerWidth*0.5 - countdown.settings.radius - countdown.settings.strokeWidth);
- // $("#countdown360_countdown").css("position", "fixed");
- // $("#countdown360_countdown").css("botton", 0);
+ if(window.innerHeight < 356) {
+ $("#countdown").css("top",355-100);
+ } else {
+ $("#countdown").css("bottom",0);
+ }
- // this.settings.width = (this.settings.radius * 2) + (this.settings.strokeWidth * 2);
- // this.settings.height = this.settings.width;
+ // $("#countdown360_countdown").css("position", "fixed");
+ // $("#countdown360_countdown").css("botton", 0);
- // Nao sei por que buga as vezes e o relogio vira um quadrado
- $( window ).resize(function() {
- if(window.innerHeight < 356) {
- $("#countdown").css("top",355-120);
- $("#countdown").css("bottom","");
- } else {
- $("#countdown").css("bottom",0);
- $("#countdown").css("top","");
- }
- $("#countdown").css("left",window.innerWidth*0.5 - countdown.settings.radius - countdown.settings.strokeWidth);
- });
- }
+ // this.settings.width = (this.settings.radius * 2) + (this.settings.strokeWidth * 2);
+ // this.settings.height = this.settings.width;
+
+ // Nao sei por que buga as vezes e o relogio vira um quadrado
+ $( window ).resize(function() {
+ if(window.innerHeight < 356) {
+ $("#countdown").css("top",355-120);
+ $("#countdown").css("bottom","");
+ } else {
+ $("#countdown").css("bottom",0);
+ $("#countdown").css("top","");
+ }
+ $("#countdown").css("left",window.innerWidth*0.5 - countdown.settings.radius - countdown.settings.strokeWidth);
+ });
+}
+
+
+function range(x){
+ var ret = [];
+ for(var i = 1; i <= x; i++){
+ ret.push(i);
+ }
+
+ return ret;
+}
+
+function mostraResultados(){
+ var ordem = dataSet[dataSet.length-1].ordemBateria;
+ totalC = 0;
+ totalI = 0;
+ for(var i in ordem){
+ if(ordem[i] == "C"){
+ plotaGraficoMedia(totalC+totalI,"Congruente "+(totalC+1));
+ totalC++;
+ }
+ if(ordem[i] == "I"){
+ plotaGraficoMedia(totalC+totalI,"Incongruente "+(totalI+1));
+ totalI++;
+ }
+ }
+}
+
+function plotaGraficoMedia(indice, idHTML){
+
+ var rgb = [];
+ var auxVetX = [];
+ var auxVetY = [];
+ var vetLinhas = [];
+ var i = dataSet.length-1;
+ for(var j = 0; j < dataSet[i].stringResposta[indice].length; j++){
+ if(dataSet[i].stringResposta[indice][j].acertou){ // Acertou
+ auxVetX.push(j+1);
+ auxVetY.push(dataSet[i].stringResposta[indice][j].tempo);
+ rgb.push('rgb(31,119,180)');
+ } else {
+ auxVetX.push(j+1);
+ auxVetY.push(dataSet[i].stringResposta[indice][j].tempo);
+ rgb.push('rgb(180,30,31)');
+ }
+ }
+ vetLinhas[vetLinhas.length] = {
+ x: auxVetX,
+ y: auxVetY,
+ type: 'bar',
+ marker: { color: rgb },
+ name: dataSet[i].nome
+ };
+
+
+
+ var node = document.createElement("CENTER");
+ node.id = idHTML;
+ node.class = "container-fluid";
+ document.getElementById("mostra_resultados").appendChild(node);
+ Plotly.newPlot(idHTML, vetLinhas, {
+ title: idHTML,
+ xaxis: {
+ type: 'category',
+ title: 'Número da questão',
+ },
+ yaxis: {
+ title: 'Tempo (segundos)'
+ },
+
+ annotations: [ {
+ xref: 'paper',
+ yref: 'paper',
+ x: 1,
+ xanchor: 'bottom',
+ y: 1.1,
+ yanchor: 'right',
+ showarrow: false
+ }]
+ });
+}
diff --git a/versao_bootstrap/professor.html b/versao_bootstrap/professor.html
index 5bd1baa..2f6ce55 100644
--- a/versao_bootstrap/professor.html
+++ b/versao_bootstrap/professor.html
@@ -57,7 +57,9 @@
<input id="upfile" type="file" value="upload" onchange="load_data(this.files)"/>
</div>
<li class="container-fluid text-center"><a href="index.html">Fazer teste</a></li>
+ <li><center><a id="menu-untoggle" href="#menu-untoggle" class="btn btn-secondary"><</a></center></li>
</ul>
+
</div>
@@ -158,18 +160,26 @@
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
+ $("#menu-untoggle").click(function(e) {
+ e.preventDefault();
+ $("#wrapper").removeClass("toggled");
+ });
$(".sidebar-nav a").click(function(c){
+ if($(this).attr("id") == "menu-untoggle"){
+ return;
+ }
$(".sidebar-nav a").each(function(i,x){
$(x).parent().removeClass("sidebar-brand");
});
$(this).parent().addClass("sidebar-brand");
- $("#wrapper").removeClass("toggled");
+ //~ $("#wrapper").removeClass("toggled");
});
- $(".container-fluid").click(function(c){
- $("#wrapper").removeClass("toggled");
- });
+
+ //~ $(".container-fluid").click(function(c){
+ //~ $("#wrapper").removeClass("toggled");
+ //~ });
buscaTestes();
</script>
--
GitLab