SlideShare a Scribd company logo
Serving Mobile Apps from Content Management Systems
Serving Mobile Apps
                from
Content Management Systems

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

 @ jamespearce
   jamesp@sencha.com
Serving Mobile Apps from Content Management Systems
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!
Serving Mobile Apps from Content Management Systems
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!
Serving Mobile Apps from Content Management Systems
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

More Related Content

PDF
Serving Mobile Apps from Content Management Systems
PDF
Building Desktop & Mobile Apps with Sencha and Force.com
PDF
Why you need a CMS
PDF
WSO2Con EU 2016: Identity Management – A Cornerstone for the Connected Enter...
PPT
Architecture of RIA from JAOO
PPTX
2010.11.27 - ITSpark ofline meeting #1, Cluj - Arhitecturi in Windows Azure (...
PDF
WSO2Con EU 2016: Real-time Monitoring of API Architectures
PDF
Designing an Enterprise CSS Framework is Hard, Stephanie Rewis
Serving Mobile Apps from Content Management Systems
Building Desktop & Mobile Apps with Sencha and Force.com
Why you need a CMS
WSO2Con EU 2016: Identity Management – A Cornerstone for the Connected Enter...
Architecture of RIA from JAOO
2010.11.27 - ITSpark ofline meeting #1, Cluj - Arhitecturi in Windows Azure (...
WSO2Con EU 2016: Real-time Monitoring of API Architectures
Designing an Enterprise CSS Framework is Hard, Stephanie Rewis

What's hot (7)

PDF
Introduction
PDF
MoBots & Gloo
PDF
Beginning Microservices with .NET & RabbitMQ
PDF
Tejasya Hotel
PPTX
Microservice-based Architecture on the Salesforce App Cloud
PPTX
Difference between MVC 3, 4, 5 and 6
PPTX
Genexus Mobile
Introduction
MoBots & Gloo
Beginning Microservices with .NET & RabbitMQ
Tejasya Hotel
Microservice-based Architecture on the Salesforce App Cloud
Difference between MVC 3, 4, 5 and 6
Genexus Mobile
Ad

Similar to Serving Mobile Apps from Content Management Systems (20)

PDF
Types, Features, and Examples of CMS for Web Development
PDF
Web Design
PPTX
CSC PPT 3.pptx
KEY
Maintaining Responsive Integrity
PDF
Building Cloud-Based Cross-Platform Mobile Web Apps
PDF
Building cross platform mobile web apps
PPTX
Mobile application development PowerPoin
 
PDF
WordPress as a CMS
PDF
Building tomorrow's web with today's tools
PDF
Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09
PPTX
Content Management System
PDF
Siruna session at Drupalcon Paris 2009
PDF
CMS Web Designs
PPT
Kentico Cms 5 0 Overview
PDF
HTML5 and the dawn of rich mobile web applications
PPTX
website planning and creation for beginners
PDF
The Modern Web, Part 1: Mobility
PDF
Explained Content Management Systems.pdf
PDF
Cms & wordpress theme development 2011
PDF
eMusic: WordPress in the Enterprise
Types, Features, and Examples of CMS for Web Development
Web Design
CSC PPT 3.pptx
Maintaining Responsive Integrity
Building Cloud-Based Cross-Platform Mobile Web Apps
Building cross platform mobile web apps
Mobile application development PowerPoin
 
WordPress as a CMS
Building tomorrow's web with today's tools
Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09
Content Management System
Siruna session at Drupalcon Paris 2009
CMS Web Designs
Kentico Cms 5 0 Overview
HTML5 and the dawn of rich mobile web applications
website planning and creation for beginners
The Modern Web, Part 1: Mobility
Explained Content Management Systems.pdf
Cms & wordpress theme development 2011
eMusic: WordPress in the Enterprise
Ad

More from Sencha (20)

PDF
Breathe New Life into Your Existing JavaScript Applications with Web Components
PDF
Ext JS 6.6 Highlights
PDF
Sencha Roadshow 2017: BufferedStore Internals featuring eyeworkers interactiv...
PDF
Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd
PDF
Sencha Roadshow 2017: Best Practices for Implementing Continuous Web App Testing
PDF
Sencha Roadshow 2017: What's New in Sencha Test
PDF
Sencha Roadshow 2017: Sencha Upgrades - The Good. The Bad. The Ugly - Eva Luc...
PDF
Sencha Roadshow 2017: Modernizing the Ext JS Class System and Tooling
PDF
Sencha Roadshow 2017: Sencha Best Practices: Coworkee App
PDF
Sencha Roadshow 2017: Mobile First or Desktop First
PDF
Sencha Roadshow 2017: Innovations in Ext JS 6.5 and Beyond
PDF
Leveraging React and GraphQL to Create a Performant, Scalable Data Grid
PDF
Learn Key Insights from The State of Web Application Testing Research Report
PPTX
Introducing ExtReact: Adding Powerful Sencha Components to React Apps
PPTX
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
PPT
SenchaCon 2016: Add Magic to Your Ext JS Apps with D3 Visualizations - Vitaly...
PPT
SenchaCon 2016: LinkRest - Modern RESTful API Framework for Ext JS Apps - Rou...
PPT
SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web Apps
PPTX
Ext JS Architecture Best Practices - Mitchell Simeons
PPTX
SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...
Breathe New Life into Your Existing JavaScript Applications with Web Components
Ext JS 6.6 Highlights
Sencha Roadshow 2017: BufferedStore Internals featuring eyeworkers interactiv...
Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd
Sencha Roadshow 2017: Best Practices for Implementing Continuous Web App Testing
Sencha Roadshow 2017: What's New in Sencha Test
Sencha Roadshow 2017: Sencha Upgrades - The Good. The Bad. The Ugly - Eva Luc...
Sencha Roadshow 2017: Modernizing the Ext JS Class System and Tooling
Sencha Roadshow 2017: Sencha Best Practices: Coworkee App
Sencha Roadshow 2017: Mobile First or Desktop First
Sencha Roadshow 2017: Innovations in Ext JS 6.5 and Beyond
Leveraging React and GraphQL to Create a Performant, Scalable Data Grid
Learn Key Insights from The State of Web Application Testing Research Report
Introducing ExtReact: Adding Powerful Sencha Components to React Apps
SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato
SenchaCon 2016: Add Magic to Your Ext JS Apps with D3 Visualizations - Vitaly...
SenchaCon 2016: LinkRest - Modern RESTful API Framework for Ext JS Apps - Rou...
SenchaCon 2016: Expect the Unexpected - Dealing with Errors in Web Apps
Ext JS Architecture Best Practices - Mitchell Simeons
SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...

Recently uploaded (20)

PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDF
Approach and Philosophy of On baking technology
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
PPTX
1. Introduction to Computer Programming.pptx
PDF
Hybrid model detection and classification of lung cancer
PDF
project resource management chapter-09.pdf
PPTX
cloud_computing_Infrastucture_as_cloud_p
PDF
Hindi spoken digit analysis for native and non-native speakers
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PDF
Getting Started with Data Integration: FME Form 101
PDF
A novel scalable deep ensemble learning framework for big data classification...
PPTX
TLE Review Electricity (Electricity).pptx
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
Heart disease approach using modified random forest and particle swarm optimi...
PDF
DP Operators-handbook-extract for the Mautical Institute
PDF
1 - Historical Antecedents, Social Consideration.pdf
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Accuracy of neural networks in brain wave diagnosis of schizophrenia
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Approach and Philosophy of On baking technology
Univ-Connecticut-ChatGPT-Presentaion.pdf
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
1. Introduction to Computer Programming.pptx
Hybrid model detection and classification of lung cancer
project resource management chapter-09.pdf
cloud_computing_Infrastucture_as_cloud_p
Hindi spoken digit analysis for native and non-native speakers
SOPHOS-XG Firewall Administrator PPT.pptx
Getting Started with Data Integration: FME Form 101
A novel scalable deep ensemble learning framework for big data classification...
TLE Review Electricity (Electricity).pptx
Building Integrated photovoltaic BIPV_UPV.pdf
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Heart disease approach using modified random forest and particle swarm optimi...
DP Operators-handbook-extract for the Mautical Institute
1 - Historical Antecedents, Social Consideration.pdf
NewMind AI Weekly Chronicles - August'25-Week II
Accuracy of neural networks in brain wave diagnosis of schizophrenia

Serving Mobile Apps from Content Management Systems