Schlagwort-Archiv: HH Quizzes

Wordpress

WordPress Plugin „HH Quizzes“

15 Kommentare

Update am 08.08.14: Habe soeben die ebenfalls von Felix Riesterer zur Verfügung gestellte Multilingual-Version hinzu gefügt und getestet. Die Sprachen de,(Deutsch), en (English), es (Español), fr (Français), it (Italiano), pl (Polski), la (Latin) werden einfach mit lang =”xx” im div tag ausgewählt, um ein Quiz in einer der angeführten Sprachen zu kreieren.

Quiz-Script Framework
Ein wirklich nettes JavaScript-Framework (LGPL) von Felix Riesterer habe ich auf Quiz-Script Framework entdeckt und es als WordPress-Plugin verpackt, damit ich nicht bei jedem WordPress Update Änderungen vornehmen muss.
Es ist gut geeignet als Lehr- und Lernsoftware, das verschiedene interaktive Möglichkeiten erstellt werden können, um Inhalte spielerisch zu erlernen, abzufragen und den Wissensstand zu überprüfen.
Da das Quiz-Script-Framework wirklich einfach zu verwenden ist und ich selbst noch öfter davon Gebrauch machen werde, habe ich das WP-Plugin “HH Quizzes”, das einfach das Quiz-Script-Framework einbindet und ein wenig modifiziert auch ins WordPress Plugin-Verzeichnis hochgeladen, wo es jederzeit erhältlich ist: HH Quizzes, damit es auch andere WordPress-Benutzer nützen können.
Ich übernehme keine Verantwortung für eventuelle Fehler, aber bei mir funktioniert es auf WordPress 3.9 ganz gut, wie man auch an dem Beispiel unten sieht und an den weiteren, die ich hier noch verlinken werde.
Man kann das JavaSrcipt-Framework natürlich auch ohne Plugin selbst einbinden, Anweisungen dazu gibt es auf den unten angeführten Seiten und dort findet man auch Beispiele für alle möglichen Quizzes. Folgende Anwendungsbeispiele stammen von zum.de Quiz-Script-Framework:

Please use the text editor (not the visual editor) and write the tags just like in my examples “<p>, <strong> etc.” are required.

  1. Zuordnungs-Quiz (paarweise; mit Drag&Drop)
    Matching Quiz (match pairs)
  2. Zuordnungs-Quiz (gruppenweise)
    Matching Quiz (match groups)
  3. Bilderpuzzle (basierend auf dem Lückentext-Quiz)
    Picture Puzzle (made with the gap fill quiz mechanism)
  4. Memo-Quiz
  5. Multiple Choice – Quiz
  6. Schüttelrätsel-Quiz (buchstabenweise; mit Eingabefeldern)
    Word Jumble Quiz
  7. Kreuzworträtsel
    Crossword Quiz
  8. Suchsel
    Word Search Puzzle
  9. Buchstabenraten (Hangman)
    Wordfind Quiz (Hangman Quiz)

Weiter Links und Beispiele dazu:
Beispiele vom Autor des Quiz-Script-Frameworks
Hilfe:Quiz-Script Framework hier können Beispiele für die Anwendung gefunden werden.
Zuordnungs-​Rätsel: Englische Farbwörter – Theodorschule Paderborn
Zuordnungs-​Rätsel: Tierklassen – Theodorschule Paderborn
Unterrichtsmedien

Projekte

Zuordnungs-Quiz (paarweise; mit Drag&Drop)

Ein Kommentar

geschrieben: 18. Mai 2014
aktualisiert: 12.07.2014
zurück zu HH-Quizzes
Matching Quiz (match pairs)

Zuordnung
Ordne Bilder und Begriffe richtig zu.

4706bee.web.jpg Biene
Rote Birne.jpg Birne
Gluecks schwein.jpg Glücksschwein

Die Einbindung erfolgte mit:
<div class="zuordnungs-quiz">
<p><big><b>Zuordnung</b></big><br />
Ordne Bilder und Begriffe richtig zu.
</p> <table> <tr>
<td> <a href="/wp-content/uploads/2014/04/60px-4706bee.web_.jpg" class="image"><img alt="4706bee.web.jpg" src="/wp-content/uploads/2014/04/60px-4706bee.web_.jpg" width="60" height="48" /></a> </td>
<td> Biene </td></tr> <tr>
<td> <a href="/wp-content/uploads/2014/04/60px-Rote_Birne.jpg" class="image"><img alt="Rote Birne.jpg" src="/wp-content/uploads/2014/04/60px-Rote_Birne.jpg" width="60" height="80" /></a> </td>
<td> Birne </td></tr> <tr>
<td> <a href="/wp-content/uploads/2014/04/Gluecks_schwein.jpg" class="image"><img alt="Gluecks schwein.jpg" src="/wp-content/uploads/2014/04/Gluecks_schwein.jpg" width="60" height="37" /></a> </td>
<td> Glücksschwein </td></tr></table>
</div>

Lückentext-Quiz (sowohl mit Drag&Drop als auch mit Eingabefeldern)

Das Internet (weltweites Computernetz) weiß alles.

Die Einbindung erfolgte mit:
<div class="lueckentext-quiz">
<p>Das <strong>Internet (weltweites Computernetz)</strong> weiß alles.</p>
</div>

Projekte

Bilderpuzzle (basierend auf dem Lückentext-Quiz)

6 Kommentare

geschrieben am 18.05.2014
aktualisiert am 12.07.2014
zurück zu HH-Quizzes

Bilderpuzzle

ostern_ganz_vorschau

ostern_1_1 ostern_3_1 ostern_3_4 ostern_3_2
ostern_3_3 ostern_4_1 ostern_2_4 ostern_2_3
ostern_2_2 ostern_1_3 ostern_4_4 ostern_4_2
ostern_2_1 ostern_1_2 ostern_4_3 ostern_1_4

Der dazu verwendete Source Code:

<div class="lueckentext-quiz">
<p><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_ganz_vorschau.jpg" alt="ostern_ganz_vorschau" class="linksbuendig" /></p>
<table class="puzzle">
<tr>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_1_1.jpg" alt="ostern_1_1" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_1_2.jpg" alt="ostern_3_1" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_1_3.jpg" alt="ostern_3_4" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_1_4.jpg" alt="ostern_3_2" /></em></td>
</tr><tr>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_2_1.jpg" alt="ostern_3_3" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_2_2.jpg" alt="ostern_4_1" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_2_3.jpg" alt="ostern_2_4" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_2_4.jpg" alt="ostern_2_3" /></em></td>
</tr><tr>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_3_1.jpg" alt="ostern_2_2" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_3_2.jpg" alt="ostern_1_3" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_3_3.jpg" alt="ostern_4_4" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_3_4.jpg" alt="ostern_4_2" /></em></td>
</tr><tr>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_4_1.jpg" alt="ostern_2_1" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_4_2.jpg" alt="ostern_1_2" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_4_3.jpg" alt="ostern_4_3" /></em></td>
<td><em><img src="https://test.hirner.at/wp-content/uploads/2014/07/ostern_4_4.jpg" alt="ostern_1_4" /></em></td>
</tr></table></div>

Projekte

Memo-Quiz

2 Kommentare

zurück zu HH-Quizzes

Dreieck.svg Dreieck
Viereck1.jpg Viereck
Kreisfläche bestimmen.png Kreis

Der verwendete Code lautet:
<div class="memo-quiz">
<table><tr><td> <a href="/wp-content/uploads/2014/04/100px-Dreieck.svg_.png" class="image"><img alt="Dreieck.svg" src="/wp-content/uploads/2014/04/100px-Dreieck.svg_.png" width="100" height="47" /></a> </td>
<td> Dreieck</td></tr>
<tr><td> <a href="/wp-content/uploads/2014/04/100px-Viereck1.jpg" class="image"><img alt="Viereck1.jpg" src="/wp-content/uploads/2014/04/100px-Viereck1.jpg" width="100" height="75" /></a> </td>
<td> Viereck</td></tr>
<tr><td> <a href="/wp-content/uploads/2014/04/100px-Kreisfläche_bestimmen.png" class="image"><img alt="Kreisfläche bestimmen.png" src="/wp-content/uploads/2014/04/100px-Kreisfläche_bestimmen.png" width="100" height="101" /></a> </td>
<td> Kreis</td></tr></table>
</div>