Différences

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

--- moodle:faq:balise_iframe [2017/06/22 11:50]
moreau-b créée
+++ moodle:faq:balise_iframe [2022/02/18 11:55]
aubert-d [Intégrer le code embed dans l'éditeur de texte enrichi]
@@ Ligne 1: / Ligne 1: @@
-====== Créer une page Web  ======
+<note warning>Cet article n'a pas encore été révisé suite au changement de design de Madoc. Par conséquent il est possible que son contenu ne soit plus conforme. Nous nous efforçons d'y remédier dans les plus brefs délais.</note>
+====== Intégrer du contenu externe dans Madoc ======
-Il existe deux méthodes pour insérer un vidéo.
+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.
-  - Ajouter un ressource de type "lien" depuis l'espace de cours
-  - Insérer un lien d'une vidéo entre deux crochets [lien_vers_la_vidéo.mp4] dans n'importe quel champ texte.
-<note important>Pour permettre la lecture de la vidéo sur le maximum de lecteurs, il est recommandé d'utiliser le **format mp4**</note>
-===== Ajoutez une ressource de type "lien" depuis l'espace de cours =====
-  - Activez le mode édition.
-  - Cliquez sur le lien “Ajouter une activité ou une ressource”
-  - Sélectionnez "URL"
-  - Remplissez le formulaire en indiquant :
-    * le "nom" à afficher
-    * l'adresse complète (http://lien_de_ma_video.mp4) de la vidéo dans le champo "URL externe"
-  - n'oubliez pas d'enregistrer
-Informations complémentaires : https://docs.moodle.org/2x/fr/URL
-===== Insérer une vidéo dans n'importe quel champ texte =====
-Dans toute zone "texte" (description, ressource "page", étiquette, etc...), il est possible d'intégrer une ou des vidéos dans le texte.
-Pour intégrer une video dans un texte, il suffit de mettre l'adresse d'un fichier vidéo mp4 entre deux crochets.\\
-Exemple <code>[http://www.sitewebdemavideo.fr/mavideo.mp4]</code>
-Les crochets permettront à la plateforme de créer automatiquement un lecteur lors de la consultation du texte.
-Vous pouvez réaliser cette opération manulement (en suivant la syntaxe précisée ci-dessous) ou suivre l'interface d'insertion de médias de l'éditeur.
-) cliquez sur le bouton "média" de l'éditeur.
-{{ :moodle:faq:media01_bt_inserer.jpg?direct&200 |}}
-) Dans la fenêtre surgissante de paramétrage, indiquez l'url de la vidéo (ou utiliser les dépôt pour en ajouter une) et l'intitulé de la vidéo.
-{{ :moodle:faq:media02_parametres.jpg?direct&200 |}}
-) Cliquez sur le bouton "Insérer le média". L'adresse de la vidéo est encadrée par des crochets.
-{{ :moodle:faq:media03_crochets.jpg?direct&200 |}}
-Lors de la consultation de ce texte par un utilisatzeur, Le lien de la vidéo sera transformé dans un lecteur après votre **enregistrement**.
+{{: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