Wiki source code of H5P-Inhalt
Last modified by Anna Paul-Hasenfuss on 21.07.2026
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
 |
4.1 | 1 | {{section}} |
| 2 | {{column width="60%"}} | ||
 |
55.1 | 3 | [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@KB_H5P.png||data-xwiki-image-style="img-icon"]] The **H5P Content** course element allows you to integrate interactive H5P learning content directly into OPAL. Thanks to the wide variety of H5P content types, the course element can be used in a range of teaching scenarios, from self-directed learning and simple quizzes to more complex simulations and interactive video content. |
| |
46.4 | 4 | |
| 5 | |||
| |
55.1 | 6 | Here are a few simple examples: |
| |
46.4 | 7 | |
| 8 | {{gallery}} | ||
| 9 | |||
| 10 | [[image:Kursansicht - Beispiel H5P-Inhalt1.png]] | ||
| 11 | [[image:Kursansicht - Beispiel H5P-Inhalt4.png]] | ||
| 12 | [[image:Kursansicht - Beispiel H5P-Inhalt2.png]] | ||
| 13 | [[image:Kursansicht - Beispiel H5P-Inhalt3.png]] | ||
| 14 | |||
| 15 | |||
| 16 | {{/gallery}} | ||
| 17 | {{/column}} | ||
| 18 | |||
| 19 | {{column width="30%"}} | ||
| |
55.1 | 20 | {{panel title="Content"}} |
| |
46.4 | 21 | {{toc depth="3" start="2"/}} |
| 22 | {{/panel}} | ||
| 23 | |||
| |
55.1 | 24 | {{panel title="Related Topics"}} |
| 25 | * [[Course element: SCORM>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.SCORM.WebHome]] | ||
| |
46.4 | 26 | {{/panel}} |
| 27 | |||
| |
55.1 | 28 | {{panel title="Further Content"}} |
| 29 | * [[How to embed H5P Content >>doc:LMS.Benutzerhandbuch OPAL.Lehren.Leitfäden.H5P Inhalte in OPAL nutzen.WebHome]] | ||
| |
50.2 | 30 | {{/panel}} |
| |
49.2 | 31 | |
| |
50.1 | 32 | |
| |
46.4 | 33 | {{/column}} |
| 34 | {{/section}} | ||
| 35 | |||
| |
55.1 | 36 | == How to find or create H5P content == |
| |
46.4 | 37 | |
| |
55.1 | 38 | Before you can use the H5P Content course element, you must upload an H5P file (.h5p) to OPAL. |
| |
46.4 | 39 | |
| |
55.1 | 40 | You can find such from the following platforms: |
| |
46.4 | 41 | |
| 42 | * [[H5P.org>>url:https://h5p.org]] | ||
| 43 | * [[ZUM-Apps>>url:https://apps.zum.de/]] | ||
| 44 | * [[MUNDO>>url:https://mundo.schule/]] | ||
| 45 | * [[HUB:BS>>url:https://hubbs.schule/]] | ||
| |
55.1 | 46 | * MeSax and many other |
| |
46.4 | 47 | |
| |
55.1 | 48 | If you wish to create your own H5P content, you can use editors such as [[Lumi>>url:https://lumi.education/]]. Further options for embedding H5P resources in OPAL are described on the page [[How to use H5P Content in OPAL>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Leitfäden.H5P Inhalte in OPAL nutzen.WebHome]]. |
| |
46.4 | 49 | |
| |
55.1 | 50 | The OPAL course [[Creating interactive content with H5P>>url:https://bildungsportal.sachsen.de/opal/auth/RepositoryEntry/27997569026/CourseNode/102862416399223]] also provides general information and tools for creating H5P content. |
| |
46.4 | 51 | |
| 52 | |||
| |
55.1 | 53 | == Progress and Assessment == |
| |
46.4 | 54 | |
| |
55.1 | 55 | Any** progress** that learners make within an H5P resource is saved by OPAL and becomes available again when the course module is accessed once more. Whether progress can be saved, and at what intervals, however, **depends on the specific H5P content type and its ability to transmit save points**. |
| |
46.4 | 56 | |
| |
55.1 | 57 | Unlike other assessable elements, such as the Test course element, the H5P course element in its current version is **not** integrated into OPAL and cannot be assessed as such. Any assessments carried out within the H5P content, such as scoring, are not transferred to OPAL. |
| |
46.4 | 58 | |
| |
55.1 | 59 | Nevertheless, it is possible to evaluate the completion of the course element by using an expert rule and to utilise this information for follow-up actions within the platform. How this can be implemented is described in the use case [[**H5P Content as a prerequisite for a test element**>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.H5P-Inhalt.Einsatzbeispiele.H5P-Inhalt als Voraussetzung eines Test-Bausteins.WebHome]]. |
| |
46.4 | 60 | |
| |
49.1 | 61 | ---- |
| |
46.4 | 62 | |
| 63 | |||
| |
55.1 | 64 | == H5P view for learners == |
| |
46.4 | 65 | |
| |
55.1 | 66 | The embedded H5P file is displayed across the entire page area of the course (1). Navigation within the H5P content takes place directly within the content area. Interactive elements can be used. |
| |
46.4 | 67 | |
| 68 | [[image:Kursansicht - H5P-Inhalt_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
| 69 | |||
| 70 | |||
| |
55.1 | 71 | === What learners can do === |
| |
46.4 | 72 | |
| |
55.1 | 73 | For learners, there are no additional functions for the H5P Content course element type that go beyond the functions available in the selected content file. If the [[course progress indicator>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kurs.Kurs bearbeiten.Kursfortschritt.WebHome]] is enabled for the course, the learner can manually mark the course module as ‘Completed’. |
| |
46.4 | 74 | |
| 75 | |||
| 76 | ---- | ||
| 77 | |||
| |
55.1 | 78 | == H5P view in the course editor == |
| |
46.4 | 79 | |
| |
55.1 | 80 | The H5P Content course element is integrated and configured via the course editor. The following sections are available: |
| |
46.4 | 81 | |
| |
55.1 | 82 | * [[Title and description>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.H5P-Inhalt.Konfiguration.Titel und Beschreibung .WebHome]] |
| 83 | * [[Visibility>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.H5P-Inhalt.Konfiguration.Sichtbarkeit und Zugang (Kursbaustein H5P-Inhalt).WebHome]] | ||
| 84 | * [[Access>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.H5P-Inhalt.Konfiguration.Zugang (Kursbaustein H5P-Inhalt).WebHome]] | ||
| 85 | * [[Learning content>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.H5P-Inhalt.Konfiguration.Lerninhalt.WebHome]] - Configure here which H5P resource is to be used in the course element | ||
| 86 | * [[Multilingualism>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.H5P-Inhalt.Konfiguration.Mehrsprachigkeit.WebHome]] | ||
| |
46.4 | 87 | |
| 88 | [[image:Kurseditor - Kursbaustein H5P-Inhalt_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
| 89 | |||
| 90 | |||
| 91 | === Workflows === | ||
| 92 | |||
| |
55.1 | 93 | The following guides will help you to work with **H5P Content**: |
| |
46.4 | 94 | |
| |
55.1 | 95 | * [[Adding H5P Content to a course>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.H5P-Inhalt.Workflows.Kursbaustein H5P-Inhalt einem Kurs hinzufügen.WebHome]] |
| 96 | * [[Uploading H5P Content into OPAL as learning material>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.H5P-Inhalt.Workflows.H5P-Inhalt als Lerninhalt hinterlegen.WebHome]] | ||
| 97 | * [[H5P Content configuration options>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kursbausteine.H5P-Inhalt.Konfiguration.Lerninhalt.WebHome]] | ||
| 98 | * [[Statistics>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kurs.Kurs verwalten.Statistik.WebHome]] - to view instructions on how to use the course element | ||
| |
46.4 | 99 | |
| 100 | |||
| 101 | |||
| |
55.1 | 102 | === H5P Preview === |
| |
46.4 | 103 | |
| |
55.1 | 104 | The display of the embedded resource is the same for learners and course owners. If visibility or access restrictions have been applied, a preview can be viewed by using the [[learner view>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Kurs.Lernendensicht.WebHome]] function. |
| |
46.4 | 105 | |
| 106 | ---- | ||
| 107 | |||
| 108 | |||
| |
55.1 | 109 | == Use Cases == |
| |
46.4 | 110 | |
| |
55.1 | 111 | * [[H5P Content as a prerequisite for a test>>path:/wiki/bin/get/Autorenbereich/AutorOPAL/01%20OPAL%20Logseiten/Log_H5P/H5P-Inhalt/?sheet=CKEditor.ResourceDispatcher&outputSyntax=plain&language=de&type=doc&reference=.Einsatzbeispiele.H5P-Inhalt%20als%20Voraussetzung%20eines%20Test-Bausteins.WebHome&typed=true]] |
| |
46.4 | 112 | |
| |
55.1 | 113 | This section contains examples of use cases for this course element. If you would like to help us by providing a relevant example from your own work experience, please send us an email to [[support@bps-system.de>>mailto:support@bps-system.de]] with the subject line ‘**Practical example for the manual**’ and a few brief details about the use case and the configuration you have chosen. |
| |
46.4 | 114 | |
| 115 | |||
| 116 |