Wie kann ich H5P Inhalte erstellen?


Bevor H5P-Inhalte erstellt werden können, muss ein Blog registriert und 1) eine Webseite erstellt werden. Danach muss in den 2) Plugins H5P aktiviert werden. Anschließend können H5P in den Blogbeiträgen und -seiten integriert werden.

1)       2) 


H5P bietet eine moderne und intuitive Nutzungsoberfläche. Nach Auswahl des Inhaltstyps fragt die Software alle benötigten Informationen und Inhalte ab bzw. stellt Funktionen zur Auswahl. Die einzelnen Inhaltstypen sind dabei unterschiedlich komplex. Während Hotspots auf einem Bild einfach ausgewählt und benannt werden können, erfordern andere, aufwendigere Inhalte wie zum Beispiel Documentation Tool oder Branching Scenario umfangreichere Eingaben durch die Nutzer*in.

Die H5P-Inhalte werden im Plugin des Wordpress-Blogsystems an der Freien Universität erzeugt und zur Verfügung gestellt. Nach der Erstellung im Plugin, verfassen Sie einen Beitrag im Blog und verlinken den gewünschten H5P-Inhalt über den Button „H5P hinzufügen“.

Der Beitrag enthält in der Bearbeiten-Ansicht dann eine eckige Klammer wie in diesem Beispiel:

[h5p id="22"]

Somit wird der Inhalt aus dem Plugin in den Blog eingebunden. Die Zahl in Anführungszeichen kennzeichnet die Position des jeweiligen Inhalts in der Reihenfolge der Erstellung.

1) Dashboard Ansicht und Button für H5P-Inhalte

2) H5P erstellen bzw. Neue hinzufügen

3) Auswahl Inhaltstyp

4) Beispiel Interaktive Videos

5) Erstellung abschließen

6) Übersicht zu den einzelnen Inhaltstypen + Tutorials LINK

7) Blog-Beitrag erstellen

8) H5P-Inhalt hinzufügen

9) H5P-Inhalt auswählen, auch mehrere in einem Beitrag möglich

10) Ansicht verlinkter H5P-UInhalt im Blog-Beitrag-Fenster

11) Blog-Beitrag veröffentlichen


 Wie kann ich H5P Inhalte zur Verfügung stellen?

H5P-Inhalte werden im Plugin des Wordpress-Blogsystems an der Freien Universität erzeugt und zur Verfügung gestellt. Durch die Erstellung thematischer Beiträge können Lerninhalte erstellt werden, die mit H5P-Inhalten sinnvoll ergänzt werden.

Eine Einbindung von H5P-Inhalten in anderen Systemen der FU ist grundsätzlich über iFrames möglich, wenn dies in dem jeweiligen System erlaubt ist. 


Wie kann ich H5P-Inhalte in den FU-Systemen zur Verfügung stellen?

Allgemein

Zur Integration von H5P-Inhalten in die FU-Systeme wird stets der von H5P bereitgestellte Embed-Code benötigt. Dieser ist am unteren Ende des H5P-Inhalts zu finden und wird mit einem Klick aufgerufen. Anschließend die gesamte Zeile die mit <iframe src= anfängt in die Zwischenablage kopieren. 


Blackboard

In allen Blackboard-Aufgabentypen mit Textfeldern, die HTML-Code erlauben, können H5P-Inhalte integriert werden. Hierzu klickt man auf den HTML-Button (Schaltfläche <>) und fügt den Embed-Code des H5P-Inhalts aus der Zwischenablage ein. Nach dem Speichern wird der H5P-Inhalt angezeigt.


FU-Wikis

Zur Integration von H5P-Inhalten im Wiki kann das Makro ´Externe Inhalte datenschutzkonform einbinden´ genutzt werden. Der Embed-Code  in der Zwischenablage wird dann in der Zeile ´Einbettungscode´ eingetragen und gespeichert.

FU-(User)Blogs

Nach der Erstellung oder Aktualisierung eines H5P-Inhalts wird oben rechts ein Shortcode angezeigt. Dieser muss samt eckigen Klammern in die Zwischenablage kopiert und dann über Einfügen auf eine Blogseite oder einen Blogbeitrag integriert werden. Das Blogsystem erkennt den H5P-Inhalt automatisch und zeigt diesen nach dem Speichern an. 

 


Des Weiteren können die H5P-Inhalte natürlich auch einfach als Link in die entsprechenden FU-Systeme integriert werden, so dass die Studierenden die Aufgaben dann immer im Blog vorfinden.

Warum können meine Studierenden die H5P-Inhalte im Wiki oder in Blackboard nicht sehen?


Wenn Sie den Blog im Privat-Modus oder passwortgeschützt betreiben, müssen die Studierenden mindestens mit Lese-Status dort eingetragen werden. Deshalb müssen Sie diese Personen als Berechtigte zu Ihrem Blog hinzufügen. Wählen Sie hierzu in der linken Dashboard-Navigation: „Benutzer“ – „Neu hinzufügen„.

Sie können in der folgenden Auswahl einen „Bestehenden Benutzer hinzufügen„.

Sie fügen neue Benutzer über den im Blog verwendeten Benutzernamen oder die registrierte E-Mailadresse hinzu. Erfragen Sie diese Informationen ggf. bei den betroffenen Personen. Bevor Sie die Einladung absenden, legen Sie die Rolle der Personen fest, die dieser in Ihrem Blog zukommen soll. Mit dem Versenden Ihrer Einladung erhält die adressierte Person dann die Einladung zur Bestätigung zugesandt. Wird diese bestätigt, ist die eingeladene Person in Ihrem Blog registriert.

Anschließend können die Studierenden auf die H5P-Inhalte im Blog und via Link oder Einbettung (Embed)in den angeschlossenen FU-Systemen zugreifen.  

Klicken Sie zum Einbetten bei der H5P-Ressource unten auf die Embed-Schaltfläche. Es öffnet sich ein Fenster mit einer Codezeile. Diese kopieren Sie in den Zwischenspeicher. In Blackboard klicken sie auf das < > Symbol in der Textbearbeitungsseite. Es öffnet sich das HTML-Fenster. Dort können Sie den H5P-Code aus dem Zwischenspeicher einfügen und mit ´Senden´ speichern. 


 Wie installiere ich H5P auf meiner eigenen Website?


Eine Installation auf der eigenen Webseite, die sich außerhalb des Blogsystems der Freien Universität befindet, ist nur über die Schließung eines Vertrages mit H5P.com möglich, wodurch Ihnen weitere Kosten entstehen.

Statt einer Installation können Sie Ihre H5P-Inhalte jedoch mit dem „Embed“-Button auf Ihre Seite per iFrame einbinden. Bitte bedenken Sie, dass hierbei zu Problemen in der Darstellung und Nutzbarkeit kommen kann.


 Ist H5P barrierefrei?


Inhaltstypen, bei denen eine Barrierefreiheit grundsätzlich realisiert werden kann, sind auch barrierefrei. H5P hält aber auch rein visuell funktionierende Werkzeuge bereit, bei denen eine Barrierefreiheit bis jetzt nicht möglich ist, zum Beispiel Image Juxtaposition. 

Ansonsten können bei der Erstellung der Inhalte im Dropdown-Menü ´Bezeichnungen und Beschriftungen´ Einträge für die barrierefreie Nutzung vorgenommen werden. 

Alle Werkzeuge mit Videoinhalten können mit Untertiteln versehen werden.