> ## Documentation Index > Fetch the complete documentation index at: https://docs-visuolab.levantelab.com.br/llms.txt > Use this file to discover all available pages before exploring further. # Create Hot Spot activities > Choose the base image, position interactive points and associate titles, text, images and videos with exploration 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](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-63.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=f144a041d039ed91c9bf15e3dfedeff7) 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](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-64.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=21f3dd24e0278cc89f78ef8ba7c60485) ![Hotspot activity with instructions, world map, four numbered points, Topics and zoom controls.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/participant-map.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=4614f928969c950c8e5ba993bfb4d23b) Participant view: image with numbered points and exploration controls. > [!NOTE] > > 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. | Element | Purpose | Teaching example | | - | - | - | | **Base image** | Visually organises the exploration points. | A world map. | | **Hot Spot position** | Associates content with an area of the image. | A point over South America. | | **Title** | Identifies the point’s subject. | “South America”. | | **Content** | Presents the information to explore. | An explanation about the region. | | **Media** | Supplements the title or content. | A sign language video and a related image. | Prepare instructions such as **“Explore the map points and consult the text and video information about each region.”** ## Create the activity **1. 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.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/create-hotspot.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=1b9bf029183e9272695e7e45e28dd54e) 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. **2. 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.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/map-and-video-form.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=ef86f281c4315b29bf7065645ff0522e) 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. **3. 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. **4. Add media by URL when this form is displayed** The URL version provides two optional areas: | Area | What to configure | | - | - | | **Title Media** | An image or video associated with the title presentation. | | **Content Media** | An image or video supplementing the point’s explanation. | 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.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/hotspot-url-media.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=2b70664382fe5870283fcf0987fd1573) 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. **5. 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.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/hotspot-video-content.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=aa44f2421e8aadc660d6d326d6e50db6) 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. **6. 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](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-65.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=602885bac1ff1591e118a9a674ff10e8) ![Hot Spot window with video, title, text, another media item and a close button over the map.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/participant-popup.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=e989f7a13f502da70ebefa36361d7e53) 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](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-66.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=2614f2282a01650d484f3d78a705598a) ![View content section with South America title, sign language media, text and an image of South America.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/participant-inline-content.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=9367746c6ac6a13be79d29958b6c3a53) 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. > [card] [Consult the activity overview](https://docs-visuolab.levantelab.com.br/en/visual-classroom/supervisor/assessment.md) > > Relate the activity format to the learning objective and participation options. ## Support VisuoLab’s continued development > [!NOTE] > > **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 →](https://docs-visuolab.levantelab.com.br/en/support/visuolab.md) ## Continue browsing > [card] [Previous](https://docs-visuolab.levantelab.com.br/en/visual-classroom/supervisor/assessment/interactive-video.md) > > **Create interactive video activities** > [card] [Next](https://docs-visuolab.levantelab.com.br/en/visual-classroom/supervisor/scales.md) > > **Configure assessment scales** This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.