Criando seus primeiros formulários

Este tutorial mostra como construir formulários usados para coletar a entrada do usuário e, com base nela, executar outras atividades. Para este exemplo, sempre que um usuário acessa o site uipath.com , é exibido um formulário perguntando se ele quer experimentar os produtos da UiPath Free. Se a resposta for sim, a automação criará uma conta para o usuário com base no endereço de email fornecido por ele em outro formulário.

1. Crie um formulário que pergunte ao usuário se ele quer experimentar os produtos da UiPath Free.
   1. Crie um novo arquivo de Formulário e chame-o Want to try uipath for free..
   2. Adicione um componente de Rótulo/Cabeçalho e digite Hey there! no campo Conteúdo .
   3. Adicione um componente de Rádio e defina o Rótulo como Do you want to try UiPath products for free?. Configure dois valores para ele: Yes e No.
   4. Lembre-se do nome da propriedade do componente rádio , porque vamos usá-lo para mapear dados de volta ao fluxo de trabalho. Para este exemplo, o Nome da propriedade é answer.
2. Caso um usuário não queira experimentar produtos da UiPath Free, crie um formulário perguntando ao usuário por que ele não quer isso.
   1. Crie um novo arquivo de Formulário e chame-o Why don't you want to try uipath products for free.
   2. Adicione um componente de Rótulo/Cabeçalho e digite Ok, we respect your decision! no campo Conteúdo .
   3. Adicione um componente Área de Texto e defina o Rótulo como But before you leave, can you tell us why you don't want to try UiPath products for free?.
   4. Se quiser mapear de volta ao fluxo de trabalho o motivo pelo qual um usuário não quis experimentar produtos da UiPath Free, lembre-se do Nome de Propriedade do componente da Área de Texto .
3. Para os usuários que desejam experimentar produtos da UiPath Free, crie um formulário que solicita que eles insiram um endereço de e-mail para criar uma conta.
   1. Crie um novo arquivo de Formulário e chame-o ask for user data.
   2. Adicione um componente de Rótulo/Cabeçalho e digite Time to create a user account and an organziation! no campo Conteúdo .
   3. Adicione um componente de E- mail para garantir que o endereço de e-mail digitado pelo usuário não seja enviado, a menos que esteja em um formato válido. Definir o Rótulo como What's the work email you want to create your account with?
4. Crie o arquivo Principal , que executa todos os gatilhos dentro do seu projeto.
   1. Adicione uma atividade Use Browser/Application e indique o destino como o site www.uipath.com , para abrir o site antes de executar os gatilhos.
   2. Adicione uma atividade Executar Gatilhos Locais para executar todos os gatilhos do projeto ao mesmo tempo.
5. Crie outro fluxo de trabalho chamado uipath website openedpara ver se o usuário quer experimentar os produtos da UiPath Free e agir de acordo com a resposta.
6. Adicione uma atividade Application Event Trigger , indique o destino como o cabeçalho do site da UiPath, Evento como Aparecedo, e o modo de Agendamento como Único.
7. Adicione uma atividade Show Form . Para Selecionar formulário, escolha o formulário Want to try uipath for free .
   1. Na coleção Argumentos , adicione os seguintes argumentos para mapear a resposta de volta ao fluxo de trabalho:

      Chave	Tipo	Direction	Valor
      answer (o Nome de Propriedade do componente de Rádio )	String	Out	answerValue (uma variável para armazenar os dados)
      data.demoValue (o Nome de Propriedade do componente de Rádio )	String	In	demoValue (uma variável para armazenar os dados)

      Observação: se o ID do elemento tiver como prefixo dados, o valor entrará no dicionário de dados do formio. Você pode usá-lo no formio designer com as expressões do formulário {{data.demoValue}}. Você deve definir o argumento data.demoValue vinculação no elemento HTML do arquivo do formulário.
   2. Desabilite Continuar execução do fluxo de trabalho para aguardar a entrada do usuário antes de executar as outras atividades.
8. Adicione uma atividade If e defina a Condição como answerUser.ToString = "yes" (o formato da condição é variable.ToString = "o valor da resposta em que você deseja colocar a condição")
   1. Dentro do bloco Then , adicione uma atividade Use Application/Browser .
   2. Adicione uma atividade Click dentro dela e indique o botão Teste a UiPath Free .
   3. Adicione uma atividade Show Form e selecione o formulário ask for user data para solicitar o endereço de e-mail do usuário.
   4. Dentro do bloco Else , adicione uma atividade Show Form e selecione o formulário why don't you want try uipath products for free para ver por que o usuário não desejava experimentar os produtos da UiPath.

Confira os resultados do tutorial no vídeo abaixo:

Exemplo de fluxo de trabalho

Para seguir as etapas e avaliar o tutorial por conta própria, baixe o projeto de exemplo aqui.