using sharepoint for your websitemediacontent.sitecore.net/webinars/sharepointmar... · • best...

Sitecore. Compelling Web Experiences

www.sitecore.net

The Good, the Bad and the Possible

Lars Nielsen, Sr. Corporate VP Technical Marketing

[email protected]

Using SharePoint for

Your Website


www.sitecore.net

Welcome to Today’s Webinar


www.sitecore.net

Featured Presenter

Lars Nielsen

Sitecore co-founder

Sr. Corporate VP Technical Marketing

• Has helped to develop hundreds of high profile websites

• 9 years experience at a leading systems integration & solutions

company

• Responsible for helping to steer strategic direction of Sitecore and

forming strategic alliances with technology partners

• Frequent speaker at Microsoft, Sitecore and other technology summits


www.sitecore.net

About Sitecore

• Leading provider of enterprise-class .NET web content management and

portal software for mid-to-large organizations

• Presence

• Amsterdam, Boston, Bremen, Brisbane, Copenhagen, London, Portland,

San Francisco, Stockholm, Tokyo, Wellington.

• Stability

• Profitable since inception in 1999, same owners, same vision and same

technology (.NET)

• Customers

• Over 2000 client installations managing over 25,000 web sites worldwide

• Recognized

• Best Microsoft technology alignment, Microsoft ISV Partner of the Year

2003/2004, Microsoft Gold Partner, Microsoft High Potential ISV 2010

• Gartner “Cool Vendor in WCM” 2008, WCM Magic Quadrant 2010 Leader

• Supported

• Over 600 Sitecore Certified Partners worldwide, with over 200 in North America


www.sitecore.net

SharePoint 2010 - Overview

It’s a Portal with:

• Core web content management capabilities

• Document Management with Records Management

• Collaboration

• Data integration

• Integrated search

• Built in security

• Strong integration with MS Office applications

• Suite approach to Enterprise Content Management


www.sitecore.net

SharePoint - Strengths

• Outstanding ad-hoc collaboration environment

• “Good enough” ECM Solution

• A Good start for DM and RM

• Easy to get started

• “ECM for the rest of us”

• Jack of all trades

• Strong data integration and reporting tools

• Platform approach solves general ECM challenges well


www.sitecore.net

SharePoint – Focus

SharePoint’s Sweet Spot

• DM Focused repository

• Optimized for “classic” web publishing scenarios

• Excels at assembling documents and collaborative content into

pages for publishing and distribution

• Extensible, skin-able interface to support branding

• Ideal scenarios include: Intranets, extranets, brochure-ware sites


www.sitecore.net

SharePoint – How does it compare?

• To understand SharePoint, must understand WCM

• There are many WCM technologies in the marketplace

• Each specialize in some form

• All WCM optimize for certain scenarios

• It’s important to map your WCM the problems you are solving

• To understand how SharePoint aligns, let’s compare to Sitecore’s

WCM

• Sitecore is optimized for Web Marketing Scenarios


www.sitecore.net

What is it you want your website to do?


www.sitecore.net

How sophisticated are your requirements?


www.sitecore.net

SharePoint – How does it compare?

Web Site Metrics

In Context Editing

Content Reuse and sharing

Workflow / Publishing

Branding control and support

Security

Multilanguage support

Multi-device support

Accessibility checking and compliance

SharePoint FIS

Lead scoring content targeting

Multivariate testing

Integrated Analytics

Campaign mgmt (email, advertising, etc)

SEO Tools

Web Site Metrics

In Context Editing / Inline editing

Content Reuse and sharing

Workflow / Publishing

Branding control and support

Security

Multilanguage / Multisite support

Multi-device support

Accessibility checking and compliance

Sitecore WCM

Web

Marketing

Features

Core WCM

Features


www.sitecore.net

SharePoint – The Approach

• The devil is in the details

• Large degree of similar capabilities on the surface

• Each approach those features differently

• Optimized towards their respective scenarios

• Key is to understand what approach is right for your needs

• Both approaches have their place


www.sitecore.net

Why is Web Marketing Different?

• Web marketing sites require additional capabilities beyond classic

publishing:

• Require high degree of brand control and adaptation

• Often require strong componentization of content and functionality

• Require strong campaign support and analytics

• Require strong accessibility and search engine optimization

• Change constantly

• Require diverse publishing and asset management support

• Require multi-device and strong Multilanguage support

• User interfaces that allow marketers to fully control their sites


www.sitecore.net

SharePoint – The Approach

Given SharePoint’s focus on “classic” publishing:

• Pages and site are oriented toward the document model

• Branding controls provided are optimized for “classic” publishing

• Editing environment lends itself towards “classic” page publishing

• Multi-language support is limited to the needs of “classic”

publishing sites

• Multi-device support is limited to the needs of “classic” publishing

sites

• Content Reuse is optimized for “classic” publishing


www.sitecore.net

SharePoint: Document Oriented Architecture

Document oriented architecture

• Makes a lot of sense for intranets and extranets

• Page based approach works well when page structures have

limited complexity

• Security is page/document centric

• Navigation is folder / hierarchy based

• Less rigid control of who can create what / where

• Content reuse optimized for documents within a site


www.sitecore.net

Web Marketing Oriented WCM

In Contrast, Sitecore WCM approach is different

• Component based content model

• Optimized to reuse every content snippet and page layout item

across many languages, many devices and many sites

• Security granularity goes down to the individual content field level

• Navigation is based on taxonomy, logical site structure or physical

site hierarchy

• Granular control of where the different content types can be

created.


www.sitecore.net

SharePoint Inline Editing


www.sitecore.net

Sitecore Inline Editing


www.sitecore.net

SharePoint – Branding Controls

SharePoint is optimized for layout control to support “classic”

publishing

• Master / Child page design controls

• Default controls designed for “classic” publishing styles

• Web controls are statically placed

• Support for a variety of content types through single level inheritance

• By default, SharePoint pages aren’t designed for accessibility

• SharePoint generates a lot of code for you in pages

• Use of tables and older html structures impact alternative readers

• Addition work to achieve ADA 508 and WCAG compliant code

• This impacts Search Engine rankings and findability


www.sitecore.net


In Contrast, Sitecore WCM’s approach is different

• Designed for infinite page componentization

• Master -> sublayout -> sublayout -> sublayout …

• Web Controls are dynamically loaded on the fly

• Renders pages are clean, light and accessible

• Optimized for search engine placement

• Optimized for rapid and iterative site branding / evolution

• Supports for Pure table-less (CSS driven) design

• Support for Rich Content types and Taxonomies through multilevel

inheritance


www.sitecore.net

Page assembly approaches – asp.net

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List


www.sitecore.net


Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Menu

Global menu Logo

P1


www.sitecore.net


Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Text

List

Text

image

Text image

Info

box

Text image

List

Info

box

Text

image

Text

List Info

box

Text

Info

box

image

Text

image Info

box

List

Text image

List Info

box

Text

List

Menu

Global menu Logo

P1


www.sitecore.net


Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Text

List

Text

image

Text image

Info

box

Text image

List

Info

box

Text

image

Text

List Info

box

Text

Info

box

image

Text

image Info

box

List

Text image

List Info

box

Text

List

Menu

Global menu Logo

P1

Text

image

info box

List


www.sitecore.net

Sitecore page assembly approach

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List


www.sitecore.net


Menu

Global menu Logo

P1

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List


www.sitecore.net


Menu

Global menu Logo

P1

P2

P3

P4 P5

Text

image

info box

List

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List


www.sitecore.net


Menu

Global menu Logo

P1

P2

P3

P4 P5

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Text

image

info box

List


www.sitecore.net


Menu

Global menu Logo

P1

P2

P3

P4 P5

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Text

image

info box

List

Menu

Global menu Logo


www.sitecore.net


Menu

Global menu Logo

P1

P2

P3

P4 P5

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Text

image

info box

List

Menu

Global menu Logo

Text

List


www.sitecore.net


Menu

Global menu Logo

P1

P2

P3

P4 P5

Text

image

info box

List

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List


www.sitecore.net


Menu

Global menu Logo

P1

P2

P3

P4 P5

Text

image

info box

List

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Menu

Global menu Logo


www.sitecore.net

Menu

Global menu Logo


Menu

Global menu Logo

P1

P2

P3

P4 P5

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Text

image

info box

List


www.sitecore.net

Menu

Global menu Logo


Menu

Global menu Logo

P1

P2

P3

P4 P5

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Text

image

info box

List

P2

P3


www.sitecore.net

Menu

Global menu Logo


Menu

Global menu Logo

P1

P2

P3

P4 P5

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Text

image

info box

List

P2

P3 P4 P5


www.sitecore.net

Menu

Global menu Logo


Menu

Global menu Logo

P1

P2

P3

P4 P5

Text

List

Menu

Global menu Logo

Text image

Info

box

Menu

Global menu Logo

Text image

List

Menu

Global menu Logo

Info

box

Text

image

Menu

Global menu Logo

Text

image

Menu

Global menu Logo

Text

List Info

box

Menu

Global menu Logo

Text

Info

box

image

Menu

Global menu Logo

Text

image Info

box

Menu

Global menu Logo

List

Text image

List Info

box

Menu

Global menu Logo

Text Menu

Global menu Logo

List

Text

image

info box

List

P2

P3 P4 P5

Text

image info

box


www.sitecore.net

Alternative main design – asp.net page assembly

Text

List

PDA Menu

Text image

Info

box

PDA Menu

Text image

List

PDA Menu

Info

box

Text

image

PDA Menu

Text

image

PDA Menu

Text

List Info

box

PDA Menu

Text

Info

box

image

PDA Menu

Text

image Info

box

PDA Menu

List

Text image

List Info

box

PDA Menu

Text

PDA Menu

List

Text

List

Text

image

Text image

Info

box

Text image

List

Info

box

Text

image

Text

List Info

box

Text

Info

box

image

Text

image Info

box

List

Text image

List Info

box

Text

List

Global menu

P1

Text

image

info box

List


www.sitecore.net

Alternative main design – Sitecore page assembly

Text

List

PDA Menu

Text image

Info

box

PDA Menu

Text image

List

PDA Menu

Info

box

Text

image

PDA Menu

Text

image

PDA Menu

Text

List Info

box

PDA Menu

Text

Info

box

image

PDA Menu

Text

image Info

box

PDA Menu

List

Text image

List Info

box

PDA Menu

Text

PDA Menu

List

PDA Menu

P1

P2

P3

P4 P5

PDA Menu Text

image

info box

List

P1


www.sitecore.net


Text

List

PDA Menu

Text image

Info

box

PDA Menu

Text image

List

PDA Menu

Info

box

Text

image

PDA Menu

Text

image

PDA Menu

Text

List Info

box

PDA Menu

Text

Info

box

image

PDA Menu

Text

image Info

box

PDA Menu

List

Text image

List Info

box

PDA Menu

Text

PDA Menu

List

PDA Menu

P1

P2

P3

P4 P5

PDA Menu Text

image

info box

List

P1 P2

P3


www.sitecore.net


Text

List

PDA Menu

Text image

Info

box

PDA Menu

Text image

List

PDA Menu

Info

box

Text

image

PDA Menu

Text

image

PDA Menu

Text

List Info

box

PDA Menu

Text

Info

box

image

PDA Menu

Text

image Info

box

PDA Menu

List

Text image

List Info

box

PDA Menu

Text

PDA Menu

List

PDA Menu

P1

P2

P3

P4 P5

PDA Menu Text

image

info box

List

P1 P2

P3 P4 P5


www.sitecore.net


Text

List

PDA Menu

Text image

Info

box

PDA Menu

Text image

List

PDA Menu

Info

box

Text

image

PDA Menu

Text

image

PDA Menu

Text

List Info

box

PDA Menu

Text

Info

box

image

PDA Menu

Text

image Info

box

PDA Menu

List

Text image

List Info

box

PDA Menu

Text

PDA Menu

List

PDA Menu

P1

P2

P3

P4 P5

PDA Menu Text

image

info box

List

P1 P2

P3 P4 P5

Text

image info

box


www.sitecore.net

Standard asp.net vs. Sitecore page assembling

+

+

=


www.sitecore.net

SharePoint – Languages and Devices

SharePoint supports multiple languages and devices

• Optimized for “classic” publishing

• Multiple languages are supported via “Site Variations”

• When content is “published” content is copied to site variations

• Single master language to many subordinate languages

• Alternate layouts are treated as language sets (wireless, pda, etc)

• Routing and workflow support is minimal, you’ll want to extend

• When content is “published” content is copied to site variations

• If you have many languages and devices, you may grow a lot of Site

Variations. Careful planning is advised


www.sitecore.net

Complexity Curve


www.sitecore.net


In contrast, Sitecore WCM’s approach is different

• Many to Many language change support

• Automated routing and approval across languages

• Integrated translation management system support

• Devices (alternative layouts) and languages are maintained

independently

• Languages sets can be published and maintained together as one

update

• Languages can be versioned independently


www.sitecore.net

Beyond Classic Publishing

Web Marketing oriented WCM technologies also specialize with

purpose built tools such as:

• SEO tools

• Campaign tools

• Website Optimization

• Integrated web analytics

• Lead scoring and content targeting


www.sitecore.net

Embedded SEO Tools


www.sitecore.net

Integrated Campaign Management


www.sitecore.net

Integrated analytics


www.sitecore.net

Lead scoring and content targeting


www.sitecore.net

So What’s Possible with SharePoint?

The SharePoint sweet spot remains sites that can be supported by

classic publishing approaches

• Best Fits:

• Intranets

• Extranets

• Brochureware sites of low/moderate visual complexity and low

turnover

• But wait! What about Hed Kandi?

Remember, SharePoint is a platform, with enough time and

money, anything can be done


www.sitecore.net

Is SharePoint right for my website?


www.sitecore.net

Other Options

• SharePoint is a platform that was designed to work with best of

breed technologies

• Right tool for the right job

• Use SharePoint FIS where it makes sense, plug in tools like Sitecore

where they make sense

• It all depends on your requirements

• Tools like Sitecore extend your SharePoint investment

• Be sure to leverage your SharePoint based content

• Sitecore seamlessly integrates with SharePoint to repurpose any

content to the web.

• Content is transparently available within Sitecore

• Content and documents can be deployed to any website

• Content can be deployed “JIT” or staged locally in Sitecore


www.sitecore.net

Sitecore and SharePoint


www.sitecore.net

Sitecore and asp.net web parts


www.sitecore.net

Display your SharePoint content on your web site


www.sitecore.net

Merge from several SP sites into one web page


www.sitecore.net

SharePoint 2010 investments beyond SharePoint


www.sitecore.net

Some of Sitecore’s other customers

http://www.mccormick.com/


www.sitecore.net

Summary

• SharePoint is a rich and powerful platform

• Like Jack of all trades, can’t be great at everything

• For WCM, SharePoint is optimized for Classic Publishing

• Think though your requirements and understand where SharePoint

fits

• Consider Best of Breed solutions like Sitecore based on your

requirements


www.sitecore.net

Additional Resources

Whitepaper: Is SharePoint Right for your website

http://www.sitecore.net/en/Products/Resources/whitepapers.aspx

What Microsoft can learn from Sitecore Blog

http://jgnk.spaces.live.com/blog/cns!457F4BDBA1A371A5!271.entry

http://www.sitecore.net/en/Products/Resources/whitepapers.aspx

http://jgnk.spaces.live.com/blog/cns!457F4BDBA1A371A5!271.entry

using sharepoint for your websitemediacontent.sitecore.net/webinars/sharepointmar... · • best...

Documents