PhoneGap           Zaedy Dantas
Who?me: {  name: ‘Zaedy Dantas Sayão’,  twitter: ‘@zaedysayao’,  github: ‘javamanrj’,  study: ‘UFRJ’,  works: ‘BioLogica S...
Público•   iOS?•   Android?•   WP?•   BB?•   Web? JS?
Write Once?• Run everywhere• SONHO
Mobile•   Iphone – 2007•   Apps – 2008•   Ipad – 2010•   2013?
Mercado Mobile                 mobilestatistics.com
Quantas linguaguens?• “Se você é Sênior em 5 linguagens, você não é  Sênior em nenhuma”                                Zae...
Muitas linguagens• Alto custo  – Desenvolvimento  – Manutenção
Uma linguagem
Web Apps•   Navegador ✓•   Sem acesso a código nativo ✖•   Lenta ✖•   Apenas para sites ✖•   Menos integrado ao SO ✓•   Li...
Facebook x Fastbook• Zuckerberg: “I think the biggest mistake we  made as a company is betting too much on  HTML5 as oppos...
Facebook x Fastbookhttp://vimeo.com/55486684
Gmail - iOS
Gmail – iOS…navigator.googleInternal = {   iframe_: undefined,   isInitialized: false,   init: function() {     if (this.i...
PhoneGap•   Nitobi•   Adobe -> Apache•   Open Source•   HTML + CSS + JS -> APP•   iOS, Android, BB, WP, WebOS, Symbian, BADA
O Que dá para fazer?• Imagine um APP  Ele é possível
Apps?www.phonegap.com/apps
API•   Acelerômetro                •   InAppBrowser•   Câmera•   Captura (Recording)         •   Media•   Bússula         ...
Acabou?• Plugins  – https://github.com/phonegap/phonegap-plugins
Debug•   Browser•   Weinre•   Ripple•   iWebInspector•   PonyDebugger•   debug.phonegap.com
Build• IDE• PhoneGap Build
Diretório de desenvolvedores• http://people.phonegap.com/
IDE•   Eclipse•   Xcode•   Aptana•   Dreamweaver•   WebStorm••    Netbeans    IntelliJ                     WHATEVER•   Vis...
Problemas• Build online  – Sem suporte a todos os plugins• Ainda precisa saber programar nativamente  (meia verdade)
Pontos positivos• Baixa curva de aprendizado• Comunidade grande e ativa• Equipe de desenvolvimento paga     – Adobe -> inv...
Mitos• Performance• Impossível fazer coisas nativas• Descaracteriza o app  – Não fica parecido com nativo
Qual é o nativo?
Qual é o nativo?
Qual é o nativo?
Qual é o nativo?
Resposta• Primeiro/Segundo/Terceiro slides:  – Todos são WebApp• Quarto slide:  – Esquerda nativo e direita WebApp
Situações não recomendadas•   Alta performance•   Concorrência•   Threads•   Games -> GPU -> Elementos gráficos pesados
Frameworks/Libs JS (UI)•   Sencha Touch (MVC)•   jQuery Mobile•   Kendo UI•   Dojo•   jQTouch•   Jo•   XUI•   Zepto.JS
Frameworks JS MVC•   Angular.js•   Knockout.js•   Backbone.js•   Agility.js•   SproutCore•   Ember.js•   Batman.js•   Capp...
Outras•   Hammer.JS•   jStorage•   Foundation•   iScroll•   SASS•   Less•   CSS grid•   iWebkit•   Bootstrap
Sem framework                Fique à vontade
News• FirefoxOS• Desktop  – Mac  – Linux  – W7 e W8
Hands ON• Criando um projeto iOS• BUILD• Projeto para MAC
Dúvidas
Upcoming SlideShare
Loading in...5
×

Phonegap - self RJ

606

Published on

Palestra sobre Phonegap apresentada no self RJ

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
606
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Phonegap - self RJ

  1. 1. PhoneGap Zaedy Dantas
  2. 2. Who?me: { name: ‘Zaedy Dantas Sayão’, twitter: ‘@zaedysayao’, github: ‘javamanrj’, study: ‘UFRJ’, works: ‘BioLogica Sistemas S.A’, slideshare: ‘javamanrj’}
  3. 3. Público• iOS?• Android?• WP?• BB?• Web? JS?
  4. 4. Write Once?• Run everywhere• SONHO
  5. 5. Mobile• Iphone – 2007• Apps – 2008• Ipad – 2010• 2013?
  6. 6. Mercado Mobile mobilestatistics.com
  7. 7. Quantas linguaguens?• “Se você é Sênior em 5 linguagens, você não é Sênior em nenhuma” Zaedy Sayão
  8. 8. Muitas linguagens• Alto custo – Desenvolvimento – Manutenção
  9. 9. Uma linguagem
  10. 10. Web Apps• Navegador ✓• Sem acesso a código nativo ✖• Lenta ✖• Apenas para sites ✖• Menos integrado ao SO ✓• Linguagem não compilada ✓
  11. 11. Facebook x Fastbook• Zuckerberg: “I think the biggest mistake we made as a company is betting too much on HTML5 as opposed to native”
  12. 12. Facebook x Fastbookhttp://vimeo.com/55486684
  13. 13. Gmail - iOS
  14. 14. Gmail – iOS…navigator.googleInternal = { iframe_: undefined, isInitialized: false, init: function() { if (this.isInitialized) { return; } this.iframe_ = document.createElement(iframe); var cssText = position:absolute;top:-5000px;height:2px;width:2px;; this.iframe_.style.cssText = cssText; this.iframe_.src = about:blank; document.body.appendChild(this.iframe_); this.isInitialized = true; }…
  15. 15. PhoneGap• Nitobi• Adobe -> Apache• Open Source• HTML + CSS + JS -> APP• iOS, Android, BB, WP, WebOS, Symbian, BADA
  16. 16. O Que dá para fazer?• Imagine um APP Ele é possível
  17. 17. Apps?www.phonegap.com/apps
  18. 18. API• Acelerômetro • InAppBrowser• Câmera• Captura (Recording) • Media• Bússula • Notificações• Conexão • Splash• Contatos • Storage• Device• Arquivo• Geolocation
  19. 19. Acabou?• Plugins – https://github.com/phonegap/phonegap-plugins
  20. 20. Debug• Browser• Weinre• Ripple• iWebInspector• PonyDebugger• debug.phonegap.com
  21. 21. Build• IDE• PhoneGap Build
  22. 22. Diretório de desenvolvedores• http://people.phonegap.com/
  23. 23. IDE• Eclipse• Xcode• Aptana• Dreamweaver• WebStorm•• Netbeans IntelliJ WHATEVER• Visual Studio• VI• Notepad• Sublime Text 2
  24. 24. Problemas• Build online – Sem suporte a todos os plugins• Ainda precisa saber programar nativamente (meia verdade)
  25. 25. Pontos positivos• Baixa curva de aprendizado• Comunidade grande e ativa• Equipe de desenvolvimento paga – Adobe -> investimento• Releases mensais• Boa documentação• Estável• Roadmap conhecido• Open Source• Fácil de testar em várias telas e devices• Concorrência• Reproveitamento de código• API uniforme
  26. 26. Mitos• Performance• Impossível fazer coisas nativas• Descaracteriza o app – Não fica parecido com nativo
  27. 27. Qual é o nativo?
  28. 28. Qual é o nativo?
  29. 29. Qual é o nativo?
  30. 30. Qual é o nativo?
  31. 31. Resposta• Primeiro/Segundo/Terceiro slides: – Todos são WebApp• Quarto slide: – Esquerda nativo e direita WebApp
  32. 32. Situações não recomendadas• Alta performance• Concorrência• Threads• Games -> GPU -> Elementos gráficos pesados
  33. 33. Frameworks/Libs JS (UI)• Sencha Touch (MVC)• jQuery Mobile• Kendo UI• Dojo• jQTouch• Jo• XUI• Zepto.JS
  34. 34. Frameworks JS MVC• Angular.js• Knockout.js• Backbone.js• Agility.js• SproutCore• Ember.js• Batman.js• Cappuccino• Sammy.js
  35. 35. Outras• Hammer.JS• jStorage• Foundation• iScroll• SASS• Less• CSS grid• iWebkit• Bootstrap
  36. 36. Sem framework Fique à vontade
  37. 37. News• FirefoxOS• Desktop – Mac – Linux – W7 e W8
  38. 38. Hands ON• Criando um projeto iOS• BUILD• Projeto para MAC
  39. 39. Dúvidas
  1. A particular slide catching your eye?

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

×