Logo
Blog Sem Codar
Como Criar um Aplicativo de Cardápio em Minutos (sem programar)
No Code

Como Criar um Aplicativo de Cardápio em Minutos (sem programar)

Renato Asse
Play

Comecei uma série de vídeos ensinando a criar aplicativos com o Glide (glideapps), uma ferramenta que conheci recentemente e fiquei simplesmente apaixonado!

O Glide tem uma proposta bem diferente das plataformas de criação de aplicativos que geralmente falamos aqui, pois ele usa uma Google Planilha como o banco de dados.

Então, pra criar seu aplicativo no Glide, basta criar uma planilha Google com todos os dados que você quer, e transformar sua planilha em um aplicativo em SEGUNDOS.

Veja no vídeo abaixo, ou continue lendo o artigo para o tutorial em texto.


Para criar, portanto, nosso aplicativo de cardápio começamos por aqui:


PASSO A PASSO

1. Crie uma Google Planilha

Eu usei como exemplo o cardápio do restaurante Didge em Florianópolis, que consegui no site (https://www.didge.com.br/florianopolis/cardapio):

Imagem do cardápio - imagem 3

Peguei todos os dados do cardápio e trouxe para uma Planilha Google:

  • O nome do prato
  • A descrição do prato
  • O URL da foto do prato
  • O preço (na realidade o Preço não está presente no site do Didge, então eu criei valores de exemplo)

Imagem do cardápio - imagem 2

Veja que, para cada categoria do cardápio, criamos uma aba diferente na Planilha. E criamos, inclusive uma aba “Locais”, com todas as unidades do Restaurante.

Imagem - Locais

Na Aba Locais, colocamos:

  • Nome da Unidade
  • Endereço
  • URL da Foto do local
  • Telefone
  • Horário de Funcionamento

Imagem do local - imagem 1

Com a nossa planilha pronta, agora vamos partir para o Glide para transformar essa planilha no nosso aplicativo de cardápio.


2. Crie um Novo Aplicativo no Glide

Acesse o Glide, faça login com a conta do Google que você utilizou pra criar a planilha e escolha a planilha criada no passo anterior:

Imagem do Glide - imagem 4

E voilà!

Temos nosso aplicativo de cardápio criado com os mesmos dados que inserimos na Planilha Google!

Imagem do Glide - imagem 5

Agora com o aplicativo criado, vamos personalizá-lo no próximo passo.


3. Personalize seu Aplicativo de Cardápio

Agora, podemos alterar o Layout de cada tela do aplicativo, em lista, lista compacta, barras, calendário, colunas, galeria, mapa e detalhes:

Imagem do cardápio - imagem 8

Quando o usuário clicar num prato, irá abrir uma tela de Detalhes. Podemos personalizar essa tela de cada prato inserindo textos, separadores, botões, e diversos outros elementos:

Imagem do cardápio - imagem 9

Na nossa aba de locais, podemos inserir elementos mais avançados, como mapas, vídeos, e dezenas de outros componentes:

Imagem do cardápio - imagem 11

E então, podemos personalizar as Abas do nosso aplicativo de cardápio, escolhendo quais queremos mostrar, quais abas queremos ocultar, os ícones de cada aba, e a ordem das abas:

Imagem do cardápio - imagem 10

Podemos, ainda, escolher a aparência do nosso aplicativo, podemos aplicar um modo noturno com a tela escura, podemos alterar os cores e personalizar o ícone que vai aparecer na tela inicial do aplicativo:

Imagem do cardápio - imagem 12


4. Publicar o Aplicativo

E, por fim, para publicar o aplicativo clicamos em Share App, ou Compartilhar App:

Imagem do cardápio - imagem 13

E aqui receberemos um URL que pode ser personalizado. Basta acessarmos esse URL de qualquer navegador, no celular, no tablet ou no desktop, para acessarmos nosso aplicativo. Você pode, inclusive, imprimir esse QR CODE e colocar nas mesas do restaurante, por exemplo, para que o usuário possa acessar o cardápio de forma rápida e interativa.

Imagem do cardápio - imagem 14

Veja só como fica quando acessamos o aplicativo do computador:

Imagem do cardápio - imagem 15

E então, para abrir o aplicativo no celular, basta também acessarmos esse URL, mas veja que aparece um aviso para Adicionar o Aplicativo na Tela Inicial:

Imagem do cardápio - imagem 16

Basta clicarmos em Adicionar, e vai aparecer um ícone na nossa Tela Inicial do Celular:

Imagem do cardápio - imagem 17

Ao acessar o aplicativo de cardápio por esse ícone, veja só como agora o App abre sem as barras do navegador, e fica igualzinho aos aplicativos nativos:

Imagem do cardápio - imagem 18

E é assim que criamos o nosso aplicativo de cardápio em tempo recorde!

Veja que o que mais dá trabalho é popular os dados da planilha, mas depois que nossa planilha google está pronta, criar o aplicativo de cardápio não demora mais do que alguns minutos.

E o resultado final está longe de ser uma gambiarra ou tem aquela aparência amadora de muitos aplicativos que conhecemos. O aplicativo fica esteticamente impecável, e sem dúvida irá trazer um ar de profissionalismo e interatividade à qualquer restaurante que decida usar esse aplicativo.


Já viu os vídeos com tutoriais e dicas gratuitas que posto toda semana?

Links úteis:

Renato Asse

Renato Asse

Fundador da Comunidade Sem Codar

Renato Asse é fundador da Comunidade Sem Codar, a maior escola No Code e Inteligência Artificial da América Latina, com mais de 25 mil alunos formados.

Eleito o melhor professor de Bubble do mundo (#1), atua como embaixador oficial da Lovable, Bubble, FlutterFlow e WeWeb no Brasil. Pioneiro no setor, criou o primeiro canal de No Code no Youtube no país, alcançando mensalmente mais de 1 milhão de pessoas.