ed app microlearning mobile lms

User Guide: Image Map

User Guide: Image Map

Let’s take a look at how to configure the template properly, then we will have a look at some examples.

Configuring the Image Maps template

1. Select the “Image Map” template from the template gallery – it is found in the “Content” section.

User Guide: Image Map

User Guide: Image Map

2. You’ll need to upload the “Image Map” image – this is the first image that learners will see, and the image from which we will be defining hotspots.
User Guide: Image Map

3. In the “Waypoints” section of the authoring tool, you will now be able to define an area within the Image Map (your waypoint or hotspot), and link it to another image by simply dragging and dropping the new image from your computer. Here, you can also add narration for each waypoint, by uploading an MP3 file.

User Guide: Image Map

User Guide: Image Map

User Guide: Image Map

4. After you’ve configured your waypoints and previewed them live in the authoring tool, you’ll be able to configure some other options.

“Zoom” can be enabled to make the image have a “zoom” transition when clicked – disabled, this transition will be a simple slide from the bottom of the screen.

User Guide: Image Map

5. You can change your waypoint colour to be either White, Black or invisible (none).

User Guide: Image Map

6. Change the prompt depending on your content – if you feel learners won’t know what to do, you can give them more specific instructions. Leave this alone if you’re unsure.

User Guide: Image Map

7. You can change your background colour to any CSS colour code, or rgb/rgba number.

User Guide: Image Map

8. Once you’re done playing around with the flexible and versatile options available, test your slide then and there, live, in the authoring tool!

Leave a Reply