Topographical Hotspots


further to Thomasmars reply yo my comments/queries on the presentation module tutorial, I have the following feature requests/suggestions.


  1. Allow the customization or replacement of the + signs in the circles on the images hotspot feature with custom pictures, gifs or anigifs of my choice.
  2. In the Presentation module, allow the embedding of links into thumbnails or other pictures that can be overlayed on a main/background picture.

Use Cases

  1. the plus signs don't blend with the image and can be distracting.
  2. a blended image works best for complimenting the visual lesson/story and facilitate hotspot treasure hunting
  3. An anigif could be used to attract attention where needed, or if after a time delay the student still does not seem to have spotted it or acted as required (a sort of help prompt).
  4. Embedded links in pictures, be they gifs, thumbnails or anigifs can be used to access further information either internally to H5P (popups) or externally to the web or course/ lesson links within an LMS.

The first use case is a visual at-a-glance lesson with all the information, help, resources, content, learning activities and assignments provided within the slide or picture. This can already be largely done within Powerpoint for an in-line presentation using static links and .ppsx, which is not so good or flexible for teaching and courses in which students must branch off for various learning activities along the way as part of a Web-based training (WbT) and Learning Management system rather than a mere eLearning Training Presentation. Perhaps these basic features could also be created by importing from Powerpoint or other presentation systems just as iSpring does (but into html5 rather than the insecure and outmoded flash format).  However, to realise the full potential in a Learning Management or Eco-System would require dynamic linking capabilities to content within LMSystems such as Opigno or directly to content (documents and lessons) created within the general Content Management System (CMS) for Collaborative Learning and other Services areas/spaces.

The second Use Case I have in mind extends this concept to a course or programme plan/workflow guide. I want to create topographical maps, either as simple Drupal style GMAPs for embedding pictures or built on top of real google maps that facilitate further localised exploration. This information might include people (users), places, subjects/Info types(metadata), services, data, courses and programmes to create a sort of treasure map in which students can explore and discover the subject (Programmes and courses), other users/coursemates (networking), services and localised data.  Guided tours and suggested workflows could be statically (default) linked in, or perhaps integrated contextually to help navigate the labyrinth. 

If you could create pokemon type characters that pop up on the phone or a map whenever in the area providing suggestions and links to local information, services and fellow students or mobile micro-learning and networking promotion within the host Learning Eco-System , that would be even more amazing ;-) 

In essence, this would be a basic form of 'Augmented Reality' for educational purposes that then lends itself to gammification as a future extension. Drupal has the potential to achieve this, but, requires a lot from developers let alone lay site builders like myself. Perhaps H5P can provide an out fo the box plugin solution for this? 

Food for thought at least :)



Different types of (+)
Content types: 
Issue Status: 
Supporter votes Members of the Supporter Network can vote for feature requests. When the supporter network has generated sufficient funding for the top voted feature request it will normally be implemented and released. More about the H5P Supporter Network
tomaj's picture

Hi Chris,

Thanks alot for that thurough description. Good ideas!

- Tom

A couple of further comments to explain potential use cases and feature requirements:

I have understood that powerpoint presentations cannot at this time be imported, let alone with all the embedded links and interactivity that can be created in it these days. When this image hotspot feature is available, the 'at-a-glance'  activity icons in the back ground image (powerpoint slide with interactive / linked icons) can be removed and replaced with the interactive H5P ones to clean up the presentation and attract more attention in a more dignified way that blends with the presentation whilst giving visual indication of what the hotspot contains, e.g., text content for reading, images audio or video.

There are other hotspot content types and features in the interactive videos and course presentation content types, but, not yet, as far as I have seen,  so much overlap / ability to mix and match the features for more flexibility and presentation power. E.g. under the quiz icon I can include a video, but I cannot make it interactive with quiz functionality. If I have understood corectly, this has to be done in a seperate slide and H5P content Type instance.

The next step would then be to include dynamic linking capability for linking into the LMS content resources and learning activities.  E.g. quiz  content types ought to be linked to the LRS results structure and as part of the contribution tracking function, including the Reputation Management (Voting) system. Until dynamic linking is possible, content entities cannot be componentised / referenced for reuse and referencing purposes, requiring much extra work repetition and hence not a true obect (entity) oriented learning system. The information and performances of students on H5P learning material is until then, restricted to within the H5P content type instance, which is the base entity in Drupal.

I am hoping to have a functional system by the end of this year before I start creating lots of real content. Is there any chance of at least the base aspects of this feature request being ready by then?




tomaj's picture

Hi Chris,

These feature requests are taken into account when planning upcoming features. It's definatly important to listen to the community on what to improve! So everything is read, and indexed.

There are plans for improving reusibility of the content, but not something that will happen before the end of the year.


Regarding the upcoming releases in 2017, I think they are pretty much planned already. So I would not expect those more advanced features to come before the end of the year.

And sometimes companies really need some feature, and will fund development of that feature. Those times the sponsored development can push other things down the scedule too. (So if you want to sponsor something, send an email to [email protected], and it will be considered, if it aligns with the goals of H5P)

- Tom

I wish I could afford to sponsor it.

Unfortunately I am in the opposite position of needing sponsorship at present, particularly for getting Drupal development hlep.

If you know of anyone who would be interested in investing time or money in a project to flip not just the classroom, but, the whole education system, please let me know  ;-)





In the interactive videos we can set the timing and duration of the appearance of labels, text and questions etc.

Would it be possible to also:

  1. add a time limit on the learners response to the questions, to create a type of quick fire question and answer effect for periodically increasing the pressure and intensity of the video quiz experience?
  2. add audio within the interactions so that the question and/or the answer options are read out or other sound effects added directly?
  3. Enable quiz progress messages that flash up in conjunction with increases in question pressure or if the learner is slow and starts to fall behind the pace.

Use Case: Gammification

The use case for this is a form of gammification for education borrowed from sports coaching, and in my case self-defence training and teaching.  The idea is to have the on-line learning experience emulate the training experience and processes within a training hall as far as is possible in this environment.

  1. Static Pre-sets: The more they fall behind the pace of the exercise, the more their problems compound as the questions pile up until a defined breaking point is reached. At the point of failure they must go back and retake the quiz until they are good enough to pass through it.
  2. Gaming Levels: The degree of difficulty could be set by the teacher, perhaps with more than one level of difficulty to create a clear gammification structure for the learners to progress through as they complete each level. At each level the questions might be different and more difficult or presented in a different format that is more challenging to complete in the time available.
  3. Dynamic Personalisation: A dynamic element might be created if it is possible to fire off the questions at an increasing rate according to the learners response speeds and progress. In this case the questions would have to be allotted an appearance time window with links to a start time delay condition based on previous question's response.  In this way the intensity and level of pressure in the quiz becomes personalised to the learner.

This type of dynamic functionality helps to teach students experientially about the learning and training process itself as well as the more subtle lessons learned in class training to do with self-defense principles, processes and mental conditioning. It helps bridge the gap between the web training / theory class and the training hall, maintaining a consistent process that multiplies the learning power by the process of association.

An ambitious feature request - yes, but that is the nature of my job ;-)