En nuestro espacio dedicado a la innovación pedagógica, siempre estamos buscando herramientas que transformen la práctica docente y rompan las barreras tecnológicas. Hoy queremos compartir con ustedes los momentos clave de un extraordinario webinar organizado por PerúEduca, el cual marca un hito en la adopción de la Inteligencia Artificial (IA) para el diseño de materiales educativos en nuestro país.
En este encuentro virtual, se demostró cómo los docentes podemos convertirnos en creadores de tecnología educativa, diseñando recursos interactivos offline (sin conexión a internet) mediante el uso estratégico de plataformas de vanguardia como Google AI Studio y DeepSeek. El enfoque principal fue la generación automatizada de actividades en HTML y JavaScript, pensadas especialmente para la realidad de muchas escuelas que no cuentan con conectividad permanente. La gran ventaja de esta metodología es que el recurso final se descarga como un único archivo .html, listo para ser guardado en una memoria USB y ejecutado en cualquier computadora, laptop o aula de innovación con solo abrir el navegador.
A continuación, en Aula Creactiva te dejamos un resumen detallado de la conferencia y el potente prompt estructurado que se utilizó para lograrlo.
Actúa como experto en programación educativa, desarrollo de recursos offline y didáctica de "Matemática" del nivel secundaria en Perú (Minedu).
Necesito que generes el código completo de un recurso educativo interactivo offline llamado: "Reto offline: la regla secreta del patrón".
El recurso debe estar diseñado en un solo archivo con HTML y JavaScript puro, incluyendo CSS y JavaScript embebidos. Debe funcionar completamente sin conexión a internet. No uses librerías externas, enlaces, imágenes de otras fuentes. Tampoco uses frameworks externos. Todo debe estar dentro del mismo archivo HTML.
Rosa es docente de Matemática de segundo grado de secundaria. Ella trabaja la competencia "Resuelve problemas de regularidad, equivalencia y cambio". Ha observado que sus estudiantes logran continuar patrones numéricos simples, pero tienen dificultad para hallar la regla de formación, completar tablas y representar relaciones mediante expresiones algebraicas sencillas. Además, en su institución educativa no siempre se cuenta con conexión estable a internet. Por eso necesita un recurso interactivo offline que pueda abrirse directamente desde una computadora, laptop, memoria USB o aula de innovación usando solo un navegador.
Objetivo del recurso:
Fortalecer la comprensión de patrones numéricos y la representación de reglas de formación mediante tablas y expresiones algebraicas simples.
Competencia vinculada:
"Resuelve problemas de regularidad, equivalencia y cambio".
Capacidades que debe movilizar:
Traduce datos y condiciones a expresiones algebraicas.
Comunica su comprensión sobre las relaciones algebraicas.
Usa estrategias y procedimientos para encontrar reglas generales.
Argumenta afirmaciones sobre relaciones de cambio y equivalencia.
Condiciones técnicas obligatorias:
Estructura de la actividad:
1.Pantalla inicial:
- titulo
- explicación del reto
- instrucciones para el estudiante
- botón iniciar reto
2. Nivel 1: Continúa el patrón
- Mostrar tres secuencias numéricas
- Cada secuencia debe tener una pregunta de opción múltiple
- Ejemplo:
4, 7, 10, 13, ____
Alternativas: 15, 16, 17, 18
- Brindar retroalimentación inmediata
3. Nivel 2: Completa la tabla
- Mostrar una tabla con posición del termino y valor
- Incluir espacios para que el estudiante escriba los valores faltantes
- Ejemplo:
Posición n:1,2,3,4,5
Valor: 5, 8,11, __, __
- El estudiante debe completar los valores
- El sistema debe validar la respuesta
- Debe mostrar una pista si se equivoca
4. Nivel 2: Descubre la regla general
- Presenta un patrón numérico y una tabla
- El estudiante debe identificar la expresión que representa el patrón
- Incluir alternativas como:
n+2
2n+1
3n+2
4n-1
- La retroalimentación debe explicar como se obtiene la regla
- Incluir al menos un reto con la expresión 3n + 2.
5. Reto final:
- Presentar una situación contextualizada
- Por ejemplo:
"En una feria escolar, Rosa organiza mesas con tarjetas numéricas. En la mesa 1 coloca 5 tarjetas, en la mesa 2 coloca 8 tarjetas, en la mesa 3 coloca 11 tarjetas. ¿Cuántas tarjetas colocará en la mesa 6? ¿Qué regla me permite calcular cualquier mesa?
- El estudiante debe responder el valor y seleccionar la regla.
- Debe recibir retroalimentación detallada.
6. Pantalla de cierre
- Mostrar puntaje final
- Mostrar un mensaje según desempeño
Si obtiene alto puntaje: "¡Excelente! Lograste descubrir reglas y representar patrones."
Si obtiene puntaje medio: "Buen avance. Sigue practicando cómo relacionar la posición con el valor"
Si obtiene el puntaje bajo: "Vuelve a intentarlo. Observa con calma como cambia cada término"
- Incluir el botón reiniciar.
7. Metacognición
Incluir tres preguntas finales para que el estudiante piense sobre su aprendizaje.
- ¿Qué estrategia usé para encontrar el patrón?
- ¿Cómo relacioné la posición con el valor?
- ¿Qué parte necesito seguir practicando?
Estilo visual:
- Diseño claro, atractivo, sencillo
- Colores agradables, estilo educativo y tecnológico
- Botones grandes
- Texto legible
- Tarjetas para organizar cada nivel
- Evita la saturación visual
- Debe poder proyectarse en clase
- Debe adaptarse a pantalla de laptop o computadora
Funcionamiento
- El estudiante debe avanzar de un nivel a otro
- El sistema debe acumular puntaje
- Debe permitir volver a intentar
- Debe mostrar pistas
- Debe validar respuestas de opción múltiple y respuestas escritas
- Debe incluir barra de progreso o indicador del nivel actual.
Importante:
Genera el código completo y funcional
No dividas en archivos separados
No incluyas instrucciones que dependan de internet
No uses CDN
No uses boostrap
NO uses React
No uses imágenes externas
Todo debe funcionar en un archivo HTML offline