Saiba mais sobre os widgets de arrastar e soltar, nos quais os alunos arrastam objetos de um local e os soltam em áreas de destino específicas para concluir uma atividade ou resolver um problema.
O Adobe Captivate introduz blocos de conteúdo, como texto ou blocos de imagem, que contêm componentes como texto, imagem ou botão. Reproduza este vídeo para saber mais sobre blocos e componentes de conteúdo.
Um widget de arrastar e soltar no novo Adobe Captivate permite que os alunos participem ativamente do aprendizado e apliquem seus conhecimentos ou habilidades de resolução de problemas. Você pode usar o widget para várias finalidades, como correspondência de itens relacionados, etapas de sequência ou categorização de informações. A funcionalidade básica de um widget de arrastar e soltar envolve o seguinte:
Selecione Adicionar novo widget > Arrastar e soltar na barra de ferramentas esquerda.
No slide, os espaços reservados acima são os destinos de soltar. Os espaços reservados na parte inferior são os objetos de arrastar.
Adicione uma opção de design, adicione ou remova o título no widget, defina o número de destinos de soltar e arraste os objetos de origem, crie associações de arrastar e soltar e muito mais.
No painel Propriedades visuais, selecione uma opção de design. Uma opção de design apresenta layouts pré-configurados com elementos de design mais limpos a serem aplicados ao widget.
Para mais informações, consulte Opções de design no Adobe Captivate.
Na seção Componentes, é possível alterar o seguinte:
É possível alinhar os componentes na seção Componentes. Passe o mouse sobre um componente e selecione qualquer opção (Alinhar à esquerda, Alinhar ao centro ou Alinhar à direita).
Na seção Conexões, clique em Configurar para definir as correspondências corretas entre os objetos de soltar de origem e de destino.
Selecione o destino correto na lista suspensa Destino de soltar para cada objeto no grupo Objetos de arrastar.
Após mapear as conexões, selecione o número de tentativas que um aluno consegue para corresponder os objetos com os destinos. Você pode escolher entre uma única tentativa, várias tentativas, personalizadas ou ilimitadas na lista suspensa Tentativas.
Na seção Aparência, você pode alterar as configurações de cor no nível do widget.Adicione a cor do plano de fundo do widget, uma borda e aplique uma sombra à borda. Ao adicionar um plano de fundo, você pode selecionar uma cor sólida, gradiente linear ou radial, ou adicionar uma imagem como plano de fundo.
Se você selecionou Arrastar cartão na seção Componentes, você pode alterar a aparência do cartão na seção Cartão.Aumente ou diminua o preenchimento em torno dos objetos de arrastar, adicione um raio a um ou quatro cantos do cartão, adicione uma borda e aplique uma sombra à borda do cartão.
Adicione e personalize as legendas nos destinos de soltar.
Selecione Legenda 1 no componente de texto de um destino de soltar.
Insira o texto da legenda selecionada para o destino de soltar.
No painel Propriedades visuais, altere as propriedades da legenda. Adicione uma predefinição, altere a fonte ou adicione cor ou sombra ao texto.
Para mais informações, consulte Trabalhar com texto no Adobe Captivate.
Repita as etapas de 1 a 4 para alterar a legenda no restante dos destinos de soltar.
Altere o estado, a forma e a aparência de um destino de soltar.
Selecione um destino de soltar no widget.
Na seção Estados do painel Propriedades visuais, clique em Mostrar para iniciar o submenu Estados. Configure os estados do destino de soltar, Passar o mouse, Arrastar e Soltar.
Na seção Aparência do painel Propriedades Visuais, você pode alterar a forma do destino de soltar. Selecione uma forma circular ou retangular para o destino.
Adicione cor e sombras, e aplique uma borda. Selecione uma das maiúsculas (Extremidade, Redondo ou Projetado) ao aplicar uma borda.
Altere os estados de um destino de soltar no menu suspenso Estados.
Selecione um destino de soltar no painel.
No painel Propriedades Visuais, clique em Mostrar no painel Estados para iniciar o menu suspenso Estados.
No menu suspenso Estados, configure os estados da origem de arrastar. Os estados disponíveis são Passar o mouse, Arrastar e Soltar.
No menu suspenso Estados, configure os estados dos destinos de soltar. Os estados disponíveis são
Altere os estados de uma origem de arrastar no menu suspenso Estados.
Selecione uma origem de arrastar no painel.
No painel Propriedades Visuais, clique em Mostrar no painel Estados para iniciar o menu suspenso Estados.
No menu suspenso Estados, configure os estados da origem de arrastar. Os estados disponíveis são
Selecione o componente de origem de arrastar no widget.
Na seção Componentes, marque a caixa de seleção Instruções para exibir as instruções no painel Propriedades visuais.
Mova os Objetos de arrastar para aumentar ou diminuir o número de origens de arrastar.
Marque a caixa de seleção Arrastar cartão para inserir um contêiner de cartão ao redor das origens de arrastar.
Altere as propriedades visuais das origens de arrastar, por exemplo, se você deseja texto ou imagem, ou ambos em uma origem de arrastar, ou adicione uma imagem em uma origem de arrastar.
Selecione a origem de arrastar no widget.
No painel Propriedades visuais, selecione a opção Tipo de objeto para exibir como:
Somente imagens: se você selecionar essa opção, as origens de arrastar conterão apenas imagens.
Somente texto: se você selecionar essa opção, as origens de arrastar conterão apenas texto. Se quiser editar o texto, selecione-o e, no painel Propriedades visuais, altere a aparência do texto. Para mais informações, consulte Trabalhar com texto no Adobe Captivate.
Imagens e texto: se você selecionar essa opção, ela exibirá imagens e texto nas origens de arrastar. Se quiser editar o texto, selecione-o e, no painel Propriedades visuais, altere a aparência do texto. Para mais informações, consulte Trabalhar com texto no Adobe Captivate.
Para qualquer objeto de origem de arrastar, você também pode substituir a imagem.Selecione o espaço reservado da imagem e substitua a imagem padrão por uma imagem em Ativos no seu computador. Para mais informações sobre como trabalhar com imagens, consulte Imagens no Adobe Captivate.
Após substituir as imagens, selecione o contêiner da origem de arrastar.
Selecione Preenchimento ou Ajustar.
A opção Ajustar redimensiona a imagem para ajustá-la aos limites do contêiner, enquanto a opção Preenchimento expande a imagem para preencher todo o contêiner.
Adicione a cor do plano de fundo do contêiner de arrastar e uma borda na seção Aparência, e aplique uma sombra à borda. Você também pode selecionar uma cor sólida, um gradiente linear ou radial, ou adicionar uma imagem como plano de fundo. Você pode adicionar preenchimento entre o objeto no container.
Você também pode fazer com que os cantos de uma borda sejam arredondados especificando o raio de um canto ou de todos os cantos.
Os botões de navegação do slide (esquerdo e direito) no widget permitem que um aluno vá para o próximo slide ou para o slide anterior do projeto.
Selecione um botão de navegação no widget.
No painel Propriedades visuais na barra de ferramentas direita, mova o controle deslizante de Opacidade para aumentar ou diminuir a transparência do botão.
Selecione qualquer opção de design. Uma opção de design apresenta layouts pré-configurados com elementos de design mais limpos a serem aplicados ao botão.
Para mais informações, consulte Opções de design no Adobe Captivate.
No seção Estados, clique em Mostrar para iniciar o submenu Estados. Configure os estados inerentes do botão, Passar o mouse, Visitado, Selecionado e Desativado. Se algum estado estiver desativado, clique com o botão direito do mouse no estado e selecione Ativar.
Na seção Aparência, na guia Forma, adicione cor e sombras e aplique uma borda ao botão. Selecione uma das maiúsculas (Extremidade, Redondo ou Projetado) ao aplicar uma borda.
Se você selecionou um design que contém texto ou ativou a alternância de texto, as propriedades de personalização do texto são exibidas. Altere a família de fontes, a cor e outras propriedades na guia Texto. O botão é rotulado como Próximo.
Para mais informações, consulte Trabalhar com texto no Adobe Captivate.
Na guia Ícone, ative a opção Ícone.
Se você selecionar essa opção, um ícone será adicionado ao botão rotulado como Próximo. Você pode alterar o ícone clicando no ícone de pasta e alterando o ícone de Ativos ou do seu computador.
Marque a caixa de seleção Cor sólida e adicione a cor do ícone. Para adicionar uma borda ao ícone, selecione a caixa de seleção Borda e aplique uma borda. Altere a largura da borda e especifique a borda e maiúsculas (Extremidade, Redondo ou Projetado).
Selecione o tamanho do ícone como Pequeno, Médio ou Grande. Em seguida, selecione a posição do ícone no botão. Selecione uma das seguintes opções:
A configuração de posição do ícone só funciona quando há uma combinação de texto e ícone no botão de navegação.
Selecione o deslocamento do ícone relativo ao botão. Selecione Padrão, Confortável ou Compacto. O deslocamento adiciona espaço entre o ícone e a borda do botão.
No ícone Virar, selecione Virar horizontalmente ou Virar verticalmente, de modo que, quando um aluno clica no ícone, o ícone vire no modo selecionado.
