Hilfe:Quiz-Script Framework

aus ZUM-Wiki, dem Wiki für Lehr- und Lerninhalte auf ZUM.de
Wechseln zu: Navigation, Suche
Begriffsklärung 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.

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

Neuerungen

Noch nicht geprüft:

  1. Im Lückentext sind bei den Eingabefeldern verschiedene Schreibweisen möglich. Die Alternativen müssen durch das Pipe-Zeichen | voneinander getrennt notiert werden.
  2. 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
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

4706bee.web.jpg Biene
Rote Birne.jpg Birne
Gluecks schwein.jpg 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.

4706bee.web.jpg Biene
Rote Birne.jpg Birne
Gluecks schwein.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
|-
| [[Bild:Gluecks_schwein.jpg]] || Glücksschwein
|}
</div>
mehr Hilfe

Beispiel: Geometrische Figuren

Dreieck.svg Dreieck
Viereck1.jpg Viereck
Kreisfläche bestimmen.png 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 4706bee.web.jpg Ameise Motte
Obst Pflaume Rote Birne.jpg Apfel Kirsche Banane
Nutztier Gluecks schwein.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 || [[Bild:Gluecks_schwein.jpg]] || Schaf || Rind
|}
</div>
mehr Hilfe

Lückentext

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

Beispiel

Eine kleine 4706bee.web.jpg flog zu einer Birne | Apfel (Rote Birne.jpg) 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

Ostern ganz vorschau.jpg
Ostern 1 1.jpg Ostern 1 2.jpg Ostern 1 3.jpg
Ostern 2 1.jpg Ostern 2 2.jpg Ostern 2 3.jpg
Ostern 3 1.jpg Ostern 3 2.jpg Ostern 3 3.jpg


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.svg Dreieck
Viereck1.jpg Viereck
Kreisfläche bestimmen.png 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.svg Dreieck
Viereck1.jpg Viereck
Kreisfläche bestimmen.png 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

Rote Birne.jpg die Birne the pear
4706bee.web.jpg die Biene the bee
Dreieck.svg 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!

4706bee.web.jpg bee
Rote Birne.jpg pear
Gluecks schwein.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
|-
| [[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
Sicherheit0.jpg Anklicken von Extras, dann Internetoptionen
Sicherheit1.jpg Anklicken von Sicherheit, dann Vertrauenswürdige Sites. Wenn noch nicht auf Stufe mittel auf diese Stufe verstellen und schließlich Stufe anpassen.
Sicherheit2.jpg Suchen von Skripting, dann bei Active Scripting auf Aktivieren klicken.

Siehe auch