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 PageSize (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.html

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 cwd-

repository.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/TridionContextEngineWrapper/

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-net-

4.html• Integrating Context Engine and SmartTarget

– http://www.tridiondeveloper.com/plugging-the-context-engine-into-smarttarget

• Device families in the Context Engine Wrapper– http://www.building-blocks.com/thinking/defining-device-families-sdl-tridion-

context-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