Zum Inhalt springen

H5P Inhalte in OPAL nutzen

Version 17.1 von Carina Enke am 18.01.2024

H5P ist eine OER-Software (Open Educational Resources) mit dem Bildungsmaterialien erstellt werden können. Die Idee für H5P stammt von der NDLA („Norwegian Digital Learning Arena“), einer staatlich geförderten Organisation aus Norwegen. Ziel war es, eine HTML5 und JavaScript basierte OER-Anwendung zu erfinden, mit der Lerninhalte erstellt werden können. Die dabei erzeugten HTML-Dateien können von jedem Browser geöffnet werden. H5P Inhalte sind allerdings nicht prüfungssicher und sollten daher nur für (unbewertete) Übungs- und Lerneinheiten verwendet werden. Weitere allgemeine Informationen und Tools zum Erstellen von H5P Inhalten bieten die Seiten zum Kurs Interaktive Inhalte mit H5P erstellen.

Folgende Möglichkeiten zur Einbindung von H5P-Inhalten in der Lernplattform OPAL können genutzt werden:

  • H5P Inhalte in die Lernplattform hochladen und in HTML-Seiten einbinden
  • H5P Inhalte aus externen Speicherorten in HTML-Seiten einbetten
  • H5P Inhalt als SCORM Ressource exportieren und in der Lernplattform als Lerninhalt SCORM nutzen

 

Inhalt

Verwandte Themen

HTML-Seite eines H5P-Inhalt einbinden

Der H5P Inhalt liegt Ihnen als HTML-Datei vor? Damit ist ein direkter Upload der Datei in die Lernplattform möglich. Anschließend können die HTML-Seitethumb_down aus dem Ablageordner beispielsweise über einen Kursbaustein Einzelne Seite eingebunden werden.

  • Exportieren Sie Ihren H5P- Inhalt. Mit der Software Lumi beispielsweise über folgenden Weg: Inhalt in Lumi öffnen> Datei>Exportieren>Exporteinstellungen aufrufen und festlegen>Jetzt exportieren>die HTML-Dateien speichern.
  • Laden Sie die HTML-Dateien in den Ablageordner des Kurses hoch.
  • Binden Sie die HTML-Datei per Kursbaustein Einzelne Seite ein. Wie diese Einbindung einer HTML-Seite funktioniert, wird unter Seite auswaehlen, erstellen oder hochladen allgemein beschrieben. Nutzen Sie dort den Abschnitt "HTML-Seite aus Kursablageordner wählen oder vorhandene Vorlage kopieren (Option 2)".

 

H5P-Inhalt in HTML-Seite einbetten

Der H5P-Inhalt ist online verfügbar? Existierende H5P-Materialien aus dem Internet können Sie direkt in Ihren Kurs einbetten. Am gewählten Material finden Sie einen Button "Embed" mit dem ein Code zum Einbetten angezeigt wird. Diesen integrieren Sie per Kursbaustein Einzelne Seite in Ihren Kurs. Ein Beispiel wird auf der Seite Anwendungsbeispiel H5P Inhalte einbetten beschrieben.

 

H5P-Inhalt als SCORM einbinden

Der H5P Inhalt ist als SCORM exportierbar? SCORM-Ressourcen können in der Lernplattform direkt genutzt werden. Ein Vorteil dieser Nutzung ist die Übertragung von Bewertungsdaten aus dem SCORM an die Lernplattform. Weitere Informationen bietet die Seite zum Kursbaustein SCORM.

H5P is an OER software (Open Educational Resources) with which educational materials can be created. The idea for H5P is from the NDLA ("Norwegian Digital Learning Arena"), a government-funded organisation from Norway. The aim was to invent an HTML5 and JavaScript based OER application to create learning content. The resulting HTML files can be opened by any browser. However, H5P content is not exam-proof and should therefore only be used for (non-graded) practice and learning units. To learn more about H5P and content creating tools, see the course pages Create interactive content with H5P.

You can use the following options to integrate H5P content in the learning platform OPAL:

  • Upload H5P content to the learning platform and embed it in HTML pages
  • Embed H5P content from external storage locations in HTML pages
  • Export H5P content as a SCORM resource and use it in the learning platform as SCORM learning content.

 

Inhalt

Related Topics

Embed an HTML page of an H5P content

Do you have the H5P content as an HTML file? If so, you can upload the file directly to the learning platform. After that, you can integrate the HTML page(s) from the storage folder, for example, via a course element Single page.

  • Export your H5P content. For example, with the Lumi software via the following path: Open the content in Lumi> File> Export> go to export settings and specify them>Export Now>save the HTML files.
  • Upload the HTML file to the course storage folder.
  • Embed the HTML file by using the course element Single page. How this integration of an HTML page works is described under Select, create or upload page. There you can use the section "Select HTML page from course storage folder or copy existing template (option 2)".

 

Embed H5P content in an HTML page

Do you have the H5P content online? If so, you can embed existing H5P materials from the internet directly into your course. You will find an "Embed" button on the selected material with which a code for embedding is displayed. Use the course element Single page to integrate it into your course. An example can be found here Application example: Embed H5P content.

 

Embed H5P content as SCORM

Is the H5P content exportable as SCORM? If so, you can use SCORM resources directly in the learning platform. One advantage of this use is the transfer of assessment data from SCORM to the learning platform. For more information, see the course element page SCORM.