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 18: Linha 18:
:;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.
:;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.
:;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
:;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.
:;Componentes: Onde ficam armazenados todos os itens adicionados, sejam eles visíveis ou não na tela do aplicativo. Dessa forma, fica muito mais simples selecionar cada objeto, pois eles estão listados de forma ordenada e acessível. Aqui também é possível renomear cada item. Assim, você pode chamar os componentes por nomes que façam sentido para o seu projeto. É muito mais fácil encontrar cada coisa se você mesmo criar um nome específico para ela, Como “botão de som” em vez de “Button1”. É possível também inserir arquivos de mídia pela terceira coluna. Clicando no botão “Adicionar” (Add) você importa sons, fotos e vídeos do seu computador para o servidor do App Inventor, e eles ficam disponíveis para que você possa usar 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.





Edição das 17h08min de 18 de outubro de 2023

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.


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