Vibe Coding educativo: HTML e intelixencia artificial para mellorar a aprendizaxe en Edixgal e Moodle

(Artigo orixinal publicado no blogue abalar)

Nos últimos anos falouse moito da intelixencia artificial aplicada á educación. Porén, no día a día das aulas, a cuestión fundamental segue sendo como empregar estas ferramentas de xeito práctico, sinxelo e coherente cos procesos de ensino e aprendizaxe reais.

Neste contexto xorde o chamado vibe coding educativo, un enfoque que non se basea en aprender a programar, senón en saber definir con claridade que recurso educativo precisamos e para que o queremos empregar. A través de instrucións ben formuladas (prompts), a intelixencia artificial pode axudarnos a crear materiais dixitais adaptados ao noso contexto, especialmente empregando linguaxes sinxelas e compatibles cos entornos educativos como o HTML.

Este artigo recolle experiencias reais de aula desenvolvidas durante este curso en 6º de Educación Primaria no CEP Campolongo, facendo uso de Edixgal e das aulas virtuais Moodle.

Que é o vibe coding educativo?

O vibe coding educativo parte dunha idea clave: o coñecemento pedagóxico é máis importante que o coñecemento técnico. Non se trata de escribir código complexo, senón de expresar con claridade a intención didáctica do recurso que queremos crear.

Neste enfoque, o profesorado describe á intelixencia artificial:

• o contexto educativo (nivel, idade, materia),
• a finalidade do recurso,
• o tipo de interacción que se busca no alumnado,
• e o formato final necesario para o entorno de uso.

A intelixencia artificial devolve, a partir desa descrición, un código HTML funcional que pode ser empregado directamente en Moodle ou Edixgal, ou adaptado de maneira sinxela polo propio docente.

O papel do HTML nos entornos virtuais de aprendizaxe

O HTML é unha linguaxe lixeira, accesible e amplamente compatible cos entornos educativos actuais. O seu uso en Moodle e Edixgal permite crear contidos máis estruturados, visuais e interactivos sen necesidade de empregar ferramentas externas ou plugins adicionais.

Entre as súas vantaxes destacan a posibilidade de organizar a información por bloques, crear contidos progresivos, incorporar reflexións guiadas e facilitar a autonomía do alumnado. Ademais, o HTML permite reutilizar e adaptar os materiais con facilidade, algo especialmente relevante en contextos educativos cambiantes.

Intelixencia artificial e creación de recursos educativos

A clave para obter bos resultados coa intelixencia artificial está na formulación do prompt. Unha instrución ben deseñada inclúe sempre o contexto educativo, a intención pedagóxica e as limitacións técnicas do entorno no que se vai empregar o recurso.

Cando estes elementos están claros, a intelixencia artificial pode actuar como unha ferramenta de apoio á creación de materiais, permitindo ao profesorado centrarse no deseño didáctico máis que na parte técnica.

Experiencias de aula en 6º de Primaria

Apuntes guiados con distintos niveis de acceso á información

Un dos primeiros usos do vibe coding educativo foi a creación de apuntes en formato HTML organizados por niveis de profundidade. Estes materiais presentaban unha información básica accesible a todo o alumnado, acompañada de contidos ampliados que se podían consultar de maneira voluntaria.

Este enfoque permitiu respectar os diferentes ritmos de aprendizaxe, reducir a sobrecarga cognitiva e fomentar a autonomía do alumnado, que pasou a interactuar cos apuntes dun xeito máis activo.

Autoavaliación e reflexión sobre o proceso de aprendizaxe

Outro uso relevante foi a creación de pequenos sistemas de autoavaliación formativa. A través de contidos en HTML, o alumnado reflexionaba sobre como estudara, que estratexias empregara e que aspectos podía mellorar no futuro.

Estes recursos incluían listas de comprobación, preguntas guiadas e propostas de mellora, convertendo a avaliación nun proceso de aprendizaxe en si mesmo.

Laboratorios virtuais e simulacións educativas

Finalmente, empregouse o HTML para deseñar laboratorios virtuais sinxelos e simulacións educativas. Estes materiais permitiron ao alumnado explorar contidos, tomar decisións e recibir feedback inmediato, sen necesidade de ferramentas tecnolóxicas complexas.

Os laboratorios virtuais favorecieron unha aprendizaxe máis activa, baseada na experimentación e na reflexión.

Valor engadido para o profesorado e o alumnado

O uso combinado de intelixencia artificial e HTML achega múltiples beneficios: 

-       materiais adaptados ao contexto real da aula

-       maior autonomía do alumnado

-       recursos reutilizables

-       maior control pedagóxico por parte do profesorado

Este enfoque non pretende substituír a labor docente, senón reforzala, facilitando a creación de recursos personalizados e coherentes cos obxectivos educativos. 

Pero, cómo podemos incorporar este tipo de recursos nas aulas virtuais ou en edixgal? A través da ferramenta de editar código de HTML (ilustración 1) ou con eXeLearningeditar código fonte (ilustración 2).

Ilustración 1

Ilustración 2

E que diferencia hai entre estas dúas opcións? Normalmente, en eXe é máis doado que acepte certos detalles estéticos que podemos engadir e funcións máis avanzadas que no propio Moodle (aula virtual), que é máis limitado (por seguridade).

Conclusión

O vibe coding educativo representa unha oportunidade para integrar a intelixencia artificial de maneira realista e pedagóxica nas aulas. A través do uso consciente do HTML e dunha boa formulación das instrucións á intelixencia artificial, o profesorado pode crear experiencias de aprendizaxe máis ricas, accesibles e significativas.

A tecnoloxía convértese así nun medio ao servizo da educación, e non nun fin en si mesma.