![Page 1: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/1.jpg)
BUILD AND BRAND A MULTILINGUAL SITE IN 30 MINUTES
October 05, 2013
Mike Maadarani, SharePoint Architect
![Page 2: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/2.jpg)
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
• [email protected]; @mikemaadarani
![Page 3: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/3.jpg)
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
![Page 4: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/4.jpg)
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
![Page 5: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/5.jpg)
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
![Page 6: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/6.jpg)
PAST EXPERIENCES
Dreamweaver / Photoshop / etc.
SharePoint Designer /Visual Studio 2010
Compositions
HTML
CSS, JS
Images
Navigation
Master Pages
Page Layouts
User Controls
Web Parts
![Page 7: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/7.jpg)
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
![Page 8: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/8.jpg)
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
![Page 9: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/9.jpg)
• 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
![Page 10: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/10.jpg)
DEMO
Branding My Publishing Site
![Page 11: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/11.jpg)
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
![Page 12: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/12.jpg)
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
![Page 13: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/13.jpg)
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
![Page 14: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/14.jpg)
Adding Variations
DEMO
![Page 15: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/15.jpg)
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
![Page 16: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/16.jpg)
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
![Page 17: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/17.jpg)
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
![Page 18: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/18.jpg)
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
![Page 19: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/19.jpg)
Custom Templates; HTML, CSS & JS (jQuery)
OOTB
CSWP DISPLAY TEMPLATES
![Page 20: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/20.jpg)
USAGE ANALYTICS DRIVING RECOMMENDATIONS
http://download.microsoft.com/download/7/7/3/773CA2C2-579B-408C-808E-A6F561194E20/Ig15_SP_IT_M07V1_archtopology.pptx
![Page 21: Building a Multilingual Site in 30 minutes. SPS New Jersey](https://reader036.vdocuments.net/reader036/viewer/2022062703/5555dbfcd8b42a711f8b4fa8/html5/thumbnails/21.jpg)
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/