| Les deux révisions précédentes
Révision précédente
Prochaine révision
|
Révision précédente
|
moodle:integrer_iframe [10/06/2020 11:55]
voisin201 |
moodle:integrer_iframe [22/01/2024 09:23] (Version actuelle)
dumontj01 ↷ Page déplacée de moodle4_nouveautes:moodle:integrer_iframe à moodle:integrer_iframe |
| ====== Intégrer du code iFrame ====== | ====== 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. | Vous souhaitez intégrer un élément extérieur à Moodle 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 ===== | ===== 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. | Le code iframe est reconnaissable par sa balise ouvrante <iframe ...>. De nombreux sites proposent l'option "intégrer </>" qui permet de récupérer le code iframe. 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é | Sur cet exercice interactif de Biologie, le bouton "intégrer </>" est proposé |
| |
| {{ :moodle:phet.png |}} | {{ :moodle:phet.png |}} |
| |
| |
| 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**" | 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**. Cliquez sur “**Ressources**” puis sélectionnez la ressource "**URL**". Vous êtes renvoyé vers la page de paramétrage du fichier : |
| |
| {{ :moodle:eti.png?400 |}} | {{ :moodle:ajout_fichier_03_01.png?nolink& |}} |
| | {{ :moodle:ajout_etiquette_01.png?nolink& |}} |
| |
| Dans l'étiquette sélectionnez "**afficher plus de boutons**" puis "**HTML**" (cf aperçu ci-après :) | Dans l'étiquette sélectionnez "**afficher plus de boutons**" puis "**HTML**" |
| |
| {{ :moodle:iframe2.png |}} | {{ :moodle:iframe2.png |}} |