Bem-vindo ao Central de Ajuda da Albato

Exemplo de Uso da Ferramenta Branching e Como Configurar a Nova Interface Canvas da Albato


NESTE ARTIGO

Neste conteúdo, você conhecerá um pouco mais sobre o funcionamento da nova ferramenta chamada Branching. Além disso, aprenda também como trabalhar na nova interface da Albato (Canvas).

Criaremos juntos uma automação, usando esta interface e o novo recurso já disponível.

Esta automação de teste irá viabilizar a atualização de uma planilha no Excel, a partir do envio de formulários. Dependendo dos dados preenchidos neste formulário, a informação coletada será salva em uma determinada aba da planilha.

Além disso, na planilha haverá um modelo (formulário), onde o preenchimento não será a partir da linha em sequência e pode ocorrer em qualquer ordem. Por exemplo, primeiro preencher a linha 13 e assim por diante e em qualquer coluna.

Aqui está um exemplo de formulário que criamos no serviço Jotform, onde o campo de nome é um campo de formato de lista suspensa, seguido de campos gerais, um campo de data selecionada da partir de um calendário e um campo de observações:

Formulário no Jotform

Os dados serão transferidos para um modelo de tabela onde o primeiro dia do mês está na linha 13 e coluna C, e os dados também serão distribuídos por mês (cada um em uma aba).

Para o exemplo, criamos uma:

Modelo de tabela no Excel

Antes de criar a automação, certifique-se de que ambos os aplicativos estão conectados ao Albato. Caso tenha alguma dúvida sobre essa etapa, veja os artigos a seguir:

Como connectar Jotform a Albato Como connectar Excel a Albato

Uma vez que você tenha conectado os aplicativos necessários, vamos começar a criar a automação. Vá até a aba de automações e clique em Criar nova automação.

Criar nova automação

Como mencionamos anteriormente, trabalharemos na nova interface chamada Canvas. Para isso, clique aqui:

Alternar para Canvas

A interface irá mudar sua aparência.

Clique no botão Adicionar gatilho:

Adicionar gatilho

Na nova tela que irá abrir, selecione o serviço Jotform e o configure dessa forma:

Configuração do Jotform

Clique em continuar e em seguida em Pular o teste:

Pular o teste

Fluxo após adicionar o gatilho

Em seguida, precisamos calcular o número da linha que iremos preencher ao receber dados do gatilho. Como temos um calendário, a linha do primeiro dia será = 12 linhas vazias na frente + o dia atual do mês, o qual o formulário foi preenchido.

A maneira mais conveniente de fazer essa operação é executar um código Java.

Para isso, adicione código Java clicando aqui:

Adicionar código Java

Em seguida, selecione JavaScript:

Selecionar JavaScript

Configure a ferramenta da seguinte maneira, adicionando os campos de dados de entrada e saída conforme aparecem na imagem:

Configurar campos de entrada e saída

Clique no campo de data para alterar o formato da data para a visualização d-m-Y.

Alterar formato da data

Inserir o código JavaScript

function mapDateToValue(dateStr) { const match = dateStr.match(/^(\d{2})-(\d{2})-(\d{4})$/); const day = parseInt(match[1], 10); const mon = match[2]; const yer = match[3]; const row = day + 12; return { row, mon, yer }; } const { row, mon, yer } = mapDateToValue(date);

Veja como ficará a automação até aqui:

Gatilho e JavaScript no fluxo

Em seguida, adicionaremos a ferramenta Branching para fazer com que os dados sejam direcionados para a aba correta do documento, dependendo da data recebida pelo formulário (SET, OUT, NOV, DEZ).

Selecionar a ferramenta Branching

Adicionar o Branching ao fluxo

Adicione o Branching, mas ainda não defina a condição. Apenas nomeie e salve.

Nomear o branch

Veja que já temos o primeiro branch.

Agora vamos definir uma condição e personalizar como a automação funcionará neste branch.

A condição será o número do mês (mon), que temos após a execução do código Java.

Primeiro branch no fluxo

Definir a condição do mês

Em seguida, criamos ações que acontecerão se a condição for cumprida. No nosso caso, será adicionar dados à tabela na aba SET, porque na condição temos mês 9.

Adicionar uma ação dentro do branch

Adicione uma etapa de ação para transferir dados para a tabela correta:

Selecionar a ação do Excel

Configure o mapeamento de campos.

Certifique-se de especificar o número da linha onde os dados devem ser inseridos. Calculamos o número anteriormente na etapa do código Java, ou seja, use o resultado nessa etapa:

Mapeamento de campos no Excel

Depois, precisamos copiar e alterar as configurações para outros meses.

Para facilitar, copiaremos os branches:

Copiar branch

Vamos renomear e alterar as configurações para outubro (10):

Branch copiado

Alterar condição para outubro

Não se esqueça de alterar a aba em que iremos guardar os dados na etapa do Excel:

Alterar aba no Excel

Selecionar a aba correta

Repita a ação de copiar e alterar a condição de redirecionamento, bem como a aba nas tabelas conforme o mês. No final, a automação ficará assim:

Fluxo final da automação

Agora basta apenas iniciar a automação (Executar) e fazer um teste preenchendo o formulário diretamente no Jotform!

Executar a automação

Isso respondeu à sua pergunta?