serving mobile apps from content management systems

Post on 12-Jan-2015

4.799 Views

Category:

Technology

5 Downloads

Preview:

Click to see full reader

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 jamesp@sencha.com

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 jamesp@sencha.com

top related