Interactivity with Hotspots

Adult Leraning

Active (group-based) Learning of Adults

Active Learning1 requires some activities performed by the learner. The principle of “active learning” is based on the fact that the student actively deals with the material in different ways and does not only memorize the gained knowledge.
In simple terms, active learning means that the learner has to do something and not just passively participate in the learning. Passive participation is simply “listening”, watching a video, or reading a text.
In our example, we focus on “Interactivity with Hotspots“.

How to make content active?

The learners become active the moment they receive an assignment, in addition to passive learning. When watching a video, for example, this can be noting down keywords. Typical for such activities with pictures is an active description of a picture by the learner. The learner has to analyze the picture (which requires a certain amount of thinking) and then write down the results found.
Another possibility consists in visualizing content through an image, the image containing so-called hotspots. If you click on such a hotspot, further information is shown. This can be simple text (as in our example), but videos are also possible, or other multimedia content.

Use of specific software

H5P Logo

The H5P JavaScript library offers interactivity.

To create interactive material, you need specific software and an interface to insert your interactive content into your course. In our case, we use the H5P framework.

This framework is built of a library of JavaScript2 code that enables all the motions, overlays, or interactions.

The example

In our example, text related to the image is shown. In addition to the interactive image, learners are given the task of finding keywords in context. Interactivity with Hotspots has been used as a means to transport content visualizes by images with concrete items of everyday life.

Instructions

Click on the small, red question mark to display the hidden content. You also may enlarge the app to full screen by clicking on the small enlarge icon in the right upper corner of the application.

 

_______________________________________________
1 Read about Active Learning. This example is taken from the Flipped Learning 3.0 Framework.

2 JavaScript is a programming language with which complex programs can be implemented on a website. Whenever a web page does more than just display static information, you may estimate that JavaScript is doing this.

Hits: 139