serving mobile apps from content management systems
DESCRIPTION
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.TRANSCRIPT
Serving Mobile Appsfrom
Content Management Systems
JAMES PEARCE, SENCHA INC.
James Pearce Director, Developer Relations @ jamespearce [email protected]
How Mobile IsChanging The Web
And what does this word even mean?
A perfect storm
HTML5CSS3JS++
And all thatother stuff
New assumptions
HTML
Thick servers
Sedentary user
JS & JSON
Thick clients
Mobile user
This is what it means!
Old Dogs&
New Tricks
Content management
HTML, CSS...
Database
Core
Plugins
Themes
Simple mobile support
Database
Core
Mobile
DesktopSw
itch
er HTML, CSS...
WordPress Mobile Pack
http://wordpress.org/extend/plugins/wordpress-mobile-pack
An application approach
JSONDatabase
Core
Mobile
DesktopSw
itch
er
REST
Stack evolution
Storage
Security Business logic
User interfacesync
EnterSencha Touch
A quick walkthough
Simple switching plugin
Stores populated with JSON Demotime!
Model-View-Controller
CMS categories & posts
categories post lists & detail
Our MVC pattern
Routes
Controllerscategories.index categories.show
posts.show
ViewscategoriesList
postsListpostsDetail
ModelsCategory, Post
Storescategories, posts
Our MVC pattern
Routes
Controllerscategories.index categories.show
posts.show
ViewscategoriesList
postsListpostsDetail
ModelsCategory, Post
Storescategories, posts
change to postsList
need to implement the server API
Success?
Taking It Further
To ∞ & beyond
Thematic consistency
w3c-speak
http://mycms.com/?post=123
http://mycms.com/#posts/123
Smart detection& user choice
“Switch to our desktop site”
Brand consistency
A little can go a long way
Other CMS functionality
Smart sync for large datasets
Administration interface
Sidebars & widgets
Thumbnails & images
Rescale withhttp://tinysrc.net
Comments and user feedback
Account management
Mobile devicesare di!erent
Telephony
Geolocation
Camera
Messaging
Mobile usersare di!erent
James Pearce Director, Developer Relations @ jamespearce [email protected]