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.
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Build and brand a multilingual site in 30 minutes
1. February 01, 2014
Build and Brand a multilingual site
in 30 minutes
Mike Maadarani, SharePoint Architect
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. 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
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. 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.
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. 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. 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
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. 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. 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. 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
Built award winning web sites for a wide range of verticals
We take the same artefacts , push them into SharePointSharePoint auto-converts the HTML in a usable masterpageYou can then use the snippet gallery to add content zones, a search box, global and current navigation, web part zones etc. You do all this editing using your preferred HTML editor like Adobe Dreamweaver, Notepad++, Eclipse, NetBeans etc… WYSIWIG or Code editor.
Not sure if any of you know Randy Drisgill but he came up with a way to describe SharePoint Branding using effort levels. I think that it conveys very well the change between 2010 and 2013.Note: 2013 Composed looks is like Wordpress theming engine, many ship OOTBPicks an existing Site Layout (Really an existing Masterpage), a color palette (.spcolor), an image that can be replaced with a custom, and a font scheme (.spfont) (Office 365 had 41 composed looks) (18 On-Prem)Toggle to Office365 screen without an official Demo Pick one and show the second screen with Layout, color, font & image.
You now design using web standards that you’ve all done if you’ve ever built a websiteYou can target mobile, desktop and tablets from the same URL using device ChannelsYou can use REST to create iPhone/Android/WP8 Apps that expose SharePoint contentSharePoint also has reduced the core CSS files by streamlining the classes and having the SharePoint team justify every new class that was created. They ended up with more lines of CSS but still are more efficient.
Traditional Site StructureCreate terms in the term storeMention – We are going to talk more about Managed Navigation further more; more specifically how we can drive dynamic content into a website using the term store and searchSo the term store will enhance my navigation structure and has a great impact on multilingual sites
A lot of enhancements in 2013 variations that I am going to show you in the demoNew service has been added in 2013 for translationMachine using Bing TranslatorHuman using XLIFF based format. If you are not familiar with it, this is an XML based file that is used with translation companiesVariations hiccups: In the past we have seen scenarios were target pages are not created or the variation relationship between pages are broken
Terms are mapped only to pages itemsWhy am I using term sets for translation?
Create content in an Authoring environment and use it in any one of your SharePoint publishing environments.This is done by exposing content put in a catalog in your internal authoring environment (a catalog is a SP List with the setting set to it being a catalog) Better to create using the catalog template but you can apply manually.Using Search and MMS allows to expose this content to Publishing sites. It allows you to publish to multiple external sites (IE: Samsung Canada, Samsung, Europe, Samsung US etc..)Expose in multi-lingual sitesNote: Catalogs are crawled in a special way by search to expose it to the content search web part
In this slide I am going to show how we can take advantage of dynamic content using search and the term store.
The content search webpart can be customized using display templates. Many ship ootb but you can roll your own using again standard HTML, JS, CSSIt allows you do simple lists, more complete product description grids, image rotators etc. All driven from the same webpart.You can specify how this webpart processes the query to allow you to expose featured content over other. It presents you with a dynamic live preview so you see the expected results as you build your query
This diagram shows the underlying search topology in 2013. If you notice the item in the middle with the green highlight, (item 3) this is the analytics processing engine. It analyses the behavior of your users towards served search results, which items are clicked more often, first, etc and uses this compiled data to serve recommendations to your users. (IE – Search for a laptop, get laptop bags, cooling pad etc.)