Vibe Coding educativo: HTML e IA para mejorar el aprendizaje en Edixgal y Moodle

En los últimos años se habló mucho de la inteligencia artificial aplicada a la educación. Sin embargo, en el día a día de las aulas, la cuestión fundamental sigue siendo cómo emplear estas herramientas de manera práctica, sencillo y coherente con los procesos de enseñanza y aprendizaje reales.

En este contexto surge el llamado vibe coding educativo, un enfoque que no se basa en aprender a programar, sino en saber definir con claridad que recurso educativo precisamos y para que lo queremos emplear. A través de instrucciones bien formuladas (prompts), la inteligencia artificial puede ayudarnos a crear materiales digitales adaptados a nuestro contexto, especialmente empleando lenguajes sencillos y compatibles con los entornos educativos como el HTML.

Este artículo recoge experiencias reales de aula desenvolvidas durante este curso en 6º de Educación Primaria en el CEP Campolongo, haciendo uso de Edixgal y de las aulas virtuales Moodle.

Que es el vibe coding educativo?

El vibe coding educativo parte de una idea clave: el conocimiento pedagógico es más importante que el conocimiento técnico. No se trata de escribir código complejo, sino de expresar con claridad a intención didáctica del recurso que queremos crear.

En este enfoque, el profesorado describe a la inteligencia artificial:

  • el contexto educativo (nivel, edad, materia), 
  • la finalidad del recurso,
  • el tipo de interacción que se busca en el alumnado,
  • y el formato final necesario para el entorno de uso.

La inteligencia artificial devuelve, a partir de esa descripción, un código HTML funcional que puede ser empleado directamente en Moodle o Edixgal, o adaptado de manera sencilla por el propio docente.

El papel del HTML en los entornos virtuales de aprendizaje

El HTML es un lenguaje ligero, accesible y ampliamente compatible con los entornos educativos actuales. Su uso en Moodle y Edixgal permite crear contenidos más estructurados, visuales e interactivos sin necesidad de emplear herramientas externas o plugins adicionales.

Entre sus ventajas destacan la posibilidad de organizar la información por bloques, crear contenidos progresivos, incorporar reflexiones guiadas y facilitar la autonomía del alumnado. Además, el HTML permite reutilizar y adaptar los materiales con facilidad, algo especialmente relevante en contextos educativos cambiantes.

Inteligencia artificial y creación de recursos educativos

La clave para obtener buenos resultados con la inteligencia artificial está en el planteamiento del prompt. Una instrucción bien diseñada incluye siempre el contexto educativo, la intención pedagógica y las limitaciones técnicas del entorno en el que se va a emplear el recurso. Cuando estos elementos están claros, la inteligencia artificial puede actuar como una herramienta de apoyo a la creación de materiales, permitiendo al profesorado centrarse en el diseño didáctico más que en la parte técnica.

Experiencias de aula en 6º de Primaria
Apuntes guiados con distintos niveles de acceso a la información

Uno de los primeros usos del vibe coding educativo fue la creación de apuntes en formato HTML organizados por niveles de profundidad. Estos materiales presentaban una información básica accesible a todo el alumnado, acompañada de contenidos ampliados que se podían consultar de manera voluntaria. Este enfoque permitió respetar los diferentes ritmos de aprendizaje, reducir la sobrecarga cognitiva y fomentar la autonomía del alumnado, que pasó a interactuar con los apuntes de una manera más activo.

Autoevaluación y reflexión sobre el proceso de aprendizaje

Otro uso relevante fue la creación de pequeños sistemas de autoevaluación formativa. A través de contenidos en HTML, el alumnado reflexionaba sobre cómo había estudiado, que estrategias había empleado y que aspectos podía mejorar en el futuro. Estos recursos incluían listas de comprobación, preguntas guiadas y propuestas de mejora, convirtiendo la evaluación en un proceso de aprendizaje en sí mismo.

Laboratorios virtuales y simulaciones educativas

Finalmente, se empleó el HTML para diseñar laboratorios virtuales sencillos y simulaciones educativas. Estos materiales permitieron al alumnado explorar contenidos, tomar decisiones y recibir feedback inmediato, sin necesidad de herramientas tecnológicas complejas. Los laboratorios virtuales favorecieron un aprendizaje más activo, basada en la experimentación y en la reflexión.

Valor añadido para el profesorado y el alumnado

El uso combinado de inteligencia artificial y HTML aportación múltiples beneficios:

  • materiales adaptados al contexto real del aula
  • mayor autonomía del alumnado
  • recursos reutilizables
  • mayor control pedagógico por parte del profesorado

Este enfoque no pretende sustituir a labor docente, sino reforzarla, facilitando la creación de recursos personalizados y coherentes con los objetivos educativos. Pero, cómo podemos incorporar este tipo de recursos en las aulas virtuales o en edixgal? A través de la herramienta de editar código de HTML (ilustración 1) o con eXeLearningàeditar código fuente (ilustración 2).

Imaxe
Ilustración 1

 

Imaxe
Ilustración 2

 

Y que diferencia hay entre estas dos opciones? Normalmente, en eXe es más fácil que acepte ciertos detalles estéticos que podemos añadir y funciones más avanzadas que en el propio Moodle (aula virtual), que es más limitado (por seguridad).

Conclusión

El vibe coding educativo representa una oportunidad para integrar la inteligencia artificial de manera realista y pedagógica en las aulas. A través del uso consciente del HTML y de un bueno planteamiento de las instrucciones a la inteligencia artificial, el profesorado puede crear experiencias de aprendizaje más ricas, accesibles y significativas.

La tecnología se convierte así en un medio al servicio de la educación, y no en un fin en sí misma.

 

Autor: Luis Vilela Acuña (Coordinador EDIXGAL)
Centro educativo: CEP Campolongo (Pontevedra)