Como criar um app android para arduino ethernet shield
Autor: LincolnLeik | Publicado: 2014-01-12T13:50:00-08:00

Como criar um app android para arduino ethernet shield

Apos ter visto a aula anterior que mostrava como instalar e gravar o programa no arduino uno R3 com arduino ethernet shield (caso nao viu clique aqui&nbsp;)






Ja feito a aula anterior e tudo funcionando perfeitamente vamos para a segunda parte o android. vamos fazer o programa no App Inventor,&nbsp;caso não tenha conta no&nbsp;App Inventor clique aqui&nbsp;e necessário ter uma conta no google conta gmail caso não tenha clique aqui



abrindo o App Inventor vc deve clicar em New&nbsp;abrira uma nova janela e &nbsp;nele vc deve escolher o nome do app como mostra a figura abaixo.







apos escolher o nome e clicar em ok, o app inventor levara para a próxima tela como mostra a figura abaixo









Visualizando a primeira tela veja que o nome do canto esquerdo da tela o nome é Screen1 (Tela1)

a barra na lateral esquerda vc &nbsp;de primeira o Básico que vem com o Botão, Tela, Checkbox (Caixa de relação), Relogio, Imagem, Etiqueta,&nbsp;ListPicker&nbsp;(Lista Apanhador), Passwordtextbox (Caixa de texto Senha), Slider (Deslizante), TestBox (Caixa de texto), TinyDB (minúsculo DB).



Na parte superior da tela temos Salvar, &nbsp;Salvar como, Ponto de inspeção, Adicionar tela, Remover tela.



1- Vamos adicionar Arranjo de tela Horizontal, neste caso clique encima de&nbsp;Arranjo de tela Horizontal&nbsp;e arraste ate a tela do&nbsp;simulador e solte. Va até a lateral Direita em largura escola a opção Preencha pai.







2- Vamos adicionar botoes, neste caso clique encima de botão e arraste ate a tela do simulador e solte.

&nbsp; &nbsp; &nbsp;2.1- Na primeira tela coloque 3 botão e 1 imagem. Na primeira coluna rebatize (mude o nome) cada botão e na segunda coluna troque o nome dos botoes também caso queira colocar imagem no lugar do botão, vá em imagem da segunda coluna a direita e faça upload e aplique.&nbsp;











3- Vamos adicionar mais uma tela e colocar um nome ou deixar com o nome automático (Screen2).

&nbsp;&nbsp;3.1- Na segunda tela coloque 5 botão e 1 imagem. Faça da mesma forma que o de cima.





4- Clique na primeira tela (Screen1), e na parte superior &nbsp;em abrir editor de blocos.

Obs: Se aparecer pra vc desbloquear desbloqueie autorizando clicando em &nbsp;desbloquear.







5- apos abrir o Editor de Bloco, vá nos botoes e clica no bloco&nbsp;button1,2 e 3 arrastando para o palco o bloco BUTTON1,2 e 3.Click, (Obs: caso vc trocou (Rebatizou) o nome do botão aparecera o nome no lugar de Button)&nbsp;





6- Clique em Control - e arraste bloco open another screen&nbsp;

7- Clique em Text - e arraste bloco text - clique encima do bloco text que vc arrastou e encaixou no bloco open another screen,

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;no primeiro vc escreve &nbsp;"Home"

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;no segundo vc escreve o nome da segunda pagina "Screen2"

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;no terceiro vá em control - e arraste o bloco close application - &nbsp;que vai fazer sair da aplicação (Obs: este botão não vai o bloco text).&nbsp;












8- Vá para a segunda pagina "Screen2", coloque 5 botoes,&nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;o 1º Home, 2º Sair, 3º Ligar, 4ºDesligar e 5ºLiga/Desliga

e acrecente Web1 que esta em Outras Coisas e o TexBox que esta em&nbsp;Basico.







9- Rebatizei textbox para resultado - simplesmente para receber o resultado do botão na tela do android



Vamos para o Editor de Bloco, nos botoes Home e Sair faça a mesma coisa que o da pagina Screen1.

No bloco Screen2.Initialize - arraste para o ele o bloco Web1.Url e &nbsp;o bloco Text escrevendo dentro dele o IP da placa mais a porta Ex.(http://192.168.1.100:8081) sem barra no final. E abaixo Arraste Web1.Get. para quando abrir a pagina ela se conequitar com o servidor (placa).











10- Nos botão Liga e desliga, faz a mesma coisa mais no liga vc coloca apos a porta ( / + o codigo para ligar ) e no desliga a mesma coisa para desligar. Ex. (http://192.168.1.100:8081/liga ou desliga)









Já no botão ligar/desligar coloque os dois códigos juntos pois os dois sao enviado juntos e quando estiver ligado prevalece para desligar e quando estiver desligado prevalece para ligar.&nbsp;










11- Entre em Web1 - arraste Web1.GotText - arraste para dentro dele ifelse, e arraste para dentro do ifelse&nbsp;o&nbsp;contains,&nbsp;e&nbsp;arraste para dentro do&nbsp;contains, responseConten e text (escreve o comando da placa para desligar).

&nbsp; &nbsp; &nbsp;&nbsp;E&nbsp;arraste para dentro da segunda parte do&nbsp;&nbsp;ifelse&nbsp;o&nbsp;contains,&nbsp;e&nbsp;arraste para dentro do&nbsp;contains, responseConten&nbsp;e&nbsp;text (escreve o comando da placa para ligar)



e para resposta na tela araste&nbsp;&nbsp;para dentro do final &nbsp;do&nbsp;&nbsp;ifelse o bloco TextBox (renomeado por Resultado)&nbsp;&nbsp;TextBox.Text e&nbsp;arraste para dentro do TextBox.Tex - responseContent