BUILD AND BRAND A MULTILINGUAL SITE IN 30 MINUTES

October 05, 2013

Mike Maadarani, SharePoint Architect

BIO…

Mike Maadarani• App Dev and Architecture for over 18 years (15 Years Microsoft, 3 Years with the “Other

Guys”)

• Business focused on Enterprise Content Management & Publishing Sites

• Technology focused on SharePoint, SQL Server and SharePoint Integration

• Architect, trainer, and presenter

• Blog: www.maadarani.com

• mike@maadarani.com; @mikemaadarani

THANK YOU EVENT

SPONSORS• Platinum & Gold

sponsors have tables here in the Fireside Lounge

• Please visit them and inquire about their products & services

• To be eligible for prizes make sure your bingo card is signed by all Platinum/Gold

PRINCETON SHAREPOINT USER GROUP

• Different SharePoint discussions each month on various topics. Announced on meetup.com

• Meets 4th Wednesday of every month

• 6pm – 8pm

• Infragistics Office

• 2 Commerce Drive, Cranbury, NJ

• http://www.meetup.com/princetonSUG

• http://www.princetonsug.com

UI and Branding

Demo

Rollup and Syndication

Content Search ExtensibilityManaged Site

Navigation

Cross Site PublishingAgenda

Closing and Q&A

MultilingualVariations and Translation Service

Demo

SharePoint 2013 Publishing Sites Overview

PAST EXPERIENCES

Dreamweaver / Photoshop / etc.

SharePoint Designer /Visual Studio 2010

Compositions

HTML

CSS, JS

Images

Navigation

Master Pages

Page Layouts

User Controls

Web Parts

IN SHAREPOINT 2013

SharePoint

Dreamweaver, Notepad++, Eclipse, NetBeans, etc…

• Content

• Web Parts

• Security

Trimming

• Navigation

• Search Box

• Custom

Auto Convert

SnippetGallery

Add controlsUpload

Compositions

HTML

CSS, JS

Images

COMPARING EFFORTS

Full EffortCustom Master Pages, Page Layouts, Display TemplatesVisual Studio

Medium EffortDesign Manager for Publishing SitesCustom CSS & ImagesDreamweaver/etc…

Low EffortPage Editing & Composed LooksBrowser

Full EffortCustom Master Pages, Page Layouts, XSLTVisual Studio

Medium EffortCustom CSSSharePoint Designer

Low EffortPage Editing & Themes

Browser & PowerPoint

SharePoint 2010 SharePoint 2013

• Site design using technologies web developers know & love

• (HTML5, CSS3, JS) – using their preferred design tools.

• Design sites for multiple “screens” for different Device Channels

• Desktop, tablet, mobile, etc. all served from the same URLs to optimize for Search Engine ranking. Tailor designs and target devices with device channels. Create Mobile Apps with REST APIs.

• SharePoint core CSS files has been re-architected

• Reduce bytes-over-the-wire & complicated CSS hierarchy.

DESIGN

DEMO

Branding My Publishing Site

ENABLING MANAGED NAVIGATION

Uses the term storeChoose your friendly URLs

(FURLs)Add flexibility to site

structure

Publishing Site Collection

Home

SharePoint Saturday New Jersey

2013 Product Innovation

Nav Term Set

home

SharePoint Social Community

We are all IN!

PowerPivot and Search

A New Way to Interact with the Cloud

SPSNewJersey

O365XYZ.com/product-

innovation/modern-approach

The-Cloud

XYZ.com/product-innovation

A Modern Approach to an Ancient Game

SPSC

product-innovation

modern-approach

Contoso

Source Pages List

MULTILINGUAL

• Variations is now more focused on Multilingual

• Built-in translation services

• Machine Translation

• Human Translation (XLIFF)

• Variations

• Adding a new language takes half the time

• If something goes wrong, pick up where you left off

• Create up to 209 labels on premises, 50 labels in O365

MULTILINGUAL MANAGED NAVIGATION

Multiple term sets allows market-by-market customization

Supports translation of terms, URL components and SEO properties

No Language Packs required

Variations Site Collection

Source – EN-CA

Pages Library

Document Library

General List

Target –FR-CA

Pages Library

Document Library

General List

Nav Term Set – EN-CA

Page Navigation Terms

Nav Term Set – FR-CA

Page Navigation Terms

Adding Variations

DEMO

CROSS SITE PUBLISHING

Benefits:

1. Need to Publish to multiple location

2. Need a multilingual site

3. Need to separate authoring and publishing

1. This is not content deployment

2. This is not variations

3. This requires the Publishing feature

4. This requires a Catalog

Authoring Environment

Internal Catalog

Search

MMS

www.maadarani.com

Authoring Environment

Internal Catalog

Search

MMS

www.maadarani.com

www.spsevents.com

SYNDICATION

Content by Search Web Part

Content

Consumption

Search

IndexQuery Rules

Recommendations

Managed Navigation

Publishing Pages

Taxonomy

Documents

Pages

Catalog itemsConversations

Anything else!Digital Assets

Content Search Web Part

Content Searches

Cra

wl

ComputersCamerasCell PhonesHome appliancesMovies & MusicTV and video

ComputersCamerasCell PhonesHome appliancesMovies & MusicTV and Video

Friendly URLhttp://bestbuy.ca/TV

Use pageproducts.aspx

Search

Product Catalog

CONTENT SEARCH WEB PARTTERM STORE NAVIGATION TAXONOMY

Filter query byCATEGORY: TV

CONTENT SEARCH WEB PART

ComputersCamerasPhonesTV and videoGamesGPSMobile Computing

TERM STORE NAVIGATION TAXONOMY

Use pageProducts-pc.aspx

Search

Product Catalog

CONTENT SEARCH WEB PART

Friendly URLhttp://bestbuy.ca/computers

Filter query byCATEGORY: Computers

CONTENT SEARCH WEB PART

Custom Templates; HTML, CSS & JS (jQuery)

OOTB

CSWP DISPLAY TEMPLATES

USAGE ANALYTICS DRIVING RECOMMENDATIONS

http://download.microsoft.com/download/7/7/3/773CA2C2-579B-408C-808E-A6F561194E20/Ig15_SP_IT_M07V1_archtopology.pptx

VALUABLE RESOURCES

• http://sharepoint.microsoft.com/en-us/preview/sharepoint.aspx

• http://technet.microsoft.com/en-us/sharepoint/fp142366.aspx

• http://msdn.microsoft.com/en-us/library/jj163225.aspx

• http://sp2013.blogspot.ca/2012/09/sharepoint-2013-publishing-features.html#!/2012/09/sharepoint-2013-publishing-features.html

• http://www.maadarani.com/

Mike Maadarani, mike@maadarani.com , @mikemaadarani

THANK YOU!