Curso AppSheet Basics - Aula 2 | Configurando App

Fala galera tudo bem com vocês sejam bem-vindos a mais um vídeo são muitas Lopes o professor de desenvolvedor app cheat aqui na skillki e essa aula 2 do nosso minicursa que é cheat Basics que a gente está disponibilizando para vocês no YouTube onde a gente vai ensinar você a criar um sistema bem básico com app para que você aprenda os princípios por trás dessa plataforma consiga desenvolver suas próprias sistemas na aula passada a gente chegou a montar o nosso primeiro banco de dados então agora a gente vai começar a propriamente utilizar a ferramenta Dafit para

configurar como que esse banco de dados deve se comportar dentro do nosso sistema e aqui é uma parte muito importante porque a configuração que a gente vai fazer hoje vai determinar Como que o nosso aplicativo vai se comportar para o nosso usuário posteriormente a gente vai logicamente fazer os ajustes visuais né nosso aplicativo ficar bonito ficar é fácil de ser utilizado mas hoje a gente tem que organizar um pouco melhor as informações desse sistema já queria agradecer a vocês também porque o nosso último vídeo ele teve um resultado muito legal aqui no YouTube e se

você tá assistindo e ainda não não é inscrito Eu gostaria de pedir para você se inscreve aqui no canal deixa o like nesse vídeo e se você quer receber as notificações de Quando essas aulas estão saindo ativa o sininho que fica bem aqui do lado também porque a gente notifica vocês sempre que sai um novo vídeo aqui no canal bom então boa aula para vocês Bom pessoal então dando início na aula de hoje a gente precisa configurar Aqui as nossas colunas se vocês bem lembram na última aula a gente fez a criação aqui do nosso

banco de dados né que foi essa planilha que no caso eu chamei de inventário YouTube vocês podem ter deixado outro nome por aí e a gente fez a criação aqui de duas tabelas né que a tabela estante e a tabela produto com as nossas colunas aqui é no finalzinho da aula a gente chegou a inserir isso dentro da APP sheet se vocês lembram também a gente inseriu tanto a tabela estante quanto a tabela produto a gente já consegue estar inserindo as nossas informações aqui porém ainda está bem desconfigurado a maneira como esses dados estão dentro

da Fit por exemplo a gente tem aqui uma coluna do vencimento mas a gente tá podendo inserir a quantidade a mesma coisa no meu caso já foi inserido automaticamente que uma característica da tabela produto que eu posso selecionar os produtos de uma lista mas a gente vai fazer a configuração de cada uma dessas colunas hoje tanto da tabela estante quanto da tabela produto para o nosso aplicativo ele começar a entender o que que a gente tá querendo fazer ali com esses dados então a gente começar a indicar para Webchat o que que cada cada coluna

Vai representar para a gente no final a parte visual do nosso sistema então a gente tirar ele desse preto e branco e azul no caso né que tá aparecendo aqui deixar ele um pouco mais colorido um pouco mais bonito e a gente vai estar fazendo na próxima aula porque essa aula aqui eu acredito que seja mais importante ainda que você configurar propriamente os dados do seu sistema e como que os dados vão se comportar ali durante o uso do seu usuário final Então vamos lá se você já fez tudo que a gente fez na última

aula a gente vai iniciar fazendo a configuração aqui da tabela produto e depois a gente vai passar para a tabela estante bom uma tabela produto O que que a gente vai fazer por hora só para deixar vocês tranquilizados não precisa se preocupar com essa coluna Rey lated stands aqui que inclusive Tem um lápisinho azul diferente das outras eu vou explicar sobre o funcionamento dela quando a gente tiver configurando a estante Tá bom então aqui na tabela produto O que que a gente vai fazer a gente tem aqui a coluna e de produto que foi aquela

primeira coluna que a gente criou aqui é natural que a sarrou Number aparecem todas as tabelas Mas a gente não faz nenhuma configuração com ela aqui a gente vai começar a partir dele produto que foi as colunas que a gente inseriu manualmente lá no nosso banco de dados quando ele é produto você tem que deixar ela como tipo texto mesmo então vai estar com text a gente vai deixar essa parte aqui da chave né daqui ativada mas eu vou remover o level é um pouquinho mais complexo o porquê desses casos aqui mas eu vou tentar

dar um resumo bem rápido tá aqui basicamente é como se fosse o RG do seu produto aqui dentro então tem que ser um código único para o seu produto ela não pode repetir dentro no seu banco de dados e ela que vai indicar que aquele produto existe se o banco de dados já o nome é a informação mais importante para o seu usuário então o que que acontece a gente deixa o ID produto como aqui que vai ser a informação mais importante para o nosso banco de dados e o nome a gente vai deixar como

Label porque vai ser a informação mais importante para o nosso usuário então enquanto o sistema vai usar essa coluna aqui como principal o usuário vai ver essa daqui quando ele tiver utilizando o seu sistema é um pouco aquela questão da premiere aqui se você já mexeu com um pouco de banco de dados mas o Label é aquele basicamente vai mascarar esse código para não ficar aparecendo para o usuário continuando aqui na coluna e da produto depois que você fez essa configuração né de deixar o kit ativado e o labio desativado Eu recomendo também você arrastar

aqui pro lado você e nessa parte aqui do show e você remover E você tem que garantir que ele vai ficar exatamente dessa forma tá o editable tem que estar ativo o recorder tem que estar ativo também e aqui nesse campo do início ao velho ele tem que estar com essa fórmula aqui que é o e d abre e fecha parênteses E aí o restante aqui das informações é só você vir no final e essa parte do search você pode remover feito isso a gente volta lá para os nossos colunas vamos agora configurar o nome

o nome aqui na coluna já tá com o nome correto o tipo dela a gente vai deixar como texto mesmo não precisa mais mexer em um desses dois arrastando para o lado a gente tem que garantir que ele vai estar como show editable e o recorder tem que estar ativo também lá para direita a gente deixa exatamente como tá aqui na minha tela as três Campos de fórmula em branco e esses quatro aqui desse jeito vamos voltar aqui para esquerda agora a gente tem a foto do nosso produto a foto já não é mais um

tipo texto Então a gente tem que mudar ela a gente vai clicar aqui nessa caixinha de seleção e vai procurar pelo campo imagem para ficar mais fácil Se você só apertar a tecla aqui ele já vai direto para a imagem e é só você dar um enter que já vai ter selecionado uma coisa que eu acho interessante também é que quando você tem um campo de texto e um de imagem Você pode ter dois labels na mesma tabela se fosse dois textos por exemplo só uma delas poderia ser o Label mas no nosso caso aqui

é um texto uma imagem eu vou deixar ele como Label também vamos lá para direita você pode tornar ele obrigatório ou não no meu caso aqui eu vou deixar como obrigatório e aqui é só deixar exatamente dessa maneira como tá voltando lá para esquerda agora a gente tem a descrição do nosso produto O que que a gente tem que fazer nessa coluna A gente tem que mudar o tipo de coluna que ela vai ser se vocês pesquisarem vai ter o long Teste aí é a última da letra L se eu não me engano você tem

que apertar ele três vezes para chegar nele você vai selecionar o long teste vai deixar essa configuração mesmo aqui e lá na direita a gente vai nesse Campo aqui ó do display name e a gente vai inserir aqui entre aspas tá descrição escrita corretamente então no nosso banco de dados a gente escreveu deskricão É descritical né tá sem acento e sem família aqui a gente pode deixar no display name escrito corretamente Desde que seja entre aspas de entender que é para aparecer assim para o nosso usuário então no nosso banco de dados não vai mudar

o nome da coluna mas no uso do aplicativo sim enquanto os seus olhos estiver vendo a tela dele vai estar escrito descrição corretamente depois só confirmar se os campos estão dessa forma tá eu não vou deixar ele obrigatório e eu vou deixar assim também e agora a nossa tabela de produto já tá configurada agora a gente vai fazer a configuração da nossa tabela de estante a tabela instante O que que a gente precisa fazer aqui dentro basicamente configurar as quatro colunas mas a gente vai ter um ajuste que vai fazer aqui dentro que vai criar

essa coluna aqui da tabela produto tá por isso que eu expliquei eu disse que quando eu tiver explicando ela explica aquela coluna também então vamos lá aqui na nossa tabela estante não vamos fazer nada com a row Number e da estante a gente vai fazer igual a gente fez com o ID produto deixa aqui selecionada mas o level não tá o Level A gente vai selecionar aqui no produto aí arrastando um pouco aqui para direita ainda nessa segunda linha aqui que é da produto a gente vai remover o show e a gente vai deixar essa

fórmula aqui no início alvale Unique ID abre e fecha parênteses feito isso vamos arrastar um pouquinho aqui para direita e a gente vai tirar esse Surf dela também tá bom feito isso a gente volta aqui para esquerda agora a gente tem produto quantidade e vencimento eu vou falar dessas duas últimas aqui primeiro E aí depois eu explico para vocês o que que a gente vai fazer no produto Tá bom então vamos lá na quantidade a gente vai entrar aqui e vai colocar Number para entrar os nossos números e a gente saber quanto que a gente

tem ali dentro do inventário arrastando para a direita eu indico você deixar ela como obrigatório Então você tem que ativar esse campo aqui no requaire tá a gente não precisa fazer nenhum outro ajuste aqui pra direita então só fazer isso daqui mesmo no vencimento agora a gente vai procurar pela data e ela vai estar escrito como date tá da t você vai selecionar esse tipo de coluna o que eu costumo fazer com ele também é em aqui na direita eu torna ele obrigatório e no campo ao velho já para facilitar um pouco para pessoa eu

costumo inserir uma fórmula aqui que a fórmula today Então você vai escrever today abre e fecha parênteses feito isso você só Aguarda a validação se tiver aparecendo o verdinho aqui só salvar e já vai estar tudo certo agora o que que a gente precisa fazer na tabela de produto logicamente a gente já vai ter criado aqui na tabela desculpando na tabela não na coluna produto que que a gente precisa fazer nessa coluna logicamente a gente já tem a tabela produto e a gente vai cadastrar dentro das tabelas todos os nossos produtos que a gente quer

inserir dentro do inventário então como eu falei aqui a gente vai estar fazendo como se fosse um inventário ali para um mercadinho para um é para uma Adega ou talvez até se você estiver fazendo para uso próprio você pode fazer pra dispensa da sua casa a gente vai estar inserindo ali alguns produtos por exemplo arroz feijão café óleo e aí você vai colocar lá o nome do produto qualquer imagem dele uma descrição se você quiser e aqui na estante onde a gente vai colocar a quantidade e o vencimento mais tá então quando você tiver abrindo

uma estante você tiver registrando um produto que está na sua estante é importante você já ter uma lista dos seus produtos ali que seja cadastrou anteriormente para você não ter que ficar repetindo toda vez você criar esse produto novamente Tá bom então para isso o que que a gente vai fazer qual que vai ser a interação entre essas duas tabelas na tabela estante aqui na coluna produto a gente vai selecionar o tipo de coluna refe tá escrito R e F tá bom vocês podem procurar por aí vai selecionar o raff se não tiver entrada automaticamente

para vocês Vocês vão fazer o quê depois que selecionar esse tipo de coluna vocês vão entrar aqui nesse lápis vamos clicar nele e aqui na parte do cerce table vocês vão procurar pela tabela produto e selecionar ela feito isso eu indico para vocês aqui vocês não estarem fazendo nada nessas duas configurações mas no empot molde é interessante vocês deixarem aqui marcado como drop Down porque a gente vai cadastrar bastante produto então Se vocês deixarem como botão vai aparecer um botão para cada produto que vocês tem cadastrado imagina que você vai abrir o formulário ali para

cadastrar o que tá na sua prateleira e de repente se você tem sem produto cadastrados vão até sem botões para você procurar qual que é o botão certo ali para selecionar o produto e clicar tá então deixa como drop Down fica uma listinha bem mais interativa ali pra gente e feito isso quando vocês clicarem para salvar aqui em cima as alterações que a gente acabou de realizar aí o nosso aplicativo ele vai atualizar aqui certinho na tabela produto vai ter sido criada essa coluna aqui releited stands basicamente vai estar fazendo aqui quando você cria uma

referência entre a tabela estante e a tabela produto ele vai criar também uma referência reversa da tabela produto para a tabela estante Então imagina assim você tá fazendo com que a informação flua de estante para produto app sheet vai garantir que faça o contrário de produto para estante assim quando você for selecionar uma estante aqui na estante quando você for selecionar Qual que é o produto você também vai ter cadastrado lá no seu produto quantas vezes ele foi cadastrado na sua prateleira você vai ter um histórico de registros da estética é isso que é importante

Acho que até eu devia ter colocado o nome dessa tabela como prateleira que fica um pouco mais fácil de entender o funcionamento dela e só um recadinho pessoal se você tá acompanhando a gente aqui pelo YouTube na descrição desse vídeo a gente vai deixar um link de um e-book exclusivo para vocês e é totalmente gratuito que explica um pouco mais sobre como utilizar e como criar um aplicativo de cadastro de cliente Bem Simples então não esquece de resgatar ele lá e fica ligado também porque no final da cebook tem uma oferta exclusiva só para vocês

então vou parar de trabalhar aqui boa aula bom pessoal então se você já fez essas configurações das colunas você já pode estar utilizando seu sistema ele já vai estar pronto para você utilizar porém ele ainda vai estar muito básico você só consegue estar inserindo as informações de registro ali e ele ainda vai estar um pouco feio de hams porque ele vai estar com essa visualização mais padrão aqui dapchat a gente vai estar alterando isso nas próximas aulas mas eu queria só mostrar para vocês como que vai funcionar app Hit em relação ao aplicativo que a

gente tem aqui dentro e ao nosso banco de dados Tá bom então vamos lá eu vou jogar minha câmera aqui para o canto só para ficar um pouco mais fácil de vocês verem esse lado aqui tá que que acontece eu vou mudar para tablet aqui em cima para ficar um pouco maior a nossa visualização que que vai acontecer aqui agora a gente tem nosso aplicativo criado a gente consegue inserir as informações e eu tô aqui nessa visualização que a visualização de estante que inclusive é apetite ela já criou automaticamente no momento que a gente criou

o nosso sistema aqui dentro o que que você vai poder fazer você vai clicar nesse mais então Você clicou no botão ele vai abrir esse formulário Onde você consegue inserir os produtos e agora só tem três colunas aparecendo a coluna de produto quantidade e vencimento a gente tem até o ID estante mas como aqui do lado a gente removeu esse show dele né a gente retirou aqui ele não vai mais estar aparecendo no formulário mas ele ainda existe ele ainda vai aparecer lá no nosso banco de dados quando a gente Salvar esse formulário aqui tá

então Se vocês fizerem tudo corretamente igual eu passei aqui no nosso formulário se você clicar em produto você vai ter essa limitada E aí você pode clicar no botão novo para cadastrar um novo produto Eu já peguei algumas imagens aqui então por exemplo eu vou fazer com alguns produtos que você vai ter tanto em casa quanto se você tiver em mini mercado por exemplo Digamos que você quer cadastrar aqui o seu arroz tá você vai colocar o nome do seu produto aqui na parte da foto você vai clicar nesse campo e ele vai abrir o

seu explorador de arquivos se você tiver no computador ou a galeria do seu celular ou a câmera né você vai poder escolher entre a galeria ou a câmera se você tiver utilizando um dispositivo móvel tanto celular quanto o tablet mas aqui no computador eu já deixei até umas imagens prontas então a gente tá cadastrando o arroz eu vou pegar aqui a imagem de pacote de arroz vou dar um double Click ele já vai ter inserido aqui dentro do meu banco de dados né do meu banco de dados do meu aplicativo e aí aqui na descrição

você pode colocar uma descrição um pouco maior se você fizer arroz branco é pacotinhos e sei amar então você inserir aqui a informação deixar com ponto final quando você já tiver com as três colunas inseridas você pode salvar e aí você salvando a gente vai voltar para que ele formulário que a gente tinha que é formulário da nossa estante né o prateleira E aí você tem aqui ó seu produto cadastrado bem bonitinho tá imagem com o nome dele aparecendo e você pode colocar a quantidade ah Comprei um pacote só e o vencimento dele não é

para hoje vencimento dele sei lá tá com só um pouquinho de conservante Então vai vencer em Dezembro tá então ele vence dia 4 de dezembro de 2023 interessante vocês saberem que aqui no vencimento vocês podem fazer igual eu de clicar para estar alterando dia mês ou ano ou vocês podem vir aqui nesse calendáriozinho do lado e inserir através de um calendário mesmo tá no dispositivo móvel quando você clica ele já vai abrir o calendário provavelmente feito isso agora quando a gente salva a gente vai ter aqui na nossa estante cadastrado que a gente tem um

produto inserir lá dentro que é o que é o nosso Barros vai dar um glitch aqui na imagem ela vai sumir mas ela parece de novo é só porque ela tava sendo salva no nosso banco de dados e aí como que fica o nosso aplicativo sempre que você entrar aqui Você sabe agora que você tem um arroz tá se você clicar nele você vê quando que a data do vencimento inclusive você tem aqui ó no produto você tem como clicar nesse produto então se eu passo o mouse pela imagem ou pelo nome ou até nesse

botãozinho que aparece aqui eu consigo ir para o cadastro desse produto Então vai aparecer lá a imagem dele bem grande o nome dele a descrição que eu coloquei lá também E aí Lembra daquela coluna virtual que tem aqui na tabela de produto coluna azul é essa tabelinha essa listinha que a gente tem aqui que são os registros né relacionados a esse produto que eu fiz lá na tabela de estantes Então eu tenho aqui ó cadastrado uma quantidade com esse vencimento se eu cadastrar mais uma vez vai estar adicionando dentro dessa lista então eu vou adicionar

mais produtos aqui e eu vou fazer isso em vídeo tá vou colocar mais dois produtos só para vocês verem como que vai ficando Então vamos lá voltando aqui na visualização distante vamos adicionar um novo aqui no produto se eu clicar inclusive agora já aparece o arroz eu posso clicar para selecionar ele ou criar um novo se eu quiser eu vou adicionar agora o feijão só feijão mesmo vou colocar a descrição dele então seleciona aqui qualquer imagem selecionada não vou colocar descrição ela não é obrigatória única coisa que eu tenho obrigatório é o que está com

asterisco aqui que é a foto e o nome então vou salvar Qual a quantidade já comprei 2 kg de feijão Então vou colocar dois o vencimento dele vou colocar para novembro tá pouquinho mais de conservante vamos salvar e agora eu tenho aqui o meu arroz e o meu feijão cadastrados então um arroz dois feijões Agora se vocês até uma coisa interessante vocês forem ver se você clicar aqui no produto então eu entrei na no detalhe né cliquei nessa linha e eu vou clicar aqui no produto a gente tem aqui somente o arroz aparecendo se você

for ver eu tenho uma setinha que tá bem branca aqui nesse canto eu vou tentar dar um zoom na edição para vocês verem e outra seta aqui do outro lado que ela é clicável se eu clicar eu vou ir para o cadastro do feijão e aqui eu só vou ter um registro também então essa telinha que a gente tem aqui embaixo dos lançamentos relacionados ao produto é por produto tá se você tiver o feijão cadastrado uma vez ele vai estar mostrando aqui e o arroz no cadastro do Arroz ele não vai misturar todos como tá

na nossa visualização principal vamos cadastrar agora o café também bem rapidinho produto colocar agora café selecionar uma imagem para ele não vou colocar descrição mais uma vez eu vou salvar eu vou colocar aqui coloquei só comprei só um pacote de café que vai vencer em novembro beleza Posso salvar também agora já tenho três produtos dentro da minha prateleira né da Minha estante e inclusive Quando eu for inserir de novo então por exemplo acabou o meu café lá em casa eu vou deletar aqui o lançamento desse café clicar vou colocar para confirmar aí deletou o meu

café Então ele sumiu daqui agora só tem um arroz e o feijão num instante mas se eu for adicionar eu vou ter ele aqui ainda cadastrado então você vê que não fica totalmente atrelado posso continuar com o produto cadastrado mesmo que ele não esteja aparecendo na minha prateleira e agora até para vocês entenderem como que isso funciona eu vou abrir aqui o nosso banco de dados Então vou voltar pra minha tabelinha lá deixa eu passar a minha câmera aqui pro lado aí e agora o que que a gente vai ter aqui a gente tem os

produtos então ó todos os três que a gente cadastrou o arroz o feijão o café a gente tem aqui a coluna cena que a nossa coluna foto esse aqui é o caminho dentro do seu Google Drive ele vai ter criado lá para você uma pasta chamada produto underline imagens e depois a gente tem o nome aqui de cada uma dessas imagens tá então a gente tem as três colunas que estavam aparecendo lá para o usuário mas esse código esse código aqui é importante eu vou copiar só o código do Arroz aqui que é esse 08f

para vocês verem que que acontece na prateleira se vocês abrirem vocês vão ver que a gente tem esse código aleatório aqui no ID stand a gente tem um código aleatório também do produto a gente tem a quantidade deles e o vencimento que que acontece no banco de dados se você for olhar vai ficar difícil de você entender o que que são cada um desses dados né O que que é o 08 f o que que é o zero 712 que a gente tem aqui o sistema ele consegue interpretar que é cada um mas a gente

não seria um usuário for utilizar esse daqui ele vai se confundir bastante mas esse 08 F eu vou dar um control V para vocês verem É exatamente esse código que eu tinha copiado que é o código do que do Arroz lembra que quando eu falei para vocês ali sobre aqui e o Label né que são essas duas partes aqui então banco de dados ele vai usar isso daqui para interpretar as informações do banco de dados mas isso aqui é o que vai aparecer para o usuário então o que que acontece quando eu tô aqui na

estante no formulário e eu clico para selecionar um produto por mais que esteja aparecendo para mim o nome e a foto do produto que são os meus labels que eu deixei aqui para o banco de dados o que ele vai estar selecionando é aqui então ele vai selecionar o código do produto mais ou menos o ar ele vai ver um nome a imagem então por isso que é importante a gente deixar essa configuração porque além de ficar fácil para o banco de dados entender ali o que que a gente está selecionando e a gente vai

sempre ter um código único para cada produto então a gente evita de fazer cadastro repetido por exemplo eu cadastrei só arroz eu cadastrar arroz de novo mas você é um pacote diferente por vai ter uma diferenciação entre eles através do código mas para o usuário ele vai estar diferenciando pelo que é importante que é o nome e a imagem tá então por isso que é importante vocês fazerem esse cadastro é assim que funciona Basicamente aquilo ali de maneira bem simplificada tá bom pessoal então nessa aula a gente já conseguiu configurar o nosso aplicativo ele já

tá funcionando muito bem na próxima aula então a gente começa a fazer a configuração da visualização que ele tá bem feio ainda a gente pode melhorar bastante isso daqui bom pessoal é nessa aula a gente já conseguiu então finalizar ali as configurações das nossas colunas a gente já até consegue utilizar o nosso sistema mas ele ainda vai estar com a aparência muito muito básica e na próxima aula a gente vai começar a fazer a configuração dele pra que a visualização fique melhor assim você consegue deixar seu aplicativo não só mais bonito mas também o mais

fácil de se utilizar então não se esquece na próxima semana a gente vai estar postando esse vídeo aqui e se você está assistindo esse vídeo um pouco depois a gente já tá deixando uma playlist pronta aqui com todas as aulas desse a gente base mini curso que a gente tá postando e você pode estar acompanhando por lá não esquece de resgatar na descrição aqui o seu e-book eu vou ficando por aqui até a próxima semana