> ## 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 de arrastar e soltar > Prepare a imagem, crie zonas de destino e nomeie os rótulos para organizar atividades de associação por arrastar e soltar. **Para supervisores** Nas atividades de **Arrastar e soltar** (**Drag\&Drop**), o participante move rótulos de texto para os locais correspondentes em uma imagem. Você prepara a pergunta, envia a imagem, cria as **zonas de destino** e nomeia cada zona para definir as correspondências esperadas. O formato pode apoiar a identificação de pessoas, objetos, lugares ou partes de uma cena. Relacione os rótulos e as posições ao objetivo de aprendizagem e ao material apresentado. ![Página inicial de uma atividade Drag\&Drop com informações de prazo, duração, tentativas, botão Start Activity e vídeo de introdução.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/participant-overview.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=69cd11e5580a9cc4e8af987b46a30ac1) > [!NOTE] > > **Recepção** (**Reception**) é o tipo de atividade; **Arrastar e soltar** (**Drag\&Drop**) é o formato escolhido. Os prints estão em inglês; os campos e botões são explicados em português ao longo da página. ## Entenda os elementos da questão | Elemento | Função | | - | - | | **Enunciado e materiais** | Apresentam o que o participante deve identificar ou relacionar. | | **Imagem da atividade** | É a superfície sobre a qual serão criadas as zonas de destino. | | **Zona de destino (Drop zone)** | É a área da imagem que recebe um rótulo. | | **Nome da zona** | Define o texto associado àquela posição, usado como rótulo a ser arrastado. | | **Correspondência esperada** | Relaciona cada rótulo à zona cadastrada pelo Supervisor. | **Enviar a imagem não conclui a preparação da questão.** É necessário criar as zonas e preencher seus nomes para que o participante possa posicionar os rótulos. Por exemplo, em uma cena com diferentes meios de transporte, você pode criar uma zona sobre uma bicicleta e nomeá-la **“Bicicleta”**. A tarefa consiste em arrastar esse rótulo para a região correspondente. Esse é um exemplo didático. Os prints apresentam diferentes cenas e nomes; eles não formam obrigatoriamente uma única questão. ## Crie a atividade **1. Escolha Recepção e Arrastar e soltar** Entre no **Space**, abra **Atividades de avaliação** e clique em **Adicionar atividade**. Confira o espaço selecionado, escolha **Recepção** (**Reception**) e depois **Arrastar e soltar** (**Drag\&Drop**). Revise a seleção antes de continuar. Na aba **Descrição** (**Description**), preencha o nome e as instruções. Explique o que deve ser observado e como relacionar os rótulos aos locais na imagem. Se utilizar vídeo de instruções, prepare-o na língua de sinais correspondente ao público. Confira também o status da atividade. **2. Abra o resumo e adicione uma questão** Selecione **Resumo das questões** (**Questions Summary**). Confira os rótulos **Reception** e **Drag\&Drop**. O **Vídeo de introdução** (**Introduction video**) é opcional e aparece antes das questões. Use-o para apresentar o contexto da atividade ou explicar a tarefa. Em **Questões da atividade** (**Activity questions**), clique em **Adicionar questão** (**Add Question**). ![Resumo com os rótulos Reception e Drag\&Drop, introdução opcional, botão Add Question, configurações de avaliação e seção de autoavaliação.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/question-summary.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=e9e5d7e5ead44b9d385f2dd9aac02e22) O botão de inclusão em **Questões de autoavaliação** pertence a outro conjunto de perguntas. **3. Prepare o enunciado e os materiais** Preencha **Título da questão** (**Question Title**) com uma orientação clara. Adicione os blocos de **Tópico**, **Texto**, **Vídeo** e **Imagem**, conforme a proposta. Use esses materiais para fornecer as informações necessárias à identificação dos elementos. ![Editor de uma questão Drag\&Drop com campo Question Title e botões para adicionar tópico, texto, vídeo e imagem.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/question-editor.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=3076a7053b5ea0a070715f08909fd34e) Uma orientação possível é **“Arraste cada nome para a pessoa correspondente na imagem.”** Se a tarefa depender de um vídeo em língua de sinais, deixe clara a relação entre o vídeo, os rótulos escritos e a cena. A imagem que recebe as zonas é cadastrada na seção específica **Imagem de arrastar e soltar**, apresentada na próxima etapa. **4. Envie a imagem que receberá as zonas** Na seção **Imagem de arrastar e soltar** (**Drag\&Drop Image**), envie a imagem que será usada como base da interação. Confira a miniatura. O controle **Alterar imagem** (**Change image**) permite substituir o arquivo. ![Seção Drag\&Drop Image com miniatura, Change image, limite de 100 MB, campo Drop zone mode e botão Create drop zones.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/image-and-zones.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=f9720bffb6c83be43c963bc62ad3a7ab) O exemplo informa limite de **100 MB** para a imagem. Confira o limite e os formatos aceitos no campo da sua instalação. Em **Modo da zona de destino** (**Drop zone mode**), confira a opção selecionada. A tela mostra **Full match**. Revise as opções disponíveis e o comportamento da correção antes de disponibilizar a tarefa; o print não detalha outras modalidades nem regras de crédito parcial. Clique em **Criar zonas de destino** (**Create drop zones**) para abrir o editor da imagem. **5. Selecione as áreas e crie as zonas de destino** No editor, faça uma seleção sobre a região da imagem que deverá receber o rótulo. Em seguida, confirme pelo botão **Criar zona de destino** (**Create drop zone** ou **Create zone**, conforme a tela). ![Editor com a orientação para selecionar uma área da imagem e botão Create drop zone.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/create-zone.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=63c1f12c9c6089e8e9f4014b590dd9a0) Repita o processo para os demais elementos. Crie áreas fáceis de identificar, posicionadas sobre o elemento correto, e evite sobreposições que tornem o destino ambíguo. A seleção da região define **onde** o rótulo deverá ser solto. O nome preenchido na próxima etapa define **qual texto** corresponde a essa posição. **6. Nomeie as zonas e confira as correspondências** Preencha o campo de cada zona com o nome ou expressão que será associado à região selecionada. No exemplo, **Zone 1** recebe **Martha** e **Zone 2** recebe **Pedro**. Os retângulos sobre a imagem identificam as regiões correspondentes. ![Imagem com Zone 1 e Zone 2 destacadas, campos com Martha e Pedro e controles de criação e exclusão.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/named-zones.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=04f27d42ec8512fdfe9b8ad554d6cf7f) Confira o nome de cada zona junto à sua posição. Use rótulos coerentes com a tarefa e com a língua escrita solicitada. O editor oferece controles de exclusão. Após remover uma zona, revise as regiões e os nomes restantes. Se substituir a imagem-base, confira novamente todas as correspondências. Ao retornar ao formulário da questão, confira o contador **Zonas criadas** (**Drop zones created**). ![Seção Drop zones indicando duas zonas criadas e botão Create drop zones.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/zone-count.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=589f79a9207f6908970eebf36ce9d0c6) O número **2** pertence ao exemplo; crie a quantidade necessária à proposta. **7. Acrescente feedback e conclua a questão** Use **Adicionar feedback** (**Add feedback**), quando desejar incluir uma explicação. O botão aparece abaixo da seção de zonas. Relacione a devolutiva à correspondência esperada. Por exemplo: **“Observe o objeto mostrado na cena e retome o trecho do vídeo que o descreve antes de posicionar o rótulo.”** Confira os recursos de texto ou mídia oferecidos no formulário da sua instalação. Revise o enunciado, os materiais, a imagem, as zonas e os nomes. Clique em **Concluir** (**Done**) para retornar ao resumo e confirme que a questão aparece na lista. Repita o processo para adicionar outras questões. **Concluir uma questão não conclui toda a atividade.** ## Revise as configurações de avaliação No resumo, abra **Configurações de avaliação** (**Evaluation Settings**). Ajuste os campos disponíveis à proposta e confira os valores efetivos da sua instalação. | Configuração | O que conferir | | - | - | | **Pontuação e nota mínima** | O valor das questões e as condições de aprovação, conforme os campos disponíveis. | | **Tentativas** | Quantas realizações o participante poderá fazer. | | **Navegação** | Se a sequência das questões é obrigatória ou permite deslocamento livre. | | **Tempo para conclusão** | A duração permitida para uma tentativa. | | **Quando o tempo expirar** | O que acontece com a tentativa ao alcançar o limite. | | **Disponibilidade** | As datas de início e encerramento da atividade. | | **Opções de revisão** | Quando resultados, referências e feedback poderão ser consultados. | O **modo das zonas de destino**, configurado na questão, é diferente da pontuação geral e das condições de realização da atividade. Confira esses elementos separadamente. As telas enviadas não detalham o formulário de avaliação deste formato. Não copie os valores de prazo, duração ou tentativas dos exemplos sem revisar a configuração da atividade. > **[Avalie e acompanhe os participantes](/pt-BR/visual-classroom/supervisor/evaluation)** > > Veja orientações sobre acompanhamento, avaliação e liberação de resultados. ## Inclua autoavaliação, se desejar No **Resumo das questões**, a seção **Questões de autoavaliação** (**Self-assessment questions**) tem seu próprio botão **Adicionar questão**. Você pode propor uma reflexão, como **“Como você avalia sua compreensão das informações necessárias para relacionar os rótulos aos elementos da imagem?”** Configure os recursos oferecidos pelo formulário de autoavaliação e confira a inclusão da pergunta na lista ao retornar ao resumo. Essas perguntas apoiam a reflexão sobre a aprendizagem e são diferentes das correspondências cadastradas para as questões de Arrastar e soltar. ## Confira a experiência do participante Na apresentação da atividade, o participante pode consultar o prazo, o limite de tempo, as tentativas e a quantidade de questões, conforme a configuração. O exemplo também apresenta um vídeo de introdução e o botão **Iniciar atividade** (**Start Activity**). Durante a realização: 1. O participante lê o enunciado e observa os materiais. 2. Identifica os elementos na imagem. 3. Arrasta os rótulos para as zonas correspondentes. 4. Usa os controles disponíveis para navegar e finalizar a tentativa. ![Questão Drag\&Drop com cena ilustrada, rótulos de texto na parte inferior, tempo restante e controles de navegação e finalização.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/participant-question.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=dc9699110e573e60218920c79238a826) Os rótulos **Piano**, **Float** e **Bicycle** pertencem ao mockup. Revise os textos e as correspondências da sua própria atividade; os exemplos ilustrativos não devem ser tratados como gabarito pronto. Confira a tarefa completa nas condições de apresentação ao participante, verificando se as regiões e os rótulos permitem realizar as associações sem ambiguidade. A visualização dos resultados deve seguir as opções de revisão configuradas. > **[Veja como o participante consulta os resultados](/pt-BR/visual-classroom/participant/results)** > > Conheça a apresentação das notas, do feedback e da contribuição das atividades. ## Confira o conjunto e finalize Antes de disponibilizar a atividade: * Confira o Space, o nome, as instruções e o status. * Revise a clareza do enunciado e sua relação com os materiais. * Confira a qualidade e a legibilidade da imagem-base. * Verifique a posição e o tamanho de cada zona. * Revise os nomes e suas correspondências com as regiões. * Confira a quantidade de zonas e a ausência de áreas ambíguas. * Revise o modo das zonas e as opções de pontuação. * Confira tentativas, navegação, duração, datas e revisão. * Confira o feedback e as perguntas de autoavaliação, se utilizados. Retorne ao resumo, revise todas as questões e conclua o cadastro pelos controles apresentados. ## Continue a navegação > **[Anterior](/pt-BR/visual-classroom/supervisor/assessment/matrix)** > > **Crie atividades de matriz** > **[Próximo](/pt-BR/visual-classroom/supervisor/assessment/interactive-video)** > > **Crie atividades de vídeo interativo** This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.