Here you will experiment with H5P as a way to add interactive web elements to almost learning content hosted in WordPress or LMS platforms such as Canvas, Moodle, or Blackboard (these may require a plugin), or any other web site where you can add custom HTML code.

The name comes from the elements you create with it being published as HTML5, which can be played back in a web browser or mobile device without any special plugins.

If going through Ontario Extend you may have actually encountered two areas where these were used; you may not have even noticed that these were embedded web applications.

You can explore the wide range of content types available that can be built with H5P– take some time to see what they can do.

Here are some demo examples for the Agamatto content type which allows you to create a slider to transition between images, to show layers of meaning, multiple representations… maybe you can think of something to do with this?

If you are interested in trying this yourself see the H5P content author guide. Then you can start building your first app and host them for free on the H5P site, create a free account and start building in their Test Drive area (this is how we built the ones you see in the module). You may notice that when creating there, you have options to allow downloading, and it also includes a place to provide attribution for media used.

Use H5P to create an interactive activity for your class to review for a test or assess prior knowledge about a topic.

This activity is part of the Let’s Experiment section of the Curator Module.

Example for "Going Interactive With H5P":

Complete This Activity

After you complete this activity please share a link to it and a description so it can be added to the responses below. You can add it directly to this site.

Add A Response

Resources for this Activity

Have you created a helpful guide or do you know one that might help others complete this activity? You can share a resource if it is available at a public URL. .

Add a Resource

21 Responses for this Activity

  • Essay on preparing a nutgraf for a feature article
    by Wesley Butler (@wbutler925)

    In “Feature Writing” courses, students learn to write profile pieces, preparing a nutgraf to introduce the story. I’ve used the H5P Studio to create an essay for students to practice writing a nutgraf on an assigned leader, and receive immediate feedback.

  • Dialogue cards for Stages of Placement
    by Karen Burns (@karen.burns)

    I used H5P to create dialogue cards for students to learn about the stages of their placement.  I thought interactive tool would be a little more fun for students than just reading the material.

  • Checking Understanding of REDOX with H5P
    by Diana Spear (@Diana S)

    I used H5P to check understanding of the concept of REDOX in chemistry. This is often a difficult topic and I like the idea of offering an activity for students to check their understanding which is not worth marks, before they attempt their weekly quiz which is worth a few marks. It’s set up for more… »

  • H5P Image Hotspots for Human-Centered Design Thinking for Changemaking
    by Jennifer Shelswell (@Jennifer.Shelswell)

    I used the eCampusOntario H5P Studio  to create an interactive Image Hotspot activity around the stages of Human-Centered Design Thinking for Changemaking. I plan to use this in my upcoming courses as an introduction to what Human-Centered Design Thinking is, along with what each stage is comprised of. This is the first time I used H5P for an more… »

  • Documenting Use Cases with H5P
    by Jessica Joy (

    There were several interesting H5P content types to choose from, but given the nature of the course I’m currently teaching (documenting and modelling system requirements), I choose to “experiment” with the Documentation Tool. Within the context of systems analysis and design, students are required to document all of the details for specified use cases using more… »

  • Creating an H5P content using the multiple choice tool
    by Charlotte de Araujo (@cdearauj)

    As I have used different quiz tools, I was interested in trying out H5P.  I created an Introductory Review Quiz to try out this tool.  As it was user friendly I would like to use H5P for future courses as a means to assess background knowledge from my students. I also felt this is another more… »

  • H5P Introduction to Recruitment and Selection
    by Jenn Harren (@j_harren)

    This is an introduction to the first Chapter within a Recruitment and Selection course.

  • Policies with Pizzazz
    by Stephanie Park (@stpark)

    In a recent course development I’ve been working on, I was trying to come up with a more engaging and effective way to provide information surrounding the various student policies at our University. It is part of our quality assurance review to include this information in every online course design. So instead of just posting more… »

  • H5P – Let’s practice for our final!
    by Tracey Chase (@traceychase)

                                                                                                                  more… »

  • Preparing For An Interview the Heineken Way
    by jessica srivastava (@Jessica)

    I have been using H5p for the past year both for interactive course slides, videos and quizzes. This interactive video is of an interview campaign run by Heineken and was designed to be a fun introduction to my interview techniques class. The students watched them in small breakout groups and then we debriefed as a more… »

    2 Resources for this Activity

    Creative Commons License
    This work by Ontario Extend is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

    Leave a Reply

    Your email address will not be published. Required fields are marked *