Getting Started in H5P

In our kick-off meeting, a few participants expressed interest in getting started resources for H5P as well as ones to help pick among the tools.

We heard you, so this is a starting list, to be added to the resource book we will build as we go.

The Source, H5P.org

The home of H5P has some of the best resources, starting at the overview of content types. Each icon leads to an overview of what the tool can do, demo examples (the creators seem to like things with berries in them!), and links to tutorials for authors (maybe the most useful resource to bookmark).

Most other resources out there reference the H5P tool overview, link to it, or even include the same examples. You know when you see berries.

In the Context of the Tool Itself

The H5P tool itself is connected to the same resources above. When you are logged in and inside the administrative portion PressBooks, the H5P Tools should be listed on the left.

Each tool listed offers an information screen, a link to a demo, and screenshots of what the tool can do (this is the same information available at the H5P site above).

An overview of the Drag and Drop tool, with text description, a button link for Content Demo

Any time you use the Add New option to create a new H5P content item (or when you edit an existing one), links to the tutorial and the example are available at the top of the screen.

The Add New interface for H5P (for the Drag the Words tool). A box highlights the Tutorial and Example links at the top

So H5P integrates its own resources and help features directly in the tool.

Adding Interactivity to Pressbooks

Sally Wilson’s open textbook from Ryerson University includes an overview of each H5P content type, with original examples, and suggestions for its uses as well as documentation for using H5P within Pressbooks.

See also the Pressbooks User Guide for a chapter on using H5P.

Easy H5Peasy: Interactive Teaching with H5P Technology (workshop)

See these materials (presentation and document of of resources) from a 90 minute workshop by Michelle De Aizpurua for a 2017 workshop Monash University.

This workshop will take you through the basics of H5P, its benefits and limits, and the wide variety of activities you can create. From quizzes, to games and interactive videos – there’s a huge choice of templates, just fill them in! You will then get hands-on building an activity from scratch. By the end, you will have the practical skills to get started straight away on building more engaging interactive content for any purpose.

TRU’s H5P Workshop

Thompson River University published H5P workshop materials for it’s own grant program supporting OER development. The chapter on a Range of Interactives offers another useful approach for tool selection, grouping them in categories:

  • Tools for Formative Assessment
  • Tools for Unit Review
  • Tools for Multimedia Integration
  • Tools for Student Submissions

They also stress attention to using open licensed media and addressing accessibility issues. Also you will find a collection of worthy examples. You can find in the latter part of the book the activities workshop participants completed.

Organizing the H5P Utensil Drawer

Published on this site, this is the start of an effort to organize the H5P content types in a way suited for this project’s purpose of creating practice problems for open textbooks.

We’ve first filtered out the content types that provide feedback and also consider ways to group them by complexity as well as by multipurpose versus single purpose content types.

It’s a work in progress! Give us feedback.

Got More?

https://www.google.com/search?q=h5p+tutorialSearching the web on H5P tutorials produces a long list of results, the majority of which seem to reiterate or link to the h5P.org resources listed above. And most seem limited to the functional steps of how to use the tools.

We hope to find more that cover the design and craft that go into using the tool well. If you have suggestions, please share as a comment or in our Mattermost community.


Image Credit: Fresh Start flickr photo by cogdogblog shared under a Creative Commons (BY) license

2 Comments

Leave a Reply