App Inventor: mudanças entre as edições

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
Sem resumo de edição
Sem resumo de edição
Linha 11: Linha 11:


A tela do App Inventor é composta por duas seções, cada uma com uma função específica:  
A tela do App Inventor é composta por duas seções, cada uma com uma função específica:  
* '''Designer''' - construir a interface do aplicativo
* Designer - construir a interface do aplicativo
* '''Blocos''' - implementar a lógica de programação
* Blocos - implementar a lógica de programação


O '''App Inventor Designer''' é a tela principal de um projeto, onde é feita a interface do aplicativo, inserindo e posicionado os componentes disponíveis para a construção de um programa.
O '''''App Inventor Designer''''' é a tela principal de um projeto, onde é feita a interface do aplicativo, inserindo e posicionado os componentes disponíveis para a construção de um programa.
Ele é dividido em quatro colunas:
Ele é dividido em quatro colunas:
:;Paleta: "''Palette''": Reúne todos os componentes utilizáveis num aplicativo. É dividida em seções para facilitar a localização dos componentes, dos básicos (botões, imagens e textos), mídia (vídeo e som), aos mais específicos como sensores, armazenamento em banco de dados e integração com Lego.
:;Paleta: Reúne todos os componentes utilizáveis num aplicativo. É dividida em seções para facilitar a localização dos componentes, dos básicos (botões, imagens e textos), mídia (vídeo e som), aos mais específicos como sensores, armazenamento em banco de dados e integração com Lego.
:;
:;



Edição das 16h49min de 18 de outubro de 2023

App Inventor

O MIT App Inventor, criado pela universidade americana Massachusetts Institute of Technology (MIT), é um ambiente de programação visual e intuitivo que permite criar aplicativos totalmente funcionais para telefones Android, iPhones e tablets Android/iOS.

Introdução ao App Inventor

App Inventor é um serviço gratuito e online que permite criar aplicativos móveis usando uma linguagem de programação baseada em blocos. É uma ferramenta que facilita a criação de aplicativos em um tempo significativamente menor do que os ambientes de programação tradicionais.

Arquivo:AppInventor.png

A tela do App Inventor é composta por duas seções, cada uma com uma função específica:

  • Designer - construir a interface do aplicativo
  • Blocos - implementar a lógica de programação

O App Inventor Designer é a tela principal de um projeto, onde é feita a interface do aplicativo, inserindo e posicionado os componentes disponíveis para a construção de um programa. Ele é dividido em quatro colunas:

Paleta
Reúne todos os componentes utilizáveis num aplicativo. É dividida em seções para facilitar a localização dos componentes, dos básicos (botões, imagens e textos), mídia (vídeo e som), aos mais específicos como sensores, armazenamento em banco de dados e integração com Lego.


Menus de comandos
Reúne os comandos em grupos: Movimento, Aparência, Som, Caneta, Controle, Sensores, Operadores e Variáveis.
Área de programação
Onde será construída a lógica do programa, os trajes utilizados pelos personagens e sons que serão utilizados.
Palco
Área que mostra a execução do programa, na forma de animação.
Área de criação de personagens e cenários
Permite a criação de personagens e dos cenários para o palco.

Acessando o App Inventor

O acesso ao App Inventor deve ser através de um navegador da web (Chrome, Firefox, Safari).

Acesse: https://appinventor.mit.edu/


Executando os Aplicativos

Os aplicativos podem ser executados de três formas:

  • Dispositivo Android ou iOS (telefone ou tablet) e Wi-Fi
  • Dispositivo Android (telefone ou tablet) e um cabo USB
  • Emulador na tela