MoodleKnowledgeBase - Benutzerbeiträge [de]

H5P

2024-04-12T11:16:23Z

Sfmizick:

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. Das heißt, dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht es den Text in einzelnen Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können.
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Advent Calendar (beta)
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, in der Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* AR Scavenger
** Gestattet die Umsetzung einfacher Augmented Reality Szenarien, wobei die reale Umgebung (z.B. Arbeitsblätter oder Foliensätze) mithilfe digitaler Inhalte „erweitert“ wird.
** Ausgangspunkt bilden individuell festgelegte, visuelle Marker (z.B. QR Codes). Werden diese mithilfe einer Kamera (Smartphone o.ä.) gefilmt, werden zwei Interaktionsmöglichkeiten angeboten:
*** Entweder wird ein 3D-Objekt (unterstützt wird das GLB- bzw. GLTF-Format) auf den Marker projiziert.
*** Oder eine H5P-basierte Interaktion (z.B. Inhaltstyp SingleChoice) wird nachgeladen.
* Branching Scenario
** Dient der Erstellung einer Form adaptiven Lernens.
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt.
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Cornell Notes
** H5P-seitige Unterstützung zur Anwendung der sogenannten Cornell Methode.
** Die ''Cornell Methode'' wurde, zur effizienten Erstellung von Notizen und deren (nachträglicher) Organisation, in den 1950er Jahren von Walter Pauk an der Cornell University entwickelt. Weitere Informationen sind unter dem nachfolgenden Link zu finden: https://lsc.cornell.edu/how-to-study/taking-notes/cornell-note-taking-system/
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden.
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden.
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in H5P erstellte Präsentation in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen.
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde.
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderer Inhaltstypen verwendet werden.
* Find the words
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Information Wall
**Ermöglicht die Darstellung einer simplen, strukturierten und durchsuchbaren Liste
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an die verwendeten Inhalte (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren.
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Structure Strip
** Dient der Strukturierung und Anleitung in Schreibprozessen.
** Dabei wird, zur Unterstützung der Lernenden, ein Strukturgerüst vorgegeben, welches den Aufbau sowie die Länge verschiedener Textabschnitte vorgibt.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden.
** Diese Zeitangaben können sich überschneiden.
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden.
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann.

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen 2022.03.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständig zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

'''September 2021'''
* Der Inhaltstyp "Crossword" steht nun zur Verfügung.
* Der Inhaltstyp "Image Choice" steht nun zur Verfügung.
* Der Inhaltstyp "Sort the Paragraphs" steht nun zur Verfügung.

'''März 2022'''
* Der Inhaltstyp "AR Scavenger" steht nun zur Verfügung.
* Der Inhaltstyp "Cornell Notes" steht nun zur Verfügung.
* Der Inhaltstyp "Structure Strip" steht nun zur Verfügung.

'''August 2022'''
* Der Inhaltstyp "Advent Calendar (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Find the words" steht nun zur Verfügung.

'''August 2023'''
* Der Inhaltstyp "Information Wall" steht nun zur Verfügung..

H5P

2023-08-22T05:49:01Z

Sfmizick: /* Verfügbare H5P-Inhaltstypen an der UDE */

H5P

2023-08-22T05:47:04Z

Sfmizick: /* Changelog (Änderungsprotokoll) */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. Das heißt, dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht es den Text in einzelnen Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können.
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Advent Calendar (beta)
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, in der Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* AR Scavenger
** Gestattet die Umsetzung einfacher Augmented Reality Szenarien, wobei die reale Umgebung (z.B. Arbeitsblätter oder Foliensätze) mithilfe digitaler Inhalte „erweitert“ wird.
** Ausgangspunkt bilden individuell festgelegte, visuelle Marker (z.B. QR Codes). Werden diese mithilfe einer Kamera (Smartphone o.ä.) gefilmt, werden zwei Interaktionsmöglichkeiten angeboten:
*** Entweder wird ein 3D-Objekt (unterstützt wird das GLB- bzw. GLTF-Format) auf den Marker projiziert.
*** Oder eine H5P-basierte Interaktion (z.B. Inhaltstyp SingleChoice) wird nachgeladen.
* Branching Scenario
** Dient der Erstellung einer Form adaptiven Lernens.
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt.
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Cornell Notes
** H5P-seitige Unterstützung zur Anwendung der sogenannten Cornell Methode.
** Die ''Cornell Methode'' wurde, zur effizienten Erstellung von Notizen und deren (nachträglicher) Organisation, in den 1950er Jahren von Walter Pauk an der Cornell University entwickelt. Weitere Informationen sind unter dem nachfolgenden Link zu finden: https://lsc.cornell.edu/how-to-study/taking-notes/cornell-note-taking-system/
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden.
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden.
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in H5P erstellte Präsentation in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen.
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde.
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderer Inhaltstypen verwendet werden.
* Find the words
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an die verwendeten Inhalte (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren.
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Structure Strip
** Dient der Strukturierung und Anleitung in Schreibprozessen.
** Dabei wird, zur Unterstützung der Lernenden, ein Strukturgerüst vorgegeben, welches den Aufbau sowie die Länge verschiedener Textabschnitte vorgibt.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden.
** Diese Zeitangaben können sich überschneiden.
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden.
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann.

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen 2022.03.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständig zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

'''September 2021'''
* Der Inhaltstyp "Crossword" steht nun zur Verfügung.
* Der Inhaltstyp "Image Choice" steht nun zur Verfügung.
* Der Inhaltstyp "Sort the Paragraphs" steht nun zur Verfügung.

'''März 2022'''
* Der Inhaltstyp "AR Scavenger" steht nun zur Verfügung.
* Der Inhaltstyp "Cornell Notes" steht nun zur Verfügung.
* Der Inhaltstyp "Structure Strip" steht nun zur Verfügung.

'''August 2022'''
* Der Inhaltstyp "Advent Calendar (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Find the words" steht nun zur Verfügung.

'''August 2023'''
* Der Inhaltstyp "Information Wall" steht nun zur Verfügung.

H5P

2022-08-31T08:32:12Z

Sfmizick: /* Changelog (Änderungsprotokoll) */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Advent Calendar (beta)
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* AR Scavenger
** Gestattet die Umsetzung einfacher Augmented Reality Szenarien, wobei die reale Umgebung (z.B. Arbeitsblätter oder Foliensätze) mithilfe digitaler Inhalte „erweitert“ wird.
** Ausgangspunkt bilden individuell festgelegte, visuelle Marker (z.B. QR Codes). Werden diese mithilfe einer Kamera (Smartphone o.ä.) gefilmt, werden zwei Interaktionsmöglichkeiten angeboten:
*** Entweder wird ein 3D-Objekt (unterstützt wird das GLB- bzw. GLTF-Format) auf den Marker projiziert.
*** Oder eine H5P-basierte Interaktion (z.B. Inhaltstyp SingleChoice) wird nachgeladen.
* Branching Scenario
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Cornell Notes
** H5P-seitige Unterstützung zur Anwendung der sogenannten Cornell Methode.
** Die ''Cornell Methode'' wurde, zur effizienten Erstellung von Notizen und deren (nachträglichen) Organisation, in den 1950er Jahren von Walter Pauk an der Cornell University entwickelt. Weitere Informationen sind unter dem nachfolgenden Link zu finden: https://lsc.cornell.edu/how-to-study/taking-notes/cornell-note-taking-system/
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Find the words
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Structure Strip
** Dient der strukturierten und Anleitung in Schreibprozessen.
** Dabei wird, zur Unterstützung der Lernenden, ein Strukturgerüst vorgegeben, welches den Aufbau sowie die Länge verschiedener Textabschnitte vorgibt.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen 2022.03.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

'''September 2021'''
* Der Inhaltstyp "Crossword" steht nun zur Verfügung.
* Der Inhaltstyp "Image Choice" steht nun zur Verfügung.
* Der Inhaltstyp "Sort the Paragraphs" steht nun zur Verfügung.

'''März 2022'''
* Der Inhaltstyp "AR Scavenger" steht nun zur Verfügung.
* Der Inhaltstyp "Cornell Notes" steht nun zur Verfügung.
* Der Inhaltstyp "Structure Strip" steht nun zur Verfügung.

'''August 2022'''
* Der Inhaltstyp "Advent Calendar (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Find the words" steht nun zur Verfügung.

H5P

2022-08-31T08:31:10Z

Sfmizick: /* Verfügbare H5P-Inhaltstypen an der UDE */

Datei:H5P-Bewertungsübersicht-in-Moodle.pdf

2022-08-23T11:23:31Z

Sfmizick: Sfmizick lud eine neue Version von „Datei:H5P-Bewertungsübersicht-in-Moodle.pdf“ hoch

H5P

2022-03-18T13:01:26Z

Sfmizick: /* Changelog (Änderungsprotokoll) */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* AR Scavenger
** Gestattet die Umsetzung einfacher Augmented Reality Szenarien, wobei die reale Umgebung (z.B. Arbeitsblätter oder Foliensätze) mithilfe digitaler Inhalte „erweitert“ wird.
** Ausgangspunkt bilden individuell festgelegte, visuelle Marker (z.B. QR Codes). Werden diese mithilfe einer Kamera (Smartphone o.ä.) gefilmt, werden zwei Interaktionsmöglichkeiten angeboten:
*** Entweder wird ein 3D-Objekt (unterstützt wird das GLB- bzw. GLTF-Format) auf den Marker projiziert.
*** Oder eine H5P-basierte Interaktion (z.B. Inhaltstyp SingleChoice) wird nachgeladen.
* Branching Scenario
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Cornell Notes
** H5P-seitige Unterstützung zur Anwendung der sogenannten Cornell Methode.
** Die ''Cornell Methode'' wurde, zur effizienten Erstellung von Notizen und deren (nachträglichen) Organisation, in den 1950er Jahren von Walter Pauk an der Cornell University entwickelt. Weitere Informationen sind unter dem nachfolgenden Link zu finden: https://lsc.cornell.edu/how-to-study/taking-notes/cornell-note-taking-system/
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Structure Strip
** Dient der strukturierten und Anleitung in Schreibprozessen.
** Dabei wird, zur Unterstützung der Lernenden, ein Strukturgerüst vorgegeben, welches den Aufbau sowie die Länge verschiedener Textabschnitte vorgibt.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen 2022.03.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

'''September 2021'''
* Der Inhaltstyp "Crossword" steht nun zur Verfügung.
* Der Inhaltstyp "Image Choice" steht nun zur Verfügung.
* Der Inhaltstyp "Sort the Paragraphs" steht nun zur Verfügung.

'''März 2022'''
* Der Inhaltstyp "AR Scavenger" steht nun zur Verfügung.
* Der Inhaltstyp "Cornell Notes" steht nun zur Verfügung.
* Der Inhaltstyp "Structure Strip" steht nun zur Verfügung.

H5P

2022-03-18T13:00:21Z

Sfmizick: /* Verfügbare H5P-Inhaltstypen an der UDE */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* AR Scavenger
** Gestattet die Umsetzung einfacher Augmented Reality Szenarien, wobei die reale Umgebung (z.B. Arbeitsblätter oder Foliensätze) mithilfe digitaler Inhalte „erweitert“ wird.
** Ausgangspunkt bilden individuell festgelegte, visuelle Marker (z.B. QR Codes). Werden diese mithilfe einer Kamera (Smartphone o.ä.) gefilmt, werden zwei Interaktionsmöglichkeiten angeboten:
*** Entweder wird ein 3D-Objekt (unterstützt wird das GLB- bzw. GLTF-Format) auf den Marker projiziert.
*** Oder eine H5P-basierte Interaktion (z.B. Inhaltstyp SingleChoice) wird nachgeladen.
* Branching Scenario
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Cornell Notes
** H5P-seitige Unterstützung zur Anwendung der sogenannten Cornell Methode.
** Die ''Cornell Methode'' wurde, zur effizienten Erstellung von Notizen und deren (nachträglichen) Organisation, in den 1950er Jahren von Walter Pauk an der Cornell University entwickelt. Weitere Informationen sind unter dem nachfolgenden Link zu finden: https://lsc.cornell.edu/how-to-study/taking-notes/cornell-note-taking-system/
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Structure Strip
** Dient der strukturierten und Anleitung in Schreibprozessen.
** Dabei wird, zur Unterstützung der Lernenden, ein Strukturgerüst vorgegeben, welches den Aufbau sowie die Länge verschiedener Textabschnitte vorgibt.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen 2022.03.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

'''September 2021'''
* Der Inhaltstyp "Crossword" steht nun zur Verfügung.
* Der Inhaltstyp "Image Choice" steht nun zur Verfügung.
* Der Inhaltstyp "Sort the Paragraphs" steht nun zur Verfügung.

H5P

2022-03-18T13:00:08Z

Sfmizick: /* Verfügbare H5P-Inhaltstypen an der UDE */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* AR Scavenger
** Gestattet die Umsetzung einfacher Augmented Reality Szenarien, wobei die reale Umgebung (z.B. Arbeitsblätter oder Foliensätze) mithilfe digitaler Inhalte „erweitert“ wird.
** Ausgangspunkt bilden individuell festgelegte, visuelle Marker (z.B. QR Codes). Werden diese mithilfe einer Kamera (Smartphone o.ä.) gefilmt, werden zwei Interaktionsmöglichkeiten angeboten:
*** Entweder wird ein 3D-Objekt (unterstützt wird das GLB- bzw. GLTF-Format) auf den Marker projiziert.
*** Oder eine H5P-basierte Interaktion (z.B. Inhaltstyp SingleChoice) wird nachgeladen.
* Branching Scenario
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Cornell Notes
** H5P-seitige Unterstützung zur Anwendung der sogenannten Cornell Methode.
** Die ''Cornell Methode'' wurde, zur effizienten Erstellung von Notizen und deren (nachträglichen) Organisation, in den 1950er Jahren von Walter Pauk an der Cornell University entwickelt. Weitere Informationen sind unter dem nachfolgenden Link zu finden: https://lsc.cornell.edu/how-to-study/taking-notes/cornell-note-taking-system/
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Structure Strip
** Dient der strukturierten und Anleitung in Schreibprozessen.
** Dabei wird, zur Unterstützung der Lernenden, ein Strukturgerüst vorgegeben, welches den Aufbau sowie die Länge verschiedener Textabschnitte vorgibt.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen 2022.03.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

'''September 2021'''
* Der Inhaltstyp "Crossword" steht nun zur Verfügung.
* Der Inhaltstyp "Image Choice" steht nun zur Verfügung.
* Der Inhaltstyp "Sort the Paragraphs" steht nun zur Verfügung.

H5P

2022-03-18T12:55:13Z

Sfmizick: /* Verfügbare H5P-Inhaltstypen an der UDE */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* AR Scavenger
** Gestattet die Umsetzung einfacher Augmented Reality Szenarien, wobei die reale Umgebung (z.B. Arbeitsblätter oder Foliensätze) mithilfe digitaler Inhalte „erweitert“ wird.
** Ausgangspunkt bilden individuell festgelegte, visuelle Marker (z.B. QR Codes). Werden diese mithilfe einer Kamera (Smartphone o.ä.) gefilmt, werden zwei Interaktionsmöglichkeiten angeboten:
*** Entweder wird ein 3D-Objekt (unterstützt wird das GLB- bzw. GLTF-Format) auf den Marker projiziert.
*** Oder eine H5P-basierte Interaktion (z.B. Inhaltstyp SingleChoice) wird nachgeladen.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Cornell Notes
** H5P-seitige Unterstützung zur Anwendung der sogenannten Cornell Methode.
** Die ''Cornell Methode'' wurde, zur effizienten Erstellung von Notizen und deren (nachträglichen) Organisation, in den 1950er Jahren von Walter Pauk an der Cornell University entwickelt. Weitere Informationen sind unter dem nachfolgenden Link zu finden: https://lsc.cornell.edu/how-to-study/taking-notes/cornell-note-taking-system/
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Structure Strip
** Dient der strukturierten und Anleitung in Schreibprozessen.
** Dabei wird, zur Unterstützung der Lernenden, ein Strukturgerüst vorgegeben, welches den Aufbau sowie die Länge verschiedener Textabschnitte vorgibt.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen 2022.03.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

'''September 2021'''
* Der Inhaltstyp "Crossword" steht nun zur Verfügung.
* Der Inhaltstyp "Image Choice" steht nun zur Verfügung.
* Der Inhaltstyp "Sort the Paragraphs" steht nun zur Verfügung.

H5P

2022-03-18T12:48:48Z

Sfmizick: /* Weiterführende Informationen */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen 2022.03.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

'''September 2021'''
* Der Inhaltstyp "Crossword" steht nun zur Verfügung.
* Der Inhaltstyp "Image Choice" steht nun zur Verfügung.
* Der Inhaltstyp "Sort the Paragraphs" steht nun zur Verfügung.

Datei:Kurzübersicht - H5P Inhaltstypen 2022.03.pdf

2022-03-18T12:48:22Z

Sfmizick:

Datei:H5P-Bewertungsübersicht-in-Moodle.pdf

2022-01-18T07:19:51Z

Sfmizick: Sfmizick lud eine neue Version von „Datei:H5P-Bewertungsübersicht-in-Moodle.pdf“ hoch

Fortschrittsbalken

2021-11-29T17:49:02Z

Sfmizick:

Sie können [[Blöcke verwenden]], um Ihren Moodlekurs zu gestalten. Der Fortschrittsbalken dient als Orientierungs-Tool für die Studierenden. Dafür können Sie in Ihrem Kurs den Block "Fortschrittsbalken" hinzufügen. Aktivieren Sie dafür den Bearbeitungsmodus im Kurs und wählen Sie unten links "Block hinzufügen".

[[Datei:fortschrittsbalkenansicht.png]]

Ansicht aus Teilnehmendensicht:

[[Datei:Fortschrittsbalken_TN_ansicht.png]]

[[Datei:Fortschrittsbalken-Video.jpg|link=https://opencast.uni-due.de/paella/ui/watch.html?id=cfb5cfd3-ab37-448d-9be4-5f19a2a78521]]

===Aktivierung des Fortschrittsbalken===
Damit der Fortschrittsbalken funktioniert, muss die [[Abschlussverfolgung]] im Kurs aktiviert sein. Um diese zu aktivieren, müssen Sie oben rechts im Kurs auf das Zahnradmenü klicken und dort "Einstellungen bearbeiten" auswählen. Im folgenden Menü müssen Sie unter "Abschlussverfolgung" den Punkt "Abschlussverfolgung aktivieren" auf "Ja" setzen.

===Konfiguration des Fortschrittsbalken===
In den Einstellungen des Fortschrittsbalkens (Bearbeitungsmodus aktivieren - Zahnradsymbol am Block - Fortschrittsbalken konfigurieren) können Sie die Darstellung des Blocks bearbeiten und entscheiden, ob der Aktivitätsabschluss aller Aktivitäten oder nur bestimmter Aktivitäten vom Block visualisiert werden soll.

[[Datei:fortschrittsbalken_konfig.png]]

Wenn Sie den Menüpunkt "Aktivitäten enthalten" auf "Ausgewählte Aktivitäten" setzen, können Sie im Menüfeld darunter die Aktivitäten wählen, die vom Fortschrittsbalken visualisiert werden sollen.

===Übersicht für Lehrende===
Als Lehrende:r können Sie sich mit einem Klick auf die Schaltfläche "Überblick Teilnehmer/innen" einen Überblick über den Fortschritt der Kursteilnehmenden anzeigen lassen.
[[Datei:TN_uebersicht.png]]

Datei:Fortschrittsbalken-Video.jpg

2021-11-29T17:48:38Z

Sfmizick:

Kursformate

2021-11-29T17:46:50Z

Sfmizick:

__NOTOC__

Wenn Sie einen neuen Moodle Kurs erhalten, wird dieser standardmäßig im Themenformat angezeigt. Sie können jedoch in den [[Kurseinstellungen]] zwischen verschiedenen Formaten wählen. Die Kurseinstellungen finden Sie im Kurs oben rechts, wenn Sie auf das Zahnradsymbol gehen und dort auf "Einstellungen" klicken. Unter „Kurseinstellungen bearbeiten → Kursformat“ kann zwischen den Formaten gewählt werden.

===Themenformat===
Das Themenformat ist ein Kursformat, in dem die einzelnen Inhalte in Themenabschnitte gegliedert werden.
Die Struktur ist damit abhängig von den Kursinhalten. Es ist auch möglich, einen Themenabschnitt zu markieren und somit den Studierenden zu verdeutlichen, dass diese Inhalte gerade aktuell sind. 

===Wochenformat===
Das Wochenformat ist ein Kursformat, in dem die Inhalte in einzelne Wochenabschnitte gegliedert werden. Die Struktur folgt damit einer zeitlichen Chronologie. Abhängig von dem von Ihnen in den den [[Kurseinstellungen]] angegebenen Start- und Enddatum werden die Wochenabschnitte mit dem jeweiligen Datum versehen.

===Gridformat===
Jedes Thema/ jeder Kursabschnitt wird durch einen Kasten dargestellt. Die Inhalte der einzelnen Themen bleiben jedoch verborgen und erscheinen erst mit Klick auf den jeweiligen Bereich. Im Bearbeitungsmodus kann für jeden Kasten ein individuelles Bild hinzugefügt werden. 
'''Achtung:''' Das Gridformat ist nicht Barrierearm, da keine Alternativtexte für die Bilder hinterlegt werden können.

[[Datei:Gridformat.png]]

[[Datei:Grid Format.jpg|link=https://opencast.uni-due.de/paella/ui/watch.html?id=fd3ab770-e526-4994-b178-048d6ee81149]]

====Konfiguration des Gridformats====
Wir empfehlen bei der Verwendung des Gridformats die Option "Kursdarstellung" auf "Nur ein Abschnitt pro Seite" zu stellen, damit beim Klick auf die Abschnitte in den Abschnitt gesprungen wird und nicht nur ein Pop-Up (nicht Barrierearm und in der mobilen Ansicht schlecht skalierend) geöffnet wird.

'''ACHTUNG:''' Beim Umstellen des Kurses in das Gridformat kommt es bei den Browsern Chrome und Edge derzeit zu einer Fehlermeldung. Verwenden Sie Bitte einen anderen Browser wie z.B. Firefox

===Weitere Formate===
'''Soziales Format''': Das soziale Format ermöglicht die Darstellung des gesamten Kursraums als Forum. In der Mitte des Kursraumes wird ein offenes Forum angezeigt, welches von allen eingeschriebenen Kurteilnehmer*innen genutzt werden kann.

'''Einzelaktivität''': Bei der Einzelaktivität wird in der Mitte des Kursraumes eine einzelne Lernaktivität angezeigt. Diese kann eine der bekannten Lernaktivitäten sein, oder zum Beispiel ein SCORM-Lernpaket. Anbei finden Sie ein Dokument mit einer Übersicht aller Lernaktivitäten und welche didaktischen Kriterien diese erfüllen.

Datei:Grid Format.jpg

2021-11-29T17:46:12Z

Sfmizick:

Studierendenordner

2021-11-29T17:45:16Z

Sfmizick:

__NOTOC__
Die Aktivität Studierendenordner ermöglicht es Studierenden Dateien im Moodlekurs hochzuladen.

Beim Studierendenordner existieren zwei Betriebsmodi:
*Im ersten Szenario können Teilnehmende selbstständig direkt im Studierendenordner Dokumente hochladen. Diese stehen allen weiteren Kursteilnehmenden entweder nach ihrer Prüfung und Freigabe durch den Lehrenden oder sofort nach dem Hochladen zur Verfügung.
*Im Rahmen des zweiten Szenarios besteht die Möglichkeit die Aktivität Aufgabe als Grundlage für den Studierendenordner heranzuziehen, wobei Lehrende entscheiden können, welche Dokumente für alle sichtbar sein sollen. Lehrende können die Entscheidung über die Freigabe auch an die TeilnehmerInnen selbst übertragen.

[[Datei:Studierendenordner.jpg|link=https://opencast.uni-due.de/paella/ui/watch.html?id=fbce2378-0a57-411c-9295-a79716669ce9]]

===Konfiguration der Betriebsmodi===
====Betriebsmodi 1: Studierendenordner zum selbstständigen Hochladen von Dateien====
Wählen Sie die Einstellung "Teilnehmer/innen dürfen Dateien hochladen". Optional können Sie zusätzlich die maximale Anzahl hochladbarer Dateien, die maximale Dateigröße sowie das Dateiformat konfigurieren.
Mit der Einstellung "sofortige Freigabe" legen Sie fest, ob die von den Studierenden hochgeladenen Dateien direkt für alle sichtbar werden oder erst von einer:einem Lehrenden bestätigt werden müssen.

[[Datei:Studierendenordner_hochladen.png]]

====Betriebsmodi 2: Studierendenordner synchronisiert mit der Aktivität Aufgabe====
Wählen Sie die Einstellung "Dateien aus Aufgabe importieren". Wählen Sie dann in dem Drop-Down Feld bei der Einstellung "Aufgabe" die Aktivität Aufgabe aus die mit dem Studierendenordner synchronisiert werden soll. Es kann immer nur eine Aufgabe mit einem Studierendenordner synchronisiert werden.
Sie können im weiteren einstellen, ob die Synchronisation automatisch erfolgen soll und ob die Studierenden vor der Synchronisation ihr Einverständnis geben müssen.

[[Datei:Studierendenordner_sync.png]]

===Studierendenansicht===
Die Studierenden können den Namen der Person und die Datei, die hochgeladen wurde, sehen. Die Dateien können von den Studierenden einzeln oder als ZIP-Datei heruntergeladen werden.
[[Datei:Studierendenordner_Studierendensicht.png]]

Datei:Studierendenordner.jpg

2021-11-29T17:44:26Z

Sfmizick:

Überblick

2021-11-29T17:42:22Z

Sfmizick: /* Neuerungen zum Wintersemester 21/22 */

=Neuerungen zum Wintersemester 21/22=

Zum Wintersemester 21/22 wurden folgende Plugins eingespielt:
*[[Studierendenordner]]
*[[Fortschrittsbalken]]
*Das neue Grid-Kursformat wurde hinzugefügt (siehe [[Kursformate]]).
*Der Atto-Editor wurde um die Funktion zum Unterstreichen von Wörtern erweitert.

[[Datei:Moodle-Update-WiSe2122.jpg|link=https://opencast.uni-due.de/paella/ui/watch.html?id=15394bdc-d92b-4989-b157-29c977db4a90]]

=Moodle-Version 3.7 (im Aufbau)=
=== Verbessertes Dashboard ===

===Aktivität Forum ===
Es ist jetzt möglich direkt Beiträge zu erstellen oder zu beantworten (Direktantwort) ohne, dass die Seite neu geladen werden muss.
[[Datei:Direktantwort.png|none]]

* Die Themen in der Beitragsübersicht können nun nach der Anzahl der Antworten, wann der letzte Beitrag war und wann das Thema erstellt wurde sortiert werden (rot markiert)
* Themen können als Favoriten markiert werden (gelb markiert)

[[Datei:Forenübersicht.png|none]]

=== Aktivität Test ===
* Es wurde eine neue Statistik Seite eingeführt auf der man eine verbesserte Übersicht über die Teststatistik hat. Zudem ist es jetzt möglich die Statistik runterzuladen.
* Einzelne Fragen können jetzt aus der Fragensammlung exportiert werden.
* Die Option "Manuell Bewerten" ist nun einfacher zu finden
[[Datei:Statistik.png|none]]

Die Optionen Statistik und Manuell Bewerten finden sich in der Aktivität im Optionsmenü, aufrufbar über das Zahnrädchen oben rechts.

=== Aktivität Buch ===
* Die Druckversion bei der Aktivität Buch wurde überarbeitet und verbessert.
* Lehrende können verborgene Kapitel jetzt auch sehen, wenn "Bearbeiten" ausgeschaltet ist.

=== Überarbeitete Mitteilungsstruktur ===
Das Interface für das Moodle interne Nachrichtensystem wurde überarbeitet.
[[Datei:Nachrichten_neu.png | none]]

=== Aktivität Aufgabe ===
*Bei der Aktivität Aufgabe lassen sich Abgaben die als PDF eingereicht wurde nun drehen.
*Feedback kann nun auch als Tonaufnahme aufgenommen werden.

=== Aktivität Test ===
* Neuer Fragetyp für kombinierte Fragen.
* Mit dem Fragetyp "Kombiniert" lassen sich nun gleichzeitig mehrere Fragetypen in eine Frage integrieren.

=== Duplizierte Kurselemente erkennen ===
Wenn Sie Elemente im Kursraum duplizieren wird die Kopie nun mit dem Zusatz (Kopie) versehen. Dieser Zusatz kann, wenn es erforderlich ist, wieder gelöscht werden. Dafür muss lediglich der Titel des duplizierten Elements angepasst werden.

=== Textseite - Datum vom letzten Zugriff ausblenden ===
Es ist nun möglich auf einer Textseite auszublenden wann diese das letzte mal bearbeitet wurde.

=== LevelUp ===
* LevelUp ist nun auch im Gruppenmodus nutzbar. Die Studierenden erarbeiten sich so gemeinsam als Gruppe ein neues Level.

= Neuerungen zum Sommersemester 2020 =
=== Neues Theme ===
Ab dem Sommersemester 2020 ist Moodle vollständig auf das '''neue Design "Boost"''' umgestellt. Das neue Design bietet neben einen moderneren Look und einen übersichtlicheren Aufbau viele Optimierungen und Verbesserungen.

===Mehrsprachiger Inhalt===
*Über diesen Filter können in einem Kursraum Inhalte in mehreren Sprachen erstellt werden.
*Abhängig von der bevorzugten Sprache der Studierenden (eingestellt über das jeweiliges Profil) werden die Inhalte dann in genau dieser Sprache angezeigt.
**Zunächst wird der Inhalt (Text) innerhalb derselben Aktivität oder desselben Arbeitsmaterials in mehreren Sprachen erstellt. Dann muss jeder "Sprach-Block" in folgende HTML-Elemente eingeschlossen werden:
***[[Datei:MehrsprachigerInhalt_HTMLtags.png|none]]
**Diese Einträge müssen im HTML-Quellcode vorgenommen werden!
'''Eine Schritt für Schritt Anleitung finden Sie [https://wiki.uni-due.de/moodle/images/1/1e/Anleitung_Multilang_Filter.pdf hier]'''
*Weitere Informationen finden Sie auch [https://docs.moodle.org/38/de/Mehrsprachiger_Inhalt hier].
*Tipp:Es besteht auch die Möglichkeit am Anfang eines Kurses einen Hinweis auf die anzeigbaren Sprachen zu geben, z.B. als Textfeld mit den Links auf die verschiedenen Sprachsichten (in der Adresszeile des Kurses &lang="XX" ergänzen (XX steht für das verwendete Sprachkürzel]). Das könnte dann aus Studierendensicht so aussehen:

= Moodle-Version 3.5 (ab Sommersemester 2019) =

=== Vorzeitige Möglichkeit des Theme-Wechsels ===
Nutzer*innen können zwischen dem aktuellen (UDE) und künftigen Moodle-Theme (Boost), d.h. der grafischen Benutzeroberfläche, flexibel wechseln. Weitere Informationen dazu finden Sie [https://wiki.uni-due.de/moodle/index.php/Moodle-Theme_ändern hier]

#004c93
Auf dem Dashboard werden die Kurse ab jetzt mit einem entsprechenden Kursbild angezeigt (hier rot gekennzeichnet).
[[Datei:Dashboard.PNG|none]]
Dieses Bild kann unter "Kurs-Einstellungen -> Einstellungen" im Menü "Beschreibung –> Datei in der Kursbeschreibung" bearbeitet bzw. verändert werden.
[[Datei:Kursbild.PNG|none]]

=== Kalender ===
*Der weiterentwickelte Kalender vereinfacht unter anderem das Eintragen und Verschieben von Terminen.
*Über die Auswahl des entsprechenden Tages kann ein neuer Termin kurzerhand hinzugefügt und durch einfaches Drag&Drop zugleich verschoben werden.
*Des Weiteren können ab sofort Termine für den Kursbereich erstellt werden! Durch die Schaltfläche "Kursbereichstermine verbergen" können diese verborgen werden, um eine anschaulicherer Übersicht zu bekommen.

=== Planer ===
*Um einen Überblick über die bevorstehenden Termine mit Studierenden des Kursraums zu bekommen, können Lehrende sich nun über die Schaltfläche "Export" eine entsprechende Liste ausgeben lassen.

=== Neues Verfahren zur Einschreibung von Nutzer/innen ===
Nutzer*innen einschreiben:
*Hier die/den gewünschte/n Nutzer/in suchen (am besten mit dem Nachnamen) und kurz warten, bis die Person in der Dropdown-Liste erscheint. Mit einem Klick auf den Namen die Person auswählen und anschließend in der Drop-Down-Liste darunter die entsprechende Rolle zuweisen.
[[Datei:Teilnehmerfiltern.png|none]]

Filterfunktion:
*Die Funktion zum Filtern der Anzeige der Teilnehmenden befindet sich jetzt oberhalb der Teilnehmendenliste. Hier kann entweder mit einem Stichwort eine bestimmte Anzeige erzeugt werden oder mit Klick auf das kleine Dreieck am Rande des Eingabefeldes.
[[Datei:nutzereinschreiben.PNG|none]]

Rollen vergeben:
*Über das Stift-Icon können die Rollen der Nutzer/innen im Kurs bearbeitet werden. Es öffnet sich ein Feld, in welches die Rolle entweder getippt (z.B. "versteckte") oder aus einer Dropdown-Liste ausgewählt werden (kleines Dreieck) werden kann. Klicken Sie anschließend auf das Speicher-Icon (kleine Diskette).
'''Hinweis:''' Sofern Sie ''sich selbst'' eine neue Rolle zuweisen, müssen Sie sich '''zunächst in die neue Rolle einschreiben''', bevor Sie sich aus der alten Rolle entfernen.
[[Datei:Rollenvergeben1.PNG|none]]
[[Datei:Rollenvergeben2.PNG|none]]

=== Neuer Block LevelUp ===
Durch die Unterteilung des Lernstoffs in Level und durch die Vergabe von Erfahrungspunkten für absolvierte Leistungen wird der Kurs zu einer Herausforderung, die die Studierenden innerhalb eines Semesters meistern sollen. Die Visualisierung des Lernfortschritts kann die Studierenden hierbei motivieren, sich der Lernherausforderung zu stellen. Weitere Informationen finden Sie hier: [[LevelUp]]

=== Neuer Block Stash ===
Stash gestaltet Ihren Moodle-Kurs zu einem spielerischen Lernraum.
Durch die geschickte Platzierung von Items (Objekten), werden die Studierenden zu Sammler*innen Ihrer Lehrinhalte.
Weitere Informationen finden Sie hier: [[Stash]]

=== Neue Lernaktivität Textlabor ===
Diese neue Lernaktivität erlaubt das private und kollaborative Markieren in PDF-Dokumenten sowie die Möglichkeit, bestimmte Stellen in einem PDF hervorzuheben und sich mit anderen Studierenden über markierte Abschnitte auszutauschen.
Weitere Informationen finden Sie hier: [[Textlabor (PDF-Annotationen BETA)]]

=== Neue Lernaktivität Moodle-Overflow ===
Dieses neue Forum ermöglicht es, Fragen und Antworten in einer Diskussion zu bewerten. Anhand der Bewertung werden die Beiträge sortiert und entsprechend angezeigt. Weitere Informationen finden Sie hier: [[(anonymes) Forum]]

=== H5P: neue Inhaltstypen ===
Die Inhaltstypen "Branching Scenario (beta)" und "Virtual Tour (360)" stehen nun zur Verfügung.

Mittels Branching Scenario lässt sich eine Form des adaptiven Lernens (verzweigte Storylines) umsetzen.

Virtual Tour (360) gestattet die Einbettung von interaktiven und multimedial angereicherten 360°-Bildern.

=== Aufgabe ===
*Die neue Moodle-Version bietet die Funktion, ein Feedback lediglich innerhalb der PDF zu geben (ohne Kommentarfeld), möglich über die Funktion "Anmerkung im PDF".
[[Datei:Feedback.PNG|none]]
*Lehrende können, um die Anzahl von akzeptierten Dateitypen einzuschränken, nun aus einer vorgegebenen Auswahl eine Eingrenzung vornehmen.
*Zudem können Sie über die neue Schaltfläche "Alle Abgaben anzeigen" aus dem Bewertungsvorgang (innerhalb einer PDF) direkt zu einer Gesamtübersicht gelangen.
[[Datei:Abgaben.PNG|none]]

=== Verschlagwortung im Test ===
*Beim Erstellen von Fragen (im Fragenkatalog) lassen sich diese jetzt mit Schlagwörtern versehen.
*Bereits verwendete Schlagwörter werden bei der Eingabe vorgeschlagen.
*In das Feld „Suche“ wird das gewünschte Schlagwort eingegeben, zum Hinzufügen mit Enter bestätigen. Es können mehrere Schlagwörter hintereinander für eine Frage eingegeben werden.
*In der Fragensammlung unter "Übersicht" können die Fragen anschließend nach Tags gefiltert werden.
*Auch innerhalb der Erstellung eines Tests können bei Auswahl von Fragen diese über die Schlagwörter gefiltert angezeigt werden.
*Über ein neues Symbol ("Etiketten") können die Schlagwörter bearbeitet, erweitert oder gelöscht werden.

=== Aktivitätsabschluss===
*Eine neue Fähigkeit erlaubt es Lehrenden, den Abschlussstatus einer Aktivität für einzelne Studierende zu überschreiben. Unter ''Kurs-Administration -> Berichte -> Kursverlauf'' kann der ereichte Status überschrieben und somit als ''abgeschlossen'' oder ''nicht abgeschlossen'' markiert werden. Dies ist vor allem bei Aktivitäten und Aktionen nützlich, in denen die Studierenden den Abschluss manuell markieren.

=== Video & Ton im Atto-Editor===
*Eine neue Funktion innerhalb des Atto-Editors ermöglicht es Video- oder Audiodateien innerhalb von Moodle aufzunehmen, ohne eine separate Datei hochzuladen.
Sowohl Lehrende als auch Studierende können z.B. Aufgaben, Fragestellungen oder Kommentare abgeben.

*Die beiden neuen Icons in dem Editor sehen wie folgt aus:
[[Datei:Editor.PNG|none]]

=== Fälligkeitsdatum ===
*Das Fälligkeitsdatum, z.B. für den Start oder die Beendigung einer Aktivität, lässt sich jetzt '''minutengenau''' einstellen.
[[Datei:Datum.PNG|none]]

=== Auszeichnungen ===
*Eine Auszeichnung (Badge) kann jetzt auf Basis bereits erworbener Auszeichnung(en) verliehen werden. In den Kritieren zur Vergabe findet sich im Drop-Down-Menü hierfür ein neuer Punkt.

= Neue Funktionen in Moodle (ab Wintersemester 2018/2019) =
=== Sciebo ===
*Ab sofort können Sie aus Moodle heraus Ihre Dateien/Materialien aus Sciebo zur Verfügung stellen. Eine Anleitung finden Sie [https://wiki.uni-due.de/moodle/index.php/Sciebo hier].

=== TeX in H5P ===
*Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden.
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll.

=Ältere Änderungen & Anpassungen=
Ältere Änderungen und Anpassungen finden Sie in unserem [[Änderungsarchiv]]

Datei:Moodle-Update-WiSe2122.jpg

2021-11-29T17:38:12Z

Sfmizick:

BigBlueButton

2021-10-18T14:34:36Z

Sfmizick:

BigBlueButton ist ein Tool für Voice- und Videokonferenzen und kann als Aktivität in Moodle angelegt und konfiguriert werden. Bitte nutzen Sie ausschließlich Firefox und Chrome als Webbrower.
'''Bitte beachten Sie, dass Sie für die Aufzeichnung eine Einverständniserklärung Ihrer Teilnehmenden benötigen. Eine Anleitung finden Sie [https://wiki.uni-due.de/moodle/images/2/29/Anleitung.pdf hier].'''

=== Hinweise ===

*Falls Sie No-Script Add Ons in Ihrem Browser verwenden achten Sie darauf, BigBlueButton die nötigen Berechtigungen freizugeben.
*Ermuntern Sie Ihre Teilnehmenden während der VK ihr Mikrofon stumm zu schalten, wenn diese nicht gerade sprechen. Dies hilft dabei Störgeräusche und Echos zu minimieren (BBB bietet Ihnen auch die Möglichkeit, die Mikrophone der Teilnehmer*innen generell stumm zu schalten).
*Nutzen Sie möglichst Kopfhöhrer bzw. ein Headset. Dies hilft dabei Störgeräusche und Echos zu verhindern.
*Bei einer hohen Teilnehmeranzahl kann es wichtig sein, sparsam mit der Bandbreite umzugehen. Es bietet sich an die Kameras der Teilnehmer*innen und die privaten Chats zu deaktivieren.
*Wenn Sie Aufzeichnungen erstellt haben, sollten Sie die BBB-Instanz auf gar keinen Fall löschen. Auch die Aufzeichnungen würden dann gelöscht werden!

==Anlegen der BBB Aktivität in Moodle==
BigBlueButton wird zunächst einmal hinzugefügt, wie jede Aktivtät in Moodle. Eine Anleitung dazu finden sie her: [[Aktivitäten anlegen]]. 
 
===Kurzanleitung===
Nachdem Sie die Aktivität hinzugefügt haben, erscheint folgendes Menü (s.u.). Sie können folgende Einstellungen treffen: 
# Sie müssen Ihrem BBB Raum zunächst einen Namen geben.
# Sie können optional einen Begrüßungstext eingeben, der den Teilnehmer*innen beim Betretend des Raumes angezeigt wird.
# Mit der Option "Warten auf den Moderator" können Sie einstellen, dass Teilnehmer*innen den Raum erst betreten können, wenn mindestens ein Moderator bereits in die BBB-Session eingeloggt ist.
# Sie können hier das Nutzerlimit angeben sowie einstellen, ob die Session aufgenommen werden kann. Sofern Sie die Session aufzeichnen, erscheint die Aufzeichnung (mit einigen Minuten Verzögerung) in der BBB-Lernaktivität.
# Alle Lehrenden und versteckten Lehrenden haben im BBB-Raum standardmäßig Moderationsrechte. Diese können Sie jederzeit bearbeiten, z.B. um gezielte Personen oder einer ganzen Rolle Moderatorionsrechte zu erteilen.
# Zeitplan: Hier können Sie angeben, von wann bis wann die BBB-Session verfügbar ist.
 

Weitere Einstellungen, wie das Deaktivieren aller (Teilnehmer-)Kameras oder des öffentlichen bzw. privaten Chats, können Sie später im BBB-Raum vornehmen. 
[[Datei:Anleitung BBB.jpg| none]]

===Bearbeitung der Moderatorrolle===
In den meisten Fällen können Sie die voreingestellte Konfiguration für die Moderationsrolle einfach so belassen. Falls nötig können Sie auch einzelne Personen gezielt zu Moderatoren machen. Dafür wählen Sie im Dropdowndfeld die Option "Nutzer/in" und daneben den Namen der gewünschten Person (rot markiert). Optional können Sie die voreingestellten Rolleneinstellungen bearbeiten (gelb markiert).
[[Datei:Moderatoren BBB.jpg| none]]

==Aufzeichnen eines BBB-Meetings==
Sofern Sie eine BBB-Session aufzeichnen möchten, achten Sie in den Einstellungen in Moodle bitte darauf, dass Sie einen Instanztyp auswählen, der auch eine Aufzeichnung erlaubt (s. Bild). Ebenfalls muss die Option "Das Meeting kann aufgenommen werden" aktiviert sein (s. Bild).
Wenn Sie dann innerhalb einer BBB-Session die Aufzeichnung starten, achten Sie bitte darauf, die Konferenz danach offiziell zu beenden und die Aufzeichnung nicht nur zu pausieren! Erst dann wird, nach einer kurzen Abspeicherungszeit, die Aufzeichnung in Moodle zur Verfügung gestellt (direkt innerhalb der BBB-Lernaktivität). 
'''Achtung:''' Wenn Sie die BBB Instanz löschen, löschen Sie auch die Aufzeichnungen!
[[Datei:Bbb_aufzeichnung.jpg| none]]

===BBB-Instanz als "Video-Player" für Aufzeichnungen verwenden===
Sie können eine BBB-Aktivität so zu konfigurieren, dass diese als "Video-Player" für die im Kurs vorhandenen Aufzeichnungen fungiert. In dieser BBB-Aktivität sind dann keine BBB-Meetings, sondern nur das Abspielen von Aufzeichnungen möglich.
 

'''Beachten Sie hierbei unbedingt:'''

* Wenn Sie eine importierte Aufzeichnung in der Playerinstanz löschen, wird diese Aufzeichnungen generell, auch in der Ausgangsinstanz, gelöscht! Sie können Aufzeichnungen über das "Augensymbol" jedoch ausblenden.
* Wenn Sie eine Aufzeichnung aus einer Instanz A in eine Instanz B importieren und dann die Instanz A löschen, bleibt die Aufzeichnung in Instanz B bestehen. Wenn Sie eine Aufzeichnung löschen möchten, denken Sie bitte daran, diese überall zu löschen.
 

====Anleitung====

Wählen Sie dafür im Drop-down Feld ''Instanztyp'' "nur Aufzeichnungen" und setzen Sie den Haken "nur importierte Links" bei den ''Aufzeichnungseinstellungen''.

[[Datei:Player einstellungen.png| none]]

Über die Schaltfläche ''Aufnahmelinks importieren'' können Sie Aufzeichnungen aus anderen BBB-Instanzen dem Player hinzufügen.

[[Datei:Player anzeige.png| none]]

Im Drop-down-Menü unter "Aufnahmelinks importieren" wählen Sie den Kursraum aus, aus welchem Sie eine Aufzeichnung importieren möchten. Die Aufzeichnungen aus dem ausgewählten Kursraum werden Ihnen dann unten als Liste angezeigt. Über das Pfeilsymbol (gelb markiert) können Sie einzelne Aufzeichnungen dem Player hinzufügen.
[[Datei:Player einfügen.png| none]]

==BBB-Moodle-Lernaktivität und Kurskopien==
Bitte beachten Sie, dass durch Kurskopien (Kopie eines Bestandskurses) neue Instanzen einer BBB-Aktivität in Moodle erzeugt werden. Dadurch werden (intern) neue Meetingräume in BBB erzeugt. Dies hat zur Folge, dass '''auf ehemalige BBB-Aufzeichnungen nicht mehr aus der neuen Kurskopie zugegriffen werden kann'''. Eine Kopie dieser Aufzeichnungen bzw. der Transfer in den kopierten, neuen Moodlekurs ist gegenwärtig nicht möglich. Wir bitten hier um Ihr Verständnis.

H5P

2021-09-29T13:52:16Z

Sfmizick: /* Changelog (Änderungsprotokoll) */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen September 2021.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

'''September 2021'''
* Der Inhaltstyp "Crossword" steht nun zur Verfügung.
* Der Inhaltstyp "Image Choice" steht nun zur Verfügung.
* Der Inhaltstyp "Sort the Paragraphs" steht nun zur Verfügung.

H5P

2021-09-29T13:45:14Z

Sfmizick: /* Weiterführende Informationen */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen September 2021.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

Datei:Kurzübersicht - H5P Inhaltstypen September 2021.pdf

2021-09-29T13:44:50Z

Sfmizick:

H5P

2021-09-29T13:43:33Z

Sfmizick: /* Verfügbare H5P-Inhaltstypen an der UDE */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Crossword
** Ermöglicht die Erstellung eines Kreuzworträtsels.
** Im Bedarfsfall können zu den gesuchten Wörtern Hinweise gegeben werden.
** Auch die Deklaration eines Lösungswortes ist möglich. Dabei ist jedoch darauf zu achten, dass sich dieses aus den gesuchten Wörtern bilden lässt.
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Choice
** Die Autorin/ der Autor können eine Bildauswahl-Frage erstellen.
** Dabei werden die Lernenden durch eine Frage dazu aufgefordert, eine bestimmte Teilmenge zuvor durch den/ die Autor:in eingestellter Bilder auszuwählen.
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Sort the Paragraphs
** Ermöglicht die Deklaration mehrerer Texte (Absätze), welche zufällig vom System gemischt und von den Lernenden wieder in die korrekte Reihenfolge zu bringen sind.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen Oktober 2020.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

Test

2021-03-01T09:54:41Z

Sfmizick: /* Fragetypen */

Die ''Lernaktivität Test'' ist ein flexibles Werkzeug, um den Lernfortschritt zu überprüfen.
Der Test wird gerne zur Klausurvorbereitung genutzt oder um den Wissensstand der Themen aus der Präsenzveranstaltung zu vertiefen. Er ermöglicht die Erstellung eines Fragenpools in dem Fragen kategorisiert werden können, um die thematische Darstellung übersichtlich zu gestalten oder um Zufallsfragen in den Test einbinden zu können. 
 
'''Neu''': Lehrende können nun einen Druck-Button erstellen, mit dem Bescheinigungen mit individuellen Inhalten z.B. zur Vorlage in einer Lehrveranstaltung, von Studierenden ausgedruckt werden können.

=== Fragetypen ===
*Algebra (Es wird empfohlen den Fragetyp nicht mehr zu nutzen, da dieser veraltet ist und zukünftig nicht mehr angeboten werden wird. Für Mathematische Fragetypen bietet sich [[JACK]] an.)
*Berechnet
*Berechnete Multiple-Choice-Frage
*Drag-and-drop auf Bild
*Drag-and-drop auf Text
*Einfach berechnet
*Freitext
*Kombiniert
*Kurzantwort
*Lückentextauswahl
*Lückentextfrage
*Multiple-Choice
*Numerisch
*Wahr/Falsch
*Zufällige Kurzantwortzuordnung
*Zuordnung

===Speicherverhalten der Lernaktivität Test===
Moodle speichert Testeingaben nicht lokal, sondern serverseitig ab. Dabei werden Eingaben automatisch bzw. regelmäßig (z.B. beim Wechsel von Test-Seiten) an den Server gesandt, sofern eine aktive Interverbindung besteht. Im Fall eines Verbindungsabbruchs sind somit alle zuvor übertragenen Inhalte sicher auf dem Server hinterlegt. Um hier etwaigen Datenverlust so gering wie möglich zu halten, empfiehlt es sich bei der Anlegung von Test-Instanzen die Einstellung „Zeit >> Wenn die Zeit abgelaufen ist“ auf „Der Testversuch wird automatisch abgegeben.“ zu belassen.

Damit Eingaben die getätigt, aber noch nicht „gespeichert“ wurden bei einem Verbindungsabbruchs nicht verloren gehen, sollte der Browser bzw. der entsprechende Tab nicht geschlossen werden. Die Eingaben sind i.d.R. im Browsercache gespeichert und die Bearbeitung kann fortgesetzt werden, sobald die Internetverbindung wiederhergestellt wurde. Falls der Browser aufgrund des Verbindungsabbruchs eine Fehlerseite anzeigt, kann es, zum Fortsetzen des Tests, notwendig sein, die Webseite neu zu laden. Hierzu sollte der browserspezifische Neulade-Button (Seite neu laden) verwendet werden. Durch das erneute Laden der Webseite gehen die zuvor getätigten Eingaben i.d.R. nicht verloren. Bei längeren Freitext-Aufgaben kann es sich trotzdem empfehlen, dass Zwischenstände lokal (z.B. in einem beliebigen Textverarbeitungsprogramm) zwischengespeichert werden.

=== Druck-Button ===
Anleitung zum Erstellen des Druck-Buttons. Voraussetzung: Der Test im Kurs muss bereits eingerichtet sein!

1. Auf der Kurshauptseite: „Bearbeiten einschalten“. 
2. Auf einen Test klicken. 
3. Links unten über den Block „Block hinzufügen“ „Testergebnis drucken“ auswählen. 
4. Der neue Block ist nun links unten zu finden; über das Zahnrad-Symbol „‘Testergebnis drucken‘ konfigurieren“ anklicken. 
5. Im Textfeld "Vorlage", steht ein bereits vorgegebener Text. Dieser Text und die Werte in dieser Tabelle sollten unverändert bleiben. Der Rest (z.B. die Überschrift) kann gerne verändern bzw. mit neuem Text ergänzt (z.B. was mit dem Ausdruck passieren soll wie „Drucken Sie diese Seite aus und bringen Sie diese zur nächsten Veranstaltung mit“) werden. 
6. Abschnitte „Blockplatzierung“ und „Blockplatzierung auf dieser Seite“: Hier bitte darauf achten bei den beiden Punkten Bereich und Gewichtung immer dasselbe auszufüllen. 
7. Auswahlmöglichkeiten bei "Auf diesen Seiten anzeigen": "Alle Testseiten": auf allen Seiten wird der letzte Versuch gedruckt; "Informationsseite des Tests": Hauptseite des Tests bei der dann der letzte Versuch gedruckt wird; "Seite des Testversuchs neu bewertet": Berichtsseite, der gewählte Test wird gedruckt. 
8. Empfehlung zur Anordnung: bei Bereich: Right und bei Gewichtung: 0; dann wird der Block auf der rechten Seite ganz oben angezeigt und fällt den Studierenden auch direkt ins Auge. 
 
'''Online-Tutorial:'''
[https://www.uni-due.de/ub/files/tutorials/test_drucken/index.html Druck-Button einrichten]

=== Einsatzszenarien ===
*Abfrage von Vorwissen (z.B. aus vorausgegangenen fachdidaktischen Veranstaltungen bzw. aus Vorbereitungsveranstaltung)
*Vorbereitung von Klausuren
*Vor- und Nachbereitung der Lehrveranstaltungen
*Testate (z.B. Lektüretests), Prüfung des Wissenstands

=== Tipps und Tricks ===
*Lehrende sollten den Test aus der Studierendenpespektive durchlaufen haben, bevor die Studierenden den Test absolvieren können. Dazu wählen die Lehrenden im Benutzermenü ''Rolle wechseln'' die ''Rolle Studierende(r)''.
*Über den Im- und Export können Fragen auch in anderen Kursen benutzt werden.
*Fragen können auch ohne vorherige Einrichtung eines Tests erstellt in der Fragensammlung (Menüpunkt in der Kurs-Administration). Über den Unterpunkt "Kategorien" der Fragensammlung ermöglicht die Erstellung benutzerdefinierter Kategorien.
*Das Einrichten einer Fragensammlung ist nicht zwingend erforderlich, es bietet aber die Möglichkeit die Fragen zu kategoriesieren um daraus wiederum Zufallsfragen generieren lassen zu können.
*Über die Vorschau einer Frage (Lupensymbol) kann das Frageverhalten getestet werden ohne die Einstellungen des Tests selber zu berühren.
*Es können auch Fragen in Abhängigkeit voneinander gestellt werden (Voraussetzung: 1. Frageverhalten: Direkte Auswertung UND 2. Fragenanordnung -> Navigation: selbstgewählt). Über das Schlosssymbol im Fenster "Testinhalt bearbeiten" kann die Abhängigkeit dann eingerichtet werden.
*Sobald eine Person den Test begonnen hat, können keine Fragen mehr geändert, hinzugefügt oder herausgenommen werden. Kopieren Sie den Test über die Kopierfunktion der einzelnen Lernaktivität um diese nachträglich zu verändern.
*Einzelnen Gruppen bzw. einzelnen Person können einem Test weitere Versuche, längere Bearbeitungszeiten bzw. eine Testöffnung nach der eigentlichen Schließung ermöglicht werden, so dass der Test nicht für alle geöffnet werden muss.
* Sollten Probleme beim Ex- bzw. Import von Moodlefragen im Moodle-XML-Format auftreten, kann dies an der Größe der xml-Datei liegen, die nicht größer als 10MB sein darf. Sollte dies der Fall sein müssen die Fragen in Unterkategorien aufgeteilt und dann jede Kategorie einzeln ex- und importiert werden.

=== Weitere Informationen ===

 Für e-basierte Klausuren am Ende des Semesters empfehlen wir Ihnen die Software [https://www.uni-due.de/zim/services/pc-pruefungen/ LPLUS].

Mehr Beispiele und Tutorials? Ausführliche Informationen und Beschreibungen zur Fragesammlung, den Fragetypen und den Frageverhalten eines Tests finden Sie [https://moodle.uni-due.de/course/view.php?id=1039 hier]!

Kursraum anlegen

2020-12-21T06:50:51Z

Sfmizick:

<big>'''Das Anlegen neuer Kursräume erfolgt in Moodle selbst!''' </big>

== Beantragen von Moodlekursen in Moodle ==
Über den Block '''"Kursverwaltung"''' können Moodlekurse direkt in Moodle beantragt werden. Diesen Block finden Sie, sobald Sie sich in Moodle eingeloggt haben, in der rechten Spalte in Ihrem Kursraum oder auf dem Dashboard. 
 
'''Bitte beachten Sie: Damit die Kursverwaltung für Sie freigeschaltet ist, benötigen Sie in mindestens einem Moodlekursraum Lehrendenrechte! ''' 

=== Freischaltung der Kursverwaltung ===
Falls Sie noch '''in keinem Moodlekursraum Lehrendenrechte''' haben und die Kursverwaltung '''nicht''' für Sie freigeschaltet ist schreiben Sie eine E-Mail an Moodle@uni-due.de mit folgenden Angaben:

* Um Nachfragen zu vermeiden teilen Sie uns Bitte mit, dass Sie sich in Moodle eingeloggt haben und unter Kursverwaltung keine weiteren Optionen haben und somit die Kursverwaltung noch nicht freigeschaltet ist.
* Name des Kurses
* Kurzname des Kurses (kurz und knackig sowie Systemweit einmalig)
* Einschreibeschlüssel (Passwort, mit dem sich die Studierenden in Ihren Kurs einschreiben)
* Fachbereich bzw. Kurskategorie in die der Kurs einsortiert werden soll
 

Alle Angaben sind zwingend notwendig.
 

<big>Wenn die Kursverwaltung für Sie bereits freigeschaltet ist, beantragen Sie Ihre Kurse direkt in Moodle. Eine Beantragung per Mail ist dann '''nicht mehr''' möglich. </big>

=== Weitere Lehrende hinzufügen ===

Lehrende oder versteckte Lehrende eines Kurses können selbstständig weitere (versteckte) Lehrende zum Kurs hinzufügen: [[Lehrende hinzufügen]]

H5P

2020-12-18T10:34:36Z

Sfmizick: /* Changelog (Änderungsprotokoll) */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen Oktober 2020.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

'''Dezember 2020'''
* Informationen zur '[https://wiki.uni-due.de/moodle/index.php/H5P#Bewertungs.C3.BCbersicht_in_Moodle Bewertungsübersicht in Moodle]' wurden bereitgestellt.

H5P

2020-12-18T10:27:44Z

Sfmizick: /* Weiterführende Informationen */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen Oktober 2020.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Bewertungsübersicht in Moodle==
Welche H5P-Inhaltstypen das Gradebook (Bewertungsübersicht) in Moodle nutzen können, d.h. Punkte der Lernenden speichern bzw. übertragen können, haben wir Ihnen in dem nachfolgenden Dokument zusammengestellt: [[Datei:H5P-Bewertungsübersicht-in-Moodle.pdf]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

Datei:H5P-Bewertungsübersicht-in-Moodle.pdf

2020-12-18T10:25:42Z

Sfmizick:

Textlabor (PDF-Annotationen BETA)

2020-11-27T18:40:25Z

Sfmizick: /* Wichtige Hinweise zur Benutzung */

__NOTOC__
Die Lernaktivität ''Textlabor (PDF-Annotationen BETA)'' ermöglicht die kollaborative Textdiskussion sowie Wissensproduktion. So können Lernende gemeinsam das PDF-Dokument mit Annotationen versehen, welches zuvor durch die bzw. den Dozierende*n zur Verfügung gestellt wurde.
Die Möglichkeit zur Annotierung soll u.a. dazu dienen, dass Lernende gemeinsam über einen Text (PDF) in Form von Kommentaren diskutieren und ihn sich so erschließen können. Ebenso ist es denkbar, dass Rückfragen direkt am Text gestellt werden können, die anschließend von den Dozierenden oder aber anderen Studierenden beantwortet werden.
 
Bei der Lernaktivität ''Textlabor'' handelt es sich um die Adaption (Weiterentwicklung) der Moodle-Lernaktivität [https://moodle.org/plugins/mod_pdfannotator PDF Annotation], welche am [http://www.cil.rwth-aachen.de/ CiL] der RWTH Aachen entwickelt wurde. 
Die Weiterentwicklung fand im Rahmen des Digi-Fellowship-Projekts „Texte annotieren und kommentieren in Inverted-Classroom- und Peer-Feedback-Szenarien“ (https://www.stifterverband.org/digital-lehrfellows/2017/beisswenger) mit Mitteln des Stifterverbands und des Ministeriums für Kultur und Wissenschaft NRW und mit Unterstützung der Mitarbeiter*innen des Zentrums für Informations- und Mediendienste (ZIM) der Universität Duisburg-Essen statt.

===Wichtige Hinweise zur Benutzung===
Bitte beachten Sie, dass es sich bei der Lernaktivität Textlabor (PDF-Annotationen BETA) um eine frühe Entwicklungsversion, im BETA-Stadium, handelt. 
Fehler und Probleme können zum aktuellen Zeitpunkt (Mai 2019) nicht ausgeschlossen werden. Sollten Ihnen Probleme auffallen, würden wir uns über eine entsprechende Rückmeldung an '''moodle@uni-due.de''' freuen. Gerne können Sie auch die integrierte Feedback-Möglichkeit im Tool selbst („Ihre Nachricht an die Entwickler“) nutzen. 

'''Achtung: die Lernaktivität Textlabor kann im Kursraum nicht gelöscht werden!'''

Wir empfehlen für den Einsatz dieser Lernaktivität dringend die Verwendung des neuen Moodle Designs (siehe auch: [[Moodle-Theme_ändern]]), da es andernfalls zu diversen Problemen in der Darstellung kommen kann.

Ebenso sollten PDF-Dateien verwendet werden, welche im '''Hochformat''' ausgerichtet sind. Das Querformat kann unter Umständen zu fehlerhaften Darstellungen führen.

==Einsatz in einem Moodle-Kurs==
Beim Anlegen dieser Lernaktivität ist darauf zu achten, dass ein PDF-Dokument im Hochformat angegeben bzw. hochgeladen wird, da die Darstellung zum gegenwärtigen Zeitpunkt ausschließlich im Hochformat erfolgt. Bitte beachten Sie, dass die initial eingestellte PDF-Datei nachträglich nicht mehr ausgetauscht werden kann. Bei Bedarf müssen Sie eine neue Instanz des Tools im Kursraum anlegen. 

Folgende spezifische Einstellungen können vorgenommen werden:
* Votes/Likes: Standardmäßig aktiviert. Nutzer*innen können jeden fremden Kommentar (max.) einmal „liken“, d.h. positiv bewerten bzw. hervorheben.
* Textbox: Mithilfe der Textbox kann ein Text direkt auf der PDF hinterlegt werden. Verfasser*in, Datum und Uhrzeit werden immer angezeigt und diese Art der Annotation kann weder re-kommentiert noch gemeldet werden.
* Freihandzeichnung: Mithilfe der Freihandzeichnung kann eine entsprechende Zeichnung direkt auf der PDF hinterlegt werden. Verfasser*in, Datum und Uhrzeit werden immer angezeigt und diese Art der Annotation kann weder re-kommentiert noch gemeldet werden.
* Speichern/Drucken: Gestattet den Nutzer*innen das Herunterladen der Original-PDF, ohne Kommentare.

==Verwendung des Tools==
[[Datei:Textlabor Übersicht 13-05- 2019 16.jpg|miniatur|Übersicht zur Lernaktivität Textlabor]]
Nachfolgend soll ein kurzer Überblick über die Lernaktivität Textlabor (PDF-Annotationen BETA) für Dozierende sowie Studierende gegeben werden. Als Orientierung dient die integrierte Abbildung „Übersicht zur Lernaktivität Textlabor“.

===(1) PDF-Anzeige===
In diesem Bereich wird das jeweilige PDF-Dokument, mit den bestehenden Annotationen (hier: primär als visuelle Marker) dargestellt. Die Darstellung des Dokuments erfolgt ausschließlich im Hochformat.

===(2) Annotations- bzw. Kommentarblock===
Hier werden die bestehenden Annotationen (hier: ausschließlich als Text) dargestellt. Im oberen Teil besteht die Möglichkeit, nur Annotationen der aktuellen Seite oder des gesamten Dokuments anzeigen zu lassen. Ebenso ist eine Suchfunktion für das gesamte Dokument verfügbar, die die bestehenden Kommentare durchsucht. Ein Kommentar ist durch den Namen der/ des Verfasser*in (sofern nicht anonym abgesetzt) sowie Datum und Uhrzeit gekennzeichnet. Ein Kommentar kann durch die/ den Autor*in sowie die Dozierenden als gelöscht oder als geklärt (Frage schließen oder auch wieder öffnen) bearbeitet werden. Ebenso werden, falls aktiviert, die jeweiligen Likes angezeigt. Alle Nutzer*innen können einen Kommentar abonnieren (E-Mail-Benachrichtigung bei jedem neuen Kommentar!) oder im Missbrauchsfall melden.

===(3) Werkzeugleiste===
In Abhängigkeit der jeweiligen Einstellungen stehen hier diverse Werkzeuge zur Annotation bereit, wie z.B. das Cursor-Element zur reinen Navigation, Pin-Element zur Anbringung eines Kommentars an einer Abbildung oder der Textmarker, um eine Textpassage für einen Kommentar zu markieren. Die einzelnen Werkzeuge sind mithilfe von Tooltipps (Anzeige bei Überfahren mit dem Cursor bzw. der Maus) weiter beschrieben.

===(4) Navigationsleiste des Textlabors===
Innerhalb der Übersicht werden „Offene Fragen“, d.h. alle nicht geschlossenen Fragen, tabellarisch dargestellt. Der zweite Reiter von Links zeigt das jeweilige PDF-Dokument (siehe (1)) an. Unter dem Punkt „Statistik“ können allgemeine Statistiken zur aktuellen Instanz von Textlabor, aber auch zum jeweiligen Moodlekurs eingesehen werden. Der Reiter „Feedback“ ermöglicht es, eine entsprechende Rückmeldung zum Annotationstool abzusetzen.

==Video-Anleitung: Verwendung des Tools==
Eine videobasierte Anleitung ist unter dem nachfolgenden Link, im offenen Moodlekurs "Moodle-Kompetenzzentrum: Erste Schritte in H5P", zu finden: https://moodle.uni-due.de/mod/hvp/view.php?id=958584

Für den Zugang einfach mit der Unikennung oder als "Gast" anmelden.

H5P

2020-11-23T14:15:23Z

Sfmizick: /* Weiterführende Informationen */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen Oktober 2020.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

==Wichtige Hinweise==
Bitte beachten Sie, dass es aktuell (11.2020) zu Problemen kommt, wenn der Inhaltstyp '''Single Choice''' in andere Inhaltytpen (z.B. Course Presentation) eingebettet wird. Sofern Sie eine solche Konstellation umsetzen möchten, nutzen Sie hierzu den Inhaltstyp Multiple Choice und realisieren Sie diesen in der Art und Weise einer Single-Choice-Fragestellung. Die autonome Nutzung des Inhaltstyps Single Choice ist hingegen problemlos möglich.

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

H5P

2020-10-05T20:01:03Z

Sfmizick: /* Weiterführende Informationen */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen Oktober 2020.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

Datei:Kurzübersicht - H5P Inhaltstypen Oktober 2020.pdf

2020-10-05T20:00:31Z

Sfmizick:

H5P

2020-10-05T19:56:21Z

Sfmizick: /* Changelog (Änderungsprotokoll) */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen März 2020.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

'''Oktober 2020'''
* Der Inhaltstyp "KewAr Code" steht nun zur Verfügung.

H5P

2020-10-05T19:55:38Z

Sfmizick: /* Verfügbare H5P-Inhaltstypen an der UDE */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* KewAr Code
** Bietet eine einfache und direkte Möglichkeit, QR-Codes zu erstellen.
** Folgende Informationen können kodiert werden: Kontakt (u.a. Name, E-Mail-Adresse, Telefonnummer, Webseite, etc.), Event (u.a. Uhrzeiten, Örtlichkeit, Beschreibung, etc.), E-Mail-Adresse, ausgewählte H5P Inhaltstypen, Örtlichkeit, Telefonnummer, SMS (Vorlage), Text und URLs (Links).
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen März 2020.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.

Textlabor (PDF-Annotationen BETA)

2020-09-18T08:30:55Z

Sfmizick:

Die Lernaktivität ''Textlabor (PDF-Annotationen BETA)'' ermöglicht die kollaborative Textdiskussion sowie Wissensproduktion. So können Lernende gemeinsam das PDF-Dokument mit Annotationen versehen, welches zuvor durch die bzw. den Dozierende*n zur Verfügung gestellt wurde.
Die Möglichkeit zur Annotierung soll u.a. dazu dienen, dass Lernende gemeinsam über einen Text (PDF) in Form von Kommentaren diskutieren und ihn sich so erschließen können. Ebenso ist es denkbar, dass Rückfragen direkt am Text gestellt werden können, die anschließend von den Dozierenden oder aber anderen Studierenden beantwortet werden.
 
Bei der Lernaktivität ''Textlabor'' handelt es sich um die Adaption (Weiterentwicklung) der Moodle-Lernaktivität [https://moodle.org/plugins/mod_pdfannotator PDF Annotation], welche am [http://www.cil.rwth-aachen.de/ CiL] der RWTH Aachen entwickelt wurde. 
Die Weiterentwicklung fand im Rahmen des Digi-Fellowship-Projekts „Texte annotieren und kommentieren in Inverted-Classroom- und Peer-Feedback-Szenarien“ (https://www.stifterverband.org/digital-lehrfellows/2017/beisswenger) mit Mitteln des Stifterverbands und des Ministeriums für Kultur und Wissenschaft NRW und mit Unterstützung der Mitarbeiter*innen des Zentrums für Informations- und Mediendienste (ZIM) der Universität Duisburg-Essen statt.

===Wichtige Hinweise zur Benutzung===
Bitte beachten Sie, dass es sich bei der Lernaktivität Textlabor (PDF-Annotationen BETA) um eine frühe Entwicklungsversion, im BETA-Stadium, handelt. Fehler und Probleme können zum aktuellen Zeitpunkt (Mai 2019) nicht ausgeschlossen werden. Sollten Ihnen Probleme auffallen, würden wir uns über eine entsprechende Rückmeldung an '''moodle@uni-due.de''' freuen. Gerne können Sie auch die integrierte Feedback-Möglichkeit im Tool selbst („Ihre Nachricht an die Entwickler“) nutzen. 
Darüber hinaus empfehlen wir für den Einsatz dieser Lernaktivität dringend die Verwendung des neuen Moodle Designs (siehe auch: [[Moodle-Theme_ändern]]), da es andernfalls zu diversen Problemen in der Darstellung kommen kann.
'''Achtung: die Lernaktivität Textlabor kann im Kursraum nicht gelöscht werden!'''

==Einsatz in einem Moodle-Kurs==
Beim Anlegen dieser Lernaktivität ist darauf zu achten, dass ein PDF-Dokument im Hochformat angegeben bzw. hochgeladen wird, da die Darstellung zum gegenwärtigen Zeitpunkt ausschließlich im Hochformat erfolgt. Bitte beachten Sie, dass die initial eingestellte PDF-Datei nachträglich nicht mehr ausgetauscht werden kann. Bei Bedarf müssen Sie eine neue Instanz des Tools im Kursraum anlegen. 

Folgende spezifische Einstellungen können vorgenommen werden:
* Votes/Likes: Standardmäßig aktiviert. Nutzer*innen können jeden fremden Kommentar (max.) einmal „liken“, d.h. positiv bewerten bzw. hervorheben.
* Textbox: Mithilfe der Textbox kann ein Text direkt auf der PDF hinterlegt werden. Verfasser*in, Datum und Uhrzeit werden immer angezeigt und diese Art der Annotation kann weder re-kommentiert noch gemeldet werden.
* Freihandzeichnung: Mithilfe der Freihandzeichnung kann eine entsprechende Zeichnung direkt auf der PDF hinterlegt werden. Verfasser*in, Datum und Uhrzeit werden immer angezeigt und diese Art der Annotation kann weder re-kommentiert noch gemeldet werden.
* Speichern/Drucken: Gestattet den Nutzer*innen das Herunterladen der Original-PDF, ohne Kommentare.

==Verwendung des Tools==
[[Datei:Textlabor Übersicht 13-05- 2019 16.jpg|miniatur|Übersicht zur Lernaktivität Textlabor]]
Nachfolgend soll ein kurzer Überblick über die Lernaktivität Textlabor (PDF-Annotationen BETA) für Dozierende sowie Studierende gegeben werden. Als Orientierung dient die integrierte Abbildung „Übersicht zur Lernaktivität Textlabor“.

===(1) PDF-Anzeige===
In diesem Bereich wird das jeweilige PDF-Dokument, mit den bestehenden Annotationen (hier: primär als visuelle Marker) dargestellt. Die Darstellung des Dokuments erfolgt ausschließlich im Hochformat.

===(2) Annotations- bzw. Kommentarblock===
Hier werden die bestehenden Annotationen (hier: ausschließlich als Text) dargestellt. Im oberen Teil besteht die Möglichkeit, nur Annotationen der aktuellen Seite oder des gesamten Dokuments anzeigen zu lassen. Ebenso ist eine Suchfunktion für das gesamte Dokument verfügbar, die die bestehenden Kommentare durchsucht. Ein Kommentar ist durch den Namen der/ des Verfasser*in (sofern nicht anonym abgesetzt) sowie Datum und Uhrzeit gekennzeichnet. Ein Kommentar kann durch die/ den Autor*in sowie die Dozierenden als gelöscht oder als geklärt (Frage schließen oder auch wieder öffnen) bearbeitet werden. Ebenso werden, falls aktiviert, die jeweiligen Likes angezeigt. Alle Nutzer*innen können einen Kommentar abonnieren (E-Mail-Benachrichtigung bei jedem neuen Kommentar!) oder im Missbrauchsfall melden.

===(3) Werkzeugleiste===
In Abhängigkeit der jeweiligen Einstellungen stehen hier diverse Werkzeuge zur Annotation bereit, wie z.B. das Cursor-Element zur reinen Navigation, Pin-Element zur Anbringung eines Kommentars an einer Abbildung oder der Textmarker, um eine Textpassage für einen Kommentar zu markieren. Die einzelnen Werkzeuge sind mithilfe von Tooltipps (Anzeige bei Überfahren mit dem Cursor bzw. der Maus) weiter beschrieben.

===(4) Navigationsleiste des Textlabors===
Innerhalb der Übersicht werden „Offene Fragen“, d.h. alle nicht geschlossenen Fragen, tabellarisch dargestellt. Der zweite Reiter von Links zeigt das jeweilige PDF-Dokument (siehe (1)) an. Unter dem Punkt „Statistik“ können allgemeine Statistiken zur aktuellen Instanz von Textlabor, aber auch zum jeweiligen Moodlekurs eingesehen werden. Der Reiter „Feedback“ ermöglicht es, eine entsprechende Rückmeldung zum Annotationstool abzusetzen.

==Video-Anleitung: Verwendung des Tools==
Eine videobasierte Anleitung ist unter dem nachfolgenden Link, im offenen Moodlekurs "Moodle-Kompetenzzentrum: Erste Schritte in H5P", zu finden: https://moodle.uni-due.de/mod/hvp/view.php?id=958584

Für den Zugang einfach mit der Unikennung oder als "Gast" anmelden.

Textlabor (PDF-Annotationen BETA)

2020-09-18T08:29:58Z

Sfmizick:

Die Lernaktivität ''Textlabor (PDF-Annotationen BETA)'' ermöglicht die kollaborative Textdiskussion sowie Wissensproduktion. So können Lernende gemeinsam das PDF-Dokument mit Annotationen versehen, welches zuvor durch die bzw. den Dozierende*n zur Verfügung gestellt wurde.
Die Möglichkeit zur Annotierung soll u.a. dazu dienen, dass Lernende gemeinsam über einen Text (PDF) in Form von Kommentaren diskutieren und ihn sich so erschließen können. Ebenso ist es denkbar, dass Rückfragen direkt am Text gestellt werden können, die anschließend von den Dozierenden oder aber anderen Studierenden beantwortet werden.
 
Bei der Lernaktivität ''Textlabor'' handelt es sich um die Adaption (Weiterentwicklung) der Moodle-Lernaktivität [https://moodle.org/plugins/mod_pdfannotator PDF Annotation], welche am [http://www.cil.rwth-aachen.de/ CiL] der RWTH Aachen entwickelt wurde. 
Die Weiterentwicklung fand im Rahmen des Digi-Fellowship-Projekts „Texte annotieren und kommentieren in Inverted-Classroom- und Peer-Feedback-Szenarien“ ([https://www.stifterverband.org/digital-lehrfellows/2017/beisswenger]) mit Mitteln des Stifterverbands und des Ministeriums für Kultur und Wissenschaft NRW und mit Unterstützung der Mitarbeiter*innen des Zentrums für Informations- und Mediendienste (ZIM) der Universität Duisburg-Essen statt.

===Wichtige Hinweise zur Benutzung===
Bitte beachten Sie, dass es sich bei der Lernaktivität Textlabor (PDF-Annotationen BETA) um eine frühe Entwicklungsversion, im BETA-Stadium, handelt. Fehler und Probleme können zum aktuellen Zeitpunkt (Mai 2019) nicht ausgeschlossen werden. Sollten Ihnen Probleme auffallen, würden wir uns über eine entsprechende Rückmeldung an '''moodle@uni-due.de''' freuen. Gerne können Sie auch die integrierte Feedback-Möglichkeit im Tool selbst („Ihre Nachricht an die Entwickler“) nutzen. 
Darüber hinaus empfehlen wir für den Einsatz dieser Lernaktivität dringend die Verwendung des neuen Moodle Designs (siehe auch: [[Moodle-Theme_ändern]]), da es andernfalls zu diversen Problemen in der Darstellung kommen kann.
'''Achtung: die Lernaktivität Textlabor kann im Kursraum nicht gelöscht werden!'''

==Einsatz in einem Moodle-Kurs==
Beim Anlegen dieser Lernaktivität ist darauf zu achten, dass ein PDF-Dokument im Hochformat angegeben bzw. hochgeladen wird, da die Darstellung zum gegenwärtigen Zeitpunkt ausschließlich im Hochformat erfolgt. Bitte beachten Sie, dass die initial eingestellte PDF-Datei nachträglich nicht mehr ausgetauscht werden kann. Bei Bedarf müssen Sie eine neue Instanz des Tools im Kursraum anlegen. 

Folgende spezifische Einstellungen können vorgenommen werden:
* Votes/Likes: Standardmäßig aktiviert. Nutzer*innen können jeden fremden Kommentar (max.) einmal „liken“, d.h. positiv bewerten bzw. hervorheben.
* Textbox: Mithilfe der Textbox kann ein Text direkt auf der PDF hinterlegt werden. Verfasser*in, Datum und Uhrzeit werden immer angezeigt und diese Art der Annotation kann weder re-kommentiert noch gemeldet werden.
* Freihandzeichnung: Mithilfe der Freihandzeichnung kann eine entsprechende Zeichnung direkt auf der PDF hinterlegt werden. Verfasser*in, Datum und Uhrzeit werden immer angezeigt und diese Art der Annotation kann weder re-kommentiert noch gemeldet werden.
* Speichern/Drucken: Gestattet den Nutzer*innen das Herunterladen der Original-PDF, ohne Kommentare.

==Verwendung des Tools==
[[Datei:Textlabor Übersicht 13-05- 2019 16.jpg|miniatur|Übersicht zur Lernaktivität Textlabor]]
Nachfolgend soll ein kurzer Überblick über die Lernaktivität Textlabor (PDF-Annotationen BETA) für Dozierende sowie Studierende gegeben werden. Als Orientierung dient die integrierte Abbildung „Übersicht zur Lernaktivität Textlabor“.

===(1) PDF-Anzeige===
In diesem Bereich wird das jeweilige PDF-Dokument, mit den bestehenden Annotationen (hier: primär als visuelle Marker) dargestellt. Die Darstellung des Dokuments erfolgt ausschließlich im Hochformat.

===(2) Annotations- bzw. Kommentarblock===
Hier werden die bestehenden Annotationen (hier: ausschließlich als Text) dargestellt. Im oberen Teil besteht die Möglichkeit, nur Annotationen der aktuellen Seite oder des gesamten Dokuments anzeigen zu lassen. Ebenso ist eine Suchfunktion für das gesamte Dokument verfügbar, die die bestehenden Kommentare durchsucht. Ein Kommentar ist durch den Namen der/ des Verfasser*in (sofern nicht anonym abgesetzt) sowie Datum und Uhrzeit gekennzeichnet. Ein Kommentar kann durch die/ den Autor*in sowie die Dozierenden als gelöscht oder als geklärt (Frage schließen oder auch wieder öffnen) bearbeitet werden. Ebenso werden, falls aktiviert, die jeweiligen Likes angezeigt. Alle Nutzer*innen können einen Kommentar abonnieren (E-Mail-Benachrichtigung bei jedem neuen Kommentar!) oder im Missbrauchsfall melden.

===(3) Werkzeugleiste===
In Abhängigkeit der jeweiligen Einstellungen stehen hier diverse Werkzeuge zur Annotation bereit, wie z.B. das Cursor-Element zur reinen Navigation, Pin-Element zur Anbringung eines Kommentars an einer Abbildung oder der Textmarker, um eine Textpassage für einen Kommentar zu markieren. Die einzelnen Werkzeuge sind mithilfe von Tooltipps (Anzeige bei Überfahren mit dem Cursor bzw. der Maus) weiter beschrieben.

===(4) Navigationsleiste des Textlabors===
Innerhalb der Übersicht werden „Offene Fragen“, d.h. alle nicht geschlossenen Fragen, tabellarisch dargestellt. Der zweite Reiter von Links zeigt das jeweilige PDF-Dokument (siehe (1)) an. Unter dem Punkt „Statistik“ können allgemeine Statistiken zur aktuellen Instanz von Textlabor, aber auch zum jeweiligen Moodlekurs eingesehen werden. Der Reiter „Feedback“ ermöglicht es, eine entsprechende Rückmeldung zum Annotationstool abzusetzen.

==Video-Anleitung: Verwendung des Tools==
Eine videobasierte Anleitung ist unter dem nachfolgenden Link, im offenen Moodlekurs "Moodle-Kompetenzzentrum: Erste Schritte in H5P", zu finden: https://moodle.uni-due.de/mod/hvp/view.php?id=958584

Für den Zugang einfach mit der Unikennung oder als "Gast" anmelden.

H5P

2020-08-12T12:04:08Z

Sfmizick: /* Changelog (Änderungsprotokoll) */

=Einleitung=
H5P (HTML5 Package) ist ein sogenanntes Content Collaboration Framework. D.h., dass es eine Basis zur gemeinschaftlichen Erstellung von interaktiven Inhalten bereitstellt. 
Dazu nutzt H5P moderne Webtechnologien (HTML5, CSS3 und JavaScript), um Inhalte interaktiv darzustellen und auf unterschiedlichen Geräten und Plattformen verfügbar zu machen. 
Hierbei werden verschiedene, sogenannte ''Content Types'' (siehe unten) angeboten, die unterschiedliche Bedürfnisse und Szenarien adressieren. Hierbei bietet die H5P-Lernaktivität in Moodle verschiedene Umsetzungsmöglichkeiten an, wie beispielsweise interaktive Präsentationen, Lernkarten oder die intuitive Einbettung von iFrames. Die im UDE-Moodle unterstützten Content Types sollen im Folgenden kurz bechrieben werden.

=Verfügbare H5P-Inhaltstypen an der UDE=
* Accordion
** Ermöglicht den Text in einzelne Bereiche anzuzeigen, die dann einzeln aufgeblättert werden können
* Advanced fill the blanks
** In einem zuvor definierten Lückentext müssen die darin deklarierten Lücken schriftlich ausgefüllt werden.
** Nach dem Ausfüllen bekommen die Lernenden ein Feedback, ob die Antwort korrekt oder nicht korrekt ist.
** ''Advanced'' bedeutet, dass die Verfügbarmachung von erweitertem Feedback (z.B. direkte Referenzierung auf den textuellen Kontext, der auszufüllenden Lücke) möglich ist.
* Agamotto
** Ermöglicht die Ansicht von Bildern, die der Reihe nach angeschaut oder detailreicher dargestellt werden sollen, i.d. Art eines Zoomeffektes.
** Es besteht die Möglichkeit, Text bzw. Informationen die das aktuelle Bild beschreiben hinzuzufügen.
** Wird über einen Slider gesteuert.
* Branching Scenario (beta)
** Dient der Erstellung einer Form adaptiven Lernens
** Verzweigte Storylines: Lernende bekommen auf Grundlage ihrer Auswahl/ Entscheidungen unterschiedliche Lernmaterialien angezeigt
** ''Dieser Inhaltstyp befindet sich aktuell noch aktiv in der Entwicklung!''
* Chart
** Visuelle Ansicht für den Vergleich von Zahlen (Diagramme)
** Zwei Varianten: Bar und Pie
*** Bar: Ansicht der Zahlen in Stabdiagrammen
*** Pie: Ansicht der Zahlen im Kreisdiagramm
* Column
** Dient der Organisation von H5P Inhaltstypen mit ähnlicher Thematik.
** D.h., dass ähnliche Themen - Inhaltstyp-übergreifend - gruppiert werden können.
* Course Presentation
** Hier können neue interaktive Präsentationen für Moodle erstellt werden
** Interaktiv bedeutet, dass in der Präsentation Fragen beantwortet werden können (Multiple Choice), die dann auch in die Bewertung eingetragen werden
** Es besteht allerdings weder die Möglichkeit eine bereits vorhandene Präsentation hochzuladen, noch eine in h5p erstellt in einem weiterverwendbaren Format (wie ppt oder pdf) herunterzuladen
** Wenn eine Person die Präsentation gesehen hat, zwischenzeitlich aber Änderungen daran vorgenommen wurden, wird der jeweiligen Person bei der nächsten Ansicht der Präsentation angezeigt, dass eine Veränderung vorgenommen wurde
* Dialog Cards
** Dienen dem Memorieren von Wörtern, Ausdrücken oder Sätzen.
** Auf der Vorderseite befindet sich ein Hinweis. Beim Drehen der Karte erfährt man den damit zusammenhängenden Ausdruck (Begriff).
** Es können z.B. Bilder, Audio-Dateien oder Tipps hinzugefügt werden. Durch die Integration von Audio-Dateien eignet sich dieser Inhaltstyp insbesondere für Szenarien im Kontext des Spracherwerbs.
* Dictation
** Ermöglicht die Überprüfung von orthografischen Kenntnissen (Diktat-Übung).
** Audiodateien, optional in unterschiedlichen Geschwindigkeitsstufen und/oder einer festgeschriebenen Anzahl an Abspielmöglichkeiten, können eingestellt werden.
** Zu den Audiodateien werden korrespondierende Eingabefelder angelegt, mithilfe derer die Nachschrift für das Gesprochene eingegeben und automatisch überprüft werden kann.
* Documentation Tool
** Erlaubt die Erstellung einer strukturierten Abfolge, für einen Schreibprozess.
** Es können Unterpunkte (Abfolge) gesetzt werden.
* Drag and Drop
** Die Autorin*innen können zwei oder mehr Elemente (Text oder Bild) per „Drag and Drop“ miteinander verknüpfen.
** Kann eigenständig oder innerhalb anderen Inhaltstypen verwendet werden.
* Flashcards
** Hier können Lernkarten erstellt werden
** Es können Tipps gegeben werden
** Aktive Eintragung von Wörtern möglich
** Groß- und Kleinschreibung wird nicht berücksichtigt
** Wird in die Bewertung übernommen
* Iframe Embedder
** Ermöglicht die intuitive und effiziente Einbindung von (externen) Ressourcen, wie z.B. Webseiten oder JavaScript-Applikationen
** Die Breite, Mindestbreite sowie Höhe des iFrames können eingestellt werden
** Der iFrame-Inhalt kann für den Vollbildmodus des Browsers "freigegeben" werden
* Image Hotspots
**Die Autorin/ der Autor kann ein Bild hochladen und beliebig viele interaktive Hotspots definieren.
**Ein Hotspot kann mit Text oder einem Video befüllt werden.
**Die Farbe eines Hotspots (auf dem Bild) kann individuell gewählt werden.
*Image Juxtaposition
**Ermöglicht das Überblenden zweier Abbildungen
**Die Ansicht zwischen Abbildung 1 und 2 kann dabei mittels Schieberegler anteilig gewechselt werden
***Die Startposition (in %) sowie die Richtung (horizontal vs. vertikal) des Schiebereglers können voreingestellt werden
**Wichtig: die Abbildungen sollten dieselben Proportionen (Breite u. Höhe) haben, da sonst der (fehlende) Differenzbereich weiß-aufgefüllt wird
* Image pairing
** Lernende bekommen Bilder angezeigt, deren zuvor definierte Paare sie identifizieren und korrekt einander zuordnen müssen.
** Bilderpaare müssen nicht aus demselben Bild bestehen, wodurch die Überprüfung von (impliziten) Relationen möglich ist.
* Image Sequencing
**Lernaufgabe, bei der die Lernenden mehrere Abbildungen angezeigt bekommen.
**Die Abbildungen können dabei eine optionale Beschreibung erhalten.
**Diese müssen anschließend, in einer zuvor definierten Reihenfolge, korrekt angeordnet werden.
* Image Slider
**Hier bekommen die Lernenden mehrere Bilder in einem Slider (horizontal-navigierbare Folge von Abbildungen) angezeigt.
* Interactive Book
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden. Dabei sind beliebig viele Inhalte auf einer Seite sowie beliebig viele „Buchseiten“ möglich.
** Das Layout wird automatisch an den verwendeten Inhalten (Inhaltstypen) angepasst.
** Stellt eine (erweiterte) Alternative, im Buch-Stil, z.B. zum Typ Course Presentation dar.
* Interactive Video (''für Videos bis 50MB'')
** Die Autor*innen können ein Video hochladen.
** Das Video kann an frei wählbaren Punkten gestoppt und mit anderen H5P Inhaltstypen erweitert werden.
*** Richtige/falsche Antworten (u.a. über MC-Fragen-Elemente) können z.B. die Reihenfolge die Wiedergabe ändern (richtige Antwort überspringt einen Teil, falsche Antwort zeigt den Teil des Videos, der die richtige Antwort gibt).
*** Die Nutzer*innen können zu den verschiedenen Lesezeichen/Stopps in der Wiedergabe springen.
** Darüber Hinaus lässt sich das Video durch optionale oder verpflichtende Elemente (z.B. Text) ergänzen.
* Mark the Word
** In einem vorgegebenen Text müssen die Lernenden eine bestimmte Anzahl zuvor definierter Wörter (richtig) markieren
* Personality Quiz
** Dient der Erstellung einer Fragenfolge, mit alternativen Antwortmöglichkeiten.
** Fragen beziehen sich hierbei auf persönliche Präferenzen.
* Quiz (Question Set)
** Die Autor*innen erstellen eine Folge verschiedener Fragentypen.
** Mehrere H5P Inhaltstypen können integriert bzw. verwendet werden.
** Das Aussehen der Fragen kann mit Bildern etc. erweitert werden.
* Summary
** Lernende müssen Schlüsselinformationen, die in einem Text, Video oder einer Präsentation gegeben werden, in eine (korrekte) Reihenfolge bringen.
* Timeline
** Hier können auf einer Zeitachse verschiedene (sequentielle) Zeitpunkte und/oder -räume definiert werden
** Diese Zeitangaben können sich überschneiden
** Zu jeder Zeitangabe kann eine Überschrift, ein ergänzender Text sowie externe Medien (Hyperlinks, Google Maps, Twitter, Wikipedia, YouTube etc.) hinzugefügt werden
* Virtual Tour (360)
** Ermöglicht die Einbettung eines 360°-Bildes, dass mit diversen Elementen (z.B. Fragen, Text und Interaktionen) angereichert werden kann

=Weiterführende Informationen=
'''Weiterführende Informationen:''' 
...zur Erstellung von Content Types: https://h5p.org/documentation/for-authors/tutorials 
...vollwertige Beispiele zu den Content Types: https://h5p.org/content-types-and-applications 
...Kurzübersicht zu allen H5P-Inhaltstypen (losgelöst vom Moodle der UDE): [[Datei:Kurzübersicht - H5P Inhaltstypen März 2020.pdf]] 
 
'''Offener Moodle-Kurs zu H5P:''' 
Einfach mit der Unikennung oder als "Gast" anmelden. 
...Erste Schritte in Moodle: https://moodle.uni-due.de/course/view.php?id=11029
 
'''Video-Tutorial''' 
Explizit sei hier auf das Video-Tutorial ''[https://moodle.uni-due.de/course/view.php?id=11029#section-4 Interaktive Lernmodule in Moodle erstellen mit H5P]'' hingewiesen. 
Produziert von Laura-Marie Schmidt, für den [https://moodle.uni-due.de/course/view.php?id=19647 Showroom Lehre digital (Germanistik, 2020)].

==H5P Vorlagen==
Für den Inhaltstyp ''Course Presentation'' stehen zwei Vorlagen als ZIP-Datei bereit, die sich am [https://www.uni-due.de/offen-im-denken/praesentationen.php Corporate Design der UDE] orientieren:
* Schmucke H5P Course Presentation: [[Datei:H5p-ude-design-681.zip]]
* Schlichte H5P Course Presentation [[Datei:H5p-ude-design-schlicht-683.zip]]

==Formeln darstellen mit TeX in H5P==
Innerhalb von H5P können mathematische Ausdrücke und weitere Formeln mithilfe von TeX beschrieben und dargestellt werden. 
Dazu muss lediglich der jeweilige TeX-Ausdruck an die Stelle (reguläre Eingabefelder) im H5P-Editor eingetragen werden, an der später der Ausdruck bzw. die Formel erscheinen soll. Hierbei werden, unabhängig vom Inhaltstyp, alle Textfelder in H5P unterstützt. 
Für die Deklaration eines TeX-Ausdrucks stehen drei mögliche Wege zur Verfügung:
* '''$ LaTeX Code $''' für die Inline-Darstellung, d.h. für Satzteile usw.
* '''\[ LaTeX Code \]''' oder optional '''$$ LaTeX Code $$''' für die Block-Darstellung, d.h. als eigenständige zentrierte Formel.

Eine generelle Anleitung zur Nutzung von Tex in Moodle ist hier zu finden: [https://wiki.uni-due.de/moodle/images/6/61/TeX-moodle.pdf Formeln darstellen mit TeX in moodle]

=Changelog (Änderungsprotokoll)=
'''April 2018'''
* Der Inhaltstyp "Image Hotspots" steht nun zur Verfügung.

'''Juni 2018'''
* Der Inhaltstyp "Drag and Drop" steht nun zur Verfügung.
* Der Inhaltstyp "Personality Quiz" steht nun zur Verfügung.
* Der Inhaltstyp "Quiz (Question Set)" steht nun zur Verfügung.

'''Juli 2018'''
* H5P Vorlagen für den Inhaltstyp Course Presentation (im Corporate Design der UDE) hinzugefügt.

'''August 2018'''
* Generelle Unterstützung von TeX in H5P, zur Darstellung von Formeln [''Testphase gestartet'']
* Der Inhaltstyp "Summary" steht nun zur Verfügung.

'''September 2018'''
* Der Inhaltstyp "Documentation Tool" steht nun zur Verfügung.

'''Oktober 2018'''
* Der Inhaltstyp "Interactive Video" steht nun zur Verfügung. [''Testphase gestartet'']

'''Dezember 2018'''
* Der Inhaltstyp "Dialog Cards" steht nun zur Verfügung.

'''Mai 2019'''
* Der Inhaltstyp "Branching Scenario (beta)" steht nun zur Verfügung.
* Der Inhaltstyp "Virtual Tour (360)" steht nun zur Verfügung.

'''Oktober 2019'''
* TeX wurde in H5P integriert.

'''Dezember 2019'''
* Der Inhaltstyp "Advanced fill the blanks" steht nun zur Verfügung.
* Der Inhaltstyp "Agamotto" steht nun zur Verfügung.
* Der Inhaltstyp "Dictation" steht nun zur Verfügung.
* Der Inhaltstyp "Image pairing" steht nun zur Verfügung.

'''März 2020'''
* Kurzübersicht zu allen H5P-Inhaltstypen (PDF, im Abschnitt "Weiterführende Informationen") wurde hinzugefügt.

'''Mai 2020'''
* Hinweis auf Video-Tutorial (Interaktive Lernmodule in Moodle erstellen mit H5P) hinzugefügt.

'''August 2020'''
* Der Inhaltstyp "Interactive Book" steht nun zur Verfügung.