1. SDL Tridion Webinar The Context Engine

2. Todays 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

3. 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…

4. 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.

5. 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.

6. 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.

7. Some Comparisons WebsiteTypePage Size (KB) Download speed (Sec) # Requests Starbucks.comResponsive1193.8814.99142 Worldwildlife.orgResponsive885.976.9172 Bostonglobe.comResponsive605.275.5587 Mobile.walmart.comMobile272.291.3545 Amazon.com/gp/aw/h.ht ml Mobile103.662.2516 Bbc.co.uk/mobileMobile56.043.4022 Edition.cnn.comRESS163.123.4628 Ehow.comRESS188.956.1531 Wordpress.comRESS118.402.7719 Source: http://sixrevisions.com/mobile/methods-mobile-websites/

8. 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 were using it for device detection

9. Installation and configuration Create the device database: – java -Xms1028m -jar lib\cwd_engine-2011.jar http://context.sdl.com/seed http://context.sdl.com/seed – Java -jar cwd-repository-manager.jar cwd- repository.jar {webroot}/bin/repository/

10. Installation and configuration Configure the ADF cartridge – Cd_ambient_conf.xml Javascript include Thats it

11. Test installation Use a webpage to output all claims in the claim store Thanks again Peter

12. Using it….. Uri claimUri = new Uri("taf:claim:context:device:tablet"); string isTablet = Tridion.ContentDelivery.AmbientData.AmbientDataContext. CurrentClaimStore.Get (claimUri); Context Engine Wrapper Library – https://github.com/NunoLinhares/TridionContextEngineW rapper/ https://github.com/NunoLinhares/TridionContextEngineW rapper/ if(context.Device.IsTablet) { message = "you are using a tablet device"; } – Configuration possibilities to create device families

13. 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.

14. 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/ 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

15. 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://www.lukew.com/ff/entry.asp?1681 – http://sixrevisions.com/mobile/methods-mobile-websites/ http://sixrevisions.com/mobile/methods-mobile-websites/ – http://www.businessinsider.com/mobile-will-eclipse-desktop-by-2014-2012-6 http://www.businessinsider.com/mobile-will-eclipse-desktop-by-2014-2012-6