Tag: H5P examples

H5p.org is an open source platform that has a suite of learning resources that can be created within our blog system.

The organization has an abundance of great examples on their website that can be explored. Creating branching scenarios, image hotspots, quizzes, interactive timelines, and interactive images are just a few of what can be created using their services. Read more about using H5p, or learn how to create your own.

Below is an example of using their content module called Find Multiple Hotspots.

Multiple Image Hotspots

This could be an example where you want a user to find or identify specific areas on an image. There is a status bar at the bottom to indicate the progress of how close a user is to finishing the task. View help pages on creating multiple image hotspots.

---

Image Juxtaposition

This is an example of the image juxtaposition, which can be useful for displaying before and after images. This particular example shows the original image of President Obama shaking hands with former Indian prime minister Manmohan Singh, juxtaposed with an altered image to show him shaking hands with  Iranian president Hassan Rouhani.

---

---

Branching Scenario

This is an example of H5P’s Branching Scenario, aka Choose Your Own Adventure, in beta format, so bear with the bugs 🙂

---

---

Virtual Tour 360

This is an example of creating hotspots on a 360 degree photo, and either providing text info on certain areas (the + button), or providing links for further viewing (the arrow buttons). Links can be to separate webpages, or other images.

---

To help troubleshoot issues with streamed video, follow the flowchart below.

Continue reading “H5P Example: Question Set (Psychology)”