Desenvolvendo para Android com PhoneGap
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Desenvolvendo para Android com PhoneGap

on

  • 13,905 views

Palestra IT Day - 15/10/2011

Palestra IT Day - 15/10/2011

Statistics

Views

Total Views
13,905
Views on SlideShare
12,878
Embed Views
1,027

Actions

Likes
5
Downloads
334
Comments
0

8 Embeds 1,027

http://blog.cachina.com.br 822
http://www.cachina.com.br 186
http://127.0.0.1 13
http://webcache.googleusercontent.com 2
http://www.google.com.br 1
http://site.cachina.com.br 1
http://localhost 1
http://10.0.0.104 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Desenvolvendo para Android com PhoneGap Presentation Transcript

  • 1. Desenvolvendo paraAndroid com PhoneGapMayron Cachinamayroncachina@gmail.com
  • 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. ● Primeiro celular lançado em 2008● Android T-Mobile G1
  • 4. Novos modelos todo mês
  • 5. Android x IPhone
  • 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. 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. Sistema mobile mais vendido Agosto/2011
  • 9. open handset allience
  • 10. Loja de Aplicativos Android Market https://market.android.com/
  • 11. Versões
  • 12. DESENVOLVIMENTO
  • 13. Plataforma Otimizada
  • 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. 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. 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. Configurando o Eclipse ADT - Android Development Tools● Execute o Eclipse● Help >Install New Software● Clique em “Add...”
  • 18. Configurando o Eclipse ADT - Android Development Tools● Adicione o Google plugin for Eclipse em Location● https://dl-ssl.google.com/android/eclipse/
  • 19. Configurando o Eclipse● Assim que adicionar o plugin, marque Developer Tools e clique no botão Next.
  • 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. 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. Hello Word● No Eclipse acesse o menu: File → New → Project → Android Project
  • 23. Hello Word
  • 24. Hello Word● Modifique a classe HelloWord conforme abaixo:
  • 25. Hello Word● Para executar o programa no emulador, basta apenas no menu principal “Run” → “Run...” e selecionar Android Application
  • 26. Hello Word
  • 27. Hello Word
  • 28. Componentes UI
  • 29. Componentes UI Action Bar
  • 30. Componentes UI List
  • 31. Componentes UI Map
  • 32. Componentes UI Widgets
  • 33. Componentes UI Quick Actions
  • 34. Componentes UI Search Bar
  • 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. 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. Múltiplas plataformas de desenvolvimento
  • 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. 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. jQuery Mobile
  • 41. HTML 5● <canvas> ● web SQL● <audio> ● Sockets● <video>● Drag and Drop● File API● History API
  • 42. Reference API● Accelerometer● Camera● Connection● Contacts● Geolocation● Media● Notification● Storage
  • 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. Praticando!
  • 45. Build PhoneGap Cloud
  • 46. EXEMPLOS
  • 47. Logitech Squeezebox™ Controller Apphttp://www.logitech.com/en-us/speakers-audio/wireless-music-systems/devices/7979
  • 48. Diary Mobilehttp://diary.com/mobile
  • 49. Orbiumhttp://jsway.se/
  • 50. harmonioushttp://angryrobotzombie.com/
  • 51. CronJaguarhttps://github.com/mayroncachina/CronJaguar
  • 52. Baby Growth Chartshttp://www.kausch.li/iphone/babygrowth/
  • 53. Bike Routehttp://itunes.apple.com/us/app/bike-route/id385583340?mt=8
  • 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. A WEB É NATIVA!http://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.html http://pedagogiavaleriavenancio.blogspot.com/2010/04/alfabetizacao-tecnologica.html
  • 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. OBRIGADO!!! http://cachina.com.br @mayroncachinamayroncachina@gmail.com