Technische Fragen

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

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. 

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.

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.