Autocalificación de la Descripción o Formulación del Problema

Autocalificación de Trabajo Académico body { font-family: Arial, sans-serif; line-height: 1.6; margin: 20px; color: #333; } h1 { color: #2c3e50; text-align: center; } .container { max-width: 900px; margin: 0 auto; } .datos-estudiante { margin-bottom: 20px; padding: 15px; border: 1px solid #ddd; border-radius: 4px; background-color: #f9f9f9; } .datos-estudiante label { font-weight: bold; display: block; margin-bottom: 5px; } .datos-estudiante input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 10px; } textarea { width: 100%; min-height: 600px; padding: 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; margin-bottom: 20px; } table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } th, td { border: 1px solid #ddd; padding: 10px; text-align: left; } th { background-color: #f2f2f2; } .buttons { display: flex; justify-content: space-between; margin-top: 20px; } button { padding: 10px 20px; background-color: #3498db; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } button:hover { background-color: #2980b9; } #result { margin-top: 20px; padding: 15px; border-radius: 4px; font-weight: bold; text-align: center; } Autocalificación de Trabajo Académico Apellidos y Nombres: Pega tu Formulación del Problema: Lista de verificación: N° Criterio No Sí 1 Se parte de lo general a lo particular en la descripción del problema 2 Se menciona la realidad mundial de la problemática usando la variable más importante 3 Se menciona la realidad nacional de la problemática usando la variable más importante 4 La investigación se sustenta en teorías y antecedentes científicos de calidad 5 Los autores citados están enfocados en las variables o categorías del estudio 6 Hay por lo menos un diario de alto nivel (Gestión, América Economía, El Comercio, El Peruano) 7 Se describe la situación, incluyendo síntomas, posibles causas y posibles consecuencias 8 Se utilizan citas de documentos reconocidos, sin emplear una cantidad excesiva 9 Se emplea un lenguaje científico en la redacción 10 La redacción se realiza en tercera persona 11 Se incorporan conectores al inicio de cada párrafo para garantizar coherencia 12 Se mantiene la coherencia entre párrafos mediante una secuencia lógica 13 Se evita el uso de citas directas o textuales, optando por el parafraseo de ideas 14 Se usa un gestor bibliográfico 15 Se culmina mencionando la pregunta de investigación Calificar Descargar en PDF // Inicializar jsPDF const { jsPDF } = window.jspdf; document.addEventListener('DOMContentLoaded', function() { // Evitar que se marquen Sí y No al mismo tiempo const checkboxes = document.querySelectorAll('input[type="checkbox"]'); checkboxes.forEach(checkbox => { checkbox.addEventListener('change', function() { const row = this.parentNode.parentNode; if (this.classList.contains('no')) { row.querySelector('.si').checked = false; } else if (this.classList.contains('si')) { row.querySelector('.no').checked = false; } }); }); // Calificar document.getElementById('calificar').addEventListener('click', function() { const siChecks = document.querySelectorAll('.si:checked'); const totalItems = 15; const score = Math.round((siChecks.length / totalItems) * 100); let resultDiv = document.getElementById('result'); resultDiv.textContent = `Nota: ${score}%`; if (score >= 80) { resultDiv.style.backgroundColor = '#d4edda'; resultDiv.style.color = '#155724'; } else if (score >= 50) { resultDiv.style.backgroundColor = '#fff3cd'; resultDiv.style.color = '#856404'; } else { resultDiv.style.backgroundColor = '#f8d7da'; resultDiv.style.color = '#721c24'; } }); // Descargar PDF con jsPDF document.getElementById('descargar').addEventListener('click', function() { // Crear un nuevo documento PDF const doc = new jsPDF(); // Datos del estudiante const estudiante = document.getElementById('apellidos-nombres').value; doc.setFontSize(14); doc.text(`Estudiante: ${estudiante}`, 14, 15); // Título doc.setFontSize(16); doc.text('Formulación del Problema - Autocalificación', 105, 25, { align: 'center' }); // Contenido del trabajo const trabajo = document.getElementById('trabajo').value; doc.setFontSize(12); doc.text('Formulación del Problema:', 14, 35); const splitTrabajo = doc.splitTextToSize(trabajo, 180); doc.text(splitTrabajo, 14, 45); // Calificación const siChecks = document.querySelectorAll('.si:checked'); const totalItems = 15; const score = Math.round((siChecks.length / totalItems) * 100); let yPosition = doc.previousAutoTable ? doc.previousAutoTable.finalY + 20 : 100; if (trabajo.length > 500) yPosition += 30; doc.setFontSize(14); doc.text(`Resultado de Autocalificación: ${score}%`, 14, yPosition); yPosition += 10; // Detalle de items doc.setFontSize(12); doc.text('Detalle de criterios:', 14, yPosition); yPosition += 10; const rows = document.querySelectorAll('tbody tr'); rows.forEach((row, index) => { const criterio = row.querySelector('td:nth-child(2)').textContent; const cumplido = row.querySelector('.si:checked') ? 'Sí' : 'No'; const splitText = doc.splitTextToSize(`${index+1}. ${criterio}: ${cumplido}`, 180); doc.text(splitText, 20, yPosition); yPosition += (splitText.length * 7); // Agregar nueva página si el contenido es muy largo if (yPosition > 270) { doc.addPage(); yPosition = 20; } }); // Guardar el PDF doc.save(`Formulacion_Problema_${estudiante.replace(/\s+/g, '_')}.pdf`); }); });