Embedded Files
O que são Apps?
O que são Apps?
Apps (aplicações) são programas de computador criados para realizar tarefas específicas num dispositivo digital. Embora haja aplicações para computadores, tipicamente referimos Apps como sendo do telemóvel ou tablet.
Tipos de Apps
Comunicação (WhatsApp, Instagram)
Jogos
Educação (Classroom)
Produtividade (Word, Excel)
Navegação (Google Maps)
1 - Introdução ao MIT APP Inventor
1 - Introdução ao MIT APP Inventor
O MIT App Inventor é uma plataforma gratuita que permite criar aplicações (apps) para telemóveis Android de forma simples, usando blocos em vez de código tradicional.
Parte 1 — Fazer login no App Inventor
Parte 1 — Fazer login no App Inventor
Abre o navegador Web (Chrome, Firefox ou Edge) e vai ao endereço: appinventor.mit.edu
Clica no botão laranja "Create Apps!" no centro da página.
Aparece uma janela da Google a pedir que escolhas uma conta. Seleciona a conta Google que usas a TIC.
Se for a primeira vez, o App Inventor pede para aceitar os termos de utilização. Clica em "I accept" e depois em "Continue".
Já estás dentro! Deves ver a página principal com os teus projetos (vazia por enquanto).
Parte 2 — Instalar o MIT AI2 Companion no telemóvel
Parte 2 — Instalar o MIT AI2 Companion no telemóvel
No teu telemóvel, abre a Google Play Store (Android) ou a App Store (iPhone).
Pesquisa por "MIT AI2 Companion".
Instala a aplicação gratuita da MIT App Inventor.
Abre a app e deixa-a no ecrã inicial --> vais precisar dela mais tarde.
Parte 3 — Criar o primeiro projeto
Parte 3 — Criar o primeiro projeto
Na página principal do App Inventor, clica em "+ New project" (canto superior esquerdo).
2. Na janela que aparece:
Escreve o nome Olamundo (sem espaços, sem acentos)
Toolkit - Padrão ou Default
Clica em OK.
O projeto abre automaticamente no Designer ou Editor de Ecrãs — é aqui que vais desenhar o aspeto da tua app.
Observa a interface: do lado esquerdo está a Palette (componentes disponíveis), ao centro está o ecrã da app, e do lado direito estão as Properties (propriedades do componente selecionado).
No canto superior direito vês dois botões: Editor de Ecrãs e Blocos. Por agora fica no Editor, vais usá-lo a seguir.
Altera a linguagem do site, clicando no botão do canto superior direito.
Parte 4 — Construir a app "Olá Mundo"
Parte 4 — Construir a app "Olá Mundo"
Objetivo da App: um botão que, quando clicado, mostra uma mensagem no ecrã.
No Editor de Ecrãs (o aspeto da app):
Na Palette do lado esquerdo, encontra a categoria Interface de Utilizador (User Interface). Clica nela para expandir.
Arrasta um componente Botão (Button) para o centro do ecrã da app.
Com o botão selecionado, vai ao painel Propriedades (lado direito) e muda o campo Texto para: "Clica aqui!"
Agora arrasta um componente Legenda (Label) para baixo do botão.
No painel Propriedades, apaga o texto do campo Texto do Label — deixa-o completamente vazio.
O teu resultado neste momento deverá estar como na imagem à direita 👉
Nos Blocks (a lógica da app):
Clica no botão Blocos no canto superior direito para mudar para a vista de blocos.
Do lado esquerdo aparece uma lista com os componentes que criaste. Clica em Botão1.
Aparece um menu com vários blocos. Arrasta o bloco "quanto Botão1.Clique fazer" para a área de trabalho (o espaço em branco no centro).
4. Agora clica em Label1 na lista da esquerda e arrasta o bloco "ajudar Legenda1.Texto para" para dentro do bloco de clique — encaixa na abertura que tem uma peça a faltar.
5. Clica na categoria Texto na lista da esquerda e arrasta um bloco de texto (o bloco vazio com aspas " ") para o conector do bloco anterior.
6. Clica duas vezes no bloco de texto e escreve: "Olá, mundo!"
7. O teu programa está pronto. Deverá ter este aspeto: quando se clica no botão → o Label mostra "Olá, mundo!"
Parte 5 — Testar no telemóvel
Parte 5 — Testar no telemóvel
No menu do App Inventor, clica em Conectar (barra superior) e depois em Assistente AI.
Aparece uma janela com um código QR e um código de 6 letras.
No teu telemóvel, abre o MIT AI2 Companion e clica em "Scan QR code".
Aponta a câmara ao código QR no ecrã do computador.
A tua app deve aparecer no telemóvel em poucos segundos
Clica no botão "Clica aqui!" — a mensagem "Olá, mundo!" deve aparecer.
Page updated
Google Sites
Report abuse