Context Engine & Response Web Design

advertisement
SDL Tridion Webinar
The Context Engine
Today’s Talk
• Talk a little bit about current mobile and web
development techniques
• Explain how the Context Engine fits into this
• Show how to install and get up and running
with the Context Engine
Mobile Websites
• More people connect to the
Web over slower, mobile
networks.
• The performance of Web
pages is now really important.
• To increase performance we
need to serve only the
appropriate files for a device.
• 3 main common ways mobile
web interfaces are being
built…
Responsive Design
•
•
•
•
Same content page across all devices.
Content is referenced by a single URL.
Average page size is around 1.3mb.
3G 40% slower, LTE 12% slower than desktop
speeds.
• 80% + responsive sites send the same assets to
all devices.
• Interfaces become complex client-side CSS and
JS applications.
Mobile only website
• Website Content is easier to tailor should the
mobile need to provide a different experience.
• Average page size is around 180kb.
• Easier to make separate changes to mobile and
desktop websites.
– Typically different URL and independent page
layouts.
• Redirection required.
REsponsive + Server Side (RESS)
• Detects devices server side and delivers
features that are optimized for the user of that
device.
• Deliver only what a client device needs.
• Requires an accurate server side detection
mechanism.
Some Comparisons
Website
Type
Page
Size (KB)
Download
speed (Sec)
# Requests
Starbucks.com
Responsive
1193.88
14.99
142
Worldwildlife.org
Responsive
885.97
6.91
72
Bostonglobe.com
Responsive
605.27
5.55
87
Mobile.walmart.com
Mobile
272.29
1.35
45
Amazon.com/gp/aw/h.ht
ml
Mobile
103.66
2.25
16
Bbc.co.uk/mobile
Mobile
56.04
3.40
22
Edition.cnn.com
RESS
163.12
3.46
28
Ehow.com
RESS
188.95
6.15
31
Wordpress.com
RESS
118.40
2.77
19
Source: http://sixrevisions.com/mobile/methods-mobile-websites/
The SDL Tridion Context Engine
• Content Delivery Module
• Provides ‘Context’
– More than just device device detection
– Plugs in wonderfully with other SDL tools
• For the purpose of this presentation we’re
using it for device detection
Installation and configuration
• Create the device database:
– java -Xms1028m -jar lib\cwd_engine-2011.jar
http://context.sdl.com/seed
– Java -jar cwd-repository-manager.jar cwdrepository.jar
• {webroot}/bin/repository/
Installation and configuration
• Configure the ADF cartridge
– Cd_ambient_conf.xml
• Javascript include
• That’s it 
Test installation
• Use a webpage
to output all
claims in the
claim store
• Thanks again
Peter 
Using it…..
Uri claimUri = new Uri("taf:claim:context:device:tablet");
string isTablet =
Tridion.ContentDelivery.AmbientData.AmbientDataContext.
CurrentClaimStore.Get<String>(claimUri);
• Context Engine Wrapper Library
– https://github.com/NunoLinhares/TridionContextEngineW
rapper/
if(context.Device.IsTablet) {
message = "you are using a tablet device";
}
– Configuration possibilities to create ‘device families’
Summary
• RESS is better solution to Responsive.
• Most websites are built using responsive.
• The SDL Tridion Context Engine is a great tool
to provide Server-Side detection.
– Integrates perfectly with other SDL modules, .Net,
Java and other applications.
– Not sure about future updates to the device
database and how these will be released.
Mandatory further reading
• Using MVC4 Display Modes and the Context Engine:
– http://erichuiza.blogspot.com/2013/09/working-with-tridion-and-asp-net4.html
• Integrating Context Engine and SmartTarget
– http://www.tridiondeveloper.com/plugging-the-context-engine-intosmarttarget
• Device families in the Context Engine Wrapper
– http://www.building-blocks.com/thinking/defining-device-families-sdl-tridioncontext-engine-cartridge-wrapper/
• Context Expression Engine – Target Groups Integration
– http://erichuiza.blogspot.com/2014/02/context-expression-extension.html
Questions and Thanks
Thanks All 
• Contact me:
– john@contentbloom.com
– www.contentbloom.com
– @wntr
• Sources used:
– http://www.lukew.com/ff/entry.asp?1681
– http://sixrevisions.com/mobile/methods-mobile-websites/
– http://www.businessinsider.com/mobile-will-eclipse-desktop-by-2014-2012-6
Download