Eine Selbstlernaufgabe mit ausklappbarem Lösungsteil kann in LOOP wie folgt eingebunden werden:
Code:
<loop_area type="task"
<loop_task title="Beispielaufgabe">
Nennen Sie weitere Beispiele für die Trennung von Gemischen!
</loop_task>
<spoiler text="Musterlösung">
z. B.<br />
- Dünnschichtchromatographie
- Destillation
</spoiler>
</loop_area>
Ergebnis:
Nennen Sie weitere Beispiele für die Trennung von Gemischen!
Dabei wird die Aufgabe im Aufgabenverzeichnis mit ausgezeichnet, wobei das Kapitel sowie der Titel: "Beispielaufgabe" gekennzeichnet wird.
Sie können den spoiler-Button zum Einblenden der Lösung auf verschiedene Art anpassen. Unter anderem könne Sie ihn für Hinweise oder Zusatzinformation nutzen und dazu seine Beschriftung ändern. Oder Sie ändern seine Erscheinung indem Sie ihn auf "transparent" umstellen.
Den spoiler-Button können Sie überall frei einfügen. Die Verwendung ist nicht auf Aufgaben beschränkt.
I) Der Button in der Standard-Ausprägung:
Werden dem spoiler-Tag keine weiteren Attribute hinzugefügt, also weder text="" oder type="", so wird der Button standardmäßig mit "Lösung" beschriftet (siehe Beispiel).
Code:
<spoiler>
Text in ausklappbarem Bereich
</spoiler>
Ergebnis:
II) Der Button mit individueller Beschriftung:
Möchten Sie eine andere Beschriftung für den spoiler-Button einfügen, ergänzen Sie den spoiler-Tag mti dem Attribut text="". Dies bietet sich an um normale Lösungen von Musterlösungen, Lösungsansätze, Datei-Links, Hinweise oder Zusatzinformationen abzugrenzen.
Code:
<spoiler text="Hinweis">
Text in ausklappbarem Bereich
</spoiler>
Ergebnis:
III) Der Button mit transparentem Layout:
Sie können den Button zum Einbinden der Lösung in einem "transparentem" Design umstellen. Dafür nutzen Sie das Attribut type="".
Code:
<spoiler type="transparent">
Text in ausklappbarem Bereich
</spoiler>
Ergebnis:
Natürlich lassen sich beide Attribute mit einander kombinieren und so ein transparenter, individuell beschrifteter spoiler-Button erstellen.
in task / in spoiler
in task / in spoiler
Learning Object Online Platform
Es handelt sich hierbei um das Tutorial für LOOP1. Die Dokumentation für LOOP 2 wird gegenwärtig entwickelt: https://loop.eduloop.de. Viele Funktionen lassen sich ähnlich auch in LOOP2 verwenden.