H5P 3.0 Start From Scratch or Remix?

In this series we have looked at examples of H5P to seed us with ideas what is possible, then we got ourselves set up with a place to make H5P.

Let’s make something! Many might just want to jump in, pick a content type that looks interesting, and explore. Make use of the extensive documentation and tutorials available from both H5P.org and right within the tool itself. Once a tool is chosen, look for the Tutorial and Example links at the top of each editing screen. See more resources:

Start From Existing Content

Because H5P content can be exported/imported (aka reused), one of the best ways to learn is by starting with something that is already built, analyzing and experimenting with your own copy of it.

We can start with a most basic and least flashy type of content, the familiar True/False type of question. This one is hosted at a different site, but we use the H5P embed capability to use it here.

Try it out! Yes, not terribly exciting or even useful? Can you make it better?

The three buttons at the bottom are important elements:

  • Reuse provides a means to download a copy of this content, Click the button, and then find the link to Download as an .h5p file . You should end up with a file on your computer named a-quiz-on-oer-34.h5p,
  • Rights of Use shows how licenses, attribution are built into H5P. You will find the license for the entire activity as well as specific reuse details on any included media (these are present only if the author has added all appropriate metadata, not always the case!)
  • Embed provides the cut and paste HTML that can be used, as we did here, to use the H5P activity in any web site or publishing platform that allows iframe codes.

Now log into whatever platform you are using for creating your ow H5P. Look for the link to create a new item. I using h5p.org look for the link from your account screen labeled Try Out H5P or go directly to the place to create something new.

No matter what platform you are using, this interface is the same. Typically you would pick the kind of tool you want to use, but for our case we are going to upload the .h5p file we downloaded previously.

Click the Upload button:

Here you are ready to experiment with all the buttons and options for a little True/False question (“True or False? There is more to true and false than true and false!”).

To explain these features, we will go meta and use another H5P content type here, the Image Hotspot, to show the parts of the interface. We use H5P to explain H5P!

After making some changes, do not forget to click Save (at bottom on H5P.org or in WordPress, the Create button on the right). In Lumi, look for the Save option under the File menu.

When done, on H5P.org. you can get a link for your item by clicking the “View” button, for my example, you can see it at A Quiz on OER imported as a demo to H5P.org | H5P If you are using Lumi, you can View your creation.

What did you discover? What were you able to change? Reply below with any comments, questions, and if your new and improved H5P is available at a public link, please share it.

This activity is reused from a previous workshop- there are a few more examples you can download and remix, or you can use any that you found in our first activity (if the person creating it has enabled the download button, not everyone does that).

The goal here is to get practice at importing existing content and exploring the H5P interface. Experiment with as many of these as you have time / interest in doing. See how much you can modify, and make sure you add/update metadata fields.

Please reply below with any successes (or not) and questions.

Before flash went away I tried to save some flash activities by turning them into H5P activities. They aren’t exactly the same, but it was a good way to retain content and keep it interactive. I think people who are creative could probably do something similar with worksheet type content by turning it into inactive H5P activities.

I’m glad you were able to convert some of your Flash activities to H5P- any examples to share?

Another virtue of H5P content is that what it produces is web standard HTML 5 (that’s in the acronym) so it’s not dependent on a proprietary format.

I didn’t create the original activity, but here is what I turned it into.



That is really good, the use of the interactive maps in a series.

FYI, editing H5P metadata (which can be overlooked) provides a way for you as author to assign a license to the whole activity and to give credit for the original work.

Some info on this process

Though I see that the original work is marked All Rights Reserved :frowning:

Quite a way to salvage some very useful material!
That “Summary” at the end was particularly effective. Gave me pause.

How hard was it (and/or how long did it take) to turn that EBS-created Flash into that course presentation?

Speaking of our impressions of such activities…
Dunno if other profs have the same experience…

Something I find while I’m checking H5P examples in a hub or around the web: the pedagogical content has a large impact on how I perceive the module itself.
Actually, I do notice that others I tell about H5P who went to .org to check it out tend to be underwhelmed or confused.

If I’m honest, I find that the “berry content” gets in the way. I have a hard time situating those activities in a learning context which would make sense for adult learners. It’s not that berries are uninteresting, of course. It’s that the questions asked fall flat as a learning experience. “Averin” is another name for cloudberries and they’re found in the arctic tundra? Hm, ok… Thanks, I guess?

In this case, I could have guessed the “arctic” part and I never heard of “averin”. They’re tidbits, factoids, trivia… not that helpful in learning something about berries. And I say this having recently done fieldwork with a college which has a Nordic Orchard program.
If the learning path is clear that we need to learn berry names to identify them in some documentation and there’s a table somewhere I can use. Sure, maybe. Otherwise, it really feels too stilted, too artificial to make me want to create my own course presentation using the tool.

This example, @drcjsnider, made it quite clear what was happening and why. Chances are that your H5P version is more effective than the original Flash one because the focus isn’t on the design… and a Summary is quite conducive to learning as it forces you to make the correct choice.

With a bit of embedded feedback, as @cogdog has been explaining, it can really become a deep learning experience about a dark part of history.