20
Smart Content Solutions Building a Multi-brand & Multi-lingual website using Alfresco WCM Aingaran Pillai Founder & Chief Executive Zaizi Ltd.

Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Embed Size (px)

DESCRIPTION

How Zaizi built over a dozen branded sites in half a dozen languages for a leading retailer using Alfresco WCM & Spring Surf.

Citation preview

Page 1: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Building a Multi-brand & Multi-lingual website using Alfresco WCM

Aingaran PillaiFounder & Chief ExecutiveZaizi Ltd.

Page 2: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Open Enterprise Solutions

• Zaizi is a consultancy and systems integrator specialising in assembling smart content solutions using Alfresco, Liferay & Lucene / Solr.

• Our team have experience building and delivering a wide range of enterprise solutions including document and web content management systems, portals and corporate extranets on Alfresco.

• Our innovative approach leverages rich internet applications, social networking platforms and cloud infrastructure to deliver scalable, on-demand solutions.

• We are an Alfresco certified Gold Partner.

Page 3: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

What is a multi brand site?

• Enables organisations to run several sites, brands or agents on one platform using common content assets and infrastructure.

Retail Brands White LabelLocal Newspapers

Reseller Hosting

Mobile Phone Comparison

Dating Websites

Locale or Organisation SpecificSite specific to locale

Site specific to business unit or division

Page 4: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

What is multi lingual site?

• Website that displays content in the language preferable to the visitor.

• What needs to be translated?

• Content

• Store and manage multi-lingual content files and the relationships between different translations of the same content

• Search

• Support searching in users local language

• Web Client Interface

• Content authors can work in the UI language of choice

Page 5: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

What is multi-branded & multi-lingual?

Source: http://i258.photobucket.com/albums/hh275/pizzler/Languages_of_Europe.png

Page 6: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Project Objectives

• Deliver 12+ sites that provide a seamless branding experience for users showcasing the companies product range.

• Multi-lingual platform to deliver internationalised sites for rich user experiences.

• Site content and meta-data language specific to each locale for Search Engine Optimisation.

• Marketing promotion specific to each locale.

Page 7: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Challenges

• Asset reuse• Content• Forms• Images

• CSS reuse• Design reuse• Deployment

Contributor

Developers Designers

Users and Roles Alfresco WCM

Page 8: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Contributor’s Challenges

• Reuse existing assets - don’t have to upload common images again.

• Not create dummy content for all possible languages.

• In-context preview for current site & locale.

• Web client in local language.

• Locale specific workflow.

Page 9: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Web Designer’s Challenges

• Maintain a single master copy of all CSS, Java Script, Images, etc.

• Override designs on a per site basis.

• Protect asset from being modified by users.

• Test changes on ALL site content.

• Deploy changes across all sites.

Page 10: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Web Developer’s Challenges

• Maintain a single code base.

• Simple & easy deployment of new sites.

• Test changes on ALL site content and assets.

• Deploy changes across all sites.

Page 11: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Our Solution

• Alfresco WCM solution using Spring Surf & Apache Solr.

• Full translations across content, navigation, literature and images.

• Highly optimised platform for search engines. With custom meta data, breadcrumb trails, page titles, on page tags, search engine friendly URLs & URL structure.

• Separation of content and assets to enable re-use.

Page 12: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Solution Architecture

Alfresco WCM Alfresco FSR

Apache Solr

Alfresco FSR

Apache Solr

Alfresco FSR

Surf Amped!

Surf Amped!

• Alfresco WCM Content Authoring

• Spring Surf In-context Preview

• Alfresco FSR content deployment

• Apache Solr Search & content lookup

Page 13: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Structuring Web Projects

• Web Project• Static Content

• Images• CSS• Javascript

• Site1 Content• English - /en/• Spanish - /es/• Images

• Web Project• Site2 Content

• English - /en/• German - /de/• French - /fr/• CSS

• Site3 Content• French - /fr/• German - /de/• Javascript

Page 14: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

User Sandbox Authoring

• Content modified ONLY in user sandbox.

• In-context preview enables Contributors and Web Designers to preview changes.

���� ���������

Page 15: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Spring Surf

• Lightweight and scriptable web framework• Extension of Alfresco Webscript Technology

• Content-driven assembly of a web site• No server restart

• Standard Model Objects• Pages, Templates, Components, More...

• Site Dispatcher• Extensible & configurable

• Leverage Alfresco WCM• Preview Server & Runs against Web Projects

• Safe construction of sites and content• Isolated user sandboxes• Change anything!

WCM Services

Alfresco Surf

WCM

Repository

!! Lightweight and scriptable web framework

!! Extension of Alfresco Web Script Technology

!! Content-driven assembly of a web site

!! No server restarts

!! Standard Model Objects

!! Pages

!! Templates

!! Components

!! More…

!! Site Dispatcher

!! Extensible and Configurable

!! Leverage Alfresco WCM

!! Preview Server

!! Runs against Alfresco Web Projects

!! Safe construction of sites and content

!! Isolated user sandboxes

!! Change anything!

Alfresco Surf Alfresco WCM Platform

Page 16: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Surf Amped!

• Extend the Models Objects.

• Run against multiple Alfresco Web Projects.

• Add support for remote resources.

• Resolve Web Projects based on URL.

• Preview and deployment.

news-acme.com

Surf Amped!

News-Acme.com Web Project

gossip-acme.com

Static Web Project

Gossip-Acme.com Web

Project

Page 17: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Apache Solr

• Standalone Web Application on top of Lucene.

• RESTful HTTP interface.

• Configurable response format (e.g. XML, JSON)

• HTML Administration GUI

• Caches out of the box (filter, query result, document)

• Replication Support

• Extensibility by design

Page 18: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Alfresco WCM & Apache Solr

• All content changes are deployed into Solr and indexed.

• Assets searchable by Site and language.

• Site wide-search functionality.

Alfresco WCM Alfresco FSR Apache SolrAlfresco FSR Apache SolrAlfresco FSR

Page 19: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Solution Architecture

Alfresco WCM Alfresco FSR

Apache Solr

Alfresco FSR

Apache Solr

Alfresco FSR

Surf Amped!

Surf Amped!

• Alfresco WCM Content Authoring

• Spring Surf In-context Preview

• Alfresco FSR content deployment

• Apache Solr Search & content lookup

Page 20: Zaizi Alfresco Solution - Building a Multi-lingual Multi-branded Websites Using Alfresco WCM

Smart Content Solutions

Questions?

Aingaran PillaiPhone: +44 20 7193 2307Mobile: +44 77 9868 4470Email: [email protected]: apillaizTwitter: apillaizwww.zaizi.com