Attention : vous consultez actuellement la documentation dédiée aux versions 2.x de Moodle. La documentation pour les versions 3.x de Moodle est consultable ici : Question par glisser-déposer sur une image et celle pour Moodle 4.x est consultable là : Question par glisser-déposer sur une image.

« Question par glisser-déposer sur une image » : différence entre les versions

De MoodleDocs
Aller à :navigation, rechercher
Accueil ► Gestion d'un cours Moodle ► Questions ► Question par glisser-déposer sur une image
Questions
Aucun résumé des modifications
 
(32 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Questions}}{{Traduction}}
{{Questions}}{{Moodle 3.0}}
{{Moodle 3.0}}
La question de type glisser-déposer sur image permet de glisser des images ou des mots sous forme d’étiquettes depuis une liste et de les déposer dans différentes zones prédéfinies sur une image de fond.
Ce type de question permet de glisser des mots et des images d'une liste sur des zones prédéfinies sur une image de fond.
 
Le résultat ressemble à ceci :
[[Fichier:Question gd sur image.jpg]]


==Préparer les ressources==
==Préparer les ressources==
Ligne 10 : Ligne 12 :
[[Fichier:glisser_deposer_02.jpg|thumb|Image de fond adaptée]]
[[Fichier:glisser_deposer_02.jpg|thumb|Image de fond adaptée]]


Il faut prévoir une image suffisamment grande pour que les mots et les images que l'on va utiliser pour l'annoter ne cachent pas les détails.
Il faut prévoir une image suffisamment grande pour que les mots et les images que l'on va utiliser pour l'annoter ne cachent pas les détails. Mais dans tous les cas l'image sera réduite à l'affichage à 600 px de largeur sur 400 px de hauteur.


===Les mots à déposer===
===Les mots à déposer===
[[Fichier:Balises.jpg|thumb|utilisation des balises dans les champs de saisie]]
[[Fichier:Étiquettes.jpg|thumb|Résultats des balises dans les étiquettes]]
Vous pouvez utiliser les formats suivant : <nowiki> <sub> (indice), <sup> (exposant), <i> ou <em> (italique), <b> ou <strong> (gras) et <br/> (à la ligne) </nowiki>
Vous pouvez utiliser les formats suivant : <nowiki> <sub> (indice), <sup> (exposant), <i> ou <em> (italique), <b> ou <strong> (gras) et <br/> (à la ligne) </nowiki>


Ligne 28 : Ligne 35 :
==Créer une question Glisser-déposer sur une image==
==Créer une question Glisser-déposer sur une image==


* créer la question
* Créer la question


[[Fichier:glisser_deposer_04.png|thumb|créer une question]]
[[Fichier:glisser_deposer_04.png|thumb|Créer une question]]


===Généraux===
===Généraux===
Ligne 42 : Ligne 49 :


*Télécharger l'image de fond préalablement préparée.
*Télécharger l'image de fond préalablement préparée.
*L'image de fond sera mise à l'échelle pour ne pas dépasser 600x400 pixels.


===Eléments à glisser-déposer===
L'image de fond sera mise à l'échelle pour ne pas dépasser 600x400 pixels.


[[Fichier:glisser_deposer_05.png|thumb|Eléments à glisser-déposer]]
===Éléments à glisser-déposer===
 
[[Fichier:glisser_deposer_05.png|thumb|Éléments à glisser-déposer]]


*'''Type''' : choisir ''texte'' ou ''image''
*'''Type''' : choisir ''texte'' ou ''image''
**Pour le type ''texte'' : saisir le ou les mots
**Pour le type ''texte'' : saisir le ou les mots
**Pour le type ''image'' : télécharger l'image et saisir un texte associé
**Pour le type ''image'' : télécharger l'image et saisir un texte associé
*'''Groupe''' (de 1 à 8) : tous les éléments d'un même groupe pourront être déposer sur n'importe quelle zone de ce groupe mais une élément d'un groupe ne pourra pas être déposé sur dans une zone d'un autre groupe.
*'''Groupe''' (de 1 à 8) : tous les éléments d'un même groupe pourront être déposés sur n'importe quelle zone de ce groupe mais une élément d'un groupe ne pourra pas être déposé sur dans une zone d'un autre groupe.
*'''Réutilisable''' : un texte ou une image pourra être déposé plusieurs fois dans différentes zones.
*'''Réutilisable''' : un texte ou une image pourra être déposé plusieurs fois dans différentes zones.


Ligne 60 : Ligne 68 :
[[Fichier:glisser_deposer_06.png|thumb|Zones de glisser-déposer et aperçu]]
[[Fichier:glisser_deposer_06.png|thumb|Zones de glisser-déposer et aperçu]]


[[Fichier:glisser_deposer_07.png|thumb|Exemple]]
[[Fichier:glisser_deposer_07.png|thumb|Exemple avec deux groupes de mots]]


Pour chaque zone de glisser déposer :
Pour chaque zone de glisser déposer :
*Sélection un mot ou une image dans le menu déroulant ''éléments à glisser déposer''
*Sélectionner un mot ou une image dans le menu déroulant ''éléments à glisser déposer''
*définir la position de la zone en cliquant-glissant l'élément sur l'aperçu
*définir la position de la zone en cliquant-glissant l'élément sur l'aperçu
**Les champs ''gauche'' et ''haut'' sont automatiquement modifiés.
**Les champs ''gauche'' et ''haut'' sont automatiquement modifiés.
Ligne 71 : Ligne 79 :
Remarque : les zones d'un même groupe ont toutes la même taille correspondant au mot le plus long.
Remarque : les zones d'un même groupe ont toutes la même taille correspondant au mot le plus long.


Remarque : les zones d'un même groupe sont repérées par une même couleur.


==Autres réglages==
===Note===
Toutes les zones de dépôt ont le même poids de notation. Seules les zones correctement remplies rapportent des points. Il n'y a pas de pénalité (points négatifs) pour les zones mal remplies.


===Feedback combiné===
Qu'il soit combiné ou non, l'affichage du feedback aux étudiants se règle dans les ''options de relecture'' du test. Voir la page [[Paramètres du test]].


Note (3)  Choices that are within the same Group are colour coded and may only be dropped on a drop zone with the corresponding colour. Choices that are marked as 'Unlimited' may be used in multiple locations.
Le feedback combiné est un feedback pouvant servir pour des questions ne disposant pas de feedback pour chaque réponses possibles. On peut y noter des conseils généraux en fonction de la réussite, de la réussite partielle ou de l'échec total.
 
Pour ce type de question, il suffit qu'une seule zone ne soit pas correctement remplie pour correspondre au feedback ''Pour toute réponse partiellement correcte''. Et il faut qu'aucune zone soit correctement remplie pour que le feedback ''Pour toute réponse incorrecte'' s'affiche lors de la relecture.
===Example one===
''Based on the Moodle documentation '''[[Pedagogy]]''', participants must 'climb the Moodle ladder' by ordering the stages of using Moodle as a teacher.''
 
In the '''Preview''' section, a basic image of steps is uploaded
 
In the '''Draggable items''' section, the 'type' is chosen as 'draggable text' and the text for each stage is added. (Groups and the Unlimited setting are not used in this example)
[[File:imagedragdropdraggabletextu.png|thumb|center|500px]]
In the '''Drop zones''' section, an item from the previously added options is chosen from the drop down:
[[File:choosingdropzonetext.png|thumb|500px|center]]
These texts will now appear under the background image:
[[File:imagedragdroptextpreview.png|thumb|500px|center]]
The text boxes are dragged to their correct positions on the image (steps on the staircase) This will then add the co-ordinates to the Dropzones section automatically:
[[File:imagedragdropdropzonescoords.png|thumb|500px|center]]
Other settings are completed (see below) and the question is saved.
 
Participants must drag the Moodle stages to the correct step:
[[File:climbthemoodleladder.png|thumb|center|500px]]
 
===Example two===
''Participants must add the correct country flag and capital city onto a map of Europe.''
 
This question has images as well as text and makes use of the Groups feature.
 
In the '''Preview''' section, a basic map of Europe is uploaded.
 
In the '''Draggable items''' section, the capital cities are added as the type 'draggable text' and the flags are added as the type "draggable image"
 
 
[[File:dragtextimageflagsu.png|thumb|center|600px]]
 
All draggable images  (the flags) are in Group 1 and all draggable text items (the capital cities) are in Group 2.
 
In the '''Drop zones''' section, an item from the previously added options is chosen from the drop down. The Group 1 boxes will display in a different colour from the Group 2 boxes.
 
When the boxes are dragged to their appropriate places on the background image, the coordinates in the Drop zones section are updated automatically.
 
Other settings are completed (see below) and the question is saved.
 
 
[[File:dragddropimageflagcity.png]]
 
==Scoring and feedback==
All gaps are weighted identically. Only drop zones that are filled correctly gain marks. There is no negative marking of drop zones that are filled incorrectly.
 
Whether or not Combined feedback is shown to students is governed by the Specific feedback setting on the quiz settings form.


===Tentatives multiples===


'''Penalty for each incorrect try''': The available mark is reduced by the penalty for second and subsequent tries. In the example above a correct answer at the second try will score 0.6666667 of the available marks and a correct answer at the third try will score 0.3333334 of the available marks.
Cette partie est utile uniquement si le ''Comportement des questions'' du test est réglé sur ''Interactif avec essais multiples'' ou ''Adaptatif''.
Voir la page [[Paramètres du test]].


If the question is used in 'interactive with multiple tries' behaviour the marking is modified as follows:
Les options à cocher ''Effacer les réponses incorrectes'' et ''Montrer le nombre de réponses correctes'' sont autant d'indices pour réussir les tentatives suivantes.


# The mark is reduced for each try by the penalty factor.
====Calcul de la note dans le cas de tentatives multiples - exemple 1====
# Allowance is made for when a correct choice is first chosen providing it remains chosen in subsequent tries.
Exemple pour une image avec 8 zones en 3 tentatives avec les mauvaises réponses bien identifiées.


'''Hint''': You can complete as many of these boxes as you wish. If you wish to give the student three tries at a question you will need to provide two hints. At runtime when the hints are exhausted the question will finish and the student will be given the general feedback and the question score will be calculated.
100% / 8 zones = 12,5% par zone.


'''Clear incorrect responses''': When ‘Try again’ is clicked incorrect choices are cleared.
#1ère tentative
#*5 bonnes réponses
#*Score = 12,5*5 = 62,5%
#2ème tentative : reste 3 zones
#*2 bonnes réponses
#*Supplément de points = 12,5*2*0,666667=16,67%
#*Score = 62,5 + 16,67 = 79,17%
#3eme tentative : reste 1 zone
#*Bonne réponse
#*Supplément de points = 12,5*1*0,333333=4,17%
#*Score final = 79,17 + 4,17 = 83,34 %


'''Show the number of correct responses''': Include in the feedback a statement of how many choices are correct.
====Calcul de la note dans le cas de tentatives multiples - exemple 2====
Exemple pour une image avec 8 zones en 3 tentatives avec les mauvaises réponses non identifiées.
100% / 8 zones = 12,5% par zone.
#1ère tentative
#*1 seule erreur donc 7 bonnes réponses
#*Score = 12,5*7 = 87,5%
#2ème tentative : l'étudiant modifie une bonne réponse
#*2 erreurs donc 6 bonnes réponses (soit moins qu'à la première tentative)
#*Nouveau score annule l'ancien = 12,5*6 = 75%
#3eme tentative
#*Tout juste soient 2 bonnes réponses
#*Supplément de points = 12,5*2*0,333333=8,33%
#*Score final = 75 + 8,33 = 83,33 %


==Accessibility==
===Tags===
Drag and drop questions are keyboard accessible. Use the <tab> key to move between the drop zones and the <space> key to cycle around the possible choices for each drop zone.
Sélectionner des tags ou en créer de nouveaux.


== A voir aussi ==
===Accessibilité===
Vous pouvez remplir les zones de dépôt à l'aide du clavier.


Ce type de question, initialement développé par l'UK Open University et a été un plugin tiers durant plusieurs années avant d'être intégré en standard dans Moodle. Vous pouvez trouver plus d'information sur [https://moodle.org/plugins/browse.php?list=set&id=10 Open University plugins].
La touche '''tabulation''' permet de passer d'une zone à la suivante et la '''barre d'espace''' permet d'y placer à tour de rôle les mots ou les images disponibles.


== Voir aussi ==


[[Categorie:Questions]]
Ce type de question, initialement développé par l'UK Open University, a été un plugin tiers durant plusieurs années avant d'être intégré en standard dans Moodle. Vous pouvez trouver plus d'informations sur [https://moodle.org/plugins/browse.php?list=set&id=10 Open University plugins].


[[en:Drag and drop onto image question type]]
[[en:Drag and drop onto image question type]]
[[es:Tipo de pregunta arrastrar y soltar en imagen]]
[[es:Tipo de pregunta arrastrar y soltar en imagen]]
[[de:Drag&Drop auf Bild]]
[[de:Drag&Drop auf Bild]]

Dernière version du 21 mars 2016 à 12:12

Nouveauté
Moodle 3.0

La question de type glisser-déposer sur image permet de glisser des images ou des mots sous forme d’étiquettes depuis une liste et de les déposer dans différentes zones prédéfinies sur une image de fond.

Le résultat ressemble à ceci : Question gd sur image.jpg

Préparer les ressources

L'image de fond

Image de fond trop petite
Image de fond adaptée

Il faut prévoir une image suffisamment grande pour que les mots et les images que l'on va utiliser pour l'annoter ne cachent pas les détails. Mais dans tous les cas l'image sera réduite à l'affichage à 600 px de largeur sur 400 px de hauteur.

Les mots à déposer

utilisation des balises dans les champs de saisie
Résultats des balises dans les étiquettes

Vous pouvez utiliser les formats suivant : <sub> (indice), <sup> (exposant), <i> ou <em> (italique), <b> ou <strong> (gras) et <br/> (à la ligne)

  • C<sub>2</sub>H<sub>6</sub> donne C2H6.
  • Cu<sup>2+</sup> donne Cu2+.
  • <i>texte</i> ou <em>texte</em> donne texte.
  • <b>texte</b> ou <strong>texte</strong> donne texte.
  • ligne 1<br/>ligne 2 permet de passer à la ligne.

Les images à déposer

La taille maximale des images à glisser-déposer est de 150x100 pixels (largeur x hauteur). Si elles sont plus larges, elles seront automatiquement réduites à l'échelle lors de l'import.

Ne pas oublier de donner une brève description à chaque image.

Créer une question Glisser-déposer sur une image

  • Créer la question
Créer une question

Généraux

  • Donner un nom explicite à votre question. Celui-ci ne sera jamais vu par les étudiants.
  • Donner vos consignes dans le champ Texte de la question.
  • Donner une note.
  • Donner un feedback général

Aperçu

  • Télécharger l'image de fond préalablement préparée.

L'image de fond sera mise à l'échelle pour ne pas dépasser 600x400 pixels.

Éléments à glisser-déposer

Éléments à glisser-déposer
  • Type : choisir texte ou image
    • Pour le type texte : saisir le ou les mots
    • Pour le type image : télécharger l'image et saisir un texte associé
  • Groupe (de 1 à 8) : tous les éléments d'un même groupe pourront être déposés sur n'importe quelle zone de ce groupe mais une élément d'un groupe ne pourra pas être déposé sur dans une zone d'un autre groupe.
  • Réutilisable : un texte ou une image pourra être déposé plusieurs fois dans différentes zones.

Les textes et les images apparaissent sur l'aperçu. Vous pouvez alors les déplacer à la souris pour les positionner correctement.

Zones de glisser-déposer

Zones de glisser-déposer et aperçu
Exemple avec deux groupes de mots

Pour chaque zone de glisser déposer :

  • Sélectionner un mot ou une image dans le menu déroulant éléments à glisser déposer
  • définir la position de la zone en cliquant-glissant l'élément sur l'aperçu
    • Les champs gauche et haut sont automatiquement modifiés.
    • Vous pouvez ajuster la position au pixel prêt en saisissant des valeurs dans ces deux champs
  • Saisir éventuellement un texte (indice ou complément) qui apparaitra au survol de la zone avec la souris.

Remarque : les zones d'un même groupe ont toutes la même taille correspondant au mot le plus long.

Remarque : les zones d'un même groupe sont repérées par une même couleur.

Autres réglages

Note

Toutes les zones de dépôt ont le même poids de notation. Seules les zones correctement remplies rapportent des points. Il n'y a pas de pénalité (points négatifs) pour les zones mal remplies.

Feedback combiné

Qu'il soit combiné ou non, l'affichage du feedback aux étudiants se règle dans les options de relecture du test. Voir la page Paramètres du test.

Le feedback combiné est un feedback pouvant servir pour des questions ne disposant pas de feedback pour chaque réponses possibles. On peut y noter des conseils généraux en fonction de la réussite, de la réussite partielle ou de l'échec total. Pour ce type de question, il suffit qu'une seule zone ne soit pas correctement remplie pour correspondre au feedback Pour toute réponse partiellement correcte. Et il faut qu'aucune zone soit correctement remplie pour que le feedback Pour toute réponse incorrecte s'affiche lors de la relecture.

Tentatives multiples

Cette partie est utile uniquement si le Comportement des questions du test est réglé sur Interactif avec essais multiples ou Adaptatif. Voir la page Paramètres du test.

Les options à cocher Effacer les réponses incorrectes et Montrer le nombre de réponses correctes sont autant d'indices pour réussir les tentatives suivantes.

Calcul de la note dans le cas de tentatives multiples - exemple 1

Exemple pour une image avec 8 zones en 3 tentatives avec les mauvaises réponses bien identifiées.

100% / 8 zones = 12,5% par zone.

  1. 1ère tentative
    • 5 bonnes réponses
    • Score = 12,5*5 = 62,5%
  2. 2ème tentative : reste 3 zones
    • 2 bonnes réponses
    • Supplément de points = 12,5*2*0,666667=16,67%
    • Score = 62,5 + 16,67 = 79,17%
  3. 3eme tentative : reste 1 zone
    • Bonne réponse
    • Supplément de points = 12,5*1*0,333333=4,17%
    • Score final = 79,17 + 4,17 = 83,34 %

Calcul de la note dans le cas de tentatives multiples - exemple 2

Exemple pour une image avec 8 zones en 3 tentatives avec les mauvaises réponses non identifiées. 100% / 8 zones = 12,5% par zone.

  1. 1ère tentative
    • 1 seule erreur donc 7 bonnes réponses
    • Score = 12,5*7 = 87,5%
  2. 2ème tentative : l'étudiant modifie une bonne réponse
    • 2 erreurs donc 6 bonnes réponses (soit moins qu'à la première tentative)
    • Nouveau score annule l'ancien = 12,5*6 = 75%
  3. 3eme tentative
    • Tout juste soient 2 bonnes réponses
    • Supplément de points = 12,5*2*0,333333=8,33%
    • Score final = 75 + 8,33 = 83,33 %

Tags

Sélectionner des tags ou en créer de nouveaux.

Accessibilité

Vous pouvez remplir les zones de dépôt à l'aide du clavier.

La touche tabulation permet de passer d'une zone à la suivante et la barre d'espace permet d'y placer à tour de rôle les mots ou les images disponibles.

Voir aussi

Ce type de question, initialement développé par l'UK Open University, a été un plugin tiers durant plusieurs années avant d'être intégré en standard dans Moodle. Vous pouvez trouver plus d'informations sur Open University plugins.

Récupérée de « https://docs.moodle.org/2x/fr/index.php?title=Question_par_glisser-déposer_sur_une_image&oldid=7311 »
Powered by MediaWiki