Informática · 11.º Ano

Ideias de aprendizagem ativa

Introdução ao Desenvolvimento Móvel

A aprendizagem ativa é especialmente eficaz neste tópico porque os alunos precisam de experienciar diretamente as diferenças entre abordagens, plataformas e constraints de hardware. Ao interagirem com ferramentas reais e resolverem problemas concretos, desenvolvem uma compreensão prática que a teoria sozinha não proporciona.

• Aprendizagens Essenciais
• DGE: Secundário - Programação
• DGE: Secundário - Tecnologias Móveis

• 30–60 min
• Pares → Turma inteira
• 4 atividades

Atividade 01

• Brainstorming em Carrossel
• 50 min · Pequenos grupos

Estações de Comparação: Abordagens de Desenvolvimento

Crie três estações: nativo (código em Kotlin/Swift), híbrido (React Native demo) e web (HTML5 app). Grupos rotacionam a cada 10 minutos, instalam ferramentas, executam exemplos e registam prós/contras num quadro partilhado. Discutam em plenário as escolhas ideais por cenário.

Como é que o contexto de mobilidade altera a forma como interagimos com o software?

Sugestão de Facilitação

Durante a Estações de Comparação, organize grupos mistos (nativos, híbridos, web) para que discutam semelhanças e diferenças usando casos de estudo reais.

O que observar

Entregue a cada aluno um cartão com um cenário de aplicação móvel (ex: aplicação de meteorologia, jogo simples). Peça-lhes para escreverem duas considerações de design específicas para um ecrã pequeno e uma limitação de hardware a ter em conta.

• Recordar
• Compreender
• Analisar
• Competências Relacionais
• Consciência Social

Atividade 02

• Brainstorming em Carrossel
• 45 min · Pares

Desafio de Design: Ecrã Pequeno

Em pares, redesignem uma interface desktop para móvel, focando em gestos táteis e navegação. Usem ferramentas como Figma ou papel, prototipem num emulador e testem com colegas. Avaliem usabilidade com checklist de design móvel.

Compare as abordagens de desenvolvimento nativo, híbrido e web para aplicações móveis.

Sugestão de Facilitação

No Desafio de Design, forneça dispositivos físicos e ferramentas de prototipagem (como Figma ou papel) para que os alunos testem designs em contexto real.

O que observar

Durante a explicação das abordagens de desenvolvimento, faça uma pausa e pergunte: 'Se o objetivo principal for o máximo desempenho e acesso a todas as funcionalidades nativas, qual das três abordagens (nativa, híbrida, web) seria a mais indicada e porquê?'

• Recordar
• Compreender
• Analisar
• Competências Relacionais
• Consciência Social

Atividade 03

• Brainstorming em Carrossel
• 30 min · Individual

Exploração de IDE: Configuração Inicial

Individualmente, instalem Android Studio, criem um projeto 'Hello World' e executem num emulador. Registem passos num diário, partilhem screenshots em grupo e resolvam erros comuns coletivamente.

Analise as principais considerações de design para ecrãs pequenos e interação tátil.

Sugestão de Facilitação

Na Exploração de IDE, demonstre primeiro a configuração de um projeto simples em ambos os ambientes antes de os alunos iniciarem as suas próprias configurações.

O que observar

Os alunos trabalham em pares para esboçar um ecrã de uma aplicação simples. Um aluno apresenta o esboço ao outro, que deve identificar um aspeto positivo e sugerir uma melhoria focada na interação tátil ou na clareza da informação num ecrã pequeno.

• Recordar
• Compreender
• Analisar
• Competências Relacionais
• Consciência Social

Atividade 04

• Brainstorming em Carrossel
• 60 min · Pequenos grupos

Protótipo Colaborativo: App Simples

Em small groups, desenvolvam uma app de lista de tarefas com botões táteis. Dividam tarefas (UI, lógica, teste), integrem no GitHub e apresentem demo à turma.

Como é que o contexto de mobilidade altera a forma como interagimos com o software?

Sugestão de Facilitação

No Protótipo Colaborativo, atribua papéis claros (designer, programador, tester) para garantir que todos participam ativamente na construção da aplicação.

O que observar

Entregue a cada aluno um cartão com um cenário de aplicação móvel (ex: aplicação de meteorologia, jogo simples). Peça-lhes para escreverem duas considerações de design específicas para um ecrã pequeno e uma limitação de hardware a ter em conta.

• Recordar
• Compreender
• Analisar
• Competências Relacionais
• Consciência Social

Algumas notas sobre lecionar esta unidade

Ensinar desenvolvimento móvel exige um equilíbrio entre teoria e prática imediata. Evite longas explicações teóricas sem aplicação prática, pois os alunos aprendem melhor quando veem as consequências das suas escolhas de design ou arquitetura. Use analogias com objetos do quotidiano (ex: comparar o desenvolvimento nativo com construir uma casa à medida) para consolidar conceitos abstratos. Pesquisas mostram que a aprendizagem baseada em problemas aumenta a retenção de 30% a 50% nestas áreas técnicas.

No final destas atividades, os alunos conseguem distinguir as vantagens e desvantagens do desenvolvimento nativo, híbrido e web, projetam interfaces adequadas a ecrãs pequenos com interações táteis intuitivas, e configuram ambientes de desenvolvimento para Android e iOS. Demonstrem ainda a capacidade de colaborar em equipa na criação de protótipos funcionais.

---

Atenção a estes erros comuns

• Durante a Estações de Comparação, alguns alunos podem assumir que 'o desenvolvimento nativo é sempre superior ao híbrido ou web'.

  Peça aos grupos que analisem casos reais como aplicações de bancos ou jogos, usando os materiais fornecidos para comparar performance, custo de desenvolvimento e tempo de lançamento. Cada grupo deve apresentar um cenário onde uma abordagem é claramente mais vantajosa.

• Durante o Desafio de Design, alunos podem pensar que 'o design para móvel é igual ao desktop, só menor'.

  Peça aos alunos que testem os seus designs em dispositivos reais, focando em aspetos como o tamanho dos botões, a disposição do conteúdo e a resposta a gestos. Durante a apresentação dos protótipos, peça a outros alunos que identifiquem pelo menos dois elementos que violam as guidelines de design móvel.

• Durante a Exploração de IDE, alguns alunos podem acreditar que 'todas as plataformas móveis funcionam da mesma forma'.

  Durante a atividade, peça aos alunos que comparem a estrutura de um projeto Android (Java/Kotlin) com um projeto iOS (Swift), destacando diferenças em ficheiros, pastas e configurações. No final, conduza uma discussão coletiva onde os alunos anotam as adaptações necessárias para cada plataforma num quadro partilhado.

---

Metodologias usadas neste resumo

• Brainstorming em Carrossel