Différences

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

--- madoc:guide:21-inserer_du_contenu_des_sites_tiers [2021/09/23 15:11]
andreeva-v
+++ madoc:guide:21-inserer_du_contenu_des_sites_tiers [2025/02/07 11:10] (Version actuelle)
aubert-d [2.Intégrer le code embed dans l'éditeur de texte enrichi]
@@ Ligne 1: / Ligne 1: @@
-Insérer du contenu des sites tiers (En cours de rédaction)
+<code>Cet article a été mis à jour le 10/09/2024</code>
-https://wiki.univ-nantes.fr/doku.php?id=moodle:general:ajouter_ressources_activite
-https://wiki.univ-nantes.fr/doku.php?id=moodle:faq:balise_iframe
+====== Intégrer dans Madoc du contenu de sites tiers ======
+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:22_contenutiers1.png?500}}
+La plupart de ces ressources et activités proposent un éditeur de texte, pour saisir des consignes, une introduction, du contenu, etc.
+{{:madoc:22_contenutiers2.png?800}}
+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.
+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).
+=====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.
+==== 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]]
+  * 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>__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.
+</note>
+==== 2.Intégrer le code embed dans l'éditeur de texte enrichi ====
+  - 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 <>
+  - Coller le code embed copié précédemment depuis Youtube en laissant toujours une ligne html avant le bas de page
+  - Cliquer sur le bouton Enregistrer et afficher
+<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]]**

Recherche

Édition

Navigation

Différences