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.
3. 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!
4. 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…
5. 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
mike@maadarani.com; @mikemaadarani
6. UI and Branding
Demo
Rollup and
Syndication
Content Search
Extensibility
Managed Site
Navigation
Cross Site
Publishing Agenda
Closing and Q&A
Multilingual
Variations and
Translation
Service
Demo
SharePoint 2013
Publishing Sites
Overview
8. In SharePoint 2013
SharePoint
Auto
Convert
Dreamweaver, Notepad++, Eclipse, NetBeans, etc…
Snippet
Gallery
Upload Add controls
9. Comparing Efforts
SharePoint 2010 SharePoint 2013
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
10. 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.
12. Enabling Managed Navigation
Uses the term store
Choose 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
product-innovation
a-modern-approach-to-an-
modern-approach
Contoso
SPSDC
ancient-game
O365
XYZ.com/product
-
innovation/mode
rn-approach
The-Cloud
XYZ.com/product
-innovation
A Modern Approach to an Ancient Game
SPSC
13. 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
14. 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
16. 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
www.maadarani.com
17. Syndication
Content by Search Web Part
Query Rules
Recommendations
Managed Navigation
Publishing Pages
Taxonomy
Documents
Pages
Conversations Catalog items
Digital Assets Anything else!
Content Search Web Part
18. Friendly URL
http://bestbuy.ca/TV
Computers
Cameras
Cell Phones
Home appliances
Movies & Music
TV and video
Video
Use page
products.aspx
CONTENT SEARCH WEB PART
Search
Product Catalog
TERM STORE
NAVIGATION
TAXONOMY
Filter query by
CATEGORY: TV
Content Search Web Part
19. TERM STORE
NAVIGATION
TAXONOMY
Computers
Cameras
Phones
TV and video
Games
GPS
Mobile Computing
Use page
Products-pc.aspx
CONTENT SEARCH WEB PART
Search
Product Catalog
Friendly URL
http://bestbuy.ca/computers
Filter query by
CATEGORY: Computers
Content Search Web Part
Built award winning web sites for a wide range of verticals
6
We take the same artefacts , push them into SharePoint
SharePoint auto-converts the HTML in a usable masterpage
You 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 OOTB
Picks 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 website
You can target mobile, desktop and tablets from the same URL using device Channels
You can use REST to create iPhone/Android/WP8 Apps that expose SharePoint content
SharePoint 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 Structure
Create terms in the term store
Mention – 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 search
So 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 demo
New service has been added in 2013 for translation
Machine using Bing Translator
Human using XLIFF based format. If you are not familiar with it, this is an XML based file that is used with translation companies
Variations 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 items
Why 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 sites
Note: 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, CSS
It 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.)