SharePoint @ Web Development – an UpdateMichael HoferSenior ConsultantMicrosoft Corporation

Session Objectives

Give an update aboutWhat is new in SharePoint development

VS08 Extensions for WSSSharePoint and Web 2.0

Focus on Silverlight integration

Experience it: Demo, demo, demoUse it: Download full source code from http://www.sharepointblogs.com/michael

What we are going to do

Microsoft Office SharePoint Server 2007

WCM Site

Speakers WebPart

Site Definition & Branding

Picture LibrarySpeakers‘

Data

Web ServiceLists.asmx

Silverlight 2 ApplicationSpeakers Rotator

Pages & Navigation

Build the Shape08 Website with MOSS

Assumed audience

satisfaction:

Load data from SharePoint WebService

Integrate Silverlight 2 App as WebPart

VS Extensions for WSSV1.2: Visual Studio 2008 .NET 3.5

V1.1: Visual Studio 2005 .NET 2.0Project Templates

Team Site, Blank Site, Web Part, List, EmptySequential & State Machine Workflows

Item TemplatesList Definition, List Instance, Content Type, Field Control, Web Part, Module, Template, Event Receiver

Deployment & Debug supportWSP ViewAutomatic Build and DeploySolution Generator for List & Site Definitions

Step 1Create the Shape 08 website with MOSS

Objectives

•Create the Shape08 Website with MOSS 07

Solution•Create a custom site definition from „Blank Site“ template•Include custom layouts, styles, start-page and navigation

Products / Tools

•MOSS 2007 SP1•Visual Studio 2008 SP1•MS VS 08 Ext. for SharePoint (V1.2)•MS SharePoint Designer 07

Resources

•Shape08 Website: HTML, CSS and images•Heather Solomon‘ Base Master Page for Publishing Sites

Created styles and layoutsUsing Microsoft Office SharePoint Designer 2007 to prepare

MasterpagePage LayoutStylesheet & images

Created site definition from template „Blank Site Definition“

Adjusted onet.xml for publishingReplaced default.aspx with publishing page template.Added two features of type „Module“

Styles: CSS and ImagesMasterpages: Masterpage, Page Layout, Preview images

Created MOSS Web-Application for demo

Step 1What has been done

Step 1

demo Create the Shape08 website using MOSS

Objectives

•Create a Silverlight 2 application•Create a SharePoint independent test environment

Solution•Use Silverlight Application template•Design UserControls•Implement logic

Products / Tools

•Visual Studio 2008 SP1•Silverlight Tools for VS 08 SP1•Expression Blend 2 SP1

Resources

•Shine Draw‘s Silverlight Image Rotator

Step 2Create the Silverlight 2 application

Created Silverlight ApplicationSpeakerControl: Represents the speakerSpeakerData: Data object of a speakerSpeakerRotatorControl: Rotates SpeakerControls based on collection of SpeakerData

Created web site for testingAutomatically created by VS 2008 Tools for Silverlight

Step 2What has been done

Step 2

demo Create the Silverlight 2 application

Objectives

•Create a WebPart that displays a Silverlight 2 application•Add the webpart to the Shape08 web site

Solution•Prepare SharePoint for Silverlight•Use WebPart Template•IntegrateSL application in WebPart•Use DocLib to store XAP.

Products / Tools

•MOSS 2007 SP1•Visual Studio 2008 SP1•MS VS 08 Ext. for SharePoint (V1.2)•MS SharePoint Designer 07

Resources

•Silverlight BluePrint for SharePoint

Step 3Create the Silverlight WebPart

Prepared SharePoint for Silverlight Apps

Added „.xap“ as MIME Type in IISAdded additional configuration in web.configAdded System.Web.Silverlight.dll to \bin

Created the WebPart skeleton

Step 3What has been done

Step 3

demo Create the Silverlight WebPart

Objectives

•Show speaker data that is hosted in SharePoint•Enhance WebPart to allow selection of data source

Solution•Develop custom toolpart•Pass configuration data to Silverlight app•Consume lists.asmx

Products / Tools

•MOSS 2007 SP1•Visual Studio 2008 SP1•MS VS 08 Ext. for SharePoint (V1.2)•Silverlight Tools for VS 08 SP1

Resources

•Silverlight BluePrint for SharePoint

Step 4Integrate with SharePoint WebServices

Created custom tool partAllows selection of picture library

Prepared SharePoint to serve WCF WebService request

Clientaccesspolicy.xmlWeb.config

Step 4What has been done

Step 4

demo Integrate with SharePoint WebServices

What we did

Microsoft Office SharePoint Server 2007

WCM Site

Speakers WebPart

Site Definition & Branding

Picture LibrarySpeakers‘

Data

Web ServiceLists.asmx

Silverlight 2 ApplicationSpeakers Rotator

Pages & Navigation

Built the Shape08 Website with MOSS

Audience satisfaction:

Loaded data from SharePoint WebServiceIntegrated Silverlight 2 App as WebPart

Resources

Source Code of this session and related posts: http://www.sharepointblogs.com/michael

Templates used for preparation:Heather Solomon’s Base Master Pages: http://www.heathersolomon.com/blog/articles/BaseMasterPages.aspx Image Rotator – Shine Draw: http://www.shinedraw.com/3d-illusion/flash-and-silverlight-3d-image-rotation/ Silverlight BluePrint for SharePoint – Media Viewer Example: http://www.codeplex.com/SL4SP

Resources - SharePoint

Windows SharePoint Services 3.0 Tools: Visual Studio 2008 Extensions, Version 1.2: http://www.microsoft.com/downloads/details.aspx?familyid=7BF65B28-06E2-4E87-9BAD-086E32185E68&displaylang=enWindows SharePoint Services 3.0 Tools: Visual Studio 2005 Extensions User Guide, Version 1.1: http://www.microsoft.com/downloads/details.aspx?familyid=7BF65B28-06E2-4E87-9BAD-086E32185E68&displaylang=en

Resources - SilverlightSilverlight: http://silverlight.net/ Microsoft® Silverlight™ 2 Software Development Kit http://www.microsoft.com/downloads/details.aspx?FamilyId=8D933343-038F-499C-986C-C3C7E87A60B3&displaylang=enSilverlight BluePrint for SharePoint: http://www.codeplex.com/SL4SP Microsoft® Silverlight™ Tools for Visual Studio 2008 SP1: http://www.microsoft.com/downloads/details.aspx?FamilyId=c22d6a7b-546f-4407-8ef6-d60c8ee221ed&displaylang=enMicrosoft ExpressioBlend™ 2 Service Pack 1:http://www.microsoft.com/downloads/details.aspx?FamilyID=EB9B5C48-BA2B-4C39-A1C3-135C60BBBE66&displaylang=den