AULA 11 - UNIVESP_ Pensamento Computacional - Aula - APP Inventor_ok

Prévia do material em texto

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
Ao realizar o cadastro receberá um email para validar a conta
App Inventor 2: Visão de Designer
Paleta de Componentes
Botão de Designer
Componentes
Á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
Baixar o  App Inventor Companion App para o seu dispositivo. 
Conexão wireless 
Instalar um emulador 
https://appinventor.mit.edu/explore/ai2/setup-emulator.html
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