H5P – Interactive Online Content

Watch the brief video introduction to learn how H5P can assist you in your online teaching.


Content Menu 

You can either scroll through the content from top to bottom or get to any specific section in this guide by clicking on the active links below.

  1. H5P as Educational technology
  2. Most useful content types for online teaching
  3. Moodle integration
  4. How to adapt existing H5P content in Moodle
  5. How to download H5P content
  6. How to create new H5P content in Moodle
  7. More in-depth tutorials for specific content types
  8. Self-enrol in the H5P Demo Moodle course to browse examples

1 H5P as educational technology:

H5P is open source software integrated with the U of L Moodle Learning Management System (LMS) which allows the easy and rapid creation of mobile-friendly interactive elements which can form an integral part of your course content.

You can use H5P Learning Objects to create, share and reuse interactive content to engage students and stimulate their learning within your Moodle courses. Being an Open Educational Technology Tool, H5P encourages (but does not mandate) the creation of Open Educational Resources that are licensed granting other users permission for reuse or modification.

In addition to the above mentioned aspects, H5P is:

  • HTML 5
  • downloadable, shareable and modifiable
  • developed by a lively community of academic and technology users
  • easy and intuitive to create and modify
  • a Moodle plug in, so you can track and grade engagement with content
  • securely storing student data on our U of L servers
  • versatile as many different interactive content types can be created (see the complete list here.)

Note that all H5P content you create needs to abide by copyright law. To learn more about Open Licensing and OER, contact the U of L Copyright Office or visit the following U of L LibGuides:

  1. What is Copyright?
  2. Open Educational Resources

  back to top


2 The most frequently used content types for teaching in Higher Education are, among others,

  1. Course Presentations: a series of slides that can include audio, video, questions and links. See the following examples for interactive lectures: https://www.ruvival.de/lectures/
  2. Interactive Video: a video with interactive elements appearing on screen, including annotations, questions, links, etc. See an example here https://h5pstudio.ecampusontario.ca/content/1249
  3. Question Sets: a series of multiple-choice questions of various types. See the following tool box for examples: https://www.ruvival.de/toolbox/
  4. Branching Scenarios: a series of different multimedia rich content (i.e. presentation slides, text, images, hotspots, video) that can present learners with choices (= different learning paths). This can be used to create grade-able dilemmas, serious games, and multi-stage lessons. Click on this link for an example: https://h5p.org/branching-scenario

  back to top


3 Moodle integration

There are two ways to integrate H5P learning activities in Moodle.

Option 1 – Modification: Build on something useful that’s already there. If you find existing H5P content that you like or would like to adapt to your specific course needs, you can upload this to Moodle. Many university educators across the globe have started creating content with H5P, and many of these resources are now available on university websites, personal instructor blogs or other online spaces. It is noteworthy that many of these shared resources grant you permission to make modifications that better fit your specific teaching needs.

Option 2 – Creation: Create new and your very own H5P content from scratch by using H5P content editor in Moodle.

Once you have integrated H5P learning activities into your Moodle courses, you can decide whether and how to grade student engagement with those activities. The following parts (4 + 5 + 6) will take you through the steps of adapting existing H5P content and creating completely new H5P activities.

  back to top


­­­4 How to adapt existing H5P content in Moodle

If you choose the modification route, you can use an existing H5P file (you may have found on the internet) and upload it into this course following these simple steps (after you logged into one of your U of L Moodle course!):

  1. ADD an ACTIVITY
  2. CHOOSE h5p PLUGIN
  3. UPLOAD the H5 file from your computer and give it a title/ write instructions for students
  4. ENLARGE SCREEN and START your modifications (only if necessary)
  5. SAVE (and add weightings in gradebook if you want the activity to be graded)

Watch the video tutorial below for detailed instructions or download the attachment with screenshots to represent the steps in the process.

Video Tutorial:

Attachment:

Click on this attachment to prompt the download of the H5P Tutorial with Screenshots Modify Content [word document]

  back to top


5 How to download existing H5P content from the internet

Downloading existing H5P content is easy and possible when content creators grant sharing permission by activating the download function for H5P as they publish content. You can either watch the brief video or view the two screenshots how to download existing H5P content from the internet.

Video Tutorial:

 

Screenshots:


6 How to create new H5P content in Moodle

If you choose the creation route, you can do so in your Moodle courses following these simple steps:

1. hit ADD an ACTIVITY

2. CHOOSE h5p PLUGIN

3. Choose the CONTENT TYPE you want to create and give it a title

4. START the creation of your interactive activity (see specific instructions for specific content types in 7: More in-depth tutorials for specific content types)

5. SAVE (and add weightings in gradebook if wanted)

 

Watch the video tutorial below for detailed instructions or download the attachment with screenshots to represent the steps in the process.

Video Tutorial:

Attachment:

Click on this attachment to prompt the download of the Screenshot Tutorial How to create new H5P content in Moodle

  back to top


7 More in-depth tutorials for specific content types

H5P has created tutorials for content authors for all existing H5P content types including the ones presented above, which you can access on their website linked here or by clicking on the new tab links below: https://h5p.org/documentation/for-authors/tutorials.

Interactive Video [new tab]

Course Presentation [new tab]

Question Sets [new tab]

Branching Scenario [new tab]

  back to top


8 Self-enrol in a Moodle mock course with various examples

Note that this option only works for U of L affiliated educators.

If you would like to browse a number of H5P content examples from various universities designed for a number of different disciplines, you can enrol in the H5P Demo Moodle course linked here: https://moodle.uleth.ca/202002/course/view.php?id=671. Hit ENROL ME to get in. You will access the course in the teacher role.

After 30 days of inactivity or 90 days of use, you will automatically be unenrolled from this course.

  back to top


Download the page H5P – Interactive Content in pdf Format

License

Icon for the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

Fit for Online Learning by U of L Teaching Centre: Jördis Weilandt, Erin Reid, Kristi Thomas, Brandy Old, and Jeff Meadows is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License, except where otherwise noted.

Share This Book