Build and Brand a multilingual site in 30 minutes

Mike Maadarani, SharePoint Architect

10/25/2014

Thanks to our Sponsors!!!

Join us at #SharePint sponsored by K2 at World of

Beer of Reston in the Towncenter just across the

bridge

Why? To network with fellow SharePoint

professionals

What? SharePint!!!

When? 6:00 PM

Where?

World of Beer Reston

1888 Explorer Street

Reston, VA 20190

Thanks to?

K2!

Housekeeping…

Evaluate my session on EventBoard mobile!

Phasers set to stun, mobile devices set to silent…

You must be present to win at the wrap-up…

Mike Maadarani, Ottawa, Canada

App Dev and Architecture for over 19 years (16 Years Microsoft, 3 Years with the “Other Guys”)

Business focused on Enterprise Content Management, Publishing Sites, and Search

Technology focused on SharePoint, SQL Server and SharePoint Integration

Architect, trainer, and presenter

Blog: www.maadarani.com/blog

mike@maadarani.com; @mikemaadarani

UI and Branding

Demo

Rollup and Syndication

Content Search Extensibility

Managed 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

In SharePoint 2013

SharePoint

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

Auto Convert

SnippetGallery

Add controlsUpload

Comparing Efforts

Full Effort

Custom Master Pages, Page Layouts, Display Templates

Visual Studio

Medium Effort

Design Manager for Publishing Sites

Custom CSS & Images

Dreamweaver/etc…

Low Effort

Page Editing & Composed Looks

Browser

Full Effort

Custom Master Pages, Page Layouts, XSLT

Visual Studio

Medium Effort

Custom CSS

SharePoint Designer

Low Effort

Page Editing & Themes

Browser & PowerPoint

SharePoint 2010 SharePoint 2013

Design

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.

DEMO

Branding My Publishing Site

Enabling Managed Navigation

Uses the term storeChoose your friendly URLs

(FURLs)Add flexibility to site

structure

Publishing Site Collection

Source Pages List

Home

SharePoint Saturday Reston

2013 Product Innovation

Nav Term Set

home

SharePoint Social Community

We are all IN!

PowerBI and Search

A New Way to Interact with the Cloud

SPSDC

O365

XYZ.com/product-

innovation/modern-approach

The-Cloud

XYZ.com/product-innovation

A Modern Approach to an Ancient Game

SPSC

product-innovation

a-modern-approach-to-an-ancient-gamemodern-approach

Contoso

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.microsoft.com

Authoring Environment

Internal Catalog

Search

MMS

www.microsoft.com

www.maadarani.com

Syndication

Content by Search Web Part

Query Rules

Recommendations

Managed Navigation

Publishing Pages

Taxonomy

Documents

Pages

Catalog itemsConversations

Anything else!Digital Assets

Content Search Web Part

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

Computers

CamerasPhonesTV 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/