aus ZUM-Wiki, dem Wiki für Lehr- und Lerninhalte auf ZUM.de

Das Quiz-Script Framework von Felix Riesterer ermöglicht es, verschiedene interaktive Übungen zu erstellen. Interessant ist insbesondere die Möglichkeit auch geeignete Ausdrucke für die Verteilung an Schüler ausgeben zu können. Siehe z.B. unter Kreuzworträtsel. Die Einbindung und Anzeige dieser Übungen im ZUM-Wiki ermöglicht die MediaWiki-Erweiterung (Extension) Javascript.

Suchbegriffe müssen wie fett geschriebene Wörter markiert werden. Dies geht wie gewohnt mit '''Suchbegriff'''.

Im Internet Explorer können die Sicherheitseinstellungen eine Darstellung dieser Quizze verhindern. Zur Problemlösung siehe unten unter Sicherheitseinstellung im Internet Explorer.

Inhaltsverzeichnis 1 Übersicht 2 Zuordnung - paarweise 2.1 Beispiel 2.2 Beispiel - mit vorangestellten Hinweisen 2.3 Beispiel: Geometrische Figuren 3 Zuordnung - Gruppe 4 Lückentext 4.1 Beispiel 5 Bildpuzzle 6 Memo-Quiz 6.1 Beispiel - mit Paaren 6.2 Beispiel - mit Paaren - und vorangestellten Hinweisen 6.3 Beispiel - mit Terzetten 7 Multiple-Choice-Quiz 7.1 Beispiel 8 Schüttelrätsel 9 Kreuzworträtsel 10 Suchsel - Buchstabensalat 11 Buchstabenraten (Hangman) 12 Quizze in anderen Sprachen 12.1 Sprachen 12.2 Beispiel für Englisch 13 Installation 14 Sicherheitseinstellung im Internet Explorer 15 Siehe auch

Ãœbersicht

Folgende Ãœbungsformen gibt es mit dem Quiz-Script Framework:

Quiz-Name	Merkmale	kennzeichnendes Syntax-Element	Beispiele unter ...
Zuordnungs-Quiz	mit Drag & Drop (Ziehen und Fallenlassen)	class="zuordnungs-quiz	paarweise → Zuordnung - paarweise gruppenweise → Zuordnung - Gruppe
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

Auf dieser Seite wird jeweils ein Beispiel zu jeder Übungsform gezeigt und dann erklärt.

Weitere Beispiele finden sich unter - Quiz-Script_Framework#Anwendungsbeispiele.

Zuordnung - paarweise

Beispiel

Das schreibt man:

<div class="zuordnungs-quiz">
{| 
|-
| [[Bild:4706bee.web.jpg|60px]] || Biene
|-
| [[Bild:Rote_Birne.jpg|60px]] || Birne
|-
| [[Bild:Gluecks_schwein.jpg]] || Glücksschwein
|}
</div>

→ mehr Hilfe

Beispiel - mit vorangestellten Hinweisen

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

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
|-
| [[Bild:Gluecks_schwein.jpg]] || Glücksschwein
|}
</div>

→ mehr Hilfe

Beispiel: Geometrische Figuren

Quellcode

<div class="zuordnungs-quiz">
{| 
|-
| [[Bild:Dreieck.svg|150px]] || Dreieck
|-
| [[Bild:Viereck1.jpg|100px]] || Viereck
|-
| [[Bild:Kreisfläche bestimmen.png|100px]] || Kreis
|}
</div>

→ mehr Hilfe

Zuordnung - Gruppe

mit Drag & Drop (Ziehen und Fallenlassen)

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 || [[Bild:Gluecks_schwein.jpg]] || Schaf || Rind
|}
</div>

→ mehr Hilfe

Lückentext

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

Beispiel

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>

→ mehr Hilfe

Bildpuzzle

Das schreibt man:

<div class="lueckentext-quiz">
[[Bild:Ostern_ganz_vorschau.jpg|100px|right]] <!-- Anzeige Gesamtbild -->
{| class="puzzle"
|'''[[Bild:Ostern_1_1.jpg|100px]]'''
|'''[[Bild:Ostern_1_2.jpg|100px]]'''
|'''[[Bild:Ostern_1_3.jpg|100px]]'''
|-
|'''[[Bild:Ostern_2_1.jpg|100px]]'''
|'''[[Bild:Ostern_2_2.jpg|100px]]'''
|'''[[Bild:Ostern_2_3.jpg|100px]]'''
|-
|'''[[Bild:Ostern_3_1.jpg|100px]]'''
|'''[[Bild:Ostern_3_2.jpg|100px]]'''
|'''[[Bild:Ostern_3_3.jpg|100px]]'''
|}
</div>

→ mehr Hilfe

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.

Weiterentwicklung: Die erratenen Paare bzw. Tripel werden nicht mehr versteckt, sondern bleiben jetzt für den Anwender sichtbar erhalten. Stand: 19.4.11 Danke an den Autor Felix Riesterer

Beispiel - mit Paaren

Das schreibt man:

<div class="memo-quiz">
{| 
|-
| [[Bild:Dreieck.svg|100px]] || Dreieck
|-
| [[Bild:Viereck1.jpg|100px]] || Viereck
|-
| [[Bild:Kreisfläche bestimmen.png|100px]] || Kreis
|}
</div>

Beispiel - mit Paaren - und vorangestellten Hinweisen

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
|-
| [[Bild:Viereck1.jpg|100px]] || Viereck
|-
| [[Bild:Kreisfläche bestimmen.png|100px]] || Kreis
|}
</div>

Beispiel - mit Terzetten

Das schreibt man:

<div class="memo-quiz">
{| 
|-
| [[Bild:Rote_Birne.jpg|60px]] || die Birne || the pear 
|-
| [[Bild:4706bee.web.jpg|60px]] || die Biene || the bee
|-
| [[Bild:Dreieck.svg|60px]] || das Dreieck || the triangle
|}

→ mehr Hilfe

Multiple-Choice-Quiz

Beispiel

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

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>

→ mehr Hilfe

Schüttelrätsel

mit Eingabefeldern

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>

→ mehr Hilfe

Kreuzworträtsel

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

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>

Suchsel - Buchstabensalat

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>

Bitte nur wenige (nicht mehr als ca. 6) Suchbegriffe verwenden! Denn sonst kommt es zu Darstellungsproblemen!

Buchstabenraten (Hangman)

Kann im Firefox "haken", d.h. die Anzeige der Buchstaben funktioniert nicht immer. --Achim 12:17, 28. Feb. 2011 (CET)

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)
<div class="lueckentext-quiz" lang="la"> (Sprache explizit auf Lateinisch eingestellt)

Beispiel für Englisch

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
|-
| [[Bild:Gluecks_schwein.jpg]] || piglet
|-
|}
</div>

Installation

In Localsettings.php wurden die entsprechenden Skripte wie folgt eingebunden:

   $js = "/extensions/Javascript";  # Relative path from $wgServer
   $wgJavascriptPaths = array(
     "$js/quiz/quiz.js"
     );
   include("$IP/extensions/Javascript/Javascript.php");

Sicherheitseinstellung im Internet Explorer

U.U. verhindern Sicherheitseinstellungen im Internet Explorer die richtige Darstellung der Quizze. Stellen Sie daher die Internetoptionen nach der folgenden Beschreibung ein.

Bild	Erklärung
	Anklicken von Extras, dann Internetoptionen
	Anklicken von Sicherheit, dann Vertrauenswürdige Sites. Wenn noch nicht auf Stufe mittel auf diese Stufe verstellen und schließlich Stufe anpassen.
	Suchen von Skripting, dann bei Active Scripting auf Aktivieren klicken.

Siehe auch

• Hilfe:Quiz
• Hilfe:Quiz-Script Framework/mehr
• Felix Riesterer
• Quiz-Script Framework
• Quiz-Tool in DaF und DaZ