Diseña una guía offline más completa: lectura, Cornell, microherramienta, práctica, reto final, avance, nota y Modo Evidencia. Tú defines la experiencia; la IA construye el archivo HTML.
La idea: no pedir una plataforma enorme, sino una experiencia pedagógica completa y controlada en un solo archivo.
Estos datos forman el título, la cabecera y el contexto pedagógico.
Título obligatorio:01 TI 7°: Impacto ambiental de la tecnología
2. Lectura y Cornell
La guía explica antes de evaluar. El Cornell se hace en el cuaderno y nunca aparece resuelto.
3. Práctica y reto final
Aquí decides qué hará el estudiante. La prioridad es interacción, no llenar pantallas de texto.
4. Modo Evidencia, progreso y nota
Esta es la parte que convierte la guía en una evidencia de proceso: no solo muestra el resultado final, sino qué hizo el estudiante y cuánto avanzó.
📸 Modo Evidencia
Vista limpia, lista para captura de pantalla al final.
📊 Progreso visible
Porcentaje, barra de avance y actividades completadas.
⭐ Nota de avance
Calculada con ejercicios verificables, reto final y proceso.
💾 Guardado automático
Usar localStorage, botón Guardar avance y botón Reiniciar.
Regla importante: la reflexión personal no debe calificarse automáticamente por “tener la respuesta correcta”. Debe registrarse como evidencia y, si se evalúa, usar una rúbrica clara.
Qué debe mostrar la Vista Evidencia
Nombre / ID del estudiante, grado y tema
Cornell: terminado o pendiente
Ejercicios completados y aciertos
Resultado del reto final
Progreso total y nota de avance
Respuesta reflexiva escrita por el estudiante
Contexto para evaluación con IA
Rúbrica compacta para valorar la evidencia
5. Diseño y contexto real
Elige la identidad visual y adapta la guía a los equipos disponibles.
Azul · #1b6cea
Puedes escoger un color predeterminado o cualquier color personalizado.
6. Prompt final
Este prompt ya pide una guía mucho más completa. Puedes copiarlo y usarlo en ChatGPT, Gemini u otra IA capaz de generar HTML.