[unmarkierte Version] | [unmarkierte Version] |
(→Videos) |
Keine Bearbeitungszusammenfassung |
||
Zeile 136: | Zeile 136: | ||
'''Youtube Videoausschnitt''' | '''Youtube Videoausschnitt''' | ||
<code>{{#ev:youtubehd|UYRYancYXe8|700|center||10|20}}</code> | <code>{{#ev:youtubehd|UYRYancYXe8|700|center||10|20}}</code> | ||
<code>{{#ev:youtubehd|Kürzel Youtube-Seite|700|center|| | |||
Anfang Ausschnitt|Ende Ausschnitt}}</code> | |||
==== Medien ==== | |||
<code><loop_media type="X" title="Medientitle" description="Beschreibung"> | |||
</loop_media></code> | |||
X <math> \Rightarrow </math> animation, rollover, interaktion, simulation, click | |||
'''Interaktive Grafiken''' | |||
<code><loop_zip file="name.zip" startname.html" width="550px" height="350px"> | |||
</loop_zip></code> | |||
'''Druckbereich (bei Medien)''' | |||
<code><loop_print> [[Datei: Screenshot.png]] ggf. Drucktext </loop_print></code> | |||
'''PDF-Einbindung''' | |||
<code>[[Media:Dateiname.pdf|Name auf der LOOP-Seite]]</code> | |||
==== Aufgaben ==== | |||
'''Aufgabe ins Aufgabenverzeichnis mit Titel''' | |||
<code><loop_area type="task" > | |||
<loop_task title="Titel der Aufgabe"> Text </loop_task> | |||
</loop_area></code> | |||
'''Spoiler''' | |||
<code><spoiler text="Text z.B. Lösung"> Inhalt </spoiler></code> | |||
<spoiler text="Beispiel"> Hier steht der Inhalt, z.B. die Lösung oder Hinweise zu einer Aufgabe... </spoiler> | |||
'''Spoiler transparent''' | |||
<code><spoiler text="Text des Buttons" type="transparent"> Inhalt </spoiler></code> | |||
<spoiler text="Beispiel" type="transparent"> Inhalt </spoiler> | |||
'''Quiz''' | |||
<code><quiz display="simple"> | |||
{Text z.B.: Welche der folgenden Aussagen sind korrekt?} | |||
- Beispiel | |||
+ Beispiel | |||
+ Beispiel | |||
… | |||
</quiz></code> |
Bereich anlegen
<loop_area type="X" > Text </loop_area>
Bezeichnung | X | Symbol | Bezeichnung | X | Symbol |
---|---|---|---|---|---|
Anmerkung | annotation | ![]() |
Aufgabe | task | ![]() |
Beispiel | example | ![]() |
Definition | definition | ![]() |
Formel | formula | ![]() |
Frage | question | |
Gesetz | law | ![]() |
Gliederung | arrangement | ![]() |
Hinweis | notice | ![]() |
Lernziele | learningobjectives | ![]() |
Merksatz | markedsentence | ![]() |
Norm | norm | ![]() |
Quellcode | sourcecode | ![]() |
Reflexion | reflection | ![]() |
Vertiefung | indentation | ![]() |
Wichtig | important | ![]() |
Zeitumfang | timerequirement | ![]() |
Zusammenfassung | summary | ![]() |
Bereich ohne Rahmen, nur Icon
<loop_area type="X" render="icon"> Text </loop_area>
Gliederung
<loop_area type="arrangement"><loop_toc> </loop_toc></loop_area>
Zitat
<loop_paragraph type="citation" copyright="Quelle des Zitats"> Text
</loop_paragraph>
Literatur
verlinkung: <cite>Mustermann+2008</cite>
Im Literaturverzeichnis: #Mustermann+2008 Text zur Person
Nennung von zwei Autoren: #Autor1+und+Autor2+2013
Nennung von drei Autoren und mehr #Autor+et+al.+2013
Abstände
z. B. (schmales Leerzeichen)
z. B. (schmales Leerzeichen, umbruchgeschützt)
<br /> nummerierte Liste, doppelter Zeilenabstand
Textfarbe
<pre style="color:red"> Text </pre>
Fußnoten
<ref> Text für Fußnote </ref>
Am Ende der Seite: <references />
VOR dem <references /> - Tag: ---- (um Linie zu erzeugen)
<loop_figure title="Bildunterschrift">
[[Datei:Beispielbild.png]]
</loop_figure>
Abbildung (ohne Bildunterschrift und Rahmen) links, rechts Text
[[Datei:Beispielbild.png|links]]
|rechts
Abbildung rechts, Text links|miniatur
Miniaturversion der Abbildung eingefügen
Abbildung mit Bildunterschrift und Quellenangabe
<loop_figure title="Bildunterschrift" show_copyright="true"
copyright="Quelle: XYZ">
[[Datei:Beispielbild.png]]
</loop_figure>
Abbildung mit Bildunterschrift, Quellenangabe und Beschreibung
<loop_figure title="Bildunterschrift" description="Beschreibung"
show_copyright="true" copyright="Quelle: XYZ">
[[Datei:Beispielbild.png]]
</loop_figure>
Abbildung mit Bildunterschrift und Beschreibung
<loop_figure title="Bildunterschrift" description="Beschreibung"
[[Datei:Beispielbild.png]]
</loop_figure>
Abbildung ohne Rahmen und Bildunterschrift
[[Datei:Beispielbild.png]]
Abbildung ohne Rahmen und Bildunterschrift, mit Abbildungsnamen
<loop_figure render="none" description="Beschreibung">
[[Datei:Beispielbild.png]]
</loop_figure>
Zoom Grafik
<loop_figure title="Bildunterschrift" description="Originalbild anzeigen">
[[Datei:Vorschau_beispielbild.png|link=media:Beispielbild.png]]
</loop_figure>
<loop_video source="Testvideo.mp4" image="Vorschaubild.jpg"
width="700" height="400">
</loop_video>
Das Vorschaubild kann weggelassen werden
Video mit Title und Beschreibung
<loop_media type="video" title="Videotitle"
description="Beschreibung des Videos" >
[[Datei:Beispielvideo.mp4]]
</loop_media>
YouTube-Video einbinden
<loop_media type="video" title="Titel" description="Beschreibung">
{{#ev:youtube|ZLbT5O8vmgU}}
</loop_media>
Youtube Videoausschnitt
{{#ev:youtubehd|UYRYancYXe8|700|center||10|20}}
{{#ev:youtubehd|Kürzel Youtube-Seite|700|center||
Anfang Ausschnitt|Ende Ausschnitt}}
<loop_media type="X" title="Medientitle" description="Beschreibung">
</loop_media>
X animation, rollover, interaktion, simulation, click
Interaktive Grafiken
<loop_zip file="name.zip" startname.html" width="550px" height="350px">
</loop_zip>
Druckbereich (bei Medien)
<loop_print> [[Datei: Screenshot.png]] ggf. Drucktext </loop_print>
PDF-Einbindung
[[Media:Dateiname.pdf|Name auf der LOOP-Seite]]
Aufgabe ins Aufgabenverzeichnis mit Titel
<loop_area type="task" >
<loop_task title="Titel der Aufgabe"> Text </loop_task>
</loop_area>
Spoiler
<spoiler text="Text z.B. Lösung"> Inhalt </spoiler>
Spoiler transparent
<spoiler text="Text des Buttons" type="transparent"> Inhalt </spoiler>
Quiz
<quiz display="simple">
{Text z.B.: Welche der folgenden Aussagen sind korrekt?}
- Beispiel
+ Beispiel
+ Beispiel
…
</quiz>
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.