Fragetyp: Drag-and-Drop auf Bild

 

Einer der möglichen Drag-and-Drop Fragetypen in Moodle, der für Tests verwendet werden kann, ist Drag-and-Drop auf Bild.

Dieser Fragetyp erlaubt es, Bilder oder Texte in Ablegebereiche auf einem Hintergrundbild zu ziehen.

Hier zeigen wir Ihnen, wie Sie diesen erstellen können.

Zielgruppe
Dozierende

Ziele
Üben & Testen

Weitere Dokumentation
Moodle Docs: Drag and Drop onto image

Moodle Version 
Artikel basiert auf der
Moodle Version 4.1

Autor
Kathrin Osswald
kiz - Abteilung Medien
Team Web & Teaching Support

Kristina Busch & Carolin Hecht
ZLE - Zentrum für Lehrentwicklung

Kontext
Aktivitäten & Materialien > Aktivität Test

Lizenz
Dieser Artikel steht unter einer Creative Commons Lizenz
Alle Informationen zur Lizenz

Voraussetzung Test

Um den Fragetypen Drag-and-Drop auf Bild zu einem Test hinzufügen zu können, müssen Sie im Kurs dazu erst einmal die Aktivität Test erstellt haben. Schalten Sie dazu den Bearbeitungsmodus ein (Abb. 1).

 

Legen Sie die Aktivität Test an, in dem Sie zuerst auf Aktivität oder Materialien anlegen klicken (Abb. 2) und dann Test auswählen (Abb. 3). Legen Sie dann den Namen für den Test fest und speichern Sie.

 

Wenn dies geschehen ist, dann gehen Sie bitte zur Seite, auf der Sie den Testinhalt bearbeiten können und wählen Frage hinzufügen aus (Abb. 4). Daraufhin werden Sie weitergeleitet, bei der Sie wieder auf Hinzufügen und dann neue Frage klicken (Abb. 5).

 

In dem daraufhin erscheinenden Auswahldialog wählen Sie den Fragetyp Drag-and-Drop auf Bild aus und bestätigen dies mit dem Button Hinzufügen (Abb. 6).

Abbildung 1
Abbildung 2
Abbildung 3
Abbildung 4
Abbildung 5
Abbildung 6

Aufgabe stellen

Auf der nun erscheinenden Seite füllen Sie zunächst unter dem Menüpunkt Allgemeines die Pflichtfelder aus, die rot markiert sind (Abb. 7).

Mit dem Fragetitel geben Sie der Frage einen Namen, unter der diese in Ihrem Fragenkatalog gelistet wird.

Bei Fragetext schreiben Sie in diesem Fall die Arbeitsanweisung für Ihre Studierenden rein. Dies ist hier der Aufgabentext.

Setzen Sie noch die zu erreichenden Punkte für diese Aufgabe.

Abbildung 7

Hintergrundbild hinzufügen

Damit die Studierenden Elemente auf ein Bild ziehen können, muss dieses zur Frage hinzugefügt werden.

Unter Vorschau können Sie einfach das gewünschte Bild in den Dateihochladedialog per Drag and Drop legen oder mit dem Dateiauswahldialog hinzufügen (Abb.8).
Daraufhin erscheint das hochgeladene Bild unter Vorschau.

Abbildung 8

Verschiebbare Elemente definieren

Im nächsten Menüabschnitt Verschiebbare Elemente können Sie nun die Elemente einzeln erstellen, die auf das Hintergrundbild gezogen werden sollen.

Dabei können Sie den Typ des verschiebbaren Elements entweder als Verschiebbares Bild oder als Verschiebbarer Text definieren. In unserem Beispiel wurde das Element als verschiebbarer Text ausgewählt und der gewünschte Text eingegeben (Abb. 9).

Erstellen Sie so viele Elemente, wie Sie für Ihre Aufgabe benötigen. Wenn Sie damit fertig sind, klicken Sie einmal am Seitenende auf den Button Speichern und weiter bearbeiten, um diesen Stand zu speichern und für den nächsten Menüpunkt zur Verfügung zu haben.

Abbildung 9

Dropzonen festlegen

Im nächsten Menü-Abschnitt Dropzonen können Sie die verschiebbaren Elemente an bestimmten Stellen auf dem Hintergrundbild festlegen.

Sie müssen hier nicht die Koordinaten von Hand ermitteln. Ordnen Sie zunächst der jeweiligen Dropzone je eines der verschiebbaren Elemente zu. Dieses erscheint dann auf dem Hintergrundbild unter dem Dropdown-Menü Vorschau. Nun können Sie das Element an die gewünschte Stelle ziehen. Die genauen Koordinaten werden dann automatisch ermittelt (Abb. 10). Wiederholen Sie den Vorgang für alle anderen Elemente.

Sind Sie fertig, dann speichern Sie Ihre Änderungen.

Abbildung 10

Ergebnis

Die rechtsstehende Abbildung zeigt das fertige Ergebnis, das die Studierenden später im Test sehen (Abb. 11).

Abbildung 11

Hilfe, Fragen, Anregungen

Wenn Sie zu diesem Thema weitere Hilfe* benötigen, Fragen oder Anregungen haben, dann melden Sie sich jederzeit gerne bei uns!

*Haben Sie bereits daran gedacht, in unseren Hilfestellungen auf diesen Seiten oder in der Dokumentation von Moodle (siehe oben oder https://docs.moodle.org/) nach einer Hilfe oder Lösung zu schauen?

Lizenz

Creative Commons Lizenzvertrag
Texte und Bilder in diesem Artikel stehen unter der Creative Commons Lizenz CC BY 4.0

Quellenangabe bei Weiterverwendung:
"Fragetyp: Drag-and-Drop auf Bild" von Kathrin Osswald, Kristina Busch und Carolin Hecht (Universität Ulm), lizenziert unter CC BY 4.0