Hilfe:R-Quiz: Unterschied zwischen den Versionen
K (→Suchsel) Markierung: 2017-Quelltext-Bearbeitung |
KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
Zeile 1: | Zeile 1: | ||
{{Hilfe Navigation}} | {{Hilfe Navigation}} | ||
Das '''R-Quiz''' von Felix Riesterer ermöglicht es, verschiedene interaktive Übungen zu erstellen. Die Übungen können in verschiedenen Sprachen erstellt und auch ausgedruckt werden | Das '''R-Quiz''' von Felix Riesterer ermöglicht es, verschiedene interaktive Übungen zu erstellen. Die Übungen können in verschiedenen Sprachen erstellt und auch ausgedruckt werden | ||
==Beispiele== | == Beispiele == | ||
=== Lückentext-Quiz === | |||
===Lückentext-Quiz=== | |||
;mit Drag & Drop | ;mit Drag & Drop | ||
<div class="grid"> | <div class="grid"> | ||
Zeile 29: | Zeile 28: | ||
</div> | </div> | ||
;zum Eintragen | ;zum Eintragen | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
Zeile 54: | Zeile 53: | ||
Durch runde Klammern am Schluss des Begriffs wird der gesuchte Begriff ausgeblendet und muss eingetragen werden. Es können auch mehrere Lösungswörter, getrennt durch ein Pipe-Symbol |, eingetragen werden. | Durch runde Klammern am Schluss des Begriffs wird der gesuchte Begriff ausgeblendet und muss eingetragen werden. Es können auch mehrere Lösungswörter, getrennt durch ein Pipe-Symbol |, eingetragen werden. | ||
===Zuordnungs-Quiz=== | === Zuordnungs-Quiz === | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
Zeile 64: | Zeile 59: | ||
{| | {| | ||
| | | Adjektive || schön || klein|| gelb | ||
|- | |- | ||
| | | Verben || gehen || schwimmen|| lachen | ||
|- | |- | ||
| | | Nomen || Haus || Glück || Sonne | ||
|} | |} | ||
Zeile 74: | Zeile 69: | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
<div class="zuordnungs-quiz"> | <div class="zuordnungs-quiz"> | ||
{| | {| | ||
| | | Adjektive || schön || klein|| gelb | ||
|- | |- | ||
| Verben || gehen || schwimmen|| lachen | | Verben || gehen || schwimmen|| lachen | ||
|- | |- | ||
| Nomen || Haus || Glück || Sonne | | Nomen || Haus || Glück || Sonne | ||
|} | |} | ||
Zeile 117: | Zeile 84: | ||
</div> | </div> | ||
Wenn es nur 2 Paare gibt, werden sie | Wenn es nur 2 Paare gibt, werden sie jedesmal zufällig platziert. | ||
Wenn es | Wenn es (wie im oberen Beispiel) mehr als zwei Elemente gibt, dient das erste Element als Kategorie, denen die anderen Elemente zugeordnet werden müssen. | ||
===Kreuzworträtsel=== | === Kreuzworträtsel === | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
Zeile 142: | Zeile 109: | ||
{| | {| | ||
|- | |- | ||
|black||...is the opposite of white | | black || ...is the opposite of white | ||
|- | |- | ||
|schoolbag||Your books for school are in your.... | | schoolbag || Your books for school are in your.... | ||
|- | |- | ||
|summer||After spring come.... | | summer|| After spring come.... | ||
|- | |- | ||
|hello||When I'm come I'm say.... | | hello || When I'm come I'm say.... | ||
|} | |} | ||
</div> | </div> | ||
Zeile 154: | Zeile 121: | ||
</div> | </div> | ||
===Memo-Quiz=== | === Memo-Quiz === | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
Zeile 169: | Zeile 136: | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
<div class="memo-quiz"> | <div class="memo-quiz" > | ||
{| | {| | ||
|Hund||dog | | Hund || dog | ||
|- | |- | ||
|Katze||cat | | Katze || cat | ||
|- | |- | ||
|Vogel||bird | | Vogel ||bird | ||
|} | |} | ||
</div> | </div> | ||
Zeile 181: | Zeile 148: | ||
</div> | </div> | ||
===Multiplechoice-Quiz=== | === Multiplechoice-Quiz === | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
Zeile 206: | Zeile 173: | ||
{{Box|Achtung|Die Begriffe innerhalb der runden Klammern dürfen keine runden Klammern enthalten.<br>Es ist möglich, Bilder einzubinden; die Bildnamen dürfen aber ebenfalls keine runden Klammern enthalten!|Hervorhebung2}} | {{Box|Achtung|Die Begriffe innerhalb der runden Klammern dürfen keine runden Klammern enthalten.<br>Es ist möglich, Bilder einzubinden; die Bildnamen dürfen aber ebenfalls keine runden Klammern enthalten!|Hervorhebung2}} | ||
===Schüttelwörter=== | === Schüttelwörter === | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
Zeile 223: | Zeile 190: | ||
<div class="schuettel-quiz"> | <div class="schuettel-quiz"> | ||
Finden Sie die | Finden Sie die unverdrehte Lösung zu den verdrehten Wörtern! | ||
When I get up in the '''morning''' I love to drink '''coffee'''. | When I get up in the '''morning''' I love to drink '''coffee'''. | ||
Zeile 233: | Zeile 200: | ||
</div> | </div> | ||
===Suchsel=== | === Suchsel === | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
Zeile 249: | Zeile 216: | ||
</div> | </div> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
<div class="suchsel-quiz"> | <div class="suchsel-quiz"> | ||
Finde die Wörter! ''(Waagrecht, senkrecht und schräg)'' | Finde die Wörter! ''(Waagrecht, senkrecht und schräg)'' | ||
{| | {| | ||
Zeile 262: | Zeile 229: | ||
</div> | </div> | ||
== Tipps und Tricks == | |||
=== Lücken zentrieren === | |||
*Der Befehl '''''<nowiki>style="text-align: center</nowiki>''''' erzwingt dass die Lücken zentriert unter dem jeweiligen Bild stehen. | |||
*Der Befehl '''''<nowiki>style="padding:5px"</nowiki>''''' setzt einen Abstand von 5px zwischen die Bilder. | |||
<div class="lueckentext-quiz" style="text-align: center;"> | |||
{| | |||
|- | |||
| style="padding:5px" | [[Bild:Üb3_Parabel_1.jpg]] | |||
| style="padding:5px" | [[Bild:Üb3_Parabel_3.jpg]] | |||
| style="padding:5px" | [[Bild:Üb3_Gerade_1.jpg]] | |||
| style="padding:5px" | [[Bild:Üb3_Parabel_4.jpg|150px]] | |||
| style="padding:5px" | [[Bild:Üb3_Gerade_2.jpg|150px]] | |||
| style="padding:5px" | [[Bild:Üb3_Parabel_2.jpg|150px]] | |||
|- | |||
| <strong>y = x<sup>2</sup> + 3 </strong> || <strong>y = - x<sup>2</sup> + 3 </strong> || <strong>y = - x + 3 </strong> || <strong>y = -x<sup>2</sup> - 3</strong> || <strong>y = x - 3 </strong> || <strong>y = x<sup>2</sup> - 3</strong> | |||
|} | |||
</div> | |||
<pre><div class="lueckentext-quiz"> | |||
{| | |||
|- | |||
| style="padding:5px" | [[Bild:Üb3_Parabel_1.jpg]] | |||
| style="padding:5px" | [[Bild:Üb3_Parabel_3.jpg]] | |||
| style="padding:5px" | [[Bild:Üb3_Gerade_1.jpg]] | |||
| style="padding:5px" | [[Bild:Üb3_Parabel_4.jpg|150px]] | |||
| style="padding:5px" | [[Bild:Üb3_Gerade_2.jpg|150px]] | |||
| style="padding:5px" | [[Bild:Üb3_Parabel_2.jpg|150px]] | |||
|- | |||
| <strong>y = x<sup>2</sup> + 3 </strong> || <strong>y = - x<sup>2</sup> + 3 </strong> || <strong>y = - x + 3 </strong> || <strong>y = -x<sup>2</sup> - 3</strong> || <strong>y = x - 3 </strong> || <strong>y = x<sup>2</sup> - 3</strong> | |||
|} | |||
</div></pre> | |||
=== Quizze in anderen Sprachen === | |||
Das Script kann die Rückmeldungen und Bedientexte in verschiedenen Sprachen ausgeben. Momentan werden folgende Sprachen unterstützt: | |||
Um ein Quiz in einer anderen Sprache zu betreiben, braucht es eine Sprachangabe mit dem lang-Attribut. | * de - Deutsch | ||
Im Folgenden ein paar Beispiele: | * en - Englisch | ||
* fr - Französisch | |||
* it - Italienisch | |||
* es - Spanisch | |||
* la - Latein | |||
Um ein Quiz in einer anderen Sprache zu betreiben, braucht es eine Sprachangabe mit dem lang-Attribut. Im Folgenden ein paar Beispiele: | |||
<nowiki><div class="lueckentext-quiz"> (Standardsprache ist Deutsch)</nowiki> | <nowiki><div class="lueckentext-quiz"> (Standardsprache ist Deutsch)</nowiki> | ||
Zeile 315: | Zeile 316: | ||
</div> | </div> | ||
=== Einsatz von <nowiki><math></nowiki> === | |||
== | Aufgrund der Funktionsweise von <nowiki><math></nowiki> ist beim Einsatz in R-Quizzen folgendes zu beachten. Wenn dein <nowiki><math></nowiki> Element teil eines interaktiven Elements des R-Quizzes ist (z.B. also Lösung im Zuordnungsquiz) dann muss das <nowiki><math></nowiki> Element angepasst werden durch den Zusatz <code>forcemathmode="png"</code>. Also so: | ||
{{Box|1=<nowiki><math></nowiki> Element in Zuordnungs-Quiz | |||
|2=<pre> | |||
<div class="zuordnungs-quiz"> | |||
{| | |||
| <math forcemathmode="png">\omega_i</math> || Ergebnis || 6 | |||
|- | |||
| <math forcemathmode="png">E</math> || Ereignis || <math forcemathmode="png">\left\{2,4,6\right\}</math> | |||
|} | |||
</div> | |||
</pre> | |||
<div class="zuordnungs-quiz"> | |||
{{{!}} | |||
{{!}} <math forcemathmode="png">\omega_i</math> {{!}}{{!}} Ergebnis {{!}}{{!}} 6 | |||
{{!}}- | |||
{{!}} <math forcemathmode="png">E</math> {{!}}{{!}} Ereignis {{!}}{{!}} <math forcemathmode="png">\left\{2,4,6\right\}</math> | |||
{{!)}} | |||
</div> | |||
|3=Experimentieren}} | |||
{{Box|1=Kaputtes <nowiki><math></nowiki> Element in Zuordnungs-Quiz ohne forcemathmode | |||
|2= | |||
Achtung dieses Beispiel zeigt wie es '''falsch''' ist. Es dient nur dazu zu zeigen wie sich der Fehler äußern könnte. | |||
<pre> | |||
<div class="zuordnungs-quiz"> | |||
{| | |||
| <math>\omega_i</math> || Ergebnis || 6 | |||
|- | |||
| <math>E</math> || Ereignis || <math>\left\{2,4,6\right\}</math> | |||
|} | |||
</div> | |||
</pre> | |||
<div class="zuordnungs-quiz"> | |||
{{{!}} | |||
{{!}} <math>\omega_i</math> {{!}}{{!}} Ergebnis {{!}}{{!}} 6 | |||
{{!}}- | |||
{{!}} <math>E</math> {{!}}{{!}} Ereignis {{!}}{{!}} <math>\left\{2,4,6\right\}</math> | |||
{{!}}} | |||
</div> | |||
|3=Kurzinfo}} | |||
*[https://www.felix-riesterer.de/main/seiten/quiz-script.html Quiz-Script Framework] (felix-riesterer.de) | == Weblinks == | ||
* [https://www.felix-riesterer.de/main/seiten/quiz-script.html Quiz-Script Framework] (felix-riesterer.de) | |||
[[Kategorie:Hilfe]] | [[Kategorie:Hilfe]] |
Version vom 8. Juni 2020, 13:39 Uhr
Hilfeseiten zu den Vorlagen
- Boxen
- Farben
- Mehrspaltenlayout
- Icons
- Vorlagen für Lernpfade
- Navigation
- Verstecken
- Fortsetzung
Multimedia
- Einbinden von Medien (Bilder, Youtube, Geogebra, etc.)
- Einbinden von externen Tools (Mentimeter, Padlet, Quizlet, AnswerGarden)
- Interaktive Übungen einbinden oder erstellen
- Links als Buttons anzeigen
Das R-Quiz von Felix Riesterer ermöglicht es, verschiedene interaktive Übungen zu erstellen. Die Übungen können in verschiedenen Sprachen erstellt und auch ausgedruckt werden
Beispiele
Lückentext-Quiz
- mit Drag & Drop
<div class="lueckentext-quiz"> Beim '''Erweitern''' und Kürzen muss man Zähler und '''Nenner''' mit der gleichen Zahl multiplizieren bzw. dividieren. </div>
Beim Erweitern und Kürzen muss man Zähler und Nenner mit der gleichen Zahl multiplizieren bzw. dividieren.
- zum Eintragen
<div class="lueckentext-quiz"> Beim '''Erweitern()''' und Kürzen muss man Zähler und '''Nenner()''' mit der gleichen Zahl multiplizieren bzw. dividieren. </div>
Beim Erweitern|Bruchrechnen() und Kürzen muss man Zähler und Nenner() mit der gleichen Zahl multiplizieren bzw. dividieren.
Durch runde Klammern am Schluss des Begriffs wird der gesuchte Begriff ausgeblendet und muss eingetragen werden. Es können auch mehrere Lösungswörter, getrennt durch ein Pipe-Symbol |, eingetragen werden.
Zuordnungs-Quiz
<div class="zuordnungs-quiz"> {| | Adjektive || schön || klein|| gelb |- | Verben || gehen || schwimmen|| lachen |- | Nomen || Haus || Glück || Sonne |} </div>
Adjektive | schön | klein | gelb |
Verben | gehen | schwimmen | lachen |
Nomen | Haus | Glück | Sonne |
Wenn es nur 2 Paare gibt, werden sie jedesmal zufällig platziert.
Wenn es (wie im oberen Beispiel) mehr als zwei Elemente gibt, dient das erste Element als Kategorie, denen die anderen Elemente zugeordnet werden müssen.
Kreuzworträtsel
<div class="kreuzwort-quiz"> {| |- | black || ...is the opposite of white |- | schoolbag || Your books for school are in your.... |- | summer|| After spring comes.... |- | hello || When I'm come I'm say.... |} </div>
black | ...is the opposite of white |
schoolbag | Your books for school are in your.... |
summer | After spring come.... |
hello | When I'm come I'm say.... |
Memo-Quiz
<div class="memo-quiz" > {| | Hund || dog |- | Katze || cat |- | Vogel ||bird |} </div>
Hund | dog |
Katze | cat |
Vogel | bird |
Multiplechoice-Quiz
<div class="multiplechoice-quiz"> Was ergibt 1 + 1? (!2,2) (2) (!1,9) (!3) Welches Tier ist ein Säugetier? (!Hai) (Wal) (Känguru) (!Meise) (Maus) (!Biene) </div>
Was ergibt 1 + 1? (!2,2) (2) (!1,9) (!3)
Welches Tier ist ein Säugetier? (!Hai) (Wal) (Känguru) (!Meise) (Maus) (!Biene)
Schüttelwörter
<div class="schuettel-quiz"> Finden Sie die unverdrehte Lösung zu den verdrehten Wörtern! When I get up in the '''morning''' I love to drink '''coffee'''. My dad makes '''toast''' for me and then I go to '''school'''. </div>
Finden Sie die unverdrehte Lösung zu den verdrehten Wörtern!
When I get up in the morning I love to drink coffee.
My dad makes toast for me and then I go to school.
Suchsel
<div class="suchsel-quiz"> Finde die Wörter! ''(Waagrecht, senkrecht und schräg)'' {| |Musik |- |Mathe |- |Chemie |} </div>
Finde die Wörter! (Waagrecht, senkrecht und schräg)
Musik |
Mathe |
Chemie |
Tipps und Tricks
Lücken zentrieren
- Der Befehl style="text-align: center erzwingt dass die Lücken zentriert unter dem jeweiligen Bild stehen.
- Der Befehl style="padding:5px" setzt einen Abstand von 5px zwischen die Bilder.
Datei:Üb3 Parabel 1.jpg | Datei:Üb3 Parabel 3.jpg | Datei:Üb3 Gerade 1.jpg | Datei:Üb3 Parabel 4.jpg | Datei:Üb3 Gerade 2.jpg | Datei:Üb3 Parabel 2.jpg |
y = x2 + 3 | y = - x2 + 3 | y = - x + 3 | y = -x2 - 3 | y = x - 3 | y = x2 - 3 |
<div class="lueckentext-quiz"> {| |- | style="padding:5px" | [[Bild:Üb3_Parabel_1.jpg]] | style="padding:5px" | [[Bild:Üb3_Parabel_3.jpg]] | style="padding:5px" | [[Bild:Üb3_Gerade_1.jpg]] | style="padding:5px" | [[Bild:Üb3_Parabel_4.jpg|150px]] | style="padding:5px" | [[Bild:Üb3_Gerade_2.jpg|150px]] | style="padding:5px" | [[Bild:Üb3_Parabel_2.jpg|150px]] |- | <strong>y = x<sup>2</sup> + 3 </strong> || <strong>y = - x<sup>2</sup> + 3 </strong> || <strong>y = - x + 3 </strong> || <strong>y = -x<sup>2</sup> - 3</strong> || <strong>y = x - 3 </strong> || <strong>y = x<sup>2</sup> - 3</strong> |} </div>
Quizze in anderen Sprachen
Das Script kann die Rückmeldungen und Bedientexte in verschiedenen Sprachen ausgeben. Momentan werden folgende Sprachen unterstützt:
- de - Deutsch
- en - Englisch
- fr - Französisch
- it - Italienisch
- es - Spanisch
- la - Latein
Um ein Quiz in einer anderen Sprache zu betreiben, braucht es eine Sprachangabe mit dem lang-Attribut. Im Folgenden ein paar Beispiele:
<div class="lueckentext-quiz"> (Standardsprache ist Deutsch) <div class="lueckentext-quiz" lang="en"> (Sprache explizit auf Englisch eingestellt) <div class="lueckentext-quiz" lang="la"> (Sprache explizit auf Lateinisch eingestellt)
<div class="zuordnungs-quiz" lang="en"> '''Matching Quiz'''<br> Match the following items by dragging the green fields! {| | [[Bild:4706bee.web.jpg|60px]] || bee |- | [[Bild:Rote Birne.jpg|60px]] || pear |- | [[Bild:Gluecks_schwein.jpg]] || piglet |- |} </div>
Einsatz von <math>
Aufgrund der Funktionsweise von <math> ist beim Einsatz in R-Quizzen folgendes zu beachten. Wenn dein <math> Element teil eines interaktiven Elements des R-Quizzes ist (z.B. also Lösung im Zuordnungsquiz) dann muss das <math> Element angepasst werden durch den Zusatz forcemathmode="png"
. Also so:
Weblinks
- Quiz-Script Framework (felix-riesterer.de)