Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
February 01, 2014

Build and Brand a multilingual site
in 30 minutes

Mike Maadarani, SharePoint Architect
About Us

Mike Maadarani, Ottawa, Canada
App Dev and Architecture for over 18 years (15 Years Microsoft, 3 Years with the ...
UI and Branding
Demo
Managed Site
Navigation

Agenda
SharePoint 2013
Publishing Sites
Overview

Multilingual
Variations an...
Past experiences

Dreamweaver /
Photoshop / etc.

SharePoint Designer /
Visual Studio 2010
In SharePoint 2013

SharePoint

Upload

Auto
Convert

Add controls

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

Snipp...
Comparing Efforts
SharePoint 2010

SharePoint 2013

Full Effort
Custom Master Pages, Page
Layouts, XSLT
Visual Studio

Ful...
Design
Site design using technologies web developers know & love
(HTML5, CSS3, JS) – using their preferred design tools.

...
DEMO
Branding My Publishing Site
Enabling Managed Navigation

Publishing Site Collection
Source Pages List

Nav Term Set

Home

home

SharePoint Saturday A...
Multilingual
Variations is now more focused on Multilingual
Built-in translation services
Machine Translation
Human Transl...
Multilingual Managed Navigation

Variations Site Collection
Source – EN-CA
Pages Library

Nav Term Set – EN-CA
Page Naviga...
DEMO
Adding Variations
Cross Site Publishing

Authoring Environment
Internal
Catalog

Search

www.microsoft.com

www.maadarani.com

MMS

Benefits...
Syndication
Content by Search Web Part

Documents

Conversations

Catalog items

Pages

Digital Assets

Anything else!

Ma...
Content Search Web Part

Friendly URL
http://bestbuy.ca/TV

TERM STORE
NAVIGATION
TAXONOMY
Computers
Cameras
Cell Phones
H...
Content Search Web Part

Friendly URL
http://bestbuy.ca/computers

TERM STORE
NAVIGATION
TAXONOMY
Computers
Cameras
Phones...
CSWP Display Templates

OOTB

Custom
Templates;
HTML, CSS
& JS
(jQuery)
Usage Analytics driving recommendations

http://download.microsoft.com/download/7/7/3/773CA2C2-579B-408C-808E-A6F561194E20...
Valuable Resources
http://sharepoint.microsoft.com/en-us/preview/sharepoint.aspx
http://technet.microsoft.com/en-us/sharep...
Upcoming SlideShare
Loading in …5
×

Build and brand a multilingual site in 30 minutes

970 views

Published on

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.

Published in: Technology, Design
  • Be the first to comment

Build and brand a multilingual site in 30 minutes

  1. 1. February 01, 2014 Build and Brand a multilingual site in 30 minutes Mike Maadarani, SharePoint Architect
  2. 2. 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 Sites Technology focused on SharePoint, SQL Server and SharePoint Integration Architect, trainer, and presenter Blog: www.maadarani.com mike@maadarani.com; @mikemaadarani
  3. 3. UI and Branding Demo Managed Site Navigation Agenda SharePoint 2013 Publishing Sites Overview Multilingual Variations and Translation Service Demo Rollup and Syndication Content Search Extensibility Cross Site Publishing Closing and Q&A
  4. 4. Past experiences Dreamweaver / Photoshop / etc. SharePoint Designer / Visual Studio 2010
  5. 5. In SharePoint 2013 SharePoint Upload Auto Convert Add controls Dreamweaver, Notepad++, Eclipse, NetBeans, etc… Snippet Gallery
  6. 6. Comparing Efforts SharePoint 2010 SharePoint 2013 Full Effort Custom Master Pages, Page Layouts, XSLT Visual Studio Full Effort Custom Master Pages, Page Layouts, Display Templates Visual Studio Medium Effort Custom CSS Medium Effort Design Manager for Publishing Sites Custom CSS & Images SharePoint Designer Dreamweaver/etc… Low Effort Page Editing & Themes Low Effort Page Editing & Composed Looks Browser & PowerPoint Browser
  7. 7. 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.
  8. 8. DEMO Branding My Publishing Site
  9. 9. Enabling Managed Navigation Publishing Site Collection Source Pages List Nav Term Set Home home SharePoint Saturday Albany Uses the term store Choose your friendly URLs (FURLs) Add flexibility to site structure product-innovation 2013 Product Innovation SharePoint Social Community We are all IN! PowerPivot and Search a-modern-approach-tomodern-approach an-ancient-game Contoso XYZ.com/product -innovation SPSAlbany O365 A New Way to Interact with the Cloud SPSC A Modern Approach to an Ancient Game The-Cloud XYZ.com/product innovation/mode rn-approach
  10. 10. 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
  11. 11. Multilingual Managed Navigation Variations Site Collection Source – EN-CA Pages Library Nav Term Set – EN-CA Page Navigation Terms Document Library Supports translation of terms, URL components and SEO properties General List Target –FR-CA Pages Library Document Library General List Multiple term sets allows market-by-market customization Nav Term Set – FR-CA Page Navigation Terms No Language Packs required
  12. 12. DEMO Adding Variations
  13. 13. Cross Site Publishing Authoring Environment Internal Catalog Search www.microsoft.com www.maadarani.com MMS Benefits: 1. This is not content deployment 1. Need to Publish to multiple location 2. This is not variations 3. This requires the Publishing feature 2. Need a multilingual site 4. This requires a Catalog 3. Need to separate authoring and publishing
  14. 14. Syndication Content by Search Web Part Documents Conversations Catalog items Pages Digital Assets Anything else! Managed Navigation Publishing Pages Query Rules Content Search Web Part Recommendations Taxonomy
  15. 15. Content Search Web Part Friendly URL http://bestbuy.ca/TV TERM STORE NAVIGATION TAXONOMY Computers Cameras Cell Phones Home appliances Movies & Music TV and video and Video Use page products.aspx CONTENT SEARCH WEB PART Filter query by CATEGORY: TV Search Product Catalog
  16. 16. Content Search Web Part Friendly URL http://bestbuy.ca/computers TERM STORE NAVIGATION TAXONOMY Computers Cameras Phones TV and video Games GPS Mobile Computing Use page Products-pc.aspx CONTENT SEARCH WEB PART Filter query by CATEGORY: Computers Search Product Catalog
  17. 17. CSWP Display Templates OOTB Custom Templates; HTML, CSS & JS (jQuery)
  18. 18. Usage Analytics driving recommendations http://download.microsoft.com/download/7/7/3/773CA2C2-579B-408C-808E-A6F561194E20/Ig15_SP_IT_M07V1_archtopology.pptx
  19. 19. 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-2013publishing-features.html http://www.maadarani.com/

×