Serving Mobile Apps
                from
Content Management Systems

       JAMES PEARCE, SENCHA INC.
James Pearce
 Director, Developer Relations

 @ jamespearce
   jamesp@sencha.com
How Mobile Is
Changing The Web
And what does this word even mean?




  How Mobile Is
Changing The Web
A perfect storm

     HTML5
      CSS3
      JS++
A perfect storm
              And all that
     HTML5
              other stuff
      CSS3
      JS++
New assumptions

    HTML          JS & JSON

Thick servers    Thick clients

Sedentary user   Mobile user
New assumptions

    HTML           JS & JSON

Thick servers    Thick clients

Sedentary user    Mobile user


                 This is what it means!
Old Dogs
    &
New Tricks
Content management

Themes
           HTML, CSS...
Plugins
  Core
Database
Simple mobile support
           Desktop
Switcher


                     HTML, CSS...
           Mobile


           Core
     Database
WordPress Mobile Pack




http://wordpress.org/extend/plugins/wordpress-mobile-pack
An application approach
           Desktop
Switcher



           Mobile
            REST
           Core
     Database        JSON
Stack evolution



                  User interface
           sync
Security          Business logic
Storage
Enter
Sencha Touch
A quick walkthough

   Simple switching plugin
    Model-View-Controller
    CMS categories & posts   Demo
Stores populated with JSON   time!
categories   post lists & detail
Our MVC pattern
                   Routes
                 Controllers
                 categories.index
                 categories.show
                   posts.show


                                      Models
  Views                              Category, Post
categoriesList
  postsList
 postsDetail
                                       Stores
                                    categories, posts
Success?
Taking It Further



      To ∞
     beyon &
           d
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
  Comments and user feedback
    Administration interface
Other CMS functionality
  Comments and user feedback
    Administration interface
  Smart sync for large datasets
Other CMS functionality
  Comments and user feedback
    Administration interface
  Smart sync for large datasets
       Sidebars & widgets
Other CMS functionality
  Comments and user feedback
    Administration interface
  Smart sync for large datasets
       Sidebars & widgets
     Thumbnails & images
Other CMS functionality
  Comments and user feedback
    Administration interface
  Smart sync for large datasets
       Sidebars & widgets
     Thumbnails & images

               Rescale with http://tinysrc.net
Mobile devices
 are di erent
Mobile devices
 are di erent
 Geolocation
Mobile devices
 are di erent
 Geolocation
Telephony
Mobile devices
 are di erent
 Geolocation
Telephony
Camera
Mobile devices
     are di erent
     Geolocation
    Telephony
    Camera
Messaging
Mobile users
are di erent
James Pearce
 Director, Developer Relations

 @ jamespearce
   jamesp@sencha.com

Serving Mobile Apps from Content Management Systems