Intégrer du code iFrame

Vous souhaitez intégrer un élément extérieur à ecampus, dont vous disposez du code InlineFrame (tel qu'une vidéo déposée sur https://pod.unicaen.fr/, un exercice de simulation PHET en Sciences (https://phet.colorado.edu/_m/fr/) etc…). Il faudra alors dans un premier temps récupérer le code iframe puis l'intégrer à votre espace de cours.

Récupérer le code iframe

Le code iframe est reconnaissable par sa balise ouvrante <iframe …>. De nombreux sites proposent l'onglet “intégrer </>” par exemple. Prenons l'exemple d'un exercice de simulation du site PHET de l'Université du Colorado. Sur cet exercice de Biologie, le bouton “intégrer </>” est proposé

Le code iFrame est alors disponible.

Copier ce code pour pouvoir l'intégrer à votre espace de cours.

Intégrer le code sur l'espace de cours

Sur votre espace de cours, pour intégrer du code HTML, il faut utiliser “l'étiquette”. Pour se faire, activez le mode édition puis ajouter une activité ou une ressource et sélectionnez “étiquette”

Dans l'étiquette sélectionnez “afficher plus de boutons” puis “HTML” (cf aperçu ci-après :)