An overview of using Microsoft SharePoint as a Web CMS by Adam Cogan at the Sydney Business & Technology User Group (SBTUG) annual CMS Smackdown.

1. SharePointThe Jonah Lomu of CMS Adam Cogan Chief Architect at SSW Microsoft Regional Director @AdamCogan Delivering Awesome Web Applications

2. Pre-Requisites Out of Box, or Platform Content Editors Power Users eg. Developers eg. Designers Hosting

3. Agenda Why SharePoint? Why companies want SharePoint’s Web Content Management? Take a look at the SharePoint Team Requirements Alternatives

4. 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

6. Nor are Content Management Systems There are plenty on the market The need for web publishing is not new Doesn’t suck

7. ? So Why SharePoint?

8. Scenario: Sprawling company with lots of departments

9. Businesses make $ ... Why companies want SharePoint’s Web Content Management

10. A: Windows (and AD) Integrated

11. SharePoint – managing groups

12. B: Already using it on intranet

13. C: Rich editing experience

14. Someone has stuff checked out... D: Presence stuff is awesome

15. "Hey Joe, can you check in Welcome.aspx"

16. Help. I introduced a bug E: Publishing

17. Remove IT’s workload / crankiness

18. F: Workflow is greatCreate the workflow in Office SharePoint Designer 2007

19. F: Workflow is greatWorkflow in Office SharePoint Designer 2010

20. F: Workflow is great3rd Party: Workflow in Nintex

21. F: Workflow is great3rd party: Workflow in K2 Blackpearl

22. Kick it off in SharePoint

23. G: Customize with .NET

24. H: Already sold – it’s the future

25. 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

26. J: All the other things

27. J: All the other things

28. So... Let’s look at a SharePoint team

29. A SharePoint team – introducing the people involved

30. A SharePoint team – introducing the people involved

31. Initially (planning and configuration stage)

32. Followed by... (development stage)

33. ... And once it’s up (content stage)

34. Overall PSDs – “concept mockup” (Wakefield) Slice into HTML and Images - “HTML mockup” Make the CSS files for the HTML – “HTML styling” Give back to the developer Style Tip: the designer's job must be defined

35. 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)

36. Q:How do you get our great resultBy avoiding dealing with this At Work ... (A SharePoint public sites needs focus) TheResult

37. BEFORE: .psd

38. AFTER: Live Website

39. BEFORE: .psd

40. AFTER: Live Website

41. an added bonus…

44. 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

45. Nice HTML No Word-inserted CSS! ... Key Requirements

47. Ordering by ‘category’ Not date ... Key Requirements

48. Comments Can group KB article in multiple categories Publishing/Approval Workflow Sort by rating and popularity Image handling ie. renaming ... “Nice to have” requirements

49. Create a standard Team Site in SharePoint Foundation Create a Wiki Library

50. This will take you into Rich Text Edit Mode for editing page.

51. Rich Text Editor - Blog

52. Rich Text Editor - Wiki

53. Apply styles to text Spell check your content (sux) Insert and format tables Embed graphics or video The Rich Text Editor

54. Spell check not as good as word Need to manually check it http://www.ssw.com.au/ssw/Standards/Rules/RulesToBetterTechnicalDocumentation.aspx#WordSpellingAndGrammarChecker The Rich Text Editor

55. But... Done!

56. Layout is ugly

57. RTE (Rich Text Editor) CSS classes ... Identify CSS classes

58. 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

59. Verdict on Comments

60. 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

61. Option 1

62. Option 2

63. 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

64. Alternatives

65. ? Alternatives

66. WordPress Wiki – Screwturn Wiki SharePoint Wiki SharePoint Blog ... Alternatives

67. WordPress

68. WordPress Nice 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 search 3/9

69. Wiki – Screwturn Wiki

70. Screwturn Wiki Nice 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 search 5/9

71. SharePoint Blog

72. SharePoint Blog Nice 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 search 5/9

73. SharePoint Wiki

74. SharePoint Wiki Nice 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 search 8/9

75. SharePoint Wiki! Winner is...

76. Summary Why SharePoint? Why companies want SharePoint’s Web Content Management? Take a look at the SharePoint Team Requirements Alternatives

77. Thank You! Sydney | Melbourne | Brisbane | Adelaide info@ssw.com.auwww.ssw.com.au