Embed Size (px)
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.
Citation preview
Serving Mobile Appsfrom
Content Management Systems
JAMES PEARCE, SENCHA INC.
James Pearce Director, Developer Relations @ jamespearce [email protected]
How Mobile IsChanging The Web
How Mobile IsChanging The Web
And what does this word even mean?
A perfect storm
HTML5CSS3JS++
A perfect storm
HTML5CSS3JS++
And all thatother stuff
New assumptions
HTML
Thick servers
Sedentary user
JS & JSON
Thick clients
Mobile user
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
Success?
Taking It Further
To ∞ & beyond
Thematic consistency
Thematic consistency
w3c-speak
Thematic consistency
w3c-speak
http://mycms.com/?post=123
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
Brand consistency
Brand consistency
A little can go a long way
Other CMS functionality
Other CMS functionality
Comments and user feedback
Other CMS functionality
Administration interface
Comments and user feedback
Other CMS functionality
Smart sync for large datasets
Administration interface
Comments and user feedback
Other CMS functionality
Smart sync for large datasets
Administration interface
Sidebars & widgets
Comments and user feedback
Other CMS functionality
Smart sync for large datasets
Administration interface
Sidebars & widgets
Thumbnails & images
Comments and user feedback
Other CMS functionality
Smart sync for large datasets
Administration interface
Sidebars & widgets
Thumbnails & images
Rescale with http://tinysrc.net
Comments and user feedback
Mobile devicesare di!erent
Mobile devicesare di!erent
Geolocation
Mobile devicesare di!erent
Telephony
Geolocation
Mobile devicesare di!erent
Telephony
Geolocation
Camera
Mobile devicesare di!erent
Telephony
Geolocation
Camera
Messaging
Mobile usersare di!erent
James Pearce Director, Developer Relations @ jamespearce [email protected]
