SharePoint as a Web CMS
-
Upload
craig-bailey -
Category
Technology
-
view
4.045 -
download
1
description
Transcript of SharePoint as a Web CMS
![Page 1: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/1.jpg)
SharePointThe Jonah Lomu of CMS
Adam Cogan
Chief Architect at SSW
Microsoft Regional Director
@AdamCogan
Delivering Awesome Web Applications
![Page 2: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/2.jpg)
Pre-Requisites
Out of Box, or
Platform
Content Editors
Power Users eg.
Developers eg.
Designers
Hosting
![Page 3: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/3.jpg)
Agenda
Why SharePoint?
Why companies want SharePoint’s Web Content Management?
Take a look at the SharePoint Team
Requirements
Alternatives
![Page 4: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/4.jpg)
Chief Architect at SSW
Developing custom solutions for businesses across a range of industries such as Government, banking, insurance
Microsoft Gold Partner
Microsoft Regional Director
VSTS MVP
@AdamCogan
About Adam
![Page 5: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/5.jpg)
![Page 6: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/6.jpg)
Nor are Content Management Systems
There are plenty on the market
The need for web publishing is not new
Doesn’t suck
![Page 7: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/7.jpg)
?
So Why SharePoint?
![Page 8: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/8.jpg)
Scenario: Sprawling company with lots of departments
![Page 9: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/9.jpg)
Businesses make $ ...
Why companies want SharePoint’s Web Content Management
![Page 10: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/10.jpg)
A: Windows (and AD) Integrated
![Page 11: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/11.jpg)
SharePoint – managing groups
![Page 12: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/12.jpg)
B: Already using it on intranet
![Page 13: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/13.jpg)
C: Rich editing experience
![Page 14: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/14.jpg)
Someone has stuff checked out...
D: Presence stuff is awesome
![Page 15: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/15.jpg)
"Hey Joe, can you check in Welcome.aspx"
![Page 16: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/16.jpg)
Help. I introduced a bug
E: Publishing
![Page 17: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/17.jpg)
Remove IT’s workload / crankiness
![Page 18: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/18.jpg)
F: Workflow is greatCreate the workflow in Office SharePoint Designer 2007
![Page 19: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/19.jpg)
F: Workflow is greatWorkflow in Office SharePoint Designer 2010
![Page 20: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/20.jpg)
F: Workflow is great3rd Party: Workflow in Nintex
![Page 21: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/21.jpg)
F: Workflow is great3rd party: Workflow in K2 Blackpearl
![Page 22: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/22.jpg)
Kick it off in SharePoint
![Page 23: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/23.jpg)
G: Customize with .NET
![Page 24: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/24.jpg)
H: Already sold – it’s the future
![Page 25: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/25.jpg)
March 2008 “US$1billion-dollar business with 100 million licenses sold, and growth of more than 50 percent in the second quarter of the current fiscal year”
http://www.microsoft.com/presspass/features/2008/mar08/03-02SharePoint.mspx
I: Microsoft’s #1 selling server product
![Page 26: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/26.jpg)
J: All the other things
![Page 27: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/27.jpg)
J: All the other things
![Page 28: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/28.jpg)
So... Let’s look at a SharePoint team
![Page 29: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/29.jpg)
A SharePoint team – introducing the people involved
?
?
?
?
![Page 30: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/30.jpg)
A SharePoint team – introducing the people involved
SharePoint Architects
Developers
Designers
Content Editors
![Page 31: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/31.jpg)
Initially (planning and configuration stage)
• Define hierarchy, content types, overall structure
SharePoint Architects
![Page 32: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/32.jpg)
Followed by... (development stage)
• Write additional web parts• Extend existing SharePoint
functionality
Developers
• Design look and feel• Write CSS and master pagesDesigners
![Page 33: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/33.jpg)
... And once it’s up (content stage)
• Enter content• Testing
Content Editors
![Page 34: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/34.jpg)
1. Overall PSDs – “concept mockup” (Wakefield)
2. Slice into HTML and Images - “HTML mockup”
3. Make the CSS files for the HTML – “HTML styling”
4. Give back to the developer
Style Tip: the designer's job must be defined
![Page 35: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/35.jpg)
Working together is important otherwise:
Avoid Designer vs Developer
Designers like it to be perfect, so their designs have the presentation intended
If they are working they are more understanding and you avoid
e.g. It is not perfectly centred e.g. This pixel is out of alignment e.g. Colours are not right... this is 1 shade off due to
compression
...the designer's job must be defined (cont)
![Page 36: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/36.jpg)
Q:\ How do you get our great result
By avoiding dealing with this
At Work ...
(A SharePoint public sites needs focus)
The Result
![Page 37: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/37.jpg)
BEFORE: .psd
![Page 38: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/38.jpg)
AFTER: Live Website
![Page 39: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/39.jpg)
BEFORE: .psd
![Page 40: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/40.jpg)
AFTER: Live Website
![Page 41: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/41.jpg)
an added bonus…
![Page 42: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/42.jpg)
![Page 43: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/43.jpg)
![Page 44: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/44.jpg)
SEO – Nice URL, nice title tag
Clipboard functionality like in Word
Copy-Paste Images
Ribbon bars with easy formatting (h1, h2, h3 etc)
Key Requirements
![Page 45: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/45.jpg)
Nice HTML
No Word-inserted CSS! ...
Key Requirements
![Page 46: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/46.jpg)
![Page 47: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/47.jpg)
Ordering by ‘category’
Not date ...
Key Requirements
![Page 48: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/48.jpg)
Comments
Can group KB article in multiple categories
Publishing/Approval Workflow
Sort by rating and popularity
Image handling
ie. renaming ...
“Nice to have” requirements
![Page 49: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/49.jpg)
Create a standard Team Site in SharePoint Foundation
Create a Wiki Library
![Page 50: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/50.jpg)
This will take you into Rich Text Edit Mode for editing page.
![Page 51: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/51.jpg)
Click icon to add chart
Rich Text Editor - Blog
![Page 52: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/52.jpg)
Click icon to add chart
Rich Text Editor - Wiki
![Page 53: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/53.jpg)
Apply styles to text
Spell check your content (sux)
Insert and format tables
Embed graphics or video
The Rich Text Editor
![Page 54: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/54.jpg)
Spell check not as good as word
Need to manually check it http://www.ssw.com.au/ssw/Standards/Rules/RulesT
oBetterTechnicalDocumentation.aspx#WordSpellingAndGrammarChecker
The Rich Text Editor
![Page 55: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/55.jpg)
But...
Done!
![Page 56: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/56.jpg)
Layout is ugly
![Page 57: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/57.jpg)
RTE (Rich Text Editor) CSS classes
...
Identify CSS classes
![Page 58: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/58.jpg)
format .ms-rteElement
How styles/themes work
If you have no site them applied to a site (default – no theme)
CSS files are resident in the 14 hive (SharePoint 2010)
Once you apply a theme the CSS files are auto-propagated to themes folder of the site and you can modify the CSS form here
How do you customize...
Identify CSS classes
![Page 59: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/59.jpg)
Verdict on Comments
![Page 60: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/60.jpg)
SharePoint 2010 Wiki’s don’t have a commenting system
SharePoint 2010 Blogs have an ordinary commenting system (no threading, no spam detection etc)
Suggestion to Microsoft: built in web part to add one of the main 3rd party commenting systems:
www.Disqus.com www.IntenseDebate.com www.aboutecho.com How could Microsoft solve this... (two ways)
How to Solve the comment problem
![Page 61: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/61.jpg)
Option 1
![Page 62: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/62.jpg)
Option 2
![Page 63: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/63.jpg)
SEO marketers want to stuff different keywords into the:
Page Name, Page Title, URL and Meta Description Problem.
SharePoint 2010 Wiki’s assumes the same text in first 3 and offers no way of editing the ‘Meta Description’ tag.
This is an incorrect assumption and should be fixed in SP1 (if Microsoft wants to get it used in the CMS world). http://www.ssw.com.au/ssw/Standards/BetterSoftwareSuggestions/SharePointTeamServices.aspx#WikiSEO
...
SEO – Page Name, Page Title, URL and Meta Description Problem
Keep these 2 the same Let me change the
URL
![Page 64: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/64.jpg)
Alternatives
![Page 65: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/65.jpg)
?
Alternatives
![Page 66: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/66.jpg)
WordPress
Wiki – Screwturn Wiki
SharePoint Wiki
SharePoint Blog
...
Alternatives
![Page 67: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/67.jpg)
WordPress
![Page 68: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/68.jpg)
WordPressNice URLs
LiveWriter
Wiki (over Blog)
Minimal Customization - Need to add a view (not sorted by date)
PHP
User Experience is consistent with intranet
Rating System
Integrated Authentication
Found using SharePoint search3/9
![Page 69: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/69.jpg)
Wiki – Screwturn Wiki
![Page 70: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/70.jpg)
Screwturn WikiNice URLs
LiveWriter
Wiki (over Blog)
Minimal Customization - Need to add a view (not sorted by date)
.NET
User Experience is consistent with intranet
Rating System
Integrated Authentication
Found using SharePoint search5/9
![Page 71: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/71.jpg)
SharePoint Blog
![Page 72: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/72.jpg)
SharePoint BlogNice URLs
LiveWriter
Wiki (over Blog)
Minimal Customization - Need to add a view (not sorted by date)
.NET
User Experience is consistent with intranet
Rating System
Integrated Authentication
Found using SharePoint search5/9
![Page 73: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/73.jpg)
SharePoint Wiki
![Page 74: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/74.jpg)
SharePoint WikiNice URLs
LiveWriter
Wiki (over Blog)
Minimal Customization - Need to add a view (not sorted by date)
.NET
User Experience is consistent with intranet
Rating System ?
Integrated Authentication
Found using SharePoint search8/9
![Page 75: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/75.jpg)
SharePoint Wiki!
Winner is...
![Page 76: SharePoint as a Web CMS](https://reader036.fdocuments.us/reader036/viewer/2022062319/555a2993d8b42a900d8b4add/html5/thumbnails/76.jpg)
Summary
Why SharePoint?
Why companies want SharePoint’s Web Content Management?
Take a look at the SharePoint Team
Requirements
Alternatives