Abra um projeto em branco e adicione um slide de conteúdo.
As ações avançadas permitem realizar algumas tarefas complexas e fluxos de trabalho no projeto Captivate quando um evento for acionado ou quando determinadas condições forem atendidas.
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:
Antes de explicar as ações avançadas, vejamos alguns conceitos básicos úteis para entender quais ações avançadas são abordadas.
O que são literais?
Literais são valores fixos. Um literal pode ser um valor alfanumérico, ou pode ser um número. Por exemplo, na prática, João, Sara, 100 são literais porque são valores fixos.
E, para um literal de string, como “João”, se você a usa com qualquer função na programação convencional, o valor do literal muda. Se quiser inverter o literal acima, use “João”.reverse().
O que são variáveis?
Variáveis são entidades cujos valores podem ser alterados. Por exemplo, na prática, se a 'cor' for considerada uma variável, vermelho, azul e verde serão alguns dos valores associados logicamente a essa variável. Assim, as variáveis podem ser consideradas como espaços reservados para valores diferentes.
Variáveis de sistema e variáveis de usuário
No Captivate, as variáveis podem ser classificadas em variáveis de sistema e variáveis de usuário. Confira a seguir uma breve descrição delas.
Variáveis de sistema
Variáveis de sistema são variáveis pré-definidas no Captivate.
Por exemplo,
- cpInfoCurrentDate é uma variável de sistema que mostra a data atual definida no computador do usuário.
- cpInfoAuthor retorna o nome do autor conforme especificado nas propriedades do projeto (Arquivo > Informações do projeto).
Variáveis de usuário
As variáveis de usuário são definidas pelo usuário. Essas variáveis também podem ser feitas para aceitar um conjunto de valores e rejeitam as outras entradas.
Por exemplo, você pode definir uma variável 'fruta' para aceitar frutas como valores. Você também pode restringir os valores aceitos pela variável 'fruta' especificando que as entradas sejam maçãs, laranjas, uvas ou bananas. Isso ajuda ao coletar os valores do seu interesse na variável.
Quando você adiciona uma Caixa de entrada de texto ao slide, o Captivate atribui automaticamente uma variável a ela.
Para saber mais sobre variáveis, consulte o artigo Variáveis do Adobe Captivate.
Criação de variáveis de usuário
Você pode criar variáveis de usuário em seu projeto Captivate escolhendo Variáveis no menu Projeto. Isso abre a caixa de diálogo Variáveis. Para criar uma nova variável de usuário, clique para abrir Adicionar novo à direita da caixa suspensa Tipo. Recomenda-se nomear as variáveis de uma maneira que ajude você a identificar mais tarde sua função. Você também pode inserir um valor inicial para a variável no campo Valor.
No Captivate, as variáveis de sistema não podem ser modificadas ou excluídas e os nomes das variáveis de usuário não podem ser alterados depois de criados.
Regras e convenções para nomear variáveis
O nome que você atribui a uma variável de usuário não deve estar em conflito com as funções internas do Captivate, palavras-chave reservadas, as variáveis de sistema expostas ou outras variáveis ocultas.
Há algumas convenções para nomear uma variável. São as seguintes:
- Não comece o nome com um espaço em branco ou um dígito.
Exemplo: nomear variáveis como 1Nome ou _Nome não é uma prática ruim.
- Não use nenhuma palavra-chave reservada.
Por exemplo, evite usar palavras-chave como: class, while, case, float.
- Usar nomes de variáveis únicas.
Exemplo: MinhaVar1, MinhaVar2
- Use nomes intuitivos para uma variável.
Exemplo: Entrada_Nome, Exibição_Ensino
- Sempre adicione descrições a uma variável.
Exemplo: A variável Entrada_Nome aceita o nome inserido pelos candidatos.
Para ver uma lista de palavras-chave reservadas no Captivate, consulte o artigo Como criar variáveis definidas pelo usuário no Adobe Captivate.
Ações avançadas
Uma Ação avançada permite realizar uma ação quando um evento for acionado ou quando uma condição ou conjunto de condições for atendido.
Interface de usuário das Ações avançadas
Para abrir as ações avançadas, vá para o menu Projeto, Ações avançadas. Você verá a interface de usuário mostrada abaixo.
Rótulo | Descrição |
---|---|
1 | Nome da ação. |
2 | Ativar esta caixa de seleção para tornar a ação condicional. |
3 | Itens de ação. |
4 | Escolher uma ação existente. |
5 | Visualizar a estrutura da ação. |
6 | Criar uma ação. |
7 | Importar uma ação compartilhada. |
8 | Exportar uma ação compartilhada. |
9 | Excluir uma ação. |
10 | Duplicar uma ação. |
11 | Adicione um item de ação. |
12 | Excluir um item de ação. |
13 | Copiar um item de ação. |
14 | Recortar |
15 | Colar |
16 | Inserir |
17 | Mover para cima. |
18 | Mover para baixo. |
19 | Grupo de decisões. |
20 | Adicionar uma decisão. |
21 | Remover uma decisão. |
22 | Duplicar uma decisão. |
Ações padrão
As ações padrão permitem que você execute uma ação quando um evento é acionado.
Projeto de exemplo para dar as boas-vindas aos candidatos no curso
Como exemplo, implemente uma ação padrão para dar as boas-vindas aos usuários quando eles digitarem o nome deles no curso que você criar.
-
-
Adicione uma caixa de entrada de texto e uma legenda no menu Texto.
-
Exclua o botão Enviar que se abre junto com a caixa de entrada de texto e adicione um botão padrão. Esse procedimento é realizado porque o botão que vem junto com a caixa de entrada de texto não pode ser ocultado do slide durante o tempo de execução. Renomeie o botão padrão adicionado como Enviar.
-
Edite a legenda como Digite seu nome na caixa abaixo e pressione Enter para iniciar o curso.
-
Selecione a caixa de entrada de texto, vá para o Inspetor de propriedades, guia Propriedades, seção Estilo e clique no ícone [X] na Variável para abrir a caixa de diálogo Nome da variável.
Propriedades da caixa de entrada de texto Propriedades da caixa de entrada de texto -
Na caixa de diálogo Nome da variável, insira o nome da variável como Nome_Candidato. Você não está criando apenas uma variável, mas também está associando a variável à caixa de entrada de texto ao realizar essa etapa.
-
Adicione duas legendas ao slide no menu Texto. Torne ambas as legendas invisíveis na saída usando o ícone de olho à esquerda do nome da legenda na guia Propriedades do Inspetor de propriedades.
Renomeie uma dessas legendas como Bem-vindo ao curso,
-
A segunda legenda adicionada ao slide na etapa anterior será usada para chamar a variável Nome_Candidato para exibir o nome inserido pelo usuário. Clique na legenda para ativar o botão Inserir variável [X] no Inspetor de propriedade, guia Propriedades, seção Caractere em Estilo.
Na caixa de diálogo Inserir variável, selecione a variável Nome_Candidatona lista suspensa Variáveis.
Quando você executar esta etapa, a legenda padrão muda para $$Nome_Candidato$$ para indicar que a variável Nome_Candidato é chamada a partir dessa legenda.
Observação:Você também pode chamar a variável diretamente alterando o texto da legenda para o nome da variável e colocando-o entre $$. Mas a melhor prática para chamar a variável é clicar no ícone [X] e abrir a caixa de diálogo Inserir variável, pois isso permite controlar o comprimento máximo do valor da variável a ser exibido.
-
Selecione a caixa de entrada de texto adicionada na etapa 2, vá para o Inspetor de propriedades, guia Propriedade, seção Ações e, na lista suspensa No êxito, selecione Executar ações avançadas.
-
Clique no ícone de pasta na lista suspensa Script, abaixo de No êxito, para abrir a caixa de diálogo Ações avançadas. Insira as ações na imagem abaixo clicando nas linhas da caixa de diálogo e digite o Nome da ação como AçãoAvç_Mostrar_Nome.
Ações padrão Ações padrão -
Para exibir esse projeto em ação, execute uma visualização.
Ações condicionais
As ações condicionais, como o nome sugere, são executadas somente quando uma condição ou um conjunto de condições é atendido.
Marque a Guia condicional na caixa de diálogo Ações avançadas para definir a condição e a ação correspondente.
Lógica if...else
A lógica if...else é:
- Se (if) uma condição ou conjunto de condições for atendido, execute uma ação.
- else (se a condição ou as condições não forem atendidas), execute outra ação.
Por exemplo, você pode configurar uma ação condicional para exibir uma legenda para dar as boas-vindas a um candidato se ele tiver mais de 15 anos e exibir uma legenda de denegando a entrada.
Lógica while
A lógica while é um loop condicional que avalia uma condição no começo de uma declaração e continua o loop de um conjunto de ações até que a condição ou conjunto de condições seja verdadeiro ou falso.
Por exemplo, você pode definir um critério de uma qualificação do curso de e-learning que, quando o candidato for formado e sua experiência for maior ou igual a 5 anos, aceite o candidato.
Exemplo 1 - Projeto para compartilhar fatos sobre planetas no sistema solar
Esse projeto implementa ações condicionais para compartilhar algumas informações interessantes sobre os planetas no nosso sistema solar.
-
Abra um projeto em branco e adicione nove slides de conteúdo. Exclua o slide de título padrão.
-
Adicione três legendas e uma caixa de entrada de texto ao primeiro slide de conteúdo.
- Renomeie as três legendas como Conheça seus planetas, Insira o nome de um planeta abaixo para obter algumas informações interessante e Verifique a ortografia e tente novamente! respectivamente.
- Torne a legenda Verificar ortografia/maiúsculas e minúsculas e tente novamente! invisível durante o tempo de execução usando o ícone de olho próximo ao seu nome na guia Propriedades do Inspetor de propriedades.
- Selecione a caixa de entrada de texto, vá para o Inspetor de propriedades, guia Propriedades, seção Estilo e desmarque a seleção de Manter o texto.
- Além disso, clique em Mais opções abaixo de Manter o texto e selecione Permitir todos.
- Clique no ícone [X] em Variável e crie uma variável denominada Entrada_Planeta para fins de legibilidade.
- Além disso, adicione a imagem do sistema solar ao slide que você tem.
- Redimensione e reoriente os elementos. Você também pode formatar as legendas por questões de apelo visual (consulte a imagem abaixo).
Sistema solar Sistema solar -
No segundo slide, adicione um retângulo do menu Formas, uma legenda do menu Texto e um botão do menu Interações.
- Altere a opacidade do retângulo para 0%. Para alterá-la, vá para o Inspetor de propriedades, guia Propriedades, seção Estilo, Preencher.
- Aumente o retângulo em uma borda do slide.
- Mova o botão para o canto superior direito da borda. Esse botão irá atuar como botão de fechar.
- Altere a legenda do botão para X para indicar o símbolo de fechamento. Para alterá-la, vá para o Inspetor de propriedades, guia Propriedades, seção Estilo, Legenda.
- Além disso, para o botão, na seção Ações da guia Propriedades, selecione No êxito como Ir para o slide e o Slide como 1 slide 1.
- Adicione ao slide a imagem de Mercúrio que lhe foi oferecida.
- Adicione à legenda os fatos sobre o planeta Mercúrio a partir do documento Planets.docx que lhe foi oferecido.
- Renomeie a imagem como Imagem_Mercúrio, a legenda como Texto_Mercúrio e a borda do retângulo como Borda_Mercúrio para fins de legibilidade.
- Alinhe todos os elementos que você adicionou ao slide. (Veja a imagem abaixo).
- Selecione esse slide na Filmstrip e, no Inspetor de propriedades, guia Propriedades, seção Ações, escolha Ao entrar como Ocultar barra de reprodução.
Slide de Mercúrio Slide de Mercúrio -
Repita a etapa 3 para adicionar um planeta a cada um dos slides restantes. No projeto de amostra fornecido, os planetas foram adicionados na ordem de acordo com a distância do sol. Certifique-se de renomear os elementos adicionados ao slide adequadamente.
-
Crie uma condição que, se os usuários inserirem um nome de planeta, eles serão levados ao slide que contém as informações do planeta. E se inserirem a ortografia incorretamente ou o nome não tiver inicial maiúscula, uma mensagem de erro será exibida.
Para conseguir essa lógica, é necessário configurar uma ação avançada na caixa de entrada de texto adicionada ao primeiro slide.
- Vá para o primeiro slide e selecione a caixa de entrada de texto.
- No Inspetor de propriedades, guia Propriedades, seção Ações, selecione No êxito como Executar ações avançadas.
- Na lista suspensa Script , abaixo de Executar ações avançadas, clique no ícone da pasta. A caixa de diálogo Ações avançadas é aberta.
- Na caixa de diálogo Ações avançadas, marque a Guia condicional.
- Insira a condição IF e a ação correspondente. Nesse caso, se o usuário inserir Mercúrio, ele salta para o segundo slide. (Consulte a primeira imagem abaixo nesta etapa)
- Da mesma forma, configure a condição e as ações correspondentes para os outros planetas em guias separadas de Sem título-1 a Sem título-8. Por padrão, apenas três guias estão presentes, portanto, adicione manualmente mais guias.
- Na nona guia, digite a condição para exibir a mensagem de erro. A lógica é que, se nenhum dos nomes de planeta forem inseridos corretamente ou se o nome não for iniciado com letra maiúscula, um erro será exibido. Além disso, adicione uma segunda ação a essa guia para saltar para o slide 1: Isso atualiza automaticamente o botão Enviar durante o tempo de execução. (Consulte a segunda imagem abaixo nesta etapa).
Ações condicionais (Interface 1) Ações condicionais (Interface 1) Ações condicionais (Interface 2) Ações condicionais (Interface 2) -
Selecione o primeiro slide na Filmstrip, vá para o Inspetor de propriedades, guia Propriedades, seção Ações e selecione Ao entrar como Ocultar. Na lista suspensa Ocultar, selecione a legenda que contém a mensagem de erro. Ao fazer isso, a mensagem de erro é removida quando o usuário digita o primeiro slide para explorar mais planetas, após uma sequência de tentativas falhas e bem-sucedidas.
-
Para ver o projeto no tempo de execução, visualize o projeto.
Exemplo 2
Neste exemplo, ao clicar em um botão, um objeto desaparece e aparece novamente quando você clica no botão novamente.
Siga as etapas a seguir:
-
Declare uma variável minhaVar com valor igual a 0.
-
Crie uma ação avançada B1 na qual:
-
Se (if) o valor de minhaVar for igual a 0
-
Então (then) oculte o objeto e (and) atribua o valor de minhaVar a 1.
-
Também (else) mostre o objeto e atribua o valor de minhaVar a 0.
-
Salve a ação e visualize o projeto. Você pode ver que, ao clicar no botão, o objeto desaparece e aparece novamente quando você clica no botão outra vez.
-
Ações avançadas usando JavaScript
Neste exemplo, ao clicar em um botão, uma ação avançada que contém uma parte do código JavaScript executa a produção do resultado desejado.
Abra a caixa de diálogo Ações avançadas e atribua Executar JavaScript como ação e grave o seguinte fragmento na Janela_Script para obter o quadro atual do filme:
alerta(window.cpAPIInterface.getCurrentFrame());
Ao visualizar a ação avançada acima em um navegador, você vê o seguinte resultado.
Para obter mais informações, consulte Interface comum do JavaScript do Captivate.
Ações compartilhadas
Se quiser usar uma ação avançada em outras partes do mesmo projeto ou em um projeto diferente, você poderá salvá-la como uma ação compartilhada.
Por exemplo, como autor do e-learning, você tem que usar repetidamente uma ação avançada para dar as boas-vindas aos candidatos nos cursos que você cria. Vamos salvar a ação avançada criada na seção Ações padrão como uma ação compartilhada e abri-la em um novo projeto.
-
Abra o projeto criado na seção Ações padrão.
-
Abra a caixa de diálogo Ações avançadas e abra a ação existente AçãoAvç_Mostrar_Nome.
-
Salve-a como ação compartilhada clicando no botão Salvar como ação compartilhada na parte inferior da caixa de diálogo. A caixa de diálogo Salvar como ação compartilhada é aberta.
-
Na caixa de diálogo, nomeie essa ação compartilhada como AçãoComp_Mostrar_Nome. Você pode ver que todos os elementos envolvidos em AçãoAvç_Mostrar_Nome são mostrados em Valores de parâmetros. Digite uma descrição para cada parâmetro para identificar sua função. A descrição é importante para entender a finalidade desses parâmetros quando você os utilizar depois. Além disso, forneça uma descrição para a ação compartilhada. Salve a ação (consulte a imagem abaixo).
Salvar como ação compartilhada Salvar como ação compartilhada -
Na caixa de diálogo Ações avançadas, clique no ícone Exportar no canto superior direito (consulte a imagem abaixo). Isso abre a caixa de diálogo para que você salve a ação como um arquivo no seu dispositivo.
Ícone Exportar Ícone Exportar -
Abra um projeto vazio, vá para o menu Projeto e abra Ações avançadas.
-
Clique no ícone Importar na parte superior direita da caixa de diálogo Ações avançadas. Procure e localize o arquivo Ação compartilhada salvo e importe-o.
Ícone Importar Ícone Importar -
Repita as etapas de 1 a 8 da seção Ações padrão e personalize os nomes dos elementos adicionados.
-
Selecione a Caixa de entrada de texto e vá para Ações na guia Propriedades do Inspetor de propriedades. Selecione No êxito como Executar ação compartilhada. Existe um ícone {P} nessa opção. Clique nesse ícone para abrir a caixa de diálogo Parâmetros das ações compartilhadas.
Parâmetros de ação compartilhada (não preenchido) Parâmetros de ação compartilhada (não preenchido) -
Forneça valores de parâmetro aos parâmetros importados. Os valores dos parâmetros a serem inseridos são os elementos que você adicionou ao novo projeto. Ao fazer isso, você está associando os elementos do projeto à ação compartilhada.
Parâmetros de ação compartilhada (não preenchido) Parâmetros de ação compartilhada (não preenchido) -
Para ver a ação compartilhada no tempo de execução, visualize o projeto.
Para obter mais informações sobre as ações avançadas, consulte o artigo Ações avançadas no Adobe Captivate.