Phonegap - self RJ

828 views

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
828
On SlideShare
0
From Embeds
0
Number of Embeds
1
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

×