web content management in sharepoint 2013 - envisionit.com content management in... · agenda...
TRANSCRIPT
![Page 1: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/1.jpg)
Web Content Management in
SharePoint 2013 Peter Carson – President, Envision IT
![Page 2: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/2.jpg)
www.sharepointsummit.org
Agenda
Introductions
Examples
2013 Web Content Management Features
Content Authoring Demo
Site Build Demo
Wrap-Up
![Page 3: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/3.jpg)
www.sharepointsummit.org
Peter Carson
President, Envision IT
SharePoint MVP
Virtual Technical Specialist, Microsoft Canada
http://blog.petercarson.ca
www.envisionit.com
Twitter @carsonpeter
VP Toronto SharePoint User Group
Iron SharePoint Chairman
![Page 4: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/4.jpg)
www.sharepointsummit.org
![Page 5: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/5.jpg)
www.sharepointsummit.org
Focused on complex SharePoint solutions, Envision IT is the “go-to” partner for Microsoft
SharePoint, building integrated public web sites, Intranets, Extranets, and web
applications that leverage your existing systems anywhere over the Internet.
Envision IT Services Overview
![Page 6: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/6.jpg)
www.sharepointsummit.org
Products
![Page 7: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/7.jpg)
• Easy delegation of user management to business
• Self-registration, approvals, forgotten password reset
• Single URL and sign-on for AD
![Page 8: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/8.jpg)
• Stream video smoothly from a variety of sources
• Simplifies embedding videos in SharePoint web content
![Page 9: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/9.jpg)
• Web part to support rotating banners
• Supported on iPad and mobile devices
• Easy for content authors to update
![Page 10: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/10.jpg)
• Rich display of photographs on a web page
• Easy for content authors to update
![Page 11: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/11.jpg)
• Eliminate ugly page not found errors
• Make sure external links still work on your new site
• Support shortened URLs
![Page 12: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/12.jpg)
www.sharepointsummit.org
Agenda
Introductions
Examples
2013 Web Content Management Features
Content Authoring Demo
Site Build Demo
Wrap-Up
![Page 13: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/13.jpg)
![Page 14: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/14.jpg)
![Page 15: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/15.jpg)
![Page 16: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/16.jpg)
![Page 17: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/17.jpg)
![Page 18: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/18.jpg)
![Page 19: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/19.jpg)
![Page 20: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/20.jpg)
![Page 21: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/21.jpg)
![Page 22: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/22.jpg)
![Page 23: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/23.jpg)
![Page 24: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/24.jpg)
![Page 25: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/25.jpg)
![Page 26: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/26.jpg)
![Page 27: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/27.jpg)
![Page 28: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/28.jpg)
![Page 29: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/29.jpg)
![Page 30: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/30.jpg)
www.sharepointsummit.org
Agenda
Introductions
Examples
2013 Web Content Management Features
Content Authoring Demo
Site Build Demo
Wrap-Up
![Page 31: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/31.jpg)
www.sharepointsummit.org
Easier Page Authoring With Cut and Paste
![Page 32: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/32.jpg)
www.sharepointsummit.org
Design Manager
New way to build master pages and
layouts
SharePoint Designer no
longer required
Edit and preview in any HTML editor
Automatically creates the associated
master page and .aspx
layouts
Package into a Design
Package WSP for
deployment
![Page 33: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/33.jpg)
www.sharepointsummit.org
Snippet Gallery
Select components such as search box or navigation control
Configure its properties
Paste the snippet into your HTML master page or
layout
Changes synched to actual master
pages and layouts to convert
to SharePoint components
Can be used by any web design
tool
![Page 34: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/34.jpg)
www.sharepointsummit.org
Channels
Map channels to mobile devices or browsers
Alternate master pages
can be assigned
Page layouts can include or
exclude content based
on channel
![Page 35: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/35.jpg)
www.sharepointsummit.org
Managed Navigation
Site navigation driven by managed metadata
SEO-friendly URLs
Connect site navigation to
business concepts
rather than site structure
![Page 36: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/36.jpg)
www.sharepointsummit.org
Display Templates
Used to customize the presentation of search results
No more XSLT!!!
Three templates
• Control – Overall structure of search results
• Group – Show groups of results
• Item – How each result is presented
![Page 37: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/37.jpg)
www.sharepointsummit.org
Content Search Web Part
Replacement for Content Query Web Part
Also no more XSLT!!!
Returns results as JSON
Rendered with JavaScript and CSS
Can customize results with display templates
![Page 38: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/38.jpg)
www.sharepointsummit.org
Image Renditions
Display uploaded images in predefined sizes, widths, and crops
Multiple renditions stored in document sets
Content author can create renditions (including crops) in the browser
![Page 39: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/39.jpg)
![Page 40: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/40.jpg)
www.sharepointsummit.org
Cross-Site Publishing
Reuse content between different sites, including site collections and farms
Catalogs can surface lists into publishing sites onto a category page and item pages
Can be surfaced through the Content Search Web Part
No need to create and publish web pages
Create custom, friendly URLs
Metadata based navigation base
![Page 41: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/41.jpg)
www.sharepointsummit.org
Cross Site Publishing
Job Posting
Job Posting
Job Posting
Job Posting
![Page 42: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/42.jpg)
www.sharepointsummit.org
Catalogs
Results
Consistent Displays
Manage content in one place
No need to create pages
No need to format
Metadata Navigation
![Page 43: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/43.jpg)
![Page 44: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/44.jpg)
www.sharepointsummit.org
Category Page Item Page
Catalogs
www.contoso.com/products/Audio-Liware2g
![Page 45: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/45.jpg)
www.sharepointsummit.org
SEO Enhancements
Friendly URLs
Home page redirects
XML sitemaps automatically generated and updated
Custom SEO properties
![Page 46: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/46.jpg)
www.sharepointsummit.org
Agenda
Introductions
Examples
2013 Web Content Management Features
Content Authoring Demo
Site Build Demo
Wrap-Up
![Page 47: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/47.jpg)
www.sharepointsummit.org
Site Structure
Site Columns
Content Types
Master Page
Page Layouts
Web Parts
Content
![Page 48: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/48.jpg)
www.sharepointsummit.org
Site Framework
Built using the Twitter Boostrap CSS frameworktwitter.github.com/bootstrap/Provides a responsive design framework for supporting PC, Mac, tablet, and mobileWe enhanced to provide better touch navigation support
Incorporated into the SharePoint 2013 Design Master
HTML based master page that can be edited with any toolSharePoint converts to a master page when uploaded or savedCan still be packaged into a traditional WSP solution for deployment
![Page 49: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/49.jpg)
www.sharepointsummit.org
Site Navigation
Uses the new 2013 term store navigation
Allows for more than two levels of nav (3 implemented)
Friendly URLs are implemented as part of this
Rendered using an EIT nav control and the Twitter Boostrap CSS
Touch to open/close on touch devices
Collapses for mobile devices
![Page 50: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/50.jpg)
Thank You
![Page 51: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/51.jpg)
www.sharepointsummit.org
Links
www.envisionit.com
blog.petercarson.ca
christiemedical.envisionit.com
www.envisionit.com/shakespeare
shakespeare.envisionit.com
www.bgccan.com
www.problemgambling.ca
www.russelmetals.com
www.tarion.com
www.sherwaygardens.ca
osd.oahpp.ca
TechNet
What's new with SharePoint 2013 site development
What's new in web content management for SharePoint 2013 publishing sites
![Page 52: Web Content Management in SharePoint 2013 - envisionit.com Content Management in... · Agenda Introductions Examples 2013 Web Content Management Features Content Authoring Demo Site](https://reader030.vdocuments.site/reader030/viewer/2022041300/5e0e8a9000e5f92a527badee/html5/thumbnails/52.jpg)
Thank you for your attention!This presentation will be available on the Toronto
SharePoint Summit web site a few days after the event.