Wiki

Recherche

Édition

Navigation

Différences

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

Lien vers cette vue comparative

Prochaine révision
Révision précédente
Prochaine révision Les deux révisions suivantes
moodle:faq:balise_iframe [2017/06/22 11:50]
moreau-b créée
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:
-====== Créer une page Web  ====== +====== Intégrer du contenu externe dans Madoc ======
- +
-Il existe deux méthodes pour insérer un vidéo. +
-  - 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. +
- +
-1) cliquez sur le bouton "média" de l'éditeur. +
- +
-{{ :moodle:faq:media01_bt_inserer.jpg?direct&200 |}} +
- +
-2) 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 |}} +
- +
-3) 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**.+
  
 +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]]**
 
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki