Fundamentos da Programação

de Computadores
Prof. Rodrigo Frogeri
 Unidade Extra – MIT
AppInventor 2

Tópicos trabalhados nesta aula:

o
MIT AppInventor 2.

o Preparar a
 O que é o MIT AppInventor 2?
o É uma ferramenta baseada em nuvem, o que significa que você pode
construir aplicativos diretamente no seu navegador web.

o É uma aplicação de código aberto originalmente fornecida pelo Google

e agora é mantida pelo Instituto de Tecnologia de Massachusetts
(MIT).

o Está disponível no site:

http://ai2.appinventor.mit.edu
 Requisitos
 Sistemas Operacionais:

o Apple Mac OS X 10.5 ou superior

o Microsoft Windows XP, Vista, 7, 8 e 10.
o GNU/Linux Ubuntu 8 ou superior, Debian 5 ou superior.

 Navegador:

o Mozilla Firefox 3.6 ou superior.

o Google Chrome 4.0 ou superior.
o Apple Safari 5.0 ou superior.
o Microsoft Internet Explorer não é suportado!

 Para testar, sistema operacional móvel Android 2.3 ou superior.

 Requisitos
 Ter uma conta Gmail!
 Configurações iniciais
 Três opções para testar o aplicativo construído:

1. WiFi

Construa seu Teste em tempo

aplicativo no real no seu
computador dispositivo móvel

http://appinventor.mit.edu/explore/ai2/setup-device-wifi.html
 Configurações iniciais
 Três opções para testar o aplicativo construído:

1. WiFi
1.1 Baixe o app “MIT AI2Companion” na Play Store:

https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3&hl=pt_BR
 Configurações iniciais
 Três opções para testar o aplicativo construído:

2. Emulador

Construa seu Teste seu aplicativo em

aplicativo no tempo real no computador,
computador através do emulador

http://appinventor.mit.edu/explore/ai2/setup-emulator.html
 Configurações iniciais
 Três opções para testar o aplicativo construído:

3. Aparelho real + cabo USB

Construa seu aplicativo no Teste seu aplicativo em

computador tempo real no seu dispositivo
móvel, através do cabo USB

http://appinventor.mit.edu/explore/ai2/setup-device-usb.html
 Configurações iniciais
 Instale o AppInventor Setup:

-Microsoft Windows
- Mac OS X
-GNU/Linux
Link: http://appinventor.mit.edu/explore/ai2/setup

Configure o emulador:
Para usar o emulador ou o aparelho no cabo USB, é necessário
usar o programa aiStarter, pois é ele quem permite a comunicação do
browser com o emulador ou cabo USB.

No Windows, clique no ícone 

Configurações iniciais
 Configurações iniciais
 Com um projeto aberto no AppInventor, clique em Connect e logo após em
Emulator.
 Vamos começar!

 Acesse o site: http://ai2.appinventor.mit.edu

 Autentique seu usuário com uma conta do Google

 Aceite os Termos de Serviço

 Vamos começar!

 Para criar aplicativos no AppInventor, trabalhamos com:

o App Inventor Designer – área onde os componentes visuais

são selecionados;

o App Inventor Blocks Editor – área onde os blocos de

programação são montados.
AppInventor – Modo Designer
Pallete: componentes que Botão Designer:
podem ser adicionados ao clique para alternar
aplicativo entre os módulos

Properties:
Selecione um
componente na
lista de
componentes para
alterar suas
propriedades
como cor,
tamanho, etc

Viewer: Arraste os componentes da

Pallete para esta área para ver como
seu aplicativo será
 AppInventor
Botão Blocks: clique para
Built-In Drawers: Encontre blocos de códigos de alternar entre os
comportamentos gerais para adicionar ao módulos
aplicativo e arraste-os para o Blocks Viewer

Component-Specific
Block: Encaixe os blocos de acordo
Drawers: Encontre com o comportamento do aplicativo

blocos de
comportamentos
específicos de cada
componente e arraste-
os para o Blocks
Viewer

Viewer: Arraste os componentes do Drawers

para esta área para criar relacionamentos e
comportamentos