Phonegap - self RJ
Transferir como PPTX, PDF1 gostou785 visualizações
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.
Phonegap - self RJ
- 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
- 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”
- 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
- 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