Hilfe:Quiz-Framework

Aus Deutsch-Online-Wiki
Wechseln zu: Navigation, Suche

Inhaltsverzeichnis

Quiz-Script Framework

Folgende Übungsformen gibt es mit dem Quiz-Script Framework:

(Bemerkung: Funktioniert in Google Chrome derzeit nicht! 09.01.12)

Quiz-Name Merkmale kennzeichnendes Syntax-Element Beispiele unter ...
Zuordnungs-Quiz mit Drag & Drop (Ziehen und Fallenlassen) class="zuordnungs-quiz
Lückentext-Quiz mit Drag & Drop (Ziehen und Fallenlassen) oder mit Eingabefeldern class="lueckentext-quiz" Lückentext
Memo-Quiz class="memo-quiz" Memo
Multiple-Choice-Quiz class="multiplechoice-quiz" Multiple-Choice-Quiz
Schüttelrätsel-Quiz mit Eingabefeldern class="schuettel-quiz" Schüttelrätsel
Kreuzworträtsel class="kreuzwort-quiz" Kreuzworträtsel


Zuordnung - paarweise

4706bee.web.jpg Biene
Rote Birne.jpg Birne
Bundesarchiv Bild 183-D1224-0012-003, Neujahr, Schonsteinfeger mit Schwein-crop.jpg Glücksschwein


Das schreibt man:

<div class="zuordnungs-quiz">
{| 
|-
| [[Bild:4706bee.web.jpg|60px]] || Biene
|-
| [[Bild:Rote_Birne.jpg|60px]] || Birne
|-
| [[File:Bundesarchiv Bild 183-D1224-0012-003, Neujahr, Schonsteinfeger mit Schwein-crop.jpg|60px]] || Glücksschwein
|}
</div>

Beispiel - mit vorangestellten Hinweisen

In einer "Kopfzeile" können eine Überschrift und / oder Arbeitsanweisungen bzw. Hinweise der Übung vorangestellt werden.

Zuordnung
Ordne Bilder und Begriffe richtig zu.

4706bee.web.jpg Biene
Rote Birne.jpg Birne
Bundesarchiv Bild 183-D1224-0012-003, Neujahr, Schonsteinfeger mit Schwein-crop.jpg Glücksschwein


Das schreibt man:

<div class="zuordnungs-quiz">
<big>'''Zuordnung'''</big><br>
Ordne Bilder und Begriffe richtig zu.
{| 
|-
| [[Bild:4706bee.web.jpg|60px]] || Biene
|-
| [[Bild:Rote_Birne.jpg|60px]] || Birne
|-
| [[File:Bundesarchiv Bild 183-D1224-0012-003, Neujahr, Schonsteinfeger mit Schwein-crop.jpg|60px]] || Glücksschwein
|}
</div>

Zuordnung - Gruppe

mit Drag & Drop (Ziehen und Fallenlassen)

Zuordnung
Ordne die Bilder und Begriffe unten den richtigen Oberbegriffen zu.

Insekt Käfer 4706bee.web.jpg Ameise Motte
Obst Pflaume Rote Birne.jpg Apfel Kirsche Banane
Nutztier Bundesarchiv Bild 183-D1224-0012-003, Neujahr, Schonsteinfeger mit Schwein-crop.jpg Schaf Rind


Das schreibt man:

<div class="zuordnungs-quiz">
<big>'''Zuordnung'''</big><br>
Ordne die Bilder und Begriffe unten den richtigen Oberbegriffen zu.
{| 
| Insekt || Käfer || [[Bild:4706bee.web.jpg|60px]] || Ameise || Motte
|-
| Obst || Pflaume || [[Bild:Rote_Birne.jpg|60px]] || Apfel || Kirsche || Banane
|-
| Nutztier || [[File:Bundesarchiv Bild 183-D1224-0012-003, Neujahr, Schonsteinfeger mit Schwein-crop.jpg|60px]] || Schaf || Rind
|}
</div>

Lückentext

mit Drag & Drop (Ziehen und Fallenlassen) oder mit Eingabefeldern

Beispiel

Eine kleine 4706bee.web.jpg flog zu einer Birne (Rote Birne.jpg) und fragte sie nach dem Weg zum Glücksschwein (Glück bringendes Nutztier).


Das schreibt man:

<div class="lueckentext-quiz">

Eine kleine '''[[Bild:4706bee.web.jpg|60px]]''' flog zu einer '''Birne ([[Bild:Rote_Birne.jpg|60px]])''' und 
fragte sie nach dem '''Weg''' zum '''Glücksschwein (Glück bringendes Nutztier)'''. 

</div>

Weiteres Beispiel

Bildpuzzle

Das Foto zeigt Felsenzeichnungen aus Tamalgy in Kasachstan

Gesamt klein.png
1.png 2.png 3.png
4.png 5.png 6.png
7.png 8.png 9.png


Das schreibt man:

<div class="lueckentext-quiz">
[[Bild:Gesamt_klein.png|100px|right]] <!-- Anzeige Gesamtbild -->
{| class="puzzle"
|'''[[Bild:1.png|100px]]'''
|'''[[Bild:2.png|100px]]'''
|'''[[Bild:3.png|100px]]'''
|-
|'''[[Bild:4.png|100px]]'''
|'''[[Bild:5.png|100px]]'''
|'''[[Bild:6.png|100px]]'''
|-
|'''[[Bild:7.png|100px]]'''
|'''[[Bild:8.png|100px]]'''
|'''[[Bild:9.png|100px]]'''
|}
</div>

Memo-Quiz

Memo-Quiz ist die Bezeichnung dieses Übungstyps, der an das Spiel "Memory" erinnert. Da aber "Memory" ein markenrechtlich geschützter Begriff ist, heißt es hier Memo-Quiz.

Beispiel - mit Paaren

Dreieck.svg Dreieck
Rectangle.svg Viereck
Circle and its center.svg Kreis


Das schreibt man:

<div class="memo-quiz">
{| 
|-
| [[Bild:Dreieck.svg|100px]] || Dreieck
|-
| [[Bild:Rectangle.svg|100px]] || Viereck
|-
| [[File:Circle.svg|100px]] || Kreis
|}
</div>

Beispiel - mit Paaren - und vorangestellten Hinweisen

Geometrische Figuren
Finde die Paare aus je einem Bild und dem dazu passenden Begriff.

Dreieck.svg Dreieck
Rectangle.svg Viereck
Circle and its center.svg Kreis


Das schreibt man:

<div class="memo-quiz">

<big>'''Geometrische Figuren'''</big><br>
Finde die Paare aus je einem Bild und dem dazu passenden Begriff.

{| 
|-
| [[Bild:Dreieck.svg|100px]] || Dreieck
|-
| [[File:Rectangle.svg|100px]] || Rechteck
|-
| [[File:Circle.svg|100px]] || Kreis
|}
</div>

Weiteres Beispiel

Multiple-Choice-Quiz

Beispiel

Die folgenden Aufgaben können auch mehrere richtige Antworten enthalten!

Wer hat Amerika entdeckt? (Christoph Kolumbus) (!Marco Polo) (!James Cook)

Welches Tier ist ein Säugetier? (!Hai) (Wal) (Känguru) (!Meise) (Maus) (!Biene)

Wie lange dauerte der dreißigjährige Krieg? (!4 Jahre) (!10 Jahre) (!20 Jahre) (30 Jahre) (!9 Monate)


Das schreibt man:

<div class="multiplechoice-quiz">

Wer hat Amerika entdeckt? (Christoph Kolumbus) (!Marco Polo) (!James Cook)

Welches Tier ist ein Säugetier? (!Hai) (Wal) (Känguru) (!Meise) (Maus) (!Biene)

Wie lange dauerte der dreißigjährige Krieg? (!4 Jahre) (!10 Jahre) (!20 Jahre) (30 Jahre) (!9 Monate)

</div>

Schüttelrätsel

mit Eingabefeldern

Finden Sie die unverdrehte Lösung zu den verdrehten Wörtern!

Froh zu sein bedarf es wenig und wer froh ist, ist ein König.

Australien befindet sich auf der südlichen Erdhalbkugel, Europa dagegen auf der nördlichen.


Das schreibt man:

<div class="schuettel-quiz">

Finden Sie die unverdrehte Lösung zu den verdrehten Wörtern!

Froh zu sein bedarf es '''wenig''' und wer froh ist, ist ein '''König'''.

Australien befindet sich auf der '''südlichen''' Erdhalbkugel, '''Europa''' dagegen auf der '''nördlichen'''.

</div>

Weiteres Beispiel

Kreuzworträtsel

Beim Klick auf die Ziffern im Kreuzworträtsel öffnet sich ein Eingabefeld zum Eintragen.

Garten bepflanzter Bereich um ein Haus
Biene Insekt
Baum Wald bildende Pflanze
Sonne Himmelskörper, der nur am Tag zu sehen ist
Wind wetterbestimmende Luftbewegung
Blume allgemein für Pflanze, die blüht
Schwein Nutztier
Mütze Kopfbedeckung
Pferd Reittier
mäßig Gegenteil von übertrieben


Das schreibt man:

Beim Klick auf die Ziffern im Kreuzworträtsel öffnet sich ein Eingabefeld zum Eintragen.
<div class="kreuzwort-quiz">
{|  
|- 
| Garten || bepflanzter Bereich um ein Haus
|- 
| Biene || Insekt
|-
| Baum || Wald bildende Pflanze
|-
| Sonne || Himmelskörper, der nur am Tag zu sehen ist
|-
| Wind || wetterbestimmende Luftbewegung
|-
| Blume || allgemein für Pflanze, die blüht
|-
| Schwein || Nutztier
|-
| Mütze || Kopfbedeckung
|-
| Pferd || Reittier
|-
| mäßig || Gegenteil von übertrieben
|}
</div>

Weiteres Beispiel

Suchsel - Buchstabensalat

Finde die Wörter! (Waagrecht (von links nach rechts), senkrecht (von oben nach unten) und schräg (von links unten nach rechts oben oder von oben links nach unten rechts), gefundene Wörter werden grün markiert)

Birne
Biene
Ameise


Das schreibt man:

<div class="suchsel-quiz">

Finde die Wörter! ''(Waagrecht (von links nach rechts), senkrecht (von oben nach unten) 
und schräg (von links unten nach rechts oben oder von oben links nach unten rechts), 
gefundene Wörter werden grün markiert)''
{|
|Birne
|-
|Biene
|-
|Ameise
|}
</div>

Buchstabenraten (Hangman)

Tiere oder Insekten erraten!

Maus
Biene
Ameise
Pferd
Käfer
Das schreibt man
<div class="buchstabenraten-quiz">
{|
|Maus
|-
|Biene
|-
|Ameise
|-
|Pferd
|-
|Käfer
|}
</div>

Quizze in anderen Sprachen

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 Erweiterung im Code. Im Folgenden ein paar Beispiele:


Das schreibt man:

<div class="lueckentext-quiz"> (Standardsprache ist Deutsch)
<div class="lueckentext-quiz" lang="en"> (Sprache explizit auf Englisch eingestellt)

Beispiel für Englisch

Matching Quiz
Match the following items by dragging the green fields!

4706bee.web.jpg bee
Rote Birne.jpg pear
Bundesarchiv Bild 183-D1224-0012-003, Neujahr, Schonsteinfeger mit Schwein-crop.jpg piglet


Das schreibt man:

<div class="zuordnungs-quiz" lang="en">
<big>'''Matching Quiz'''</big><br>
Match the following items by dragging the green fields!
{|
| [[Bild:4706bee.web.jpg|60px]] || bee
|-
| [[Bild:Rote Birne.jpg|60px]] || pear
|-
| [[File:Bundesarchiv Bild 183-D1224-0012-003, Neujahr, Schonsteinfeger mit Schwein-crop.jpg|60px]] || piglet
|-
|}
</div>

Links