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

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

7. A perfect storm
HTML5
CSS3
JS++

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

9. New assumptions
HTML JS & JSON
Thick servers Thick clients
Sedentary user Mobile user

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

12. Old Dogs
&
New Tricks

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

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

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

16. An application approach
Desktop
Switcher
Mobile
REST
Core
Database JSON

17. Stack evolution
User interface
sync
Security Business logic
Storage

18. Enter
Sencha Touch

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

21. categories post lists & detail

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

23. Success?

24. Taking It Further
To ∞
beyon &
d

25. Thematic consistency

26. Thematic consistency
w3c-speak

27. Thematic consistency
w3c-speak
http://mycms.com/?post=123

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

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

30. Brand consistency

31. Brand consistency

32. Brand consistency

33. A little can go a long way

34. Other CMS functionality

35. Other CMS functionality
Comments and user feedback

36. Other CMS functionality
Comments and user feedback
Administration interface

37. Other CMS functionality
Comments and user feedback
Administration interface
Smart sync for large datasets

38. Other CMS functionality
Comments and user feedback
Administration interface
Smart sync for large datasets
Sidebars & widgets

39. Other CMS functionality
Comments and user feedback
Administration interface
Smart sync for large datasets
Sidebars & widgets
Thumbnails & images

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

41. Mobile devices
are di erent

42. Mobile devices
are di erent
Geolocation

43. Mobile devices
are di erent
Geolocation
Telephony

44. Mobile devices
are di erent
Geolocation
Telephony
Camera

45. Mobile devices
are di erent
Geolocation
Telephony
Camera
Messaging

46. Mobile users
are di erent

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