Tutorial: Criar aplicativos Android

  • Autor Autor Cicklow
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
TE AMO! excelente contribuição como um bom campeão!
Neste novo tutorial de minha autoria, ensinarei como projetar e criar aplicativos Android, também ensinarei como publicá-los no market e ganhar dinheiro ou fazer aplicativos gratuitos.

Vamos seguir estes passos:
1-Nos registrar no aplicativo que nos permite criar aplicativos Android.
2-Aprender o básico sobre a criação de aplicativos.
3-Aprender a usar o editor de código (código visual).
4-Compilar nosso aplicativo.
5-Editar nosso aplicativo para que seja aceito pelo market do Android.
6-Nos registrar no market do Android (precisaremos de 25$ para poder nos registrar).
7-Publicar nosso aplicativo.


1) Para nosso primeiro passo, teremos que acessar: http://appinventor.mit.edu/
(Este site está em inglês), teremos que usar nossa conta do Google, nos registramos, aceitamos o contrato (CLUF) e ele já nos faz fazer um teste para ver se temos suporte de java em nosso navegador e em nosso PC. Uma vez terminado este passo, veremos uma tela como esta:
file-f3ccdd27d2000e3f9255a7e3e2c48800.jpg


2) Para criar nosso aplicativo de Olá Mundo, vamos clicar no botão “New”, colocamos um nome em nosso aplicativo, e então o site nos redirecionará para uma tela como esta:
file-156005c5baf40ff51a327f1c34f2975b.jpg


O que vemos agora é nosso editor visual (nosso IDE, como os do Visual Basic, Visual C, C#, etc.).
Clicamos na barra de objetos à nossa esquerda-> Basic. E teremos objetos para poder adicionar, adicionamos:

Button->de nome btn1->Texto = Olá Mundo

(Para mudar o nome, o selecionamos à direita e clicamos no botão Rename, depois para modificar o texto, na tela de propriedades temos uma que se chama Text, e colocamos Olá Mundo)
Agora vamos ao nosso menu de objetos e à aba Other Stuff e adicionamos um Notifier e colocamos o nome Alert.
Nossa tela ficará desta maneira:
file-799bad5a3b514f096e69bbc4a7896cd9.jpg


3) Agora, para editar o código de nossos objetos, vamos à direita acima onde diz Open the Blocks Editor, (AVISO: com certeza o navegador dirá que quer abrir um PopUp, vocês devem permitir que o site faça isso ou não poderão editar o código dos objetos).

Ao clicar, ele nos dará um arquivo para baixar, esse arquivo baixamos para nosso PC e depois o executamos. (É um arquivo java, de extensão JNLP). Ao abrir nosso arquivo, veremos uma tela como esta (Se por alguma razão o Microsoft Security Essential o detectar como vírus, não deem atenção… é a Microsoft quem tem o problema, é um falso positivo, o que acontece é que há funções em JAVA que alguns antivírus detectam como vírus. De qualquer maneira, este é um aplicativo do Google):
file-d0096ec6c83575373e3a21d129ff8fef.jpg


Clicamos em My Blocks e teremos os objetos de nosso aplicativo. Clicamos em btn1 e adicionamos à tela o evento clique (btn1.click).
Depois clicamos no objeto alert e adicionamos alert.ShowAlert, mas o adicionamos dentro do evento clique do botão. Ficaria algo como isto:
file-032b2cc936860b03048302d991c3498f.jpg


Agora colocaremos o texto a ser mostrado como alerta, para isso clicamos em uma área em branco de nossa tela e aparecerá uma barra de menu. Clicamos em text e depois também em text e na tela aparecerá um objeto novo, esse objeto colocamos no encaixe do alert. Para editar o texto a ser mostrado, clicamos em text e nos aparece um quadro para editar o texto e colocaremos Nossa primeira apps Android.
file-18e2999891374a475d0687ca9f989d83.jpg


Para testar nosso aplicativo temos duas opções, se temos um celular com Android nós o conectamos (previamente nas opções: Configurações -> Aplicativos -> Desenvolvimento -> Depuração USB) ou clicamos em New emulador (abrirá um emulador de Android). Vamos usar neste caso o emulador. Esperamos que nosso emulador termine de carregar e depois clicamos em Connect to Device e veremos o nome de nosso emulador (ou se usarmos nosso celular, veremos o nome de nosso celular).
Esperamos que o aplicativo seja enviado para nosso emulador (ou celular) e uma vez que aparece na tela, poderemos usá-lo.
file-fe5df232cafa4c4e0f1a0294418e5660.jpg


Quando o aplicativo criado é mostrado na tela, poderemos usá-lo. Em nosso exemplo só temos um botão, então clicaremos nele.

E mostrará um alerta dizendo Nossa primeira apps Android.
file-30e62fddc14c05988b44e7c02788e187.jpg


4) Para compilar nosso aplicativo e poder usá-lo em nosso celular ou enviá-lo ao Market do Android. Teremos que voltar ao editor visual de objetos (o site, não o aplicativo baixado no passo 3). E clicamos no botão à nossa direita que diz Package for Phone->Download to this Computer. Esperamos um momento para que o Google crie nosso aplicativo e ele nos dará um arquivo para baixar, que será nosso aplicativo. Teremos um arquivo com o nome que colocamos em nosso aplicativo .apk (exemplo HolaMundo.apk)

5) A partir deste ponto em diante só serão necessários se quisermos enviar nosso aplicativo ao Market do Android. (É preciso pagar 25$ para poder estar dentro do Market e poder enviar aplicativos). Dependendo do país onde nos encontremos será o método de pagamento, pode ser por transferência bancária ou por depósito direto em nossa conta do Adsense.

Para editar nosso aplicativo para que seja apto para enviá-lo ao Market, usaremos o programa AppToMarket, este programa editará nosso aplicativo adicionando o certificado e modificando os xml internos para que o Market reconheça nossa apps. (Download: Downloads - apptomarket - AppToMarket - Google Project Hosting)
Este programa está criado em JAVA, executaremos o arquivo: AppToMarket.jar e veremos algo como isto:
file-ae566253288191ce5d879e51dae1d8c3.jpg


Vamos à aba 1, e teremos que preencher todos os campos que temos em vista. (Já que esses campos estarão dentro do certificado de nosso aplicativo).
JAMAIS, MAS JAMAIS PERCAM O CERTIFICADO QUE É CRIADO, JÁ QUE SE O PERDEREM NÃO PODERÃO FAZER ATUALIZAÇÕES DE SEUS APLICATIVOS, POIS O APLICATIVO TEM QUE CONTER O MESMO CERTIFICADO EM TODAS AS SUAS VERSÕES.

Quando tiverem preenchido todos os campos, clicamos em Generate.

Agora vamos à aba número 2, clicamos no botão Browse e selecionamos o arquivo apk que o Google criou para nós (HolaMundo.apk), depois clicamos no botão Decompile e em Features colocamos que é nossa 1ª versão. Depois clique em one clic Convert. Este botão faz tudo o que precisamos para enviar nosso aplicativo ao market.

Depois teremos 2 novos arquivos juntamente com nosso apk, de nomes: HolaMundo_new.apk e HolaMundo_new_zipAlign.apk. O que usaremos para enviá-lo ao nosso market é: HolaMundo_new_zipAlign.apk.

6) Agora, para enviar nosso aplicativo, teremos que nos registrar no market do Android e pagar os 25$. Vamos a https:/market.android.com/publish/Home e nos registramos.

7) Para enviar nosso aplicativo veremos um botão abaixo que diz Subir Aplicativo. Clicamos e teremos um formulário a preencher (obrigatórios):

1- Um uploader para enviar nosso arquivo HolaMundo_new_zipAlign.apk
2- Capturas de tela (pelo menos duas de 320 x 480, 480 x 800, 480 x 854, 1280 x 800 JPG ou PNG), estas capturas fazemos a partir de nosso emulador, ou se usarmos nosso celular usamos algum aplicativo para este fim. TEM QUE SER, OBRIGATORIAMENTE, nessas medidas.
3- Ícone de nosso aplicativo.
4- Idioma, clicamos em adicionar idioma e colocamos Espanhol e depois eliminamos o Inglês. E preenchemos o título, descrição, texto promocional, tipo de aplicativo e categoria.
5- Proteção contra cópias -> desativado
6- Classificação de conteúdo -> Para todos
7- Preços -> Grátis
8- Informações de contato, alguma url e nosso email
9- Aceitar o CLUF e que nosso aplicativo está sujeito às leis dos EUA


Com isso já temos nosso aplicativo no market. E também é o fim de nosso tutorial, no Google poderão encontrar também vídeo tutoriais sobre o AppInventor e mais tutoriais sobre o mesmo.

Eu sou apenas o ponto de partida.
 
Genial!!! sempre quis saber como fazer isso!!!!
 
[MENTION=9679]cicklow[/MENTION] você poderia atualizar o tutorial? a parte de Open the Blocks Editor não aparece 🙁
 
Muito bom o tópico e ainda mais para alguém como eu que pensa em começar e se aventurar no mundo dos apps de Android XD

Mas uma pergunta, ao colocá-la no market o Google te paga ou tem que habilitar essa função?
 
Muito bom o tópico e ainda mais para alguém como eu que pensa em começar e se aventurar no mundo dos apps de Android XD

Mas uma pergunta, ao colocá-la no market o Google te paga ou tem que habilitar essa função?
para entrar no market do google você tem que pagar 25 dólares, depois você pode usar alguma publicidade ou colocá-la paga (não free) nos apps e te pagam pelo adsense o que for ganho!
 
queria voltar ao tutorial, procuro no google e ele aparece clonado no Taringa haha
 
Muito bom tutorial, obrigado por compartilhar

Um abraço
 
Última edição:
Muito interessante, grande contribuição amigo, vou salvar nos favoritos.
 
[MENTION=9679]cicklow[/MENTION] como posso inserir admob em um aplicativo do appinventor?
Existe alguma forma?
 
[MENTION=9679]cicklow[/MENTION] como posso inserir admob em um aplicativo do appinventor?
Existe alguma forma?
não, de jeito nenhum... isso é algo que os usuários do appinventor vêm pedindo para adicionarem faz tempo, mas eles respondem que é para aprender a programar e fazer seus apps, não são para ganhar dinheiro!
Você teria que usar eclipse ou outro.
 
não, de jeito nenhum... isso é algo que os usuários do appinventor vêm pedindo para adicionarem faz tempo, mas eles respondem que é para aprender a programar e fazer seus apps, não são para ganhar dinheiro!
Você teria que usar eclipse ou outro.
Obrigado pela sua resposta.
Os apk do appinventor podem ser exportados para eclipse e colocar a publicidade de lá?

Enviado do meu celular
 
Obrigado pela sua resposta.
Os apk do appinventor podem ser exportados para eclipse e colocar a publicidade de lá?

Enviado do meu celular
não. appinventor programa diferente do eclipse... existem várias formas de chegar a um apk, e nem todas são java... exemplo html5, C, appinventor neste caso... você poderá descompilar o APK e ver o código, mas há coisas que não funcionarão de jeito nenhum no eclipse.
 
não. appinventor programa diferente do eclipse... existem várias formas de chegar a um apk, e nem todas são java... exemplo html5, C, appinventor neste caso... você poderá descompilar o APK e ver o código, mas há coisas que não funcionarão de jeito nenhum no eclipse.
Ok, muito obrigado pela sua ajuda, sei que existem sites que pagando implementam para você, já verei

Enviado do meu celular
 
Ok, muito obrigado pela sua ajuda, sei que existem sites que pagando implementam para você, já verei

Enviado do meu celular
no appinventor? não acho... o máximo que você pode fazer é colocar seu próprio banner ou rotacionar banners (esses tutoriais estão no fórum do appinventor)... passar um código de um software para outro não é algo fácil... também tem outros softwares como o appinventor que se manejam igual, assim com peças de quebra-cabeça para montar tudo... alguns free, outros pagos e são para quando você está aprendendo ou não sabe implementar código.
 
Acho que era no tuappinventor . com onde vi, acho que eram 15 ou 20 euros

Enviado do meu celular
 
Acho que era no tuappinventor . com onde vi, acho que eram 15 ou 20 euros

Enviado do meu celular
só vejo apps do market lá... nada mais... igual vou averiguar se avançaram ou não com o novo appinventor...
já vi onde... Já temos o componente Admob no App Inventor - Tu App Inventor

mas esses te vendem um appinventor modificado, não é o oficial. ou seja, appinventor é de código aberto, qualquer um pode instalar no seu pc e modificar opções... por isso... não sei o quão bom é ou o que, mas não é oficial... (além disso, admob mudou todo o código, e o código antigo deixa de funcionar em alguns meses)

outro não oficial: Download | AppInventor Personal Server
 
Última edição:
Vou ver se arranjo tempo e me animo a testar, faz muito tempo que quero fazer alguns aplicativos android

Muito obrigado
 
só vejo apps do market lá... nada mais... igual vou averiguar se avançaram ou não com o novo appinventor...
já vi onde... Já temos o componente Admob no App Inventor - Tu App Inventor

mas esses te vendem um appinventor modificado, não é o oficial. ou seja, appinventor é de código aberto, qualquer um pode instalar no seu pc e modificar opções... por isso... não sei o quão bom é ou o que, mas não é oficial... (além disso, admob mudou todo o código, e o código antigo deixa de funcionar em alguns meses)

outro não oficial: Download | AppInventor Personal Server
Aqui é o que te comentei Admob - Tu App Inventor
E aqui Monetize seus Apps criados com App Inventor - Tu App Inventor fala de adicionar outros métodos de publicidade
Vou dar uma olhada nos outros links quando chegar em casa

Enviado do meu celular
 
Voltar
Topo