H5P activities allow instructors to add interactive content such as formative quizzes, media and decorative components to Moodle courses.
Instructors can develop and manage content within a course content bank and add it to their courses when ready. View our below guides on how to get started with H5P.
1. Develop H5P Content
H5P content is developed and edited within the Moodle course content bank. The content bank is a repository to store and manage H5P files created in the course. These files are used within the course to create H5P activities which students can view and complete.
Instructors can open the content bank by adding or editing a H5P activity in their course and clicking the 'Use the Content bank (opens in new window)' hyperlink.
The main actions to do in the Content bank are:
- Add - Create new H5P content such as Interactive Video or Course Presentation.
Staff can select a content type within the 'Add' dropdown and configure its options within the following 'Editor' screen. Refer to the Use cases section for examples on creating specific content types.
- Upload - Upload an existing H5P file. H5P files can be downloaded from other H5P Activities/Content banks or created outside of Moodle.
- Edit Existing Content - Click on any existing content to edit it with the H5P editor.
2. Add H5P content to your Moodle course
An activity is content available to students in the Moodle course main page.
Once H5P content is ready in the content bank, it can be released to students by adding a H5P Activity. This allows students to view and interact with the H5P content and student responses may also be recorded if the activity contains questions.
- Click “Turn editing on” followed by “Insert activity or resource”
- Select “H5P”
- In the “Package file” section, click the insert file icon and select “Content bank”
- Locate and select the H5P file from the content bank and select ‘Create an alias’
If your file is in another course, you can use the search bar to find it using its name
The two options when selecting a H5P file are:
- ‘Create an alias’ - Any relevant changes made in the content bank will be updated into the activity
- ‘Create a copy’ - Relevant changes made in the content bank will not be updated into any activities already added to the course.
Instructors will need to reselect the content in the file picker to make updates - will create a copy of your content
It is recommended to use 'create an alias' as it is easier to update content.
3. Use Cases
Create slide-based presentations of course content for students to view directly within the course. This can be used for course material for students to view before a tutorial, lab or lecture.
Quizzes and other interactive components such as hotspots may be used as additional knowledge checks to engage students.
For additional information, please view the H5P Course Presentation page.
Making videos interactive
Add interactive components such as text, hotspots and quizzes to a video. H5P has a custom video player that allows the video to be paused at components such as questions and provides features such as increasing playback speed for students.
This can be used to deliver an interactive lesson on a topic, especially in cases where there will not be a tutorial or class on the topic.
For additional information, please view the H5P Interactive Video page.
Record audio samples containing a sentence in slow and normal speeds for students to listen and type the correct transcription as a response.
Particularly useful for language-based courses, instructors may create Dictation exercises in their foreign language and have students enter their responses in English. (or vice-versa)
For additional information, please view the H5P Dictation page.
Display images in sequential order with the Agamotto or Image Slider content types.
Upload a sequence of images which to be viewed in chronological order.
Agamotto is good for showing progressive or related images such as processes which change over time. E.g. natural landscape transforming to urban, anatomical processes and more.
For additional information, please view the H5P Agamotto page.
An aesthetic way to present images to your students. Images will appear in a carousel viewer with navigational arrows on each side.
Taking advantage of the Image Slider’s user interface, you may choose to present a group of related images in one location for easy viewing. ‘Hover Text’ may be set up so text/information is displayed when a student hovers over the image.
For additional information, please view the H5P Image Slider page.
Reuse Old Content
1. Download the H5P files
H5P content from past H5P activities can be downloaded and uploaded to the course content bank.
This is useful in cases where
- There is an H5P activity in the course but you cannot find it in the content bank to edit OR
- We want to transfer a specific H5P content to another course
Firstly, we will need to go into the H5P activity in our course and download its file.
- Click 'Turn editing on' toward the top right of the course to enable editing mode
- Go to the H5P activity, click 'Edit' and 'Edit settings'
- On the settings page, go to the 'Display/H5P options' section. Make sure that either the 'Display action bar and frame' or 'Allow Download' checkboxes are ticked.
Section and setting names may vary slightly depending on which type of H5P you are using.
- Click 'Save and display'.
- The H5P activity should open. Click the 'Reuse' button on the bottom left of the H5P content.
- In the 'Reuse content' popup, select 'Download as an .h5p file'
2. Upload H5P file into Content Bank
Once we have the H5P file, we can upload it into the content bank to allow editing of the content.
- In our course, scroll down to the 'Navigation' block in the left-hand side column.
- In the 'Navigation' block, click 'Site pages' and select the 'Content bank'
- Click 'Upload' on the top right of the Content Bank
- Upload the previously downloaded H5P file and click 'Save changes'
- A preview page will open and the H5P content is now available to edit in the course content bank. Click 'Edit' to make immediate edits to the content.
To display the content in the course, follow the above steps on 'How to add H5P Content to your Moodle course'.