Going Interactive With H5P

Here we offer H5P a way to add interactive web elements to almost learning content hosted in WordPress, Moodle, or drupal (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.

• Within the Ontario Extend mOOC we created a hotspot map to provide examples of responses to activities in the modules, it can be viewed on the H5P site where we made it https://h5p.org/node/394043
• In the Technologist module, an activity for walking through the SECTIONS activity used the H5P app for an interactive presentation (see it also at https://h5p.org/node/100161

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.

Perhaps you can create something to use for your work on the activity in the Technologist Module? Give H5P a try, it’s a powerful collection of tools an Extender can use. Tell us below what you come up with (or as we did by extras last module, share in Twitter with an #ExtendMOOC hashtag).

Example for "Going Interactive With H5P":
https://h5p.org/node/394043