Différences

Ci-dessous, les différences entre deux révisions de la page.

--- moodle:integrer_iframe [10/06/2020 11:48]
voisin201 créée
+++ moodle:integrer_iframe [22/01/2024 09:23] (Version actuelle)
dumontj01 ↷ Page déplacée de moodle4_nouveautes:moodle:integrer_iframe à moodle:integrer_iframe
@@ Ligne 1: / Ligne 1: @@
-====== 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 =====
-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 |}}
@@ Ligne 19: / Ligne 19: @@
-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 |}}
+Puis "**enregistrer**".
+L'exercice de simulation interactif est alors intégrer dans l'espace de cours.
+{{ :moodle:phet2.png |}}