ARTISANS OF OPEN SOURCE

Best Practices for Building Consumer-facing Websites with Liferay

May 3rd 2012

Rivet Logic Corporation 11410 Isaac Newton Square N. Suite 210 Reston, VA 20190 Ph: 703.955.3480 Fax: 703.234.7711

Presented By Alaaeldin El-Nattar Vice President Rivet Logic Corporation

ARTISANS OF OPEN SOURCE Copyright © 2009. Rivet Logic Corporation. All rights reserved. 2

•  Award-winning professional services focused on enabling: •  Collaboration and Community Platforms •  Enterprise Content Management •  Web Content Management and Portals

•  Using Leading Open Source Software

•  Company Facts •  Headquartered in Reston, VA •  Regional Offices in Boston, New York City, Los Angeles •  Near-shore Development Center in Costa Rica

Rivet Logic Overview

ARTISANS OF OPEN SOURCE Copyright © 2009. Rivet Logic Corporation. All rights reserved. 3

Rivet Logic and Liferay

•  Certified Partner since 2006 •  Platinum Partner •  Conduct Public Training on East Coast USA •  Contributor (various means) •  Host of first ever East Coast User Conference in 2009 •  30+ Liferay projects

ARTISANS OF OPEN SOURCE

LIFERAY USE CASES

ARTISANS OF OPEN SOURCE

Liferay Use Cases

•  Good fit for •  Intranets •  Extranets •  Customer Portals •  Internal Collaboration Sites

•  Consumer-facing Web sites??

ARTISANS OF OPEN SOURCE

Liferay for WCM

•  Complete WCM suite •  Fully integrated within Portal •  Ability to implement dynamic Web content •  Access to Liferay services from within Web

content article templates •  Fully internationalized •  Supports multi-site management

ARTISANS OF OPEN SOURCE

Some Examples

•  sesamestreet.org

ARTISANS OF OPEN SOURCE

Some Examples

•  teambeachbody.com

ARTISANS OF OPEN SOURCE

Some Examples

•  sensus.com

ARTISANS OF OPEN SOURCE

Some Examples

•  rivetlogic.com

ARTISANS OF OPEN SOURCE

CHALLENGES

ARTISANS OF OPEN SOURCE

Challenges

•  Authoring vs Publishing •  Must be de-coupled •  Must be intuitive •  Must be simple

ARTISANS OF OPEN SOURCE

Challenges

•  Dynamic Web content •  Used for shared content •  Helps with multi-site

publishing •  Identifying where

dynamic web content can be used is not straight forward

•  A good Information Architecture is necessary

___ ARTICLE Lorem ipsum this is an article that I’m writing to show random text in this box I also need an image he

Lorem ipsum this is an article that I’m writing to show random text in this box I also need an image

Lorem ipsum this is an article that I’m writing to show random text in this box I also need an image in this box

P U B L I S H

SITE B P U B L I S H

SITE A

SITE B

SITE C

ARTISANS OF OPEN SOURCE

Challenges

•  SEO Requirements •  Friendly URLs •  Sensitivity towards

Meta information •  The slider dilemma •  Page titles

ARTISANS OF OPEN SOURCE

Challenges

•  A/B Testing •  Important for

revenue generating sites

•  Must provide authors a lot of flexibility to change portions of a page

ARTISANS OF OPEN SOURCE

Challenges

•  E-Commerce Integration •  Shopping Cart •  Needs Integration –

possibly with legacy billing systems

•  Could be very expensive

ARTISANS OF OPEN SOURCE

Challenges

•  Analytics •  Tracking page views

– easy •  Tracking user

interaction within a page – not so easy

ARTISANS OF OPEN SOURCE

BEST PRACTICES

ARTISANS OF OPEN SOURCE

Best Practices

•  Can Liferay do all this? YES! •  How? By leveraging Liferay’s strengths

•  Dynamic Web content solves: •  De-coupled authoring/publishing •  Multi-site publishing •  SEO •  A/B Testing •  E-Commerce integration •  Analytics

ARTISANS OF OPEN SOURCE

De-coupled authoring/publishing

•  Use Liferay templates to query Web content articles by category or tag

•  Display on a dynamic page •  Saves authors from having to create Liferay

pages •  Facilitates publishing of global content •  Works very well with product catalogues

ARTISANS OF OPEN SOURCE

Multi-site Publishing

•  Dynamic templates using categories to determine which site the content can be displayed in

•  A good taxonomy is necessary •  Focuses authoring on content rather than site

look and feel

ARTISANS OF OPEN SOURCE

SEO

•  Customize Liferay to inject dynamic web content tile into HTML <title> tag

•  Customize Liferay breadcrumb to show dynamic web content as if it’s an actual page

•  Solution to the slider dilemma •  Use AJAX calls to grab portions of a single

Web content article •  Use JavaScript onclick events on slider

controls

ARTISANS OF OPEN SOURCE

A/B Testing

•  Customize Liferay page to add JavaScript snippet allowing for A/B swap

•  Requires some JavaScript knowledge to make changes between A/B options

•  Easy to implement in Liferay

ARTISANS OF OPEN SOURCE

E-Commerce Integration

•  Leverage Liferay’s service builder •  Create an e-commerce abstraction layer •  Use those services inside Liferay web content to

extract necessary information as needed

ARTISANS OF OPEN SOURCE

Analytics

•  OOTB support for Google Analytics for page views •  Customize templates to track dynamic pages •  Customize templates to allow for tracking specific

Web content article views •  Could use model listeners to track CRUD

operations on any asset

ARTISANS OF OPEN SOURCE

Q & A

ARTISANS OF OPEN SOURCE

Learn More…

rivetlogic.com

blogs.rivetlogic.com

facebook.com/rivetlogic

youtube.com/rivetlogic

twitter.com/rivetlogic