build and brand a multilingual site in 30 minutes
DESCRIPTION
SharePoint 2013 includes new and improved features for web content management to enhance the authoring and publishing processes of your organization, and that simplify how you design publishing sites. In this session, we will review the new Site Navigation Taxonomy, the new enhanced multi-lingual variations support, rich content authoring, multimedia support, ease of branding a site, cross-site publishing, brand a SharePoint site in less than 30 minutes, and much more surrounding building an internet site with SharePoint 2013.TRANSCRIPT
![Page 1: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/1.jpg)
Build and Brand a multilingual site in 30 minutes
Mike Maadarani, SharePoint Architect
February 01, 2014
![Page 2: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/2.jpg)
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
![Page 3: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/3.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 4: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/4.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 5: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/5.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 6: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/6.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 7: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/7.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 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.
![Page 8: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/8.jpg)
DEMO
Branding My Publishing Site
![Page 9: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/9.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 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
![Page 10: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/10.jpg)
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
![Page 11: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/11.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 12: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/12.jpg)
Adding Variations
DEMO
![Page 13: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/13.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 14: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/14.jpg)
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
![Page 15: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/15.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 16: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/16.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 17: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/17.jpg)
Custom Templates; HTML, CSS & JS (jQuery)
OOTB
CSWP Display Templates
![Page 18: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/18.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 19: Build and brand a multilingual site in 30 minutes](https://reader036.vdocument.in/reader036/viewer/2022070313/554bec06b4c9055a368b4edb/html5/thumbnails/19.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/