Criando um aplicativo Passo-a-passo

Apresentação em tema: "Criando um aplicativo Passo-a-passo"— Transcrição da apresentação:

1 Criando um aplicativo Passo-a-passo
Antes de começarmos assista esse vídeo para se familiarizar com a plataforma

2 2º Clique em criar aplicativo
1º Acesse o site e clique em criar aplicativo 2º Clique em criar aplicativo

3 Depois de fazer um login e aceitar as permissões aparecerá essa tela
Clique em iniciar novo projeto

4 Insira o nome do projeto

5 Tela principal de designer

6 1º Segure e arraste para tela a “legenda”
2º Clique na caixa texto e renomeie escrevendo: “selecione a figura para calcular a área”

7 2º Clique em : “Cadeia de Elementos” Escreva os nomes das figuras a serem calculadas 1º Segure e arraste para tela : “Lista Suspensa”

8 Aqui dentro deve ser inserido conforme a seguir:
Figura,quadrado,retangulo,triangulo,circulo Observe que estão separados por “VIRGULAS”

9 1º Clique em “Adicionar nova Tela”
2º Aqui será inserido: “quadrado”

10 Repare que agora aqui se encontra 2 telas
Mantenha na Tela quadrado para os próximos passos

11 3º Traga 3 botões para tela
1º traga duas legenda para tela 2º traga duas caixa de texto para tela

12 Agora Renomeie: Os botões As legendas

13 Clique em “Blocos” e aparecerá essa tela

14 Clique nesse campo e traga para tela os blocos até ficarem igual a imagem

15 Clique em “Adicionar nova Tela”
Aqui será inserido: “retângulo”

16 4º Renomeie As legendas OS botões 3º Traga 3 botões para tela 1º traga três legenda para tela 2º traga três caixa de texto para tela

17 2ºClique nesse campo e traga para tela os blocos até ficarem igual a imagem
1º Clique em blocos

18 Clique em “Adicionar nova Tela”
Aqui será inserido: “triangulo”

19 4º Renomeie As legendas OS botões 3º Traga 3 botões para tela 1º traga três legenda para tela 2º traga três caixa de texto para tela

20 2ºClique nesse campo e traga para tela os blocos até ficarem igual a imagem
1º Clique em blocos

21 Clique em “Adicionar nova Tela”
Aqui será inserido: “circulo”

22 4º Renomeie As legendas OS botões 3º Traga 3 botões para tela 1º traga duas legenda para tela 2º traga duas caixa de texto para tela

23 2º Clique nesse campo e traga para tela os blocos até ficarem igual a imagem
1º Clique em blocos

24 1º selecione a opção Screen1 2º Clique em blocos 3ºClique nesse campo e traga para tela os blocos até ficarem igual a imagem

25 Agora pode fazer a parte estética como achar melhor

26 Uma Possibilidade

27 Links abaixo dando uma introdução geral do App inventor e também maneiras para rodar e testar o Aplicativo criado