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