Drag & Drop (Sichtbare Zonen) (JACK3): Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 5: | Zeile 5: | ||
* '''Titel:''' Hier kann optional ein Name für den Aufgabenteil eingetragen werden. | * '''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. | * '''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. | |||
Version vom 14. August 2025, 09:09 Uhr
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.