mobile apps development in ncr | mobile apps development in india
Serving Mobile Apps from Content Management Systems
-
Upload
sencha -
Category
Technology
-
view
2.159 -
download
5
description
Transcript of Serving Mobile Apps from Content Management Systems
![Page 1: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/1.jpg)
![Page 2: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/2.jpg)
Serving Mobile Appsfrom
Content Management Systems
JAMES PEARCE, SENCHA INC.
![Page 3: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/3.jpg)
James Pearce Director, Developer Relations @ jamespearce [email protected]
![Page 4: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/4.jpg)
![Page 5: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/5.jpg)
How Mobile IsChanging The Web
![Page 6: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/6.jpg)
How Mobile IsChanging The Web
And what does this word even mean?
![Page 7: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/7.jpg)
A perfect storm
HTML5CSS3JS++
![Page 8: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/8.jpg)
A perfect storm
HTML5CSS3JS++
And all thatother stuff
![Page 9: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/9.jpg)
New assumptions
HTML
Thick servers
Sedentary user
JS & JSON
Thick clients
Mobile user
![Page 10: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/10.jpg)
New assumptions
HTML
Thick servers
Sedentary user
JS & JSON
Thick clients
Mobile user
This is what it means!
![Page 11: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/11.jpg)
![Page 12: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/12.jpg)
Old Dogs&
New Tricks
![Page 13: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/13.jpg)
Content management
HTML, CSS...
Database
Core
Plugins
Themes
![Page 14: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/14.jpg)
Simple mobile support
Database
Core
Mobile
DesktopSw
itch
er HTML, CSS...
![Page 15: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/15.jpg)
WordPress Mobile Pack
http://wordpress.org/extend/plugins/wordpress-mobile-pack
![Page 16: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/16.jpg)
An application approach
JSONDatabase
Core
Mobile
DesktopSw
itch
er
REST
![Page 17: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/17.jpg)
Stack evolution
Storage
Security Business logic
User interfacesync
![Page 18: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/18.jpg)
EnterSencha Touch
![Page 19: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/19.jpg)
A quick walkthough
Simple switching plugin
Stores populated with JSON Demotime!
Model-View-Controller
CMS categories & posts
![Page 20: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/20.jpg)
![Page 21: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/21.jpg)
categories post lists & detail
![Page 22: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/22.jpg)
Our MVC pattern
Routes
Controllerscategories.index categories.show
posts.show
ViewscategoriesList
postsListpostsDetail
ModelsCategory, Post
Storescategories, posts
![Page 23: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/23.jpg)
Success?
![Page 24: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/24.jpg)
Taking It Further
To ∞ & beyond
![Page 25: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/25.jpg)
Thematic consistency
![Page 26: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/26.jpg)
Thematic consistency
w3c-speak
![Page 27: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/27.jpg)
Thematic consistency
w3c-speak
http://mycms.com/?post=123
![Page 28: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/28.jpg)
Thematic consistency
w3c-speak
http://mycms.com/?post=123
http://mycms.com/#posts/123
![Page 29: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/29.jpg)
Smart detection& user choice
“Switch to our desktop site”
![Page 30: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/30.jpg)
Brand consistency
![Page 31: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/31.jpg)
Brand consistency
![Page 32: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/32.jpg)
Brand consistency
![Page 33: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/33.jpg)
A little can go a long way
![Page 34: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/34.jpg)
Other CMS functionality
![Page 35: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/35.jpg)
Other CMS functionality
Comments and user feedback
![Page 36: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/36.jpg)
Other CMS functionality
Administration interface
Comments and user feedback
![Page 37: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/37.jpg)
Other CMS functionality
Smart sync for large datasets
Administration interface
Comments and user feedback
![Page 38: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/38.jpg)
Other CMS functionality
Smart sync for large datasets
Administration interface
Sidebars & widgets
Comments and user feedback
![Page 39: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/39.jpg)
Other CMS functionality
Smart sync for large datasets
Administration interface
Sidebars & widgets
Thumbnails & images
Comments and user feedback
![Page 40: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/40.jpg)
Other CMS functionality
Smart sync for large datasets
Administration interface
Sidebars & widgets
Thumbnails & images
Rescale with http://tinysrc.net
Comments and user feedback
![Page 41: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/41.jpg)
Mobile devicesare di!erent
![Page 42: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/42.jpg)
Mobile devicesare di!erent
Geolocation
![Page 43: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/43.jpg)
Mobile devicesare di!erent
Telephony
Geolocation
![Page 44: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/44.jpg)
Mobile devicesare di!erent
Telephony
Geolocation
Camera
![Page 45: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/45.jpg)
Mobile devicesare di!erent
Telephony
Geolocation
Camera
Messaging
![Page 46: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/46.jpg)
Mobile usersare di!erent
![Page 47: Serving Mobile Apps from Content Management Systems](https://reader034.fdocuments.net/reader034/viewer/2022042816/558d2559d8b42a34638b459e/html5/thumbnails/47.jpg)
James Pearce Director, Developer Relations @ jamespearce [email protected]