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.

2. Serving Mobile Apps
from
Content Management Systems
JAMES PEARCE, SENCHA INC.

3. James Pearce
Director, Developer Relations
@jamespearce
jamesp@sencha.com

5. How Mobile Is
Changing The Web
And what does this word even mean?

6. A perfect storm
HTML5
CSS3
JS++
And all that
other stuff

7. New assumptions
HTML
Thick servers
Sedentary user
JS & JSON
Thick clients
Mobile user
This is what it means!

9. Old Dogs
&
New Tricks

10. Content management
HTML, CSS...
Database
Core
Plugins
Themes

11. Simple mobile support
Database
Core
Mobile
Desktop
Switcher
HTML, CSS...

12. WordPress Mobile Pack
http://wordpress.org/extend/plugins/wordpress-mobile-pack

13. An application approach
JSONDatabase
Core
Mobile
Desktop
Switcher
REST

14. Stack evolution
Storage
Security Business logic
User interface
sync

15. Enter
Sencha Touch

16. A quick walkthough
Simple switching plugin
Stores populated with JSON
Demo
time!
Model-View-Controller
CMS categories & posts

22. categories post lists & detail

23. Our MVC pattern
Routes
Controllers
categories.index
categories.show
posts.show
Views
categoriesList
postsList
postsDetail
Models
Category, Post
Stores
categories, posts

32. Our MVC pattern
Routes
Controllers
categories.index
categories.show
posts.show
Views
categoriesList
postsList
postsDetail
Models
Category, Post
Stores
categories, posts

35. change to postsList

36. need to implement
the server API

44. Success?

45. Taking It Further
To ∞ &beyond

46. Thematic consistency
w3c-speak
http://mycms.com/?post=123
http://mycms.com/#posts/123

47. Smart detection
& user choice
“Switch to our desktop site”

48. Brand consistency

49. A little can go a long way

50. Other CMS functionality
Smart sync for large datasets
Administration interface
Sidebars & widgets
Thumbnails & images
Rescale with
http://tinysrc.net
Comments and user feedback
Account management

51. Mobile devices
are different
Telephony
Geolocation
Camera
Messaging

52. Mobile users
are different

53. James Pearce
Director, Developer Relations
@jamespearce
jamesp@sencha.com