Desenvolvendo para Android com PhoneGap

15,107 views
14,921 views

Published on

Palestra IT Day - 15/10/2011

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

×