Nachricht für neue Nutzer.
Nachricht für engagierte Nutzer.
Lernpfad Wiki-Kurs/8. Interaktive H5P-Apps einbinden: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung Markierung: Quelltext-Bearbeitung 2017 |
KKeine Bearbeitungszusammenfassung Markierung: Quelltext-Bearbeitung 2017 |
||
| (4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 16: | Zeile 16: | ||
* In diesem Wiki-Kurs geht es lediglich darum, einige H5P-App-Varianten vorzustellen und zu zeigen, wie man sie - nachdem sie erstellt wurden - in einer ZUM-Unterrichten-Seite einbinden kann. | * In diesem Wiki-Kurs geht es lediglich darum, einige H5P-App-Varianten vorzustellen und zu zeigen, wie man sie - nachdem sie erstellt wurden - in einer ZUM-Unterrichten-Seite einbinden kann. | ||
}}<!-- Box --> | }}<!-- Box --> | ||
{{Box|1=<i class="fa fa-universal-access fa-2x" aria-hidden="true"></i> Mit einem Screenreader ZUM-Seiten lesen und interaktive H5P-Apps nutzen | |||
|2=Hinweise dazu, wie man mit einem Screenreader ZUM-Seiten lesen und interaktive H5P-Apps nutzen kann, findet man auf den Seiten [[ZUM mit Screenreader]] und [[H5P mit Screenreader]]. | |||
|3=}} | |||
{{Box | {{Box | ||
| Zeile 23: | Zeile 27: | ||
* Füge am Ende der Seite "Der Fuchs und die Trauben" einige der folgenden H5P-Apps ein. Die Apps befinden sich auf der ZUM-Apps-Seite https://apps.zum.de/apps/ | * Füge am Ende der Seite "Der Fuchs und die Trauben" einige der folgenden H5P-Apps ein. Die Apps befinden sich auf der ZUM-Apps-Seite https://apps.zum.de/apps/ | ||
* Jede besitzt eine eindeutige der Id-Nummer, die jeweils im Beispiel unten angegeben ist. | * Jede besitzt eine eindeutige der Id-Nummer, die jeweils im Beispiel unten angegeben ist. | ||
* Die App der | * Die App der Testaufgabe "Zeilen sortieren" hat z.B. die Id-Nummer 47183 und kann im Browser direkt geöffnet werden, indem man in der Adressleiste eingibt: <code><nowiki>https://apps.zum.de/apps/47183</nowiki></code> | ||
}} | }} | ||
| Zeile 33: | Zeile 37: | ||
{{2Spalten | {{2Spalten | ||
| <!-- 1. Spalte --> | | <!-- 1. Spalte --> | ||
==== 1. Aufgabe: Wörter vom Rand in die | ==== 1. Aufgabe: Wörter vom Rand in die Lücken ziehen ==== | ||
Mit <code><nowiki> {{h5p-zum|id=47189|height= | Mit <code><nowiki> {{h5p-zum|id=47189|height=400px}} </nowiki></code> wird folgende H5P-App vom Typ '''Drag the Words''' eingebunden: | ||
{{h5p-zum|id=47189|height= | {{h5p-zum|id=47189|height=400px}} | ||
==== 2. Aufgabe: Bei jeder Frage ist genau eine Antwort richtig. ==== | ==== 2. Aufgabe: Bei jeder Frage ist genau eine Antwort richtig. ==== | ||
Mit <code><nowiki> {{h5p-zum|id=47187|height=500px}} </nowiki></code> wird folgende H5P-App vom Typ '''Single Choice Set''' eingebunden: | Mit <code><nowiki> {{h5p-zum|id=47187|height=500px}} </nowiki></code> wird folgende H5P-App vom Typ '''Single Choice Set''' eingebunden: | ||
| Zeile 47: | Zeile 51: | ||
| <!-- 2. Spalte --> | | <!-- 2. Spalte --> | ||
==== 4. Aufgabe: Lücken ausfüllen ==== | ==== 4. Aufgabe: Lücken ausfüllen ==== | ||
Mit <code><nowiki> {{h5p-zum|id=47214|height= | Mit <code><nowiki> {{h5p-zum|id=47214|height=400px}} </nowiki></code> wird folgende H5P-App vom Typ '''Fill in the Blanks''' eingebunden: | ||
{{h5p-zum|id=47214|height= | {{h5p-zum|id=47214|height=400px}} | ||
==== 5. Aufgabe: Mehrere Antworten können richtig sein. ==== | ==== 5. Aufgabe: Mehrere Antworten können richtig sein. ==== | ||
Mit <code><nowiki> {{h5p-zum|id=47188|height=500px}} </nowiki></code> wird folgende H5P-App vom Typ '''Multiple Choice''' eingebunden: | Mit <code><nowiki> {{h5p-zum|id=47188|height=500px}} </nowiki></code> wird folgende H5P-App vom Typ '''Multiple Choice''' eingebunden: | ||
{{h5p-zum|id=47188|height=500px}} | {{h5p-zum|id=47188|height=500px}} | ||
==== 6. Aufgabe: | ==== 6. Aufgabe: Wörter mit bestimmtem Merkmal markieren==== | ||
Mit <code><nowiki> {{h5p-zum|id=47197|height=350px}} </nowiki></code> wird folgende H5P-App vom Typ '''Mark the Words''' eingebunden: | Mit <code><nowiki> {{h5p-zum|id=47197|height=350px}} </nowiki></code> wird folgende H5P-App vom Typ '''Mark the Words''' eingebunden: | ||
Aktuelle Version vom 9. Juni 2026, 19:15 Uhr
Interaktive H5P-Apps einbinden
- Zur Fabel "Der Fuchs und die Trauben" sollen interaktive Übungen in einer ZUM-Seite zusammengestellt werden.
- Die eigentliche Erstellung solcher H5P-Apps ist ein Thema für sich. Dafür bietet sich das Wiki ZUM-Apps an.
- Man kann H5P-Apps "manuell" erstellen, indem man zu dem gewünschten Inhaltstyp ein Formular ausfüllt.
- Für die Erstellung werden aber auch KI-basierte Verfahren entwickelt, erprobt und eingesetzt (H5P-Wizard).
- In diesem Wiki-Kurs geht es lediglich darum, einige H5P-App-Varianten vorzustellen und zu zeigen, wie man sie - nachdem sie erstellt wurden - in einer ZUM-Unterrichten-Seite einbinden kann.
Mit einem Screenreader ZUM-Seiten lesen und interaktive H5P-Apps nutzen
Hinweise dazu, wie man mit einem Screenreader ZUM-Seiten lesen und interaktive H5P-Apps nutzen kann, findet man auf den Seiten ZUM mit Screenreader und H5P mit Screenreader.
Aufgabe: Verschiedene H5P-Apps zur Fabel "Der Fuchs und die Trauben" in eine ZUM-Seite einbinden
- Füge am Ende der Seite "Der Fuchs und die Trauben" einige der folgenden H5P-Apps ein. Die Apps befinden sich auf der ZUM-Apps-Seite https://apps.zum.de/apps/
- Jede besitzt eine eindeutige der Id-Nummer, die jeweils im Beispiel unten angegeben ist.
- Die App der Testaufgabe "Zeilen sortieren" hat z.B. die Id-Nummer 47183 und kann im Browser direkt geöffnet werden, indem man in der Adressleiste eingibt:
https://apps.zum.de/apps/47183
Ergebnis
Testaufgaben zur Fabel "Der Fuchs und die Trauben" (H5P-Apps)
1. Aufgabe: Wörter vom Rand in die Lücken ziehen
Mit {{h5p-zum|id=47189|height=400px}} wird folgende H5P-App vom Typ Drag the Words eingebunden:
2. Aufgabe: Bei jeder Frage ist genau eine Antwort richtig.
Mit {{h5p-zum|id=47187|height=500px}} wird folgende H5P-App vom Typ Single Choice Set eingebunden:
3. Aufgabe: Zeilen sortieren
Mit {{h5p-zum|id=47183|height=750px}} wird folgende H5P-App vom Typ Sort the Paragraphs eingebunden:
4. Aufgabe: Lücken ausfüllen
Mit {{h5p-zum|id=47214|height=400px}} wird folgende H5P-App vom Typ Fill in the Blanks eingebunden:
5. Aufgabe: Mehrere Antworten können richtig sein.
Mit {{h5p-zum|id=47188|height=500px}} wird folgende H5P-App vom Typ Multiple Choice eingebunden:
6. Aufgabe: Wörter mit bestimmtem Merkmal markieren
Mit {{h5p-zum|id=47197|height=350px}} wird folgende H5P-App vom Typ Mark the Words eingebunden:
Weiterführende Links
