• Creación de "Popplets": Los bloques básicos de información que se crean con un doble clic. Se pueden mover, redimensionar y personalizar fácilmente.

• Contenido Multimedia: Permite insertar texto, imágenes (subidas desde el ordenador, Flickr o Facebook), videos (desde YouTube o Vimeo) y anotaciones a mano alzada dentro de cada "popplet".

• Conexión de Ideas: Las burbujas se conectan mediante líneas para mostrar las relaciones entre los conceptos, facilitando la creación de estructuras como mapas conceptuales o mentales.

• Colaboración: Permite el trabajo colaborativo en tiempo real, invitando a otros usuarios a editar el mismo proyecto.

• Almacenamiento en la Nube: El trabajo se guarda automáticamente en línea, permitiendo acceder desde cualquier lugar con conexión a internet.

• Exportación: Los proyectos terminados se pueden exportar a formatos como PDF y JPEG (imagen) para compartir o imprimir.

• Modo Presentación: Permite secuenciar los "popplets" para crear una presentación dinámica, similar a un recorrido guiado por el mapa.

• Compatibilidad: Disponible como aplicación web (para usar en cualquier navegador) y como aplicación para iPad/iPhone (aunque la app para móvil suele ser de pago).

• Organización de Ideas: Para brainstorming (lluvia de ideas) y planificación.

• Mapas Mentales y Conceptuales: Creación de esquemas jerárquicos o de ideas asociadas.

• Líneas de Tiempo: Mediante la organización secuencial de los "popplets".

• Tablones de Recursos: Recopilación de enlaces, imágenes y videos sobre un tema.

• Creación de Presentaciones: Usando el modo de secuencia para exponer el contenido del mapa.

• Fácil e Intuitivo: Interfaz muy amigable y sencilla, ideal para usuarios de todas las edades.

• Visualmente Atractivo: El uso de colores, imágenes y la flexibilidad de diseño lo hacen muy motivador.

• Trabajo Colaborativo: Excelente para proyectos grupales o co-creación de conocimiento.

• Multimedia: Permite integrar diversos tipos de contenido (texto, imágenes, video), enriqueciendo la información.

• Portabilidad: Al ser en la nube, es accesible desde múltiples dispositivos.

• Limitación en la Versión Gratuita: La versión gratuita solo permite crear un número limitado de "Popplets" (a menudo solo uno).

• Versión Móvil de Pago: La aplicación para iOS (iPad/iPhone) generalmente requiere una compra. No hay aplicación oficial para Android.

• Opciones de Formato Limitadas: Aunque es intuitivo, las opciones de personalización avanzada (flechas, formas complejas) son limitadas en comparación con otras herramientas más profesionales.

Popplet es una herramienta muy valorada en el ámbito educativo por su facilidad de uso y su enfoque visual.

1. Organización del Conocimiento

Mapas Mentales/Conceptuales: Los estudiantes crean sus propios esquemas para resumir unidades didácticas, organizar información de un texto o visualizar relaciones entre conceptos clave.

2. Evaluación Diagnóstica

Lluvia de Ideas Inicial: Los profesores inician un tema pidiendo a los alumnos que creen un Popplet con lo que ya saben sobre el tema (conocimientos previos).

3. Aprendizaje Colaborativo

Proyectos en Grupo: Varios alumnos trabajan juntos en el mismo mapa para investigar y construir un proyecto, desarrollando habilidades de trabajo en equipo.

4. Presentación de Contenidos

Exposiciones Dinámicas: Los alumnos utilizan el modo presentación para exponer un tema, lo que permite un formato más dinámico que una presentación tradicional.

5. Recursos Docentes

Planificación y Esquemas: El docente crea esquemas visuales para presentar el temario o las instrucciones de un proyecto.

En el ámbito de la educación superior, Visme contribuye al diseño de materiales didácticos atractivos que fomentan el aprendizaje activo, la comprensión visual y la alfabetización digital, fortaleciendo así la competencia tecnológica y comunicativa del docente en entornos educativos mediados por las TIC.

• Editor intuitivo (“arrastrar y soltar”)
  Puedes montar tus diseños fácilmente sin necesidad de saber diseño gráfico profesional.

• Gran biblioteca de plantillas y recursos visuales
  Hay muchas plantillas prediseñadas para distintos tipos de contenido: presentaciones, infografías, documentos, redes sociales, reportes, etc.

• Contenido multimedia e interactivo
  Permite incorporar video, audio, animaciones, efectos de “hover”, pop-ups, enlaces interactivos, etc. › Esto ayuda a hacer los contenidos más dinámicos.

• Visualización de datos
  Tienes herramientas para gráficos, tablas, mapas, dashboards, reportes visuales que facilitan mostrar datos de forma clara.

• Gestión de marca
  Puedes subir tus propios logos, definir paletas de colores, fuentes, plantillas de marca, mantener consistencia visual entre los distintos materiales.

• Colaboración en equipo
  Permite trabajar en equipo, con comentarios, revisiones, compartir proyectos, versiones.

• Opciones de exportación / compartición variadas
  Tus diseños se pueden descargar o compartir de múltiples formas: imágenes (PNG, JPG), PDF, video, GIF, también como enlaces web, incrustaciones HTML, PowerPoint editable, etc.

• Análisis / métricas
  Permite ver estadísticas de rendimiento de los contenidos que publicas / compartes: número de vistas, compromiso, seguimiento de cómo la audiencia interactúa con el contenido.

• Planes gratuitos y pagos
  Tienes acceso a un plan gratuito con ciertas limitaciones (almacenamiento, recursos, funciones). Los planes de pago ofrecen más funciones avanzadas.

• IA integrada
  Herramientas de asistencia con inteligencia artificial para facilitar la edición de imágenes, búsqueda de plantillas, mejoras automáticas, entre otras.

1. Visme es una plataforma digital interactiva que permite a los docentes diseñar materiales educativos visuales y dinámicos. En el contexto de la educación superior, su uso promueve metodologías activas y colaborativas, al facilitar la creación de contenidos que integran texto, imagen, video y animación para mejorar la comprensión y la participación del estudiante.

2. Visme contribuye al fortalecimiento de las competencias digitales docentes, ya que impulsa el dominio de herramientas tecnológicas para la producción y difusión de contenidos educativos interactivos. A través de su interfaz intuitiva y sus múltiples opciones de personalización, los docentes pueden innovar en la presentación del conocimiento, desarrollar habilidades en diseño visual, comunicación digital y curaduría de información, y adaptarse a los entornos de enseñanza mediados por las TIC.

3. Desde una perspectiva pedagógica, Visme se consolida como una herramienta que favorece la transformación digital de la enseñanza universitaria, al permitir que el profesorado cree experiencias de aprendizaje más visuales, atractivas e interactivas. Su implementación potencia la creatividad docente, el aprendizaje significativo y la integración de la tecnología en los procesos formativos, respondiendo a las demandas de una educación superior centrada en la innovación y la competencia digital.

· Promueve la innovación pedagógica: Visme facilita la creación de recursos visuales e interactivos, permitiendo que el docente transforme sus clases en experiencias de aprendizaje más dinámicas y participativas.

· Desarrolla competencias digitales docentes: El uso de la herramienta impulsa el dominio de habilidades tecnológicas como el diseño visual, la comunicación digital y la gestión de contenidos multimedia, alineadas con los marcos de competencia digital docente.

· Mejora la comunicación visual del conocimiento: Gracias a sus plantillas y recursos gráficos, Visme ayuda a representar información compleja de forma clara y atractiva, facilitando la comprensión y la retención de los contenidos por parte de los estudiantes.

· Fomenta la participación y motivación estudiantil: Los recursos creados con Visme aumentan el interés y la implicación del estudiante en su propio proceso de aprendizaje.

· Favorece el aprendizaje autónomo: Los contenidos diseñados pueden integrarse en plataformas virtuales para que los estudiantes accedan, exploren y aprendan de forma independiente, fortaleciendo su autonomía y autorregulación.

· Interfaz intuitiva y accesible: Visme ofrece una plataforma fácil de usar, incluso para docentes sin experiencia.

· Versatilidad de formatos: Permite exportar, compartir o insertar los materiales en distintos formatos (PDF, MP4, HTML5, enlaces interactivos), adaptándose a entornos presenciales, híbridos o virtuales.

· Fortalece la identidad institucional y profesional: Los docentes pueden personalizar sus diseños con logotipos, colores y tipografías institucionales, proyectando una imagen profesional y coherente con la identidad académica de la universidad.

· Limitaciones en la versión gratuita: La versión gratuita de Visme ofrece acceso restringido a plantillas, íconos y funciones interactivas avanzadas, lo que puede limitar la creatividad o la calidad de los materiales que se desean producir sin una suscripción de pago.

· Dependencia de conexión a internet: Visme funciona principalmente en línea, por lo que requiere una conexión estable a internet para crear, guardar o compartir proyectos.

· Curva de aprendizaje inicial: Aunque su interfaz es intuitiva, los docentes con baja competencia digital pueden necesitar tiempo y capacitación para familiarizarse con las funciones, especialmente las interactivas y de animación.

· Restricciones en la descarga de formatos: Algunas opciones de exportación (como MP4 o HTML5) están disponibles solo para usuarios premium, lo que limita la flexibilidad para integrar los materiales en diversas plataformas educativas si no se cuenta con la versión paga.

· Posible sobrecarga visual: Si no se utiliza adecuadamente el diseño o la interactividad, los materiales creados pueden presentar exceso de elementos gráficos o animaciones, lo que distrae al estudiante y afecta la claridad pedagógica del contenido.

1. Acceso a la plataforma

• Ingresa a https://www.visme.co.

• Crea una cuenta gratuita con tu correo institucional o inicia sesión con Google.

• Puedes elegir entre la versión gratuita (con funciones limitadas) o una versión educativa/premium.

2. Selección del tipo de proyecto

• En el panel principal, haz clic en “Create New Project” (Crear nuevo proyecto).

• Elige el formato que necesitas:

  • Presentation (presentación interactiva)

  • Infographic (infografía educativa)

  • Document o Report (informe o guía didáctica)

  • Video / GIF (contenido animado corto)

3. Uso de plantillas

• Explora las plantillas prediseñadas según el tema educativo o estilo visual.

• Puedes personalizarlas fácilmente: cambiar colores, fuentes, íconos y disposición.

• Usa una paleta institucional si tu universidad tiene identidad visual definida.

4. Inserción de elementos interactivos

• Desde el menú lateral izquierdo, agrega:

  • Textos y títulos.

  • Imágenes o videos educativos.

  • Gráficos, mapas y tablas para representar datos.

  • Botones, enlaces o animaciones para hacerlo interactivo (ideal para materiales de autoaprendizaje).

5. Guardar y compartir

• Haz clic en “Share” (Compartir) para:

  • Obtener un enlace público o privado.

  • Insertar el proyecto en tu aula virtual (por ejemplo, Moodle, Teams o Classroom).

  • Descargar el archivo en PDF, MP4 o HTML5, según la función.

6. Aplicaciones pedagógicas

• Crear presentaciones dinámicas para clases virtuales o presenciales.

• Diseñar infografías explicativas para reforzar temas complejos.

• Elaborar materiales autoformativos para el aprendizaje autónomo.

• Fomentar la participación estudiantil mediante proyectos visuales colaborativos.

Comienza con proyectos sencillos y explora las funciones interactivas gradualmente. Visme no solo mejora la estética de los recursos, sino que fortalece la competencia digital docente y la capacidad de comunicar información de forma efectiva y visual.

1. Diseño de materiales didácticos visuales

Los docentes pueden crear infografías, guías y esquemas interactivos para explicar conceptos complejos de manera clara y atractiva. Esto favorece la comprensión visual y el aprendizaje significativo de los estudiantes.

2. Elaboración de presentaciones dinámicas

Visme permite sustituir las presentaciones tradicionales por diapositivas interactivas, con animaciones, videos y enlaces que mantienen la atención del alumnado y estimulan la participación activa durante las clases.

3. Creación de recursos para el aprendizaje autónomo

Los materiales diseñados en Visme pueden incorporarse en plataformas virtuales (Moodle, Classroom, Teams) como recursos autoformativos, promoviendo la autonomía y autorregulación del aprendizaje.

4. Desarrollo de proyectos colaborativos

Tanto docentes como estudiantes pueden trabajar en equipo dentro de la plataforma, elaborando productos digitales (presentaciones, infografías o informes visuales) que fortalezcan las competencias comunicativas, tecnológicas y de trabajo colaborativo.

5. Evaluación mediante productos visuales

Los docentes pueden utilizar Visme para diseñar actividades de evaluación creativas, donde los estudiantes demuestren su comprensión elaborando mapas conceptuales, líneas de tiempo o exposiciones digitales.

6. Comunicación institucional y científica

Visme es útil para la divulgación académica: permite crear posters de investigación, informes de resultados y presentaciones científicas con un formato profesional, ideal para congresos o ferias universitarias.

7. Formación y actualización docente

El uso de Visme fomenta el desarrollo de competencias digitales docentes, al integrar el diseño, la comunicación visual y la innovación pedagógica. Puede emplearse en talleres de capacitación o comunidades de práctica docente.

1. Lcda. Rosa Teresa Lagrutta

2. Lcdo. Pedro Pablo Guerra

3. Dr. Guillermo Alaín Bonilla

A diferencia de un lenguaje de programación, HTML5 no ejecuta cálculos ni condiciones, sino que utiliza etiquetas para indicar al navegador cómo debe interpretar y mostrar cada elemento. Es fundamental en actividades pedagógicas, porque permite a los educadores y estudiantes crear, compartir y aprender de manera mas efectiva. al utilizar HTML5, se pueden desarrollar cursos en línea dinámicos y de alta calidad , transformando la experiencia la experiencia educativa de manera rápida y eficaz, además facilita la creación de contenido interactivo, permitiendo un aprendizaje mas completo y personalizado

● El HTML5 diferencia entre un artículo, sección, vídeo, encabezado, etc.

●      Existe la posibilidad de incluir audio y vídeo a través de las etiquetas multimedia.

●      Se integran mejor los gráficos vectoriales escalables (SVG) en lugar de los genéricos que se incluían hasta ahora, como <object>, además de incluir nuevos elementos que nos permiten dibujar en él a través de la etiqueta <canvas>.

●      Se redefinen, modifican o estandarizan ciertos elementos que se repiten en la mayoría de las páginas web.

●      Se pueden incluir fórmulas matemáticas a través de MathML.

●   Tiene nuevas etiquetas semánticas que facilitan la estructura de los documentos HTML y que reemplazarán a etiquetas de versiones anteriores como <div>, que ayudaban a identificar cada bloque en las páginas web.

●   Esta es la principal evolución con respecto al HTML4, ya que este tipo de etiquetas permite que la página web sea indexada con mayor exactitud por los buscadores.

●   Estas nuevas etiquetas ayudan también a definir mejor la estructura y los componentes de la web y brindan información sobre su contenido y relevancia

1. Estandarización y Eficiencia
   HTML5 es el estándar más reciente para estructurar y presentar contenido en la web. Su función principal es proporcionar una plataforma universal que permita a los desarrolladores crear sitios web más eficientes, accesibles y compatibles con diferentes dispositivos y navegadores.

2. Interactividad y Multimedia
   HTML5 facilita la integración de contenido multimedia como videos, audios y gráficos sin necesidad de complementos externos (como Flash). Esto mejora la experiencia del usuario y optimiza el rendimiento de las páginas web.

3. Flexibilidad y Funcionalidad Avanzada
   Con nuevas etiquetas semánticas (como <article>, <section>, <header>), HTML5 permite una mejor organización del contenido, haciéndolo más comprensible tanto para los usuarios como para los motores de búsqueda. Además, incluye APIs avanzadas para funciones como almacenamiento local, geolocalización y gráficos en 2D/3D.

. HTML5 no es un código propietario.

No está obligado a pagar regalías si decide utilizar HTML5 para su sitio web. Es multiplataforma, lo que significa que puede usarlo en prácticamente cualquier dispositivo. Fu.

.  Proporciona soporte de audio y video.

Mediante el uso del elemento CANVAAS, puede ejecutar muchos componentes diferentes a través de su sitio web que solían requerir una aplicación integrada o software instalado en el lado del usuario. Eso significa que HTML5 le permite generar gráficos dinámicos, incorporar juegos en línea y usar videos interactivos

La codificación con HTML5 es clara y coherente.

Si creció en la década de 1990 y aprendió a codificar, apreciará la limpieza del perfil de codificación de HTML5. Es simple, sencillo y muy fácil de leer. Puede separar rápidamente el contenido del estilo, lo que facilita la redacción de código descriptivo y claro.

Hay más elementos de diseño de página disponibles para su contenido.

Si se ha familiarizado con las versiones anteriores de HTML, entonces ya sabe cuáles son sus opciones: Div, Heading, Paragraph y Span. Con HTML5, tiene muchos elementos con los que jugar al diseñar sus diseños de página.

. HTML5 requiere menos mantenimiento que otras opciones.

HTML5 utiliza un lenguaje de programación de código abierto que es casi universalmente conocido. Eso significa que puede encontrar el soporte que necesita para solucionar problemas en línea por su cuenta

1. Existen diferentes soportes de video para HTML5.

Nadie podría estar realmente de acuerdo sobre cuál debería ser el soporte de video estándar dentro de HTML5. Eso significa que hoy en día existe una mezcolanza de diferentes soportes de video que se basan en el navegador que se prefiera usar. Actualmente se utilizan tres formatos de video principales: Ogg Theory, H.264 y VP8 / WebM.

2. Requiere navegadores modernos para acceder a él.

Si tiene usuarios que intentan acceder a su sitio web a través de un navegador anterior, no podrá comunicarse con ellos. Existe una clara falta de compatibilidad con Internet Explorer

3. Hay problemas de licencias de medios que deben tenerse en cuenta.

Su rich media se ofrece en varios formatos comprimidos debido a la amplia gama de compatibilidad de navegadores que puede encontrar. Eso significa que hay problemas de licencias de medios que debe tener en cuenta.

. La capacidad de respuesta de varios dispositivos puede ser un dolor de cabeza.

Si está desarrollando un sitio web, debe ver su contenido en todos los tipos de dispositivos y navegadores para asegurarse de que se vea igual porque siempre existe la posibilidad de que no se muestre como debería.

5. El lenguaje de HTML5 es siempre un trabajo en progreso.

Aunque algunos pueden ver esto como una ventaja, el desarrollo constante del lenguaje real contenido en HTML5 requiere que esté alerta. El lenguaje en sí es bastante estable, lo que significa que puede encontrarse con cambios inesperados en su codificación que inutilicen su sitio web hasta que los arregle. En teoría, cualquier cosa puede cambiar en cualquier momento.

6. Los juegos tienen problemas con JavaScript en HTML5.

JavaScript es el único lenguaje de programación de HTMl5. Es un lenguaje muy capaz, ideal para numerosas aplicaciones. Sin embargo, desde la perspectiva de los juegos, faltan las funciones necesarias para una experiencia de juego sólida.

Cursos en línea dinámicos: HTML5 permite crear cursos en línea que son interactivos y atractivos, mejorando la experiencia educativa.

Juegos educativos: Gracias a las capacidades de HTML5, se pueden crear juegos interactivos que enseñan y divierten al mismo tiempo.

Contenido multimedia: HTML5 facilita la integración de videos, audios y gráficos, mejorando la accesibilidad y el rendimiento del contenido educativo.

Aplicaciones web progresivas: HTML5, junto con JavaScript y CSS3, permite desarrollar aplicaciones web que funcionan offline y se cargan rápidamente.

Diseño interactivo: HTML5 permite crear gráficos vectoriales y animaciones complejas, enriqueciendo la estética y funcionalidad del contenido educativo.

Cómo utilizar HTML5

¹

HTML5 es la última versión del lenguaje de marcado HTML, diseñado para estructurar y presentar contenido en la web. Introduce nuevas etiquetas, atributos y funcionalidades que mejoran la semántica, la interactividad y la experiencia del usuario en las páginas web.

Declaración del documento

Para usar HTML5, es fundamental comenzar con la declaración <!DOCTYPE html> al inicio del archivo. Esto asegura que el navegador interprete correctamente el contenido como HTML5.

<!DOCTYPE html>

<html lang="es">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Ejemplo HTML5</title>

</head>

<body>

<header>

<h1>Bienvenido a HTML5</h1>

</header>

<main>

<section>

<h2>Introducción</h2>

<p>HTML5 mejora la semántica y funcionalidad de las páginas web.</p>

</section>

</main>

<footer>

<p>© 2023 Mi Sitio Web</p>

</footer>

</body>

</html>

Nuevas etiquetas semánticas

HTML5 introduce etiquetas como <header>, <footer>, <article>, <section> y <nav> para estructurar mejor el contenido y mejorar la accesibilidad.

Multimedia

HTML5 facilita la integración de audio y video sin necesidad de complementos externos como Flash.

Ejemplo de audio:

<audio controls>

<source src="audio.mp3" type="audio/mpeg">

Tu navegador no soporta el elemento de audio

</audio>

Ejemplo de video:

<video controls width="600">

<source src="video.mp4" type="video/mp4">

Tu navegador no soporta el elemento de video

</video>

Formularios avanzados

HTML5 incluye nuevos tipos de campos para formularios, como email, date, color y range, que mejoran la experiencia del usuario.

<form>

<label for="email">Correo electrónico:</label>

<input type="email" id="email" name="email" required>

<label for="fecha">Fecha:</label>

<input type="date" id="fecha" name="fecha">

<button type="submit">Enviar</button>

</form>

Gráficos y animaciones

HTML5 permite crear gráficos y animaciones mediante las etiquetas <canvas> y <svg>.

El proceso de curación colectiva implica reconocer, compartir y transformar experiencias emocionales, sociales y pedagógicas dentro de una comunidad educativa. Supone un acto de escucha activa, empatía y colaboración, donde se construyen nuevas formas de bienestar y sentido compartido, retos que conducen a un valioso aprendizaje, fortaleciendo la autoconciencia y la resiliencia profesional.

En este sentido, la curación colectiva se convierte en una práctica esencial para el desarrollo profesional docente, porque promueve la salud emocional, potencia la reflexión crítica sobre la práctica educativa y fomenta comunidades más humanas, solidarias y comprometidas con la transformación social.

La experiencia del taller de curación colectiva de recursos digitales representó un espacio de aprendizaje compartido en el que la exploración de herramientas como Visme, Popplet y HTML5 permitió no solo desarrollar competencias tecnológicas, sino también fortalecer la colaboración y el pensamiento crítico.

A través de la curación colectiva, se generó un proceso de intercambio de saberes y experiencias, donde cada miembro del grupo aportó su mirada para seleccionar, evaluar y resignificar recursos digitales con propósito educativo. Este ejercicio evidenció que la tecnología cobra verdadero sentido cuando se pone al servicio del aprendizaje significativo y de la innovación pedagógica.

En conjunto, el taller dejó como aprendizaje que la curación colectiva no es solo técnica, sino también pedagógica y humana: implica aprender a construir con otros, a valorar la diversidad de perspectivas y a integrar las herramientas digitales de manera creativa, ética y reflexiva, todo orientado al desarrollo profesional como docentes, fortaleciendo las habilidades digitales, la colaboración y la capacidad de adaptar la enseñanza a los desafíos del entorno educativo actual.

Docente: Miriam Vega