1 of 34

MIT App Inventor

1

Tópicos Especiais

2 of 34

Introdução ao MIT APP Inventor

  • é uma aplicação código aberto originalmente criada pela Google, e atualmente mantida pelo Massachusetts Institute of Technology (MIT) para desenvolvimento rápido de app android
  • 10 milhões de usuários
  • 43 milhões de aplicativos Android

2

3 of 34

MIT APP Inventor

Preparando o ambiente

  • Criando conta no app inventor
  • baixando o app
  • configurando o wifi
  • testando o app
  • criando conta no firebase
  • criando projeto

​

3

4 of 34

App Inventor

  • Entre no site: https://appinventor.mit.edu/

​

5 of 34

Configurando o celular

  • instale o app MIT AI2 Companion no seu celular:

6 of 34

Regras da avaliação

Renomear todos os componentes com nomes significativos seguindo a seguinte Regra:

tipo componente ou abreviação + função executada primeiro nome em minusculo e segundo nome começando com letra maiúscula:

​

7 of 34

Criando primeiro aplicativo

índice de massa corporal

7

8 of 34

Índice de massa corporal

teoria

O cálculo do IMC é feito dividindo o peso (em quilogramas) pela altura (em metros) ao quadrado. É simples calcular o seu IMC. De acordo com a tabela de IMC, você está no seu peso ideal. De acordo com a tabela de IMC, você está com obesidade de nível 1.

8

9 of 34

Índice de massa corporal

teoria

9

10 of 34

Aplicativo

coloque os componentes e mude suas propriedade para que a tela fique como apresentada ao lado

10

11 of 34

Aplicativo

ao lado está a lista de componentes

11

12 of 34

Code Bloco

12

13 of 34

Desafios

complete as tarefas

  • Coloque o aplicativo para falar
  • cadastre outras categorias de peso

​

13

14 of 34

MIT APP Inventor

O aplicativo

Calculadora

14

15 of 34

Aplicativo

Chat

15

16 of 34

MIT APP Inventor

Criando o app Chat

  • Criando a interface
  • configurando o firebase
  • construindo o código
  • desafio;

​

​

16

17 of 34

Criando conta no firebase

  • entre no site:https://firebase.google.com/
  • clique em ir para o console e use alguma conta do google para fazer login.
  • click em “criar um projeto “
  • use no projeto o nome: “chat”
  • clique em cloud firestore criar banco de dados
  • clique em regras
  • mude false para true e clique em publicar

​

18 of 34

Logar usando a Conta do google

  • Lembre de entrar no modo anônimo.
  • Crie um projeto chamado IMC

19 of 34

Criando conta no firebase

​

  • entre no site:https://firebase.google.com/
  • clique em ir para o console e use alguma conta do google para fazer login.
  • click em “criar um projeto “

​

20 of 34

Criando projeto

​

  • use no projeto o nome: “chat”

​

21 of 34

Criando projeto

​

22 of 34

Criando projeto

​

23 of 34

Criando projeto

​

24 of 34

Criando banco de dados

​

25 of 34

Criando banco de dados

​

26 of 34

Firebase

27 of 34

Firebase

28 of 34

Mude as regras

​

  • clique em regras
  • mude false para true e clique em publicar

​

​

29 of 34

Regras da avaliação

exemplos:

  • btEnviar
  • botaoEnviar
  • textoNome
  • txNome
  • labelNome
  • lbNome

​

30 of 34

Tela

31 of 34

Chat blocos

32 of 34

Desafios

complete a tarefa

coloque a opção para escolher outra sala de bate papo

32

33 of 34

3 aplicativo

Pegue a Toupeira

​

https://sites.google.com/site/projetoaprendaprogramar/tutoriaislinks/pegue-a-topeira

33

34 of 34

4 Aplicativo

Chat + Login

34