H5P: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
(→‎Timeline: https://apps.zum.de/apps/6748)
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(45 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
'''H5P''' (HTML 5 Package) ist eine freie, quelloffene Software zum Erstellen von Inhalten, speziell Lerninhalten, die auf [https://h5p.org/ h5p.org] zur Verfügung gestellt wird. H5P basiert auf HTML5 und ermöglicht es, Inhalte in einfacher Weise zu erstellen, zu kopieren und weiterzuverwenden. Beliebte Übungen sind z. B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memo-Spiel.
'''H5P''' (HTML 5 Package) ist eine freie, quelloffene Software zum Erstellen von Inhalten, speziell Lerninhalten, die auf [https://h5p.org/ h5p.org] zur Verfügung gestellt wird. H5P basiert auf HTML5 und ermöglicht es, Inhalte in einfacher Weise zu erstellen, zu kopieren und weiterzuverwenden. Beliebte Übungen sind z. B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memo-Spiel.


Da mit H5P eine großen Zahl von unterschiedlichen [[#H5P-Inhaltstypen|Inhaltstypen]] erstellt und auch miteinander kombiniert werden können, stellt H5P derzeit wohl das flexibelste und vielfältigste Tools zur Erstellung von interaktiven Lerninhalten dar.
Da mit H5P eine großen Zahl von unterschiedlichen [[H5P-Inhaltstypen|Inhaltstypen]] erstellt und auch miteinander kombiniert werden können, stellt H5P derzeit wohl das flexibelste und vielfältigste Tools zur Erstellung von interaktiven Lerninhalten dar.


Gerade auch für das Sprachenlernen, insbesondere für den Anfangsunterricht, aber auch für fortgeschrittene Lerner:innen, bietet H5P zahlreiche sinnvolle Anwendungsmöglichkeiten. Das gilt auch für Deutsch als Fremdsprache (DaF) und als Zweitsprache (DaZ).
Gerade auch für das Sprachenlernen, insbesondere für den Anfangsunterricht, aber auch für fortgeschrittene Lerner:innen, bietet H5P zahlreiche sinnvolle Anwendungsmöglichkeiten. Das gilt auch für Deutsch als Fremdsprache (DaF) und als Zweitsprache (DaZ).


== H5P in DaF und DaZ ==
==H5P in DaF und DaZ==
Es gibt viele Einsatzmöglichkeiten von H5P im DaF/DaZ-Kontext. Hier ein Beispiel für die Umsetzung eines Deutschkurses mit H5P:  
Es gibt viele Einsatzmöglichkeiten von H5P im DaF/DaZ-Kontext. Hier ein Beispiel für die Umsetzung eines Deutschkurses mit H5P:  
* [https://germ1111.trubox.ca/ Welcome to GERM 1111: Introductory German 1, Eine Reise nach Deutschland (Teil 1)]
 
*[https://germ1111.trubox.ca/ Welcome to GERM 1111: Introductory German 1, Eine Reise nach Deutschland (Teil 1)]


In den folgenden Abschnitten dieser Seite steht ein Überblick über alle H5P-Inhaltstypen auf [[ZUM-Apps]]. Beispiele auf den [[#H5P-Inhaltstypen|dort verlinkten Einzelheiten zu den einzelnen H5P-Inhaltstypen]] zeigen, wie diese Inhaltstypen für DaF und DaZ genutzt werden können.  
In den folgenden Abschnitten dieser Seite steht ein Überblick über alle H5P-Inhaltstypen auf [[ZUM-Apps]]. Beispiele auf den [[#H5P-Inhaltstypen|dort verlinkten Einzelheiten zu den einzelnen H5P-Inhaltstypen]] zeigen, wie diese Inhaltstypen für DaF und DaZ genutzt werden können.  


Dieser Überblick und die Informationen zu den einzelnen H5P-Inhaltstypen sind im Aufbau und werden fortlaufend ergänzt.
Dieser Überblick und die Informationen zu den einzelnen H5P-Inhaltstypen sind im Aufbau und werden fortlaufend ergänzt.
{{siehe|H5P-Inhaltstypen}}


==Warum H5P?==
==Warum H5P?==
Zeile 26: Zeile 29:
*In ''ZUM Deutsch Lernen'' können H5P von [[ZUM-Apps]] und von H5P.org sehr einfach eingebunden werden (siehe [[Hilfe:H5P]]).
*In ''ZUM Deutsch Lernen'' können H5P von [[ZUM-Apps]] und von H5P.org sehr einfach eingebunden werden (siehe [[Hilfe:H5P]]).


== Einführung in H5P ==
==Einführung in H5P==


=== Einführung hier in ZUM Deutsch Lernen ===
===Einführung hier in ZUM Deutsch Lernen===


* [[#H5P-Inhaltstypen|Welche Inhaltsformate bietet H5P?]]
*[[#H5P-Inhaltstypen|Welche Inhaltsformate bietet H5P?]]
* Wie erstellt man H5P-Inhalte?
*Wie erstellt man H5P-Inhalte?


Hierauf soll diese Seite erste Antworten bieten. - Mehr steht dann auf den Seiten zu den einzelnen [[#H5P-Inhaltstypen|H5P-Inhaltstypen]].
Hierauf soll diese Seite erste Antworten bieten. - Mehr steht dann auf den Seiten zu den einzelnen [[#H5P-Inhaltstypen|H5P-Inhaltstypen]].
Zeile 37: Zeile 40:
Im OER-Universum gibt es darüber hinaus eine Reihe von Online-Workshops, Webinaren und Tutorials. Hier kann man sich individuell aussuchen, welche Inhalte für die eigene Arbeit relevant sind.
Im OER-Universum gibt es darüber hinaus eine Reihe von Online-Workshops, Webinaren und Tutorials. Hier kann man sich individuell aussuchen, welche Inhalte für die eigene Arbeit relevant sind.


=== Eine ausführliche Anleitung auf Deutsch ===
===Eine ausführliche Anleitung auf Deutsch===


Eine ausführliche Anleitung auf Deutsch mit je einem Beispiel zu allen genannten H5P-Inhaltstypen sowie jeweils einem Screencast dazu, das zeigt, wie dieses Beispiel erstellt worden ist, hat Nele Hirsch erstellt:
Eine ausführliche Anleitung auf Deutsch mit je einem Beispiel zu allen genannten H5P-Inhaltstypen sowie jeweils einem Screencast dazu, das zeigt, wie dieses Beispiel erstellt worden ist, hat Nele Hirsch erstellt:


* [https://h5p.glitch.me/ H5P im Überblick] von Nele Hirsch ([https://ebildungslabor.de ebildungslabor.de])
*[https://h5p.glitch.me/ H5P im Überblick] von Nele Hirsch ([https://ebildungslabor.de ebildungslabor.de])


=== Einführungen von Oliver Tacke ===
===Einführungen von Oliver Tacke===


{{h5p-zum|id=6844}}
{{h5p-zum|id=6844}}
Zeile 49: Zeile 52:
{{#ev:youtube|Cy_QAHUKAB8}}
{{#ev:youtube|Cy_QAHUKAB8}}


== H5P-Inhalte testen mit EinstiegH5P.de ==
==H5P-Inhalte testen mit EinstiegH5P.de==


Nele Hirsch stellt auch die Seite [https://einstiegh5p.de/ Einstieg H5P] zur Verfügung:
Nele Hirsch stellt auch die Seite [https://einstiegh5p.de/ Einstieg H5P] zur Verfügung:
Zeile 73: Zeile 76:
|Kurzinfo}}
|Kurzinfo}}


== H5P-Inhalten einbinden ==
==H5P-Inhalten einbinden==


=== Inhalte von '''[https://apps.zum.de ZUM-Apps]''' einbinden ===
===Inhalte von '''[https://apps.zum.de ZUM-Apps]''' einbinden===
<div class="grid">
<div class="grid">
<div class="width-1-2">
<div class="width-1-2">
<pre>{{h5p-zum|id=6064|height=200}}</pre>
<pre>{{h5p-zum|id=6064|height=200}}</pre>


* Du findest die ID in der URL: https://apps.zum.de/apps/6064
*Du findest die ID in der URL: https://apps.zum.de/apps/6064
</div>
</div>
<div class="width-1-2">
<div class="width-1-2">
Zeile 87: Zeile 90:
</div>
</div>


=== Inhalte von H5P.org einbinden ===
===Inhalte von H5P.org einbinden===
'''Wortschatz zum Thema Haus: Schaubild'''
'''Wortschatz zum Thema Haus: Schaubild'''
<div class="grid">
<div class="grid">
Zeile 99: Zeile 102:
</div>
</div>


== H5P-Inhaltstypen ==
==H5P-Inhaltstypen==
 
=== Basisinhalte und komplexe Inhaltstypen ===
 
Die so genannten Inhaltstypen lassen sich in zwei Gruppen einteilen: Basisinhalte und komplexe Inhaltstypen (Sets).
 
Die H5P-Inhaltstypen, die hier unter dem Begriff "Basisinhalte" zusammengefasst sind, ermöglichen entweder nur das Erstellen einer einzelnen interaktiven Übung oder einer Folge von interaktiven Übungen gleichen oder ähnlichen Typs. Zudem sind dies Inhaltstypen, die - in unterschiedlicher Zahl und Zusammensetzung - innerhalb der komplexen H5P-Inhaltstypen genutzt werden können.
 
Komplexe Inhaltstypen erlauben es, verschiedene Basisinhalte zu einer festgelegten Reihe von Übungen sozusagen in einem vorgegebenen Rahmen zusammenzufassen.
 
Da hier in ''ZUM Deutsch Lernen'' vorwiegend die H5P-Apps auf ZUM-Apps genutzt werden, sollen hier alle H5P-Inhaltstypen, die es auf ZUM-Apps gibt, vorgestellt werden.
 
Die Beschreibungen der einzelnen H5P-Inhaltstypen stammen zu einem großen Teil von [https://ebildungslabor.de Nele Hirsch] und sind auf [https://h5p.glitch.me h5p.glitch.me] zu finden.
 
Die Aussagen zur Nutzung der verschiedenen H5P-Inhaltstypen in DaF und DaZ beruhen vorwiegend auf eigenen Erfahrungen der Autoren dieser Seite.
 
=== H5P-Inhaltstypen - Überblick ===
 
Die folgende Liste enthält sowohl die komplexen H5P-Inhaltstypen als auch die Basisinhalte. Diese Liste erleichtert so, sich einen Überblick darüber zu verschaffen, welche H5P-Inhaltstypen es überhaupt gibt, und ermöglicht so, die für einen passenden Inhaltstypen auszuwählen.
 
Diese Liste soll möglichst vollständig sein. Da aber immer wieder neue H5P-Inhaltstypen entstehen und bestehende weiterentwickelt werden, kann es sein, dass dies nicht immer gelingt. - Im Zweifelsfall lohnt zum Vergleich ein Blick auf [https://h5p.org H5P.org].
 
==== AR Scavenger ====
Augmented reality fun! - Augmented reality, ohne hierfür speziell Software zu installieren, in Plattformen wie Canvas, Brightspace, Blackboard, Moodle and WordPress.
 
====Accordion====
[[Datei:H5P Symbolbild Accordion.png|mini|150px|Accordion|link=https://apps.zum.de/apps/6288]]
{{siehe|Accordion}} ''in DaF/DaZ''
 
Informationen werden übersichtlich in ausklappbaren Elementen präsentiert.
 
Mit ''Accordion'' können Inhalte übersichtlich präsentiert werden, weil der größte Teil zunächst nicht sichtbar ist. Er erscheint, wenn man ausklappbare Überschriften anklickt.
 
====Advanced Fill the Blanks====
[[Datei:H5P Symbolbild Advanced Fill the Blanks.png|mini|150px|link=https://h5p.glitch.me/advanced.html]]
{{siehe|Advanced Fill the Blanks}} ''in DaF/DaZ''
Ein erweiterter Lückentext, der mehrere Lösungsmöglichkeiten beim eingegeben Text erlaubt. Außerdem kann differenzierteres Feedback eingegeben werden.
 
Vergleiche:
*[[#Fill in the Blanks|Fill in the Blanks]]
 
==== Advent Calendar (beta) ====
[[Datei:H5P Symbolbild Advent Calendar.png|mini|150px|Advent Calendar|link=https://apps.zum.de/apps/17534]]
{{siehe|Advent Calendar}} ''in DaF/DaZ''
 
Ein Adventskalender, erstellt von Oliver Tacke, in dem Videos, Audio-Dateien, Bilder, Texte und Links innerhalb jeder Tür eingefügt werden können.
 
====Agametto (Image Blender)====
[[Datei:H5P Symbolbild Agametto.png|mini|150px|Agametto|link=https://h5p.glitch.me/agamotto.html]]
Mehrere Bilder werden neben-/ übereinander gelegt und können auf diese Weise interaktiv erkundet werden. Zu jedem Bild kann ein kurzer Text ergänzt werden.
 
*[https://h5p.glitch.me/agamotto.html Beispiel und Erklärvideo (h5p.glitch.me)]
 
====Arithmetic Quiz====
[[Datei:H5P Symbolbild Arithmetic Quiz.png|mini|150px|Arithmetic Quiz|link=https://apps.zum.de/apps/14080]]
Mit einfachen Quizzen können die Grundrechenarten trainiert werden.
 
Es wird automatisiert ein Quiz erstellt, mit dem Grundrechenarten trainiert werden können.
 
Bitte beachte, dass nicht eigene Aufgaben eingegeben werden können, sondern nur die gewünschten Rechenoperationen und die Anzahl der Aufgaben.
 
Der Vorteil daran ist, dass der Inhalt sehr einfach erstellt ist. Der Nachteil ist, dass er kaum anpassbar/ personalisierbar ist. Es ist zum Beispiel nicht möglich, gezielt die 8-er Folge zu trainieren.
 
*[https://h5p.glitch.me/arithmetic.html Beispiel und Screencast (h5p.glitch.me)]
 
====Audio====
 
...
 
====Audio Recorder====
[[Datei:H5P Symbolbild Audio Recorder.png|mini|150px|Audio Recorder|link=https://apps.zum.de/apps/507]]
{{siehe|Audio Recorder}} ''in DaF/DaZ''
 
Mit diesem Inhaltstyp wird eine Aufnahmemöglichkeit zur Verfügung gestellt. Lernende und Lehrende können das nutzen, um Audio-Aufnahmen einzusprechen und dann herunterzuladen.
 
====Bingo====
[[Datei:H5P Bingo Symbolbild.png|mini|150px|link=https://apps.zum.de/apps/379|Bingo]]
{{siehe|Bingo}} ''in DaF/DaZ''
 
'''[[Bingo]]''' ist ein Inhaltstyp, der nicht von H5P.org stammt und extra installiert werden muss. Er ermöglicht Aktivitäten ähnlich der Aktivität [[Autogrammjagd]].
 
====Branching Scenario - [[#Basisinhalte und komplexe Inhaltstypen|Komplexer Inhaltstyp]]====
[[Datei:H5P Symbolbild Branching Scenario.png|mini|150px|Branching Scenario|link=https://apps.zum.de/apps/15582]]
{{siehe|Branching Scenario}} ''in DaF/DaZ''
 
Das Branching Scenario ist ein komplexer Inhaltstyp, bei dem Nutzende aus mehreren Optionen auswählen können und damit dann entscheiden, was ihnen als nächstes angezeigt wird.
 
==== Chart ====
[[Datei:H5P Symbolbild Chart.png|mini|150px|Chart|link=https://apps.zum.de/apps/8543]]
{{siehe|Chart}} ''in DaF/DaZ''
 
Daten werden als Balken- oder Kreisdiagramm gestaltet und können auf diese Weise visualisiert werden.
 
In einem Balken- oder Kreisdiagramm können Mengen / Verteilungen / Daten visualisiert werden.
 
====Collage====
 
Mehrere Bilder können als Collage gestaltet und dann präsentiert werden.
 
*[https://h5p.glitch.me/collage.html Beispiel und Screencast (h5p.glitch.me)]
 
{{Box|Info|
Bis auf Weiteres wird der Inhaltstyp Collage nicht auf ZUM-Apps angeboten werden. Grund ist die fehlende Möglichkeit in H5P, Urheberrechtsangaben für genutzte Bilder zu machen. (Stand Januar 2021)
|Kurzinfo}}
 
====Column - [[#Basisinhalte und komplexe Inhaltstypen|Komplexer Inhaltstyp]]====
 
{{siehe|Column}} ''in DaF/DaZ''
 
Dieser aus anderen H5P-Modulen zusammengesetzte komplexe Inhaltstyp, ermöglicht die größte Zahl an Basisinhaltstypen (aktuell 33), die zu einem interaktiven Arbeitsblatt mit Rückmeldungen kombiniert werden können.
 
Mehrere Aufgabentypen und weitere Inhalte können als eine Art Webseite gestaltet werden.
 
==== Cornell Notes ====
Mache Notizen unter Nutzung des Cornell Notes Systems in Plattformen wie Canvas, Brightspace, Blackboard, WordPress und Moodle.
 
====Continues Text====
[[Datei:H5P_Symbolbild_Continues_Text.png|mini|150px|Continues Text|link=https://apps.zum.de/apps/10478]]
{{siehe|Continuous Text}} ''in DaF/DaZ''
 
''Continuous Text'' ist ein Basis H5P-Modul, das es aktuell nur in [[Course Presentation]] gibt. (Stand Januar 2021)
 
====Course Presentation - [[#Basisinhalte und komplexe Inhaltstypen|Komplexer Inhaltstyp]]====
[[Datei:H5P_Symbolbild_Course_Presentation.png|mini|150px|Course Presentation|link=https://apps.zum.de/apps/16679]]
{{siehe|Course Presentation}} ''in DaF/DaZ''
 
Der Inhaltstyp '''[[Course Presentation]]''' stellt Inhalte und didaktische Interaktionen als Präsentation dar.
 
Er beinhaltet 9 Basisinhaltstypen und einen komplexen Inhaltstyp ([[Interactive Video]]). Zusätzlich können weitere Inhalte und Interaktionen eingefügt werden. Interessant sind u.a. [[Exportable Text Area]] und [[Continuous Text]].
 
==== Crossword ====
[[Datei:H5P Crossword - Symbolbild.png|mini|150px|Crossword|link=https://apps.zum.de/apps/17077]]
{{siehe|Crossword}} ''in DaF/DaZ''
Mit Crossword kann man digitale Kreuzworträtsel erstellen.
 
====Dialog Cards====
[[Datei:H5P_Symbolbild_Dialog_Cards.png|mini|150px|Dialog Cards|link=https://apps.zum.de/apps/9424]]
{{siehe|Dialog Cards}} in DaF/DaZ'''
 
Karteikarten mit Vorder- und Rückseite, die virtuell umgedreht werden können. Für Text, Bilder und Audio.
 
Mit Dialog Cards kann man digitale Karteikarten erstellen - und auch mit ihnen wie mit einem analogen Karteikasten lernen. Bei entsprechender Auswahl werden Karten nämlich nicht nacheinander präsentiert, sondern in den späteren Runden immer die nicht gewussten Karten. Neben Text können auch Bilder und Audio-Dateien in die Karten integriert werden.
 
====Dictation====
 
[[Datei:H5P_Symbolbild_Dictation.png|mini|150px|Dictation|link=https://apps.zum.de/apps/18955]]
 
{{siehe|Dictation}} ''in DaF/DaZ''
 
Audio-Aufnahme, die den Lernenden diktiert wird. Der geschriebene Text wird auf Fehler überprüft.
 
====Documentation Tool====
[[Datei:H5P_Symbolbild_Documentation_Tool.png|mini|150px|Documentation Tool|link=https://apps.zum.de/apps/14204]]
{{siehe|Documentation Tool}} ''in DaF/DaZ''
 
Es wird eine Online-Lernumgebung geschaffen, in der Lernende Schritt für Schritt durch eine bestimmte Herausforderung geleitet werden. Sie können dabei jeweils ihre Inhalte / Lösungen eintragen. Am Ende können sie ihr fertiges Dokument herunterladen.
 
====Drag and Drop====
[[Datei:H5P_Symbolbild_Drag_and_Drop.png|mini|150px|Drag and Drop|link=https://apps.zum.de/apps/20865]]
{{siehe|Drag and Drop}} ''in DaF/DaZ''
 
Text muss Bildern zugeordnet werden.
 
Es wird ein Hintergrundbild hochgeladen und passender Text / Bilder zur Verfügung gestellt. Lernende sollen die Elemente auf die richtigen Stellen des Hintergrundbildes ziehen.
 
====Drag the Words====
[[Datei:H5P_Symbolbild_Drag_the_Words.png|mini|150px|Drag the Words|link=https://apps.zum.de/apps/9492]]
{{siehe|Drag the Words}} ''in DaF/DaZ''
 
Es werden mehrere Wörter präsentiert, die an die richtige Stelle in den Text gezogen werden müssen.
 
Lernende ziehen Wörter an die passenden Stellen im Text und können anschließend überprüfen, ob alles stimmt.
 
====Essay====
[[Datei:H5P_Symbolbild_Essay.png|mini|150px|Essay - H5P|link=https://apps.zum.de/apps/13010]]
{{siehe|Essay - H5P}} ''in DaF/DaZ''
Lernende schreiben einen Text. Es wird überprüft, ob alle relevanten Stichpunkte enthalten sind. Darauf aufbauend erfolgt die Rückmeldung.
 
====Fill in the Blanks====
[[Datei:H5P_Symbolbild_Fill_in_the_Blanks.png|mini|150px|Fill in the Blanks|link=https://apps.zum.de/apps/18612]]
{{siehe|Fill in the Blanks}} ''in DaF/DaZ''
 
Es wird ein Lückentext erstellt, den Lernende ausfüllen und Rückmeldung erhalten.
 
Vergleiche:
 
*[[#Advanced Fill the Blanks|Advanced Fill the Blanks]]
<!--
====Fill in the Blanks - advanced====
 
Siehe:
*[[#Advanced Fill the Blanks|Advanced Fill the Blanks]]
-->
 
====Find the Hotspot====
[[DateI:H5P Symbolbild Find the Hotspot.png|mini|150px|Find the Hotspot|link=https://apps.zum.de/apps/15195]]
{{siehe|Find the Hotspot}} ''in DaF/DaZ''
Auf einem Bild soll eine bestimmte Stelle gefunden und markiert werden.
 
====Find Multiple Hotspots====
[[DateI:H5P Symbolbild Find Multiple Hotspots.png|mini|150px|Find Multiple Hotspots|link=https://apps.zum.de/apps/15194]]
{{siehe|Find Multiple Hotspots}} ''in DaF/DaZ''
 
Auf einem Bild müssen mehrere Bereiche von den Lernenden markiert werden.
 
====Find the Words====
[[DateI:H5P Symbolbild Find the Words.png|mini|150px|Find the Words|link=https://apps.zum.de/apps/21127]]
{{siehe|Find the Words}} ''in DaF/DaZ''
In einem Wortgitter werden mehrere Begriffe 'versteckt', die von Lernenden gefunden werden müssen. Die Stoppuhr sorgt für ein spielerisches Element.
 
====Flashcards====
[[Datei:H5P Symbolbild Flashcards.png|mini|150px|Flashcards|link=https://apps.zum.de/apps/142]]
{{siehe|Flashcards}} ''in DaF/DaZ''
 
Erstellt ein Set von Karten mit Aufgaben. Lernende geben ihre Lösung direkt ein und lassen sie überprüfen.
 
Flashcards sind Karteikarten mit direkter Lösungsüberprüfung: Lernende sehen eine Frage, geben ihre Antwort dazu ein und erhalten eine direkte Rückmeldung.
 
====Guess the Answer====
 
Lernende sehe ein Bild und sollen raten, was es darstellt. Auf Klick wird die Lösung gezeigt.
 
Lernenden wird ein Bild oder ein Video präsentiert, zu dem sie eine Assoziation oder eine Antwort finden sollen. Wenn sie sich etwas überlegt haben, klicken sie auf den 'Anzeige'-Button, um sich die Lösung zeigen zu lassen.
 
*[https://h5p.glitch.me/guesstheanswer.html Beispiel und Screencast (h5p.glitch.me)]
 
====iFrame Embedder====
 
{{siehe|iFrame Embedder}} ''in DaF/DaZ''
 
Eine andere Webseite kann eingebunden werden.
 
Mit diesem Typ kann eine beliebige Website innerhalb eines H5P-Inhalts integriert werden.
 
==== Image Choice ====
Erstelle eine Aufgabe, in der die Alternativen Bilder sind.
 
Ein freier Inhaltstyp, der es Nutzer:innen erlaubt, Bild-Auswahl-Fragen in Publikationssystem wie Canvas, Brightspace, Blackboard, Moodle und WordPress zu erstellen.
 
====Image Hotspots====
[[Datei:H5P Symbolbild Image Hotspots.png|mini|150px|Image Hotspots|link=https://apps.zum.de/apps/5249]]
{{siehe|Image Hotspots}} ''in DaF/DaZ''
 
Wie [[Image Hotspots#ZUM Edition|Image Hotspots ZUM Edition]], aber mit weniger Möglichkeiten.
 
Auf einem Bild werden Informationen zum Anklicken für die Lernenden hinterlegt.
 
Auf einem Bild werden mehrere Stellen markiert, zu denen sich Lernende Informationen anzeigen lassen können.
 
====Image Hotspots ZUM Edition - [[#Basisinhalte und komplexe Inhaltstypen|Komplexer Inhaltstyp]]====
[[Datei:H5P Symbolbild Image Hotspots ZUM Edition.png|mini|150px|Image Hotspots ZUM Edition|link=https://apps.zum.de/apps/8034]]
{{siehe|Image Hotspots#ZUM Edition}}
 
Wie [[#Image Hotspots|Image Hotspots]], aber mit mehr Möglichkeiten.
 
Zusätzlich zu den Inhaltsobjekten "Text", "Video" und "Image" (wie bei "Image Hotspots") können hier auch noch 10 weitere Inhaltsobjekte eingebunden werden.
 
====Image Juxtaposition====
[[Datei:H5P Symbolbild Image Juxtaposition.png|mini|150px|Image Juxtaposition|link=https://apps.zum.de/apps/20920]]
{{siehe|Image Juxtaposition}}
 
Zwei Bilder werden übereinander gelegt und können über einen Schieberegel miteinander verglichen werden.
 
====Image Pairing====
[[Datei:H5P Symbolbild Image Pairing.png|mini|150px|Image Pairing|link=https://apps.zum.de/apps/8449]]
{{siehe|Image Pairing}} ''in DaF/DaZ''
 
Je zwei 'passende' Bilder müssen zusammengebracht werden, d.h. es müssen Paare gebildet werden.
 
====Image Sequencing====
{{siehe|Image Sequencing}} ''in DaF/DaZ''
 
Ein Set von Bildern muss in die richtige Reihenfolge gebracht werden.
 
Mehrere Bilder müssen in eine bestimmte Reihenfolge gebracht werden. Eine Stoppuhr sorgt für ein spielerisches Element.
 
====Image Slider====
[[Datei:H5P Symbolbild Image Slider.png|mini|150px|Image Slider|link=https://apps.zum.de/apps/13967]]
 
Mehrere Bilder werden als Slideshow präsentiert.


Mit dem Image Slider können mehrere Bilder präsentiert werden.
{{siehe|H5P}}
 
*[https://h5p.glitch.me/imageslider.html Beispiel und Screencast (h5p.glitch.me)]
 
====Interactive Book  - [[#Basisinhalte und komplexe Inhaltstypen|Komplexer Inhaltstyp]]====
[[Datei:H5P Symbolbild Interactive Book.png|mini|150px|Interactive Book|link=https://apps.zum.de/apps/21247]]
{{siehe|Interactive Book}} ''in DaF/DaZ''
 
Interactive Book ist ein freier Inhaltstyp zum Erstellen interaktiver Bücher. Es ermöglicht, große Mengen interaktiver Inhalte wie interaktive Videos, Fragen, Kurs-Präsentationen (course presentations) und mehr auf zahlreichen Seiten zusammenzufügen.
 
==== Interactive Book - Simple ====
[[Datei:H5P Symbolbild Interactive Book - Simple.png|mini|150px|Interactive Book - Simple|link=https://apps.zum.de/apps/18718]]
{{siehe|Interactive Book}} ''in DaF/DaZ''
 
...
 
====Interactive Video - [[#Basisinhalte und komplexe Inhaltstypen|Komplexer Inhaltstyp]]====
[[Datei:H5P Symbolbild Interactive Video.png|mini|150px|Interactive Video|link=https://apps.zum.de/apps/15785]]
{{siehe|Interactive Video}} ''in DaF/DaZ''
 
Mit '''[[Interactive Video]]''' können in einem Video interaktive Elemente integriert werden. Aktuell (Januar 2021) stehen 14 Basisinhalte dafür zur Verfügung.
 
====KewAr Code====
{{siehe|KewAr Code}} ''in DaF/DaZ''
 
KewAr Code ermöglicht es QR-Codes zu erstellen. Diese QR-Codes können URLs kodieren, aber auch eine Kontaktinformation, Ereignisse, Geo-Daten usw. Man kann diese QR-Codes mit einem QR-Code-Leser lesen (oft einfach mit der Kamera-App), um so die kodierte Handlung auszulösen.<ref>https://h5p.org/content-types/kewar-code; gesehen: 21.12.2020</ref>
 
====Mark the Words====
{{siehe|Mark the Words}} ''in DaF/DaZ''
In einem Text müssen alle Wörter markiert werden, die ein bestimmtes Merkmal aufweisen.
 
====Memory Game====
 
{{siehe|Memory Game}} ''in DaF/DaZ''
 
Mit '''[[Memory Game]]''' kann ein Memo-Spiel (Pairs) zum Online-Spielen - mit selbst gewählten Bildern - erstellt werden.
 
====Multiple Choice====
[[Datei:H5P Symbolbild Multiple Choice.png|mini|150px|Multiple Choice|link=https://apps.zum.de/apps/10387]]
{{siehe|Multiple Choice - H5P}} ''in DaF/DaZ}}
 
Mit '''[[Multiple Choice - H5P]]''' werden zu einer Frage mehrere Antwortmöglichkeiten präsentiert, aus denen die Lerneden jeweils die richtige oder die richtigen auswählen und anklicken sollen.
 
====Personality Quiz====
 
Nutzende beantworten mehrere Fragen - und erhalten eine 'Auflösung' dazu. Der Test ist eher spielerisch zu sehen.
 
*[https://h5p.glitch.me/personalityquiz.html Beispiel und Screencast (h5p.glitch.me)]
 
====Quiz (Question Set) - [[#Basisinhalte und komplexe Inhaltstypen|Komplexer Inhaltstyp]]====
 
{{siehe|Quiz (Question Set)}} ''in DaF/DaZ
 
'''[[Quiz (Question Set)]]''' ermöglicht es, ein Quiz zu erstellen. Man kann dafür aus verschiedenen Fragetypen auswählen.
 
====Singe Choice Set====
 
{{siehe|Single Choice Set}} ''in DaF/DaZ''
 
Mit '''[[Single Choice Set]]''' werden nacheinander mehrere Fragen mit Auswahlmöglichkeiten präsentiert, von denen jeweils eine richtig ist.
 
==== Sort the Paragraphs ====
[[DateI:H5P Symbolbild Sort the Paragraphs.png|mini|150px|Sort the Paragraphs|link=https://apps.zum.de/apps/18090]]
{{siehe|Sort the Paragraphs}} ''in DaF/DaZ''
 
Eine Reihe von Texten bzw. Absätzen müssen wieder in ihre richtige Reihenfolge gebracht werden.
 
====Speak the Words====
 
{{siehe|Speak the Words - Speak the Words Set}}
 
====Speak the Words Set====
 
{{siehe|Speak the Words - Speak the Words Set}}
 
==== Structure Strip ====
Interaktiver Struktur-Streifen(?)
 
Erstelle interaktive "structure strips" in Publikationssystemen wie Canvas, Brightspace, Blackboard, Moodle und WordPress.
 
====Summary====
 
{{siehe|Summary}} ''in DaF/DaZ
 
Mit '''[[Summary]]''' werden nacheinander jeweils mehrere Aussagen präsentiert. Aus diesen Aussagen muss jeweils eine richtige Aussage ausgewählt werden. Danach folgt das nächste Aussagen-Set. Die richtig gewählten Aussagen bleiben sichtbar stehen, so dass man am Ende eine Zusammenfassung aller richtigen Aussagen vor sich hat.
 
====Timeline====
[[DateI:H5P Symbolbild Timeline.png|mini|150px|Timeline|link=https://apps.zum.de/apps/6748]]
{{siehe|Timeline}} ''in DaF/DaZ''
 
Zu einer Abfolge von Ereignissen wird ein Zeitstrahl erstellt. Lernende können diesen Datum für Datum erkunden.
 
Ein zeitlicher Abschnitt kann als Zeitleiste gestaltet werden. Die einzelnen Einträge können mit Bildern, Audio und Videos dargestellt werden.
 
====True/False Question====
[[DateI:H5P Symbolbild True-False Question.png|mini|150px|True/False Question|link=https://apps.zum.de/apps/10090]]
{{siehe|True/False Question}} ''in DaF/DaZ''
 
Mit '''[[True/False Question]]''' wird eine Frage angezeigt, auf die Lernende mit 'Wahr' oder 'Falsch' antworten. Der Inhaltstyp wird am besten in Kombination mit anderen verwendet.
 
====Twitter User Feed====
 
Funktioniert aktuell nicht. Weitere Informationen hier: [[Twitter User Feed]]
 
====Virtual Tour (360)====
 
Es wird eine virtuelle Umgebung erstellt, die Lernende erkunden können.
 
Es können 360 Grad Bilder präsentiert und zum Erkunden zur Verfügung gestellt werden. Lernende können zwischen mehreren Szenen wechseln und / oder 'Info-Punkte' anklicken.
 
*[https://h5p.glitch.me/virtualtour.html Beispiel und Screencast (h5p.glitch.me)]
 
====Virtual Tour (360) ZUM Edition - [[#Basisinhalte und komplexe Inhaltstypen|Komplexer Inhaltstyp]]====
 
Wie [[#Virtual Tour (360)|Virtual Tour (360)]], aber mit mehr Möglichkeiten ...
 
====appaer.in for Chat and Talk====
 
...


==Anwendungsmöglichkeiten==
==Anwendungsmöglichkeiten==
Zeile 508: Zeile 114:
*[[:Kategorie:H5P-Inhaltstypen]]
*[[:Kategorie:H5P-Inhaltstypen]]


Ein Beispiel mit 15 häufig genutzten H5P-Übungen in schnellen Videos erklärt findet man in dieser [[Course Presentation]]:
Ein Beispiel mit 15 häufig genutzten H5P-Übungen in schnellen Videos erklärt findet man in dieser [[Course Presentation (H5P)|Course Presentation]]:
{{h5p-zum|id=8448}}
{{h5p-zum|id=8448}}
{{ZUM-Apps|https://apps.zum.de/apps/8448}}


==Alternativen==
==Alternativen==
Zeile 550: Zeile 157:
===HotPotatoes===
===HotPotatoes===
{{Siehe|Hot Potatoes}}
{{Siehe|Hot Potatoes}}
==Weblinks==
*[https://www.taskcards.de/#/board/4b87bee5-8d2f-441b-9126-a53329ef76ac/view?token=c71485cc-1b35-4094-87ef-5cf880f83b23 H5P-Icons - (nach)gezeichnet von Birgyul Nier]
* Eine wachsende Sammlung von H5P-Inhaltstypen im deutschsprachigen Raum findet man '''[https://moodle.tsn.at/course/view.php?id=59824 im Tiroler Schulnetz]'''. Hier gibt es neben einer Übersicht über viele Inhaltstypen auch die Möglichkeit diese auszuprobieren. Aktuell (Stand 19.12.2023) sind 81 Inhaltstypen gelistet.


==Siehe auch==
==Siehe auch==


*[[Quiz-Tools in DaF und DaZ]]
*[[Einfache Quiz-Tools - Quiz (MediaWiki) und R-Quiz]]


<br>
<br>
Zeile 563: Zeile 176:
[[Kategorie:H5P-Inhaltstypen|!]]
[[Kategorie:H5P-Inhaltstypen|!]]
[[Kategorie:Interaktive Übungen|!]]
[[Kategorie:Interaktive Übungen|!]]
[[Kategorie:H5P|!]]
[[Kategorie:Hilfe]]
[[Kategorie:Hilfe]]
[[Kategorie:Interaktive Übungen|!]]
[[Kategorie:Tools]]

Aktuelle Version vom 5. Mai 2024, 10:13 Uhr

H5P (HTML 5 Package) ist eine freie, quelloffene Software zum Erstellen von Inhalten, speziell Lerninhalten, die auf h5p.org zur Verfügung gestellt wird. H5P basiert auf HTML5 und ermöglicht es, Inhalte in einfacher Weise zu erstellen, zu kopieren und weiterzuverwenden. Beliebte Übungen sind z. B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memo-Spiel.

Da mit H5P eine großen Zahl von unterschiedlichen Inhaltstypen erstellt und auch miteinander kombiniert werden können, stellt H5P derzeit wohl das flexibelste und vielfältigste Tools zur Erstellung von interaktiven Lerninhalten dar.

Gerade auch für das Sprachenlernen, insbesondere für den Anfangsunterricht, aber auch für fortgeschrittene Lerner:innen, bietet H5P zahlreiche sinnvolle Anwendungsmöglichkeiten. Das gilt auch für Deutsch als Fremdsprache (DaF) und als Zweitsprache (DaZ).

H5P in DaF und DaZ

Es gibt viele Einsatzmöglichkeiten von H5P im DaF/DaZ-Kontext. Hier ein Beispiel für die Umsetzung eines Deutschkurses mit H5P:

In den folgenden Abschnitten dieser Seite steht ein Überblick über alle H5P-Inhaltstypen auf ZUM-Apps. Beispiele auf den dort verlinkten Einzelheiten zu den einzelnen H5P-Inhaltstypen zeigen, wie diese Inhaltstypen für DaF und DaZ genutzt werden können.

Dieser Überblick und die Informationen zu den einzelnen H5P-Inhaltstypen sind im Aufbau und werden fortlaufend ergänzt.

→ H5P-Inhaltstypen

Warum H5P?

Für die Nutzung von H5P sprechen verschiedene Argumente:

  • H5P ist eine freie und quelloffene Software, kann also frei verwendet und auch weiterentwickelt werden.[1]
  • H5P wird durch zahlreiche Entwickler:innen immer weiter entwickelt und durch neue Inhaltstypen ergänzt.
  • H5P-Apps wirken ansprechend.
  • H5P-Apps sind leicht zu erstellen (wenn man sich erst einmal in die Handhabung des jeweiligen Inhaltstyps eingearbeitet hat).
  • Über die "Reuse"-Funktion, die als kleiner Button unter jeder H5P-App zu finden ist, lassen sich H5P-Apps leicht kopieren und weiterverwenden. Man kann eine bestehende App so als Vorlage für ähnliche eigene Apps nutzen.
  • Die Zahl der vorhandenen H5P-Apps ist inzwischen so groß, dass häufig bereits fertige Apps für eigene Zwecke genutzt werden können, was unter OER-Bedingungen auch erlaubt ist.
  • Auf ZUM-Apps können zahlreiche fertige Apps gefunden und genutzt werden. Und eigene Apps können dort erstellt und gespeichert werden.
  • In ZUM Deutsch Lernen können H5P von ZUM-Apps und von H5P.org sehr einfach eingebunden werden (siehe Hilfe:H5P).

Einführung in H5P

Einführung hier in ZUM Deutsch Lernen

Hierauf soll diese Seite erste Antworten bieten. - Mehr steht dann auf den Seiten zu den einzelnen H5P-Inhaltstypen.

Im OER-Universum gibt es darüber hinaus eine Reihe von Online-Workshops, Webinaren und Tutorials. Hier kann man sich individuell aussuchen, welche Inhalte für die eigene Arbeit relevant sind.

Eine ausführliche Anleitung auf Deutsch

Eine ausführliche Anleitung auf Deutsch mit je einem Beispiel zu allen genannten H5P-Inhaltstypen sowie jeweils einem Screencast dazu, das zeigt, wie dieses Beispiel erstellt worden ist, hat Nele Hirsch erstellt:

Einführungen von Oliver Tacke


H5P-Inhalte testen mit EinstiegH5P.de

Nele Hirsch stellt auch die Seite Einstieg H5P zur Verfügung:

Zitat

EinstiegH5P.de ist eine offen nutzbare Installation zum Ausprobieren und Erkunden der Software H5P. Mit H5P kannst Du einfach interaktive Online-Bildungsmaterialien gestalten. [...]

Zur Erstellung von H5P-Inhalten auf dieser Website ist keine Registrierung erforderlich. Deine Test-Inhalte werden für sechs Stunden gespeichert und danach gelöscht.[2]

Online-Selbstlernangebot "Einstieg in H5P (#EinstiegH5P)":

Inhalt:

  • Nutzung der H5P-Technologie für die Erstellung interaktiver Bildungsmaterialien
  • Didaktische Einordnung und Verwendung der H5P-Technologie im Unterricht
  • Rechtlich sichere Nutzung von H5P


Info

Mehr erfahrt ihr darüber im ausführlichen und kostenlosen Online-Kurs des OERCampus: Interaktive Aufgaben mit H5P gestalten

H5P-Inhalten einbinden

Inhalte von ZUM-Apps einbinden

{{h5p-zum|id=6064|height=200}}

Inhalte von H5P.org einbinden

Wortschatz zum Thema Haus: Schaubild

{{h5p|id=298571|height=150}}

Du findest die ID ebenfalls in der URL.

H5P-Inhaltstypen

→ H5P

Anwendungsmöglichkeiten

Die vielfältigen Möglichkeiten, die mit den unterschiedlichen Inhaltstypen von H5P gegeben sind, erschließen sich nicht immer sofort aus dem (englischsprachigen) Namen des jeweiligen Inhaltstyps.

Mehr Informationen hierzu stehen auf den Seiten zu den einzelnen H5P-Inhaltstypen, die leicht über die folgende Kategorie-Seite zu finden sind:

Ein Beispiel mit 15 häufig genutzten H5P-Übungen in schnellen Videos erklärt findet man in dieser Course Presentation:


CC BY-SA 4.0


Alternativen

Um das Potential von H5P sinnvoll einschätzen zu können, lohnt sich ein Blick auf andere Programme, mit denen ähnliche interaktive Übungen erstellt werden können. Solche Programme können (wie auch H5P) auch als Autorenprogramme oder Autorentool bezeichnet werden, da sie Autor:innen die Möglichkeit bieten, mit Hilfe dieser Software (auf einfache Weise) eigene kleine Lernelemente zu erstellen.

LearningApps

LearningApps bieten vielfältige Möglichkeiten zur Erstellung von interaktiven Übungen.

Auch wenn inzwischen H5P in verschiedener Hinsicht attraktiver ist, weil damit noch mehr unterschiedliche Übungsformen auf aktuellerer Softwarebasis erstellt werden können, bleiben LearningApps nach wie vor sinnvoll, vor allem aus zwei Gründen:

  • LearningApps sind für Einsteiger in digitale Medien häufig einfacher zu handhaben als H5P. Diese können mit LearningApps Übungen häufig schneller erstellen bzw. bestehende Apps anpassen als mit H5P.
  • Auf LearningApps gibt es schon eine sehr gute Suchfunktion nach erstellten Übungen. Jede Übung kann durch Klick auf:
Bildschirmfoto 2021-04-15 um 14.14.39.png

angepasst werden.

  • Mehr zu LearningApps siehe unter:

R-Quiz

R-Quiz (Riesterer-Quiz) ist ein von Felix Riesterer[3] erstelltes Software-Paket, mit dem sich verschiedene interaktive Übungsformen sehr einfach und schnell erstellen lassen.

Der größte Vorteil von R-Quiz ist, das damit auch von Lernanfänger:innen und auch bereits von jungen Schüler:innen (z. B. der 5. oder 6. Klasse) sehr schnell sinnvolle Übungen erstellen lassen. Denn es genügt, entweder den Quellcode zu kopieren und dann mit eigenen Übungselementen zu füllen oder einfach eine vorhandene Übung zu editieren und die vorhandenen Übungsinhalte durch eigene zu ersetzen.

Die Vielfalt der Übungsformen ist jedoch begrenzt. Und es mag auch den Einen oder die Andere stören, dass man die gesuchten Lösungen recht einfach aus dem Quelltext einer Seite ablesen kann.

Zu empfehlen ist R-Quiz, wenn man sehr schnell und einfach elementare Übungen erstellen oder erstellen lassen möchte.

Mehr zu R-Quiz siehe unter:

HotPotatoes

→ Hot Potatoes

Weblinks

  • Eine wachsende Sammlung von H5P-Inhaltstypen im deutschsprachigen Raum findet man im Tiroler Schulnetz. Hier gibt es neben einer Übersicht über viele Inhaltstypen auch die Möglichkeit diese auszuprobieren. Aktuell (Stand 19.12.2023) sind 81 Inhaltstypen gelistet.

Siehe auch