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 [2024/07/10 11:39]
aubert-d
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:
-<code>Cet article a été mis à jour le 14/02/2023</code> +<code>Cet article a été mis à jour le 10/09/2024</code> 
-<note warning>Depuis la mise à jour de Madoc le 10/07/2024, ce tutoriel est obsolète. Sa mise à jour est planifiée lors de l'année universitaire 2024-2025.</note>+
 ====== Intégrer dans Madoc du contenu de sites tiers ====== ====== 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 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:ajouteractiviteressource_211011.png?600|}}+{{:madoc:22_contenutiers1.png?500}}
  
-La plupart de ces ressources et activités proposent un éditeur de texte enrichi, pour saisir des consignes, une introduction, du contenu, etc.+La plupart de ces ressources et activités proposent un éditeur de texte, pour saisir des consignes, une introduction, du contenu, etc.
  
-{{:madoc:editeurtextelight.png?800|}}+{{: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. 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.+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 =====+=====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  ==== ==== 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-bloc:note.png}} 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 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   - 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 Enregsitrer et afficher+  - Cliquer sur le bouton Enregistrer et afficher
  
-<note tip> {{:madoc:icones-bloc:astuce.png}} 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 Livreune page de contenu de la Leçonl'introduction d'un Forum, d'un Test, d'un Devoir, etc.</note>+<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 htmlmais cela ne donne pas toujours de résultats satisfaisants (tailleaffichage dun lien à la place de la ressource…)</note>
  
 ---- ----
  
-**[[moodle:faq|Retour à la FAQ]]**\\+**[[madoc:faq|Retour à la FAQ]]**\\
 **[[:madoc|Retour au guide de l'utilisateur Madoc]]** **[[:madoc|Retour au guide de l'utilisateur Madoc]]**
 +
 
madoc/guide/21-inserer_du_contenu_des_sites_tiers.1720604394.txt.gz · Dernière modification: 2024/07/10 11:39 de aubert-d
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki