Serving Mobile Apps                fromContent Management Systems       JAMES PEARCE, SENCHA INC.
James Pearce Director, Developer Relations @ jamespearce   jamesp@sencha.com
How Mobile IsChanging The Web
And what does this word even mean?  How Mobile IsChanging The Web
A perfect storm     HTML5      CSS3      JS++
A perfect storm              And all that     HTML5              other stuff      CSS3      JS++
New assumptions    HTML          JS & JSONThick servers    Thick clientsSedentary user   Mobile user
New assumptions    HTML           JS & JSONThick servers    Thick clientsSedentary user    Mobile user                 Thi...
Old Dogs    &New Tricks
Content managementThemes           HTML, CSS...Plugins  CoreDatabase
Simple mobile support           DesktopSwitcher                     HTML, CSS...           Mobile           Core     Datab...
WordPress Mobile Packhttp://wordpress.org/extend/plugins/wordpress-mobile-pack
An application approach           DesktopSwitcher           Mobile            REST           Core     Database        JSON
Stack evolution                  User interface           syncSecurity          Business logicStorage
EnterSencha Touch
A quick walkthough   Simple switching plugin    Model-View-Controller    CMS categories & posts   DemoStores populated wit...
categories   post lists & detail
Our MVC pattern                   Routes                 Controllers                 categories.index                 cate...
Success?
Taking It Further      To ∞     beyon &           d
Thematic consistency
Thematic consistencyw3c-speak
Thematic consistencyw3c-speak            http://mycms.com/?post=123
Thematic consistencyw3c-speak            http://mycms.com/?post=123            http://mycms.com/#posts/123
Smart detection & user choice“Switch to our desktop site”
Brand consistency
Brand consistency
Brand consistency
A little can go a long way
Other CMS functionality
Other CMS functionality  Comments and user feedback
Other CMS functionality  Comments and user feedback    Administration interface
Other CMS functionality  Comments and user feedback    Administration interface  Smart sync for large datasets
Other CMS functionality  Comments and user feedback    Administration interface  Smart sync for large datasets       Sideb...
Other CMS functionality  Comments and user feedback    Administration interface  Smart sync for large datasets       Sideb...
Other CMS functionality  Comments and user feedback    Administration interface  Smart sync for large datasets       Sideb...
Mobile devices are di erent
Mobile devices are di erent Geolocation
Mobile devices are di erent GeolocationTelephony
Mobile devices are di erent GeolocationTelephonyCamera
Mobile devices     are di erent     Geolocation    Telephony    CameraMessaging
Mobile usersare di erent
James Pearce Director, Developer Relations @ jamespearce   jamesp@sencha.com
Serving Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management Systems
Upcoming SlideShare
Loading in …5
×

Serving Mobile Apps from Content Management Systems

2,218
-1

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,218
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
58
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×