Collaboration, Pedagogy, TLT

Using Lumi and H5P to create Easy Images with Hotspots, Timelines,  and Sequencing

What is Lumi and H5P?

H5P is an open source application to create interactive and engaging learning objects quickly and easily.  Up until now it required an on-campus installation but now there’s an application called Lumi Education that allows you to create these interactive objects and even embed them into OAKS for your students to use.

It’s free and easy and you, and your students,
can use it to create interactive learning objects.

How It Works

  1. H5P Editor StartGo to and click on Download.
  2. Select your operating system to download the app for your computer.
    NOTE: if you get sent to a page asking for a donation, just click the back button and do it again.  Next time it shouldn’t ask you.
  3. Save the installer, then install the Lumi app.
  4. Once it’s installed, click on the Lumi app to open it.
  5. Under H5P Editor choose Start.
  6. Choose Create New H5P.
  7. Next to the item you want to create, click Get to load this option into your Lumi app.
  8. Click Install (if first time).
  9. Then click Use.
  10. Always start by viewing the Example and the Tutorial.
    screenshot of tutorial and example

Image Sequencing

image sequencing content type that allows authors to add a sequence of their own images (and optional image description) to the game in a particular order. The order of the images will be randomized and players will have to reorder them based on the task description.

You and your students can use these to:

  • learn process
  • sort anything
You can add text and audio to your images.  Just because it’s an image doesn’t mean it can’t contain text as well.

Question showing sorting planets by size




The Timeline content type allows you to place a sequence of events in a chronological order. For each event you may add images and texts. You may also include assets from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud.

Timelines can be used for more than dates.

Use them to organize processes, jigsaws, storyboards, image timelines, show changes over time, develop historical context, develop arguments, compare time periods, create visual literature review, just to name a few.

screenshot of timeline

Hotspot Images

Image hotspots makes it possible to create an image with interactive hotspots. When the user presses a hotspot, a popup containing a header and text or video is displayed.

You and your students can use these to:

  • Expand the information in an infographic
  • Explain data in a map or add history to a map
  • Explain specific details of artwork
  • Create games
  • Great for foreign language or english vocabulary
You can add text, links, audio and video to the hotspots to make them interactive.

screenshot of hotspot map

REMEMBER: each learning object type in Lumi contains a built in tutorial so be sure to use those to learn how to create these.  Most are self-explanatory and easy to learn but having the tutorials is handy.


[button link=”” newwindow=”yes”] View a tutorial on how to add these to OAKS![/button]