1. Silverlight + SharePoint：在企業內網提供用戶端更好的使用者經驗 盧昊 產品行銷經理 台灣微軟 haulu@microsoft.com

2. 課程大綱 在SharePoint上客製化開發 當哈利遇見莎莉： SharePoint & Silverlight? Silverlight Blueprint for SharePoint (SL4SP) 建構酷炫的SharePoint網站 –AdventureWorks for SharePoint Q & A

3. 課程大綱 在SharePoint上客製化開發 當哈利遇見莎莉： SharePoint & Silverlight? Silverlight Blueprint for SharePoint (SL4SP) 建構酷炫的SharePoint網站 –AdventureWorks for SharePoint Q & A

4. SharePoint= WSS & MOSS

5. MicrosoftVisualStudio SharePointDesigner + Browser Custom Coding Web site construction Custom Web Parts Create lists and doclibs Site Definitions Design Web pages Content Types No-code data view/forms Workflow Web part hookup SharePoint 平台開發工具的選擇

6. SharePoint平台客製化的選擇 不一定所有的客製化需求都需要寫程式 兩套客製化方式，讓開發人員選擇最快速路程 Office SharePoint Designer也是開發工具，能夠省去開發人員相當多的時間 善用 Data View/Data FormWeb Part Master Page客製化、建置CSS Conditional Formatting …

7. SharePoint Designer 2007 建構新的SharePoint網站並進行表現層客製化 無程式碼設計 (No C#/VB.NET code) 支援IntelliSense 支援ASP.NET 控制項 可檢視與使用Web part 和 Data source

8. Visual Studio 2008 IDE for creating assemblies, server/user controls and advanced workflows 直接呼叫 SharePoint object model 支援 IntelliSense 藉由Team Foundation Server 可進行完整的程式碼控制 (Source Control)

9. Visual Studio Extensions for WSS v1.2(VSeWSS 1.2) Visual Studio 2008 上的 Add-on，可以輕輕鬆鬆建置與佈署 SharePoint 客製化專案 提供繁體中文版下載 VS 2005使用者應下載1.1版 Build & deploy 提供各式範本 自動產生Solution Package VSeWSS1.3CTP版已經推出 支援64-bit

10. VSeWSS 1.2 Item Templates List Definition Content Type Field Control Web Part Module Template Event Receiver List Instance List Definition from Content Type

11. WSP View & Build WSP View View -> Other Windows Build and Deploy SETUP.BAT Solution Generator

12. Demo SharePoint開發 Hello World Web Part

13. SPGlobalAdmin SPWebServer SPVirtualServer SPControl SPSite SPWeb SPList SPListItem

14. 使用 SharePoint物件模型 - 直接存取 Object Model SharePoint Sites SharePoint 物件模型 WebServices Web PartsWeb Pages Smart 以及Mobile Clients

15. Demo SharePoint Object Model

16. 課程大綱 在SharePoint上客製化開發 當哈利遇見莎莉： SharePoint & Silverlight? Silverlight Blueprint for SharePoint (SL4SP) 建構酷炫的SharePoint網站 –AdventureWorks for SharePoint Q & A

17. Evolve Baseline Templates…

18. 當哈利遇見莎莉

19. To this…

21. 更酷更炫的網站

22. 譜出美工與開發人員的愛情

23. XAML & Code-behind

24. 更有效的管控網頁程式

26. 課程大綱 在SharePoint上客製化開發 當哈利遇見莎莉： SharePoint & Silverlight? Silverlight Blueprint for SharePoint (SL4SP) 建構酷炫的SharePoint網站 –AdventureWorks for SharePoint Q & A

27. 開發環境 Silverlight 2 SharePoint

28. 重要設定 (手動) .NET Framework 3.5 (for Silverlight 2.0) 將System.Web.Silverlight.dll佈署到 GAC DLL可在Silverlight SDK中找到 在IIS Web application 中設定 MIME type 對應至.XAP .xap -> application/x-silverlight-2 修改web.config使其支援 Silverlight 2

29. 不同種類的整合 高度 基本 中度 .NET Assembly 置放於 Web Part <iframe/> Custom SP Object Streaming Services

30. Web Part 與 Silverlight 結合 Content Editor Web Part 藉由HTML 程式碼在SharePoint加入Silverlight HTMLTextWriter class 在Web Part中呼叫HTMLTextWriter寫出呼叫Silverlight的HTML碼 以Web Part方式開發 Required Assemblies System.Web.Extensions.dll System.Web.Silverlight.dll Also Script Manager on Page Add Silverlight control Control properties … protected override void CreateChildControls() { System.Web.UI.SilverlightControls.SilverlightmyCustomForm = new System.Web.UI.SilverlightControls.Silverlight(); myCustomForm.ID = "myCustomForm"; myCustomForm.Source = "http://stefoxdemo/XAPS1/CustomerEntryForm.xap"; myCustomForm.Width = new System.Web.UI.WebControls.Unit(475); myCustomForm.Height = new System.Web.UI.WebControls.Unit(300); this.Controls.Add(myCustomForm); } …

31. Demo Silverlight & Content Editor Web Part

32. Demo Hello World Silverlight Web Part

33. 自訂欄位型別 (Custom Field Type) 使用Silverlight作為自訂欄位型別的控制項 InitParameters Hidden field Create Silverlight app Create SharePoint project with custom field type

34. 頁面層級的Silverlight客製化 用Silverlight作為基礎頁面美工項目 藉由SharePoint Designer修改Master Page 客製化導覽列 跨site collection 的Master Page 客製化 重要訊息或廣告輪播

35. 課程大綱 在SharePoint上客製化開發 當哈利遇見莎莉： SharePoint & Silverlight? Silverlight Blueprint for SharePoint (SL4SP) 建構酷炫的SharePoint網站 –AdventureWorks for SharePoint Q & A

36. Demo AdventureWorks SharePoint網站

37. 使用Silverlight與SharePoint Designer客製導覽列

38. 使用Silverlight與SharePoint Designer客製導覽列架構圖

39. 使用Silverlight與SharePoint Designer客製導覽列Master Page Out-of-the-box asp:SiteMapPath Control <aw:Menu ID="CurrentNav" runat="server" datasourceID="SiteMapDS" orientation="Vertical" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="0" StaticSubMenuIndent="1" ItemWrap="true" AccessKey="3" CssClass="leftNav" SkipLinkText="<%$Resources:cms,masterpages_skiplinktext%>"><LevelMenuItemSty les><asp:MenuItemStyle CssClass="leftNav1" /> … </aw:Menu> Custom Web Server Control <div id="navigation"> <div class="navigation_main"> <AWSL:AWNavigation runat="server" navigationMapProvider="SPSiteMapProvider" _ </AWSL:AWNavigation> </div> </div>

40. 使用Silverlight與SharePoint Designer客製導覽列Web Server Control 註冊 ScriptManager 找到導覽列內容(節點) 產生Silverlight導覽列 將資訊傳遞給Silverlight導覽列 繪製(Renders)出Silverlight導覽列

41. 使用Silverlight與SharePoint Designer客製導覽列Silverlight導覽列 接收到啟動參數 (導覽節點) 註冊 storyboards &event handlers 動態產生導覽列選單 提供互動功能

42. Demo AdventureWorks 導覽列

43. 使用Silverlight連結搜尋服務

44. 呼叫SharePointWeb Services 用於展現存放在SharePoint圖片庫中的多媒體檔案 Silverlight 程式透過呼叫SharePoint 的Web service 進行資料交換

45. 使用Silverlight連結搜尋服務架構圖

46. 使用Silverlight連結搜尋服務Design Pattern Web Part Reusable hosting container Web and WCF Services 在 SharePoint Server 中佈署 SOA的方式讓其他元件呼叫SharePoint搜尋服務 Silverlight Applications 藉由WCF呼叫服務

47. Demo AdventureWorks 人員搜尋 Web Part

48. 注意事項 檢查web.config 中是否加入了必要的設定 <SafeControl Assembly="System.Web.Silverlight, Version=2.0.5.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI.SilverlightControls" TypeName="*" Safe="True" /> 在編輯web.config前先備份檔案 確認 Silverlight runtime 版本的一致性，設定MIMEType application/x-silverlight-app 確認 System.Web.Silverlight.dll有被佈署致GAC gacutil -l | FINDSTR System.Web.Silverlight 確認崁入 Silverlight 的 SharePoint 物件指向正確的XAP檔案位置

50. 提供更好的視覺化元件 (e.g. Dashboards)

51. 多媒體播放器展示存放於SharePoint中之多媒體檔

52. 導覽元件, Web Parts...

53. RIA提供更多、更豐富的客戶端功能

54. 了解如何在SharePoint平台上開發

56. Q & A