michael hofer senior consultant microsoft corporation
TRANSCRIPT
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
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
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
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
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