Build and brand a multilingual site in 30 minutes
-
Upload
mike-maadarani -
Category
Technology
-
view
535 -
download
0
description
Transcript of Build and brand a multilingual site in 30 minutes
Build and Brand a multilingual site in 30 minutes
Mike Maadarani, SharePoint Architect
February 01, 2014
About Us
Mike Maadarani, Ottawa, Canada
App Dev and Architecture for over 18 years (15 Years Microsoft, 3 Years with the “Other Guys”)Business focused on Enterprise Content Management & Publishing SitesTechnology focused on SharePoint, SQL Server and SharePoint IntegrationArchitect, trainer, and presenterBlog: www.maadarani.com [email protected]; @mikemaadarani
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
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 ChannelsDesktop, 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 Albany
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
SPSAlbany
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 servicesMachine TranslationHuman Translation (XLIFF)
VariationsAdding a new language takes half the timeIf something goes wrong, pick up where you left offCreate 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
Cra
wl
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
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/