O documento apresenta PhoneGap, uma plataforma que permite aos desenvolvedores criarem aplicativos móveis híbridos utilizando HTML, CSS e JavaScript. PhoneGap permite que os apps sejam compilados para as principais plataformas móveis como iOS, Android, BlackBerry e Windows Phone. De forma concisa, o documento discute os benefícios de se desenvolver apps de forma multiplataforma com PhoneGap, como as APIs disponíveis e ferramentas de desenvolvimento e deploy.

1. PhoneGap
Zaedy Dantas

2. Who?
me: {
name: ‘Zaedy Dantas Sayão’,
twitter: ‘@zaedysayao’,
github: ‘javamanrj’,
study: ‘UFRJ’,
works: ‘BioLogica Sistemas S.A’,
slideshare: ‘javamanrj’
}

3. Público
• iOS?
• Android?
• WP?
• BB?
• Web? JS?

4. Write Once?
• Run everywhere
• SONHO

5. Mobile
• Iphone – 2007
• Apps – 2008
• Ipad – 2010
• 2013?

6. Mercado Mobile
mobilestatistics.com

7. Quantas linguaguens?
• “Se você é Sênior em 5 linguagens, você não é
Sênior em nenhuma”
Zaedy Sayão

8. Muitas linguagens
• Alto custo
– Desenvolvimento
– Manutenção

9. Uma linguagem

10. Web Apps
• Navegador ✓
• Sem acesso a código nativo ✖
• Lenta ✖
• Apenas para sites ✖
• Menos integrado ao SO ✓
• Linguagem não compilada ✓

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. Facebook x Fastbook
http://vimeo.com/55486684

13. Gmail - iOS

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. PhoneGap
• Nitobi
• Adobe -> Apache
• Open Source
• HTML + CSS + JS -> APP
• iOS, Android, BB, WP, WebOS, Symbian, BADA

16. O Que dá para fazer?
• Imagine um APP
Ele é possível

17. Apps?
www.phonegap.com/apps

18. API
• Acelerômetro • InAppBrowser
• Câmera
• Captura (Recording) • Media
• Bússula • Notificações
• Conexão • Splash
• Contatos
• Storage
• Device
• Arquivo
• Geolocation

19. Acabou?
• Plugins
– https://github.com/phonegap/phonegap-plugins

20. Debug
• Browser
• Weinre
• Ripple
• iWebInspector
• PonyDebugger
• debug.phonegap.com

21. Build
• IDE
• PhoneGap Build

22. Diretório de desenvolvedores
• http://people.phonegap.com/

23. IDE
• Eclipse
• Xcode
• Aptana
• Dreamweaver
• WebStorm
•
•
Netbeans
IntelliJ
WHATEVER
• Visual Studio
• VI
• Notepad
• Sublime Text 2

24. Problemas
• Build online
– Sem suporte a todos os plugins
• Ainda precisa saber programar nativamente
(meia verdade)

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. Mitos
• Performance
• Impossível fazer coisas nativas
• Descaracteriza o app
– Não fica parecido com nativo

27. Qual é o nativo?

28. Qual é o nativo?

29. Qual é o nativo?

30. Qual é o nativo?

31. Resposta
• Primeiro/Segundo/Terceiro slides:
– Todos são WebApp
• Quarto slide:
– Esquerda nativo e direita WebApp

32. Situações não recomendadas
• Alta performance
• Concorrência
• Threads
• Games -> GPU -> Elementos gráficos pesados

33. Frameworks/Libs JS (UI)
• Sencha Touch (MVC)
• jQuery Mobile
• Kendo UI
• Dojo
• jQTouch
• Jo
• XUI
• Zepto.JS

34. Frameworks JS MVC
• Angular.js
• Knockout.js
• Backbone.js
• Agility.js
• SproutCore
• Ember.js
• Batman.js
• Cappuccino
• Sammy.js

35. Outras
• Hammer.JS
• jStorage
• Foundation
• iScroll
• SASS
• Less
• CSS grid
• iWebkit
• Bootstrap

36. Sem framework
Fique à vontade

37. News
• FirefoxOS
• Desktop
– Mac
– Linux
– W7 e W8

38. Hands ON
• Criando um projeto iOS
• BUILD
• Projeto para MAC

39. Dúvidas