{{ :moodle:test:choix_questions:icon_glisser-deposer-image.png?nolink |}}

======Créer une question de type "Glisser-déposer sur une image"======

=====Étape 1 : sélectionner le type de question "Glisser-déposer sur une image"=====

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_1.png?nolink |}}

=====Étape 2 : si besoin, choisir la catégorie=====

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_2.png?nolink |}}

Si vous n'avez pas créé de catégorie spécifique pour classer vos questions, laisser la catégorie par **Défaut**. Si vous souhaitez en savoir plus sur le classement des questions, reportez-vous à la documentation : [[moodle:test:banque_questions|Créer et gérer une banque de questions]].

=====Étape 3 : donner un nom à la question=====

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_3.png?nolink |}}

=====Étape 4 : indiquer la consigne=====

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_4.png?nolink |}}

=====Étape 5 : indiquer le nombre de points=====

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_5.png?nolink |}}

=====Étape 6 : glisser-déposer l'image de fond=====

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_6.png?nolink |}}

N'hésitez pas à rafraichir l'aperçu pour visualiser comment l'image de fond est intégrée dans Moodle : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_7.png?nolink |}}

<note tip>Astuce : Dans le cas particulier d'un schéma à annoter, prévoyez de la place autour de l'image pour les futures étiquettes.</note>

=====Étape 7 : ajouter des éléments de réponse (étiquettes)=====

  * Indiquer si vous souhaitez que les éléments soient mélangés pour les étudiants : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_8.png?nolink |}}

  * Choisir le type d'élément (image ou texte) :

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_9.png?nolink |}}

  * Glisser l'image ou écrire le texte : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_11.png?nolink |}}

  * Si besoin, n'hésitez pas à ajouter des éléments à glisser-déposer supplémentaires : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_12.png?nolink |}}

=====Étape 8 : ajouter des zones de glisser-déposer (espaces de dépôt pour les étiquettes)=====

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_13.png?nolink |}}

  * Si besoin, n'hésitez pas à ajouter des zones à glisser-déposer supplémentaires : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_14.png?nolink |}}

  * Pour le schéma pris en exemple, voici les zones de dépôt créées : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_15.png?nolink |}}

<note important>Il est recommandé de ne dépasser 10 zones de glisser-déposer puisqu’au delà le schéma à annoter devient trop chargé. </note>
=====Étape 9 : placer les étiquettes sur l'image de fond=====

  * Remonter et cliquer le bouton "Rafraichir l'aperçu" au-dessus de l'image de fond : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_16.png?nolink |}}

  * Cliquer sur la première étiquette et tout en tenant cliqué, délacer là jusqu'à la zone où elle doit se situer :

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_17.png?nolink |}}

  * Positionner toutes les étiquettes disponibles : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_18.png?nolink |}}

  * S'il manque une étiquette comme ci-dessus, dans l'ordre : 
    * cliquer sur "Rafraichir l'aperçu" ;
    * si cela ne suffit pas, aller vérifier plus bas : 
      * si l'élément à glisser-déposer n'a pas été oublié, 
      * si vous avez choisi le bon type (image ou texte),
      * si sa zone de glisser-déposer est bien créée ;
    * cliquer de nouveau sur "Rafraichir l'aperçu" :

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_7bis.png?nolink |}}

  * Vous pouvez placer l'étiquette manquante : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_20.png?nolink |}}


=====Étape 10 : prévisualiser=====

  * Cliquer sur "Enregistrer les modifications et continuer" : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_22.png?nolink |}}

  * Cliquer sur "Aperçu" :

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_23.png?nolink |}}

  * Tester la fonctionnalité de la question : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_24.png?nolink |}}

  * Fermer l'aperçu et revenez sur les étapes qui nécessitent des ajustements.

=====Étape 11 : cliquer sur "Enregistrer"=====

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_21.png?nolink |}}


======Option : ajouter un leurre (fausse réponse)======

Pour cela, il suffit de créer un élément mais ne pas lui créer d'espace de glisser-déposer associé. L'étudiant pourra utiliser cette étiquette leurre comme les autres.

======Option : avoir deux fois (ou plus) la même étiquette======

Au lieu de créer deux éléments (ou étiquettes) identiques, nous vous recommandons de plutôt créer une seule étiquette mais de cocher l'option "Réutilisable" : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_27.png?nolink |}}

Vous pouvez aussi cocher cette option pour toutes les étiquettes afin de rendre réutilisable toutes les options de réponses.
======Option : faire des groupes d'éléments de réponses======

Dans le schéma à annoter décrit ci-dessus, nous pouvons envisager de classer les éléments en deux catégories : les vaisseaux sanguins et les cavités. 

En pratique, on affectera par exemple les vaisseaux sanguins dans le Groupe A et les cavités dans le groupe B : 

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_25.png?nolink |}}

Le rendu pour le schéma présenté est le suivant :

{{ :moodle:test:choix_questions:glisser-deposer_sur_image_26.png?nolink |}}

Les éléments du groupe B ne peuvent être positionnés dans une zone dédiée au groupe A et vice-versa.