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

More Related Content

PPTX
Mobile CMS Has Arrived!
PPTX
Cash jeremiah mobile
PPTX
Responsive web design
ODP
A2 Media Evaluation
PPT
Content Management
PPTX
WordPress as CMS(Content Management System) - CMS로써의 워드프레스
KEY
Using the Joomla Content Management System to Update your Website - Wojo Design
PDF
Introducing Drupal: The open source content management and web application fr...
Mobile CMS Has Arrived!
Cash jeremiah mobile
Responsive web design
A2 Media Evaluation
Content Management
WordPress as CMS(Content Management System) - CMS로써의 워드프레스
Using the Joomla Content Management System to Update your Website - Wojo Design
Introducing Drupal: The open source content management and web application fr...

Viewers also liked (13)

PPTX
أنظمة إدارة التعليم
PPT
Wcms2009Open Source Web Content Management System
PPT
Roll Your Own Content Management System
PPT
Content Management Systems
PPSX
إدارة المواقع والشبكات الاجتماعية
PPT
Joomla Presentations
PPTX
Joomla-Content Management System
PPT
Content Management Systems
ODP
Joomla - CMS
PDF
Enterprise Content Management
PPT
Content Management System
PPT
CMS (CONTENT MANAGEMENT SYSTEM)
PPT
What is a Content Management System or CMS
أنظمة إدارة التعليم
Wcms2009Open Source Web Content Management System
Roll Your Own Content Management System
Content Management Systems
إدارة المواقع والشبكات الاجتماعية
Joomla Presentations
Joomla-Content Management System
Content Management Systems
Joomla - CMS
Enterprise Content Management
Content Management System
CMS (CONTENT MANAGEMENT SYSTEM)
What is a Content Management System or CMS
Ad

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

PPT
Mobile Phone Publishing Terminalfour Presentation V3
PPTX
Overcoming design challenges in hat based multichannel publishing - stc summi...
PPTX
Overcoming design challenges in hat based multichannel publishing - stc summi...
PDF
Overcoming Design Challenges in HAT-Based Multichannel Publishing
PPTX
Building a mobile website
PDF
Michael Kowalski, Padify
PDF
Content Strategy for Mobile: The Workshop
PPTX
Spectrum 16 pmc 16 - mobile and tech comm
PPTX
Mobile application development PowerPoin
 
PPTX
Overcoming design challenges in HAT-based multichannel publishing
PPTX
Mobile Presentation
PPT
How to optimize your blog for mobile traffic
PDF
Project UX
PDF
Target Marketing Magazine Webinar - Keys To Success On The Mobile Web and How...
PDF
Responsive Design in 2016
PPTX
Mobile website --- Web is in pocket....
PPTX
Mobile Web Best Practices
PDF
Usable web design
PPTX
Responsive content ... because size does matter - Rob Suckley, Head of Design...
PDF
Content strategy for mobile by letruongan.com
Mobile Phone Publishing Terminalfour Presentation V3
Overcoming design challenges in hat based multichannel publishing - stc summi...
Overcoming design challenges in hat based multichannel publishing - stc summi...
Overcoming Design Challenges in HAT-Based Multichannel Publishing
Building a mobile website
Michael Kowalski, Padify
Content Strategy for Mobile: The Workshop
Spectrum 16 pmc 16 - mobile and tech comm
Mobile application development PowerPoin
 
Overcoming design challenges in HAT-based multichannel publishing
Mobile Presentation
How to optimize your blog for mobile traffic
Project UX
Target Marketing Magazine Webinar - Keys To Success On The Mobile Web and How...
Responsive Design in 2016
Mobile website --- Web is in pocket....
Mobile Web Best Practices
Usable web design
Responsive content ... because size does matter - Rob Suckley, Head of Design...
Content strategy for mobile by letruongan.com
Ad

Recently uploaded (20)

PDF
Architecture types and enterprise applications.pdf
PDF
1 - Historical Antecedents, Social Consideration.pdf
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PDF
Unlock new opportunities with location data.pdf
PPT
Geologic Time for studying geology for geologist
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
Getting started with AI Agents and Multi-Agent Systems
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
PDF
A review of recent deep learning applications in wood surface defect identifi...
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
DOCX
search engine optimization ppt fir known well about this
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PDF
STKI Israel Market Study 2025 version august
PDF
A comparative study of natural language inference in Swahili using monolingua...
PPT
What is a Computer? Input Devices /output devices
PDF
DP Operators-handbook-extract for the Mautical Institute
PDF
August Patch Tuesday
Architecture types and enterprise applications.pdf
1 - Historical Antecedents, Social Consideration.pdf
Final SEM Unit 1 for mit wpu at pune .pptx
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
Unlock new opportunities with location data.pdf
Geologic Time for studying geology for geologist
Group 1 Presentation -Planning and Decision Making .pptx
Getting started with AI Agents and Multi-Agent Systems
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
A review of recent deep learning applications in wood surface defect identifi...
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
search engine optimization ppt fir known well about this
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
STKI Israel Market Study 2025 version august
A comparative study of natural language inference in Swahili using monolingua...
What is a Computer? Input Devices /output devices
DP Operators-handbook-extract for the Mautical Institute
August Patch Tuesday

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?

Editor's Notes

  • #3: 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.
  • #16: Our #1 priority is polishOur #2 priority should be mobile…here is why.
  • #19: Our #1 priority is polishOur #2 priority should be mobile…here is why.
  • #38: Our #1 priority is polishOur #2 priority should be mobile…here is why.