SPSNL 2011 SharePoint 2010 WCM challenges made easy

CodeCamp / SharePoint Saturday, March 26th 2011

SharePoint 2010 WCM challenges made easy

Waldek Mastykarz

About: Waldek Mastykarz

• mvp: SharePoint Server• work: Mavention• blog: http://blog.mastykarz.nl• mail: waldek@mavention.nl• twitter: @waldekm

Why this session

• Improved WCM capabilities in SharePoint 2010

• Increasing demand for SharePoint WCM solutions

• WCM solutions are different than portals

90% SharePoint Internet-facing websites suck*

SuckDon't suck

and it’s not because of SharePoint

* 90% of Dutch Internet-facing websites built on SharePoint 2010

What’s in it for you

• Learn why WCM solutions are different and why you should care

• Learn what the common challenges are and what you can do about them

• Be able to focus on the cool stuff instead reinventing the wheel

Let’s suck less!

SuckDon't suck

CUSTOM USER EXPERIENCEChallenge

UX challenges

SharePoint

UX challenges

asp.net• single form• postback• in-line JavaScript

web• many forms• get / post / AJAX• Progressive Enhancement

HTML is the center of the universe

Accessibility

Performance

How to deal with it

Working prototype

(HTML)

Master Page & Page Layouts

Working prototype (SP)

Alternative: Mavention Flex Layout*

Custom User Experience

Public View Authoring View

* But that’s cheating

BUILDING FOR THE INTERNETChallenge

THE INTERNET EXPERIENCEDemo

Building for an intranet

VisitorsAudience

The Challenge

Intranet

VisitorsAudience

Internet

Visitors

Audience

Building for the Internet challenges

how does it work

browser/os

no silverlight

no javascript

no css

no mouse

anonymous users

Building for the Internet challenges

how does it support

accessibility

ACCESSIBILITY & CROSS-BROWSER SUPPORTDemo

HTML is the center of the universe

Accessibility

Performance

How to deal with it

Proper HTML

SP components

Custom components

MOBILE WCMChallenge

OUT-OF-THE-BOX SHAREPOINT 2010 MOBILE EXPERIENCE

75% SharePoint Internet-facing websites can’t be opened on a mobile device*

Doesn't workWorks

* 75% of Dutch Internet-facing websites built on SharePoint 2010

Mobile challenges

OOTB Mobile doesn’t work

-No way to control it

Mobile challenges (2)

Optimization

Content

MediaExperience

How to deal with it

Optimizations

Mobile baseline

Disable Mobile Redirect

FIXING THE OUT-OF-THE-BOX SHAREPOINT 2010 MOBILE EXPERIENCE

WEB ASSUMPTIONSChallenge

Common assumptionsfor Internet-facing websites

• XML sitemap• robots.txt• hierarchical titles• meta tags• 404/error page• short URLs• resizing images

• web analytics• SEO• (X)HTML strict• accessibility• performance• consistent authoring• anonymous audiences

How to deal with it

Ship it!

Buy/Build

SelectIdentify

CONTENT AGGREGATIONSChallenge

Content aggregationschallenges

Branding

Functionality

Choosing the right tool for the job

9/10 custom made content aggregations suck*

SuckDon't suck

* a general yet true assumption

CONTENT QUERY WEB PARTSHOW-OFF

How to deal with it

Analyze requirements

Choose the right tool

PRETTY URLSChallenge

FORGET IT!Pretty URLs in SharePoint

Pretty URLs in SharePoint

• SEO solution• web purity• migration from other

CMS and preserving URLs

Frequently asked for

Pretty URLs in SharePoint

•SharePoint hasn’t been designed that way

•Not supported

Bad idea

10/10 pretty URLs suck*

SuckDon't suck

* hard reality. It’s just a matter of time

How to deal with it

• Try to understand why your customer want it• Try to explain why it’s a bad idea• Removing Pages and .aspx doesn’t change

much• Migration: URL redirection• Purity vs. scalability

INTERNET-FACING WEBSITE PERFORMANCE

Challenge

WCM performance challenges

• large page footprint• many separate

requests• framework files

SharePoint wants you

to optimize

How to deal with it

Lower page footprint

Merge & minify

How to deal with it (2)

3rd party tools

do it yourself

DYNAMICALLY LOADING DEBUG/RELEASE JS & CSS

Mavention Flex Layout*

Low page

footprint

* But that’s cheating

Summary

• Internet-facing SharePoint is not obvious but great results can be achieved

• Know what you are doing– know the platform– know your toolbox– know the boundaries

• Don’t forget non-functional requirements!

Thank you!

SPSNL 2011 SharePoint 2010 WCM challenges made easy

Technology

Transcript of SPSNL 2011 SharePoint 2010 WCM challenges made easy

Exploring the Power of Page Layouts in SharePoint 2010 WCM Sites John Ross & Randy Drisgill SharePoint MVPs Rackspace Hosting OSP335.

Ash, - Hardwoodweb.com · WCM 2 Chair Rail 27 WCM 3 Casing 15 WCM 3-27 Plinth 19 WCM 4 Crown 7 WCM 5 Base Cap 24 WCM 7 Crown 6 WCM 9 Crown 13 WCM 14 Cove 39 WCM 15 Crown 12 WCM 16

WCM-6 Crafter Studio: Extending Alfresco for Next Generation WCM

SPSNL - Bringing SharePoint information into Office through Office Apps

Wcm Structure

in SharePoint 2013...Web Content Management in SharePoint 2013. Agenda • Introductions • SharePoint Web Content Management • Examples • 2013 WCM Features • Content Authoring

WCM Introduction

SharePoint WCM 2013

wcm domino

WCM Infoday Munich WCM for the Emerging Market En

sabeeh wcm

SP2013 WCM Bootcamp - DSN Designing for SharePoint 2013

WCM Tutorial

GMC 2010 - SharePoint 2010 - WCM

ASHWANI WCM

What’s new for WCM and Internet Sites in SharePoint 2013

WCM Focused International Growth Fund WCM Focused …

WCM & Public Facing Websites on SharePoint Online / Office 365

WCM - Intro

Alfresco WCM