Serving Mobile Apps from Content Management Systems

2,306 views
2,249 views

Published on

Hundreds of millions of web sites around the world are served from Content Management Systems like WordPress and Drupal. How do you equip these platforms to deal with the inevitable rise of mobile web technologies? In this session, we will explore how to create great mobile sites and apps from your existing content, using Sencha Touch.

Published in: Technology, News & Politics
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,306
On SlideShare
0
From Embeds
0
Number of Embeds
198
Actions
Shares
0
Downloads
59
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Serving Mobile Apps from Content Management Systems

  1. 1. Serving Mobile Apps fromContent Management Systems JAMES PEARCE, SENCHA INC.
  2. 2. James Pearce Director, Developer Relations @ jamespearce jamesp@sencha.com
  3. 3. How Mobile IsChanging The Web
  4. 4. And what does this word even mean? How Mobile IsChanging The Web
  5. 5. A perfect storm HTML5 CSS3 JS++
  6. 6. A perfect storm And all that HTML5 other stuff CSS3 JS++
  7. 7. New assumptions HTML JS & JSONThick servers Thick clientsSedentary user Mobile user
  8. 8. New assumptions HTML JS & JSONThick servers Thick clientsSedentary user Mobile user This is what it means!
  9. 9. Old Dogs &New Tricks
  10. 10. Content managementThemes HTML, CSS...Plugins CoreDatabase
  11. 11. Simple mobile support DesktopSwitcher HTML, CSS... Mobile Core Database
  12. 12. WordPress Mobile Packhttp://wordpress.org/extend/plugins/wordpress-mobile-pack
  13. 13. An application approach DesktopSwitcher Mobile REST Core Database JSON
  14. 14. Stack evolution User interface syncSecurity Business logicStorage
  15. 15. EnterSencha Touch
  16. 16. A quick walkthough Simple switching plugin Model-View-Controller CMS categories & posts DemoStores populated with JSON time!
  17. 17. categories post lists & detail
  18. 18. Our MVC pattern Routes Controllers categories.index categories.show posts.show Models Views Category, PostcategoriesList postsList postsDetail Stores categories, posts
  19. 19. Success?
  20. 20. Taking It Further To ∞ beyon & d
  21. 21. Thematic consistency
  22. 22. Thematic consistencyw3c-speak
  23. 23. Thematic consistencyw3c-speak http://mycms.com/?post=123
  24. 24. Thematic consistencyw3c-speak http://mycms.com/?post=123 http://mycms.com/#posts/123
  25. 25. Smart detection & user choice“Switch to our desktop site”
  26. 26. Brand consistency
  27. 27. Brand consistency
  28. 28. Brand consistency
  29. 29. A little can go a long way
  30. 30. Other CMS functionality
  31. 31. Other CMS functionality Comments and user feedback
  32. 32. Other CMS functionality Comments and user feedback Administration interface
  33. 33. Other CMS functionality Comments and user feedback Administration interface Smart sync for large datasets
  34. 34. Other CMS functionality Comments and user feedback Administration interface Smart sync for large datasets Sidebars & widgets
  35. 35. Other CMS functionality Comments and user feedback Administration interface Smart sync for large datasets Sidebars & widgets Thumbnails & images
  36. 36. Other CMS functionality Comments and user feedback Administration interface Smart sync for large datasets Sidebars & widgets Thumbnails & images Rescale with http://tinysrc.net
  37. 37. Mobile devices are di erent
  38. 38. Mobile devices are di erent Geolocation
  39. 39. Mobile devices are di erent GeolocationTelephony
  40. 40. Mobile devices are di erent GeolocationTelephonyCamera
  41. 41. Mobile devices are di erent Geolocation Telephony CameraMessaging
  42. 42. Mobile usersare di erent
  43. 43. James Pearce Director, Developer Relations @ jamespearce jamesp@sencha.com

×