H5P

This entry explores ways to plan, create and use your own (self-created) H5P content in your FLO topics. 

1. Plan  |  2. Build  |  3. Test  |  4. Administer  |  5. Review  ||  Support 

H5P is a tool that enables educators to create content such as interactive videos, quizzes and presentations.

H5P content can be created in the Content bank and added to your course as an H5P activity or embedded into other Moodle activities or resources.

Jump directly to instructions on how to create or upload your own H5P content

View examples or continue below.

Good practice guides and tip sheets

Good practice guides and tip sheets have been developed to support quality in both curriculum design and teaching practice. Good practice guides provide a pedagogical overview and tip sheets provide you with practical strategies and ideas for implementation. Links to H5P-related resources are provided below. 

Design principles for creating engaging digital content | Using technology in your teaching

 


Examples

You can use H5P content in learning and teaching for a number of purposes:

  • Create a presentation (Interactive self-paced slides)


  • Build dialog cards that are Interactive flip cards with double sided content


  • Use flashcards that are interactive, quiz based flashcards:


  • Use an interactive video to add quiz questions that are engaging (Note: please use this guide to get your video link if using the interactive video tool)


  • and many others (link opens in new window)



1. Plan

What is the key message or purpose of the interactive content? Is it a quick communication or should it be a highly produced, reusable resource? Knowing the answers to these questions will influence what tools you use and how much time you invest in planning and production. A storyboard or script may be an important component in planning the interactive content, depending on how complex your content needs to be.


 


2. Build

Create H5P content in the Content bank

It is strongly recommended that you follow the process outlined below. Although there are a number of ways to access the H5P Content bank the method outlined here is the most straightforward.

  1. In the topic, scroll down the LH navigation column and click on the entry for Content bank. 

    Content Bank

  2. Click on the ‘Add’ button in the top RH corner of the page.

     Add H5P activity

  3. Scroll through the list of available H5P activities and select the activity you want to use.

    Add H5P Content

  4. Configure the activity settings to suit your needs, then click ‘Save’. The activity should now be available for use in your Content bank.

    Note that if you want to add video to your content, please ensure it is stored in Kaltura (My Media). Use this guide to get your video link if using the interactive video tool.



Add an H5P activity from the Content bank to your FLO topic

Create H5P content in the H5P Content bank

  1. Navigate back to your topic home page.

  2. Turn editing on

     Turn Editing on

  3. Scroll to the topic module where you want the H5P activity to appear. Open the module if it’s not already open.

  4. Click on ‘Add an activity or resource’.
    Add activity or resource
  5. From the Activity picker click on the H5P icon.
    H5P icon

  6. Give the H5P activity a name (and description if required).

  7. In the section titled ‘Package file’ click on the ‘Add’ icon.
    Add package file
  8. From the Content bank select the file you intend to use.
    Content Bank

  9. Click on ‘Select this file’.

    Select this file

  10. Configure the remaining activity options to suit, then click on ‘Save and return to topic’.

    Save and return to topic

  11. The activity now appears in the module.
    H5P appears in module


Embed an H5P activity from the Content bank into an existing FLO activity, such as a Label or Book.

If you want to embed an H5P activity inside an existing FLO activity, use the following process.

  1. From the topic home page turn editing on
  2. Navigate to the FLO activity you want to embed H5P into.

  3. In the case of a Book, open the Book and navigate to the appropriate chapter.

  4. In the Table of contents click on the cog icon

    Table of Contents - H5P

  5. In the editing toolbar of the content window click on the H5P icon

    H5P Button in toolbar

  6. In the window that pops up click on ‘Browse repositories’.

    Browse repositories

  7. From the H5P Content bank select the H5P file you want to use.

  8. Click ‘Select this file’.

    Select file

  9. Click ‘Insert this file’.

    Insert H5P

  10. Add any other text you require in the Content editing window.

  11. Click on ‘Save changes’.

    Save changes

  12. Note: it might take a minute or so for the embedded H5P activity to load.

  13. To set completion tracking, open the settings section and scroll down to Activity completion:

    Timeline block: Using the 'Expect completed on' date in the Activity completion section will show a date to students in the Timeline block.

Download and replace activities

  1. In the topic, scroll down the left hand navigation column and click on the Content bank.
    Content bank

  2. Select the activity you wish to replace
    Content bank - open


  3. In the top right corner of the screen, click on the cog and select either Download or Replace with file
    Note: the cog is in the top-right corner of the banner (higher up than usual)

    Replace with file

  4. If replacing an activity, either upload a new file or select a file from the content bank and select Save changes.


Hiding/unlisting activities
Unlisting activities hides your H5P resources from others.

  1. In the topic, scroll down the Left hand navigation column and click on the Content bank.
    Content bank

  2. Select the activity you wish to unlist
    Content bank - open

  3. In the top right corner of the screen, click on the cog and Make unlisted
    Note: the cog is in the top-right corner of the banner (higher up than usual).
    Make unlisted

  4. To make an unlisted activity visible again, repeat these steps.



3. Test

Once you've created/uploaded your H5P content, it's recommended that you test the final product by previewing it (with sound on if using sound) before you upload.



5. Review

Occasionally, you'll need to review and update the H5P content and you may be interested in finding out how students are engaging with your content. FLO has tools to help you do all of this. 

If you need to make updates to the H5P content, you'll need to do this in the original H5P file. You can then replace the H5P content for an updated version, if appropriate.


 Training and support

 Troubleshooting

Training

Support

No known issues with these tools

» How-to glossary