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

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

lunes, 18 de septiembre de 2017

No es el PowerPoint el culpable, son quienes lo emplean.

Recientemente en uno de los grupos de WhatsApp donde participo se generó una discusión que tuvo como base el empleo de PowerPoint a partir de un artículo recientemente publicado. El artículo original se denomina: “Let’s banPowerPoint in lectures – it makes students more stupid and professors moreboring”, que puede interpretarse como: “Vamos a prohibir el PowerPoint en las conferencias: convierte a los estudiantes en más estúpidos y a los profesores más aburridos. 

Desde el título, hasta el último párrafo el post está lleno de contradicciones y encierra el falso criterio de suprimir el empleo de los medios debido a su mal uso. Los medios y el PowerPoint es uno de ellos, son simplemente medios del proceso pedagógico. No son buenos, ni malos, no hacen a los estudiantes más “estúpidos” y a los profesores “más aburridos”.

Imagen del autor
No es el medio el culpable, este pasa por cuatros momentos importantes, que hemos llamado “Ruta crítica” que se puede leer en ese enlace. El primero de los nodos de esta ruta coincide con la selección. Se selecciona el medio tomando en cuenta las posibilidades de los estudiantes para trabajar con este medio, las potencialidades didácticas y comunicativas de cada medio, las características del local donde se empleará y por ende la existencia del medio entre los más importantes. Cuando el medio se selecciona por el gusto personal del profesor o el estudiante, se están obviando todos los elementos que componen el primer nodo.

Imagen del autor
Una vez seleccionado el medio, se procede a su diseño y posterior elaboración. En el caso del PowerPoint se hace obligado realizar primeramente un boceto, donde se plasmen las ideas principales antes de proceder a su realización. Aquí intervienen muchos elementos del diseño gráfico, la cantidad de información, el tipo de letra, su tamaño, colores, imágenes, entre otros muchos.

El PowerPoint no es para trasladar toda una tesis menos un libro, no lo use para copiar textos con definiciones o conceptos, no lo emplee para tablas estadísticas llenas de datos, o para trasladar el acta de una reunión. El medio no está concebido para ese propósito. Es un recurso donde la combinación de voz e imagen es su carta distintiva.

Imagen del autor
El último nodo de la Ruta crítica, es su empleo y posterior evaluación. Emplear el medio resulta sencillo, una pantalla, el proyector, el lugar para el expositor, las condiciones de iluminación y ventilación en el caso que sea necesario. La evaluación del medio, es una tarea permanente del profesor, que debe valorar la comunicación con los estudiantes a través del medio empleado. Preguntarse cómo se aprecia la presentación, qué escriben los estudiantes, en cuál diapositiva dediqué más tiempo a explicar, en cuáles los estudiantes reflejaron más dudas, pueden ser indicadores para la evaluación del medio.


Sobre este tema se puede escribir todos los días, el PowerPoint es una herramienta de gran utilidad y aunque existen otras que le compiten creo que no llegan a imitarlo. Tomando en cuenta su utilidad unos años atrás realizamos un Mooc sobre este tema. En la actualidad el grupo tiene más de mil personas y puede acceder libremente a todos los documentos. Lo invitamos a que se matricule y revise la información del curso. 

miércoles, 12 de abril de 2017

En la clase con Internet: elaboración de infografías con PowerPoint.

Recién acabamos de realizar un Wooc con profesores de la Facultad de Humanidades de nuestra Universidad, donde el tema desarrollado corresponde al título del presente trabajo. Empezamos por caracterizar las infografías como medio didáctico y culminamos en su elaboración empleando PowerPoint.

La infografía es un medio que combina imágenes fijas y texto, con un gran nivel de síntesis. Cuando me refiero a medio adopto el criterio que es un componente de la actividad pedagógica y que junto a los métodos sirven de base para el desarrollo de los contenidos. La infografía es más conocida en su formato digital, pero en el caso que se imprima sigue siendo una infografía.

La infografía y el papelógrafo
Cápsula informativa donde se solicitan las diferencias
El papelógrafo, aún en tiempos de Internet mantiene su utilidad, aunque con la introducción de las pizarras digitales, el manejo de diapositivas y el acceso a la Web, cada vez es menos empleado. Sin embargo, existe la duda: ¿Cuáles son las diferencias entre este medio y la infografía?

Dicha pregunta fue uno de los elementos discutidos durante el Wooc con los profesores. 

Los asistentes señalaron que la infografía puede contener más cantidad de información, lograr un mayor impacto visual, es más fácil de manejar y como es un medio digital se distribuye en todas las redes. Se añade además que la infografía puede ser editada varias veces y servir de base para otras.

Pese a todas esas diferencias la más importante en mi opinión es el formato. El primero se diseña para ser desarrollado en papel, con un tamaño superior y para una audiencia variable. Mientras que la infografía se concibe principalmente para su lectura en la pantalla de un dispositivo digital.

En ambos medios se requiere de una profunda síntesis visual y textual, del empleo de colores y elementos para dirigir la atención. Contribuyen a la comprensión de conceptos con alto grado de abstracción, al poder vincular imágenes realistas y esquemáticas. Con ambos medios se facilita la muestra de datos estadísticos, resúmenes de información, palabras claves de un concepto, entre otras muchas posibilidades didácticas.

En el caso específico de la infografía su elaboración favorece la mejora de la competencia digital de profesores y estudiantes, al vincular diferentes tipos de medios sobre un soporte digital.

En el caso de la selección de los medios o recursos para la clase, deben primar los conceptos de utilidad, disponibilidad y efectividad. No siempre el medio disponible es el más efectivo.
Cápsula del Wooc
El primer paso es la selección de la información, tomando en cuenta que pueda ser expresada mediante imágenes y textos cortos. Le sigue la organización de dicha información tomando en cuenta los principios de la síntesis, la precisión conceptual, la asequibilidad de la información, el tránsito de lo general a lo particular entre otros. 

El siguiente paso es plasmar el contenido en un boceto, este cumple el objetivo central de ahorrar tiempo en la elaboración de la infografía. Este boceto debe realizarse las veces que sea necesario, hasta que consideramos que estamos listos para crear la infografía. Para elaborar este medio podemos encontrar diferentes programas en línea, varios de ellos gratuitos, aunque con algunas limitaciones.

PowerPoint en la elaboración de infografías.

Es un programa informático manejado por millones de personas, está disponible en numerosas computadoras y dispositivos móviles, no requiere conexión a la red y la infografía se puede modificar tantas veces sea necesario. Con los datos de una presentación podemos crear una infografía que resuma la idea rectora o central de la presentación. También desde una infografía podemos crear una presentación en la que se explica, por ejemplo los pasos de un proceso, entre otros temas.

Otra de las razones para seleccionar PowerPoint es que se pueden editar las imágenes, recortarlas, modificar el brillo, el contraste e incluso eliminar el fondo de dichas imágenes.


Para elaborar las infografías con PowerPoint se debe partir de seleccionar el tamaño y la orientación de la diapositiva.



   
Por ejemplo en el caso de la infografía que muestra la imagen el tamaño seleccionado fue de 13 cm de ancho por 24 cm de alto.


Una vez determinado el tamaño se procede a la parte más compleja que es plasmar en la diapositiva el boceto antes elaborado. Para esto se requiere combinar el texto, las diferentes figuras geométricas, flechas y otros recursos con las imágenes seleccionadas. 

Es necesario resaltar que se está elaborando una infografía y no una presentación. Para la primera empleamos texto entre 11 y 12 puntos ya que no se va a proyectar la infografía, como es el caso de una diapositiva, que necesita un mayor puntaje.

Para finalizar el proceso de elaboración de la infografía es necesario guardarla en un formato de imagen, como es el caso de PNG. Es conveniente archivarla primeramente en el formato de PowerPoint, con la finalidad de realizar cambios futuros o como plantilla para otras infografías.

En el Wooc que cité, los profesores se comprometieron a colocar en nuestro grupo de WhatsApp algunas de las infografías que elaboren. Aprovecho para dejar todas las cápsulas informativas empleadas en el Wooc y que pueden ser útiles para otros profesores. 

martes, 9 de junio de 2015

Infografías con PowerPoint



Las infografías se imponen cada vez en el contexto tecnológico, como una manera de resumir de modo gráfico una idea, un concepto, un grupo de datos, en fin cualquier tipo de información.

En esencia son imágenes de tipo simbólicas, que combinan otras imágenes tanto realistas, esquemáticas y simbólicas con texto y números. Su popularidad se debe en gran medida a Internet y a un grupo de programas con las que se pueden crear con facilidad. Una analogía con este tipo de imagen son los llamados cuadros sinópticos que tantas veces hicimos antes de la época de Internet.

Las infografías están vinculadas al principio pedagógico del carácter audiovisual de la enseñanza y si hoy tienen una variedad de estilos y formas, han existido desde que la escuela tiene un carácter audiovisual. Comenio en su Didáctica Magna, escribe: “para aprender todo con mayor facilidad deben utilizarse cuantos más sentido se pueda…” y más adelante agrega: “será bueno que todo lo que se acostumbra a tratar en clase esté pintado en las paredes del aula, ya sean teoremas y reglas, ya imágenes o emblemas de la asignatura que se estudia”.

Mi gran preocupación con las infografías o con el concepto que encierran es que cada día se va imponiendo el resumen y la síntesis y nuestros estudiantes se van acostumbrando a estudiar en un entorno mínimo de contenidos. Por supuesto que no es la infografía la responsable de esta problemática, pero es un llamado a no sustituir la lectura y la comprensión por una imagen.

La infografía, al igual que toda imagen debe tomar en cuenta varios elementos:

  • Significado. Debe estar relacionada con el auditorio para el cual se crea la infografía, por lo que es necesario conocer previamente tanto los conocimientos previos como las posibilidades de interpretación de las imágenes de este auditorio.
  • Claridad. Las imágenes, los íconos y los datos que se muestran deben estar claramente expresados, evitando ambigüedades en su interpretación.
  • Fácil de decodificar. La infografía es para resumir una idea que a su vez no puede ser compleja en su decodificación, por lo que pierde su esencia de comunicar la información en breve tiempo.
  • Resumir gran cantidad de información a través de la síntesis visual de los elementos que la conforman.
  • Empleo adecuado de los principios de la imagen como los de agrupación, contraste, equilibrio, ritmo y énfasis.

La elaboración de la infografía.

Tomando en cuenta que la infografía es una imagen que “dice” “sugiere” “acompaña” y “reafirma” el contenido de la clase, debe ser cuidadosamente elaborada. Al igual que cualquier otro medio pasa por los momentos de selección, diseño, elaboración y publicación

Una vez decidido el contenido a llevar a la infografía, es importante la elaboración de un boceto, donde logremos distribuir los elementos que formarán parte de la misma, partir de los elementos señalados con anterioridad. 

Una vez realizado este paso procedemos a su elaboración, que es tal vez el paso que impide a muchas personas realizar estas imágenes. Existen diferentes programas en línea que facilitan la creación de las infografías. En esta dirección encontrarán más de 40 herramientas para crear estas imágenes. Sin embargo para qué acceder a la Red, si en la “casa” tenemos un programa que facilita esta tarea.

La infografía con PowerPoint. 

Este programa lo empleamos para generar nuestras diapositivas, pero tiene otros usos que podemos aprovechar para crear las infografías.
Los pasos son los siguientes:

1- En el menú diseño, acceder a Tamaño de la diapositiva, como muestra la imagen.
Se selecciona la opción: personalizar tamaño de diapositiva.










2- En este nuevo menú se cambia el tamaño de la diapositiva, no es necesario que sea más de una. 


Es preferible trabajar con una imagen que tenga mayor dimensión en la altura que en el ancho. Los valores pueden ser similares al de la imagen. 

Es importante establecer que la orientación de la dispositiva sea vertical.


Con estos pasos comenzamos a crear nuestra infografía empleando los recursos que tiene PowerPoint. 

3- El último paso es guardar la diapositiva en un formato de imagen como es el PNG. Para esta tarea accedemos a Guardar como y seleccionamos dicho formato como indica la imagen

El proceso de elaboración es sencillo, se reduce al empleo adecuado de los recursos de PowerPoint, tomando en cuenta que no es una dispositiva la que se elabora, sino una infografía. 

A continuación un par de ejemplos de estas infografías. 
 

 
Amos Comenio Juan. Didáctica Magna. Editorial Pueblo y Educación. La Habana 1983. Cuba (pág 124)