Ficha 01 · Glide + Adalo básico
Exercício 1 · Conta Glide + Google Sheet
Cria conta gratuita em glideapps.com. Cria Google Sheet "Diário Alimentar" com colunas: Data, Refeição, Item, Calorias, Foto (URL). Adiciona 5 linhas.
Resposta:
- drive.google.com → New → Google Sheets → "Diário Alimentar".
| Data | Refeição | Item | Calorias | Foto |
|---|---|---|---|---|
| 2026-05-26 | Pequeno-almoço | Café + Pão | 250 | https://images.unsplash.com/photo-... |
| 2026-05-26 | Almoço | Salada César | 450 | ... |
| ... | ... | ... | ... | ... |
- glideapps.com → sign in Google → New App → From Google Sheets → escolher sheet.
Glide gera primeira app automaticamente com lista de items.
Exercício 2 · Customizar Glide app
Continuando, customiza: - Layout: lista com foto à esquerda, título, subtítulo (data). - Detail screen: foto grande, todas as fields visíveis. - Theme: cor primary e dark mode. - Title: "Meu Diário Alimentar".
Tira screenshot da app no telemóvel (PWA install).
Resposta:
No editor Glide: 1. Settings → Appearance: Theme color (verde / azul); Dark mode default. 2. Settings → General: App name = "Meu Diário Alimentar"; Icon (upload). 3. Tab principal: Style → "List" → with image left. - Title = Item. - Subtitle = Data + " · " + Calorias + " kcal". 4. Detail screen: clica num item → editor de detalhe: - Image (big). - Title. - Text components para cada field.
Install:
- Glide gera URL tipo meu-diario.glideapp.io.
- No telemóvel: abre URL → 3-dots → "Add to home screen" (Chrome Android) ou "Add to Home Screen" (Safari iOS).
- Ícone aparece como app na home.
Exercício 3 · Form para submeter
Adiciona à app Glide um Form que permita aos utilizadores adicionar nova refeição. Form deve ter: Data (auto = hoje), Refeição (dropdown: PA/Almoço/Lanche/Jantar), Item (texto), Calorias (número), Foto (image picker).
Resposta:
- Add Tab → escolher "+ Add" / Form layout.
- Editor de form:
- Date Picker → field "Data" → Default value = "Today".
- Choice → field "Refeição" → opções: "Pequeno-almoço", "Almoço", "Lanche", "Jantar".
- Text Entry → field "Item".
- Number Entry → field "Calorias".
- Image Picker → field "Foto" (upload directo).
- Submit action: "Add Row" (default).
- Save.
Test: abre form, preenche, submete. Row aparece na sheet automaticamente.
Exercício 4 · Computed columns
Adiciona à Glide app: - Computed column "Calorias diárias" que soma calorias por data. - Em vez de mostrar lista flat, agrupa por data.
Resposta:
Glide Editor → Data tab:
- Computed column:
- Add column → Math → Sum.
- Source: same row (column "Calorias").
- Filter: where Data = this row's Data.
- Name: "Calorias diárias".
(Ou via Glide Tables com formulas tipo Excel.)
- Tab principal → Layout → "List" com Group by = Data.
Cada secção da lista agora mostra o total daily ao header (via custom subtitle).
Exercício 5 · Conta Adalo + primeira app
Cria conta gratuita em adalo.com. Cria nova app "Lista de Tarefas" com template To-do. Adapta para o teu contexto (cores, ícone).
Resposta:
- adalo.com → sign up free.
- Create app → "Mobile App" → "To-do" template.
- Adalo carrega screens: Login, Home (lista de tarefas), Add task.
- Branding:
- Settings → Branding → primary color, font.
- App name = "Lista de Tarefas".
- Preview:
- Web (browser).
- Adalo Companion app no telemóvel para preview live.
Exercício 6 · Adalo CRUD
Personaliza a app Adalo: - Adiciona field "deadline" (data) e "priority" (high/medium/low) às tarefas. - Mostra ordenado por deadline. - Cor diferente conforme prioridade.
Resposta:
- Database → Collections → Tasks:
- Add property "deadline" → type Date.
-
Add property "priority" → type True/False com 3 valores OU Text com choice "High/Medium/Low".
-
Add task screen:
- Drag Date Picker → bind to "deadline" property.
-
Drag Dropdown → bind to "priority" → opções definidas.
-
List screen:
- Selecciona lista → properties → Sort: by deadline ascending.
- Conditional styling: na cell do Text "Title":
- "When current task's priority = High → color = red".
- "= Medium → color = orange".
- "= Low → color = green".
Exercício 7 · Auth + perfil
Adiciona à app Adalo: - Login com email + password. - Cada user só vê as suas tarefas. - Tela "Profile" com nome, email, foto.
Resposta:
- Settings → Users:
- Default Adalo já tem Users collection.
-
Login + signup screens vêm no template.
-
Database → Tasks:
-
Add relationship: "Task belongs to User" → property "owner".
-
Add task action:
-
On submit: Create new Task with owner = Logged-in User.
-
Home screen → Tasks list:
-
Filter: where owner = Logged-in User.
-
Profile screen:
- Image (logged-in user's profile picture).
- Text: Logged-in user's name.
- Text: Logged-in user's email.
- Edit button → Edit Profile screen.
Test com 2 contas diferentes: cada vê apenas as suas tarefas.
Exercício 8 · Publicar Adalo na web
Faz "Publish web" da app Adalo. Domain Adalo gratuito está OK. Partilha link.
Resposta:
- Adalo Editor → top-right → Publish.
- Choose: Web (free) vs Mobile (precisa contas dev).
- Web → Adalo gera subdomain (ex:
lista-tarefas.adalo.com). - Custom domain (Plan Pro+): vai a Settings → Domain → adicionar próprio domínio.
- App publicada em segundos.
Mobile publishing requer: - iOS: Apple Developer Account ($99/ano) + bundle ID + certificates. - Android: Google Play Console ($25 one-time). - Adalo gera AAB / IPA → upload manual ao Play Console / App Store Connect. - Reviews demoram 1-3 dias.
Para projecto de aprendizagem, web publication chega — funcional + grátis + instalável como PWA.