Build and brand a multilingual site in 30 minutes
-
Upload
mike-maadarani -
Category
Internet
-
view
522 -
download
0
description
Transcript of Build and brand a multilingual site in 30 minutes
![Page 1: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/1.jpg)
Build and Brand a multilingual site in 30 minutes
Mike Maadarani, SharePoint Architect
10/25/2014
![Page 2: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/2.jpg)
Thanks to our Sponsors!!!
![Page 3: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/3.jpg)
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!
![Page 4: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/4.jpg)
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…
![Page 5: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/5.jpg)
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
[email protected]; @mikemaadarani
![Page 6: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/6.jpg)
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
![Page 7: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/7.jpg)
Past experiences
Dreamweaver /
Photoshop / etc.
SharePoint Designer /
Visual Studio 2010
![Page 8: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/8.jpg)
In SharePoint 2013
SharePoint
Dreamweaver, Notepad++, Eclipse, NetBeans, etc…
Auto Convert
SnippetGallery
Add controlsUpload
![Page 9: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/9.jpg)
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
![Page 10: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/10.jpg)
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.
![Page 11: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/11.jpg)
DEMO
Branding My Publishing Site
![Page 12: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/12.jpg)
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
![Page 13: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/13.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 14: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/14.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 15: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/15.jpg)
Adding Variations
DEMO
![Page 16: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/16.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.microsoft.com
Authoring Environment
Internal Catalog
Search
MMS
www.microsoft.com
www.maadarani.com
![Page 17: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/17.jpg)
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
![Page 18: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/18.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 19: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/19.jpg)
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
![Page 20: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/20.jpg)
Custom Templates; HTML, CSS & JS (jQuery)
OOTB
CSWP Display Templates
![Page 21: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/21.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 22: Build and brand a multilingual site in 30 minutes](https://reader033.fdocuments.us/reader033/viewer/2022052908/559457251a28ab5e2f8b466d/html5/thumbnails/22.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/