FORMULÁRIO

MIT APP INVENTOR 2 - CRIAÇÃO DE APP HÍBRIDO

Este pequeno tutorial tem por objetivo demonstrar como utilizar o MIT PHP INVENTOR 2 para criar um APP híbrido, que calcule a melhor opção de abastecimento de acordo com o preço do álcool e gasolina. Trata-se de um APP híbrido porque o aplicativo será feito em JAVASCRIPT e importado para o MIT PHP INVENTOR 2 que gerará um apk para ser instalado em telefones com sistema operacional Android.
Passos necessários:

1 - Criar o arquivo "abastece.htm" com código HTML/JAVASCRIPT do aplicativo que realiza o cálculo. Exemplo:
<html> <head> <title>RMFAIS</title> <meta charset=utf-8> <meta name="viewport" content="width=device-width"> <script> function calcular() { document.dados.resultado.value= document.dados.gasolina.value * (70 / 100); } /*------------ ajustando pagina dispositivos moveis ---------------*/ if(screen.width<1000) document.write('<center><table width=100% height=100% bgcolor=silver><tr><td valign=top>'); else document.write('<center><table width=30% height=90% bgcolor=silver><tr><td valign=top>'); /*-----------------------------------------------------------------*/ </script> </head> <body><center><h3> <form name=dados method=post action=javascript:calcular();> Preço da Gasolina<br><input name=gasolina size=10 maxlenght=10> <p><input type=submit value='Calcular'> <p>Compensa abastecer<br>no álcool se custar<br>no máximo:<br><input name=resultado size=10> </form> <p><br><table bgcolor=gold><tr><td><center><B>APP criado por:<br><a href='http://www.rmfais.com' target=_blank>RMFAIS.COM</a></td></tr></table>

02 - Criar um novo projeto no MIT PHP INVENTOR chamado "abastece";
03 - Alterar, no canto superior direito, o idioma de inglês para português do Brasil;
04 - Arrastar o componente "NavegadorWeb" para o visualizador;
05 - Usar o botão "enviar arquivo" para importar o arquivo "abastece.htm";
06 - Clicar no botão blocos;
07 - Clicar no componente "Screen1" e arrastar para o visualizador o bloco "quando Screen1.inicializar";
08 - Clicar no componente "NavegadorWeb1" e arrastar para o visualizador o bloco "chamar NavegadorWeb1.IrParaUrl";
09 - Clicar no componente "texto" e arrastar para o visualizador o primeiro bloco disponível;
10 - Clicar no bloco de texto arrastado e digitar "file:///android_asset/abastece.htm", para que o APP possa localizar o arquivo "abastece.htm";
11 - Montar o quebra cabeça, encaixando os blocos conforme ilustrado na segunda imagem deste tutorial.
12 - Clicar no menu "projetos" e "salvar projeto";
13 - Clicar no menu "compilar" e usar a última opção "App for Google Play (save .apk to may computer)";
14 - Com isso deverá ser gerado na sua pasta "Downloads" um arquivo chamado "abastece.apk", que pode ser copiado ou compartilhado para o celular, para que o aplicativo possa ser instalado;
15 - FIM.

Para acessar o MIT APP INVENTOR 2, clique no link abaixo:
MIT APP Inventor 2

MIT APP INVENTOR 2 - CRIAÇÃO DE APP HÍBRIDO

FAÇA SEU COMENTÁRIO

Artigos