Drag & Drop (Sichtbare Zonen) (JACK3)

Der Aufgabenteil Drag & Drop (Sichtbare Zonen) bietet die Möglichkeit auf einem Bild beliebig viele Zonen in Form von Rechtecken zu markieren. Diesen Zonen oder auch DropAreas genannt werden Draggables zugeordnet. Studierende ziehen die Draggables auf die Zonen, die im Bild sichtbar zu erkennen sind.

Aufgabeninhalt

In dem Bereich Aufgabeninhalt wird die Aufgabe erstellt, wie sie Studierende sehen werden, wenn sie die Aufgabe betreten.

• Titel: Hier kann optional ein Name für den Aufgabenteil eingetragen werden.
• Aufgabentext: Im Aufgabentext steht die Aufgabenstellung. Der Editor für den Aufgabentext lässt sich öffnen in dem reingeklickt wird. In dem Fließtext kann Latex-Code verwendet werden, indem dieser mit $-Zeichen eingespannt wird. Der Editor bietet einige Formatierungen an wie z.B. fett, kursiv und unterstrichen. Einfache Tabellen können auch mithilfe des Editors erstellt werden. Über den Button source code lässt sich HTML-Code verwenden. Die hochgeladenen Bilder oder Verlinkungen werden über den Button Ressource Einfügen in den Aufgabentext hinzugefügt. Das Hintergrundbild für die sichtbare Zone lässt sich über den Button Hintergrundbild hinzufügen anfügen. Eine sichtbare Zone wird über den Button DropArea hinzufügen in das Bild eingefügt. Danach lässt sich die Zone an die Stelle verschieben, wo man es im Bild haben möchte. Auch die Größe der Zone lässt sich verändern. Die Größe des Hintergrundbildes lässt sich über die Breite und Höhe verändern unterhalb des Bildes. Wenn der Haken bei Proportional Skalieren gesetzt ist, dann wird bei einer Änderung von Breite oder Höhe die andere Größe automatisch angepasst. Der Button Hintergrundbild löschen entfernt das Bild als Hintergrundbild.
• DropArea: Eine DropArea oder auch sichtbare Zone genannt wird über den Button DropArea hinzufügen in das Bild eingefügt.
  • Variablenname: Der Variablenname für die DropArea muss eindeutig in einem Aufgabenteil sein. Über den Variablenname wird z.B. beim Feedback auf die DropArea zugegriffen.
  • X: Gibt die x-Koordinate der DropArea im Bild an.
  • Y: Gibt die y-Koordinate der DropArea im Bild an.
  • Breite: Gibt die Breite der DropArea an.
  • Höhe: Gibt die Höhe der DropArea an.
  • Anzahl Draggables: Gibt die Anzahl der Draggables an, die in diese DropArea gezogen werden können.
  • Unendlich: Unendlich viele Draggables können in diese DropArea gezogen werden.
  • Mülleimer: Der Mülleimer entfernt diese DropArea aus der Liste und aus dem Bild.
  • Hintergrundfarbe: Die DropArea muss eine Hintergrundfarbe haben. Hier lässt sich diese auswählen.
  • Rahmenfarbe: Die DropArea muss eine Rahmenfarbe bekommen, diese kann auch identisch mit der Hintergrundfarbe sein.
  • Beschriftung: Optional kann die DropArea eine Beschriftung bekommen.
• Draggables: Die Draggables werden über den Button Draggables hinzufügen erstellt.
  • Variablenname: Der Variablenname für ein Draggable muss eindeutig sein in einem Aufgabenteil. Er wird z.B. gebraucht, um bei der Feedback-Generierung auf das jeweilige Draggable zugreifen zu können.
  • Anzahl Draggables: Die Anzahl steuert wie oft dieser Draggable, nachdem er auf die DropArea gezogen wurde, wieder zur Verfügung stehen soll.
  • Unendlich: Wenn der Haken bei Unendlich gesetzt wurde, dann erscheint das Draggable immer wieder.
  • Mülltonne: Ein Draggable lässt sich mit dem Mülltonnen-Icon löschen.
  • Inhalt: Im Abschnitt Inhalt wird der Content für das Draggable erstellt. Es kann Text sein, eine Formel oder ein Bild.