Rodando em Java, ele é compatível com Windows, Mac e Linux, sendo quase tudo desenvolvido através de blocos gráficos e necessitando de uma bem pequena quantidade de programação para desenvolver a porção lógica do programa.

• Grátis
• Criar app para Android celular e tablet sem saber programar
• Criado para ensinar pessoas interessadas em criar apps e começar a aprender programação.
  • Lembre-se dos seguintes artigos sobre Como Aprender a Programar pela Internet
  • Como criar jogo para iPhone e iPad sem saber programar
• Interativo e fácil de usar

   

  

  MIT APP INVENTOR PERMITE A VOCÊ CRIAR APP PARA O ANDROID SOZINHO SEM SABER PROGRAMAR

• Baseado em gráficos
• Repleto de tutoriais e programas de exemplos para modificar e treinar
• Voltado para amadores e não para desenvolvedores
• Permitirá exportar e modificar o código fonte do programa no futuro
• Fácil de criar e construir programas úteis através de blocos
• Compatível com qualquer computador, Windows, Mac e Linux
• Não precisa ter um celular ou tablet Android
• Seu único contra é que ele somente se encontra em inglês o que pode dificultar o uso, mas como a maior parte do texto é técnico de computador é fácil aprender e usar, mesmo para quem não entende de inglês

BOTÕES E CONTROLES QUE O APP INVENTOR POSSUIR PARA CRIAR SEU APP PARA ANDROID – DE IMAGENS A BANCO DE DADOS COMPLEXOS

Como criar seu primeiro App para Android sozinho usando Mit App Inventor

1. Primeiro, visite a página do MIT App Inventor para criar App Android de celular e tablet
2. Para se cadastrar e usar o programa ele vai solicitar uma conta do Gmail.
3. Verifique os requerimentos do sistema no MIT app Inventor. Seu computador precisa ter Java instalado, visite o seguinte site  para rodar e testar se o Java está funcionando ou se precisa ser atualizado
4. Após abrir a tela do App Inventor Beta, clique no canto superior esquerdo em New para criar seu novo App

    

   

   CLIQUE NO CANTO SUPERIOR ESQUERDO PARA CRIAR UM NOVO APP E DE UM NOME PARA ELE, NO CASO VEJAISSO.COM

5. Na porção lateral esquerda você tem a lista de botões e configurações do programa que podem ser escolhidas e arrastadas para o Visualizador do programa (na primeira imagem, o visualizado é onde temos o cachorro)
6. Selecione “Screen Arragement” para determinar como vai ficar a tela. Clqiue em VerticalArrangement e arraste para o Viewer.

    

   

   ARRASTE A ORIENTAÇÃO VERTICAL PARA CRIAR A PRIMEIRA TELA DO SEU APP ANDROID

7. Na porção lateral direita, você terá a hierarquia e lista dos componentes do programa. Quando você clica em um componente você pode clicar nas propriedades e determinar como ele deve se comportar.
8. Nesse exemplo, escolha Width (largura) “Fill parent…” (preencher) e como height (altura) “350 pixels”

    

   

   NA LISTA COM OS COMPONENTES DO PROGRAMA CLIQUE EM UM DELES PARA OBTER SUAS PROPRIEDADES E SELECIONAR ELE NO VIEWER

9. Aproveite para clicar no “Screen1″ no Componentes e determinar como Title “Meu primeiro programa”
10. Na porção lateral esquerda, clique em Basic e arraste uma imagem para a tela.
11. Também arraste um Label para a porção inferior da tela, abaixo da imagem.
12. No campo propriedades da Label escreva no campo “text” algo como “Eu amo o Vejaisso.com“. Marque como Width “Fill parent” e Text Alignment “Center”
13. Abaixo do seu Label adicione um botão.
14. No campo propriedades do botão, mude o “Text” para “Me aperte!!”, Width para “Fill parent” e TextAlignment para “Center”, marcando FontBold.
15. Abaixo do Componentes, tem a aba Media. Clique em Add e adicione a foto de um cachorro. Ao final você verá o nome do arquivo abaixo do media. No meu caso era o Dog.png

     

    

    ADICIONE FOTOS, VÍDEOS E SOM ATRAVES DO BOTAO ADD NO MEDIA PARA CRIAR APP ANDROID DO SEU JEITO E DESIGN

16. Agora vamos passar para a parte importante que é conectar tudo isso, que é feita através do Blocks Editor (mais detalhes abaixo).

     

    

    BLOCKS EDITOR A PARTE DE PROGRAMAÇÃO DO APP INVENTOR TRANSFORMADA EM BLOCOS DE LEGO DE FÁCIL COMPREENSÃO E USO

17. Localize o “Button1″no MyBlocks. Ele corresponde ao seu botão que você arrastou para o canto inferior.
18. Arraste a opção Button1.Click, que representa a ação de um usuário clicar no botão para  parte da direita.
19. Novamente em My Blocks, selecione Image1, clique em Image1.Picture (set Image1.picture to) e arraste para dentro do bloco Verde.
20. Agora clique em Built-in e selecione Text.
21. Arraste para o final da parte azul do Image1.Picture.
22. Clique no “text” laranja.

     

    

    ARRASTE OS BLOCOS DE TEXTO PARA DETERMINAR O QUE SEU PROGRAMA DEVE EXECUTAR

23. Modifique para ficar exatamente igual o nome da sua imagem. No meu caso dog.png. Note que Dog.png estaria errado. dog.PNG também estaria errado.
24. Em My Blocks, clique em Label1.
25. Arraste o Label1.Text para o mesmo Button1.Click.
26. Clique em built-in e clique em Text.
27. Arraste ele para a frente do Label1.text.
28. Clique duas vezes no Text e escreva “Deu certo! Eureka !!”
29. Na parte superior direita, clique em New Emulator.
30. Aguarde a criação do emulador. Agora clique em “Connect to Device” e selecione o emulador criado. No meu caso era o Emulator 5554, mas o seu VAI ser diferente.

     

    

    EXECUTAR SEU PROGRAMA RECÉM CRIADO NO EMULADOR DO APP INVENTOR

31. Caso você queira testar o seu celular, tablet ou no computador, clique na opção Package for Phone. Você vai baixar um APK do programa para rodar no celular

     

    

    FAZER DOWNLOAD DESSE PROGRAMA NA FORMA DE APK PARA INSTALAR EM QUALQUER CELULAR, TABLET OU EMULADOR DE ANDROID COMO BLUESTACKS

32. Pronto! Você deve ver a foto que você adicionou aparecendo na imagem e o texto que você colocou mudando!
33. Parabéns por criar seu primeiro app para Android! Qualquer dúvida  ou sucesso deixe um comentário e compartilhe com os amigos!