Hilfe:Quiz-Script Framework

Diese Seite befasst sich mit der MediaWiki-Extension "Quiz-Script Extension". - Seltener sind Quiz-Übungen, die auf der Extension "Quiz" beruhen. Siehe dazu Hilfe:Quiz.

Interaktive Übungen

Übungsformen

Fächer

Tools und Hilfen

Übersicht

Einzelne Programme

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.

Neuerungen

Noch nicht geprüft:

Im Lückentext sind bei den Eingabefeldern verschiedene Schreibweisen möglich. Die Alternativen müssen durch das Pipe-Zeichen | voneinander getrennt notiert werden.
Ein beendetes Quiz erhält einen zusätzlichen Klassennamen "geloest".

Mitteilung v. Herrn Riesterer --Achim 14:40, 19. Mär. 2012 (CET)

Ü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

	Biene
	Birne
	Glücksschwein

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.

Zuordnung
Ordne Bilder und Begriffe richtig zu.

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

→ mehr Hilfe

Beispiel: Geometrische Figuren

	Dreieck
	Viereck
	Kreis

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)

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

Insekt	Käfer		Ameise	Motte
Obst	Pflaume		Apfel	Kirsche	Banane
Nutztier		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 || [[Bild:Gluecks_schwein.jpg]] || Schaf || Rind
|}
</div>

→ mehr Hilfe

Lückentext

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

Beispiel

Eine kleine flog zu einer Birne | Apfel () und fragte sie nach dem Weg zum Glücksschwein | Schwein (Glück bringendes Nutztier) .

Das schreibt man:

<div class="lueckentext-quiz">

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

</div>

HINWEIS: Das | Zeichen sollte eigentlich eine alternative Lösungsmöglichkeit sein. Funktioniert aber (noch) nicht.

→ 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

	Dreieck
	Viereck
	Kreis

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

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

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

Beispiel - mit Terzetten

	die Birne	the pear
	die Biene	the bee
	das Dreieck	the triangle

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!

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>

→ mehr Hilfe

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>

→ mehr Hilfe

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>

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>

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)

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

Beispiel für Englisch

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

	bee
	pear
	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
|-
| [[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-Script Framework

Inhaltsverzeichnis

Neuerungen

Übersicht

Zuordnung - paarweise

Beispiel

Beispiel - mit vorangestellten Hinweisen

Beispiel: Geometrische Figuren

Zuordnung - Gruppe

Lückentext

Beispiel

Bildpuzzle

Memo-Quiz

Beispiel - mit Paaren

Beispiel - mit Paaren - und vorangestellten Hinweisen

Beispiel - mit Terzetten

Multiple-Choice-Quiz

Beispiel

Schüttelrätsel

Kreuzworträtsel

Suchsel - Buchstabensalat

Buchstabenraten (Hangman)

Quizze in anderen Sprachen

Sprachen

Beispiel für Englisch

Installation

Sicherheitseinstellung im Internet Explorer

Siehe auch

Navigationsmenü

Meine Werkzeuge

Namensräume

Varianten

Ansichten

Aktionen

Suche

Navigation

Hilfen

Werkzeuge