mit - android appinventor secomp 2017 · aplicativo da mit app inventor 2.rodar através de um...

55
Appinventor MIT - ANDROID Felipe Oliveira SeComp 2017

Upload: phungnguyet

Post on 13-Feb-2019

231 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

Appinventor MIT - ANDROID

Felipe Oliveira

SeComp 2017

Page 2: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

MIT App Inventor, também conhecido como App Inventor for Android, é uma aplicação código aberto originalmente criada pela Google, e atualmente mantida pelo Massachusetts Institute of Technology (MIT).

Ele permite que os recém-chegados à programação de computador criem aplicativos de software para o sistema operacional Android.

O que é isso?

Page 3: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

MIT App Inventor, acredita que no futuro não muito distante, qualquer pessoa pode ser capaz de solucionar um problema criando sua própria aplicação Android.

Ambiente é ótimo para iniciar conceitos de lógica de programação e validação de propostas

filosofia

Page 4: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

PRIMEIROS PASSOS

Page 5: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 6: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 7: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 8: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 9: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

built-inblocos internos

Page 10: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 11: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 12: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 13: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 14: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 15: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 16: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 17: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

blocos dos componentes

Page 18: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 19: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 20: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 21: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 22: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 23: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 24: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 25: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 26: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 27: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

EXECUTAR UMA APLICAÇÃO

Page 28: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

Para executar uma aplicação podemos utilizar três maneiras:

1. Rodar online através do aplicativo da mit app inventor

2. Rodar através de um emulador3. Rodar através de um cabo usb

Executar aplicação

Page 29: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

Vamos utilizar apenas a execução online da aplicação através do Aplicativo do mit app-inventor

Abra a play store no seu smartphone

e procure pelo app “MIT AI2 Companion”

baixe, instale e execute!

Executar aplicação

Page 30: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 31: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 32: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

No SMARTPHONE

Page 33: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

teste!

Page 34: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

Operações Aritméticas

Page 35: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 36: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 37: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 38: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 39: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

prática imc! (20 minutos)

Vamos fazer um programa que receba peso e a altura do usuário e calcule com uma função o imc e apresente para o usuário como ele está em relação ao seu índice de massa corporal

imc = Peso/(altura*altura)

Page 40: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

Spinner

Page 41: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 42: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

No SMARTPHONE

Page 43: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 44: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

No SMARTPHONE

Page 45: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

prática! (20 minutos)

Faça uma Calculadora mais dinâmica!Adicione um spiner para que o usuário selecione qual operação deseja realizar. Após seleção o aplicativo realiza a operação e mostra para o usuário o resultado.

Page 46: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

RESPOSTA

ACESSE A GALERIA DO APPINVENTOR E PROCURE PELA APLICAÇÃO “SECOMP”, ABRA O PROJETO “CALCULADORA - SECOMP” E VEJA OS BLOCOS DE CÓDIGOS E EMULE NO SEU APARELHO.

Page 47: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

Listview

Page 48: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 49: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 50: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 51: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

Operadores lógicos

Page 52: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 53: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

Operadores condicionais

Page 54: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário
Page 55: MIT - ANDROID Appinventor SeComp 2017 · aplicativo da mit app inventor 2.Rodar através de um emulador ... Faça uma Calculadora mais dinâmica! Adicione um spiner para que o usuário

FIM DO MÓDULO - [2]PRÓXIMO: MÓDULO [3] - Appinventor + firebase