PhoneGapDiego “Dukão” Guimarães   diegodukao@mobilidade.fm@diegodukao                       www.mobilidade.fm
“Please allow me to        introduce myself”@diegodukao            www.mobilidade.fm
@diegodukao   www.mobilidade.fm
soundcloud.com/cameliaavenida@diegodukao            www.mobilidade.fm
Desenvolvedor Web               (Django e Rails)@diegodukao                       www.mobilidade.fm
?@diegodukao       www.mobilidade.fm
Dukão + celulares = ?@diegodukao           www.mobilidade.fm
Em breve:    Mobilidade.FM / dev@diegodukao               www.mobilidade.fm
Android é legal         Java nem tanto@diegodukao           www.mobilidade.fm
Alternativas?@diegodukao               www.mobilidade.fm
Appcelerator Titanium   Javascript   Gera código nativo   Mantém o “look and feel” de cada   plataforma   Falta MUITA cois...
Appcelerator Titanium@diegodukao                    www.mobilidade.fm
Kivy   Python   Cython + OpenGL   Mesma aparência em todas as   plataformas   Bom para apps muito específicos@diegodukao  ...
Mas e o PhoneGap?@diegodukao              www.mobilidade.fm
Nem nativo e nem web app@diegodukao            www.mobilidade.fm
O que é uma web app?    Uma página web otimizada para celulares/tablets  Vantagens:  + Você não precisa aprender a program...
Desvantagem:  Acesso limitado aos recursos do  dispositivo    O que você não consegue acessar?    Câmera, acelerômetro, co...
Desvantagem:  Acesso limitado aos recursos do  dispositivo  Quantos aplicativos vocês conhecem  que usam esses recursos?  ...
68,97%              Das estatísticas são inventadas@diegodukao                                     www.mobilidade.fm
Aplicativo do Facebook              Até 08/12 era web app@diegodukao                        www.mobilidade.fm
“Tá, Dukão, mas O MEU aplicativo vai usar   esses recursos TODOS! #digdin”     PhoneGap nele!@diegodukao                  ...
@diegodukao   www.mobilidade.fm
PhoneGap                       =        WebView (instância do navegador        que abre dentro da app)                    ...
E tem mais!  Por ser Javascript, você pode lotar a sua  app de frameworks e ficar na moda! o/              E transformar s...
Mas quem usa?         http://phonegap.com/app/       1323 apllicativos cadastrados@diegodukao                    www.mobil...
Mas quem usa?@diegodukao                   www.mobilidade.fm
Mas quem usa?@diegodukao                   www.mobilidade.fm
Mas quem usa?@diegodukao                   www.mobilidade.fm
Mas quem usa?              Tem versão pra WebOS!@diegodukao                           www.mobilidade.fm
Mobilidade.FM #34 – História Móvel: Palm@diegodukao                         www.mobilidade.fm
Mas quem usa?@diegodukao                   www.mobilidade.fm
Mas quem usa?@diegodukao                   www.mobilidade.fm
#comofas@diegodukao              www.mobilidade.fm
AndroidConfigurar o ambiente de desenvolvimento para Android:  Baixar Eclipse, Android SDK e ADT pluginBaixar e extrair a ...
@diegodukao   www.mobilidade.fm
No terminal, na pasta onde você extraiu incubator-cordova-android.zip ./create <caminho_do_projeto> <nome_do_package> <nom...
No Eclipse: File > New > Project@diegodukao                                 www.mobilidade.fm
@diegodukao   www.mobilidade.fm
A partir daí é só desenvolver sua app como um site normal!  Ou seja, use qualquer editor e teste  em qualquer browser!@die...
Para utilizar os recursos do celular:              camera.getPicture              accelerometer.watchAcceleration         ...
Deploy: igual qualquer app para Android    Right click > Android Tools >    Export Signed/Unsigned Application Package@die...
Deploy para 6 plataformas de uma vez   build.phonegap.com@diegodukao                     www.mobilidade.fm
Deploy para 6 plataformas de uma vez   build.phonegap.com@diegodukao                     www.mobilidade.fm
“Então eu devo mesmo usar o PhoneGap?” 1) Você tem tempo e dinheiro limitados? 2) Pretende atingir mais de uma plataforma ...
“Então eu devo mesmo usar o PhoneGap?” 1) Você tem tempo e dinheiro limitados? “SIM” 2) Pretende atingir mais de uma plata...
“Então eu devo mesmo usar o PhoneGap?” 4) Já programa para web? “Não =/” Se você também não sabe o nativo, vale a pena com...
72,83%              Das pessoas só acreditam em estatísticas              com duas casas decimais@diegodukao              ...
Obrigado pela atenção!                          Perguntas?                    slideshare.com/diegodukaoDiego “Dukão” Guima...
Próximos SlideShares
Carregando em…5
×

PhoneGap - Campus Party 2013

4.461 visualizações

Publicada em

Palestra mostrando porque você deve, pelo menos, cogitar usar PhoneGap para a sua aplicação mobile. Apresentada na Campus Party 2013

0 comentários
11 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
4.461
No SlideShare
0
A partir de incorporações
0
Número de incorporações
807
Ações
Compartilhamentos
0
Downloads
99
Comentários
0
Gostaram
11
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

PhoneGap - Campus Party 2013

  1. 1. PhoneGapDiego “Dukão” Guimarães diegodukao@mobilidade.fm@diegodukao www.mobilidade.fm
  2. 2. “Please allow me to introduce myself”@diegodukao www.mobilidade.fm
  3. 3. @diegodukao www.mobilidade.fm
  4. 4. soundcloud.com/cameliaavenida@diegodukao www.mobilidade.fm
  5. 5. Desenvolvedor Web (Django e Rails)@diegodukao www.mobilidade.fm
  6. 6. ?@diegodukao www.mobilidade.fm
  7. 7. Dukão + celulares = ?@diegodukao www.mobilidade.fm
  8. 8. Em breve: Mobilidade.FM / dev@diegodukao www.mobilidade.fm
  9. 9. Android é legal Java nem tanto@diegodukao www.mobilidade.fm
  10. 10. Alternativas?@diegodukao www.mobilidade.fm
  11. 11. Appcelerator Titanium Javascript Gera código nativo Mantém o “look and feel” de cada plataforma Falta MUITA coisa da SDK nativa (Android)@diegodukao www.mobilidade.fm
  12. 12. Appcelerator Titanium@diegodukao www.mobilidade.fm
  13. 13. Kivy Python Cython + OpenGL Mesma aparência em todas as plataformas Bom para apps muito específicos@diegodukao www.mobilidade.fm
  14. 14. Mas e o PhoneGap?@diegodukao www.mobilidade.fm
  15. 15. Nem nativo e nem web app@diegodukao www.mobilidade.fm
  16. 16. O que é uma web app? Uma página web otimizada para celulares/tablets Vantagens: + Você não precisa aprender a programar para aquele SO específico + HTML + CSS + Javascript + Pode ser apenas uma versão mobile do seu site que já está no ar Desvantagens: - Acesso limitado aos recursos do dispositivo - Mais lenta que apps nativas@diegodukao www.mobilidade.fm
  17. 17. Desvantagem: Acesso limitado aos recursos do dispositivo O que você não consegue acessar? Câmera, acelerômetro, contatos, etc. No entanto, O que você consegue acessar? Orientação, geolocalização, mídia, etc.@diegodukao www.mobilidade.fm
  18. 18. Desvantagem: Acesso limitado aos recursos do dispositivo Quantos aplicativos vocês conhecem que usam esses recursos? Poucos, comparando com os que não usam.@diegodukao www.mobilidade.fm
  19. 19. 68,97% Das estatísticas são inventadas@diegodukao www.mobilidade.fm
  20. 20. Aplicativo do Facebook Até 08/12 era web app@diegodukao www.mobilidade.fm
  21. 21. “Tá, Dukão, mas O MEU aplicativo vai usar esses recursos TODOS! #digdin” PhoneGap nele!@diegodukao www.mobilidade.fm
  22. 22. @diegodukao www.mobilidade.fm
  23. 23. PhoneGap = WebView (instância do navegador que abre dentro da app) + APIs para acesso aos recursos do celular!@diegodukao www.mobilidade.fm
  24. 24. E tem mais! Por ser Javascript, você pode lotar a sua app de frameworks e ficar na moda! o/ E transformar seu aplicativo numa carroça.@diegodukao www.mobilidade.fm
  25. 25. Mas quem usa? http://phonegap.com/app/ 1323 apllicativos cadastrados@diegodukao www.mobilidade.fm
  26. 26. Mas quem usa?@diegodukao www.mobilidade.fm
  27. 27. Mas quem usa?@diegodukao www.mobilidade.fm
  28. 28. Mas quem usa?@diegodukao www.mobilidade.fm
  29. 29. Mas quem usa? Tem versão pra WebOS!@diegodukao www.mobilidade.fm
  30. 30. Mobilidade.FM #34 – História Móvel: Palm@diegodukao www.mobilidade.fm
  31. 31. Mas quem usa?@diegodukao www.mobilidade.fm
  32. 32. Mas quem usa?@diegodukao www.mobilidade.fm
  33. 33. #comofas@diegodukao www.mobilidade.fm
  34. 34. AndroidConfigurar o ambiente de desenvolvimento para Android: Baixar Eclipse, Android SDK e ADT pluginBaixar e extrair a última versão do Cordova http://cordova.apache.org/#download@diegodukao www.mobilidade.fm
  35. 35. @diegodukao www.mobilidade.fm
  36. 36. No terminal, na pasta onde você extraiu incubator-cordova-android.zip ./create <caminho_do_projeto> <nome_do_package> <nome_do_projeto>@diegodukao www.mobilidade.fm
  37. 37. No Eclipse: File > New > Project@diegodukao www.mobilidade.fm
  38. 38. @diegodukao www.mobilidade.fm
  39. 39. A partir daí é só desenvolver sua app como um site normal! Ou seja, use qualquer editor e teste em qualquer browser!@diegodukao www.mobilidade.fm
  40. 40. Para utilizar os recursos do celular: camera.getPicture accelerometer.watchAcceleration contacts.create contacts.find geolocation.getCurrentPosition Testar no emulador do Android@diegodukao www.mobilidade.fm
  41. 41. Deploy: igual qualquer app para Android Right click > Android Tools > Export Signed/Unsigned Application Package@diegodukao www.mobilidade.fm
  42. 42. Deploy para 6 plataformas de uma vez build.phonegap.com@diegodukao www.mobilidade.fm
  43. 43. Deploy para 6 plataformas de uma vez build.phonegap.com@diegodukao www.mobilidade.fm
  44. 44. “Então eu devo mesmo usar o PhoneGap?” 1) Você tem tempo e dinheiro limitados? 2) Pretende atingir mais de uma plataforma com o seu aplicativo? 3) Performance não é o mais importante? 4) Já programa para web?@diegodukao www.mobilidade.fm
  45. 45. “Então eu devo mesmo usar o PhoneGap?” 1) Você tem tempo e dinheiro limitados? “SIM” 2) Pretende atingir mais de uma plataforma com o seu aplicativo? “SIM” 3) Performance não é o mais importante? “SIM” 4) Já programa para web? “SIM” SIM!@diegodukao www.mobilidade.fm
  46. 46. “Então eu devo mesmo usar o PhoneGap?” 4) Já programa para web? “Não =/” Se você também não sabe o nativo, vale a pena começar com o PhoneGap #TodosAdora HTML 5 o/ Javascript tá na moda! o/ Se tudo der errado, você pode virar Web Developer ;)@diegodukao www.mobilidade.fm
  47. 47. 72,83% Das pessoas só acreditam em estatísticas com duas casas decimais@diegodukao www.mobilidade.fm
  48. 48. Obrigado pela atenção! Perguntas? slideshare.com/diegodukaoDiego “Dukão” Guimarães diegodukao@mobilidade.fm@diegodukao www.mobilidade.fm

×