Atividade Prática: Projeto Integrador
Você vai criar um aplicativo com tema sorteado para aplicar os conteúdos estudados da Atividade 1 até a Atividade 15.
Importante: esta atividade é independente. Você pode realizá-la assim que terminar a Atividade 15, sem precisar concluir a avaliação do Módulo 3 antes.
Objetivo Geral
Você vai desenvolver um aplicativo autoral com um dos temas distribuídos abaixo. A proposta é reutilizar os conhecimentos construídos ao longo das Atividades 1 a 15 para montar um app com interface, organização visual e navegação entre telas.
O tema muda de aluno para aluno, mas a estrutura da atividade é a mesma: você deverá planejar um pequeno aplicativo funcional, com identidade visual própria e navegação usando os recursos estudados no curso.
O Que Seu App Deve Ter
Elementos visuais e estrutura
- Pelo menos 3 telas diferentes no aplicativo.
- Uso de
View,Text,Imagee botões ou links. - Estilização com
StyleSheet, cores, alinhamento, espaçamento e bordas. - Pelo menos uma imagem local ou online relacionada ao tema.
Navegação e organização
- Uso da pasta
app/com Expo Router. - Uso de
app/_layout.jspara organizar a navegação. - Pelo menos um tipo de navegação estudado: Stack, Tabs ou Drawer.
- Envio de dados entre telas com
href={{ pathname, params }}ou navegação programática comrouter.push().
Orientações Gerais
Você pode continuar usando o mesmo projeto Expo iniciado na Atividade 11 e evoluído nas Atividades 12, 13, 14 e 15, adaptando-o para o seu tema.
Organize seu aplicativo com uma tela inicial, uma tela de detalhes e pelo menos mais uma tela complementar, como ajuda, perfil, categorias, mensagens, configurações ou favoritos.
Na tela inicial, apresente cards, botões ou links que levem o usuário para outras telas do app. Em pelo menos uma navegação, envie informações do item selecionado para a tela de detalhes.
Escolha nomes, cores, textos e imagens compatíveis com o seu tema. O objetivo não é copiar exatamente os exemplos das aulas, mas demonstrar que você consegue adaptar a estrutura para um novo contexto.
Entrega
- Envie prints da tela do app mostrando o funcionamento do projeto.
- Envie também o código-fonte compactado do aplicativo.
- Antes de compactar, remova a pasta
node_modules. - A entrega deverá ser feita na atividade aberta pelo professor na equipe do TEAMS.
Distribuição dos Temas
Organização da sala: considere a 1ª fileira como a fileira da porta de entrada da sala e a 4ª fileira como a fileira da janela (ar-condicionado).
PAM-1-T1
PAM-1-T1 ATIVIDADE PRÁTICA 1: App de receitas rápidas.
PAM-1-T1 ATIVIDADE PRÁTICA 2: App de pontos turísticos da cidade.
PAM-1-T1 ATIVIDADE PRÁTICA 3: App de catálogo de filmes.
PAM-1-T1 ATIVIDADE PRÁTICA 4: App de agenda de estudos.
PAM-1-T2
PAM-1-T2 ATIVIDADE PRÁTICA 1: App de loja de roupas.
PAM-1-T2 ATIVIDADE PRÁTICA 2: App de treinos físicos.
PAM-1-T2 ATIVIDADE PRÁTICA 3: App de biblioteca escolar.
PAM-1-T2 ATIVIDADE PRÁTICA 4: App de pets para adoção.
PAM-2-T1
PAM-2-T1 ATIVIDADE PRÁTICA 1: App de cardápio de lanchonete.
PAM-2-T1 ATIVIDADE PRÁTICA 2: App de músicas favoritas.
PAM-2-T1 ATIVIDADE PRÁTICA 3: App de jogos em destaque.
PAM-2-T1 ATIVIDADE PRÁTICA 4: App de cursos livres.
PAM-2-T2
PAM-2-T2 ATIVIDADE PRÁTICA 1: App de notícias esportivas.
PAM-2-T2 ATIVIDADE PRÁTICA 2: App de organização de eventos.
PAM-2-T2 ATIVIDADE PRÁTICA 3: App de cafeteria.
PAM-2-T2 ATIVIDADE PRÁTICA 4: App de viagens e roteiros.
Checklist Final
- Seu app tem identidade visual ligada ao tema recebido.
- Seu app usa pelo menos 3 telas e navegação com Expo Router.
- Você enviou dados entre telas ou utilizou navegação programática.
-
Você separou os prints e compactou o código sem
node_modules. - Você entregou tudo na atividade aberta pelo professor no TEAMS.