Como construir um aplicativo sem código

1. Boas-vindas ao curso: Hoje, você não precisa mais ser um programador para criar um aplicativo Sem ferramentas de código, qualquer pessoa pode criar software mais rápido do que nunca. Mas se você está tentando criar um software funcional útil rapidamente, saber por onde começar pode ser complicado Neste curso, vou começar com um projeto simples que abrange todos os fundamentos para criar um ótimo software empresarial Se você é empreendedor, freelancer ou proprietário de uma empresa que deseja otimizar suas operações, eu o orientarei passo a passo sobre a melhor maneira de abordar seu projeto Neste curso, abordarei os fundamentos da ausência de código. Como planejar e estruturar seu aplicativo com dados comerciais do mundo real, como criar uma interface profissional, como automatizar fluxos de trabalho, acionar ações baseadas em IA e integrar-se a ferramentas externas e, finalmente, como publicar e compartilhar seu aplicativo com sua equipe ou clientes em minutos Não vamos abordar apenas a teoria neste curso. Você criará a base de um aplicativo de negócios funcional do zero. Você verá todas as etapas em ação, do planejamento à publicação, para poder aplicar a mesma abordagem aos seus próprios projetos. Não são necessárias habilidades técnicas para este curso, apenas a vontade de aprender e se dedicar. Te vejo dentro do curso. 2. O que é desenvolvimento de aplicativos sem código?: O software está em toda parte, desde sistemas de tráfego até dispositivos médicos e seu banco. Quando os humanos querem fazer algo com mais eficiência, geralmente tentamos criar uma ferramenta com computadores para nos ajudar. Mas como criar software se você nunca fez isso antes? Bem, neste vídeo, vou dar uma visão geral do desenvolvimento sem código, uma maneira poderosa de criar novos softwares sem experiência em engenharia ou design. Agora, se você ainda não conhece nenhum código, pode ir direto para o próximo vídeo onde veremos uma compilação juntos Todo software é, na verdade, apenas camadas de instruções, cada uma baseada na anterior para criar sistemas funcionais complexos. No nível mais baixo, você tem as instruções no nível da máquina, que são as partes brutas que executam o hardware. Atualmente, os desenvolvedores geralmente usam linguagens de programação de alto nível para escrever software. Essas linguagens fornecem uma maneira mais legível por humanos instruir o computador. Então, você pode pensar que programar significa, portanto, usar código para criar software. Mas, na verdade, em sua essência, programação é apenas dar instruções ao computador. Não importa como você dá essas instruções. Por exemplo, imagine que você tenha um termostato. Isso vem com recursos, mas não faz nada se você não o programar. Você tem que dizer quando vai ligar e quando vai explodir. Mas é claro que esse é um exemplo muito simples. Na verdade, não é programação. É só dar uma instrução. Você não pode criar coisas novas com os controles de um termostato Ferramentas de desenvolvimento visual ou software sem código oferecem uma interface de usuário na qual você pode programar novos softwares sem precisar lidar com as complexidades da programação baseada em texto Agora, há prós e contras em cada forma de criar software. programação tradicional baseada em texto oferece basicamente controle ilimitado sobre o que você está tentando criar, mas geralmente leva muito tempo para aprender e até mesmo para criar aplicativos pequenos e simples Por outro lado, ferramentas de baixo código ou nenhum código abstraem muitas das decisões de baixo nível que os desenvolvedores tradicionais precisam tomar, muitas das decisões de baixo nível que os desenvolvedores tradicionais precisam tomar, acelerando enormemente e permitindo você se concentre no que você deseja que o software Agora, todas as plataformas de desenvolvimento de NOC precisam tomar decisões quando estão sendo projetadas sobre quais partes do processo de desenvolvimento elas lhe darão controle e quais partes elas manipularão automaticamente para você Agora, devido a esse equilíbrio entre potência e facilidade, diferentes plataformas sem código abordam isso de maneiras bem diferentes. Alguns são muito complexos e difíceis de aprender, mas são incrivelmente flexíveis. E então, no outro extremo do espectro, outros são muito simples, fáceis de aprender, mas permitem que você crie apenas certos tipos de funcionalidade. E, claro, existem muitos no meio. Neste curso, usaremos o Glide, uma plataforma para criar aplicativos web que combina uma forma semelhante a uma planilha de gerenciar seu back-end com uma interface de programação visual para layout 3. Definindo o problema: Então, antes de começarmos a desenvolver qualquer coisa, primeiro precisamos decidir qual problema vamos resolver. Se você está desenvolvendo para um cliente ou criando algo para você ou sua empresa, é realmente essencial começar entendendo por que você está tentando criar essa solução e todos os aspectos desse problema. Então, neste curso, vamos trabalhar com um cliente fictício para que possamos concentrar nossos esforços em necessidades específicas Essa pessoa precisa de um painel para suas operações de inventário. Agora, painéis e portais são alguns dos tipos mais comuns de aplicativos que as empresas precisam Assuma várias formas diferentes, mas, em geral, um painel é uma ferramenta interna que exibe informações como relatórios financeiros, administrativos, KPIs e coisas assim E um portal é uma ferramenta externa para clientes, funcionários ou investidores acessarem informações ou realizarem tarefas. Agora, se você não estiver interessado em criar especificamente um painel ou um portal, não se preocupe, pois escolhemos esses exemplos especificamente porque eles têm muitas funcionalidades muito comuns que você provavelmente precisará no aplicativo que está criando. Portanto, há muitas maneiras planejar seu projeto, tanto em termos do que você planeja quanto de como você o planeja. Você pode escrever um documento detalhado descrevendo todas as áreas Você pode fazer um plano de quadro branco fragmentado ou simplesmente fazer algumas anotações em um Depende totalmente de você, mas os itens a seguir são componentes realmente importantes a serem considerados se você quiser um plano realmente abrangente. Então, primeiro, você precisa entender a funcionalidade de alto nível. Em outras palavras, você precisa determinar aproximadamente o que os usuários podem ver e fazer. Em segundo lugar, você precisa decidir as funções do usuário. Isso significa determinar os tipos de usuários que participarão do seu projeto e, aproximadamente, o que eles podem fazer. Por exemplo, existem administradores? Existem editores ou convidados, coisas assim? A terceira coisa é projetar a estrutura de dados. É aqui que estabelecemos o tipo de estrutura e hierarquia de dados ou as relações entre as diferentes coleções de dados em seu projeto Por exemplo, as tabelas principais, como categorias de inventário, usuários, pedidos, coisas assim. E depois quaisquer outras tabelas, como comentários ou status. Então, precisamos mapear nossas experiências de usuário. Portanto, você precisa detalhar o tipo de experiências e funcionalidades específicas do usuário que você pode querer, como carregar um item ou editar inventário e coisas assim E então você pode entrar no planejamento detalhado, como delinear os fluxos de trabalho e as ações ou a navegação Você pode fazer isso por meio de estruturas de arame, especificações ou apenas marcadores simples Então, para tornar tudo isso um pouco mais concreto, vamos ver como faríamos isso com nosso cliente fictício Portanto, nossa cliente fictícia é Sarah Thompson, que trabalha para a Ascent Sarah supervisiona as operações da cadeia de suprimentos e nos enviou esse resumo Precisamos de uma maneira melhor de gerenciar nosso inventário e auditorias. Atualmente, estamos usando o Google Sheets, e nossos agentes de campo geralmente precisam ligar ou verificar planilhas em seus telefones, que está longe de ser Já tentamos usar software personalizado antes, mas nossos processos mudam tanto que ficamos com planilhas Precisamos de um aplicativo que nos forneça rastreamento de estoque ao vivo, alertas de estoque baixo e um processo simplificado de gerenciamento de pedidos, e o gerenciamento também precisa de painéis básicos com métricas importantes para nos ajudar a tomar Então, com um pouco de reflexão e possivelmente alguma conversa com o cliente, podemos traçar algumas ideias de alto nível sobre esse projeto. Em primeiro lugar, as necessidades e problemas do cliente incluem o gerenciamento de estoque. Eles estão usando métodos desatualizados, como o Google Sheets, o que está causando excesso de estoque ou falta de estoque Eles precisam gerenciar o atendimento de pedidos. Portanto, há ineficiências atualmente ou atrasos devido ao rastreamento manual Há potencialmente um problema relacionado à visibilidade dos dados. Eles não têm dados ativos ou querem tomar decisões mais informadas sobre esses dados. E então, é claro, eles têm agentes de campo. Eles realmente dependem de pessoas da área e atualmente dependem de telefonemas ou atualizações de planilhas, telefonemas ou atualizações de planilhas, que está longe Assim, podemos pensar nos principais recursos deste aplicativo. Precisaremos de um painel, que seja o tipo de valor total de vendas ou ações ou qualquer outro tipo de KPIs que eles queiram ver no nível superior Precisaremos de uma página sobre gerenciamento de inventário, que não seja apenas listagens detalhadas de inventário, mas também permita que eles reabasteçam e talvez recebam alertas se o estoque estiver baixo E então você também precisará ter algo sobre gerenciamento de pedidos. Portanto, rastreie pedidos com clientes, status e mais detalhes de que eles precisem. Então, obviamente, neste vídeo, eu os coloquei em tópicos bastante simples e claros, porque eu meio que pensei sobre isso antes de fazer o vídeo Para você, você vai fazer brainstorming, escrever coisas e depois organizá-las em um conjunto de requisitos É muito importante capturar inicialmente tudo o que é importante para o projeto. Algo em que você pensa e não se preocupa muito colocá-lo imediatamente em uma especificação formal. Então, aqui está um exemplo de como isso pode funcionar em seu processo. Primeiro, você pode ter um monte de notas adesivas como essa com muitas e muitas ideias diferentes, e então você pode formalizar isso em coisas como tabelas, telas, funcionalidades e coisas assim Aqui, estamos usando o FIG Jam, uma ferramenta muito legal para whiteboard e Mas você pode usar o que quiser, o que o ajudar a pensar profundamente sobre esse projeto. E você pode ver aqui que decidimos nossas quatro mesas. Então, vamos falar sobre isso na próxima lição sobre como projetar a estrutura de dados. 4. Modelagem de dados: Glide é uma plataforma de design de software muito orientada por dados, mas o que queremos dizer com design orientado por dados Bem, como vimos no primeiro vídeo, o software é construído em várias camadas de tecnologias, até os uns e zeros do código de máquina Embora tudo isso seja tecnicamente dado, quando falamos sobre dados, o que realmente queremos dizer são os dados específicos do seu aplicativo, eu, as informações que são vistas na interface do usuário e respondem às ações do usuário Glide, existem três áreas. A criação começa com seus dados no editor de dados. Em seguida, você cria seu layout no editor de layout e mapeia esses dados para os componentes. E, finalmente, se necessário, você pode criar ações e integrações por cima Agora, naturalmente, à medida que você está construindo, você vai se movendo para frente e para trás entre esses estágios. Mas antes de começar a criar, é realmente muito importante colocar sua estrutura de dados em ordem. Portanto, se você vem do mundo das planilhas, pode estar acostumado a organizar seus dados com muita liberdade Mas planar é um pouco diferente disso. Glide funciona um pouco mais como um banco de dados em que seus dados precisam ser bem estruturados em linhas e colunas, com cada coluna tendo Agora, se você está criando suas tabelas do zero no Glide, isso não deve ser um problema, mas se você estiver retirando seus dados de uma planilha do Google existente, talvez seja necessário pensar em retirando seus dados de uma planilha do Google existente, reestruturar um pouco esses dados Então, queremos ser muito inteligentes sobre como estamos organizando nossos dados. Não vamos criar apenas uma tabela enorme com 1 milhão de colunas, e também não queremos criar 1 milhão de tabelas para tudo o que pudermos imaginar. Ao começar a criar, você quer ter apenas algumas tabelas diferentes que descrevam as partes principais do seu processo. Você sempre pode adicionar novas tabelas posteriormente. Então, vamos voltar ao nosso plano por um segundo. Agora, eu já sei quantas tabelas esse aplicativo vai precisar porque eu já criei aplicativos antes. Sei que vai precisar de itens de estoque, pedidos, fornecedores e pessoas. Mas se você está apenas começando, talvez tenha esse tipo de ideia de notas adesivas sobre telas, funcionalidades, ações, dados, linhas Oh, muito, muito mais. E, portanto, talvez ainda não esteja claro quais tabelas você precisa. Então, se você está se sentindo assim, é muito importante focar no início no que é mais essencial. É claro que você pode criar muito rapidamente sem código, mas no início deste projeto, use cerca de três a cinco tabelas no máximo de dados e não mais do que isso. Além disso, ao pensar sobre isso, para simplificar, tente pensar em três questões-chave. Número um, realmente, quais são os objetos ou tipos de coisas principais ou mais importantes em seu aplicativo? Aqui, não estamos falando sobre funcionalidade ou telas. Pense nas categorias de dados que estão por trás de tudo, como pessoas, projetos, pedidos, clientes, compromissos ou fornecedores, coisas assim Cada uma dessas coisas pode ter uma tabela dedicada com linhas de dados. Segundo, esses itens podem ser combinados em uma única categoria ou alguns podem ser propriedades de outros? Por exemplo, um item de estoque tem um preço, um SKU, um nome, uma descrição, um nível de estoque e, potencialmente, muitas outras propriedades Portanto, um item de inventário claramente precisa sua própria tabela porque terá muitas colunas diferentes, mas um manual de instruções provavelmente será apenas uma propriedade de um item de estoque em vez de uma tabela separada inteira. Número três, esse item precisa de sua própria mesa ou pode ser algo construído em cima de uma mesa existente? Então, por exemplo, só porque você quer uma tela para uma função específica, como adicionar itens de inventário, isso não significa que você precisa de uma tabela separada. Por exemplo, a tela de adição de inventário pode usar a tabela de inventário existente em vez de exigir uma nova tabela. Então, ao fazer essas perguntas, esperamos que você possa transformar seu enorme brainstorming de notas nas tabelas mais essenciais, tornando sua estrutura de dados muito mais clara Agora, antes de adicionar seus dados, você precisa iniciar um projeto em branco no Glide Na verdade, você pode fazer com que o Glide crie um aplicativo padrão com base na sua estrutura de dados existente, mas como estamos aprendendo do zero aqui, escolheremos um projeto em branco e acessaremos o editor de dados depois de criado Agora, se seus dados já existirem em outro lugar e você quiser sincronizá-los com o glide, você pode adicionar uma nova tabela no editor de dados e escolher sua fonte de dados Você poderá ver as tabelas aparecerem à esquerda aqui e agora poderá editar seus dados no glide, e as alterações feitas no glide serão sincronizadas e vice-versa Como alternativa, porém, você pode exportar seus dados dessa fonte de dados, carregá-los e hospedá-los em uma tabela deslizante Agora, se você estiver criando seu aplicativo e seus dados do zero, depois de adicionar as colunas às tabelas, basta adicionar algumas linhas de dados para ter algo com o que trabalhar. Então, quando os usuários começarem a usar o aplicativo, eles poderão começar a preencher esses dados por meio das diferentes telas que criamos, e eu mostrarei como fazer isso no próximo vídeo Agora, abordaremos isso a seguir, mas o Editor de Dados do Glide é incrivelmente poderoso e adiciona uma camada totalmente nova aos seus dados existentes Você pode aprimorar seus dados com cálculos poderosos e trabalhar diretamente com a IA, tudo sem fórmulas ou códigos complexos 5. Projetando a interface do aplicativo: Agora é hora de criar a parte frontal do aplicativo, a do usuário ou a interface do usuário. É isso que os usuários verão e com o qual interagirão toda vez que usarem o aplicativo, e ele será conectado diretamente aos seus dados, onde quer que estejam estejam voando ou afundando de algum outro lugar Então, o aplicativo que vamos criar do zero neste curso já é , na verdade, um modelo totalmente construído que você pode copiar gratuitamente. Então, se você fez alguma estruturação ou mapeamento das experiências do usuário, agora é a hora de pegar esses planos e usá-los à medida que avança no editor de layout Agora, já temos nossas mesas. Glide adiciona automaticamente a tabela do usuário a todos os novos aplicativos, e adicionamos nossos outros três aqui Agora, no meu plano, eu disse que queria começar com três telas principais e esses sete recursos principais. Mas neste breve curso, abordaremos apenas duas telas e um recurso. Vamos abordar a tela de inventário. A tela do pedido e, em seguida, o alerta de estoque baixo. O painel é um pouco mais complexo e requer que todos esses recursos que planejamos aqui e que o FIG Jam seja construído primeiro. Mas você pode, é claro, explorar isso mais tarde examinando o modelo e desconstruindo como ele foi feito Para adicionar uma tela, clicamos aqui. Você pode criar telas em branco, telas de formulário e telas pré-construídas. Mas o que vamos fazer é criar uma tela a partir de nossos dados. Então, vamos clicar em nossa tabela de inventário. Por padrão, o Glide cria uma tela para nós com um componente de coleção, e essa coleção tem esse estilo aqui Podemos alterar estilos diferentes aqui e alterar as configurações dessa coleção. Agora, cada item aqui representa uma linha de informações da nossa tabela. Se clicarmos em um desses itens, podemos ver a linha inteira representada em componentes visuais. Vamos voltar para a tela de nível superior e abrir o painel de dados. O painel de dados é como um mini editor de dados. E enquanto você navega pelo editor de layout, o painel de dados mostra todos os dados que estão por trás de qualquer coisa selecionada no momento. Por exemplo, se criarmos uma nova tela a partir de uma tabela diferente, como, digamos, a tabela de pedidos , veremos porque selecionamos a tela de pedidos, todos os dados do pedido e, se alterarmos um dos valores aqui na guia de dados, veremos isso se refletir na interface do usuário. Então, vamos excluir essa tela e voltar para a tela de inventário que acabamos de criar. Agora, a primeira linha em nossa tabela aqui é mostrada como o primeiro item. E se clicarmos nesse item na interface do usuário, veremos toda a linha representada em componentes. Cada coluna em nossa tabela é mapeada automaticamente para um componente na tela Nenhuma conexão manual nossa é necessária. E esse é o padrão básico de planadores que você deve entender. As coleções mostram muitas linhas de dados, e um item ou uma tela detalhada mostra uma linha inteira da nossa tabela. Agora, se quiser, você pode pausar o vídeo aqui e dar uma olhada em tudo isso Adicione várias telas, adicione e exclua componentes, altere os dados que eles estão exibindo. Por exemplo, tudo pode ser excluído e você pode começar do zero de novo e de novo. É muito importante apenas mexer e se sentir confortável aqui Em seguida, porém, abordaremos a edição e a exclusão. Agora, você provavelmente viu no meu plano essa palavra Krud. Se você não conhece, Krud é uma sigla muito usada no desenvolvimento de software e significa criar, ler, atualizar, excluir E esse é realmente o conjunto mais comum de recursos que o software precisa, especialmente o software focado nos negócios. E Glide, vamos fazer isso logo que sai da caixa. Quando uma coleção é adicionada a uma tabela, adição e a edição estão ativadas por padrão, mas você pode desativá-las. E, claro, você também pode permitir que as pessoas excluam. E isso é o que há de tão poderoso nenhum código sem praticamente nenhum esforço: temos uma base baseada em nossos dados que podemos enviar e publicar para nossos usuários com apenas mais alguns cliques Agora, essa tela pode não ser a certa para você. Então, o Glide, é claro, oferece controles para personalizar esse ponto de partida Então, vamos mergulhar nisso agora. Então, estamos vendo uma tela de nível superior aqui, e ela tem um componente nela, uma coleção. Se clicarmos nessa coleção, podemos alterar os dados exibidos e obter mais detalhes sobre seu estilo. Mas também podemos adicionar outros componentes a essa tela de nível superior. Vamos adicionar um componente de título e arrastá-lo para cima da nossa coleção. Agora, o componente do título tem alguns estilos diferentes, e eu vou escolher esse estilo de capa. Por padrão, o Glide mapeia esse componente para mostrar alguns dos dados da linha superior da nossa tabela Isso porque essa tela em que estamos é construída em cima da tabela de inventário, mas na verdade não queremos isso. Queremos inserir valores personalizados aqui. Valores e tipos de valor são um conceito muito importante para entender o glide porque você mapeia continuamente os valores dos seus dados ou usa valores personalizados inseridos no editor de layout Por exemplo, aqui, esse componente de título está mostrando atualmente a linha superior em nossa tabela, e podemos ver que as propriedades de título, subtítulo e imagem foram mapeadas para os dados que estão nessa É claro que podemos trocar as propriedades que ele está exibindo por outras colunas nessa linha, mas, na verdade, não queremos valor da coluna seja extraído de nossos dados aqui Na verdade, queremos um valor personalizado que não seja mapeado para nossos dados E para isso, basta digitar no campo. Também removeremos a legenda e escolheremos uma imagem de estoque para representar essa tela Agora, esse componente não está mapeado para uma linha em nossa tabela, mas simplesmente representa o que queremos mostrar nesse local específico Agora, temos essa repetição aqui de títulos, então vou entrar no componente de coleção e remover o título que tenhamos apenas o título da tela no componente de título Certo, então esse é o básico da nossa tela de nível superior. Na verdade, nossa tela de anúncios já está configurada automaticamente para nós por planador, assim como a tela de edição E as telas de edição são criadas com componentes de entrada, permitindo que os usuários insiram dados ao enviar essas alterações como uma nova linha na tela de anúncios ou edições em uma linha existente na tela de edição Agora, é claro, você pode desativar isso globalmente ou alterar quais componentes as pessoas podem editar. Tudo o que você precisa fazer é remover alguns dos componentes dessa tela que estão mapeados para as colunas que você não quer que as pessoas editem Em seguida, eles poderão adicionar ou editar itens, mas somente para as colunas que você mostra na tela. Ao clicar em um item, você navega até a tela de detalhes desse item. As telas de detalhes são semelhantes às telas de nível superior, exceto que sempre mostram o contexto de uma única linha. Por exemplo, se reabrirmos a guia de dados aqui, poderíamos ver que, se alternarmos entre os diferentes itens, veremos apenas uma única linha diferente a cada vez Além disso, tudo o que você fizer na tela de detalhes de um item em uma coleção será aplicado a todos os outros itens, telas de detalhes dessa coleção. Por exemplo, se adicionarmos um componente de anotações a essa tela e o mapearmos para a coluna de anotações, veremos que, ao acessarmos os outros itens, todos eles também receberão um componente de anotações, mas mapeados para os dados dessa linha Então essa é a nossa tela de inventário. Vamos configurar rapidamente a tela de pedidos da mesma forma. Adicionaremos uma nova tela, escolheremos nossa tabela de pedidos e mudaremos o layout para um Cvan Vamos nos aprofundar nas configurações da coleção e agrupá-las por status. Agora podemos arrastar nossos pedidos e alterar seu status visualmente. Então você já sabe como personalizar as telas de detalhes aqui, então vamos pular isso Vamos passar para nossos próximos dois recursos, que são recursos bastante simples, que são recursos bastante simples, uma lista de pedidos pendentes e um destaque de estoque baixo. Então, vamos criar uma nova tela personalizada para o painel e adicionar um componente de coleção a ela com o estilo de tabela. Mudaremos essa fonte de dados para ser a tabela de pedidos. Então, o que queremos mostrar nesta coleção são, na verdade, todos os itens do pedido que têm um status de pedido pendente. Então, o que precisamos para essa coleção é um filtro. Para fazer isso, acessaremos as opções desse componente e, na seção de dados do filtro, adicionaremos um novo filtro em que o status do pedido está em andamento. Agora temos uma coleção que mostra todos os pedidos pendentes. Nós poderíamos, é claro, melhorar isso um pouco. Vamos escolher um estilo mais compacto e adicionar o ID do pedido. O cliente, a quantidade e o valor do pedido. E mudaremos o título da coleção para pedidos pendentes. Além disso, não queremos que as pessoas possam adicionar itens aqui. Só queremos que seja uma coleção que mostre um conjunto específico de coisas. Então, vamos até a guia Ações e desativamos a opção Adicionar e editar. Portanto, outra forma de alterar o que aparece na sua interface de usuário é, na verdade, fazer isso primeiro no editor de dados para criar essencialmente uma coluna computada no editor de dados que muda dependendo de determinados critérios Dessa forma, se o estoque cair abaixo de um determinado nível, um novo valor aparecerá, que poderemos exibir no editor de layout. Para fazer isso, vamos usar a coluna if then else, que analisa outras colunas para determinar quais valores ela gera Na primeira condição, diremos que se o estoque atual for menor ou igual a dez, exibiremos o valor do estoque baixo. E podemos colocar um emoji aqui, e então podemos deixar essa outra parte em branco Agora, no editor de layout, podemos adicionar isso à meta propriedade, e agora somente os itens com estoque baixo mostrarão esse valor. Então, vamos dar uma olhada no editor de layout. Temos muito mais informações sobre todos os diferentes componentes em nossa documentação, e eu realmente encorajo você a se aprofundar no modelo finalizado para entender, pesquisar e explorar como tudo isso realmente funciona No próximo vídeo, veremos como podemos começar a como podemos começar ampliar nosso aplicativo com o poder dos fluxos de trabalho e da inteligência artificial 6. Como ampliar o poder do seu aplicativo com fluxos de trabalho, automações e IA: Até agora, abordamos os dados e o layout do nosso aplicativo, mas há mais uma camada criação de software que é realmente importante as ações que um aplicativo pode realizar, seja enviando um e-mail, alertando o usuário com uma notificação ou até mesmo acionando um fluxo de trabalho em segundo plano sem que o usuário Na verdade, entender como fazer seu aplicativo fazer coisas é muito importante. E para este aplicativo, vamos nos concentrar em recursos que realmente aceleram o processo de processamento de pedidos para nosso cliente e eliminam o tipo de trabalho manual da equipe. Portanto, o aplicativo em que estamos trabalhando já tem muitas funcionalidades úteis que resultam apenas da criação da interface do usuário. Criamos, lemos, atualizamos e excluímos o estoque e os pedidos, e temos o início de um painel básico com nossos pedidos pendentes nele. Agora, quando você fala sobre ações e fluxos de trabalho, é muito importante dividir essa categoria em duas áreas Primeiro, existem as ações que ocorrem quando os usuários iniciam, como tocar em um botão ou concluir uma etapa E depois há os fluxos de trabalho que são executados silenciosamente em segundo plano, sem a interação do usuário Por exemplo, os dados podem ser atualizados todas as segundas-feiras às 9h. Ou algo externo, como um e-mail, pode acionar um evento no seu aplicativo que atualiza Vamos ver alguns exemplos agora para dar uma ideia do que é possível. Agora, talvez você já tenha configurado algumas ações autônomas ao adicionar componentes Essas são ações únicas. Quando um usuário interage com eles, eles fazem uma coisa. Por exemplo, aqui adicionamos um bloco de botões que tem o e-mail de ação e a chamada em cada botão. E quando clicamos em cada um deles, ele aciona automaticamente um e-mail ou uma ligação para nosso cliente Mas essas são apenas ações únicas. O editor de fluxo de trabalho permite criar fluxos de trabalho de várias etapas que podem fazer uma grande variedade de Os fluxos de trabalho começam com um gatilho. Depois que o fluxo de trabalho é acionado, as etapas desse fluxo de trabalho começam a ser executadas sozinhas. Esses fluxos de trabalho podem ser acionados de várias maneiras sem que o usuário faça nada Acionadores de entrada, como e-mails e webhooks, podem iniciar Então, vamos retornar brevemente aos requisitos iniciais que nosso cliente nos deu no início deste curso. Eles mencionaram que precisam de um aplicativo que forneça rastreamento de estoque ao vivo, alertas de estoque baixo e um processo simplificado de gerenciamento de pedidos Agora, o aplicativo já os está ajudando a otimizar muito seus fluxos de trabalho, mas existem algumas outras maneiras de ajudá-los Podemos permitir que seus clientes enviem seus pedidos por e-mail e criem um fluxo de trabalho que crie automaticamente um pedido com base no conteúdo desse e-mail. E também podemos criar um fluxo de trabalho que permita que a equipe interna tire fotos e carregue seu processo de formulário em papel e, em seguida, extraia os dados e crie um novo pedido a partir deles. Examinaremos o primeiro exemplo deste curso, mas mostraremos brevemente no final como você pode adaptar isso para um cenário baseado em papel. Vamos imaginar que nosso cliente permita seus clientes enviem e-mails usando um formulário de e-mail, e os e-mails que eles recebem tenham a seguinte aparência. Agora, na realidade, esse é um exemplo um pouco simplificado porque os clientes podem muito bem, muito provavelmente, pedir várias unidades de peças diferentes em um e-mail. Mas, por causa deste curso e ser a primeira vez que você brinca com o fluxo de trabalho, vamos manter isso simples e presumir que cada cliente pedirá apenas uma peça específica por vez. Portanto, antes de criarmos nosso fluxo de trabalho, vamos ao editor de dados para ver onde nossas novas linhas serão adicionadas. Essa é a tabela de pedidos, que atualmente está sendo preenchida manualmente pelo nosso aplicativo quando os membros internos da equipe a usam Queremos que nosso fluxo de trabalho adicione o e-mail do cliente, o nome do cliente, o endereço do cliente, a peça solicitada, o número de unidades, o modelo do veículo, a data do pedido e o status. Essas são apenas notas internas para nossa equipe, então não precisamos disso, e o resto será preenchido automaticamente pelo nosso aplicativo e pelas pessoas que o usam Agora, vamos fazer com que nosso fluxo de trabalho extraia automaticamente esses dados. Mas também queremos dar espaço para a supervisão humana sobre isso, para que alguém possa verificar se o pedido foi criado corretamente Adicionaremos uma nova coluna aqui chamada corpo do e-mail, e será aqui que nosso fluxo de trabalho também copiará todo o conteúdo do e-mail que foi recebido apenas para uma pessoa verificar. Vamos acessar o editor de fluxo de trabalho agora e criar um novo fluxo de trabalho com um e-mail como gatilho. Agora, o fluxo de trabalho já começa com uma ação do Ad R. Esse é o padrão para todos os novos fluxos porque é algo muito comum que você deseja fazer E já podemos começar a preencher os campos aqui com os valores que vêm do gatilho do e-mail Agora, se clicarmos no menu aqui e clicarmos em acionar, podemos acessar todas as propriedades diferentes que vêm junto com um e-mail quando ele é recebido. Para o e-mail do cliente, queremos que seja o valor do e-mail de origem. Para o cliente, queremos o valor do nome do remetente. Para a coluna do corpo do e-mail, queremos um corpo simples e também podemos adicionar a data e a hora atuais para a data do pedido. E isso ocorre basicamente quando o fluxo de trabalho é executado, a data e a hora em que o fluxo de trabalho é executado serão adicionadas aqui. Então, vamos enviar um e-mail de teste para nosso fluxo de trabalho para realmente ver o que isso parece. Ótimo. OK. Então, isso criou uma nova linha com todas essas partes extraídas do e-mail, mas não conseguimos extrair o endereço do cliente, a quantidade da peça, etc., porque precisamos IA para fazer isso porque é um pouco mais complexo Então, vou adicionar uma nova etapa aqui, antes da ação Ad Row, porque precisamos primeiro processar o e-mail com a IA e extrair esses bits antes de finalmente adicionarmos a linha. Então, vou até a seção de IA aqui e escolho gerar texto, clicar com o botão direito do mouse e renomear para parcialmente ordenado E isso só me ajuda a acompanhar o que cada ação está fazendo à medida que eu desenvolvo meu fluxo de trabalho. Agora, a ação de gerar texto tem duas partes. Há as instruções, que são onde você diz IA o que fazer e, em seguida, a entrada. Para a entrada, vamos querer extrair todo o e-mail recebido, que é o corpo do avião do nosso gatilho. Então, podemos dizer à IA o que queremos gerar ou extrair desse e-mail. Mas agora, vamos dizer apenas que parte eles pediram, nada mais, por exemplo, módulo de controle. Não liste o número de unidades ou qualquer outra coisa. Prompt torna realmente específico para a IA o que queremos que ela faça e impede que ela adicione mais conteúdo do que o necessário. Não tenha medo de experimentar suas instruções e mudar as coisas Às vezes, você precisa iterar para garantir que essa etapa específica da IA produza exatamente o que você deseja em seus fluxos exatamente o que você deseja em seus Certo. Vou clicar com o botão direito do mouse nessa ação duplicá-la e adaptá-la para o endereço E farei isso novamente para extrair o modelo do veículo. E então, em nossa etapa final, adicionarei um tipo diferente de ação de IA, que é muito semelhante, mas é específica para gerar apenas números Este é o texto para numerar a ação da IA. E aqui, vou colocar as instruções. Extraia o número de unidades que essa pessoa solicitou. Em seguida, voltaremos à ação ADR e, no campo de endereço do cliente, agora podemos ver que podemos selecionar o endereço que é gerado pela ação de endereço e também podemos fazer isso com os outros campos Certo, vamos enviar outro e-mail de teste. E agora podemos ver que nosso fluxo de trabalho, que incluiu quatro etapas diferentes de IA extraiu tudo o que precisamos desse cliente ou e-mail para preencher uma nova linha na tabela de pedidos Se quiséssemos, poderíamos adicionar uma etapa final aqui, como uma integração para notificar alguém com GML ou em um canal do Slack E se quiséssemos adaptar esse fluxo de trabalho para ajudá-los a inserir seus formulários em papel, esse tipo de processo que mencionei anteriormente, poderia ser algo assim. Nesse fluxo de trabalho, estamos usando um gatilho de interação com o aplicativo que é acionado depois que alguém carrega O fluxo de trabalho então extrai o texto dessa imagem no formulário e, em seguida, todas as etapas de IA a seguir que tínhamos anteriormente, simplesmente fazem o mesmo, mas estão extraindo um texto mais específico do texto que foi extraído Então, agora estamos na etapa final. No próximo vídeo, você aprenderá como publicar seu aplicativo e compartilhá-lo com seu usuário. 7. Publicando e compartilhando sua solução: Agora estamos nas últimas etapas antes publicar e compartilhar com nossos usuários, e tudo isso é feito na área de configurações do Glide Vamos começar com a coisa mais importante, que é a privacidade e o acesso. Por padrão, todos os aplicativos que você cria são privados, o que significa que somente você e outros membros da sua equipe de planadores poderão acessá-los Se você acabou de se inscrever no Glide e não tem nenhum outro desenvolvedor em sua equipe, isso significa que ele só poderá ser acessado por você Se você quiser adicionar usuários que não são desenvolvedores em sua equipe de planadores , convém mudar isso para a tabela do usuário Isso significa que qualquer pessoa com um perfil na tabela de perfis de usuário poderá entrar no seu aplicativo. Agora, se você estiver usando qualquer tipo de dado privado em seu aplicativo, deverá manter o acesso ao seu aplicativo privado. No entanto, se você estiver criando um aplicativo voltado para o público com dados não confidenciais, poderá alterá-lo para público. Ao fazer isso, você tem opções diferentes sobre se você permite ou não que seus usuários façam login. Agora, há prós e contras ativar o login em aplicativos públicos. Então, confira nosso vídeo básico sobre o perfil de usuário na Glide University Em seguida, você pode ajustar o nome e o ícone do seu aplicativo e a aparência Esses controles aqui oferecem opções de temas de alto nível para seu aplicativo Pessoalmente, gosto do melhor estilo de navegação aqui, mas você também pode adicionar um à esquerda. Também gosto de definir meu ambiente como automático para que , se o dispositivo do usuário estiver no modo escuro, o aplicativo também mude para refletir isso. Então, estamos prontos para publicar. Você pode ver aqui que nosso aplicativo recebeu um domínio padrão. Agora, você pode alterar isso desde que o URL esteja disponível, mas depois de clicarmos em Publicar, também podemos adicionar um domínio personalizado, se tivermos um. Agora, vou deixar isso como está e clicar em Publicar. E é isso. Nosso aplicativo agora está ativo com as configurações de privacidade que definimos, e podemos visitá-lo em nosso navegador aqui copiando o link ou digitalizando-o com seu telefone, e também podemos adicioná-lo à tela inicial do telefone. Você também pode convidar rapidamente novos usuários aqui, e eles serão adicionados automaticamente à tabela do usuário . Então, é isso. Se você está acompanhando, espero que agora tenha criado e publicado seu primeiro aplicativo E se você fizer alterações depois disso, seja no editor de dados, no editor de layout ou nas ações, elas serão atualizadas imediatamente para seus usuários. Assim, você pode continuar iterando e aprimorando esse aplicativo ao longo tempo sem precisar se preocupar em reimplantá-lo ou publicá-lo No entanto, se você quiser trabalhar nos recursos e esperar até que eles estejam prontos antes que essas alterações sejam publicadas para seus usuários, você pode alterar essa configuração aqui. E então é isso. Você chegou ao final do curso. Lembre-se de que você pode baixar o modelo totalmente concluído e descobrir mais sobre como ele foi feito. Você também encontrará isso nos recursos do curso.