Your SlideShare is downloading. ×
WebBr 2013: Apps Mobile Multiplataforma e OpenSource com  Sencha Touch e Phonegap
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

WebBr 2013: Apps Mobile Multiplataforma e OpenSource com Sencha Touch e Phonegap

1,435
views

Published on

Palestra apresentada na WebBR 2013 sobre Sencha Touch e PhoneGap

Palestra apresentada na WebBR 2013 sobre Sencha Touch e PhoneGap

Published in: Technology

1 Comment
5 Likes
Statistics
Notes
  • Parabéns, um trabalho realmente interessante. No entanto quis fazer download da primeira apresentação, mas esta definida sem a opção de ter acesso ao download.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
1,435
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
28
Comments
1
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Apps Mobile Multiplataforma e OpenSource com Sencha Touch e Phonegap Loiane Groner http://loiane.com
  • 2. Me, Myself && I •Gerente de Desenv Projetos && Sencha Trainer •8+ XP TI •Java JUG Leader •Sencha Community Leader •http://loiane.com •@loiane
  • 3. packpub.com ou amazon.com
  • 4. Sencha Touch
  • 5. “ O primeiro framework HTML5 mobile do mercado. http://www.sencha.com/products/touch/
  • 6. + Wrapper jQuery <HTML> DOM DOM Element DOM Element DOM Element … $(‘#selector’); append(); removeClass(); position();
  • 7. Sencha Touch Widgets <HTML> DOM List Button Toolbar Form … Ext.create(‘Ext.create,{…}’);
  • 8. Cross-Platform
  • 9. Plataforma Sencha
  • 10. Plataforma Sencha Ext JS + Touch
  • 11. Single Page App
  • 12. MVC Model-View-Controller
  • 13. Usuário View Model Controller
  • 14. Model
  • 15. View
  • 16. Controller
  • 17. Store
  • 18. Data Package
  • 19. REST
  • 20. JSON-P
  • 21. Local Storage Web SQL (SQLite)
  • 22. User Interface Design
  • 23. Componentes
  • 24. Eventos tap tap duplo pinch zoom swipe
  • 25. Demo
  • 26. Temas
  • 27. Licença • Open Source • Commercial Software
  • 28. Licença • Open Source • Commercial Software
  • 29. Server Side Web Execut a UI e Lógica de negó cio Web Server / ttp:/ h Java/ PHP/ Ruby/C# Web Browser Arquivos Banco de Imagens/ Dados Documentos Dispositivo um nas dor Ape riza de ren Backend
  • 30. Client Side Web Web Browser JavaScript Imagens/ Documentos de negó cio Web Server tp:// ht Sencha Touch Arquivos Lógica Banco de Dados caching UI e de Dispositivo uta gica xec e ) ló ma cio lgu egó (a n Java/ PHP/ Ruby/C# Arquivos Banco de Imagens/ Dados Documentos Backend
  • 31. Client Side Web Web Browser JavaScript Sencha Touch Arquivos Imagens/ Documentos Banco de Dados caching Dispositivo Web Server Java/ PHP/ Ruby/C# Arquivos Banco de Imagens/ Dados Documentos Backend
  • 32. Client Side Web Web Browser JavaScript Sencha Touch Arquivos Imagens/ Documentos Banco de Dados caching Dispositivo :// ttp h Web Server Java/ PHP/ Ruby/C# Arquivos Banco de Imagens/ Dados Documentos Backend
  • 33. Client Side Web Web Browser JavaScript Sencha Touch Web Server :// ttp h Java/ PHP/ Ruby/C# CORS Arquivos Banco de Banco Arquivos http://enable-cors.org/ Imagens/ Documentos de Dados caching Dispositivo Imagens/ Documentos Dados Backend
  • 34. PhoneGap
  • 35. “ Acesso Nativo ao Device usando apenas JavaScript. http://phonegap.com/
  • 36. Android Accelerometer Camera Capture Compass Connection Contacts Device Events File Geolocation Globalization InAppBrowser Media Notification Spalshscreen Storage iOS BB 10 WP 8 Tizen P P P P P P P P P P P P P P P P P P P P P (3GS P +)s P dfs P df P P P P P P P P P P P P P P P P P P O P P P P P P P P P P P P P P P O P P O P P O P O O P P O P Parcial P P P P P P Parcial
  • 37. App Híbrida App Nativa Código Nativo Interpretador Lógica de negó cio Web Server tp:// ht Java/ PHP/ Ruby/C# :// ttp h PhoneGap JavaScript Sencha Touch / jQquery Mobile UI e de Dispositivo uta gica xec e ) ló ma cio lgu egó (a n Arquivos Banco de Imagens/ Dados Documentos Backend
  • 38. Apenas Phonegap?
  • 39. Demo
  • 40. Plugins
  • 41. https://github.com/lite4cordova/Cordova-SQLitePlugin
  • 42. OffLine First
  • 43. https://github.com/shepsii/SQLite-Proxy-ST2
  • 44. Isso é lindo!
  • 45. Demo
  • 46. Sencha Architect
  • 47. http://www.sencha.com/apps/ http://phonegap.com/app/
  • 48. http://loiane.com facebook.com/loianegroner @loiane https://github.com/loiane youtube.com/user/Loianeg
  • 49. Obrigada! http://loiane.com