SlideShare une entreprise Scribd logo
1  sur  37
Web Content Management's Role in
the Quest for Mobile
Sitefinity
Telerik
Gabe Sumner
Product Manager
Telerik | Sitefinity CMS
@gabesumner
This session will answer two questions:
WHY does WCM need to address mobile?
HOW can WCM address mobile?
WHY does WCM need to address
mobile?
Mobile is on course to overtake desktops
2009 2015E
2,000
1,600
1,200
800
400
This is clearly reflected in today’s headlines
And the “payoff” is becoming evident
Numerous businesses are enjoying the benefits of mobile engagement.
And we’re working out the “kinks”
* Source Foresee
Mobile experiences are
nearly on par with desktop
However, look more closely…
Onlythetoponlineretailersarereportingtheseresults
Other “top” websites paint a different picture
* Source Top 500 Guide – InternetRetailer.com
In fact, evidence suggests many of us are struggling
* Source Strangeloop
* Source Econsultancy
TheTale of Two Cities…
The opportunity is real.
The path to success is explored.
But many are struggling.
Why?
(The answer is complicated, but lack of tooling is hurting us.)
We’re still climbing the adoption curve
We are here. And tools historically help bridge this
gap.
CMS needs do more than “talk” about mobile
Lack of tooling has resurrected the “webmaster”
Your Idea
DeveloperExecution
(Everything related to mobile must go through a “technology” gatekeeper)
HOW can WCM address mobile?
Responsive Website Mobile AppMobile Website
Device-Agnostic
Experience
Device-Specific
Experience
There are three mobile strategies to
choose from
(Each has pros/cons and there are reasons to combine
Responsive Website
Responsive Grids
CSS3 Media Queries
Mobile App
HTML5 Mobile Apps
Cloud Services
Mobile Website
Device Detection
Device Redirection
Device-Agnostic
Experience
Device-Specific
Experience
And behind each strategy are
numerous technologies
CMS must evolve to help create & manage these technologies
How can WCM address
Responsive Websites?
Onewebsite that adapts toALLdevices.
Responsive Websites adapt to any screen
This technique is based on adaptive grids
This allows 2-columns tobecome 2-rows for small screens
And there are numerous frameworks for this task
However, these
frameworks exist
outside the scope of the
CMS
Instead, these grids should be infused into the WCM
This makes the WCM aware of contentAND layouts
These layouts can then be adapted for different
devices
Once the WCM is aware of the layouts, it can act on this information
Transformations can happen at a site-level or page-
level
This enables different pages (or sections) of the website totransform
differently.
Or hidden from specific devices
All of this is happening in the CMS, not in source code
And previews create awareness of the result
This gives content creators context about the mobile experience being
created.
How can WCM address
Mobile Websites?
Speciallypreparedwebsiteforspecificdevices.
Specialized experiences for specific devices
(DesktopExperience) (SmartphoneExperience)
Device Detection & Redirection
Redirect specific devices to aspecially prepared website
Browse the entire website using a mobile simulator
This allows the overall mobile experience to be tested in avariety of
devices.
How can WCM address
Mobile Apps?
Deployable tomobile app stores
MobileApps fetch data through Web Services
This “structured content” becomes accessible through a RESTFULWeb
API’s
These data types should be established in the CMS
And the WCM should automatically generate WebAPI’s for accessing this
data
MobileApps can then be generated for this data
Scaffold a CRUD-style MobileApp based on CMS-managed Content
Types
Cloud Synchronization should be “built in”
MobileApps interact with cloud services instead of on-premise infrastructure
Cloud
Services
Publish once to everywhere
Responsive Website
Device Preview
Device Simulator
Layout Transformations
Hidden Layouts
Mobile App
Module Builder
Hybrid App Builder
Development
Environment
Cloud Integration
Mobile Website
Device Preview
Device Simulator
Device Detection
Site Redirection
Device-Agnostic
Experience
Device-Specific
Experience
How can WCM address mobile?
Thank You
Gabe Sumner
@gabesumner
www.sitefinity.com
Sitefinity CMS
Telerik

Contenu connexe

En vedette

أنظمة إدارة التعليم
أنظمة إدارة التعليمأنظمة إدارة التعليم
أنظمة إدارة التعليم
guest0c0506
 
Content Management Systems
Content Management SystemsContent Management Systems
Content Management Systems
Kowshar Ahmed
 
CMS (CONTENT MANAGEMENT SYSTEM)
CMS (CONTENT MANAGEMENT SYSTEM)CMS (CONTENT MANAGEMENT SYSTEM)
CMS (CONTENT MANAGEMENT SYSTEM)
Aaina Katyal
 

En vedette (14)

أنظمة إدارة التعليم
أنظمة إدارة التعليمأنظمة إدارة التعليم
أنظمة إدارة التعليم
 
Wcms2009Open Source Web Content Management System
Wcms2009Open Source Web Content Management SystemWcms2009Open Source Web Content Management System
Wcms2009Open Source Web Content Management System
 
Roll Your Own Content Management System
Roll Your Own Content Management SystemRoll Your Own Content Management System
Roll Your Own Content Management System
 
Content Management Systems
Content Management SystemsContent Management Systems
Content Management Systems
 
إدارة المواقع والشبكات الاجتماعية
إدارة المواقع والشبكات الاجتماعيةإدارة المواقع والشبكات الاجتماعية
إدارة المواقع والشبكات الاجتماعية
 
Joomla Presentations
Joomla PresentationsJoomla Presentations
Joomla Presentations
 
Joomla-Content Management System
Joomla-Content Management SystemJoomla-Content Management System
Joomla-Content Management System
 
Content Management Systems
Content Management SystemsContent Management Systems
Content Management Systems
 
Joomla - CMS
Joomla - CMSJoomla - CMS
Joomla - CMS
 
Enterprise Content Management
Enterprise Content ManagementEnterprise Content Management
Enterprise Content Management
 
Content Management System
Content Management SystemContent Management System
Content Management System
 
CMS (CONTENT MANAGEMENT SYSTEM)
CMS (CONTENT MANAGEMENT SYSTEM)CMS (CONTENT MANAGEMENT SYSTEM)
CMS (CONTENT MANAGEMENT SYSTEM)
 
Content Management System
Content Management SystemContent Management System
Content Management System
 
What is a Content Management System or CMS
What is a Content Management System or CMSWhat is a Content Management System or CMS
What is a Content Management System or CMS
 

Similaire à Web Content Management's (WCM) Role in the Quest for Mobile

The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeThe challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
Caridy Patino
 
Building mobile website with Joomla - Joomla!Days NL 2010 #jd10nl
Building mobile website with Joomla -  Joomla!Days NL 2010 #jd10nlBuilding mobile website with Joomla -  Joomla!Days NL 2010 #jd10nl
Building mobile website with Joomla - Joomla!Days NL 2010 #jd10nl
Joomla!Days Netherlands
 
Web based lims_white_paper
Web based lims_white_paperWeb based lims_white_paper
Web based lims_white_paper
Preeti Gupta
 

Similaire à Web Content Management's (WCM) Role in the Quest for Mobile (20)

Ben Gracewood Mobility: The changing face of business
Ben Gracewood Mobility: The changing face of businessBen Gracewood Mobility: The changing face of business
Ben Gracewood Mobility: The changing face of business
 
Drupalcamp LA Aug 2009
Drupalcamp LA Aug 2009Drupalcamp LA Aug 2009
Drupalcamp LA Aug 2009
 
Sencha Touch for Rubyists
Sencha Touch for RubyistsSencha Touch for Rubyists
Sencha Touch for Rubyists
 
Mobilizing the Hosting Industry
Mobilizing the Hosting IndustryMobilizing the Hosting Industry
Mobilizing the Hosting Industry
 
Micro services
Micro servicesMicro services
Micro services
 
Headless CMS
Headless CMSHeadless CMS
Headless CMS
 
Building a Scalable Federated Hybrid Cloud
Building a Scalable Federated Hybrid CloudBuilding a Scalable Federated Hybrid Cloud
Building a Scalable Federated Hybrid Cloud
 
Julie Mckenzie-project4-fwd
Julie Mckenzie-project4-fwdJulie Mckenzie-project4-fwd
Julie Mckenzie-project4-fwd
 
Mobile Disrupts the Cloud
Mobile Disrupts the CloudMobile Disrupts the Cloud
Mobile Disrupts the Cloud
 
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeThe challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - Recife
 
Building mobile website with Joomla - Joomla!Days NL 2010 #jd10nl
Building mobile website with Joomla -  Joomla!Days NL 2010 #jd10nlBuilding mobile website with Joomla -  Joomla!Days NL 2010 #jd10nl
Building mobile website with Joomla - Joomla!Days NL 2010 #jd10nl
 
Understanding Microservices
Understanding MicroservicesUnderstanding Microservices
Understanding Microservices
 
Serving Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management SystemsServing Mobile Apps from Content Management Systems
Serving Mobile Apps from Content Management Systems
 
A Future Friendly Web
A Future Friendly WebA Future Friendly Web
A Future Friendly Web
 
MVP Mix 2015 Leveraging MVVM on all Platforms
MVP Mix 2015  Leveraging MVVM on all PlatformsMVP Mix 2015  Leveraging MVVM on all Platforms
MVP Mix 2015 Leveraging MVVM on all Platforms
 
Web based lims_white_paper
Web based lims_white_paperWeb based lims_white_paper
Web based lims_white_paper
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information Architecture
 
Building a full-stack app with Golang and Google Cloud Platform in one week
Building a full-stack app with Golang and Google Cloud Platform in one weekBuilding a full-stack app with Golang and Google Cloud Platform in one week
Building a full-stack app with Golang and Google Cloud Platform in one week
 
Responsible Microservices
Responsible MicroservicesResponsible Microservices
Responsible Microservices
 
Mobile disrupts the cloud
Mobile disrupts the cloud Mobile disrupts the cloud
Mobile disrupts the cloud
 

Dernier

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Dernier (20)

Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 

Web Content Management's (WCM) Role in the Quest for Mobile

  • 1. Web Content Management's Role in the Quest for Mobile Sitefinity Telerik
  • 2. Gabe Sumner Product Manager Telerik | Sitefinity CMS @gabesumner
  • 3. This session will answer two questions: WHY does WCM need to address mobile? HOW can WCM address mobile?
  • 4. WHY does WCM need to address mobile?
  • 5. Mobile is on course to overtake desktops 2009 2015E 2,000 1,600 1,200 800 400
  • 6. This is clearly reflected in today’s headlines
  • 7. And the “payoff” is becoming evident Numerous businesses are enjoying the benefits of mobile engagement.
  • 8. And we’re working out the “kinks” * Source Foresee Mobile experiences are nearly on par with desktop
  • 9. However, look more closely… Onlythetoponlineretailersarereportingtheseresults
  • 10. Other “top” websites paint a different picture * Source Top 500 Guide – InternetRetailer.com
  • 11. In fact, evidence suggests many of us are struggling * Source Strangeloop * Source Econsultancy
  • 12. TheTale of Two Cities… The opportunity is real. The path to success is explored. But many are struggling. Why? (The answer is complicated, but lack of tooling is hurting us.)
  • 13. We’re still climbing the adoption curve We are here. And tools historically help bridge this gap. CMS needs do more than “talk” about mobile
  • 14. Lack of tooling has resurrected the “webmaster” Your Idea DeveloperExecution (Everything related to mobile must go through a “technology” gatekeeper)
  • 15. HOW can WCM address mobile?
  • 16. Responsive Website Mobile AppMobile Website Device-Agnostic Experience Device-Specific Experience There are three mobile strategies to choose from (Each has pros/cons and there are reasons to combine
  • 17. Responsive Website Responsive Grids CSS3 Media Queries Mobile App HTML5 Mobile Apps Cloud Services Mobile Website Device Detection Device Redirection Device-Agnostic Experience Device-Specific Experience And behind each strategy are numerous technologies CMS must evolve to help create & manage these technologies
  • 18. How can WCM address Responsive Websites? Onewebsite that adapts toALLdevices.
  • 19. Responsive Websites adapt to any screen
  • 20. This technique is based on adaptive grids This allows 2-columns tobecome 2-rows for small screens
  • 21. And there are numerous frameworks for this task However, these frameworks exist outside the scope of the CMS
  • 22. Instead, these grids should be infused into the WCM This makes the WCM aware of contentAND layouts
  • 23. These layouts can then be adapted for different devices Once the WCM is aware of the layouts, it can act on this information
  • 24. Transformations can happen at a site-level or page- level This enables different pages (or sections) of the website totransform differently.
  • 25. Or hidden from specific devices All of this is happening in the CMS, not in source code
  • 26. And previews create awareness of the result This gives content creators context about the mobile experience being created.
  • 27. How can WCM address Mobile Websites? Speciallypreparedwebsiteforspecificdevices.
  • 28. Specialized experiences for specific devices (DesktopExperience) (SmartphoneExperience)
  • 29. Device Detection & Redirection Redirect specific devices to aspecially prepared website
  • 30. Browse the entire website using a mobile simulator This allows the overall mobile experience to be tested in avariety of devices.
  • 31. How can WCM address Mobile Apps? Deployable tomobile app stores
  • 32. MobileApps fetch data through Web Services This “structured content” becomes accessible through a RESTFULWeb API’s
  • 33. These data types should be established in the CMS And the WCM should automatically generate WebAPI’s for accessing this data
  • 34. MobileApps can then be generated for this data Scaffold a CRUD-style MobileApp based on CMS-managed Content Types
  • 35. Cloud Synchronization should be “built in” MobileApps interact with cloud services instead of on-premise infrastructure Cloud Services
  • 36. Publish once to everywhere Responsive Website Device Preview Device Simulator Layout Transformations Hidden Layouts Mobile App Module Builder Hybrid App Builder Development Environment Cloud Integration Mobile Website Device Preview Device Simulator Device Detection Site Redirection Device-Agnostic Experience Device-Specific Experience How can WCM address mobile?

Notes de l'éditeur

  1. Our #1 priority is polishOur #2 priority should be mobile…here is why.
  2. Our #1 priority is polishOur #2 priority should be mobile…here is why.
  3. Our #1 priority is polishOur #2 priority should be mobile…here is why.
  4. Our #1 priority is polishOur #2 priority should be mobile…here is why.
  5. Our #1 priority is polishOur #2 priority should be mobile…here is why.