App Inventor: Introducao: mudanças entre as edições
| Linha 27: | Linha 27: | ||
[[Arquivo:AppInventor-Designer.png|700px]] | [[Arquivo:AppInventor-Designer.png|700px]] | ||
:Na tela '''Designer''' foram incluídos '''Legendas''' para identificar a aplicação e o nome das váriáveis, '''CaixasDeTexto''' para entrada dos parâmetros da equação e um '''Botão''' para iniciar o cálculo da equação. | |||
;Tela Blocos: | ;Tela Blocos: | ||
[[Arquivo:AppInventor-Blocos.png|700px]] | [[Arquivo:AppInventor-Blocos.png|700px]] | ||
Na tela '''Blocos''' está a lógica para extrair as raízes da '''equação do 1o grau'''. Foram criadas '''váriáveis globais''' para os parâmetros e variáveis da equação, e uma função que será executada '''quando o botão for clicado'''. | |||
==Referências== | ==Referências== | ||
Edição das 13h06min de 28 de setembro de 2017
Laboratório: Introdução ao App Inventor
O App Inventor[1] é um ambiente de programação, desenvolvido no MIT, que permite a qualquer pessoa desenvolver aplicativos para smartphones e tablets.
Iniciando o App Inventor
Construção da aplicação
A programação utilizando o App Inventor é realizada de forma online a partir do link App Inventor e necessita que o usuário realize um cadastro com uma conta pessoal.
Uma vez iniciado um novo projeto, o ambiente de programação do App Inventor apresenta duas área de trabalho:
- Designer: utilizada para projetar a interface do aplicativo, e permite incluir elementos como a tela de fundo, botões, caixas de seleção, legendas etc;
- Blocos: utilizada para construir a lógica de programação do sistema, podendo incluir estruturas de controle, funções lógicas e matemáticas e outras.
Teste e instalação da aplicação no smartphone
Para testar ou instalar uma aplicação desenvolvida com o App Inventor em um smartphone é necessário instalar o aplicativo MIT AI2 Companion disponível no Google Play Store para dispositivos Android.
- Teste de uma aplicação
- No ambiente de programação pode-se utilizar a opção Conectar/Assistente AI, a qual vai gerar um QR code que deve ser lido pelo aplicativo MIT AI2 Companion.
- Instalação de uma aplicação
- No ambiente de programação deve-se utilizar a opção Compilar, a qual vai gerar um QR code que deve ser lido pelo aplicativo MIT AI2 Companion.
- A opção de Compilar também permite gerar um arquivo com a extensão .apk para posteriormente instalada no smartphone.
Exemplo de aplicação
Para iniciar o App Inventor vamos desenvolver um exemplo de aplicativo para determinar as raízes de uma Equação do 1o Grau:
- Tela Designer
- Na tela Designer foram incluídos Legendas para identificar a aplicação e o nome das váriáveis, CaixasDeTexto para entrada dos parâmetros da equação e um Botão para iniciar o cálculo da equação.
- Tela Blocos
Na tela Blocos está a lógica para extrair as raízes da equação do 1o grau. Foram criadas váriáveis globais para os parâmetros e variáveis da equação, e uma função que será executada quando o botão for clicado.
Referências
--Evandro.cantu (discussão) 09h18min de 28 de setembro de 2017 (BRT)
