|
|
| (5 versions intermédiaires par 2 utilisateurs non affichées) |
| Ligne 1 : |
Ligne 1 : |
| {{Questions}}{{Traduction}}
| | #REDIRECTION [[Question par glisser-déposer sur une image]] |
| {{Moodle 3.0}}
| |
| 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.
| |
| | |
| | |
| | |
| ==Préparer les ressources==
| |
| ===L'image de fond===
| |
| | |
| [[Fichier:glisser_deposer_01.png|thumb|Image de fond trop petite]]
| |
| | |
| [[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.
| |
| | |
| ===Les mots à déposer===
| |
| Vous pouvez utiliser les formats suivant : <nowiki> <sub> (indice), <sup> (exposant), <i> ou <em> (italique), <b> ou <strong> (gras) et <br/> (à la ligne) </nowiki>
| |
| | |
| *<nowiki>C<sub>2</sub>H<sub>6</sub> </nowiki> donne C<sub>2</sub>H<sub>6</sub>.
| |
| | |
| *<nowiki>Cu<sup>2+</sup></nowiki> donne Cu<sup>2+</sup>.
| |
| | |
| *<nowiki><i>texte</i></nowiki> ou <nowiki> <em>texte</em></nowiki> donne <i>texte</i>.
| |
| | |
| *<nowiki><b>texte</b></nowiki> ou <nowiki> <strong>texte</strong></nowiki> donne <strong>texte</strong>.
| |
| | |
| *<nowiki> ligne 1<br/>ligne 2</nowiki> 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
| |
| | |
| [[Fichier:glisser_deposer_04.png]]
| |
| | |
| ===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.
| |
| | |
| ===Eléments à glisser-déposer===
| |
| | |
| [[Fichier:glisser_deposer_05.png]]
| |
| | |
| *'''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é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.
| |
| *'''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.
| |
| | |
| | |
| | |
| | |
| In the '''Draggable items''' section, you can upload images if you leave the type as 'draggable image' or you can type in words if you change the type to 'draggable text'. You may have a mixture of images and text.
| |
| | |
| In the '''Drop zones''' section, you choose which items to go in which zone. Click the 'Refresh preview' button.
| |
| | |
| You can then position the items on the background image and this will add their coordinates.
| |
| | |
| | |
| 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.
| |
| | |
| ===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.
| |
| | |
| | |
| '''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.
| |
| | |
| If the question is used in 'interactive with multiple tries' behaviour the marking is modified as follows:
| |
| | |
| # The mark is reduced for each try by the penalty factor.
| |
| # Allowance is made for when a correct choice is first chosen providing it remains chosen in subsequent tries.
| |
| | |
| '''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.
| |
| | |
| '''Clear incorrect responses''': When ‘Try again’ is clicked incorrect choices are cleared.
| |
| | |
| '''Show the number of correct responses''': Include in the feedback a statement of how many choices are correct.
| |
| | |
| ==Accessibility==
| |
| 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.
| |
| | |
| == See also ==
| |
| This question type was originally developed by the UK Open University and was a contributed plugin for several years before becoming part of standard Moodle. Find more [https://moodle.org/plugins/browse.php?list=set&id=10 Open University plugins here].
| |
| | |
| [[Categorie:Questions]]
| |
| | |
| [[en:Drag and drop onto image question type]]
| |
| [[es:Tipo de pregunta arrastrar y soltar en imagen]]
| |
| [[de:Drag&Drop auf Bild]]
| |
