Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas

martes, 17 de febrero de 2026

HTML y microaprendizaje como base estructural de las microcredenciales en la educación 4.0

En colaboración con Mercedes Leticia Sánchez Ambriz

No te pierdas el podcast de este artículo, escúchalo aquí. 

El avance del modelo de microcredenciales, impulsado por las discusiones internacionales sobre aprendizaje permanente y empleabilidad, como las sostenidas en el Foro Económico Mundial de Davos 2026, están reconfigurando la arquitectura formativa en la educación superior. El HTML como infraestructura pedagógica del microaprendizaje y como soporte técnico para la certificación modular basada en competencias. Se argumenta que el diseño de simuladores y recursos interactivos en HTML permite articular evidencias de desempeño con procesos de certificación flexible, en coherencia con los planteamientos del proyecto Sistema de Microcredenciales para la Industria 4.0: Formación docente en competencias digitales para el nearshoring manufacturero”, desarrollado en el marco de la Beca Santander–FIMPES 2025, México.

Microcredenciales y el giro modular post-Davos 2026

En el Foro Económico Mundial de Davos 2026 se reafirmó que el aprendizaje permanente y la actualización continua de competencias constituyen condiciones estructurales del mercado laboral contemporáneo (World Economic Forum [WEF], 2026). El informe enfatizó la necesidad de sistemas de acreditación flexibles, verificables e interoperables que respondan a la rápida transformación tecnológica.

En este contexto, las microcredenciales emergen como respuesta a tres exigencias centrales:

  1. Modularidad.
  2. Certificación por competencia.
  3. Reconocimiento acumulativo.

Sin embargo, el debate no puede limitarse a la dimensión política o económica. La pregunta pedagógica es decisiva: ¿qué arquitectura didáctica sostiene el modelo modular?

Microaprendizaje como unidad estructural

El microaprendizaje (microlearning) se define como una estrategia formativa centrada en objetivos específicos, de corta duración, con alta focalización competencial y retroalimentación inmediata (Hug, 2017). Su pertinencia radica en que:

·         Reduce la carga cognitiva.

·         Favorece la autonomía.

·         Permite integración en contextos laborales.

·         Produce evidencias observables de logro.

Diferente del simple “contenido breve”, el microaprendizaje implica diseño instruccional riguroso. Cada unidad debe integrar:

·         Objetivo competencial claro.

·         Actividad interactiva.

·         Evaluación formativa.

·         Evidencia verificable.

Este enfoque es coherente con la transición hacia certificaciones basadas en desempeño, no en tiempo de permanencia (WEF, 2026).

El proyecto Sistema de Microcredenciales para la Industria 4.0: Formación docente en competencias digitales para el nearshoring manufacturero, desarrollado en el marco de la Beca Santander–FIMPES 2025 (México), plantea que el HTML no debe entenderse únicamente como un formato técnico, sino como una arquitectura didáctica estratégica para el diseño de microexperiencias certificables. En investigaciones previas sobre simuladores educativos y certificación modular (Bravo Reyes & Sánchez Ambriz, 2025)

En este artículo sobre simuladores HTML como estrategia, se argumenta que el HTML constituye un entorno estructural idóneo para articular microaprendizaje, interactividad y evidencia de desempeño.

Este lenguaje ofrece ventajas estructurales que lo posicionan como base tecnológica de las microcredenciales:

  • Universalidad: Funciona en cualquier navegador sin requerir software propietario.
  • Portabilidad: Puede utilizarse en línea o desconectado.
  • Ligereza: Bajo consumo de datos, lo que favorece la equidad en contextos de conectividad limitada.
  • Integración multimodal: Permite articular texto, audio, video, animaciones y simulaciones en un mismo entorno.
  • Programabilidad interactiva: Mediante JavaScript, posibilita retroalimentación automática y escenarios dinámicos.
  • Compatibilidad con LMS y estándares abiertos: Facilita su integración en sistemas de gestión del aprendizaje y su vinculación con insignias digitales (Open Badges).

Desde esta perspectiva, el HTML deja de ser un simple contenedor de contenido y se convierte en un microespacio de aprendizaje demostrativo, capaz de sostener procesos de certificación basados en competencias observables y verificables.

Estas características no solo posicionan al HTML como un soporte técnico versátil, sino que lo convierten en una infraestructura pedagógica coherente con el modelo de microaprendizaje certificable. Si las microcredenciales exigen evidencias verificables de desempeño- como lo plantean los marcos internacionales recientes (WEF, 2026)- entonces el entorno formativo debe permitir interacción, registro y evaluación integrada dentro de cada unidad modular. Es precisamente en este punto donde el HTML trasciende su dimensión instrumental y se configura como arquitectura de diseño instruccional.

En este marco, uno de los aportes centrales del enfoque desarrollado en el proyecto es la transición pedagógica:

De la presentación estática → al simulador interactivo.

Este desplazamiento no es meramente tecnológico; implica una transformación epistemológica del aprendizaje. Mientras la presentación lineal organiza información para ser consumida, el simulador organiza escenarios para ser experimentados.

El simulador HTML permite las siguientes acciones como se muestra en la imagen:

De esta manera, la microunidad deja de ser expositiva y se convierte en evidencia activa de competencia. La arquitectura técnica sostiene la lógica pedagógica, y esta, a su vez, fundamenta la validez de la microcredencial.

Esta estructura transforma la microlección en una evidencia tangible de competencia. Como señalan Bravo y Sánchez (2025), el HTML funciona como “microespacio de aprendizaje personalizado”, donde el estudiante no solo consume información, sino que interactúa y produce evidencia.

HTML y certificación por evidencia

Las microcredenciales requieren mecanismos verificables. El HTML facilita esta dimensión porque:

  • Puede integrar criterios explícitos de logro.
  • Permite automatización mediante estándares abiertos (Open Badges).
  • Es interoperable con plataformas educativas.
  • Puede incorporar metadatos competenciales.

Así, el recurso didáctico deja de ser material auxiliar y se convierte en entorno demostrativo de competencia.

Este principio responde directamente al planteamiento del WEF (2026), que insiste en la necesidad de credenciales basadas en resultados observables y verificables.

Equidad, conectividad y multicanalidad

En América Latina, la implementación de microcredenciales enfrenta desafíos de conectividad y acceso. En este sentido, la naturaleza ligera del HTML resulta estratégica.

Un archivo HTML puede:

  • Distribuirse por correo, USB o nube.
  • Funcionar sin conexión continua.
  • Integrarse en ecosistemas multicanal.

Esta característica fortalece la equidad y evita la dependencia de plataformas cerradas o costosas.

Implicaciones para la formación docente

El modelo implica una redefinición del rol docente, como se muestra en la siguiente tabla:

La producción de micro-recursos HTML constituye evidencia concreta de competencia digital avanzada, alineada con marcos como DigCompEdu (Redecker, 2017).

Conclusiones

El debate internacional posterior a Davos 2026 confirma que el aprendizaje modular y certificable no es una tendencia pasajera, sino una reconfiguración estructural de la educación superior.

El microaprendizaje ofrece la lógica pedagógica. Las microcredenciales aportan el reconocimiento formal. El HTML proporciona la arquitectura técnica y didáctica.

En el marco del proyecto financiado por la Beca Santander–FIMPES 2025, México, se demuestra que el diseño de simuladores y recursos interactivos en HTML constituye una vía viable, escalable y equitativa para articular formación modular con certificación por competencias en la educación 4.0.

La innovación no radica en incorporar tecnología por sí misma, sino en estructurar el aprendizaje de manera que cada competencia pueda diseñarse, demostrarse y certificarse con claridad.

 

Referencias

Bravo Reyes, C., & Sánchez Ambriz, M. L. (2025). Simuladores HTML como estrategia docente para el microaprendizaje y la certificación por microcredenciales en la Industria 4.0

Hug, T. (2017). Didactics of microlearning. Waxmann.

Redecker, C. (2017). European framework for the digital competence of educators (DigCompEdu). European Commission.

World Economic Forum. (2026). Future of Jobs Report 2026. WEF.

 

 

domingo, 23 de noviembre de 2025

Microcredenciales: importancia y relevancia (2.ª parte)


En colaboración con Mercedes Leticia Sánchez Ambriz

No dejes de escuchar cómo la IA critica el artículo, ¿Qué opinas de estas observaciones?

En la entrega anterior se introdujo el aprovechamiento del lenguaje HTML como estándar abierto y universal para el desarrollo y distribución de microcredenciales. Entre sus ventajas destacan: este lenguaje es reconocido y soportado por todos los navegadores modernos, no requiere software propietario y permite acceder a los recursos desde cualquier dispositivo con navegador actualizado (Weizenbaum Institut, s. f.).

Su peso ligero —un archivo HTML completo puede pesar menos de 100 KB aun con elementos multimedia— facilita la distribución en contextos de bajo ancho de banda o alto costo de datos móviles (Weizenbaum Institut, s. f.).

Este tipo de archivo permite tanto su ejecución en línea como sin estar conectado, guardado en modo local, lo que resulta especialmente valioso en regiones con conectividad limitada, como en zonas rurales de América Latina, África subsahariana y el Sudeste Asiático (Weizenbaum Institut, s. f.).

Su naturaleza editable y reutilizable se alinea con la filosofía de recursos educativos abiertos (REA), permitiendo traducción, contextualización cultural y adaptación sin herramientas complejas, reduciendo costos y promoviendo la colaboración internacional (UNESCO, 2019).

HTML se integra naturalmente con sistemas de gestión de aprendizaje (LMS) como Moodle, Canvas o Blackboard, posibilitando la inclusión de metadatos estructurados que facilitan la emisión automática de credenciales digitales verificables compatibles con estándares como Open Badges 3.0 o Comprehensive Learner Record (CLR) (Bundesministerium für Bildung, Wissenschaft und Forschung [BMFWF], s. f.).

Desde el enfoque pedagógico, las apps creadas con HTML contribuyen a potenciar las microcredenciales a través del diseño centrado en competencias, donde cada recurso vincula objetivos claros, criterios de logro y actividades alineadas, facilitando la transparencia para los estudiantes. Permite incorporar simuladores, juegos serios, rúbricas interactivas y cuestionarios autoevaluativos que favorecen el aprendizaje activo y situado y la documentación de evidencias (Microcredentials.eu, s. f.). Además, si se cumplen las pautas de accesibilidad web (WCAG), es posible crear recursos inclusivos para estudiantes con diversas necesidades (Microcredentials.eu, s. f.).

En la siguiente imagen se muestra un ejercicio generado con lenguaje HTML para el curso: Crea tu propia empresa:

Los archivos HTML facilitan también la evaluación integrada mediante formularios de autoevaluación, coevaluación y portafolios digitales que pueden ser gestionados en LMS, registrando evidencias para la emisión de la microcredencial (Old Dominion University, s. f.). La facilidad para actualizar contenidos garantiza la vigencia en áreas tecnológicas donde la rápida obsolescencia es habitual (Old Dominion University, s. f.).

En la siguiente imagen se muestra un archivo HTML insertado en la plataforma educativa CANVAS.

Como propuesta práctica, un modelo básico de microcredencial basada en HTML incluye: definición clara de competencia y resultados, especificación formal con criterios y evidencias, diseño del recurso HTML central con contenidos y actividades, desarrollo de evidencias por el estudiante y evaluación para emitir la credencial digital con metadatos asociados (CALOHEE, s. f.; BMFWF, s. f.). Este modelo es adaptable a diversas disciplinas y niveles siempre que mantenga coherencia interna.

Para que la estrategia de microcredenciales sea sostenible y efectiva a largo plazo, se deben consolidar tres avances fundamentales que atraviesan ámbitos políticos, académicos y formativos.

Primero, las políticas y marcos regulatorios claros y coherentes son esenciales para legitimar las microcredenciales como certificados válidos y reconocidos en los sistemas educativos y laborales.

Estos marcos deben estar alineados con estándares nacionales e internacionales, abarcar desde la definición de competencias hasta los procesos de acreditación y facilitar la integración de microcredenciales en itinerarios educativos formales y no formales. La experiencia de países con marcos regulatorios establecidos, como España y varios estados europeos, ha demostrado que una regulación sólida impulsa la confianza, la calidad y la escalabilidad de las microcredenciales (Organización de Estados Iberoamericanos, 2023; BID, 2023).

En segundo lugar, es crucial el desarrollo y adopción de criterios de calidad y sistemas de evaluación compartidos entre las instituciones educativas y el sector productivo. Esto permite que la certificación sea relevante, rigurosa y responda a las demandas reales del mercado laboral, garantizando que las competencias acreditadas agreguen valor tangible a empleadores y profesionales.

La colaboración multisectorial fomenta la actualización constante de estándares y asegura la pertinencia social y económica de las microcredenciales, evitando la fragmentación y desconexión que limitan su aceptación (BID, 2023; Innovacademia UANL, 2025).

En tercer lugar, la capacitación docente debe abordarse de forma prioritaria para desarrollar habilidades en diseño instruccional, uso de recursos educativos abiertos (REA) y producción de recursos accesibles e inclusivos en HTML y otros formatos digitales.

La formación en herramientas pedagógicas actuales es necesaria para crear microcredenciales efectivas, modulares y personalizadas que atiendan la diversidad de contextos y necesidades educativas. Esta capacitación fomenta la innovación educativa y la sostenibilidad, potenciando el impacto formativo y social de las microcredenciales (Innovacademia UANL, 2025).

En conjunto, estos tres avances pueden representar la base para que las microcredenciales superen el peligro de ser una moda pasajera y se consoliden como un pilar estructural de la formación continua y flexible, imprescindible en la era digital e inteligencia artificial. Su implementación equitativa y de calidad tiene un potencial transformador para la educación y el empleo en América Latina y otras regiones con desafíos similares.

Las microcredenciales son una oportunidad sin precedentes para reimaginar la educación, adaptándola a los tiempos digitales y tecnológicos, siempre con la mira puesta en formar personas completas, competentes y críticas, capaces de afrontar los retos contemporáneos con creatividad y resiliencia.

La clave para que las microcredenciales dejen de ser una moda pasajera y se conviertan en un pilar sólido de la formación continua radica en su integración coherente en sistemas educativos y productivos, junto con marcos regulatorios robustos, estándares de calidad compartidos y el fortalecimiento docente. Es un llamado a gobiernos, instituciones y educadores para asumir un compromiso colectivo que garantice que las microcredenciales sean herramientas transformadoras, flexibles y relevantes para todos.

Referencias

Bundesministerium für Bildung, Wissenschaft und Forschung. (s. f.). A European approach to micro-credentials. https://www.bmfwf.gv.at/dam/jcr%3A453be6d2-e90d-4e9a-8557-8211157c2c75/Final%20report_A%20european%20approach%20to%20micro-credentials_MC-HE%20Consultation%20Group.pdf

CALOHEE. (s. f.). Tuning CALOHEE Micro-credentials Brochure [Brochure]. https://www.calohee.eu/wp-content/uploads/2024/07/Tuning-CALOHEE-Micro-credentials-Brochure-light-ISBN.pdf

Microcredentials.eu. (s. f.). Micro-credentials Framework

https://microcredentials.eu/wp-content/uploads/sites/20/2022/03/Micro-credentials_Framework_final-1.pdf

Old Dominion University. (s. f.). Unlocking the potential of open educational resources: Trends & benefits.

https://www.odu.edu/facultydevelopment/article/unlocking-the-potential-of-open-educational-resources-trends-benefits

UNESCO. (2019). Open educational resources.

https://unesdoc.unesco.org/ark:/48223/pf0000265868

Weizenbaum Institut. (s. f.). Micro-credentials in the digital age.

https://ojs.weizenbaum-institut.de/index.php/wjds/article/view/4_4_3/144

 

miércoles, 10 de septiembre de 2025

Los archivos HTML como alternativa para el aula invertida: de multicanales a simuladores interactivos

Interfaz de usuario gráfica, Aplicación

El contenido generado por IA puede ser incorrecto.

📄 Resumir en ChatGPT

En colaboración con Mercedes Leticia Sánchez Ambriz 

Estás con prisa, escucha el pódcast

El aula invertida (flipped classroom) ha transformado la manera en que docentes y estudiantes conciben el proceso de enseñanza-aprendizaje. Tradicionalmente, su implementación se ha apoyado en plataformas de gestión del aprendizaje (LMS) y en repositorios digitales de videos y lecturas. Sin embargo, los archivos en HTML se posicionan como una opción emergente, versátil y sostenible, capaz de integrar recursos multicanales, simuladores interactivos y cuadernos digitales de trabajo. En otras entradas del blog nos referimos a estos archivos: La era del HTML, No soy programador, entre otros con temática similar.

En esta entrega nos centramos en explorar las posibilidades pedagógicas de los archivos HTML en el marco del aula invertida, analizando su potencial para vincular otras herramientas, ampliar la autonomía del estudiante y favorecer experiencias de aprendizaje ubicuas.

Introducción

El modelo de aula invertida reconfigura la organización tradicional del proceso enseñanza-aprendizaje al trasladar la exposición de contenidos teóricos fuera del aula presencial o sincrónica. Los estudiantes acceden previamente a materiales digitales (videos, lecturas, pódcast, simulaciones, infografías), lo que les permite familiarizarse con los conceptos antes de la clase. De este modo, el tiempo de encuentro con el docente se emplea en actividades de mayor complejidad cognitiva como el análisis crítico, la experimentación, la colaboración y la resolución de problemas auténticos.

Esta metodología se fundamenta en el aprendizaje activo y en la lógica de la taxonomía de Bloom invertida, que sugiere que las tareas de menor exigencia cognitiva (recordar, comprender) se realizan en el espacio autónomo, mientras que las de mayor nivel (aplicar, analizar, evaluar, crear) se desarrollan con acompañamiento docente y en interacción con los pares. Esto no solo optimiza el tiempo de clase, sino que potencia la participación del estudiante en su propio proceso de aprendizaje (Bergmann & Sams, 2012).

La eficacia del aprendizaje activo ha sido ampliamente validada. En un meta-análisis con más de 29.000 estudiantes en cursos STEM, Freeman et al. (2014) concluyeron que quienes participaron en entornos activos mejoraron en promedio seis puntos porcentuales sus calificaciones, mientras que la tasa de reprobación fue 1.5 veces mayor en clases tradicionales. Por su parte, la investigación específica sobre el flipped classroom reporta efectos moderados pero positivos en el desempeño académico: Strelan et al. (2020) hallaron un tamaño de efecto medio (≈0.5 desviaciones estándar), y Chen et al. (2018) evidenciaron mejoras significativas en los resultados post-intervención.

No obstante, la metodología también enfrenta retos de adopción. Entre los más relevantes se encuentran la resistencia al cambio pedagógico, la sobrecarga inicial de trabajo asociada al diseño de materiales digitales, así como las barreras tecnológicas derivadas de la brecha digital y la baja conectividad en ciertos contextos educativos (Phillips, 2022). Estos desafíos obligan a repensar estrategias de acompañamiento docente y a valorar recursos abiertos y ligeros —como los archivos HTML— que reduzcan costos y faciliten la escalabilidad de la propuesta.

HTML como recurso multicanal

El HTML (HyperText Markup Language) es el lenguaje estándar utilizado para estructurar y presentar contenidos en la web. A diferencia de otros formatos cerrados, un archivo HTML es abierto, ligero y universal, lo que significa que puede ejecutarse en prácticamente cualquier dispositivo con un navegador, sin necesidad de software especializado ni licencias adicionales. Su carácter flexible permite integrar texto, imágenes, audio, video y componentes interactivos en un solo documento, generando una experiencia de aprendizaje mucho más dinámica y personalizada.

Desde la perspectiva educativa, un archivo HTML puede configurarse como un contenedor multicanal que reúne y organiza recursos diversos en un mismo entorno accesible y coherente. Esto implica que, en un solo archivo, el estudiante puede interactuar como se muestra en el siguiente archivo:

Esta convergencia transforma al HTML en un microespacio de aprendizaje personalizado, donde el estudiante no depende de múltiples accesos dispersos ni de plataformas fragmentadas, sino que encuentra un ecosistema integrado de recursos que guía su exploración autónoma y potencia el modelo de aula invertida. Además, al ser un formato portable, el mismo archivo puede almacenarse en dispositivos locales, compartirse por correo electrónico, distribuirse en memorias USB o cargarse en plataformas educativas como Moodle o Blogger, ampliando la cobertura y el acceso.

El HTML no es únicamente un soporte técnico, sino una estrategia pedagógica de convergencia digital que habilita entornos interactivos, accesibles y sostenibles para la educación contemporánea.

Interoperabilidad y vinculación con otras herramientas

La flexibilidad del HTML radica en su capacidad para conectarse con otras aplicaciones educativas. A través de códigos embebidos o enlaces, un archivo puede vincular:

·         Herramientas de gamificación como Kahoot o Quizizz.

·         Plataformas de realidad aumentada o entornos 3D interactivos.

·         Formularios de Google o Microsoft Forms para recolección de datos.

·         Sistemas de microcredenciales o portafolios digitales.

Esta interoperabilidad potencia la idea de que un archivo HTML no es solo un “documento”, sino una plataforma ligera y expansible, capaz de adaptarse a diversas metodologías pedagógicas.

Conclusiones

El aula invertida requiere recursos que no solo transmitan información, sino que activen la reflexión, la práctica y la autonomía. Los archivos HTML se consolidan como una alternativa de alto valor, al permitir integrar multicanales, simular experiencias y configurar cuadernos de trabajo digitales. Su carácter abierto, escalable y adaptable los convierte en aliados estratégicos para repensar la innovación educativa en un contexto marcado por la necesidad de accesibilidad, equidad y sostenibilidad tecnológica.

El futuro del aula invertida podría no depender exclusivamente de plataformas centralizadas, sino de ecosistemas ligeros y flexibles, donde cada archivo HTML se convierta en un nodo de aprendizaje conectado a una red más amplia de conocimiento.

Referencias

Freeman, S., Eddy, S. L., McDonough, M., Smith, M. K., Okoroafor, N., Jordt, H., & Wenderoth, M. P. (2014). Active learning increases student performance in science, engineering, and mathematics. Proceedings of the National Academy of Sciences of the United States of America, 111(23), 8410–8415. vpal.harvard.edu+3PubMed+3WIRED+3

Strelan, P., Osborn, P., & Palmer, E. (2020). The flipped classroom: A meta-analysis of effects on student performance across disciplines and education levels. Educational Research Review, 31, 100320. PMC+4ScienceDirect+4visiblelearningmetax.com+4

Chen, K. S., Monrouxe, L., Lu, Y. H., Jenq, C. C., Chang, Y. J., Chang, Y. C., et al. (2018). Academic outcomes of flipped classroom learning: A meta‑analysis. Medical Education, 52(10), 910–924

 

miércoles, 18 de junio de 2025

No soy programador, pero diseño mis propias aplicaciones educativas

 ¿Y si te dijera que no necesitas ser programador para crear tus propias aplicaciones educativas con inteligencia artificial?

Elaborado en Poe

Accede al pódcast desde aquí.

Durante mucho tiempo, el desarrollo web y la creación de aplicaciones digitales parecían estar reservados para personas con conocimientos avanzados en programación. Pero hoy, gracias a herramientas abiertas, tutoriales accesibles y, sobre todo, una buena dosis de curiosidad, eso ha cambiado.

No soy programador, tampoco conozco de programación, pero eso no me impide crear este tipo de trabajo, sencillo, sin mucha pretensión informática, pero ajustado a una necesidad. El secreto no es saberlo todo, sino tener claro lo que quieres lograr y aprender justo lo necesario para hacerlo posible. El inicio lo tuve al leer este trabajo del profesor Juan José de Haro en su blog Bilateria, que lo recomiendo por todos sus aportes. A partir de ese trabajo hice otras apps, lo que me permitió seguir explorando y llegar al proceso que narro.

¿Cómo lo hice?

Para generar la App que se muestra al final, empleé ChatGPT. Capturé la imagen de una aplicación creada por el profesor Erick Miranda y escribí la instrucción que está debajo.

 


Con dicho prompt le indico a ChatGPT que, a partir del conocimiento que tiene de mi interacción con él, me sugiera temas para los que puedo realizar otras apps. En este caso me recomendó cinco ideas y de estas seleccioné la relacionada con el diseño de infografías, como se puede apreciar en la siguiente imagen.

Hasta este punto no programé nada, tampoco le pedí a ChatGPT que hiciera dicha acción.


A partir de este momento se inicia un diálogo con ChatGPT para ir mejorando o corrigiendo alguna línea del código que no es correcta. Le pedí agregar otras funcionalidades y después corregir un texto que sobraba.


La respuesta de ChatGPT

Con mi respuesta se elaboró el archivo HTML que fui probando para detectar errores. Primero en la PC y después en un celular para asegurarme de que funcione correctamente. Detecté unos errores y nuevamente le indiqué a ChatGPT la corrección. El resultado del trabajo se encuentra al final.

¿Qué demuestra esto?

- No se necesita ser experto para innovar con IA en educación.
- El aprendizaje autodidacta, con propósito claro, es una herramienta poderosa.
- Lo importante no es el lenguaje de programación, sino el lenguaje pedagógico con el que traduces tu idea en un recurso útil.
- El miedo a la tecnología muchas veces es más cultural que técnico. A medida que te familiarizas con las herramientas, el miedo se convierte en entusiasmo.

Enseñar, crear, aprender… sin programar

Con este trabajo no pretendemos enseñar código, sino inspirar. Si eres educador, estudiante, o simplemente curioso, puedes comenzar a crear. Lo importante no es el nivel técnico, sino la intención educativa y el deseo de transformar el aula con recursos accesibles, personalizados y motivadores.

Pero al final, la mejor aplicación que puedes construir… es la que nace de una necesidad educativa real y una mente abierta al cambio.


Diseño de infografías didácticas con IA

Diseño de infografías didácticas con IA cbravo2025

Abre las cajas de diálogo y selecciona en cada una la opción que necesites.Después realiza la búsqueda en tu LLM preferido.

 

jueves, 5 de junio de 2025

Del PowerPoint al Prompt: ¿Por qué los docentes deben aprender HTML en la era de la programación natural?

Elaborada con ChatGPT
Con la colaboración de Mercedes Leticia Sánchez Ambriz

Escucha el pódcast desde aquí.

Durante décadas, el docente ha sido formado como usuario de herramientas digitales de autor, especialmente desde la irrupción de PowerPoint en la década de 1990. Esta herramienta, convertida casi en sinónimo de enseñanza digital, marcó una generación entera de educadores que aprendieron a organizar contenidos en diapositivas, insertar imágenes y efectos visuales para transmitir conocimiento de forma secuencial.

Con la llegada de la Web 2.0, caracterizada por la interactividad, la colaboración y la creación de contenido por parte del usuario, emergieron plataformas como Canva, Genially, Edmodo o ClassDojo. Estas herramientas ofrecieron entornos más intuitivos y visuales para diseñar recursos educativos sin necesidad de escribir una sola línea de código, lo que facilitó la incorporación de lo digital a la clase, pero también reforzó una dependencia de estructuras prefabricadas.

Aunque accesibles, estas plataformas situaron al docente como consumidor activo dentro de límites establecidos por terceros, al proponerles plantillas y formatos de diseño tipo diapositivas, es decir, limitando su capacidad de crear soluciones realmente adaptadas a su contexto educativo. En estas plataformas todavía al día de hoy no hay diferenciación entre los diseños para trabajar en el aula presencial o a distancia. Prima la selección de estas herramientas por el diseño y no por el contenido que se puede y debe añadir.  

Hoy, ante la irrupción de la inteligencia artificial generativa y la programación en lenguaje natural, este modelo comienza a ser insuficiente. La autonomía tecnológica del docente pasa por comprender y modificar los lenguajes que estructuran el entorno digital, y allí el HTML representa una puerta de entrada fundamental.

HTML (HyperText Markup Language) es el lenguaje que se usa para crear páginas web. Funciona como el esqueleto de un sitio: organiza textos, imágenes, botones y todo lo que ves en una página en internet. No es un lenguaje de programación, sino de estructura, y permite decirle al navegador qué mostrar y cómo hacerlo.

Las herramientas de Inteligencia Artificial (IA) están aprovechando HTML de varias formas para facilitar la creación de contenido web, especialmente para personas que no saben programar. Por ejemplo:

·Generadores automáticos de páginas: la IA puede crear el código HTML completo a partir de una simple descripción como “quiero una página con un título, una imagen y un botón de contacto”.

·Asistentes de diseño: ayudan a mejorar el diseño visual del HTML, sugiriendo colores, estructuras o las llamadas cascadas de estilos (CSS).

·Corrección de errores: revisan el código HTML y detectan errores o mejoras que pueden hacerse automáticamente.

·Educación personalizada: enseñan HTML paso a paso con explicaciones, ejemplos y ejercicios interactivos.

El docente frente al HTML: de consumidor digital a creador de contenidos educativos

Comprender HTML, el lenguaje base de la web, permite al educador transformar su rol: de espectador a creador activo de experiencias interactivas. Con solo unas líneas de código, es posible diseñar formularios, personalizar actividades en Moodle o estructurar un blog educativo. Aprender HTML no requiere ser programador, sino desarrollar una mirada estructurada y creativa que abra nuevas formas de enseñar, comunicar y conectar con los estudiantes.

Esto permite tener el control sobre la estructura de un blog, una página web, un formulario interactivo o una actividad en Moodle ayuda a entender cómo funciona el código fuente, nos permite dialogar con las herramientas de inteligencia artificial desde una posición crítica y creativa: no solo pidiendo que generen contenido, sino sabiendo adaptarlo, corregirlo y mejorarlo.

En un mundo donde el código es el nuevo lenguaje de alfabetización, HTML se convierte en el abecedario que todo educador debería conocer para no quedar al margen de las transformaciones digitales que están redefiniendo el acto educativo. La autonomía tecnológica del docente pasa por comprender y modificar los lenguajes que estructuran el entorno digital, y allí el HTML representa una puerta de entrada fundamental.

No se trata solo de adquirir una habilidad técnica, sino de desarrollar una nueva forma de pensamiento que permita al educador intervenir de manera consciente en los espacios virtuales donde hoy se construye el aprendizaje. Dominar HTML, aunque sea en un nivel básico, significa crear, personalizar y adaptar recursos sin depender de plantillas cerradas o plataformas externas.

Esta comprensión también es clave al interactuar con herramientas de inteligencia artificial: no basta con pedirle a GPT o Gemini que generen código o contenido, es necesario saber leer lo que producen, identificar errores, ajustar detalles y tomar decisiones fundamentadas sobre su uso. En este sentido, conocer el código fuente brinda al educador una mirada crítica y creativa, que va más allá del consumo pasivo y lo posiciona como protagonista activo en la construcción de entornos de aprendizaje digitales.

La alfabetización digital del siglo XXI no se trata solo de saber usar aplicaciones, sino de comprender cómo funcionan. Aprender HTML es dar un paso hacia la soberanía tecnológica docente. En la era del lenguaje natural como código, quien sabe leer código tiene el poder de transformar la educación desde adentro, sin intermediarios. Este no es un llamado al tecnólogo, sino al educador del futuro.

Como muestra puede probar este evaluador de competencias digitales del docente que toma como base los lineamientos de la UNESCO sobre el trabajo con la IA.

 



Curso Interactivo: Competencias UNESCO para IA

Competencias UNESCO para el Empleo de la IA

👤
Dimensión 1: Mentalidad centrada en el ser humano
1. Reflexión crítica sobre interacción humano-IA
Reflexionar de modo sistemático sobre cómo la IA influye en la interacción con las personas, priorizando siempre la dignidad, la agencia y el bienestar de estudiantes y colegas.
👤
Dimensión 1: Mentalidad centrada en el ser humano
2. Evaluación de beneficios y riesgos sociales, culturales y emocionales
Analizar las posibles ventajas y desventajas que la IA implica en el entorno educativo, incluyendo aspectos sociales, culturales y emocionales, para tomar decisiones informadas.
👤
Dimensión 1: Mentalidad centrada en el ser humano
3. Mantenimiento de la responsabilidad humana en decisiones mediadas por IA
Asegurar que las decisiones pedagógicas fundamentales sigan bajo la supervisión y criterio del docente, evitando que la IA sustituya por completo la función educativa humana.
⚖️
Dimensión 2: Ética de la IA
4. Conocimiento y aplicación de principios éticos
Identificar y aplicar principios como equidad, transparencia, privacidad y no discriminación al seleccionar y utilizar herramientas basadas en IA.
⚖️
Dimensión 2: Ética de la IA
5. Reconocimiento y mitigación de sesgos algorítmicos
Identificar posibles sesgos en los algoritmos y en los datos de entrenamiento, aplicando estrategias para minimizarlos y garantizar un uso justo y equitativo.
⚖️
Dimensión 2: Ética de la IA
6. Participación en normativas internas sobre IA
Colaborar en la creación o adaptación de políticas y protocolos institucionales que regulen el uso responsable y seguro de la IA en el centro educativo.
🤖
Dimensión 3: Fundamentos y aplicaciones de la IA
7. Comprensión de conceptos básicos de IA
Conocer fundamentos como aprendizaje automático, tipos de algoritmos y limitaciones técnicas, así como sus posibles implicaciones en el ámbito educativo.
🤖
Dimensión 3: Fundamentos y aplicaciones de la IA
8. Identificación, evaluación y personalización de herramientas de IA
Saber seleccionar, evaluar y ajustar herramientas basadas en IA (p. ej., asistentes de escritura, sistemas de recomendación) para necesidades específicas de aprendizaje.
🤖
Dimensión 3: Fundamentos y aplicaciones de la IA
9. Análisis de fiabilidad y calidad de datos e implicaciones medioambientales
Evaluar la procedencia, calidad y posibles sesgos de los datos utilizados por la IA, así como considerar el impacto ambiental del entrenamiento de modelos complejos.
🎓
Dimensión 4: Pedagogía de la IA
10. Diseño de estrategias didácticas que integren la IA
Crear y adaptar actividades educativas donde la IA contribuya a la participación, la personalización y el aprendizaje activo, sin reemplazar la labor docente.
🎓
Dimensión 4: Pedagogía de la IA
11. Selección de momentos pedagógicos apropiados
Identificar los momentos clave en la secuencia didáctica donde la IA aporte mayor valor, garantizando que complemente la interacción docente-estudiante.
🎓
Dimensión 4: Pedagogía de la IA
12. Experimentación y evaluación de prácticas innovadoras con IA
Probar, monitorear y analizar enfoques como aprendizaje basado en proyectos con IA o retroalimentación automatizada, para medir su efectividad y mejorar la práctica educativa.
📈
Dimensión 5: IA para el aprendizaje profesional
13. Empleo de sistemas de IA para mejorar competencias docentes
Utilizar plataformas adaptativas o sistemas basados en IA para identificar áreas de mejora pedagógica, personalizar el propio desarrollo y enriquecer la práctica docente.
📈
Dimensión 5: IA para el aprendizaje profesional
14. Colaboración en comunidades de práctica en línea
Participar en redes profesionales fortalecidas por IA para compartir recursos, experiencias y retroalimentación, contribuyendo al aprendizaje colectivo.
📈
Dimensión 5: IA para el aprendizaje profesional
15. Mantenimiento del desarrollo profesional actualizado sobre IA
Mantenerse al día con las últimas tendencias y avances en IA aplicada a la educación, participando en eventos, talleres y cursos que refuercen las competencias docentes.

Resumen de Competencias

# Competencia Estado