Wiki

Recherche

Édition

Navigation

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
madoc:guide:21-inserer_du_contenu_des_sites_tiers [2022/07/29 11:12]
pertus-s
madoc:guide:21-inserer_du_contenu_des_sites_tiers [2026/04/15 14:17] (Version actuelle)
pertus-s
Ligne 1: Ligne 1:
- <note warning>Bienvenue ! Cette page est en cours de validationMerci pour votre compréhension. </note>  +<note warning>Cet article a été mis à jour le 15/04/2026 - Concerne la version Moodle 4.5.</note>
-[Lien vers Moodle FAQ à confirmer ?]+
 ====== Intégrer dans Madoc du contenu de sites tiers ====== ====== 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 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?600|}}+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 enrichipour saisir des consignesune introduction, du contenuetc.+Cet éditeur de texte propose un mode HTML (cliquer sur Afficherpuis 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 Youtubeetc. 
 +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. +
-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. +
- +
-=====Cas pratique : intégrer une vidéo Youtube =====+
  
 ==== 1. Récupérer le code HTML  ==== ==== 1. Récupérer le code HTML  ====
   * Aller sur la page Youtube de cette vidéo : [[https://www.youtube.com/watch?v=nafzyYQ0XKY&t=6s]]   * 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"+  * Sur la page de la vidéo, au-dessous du lecteur, cliquer sur **Partager****Intégrer** et copier le code commençant par "<iframe"
  
-<note> {{:madoc:icones:note.png?20}} Note : De nombreux services sur Internet proposent un code similaire : WebTV de l'Université, Dailymotion, H5P, Learning Apps, etc.+<note>__Remarque__\\ De nombreux services sur Internet proposent un code similaire : WebTV de l'Université, Learning Apps, La Digitale, etc.
 Concernant les services extérieurs à l'Université, référez-vous à leur documentation pour découvrir comment procéder. Concernant les services extérieurs à l'Université, référez-vous à leur documentation pour découvrir comment procéder.
 </note> </note>
  
 ==== 2.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> {{:madoc:icones:astuce.png?20}} Astuce : 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, une page de contenu de la Leçon, l'introduction d'un Forum, d'un Test, d'un Devoir, etc.</note> 
-**[[moodle:faq|Retour à la FAQ]]** 
 
madoc/guide/21-inserer_du_contenu_des_sites_tiers.1659085938.txt.gz · Dernière modification: 2022/07/29 11:12 de pertus-s
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki