Desenvolvendo para Android com PhoneGap
-
Upload
mayron-cachina -
Category
Documents
-
view
13.935 -
download
0
description
Transcript of Desenvolvendo para Android com PhoneGap
![Page 1: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/1.jpg)
Desenvolvendo para Desenvolvendo para Android com PhoneGapAndroid com PhoneGap
Desenvolvendo para Desenvolvendo para Android com PhoneGapAndroid com PhoneGap
Mayron [email protected]
![Page 2: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/2.jpg)
O que é o Android?O que é o Android?
● O Android é um sistema operacional● Desenvolvido para dispositivos móveis● Produzido pela Google● Não necessita de um hardware específico● Utiliza um kernel do Linux, personalizado :)● Aplicativos feitos em Java, não em JME !
![Page 3: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/3.jpg)
● Primeiro celular lançado em 2008● Android T-Mobile G1
![Page 4: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/4.jpg)
Novos modelos todo mêsNovos modelos todo mês
![Page 5: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/5.jpg)
Android x IPhoneAndroid x IPhone
![Page 6: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/6.jpg)
IPhoneIPhone
● Flexibilidade:● A Apple é conhecida por limitar as funções de seus
sistemas e com o iPhone não é diferente. ● Geralmente são tecnologias exclusivas e não
interagem muito bem com outros sistemas operacionais.
● Seus clientes só podem usar aplicativos aprovados por eles (teoricamente).
● Tecnologia fechada.
![Page 7: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/7.jpg)
AndroidAndroid
● Flexibilidade:● É Open Source, por tanto é aberto e dá liberdade
aos usuários. ● Os usuários têm liberdade para usar● Os desenvolvedores para criar● Fabricantes para personalizar o sistema para seus
clientes.
![Page 8: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/8.jpg)
Sistema mobile mais vendido Sistema mobile mais vendido Agosto/2011Agosto/2011
![Page 9: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/9.jpg)
open handset allienceopen handset allience
![Page 10: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/10.jpg)
Loja de AplicativosLoja de AplicativosAndroid MarketAndroid Market
https://market.android.com/
![Page 11: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/11.jpg)
![Page 12: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/12.jpg)
![Page 13: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/13.jpg)
VersõesVersões
![Page 14: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/14.jpg)
DESENVOLVIMENTODESENVOLVIMENTO
![Page 15: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/15.jpg)
Plataforma OtimizadaPlataforma Otimizada
![Page 16: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/16.jpg)
Preparando o ambiente de Preparando o ambiente de desenvolvimentodesenvolvimento
● Java - http://java.sun.com/javase/downloads/● IDE Eclipse - http://www.eclipse.org/downloads/● Android SDK - http://developer.android.com/sdk
![Page 17: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/17.jpg)
Instalando o SDK WindowsInstalando o SDK Windows
● Vá até o executável que se encontrará no diretório do Android SDK e execute.
● Em Available Packages, temos as versões da plataforma do Android.
● Marque apenas as opções para Android 2.1
● Clique em Install Selected.
![Page 18: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/18.jpg)
Instalando o SDK no LinuxInstalando o SDK no Linux
● Extraia os arquivos em uma pasta, vá até a pasta /tools que se encontrará no diretório do Android SDK e execute ./android
● Em Available Packages, temos as versões da plataforma do Android.
● Marque apenas as opções para Android 2.1
● Clique em Install Selected.
$ tar -zxvf android-sdk_r04-linux_86.tgz$ cd android-sdk-linux_86/tools$ ./android
$ tar -zxvf android-sdk_r04-linux_86.tgz$ cd android-sdk-linux_86/tools$ ./android
![Page 19: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/19.jpg)
Configurando o EclipseConfigurando o EclipseADT - Android Development ToolsADT - Android Development Tools
● Execute o Eclipse● Help >Install New Software● Clique em “Add...”
![Page 20: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/20.jpg)
Configurando o EclipseConfigurando o EclipseADT - Android Development ToolsADT - Android Development Tools
● Adicione o Google plugin for Eclipse em Location
● https://dl-ssl.google.com/android/eclipse/
![Page 21: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/21.jpg)
Configurando o EclipseConfigurando o Eclipse
● Assim que adicionar o plugin, marque Developer Tools e clique no botão Next.
![Page 22: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/22.jpg)
Configurando o EclipseConfigurando o Eclipse
● Na segunda etapa, mantenha como está, caso não tenha erros e prossiga. Na terceira etapa, aceite os termos de licença e clique no botão Finish.
![Page 23: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/23.jpg)
Configurando o EclipseConfigurando o Eclipse
● Reinicie o Eclipse e após vá ao menu Window>Preferences e selecione Android
● Selecione o local do SDK e aperte Apply
![Page 24: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/24.jpg)
Hello WordHello Word
● No Eclipse acesse o menu:File → New → Project → Android Project
![Page 25: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/25.jpg)
Hello WordHello Word
![Page 26: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/26.jpg)
Hello WordHello Word
● Modifique a classe HelloWord conforme abaixo:
![Page 27: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/27.jpg)
Hello WordHello Word
● Para executar o programa no emulador, basta apenas no menu principal “Run” → “Run...” e selecionar Android Application
![Page 28: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/28.jpg)
Hello WordHello Word
![Page 29: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/29.jpg)
Hello WordHello Word
![Page 30: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/30.jpg)
Componentes UIComponentes UI
![Page 31: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/31.jpg)
Componentes UIComponentes UIAction BarAction Bar
![Page 32: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/32.jpg)
Componentes UIComponentes UIListList
![Page 33: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/33.jpg)
Componentes UIComponentes UIMapMap
![Page 34: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/34.jpg)
Componentes UIComponentes UIWidgetsWidgets
![Page 35: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/35.jpg)
Componentes UIComponentes UIQuick ActionsQuick Actions
![Page 36: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/36.jpg)
Componentes UIComponentes UISearch BarSearch Bar
![Page 37: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/37.jpg)
![Page 38: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/38.jpg)
![Page 39: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/39.jpg)
O que é o PhoneGap?O que é o PhoneGap?
● Framework open-sourse para desenvolvimento mobile.
● Possibilita desenvolver utilizando as linguagens HMTML5, CSS3 e JS.
● Atualmente na versão 1.1.0
![Page 40: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/40.jpg)
Novidades versão 1.0Novidades versão 1.0
● Estabilidade da API e criação de plugins.● Compatibilidade com a API de acesso a dados
definida pelo W3C● API de manipulação de contatos● Ferramentas para depuração remota
![Page 41: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/41.jpg)
Múltiplas plataformas de Múltiplas plataformas de desenvolvimentodesenvolvimento
![Page 42: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/42.jpg)
Processo de desenvolvimentoProcesso de desenvolvimento
BUILDBUILDCrie sua aplicação web nativaHTML5Crie sua aplicação web nativaHTML5
DevelopDevelopDesenvolvimento utilizando a API nativa do phonegap Desenvolvimento utilizando a API nativa do phonegap
DeployDeployRealizar o deploy para a plataforma de sua escolha, como Iphone, blackbarry, android, windows phone, palm.
Realizar o deploy para a plataforma de sua escolha, como Iphone, blackbarry, android, windows phone, palm.
![Page 43: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/43.jpg)
JavaScript LibraryJavaScript Library
● Jo - http://joapp.com/
● JQTouch - http://www.jqtouch.com/
● JQuery Mobile - http://jquerymobile.com/
● Sencha Touch – http://www.sencha.com/products/touch/
● Unify - http://unify.github.com/unify/
![Page 44: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/44.jpg)
jQuery MobilejQuery Mobile
![Page 45: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/45.jpg)
![Page 46: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/46.jpg)
HTML 5HTML 5
● <canvas>● <audio>● <video>● Drag and Drop● File API● History API
● web SQL● Sockets
![Page 47: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/47.jpg)
Reference APIReference API
● Accelerometer● Camera● Connection● Contacts● Geolocation● Media● Notification● Storage
![Page 48: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/48.jpg)
PluginsPlugins
● Plugins desenvolvidos pela comunidade● Disponível no GitHub
https://github.com/phonegap/phonegap-plugins
● Atualmente para Android, Iphone, BlackBarry e Palm
● Exemplos:● Video Player● Bar Scanner● FTP Client
![Page 49: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/49.jpg)
Praticando!Praticando!
![Page 50: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/50.jpg)
![Page 51: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/51.jpg)
Build PhoneGap CloudBuild PhoneGap Cloud
![Page 52: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/52.jpg)
EXEMPLOSEXEMPLOS
![Page 53: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/53.jpg)
Logitech Squeezebox™ Logitech Squeezebox™ Controller AppController App
http://www.logitech.com/en-us/speakers-audio/wireless-music-systems/devices/7979
![Page 57: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/57.jpg)
CronJaguarCronJaguar
https://github.com/mayroncachina/CronJaguar
![Page 58: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/58.jpg)
Baby Growth ChartsBaby Growth Charts
http://www.kausch.li/iphone/babygrowth/
![Page 59: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/59.jpg)
Bike RouteBike Route
http://itunes.apple.com/us/app/bike-route/id385583340?mt=8
![Page 60: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/60.jpg)
WEB x NATIVE?WEB x NATIVE?
http://photodune.net/item/group-of-elderly-people-working-on-laptop/186609http://photodune.net/item/group-of-elderly-people-working-on-laptop/186609
![Page 61: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/61.jpg)
A WEB É NATIVA!A WEB É NATIVA!
http://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.htmlhttp://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.html
![Page 62: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/62.jpg)
![Page 63: Desenvolvendo para Android com PhoneGap](https://reader033.fdocuments.net/reader033/viewer/2022052619/5558151dd8b42a5e468b4a00/html5/thumbnails/63.jpg)
ReferênciasReferências
● Doc UI Androidhttp://developer.android.com/guide/topics/ui/index.html
● openhandsetalliancehttp://www.openhandsetalliance.com
● Phonegaphttp://www.phonegap.com/
● Phonegap Buildhttps://build.phonegap.com/
● Phonegap Groupshttp://groups.google.com/group/phonegap
● Jqueryhttp://jquerymobile.com/
● Jquery Mobilehttp://jquerymobile.com/demos/1.0rc1/
● HTML 5 Referencehttp://dev.w3.org/html5/spec/Overview.html