> ## 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. # Crie atividades Hot Spot > Escolha a imagem-base, posicione pontos interativos e associe títulos, textos, imagens e vídeos aos conteúdos de exploração. **Para supervisores** Nas atividades **Hot Spot** (**Hotspot** na interface), você transforma uma imagem em uma superfície de exploração. Ao selecionar um ponto numerado, o participante acessa informações associadas àquela posição, como título, texto, imagem ou vídeo em língua de sinais. ![Image](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-63.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=f144a041d039ed91c9bf15e3dfedeff7) Use o formato para explorar mapas, cenas, diagramas ou partes de um objeto. Planeje cada ponto com uma informação relevante para o objetivo de aprendizagem. ![Image](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-64.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=21f3dd24e0278cc89f78ef8ba7c60485) ![Atividade Hotspot com instruções, mapa-múndi, quatro pontos numerados, botão Topics e controles de zoom.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/participant-map.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=4614f928969c950c8e5ba993bfb4d23b) Visão do participante: imagem com pontos numerados e controles de exploração. > [!NOTE] > > Os exemplos identificam o tipo **Recepção** (**Reception**) e o formato **Hotspot**. As telas mostram a exploração de conteúdos ao clicar nos pontos; não apresentam campos de resposta correta ou de pontuação. Os prints estão em inglês; os controles são explicados em português. ## Planeje a imagem e os conteúdos Escolha uma imagem na qual os locais de interesse possam ser identificados com clareza. Para cada ponto, defina o que será apresentado e sua relação com a posição na imagem. | Elemento | Função | Exemplo didático | | - | - | - | | **Imagem-base** | Organiza visualmente os pontos de exploração. | Um mapa-múndi. | | **Posição do Hot Spot** | Associa o conteúdo a uma região da imagem. | Um ponto sobre a América do Sul. | | **Título** | Identifica o assunto do ponto. | “América do Sul”. | | **Conteúdo** | Apresenta a informação a ser explorada. | Uma explicação sobre a região. | | **Mídias** | Complementam o título ou o conteúdo. | Vídeo em língua de sinais e imagem relacionada. | Prepare instruções como **“Explore os pontos do mapa e consulte as informações em texto e vídeo sobre cada região.”** ## Crie a atividade **1. Escolha Hot Spot e prepare a imagem-base** Entre no **Space**, abra **Atividades de avaliação** e inicie a criação no fluxo de **Recepção**, escolhendo **Hot Spot**. Confira o Space e o formato selecionado. No formulário **Criação de conteúdo — Imagem Hotspot** (**Content Creation - Hotspot Image**), preencha **Título da atividade** (**Activity title**). Na versão ilustrada, o campo **URL da imagem** (**Image URL**) recebe o endereço da imagem-base. Cole o endereço e confira se a imagem aparece na área de trabalho. ![Formulário Hotspot Image com Activity title, Image URL, imagem-base e cartão de edição do Hotspot 1.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/create-hotspot.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=1b9bf029183e9272695e7e45e28dd54e) Criação: título da atividade, URL da imagem e primeiro ponto. Escolha uma imagem nítida e confira o enquadramento antes de posicionar os pontos. A imagem-base é diferente das mídias que serão adicionadas ao conteúdo de cada Hot Spot. **2. Clique na imagem para adicionar os pontos** Na área **Clique na imagem para adicionar hotspots** (**Click on the image to add hotspots**), clique na posição à qual deseja associar uma informação. A interface identifica o ponto e apresenta seu cartão de edição, como **Hotspot 1**. Use os controles de **zoom**, quando disponíveis, para posicionar a marcação com mais precisão. Evite pontos sobrepostos ou tão próximos que dificultem a seleção. ![Área de clique sobre o mapa com controles de zoom e cartão Hotspot 1 com campos de título, conteúdo e vídeos.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/map-and-video-form.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=ef86f281c4315b29bf7065645ff0522e) Posicionamento: imagem com zoom e cartão do Hot Spot. No mapa, a posição deve corresponder à região explicada. Em um diagrama ou objeto, marque a parte à qual o conteúdo se refere. **3. Preencha o título e a explicação do ponto** Em **Título do Hotspot** (**Hotspot Title** ou **Hotspot title**), escreva um nome que permita reconhecer o assunto. Em **Conteúdo do Hotspot** (**Hotspot Content**), prepare a informação que será exibida ao participante quando o ponto for selecionado. Mantenha a explicação relacionada à posição marcada. Se o objetivo for explorar uma região, apresente informações daquela região; se for identificar uma parte de um objeto, explique sua função. Algumas versões indicam título e conteúdo como **opcionais**. Confira os campos da instalação e assegure-se de que cada ponto ofereça uma apresentação compreensível, usando os recursos adequados ao público. **4. Adicione as mídias por URL, quando esse formulário for exibido** A versão por URL apresenta duas áreas opcionais: | Área | O que configurar | | - | - | | **Mídia do título (Title Media)** | Uma imagem ou um vídeo associado à apresentação do título. | | **Mídia do conteúdo (Content Media)** | Uma imagem ou um vídeo que complementa a explicação do ponto. | Selecione **Imagem** (**Image**) ou **Vídeo** (**Video**) na área desejada e preencha o campo de URL correspondente. ![Cartão Hotspot 1 com Hotspot Title, Title Media, Hotspot Content, Content Media, campos de URL e 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) Mídias por URL: título, conteúdo e seleção de imagem ou vídeo. Confira se cada endereço carrega a mídia esperada. Escolher **Video** em uma área não significa que a outra área também tenha recebido um vídeo. Você pode usar uma apresentação em língua de sinais junto ao título e outro material para desenvolver o conteúdo, conforme os campos disponíveis. **5. Envie os vídeos quando houver campos de arquivo** Outra versão do formulário apresenta campos de vídeo com miniaturas e botão **+**, em vez dos campos de URL. O exemplo mostra uma área **Conteúdo em vídeo** (**Video Content**) e outra **Conteúdo do Hotspot — Vídeo** (**Hotspot Content - Video**), junto aos campos de título e texto. ![Cartão Hotspot 1 com título opcional, Video Content, texto opcional e Hotspot Content - Video, com limite de 100 MB por vídeo.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/hotspot-video-content.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=aa44f2421e8aadc660d6d326d6e50db6) Mídias por arquivo: campos de título, texto e vídeos do ponto. Use o controle do campo correspondente e confira a prévia após incluir o arquivo. O exemplo informa limite de **100 MB**; confira sempre o limite apresentado na instalação. Prepare os vídeos na língua de sinais adequada ao público e confira se cada um corresponde à função do campo. As telas mostram **variações de formulário**. Siga os controles disponíveis na sua instalação para adicionar as mídias. **6. Salve o ponto e confira o conjunto** No formulário por URL, use **Salvar Hotspot** (**Save Hotspot**) para confirmar o cadastro do ponto. Nas versões com outros controles, conclua a edição conforme a interface exibida. Repita a inclusão para os demais locais de interesse. Confira a relação entre cada posição, seu título e o conteúdo associado. Os cartões apresentam um controle de exclusão. Após remover um ponto, revise os que permaneceram. Se alterar a imagem-base, confira novamente as posições de todos os Hot Spots. **Salvar um Hot Spot é uma etapa da criação.** Antes de concluir a atividade, confira todas as marcações, os textos e as mídias e finalize o cadastro pelos controles apresentados na instalação. ## Confira como o conteúdo é apresentado As telas enviadas apresentam duas formas de exibição do conteúdo de um ponto. Confira qual delas é usada na instalação e revise a experiência do participante. ### Conteúdo em uma janela sobre a imagem Ao selecionar o ponto, o conteúdo pode aparecer em uma **janela sobreposta**, com mídias e texto. O controle **X** fecha a janela e permite retornar à imagem. ![Image](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-65.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=602885bac1ff1591e118a9a674ff10e8) ![Janela de um Hot Spot com vídeo, título, texto, outra mídia e botão de fechar sobre o mapa.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/participant-popup.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=e989f7a13f502da70ebefa36361d7e53) Exploração: conteúdo do ponto em janela sobreposta. Verifique se o título é reconhecível, se o texto está legível e se os vídeos reproduzem. O conteúdo de exemplo em Lorem ipsum deve ser substituído pela informação da atividade. ### Conteúdo abaixo da imagem Outra tela mostra uma seção **Ver conteúdo** (**View content**) abaixo do mapa. O exemplo apresenta o título **South America**, uma mídia em língua de sinais, texto e uma imagem relacionada. ![Image](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/image-66.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=2614f2282a01650d484f3d78a705598a) ![Seção View content com o título South America, mídia em língua de sinais, texto e imagem da América do Sul.](https://mintcdn.com/levante-lab/iSV727FKjPVHmEYK/images/supervisor-hotspot/participant-inline-content.png?fit=max\&auto=format\&n=iSV727FKjPVHmEYK\&q=85\&s=9367746c6ac6a13be79d29958b6c3a53) Exploração: conteúdo selecionado exibido abaixo da imagem-base. O participante seleciona os pontos numerados para explorar as informações. Confira também o botão **Tópicos** (**Topics**) e os controles de zoom, conforme sua disponibilidade na interface. Os prints não demonstram regras de nota ou de conclusão automática por número de cliques. Ao orientar a turma, descreva o que deve ser explorado e confira na instalação como o acompanhamento da atividade é apresentado. ## Revise antes de concluir Antes de disponibilizar a atividade: * Confira o Space, o tipo, o título e as instruções. * Verifique se a imagem-base carrega corretamente. * Confira a posição e a seleção de cada ponto. * Revise títulos e explicações. * Teste as URLs e as mídias adicionadas. * Reproduza os vídeos e confira a língua de sinais utilizada. * Confira a legibilidade e a relação entre imagem, texto e vídeo. * Abra os pontos na apresentação ao participante e confira o conteúdo exibido. * Revise o conjunto após excluir pontos ou substituir a imagem-base. Conclua o cadastro da atividade pelos controles disponíveis e confira a apresentação do conjunto. > [card] [Consulte a visão geral das atividades](https://docs-visuolab.levantelab.com.br/pt-BR/visual-classroom/supervisor/assessment.md) > > Relacione o formato da atividade ao objetivo pedagógico e às opções de participação. ## Apoie a continuidade do desenvolvimento da VisuoLab > [!NOTE] > > **A continuidade da equipe técnica da Levante Lab está em risco sem financiamento sustentável.** > > O apoio contribui para manter a VisuoLab e o SignBank, melhorar a acessibilidade e sustentar o desenvolvimento e o suporte aos usuários, em colaboração com parceiros de pesquisa e comunidades surdas. > > [Conheça as necessidades de financiamento e as formas de contribuir →](https://docs-visuolab.levantelab.com.br/pt-BR/apoie/visuolab.md) ## Continue a navegação > [card] [Anterior](https://docs-visuolab.levantelab.com.br/pt-BR/visual-classroom/supervisor/assessment/interactive-video.md) > > **Crie atividades de vídeo interativo** > [card] [Próximo](https://docs-visuolab.levantelab.com.br/pt-BR/visual-classroom/supervisor/scales.md) > > **Configure escalas de avaliação** This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.