App Inventor

MIT 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. Para utilizar um desses componentes basta clicar sobre ele e arrastar para cima da segunda coluna, chamada Visualizador.

Visualizador

Janela de exibição que simula a tela de um smartphone com o sistema operacional Android, apresentando uma versão próxima da final, à medida que o programador adiciona e organiza a tela. Todos os itens adicionados da “Paleta” ao “Visualizador” são apresentados na terceira coluna, chamada de Componentes.

Componentes

Onde ficam armazenados todos os itens adicionados, sejam eles visíveis ou não na tela do aplicativo. É possível também enviar arquivos de mídia para o servidor do App Inventor, que ficam disponíveis para serem utilizados no projeto. Clicar sobre qualquer um dos itens da lista na coluna “Componentes” permite que você possa editar seus detalhes na quarta coluna, chamada de Propriedades.

Propriedades

Ajustar as configurações dos componentes, como por exemplo definir os tamanhos e conteúdos dos textos de botões e caixas de informação, tamanho das imagens, cores de fundo e largura e altura de objetos.

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