#01 FAÇA SEU APLICATIVO DE AGENDAMENTO GRÁTIS - GLIDEAPP

e aí o olá pessoas tudo bem com vocês bom vamos fazer agendamento bem simples hoje tá bem básico mesmo com coisas básicas aqui eu não vou me aprofundar muito porque se a gente fosse aprofundar os detalhes agendamento a gente tem infinitas coisas que pode fazer tá então se eu for atender um lado vai ficar outros pendente eu vou apenas mostrar o caminho básico de como eu montei meu sistema de agendamento mais dinâmico e então vocês podem personalizar aí que acordo com vocês tá é pessoal vamos fazer o agendamento de barbearia tá é algo que eu

não costumo ir muito tá essas coisas de cortar cabelo barba não sou muito frequente mas eu sei que muitas pessoas vão né então eu vou fazer aí para quem vai tá bom mas também pode fazer agendamento sair para clínicas algo assim tá ou qualquer outro sistema sair hoje principalmente né agora que tudo está mais um oi gente faça umas precisamos ter essa esse controle é de quantas pessoas vai estar no local e o agendamento mais específico então acho que vai ser em um momento bom a gente montar esse ep de agendamento tá então vamos começar

aqui vamos criar uma planilha para quem ainda não conhece o gás ele é derivado do banco de dados em uma planilha tá eu vou deixar o link embaixo para você se inscrever no blaide por via desse link que eu vou mandar ir na descrição você entra lá faz sua inscrição e então cria esse aplicativo aqui junto comigo tá mas vamos criar ele até a parte de tá funcionando 100 porcento tá eu vou dar o nome aqui na minha planilha vou chamar de agendamento e pode ser o não tem esse meu aqui padrão né é o

nome da minha primeira página eu vou começar pelo que eu já sei o que que eu sei que o agendamento tem ele tem serviços tá então eu tenho um serviço eu vou colocar lá no grupo agora quais vou renomear fazer aquela tabelinha aqui em conhece excel e já tá bem acostumado fazer um cabelinho de serviços seria o serviço que a pessoa oferece o valor e em campo para uma imagem certo aí tem que estar acostumada já sabe fazer uma tabela é muito simples que que serviço tem então ele tem um serviço de cabelo e barba

de pé do cabelo não sei o que que tem uma barbearia para postar é valor vamos pouco seja 15 e barba 15 e pega o cabelo 10 reais na época que eu era isso tá vamos colocar imagens depois das vamos colocar essas imagens por dentro do aplicativo gardi né porque é uma dúvida de muitas pessoas é como que eu ponho a imagem no meu aplicativo o brilho explicando como inserir imagens mas ainda assim ainda ocorre várias duas então eu vou fazer o cloud dessas imagens da para o aplicativo também tá estamos até o serviço é

eu voltei no caso o meu sistema de agendamento onde vai armazenar cada as arcadas agendamentos mas primeiro vou ter vou inserir o banco de dados que é os que eu sempre uso como principal né eu sempre faço logo o banco de dados onde uma louca as principais informações que vai ter no meu aplicativo informações é essa eu quero que o aplicativo ele seja dinâmico que o dono desse dessa barbearia desse estabelecimento seja lá o que for ele possa marcar os dias que ele vai trabalhar e os horários que ele vai trabalhar eu vou fazer algo

que vai ser padrão tá será como por exemplo realmente alguém que tem é um dias isso horário fixo tá se for variável já vai entrar em outras questões aí talvez vocês possam fazer os próprios você sair um pouco ainda mais personalizados ah tá mas e o que que eu tenho então eu vou ter os dias da semana que eu vou trabalhar dias da semana esses dias essa semana eu vou trazer eles como eu não vou escrever assim segunda-feira porque eu não vou porque lá na frente eu vou fazer um mete de desse nome com o

nome de que vai ser proveniente de uma data então eu preciso ter esse nome escrito exatamente como que o google planilhas formata do nós vamos ver como que ele formato por exemplo hoje é 48 2020 nós vamos pegar essa coluna vim aqui no formatar formatar como o número vamos descer aqui embaixo mais formatos mais formato de data e hora eu vou selecionar aqui onde ele vai formatar com o nome tá vendo aqui ó terça-feira nesse exemplo que tá eu posso usar qualquer um desses aqui eu vou só que ela está esses aqui ó excluí o

líquido de sim tirovil pronto então esse é o formato meu da terça-feira ele é inscrito dessa maneira aqui ó tem minúsculo pra cima no meio tá bom então esse é o formato se eu fosse ele aqui para baixo quarta quinta sexta sábado domingo nós começamos domingo segunda terça quarta quinta sexta e sábado vou copiar esses aqui colar no dia da semana não preciso mais ir foi só para isso tá só para mim pegar esse nome exatamente como ele traz aqui para mim tá bom é aqui do lado nós vamos marcar quais dias que eu vou

trabalhar e as ativos esses dias ativos eles eram marcamos em check box vou clicar aqui no inserir a caixa de seleção a mãe seria ela vou copiar quando eu sei e vou colar nas minhas abaixa perfeito agora aqui vamos falar o trabalho de segunda terça eu não trabalho na quarta quinta sexta o trabalho pronto aqui você vai ter seus dias que você trabalha tá é tenho meus dias que eu preciso também das minhas horas que eu trabalho então tem umas horas e tem no caso o horário que ativo horas ativas né a hora da chuva

as horas também essas horas elas podem ser você pode escrever da sua maneira tá eu já vou colocar aqui por exemplo partir daí 5:00 aí vem normalmente é uma agendado a cada meia hora que eu vou colocar 5:30 eu vou seguindo aqui ó eu vou seleção nas duas e puxa aqui ó quando ele fica com essa coisinha ele já vai selecionar os próximos de meia em meia hora tá vendo certinho vamos ver aqui doze treze nós vamos até eu posso começar nós seguinte vou pegar um horário fofo vai que alguém aí trabalha de noite né

não sei com que mais faz tem né um e-mail da madrugada quem vai começar a trabalhar uma ideia da madrugada eu não faço ideia mas tudo bem e depois das duas horas e o e-mail 2 horas agora vou arrastar aqui até achar minha noite de novo eu tava na verdade até meia-noite e meia lá que lá em cima opá é a noite mesmo que lá em cima começou as umas verdade comercial e meia né meu deus do céu e aí a copiar passar uma para baixo e esse aqui vai ser uma hora pronto mais uma

hora até o final último aqui meia-noite e meia então aqui nós vamos colocar também assistiu xbox ou selecionar oi e olá a todos e que a pessoa vai lá escolhe a data que ele a data e hora que ele trabalha tá perfeito vou formatar aqui centralizado é isso aí bom eu já tenho uma estrutura já pré montada para mim começar meu aplicativo de lá lado blaide é onde eu vou ver é o que que eu vou precisar a mais é o que que eu vou realmente necessitar eu vou adicionando conforme as necessidades tá então vamos

lá no vai ler vamos criar uma nova o novo aplicativo de uma planilha do google vamos selecionar aquela planilha que acabamos de criar ela vai aparecer aqui ó agendamento jmc selecionar em pó ele já trouxe aqui ó os serviços se eu entrar aqui ele tem bar bauer 15 e o banco de dados aqui meu tá bom como que eu vou arrumar isso aqui então eu quero que meu aplicativo na hora que a pessoa entre eles já entre de cara com agendamento ele já vai clicar no que ele quer no data e na hora que ele

tá bom eu já trouxe aqui para cá mas essas tabelas na verdade eles nem vão ser utilizados tá esse banco de dados por exemplo ele vai ficar escondidinho áreas internas tá e aqui nós vamos trocar por outra página depois também vamos trocar aqui vamos criar uma logo de data que serão as datas é que eu vou ter disponível eu vou ter as datas e um campo para horas disponíveis na minha data colocar aqui data em cima também a minha data ela vai começar a partir de hoje ah tá nós temos uma fórmula aqui que ela

se chama hoje bem sugestiva né tá em cima igual hoje abre parênteses fecha parentes da unha ter pronto você já tem um dia de hoje ali automático então essa aqui vai ser minha primeira linha todo dia essa forma ela vai se atualizar sozinho então quando for amanhã no dia sim ela vai colar para dia cinco porque eu não preciso das minhas datas anteriores não precisa nos ajudar mesmo teve hoje né eu não preciso que ninguém a gente para o passado ele não tem esse poder ainda tá então nós vamos aqui usar hoje eu não vou

colocar essa forma na segunda linha eu vou colocar ela na primeira então o que que eu vou fazer na minha primeira linha eu vou colocar o igual um colchete abrir um as suas para mim digitar alguma coisa que vai ser hoje que vai ser meu cabeçalho fecha a aspa colocar um ponto e vírgula para separar a próxima spring né o próximo valor dentro dessa aí aqui e que será agora sim a minha fórmula de hoje a peça aparência e aí ó vou fechar koch também eu acho que o nome disso é colchete a beleza é

já tem aqui certinho hoje e as datas tá vendo agora sim eu vou deixar ela aqui e vou pintar ela de cinza para mim saber que isso eu tenho uma forma só para me identificar tá que eu já olho aqui já sei que você tem uma forma vou deixar centralizado e eu quero trazer a lista dos próximos dias também como que eu faço isso eu posso pegar aqui nas minhas de baixo igual a linha de cima mais um ele já sabe que é mais um dia tá muito legal já dia cinco e que eu só

puxo para baixo e 6 7 8 9 eu vou puxar até quando até quando você quiser eu aconselho puxar até 30 tá até o 31 no caso ter interposto por 31 dias que eu estou puxando 28 né então 29 30 31 ele vai puxar um pouco além porque nós estamos começando aqui já no dia quatro vou puxar até mais um a beleza não deixar assim que vai ficar bem seguro para os dias para frente tá bom já tenho aqui todas as letras de datas né com 30 em um dia mas eu preciso ficar lá dentro

do aplicativo apenas aquelas datas que eu selecionei e agora como que eu vou saber se o dia da semana que corresponde essa data aqui né esse agora é uma forma que nós vamos fazer aqui também é para saber a data é o dia da semana correspondente é esse aqui eu vou também só replicar ele aqui eu vou usar marley faz o seguinte que em cima abrir guia da semana a vírgula é um array fórmula abre parênteses de a2 até a vamos fechar aqui para ver o recheio vai trazer todo mundo só que aí eu vou

formatar essa essa outra coluna a seguinte maneira igual nós fizemos lá no banco de dados vou selecionar toda essa coluna vou vir aqui em formatar número vez que até agora eu já tenho ela aqui ó as últimas formatações que eu utilizei só posso clicar nela aqui ó terça quarta quinta sexta tava pronto agora eu já tenho um dia da semana qual corresponde essa data aqui e lá dentro do aplicativo depois a gente faz a verificação se ela está disponível ou não tá aqui nas minhas horas que que eu vou fazer né vamos buscar aqui o

horas e eu vou filtrar lá no meu banco de dados as penas as horas que estão com o a outra coluna marcada como um verdadeiro vamos ver que uma forma chamada filter qual o intervalo no intervalo do filtro é esse aqui ó e aonde eu tenho as horas é de c2 a cê vai pegar qual que é a minha condição e a punição é que essa coluna aqui seja igual a verdadeiro eu posso fechar fechar o meu cochete oi e aquele não me trouxe nada porque aqui eu não tenho ninguém com verdadeiro vamos marcar um

agora eu tenho tá então agora sim deu correto que agora eu tenho uma hora lá tá marcado com um verdadeiro a evitar essa confusão claro que você não vai liberar seu agendamento sem ter hora é disponível mas se você quiser evitar esse esse r1 bobo mesmo você pode simplesmente adicionar que antes do filter um se eu se erro não se dá erro disse aqui ele vai me retornar vazio e vó beleza vou pintar aqui com cinza vamos centralizar essa coluna e vamos ver aqui cuidado vamos marcar eu vou começar a trabalhar às 7:00 eu vou

até as até meio-dia aí eu vou almoçar volto duas da tarde e vou até às 17horas ela 18 ah tá ótimo bom trouxe aqui para mim uma loucura de informação né tá vendo e que eu posso fazer forma ataque corretamente já é vou formatar como o número que eu não formato de hora eu posso formatar chover texto não posso que dá esse probleminha né o formato ele como hora só que eu não preciso desse segundos até porque senão do mais para frente ele pode me dar algum problema tá então eu vou formatar ele como hora

tem aqui ó ela considerava todo mundo mas falar aqui eu quero as horas com o zero à esquerda dois pontos que era bora os minutos com 20 com o zero à esquerda né aplicar tão pronto agora tenho 1776 papá os horários aqui bem certinho tá aqui já tá filtrando para mim as horas específicas que eu vou trabalhar beleza então nós já temos nossa estrutura de banco de dados na planilha montado é só isso que eu preciso a minha planilha tá vamos agora ir lá para o aplicativo terminar eu vou atualizar meu aplicativo aqui hello kitty

e eu vou trocar essa página minha de serviços para minha página de data oi tá na verdade nem faz diferença mais é vai ser mais simples assim vou deixar em data não preciso deixar em um único né até porque só tem uma tela mas se fosse para colocar um seria algo como um relógio o agendamento oi beleza o agendamento tá é vou colocar em layout nesse layout mim o que que eu vou configurar ele para detalhes aqui em detalhes eu tenho mais opções né eu posso agora inserir o que eu quiser dentro da página metade

é assim que eu te ligo vamos trocar também esse ícone né tá bem estranho aqui a beleza agora que que a gente precisa trazer para cá é os serviços para ele selecionar vamos colocar online e puxar o serviço dele já puxou aqui para cá né serviços vou deixar ele como formato de títulos e que já tá trazendo a cabelo barba o pé do cabelo e a imagem eu falei para vocês que a gente vai colocar tá que trazendo para imagem tá em chover serviço detalhes vai ser o valor da como que eu faço o que

eu tivesse mais para cá a forma mais simples de você fazer isso é você abrir uma pasta do seu computador e arrastar a sua imagem para islaine tá então você vem aqui o raça lá para dentro tá vendo que ele deu uma ó mudou arrastei cabelo o pé do cabelo é a coisa mais simples né vamos ver lá na planilha ó vai fazendo flores da imagem pronto já colocou suas imagens aplicativo olha que coisa mais simples é e prontinho já tem os meus tipos de agendamento nós vamos ao configurar isso aqui detalhe preciso colocar o

rs antes do valor né fica mais legal então vem data serviços aqui no meu valor vou nesse nesse ícone zinho aqui vai ditar e quilo need 5 hrs dá um espaço e displayer displayer se a fernanda né pro beleza rs15 reais beleza vamos colocar essas informações aqui no meio do botão vamos deixar maior belezinha belezinha é isso aqui que eu preciso então pessoal vai entrar vai clicar no serviço que ele quer e vai começar a agendamento dele mas preço nós podemos colocar aqui também o texto usar componente texto o deixa ele costumizado depois a gente

vai mudar isso mas escolha um serviço e olha só se for um serviço ele vai clicar para escolher um serviço tá agora eu vou configurar é assim laine diferente ou vem aqui features é a minha ação dela não vai ser ver detalhes ela vai ser incoerente oi e para incrementar nós vamos incrementar é essa opção que ele escolher dentro de uma coluna que nós vamos criar agora essa coluna uso específico aqui em serviço nós vamos criar ela aqui ó serviço escolhido e foi marcado como o número um pronto e aí eu posso identificar mais para

frente ela vai ser do tipo de número cólon e dizer specific eu vou adicionar o molde isso é obrigatório ou tirar o separador tão preciso deixar um aqui limpo deixou só esperar ele aí carregou beleza essa coluna aqui cada usuário que digitar ela vai ser específica para ele tá e vai ser uma coluna que toda vez que ele reiniciar o aplicativo ela vai vai voltar com os dados gerados então ele vai escolher vai incrementar o número um aqui no serviço escolhido dele e a coluna aqui e a linha que tiver com o número um escolhido

né é porque ele clicou um simples assim é porque ele escolheu ele tá então vamos lá tô aqui na minha lá em já features an increment vai implementar onde vai implementar nesse um serviço escolhido qual o valor que ele vai incrementar valor um só sei que aumentar aqui ó barba olha lá serviços barba foi um esse é o ficar de novo bárbaro e serviços barba foi doido mas eu não quero que ele fique dois não tá quero que ele fique um e então ele já não posso mais ficar tá certo ou então que ele possa

de explicar essa informação eu como que eu posso fazer isso também aqui como o gladio ele não tem funções por exemplar após clicar nesse nesse item aqui ele vai mudar de estilo e vai desaparecer e vai fazer outras coisas ele não faz esse monte de ações ao mesmo tempo então preciso criar os outros componentes que alguns critérios ali para quando ele clicar e se engane vai sumir e vai aparecer um outro em mostrando que o serviço foi escolher tá é assim que eu utilizo então vamos lá eu vou duplicar esse serviço aqui e olha só

eu vou duplicar ele aqui agora nós temos os dois só que o que vai acontecer quando ele clicar nesse primeiro aqui nós vamos em filhos e vamos filtrar é ele vai desaparecer depois que tiver algum serviço escolhido então ele vai desaparecer após ter alguns serviços escolhidos olha como que eu sei que ele escolheu algum serviço então é só aqui que o negócio começa a ficar louco tá porque nós vamos usar a visibilidade para isso e olha só se eu vim aqui na minha lá encher e foi lá na bíblia na visibilidade olha o que que

aparece as minhas colunas que são lá da planilha de data você pensa poxa cara selecionou isso lá na planilha de serviço como que eu sei qual que ele escolheu e como que eu sei se ele escolheu alguma coisa né então agora é é algo que eu comecei a fazer recentemente mas que tá dando muito certo tá eu vou aqui na minha polônia e datas olha só eu vou criar uma coluna aqui que ela vai contar ela vai se e quantos um tem na coluna de serviço tá fazer cassoma serviço escolhido essa coluna vai ser do

tipo raglã e agora eu vou lá em serviços e vou somar aquela coluna um serviço aqui ó some além tá tudo zero na hora que ele clicar aqui em algum dava vou selecionar o pé do cabelo olha só ela só um porque agora que tem uma meu pé de cabelo tem um e ele já sabe que tem um então pronto agora eu já tenho esse critério aqui na minha página de datas que tem um lá eu posso adicionar ele aqui ó posso vir aqui na minha line features visibilidade e quando essa soma do serviço escolhido

já for igual a 1 ou ela for maior do que zero ou ela for later we couldn't em um por exemplo vai que ele clica dois rapidamente ali sem querer e isso acontece você pode ser que aconteça e aí você seleciona aquele som bom então eu posso eu gosto utilizar justamente essa aqui já para evitar algum possível erro vamos utilizar se ele for ele vai ser visível enquanto isso aqui for menor ou igual a 0 ah tá essa essa esse milagre aqui foi acabei de criar até ela tá ela tá agora tá olha só serviços

vamos supor que eu não tinha escolhido nenhum serviço tá aqui zé tá aqui clique em um desapareceu e agora agora eu preciso mostrar um slime do serviço que ele escolheu então para isso eu dobrei com ela vem aqui na outra e eu faço a contrário ela vai ser visível para quando a soma de serviços polido for maior ou igual a 0 um aumento no caso né agora não preciso mais é o maior igual a um tá e agora eu preciso filtrar que também apenas para o serviço que ele escolheu eu vou aqui em filtros agora

o filtro veja que ele me traz o campo da da planilha de serviços mesmo tá então aqui a gente já pode utilizar direto ele vai ter outra onde o um serviço escolhido for igual a tá pode ser ou é grace hulk próximo e se eu quiser voltar para os serviços anteriores né assim laine aqui e o selecionou ela para ser um incremente só que o serviço escolhido vai ser menos um agora e ele vai voltar 60 então se eu ficar aqui agora ele volta a minha lá no interior aplicar no cabelo vai aparecer é o

serviço disponível em