Mobile CMS Has Arrived!
-
Upload
gabe-sumner -
Category
Technology
-
view
207 -
download
0
description
Transcript of Mobile CMS Has Arrived!
![Page 1: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/1.jpg)
Mobile CMS Has Arrived
Sitefinity 6.0Telerik
![Page 2: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/2.jpg)
Gabe Sumner
Telerik | Sitefinity CMS
@gabesumner
![Page 3: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/3.jpg)
This webinar will answer two questions:
WHY does CMS need to address mobile?
HOW can CMS address mobile?
![Page 4: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/4.jpg)
WHY does CMS need to address
mobile?
![Page 5: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/5.jpg)
Mobile is on course to overtake desktops
2009 2015E
2,000
1,600
1,200
800
400
![Page 6: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/6.jpg)
This is clearly reflected in today’s headlines
![Page 7: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/7.jpg)
And the “payoff” is becoming evident
Numerous businesses are enjoying the benefits of mobile engagement.
![Page 8: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/8.jpg)
And we’re working out the “kinks”
* Source Foresee
Mobile experiences are nearly on par with desktop
![Page 9: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/9.jpg)
However, look more closely…
Only the top online retailers are reporting these results
![Page 10: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/10.jpg)
Other “top” websites paint a different picture
* Source Top 500 Guide – InternetRetailer.com
![Page 11: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/11.jpg)
In fact, evidence suggests many of us are struggling
* Source Strangeloop
* Source Econsultancy
![Page 12: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/12.jpg)
The Tale 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.)
![Page 13: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/13.jpg)
CMS isn’t helping with Mobile
![Page 14: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/14.jpg)
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
![Page 15: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/15.jpg)
Lack of tooling has resurrected the “webmaster”
Your Idea
DeveloperExecution
(Everything related to mobile must go through a “technology” gatekeeper)
![Page 16: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/16.jpg)
HOW can CMS address mobile?
![Page 17: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/17.jpg)
Responsive
Website
Mobile AppMobile Website
Device-Agnostic Experience
Device-SpecificExperience
There are three mobile strategies to
choose from
(Each has pros/cons and there are reasons to combine
strategies)
![Page 18: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/18.jpg)
Responsive
Website
Responsive Grids
CSS3 Media Queries
Mobile App
HTML5 Mobile Apps
Cloud Services
Mobile Website
Device Detection
Device Redirection
Device-Agnostic Experience
Device-SpecificExperience
And behind each strategy are numerous technologies
CMS must evolve to help create & manage these
technologies
![Page 19: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/19.jpg)
How can CMS address Responsive Websites?
One website that adapts to ALL devices.
![Page 20: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/20.jpg)
Responsive Websites adapt to any screen
![Page 21: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/21.jpg)
This technique is based on adaptive grids
This allows 2-columns to become 2-rows for small screens
![Page 22: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/22.jpg)
And there are numerous frameworks for this task
However, these frameworks exist
outside the scope of the CMS
![Page 23: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/23.jpg)
Instead, these grids should be infused into the WCM
This makes the WCM aware of content AND layouts
![Page 24: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/24.jpg)
These layouts can then be adapted for different devices
Once the WCM is aware of the layouts, it can act on this information
![Page 25: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/25.jpg)
Transformations can happen at a site-level or page-level
This enables different pages (or sections) of the website to transform differently.
![Page 26: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/26.jpg)
Or hidden from specific devices
All of this is happening in the CMS, not in source code
![Page 27: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/27.jpg)
And previews create awareness of the result
This gives content creators context about the mobile experience being created.
![Page 28: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/28.jpg)
Responsive
Website
Mobile AppMobile Website
Device-Agnostic Experience
Device-SpecificExperience
There are three mobile strategies to
choose from
(Each has pros/cons and there are reasons to combine
strategies)
![Page 29: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/29.jpg)
How can CMS address Mobile Websites?
Specially prepared website for specific devices.
![Page 30: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/30.jpg)
Specialized experiences for specific devices
(Desktop Experience) (Smartphone Experience)
![Page 31: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/31.jpg)
Device Detection & Redirection
Redirect specific devices to a specially prepared website
![Page 32: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/32.jpg)
Browse the entire website using a mobile simulator
This allows the overall mobile experience to be tested in a variety of devices.
![Page 33: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/33.jpg)
Responsive
Website
Mobile AppMobile Website
Device-Agnostic Experience
Device-SpecificExperience
There are three mobile strategies to
choose from
(Each has pros/cons and there are reasons to combine
strategies)
![Page 34: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/34.jpg)
How can CMS address Mobile Apps?
Deployable to mobile app stores
![Page 35: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/35.jpg)
Mobile Apps fetch data through Web Services
This “structured content” becomes accessible through a RESTFUL Web API’s
![Page 36: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/36.jpg)
These data types should be established in the CMS
And the WCM should automatically generate Web API’s for accessing this data
![Page 37: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/37.jpg)
Mobile Apps can then be generated for this data
Scaffold a CRUD-style Mobile App based on CMS-managed Content Types
![Page 38: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/38.jpg)
Cloud Synchronization should be “built in”
Mobile Apps interact with cloud services instead of on-premise infrastructure
Cloud Services
![Page 39: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/39.jpg)
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-SpecificExperience
How can CMS address mobile?
![Page 40: Mobile CMS Has Arrived!](https://reader036.fdocuments.net/reader036/viewer/2022062614/5474f5beb4af9fae0a8b58c9/html5/thumbnails/40.jpg)
Try it for yourself atwww.sitefinity.com/try
Sitefinity CMS
Telerik
Or contact us for a live demo at [email protected]