Cicklow
Admin
Dseda
Verificado
Verificación en dos pasos activada
Usuário popular!
Suscripción a IA
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:
2) Para criar nosso aplicativo de Olá Mundo vamos clicar no botão “New”, colocamos um nome ao nosso aplicativo, e logo o site nos redirecionará a uma tela como esta:
O que vemos agora é nosso editor visual (nosso IDE, como os de 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, logo 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 de Alert.
Nossa tela ficará desta maneira:
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 logo 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 que 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, esta é um aplicativo do Google):
Clicamos em My Blocks e teremos os objetos de nosso aplicativo. Clicamos em btn1 e adicionamos à tela o evento clique (btn1.click).
Logo clicamos no objeto alert e adicionamos alert.ShowAlert, mas o adicionamos dentro do evento clique do botão. Ficaria algo como isto:
Agora colocaremos o texto a mostrar como alerta, para isto clicamos em uma área em branco de nossa tela e aparecerá uma barra de menu. Clicamos em text e logo também em text e na tela aparecerá um objeto novo, esse objeto colocamos no encaixe do alert. Para editar o texto a mostrar, clicamos em text e nos aparece um quadro para editar o texto e colocaremos Nossa primeira apps Android.
Para testar nosso aplicativo temos duas opções, se temos um celular com Android 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 logo clicamos em Connect to Device e veremos o nome de nosso emulador (ou se usamos nosso celular, veremos o nome de nosso celular).
Esperamos que o aplicativo seja enviado ao nosso emulador (ou celular) e uma vez que aparece na tela poderemos usá-lo.
Quando o aplicativo criado é mostrado na tela poderemos usá-lo. Em nosso exemplo só temos um botão, então faremos clique nele.
E mostrará um alerta dizendo Nossa primeira apps Android.
4) Para compilar nosso aplicativo e poder usá-lo em nosso celular ou subi-lo ao Market de 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 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 ao nosso aplicativo .apk (exemplo OlaMundo.apk)
5) A partir deste ponto em diante só serão necessários se quisermos subir nosso aplicativo ao Market de Android. (Tem que pagar 25$ para poder estar dentro do Market e poder subir 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 subi-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:
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).
JAMAS MAS JAMAS PERCAM O CERTIFICADO QUE É CRIADO, JÁ QUE SE O PERDEREM NÃO PODERÃO FAZER ATUALIZAÇÕES DE SEUS APLICATIVOS, JÁ QUE 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, damos ao botão Browse e selecionamos o arquivo apk que o Google nos criou (OlaMundo.apk), logo damos ao botão Decompile e em Features colocamos que é nossa 1 versão. Logo clique em one clic Convert. Este botão faz tudo o que precisamos para subir nosso aplicativo ao market.
Logo teremos 2 novos arquivos conjuntamente com nosso apk, de nomes: OlaMundo_new.apk e OlaMundo_new_zipAlign.apk. O que usaremos para subi-lo ao nosso market é: OlaMundo_new_zipAlign.apk.
6) Agora para subir nosso aplicativo teremos que nos registrar no market de Android e pagar os 25$. Vamos a https:/market.android.com/publish/Home e nos registramos.
7) Para subir 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 subir nosso arquivo OlaMundo_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 desde nosso emulador, ou se usamos nosso celular usamos algum aplicativo para este fim. TEM QUE SER dessas medidas.
3- Ícone de nosso aplicativo.
4- Idioma, clicamos em adicionar idioma e colocamos Espanhol e logo 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 isto 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 só sou o ponto de partida.
PD: O design mudou completo, Open block editor se chama Blocks, já que não são mais uma beta => http://ai2.appinventor.mit.edu
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:
2) Para criar nosso aplicativo de Olá Mundo vamos clicar no botão “New”, colocamos um nome ao nosso aplicativo, e logo o site nos redirecionará a uma tela como esta:
O que vemos agora é nosso editor visual (nosso IDE, como os de 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, logo 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 de Alert.
Nossa tela ficará desta maneira:
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 logo 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 que 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, esta é um aplicativo do Google):
Clicamos em My Blocks e teremos os objetos de nosso aplicativo. Clicamos em btn1 e adicionamos à tela o evento clique (btn1.click).
Logo clicamos no objeto alert e adicionamos alert.ShowAlert, mas o adicionamos dentro do evento clique do botão. Ficaria algo como isto:
Agora colocaremos o texto a mostrar como alerta, para isto clicamos em uma área em branco de nossa tela e aparecerá uma barra de menu. Clicamos em text e logo também em text e na tela aparecerá um objeto novo, esse objeto colocamos no encaixe do alert. Para editar o texto a mostrar, clicamos em text e nos aparece um quadro para editar o texto e colocaremos Nossa primeira apps Android.
Para testar nosso aplicativo temos duas opções, se temos um celular com Android 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 logo clicamos em Connect to Device e veremos o nome de nosso emulador (ou se usamos nosso celular, veremos o nome de nosso celular).
Esperamos que o aplicativo seja enviado ao nosso emulador (ou celular) e uma vez que aparece na tela poderemos usá-lo.
Quando o aplicativo criado é mostrado na tela poderemos usá-lo. Em nosso exemplo só temos um botão, então faremos clique nele.
E mostrará um alerta dizendo Nossa primeira apps Android.
4) Para compilar nosso aplicativo e poder usá-lo em nosso celular ou subi-lo ao Market de 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 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 ao nosso aplicativo .apk (exemplo OlaMundo.apk)
5) A partir deste ponto em diante só serão necessários se quisermos subir nosso aplicativo ao Market de Android. (Tem que pagar 25$ para poder estar dentro do Market e poder subir 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 subi-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:
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).
JAMAS MAS JAMAS PERCAM O CERTIFICADO QUE É CRIADO, JÁ QUE SE O PERDEREM NÃO PODERÃO FAZER ATUALIZAÇÕES DE SEUS APLICATIVOS, JÁ QUE 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, damos ao botão Browse e selecionamos o arquivo apk que o Google nos criou (OlaMundo.apk), logo damos ao botão Decompile e em Features colocamos que é nossa 1 versão. Logo clique em one clic Convert. Este botão faz tudo o que precisamos para subir nosso aplicativo ao market.
Logo teremos 2 novos arquivos conjuntamente com nosso apk, de nomes: OlaMundo_new.apk e OlaMundo_new_zipAlign.apk. O que usaremos para subi-lo ao nosso market é: OlaMundo_new_zipAlign.apk.
6) Agora para subir nosso aplicativo teremos que nos registrar no market de Android e pagar os 25$. Vamos a https:/market.android.com/publish/Home e nos registramos.
7) Para subir 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 subir nosso arquivo OlaMundo_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 desde nosso emulador, ou se usamos nosso celular usamos algum aplicativo para este fim. TEM QUE SER dessas medidas.
3- Ícone de nosso aplicativo.
4- Idioma, clicamos em adicionar idioma e colocamos Espanhol e logo 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 isto 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 só sou o ponto de partida.
PD: O design mudou completo, Open block editor se chama Blocks, já que não são mais uma beta => http://ai2.appinventor.mit.edu
Última edição:
