Como usar o "modelo de interface do usuário" das instruções de trabalho
  • 04 Nov 2023
  • 3 Minutos para Ler
  • Contribuintes

Como usar o "modelo de interface do usuário" das instruções de trabalho


Resumo do artigo

Como usar o "modelo de interface do usuário" das instruções de trabalho

Veja como começar a criar rapidamente instruções de trabalho com um modelo de interface do usuário.

Neste artigo, você aprenderá...

  • Como criar rapidamente instruções de trabalho usando um modelo de interface do usuário
  • Como usar um design pré-criado para criar um aplicativo bonito

Observação: este tópico é apresentado no curso "Crie um aplicativo básico de instruções de trabalho" na Tulip University.

Toda nova conta da Tulip inclui uma pasta chamada "UI Templates", que contém um aplicativo chamado "Work Instructions UI Template".

Esse não é um exemplo de um aplicativo real de operações de linha de frente. Em vez disso, ele fornece modelos de três etapas que você pode duplicar rapidamente e adicionar seu próprio conteúdo.

Isso permite que você gaste toda a sua energia na migração de conteúdo para o Tulip, em vez de projetar um aplicativo de instruções de trabalho do zero.

Veja a seguir como usar esse modelo para criar seu primeiro aplicativo de instruções de trabalho.

Antes de criar um aplicativo, talvez você queira usar este guia para planejar seu primeiro aplicativo de operações de linha de frente

Visão geral do modelo de IU de instruções de trabalho

O modelo inclui três etapas:

  1. Uma etapa normal que corresponde a uma etapa em suas instruções de trabalho
  2. Uma etapa "Complete" que permite que o operador conclua o aplicativo e salve os dados
  3. Uma etapa de formulário que permite que o operador relate defeitos.

Esta é a aparência da primeira etapa:

Com essas três etapas, você pode criar uma versão simples de suas instruções de trabalho e, em seguida, melhorar seu aplicativo à medida que aprende mais sobre o Tulip.

Duplicação de modelos de etapas

Para usar o modelo, você deve duplicar a primeira etapa usando o ícone "Duplicate Step" (Duplicar etapa) no painel de contexto no lado direito da tela.

Duplique essa etapa para cada etapa em suas instruções de trabalho.

Adição de conteúdo

Para adicionar imagens e texto a cada etapa, você pode usar CTRL + V ou CMD + V em um Mac para colar imagens e texto da área de transferência.

Conclusão do aplicativo

A última etapa das instruções de trabalho deve ser a "Etapa completa". Isso inclui um botão "Complete" (Concluir), que salva dados sobre os tempos de ciclo, bem como o tempo gasto em cada etapa individual.

Relato de um defeito

O "Relatório de Defeito" é uma etapa de formulário com 4 widgets padrão:

  • Descrição do defeito (texto)
  • Tipo de defeito (lista suspensa)
  • O defeito é reparável? (booleano)
  • Foto do defeito (imagem da webcam)

Um operador será redirecionado para esse formulário sempre que pressionar o botão "Report Defect" (Relatar defeito) em um formulário.

Depois de preencher o formulário e pressionar "Submit" (Enviar), ele será redirecionado para a etapa anterior.

Se, em vez disso, você quiser salvar os dados e enviar o operador de volta à primeira etapa das instruções, altere o botão Submit (Enviar) para "Complete App" (Concluir aplicativo) no painel de contexto no lado direito da tela.

Se quiser excluir um dos widgets de formulário, selecione o widget e, em seguida, escolha o ícone da lixeira no painel de contexto à direita.

Como usar o modelo para criar seu primeiro aplicativo

Este modelo permitirá que você crie um aplicativo simples de instruções de trabalho. Mas talvez você queira adicionar outros conceitos, como:

  1. Permitir que um operador escaneie ou insira um número de código de barras
  2. Adicionar etapas com diferentes designs
  3. Salvar os dados da ordem de serviço em uma tabela

Para fazer isso, consulte qualquer um dos guias recomendados na próxima seção. Eles o ajudarão a adicionar mais complexidade ao aplicativo.

Leitura adicional


Encontrou o que estava procurando?

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


Este artigo foi útil?