Différences

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

--- madoc:guide:21-inserer_du_contenu_des_sites_tiers [2021/10/11 10:52]
pertus-s
+++ madoc:guide:21-inserer_du_contenu_des_sites_tiers [2026/04/15 14:17] (Version actuelle)
pertus-s
@@ Ligne 1: / Ligne 1: @@
- (en cours de rédaction) [Lien vers Moodle FAQ à confirmer ?]
+<note warning>Cet article a été mis à jour le 15/04/2026 - Concerne la version Moodle 4.5.</note>
 ====== Intégrer dans Madoc du contenu de sites tiers ======
-[ Lien ancienne page : https://wiki.univ-nantes.fr/doku.php?id=moodle:faq:balise_iframe ]
 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.
-{{:madoc:captures:ajouteractiviteressource_211011.png?400|}}
+La plupart de ces ressources et activités proposent un éditeur de texte (Nouveau : TinyMCE depuis Juillet 2025), pour saisir des consignes, une introduction, du contenu, etc.
-La plupart de ces ressources et activités proposent un éditeur de texte enrichi, pour saisir des consignes, une introduction, du contenu, etc.
+Cet éditeur de texte propose un mode HTML (cliquer sur Afficher, puis Code source) qui va vous permettre d'étendre encore les possibilités offertes par Madoc en intégrant des contenus externes variés : vidéo Youtube, etc.
+Pour cela, du code HTML est utilisé, et plus particulièrement la balise "iframe", qui permet d'inclure du contenu externe dans une page web. Le code est fourni sur le site à intégrer (si celui-ci le permet).
-{{:madoc:captures:editeurtextelight.png?400|}}
+=====Cas pratique : intégrer une vidéo Youtube dont vous êtes l’auteur, ou libre de droits =====
+NB : il est important de respecter le droit d’auteur, lors de l’utilisation de matériel, même à des fins pédagogiques.
-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, etc.
+==== 1. Récupérer le code HTML  ====
-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.
+  * Aller sur la page Youtube de cette vidéo : [[https://www.youtube.com/watch?v=nafzyYQ0XKY&t=6s]]
+  * Sur la page de la vidéo, au-dessous du lecteur, cliquer sur **Partager**, **Intégrer** et copier le code commençant par "<iframe"
-=====Exemple d'une vidéo Youtube=====
+<note>__Remarque__\\ De nombreux services sur Internet proposent un code similaire : WebTV de l'Université, Learning Apps, La Digitale, etc.
-==== Récupérer le code HTML  ====
-  - Aller sur la page Youtube de cette vidéo : [[https://www.youtube.com/watch?v=nafzyYQ0XKY&t=6s]]
-  - 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é, 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 ====
+==== 2.Intégrer le code embed dans l'éditeur de texte enrichi ====
-  - Dans un cours Madoc, ajouter une ressource Etiquette
+  - Dans un cours Madoc, ajouter une ressource Zone texte et media (anciennement « Etiquette »), ou ouvrir la Page ou la ressource comportant un éditeur de texte
-  - Dans l'éditeur de texte, cliquer sur l'icône HTML <>
+  - Dans l'éditeur de texte, cliquer sur le menu Afficher, puis sur Code source
-  - Coller le code embed copié précédemment depuis Youtube en laissant toujours une ligne html avant le bas de page
+  - Coller le code embed copié précédemment depuis Youtube en laissant toujours une ligne html avant le bas de page (pour cela, ajouter : <br> tout en bas du code
-  - Cliquer sur le bouton Enregsitrer et afficher
+  - Cliquer sur le bouton Enregistrer, puis enregistrer l'activité ou la ressource
+<note tip>__Astuce__\\ Il est possible d’intégrer un élément grâce à son lien html dans l’éditeur de texte sans passer par le mode html, mais cela ne donne pas toujours de résultats satisfaisants (taille, affichage d’un lien à la place de la ressource…)</note>
+----
+**[[madoc:faq|Retour à la FAQ]]**\\
+**[[:madoc|Retour au guide de l'utilisateur Madoc]]**
-<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, le chapitre d'un Livre, l'introduction d'un Forum, d'un Test, d'un Devoir, etc.</note>
-**[[moodle:faq|Retour à la FAQ]]**

Recherche

Édition

Navigation

Différences