Skip to main content
For Supervisors In Hot Spot activities (Hotspot in the interface), you turn an image into a surface for exploration. Selecting a numbered point gives participants access to information associated with that position, such as a title, text, image or sign language video. Hot Spot activity example Use this format to explore maps, scenes, diagrams or parts of an object. Plan each point around information relevant to the learning objective. Hot Spot image exploration example
Hotspot activity with instructions, world map, four numbered points, Topics and zoom controls.

Participant view: image with numbered points and exploration controls.

The examples identify Reception as the activity type and Hotspot as the format. The screens show content exploration by clicking points; they do not show correct-answer or scoring fields. The screenshots are in English; the controls are explained throughout this page.

Plan the image and content

Choose an image in which the areas of interest are clearly identifiable. For each point, define what will be presented and how it relates to its position on the image. Prepare instructions such as “Explore the map points and consult the text and video information about each region.”

Create the activity

Choose Hot Spot and prepare the base image

Enter the Space, open Assessment Activities and start creating a Reception activity, choosing Hot Spot.Check the Space and selected format. In Content Creation - Hotspot Image, complete Activity title.In the illustrated version, Image URL receives the base image address. Paste the address and check that the image appears in the workspace.
Hotspot Image form with Activity title, Image URL, base image and Hotspot 1 editing card.

Creation: activity title, image URL and first point.

Choose a clear image and check its framing before positioning points. The base image differs from the media added to each Hot Spot’s content.

Click the image to add points

In Click on the image to add hotspots, click the position you want to associate with information.The interface identifies the point and displays its editing card, such as Hotspot 1.Use the zoom controls, when available, to position the marker more precisely. Avoid overlapping points or points so close together that they are hard to select.
Map click area with zoom controls and Hotspot 1 card with title, content and video fields.

Positioning: image with zoom and Hot Spot card.

On a map, the position should match the region explained. On a diagram or object, mark the part to which the content refers.

Enter the point title and explanation

In Hotspot Title or Hotspot title, enter a name that makes the subject recognisable.In Hotspot Content, prepare the information participants will see when they select the point.Keep the explanation related to the marked position. If the aim is to explore a region, present information about that region; if it is to identify part of an object, explain its function.Some versions mark title and content as optional. Check your installation’s fields and ensure that each point offers an understandable presentation, using resources appropriate for your audience.

Add media by URL when this form is displayed

The URL version provides two optional areas:Select Image or Video in the desired area and complete the corresponding URL field.
Hotspot 1 card with Hotspot Title, Title Media, Hotspot Content, Content Media, URL fields and Save Hotspot.

Media by URL: title, content and image or video selection.

Check that each address loads the expected media. Selecting Video in one area does not mean that the other area has also received a video.You can use a sign language presentation alongside the title and another resource to develop the content, according to the available fields.

Upload videos when file fields are available

Another form version provides video fields with thumbnails and a + button instead of URL fields.The example shows Video Content and Hotspot Content - Video areas alongside title and text fields.
Hotspot 1 card with optional title, Video Content, optional text and Hotspot Content - Video, with a 100 MB limit per video.

Media by file: point title, text and video fields.

Use the corresponding field control and check the preview after adding the file. The example indicates 100 MB; always check the limit shown in your installation.Prepare videos in the appropriate sign language for your audience and check that each one matches its field’s purpose.The screens show form variations. Follow the controls available in your installation to add media.

Save the point and check the full set

In the URL form, use Save Hotspot to confirm the point. In versions with other controls, finish editing according to the displayed interface.Repeat for other locations of interest. Check the relationship between each position, its title and associated content.The cards include a deletion control. After removing a point, review those remaining. If you change the base image, check all Hot Spot positions again.Saving a Hot Spot is one step in creation. Before finishing the activity, check all markers, text and media, then complete setup using the controls in your installation.

Check how content is presented

The supplied screens show two ways of displaying a point’s content. Check which is used in your installation and review the participant experience.

Content in a window over the image

Selecting a point can display content in an overlay window, with media and text. X closes the window and returns to the image. Hot Spot content in an overlay window
Hot Spot window with video, title, text, another media item and a close button over the map.

Exploration: point content in an overlay window.

Check that the title is recognisable, text is readable and videos play. Replace the Lorem ipsum example text with the activity information.

Content below the image

Another screen shows View content below the map. The example presents South America, sign language media, text and a related image. Selected Hot Spot content below the image
View content section with South America title, sign language media, text and an image of South America.

Exploration: selected content displayed below the base image.

Participants select numbered points to explore information. Also check Topics and the zoom controls according to their availability in the interface. The screenshots do not demonstrate grading or automatic-completion rules based on click counts. When guiding the class, describe what to explore and check how activity monitoring is presented in your installation.

Review before finishing

Before making the activity available:
  • Check the Space, type, title and instructions.
  • Check that the base image loads correctly.
  • Check the position and selection of each point.
  • Review titles and explanations.
  • Test URLs and media added.
  • Play videos and check the sign language used.
  • Check readability and the relationship between image, text and video.
  • Open points in the participant presentation and check the content shown.
  • Review the full set after deleting points or replacing the base image.
Complete activity setup using the available controls and check the presentation of the full set.

Consult the activity overview

Relate the activity format to the learning objective and participation options.

Support VisuoLab’s continued development

The continuity of Levante Lab’s technical team is at risk without sustained funding.Support helps maintain VisuoLab and SignBank, improve accessibility, and sustain development and user assistance in collaboration with research partners and Deaf communities.Explore funding needs and ways to contribute →

Continue browsing

Previous

Create interactive video activities

Next

Configure assessment scales