L'activité "E-learning" recèle de nombreuses fonctionnalités. Cet article va se focaliser sur la fonctionnalité "Ressources web" et d'autres contenus externes.
Plus qu'un lien vers un site web ou un logiciel SaaS quelconque, la Ressource web vous permet de faire une intégration "iFrame".
💡 Rappel : Pour apprendre à créer une séquence, puis une activité e-learning, consultez notre article dédié.
Concrètement, une iFrame est une balise HTML qui permet d’intégrer dans votre page le contenu d’une autre page web.
Cela vous permet de proposer à vos apprenants des contenus variés et interactifs, directement intégrés dans leur espace Digiforma : vidéos, formulaires, documents en ligne, outils externes, etc..
En pratique, il vous suffit de :
Copier/coller l’URL du site que vous souhaitez partager, ou
Récupérer le code embed fourni par l’outil externe et le coller dans la ressource web.
Ce code sera donc entouré de "balises HTML", comme présenté ci-dessous en rouge 👇🏻
Le code peut contenir d’autres balises HTML (ex. href, img src). Pour des raisons de sécurité, seules les balises présentes dans notre liste officielle sont acceptées. Si la ressource ne s’affiche pas, c’est qu’une balise non conforme est utilisée.
Voir la liste des balises HTML conformes ✅
Voir la liste des balises HTML conformes ✅
[
'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',
]
À cette liste s'ajoute les iFrame dont la source est une URL valide de type HTTP ou HTTPS.
Quelles ressources peut-on intégrer ?
Voici quelques exemples :
Les vidéos : cela vous permet de ne pas être limités à Youtube / Viméo ou en intégration directe depuis votre ordinateur. Récupérez l'URL de la vidéo et copiez-la simplement.
La vidéo s'intègre dans votre éditeur de contenu e-learning :
⬆️ Notez tout de même qu'en passant par ce biais vos apprenants ne sera pas obligé de visionner un certain pourcentage de la vidéo. 💡
Les différents logiciels de Google Workplace (Google Slides, Google Form, Google Docs, etc)
Genially pour gamifier vos parcours e-learning 👾 🧩
Calendly pour proposer des rendez-vous directement intégrés à vos apprenants.
Articulate 360 pour ajouter des modules e-learning.
Sites divers : enregistrement vocal, cartes interactives, etc..
Les possibilités sont nombreuses ! 😃
Comment intégrer intégrer des contenus externes (PDF, PPT, H5P…) ?
1️⃣ Afficher un document (PDF, PPT, Docx, etc.) directement consultable
Par défaut, les documents partagés sur Digiforma doivent être téléchargés pour être lus.
Pour les rendre consultables directement dans l’espace apprenant, publiez votre document sur un outil externe (Scribd, PDFcoffee, Calaméo…) :
Étape 1 : Créez-vous un compte (gratuit pour cette utilisation) et cliquez sur "importer" en haut à droite de votre écran :
Une fois le document importé, indiquez un titre, une description, et surtout, gardez votre document public (en privé, il sera impossible de réaliser les manipulations ci-dessous) :
Après avoir cliqué sur le bouton "Terminé", cliquez sur la zone "<> Embed" :
Récupérez le code affiché (en le copiant dans votre presse-papier) :
Première étape terminée ! ✨
Étape 2 : Intégrer le code copié dans Digiforma
Dans Digiforma, ajoutez une activité Documents, modifiez son contenu et ajoutez une zone "Ressources web" :
Collez le code d’intégration dans la zone prévue :
Et voilà ! Vos apprenants pourront ainsi lire le document directement dans leur espace !
2️⃣ Intégrer une activité H5P
Digiforma ne permet pas d’intégrer directement un module H5P dans une séquence e-learning (seuls les fichiers SCORM sont pris en charge).
Cependant, il existe une solution pour afficher l’activité H5P dans l’espace apprenant.
🚨 Attention : Cette méthode permet uniquement la visualisation, sans suivi statistique des résultats.
Vous pouvez tout de même les afficher via La Digitale, trouvez la section "Digiquiz" parmi la liste des activités proposées puis cliquez sur "Utiliser".
Sur la page suivante, cliquez sur "ouvrir un fichier H5P" :
Choisissez une question secrète (disponible uniquement que pour vous, elle ne sera pas demandée aux apprenants) puis importez depuis vos dossiers le module H5P à intégrer.
Pour que cela fonctionne, il faut bien que l'extension de votre fichier soit .h5p :
Ensuite, pour intégrer le fichier sur une séquence e-learning, récupérez le code d’intégration de votre activité
puis dans Digiforma, ajoutez une activité Documents :
Sélectionnez l’option Ressource web et collez le code :
Votre activité s’affichera directement dans la séquence e-learning ! 🚀
N’hésitez pas à tester différents outils externes pour enrichir vos parcours et à nous partager vos retours sur le chat !