Différences

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

--- moodle:faq:balise_iframe [2017/06/26 16:45]
aubert-d
+++ moodle:faq:balise_iframe [2020/09/10 18:53]
aubert-d [Intégrer le code embed dans l'éditeur de texte enrichi]
@@ Ligne 1: / Ligne 1: @@
-====== Comment intégrer du contenu externe dans Madoc  ======
+====== Intégrer du contenu externe dans Madoc ======
-L'enseignant à la possibilité de créer dans chacun de ses cours Madoc des ressources (fichiers, pages...) et/ou des activités (exercices, questionnaires...).
-{{:moodle:faq:ice_screenshot_20170622-133215.png?300|}}
-La plupart de ses ressources et activités propose un éditeur de texte enrichi, pour saisir des consignes, une introduction, du contenu, etc.
->>>>Capture d'écran de l'éditeur de text enrichi<<<
-Cet éditeur de texte propose un mode HTML qui va vous pemrettre d'intégrer des contenus externes variés : vidéo Youtube, PAD de l'université, etc.
-Prenons l'exemple jsutement d'une vidéo Youtube.
-...
+Madoc offre la possibilité de créer des Ressources (fichiers, pages...) et des Activités pédagogiques (quiz, devoir...) variées qui répondent à la majorité des besoins des enseignants.
+{{:moodle:faq:ressources_activites.png?400|}}
+La plupart de ces ressources et activités proposent un éditeur de texte enrichi, pour saisir des consignes, une introduction, du contenu, etc.
+{{:moodle:faq:editeur_texte_moodle.png?600|}}
+Cet éditeur de texte propose un mode HTML qui va vous permettre d'étendre encore les possibilités offertes par Madoc en intégrant des contenus externes variés : vidéo Youtube, PAD de l'université, etc.
+On va utiliser pour ça du code HTML, et plus particulièrement la balise "iframe", qui permet d'inclure du contenu externe dans une page web.
+=====Exemple d'une vidéo Youtube=====
+==== Récupérer le code HTML  ====
+  - Aller sur la page Youtube de cette vidéo : [[https://www.youtube.com/watch?v=PKx3JSk2-qc]]
+  - Sur la page de la vidéo, en dessous du lecteur, cliquer sur Partager, Intégrer et copier le code commençant par "<iframe"
+<note tip>De nombreux services sur Internet proposent un code similaire : WebTV de l'Université, PAD, Dailymotion, H5P, Learning Apps, etc.
+Concernant les services extérieurs à l'Université, référez-vous à leur documentation pour découvrir comment procéder.
+</note>
+==== Intégrer le code embed dans l'éditeur de texte enrichi ====
+  - Dans un cours Madoc, ajouter une ressource Etiquette
+  - Dans l'éditeur de texte, cliquer sur l'icône HTML <>
+  - Coller le code embed copié précédemment depuis Youtube
+  - Cliquer sur le bouton Enregsitrer et afficher
+<note tip>Pour l'exemple traité ici, nous avons intégré une vidéo Youtube dans une étiquette. Vous pouvez faire de même dans les ressources et activités proposant un éditeur de texte : une Page, l'introduction d'un Forum, d'un Test, etc.</note>
+**[[moodle:faq|Retour à la FAQ]]**

Recherche

Édition

Navigation

Différences