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

…with thanks to Ian Morrish

The Web Publishing Challenge Manage complex interactions among contributors Easy page editing Enforce business rules Content re-use Branding Web Server(s) inbound syndication outbound syndication Web Server(s) authors editors approvers developers designers Development / Staging Deployment consumer

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

demo Web Authoring and Publishing Sites and navigation, Editing console, Versioning and Workflow

Publishing Site Page Rendering 1. 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 Field Control Field Control Field Control

demo Fields and Page Layouts Page Content Types Changing Page Layouts Editing Page Layouts in SharePoint Designer

Developing a Branding Package 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 any web site Specific to SharePoint

demo Develop and Package Custom Branding Developing a Master Page Deploying Master Pages, Page Layouts, Style Sheets and Images

The Ultimate Answer for Multilingual sites… Small, leech-like fish Feeds on brainwave energy Translates all languages when inserted into the ear … The Babel Fish (Douglas Adams: The Hitchhiker's Guide to the Galaxy))

User Interface It’s Mostly Content …

CapabilityASP.NETSPS 2003MOSS 2007SPS 2010 User Interface UI runs in one chosen language per server farm UI runs in one chosen language per site Language Agile Content Content in any language Supports content translations Partial Multilingual Capabilities Language Agile: Same page, same URL, localizes for each user

Site Variations for Multi-lingual Web Pages Each site collection can have a set of variations Variation labels designate source and targets Content from variation source is replicated to target(s) and translated  Approved content in source variation becomes unapproved content in target  Translation workflow manages target translation and approval  Variation Package export allows translation outsourcing Variation Root Variation Source /en-US Subsite Variation Target /fr-FR Subsite Variation Target /jp-JP SubsiteSibsite

Variation Subtleties Variations replicate a site hierarchy and pages  Other lists don’t get replicated  Relationships survive renaming sites and pages (even URL’s!)  Relationships are maintained in a hidden list “Relationship List” (use SharePoint Designer to see) “Copy Resources*” copies images and attachments along with pages  Any image or document referenced in an image field, hyperlink, etc.  Note resources are copied when the page is updated, not necessarily when the resource is! * Site collection “Variation Settings” page

demo Using Variations to Develop Multilingual Sites Creating and Managing Variations

Content Roll-ups Home News HR Facilities Industry AnnouncementsDocuments

demo Content Queries and Links Using the Content Query Web Part Subclassing the Content Query Web Part Summary Links

Field Controls And Web Parts Field ControlWeb Part Data StorageField in the page list itemWebPart Data associated with the page Location In Page Fixed as a control in page layout Fixed as a control in page layout In a Zone VersioningVersioned with pageApprovals only – no historical versions Personalizatio n NoYes Standard Uses Content that is stored in the page Queries/Views of external content ExamplesRich HTML Field Image Field Summary Links Content Query Webpart Page Viewer Webpart

The Anatomy of a SharePoint Publishing Page Field Control Page Layout Field Control Content Placehold er Master Page Content Placehold er ASP.NET Master Page Field Content Pages List Site Column (Field) Content Type Content Placehold er Field Type ASP.NET Content Page Navigation, Title, etc. Page content with references to page layouts

demo Develop and Package Custom Fields Field types, Fields, Content Types and Page Layouts

Site Map Providers in SharePoint PortalSiteMapProvider CombinedNav SiteMapProvider Data Source Navigation Control

demo Develop and Package Custom Navigation Site maps and navigation controls

Caching for Scale Caching TypeCachesEnable onNotes Page Output Cache* Page HTMLWeb 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

Resources Sample Sites: Field control and custom nav: Books  Professional SharePoint 2007 Web Content Management Development (Wrox) Andrew Connell -  Professional SharePoint 2010 Branding and User Interface Design (Wrox) Randy Drisgill et al -  SharePoint 2010 Development with Silverlight (Pearson) Bob German and Paul Stubbs - Blogs  Andrew Connell -  Bob German -  Heather Solomon -

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 Computing SharePoint Information Management Mobility Creative

Thank You