PENSAMENTO COMPUTACIONAL

MIT – App Inventor

1
O que são aplicativos - APP
● Programas desenvolvidos para dispositivos
móveis (smartphones, tablets, relógios, etc.)
● Grande variedade de aplicativos e linguagens para
desenvolvimento - disponíveis em plataformas de
distribuição (APP Store ou Google Play Store)

2
Aplicativos nativos
• Vantagens:
• Recursos de hardware (GPS, câmera
fotográfica, sensores, bluetooth, etc)
• Acesso off-line: uso sem acesso a internet
• Menor custo de acesso: como a interface
é adaptada para o dispositivo, o tráfego de
dados para navegação é menor
• Envio de notificações informativas
em tempo real
• Desvantagens:
• Custo e tempo para desenvolvimento
• Atualização de novas versões no dispositivos
3
Site responsivo e Web app
● Design responsivo: os elementos são
automaticamente reorganizados e
redimensionados de acordo com o
tamanho da tela do dispositivo que o acessa
● Web app: o site é otimizado especificamente
para dispositivos móveis
● interfaces mais adequadas e parecidas com
aplicativo nativo
● custo de implementação inferior
● São multiplataformas - navegador com internet
● Não é possível utilizar os recursos do dispositivo
4
APP Inventor
● O MIT App Inventor é um ambiente de
programação visual intuitivo que permite criar
aplicativos funcionais para dispositivos móveis

● Originalmente criado pelo Google Labs,

atualmente mantido pelo MIT

● Utiliza a programação baseada em blocos

● É uma ferramenta de drag-and-drop (arrastar e

soltar) visual para a construção de aplicações
móveis na plataforma Android

● Não substitui as linguagens de programação

5
Motivação

● Ferramenta de ensino e aprendizagem -

pode ser utilizada nas aulas de qualquer
disciplina e em qualquer momento - promove
a exploração e descoberta

● Educadores desenvolvem seus próprios

objetos instrucionais

● Entusiastas e empreendedores: transformar

uma ideia em um aplicativo sem a curva de
custo ou de aprendizagem
6
Motivação
● Não está limitada a jogos simples
○ Educação: coleta e análise de dados (questionários)
○ Localização: carro, amigos, hospitais, rastreamento, tour
○ Robôs: controlar o robô via Bluetooth
○ Aplicações complexas: para escanear códigos de
barra, falar, ouvir (reconhecer palavras), ouvir
música, fazer música, reproduzir vídeo, detectar a
orientação do telefone e de aceleração, tirar fotos,
e fazer chamadas telefônicas
○ Aplicativos personalizados: resposta a desastres
naturais e necessidades comunitárias
7
Ciclo de desenvolvimento do APP

Fonte: www.computacaonaescola.com.br
8
Acessando o App Inventor 2
• Página principal: http://appinventor.mit.edu/
• Acesso direto: http://ai2.appinventor.mit.edu/

• Acesso conta Google

• Disponível em vários
idiomas

9
 App Inventor 2: Visão de Designer
Paleta de Componentes Componentes

Botão de
Designer

Área de
Visualização

10
Paleta de Componentes

11
Editor de Blocos
● Contém a lógica das funcionalidades do APP

Botão de Blocos

12
Criando App
● Clique no botão “Iniciar novo projeto” ou vá em
“Projetos” > “Iniciar novo projeto...”

13
APP: Calculadora de IMC
● Fórmula IMC = (peso / (altura * altura))

IMC CLASSIFICAÇÃO GRAU

Menor que 18,5 Magreza 0
Entre 18,5 e 24,9 Normal 0
Entre 25 e 29,9 Sobrepeso I
Entre 30 e 39,9 Obesidade II
Maior que 40 Obesidade Grave III

14
 Calculadora de IMC - Algoritmo
Início
Usuário digita o peso
Usuário digita a altura
Usuário clica no botão Calcular IMC
Realizar o cálculo do IMC ( (peso / (altura * altura))
Imprimir o valor do IMC calculado
Se (IMC menor que 18,5) Então
Imprimir a mensagem "Classificação: Magreza"
Senão Se (IMC maior ou igual a 18,5 e IMC menor que 24,9) Então
Imprimir a mensagem "Classificação: Normal"
Senão Se (IMC maior ou igual a 25 e IMC menor que 29,9)
Imprimir a mensagem "Classificação: Sobrepeso"
Senão Se (IMC maior ou igual a 30 e IMC menor que 39,9)
Imprimir a mensagem "Classificação: Obesidade"
Senão Imprimir a mensagem "Classificação: Obesidade Grave"
Fim
15
Calculadora de IMC
● Aplicativo “Calculadora de IMC”

16
Definindo a Interface - visual

Peso
Altura

Botão Calcular

Resultado

Mensagem
Classificação
17
Propriedade da tela

18
Propriedade dos componentes

19
Propriedade dos componentes

20
Lógica de programação - blocos

Operações de controle,
lógicas, matemáticas,
variáveis e procedimentos.

21
Variável
● Variável é um local da memória do computador usado
para armazenar um valor

22
Obtendo valores dos componentes

23
Alterando valores dos componentes

24
Lógica de Programação - Eventos
● O comportamento do aplicativo é definido por um
conjunto de manipuladores de evento, realizado pelo
usuário ou dispositivo

● Ações são executadas quando ocorre um evento

25
Lógica do APP Calculadora de IMC

26
Opções para testar sua aplicação
1. Baixar o  App Inventor Companion App
para o seu dispositivo.
• Conexão wireless
2. Instalar um emulador
https://appinventor.mit.edu/explore/ai2/setup-emulator.html
3. Instalar um software que permita a conexão
via USB com seu dispositivo

27
Execução no Emulador
● Execute o emulador aiStarter

28
Execução no celular
Selecione:
• Conectar > Assistente AI
• Pegue seu smartphone ou tablet e abra o app “MIT AI2
Companion” para ler o QR Code que é mostrado,
usando a opção “Scan QR Code”

29
PENSAMENTO COMPUTACIONAL

MIT – App Inventor

30