Adding interactive elements, such as hyperlinks, hot-spots and markers to digital resources is an excellent way of adding non linear information. It can transform a page of online text, a map, an image or a video into an interactive learning experience or a rich media document.
The video above shows the range and potential of annotated and interactive media for education. The example in the video was made with Scalar, an open source platform, aimed at academic publishing. However there an increasing number of tools and platforms available that require minimal technical expertise. Some of these, together with examples, are shown below.

Maps are ideal for annotation such as this map of Pompeii made with Google My Maps shows different aspects of Pompeii; Civic Buildings, Housing, Religious Buildings, Industry & Commerce, Entertainment Buildings.
Possible Learning Activities & Outcomes
  • interpreting and reading maps
  • map making skills
  • historical study and knowledge
  • research skills
  • visual literacy
  • using online media tools

Image annotation usually involves defining an areas within an image for notes, comments and feedback. Sometimes annotations are used to create hotspots for hyperlinks. This feature is available in Flickr unless it is disabled by the person who posting the image it. It is used very effectively in The US Library of Congress Flickr. Here’s another

Other image annotation tools may involve adding hotspots to images to link to other content formats such as texts, URLs or videos  as included in the following example, which uses a historic illustration from The British Library’s 1 million Images collection on Flickr.
Possible Learning Activities & Outcomes
  • research skills
  • selecting images
  • visual literacy
  • critical analyses of images
  • using online media tools
  • information design

Video annotation can take various form such as subtitling,  adding hotlinks to a video as it is playing, or adding chapter markers to allow jumping between sections of the video as illustrated in the screenshot below.
This above been created using  Travis Go to

Travis example project
  1. In order to play with this document 
  1. Download this file and save it to your preferred location
  1. Choose Open Project when prompted and select the file
  1. Give yourself a name when prompted
  1. The annotated clip should appear in your browser and you can review interact 
  1. Click on any time-code to navigate between sections
  1. Add your own annotations playing the video and typing in the text field,when done click post and it will appear in the annotations timeline
  1. Clicking on a time code will allow you to jump between sections (chapters) of the video