Benutzer:Maria Eirich/Interaktive Übungen und Vorlage:Box: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
< Benutzer:Maria Eirich(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
KKeine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
{{Box|Interaktive Übungen|[[File:Computer-Icon.svg|right|200px]]
<noinclude>
und Quizze ermmöglichen Schülern, das von Schülern erarbeitete Wissen zu wiederholen und zu vertiefen.
[[Kategorie:Vorlage:Standard]]
== Boxen erstellen mittels Template ==
=== Das schreibt man: ===
<pre>
{{Box| Titel | Inhalt | class }}
</pre>


Diese Übungen können von den Schülern in ihrem eigenen Tempo erledigt werden und geben den Schülern ein direktes Feedback über Lernfortschritte und erbrachte Leistungen.
Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!)
=== Das sieht man: ===
</noinclude><onlyinclude>
<div style="margin: 0 auto .5rem; overflow:hidden; border-left: 7px solid {{Farbe | {{{3|unspezifisch}}}}};">
<div style="height: 100%; padding: 0 1rem; "><div style="font-size:110%; font-weight:bold; margin-bottom: .5rem; padding:.25rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><span style="font-size:1.95rem; vertical-align: middle;">{{#if: {{{3|}}} | {{#switch: {{{3}}}
| Hervorhebung1 = {{icon hervorhebung}}
| Hervorhebung2 = {{icon hervorhebung}}
| Zitat = {{icon zitat}}
| Arbeitsmethode = {{icon pencil}}
| Unterrichtsidee = {{icon idea}}
| Meinung = {{icon comment}}
| Lernpfad = {{icon compass}}
| Experimentieren = {{icon flask}}
| Lösung = {{icon checked}}
| Üben = {{icon edit}}
| Merksatz = {{icon pin}}
| Download = {{icon download}}
| Frage = {{icon question}}
| Kurzinfo = {{icon info}}
| {{#if: {{{icon|}}} | <span class="{{{icon}}}"></span> | {{icon point}} }}}}</span> {{{1}}}</div><div style="padding-bottom: .5rem;">
{{{2}}}</div></div></div></onlyinclude><noinclude>


Weitere Ideen (siehe auch Trello)
=== andere Beispiele ===
*Anpassungen, Erweiterungen im ZUM-Unterrichten
*Welche interaktive Übungen sind möglich....
*Möglichkeiten für den Einsatz im Unterricht ....{{Fortsetzung|weiter=Seiten mit interaktiven Übungen|weiterlink=:Kategorie:Interaktive Übung}}
|Merksatz}}


==Möglichkeiten ==
{{Box|Hervorhebung1|mit Text für Hervorhebungen| Hervorhebung1 }}
'''R-Quiz'''
<div class="grid">
<div class="width-2-3">
<div class="lueckentext-quiz" lang="en">
[[Datei:Pastperf 01.jpg|alarm clock ringing]] Every morning the alarm clock ''rings'' at 7 o clock.


Then Peter ''takes'' a shower [[Datei:Pastperf 03.jpg|taking a shower]] and ''drinks'' a coffee. [[Datei:Pastperf 04.jpg|drinking coffee]]
{{Box|Hervorhebung2|mit Text für Hervorhebungen|Hervorhebung2}}


After that he ''cleans'' his teeth. [[Datei:Pastperf 05.jpg|brushing teeth]]
{{Box|Zitat|mit Text für Zitate und Quellen|Zitat }}


The bus ''comes'' at 20 to eight. [[Datei:Present 02.jpg|school bus]] My friend Peter ''says'' "Hello!".
{{Box|Arbeitsmethode|mit Text für Arbeitsmethoden|Arbeitsmethode }}


{{Box|Unterrichtsidee|mit Text für Unterrichtsidee|Unterrichtsidee }}
{{Box|Meinung|mit Text für Meinungen|Meinung}}
{{Box|Lernpfad |mit Text für Lernpfade|Lernpfad }}
{{Box|Experimentieren|mit Text für Experimente und Versuche|Experimentieren}}
{{Box|Lösung|mit Text für Lösungen|Lösung}}
{{Box|Üben|mit Text für Übungen und Aufgaben|Üben}}
{{Box|Merksatz|mit Text für Definitionen und Merksätzen|Merksatz}}
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
{{Box|Frage|mit einer Frage|Frage}}
{{Box|Kurzinfo|mit Text oder integrierten Vorlagen für Kurzinfos|Kurzinfo}}
=== Hinweise zur Gestaltung dieser Vorlage ===
Diese Vorlage kann für verschiedene Elemente angepasst werden. Dazu kann die Farbe des linken Balkens und das in der Titelzeile eingeblendete Bild an dieser zentralen Stelle für alle Seiten festgelegt werden.
== Alternativ: Boxen mittels div-Containern und CSS-Klassen erstellen ==
Nicht alle Inhalte können als Parameter an Vorlagen (Templates) übergeben werden, z.B. HTML Tags im Wikitext, Tabellen und anderes.
Um trotzdem Boxen im gleichen Layout wie mittels obigen Vorlagen zu erstellen, gibt es auch korrespondierende CSS-Klassen.
Dazu muss der Text, der in einer Box stehen soll in einen div-Container eingefasst werden:
=== Das schreibt man: ===
<pre>
<div class="box ueben">
== Üben ==
...
</div>
</div>
</pre>




=== Das sieht man: ===
<div class="box ueben">
== Üben ==
...
</div>
</div>
<div class="width-1-3">
Das '''R-Quiz''' von Felix Riesterer ermöglicht es, verschiedene interaktive Übungen zu erstellen.


Es ist empfehlenswert, interaktive Übungen mit dem R-Quiz zu erstellen. Diese sind Teil der Wikiseite und können im Bedarfsfall leicht und schnell korrigiert, verändert und erweitert werden.
* [[Hilfe:R-Quizze]]


=== Folgende Boxen stehen zur Verfügung (analog oben) ===


<pre>
<div class="box hervorhebung1">
== Hervorhebung 1 ==
...
</div>
</div>
<div class="box hervorhebung2">
== Hervorhebung 2 ==
...
</div>
</div>
 
'''Learning-App'''
<div class="box zitat">
<div class="grid">
== Zitat ==
<div class="width-2-3">
...
{{LearningApp|app=py7d7b0x501|width=100%|height=400px}}
</div>
</div>
<div class="width-1-3">
 
'''LearningApps''' sind interaktive Übungen, die auf der Website [https://learningapps.org/ LearningApps.org] kostenlos und einfach erstellt werden sowie entweder dort genutzt oder in eigene Seiten, z.B. in den Wikis auf ZUM.de, eingebunden werden können.  
<div class="box arbeitsmethode">
* [[LearningApps.org]]
== Arbeitsmethode ==
* [[Hilfe:LearningApps]] zur Einbindung im ZUM-Unterrichten
...
</div>
</div>
<div class="box unterrichtsidee">
== Unterrichtsidee ==
...
</div>
</div>


'''h5P'''
<div class="box meinung">
<div class="grid">
== Meinung ==
<div class="width-2-3">
...
{{H5p|id=291743|height=232}}
</div>
</div>
<div class="width-1-3">
 
[[H5p|Mehr Beispiele zu h5p]]
<div class="box lernpfad">
== Lenrpfad ==
...
</div>
</div>
<div class="box experimentieren">
== Experimentieren ==
...
</div>
</div>


'''Geogebra'''
<div class="box loesung">
<div class="grid">
== Lösung ==
<div class="width-2-3">
...
<ggb_applet height="400" width="450" filename="Quadratisch b.ggb" />
</div>
</div>
<div class="width-1-3">
 
Beschreibung folgt
<div class="box ueben">
== Üben ==
...
</div>
</div>
<div class="box kurzinfo">
== Kurzinfo ==
...
</div>
</div>
<div class="box experimentieren">
== Experimentieren ==
...
</div>
<div class="box download">
== Download ==
...
</div>
</pre>
Es müssen immmer die CSS-Klassen 'box' und ggf. die Art der Box im Beispiel oben also 'ueben' angegeben werden.
'''WICHTIG:''' Die CSS-Klassennamen müssen klein geschrieben sein, Umlaute müssen ersetzt werden (ü zu ue, ß zu sz usw.)
'''HINWEIS:''' Im Unterschied zur Verwendung des Templates werden die Überschriften im div-Container im Inhaltsverzeichnis aufgeführt. Insofern kann darüber auch gesteuert werden, welche Boxen im Inhaltsverzeichnis erscheinen sollen.
== Icon ändern ==
Das Icon lässt sich auch überschreiben mit dem Parameter <code>icon</code>.
;Das schreibt man <pre>{{Box|Titel|Inhalt|Lösung|icon=brainy hdg-school}}</pre>
:Das sieht man {{Box|Titel|Inhalt|Lösung|icon=brainy hdg-school}}
{{Approved template}}
</noinclude>
__NOEDITSECTION__
<noinclude>
<templatedata>
{
"params": {
"Typ": {},
"Überschrift": {},
"Text": {}
},
"paramOrder": [
"Typ",
"Überschrift",
"Text"
],
"format": "block"
}
</templatedata>
</noinclude>

Version vom 4. November 2018, 23:18 Uhr

Boxen erstellen mittels Template

Das schreibt man:

{{Box| Titel | Inhalt | class }}

Als Klassen/class stehen einige Varianten zur Verfügung wie Hervorhebung1, Hervorhebung2, Zitat, ... , allerdings ist dies optional (siehe Beispiele!)

Das sieht man:

{{#if: | {{{1}}}
{{{2}}}

andere Beispiele

{{#if: Hervorhebung1 | Hervorhebung1
mit Text für Hervorhebungen


{{#if: Hervorhebung2 | Hervorhebung2
mit Text für Hervorhebungen


{{#if: Zitat | Zitat
mit Text für Zitate und Quellen


{{#if: Arbeitsmethode | Arbeitsmethode
mit Text für Arbeitsmethoden


{{#if: Unterrichtsidee | Unterrichtsidee
mit Text für Unterrichtsidee


{{#if: Meinung | Meinung
mit Text für Meinungen


{{#if: Lernpfad | Lernpfad
mit Text für Lernpfade


{{#if: Experimentieren | Experimentieren
mit Text für Experimente und Versuche


{{#if: Lösung | Lösung
mit Text für Lösungen


{{#if: Üben | Üben
mit Text für Übungen und Aufgaben


{{#if: Merksatz | Merksatz
mit Text für Definitionen und Merksätzen


{{#if: Download | Download
mit (möglichst internen) Links zu herunterladbarem Material


{{#if: Frage | Frage
mit einer Frage


{{#if: Kurzinfo | Kurzinfo
mit Text oder integrierten Vorlagen für Kurzinfos


Hinweise zur Gestaltung dieser Vorlage

Diese Vorlage kann für verschiedene Elemente angepasst werden. Dazu kann die Farbe des linken Balkens und das in der Titelzeile eingeblendete Bild an dieser zentralen Stelle für alle Seiten festgelegt werden.


Alternativ: Boxen mittels div-Containern und CSS-Klassen erstellen

Nicht alle Inhalte können als Parameter an Vorlagen (Templates) übergeben werden, z.B. HTML Tags im Wikitext, Tabellen und anderes. Um trotzdem Boxen im gleichen Layout wie mittels obigen Vorlagen zu erstellen, gibt es auch korrespondierende CSS-Klassen. Dazu muss der Text, der in einer Box stehen soll in einen div-Container eingefasst werden:


Das schreibt man:

<div class="box ueben">
== Üben ==
...
</div>


Das sieht man:

Üben

...


Folgende Boxen stehen zur Verfügung (analog oben)

<div class="box hervorhebung1">
== Hervorhebung 1 ==
...
</div>

<div class="box hervorhebung2">
== Hervorhebung 2 ==
...
</div>

<div class="box zitat">
== Zitat ==
...
</div>

<div class="box arbeitsmethode">
== Arbeitsmethode ==
...
</div>

<div class="box unterrichtsidee">
== Unterrichtsidee ==
...
</div>

<div class="box meinung">
== Meinung ==
...
</div>

<div class="box lernpfad">
== Lenrpfad ==
...
</div>

<div class="box experimentieren">
== Experimentieren ==
...
</div>

<div class="box loesung">
== Lösung ==
...
</div>

<div class="box ueben">
== Üben ==
...
</div>

<div class="box kurzinfo">
== Kurzinfo ==
...
</div>

<div class="box experimentieren">
== Experimentieren ==
...
</div>

<div class="box download">
== Download ==
...
</div>


Es müssen immmer die CSS-Klassen 'box' und ggf. die Art der Box im Beispiel oben also 'ueben' angegeben werden.

WICHTIG: Die CSS-Klassennamen müssen klein geschrieben sein, Umlaute müssen ersetzt werden (ü zu ue, ß zu sz usw.)

HINWEIS: Im Unterschied zur Verwendung des Templates werden die Überschriften im div-Container im Inhaltsverzeichnis aufgeführt. Insofern kann darüber auch gesteuert werden, welche Boxen im Inhaltsverzeichnis erscheinen sollen.

Icon ändern

Das Icon lässt sich auch überschreiben mit dem Parameter icon.

Das schreibt man 
{{Box|Titel|Inhalt|Lösung|icon=brainy hdg-school}}
Das sieht man
{{#if: Lösung | Titel
Inhalt


{{#if: | {{{1}}}
{{{2}}}



Keine Beschreibung.

Vorlagenparameter

Diese Vorlage bevorzugt Blockformatierung von Parametern.

ParameterBeschreibungTypStatus
TypTyp

keine Beschreibung

Unbekanntoptional
ÜberschriftÜberschrift

keine Beschreibung

Unbekanntoptional
TextText

keine Beschreibung

Unbekanntoptional
Abgerufen von „https://unterrichten.zum.de/index.php?title=Benutzer:Maria_Eirich/Interaktive_Übungen&oldid=69799“