I solemny swear that I am up to no good!

The software H5P is very flexible. You can customize the design, and you can also extend its functionality using some interfaces. One that’s particularly interesting IMHO is the xAPI interface. For example, it can be used to track progress of learners – I have gone into a little more detail on collecting data before. Now, if your platform that is hosting H5P can detect that a learner just did this or that, it can react immediately. For example, one of the simplest use cases is updating a progress bar for a course.

Some learning content providers have already customized their platform and now can track progress based on the results of H5P’s xAPI statements (e.g. oncampus and openVHB). However, sometimes you require some manual confirmation. Maybe you want a student to confirm that he or she has read a text. Maybe you need a simple trigger that indicates completion of something else. You could build yourself a workaround with Fill in the Blanks, for example, but you could also use my latest tiny content type: Confirmation Completion.

It’s not a huge content type: Add some descriptive text about what’s to be confirmed if you want to, add a label for the checkbox, add it to the wherever some confirmation is required, e.g. below a text that need to be read, done. It will now send out an “answered” xAPI statement and a “completed” xAPI statement whenever the state of the checkbox changes. Hmm, you don’t see that unfortunately … Well …

The source code for H5P.CompletionConfirmation is out there on github already. I may add some tiny new features or change the visual design a little, but the content type should be pretty much done. And didn’t I say H5P was flexible. If you want to change the visual style (CSS) yourself, you can.

If you don’t want to change the code or style sheets yourself, or if you need something else that’s H5P related: Just get in touch!

Make sharing H5P content even easier!

Earlier this month I was at the first OERcamp Werkstatt close to Berlin, Germany. The event was something like a hackathon with the aim to create and publish open educational resources. My task was to advise the participants on H5P and LearningApps.

Both H5P and LearningApps are tools that enable you to create interactive content on the web. I think H5P is superior by far for a number of reasons, but LearningApps has some nice features, too. For example, teachers appreciate that under each of their contents they can see a URL that leads directly to the content. They can easily copy and forward that link. There is also a QR code for the same purpose. You can download it or enlarge it and use it directly to share the link. After I introduced H5P to some teachers last week and they asked me how to get the link for sharing (within WordPress), I had to do something 🙂

H5P Sharing (screenshot)

On Monday I released a small plugin called H5P-Sharing, which adds some flavour to the H5P plugin for WordPress. Content authors now have the opportunity

  • to copy the direct link to the content (no need to create a blog post or a page first),
  • to save the corresponding QR code or to use it enlarged for sharing immediately, or
  • to copy the well known HTML code snippet for embedding the content at a single push of a button.

That’s all it does. But it could do more:

  • The links could have an expiration date …
  • The links could be protected by a password …
  • The links could require the user(s) to be logged in …
  • The content that is linked to could be enclosed by some customizeable template …

If you want to, you can take the source code and extend the plugin, but of course you can also hire me for creating new things related to H5P. Don’t be shy and get in touch!

Create QR Codes with H5P

I don’t know about you, but when I really need slides for a presentation that I have to give, then I use H5P Course Presentation. Sometimes I want to include some (impressing :-)) interaction with the audience, sometimes just because I like H5P although other software might be more suitable for that particular job. I also often put QR Codes on some slides to allow accessing some complementary material, some online service such as online voting that I include into my performance, etc. However, I had to use an external service to create the QR Codes, download the image, upload it to the presentation …

Alas, not anymore …

You’re right, I created an H5P content type that you can feed text into and it will give you a corresponding QR Code. Pretty neat if you put the library into Course Presentation. But it can even make sense to put one on your website. Really? On first thought, it might seen strange to have a QR Code on a website. Why place it there if people obviously are already online and could simply click on a link?

Well, many people still print web pages, and the QR Code could provide them with an easy way to return. But there’s more. QR Codes cannot only hold links to websites, but any text. Given the right format, you can present contact information and allow users to put them into their address books directly, there are ways to initiate mobile payment, you can start a call directly, you can open a location on Google Maps, you can put event information into a calendar, you can install an app, etc. Can be pretty useful if you’re using some web resource or H5P Course Presentation to present things on-site and want people to access something on the web, leave your contact info, …

So, if there’s a chance someone is browsing your website on a desktop, but you want to trigger something that rather requires a smartphone, it might also be a good idea to offer a QR Code.

Just try these examples (you can play around with size, positioning and color, too)…

Currently supported

  • contacts: add a contact to the address book
  • events: add an event to the calender
  • email address: send an email
  • location: open a maps app to show the location
  • phone number: call a number
  • SMS: send a text message
  • text: display any text (can be used as a workaround for other services)
  • url: open a web page

[Update] I assume I’ll add some “touch to reveal content” feature shortly, so you can at least see what’s “hidden” behind the code if you can’t scan it.

[Update] There’s now a first draft of the “touch to reveal content” feature that I will make nicer – might be done already if you read this 😉

[Update] I completed the content type and asked for a review, so it can be released officially.

Please give feedback!

I hope you will soon be able to do that officially using H5P. Integrating it into Course Presentation could also make sense and should just take around an hour to do. But maybe there’s something that you’re missing right now? Please let me know!

Feel free to use the source code: https://github.com/otacke/h5p-kewar-code and have a look if you might want to become one of my patrons on patreon.I

p. s.: If you wonder why I called the content type KewAr Code … The word QR Code is a registered trademark of DENSO WAVE and I while it seems to be common to ignore that, I don’t want to take chances :-/