Pedagogue Help

Help Content

Image Hotspot Interaction

The image hotspot interaction is a content block that allows you to show an image to the user so that they can identify parts of the image.

An image hotspot interaction looks as follows:

Completing the Image Hotspot Interaction Form

If you select the image hotspot interaction you will be required to go through a 2 step process:

Step 1
  • Upload an image. On selecting the image hotspot interaction on the dropdown menu, you will be taken to the Pedagogue Explorer window which contains all of your uploaded assets. This is where you select your asset from.

Note: The file will need to have been uploaded as an asset to Pedagogue.

Note: Before following this process ensure you have uploaded an appropriate image to Pedagogue using the Add Asset functionality in Pedagogue Explorer.

Note: The image should have the following dimensions: 690 x 300 pixels. If the image that is uploaded is not this size, it will be stretched or squashed to fit.

Step 2
  • When you have selected an image, you will see the 'image hotspot editor' with the image in situ
  • Enter the interaction instructions which can be typed in directly above the image
  • Then, on the image, draw around the areas you want the learner to click on

Note: You must draw a complete shape around the part of the image you want the user to select. If, for example, you draw a square with 4 sides and the sides don't meet, your shape will not show as a hotspot in the editor. As soon as the 4 sides do meet, the part of the image you have drawn around will be highlighted as a hotspot.

  • Decide if the interaction is to be marked or not and check the check box at the bottom of the form if it is to be marked

Note: If the interaction is marked, the user's score will be saved if the courseware is being used in a virtual learning environment. The user will not be able to repeat the interaction as it will be disabled after the first attempt. The user is given one opportunity to complete marked activities.

  • Decide how many attempts you want the user to have. Use the dropdown menu at the bottom of the form to make your selection
  • Save or cancel your entries using the on screen buttons