La actividad “E-learning” incluye muchas funcionalidades. En este artículo te vas a centrar en la funcionalidad “recursos online” y en otros contenidos externos.

Más que un simple enlace a una página web o a cualquier software SaaS, el recurso online te permite hacer una integración mediante iFrame.

💡 Recordatorio: Para aprender a crear una secuencia y después una actividad e-learning, consulta nuestro artículo dedicado.

¿Qué es un iFrame?

En concreto, un iFrame es una etiqueta HTML que te permite integrar en tu página el contenido de otra página web.

Gracias a esto, puedes ofrecer a tus alumnos contenidos variados e interactivos, directamente integrados en su espacio Digiforma: vídeos, formularios, documentos online, herramientas externas, etc.

En la práctica, sólo tienes que:

Copiar y pegar la URL del sitio que quieres compartir, o
Recuperar el código embed que proporciona la herramienta externa y pegarlo en el recurso online.

Ese código estará rodeado de “etiquetas HTML”. El código puede contener diferentes etiquetas HTML (por ejemplo, href, img src). Por razones de seguridad, solo se aceptan las etiquetas incluidas en nuestra lista oficial. Si el recurso no se muestra, significa que se está utilizando una etiqueta no autorizada.

Consulta la lista de etiquetas HTML permitidas ✅

[
  'a',
  'abbr',
  'acronym',
  'address',
  'area',
  'article',
  'aside',
  'audio',
  'b',
  'bdi',
  'bdo',
  'big',
  'blink',
  'blockquote',
  'body',
  'br',
  'button',
  'canvas',
  'caption',
  'center',
  'cite',
  'code',
  'col',
  'colgroup',
  'content',
  'data',
  'datalist',
  'dd',
  'decorator',
  'del',
  'details',
  'dfn',
  'dialog',
  'dir',
  'div',
  'dl',
  'dt',
  'element',
  'em',
  'fieldset',
  'figcaption',
  'figure',
  'font',
  'footer',
  'form',
  'h1',
  'h2',
  'h3',
  'h4',
  'h5',
  'h6',
  'head',
  'header',
  'hgroup',
  'hr',
  'html',
  'i',
  'img',
  'input',
  'ins',
  'kbd',
  'label',
  'legend',
  'li',
  'main',
  'map',
  'mark',
  'marquee',
  'menu',
  'menuitem',
  'meter',
  'nav',
  'nobr',
  'ol',
  'optgroup',
  'option',
  'output',
  'p',
  'picture',
  'pre',
  'progress',
  'q',
  'rp',
  'rt',
  'ruby',
  's',
  'samp',
  'section',
  'select',
  'shadow',
  'small',
  'source',
  'spacer',
  'span',
  'strike',
  'strong',
  'style',
  'sub',
  'summary',
  'sup',
  'table',
  'tbody',
  'td',
  'template',
  'textarea',
  'tfoot',
  'th',
  'thead',
  'time',
  'tr',
  'track',
  'tt',
  'u',
  'ul',
  'var',
  'video',
  'wbr',
]

A esta lista se añaden los iFrame cuya fuente sea una URL válida de tipo HTTP o HTTPS.

¿Qué recursos puedes integrar?

Aquí tienes algunos ejemplos.

🎥 Vídeos: nuestro sistema te permite no limitarte a YouTube / Vimeo o a la integración directa desde tu ordenador. Solo tienes que copiar la URL del vídeo y pegarla.

El vídeo se integrará en tu editor de contenido e-learning.
⬆️ Ten en cuenta que, de esta forma, tus alumnos no estarán obligados a ver un porcentaje específico del vídeo. 💡
Los diferentes programas de Google Workspace (Google Slides, Google Forms, Google Docs, etc.)
👉 Consulta cómo integrarlos aquí.
Genially para gamificar tus recorridos e-learning 👾
👉 Consulta cómo integrarlo aquí.
Calendly para proponer citas directamente integradas a tus alumnos.
Articulate 360 para añadir módulos e-learning.
Sitios diversos: grabación de voz, mapas interactivos, etc.

Estos son sólo algunos ejemplos, ¡las posibilidades son muchas! 😃

¿Cómo integrar contenidos externos (PDF, PPT, H5P…)?

1️⃣ Mostrar un documento (PDF, PPT, Docx, etc.) consultable directamente

Por defecto, los documentos compartidos en Digiforma deben descargarse para poder leerse. Si quieres que se puedan consultar directamente en el espacio del alumno, publica tu documento en una herramienta externa (Scribd, PDFcoffee, Calaméo…).

Paso 1: Publicar el documento. Haz clic en “cargar” en la parte superior derecha de la pantalla.

Una vez importado el documento, añade un título y una descripción, y sobre todo, mantén el documento público (si está en privado, no podrás realizar los pasos siguientes).

Después de hacer clic en el botón “Enviar”, quedará compartido 👇

Copia el código que aparece en pantalla. ¡Primer paso completado! ✨

Paso 2: Integrar el código en Digiforma

En Digiforma, añade una actividad Documentos, modifica su contenido y añade una zona de recursos online:

⬇️

Pega el código de integración en el espacio previsto.

¡Listo! Tus alumnos podrán leer el documento directamente en su espacio.

2️⃣ Integrar una actividad H5P

Digiforma no permite integrar directamente un módulo H5P en una secuencia e-learning (solo se admiten archivos SCORM).

Sin embargo, existe una solución para mostrar la actividad H5P en el espacio del alumno.

🚨 Atención: Este método solo permite la visualización, sin seguimiento estadístico de los resultados.

Puedes crearlos con diferentes herramientas online. Para que funcione correctamente, la extensión del archivo debe ser .h5p.

Después, para integrar el archivo en una secuencia e-learning:

Recupera el código de integración de tu actividad
En Digiforma, añade una actividad E-learning
Selecciona la opción recurso online
Pega el código

Tu actividad se mostrará directamente en la secuencia e-learning 🚀

No dudes en probar diferentes herramientas externas para enriquecer tus recorridos y compartirnos tu opinión en el chat.