Any views expressed within media held on this service are those of the contributors, should not be taken as approved or endorsed by the University, and do not necessarily reflect the views of the University in respect of any particular issue.

New H5P Interactive Content Type: Branching Scenario (Part One)

H5P February 2019 release

H5P have launched three new interactive content types, Branching Scenario, Virtual Tour (360) and Dictation. For anyone who doesn’t know anything about H5P it is a free open HTML5 technology to easily add interactive content to your website with a plugin for WordPress, Drupal and Moodle.

Branching Scenario allow authors to present the learners with a variety of rich interactive content and choices. The choices the learners make will determine the next content they see. May be used to create dilemmas, serious games, and self-paced learning.

First impressions

I am looking at one of the new content types in particular, the Branching Scenario. At first glance the editing interface looks pretty good and reasonably intuitive. It uses drag-and-drop to which you can add images, text and video to a canvas which can best be described as a flow chart, which makes total sense. It also includes a couple of the other existing content types, the Course Presentation and Interactive Video and the new Branching Question.
H5P Branching Scenario editing interface

Branching question

The Branching Question has text areas for a single question with multiple responses. For each response or ‘alternative’ the Branching Options gives you control over where the user navigates to (i.e. another branch or custom end scenario). You can also supplement each response with custom feedback that may include text and/or images.

H5P Branching Scenario Question editing
Additional functionality

Like a lot of the H5P content types there is more functionality than on first impression. This Branching Scenario includes a start and end screen as well as optional scoring, so it has lots of potential. There is a zoom function located at the bottom of the user interface which will be very useful as the branching becomes more complex therefore requiring you to zoom out to see more.

Game-based learning

There are a couple of examples of the Branching Scenario on the H5P website. The Skills Practice: A Home Visit is worth trying out, where I discovered I would be no good as a community nurse.

Part two

Next step is for me to try converting some of our existing Labyrinth branching content over to H5P for a quick comparison. I think I’ll start with one of the MBChB ‘Acute Medicine’ game-based learning scenarios.


5 replies to “New H5P Interactive Content Type: Branching Scenario (Part One)”

  1. Max says:

    Hi Jackie, thanks for the post! Is there a way to add a hyperlink to the Custom End Scenario. It looks like I can only add text. Any help really appreciated. Have a lovely day 🙂 Max

    1. Hello Max. I’ve spoken to Jackie and it would appear that inline HTML within the “Custom end scenario text” field does not render.

      The only workaround we have found is to jump to a new branch instead, one containing a text object. This object allows you to include hyperlinks within your content. The downside being it’s not an end node with the red flag and “Restart the course” button.

      Thank you for reading the post and getting in touch. Please feel free to share anything you create with us both.

      Best wishes, Stewart

  2. Neil Turner says:

    H5P looks really good. That Canadian example is excellent, but that’s down to it’s design and production quality at least as much as platform. Maybe I haven’t followed itfar enough, but it doesn’t seem branch much. If you answer wrong you just remain at the same node and get another go. You could probably do this in a conventional CMS.
    But multi-branched scenarios are hard to write and update.

  3. Neil Turner says:

    The branching works well in the Art one, and demonstrates some nice tricks. Looks as if there are more quiz and other options here.
    These tricks etc could be useful additions to teaching webpages.

Leave a reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This site uses Akismet to reduce spam. Learn how your comment data is processed.


Report this page

To report inappropriate content on this page, please use the form below. Upon receiving your report, we will be in touch as per the Take Down Policy of the service.

Please note that personal data collected through this form is used and stored for the purposes of processing this report and communication with you.

If you are unable to report a concern about content via this form please contact the Service Owner.

Please enter an email address you wish to be contacted on. Please describe the unacceptable content in sufficient detail to allow us to locate it, and why you consider it to be unacceptable.
By submitting this report, you accept that it is accurate and that fraudulent or nuisance complaints may result in action by the University.