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 »
É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.
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
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
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 :
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.
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 ou la diffuser à l'aider d'une activité H5P.