Embedded Files
OBJETIVOS:
O que é o App Inventor e para que serve.
Como entrar e usar a plataforma do App Inventor.
Para que servem os blocos e como os ligar.
Como usar botões, textos e imagens numa aplicação.
Como fazer uma aplicação reagir quando carregas num botão.
Como criar a tua primeira aplicação simples para Android.
O App Inventor é uma plataforma que permite criar aplicações para dispositivos Android de forma simples, mesmo sem saber programação avançada.
Nesta plataforma, usamos um sistema de arrastar e largar blocos, em vez de escrever código complicado. Cada bloco representa uma ação ou uma regra da aplicação.
Desta forma, qualquer pessoa, mesmo sem experiência em programação, consegue criar as suas próprias aplicações de forma fácil e intuitiva.
1. Acede ao APP INVENTOR ➡️ https://appinventor.mit.edu/explore/ai2/tutorials
2. Clica em Create Apps!
3. Inicia a sessão com a tua conta GOOGLE.
4. Altera o idioma para Português, de Portugal.
5. Cria a tua primeira aplicação: HelloCodi
O HelloCodi é uma aplicação muito simples que podes criar rapidamente. O objectivo é fazer um botão com a imagem da abelha Codi que, quando é tocado, emite um som de zumbido.
Antes de começares, transfere estes ficheiros para o teu computador:
Imagem da Codi — codi.jpg
Som da abelha — Bee-Sound.mp3
Guarda-os num local fácil de encontrar.
6. Clica em + New project e dá o nome de Projeto1_HelloCody
6. Na área Interface de Usuário, no lado esquerdo do ecrã, arrasta um componente Botão para o ecrã (Screen1).
Nas propriedades do Botão, no lado direito do ecrã, em Imagem, clica em “Nenhum” → Enviar ficheiro... e seleciona o ficheiro codi.jpg.
Apaga o texto do botão para que fique apenas a imagem da abelha. (vê como fazer no vídeo).
7. Arrasta um componente Legenda para o ecrã e altera:
o texto para “Toca na abelha”;
o tamanho da letra (TamanhoDaFonte) para 30;
as cores do texto e do fundo conforme preferires.
8. Na área Multimédia:
Arrasta o componente Som para o ecrã (este ficará nos componentes não visíveis).
Nas propriedades do Som1, define o campo Fonte como Bee-Sound.mp3.
9. Agora vamos programar o comportamento da aplicação:
Clica no botão Blocos (no canto superior direito do ecrã). No painel da esquerda, no ecrã, clica em Botão1 e arrasta o bloco quando Botão1.Clique para a área de trabalho.
Clica em Som1, arrasta o bloco chamar Som1.Tocar e encaixa-o dentro do bloco anterior.
👉 Isto significa: quando o botão é tocado, o som é reproduzido.
9. Vamos testar a aplicação:
Instala no teu telemóvel a aplicação MIT AI2 Companion.
No MIT App Inventor, clica no botão Conectar, na parte superior no ecrã.
Abre a aplicação MIT AI2 Companion no teu telemóvel, lê o QR code e conecta o dispositivo.
Espera que a aplicação carregue no dispositivo.
No ecrã do telemóvel toca na imagem da abelha.
Verifica se o som é reproduzido corretamente.
Experimenta tocar várias vezes e observa o comportamento do som.
Bom Trabalho!
Page updated
Google Sites
Report abuse