[unmarkierte Version] | [gesichtete Version] |
Keine Bearbeitungszusammenfassung |
(Added scale=true to loop_zip) |
||
(13 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 3: | Zeile 3: | ||
'''Syntax:''' | '''Syntax:''' | ||
<code><loop_area type="task" | <code><loop_area type="task"> | ||
<loop_task title="Beispielaufgabe"> | <loop_task title="Beispielaufgabe mit Musterlösung" id="5fd759fc820e8"> | ||
Nennen Sie weitere Beispiele für die Trennung von Gemischen! | Nennen Sie weitere Beispiele für die Trennung von Gemischen! | ||
</loop_task> | </loop_task> | ||
Zeile 16: | Zeile 16: | ||
'''Ergebnis:''' | '''Ergebnis:''' | ||
<loop_area type="task"> | <loop_area type="task"> | ||
<loop_task title="Beispielaufgabe"> | <loop_task title="Beispielaufgabe mit Musterlösung" id="5fd759fc820f3"> | ||
Nennen Sie weitere Beispiele für die Trennung von Gemischen! | Nennen Sie weitere Beispiele für die Trennung von Gemischen! | ||
</loop_task> | </loop_task> | ||
Zeile 26: | Zeile 26: | ||
</loop_area> | </loop_area> | ||
Dabei wird die Aufgabe im Aufgabenverzeichnis | Dabei wird die Aufgabe im [[Spezial:LoopTasks|Aufgabenverzeichnis]] ausgezeichnet, wobei das Kapitel sowie der Titel: "Beispielaufgabe mit Musterlösung" gekennzeichnet wird. | ||
=== Anpassung des Spoiler-Buttons === | |||
Sie können den Spoiler-Button zum Einblenden einer Musterlösung auf verschiedene Arten anpassen. | |||
Unter anderem können Sie ihn für '''Hinweise''' oder '''Zusatzinformation''' nutzen und dazu seine '''Beschriftung''' ändern. Oder Sie ändern seine Erscheinung indem Sie ihn auf "transparent" umstellen. | |||
<loop_area type="important"> | <loop_area type="important"> | ||
Den | Den Spoiler-Button können Sie überall frei einfügen. Die Verwendung ist nicht auf Aufgaben beschränkt. | ||
</loop_area> | </loop_area> | ||
'''I) Der Button in der Standard-Ausprägung:''' | '''I) Der Button in der Standard-Ausprägung:''' | ||
Werden dem | Werden dem Spoiler-Tag keine weiteren Attribute hinzugefügt, also weder <tt><nowiki>text=""</nowiki></tt> oder <tt><nowiki>type=""</nowiki></tt>, so wird der Button standardmäßig mit "Lösung" beschriftet. | ||
'''Syntax:''' | '''Syntax:''' | ||
Zeile 53: | Zeile 54: | ||
'''II) Der Button mit individueller Beschriftung:''' | '''II) Der Button mit individueller Beschriftung:''' | ||
Möchten Sie eine andere Beschriftung für den spoiler-Button einfügen, ergänzen Sie den | Möchten Sie eine andere Beschriftung für den spoiler-Button einfügen, ergänzen Sie den Spoiler-Tag mti dem Attribut <tt><nowiki>text=""</nowiki></tt>. Dies bietet sich an um normale Lösungen von Musterlösungen, Lösungsansätze, Datei-Links, Hinweise oder Zusatzinformationen abzugrenzen. | ||
'''Syntax:''' | '''Syntax:''' | ||
Zeile 81: | Zeile 82: | ||
Natürlich lassen sich beide Attribute mit einander kombinieren und so | Natürlich lassen sich beide Attribute mit einander kombinieren und so einen transparenten, individuell beschrifteten Spoiler-Button erstellen. | ||
'''Syntax:''' | |||
<code><spoiler text="Hinweis zur Lösung" type="transparent"> | |||
Text in ausklappbarem Bereich | |||
</spoiler></code> | |||
'''Ergebnis:''' | |||
<spoiler text="Hinweis zur Lösung" type="transparent"> | |||
Text in ausklappbarem Bereich | |||
</spoiler> | |||
=== Aufgabe mit Verlinkung === | === Aufgabe mit Verlinkung === | ||
Aufgaben können externe oder interne Verlinkungen zu anderen | Aufgaben können externe oder interne Verlinkungen zu anderen Webseiten enthalten. Im unteren Beispiel sehen Sie die Verwendung von externen Links als ausgezeichnete Webadresse und als Wortverlinkung. | ||
'''Syntax:''' | '''Syntax:''' | ||
<code><loop_area type="task" > | <code><loop_area type="task" > | ||
<loop_task title="Aufgabe"> | <loop_task title="Aufgabe" id="5fd759fc820fc"> | ||
Ermitteln Sie für die folgenden Stoffe die CAS-Nummer: | Ermitteln Sie für die folgenden Stoffe die CAS-Nummer: | ||
Zeile 108: | Zeile 122: | ||
'''Ergebnis:''' | '''Ergebnis:''' | ||
<loop_area type="task" > | <loop_area type="task" > | ||
<loop_task title="Aufgabe"> | <loop_task title="Aufgabe" id="5fd759fc82104"> | ||
Ermitteln Sie für die folgenden Stoffe die CAS-Nummer: | Ermitteln Sie für die folgenden Stoffe die CAS-Nummer: | ||
Zeile 125: | Zeile 139: | ||
</spoiler> | </spoiler> | ||
</loop_area> | </loop_area> | ||
=== Aufgabe mit Abbildung === | === Aufgabe mit Abbildung === | ||
Das Einbinden von Abbildungen ist sowohl im Aufgabe-, sowie im Lösungsbereich (" | Das Einbinden von Abbildungen ist sowohl im Aufgabe-, sowie im Lösungsbereich ("Spoiler-Button") möglich. | ||
'''Syntax:''' | '''Syntax:''' | ||
<code><loop_area type="task" > | <code><loop_area type="task" > | ||
<loop_task title="Aufgabe"> | <loop_task title="Aufgabe" id="5fd759fc8210c"> | ||
Benennen Sie die Unterschiede zwischen den „alten“ und den „neuen“ Gefahrstoff- | Benennen Sie die Unterschiede zwischen den „alten“ und den „neuen“ Gefahrstoff- | ||
symbolen! | symbolen! | ||
</loop_task> | </loop_task> | ||
<loop_figure title="Alte und neue Gefahrstoffsymbole"> | <loop_figure title="Alte und neue Gefahrstoffsymbole" id="5fd759fc82114"> | ||
[[Datei:Gefahrstoffsymbole_alt_neu_des_gra_de.png]] | [[Datei:Gefahrstoffsymbole_alt_neu_des_gra_de.png]] | ||
</loop_figure><br /> | </loop_figure><br /> | ||
Zeile 143: | Zeile 158: | ||
* Anlehnung der Piktogramme an die Symbole für den Gefahrguttransport:<br /> | * Anlehnung der Piktogramme an die Symbole für den Gefahrguttransport:<br /> | ||
:* Rotumrandete Rauten mit schwarzem Symbol auf weißem Grund.<br /> | :* Rotumrandete Rauten mit schwarzem Symbol auf weißem Grund.<br /> | ||
:* Bildhaftes Warnen vor den auftretenden Gefahren bei Tätigkeiten mit den | :* Bildhaftes Warnen vor den auftretenden Gefahren bei | ||
Tätigkeiten mit den Gefahrstoffen. | |||
* Neue Symbole für | * Neue Symbole für | ||
:* komprimierte Gase (Symbol „Gasflasche“) | :* komprimierte Gase (Symbol „Gasflasche“) | ||
:* KMR (karzinogene, mutagene und reproduktionstoxische Stoffe, bisher Symbol | :* KMR (karzinogene, mutagene und reproduktionstoxische Stoffe, | ||
„Gesundheitsgefahr“) | bisher Symbol „Gesundheitsgefahr“) | ||
* Ersatz des Andreaskreuzes durch das Symbol „!“ ersetzt. | * Ersatz des Andreaskreuzes durch das Symbol „!“ ersetzt. | ||
* Ersatz der bisherigen 10 Gefahrenbezeichnungen durch eines der beiden Signalwörter | * Ersatz der bisherigen 10 Gefahrenbezeichnungen durch eines | ||
„Achtung“ oder „Gefahr“.</spoiler> | der beiden Signalwörter „Achtung“ oder „Gefahr“.</spoiler> | ||
</loop_area></code> | </loop_area></code> | ||
'''Ergebnis:''' | '''Ergebnis:''' | ||
<loop_area type="task" > | <loop_area type="task" > | ||
<loop_task title="Aufgabe"> | <loop_task title="Aufgabe" id="5fd759fc8211d"> | ||
Benennen Sie die Unterschiede zwischen den „alten“ und den „neuen“ Gefahrstoffsymbolen! | Benennen Sie die Unterschiede zwischen den „alten“ und den „neuen“ Gefahrstoffsymbolen! | ||
</loop_task> | </loop_task> | ||
<loop_figure title="Alte und neue Gefahrstoffsymbole"> | <loop_figure title="Alte und neue Gefahrstoffsymbole" id="5fd759fc82124"> | ||
[[Datei:Gefahrstoffsymbole_alt_neu_des_gra_de.png]] | [[Datei:Gefahrstoffsymbole_alt_neu_des_gra_de.png]] | ||
</loop_figure><br /> | </loop_figure><br /> | ||
Zeile 174: | Zeile 189: | ||
* Ersatz der bisherigen 10 Gefahrenbezeichnungen durch eines der beiden Signalwörter „Achtung“ oder „Gefahr“.</spoiler> | * Ersatz der bisherigen 10 Gefahrenbezeichnungen durch eines der beiden Signalwörter „Achtung“ oder „Gefahr“.</spoiler> | ||
</loop_area> | </loop_area> | ||
=== Aufgabe mit Interaktion === | === Aufgabe mit Interaktion === | ||
Zeile 180: | Zeile 196: | ||
'''Syntax:''' | '''Syntax:''' | ||
<code><loop_area type="task"> | <code><loop_area type="task"> | ||
<loop_task title="Aufgabe"> | <loop_task title="Aufgabe" id="5fd759fc8212c"> | ||
<loop_zip file="gefahrstoffsymbole_pro_task_de_700x470.zip" start= | <loop_zip scale="true" file="gefahrstoffsymbole_pro_task_de_700x470.zip" start= | ||
"gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"> | "gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"> | ||
</loop_zip> | </loop_zip> | ||
Zeile 189: | Zeile 205: | ||
'''Ergebnis:''' | '''Ergebnis:''' | ||
<loop_area type="task"> | <loop_area type="task"> | ||
<loop_task title="Aufgabe"> | <loop_task title="Aufgabe" id="5fd759fc82134"> | ||
<loop_zip file="gefahrstoffsymbole_pro_task_de_700x470.zip" start= | <loop_zip scale="true" file="gefahrstoffsymbole_pro_task_de_700x470.zip" start= | ||
"gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"> | "gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"> | ||
</loop_zip> | </loop_zip> | ||
</loop_task> | </loop_task> | ||
</loop_area> | </loop_area> |
Eine Selbstlernaufgabe mit ausklappbarem Lösungsteil kann in LOOP wie folgt eingebunden werden:
Syntax:
<loop_area type="task">
<loop_task title="Beispielaufgabe mit Musterlösung" id="5fd759fc820e8">
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 ausgezeichnet, wobei das Kapitel sowie der Titel: "Beispielaufgabe mit Musterlösung" gekennzeichnet wird.
Sie können den Spoiler-Button zum Einblenden einer Musterlösung auf verschiedene Arten anpassen.
Unter anderem können 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.
Syntax:
<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.
Syntax:
<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="".
Syntax:
<spoiler type="transparent">
Text in ausklappbarem Bereich
</spoiler>
Ergebnis:
Natürlich lassen sich beide Attribute mit einander kombinieren und so einen transparenten, individuell beschrifteten Spoiler-Button erstellen.
Syntax:
<spoiler text="Hinweis zur Lösung" type="transparent">
Text in ausklappbarem Bereich
</spoiler>
Ergebnis:
Aufgaben können externe oder interne Verlinkungen zu anderen Webseiten enthalten. Im unteren Beispiel sehen Sie die Verwendung von externen Links als ausgezeichnete Webadresse und als Wortverlinkung.
Syntax:
<loop_area type="task" >
<loop_task title="Aufgabe" id="5fd759fc820fc">
Ermitteln Sie für die folgenden Stoffe die CAS-Nummer:
- Ethanol
- Dimethyether<br />
Hinweis: http://chem.sis.nlm.nih.gov/chemidplus/
</loop_task>
<spoiler text="Musterlösung">
- [https://de.wikipedia.org/wiki/Dimethylether Dimethylether]
- CAS RN: 115-10-6<br />
<br />
- [https://de.wikipedia.org/wiki/Ethanol Ethanol]
- CAS RN: 64-17-5
</spoiler>
</loop_area>
Ergebnis:
Ermitteln Sie für die folgenden Stoffe die CAS-Nummer:
Das Einbinden von Abbildungen ist sowohl im Aufgabe-, sowie im Lösungsbereich ("Spoiler-Button") möglich.
Syntax:
<loop_area type="task" >
<loop_task title="Aufgabe" id="5fd759fc8210c">
Benennen Sie die Unterschiede zwischen den „alten“ und den „neuen“ Gefahrstoff-
symbolen!
</loop_task>
<loop_figure title="Alte und neue Gefahrstoffsymbole" id="5fd759fc82114">
[[Datei:Gefahrstoffsymbole_alt_neu_des_gra_de.png]]
</loop_figure><br />
<spoiler text="Musterlösung">
'''Änderungen durch GHS:'''
- 9 neue (statt bisher 10) Gefahrstoff-Piktogramme
- Anlehnung der Piktogramme an die Symbole für den Gefahrguttransport:<br />
- Rotumrandete Rauten mit schwarzem Symbol auf weißem Grund.<br />
- Bildhaftes Warnen vor den auftretenden Gefahren bei
Tätigkeiten mit den Gefahrstoffen.
- Neue Symbole für
- komprimierte Gase (Symbol „Gasflasche“)
- KMR (karzinogene, mutagene und reproduktionstoxische Stoffe,
bisher Symbol „Gesundheitsgefahr“)
- Ersatz des Andreaskreuzes durch das Symbol „!“ ersetzt.
- Ersatz der bisherigen 10 Gefahrenbezeichnungen durch eines
der beiden Signalwörter „Achtung“ oder „Gefahr“.</spoiler>
</loop_area>
Ergebnis:
Benennen Sie die Unterschiede zwischen den „alten“ und den „neuen“ Gefahrstoffsymbolen!
Das Umsetzen von Aufgaben mit einer Interaktion bietet eine weitere Möglichkeit der individuellen Selbstlernüberprüfung.
Syntax:
<loop_area type="task">
<loop_task title="Aufgabe" id="5fd759fc8212c">
<loop_zip scale="true" file="gefahrstoffsymbole_pro_task_de_700x470.zip" start=
"gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px">
</loop_zip>
</loop_task>
</loop_area>
Ergebnis:
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.