Como Instalar Eclipse, Android SDK e PhoneGap - Blog WeBizz - Com Pierre Maciel PDF

6/5/2014 Como instalar Eclipse, Android SDK e PhoneGap - Blog WeBizz com Pierre Maciel
http://blog.webizz.biz/2013/05/09/como-instalar-eclipse-android-sdk-e-phonegap/ 1/17
COMO INSTALAR ECLIPSE,
ANDROID SDK E PHONEGAP
9 de Maio de 2013
By: Pierre Maciel
Instalando o JRE e JDK
Antes de prosseguir pra instalao do Eclipse, vamos instalar as
principais bibliotecas de Runtime JAVA para podermos utilizar o
Eclipse e o SDK do Android, estas instalaes so fundamentais.
Antes de tudo acesse este link e tenha certeza se voc j tem o
Java instalado em sua mquina.
Antes de baixar o JRE, confira se seu Windows 64bits ou um
x86, abra o menu iniciar, clique com direito em Meu
Computador, em seguida clique Propriedades, dever abrir esta
tela:
BLOG WEBIZZ - COM PIERRE
MACIEL
CATEGORIAS LINKS CONTATO
Ads by OnlineBrowserAdv ertising Ad Options
J sabe seu tipo? Clique AQUI pra escolher qual JRE instalar de
acordo com seu computador.
Nesta mesma sequncia do tipo do seu sistema, instale o JDK
clicando aqui.
Instalando o Eclipse
Eclipse uma plataforma de IDE para desenvolvimento e
programao em diversas linguagens, IDE significa Integrated
Development Environment que em sua traduo Ambiente
de Desenvolvimento Integrado. Com esta poderosa ferramenta
possvel programar nas mais diversas linguagens como C/C++,
Java, Javascript
Acesse este link e faa o download do Eclipse for Mobile
Developers de acordo com seu sistema tambm se 32 ou 64 bits.
No h muito segredo, prossiga com a instalao.
Instalando ADT Plugin
Abra seu Eclipse instalado, assim que abrir, acesse o menu
superior na janela em HELP em seguida clique em Install New
Software, agora volte para seu navegador e acesse este link que
ir te levar para a pgina oficial do plugin Eclipse no ANDROID,
clique no link Installing The Eclipse Plugin para voc pegar o
link oficial do ADT Plugin, recomendado sempre acessar as
pginas oficiais da Google Android para baixar estes plug-ins e
SDKs pois so constantemente atualizados e o recomendado
sempre trabalhar nas verses mais atuais, nesta pgina voc ir
encontrar um link assim: https://dl-
ssl.google.com/android/eclipse/ copie este link e volte para
janela do Eclipse.
No Eclipse clique no boto ADD ao lado direito para instalarmos
o ADT Plugin, Insira o nome ADT Plugin e a URL que acabamos
de copiar abaixo e adicione, clique OK. Selecione os dois itens
que iro aparecer na lista e avance aceitando todas as Licenas.
Instalando o Android SDK
Sempre Instale a verso mnima 2.2 do Android SDK para testar
em verses anteriores eu costumo pegar as verses de Android
que foram mais difundidas, que so as mnimas 2.1 Eclair, a 2.2
Froyo, a do meio 3.1 Honeycomb e as mais recentes 4.03 Ice
Cream Sandwich e 4.2.2 Jelly Bean , estas instalaes so feitas
na janela do Android SDK Manager.
Na janela do Eclipse note dois icones referentes ao Android, um
para o SDK Manager, outro para o AVD, clique no marcado em
vermelho para o SDK.
Selecione as verses desejadas e prossiga com as instalaes
aceitando as licenas.
Recomendo: Tools e Extras
Introduo ao Phonegap
Phonegap um Framework Open Source de padronizao de
APIs da Web no objetivo de utilizar os conhecimentos em
linguagens para Web como HTML, CSS e Javascript, para
acelerar o desenvolvimento de solues mobile
Multiplataformas.
Phonegap no um programa que voc ir instalar, um
conjunto de recursos e bibliotecas para trazer muitas funes
nativas dos dispositivos Mobile para linguagens e aplicativos
Web-based.
Para fazer o download acesse o site oficial do Phonegap e efetue
o download da verso mais atual clicando aqui.
Para mais detalhes sobre como comear e o que fazer para
utilizar o Phonegap, voc pode acessar documentao completa
clicando aqui.
Neste tutorial iremos desenvolver uma soluo Android e
existem alguns requerimentos mnimos para fazer o Phonegap
rodar apropriadamente, uma delas o Apache ANT que na
documentao, eles falam muito vagamente e preciso uma
ateno a mais para quem nunca trabalhou com IDEs.
[...]
Instalando o Apache ANT
Clique aqui para acessar a pgina de downloads do Apache
ANT, faa o download do arquivo ZIP (clique aqui para baixar
direto 1.9.0) porm, ALTAMENTE recomendado SEMPRE
baixar direto no site do Apache ANT para ter certeza que voc
est utilizando uma verso ntegra e atualizada. Feito o
download apenas abra o arquivo ZIP e extraia na raiz de seu
HD (C:/ ou D:/) dentro de uma pasta chamada ant.
Uma vez extrado conforme imagem acima, se voc est
utilizando Windows, voc precisar criar uma varivel no
ambiente de sistema para reconhecer o ANT.
Configurando Variveis do Sistema
Entre no menu iniciar, aonde aparece Meu Computador, clique
com direito, em seguida Propriedades, na janela que abrir, ao
lado esquerdo, selecione Configuraes Avanadas do
Sistema:
Na nova janela, procure ao final Environment Variables ou
Variveis de Ambiente, entre.
Agora vamos verificar o que temos e o que est faltando, no meu
caso, j est configurado, porm aqui segue as variveis que eu
precisei criar e modificar, vamos criar uma nova varivel, na
sesso inferior de Variveis do Sistema clique em Novo:

Vamos dar o nome de ANT_HOME para esta varivel, e vamos
dar o seguinte valor c:\ant de acordo com a pasta aonde voc
extraiu o Apache ANT:
Agora verifique se seu sistema criou uma varivel de nome
JAVA_HOME, se voc no tiver esta varivel, navegue no seu
Explorer, encontre aonde foi instalado o JDK em seu sistema e
cria a varivel para obter um resultado semelhante a este
abaixo, de acordo com a verso do JDK que voc est utilizando.
Ok at aqui? Agora vamos pra uma varivel que J EST
CRIADA em seu sistema chamada Path, nesta, ser necessrio
chamar o diretrio BIN do seu ANT e JDK.
A minha varivel Path est assim:
Nome da varivel: Path
Valor da varivel:
C:\Program Files (x86)\AMD APP\bin\x86_64;C:\Program Files
(x86)\AMD
APP\bin\x86;%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\
WindowsPowerShell\v1.0\;C:\Program Files (x86)\ATI
Technologies\ATI.ACE\Core-Static;C:\Program Files
(x86)\QuickTime\QTSystem\;C:\Program
Files\Java\jdk1.7.0_21\bin;%ANT_HOME%\bin
Note que possvel especificar mltiplos valores de variveis
separando-os com ponto-virgula, os dois valores por mim
adicionados foram os finais em negrito. Ateno, no copie meu
valor porque ele est se referindo ao meu sistema, e muito
cuidado com ponto-virgula, veja q ao final da varivel do
quicktime ( C:\Program Files (x86)\QuickTime\QTSystem\ ) eu
inseri um ponto-virgula, para no misturar os valores e
adicionei os valores que direcionam para as pastas BIN do ANT
e do JDK. No segundo valor %ANT_HOME%\bin utilizaremos a
% para nos referirmos a outra varivel de sistema criada
anteriormente por ns.
Pronto? D OK em todas as janelas e agora vamos testar se est
tudo OK.
Testando variveis do sistema
Clique no menu iniciar, digite cmd e pressione enter para abrir
a linha de comando do Windows.
Digite: java version e pressione enter, dever retornar os
valores exibindo a verso do java que voc est utilizando.
Agora digite: ant version e pressione enter, dever retornar a
verso do seu ANT.
Este foi meu resultado:
Se voc obtiver resultados que no retornam as verses das
aplicaes, voc provavelmente configurou as variveis do
sistema de forma errada, reveja suas configuraes e Variveis
do Sistema.
Deu certo!? Urray! Finalmente, agora podemos nos divertir com
Phonegap.
Rodando o Exemplo Cordova Phonegap
Suponho que voc est com tudo instalado, o Eclipse, o ADT
Plugin e os SDKs Android. Certo?
Abra seu Eclipse, notou que ao abrir o Eclipse ele pede pra voc
especificar aonde ser seu Workspace, literalmente este ser
seu espao de trabalho aonde seus projetos desenvolvidos com
Eclipse estaro situados.
Abra o arquivo do Phonegap que voc baixou e extraia em
alguma pasta no seu computador, inicialmente voc encontrar
duas pastas, DOC e LIB, entre em LIB, entre em Android, Copie a
pasta example para a pasta Workspace do seu Eclipse.
Feito isto entre no Eclipse, clique em File > New > Project
Como iremos testar o primeiro exemplo do PhoneGap para
Android, selecione Android Project from Existing Code
Avance clicando em Next. Clique em Browse, navegue at seu
Workspace e selecione a pasta example que voc colou l,
marque Copy Project into Workspace para duplicar o projeto
exemplo e clique Finish.
As prximas etapas envolvem configurar o aplicativo do
Phonegap, criar uma AVD e rodar o exemplo.
No meu caso, imediatamente o Eclipse alertou um erro no
projeto cordovaExample aberto. Isto se d pelo fato de que o
PhoneGap que est em uso (2.6.0) no compatvel com a atual
verso Android especificada neste projeto (Android 2.1).
Clique com direito na raiz do projeto cordovaExample v em
Properties, entre em Android e selecione a ultima verso do
Android.
Clique OK, em seguida Limpe o seu projeto, na janela do Eclipse
em Project >> Clean Limpar seu projeto algo que precisar
ser feito sempre que alteraes de libraries ou estruturais no
aplicativo forem feitas, ao limpar seu projeto compilado
novamente para que possamos testar.
Vamos testar! Mas antes vamos criar uma AVD (Android Virtual
Device Manager) rapidamente, lembra o boto que expliquei do
AVD anteriormente? Entra la.
Clica em NEW, observe como est uma AVD que eu utilizo.
Ateno especial para o snapshot que salva muito tempo, pois
ele salva o estado do emulador quando voc fecha, isto muito
importante e salva MUITO, tempo do desenvolvedor por no
precisar esperar o sistema Android bootar toda vez que voc for
testar um projeto. As demais configuraes eu coloquei valores
mdios, buscando balancear um bom uso de performance pelo
emulador Android.
Clique OK, uma vez criado seu emulador, vamos rodar nosso
aplicativo pela primeira vez:
isto! Se voc seguiu este tutorial at aqui, muito obrigado pela
sua ateno, espero ter ajudado, na prxima tem mais!
Dvidas? Sugestes? Deixa um comentrio!
CATEGORIZED: DESENVOLVIMENTO
TAGGED: ANDROID - ECLIPSE - PHONEGAP
19 COMMENTS
Desenvolva Apps
Android
software.intel.com
A Intel oferece as ferramentas que
voc precisa para criar suas Apps
Ramon Costa 29 de Maio de 2013 Reply
Cara, muito obrigado! Me ajudou bastante.
Parabns pelo tutorial!
admin 8 de Junho de 2013 Reply
Agradeo sua visita Ramon! seja bem
vindo
Annimo 30 de Junho de 2013 Reply
Your house is valueble for me. Thanks!
Giovani Arduini 31 de Julho de 2013 Reply
Valeu pelo tutorial !!
S estou tendo um problema nas pastas e seu
respectivo arquivos:
res/layout/main.xml
res/values/strings.xml
res/xml/config.xml
Todos com o mesmo erro: error parsing XML:
no element found
algum tempo atraz, Ja usei o eclipse com
phonegap e era bem diferente a integrao !!
admin 2 de Agosto de 2013 Reply
Muito obrigado Giovani! Vamos l
Este erro est dando no seu aplicativo
cordovaExample?
J resolveu o problema? se sim
responde a pra ns! Agradeo
1- Ja fez um clean do projeto?
2- Verificou a verso do seu Build
Target principal? geralmente ou API
ou Android
3- Na maioria dos casos erro de
building ainda, ou algum XML em
outra pasta, ou seu AVD no est
funcionando corretamente, tente
recriar diferentes AVDs e teste com
elas.
+ uma vez Grato pela visita!
Abrao!
Luiz Antonio Souza 23 de Agosto de 2013 Reply
Ol!
Parabns pelo tutorial!
Segui todos os passos porem ainda ficou
acusando um erro (AndroidManifest.xml file
missing!), o que fao para corrigir?
Obrigado.
admin 27 de Agosto de 2013 Reply
Desculpe pelo atraso na resposta Luiz
seja bem vindo! Voc conseguiu
resolver? se sim conta pra ns!
1- J verificou se o arquivo
AndroidManifest.xml se encontra na
raiz do seu projeto?
2- J tentou dar um Rebuild/Clean
(limpar) seu projeto?
3- Voc importou o projeto como Criar
de um projeto existente?
Grato pela sua visita Luiz!
Abrao
Lucas 8 de Setembro de 2013 Reply
pena q no tem um curtir nessa pgina! rs
muito bom!
Miss Teen 22 de Setembro de 2013 Reply
Gostei:)
miss-teensami.blogspot.com
Diego 25 de Outubro de 2013 Reply
Simples e direto.
Valeu cara,
Estava com grandes dificuldades de fazer isso.
Parabs
Nilo Vieira 5 de Novembro de 2013 Reply
Boa Noite, Estou tentando aprender
framework PhoneGap.
Gostaria de saber se voc poderia postar um
tutorial simples de como criar um form basico
por exemplo de envio de email.
E como por fundo, image.
J ajuda numa direo.
At.
Equipe em andamento 22 de Novembro de 2013 Reply
Cara,
em nome da minha equipe eu te agradeo
imensamente. Estamos desenvolvendo um
aplicativo para Android e este tutorial nos
ajudou muito. muito til, muito bem
explicado e inteligvel.
Muito obrigado.
Abrao.
Pierre Maciel 22 de Novembro de 2013 Reply
Fico muito feliz em receber sua
resposta em agradecimento Rodolpho.
Quaisquer dvidas estamos a sua
disposio!
Grande abrao e volte sempre!
Tony 22 de Janeiro de 2014 Reply
O meu deu problema na ltima etapa:
[2014-01-22 16:23:33 - cordovaExample]
Android Launch!
[2014-01-22 16:23:33 - cordovaExample] adb is
running normally.
[2014-01-22 16:23:33 - cordovaExample] Could
not find cordovaExample.apk!
:/
Pierre Maciel 22 de Janeiro de 2014 Reply
Isto aconteceu pois a sua pasta do
arquivo no possui o arquivo apk ou o
mesmo no foi gerado ainda pelo Build
do Eclipse.
Tente:
1- Limpar o seu projeto como ensinado
neste post.
2- Verifique se voc est executando
Eclipse com privilgios administrativos
se est no Windows.
DEIXAR UMA RESPOSTA
Name *
Email *
Website
3- Se voc escolheu outro lugar pra
pasta workspace, verifique as
permisses das pastas.
Deixe-me saber se resolveu seu
problema.
Amostra Gratis 19 de Fevereiro de 2014 Reply
Muito bom o seu site. parabns
Giovani Mansueto 16 de Maro de 2014 Reply
fantstico parabns e obrigado
Gustavo Paes 11 de Abril de 2014 Reply
FIz tudo certo fiz os testes mais acusou erro na
pasta src nos arquivos
org.apache.cordova.teste e
org.apache.cordova.teste.actions como posso
corrigir?
Pierre Maciel 11 de Abril de 2014 Reply
Pode colar o erro especfico para que
eu possa avaliar melhor Gustavo?
AINDA NO SABE QUEM EST
USANDO PHONEGAP?
MACRO VISIONS. IT MATTER
COPYRIGHT 2013 BLOG WEBIZZ COM PIERRE MACIEL THEME BY
WPEXPLORER
POST COMMENT
Ads by OnlineBrowserAdv ertising Ad Options

Como Instalar Eclipse, Android SDK e PhoneGap - Blog WeBizz - Com Pierre Maciel PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Como Instalar Eclipse, Android SDK e PhoneGap - Blog WeBizz - Com Pierre Maciel PDF

Uploaded by

Copyright:

Available Formats

6/5/2014 Como instalar Eclipse, Android SDK e PhoneGap - Blog WeBizz com Pierre Maciel

You might also like