{"id":5701,"date":"2025-09-23T20:00:41","date_gmt":"2025-09-23T23:00:41","guid":{"rendered":"https:\/\/matematicasaomiguel.com.br\/?page_id=5701"},"modified":"2025-09-23T21:01:23","modified_gmt":"2025-09-24T00:01:23","slug":"folha-de-respostas","status":"publish","type":"page","link":"https:\/\/matematicasaomiguel.com.br\/?page_id=5701","title":{"rendered":"FOLHA DE RESPOSTAS"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n Gabarito de Provas<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background: #dbc9a2;\r\n margin: 0;\r\n padding: 3px;\r\n text-align: center;\r\n width: 90%; \/* Aumentado para acomodar duas colunas *\/\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .header input {\r\n display: block;\r\n margin: 5px auto;\r\n width: 60%;\r\n padding: 3px;\r\n font-size: 12px;\r\n }\r\n input[type=\"radio\" i] {\r\n background-color: initial;\r\n cursor: default;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 4px 4px 0px 4px;\r\n padding: initial;\r\n border: initial;\r\n }\r\n input {\r\n font-size: 16px;\r\n }\r\n input#nomeAluno {\r\n font-size: 14px;\r\n width: 32%;\r\n }\r\n \/* Estilos para o cont\u00eainer das colunas *\/\r\n .table-container {\r\n display: flex;\r\n justify-content: center;\r\n gap: 4px; \/* Espa\u00e7o entre as tabelas *\/\r\n }\r\n table {\r\n margin: 10px 0;\r\n border-collapse: collapse;\r\n width: 45%; \/* Reduzido para caber lado a lado *\/\r\n font-size: 16px;\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n table, {\r\n border: 1px solid #000;\r\n padding: 18px;\r\n }\r\n td, th {\r\n border: 1px solid #ddd;\r\n text-align: center;\r\n padding: 5px;\r\n }\r\n td#Gabarito {\r\n padding: 2px;\r\n text-align: left;\r\n }\r\n #resultado {\r\n margin-top: 10px;\r\n }\r\n #grafico {\r\n max-width: 700px;\r\n margin: 10px auto;\r\n height: 250px;\r\n width: 700px;\r\n }\r\n <\/style>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.28\/jspdf.plugin.autotable.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <script>\r\n let gabaritoCorreto = {};\r\n let respostasAlunos = [];\r\n let escola = \"\";\r\n let disciplina = \"\";\r\n\r\n function salvarGabarito() {\r\n escola = document.getElementById(\"nomeEscola\").value || \"Escola N\u00e3o Informada\";\r\n disciplina = document.getElementById(\"disciplina\").value || \"Disciplina N\u00e3o Informada\";\r\n gabaritoCorreto = {};\r\n for (let i = 1; i <= 26; i++) {\r\n let respEl = document.querySelector(`input[name='gabaritoQ${i}']:checked`);\r\n let valor = document.getElementById(`valorQ${i}`).value;\r\n let descritor = document.getElementById(`descritorQ${i}`).value || \"-\";\r\n if (!respEl) {\r\n alert(`Por favor, selecione a resposta correta para a quest\u00e3o ${i}`);\r\n return;\r\n }\r\n gabaritoCorreto[i] = {\r\n resposta: respEl.value,\r\n valor: parseFloat(valor) || 1,\r\n descritor: descritor\r\n };\r\n }\r\n document.getElementById(\"configGabarito\").style.display = \"none\";\r\n document.getElementById(\"responderProva\").style.display = \"block\";\r\n }\r\n\r\n function salvarRespostas() {\r\n let aluno = document.getElementById(\"nomeAluno\").value;\r\n if (!aluno) {\r\n alert(\"Digite o nome do aluno.\");\r\n return;\r\n }\r\n let respostas = {};\r\n let nota = 0;\r\n for (let i = 1; i <= 26; i++) {\r\n let respEl = document.querySelector(`input[name='respostaQ${i}']:checked`);\r\n respostas[i] = respEl ? respEl.value : \"\";\r\n if (gabaritoCorreto[i] && respEl && gabaritoCorreto[i].resposta === respEl.value) {\r\n nota += gabaritoCorreto[i].valor;\r\n }\r\n }\r\n respostasAlunos.push({\r\n nome: aluno,\r\n respostas: respostas,\r\n nota: nota\r\n });\r\n alert(`Respostas salvas para ${aluno}. Nota: ${nota.toFixed(1)}`);\r\n limparFormularioAluno();\r\n }\r\n\r\n function limparFormularioAluno() {\r\n document.getElementById(\"nomeAluno\").value = \"\";\r\n for (let i = 1; i <= 26; i++) {\r\n let radios = document.getElementsByName(`respostaQ${i}`);\r\n for (let j = 0; j < radios.length; j++) {\r\n radios[j].checked = false;\r\n }\r\n }\r\n }\r\n\r\n function finalizar() {\r\n if (respostasAlunos.length === 0) {\r\n alert(\"Nenhuma resposta registrada.\");\r\n return;\r\n }\r\n\r\n let totalAlunos = respostasAlunos.length;\r\n let html = `<h3>Resultados - ${escola} - ${disciplina}<\/h3>`;\r\n\r\n \/\/ Tabela de resultados\r\n let tableHtml = `<table><tr><th>Aluno<\/th>`;\r\n for (let i = 1; i <= 26; i++) {\r\n tableHtml += `<th style='max-width: 85px;'>Q${i}<br>${gabaritoCorreto[i].descritor}<\/th>`;\r\n }\r\n tableHtml += \"<th>Nota<\/th><\/tr>\";\r\n\r\n respostasAlunos.forEach(aluno => {\r\n tableHtml += `<tr><td>${aluno.nome}<\/td>`;\r\n for (let i = 1; i <= 26; i++) {\r\n tableHtml += `<td>${aluno.respostas[i] || \"\"}<\/td>`;\r\n }\r\n tableHtml += `<td>${aluno.nota.toFixed(1)}<\/td><\/tr>`;\r\n });\r\n\r\n let percentuais = [];\r\n tableHtml += \"<tr><td>% Acertos<\/td>\";\r\n for (let i = 1; i <= 26; i++) {\r\n let acertos = respostasAlunos.filter(a => a.respostas[i] === gabaritoCorreto[i].resposta).length;\r\n let perc = (acertos \/ totalAlunos) * 100;\r\n percentuais.push(perc.toFixed(1));\r\n tableHtml += `<td>${perc.toFixed(1)}%<\/td>`;\r\n }\r\n tableHtml += \"<td>-<\/td><\/tr>\";\r\n\r\n tableHtml += \"<tr><td>Gabarito<\/td>\";\r\n for (let i = 1; i <= 26; i++) {\r\n tableHtml += `<td>${gabaritoCorreto[i].resposta} (${gabaritoCorreto[i].valor.toFixed(1)})<\/td>`;\r\n }\r\n tableHtml += \"<td>-<\/td><\/tr>\";\r\n\r\n html += tableHtml;\r\n html += \"<\/table><br><canvas id='grafico'><\/canvas><br><button onclick='baixarPDF()'>Baixar PDF<\/button>\";\r\n document.getElementById(\"resultado\").innerHTML = html;\r\n\r\n \/\/ Gr\u00e1fico de barras\r\n const ctx = document.getElementById(\"grafico\").getContext(\"2d\");\r\n new Chart(ctx, {\r\n type: \"bar\",\r\n data: {\r\n labels: Array.from({\r\n length: 26\r\n }, (_, i) => `Q${i + 1}`),\r\n datasets: [{\r\n label: \"% de Acertos\",\r\n data: percentuais,\r\n backgroundColor: \"rgba(0, 123, 255, 0.5)\",\r\n borderColor: \"rgba(0, 123, 255, 1)\",\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n scales: {\r\n y: {\r\n beginAtZero: true,\r\n max: 100,\r\n title: {\r\n display: true,\r\n text: \"%\"\r\n }\r\n },\r\n x: {\r\n title: {\r\n display: true,\r\n text: \"Quest\u00f5es\"\r\n }\r\n }\r\n },\r\n plugins: {\r\n legend: {\r\n display: false\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n function baixarPDF() {\r\n const { jsPDF } = window.jspdf;\r\n const doc = new jsPDF({ orientation: \"landscape\" });\r\n\r\n doc.setFontSize(12);\r\n doc.text(`Resultados da Prova - ${escola} - ${disciplina}`, 14, 10);\r\n\r\n \/\/ Preparar cabe\u00e7alhos com descritores\r\n let head = [\r\n [\"Aluno\"]\r\n ];\r\n for (let i = 1; i <= 26; i++) {\r\n head[0].push(`Q${i}\\n${gabaritoCorreto[i].descritor}`);\r\n }\r\n head[0].push(\"Nota\");\r\n\r\n \/\/ Preparar corpo da tabela\r\n let body = [];\r\n respostasAlunos.forEach(aluno => {\r\n let row = [aluno.nome];\r\n for (let i = 1; i <= 26; i++) {\r\n row.push(aluno.respostas[i] || \"\");\r\n }\r\n row.push(aluno.nota.toFixed(1));\r\n body.push(row);\r\n });\r\n\r\n \/\/ Percentual de acertos\r\n let percRow = [\"% Acertos\"];\r\n let percentuais = [];\r\n for (let i = 1; i <= 26; i++) {\r\n let acertos = respostasAlunos.filter(a => a.respostas[i] === gabaritoCorreto[i].resposta).length;\r\n let perc = (acertos \/ respostasAlunos.length) * 100;\r\n percRow.push(`${perc.toFixed(1)}%`);\r\n percentuais.push(perc.toFixed(1));\r\n }\r\n percRow.push(\"-\");\r\n body.push(percRow);\r\n\r\n \/\/ Gabarito\r\n let gabRow = [\"Gabarito\"];\r\n for (let i = 1; i <= 26; i++) {\r\n gabRow.push(`${gabaritoCorreto[i].resposta} (${gabaritoCorreto[i].valor.toFixed(1)})`);\r\n }\r\n gabRow.push(\"-\");\r\n body.push(gabRow);\r\n\r\n doc.autoTable({\r\n head: head,\r\n body: body,\r\n startY: 15,\r\n styles: {\r\n fontSize: 7,\r\n cellPadding: 1,\r\n overflow: \"linebreak\"\r\n },\r\n headStyles: {\r\n fillColor: [200, 200, 200],\r\n fontSize: 7,\r\n halign: \"center\",\r\n minCellHeight: 10\r\n },\r\n columnStyles: {\r\n 0: {\r\n cellWidth: 20\r\n }\r\n },\r\n margin: {\r\n left: 7,\r\n right: 7\r\n }\r\n });\r\n\r\n \/\/ Verifica se h\u00e1 espa\u00e7o para o gr\u00e1fico na mesma p\u00e1gina\r\n const finalY = doc.lastAutoTable.finalY + 10;\r\n const canvas = document.getElementById(\"grafico\");\r\n const imgData = canvas.toDataURL(\"image\/png\");\r\n\r\n \/\/ Altura do gr\u00e1fico, assumindo um tamanho fixo\r\n const graphHeight = 40; \r\n \/\/ Altura da p\u00e1gina\r\n const pageHeight = doc.internal.pageSize.getHeight();\r\n\r\n \/\/ Se o gr\u00e1fico n\u00e3o couber, adicione uma nova p\u00e1gina\r\n if (finalY + graphHeight > pageHeight) {\r\n doc.addPage();\r\n doc.addImage(imgData, \"PNG\", 10, 10, 100, graphHeight);\r\n } else {\r\n doc.addImage(imgData, \"PNG\", 10, finalY, 100, graphHeight);\r\n }\r\n\r\n doc.save(\"resultados.pdf\");\r\n}\r\n <\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"header\">\r\n <input type=\"text\" id=\"nomeEscola\" placeholder=\"Nome da Escola\">\r\n <input type=\"text\" id=\"disciplina\" placeholder=\"Disciplina\">\r\n <\/div>\r\n <h2>Gabarito de Provas<\/h2>\r\n\r\n <div id=\"configGabarito\">\r\n <h3>Configura\u00e7\u00e3o do Gabarito<\/h3>\r\n <div class=\"table-container\">\r\n <table>\r\n <tr>\r\n <th>Quest\u00e3o<\/th>\r\n <th>Gabarito<\/th>\r\n <th>Valor<\/th>\r\n <th>Descritor<\/th>\r\n <\/tr>\r\n <script>\r\n for (let i = 1; i <= 13; i++) {\r\n document.write(`\r\n <tr>\r\n <td>Q${i}<\/td>\r\n <td>\r\n <input type='radio' name='gabaritoQ${i}' value='A'>A\r\n <input type='radio' name='gabaritoQ${i}' value='B'>B\r\n <input type='radio' name='gabaritoQ${i}' value='C'>C\r\n <input type='radio' name='gabaritoQ${i}' value='D'>D\r\n <input type='radio' name='gabaritoQ${i}' value='E'>E\r\n <\/td>\r\n <td><input type='number' id='valorQ${i}' value='1' min='0' style='width: 50px'><\/td>\r\n <td><input type='text' id='descritorQ${i}' placeholder='Ex: D2' style='width: 70px'><\/td>\r\n <\/tr>\r\n `);\r\n }\r\n <\/script>\r\n <\/table>\r\n <table>\r\n <tr>\r\n <th>Quest\u00e3o<\/th>\r\n <th>Gabarito<\/th>\r\n <th>Valor<\/th>\r\n <th>Descritor<\/th>\r\n <\/tr>\r\n <script>\r\n for (let i = 14; i <= 26; i++) {\r\n document.write(`\r\n <tr>\r\n <td>Q${i}<\/td>\r\n <td>\r\n <input type='radio' name='gabaritoQ${i}' value='A'>A\r\n <input type='radio' name='gabaritoQ${i}' value='B'>B\r\n <input type='radio' name='gabaritoQ${i}' value='C'>C\r\n <input type='radio' name='gabaritoQ${i}' value='D'>D\r\n <input type='radio' name='gabaritoQ${i}' value='E'>E\r\n <\/td>\r\n <td><input type='number' id='valorQ${i}' value='1' min='0' style='width: 50px'><\/td>\r\n <td><input type='text' id='descritorQ${i}' placeholder='Ex: D2' style='width: 70px'><\/td>\r\n <\/tr>\r\n `);\r\n }\r\n <\/script>\r\n <\/table>\r\n <\/div>\r\n <br>\r\n <button onclick=\"salvarGabarito()\">Salvar Gabarito<\/button>\r\n <\/div>\r\n\r\n <div id=\"responderProva\" style=\"display:none;\">\r\n <h3>Responder Prova<\/h3>\r\n Nome do Aluno: <input type=\"text\" id=\"nomeAluno\"><br><br>\r\n <div class=\"table-container\">\r\n <table>\r\n <tr>\r\n <th>Quest\u00e3o<\/th>\r\n <th>Respostas<\/th>\r\n <\/tr>\r\n <script>\r\n for (let i = 1; i <= 13; i++) {\r\n document.write(`\r\n <tr>\r\n <td>Q${i}<\/td>\r\n <td>\r\n <input type='radio' name='respostaQ${i}' value='A'>A\r\n <input type='radio' name='respostaQ${i}' value='B'>B\r\n <input type='radio' name='respostaQ${i}' value='C'>C\r\n <input type='radio' name='respostaQ${i}' value='D'>D\r\n <input type='radio' name='respostaQ${i}' value='E'>E\r\n <\/td>\r\n <\/tr>\r\n `);\r\n }\r\n <\/script>\r\n <\/table>\r\n <table>\r\n <tr>\r\n <th>Quest\u00e3o<\/th>\r\n <th>Respostas<\/th>\r\n <\/tr>\r\n <script>\r\n for (let i = 14; i <= 26; i++) {\r\n document.write(`\r\n <tr>\r\n <td>Q${i}<\/td>\r\n <td>\r\n <input type='radio' name='respostaQ${i}' value='A'>A\r\n <input type='radio' name='respostaQ${i}' value='B'>B\r\n <input type='radio' name='respostaQ${i}' value='C'>C\r\n <input type='radio' name='respostaQ${i}' value='D'>D\r\n <input type='radio' name='respostaQ${i}' value='E'>E\r\n <\/td>\r\n <\/tr>\r\n `);\r\n }\r\n <\/script>\r\n <\/table>\r\n <\/div>\r\n <br>\r\n <button onclick=\"salvarRespostas()\">Salvar Respostas<\/button>\r\n <button onclick=\"finalizar()\">Finalizar<\/button>\r\n <\/div>\r\n <div id=\"resultado\"><\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gabarito de Provas Gabarito de Provas Configura\u00e7\u00e3o do Gabarito Quest\u00e3o Gabarito Valor Descritor Quest\u00e3o Gabarito Valor Descritor Salvar Gabarito Responder […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5701","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/5701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5701"}],"version-history":[{"count":46,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/5701\/revisions"}],"predecessor-version":[{"id":5753,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/5701\/revisions\/5753"}],"wp:attachment":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}