A criação de um aplicativo no Tulip pode parecer intimidadora no início, mas depois que você analisa e entende os principais elementos, não é tão complicado. Os aplicativos combinam os seguintes princípios: * Design - O layout, a organização, a aparência física e o esquema de cores das etapas e dos componentes em uma etapa. Funcionalidade - Como a lógica do aplicativo funciona, como: comportamento do acionador, navegação da etapa ou configuração do widget.
Lembre-se de que a Tulip é uma plataforma sem código, portanto, vamos nos concentrar nos recursos de que você precisa para criar aplicativos prontos para produção, independentemente de sua experiência em codificação.
Antes de criar um aplicativo, você precisa entender o que está criando e por quê.
Processo de desenvolvimento de aplicativos
Seguir um processo de desenvolvimento de aplicativos garante que você esteja criando aplicativos que atendam às necessidades comerciais e operacionais. Ao criar vários aplicativos, certifique-se de que eles funcionem juntos como uma solução, compartilhando dados e roteamento entre processos.
O processo de desenvolvimento de aplicativos inclui as seguintes etapas:
Definir objetivos de negócios
- Escolha de 1 a 3 metas para se concentrar
- Seja realista ao definir as metas. Suas metas devem ser específicas e mensuráveis.
- Identifique as áreas de aprimoramento que terão o maior impacto em seus negócios.
- Alinhe as metas com a estratégia geral da empresa.
- Certifique-se de que as metas se ajustem ao nível de maturidade e ao foco de crescimento de sua empresa
- Avalie seu estágio atual de desenvolvimento e foco de crescimento.
- Alinhe as metas com os recursos disponíveis.
- Antecipar necessidades e desafios futuros.
- Utilize essas metas para priorizar o desenvolvimento de casos de uso com a TulipIdentifique e priorize os casos de uso que apoiam suas metas com base no impacto potencial.
- Desenvolva um roteiro para a implementação.
- Use o modelo de objetivos comerciais abaixo para ajudar a identificar pontos problemáticos operacionais, priorizar metas e definir KPIs mensuráveis.
Escolha um primeiro caso de uso
Um caso de uso é uma ampla área de melhoria ou um processo em torno do qual você cria aplicativos, como instruções de trabalho digitais ou gerenciamento de inventário.
Trabalhe de trás para frente, desde os objetivos de negócios até o design do aplicativo.
Exemplo
Seus objetivos comerciais são:- Aumento do rendimento da primeira passagem- Menos loops de retrabalho- Menos sucata por volume
Os dados de que você precisa para avaliar esses objetivos são:- Sucata por estação (em peso)- Produção por linha- Número de defeitos por tipo
Casos de uso para criar aplicativos:- Pesar e categorizar sucata com conexão de balança- Rastrear o rendimento com dados de produção- Relatórios detalhados de erros e defeitos
Faça o curso da Tulip University para saber mais: Como escolher seu primeiro caso de uso.
Mapeie o chão de fábrica
Ao projetar uma solução no Tulip, é fundamental pensar onde a solução ficará fisicamente (equipamentos, ferramentas, restrições), bem como quais atividades (sequência de processos, hora do dia) os operadores executam no local.
Um diagrama de fluxo operacional (OFD) ajuda a mapear os aplicativos para o chão de fábrica e a detalhar os processos que servirão de modelo para esses aplicativos.
Exemplo de atividade OFD@(Embed)(https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Activities%20OFD.svg)
Saiba mais sobre a criação de um OFD no curso da Tulip University: Design de soluções da Tulip
Documentar as atividades do operador para os recursos e a funcionalidade do aplicativo
Antes de começar a criar um aplicativo no Tulip, é útil criar um wireframe. Trata-se de um mapa ou esboço de alto nível do layout e do fluxo de trabalho do seu aplicativo, sem os elementos e o design detalhados. Você pode criar esses wireframes a partir do OFD.
- Identificar a funcionalidade principal
A primeira etapa é determinar a função principal do seu aplicativo. Qual é a principal tarefa que ele realizará? Quem o usará?
- Esboce as etapas do aplicativo
Faça um esboço das etapas do aplicativo, que são basicamente as diferentes telas com as quais o operador irá interagir. Quais ações os operadores executarão e em que ordem? Seus aplicativos devem modelar cada etapa de um processo no chão de fábrica.
- Estabeleça o fluxo do usuário
Ilustre os possíveis caminhos que um usuário pode seguir pelo aplicativo desenhando setas entre as etapas para mapear o fluxo do usuário.
- Indique elementos interativos
Adicione elementos interativos a cada etapa para indicar qualquer coisa com a qual os operadores irão interagir fisicamente. Esses elementos podem incluir botões, formulários, tabelas e dispositivos.
- Recursos fora dos fluxos de trabalho
Inclua funcionalidades adicionais às quais os operadores possam precisar acessar fora do fluxo, como formulários de relatório de defeitos, telas de pedido de ajuda, telas de análise etc.
Exemplo de wireframes
Depois de esboçar um wireframe básico, os criadores de aplicativos podem começar a criar facilmente cada etapa no App Editor.
Editor de aplicativos
O App Editor é onde você cria e edita seus aplicativos sem precisar de experiência em codificação.
Para obter uma visão geral detalhada do editor de aplicativos, visite Introdução ao Tulip App Editor.
Etapas
As etapas são as "páginas" do seu aplicativo, as várias telas que exibem conteúdo
As etapas podem ser lineares ou não lineares, ou seja, não precisam seguir consecutivamente umas às outras na ordem em que você as organiza. A lógica que você adicionar ao aplicativo determinará a transição das etapas.
Saiba mais sobre as etapas aqui.
Layout básico
O layout de base é o modelo que se aplica a cada etapa que você cria. A criação de um layout básico facilita a criação do aplicativo, com os elementos fundamentais adicionados automaticamente a cada etapa, e garante um estilo coeso em todo o aplicativo.
Saiba mais sobre o layout de base aqui.
Widgets
Os widgets são os blocos de construção dos aplicativos. Eles podem exibir informações, coletar dados, executar a lógica do Trigger e muito mais.
Aqui estão os diferentes tipos de widgets:
- Widgets de ícone - Coloque formas, ícones ou logotipos no espaço de trabalho e configure a lógica para criar a aparência e a marca do seu aplicativo.
- Widgets de botão - Escolha entre uma variedade de botões, um com lógica pré-programada ou botões personalizados em branco, para usar em seu aplicativo.
- Widgets de entrada - Colete dados dos usuários do aplicativo com os widgets de entrada, com cada tipo de entrada representando uma variável de dados diferente.
- Widgets de texto - Exiba texto estático ou dinâmico, incluindo os valores de variáveis, texto estático simples e espaços reservados para registros inteiros.
- Widgets incorporados - Incorpore vídeos, imagens, CAD, documentos, leitores de código de barras e muito mais em seu aplicativo.
- Widgets de câmera - Mostre o feed da câmera do Tulip Vision ou leia um código de barras com a câmera do seu dispositivo.
- Widgets de assinatura eletrônica - Assine dados dentro da Tulip de acordo com o 21 CFR Part 11
- Widgets personalizados - Se nenhum dos widgets acima atender às suas necessidades, você pode criar seu próprio widget usando HTML, CSS e Javascript para ampliar os recursos da plataforma.
Saiba mais sobre widgets aqui.
Acionadores
Os acionadores permitem que você adicione lógica ao seu aplicativo.
Os acionadores fazem com que seu aplicativo faça alguma coisa. Um aplicativo é uma tela plana sem eles. Os acionadores podem ser adicionados a widgets, bem como a etapas (acionadores de nível de etapa) e aplicativos (acionadores de nível de aplicativo), e em determinados eventos, como o disparo de um dispositivo.
Todos os acionadores seguem o mesmo formato básico: quando uma ação acontece , execute a seguinte ação e/ou transição.
Os acionadores podem ser tão simples ou complicados quanto você precisar, podendo adicionar várias ações. Você também pode adicionar instruções If, que acrescentam uma condição à ação que está sendo executada, se os critérios forem atendidos.
Com uma instrução If, você define as condições que permitem que as ações sejam executadas.
As instruçõesThen são uma ação ou uma transição. Uma ação é uma alteração no aplicativo que não está relacionada à alteração das etapas. Uma transição é a alteração das etapas ou a conclusão do aplicativo.
Por fim, para coincidir com as declarações if, há declarações else if que determinam a ação alternativa a ser executada quando a declaração if for comprovadamente falsa.
Saiba mais sobre acionadores aqui.
Variáveis
As variáveis são o principal meio de armazenamento e referência de dados nos aplicativos Tulip. Elas capturam dados de várias fontes, incluindo entrada do usuário e saída do dispositivo, e permitem cálculos com base na atividade do aplicativo. Você pode usar variáveis para controlar o comportamento do aplicativo por meio de acionadores, exibir conteúdo dinâmico e criar relatórios detalhados no Analytics.
As variáveis podem ter os seguintes tipos de dados:
- Booleano - Sim/não
- Cor - Cor dinâmica para definir o status do widget
- Datetime - Carimbo de data e hora
- File (Arquivo) - Link para um arquivo armazenado no Tulip
- Image - Link para uma imagem armazenada na Tulip
- Integer - Um número inteiro
- Intervalo - Quantidade de tempo exibida em segundos
- Machine - Objeto de máquina no Tulip
- Número - Um número real
- Objeto - Estrutura de objeto configurável com atributos filhos que têm seu próprio tipo de dados
- Station - Objeto de estação no Tulip a partir do chão de fábrica
- Texto - Sequência de caracteres
- Usuário - Objeto de usuário no Tulip a partir das configurações de conta/espaço de trabalho
Saiba mais sobre variáveis aqui.
Práticas recomendadas de criação de aplicativos
As seguintes práticas para cada elemento dos aplicativos:
Design
O layout, a organização, a aparência física e o esquema de cores das etapas e dos componentes em uma etapa.
- Função única, processo único: Cada aplicativo deve ser adaptado para dar suporte a uma função de usuário específica e às tarefas associadas a essa função. Isso garante que o aplicativo seja focado e fácil de usar.
- Layout básico: Um layout básico aplica um design de etapa a cada etapa de um aplicativo. Isso padroniza a interface do usuário e garante uma experiência de usuário intuitiva para os operadores. Saiba como projetar um layout de base eficaz aqui.
- Nomes de componentes claros: Os componentes do aplicativo, como etapas, acionadores e variáveis, devem ter nomes claros e exclusivos. Isso permite que os desenvolvedores de aplicativos entendam intuitivamente o que cada componente é ou faz. Saiba mais sobre as práticas recomendadas para nomear componentes aqui.
- Status padronizados: Um conjunto predefinido de status (pedido, estação) que você pode reutilizar em outros aplicativos para manter a consistência e permitir uma integração perfeita.
Funcionalidade
Como a lógica do aplicativo é executada, por exemplo: comportamento do acionador, navegação de etapas ou configuração de widgets.
- Espaços reservados para registros unificados: O uso consistente de marcadores de posição de registros em diferentes aplicativos garante a integridade dos dados e simplifica o gerenciamento de dados.
- Nomeação de etapas: Use a nomeação adequada de etapas e de grupos de etapas para determinar qual é a tarefa ou atividade
- Gerenciamento de variáveis: Use variáveis genéricas sempre que possível e limpe as variáveis antes de reutilizá-las.
Arquitetura
O escopo definido do aplicativo, os dados que são lidos ou gravados e as integrações e/ou dispositivos conectados.
- Função autônoma: Os aplicativos devem ser projetados para operar de forma independente, sem depender de outros aplicativos. Isso promove a modularidade e a capacidade de manutenção.
- Integrar conforme a necessidade: Todos os dados externos devem ser usados no Tulip somente quando necessário para fornecer contexto em um aplicativo. Isso garante que você esteja mantendo uma fonte de verdade. Saiba mais sobre integrações de sistemas aqui.
Práticas recomendadas de design de aplicativos
Ao projetar seu aplicativo, a navegabilidade e a acessibilidade são duas noções importantes que devem ser levadas em conta. Os usuários devem navegar pelo aplicativo sem se perderem ou ficarem presos no processo.
Saiba mais sobre o design de aplicativos aqui.
Próximos passos
Comece a criar aplicativos com a orientação dos especialistas da Tulip:* Passo a passo: Crie seu primeiro aplicativo* Curso básico de design de aplicativos e lógica universitária
Torne-se um construtor de aplicativos certificado pela Tulip:Certificação básica de construtor de aplicativos
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!