| **Contenus d’enseignement interactifs** | **Activités d’apprentissage autonomes** | **Contenus (adaptatifs ou non) avec activités intégrées** | **Modules d’enseignement et d’apprentissage interactifs** |
| **Accordion** **Agamotto** **Chart** **Collage** **Image Hotspots** **Timeline** **Audio** **Dialog Cards** **360 Virtual Tour** **Image Juxtaposition** **Kewar Code** | **Flashcards** **Guess the Answer** **Crossword** **Dictation** **Documentation Tool** **Drag and Drop** **Drag Text** **Essay** **Fill in the blanks** **Find multiple Hotspots** **Find the Hotspot** **Find the words** **Image choice** **Image Pair** **Image Sequencing** **Mark the words** **Memory Game** **Multiple Choice** **Personality Quiz** **Questionnaire** **Quiz (Question Set)** **Single Choice Set** **Sort the Paragraphs** **Speak the word Set** **Speak the words** **Summary** **True/False Question** | **Column** **Course Presentation** **Interactive Video** **Branching Scenario** | **Interactive Book** |
| Réduisez la quantité de texte présentée à vos étudiant·e·s sur votre page de cours en utilisant l'accordéon interactif : Accordion. Les apprenants décident quel thème examiner de plus près en développant le titre. Excellent pour fournir une vue d'ensemble avec des explications détaillées optionnelles. Le texte est structuré en différentes sections que l’utilisateur peut déplier d’un simple clic. Il permet de varier la présentation des contenus de votre Moodle. Des liens peuvent être insérés mais il n’est possible d’intégrer que du texte. | [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/xN1FS1Nav68aLuxg-image-1628175375759-56-10.png) |
| #### Minimaliste | [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/lnoReHciQVAiFQSO-image-1634562648963-04-29.png) |
| #### Complet | [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/NtWWL7JaRaaleE3h-image-1634562664031-04-44.png) |
| #### Transparent | Rien ne s'affichera |
| 1\. Entrez les dates de début et de fin de votre évènement 2\. Entrez le Titre de votre évènement 3\. Entrez le texte éventuel que vous voulez associer à cet évènement (explications, définitions, etc.) | [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/XWpCFjaxhkOLWyDT-image-1628588518324.png) |
| **Type de page** | **Description** | **Capture d'écran** |
| **Standard page** | C'est une page de contenu assez classique, dans laquelle vous pouvez insérer des éléments de texte des images et des [accordéons](https://wiki.unil.ch/cse/books/h5p/page/accordion "Accordion"). Vous pouvez également créer des zones de saisie de texte ("text input field editor element") qui seront exporté dans la page "Document export page". | [](https://wiki.unil.ch/cse/uploads/images/gallery/2023-02/O64QkmwN6wWBHQJd-capture-decran-2023-02-15-a-09-07-08.png) |
| **Goal page** | Cette page permet de rentrer des objectifs qui seront réutilisés dans la page de type "Goal Assessment page". | [](https://wiki.unil.ch/cse/uploads/images/gallery/2023-02/kHxmE85OwGPs7FVV-capture-decran-2023-02-15-a-09-07-53.png) |
| **Goal assessment page** | Cette page reprend les objectifs définis dans la "Goal page" et permet de les évaluer sur une échelle à 3 degrés personnalisables (notation insuffisante, notation moyenne et bonne notation). A placer de préférence après la "Goal page". | [](https://wiki.unil.ch/cse/uploads/images/gallery/2023-02/OT0Nagvb0QcFVblT-capture-decran-2023-02-15-a-09-08-26.png) |
| **Document export page** | Cette page permet de réunir tout le texte entré dans le Documentation Tool et de l'exporter en format wordx ou de le copier-coller. | [](https://wiki.unil.ch/cse/uploads/images/gallery/2023-02/8XZWkGHkVhYOfqkX-capture-decran-2023-02-15-a-09-08-48.png) |
Le Documentation Tool ne permet **pas de conserver le travail** du participant. Il est important de bien exporter ou copier-coller le résultat et de l'enregistrer ailleurs.
### Étape 3 : Intégrez votre activité Documentation Tool à votre cours Moodle Vous pouvez maintenant **diffuser votre module H5P** dans votre page Moodle. Vous pouvez l'[intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette](https://wiki.unil.ch/cse/books/h5p/page/option-1-integration-dans-la-page-de-cours "Option 1 : Intégration dans la page de cours (Ressource Étiquette)") ou la [diffuser à l'aider d'une activité H5P](https://wiki.unil.ch/cse/books/h5p/page/option-3-diffusion-de-lactivite-ou-du-contenu-h5p "Option 2 : Diffusion de l’activité ou du contenu H5P"). # Drag and Drop Les questions Drag and Drop (par **glisser-déposer**) permettent à l'apprenant d'associer deux ou plusieurs éléments et d'établir des **connexions logiques de manière visuelle**. L'auteur crée des questions en utilisant à la fois du texte et des images. Les questions Drag and Drop H5P prennent en charge les relations un à un, un à plusieurs, plusieurs à un et plusieurs à plusieurs entre les questions et les réponses. ### Étape 1 : Création de l’activité H5P Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil. Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Drag and Drop. Dans la barre latérale gauche, 1\. Cliquez sur le menu « Banque de contenus » 2\. Puis sur « Ajouter » 3\. Et sélectionner l’activité « Drag and Drop » [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-09/HF6prvlVhXDFVmZo-image-1632731644223-40-14.png) ### Étape 2 : Paramétrer mon activité H5P Dans le formulaire qui s’affiche, 1\. Nommez votre activité *Ce nom n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.* [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/Apzl8JRXhLgQNtbP-image-1634642973400.png) 2\. Les étiquettes peuvent être déposées sur un arrière plan neutre ou sur une image insérée par l'enseignant·e. 3\. L'étape 1 concerne les réglages et permet donc d'insérer une image. Il n'est pas nécessaire qu'elle possède déjà des cases prédéfinies ou de supprimer des textes préexistants car cela peut se faire dans l'étape 2. Définissez la taille de la zone d'activité en fonction de l'image d'arrière-plan ou de l'espace dont vous avez besoin. 4\. L'étape 2 consiste en la création des éléments de l'activité. Premièrement , la création de la zone de dépôt [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/czkh776sTmDZwxL9-image-1634652243495.png)  La première étape consiste à créer une zone de dépôt. La traduction française peut porter à confusion, mais sous "étiquette", il faut donner un nom à la zone de dépôt. Décidez si le nom de la zone de dépôt apparaitra ou non dans l'activité.  Sélectionnez aussi le niveau d'opacité de la zone de dépôt. Une opacité de 100% couvrira l'image, alors qu'une opacité de 0% laissera apparaitre l'arrière plan. Les deux dernières options à cocher ou non sont le fait qu'une zone de dépôt ne puisse accueillir qu'une seule ou plusieurs étiquettes. Ainsi, deux étiquettes peuvent convenir pour la même zone. Attention, si vous cliquez sur autoriser un seul élément, alors il faudra vous assurer qu'il y a effectivement une seule solution possible. Le dernier bouton est l'alignement automatique de l'étiquette dans la zone de dépôt. Si l'option n'est pas cochée, l'étiquette se placera exactement là où vous l'avez posée, si l'option est activée, alors l'étiquette s'adaptera à la zone de dépôt. 5.1. La création d'une étiquette en format texte [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/cshQEbu4mWTc0DDF-image-1634652268706.png) [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/6djoxk9qtaYr6ALM-image-1634893516927.png)Donnez un nom à votre étiquette au format texte puis sélectionner toutes les zones de dépôt où l'étiquette peut être déposée. Il ne s'agit pas ici de sélectionner la bonne réponse, mais de sélectionner les possibilités de réponses. Si vous ne sélectionnez qu'une seule zone de dépôt (la bonne) alors lorsque l'étudiant·e clique sur l'étiquette, il·elle aura l'indice de la bonne réponse. Astuce 1 : sélectionnez les zones de dépôt en lien avec le type d'étiquette. Faites la différence entre les zones de dépôt pour un texte ou pour une image. Astuce 2 : pour un visuel plus agréable et ne pas divulguer d'indices, pensez à créer des zones de dépôt ainsi que des étiquettes de taille identiques. Pour cela, cliquez simplement sur les zones et étiquettes et redimensionnez les avec les flèches. En sélectionnant "nombre illimité d'instances", cela crée autant de fois l'étiquette qu'il existe de zones de dépôt, permettant ainsi de placer l'étiquette à plusieurs endroits. 5.2. La création d'une étiquette en format image : [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/F4PhTI5GXepGKj4T-image-1634652281868.png) [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/A8V1ic6T560dgAy8-image-1634894051267.png) Ajoutez une image et donnez lui un titre qui sera affiché si l'image n'apparait pas dans le navigateur. Tout comme pour l'étiquette au format texte, sélectionnez les zones de dépôts dans lesquelles les images vont pouvoir être insérées. Astuce 1 : sélectionnez les zones de dépôt en lien avec le type d'étiquette. Faites la différence entre les zones de dépôt pour un texte ou pour une image. Astuce 2 : pour un visuel plus agréable et ne pas divulguer d'indices, pensez à créer des zones de dépôt ainsi que des étiquettes de taille identiques. Pour cela, cliquez simplement sur les zones et étiquettes et redimensionnez les avec les flèches. En sélectionnant "nombre illimité d'instances", cela crée autant de fois l'étiquette qu'il existe de zones de dépôt, permettant ainsi de placer l'étiquette à plusieurs endroits. 6\. Associez les étiquettes avec les zones de dépôt. Pour cela, revenez dans les paramètres de zones de dépôt en cliquant sur chacune des zones. Cette fois-ci, il s'agit uniquement de sélectionner la ou les bonnes réponses. [](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/tS3nvv7lv5fNW2al-image-1634902052077.png) 7\. Vous en avez terminé avec la création des éléments de l'activité drag and drop. Organisez à présent les différents éléments en fonction de l'image d'arrière plan ou selon le schéma qu'ils doivent représenter. Les étiquettes doivent être placées comme vous souhaitez qu'elles apparaissent dans l'activité, et non pas dans les bonnes zones de dépôt. 8\. Définissez des textes feedback en fonction du taux de réussite de l'étudiant·e. 9\. Réglez les options générales. Normalement, les paramètres sélectionnés remplissent les attentes d'une majorités d'enseignant·e·s. À vous de décider si vous souhaitez les modifier. 10\. Cliquez enfin sur « Enregistrer » pour visualiser votre Drag and Drop interactif. Vous retrouverez facilement votre activité Drag and Drop dans votre Banque de contenus et pourrez le modifier, à tout moment. ### Étape 3 : Intégrez votre activité Drag and Drop à votre cours Moodle Vous pouvez maintenant **diffuser votre module H5P** dans votre page Moodle. Vous pouvez l'[intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette](https://wiki.unil.ch/cse/books/h5p/page/option-1-integration-dans-la-page-de-cours "Option 1 : Intégration dans la page de cours (Ressource Étiquette)") ou la [diffuser à l'aider d'une activité H5P](https://wiki.unil.ch/cse/books/h5p/page/option-3-diffusion-de-lactivite-ou-du-contenu-h5p "Option 2 : Diffusion de l’activité ou du contenu H5P"). # Drag the Words Le module Drag The Words permet aux concepteurs de contenu de créer des **expressions textuelles avec des morceaux de texte manquants**. **L'apprenant fait glisser un morceau de texte manquant au bon endroit** pour former une expression complète. Cette activité peut être utilisée pour **vérifier si l'apprenant se souvient d'un texte** qu'il a lu ou s'il l'a bien compris. Elle peut l'aider à examiner un texte en détails.