Your SlideShare is downloading. ×
0
Desenvolvendo paraAndroid com PhoneGapMayron Cachinamayroncachina@gmail.com
O que é o Android?●   O Android é um sistema operacional●   Desenvolvido para dispositivos móveis●   Produzido pela Google...
●   Primeiro celular lançado em 2008●   Android T-Mobile G1
Novos modelos todo mês
Android x IPhone
IPhone●   Flexibilidade:    ●   A Apple é conhecida por limitar as funções de seus        sistemas e com o iPhone não é di...
Android●   Flexibilidade:    ●   É Open Source, por tanto é aberto e dá liberdade        aos usuários.    ●   Os usuários ...
Sistema mobile mais vendido        Agosto/2011
open handset allience
Loja de Aplicativos Android Market     https://market.android.com/
Versões
DESENVOLVIMENTO
Plataforma Otimizada
Preparando o ambiente de           desenvolvimento●   Java - http://java.sun.com/javase/downloads/●   IDE Eclipse - http:/...
Instalando o SDK Windows●   Vá até o executável que se encontrará no diretório do Android SDK e execute.●   Em Available P...
Instalando o SDK no Linux     ●   Extraia os arquivos em uma pasta, vá até a pasta /tools que se encontrará no         dir...
Configurando o Eclipse               ADT - Android Development Tools●   Execute o Eclipse●   Help >Install New Software●  ...
Configurando o Eclipse                 ADT - Android Development Tools●   Adicione o Google plugin for Eclipse em Location...
Configurando o Eclipse●   Assim que adicionar o plugin, marque    Developer Tools e clique no botão Next.
Configurando o Eclipse●   Na segunda etapa, mantenha como está, caso    não tenha erros e prossiga. Na terceira etapa,    ...
Configurando o Eclipse●   Reinicie o Eclipse e após vá ao menu    Window>Preferences e selecione Android●   Selecione o lo...
Hello Word●   No Eclipse acesse o menu:        File → New → Project → Android Project
Hello Word
Hello Word●   Modifique a classe HelloWord conforme abaixo:
Hello Word●   Para executar o programa no emulador, basta    apenas no menu principal “Run” → “Run...” e    selecionar And...
Hello Word
Hello Word
Componentes UI
Componentes UI  Action Bar
Componentes UI    List
Componentes UI    Map
Componentes UI   Widgets
Componentes UI Quick Actions
Componentes UI  Search Bar
O que é o PhoneGap?●   Framework open-sourse para desenvolvimento    mobile.●   Possibilita desenvolver utilizando as ling...
Novidades versão 1.0●   Estabilidade da API e criação de plugins.●   Compatibilidade com a API de acesso a dados    defini...
Múltiplas plataformas de   desenvolvimento
Processo de desenvolvimento      BUILD      Crie sua aplicação web nativa      Crie sua aplicação web nativa      HTML5   ...
JavaScript Library●   Jo - http://joapp.com/●   JQTouch - http://www.jqtouch.com/●   JQuery Mobile - http://jquerymobile.c...
jQuery Mobile
HTML 5●   <canvas>           ●   web SQL●   <audio>            ●   Sockets●   <video>●   Drag and Drop●   File API●   Hist...
Reference API●   Accelerometer●   Camera●   Connection●   Contacts●   Geolocation●   Media●   Notification●   Storage
Plugins●   Plugins desenvolvidos pela comunidade●   Disponível no GitHub    https://github.com/phonegap/phonegap-plugins● ...
Praticando!
Build PhoneGap Cloud
EXEMPLOS
Logitech Squeezebox™                    Controller Apphttp://www.logitech.com/en-us/speakers-audio/wireless-music-systems/...
Diary Mobilehttp://diary.com/mobile
Orbiumhttp://jsway.se/
harmonioushttp://angryrobotzombie.com/
CronJaguarhttps://github.com/mayroncachina/CronJaguar
Baby Growth Chartshttp://www.kausch.li/iphone/babygrowth/
Bike Routehttp://itunes.apple.com/us/app/bike-route/id385583340?mt=8
WEB x NATIVE?http://photodune.net/item/group-of-elderly-people-working-on-laptop/186609 http://photodune.net/item/group-of...
A WEB É NATIVA!http://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.html http://pedagogiavaleria...
Referências●   Doc UI Android    http://developer.android.com/guide/topics/ui/index.html●   openhandsetalliance    http://...
OBRIGADO!!!  http://cachina.com.br    @mayroncachinamayroncachina@gmail.com
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
Upcoming SlideShare
Loading in...5
×

Desenvolvendo para Android com PhoneGap

14,151

Published on

Palestra IT Day - 15/10/2011

Transcript of "Desenvolvendo para Android com PhoneGap"

  1. 1. Desenvolvendo paraAndroid com PhoneGapMayron Cachinamayroncachina@gmail.com
  2. 2. 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 !
  3. 3. ● Primeiro celular lançado em 2008● Android T-Mobile G1
  4. 4. Novos modelos todo mês
  5. 5. Android x IPhone
  6. 6. IPhone● 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.
  7. 7. Android● 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.
  8. 8. Sistema mobile mais vendido Agosto/2011
  9. 9. open handset allience
  10. 10. Loja de Aplicativos Android Market https://market.android.com/
  11. 11. Versões
  12. 12. DESENVOLVIMENTO
  13. 13. Plataforma Otimizada
  14. 14. Preparando o ambiente de desenvolvimento● Java - http://java.sun.com/javase/downloads/● IDE Eclipse - http://www.eclipse.org/downloads/● Android SDK - http://developer.android.com/sdk
  15. 15. Instalando 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.
  16. 16. Instalando 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$ tar -zxvf android-sdk_r04-linux_86.tgz$ cd android-sdk-linux_86/tools$ cd android-sdk-linux_86/tools$ ./android$ ./android
  17. 17. Configurando o Eclipse ADT - Android Development Tools● Execute o Eclipse● Help >Install New Software● Clique em “Add...”
  18. 18. Configurando o Eclipse ADT - Android Development Tools● Adicione o Google plugin for Eclipse em Location● https://dl-ssl.google.com/android/eclipse/
  19. 19. Configurando o Eclipse● Assim que adicionar o plugin, marque Developer Tools e clique no botão Next.
  20. 20. Configurando 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.
  21. 21. Configurando o Eclipse● Reinicie o Eclipse e após vá ao menu Window>Preferences e selecione Android● Selecione o local do SDK e aperte Apply
  22. 22. Hello Word● No Eclipse acesse o menu: File → New → Project → Android Project
  23. 23. Hello Word
  24. 24. Hello Word● Modifique a classe HelloWord conforme abaixo:
  25. 25. Hello Word● Para executar o programa no emulador, basta apenas no menu principal “Run” → “Run...” e selecionar Android Application
  26. 26. Hello Word
  27. 27. Hello Word
  28. 28. Componentes UI
  29. 29. Componentes UI Action Bar
  30. 30. Componentes UI List
  31. 31. Componentes UI Map
  32. 32. Componentes UI Widgets
  33. 33. Componentes UI Quick Actions
  34. 34. Componentes UI Search Bar
  35. 35. 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
  36. 36. Novidades 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
  37. 37. Múltiplas plataformas de desenvolvimento
  38. 38. Processo de desenvolvimento BUILD Crie sua aplicação web nativa Crie sua aplicação web nativa HTML5 HTML5 Develop Desenvolvimento utilizando a API nativa Desenvolvimento utilizando a API nativa do phonegap do phonegap Deploy Realizar o deploy para a plataforma de Realizar o deploy para a plataforma de sua escolha, como Iphone, blackbarry, sua escolha, como Iphone, blackbarry, android, windows phone, palm. android, windows phone, palm.
  39. 39. JavaScript 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/
  40. 40. jQuery Mobile
  41. 41. HTML 5● <canvas> ● web SQL● <audio> ● Sockets● <video>● Drag and Drop● File API● History API
  42. 42. Reference API● Accelerometer● Camera● Connection● Contacts● Geolocation● Media● Notification● Storage
  43. 43. Plugins● 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
  44. 44. Praticando!
  45. 45. Build PhoneGap Cloud
  46. 46. EXEMPLOS
  47. 47. Logitech Squeezebox™ Controller Apphttp://www.logitech.com/en-us/speakers-audio/wireless-music-systems/devices/7979
  48. 48. Diary Mobilehttp://diary.com/mobile
  49. 49. Orbiumhttp://jsway.se/
  50. 50. harmonioushttp://angryrobotzombie.com/
  51. 51. CronJaguarhttps://github.com/mayroncachina/CronJaguar
  52. 52. Baby Growth Chartshttp://www.kausch.li/iphone/babygrowth/
  53. 53. Bike Routehttp://itunes.apple.com/us/app/bike-route/id385583340?mt=8
  54. 54. WEB x NATIVE?http://photodune.net/item/group-of-elderly-people-working-on-laptop/186609 http://photodune.net/item/group-of-elderly-people-working-on-laptop/186609
  55. 55. A WEB É NATIVA!http://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.html http://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.html
  56. 56. Referências● Doc UI Android http://developer.android.com/guide/topics/ui/index.html● openhandsetalliance http://www.openhandsetalliance.com● Phonegap http://www.phonegap.com/● Phonegap Build https://build.phonegap.com/● Phonegap Groups http://groups.google.com/group/phonegap● Jquery http://jquerymobile.com/● Jquery Mobile http://jquerymobile.com/demos/1.0rc1/● HTML 5 Reference http://dev.w3.org/html5/spec/Overview.html
  57. 57. OBRIGADO!!! http://cachina.com.br @mayroncachinamayroncachina@gmail.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×