As interações Arrastar e soltar no Adobe Captivate testam os usuários se eles podem fazer a correspondência itens relacionados a partir de um grupo de itens.

Ativos e amostras

Os procedimentos neste documento exigem o uso de ativos como imagens e arquivos de projeto de amostra do Adobe Captivate. Você pode optar por usar seus próprios ativos e amostras. No entanto, é recomendável baixar e extrair o seguinte arquivo zip no computador:

drag-drop-interactions.zip

Crie sua primeira interação de arrastar e soltar

Vamos criar uma interação de arrastar e soltar básica sobre como fazer a correspondência de países com suas capitais. 

  1. Abra um projeto em branco.

  2. Adicione um Slide em branco a partir do menu Slides na barra de ferramentas.

  3. Adicione ao slide as imagens dos monumentos e países a partir do arquivo zip fornecido. Consulte a imagem abaixo.

    CC1
  4. No menu Inserir, inicie o assistente da interação de arrastar e soltar.

  5. Na primeira etapa do assistente, defina os monumentos como as origens para arrastar. Para selecionar simultaneamente os monumentos, pressione CTRL e clique neles. Clique em Próximo.

    CC2
  6. Na primeira etapa do assistente, defina os países como os destinos de soltar. Para selecionar simultaneamente os países, pressione CTRL e clique neles. Clique em Próximo.

    CC3
  7. Na terceira etapa, mapeie os monumentos com seus respectivos países. Arraste a alça no centro da origem para arrastar e solte-a no respectivo destino de soltar. Clique em Concluirpara fechar o assistente.

    CC4
  8. Durante a última etapa do assistente, duas legendas aparecem na cena: Digite o texto de sucesso tipo cena aqui e Digite o texto de falha aqui. Agora, clique nessas legendas para editar as mensagens de feedback que o usuário obtém ao passar ou falhar na avaliação. Você também pode personalizar as propriedades do texto, como cor, tamanho, alinhamento e estilo da fonte.

    Um botão de Enviar também aparece no slide na última etapa do assistente. Dessa forma, o usuário tem que clicar em Enviar para completar a tarefa que lhe foi oferecida.

    CC5
  9. Você pode oferecer mais uma tentativa ao usuário. Vá para Inspetor de propriedades, guia Arrastar e soltar, seção Ações e altere o Nº de tentativas para 3.

    Ao escolher essa opção, você também pode redefinir a interação feita pelo usuário antes da próxima tentativa. Na mesma Seção Ações, selecione Redefinir tudo em Redefinir.

  10. Como alternativa, você pode permitir que os usuários trabalhem de uma maneira mais interativa ao invés de enviar-lhes as respostas.

    1. Selecione o destino de soltar. Vá para Inspetor de propriedades, guia Arrastar e soltar, seção Formatar   e clique no botão Ações dos objetos
    2. A caixa de diálogo Origens para arrastar aceitas é aberta.
    3. Desmarque Aceitar tudo, defina o número de tentativas editando Contagem. Agora verifique a origem para arrastar aceitável do destino de soltar escolhido. De forma semelhante, defina as origens para arrastar aceitáveis dos outros destinos de soltar.
  11. Para ver a interação de arrastar e soltar em ação, clique em Visualizar.

Personalize a interação de arrastar e soltar

Aplicar efeitos às origens para arrastar e aos destinos de soltar

Você pode criar efeitos visuais ao soltar a origem para arrastar no destino de soltar. Para o mesmo, selecione as origens para arrastar, vá para o Inspetor de propriedades, guia Arrastar e soltar, seção Formatar   e selecione a opção Mais zoom ou Brilho.

Da mesma forma, também é possível definir o efeito Mais zoom para o destino de soltar.

Definir uma mensagem de exibição

Você pode exibir mensagens opcionais para a correspondência correta ou incorreta realizada ou dar uma pista ao usuário.

Selecione o destino de soltar, vá para o Inspetor de propriedades, guia Arrastar e soltar e em Exibir, marque a opção Ao aceitar. A legenda de sucesso aparece no slide. Você pode definir a mensagem de sucesso.

De forma semelhante, você pode marcar a opção Ao rejeitar, ou a opção Dica  e definir a mensagem adequada.

Utilização das Propriedades das interações

Você pode optar por enviar a origem para arrastar à sua posição original se o usuário movê-la acidentalmente. Você também pode permitir que o usuário arraste-a novamente se ele não soltá-la no ponto correto. Utilize as Propriedades das interações no painel Opções na guia Arrastar e soltar para encontrar essas ações.

redrag_option

Criar uma interação de arrastar e soltar responsiva

  1. Abra um projeto responsivo.

  2. Insira duas Fluid Boxes verticais a partir da barra de ferramentas. 

  3. Insira três Fluid Boxes horizontais na linha superior e na última linha. 

    cc_responsive_1
  4. Como na seção anterior, adicione ao slide as imagens dos monumentos e países a partir do arquivo zip fornecido.

  5. Ajuste as Fluid Boxes para adequá-las ao redor das imagens individuais.

    cc_responsive_2
  6. Mova o controle deslizante de visualização para ver como as imagens aparecem em tamanhos diferentes. Por exemplo, a imagem abaixo mostra como aparecem em um iPad.

    cc_responsive_3
  7. Inicie o assistente da interação de arrastar e soltar. 

  8. Defina as origens para arrastar, os destinos de soltar e mapeie-os como na seção anterior. Também edite as legendas de feedback de sucesso e falha.

  9. Visualize o projeto.

Utilizar Tipos em uma interação de arrastar e soltar

Você pode usar interações de arrastar e soltar para permitir que os usuários agrupem itens semelhantes a partir de uma coleção de itens. Essa tarefa é obtida usando a opção Tipos. Como exemplo, vamos criar um projeto para separar frutas e legumes.

Drag-and-drop
  1. Abra um projeto em branco.

  2. Adicione um Slide em branco a partir do menu Slides na barra de ferramentas.

  3. Adicione ao slide as imagens das frutas e legumes a partir do arquivo zip fornecido.

    dnd-_fv1
  4. Inicie o assistente da interação de arrastar e soltar.

  5. Na primeira etapa, defina todos os itens de frutas e legumes como origens para arrastar. Ao fazer isso, classifique-os em grupos separados usando Tipos. Você pode realizar esta tarefa em duas fases da seguinte forma:

    1. Selecione todos os itens de fruta simultaneamente. Para nomear esse grupo como Frutas, clique no sinal de + ao lado da opção Adicionar ao tipo na barra de ferramentas do assistente.
    2. De forma semelhante, selecione todos os itens de legumes individuais simultaneamente e crie um tipo chamado Legumes.

    Clique em Próximo.

    DnD-FV3
    DnD-FV4
  6. Selecione as cestas como os destinos de soltar. Clique em Próximo.

    DnD-FV5
  7. Arraste a alça no centro de um dos itens de fruta e aponte-a para a cesta Frutas. Ao arrastar o item, todos os itens de fruta também apontam automaticamente para a cesta de Frutas. Da mesma forma, quando você mapeia um item de legume para a cesta Legumes, todos os outros itens também são mapeados para a cesta. Clique em Concluir.

    DnD-FV6
  8. Defina as mensagens de sucesso e falha. Além disso, adicione uma legenda e nomeie-a como Você tem 3 tentativas

  9. Você pode oferecer mais uma tentativa ao usuário. Vá para Inspetor de propriedades, guia Arrastar e soltar, seção Ações e altere o Nº de tentativas para 3.

    Ao escolher essa opção, você também pode redefinir a interação feita pelo usuário antes da próxima tentativa. Na mesma Seção Ações, selecione Redefinir tudo em Redefinir.

    DnD-FV7
  10. Para ver a interação em ação, clique em Visualizar.

Incluir a interação de arrastar e soltar em um quiz do Adobe Captivate

A interação de arrastar e soltar pode ser incluída em um quiz do Adobe Captivate de modo que junto com as perguntas comuns do quiz, sua interação de arrastar e soltar também possa ser classificada.

Vamos adicionar a interação de arrastar e soltar especificada na primeira seção deste artigo a um quiz.

  1. Abra um projeto em branco.

    Nomeie o título como Iniciar o quiz.

    Além disso, adicione ao slide um botão com o símbolo de início, usando o menu Formas na barra de ferramentas. Vá para a guia Inspetor de propriedades, Propriedades, seção Ações e defina No êxito como Vá para o próximo slide.

  2. Para criar uma interação de arrastar e soltar simples, siga as etapas de 3 a 8 na seção: Crie sua primeira interação de arrastar e soltar

  3. Selecione o slide de arrastar e soltar na Filmstrip. Vá para a guia Inspetor de propriedades, Arrastar e soltar, seção Ações e em Relatório, marque Inserir no quiz. Você pode ver que a opção Adicionar ao total será marcada automaticamente quando a opção Inserir no quiz for marcada.

    Você também pode coletar as respostas dadas pelo usuário em uma sessão e enviá-las a um LMS para publicá-las em um relatório. Para essa opção, em Relatório,  marque Respostas do relatório.

  4. Para mostrar a pontuação aos usuários depois que as respostas forem enviadas:

    1. Vá para o menu Quiz na barra de menus e escolha Preferências do quiz.
    2. A caixa de diálogo Preferências do quiz é aberta. Na caixa de diálogo, no painel Categorias, em Quiz, selecione Configurações.
    3. Marque Mostrar pontuação no final do quiz. Um slide Resultados do quiz será adicionado após o slide da interação de arrastar e soltar.
    dnd_quiz_menu
  5. Remova as legendas de feedback do slide de arrastar e soltar.

  6. Para ver o quiz em ação, visualize o projeto.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online