Ficha 01 · Planear e programar por blocos
Exercício 1 · No-code
Explica o que é o no-code e desmente a ideia de que "no-code não precisa de lógica".
Resposta:
No-code é criar apps arrastando componentes e ligando blocos de lógica, sem escrever código de texto. Precisa de lógica: condições, ciclos, variáveis e listas continuam a existir — só são visuais (blocos) em vez de texto.
Exercício 2 · Fluxo de interação
Desenha o fluxo de uma app de bloco de notas: ver a lista de notas → abrir uma nota → editar → guardar (volta à lista).
Resposta:
[Lista de notas] → [Nota (ver/editar)] → guardar → (volta a) [Lista de notas]
│
[Nova nota]
Exercício 3 · UX/UI
Indica três princípios de boa UX/UI e um exemplo de má prática numa app.
Resposta:
Três de: simplicidade (um objetivo por ecrã), consistência, feedback, acessibilidade (contraste, toques grandes). Má prática: botões minúsculos e encostados, ou o utilizador não perceber se a ação resultou.
Exercício 4 · Wireframe
O que é um wireframe e porque se faz antes de programar? Diferença para um protótipo.
Resposta:
Um wireframe é o esboço de um ecrã (posição de títulos, listas, botões) sem cores nem conteúdo real. Faz-se antes para validar a estrutura e poupar retrabalho. O protótipo são wireframes ligados, que simulam a navegação entre ecrãs.
Exercício 5 · Eventos
Completa em pseudo-blocos: "quando se clica no botão Guardar, mostra a mensagem 'Guardado'".
Resposta:
Quando Botão_Guardar.Clicado
Label_Mensagem.Texto = "Guardado"
Tudo na app reage a eventos ("Quando … Clicado").
Exercício 6 · Condição
Escreve em pseudo-blocos: "quando se clica em Entrar, se a password for '1234', vai para o ecrã Principal; senão, mostra 'Errada'".
Resposta:
Quando Botão_Entrar.Clicado
se Caixa_Password.Texto = "1234" então
abrir Ecrã_Principal
senão
Label_Erro.Texto = "Errada"
Exercício 7 · Variáveis e listas
Distingue variável de lista e dá um exemplo de cada numa app de tarefas. Como mostrarias a lista no ecrã?
Resposta:
- Variável — um valor: ex.:
contador_tarefas. - Lista — vários itens: ex.:
lista_tarefas = ["Comprar pão", "Estudar"].
Para mostrar: ligar a lista a um componente ListViewer (que se atualiza sempre que a lista muda).