Adição de widgets de entrada às etapas
  • 05 Jan 2024
  • 6 Minutos para Ler
  • Contribuintes

Adição de widgets de entrada às etapas


Article Summary

Insira dados em qualquer etapa usando Input Widgets

Para reduzir o número de etapas e opções de roteamento que um operador deve percorrer, geralmente é mais fácil inserir dados em uma etapa de instruções. Você também pode escrever diretamente nas tabelas Tulip usando Input Widgets.

O artigo a seguir descreve como iniciar um campo de entrada de dados, ou Input Widget, em qualquer etapa do aplicativo.

Criação de um widget para armazenar a entrada do usuário

Selecione a opção Input (Entrada) na barra de ferramentas:

Widget Toolbar.png

Uma vez selecionada, você tem as seguintes opções:

Inputs Dropdown.png

  • Caixa de seleção
  • Texto
  • Arquivo
  • Numérico
  • Seleção única
  • Seleção múltipla
  • Selecionador de data
  • Imagem
  • Assinatura

Seleção de uma fonte de dados

Variável

Escolha uma variável existente ou crie uma nova variável para atribuir ao widget de entrada:

Ao atribuir uma variável à entrada, o valor da entrada pode ser referenciado em todo o aplicativo para criar várias lógicas.

Registro da tabela Tulip

Ao atribuir o widget de input a um registro de tabela Tulip, é possível editar diretamente um registro de tabela. Especifique a coluna do registro da tabela no menu suspenso:

Isso salva automaticamente o valor do widget de entrada no registro da tabela.

Configuração de acionadores

Muitos dos widgets de entrada têm uma opção para configurar um acionador a ser disparado quando ocorrer uma ação. Os tipos de ações e os widgets associados são descritos abaixo.Triggers.png

Tecla Enter

O acionador da tecla Enter segue a lógica de: quando a tecla Enter é pressionada, se as condições forem atendidas, execute uma ação. Essa opção está associada aos widgets de entrada de texto e número.

Alteração de entrada

O acionador Alteração de entrada segue a lógica de: quando a entrada for alterada, se as condições forem atendidas, executar uma ação. Essa opção está associada aos widgets de entrada de caixa de seleção, seleção única, seleção múltipla, selecionador de data e imagem.

Tipos de widgets de entrada

Caixa de seleção

A opção de caixa de seleção fornece uma saída booleana, que pode ser transformada em Sim ou Não marcando ou desmarcando a caixa. Para obter mais informações sobre caixas de seleção, consulte [este artigo aqui](https://support.tulip.co/docs/how-to-use-the-checkbox-widget

Texto

Ao selecionar uma entrada de texto, você pode atribuir o Widget a uma coluna de uma tabela Tulip ou a uma variável. Da mesma forma que a caixa de seleção, uma variável precisa ser atribuída ao Widget de entrada de texto para que os dados possam ser usados posteriormente no aplicativo. Selecione essa variável em uma lista de variáveis de texto ou crie-a em linha no menu suspenso Seleção de variável.

Isso se comporta da mesma forma que uma variável criada em uma entrada de etapa de formulário.

Se quiser aumentar o tamanho do widget de entrada de texto, selecione a opção "Multiple Lines" (Várias linhas) no painel de contexto. Em seguida, você poderá alterar as dimensões para preencher qualquer espaço.

Arquivo

O widget de entrada de arquivo é semelhante à entrada de texto, com a capacidade de atribuir a entrada a uma coluna de uma tabela Tulip ou a uma variável. Uma variável precisa ser atribuída ao File Input Widget para que os dados possam ser usados posteriormente no aplicativo. Selecione essa variável em uma lista de variáveis de arquivo ou crie-a em linha no menu suspenso Seleção de variável.File Input Widget.png

Você pode usar o botão de upload em forma de nuvem para importar um arquivo do seu dispositivo para o widget de entrada ou inserir o URL do arquivo diretamente.

Número

Um widget de entrada de número também é semelhante aos widgets anteriores, pois precisa ser atribuído a uma variável de número para usar adequadamente os dados inseridos. Selecione uma variável existente ou crie uma digitando um nome e selecionando Criar.

Quando você adiciona uma variável, nesse caso, uma opção adicional é revelada.

Na opção Format (Formato), tanto Integer quanto Decimal podem ser selecionados para a exibição das informações. Um tipo Inteiro exibe apenas o número inteiro, enquanto um Decimal exibe até o número de algarismos significativos selecionados. A opção Precisão determina esse número de algarismos a serem exibidos.

Seleção única

Para usar esse Widget da melhor forma possível, certifique-se de que você já entende de matrizes

O Input Widget de seleção única permite que você selecione uma opção de uma lista, com várias configurações avançadas. De forma semelhante a outros Input Widgets, você pode selecionar o tipo de fonte de dados como Registro de tabela Tulip ou Variável:

Uma maneira muito simples de usar isso é atribuir ou criar uma variável de texto no campo Variável e exibi-la como um menu suspenso com valores criados estaticamente. Você pode adicionar opções selecionando "Nova opção" logo abaixo do campo Opções. Uma vez feito isso, a aparência será a seguinte:

Se você alterar o campo Display (Exibir ) para Menu, o widget assumirá a seguinte forma de exibição:

Você também pode listar as opções como partes de uma variável Array.

Nesse método, você pode selecionar todos os componentes da Matriz selecionada. A matriz é a variável selecionada abaixo de Options, e a variável chamada "Teste" armazenará o valor selecionado pelo usuário na lista de opções.

O uso da configuração da variável Array é extremamente eficiente, pois permite que você obtenha opções da matriz existente e também insira novos valores na matriz a ser selecionada. Por exemplo, um botão pode adicionar uma opção a esse widget adicionando um Trigger:

Neste exemplo, o botão adiciona a opção "Something New" (Algo novo) ao widget de entrada de menu ou menu suspenso.

Seleção múltipla

A opção Multiselect segue as mesmas configurações do widget Single Select, com algumas pequenas diferenças de configuração. O widget Multiselect não pode ser atribuído a um registro de tabela Tulip. Além disso, a saída resultante desse widget deve ser uma Matriz de texto, em vez de simplesmente uma variável de texto, como no widget Seleção única.

Isso permite que você selecione várias opções do menu ou do menu suspenso e as envie para uma variável de matriz. A configuração das opções de visualização e seleção é exatamente a mesma das opções do widget Single Select, detalhadas acima. O widget Multiselect será exibido como abaixo.

Seletor de data

Uma vez selecionado, escolha ou crie uma variável Datetime para associar ao widget ou a uma coluna de uma tabela Tulip. Se você escolher Registro de tabela Tulip como fonte de dados, a entrada será gravada diretamente na tabela. Se você escolher Variável como fonte de dados, a saída do Datetime selecionado será armazenada na variável fornecida.

O widget permite que o Datetime seja selecionado pelo usuário em um aplicativo em uma etapa normal. A interface tem a seguinte aparência no Player:

Imagem

O widget Image permite que o operador tire uma imagem na etapa ou carregue uma imagem do armazenamento local. Esse widget precisa de uma variável de tipo de dados URL de imagem para armazenar a imagem obtida em uma variável apropriada.

Ao selecionar uma fonte de dados de registro de tabela de tulipas, é possível salvar a imagem diretamente em uma tabela de tulipas. Observe que a relação de aspecto também pode ser ajustada no painel de contexto desse widget.

No Player, os usuários também podem "inverter" e "girar" a exibição ao vivo da câmera.

Assinatura

O widget Signature Input (Entrada de assinatura) pode ser usado para exigir que um operador assine e valide dados em uma variável, campos em um registro de tabela ou ambos.Signature Input Widget.png

Os dados a serem validados pela assinatura precisam ser definidos e o widget de entrada também inclui outras opções de configuração, como designar um signatário, adicionar uma descrição do significado da assinatura e exigir um comentário, conforme necessário.


Encontrou o que estava procurando?

Você também pode acessar community.tulip.co para postar sua pergunta ou ver se outras pessoas tiveram uma pergunta semelhante!


Este artigo foi útil?