web publishing with sharepoint 2010 bob german sharepoint practice director bluemetal architects

23
Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

Upload: silvia-garrett

Post on 18-Dec-2015

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

Web Publishingwith

SharePoint 2010

Bob GermanSharePoint Practice Director

BlueMetal Architects

Page 2: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

http://www.wssdemo.com/livepivot/

…with thanks to Ian Morrish

Page 3: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects
Page 4: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

The Web Publishing Challenge

Manage complex interactions among contributorsEasy page editingEnforce business rulesContent re-useBranding

WebServer(s)

inbound syndication

outboundsyndication

WebServer(s)

authors

editors

approvers

developers designers

Development /Staging

Deployment

consumer

Page 5: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

SharePoint Publishing Sites

• Designed for flexible collaboration

• Store pages in Wiki (/SitePages) or /default.aspx

• Content stored in Wiki field and Web Part Zones

• Simple global/current navigation

Team Sites

• Designed for structured web publishing

• Store pages in Page Library (/Pages)

• Content stored in versioned page fields

• Site and page hierarchy drive navigation

• Page and object caching

Publishing Sites

Page 6: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

demoWeb Authoring and Publishing• Sites and navigation, Editing console,

Versioning and Workflow

Page 7: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

FileName

Welcome.aspx

PageLayout

PageLayout.aspx

Title

Welcome To News

Body

Lorem ipsum dolor sit ...

Image

/Images/Chair.jpg

MasterPage.master

Publishing Site Page Rendering1.

Welcome.aspx page is

requested

2. Page layout associated with page is retrieved

3. Master page associated with site is retrieved

4. Controls in page layout render content from

page’s fields into the page

PageLayout.aspxTitle

BodyImage

Date

ByLine

Field Control

FieldControl

Field ControlField ControlField Control

Field Control

http://foo.com/bar/pages/welcome.aspx

Page 8: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

demoFields and Page Layouts• Page Content Types• Changing Page Layouts• Editing Page Layouts in

SharePoint Designer

Page 9: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

Developing a BrandingPackage

Design Comp

• Composite images show look of site

HTML Mockup• Clean

HTML, CSS and Images

Develop Master Page (SP Designer)• Copy to

SharePoint Designer

• Merge with starter master page

Branding Package (Visual Studio)• Paste to

Visual Studio

• Add CSS, images

• Build and test Web Solution Package

Same as anyweb site

Specific toSharePoint

Page 10: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

demo

Develop and PackageCustom Branding• Developing a Master Page• Deploying Master Pages, Page Layouts,

Style Sheets and Images

Page 11: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

The Ultimate Answer for

Multilingual sites…

Small, leech-like fishFeeds on brainwave energyTranslates all languages wheninserted into the ear …

The Babel Fish(Douglas Adams: The Hitchhiker's Guide to the Galaxy))

Page 12: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

Site Variations forMulti-lingual Web Pages

• Each site collection can havea set of variations

• Variation labelsdesignate sourceand targets

• Content fromvariation sourceis replicated totarget(s) and translated Approved content in

source variation becomesunapproved content in target

Translation workflow manages target translation and approval

Variation Package export allows translation outsourcing

Variation Root

Variation Source/en-US

Subsite

Subsite

Variation Target/fr-FR

Subsite

Subsite

Variation Target/jp-JP

Subsite

Sibsite

Page 13: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

demo

Using Variations to Develop Multilingual Sites• Creating and Managing Variations

Page 14: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

Content Roll-ups

Home

News

HR

Facilities

Industry

Announcements Documents

Page 15: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

demo

Content Queriesand Links

• Using the Content Query Web Part• Subclassing the Content Query Web

Part• Summary Links

Page 16: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

Field Controls And Web Parts

Field Control Web Part

Data Storage

Field in the page list item WebPart Data associated with the page

Location In Page

Fixed as a control in page layout

Fixed as a controlin page layoutIn a Zone

Versioning Versioned with page Approvals only – no historical versions

Personalization

No Yes

Standard Uses

Content that is stored in the page

Queries/Views ofexternal content

Examples Rich HTML FieldImage FieldSummary Links

Content Query WebpartPage Viewer Webpart

Page 17: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

demo

Develop and Package Custom Fields• Field types, Fields, Content Types and

Page Layouts

Page 18: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

Site Map Providers in SharePoint

PortalSiteMapProvider

CombinedNavSiteMapProvi

der

CombinedNavSiteMapProvi

der

CombinedNavSiteMapProvi

der

Data Source Data Source Data Source

NavigationControl

NavigationControl

SiteHierarchy

Page 19: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

demo

Develop and Package Custom Navigation• Site maps and navigation controls

Page 20: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

Caching for Scale

Caching Type Caches Enable on Notes

Page Output Cache*

Page HTML Web Application

• Off by default; Turn on in Site Admin• Use cache profiles for varying/targeted content

Object Cache* SP objects underlying web parts, etc.

Web Application or Site Collection

• On by default• Configure memory footprint (100MB by default)

BLOB Cache(Disk based)

Images, CSS, JavaScript, other static content

Web Application

• On by default• Reduces load on DB• Highly configurable

Caching Object Model

Whatever your code wants to cache

• Part of ASP.NET• Easy for developers

* Publishing sites only

Page 21: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

Resources

• Sample Sites: http://code.msdn.microsoft.com/sharepoint2010WCM

• Field control and custom nav: http://code.msdn.com/SPSL • Books

Professional SharePoint 2007 Web ContentManagement Development (Wrox)Andrew Connell - http://amzn.to/IdetxJ

Professional SharePoint 2010 Branding and UserInterface Design (Wrox)Randy Drisgill et al - http://amzn.to/f7BjZa

SharePoint 2010 Development with Silverlight (Pearson)Bob German and Paul Stubbs - http://amzn.to/I8kYoR

• Blogs Andrew Connell - http://www.andrewconnell.com/blog/ Bob German - http://blogs.msdn.com/bobgerman Heather Solomon - http://blog.sharepointexperience.com/

Page 22: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

We are experts at building solutions that exactly meet the needs of our

customers by applying the right people, processes and platforms.

Application Modernization

Business Analytics

Cloud ComputingSharePoint InformationManagement

Mobility

Creative

Page 23: Web Publishing with SharePoint 2010 Bob German SharePoint Practice Director BlueMetal Architects

Thank You