Slide 2: Serving Mobile Apps
from
Content Management Systems
JAMES PEARCE, SENCHA INC.
Slide 3: James Pearce
Director, Developer Relations @ jamespearce jamesp@sencha.com
Slide 5: And what does this word even mean?
How Mobile Is Changing The Web
Slide 6: A perfect storm
HTML5 CSS3 JS++
And all that other stuff
Slide 7: New assumptions
HTML Thick servers Sedentary user JS & JSON Thick clients Mobile user
This is what it means!
Slide 9: Old Dogs & New Tricks
Slide 10: Content management
Themes Plugins Core Database
HTML, CSS...
Slide 11: Simple mobile support
Switcher
Desktop Mobile Core
HTML, CSS...
Database
Slide 12: WordPress Mobile Pack
http://wordpress.org/extend/plugins/wordpress-mobile-pack
Slide 13: An application approach
Switcher
Desktop Mobile REST Core
Database
JSON
Slide 14: Stack evolution
User interface Security Storage
sync
Business logic
Slide 15: Enter Sencha Touch
Slide 16: A quick walkthough
Simple switching plugin Model-View-Controller CMS categories & posts Stores populated with JSON Demo time!
Slide 22: categories
post lists & detail
Slide 23: Our MVC pattern
Routes Controllers
categories.index categories.show posts.show
Views
categoriesList postsList postsDetail
Models
Category, Post
Stores
categories, posts
Slide 32: Our MVC pattern
Routes Controllers
categories.index categories.show posts.show
Views
categoriesList postsList postsDetail
Models
Category, Post
Stores
categories, posts
Slide 35: change to postsList
Slide 36: need to implement the server API
Slide 44: Success?
Slide 45: Taking It Further
To ∞ & beyon d
Slide 46: Thematic consistency
w3c-speak
http://mycms.com/?post=123
http://mycms.com/#posts/123
Slide 47: Smart detection & user choice
“Switch to our desktop site”
Slide 48: Brand consistency
Slide 49: A little can go a long way
Slide 50: Other CMS functionality
Comments and user feedback Administration interface Smart sync for large datasets Account management Sidebars & widgets Thumbnails & images
Rescale with http://tinysrc.net
Slide 51: Mobile devices are di erent
Geolocation Telephony Camera Messaging
Slide 52: Mobile users are di erent
Slide 53: James Pearce
Director, Developer Relations @ jamespearce jamesp@sencha.com
