segunda-feira, 18 de março de 2013

Post Inicial Blog appinventordeveloper

Este é o Post Inicial deste Blog que batizei de appinventodeveloper .
A idéia é postar por aqui informações , idéias, dicas sobre o framework de desenvolvimento de aplicações para celulares com sistema operacional Android disponibilizada gratuitamente pelo MIT  e que torna a curva de aprendizado (intuitivo) de programação para smartphones e tablets com Android bem mais rápida.
Para começar, vá para a página do PROJETO em :
http://beta.appinventor.mit.edu

* atenção -> o PRÉ-REQUISITO para que desenvolvas e TER uma CONTA GOOGLE (um email no gmail).
Lá tem muita coisa para ler e aprender(Learn), mas ã medida que os projetos se tornam mais complexos, então vais precisar  pesquisar na Internet (p. ex : YouTube ) ou mesmo adquirir livros sobre o assunto.

O programador precisa, claro , conhecer conceitos simples de programação com IF, WHEN, DO, CALL,  o que é um Button, um TextBox, um Label, o que é SEND, RECEIVE , enfim, o significado destes mnemônicos (em inglês)  e muitos outros mais.
Bem, a programação é visual , com Blocos pré-construídos.
Veja abaixo um exemplo bem simples :
Bem simples, ou seja, quando CLICAR no Botão de nome - mostradados (mostradados.click) , então DO (ou , faça) :
1) atribuir ao Label2.Text o valor que está no TinyDB(db local) da TAG- hora1 , depois aos labels Label3, Label8 e Label9.

ENtão vá para a página inicial, entre com seu email do Google e vai abrir no navegador a IDE inicial.
Clique em My Projects e depois em NEW (Dê um nome a seu programa).
Clique no nome do programa e vai abrir uma tela com :
1) Uma Palette com objetos que vc vai escolher dependendo do que seu programa vai fazer (Button, Checkbox, Image, Textbox, Label etc.) .
- Por exemplo , puxe e solte na tela que estás vendo um TEXTBOX , depois um Button, e depois um Label .
2) Ã direita, em COmponents, vão aparecer os nomes , TextBox1, Button1 e Label1 , se clicar neles vai ver BEM Ã DIREITA as propriedades (Properties) de cada um (que vc poderá mudar, p ex  ajuste, tamanho , cor, etc). Troque as propriedades , ex : clique em Button1 e nas propriedades clique em Text e mude para OK ;
3) Agora o PULO DO GATO...Olhe acima , ã direita e vais ver (OPEN BLOCKS EDITOR) , isto vai precisar de que vc tenha JAVA instalado em seu computador. Vai abrir o editor de blocos,, que é onde vc vai colocar a LÓGICA do programa.
Clique lá , vai abrir outra página...pode demorar um pouco ... então vc vai trabalhar com 2 páginas...

4) Vc vai ver na nova página que abriu isso :


Clique em Button1 e vais ver os blocos :

PUXE o Bloco - when Button1.CLick para direita (na área de desenvolvimento).
OK?
Então : WHEN (quando) Button1.Click(clicar no Button1) , DO (Faça :)
Mas, faça O QUÊ..Bem , aí é com você, mas para nosso exemplo,
Clique ã esquerda em Label1 , role para baixo até encontrar :
e PUXE para direita  SET Label1.Text to , arrastando AtÉ ENCAIXAR no bloco que já está lá (do Button1) ... Encaixou? ...se não encaixar, está incorreto...isto evita muitos erros.

Fica assim :
e mais uma coisinha só , estamos quase lá....
Entã0, quando clicar no Button1 , vai setar Label1.Text para ?

Claro, vc vai digitar qq coisa no Textbox e ele vai aparecer em Label1.
Vamos lá,
Clique ã esquerda em Textbox1 , e arraste o objeto Textbox1.text até ENCAIXAR .

Nosso programa FINAL fica assim :


AH ! Mas precisamos TESTAR para ver se funciona.
Claro, claro..tem o SIMULADOR...mas tarde , no outro post vou falar sobre TESTAR no seu smartphone AO VIVO.
Mas, por enquanto, vamos lá ...
Na janela de desenvolvimentodo programa , clique em NEW EMULATOR.
Vai abrir o emulador de um celular como abaixo. Aguarde, demora um pouco.
Após abrir, proceda como se estivesse operando o celular (desbloqueie puxando o cadeado).
Bem , vai aparecer assim:

Agora, vamos rodar a NOSSA aplicação ...
clique em Connect To Device e depois em emulator-5554 ,
Aguarde e a aplicação já vai rodar ..

Estás vendo na tela do emulador ?
Digite alguma coisa no TextBox...
A mesma coisa vai aparecer no Label (abaixo).



Simples, não é ? Mas pode complicar..e bastante..não se assuste...

Básico do Básico do Básico...mas deu pra ter uma idéia ?

Vamos lá...explore um pouco ...  até o próximo POST...

Até lá ,

Germinaro










7 comentários:

  1. Expresso verdadeira gratidão ao postar este comentário e o parabenizo pelo seu trabalho. A didática com que expõe os tópicos é fascinante e por demais produtiva.
    Certamente a vida há de recompensá-lo abundantemente por tão nobre contribuição para os que buscam conhecimento.
    Meus sinceros cumprimentos

    ResponderExcluir
  2. Olá Roni !

    Muito obrigado por suas considerações...

    ResponderExcluir
  3. Muito bom! Mesmo para quem tem conhecimento é uma ferramenta magnifica, e ainda bem que existem pessoas como você que compartilham este conhecimento.

    ResponderExcluir
  4. Meus parabens!! Excelente trabalho expor conhecimentos de forma simples e basica! tenho um caminhão de duvidas ainda rsrs

    ResponderExcluir
    Respostas
    1. Obrigado, Augusto !

      O MIT mudou e melhorou a IDe de desenvolvimento que agora pode ser acessada em : http://ai2.appinventor.mit.edu/

      As dicas continuam as mesmas ...

      abraço e bom estudo e trabalho !

      Germinaro

      Excluir
  5. Bom dia, Germinaro. Muito bom, seu trabalho. Bastante didático. Parabéns! Sabe me informar se existe uma forma de inserir uma tabela, uma lista de itens e arquivo pdf numa tela do appinventor? Seria informações "fixas", ou seja apenas para o usuário ler, sem conseguir editar... Obrigado.

    ResponderExcluir
  6. Bom dia, Germinaro. Muito bom, seu trabalho. Bastante didático. Parabéns! Sabe me informar se existe uma forma de inserir uma tabela, uma lista de itens e arquivo pdf numa tela do appinventor? Seria informações "fixas", ou seja apenas para o usuário ler, sem conseguir editar... Obrigado.

    ResponderExcluir