Silverlight + SharePoint:在企業內網提供用戶端更好的使用者經驗<br />盧昊<br />產品行銷經理<br />台灣微軟<br />haulu@microsoft.com<br />
課程大綱<br />在SharePoint上客製化開發<br />當哈利遇見莎莉: SharePoint & Silverlight?<br />Silverlight Blueprint for SharePoint (SL4SP)<br /...
課程大綱<br />在SharePoint上客製化開發<br />當哈利遇見莎莉: SharePoint & Silverlight?<br />Silverlight Blueprint for SharePoint (SL4SP)<br /...
SharePoint= WSS & MOSS<br />
MicrosoftVisualStudio<br />SharePointDesigner + Browser<br />Custom Coding <br />Web site construction<br />Custom Web Par...
SharePoint平台客製化的選擇<br />不一定所有的客製化需求都需要寫程式<br />兩套客製化方式,讓開發人員選擇最快速路程<br />Office SharePoint Designer也是開發工具,能夠省去開發人員相當多的時間<b...
SharePoint Designer 2007<br />建構新的SharePoint網站並進行表現層客製化<br />無程式碼設計 (No C#/VB.NET code)<br />支援IntelliSense<br />支援ASP.NET...
Visual Studio 2008<br />IDE for creating assemblies, server/user controls and advanced workflows<br />直接呼叫 SharePoint obje...
Visual Studio Extensions for WSS v1.2(VSeWSS 1.2)<br />Visual Studio 2008 上的 Add-on,可以輕輕鬆鬆建置與佈署 SharePoint 客製化專案<br />提供繁體...
VSeWSS 1.2 Item Templates<br />List Definition<br />Content Type<br />Field Control<br />Web Part<br />Module<br />Templat...
WSP View & Build <br />WSP View<br />View -&gt; Other Windows<br />Build and Deploy<br />SETUP.BAT<br />Solution Generator...
Demo<br />SharePoint開發<br />Hello World Web Part<br />
SPGlobalAdmin<br />SPWebServer<br />SPVirtualServer<br />SPControl<br />SPSite<br />SPWeb<br />SPList<br />SPListItem<br />
使用 SharePoint物件模型<br />- 直接存取 Object Model<br />SharePoint Sites<br />SharePoint 物件模型<br />WebServices<br />Web PartsWeb P...
Demo<br />SharePoint Object Model<br />
課程大綱<br />在SharePoint上客製化開發<br />當哈利遇見莎莉: SharePoint & Silverlight?<br />Silverlight Blueprint for SharePoint (SL4SP)<br /...
Evolve Baseline Templates…<br />
當哈利遇見莎莉<br />
To this…<br />
SharePoint & Silverlight - Why?<br /><ul><li>藉由更好的互動性增進使用者經驗
更酷更炫的網站
譜出美工與開發人員的愛情
XAML & Code-behind
更有效的管控網頁程式
支援多種語言: C#/VB.Net and dynamic languages (e.g. JavaScript, Ruby, Python, etc.)</li></li></ul><li>Demo<br />SharePoint & Sil...
課程大綱<br />在SharePoint上客製化開發<br />當哈利遇見莎莉: SharePoint & Silverlight?<br />Silverlight Blueprint for SharePoint (SL4SP)<br /...
開發環境<br />Silverlight 2<br />SharePoint<br />
重要設定 (手動)<br />.NET Framework 3.5 (for Silverlight 2.0)<br />將System.Web.Silverlight.dll佈署到 GAC<br />DLL可在Silverlight SDK中...
不同種類的整合<br />高度<br />基本<br />中度<br />.NET Assembly<br />置放於<br />Web Part<br />&lt;iframe/&gt;<br />Custom SP Object<br />...
Web Part 與 Silverlight 結合<br />Content Editor Web Part<br />藉由HTML 程式碼在SharePoint加入Silverlight<br />HTMLTextWriter class<b...
Demo<br />Silverlight & Content Editor Web Part<br />
Demo<br />Hello World Silverlight Web Part<br />
自訂欄位型別 (Custom Field Type)<br />使用Silverlight作為自訂欄位型別的控制項<br />InitParameters<br />Hidden field <br />Create Silverlight <...
頁面層級的Silverlight客製化<br />用Silverlight作為基礎頁面美工項目<br />藉由SharePoint Designer修改Master Page<br />客製化導覽列<br />跨site collection ...
課程大綱<br />在SharePoint上客製化開發<br />當哈利遇見莎莉: SharePoint & Silverlight?<br />Silverlight Blueprint for SharePoint (SL4SP)<br /...
Demo<br />AdventureWorks SharePoint網站<br />
使用Silverlight與SharePoint Designer客製導覽列<br />
使用Silverlight與SharePoint Designer客製導覽列架構圖<br />
使用Silverlight與SharePoint Designer客製導覽列Master Page<br />Out-of-the-box asp:SiteMapPath Control<br />&lt;aw:Menu ID=&quot;Cu...
使用Silverlight與SharePoint Designer客製導覽列Web Server Control<br />註冊 ScriptManager<br />找到導覽列內容(節點)<br />產生Silverlight導覽列<br /...
使用Silverlight與SharePoint Designer客製導覽列Silverlight導覽列<br />接收到啟動參數 (導覽節點)<br />註冊  storyboards &event handlers<br />動態產生導覽列...
Demo<br />AdventureWorks 導覽列<br />
使用Silverlight連結搜尋服務<br />
呼叫SharePointWeb Services<br />用於展現存放在SharePoint圖片庫中的多媒體檔案<br />Silverlight 程式透過呼叫SharePoint  的Web service 進行資料交換<br />
使用Silverlight連結搜尋服務架構圖<br />
使用Silverlight連結搜尋服務Design Pattern<br />Web Part<br />Reusable hosting container<br />Web and WCF Services<br />在 SharePoin...
Demo<br />AdventureWorks 人員搜尋 Web Part<br />
Upcoming SlideShare
Loading in...5
×

Silverlight+SharePoint: 在企業內往提供用戶端更好的使用經驗

953

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
953
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Silverlight+SharePoint: 在企業內往提供用戶端更好的使用經驗

  1. 1. Silverlight + SharePoint:在企業內網提供用戶端更好的使用者經驗<br />盧昊<br />產品行銷經理<br />台灣微軟<br />haulu@microsoft.com<br />
  2. 2. 課程大綱<br />在SharePoint上客製化開發<br />當哈利遇見莎莉: SharePoint & Silverlight?<br />Silverlight Blueprint for SharePoint (SL4SP)<br />建構酷炫的SharePoint網站 –AdventureWorks for SharePoint<br />Q & A<br />
  3. 3. 課程大綱<br />在SharePoint上客製化開發<br />當哈利遇見莎莉: SharePoint & Silverlight?<br />Silverlight Blueprint for SharePoint (SL4SP)<br />建構酷炫的SharePoint網站 –AdventureWorks for SharePoint<br />Q & A<br />
  4. 4. SharePoint= WSS & MOSS<br />
  5. 5. MicrosoftVisualStudio<br />SharePointDesigner + Browser<br />Custom Coding <br />Web site construction<br />Custom Web Parts<br />Create lists and doclibs<br />Site Definitions<br />Design Web pages<br />Content Types<br />No-code data view/forms<br />Workflow<br />Web part hookup<br />SharePoint 平台開發工具的選擇<br />
  6. 6. SharePoint平台客製化的選擇<br />不一定所有的客製化需求都需要寫程式<br />兩套客製化方式,讓開發人員選擇最快速路程<br />Office SharePoint Designer也是開發工具,能夠省去開發人員相當多的時間<br />善用 Data View/Data FormWeb Part<br />Master Page客製化、建置CSS<br />Conditional Formatting<br />…<br />
  7. 7. SharePoint Designer 2007<br />建構新的SharePoint網站並進行表現層客製化<br />無程式碼設計 (No C#/VB.NET code)<br />支援IntelliSense<br />支援ASP.NET 控制項<br />可檢視與使用Web part 和 Data source<br />
  8. 8. Visual Studio 2008<br />IDE for creating assemblies, server/user controls and advanced workflows<br />直接呼叫 SharePoint object model<br />支援 IntelliSense<br />藉由Team Foundation Server 可進行完整的程式碼控制 (Source Control)<br />
  9. 9. Visual Studio Extensions for WSS v1.2(VSeWSS 1.2)<br />Visual Studio 2008 上的 Add-on,可以輕輕鬆鬆建置與佈署 SharePoint 客製化專案<br />提供繁體中文版下載<br />VS 2005使用者應下載1.1版<br />Build & deploy<br />提供各式範本<br />自動產生Solution Package<br />VSeWSS1.3CTP版已經推出<br />支援64-bit<br />
  10. 10. VSeWSS 1.2 Item Templates<br />List Definition<br />Content Type<br />Field Control<br />Web Part<br />Module<br />Template<br />Event Receiver<br />List Instance<br />List Definition from Content Type<br />
  11. 11. WSP View & Build <br />WSP View<br />View -&gt; Other Windows<br />Build and Deploy<br />SETUP.BAT<br />Solution Generator<br />
  12. 12. Demo<br />SharePoint開發<br />Hello World Web Part<br />
  13. 13. SPGlobalAdmin<br />SPWebServer<br />SPVirtualServer<br />SPControl<br />SPSite<br />SPWeb<br />SPList<br />SPListItem<br />
  14. 14. 使用 SharePoint物件模型<br />- 直接存取 Object Model<br />SharePoint Sites<br />SharePoint 物件模型<br />WebServices<br />Web PartsWeb Pages<br />Smart 以及Mobile Clients<br />
  15. 15. Demo<br />SharePoint Object Model<br />
  16. 16. 課程大綱<br />在SharePoint上客製化開發<br />當哈利遇見莎莉: SharePoint & Silverlight?<br />Silverlight Blueprint for SharePoint (SL4SP)<br />建構酷炫的SharePoint網站 –AdventureWorks for SharePoint<br />Q & A<br />
  17. 17. Evolve Baseline Templates…<br />
  18. 18. 當哈利遇見莎莉<br />
  19. 19. To this…<br />
  20. 20. SharePoint & Silverlight - Why?<br /><ul><li>藉由更好的互動性增進使用者經驗
  21. 21. 更酷更炫的網站
  22. 22. 譜出美工與開發人員的愛情
  23. 23. XAML & Code-behind
  24. 24. 更有效的管控網頁程式
  25. 25. 支援多種語言: C#/VB.Net and dynamic languages (e.g. JavaScript, Ruby, Python, etc.)</li></li></ul><li>Demo<br />SharePoint & Silverlight in Action<br />
  26. 26. 課程大綱<br />在SharePoint上客製化開發<br />當哈利遇見莎莉: SharePoint & Silverlight?<br />Silverlight Blueprint for SharePoint (SL4SP)<br />建構酷炫的SharePoint網站 –AdventureWorks for SharePoint<br />Q & A<br />
  27. 27. 開發環境<br />Silverlight 2<br />SharePoint<br />
  28. 28. 重要設定 (手動)<br />.NET Framework 3.5 (for Silverlight 2.0)<br />將System.Web.Silverlight.dll佈署到 GAC<br />DLL可在Silverlight SDK中找到<br />在IIS Web application 中設定 MIME type 對應至.XAP<br />.xap -&gt; application/x-silverlight-2<br />修改web.config使其支援 Silverlight 2<br />
  29. 29. 不同種類的整合<br />高度<br />基本<br />中度<br />.NET Assembly<br />置放於<br />Web Part<br />&lt;iframe/&gt;<br />Custom SP Object<br />Streaming Services<br />
  30. 30. Web Part 與 Silverlight 結合<br />Content Editor Web Part<br />藉由HTML 程式碼在SharePoint加入Silverlight<br />HTMLTextWriter class<br />在Web Part中呼叫HTMLTextWriter寫出呼叫Silverlight的HTML碼<br />以Web Part方式開發<br />Required Assemblies<br />System.Web.Extensions.dll<br />System.Web.Silverlight.dll<br />Also<br />Script Manager on Page<br />Add Silverlight control<br />Control properties<br />…<br />protected override void CreateChildControls()<br /> {<br />System.Web.UI.SilverlightControls.SilverlightmyCustomForm = new System.Web.UI.SilverlightControls.Silverlight();<br /> myCustomForm.ID = &quot;myCustomForm&quot;;<br />myCustomForm.Source = &quot;http://stefoxdemo/XAPS1/CustomerEntryForm.xap&quot;;<br />myCustomForm.Width = new System.Web.UI.WebControls.Unit(475);<br />myCustomForm.Height = new System.Web.UI.WebControls.Unit(300);<br />this.Controls.Add(myCustomForm);<br /> }<br />…<br />
  31. 31. Demo<br />Silverlight & Content Editor Web Part<br />
  32. 32. Demo<br />Hello World Silverlight Web Part<br />
  33. 33. 自訂欄位型別 (Custom Field Type)<br />使用Silverlight作為自訂欄位型別的控制項<br />InitParameters<br />Hidden field <br />Create Silverlight <br />app<br />Create SharePoint<br />project with custom<br />field type <br />
  34. 34. 頁面層級的Silverlight客製化<br />用Silverlight作為基礎頁面美工項目<br />藉由SharePoint Designer修改Master Page<br />客製化導覽列<br />跨site collection 的Master Page 客製化<br />重要訊息或廣告輪播<br />
  35. 35. 課程大綱<br />在SharePoint上客製化開發<br />當哈利遇見莎莉: SharePoint & Silverlight?<br />Silverlight Blueprint for SharePoint (SL4SP)<br />建構酷炫的SharePoint網站 –AdventureWorks for SharePoint<br />Q & A<br />
  36. 36. Demo<br />AdventureWorks SharePoint網站<br />
  37. 37. 使用Silverlight與SharePoint Designer客製導覽列<br />
  38. 38. 使用Silverlight與SharePoint Designer客製導覽列架構圖<br />
  39. 39. 使用Silverlight與SharePoint Designer客製導覽列Master Page<br />Out-of-the-box asp:SiteMapPath Control<br />&lt;aw:Menu ID=&quot;CurrentNav&quot; runat=&quot;server&quot; datasourceID=&quot;SiteMapDS&quot; orientation=&quot;Vertical&quot; StaticDisplayLevels=&quot;1&quot; MaximumDynamicDisplayLevels=&quot;0&quot; StaticSubMenuIndent=&quot;1&quot; ItemWrap=&quot;true&quot; AccessKey=&quot;3&quot; CssClass=&quot;leftNav&quot; SkipLinkText=&quot;&lt;%$Resources:cms,masterpages_skiplinktext%&gt;&quot;&gt;&lt;LevelMenuItemSty les&gt;&lt;asp:MenuItemStyle CssClass=&quot;leftNav1&quot; /&gt;<br />…<br />&lt;/aw:Menu&gt;<br />Custom Web Server Control<br />&lt;div id=&quot;navigation&quot;&gt;<br /> &lt;div class=&quot;navigation_main&quot;&gt;<br /> &lt;AWSL:AWNavigation runat=&quot;server&quot; navigationMapProvider=&quot;SPSiteMapProvider&quot; _ &lt;/AWSL:AWNavigation&gt;<br /> &lt;/div&gt;<br />&lt;/div&gt;<br />
  40. 40. 使用Silverlight與SharePoint Designer客製導覽列Web Server Control<br />註冊 ScriptManager<br />找到導覽列內容(節點)<br />產生Silverlight導覽列<br />將資訊傳遞給Silverlight導覽列<br />繪製(Renders)出Silverlight導覽列<br />
  41. 41. 使用Silverlight與SharePoint Designer客製導覽列Silverlight導覽列<br />接收到啟動參數 (導覽節點)<br />註冊 storyboards &event handlers<br />動態產生導覽列選單<br />提供互動功能<br />
  42. 42. Demo<br />AdventureWorks 導覽列<br />
  43. 43. 使用Silverlight連結搜尋服務<br />
  44. 44. 呼叫SharePointWeb Services<br />用於展現存放在SharePoint圖片庫中的多媒體檔案<br />Silverlight 程式透過呼叫SharePoint 的Web service 進行資料交換<br />
  45. 45. 使用Silverlight連結搜尋服務架構圖<br />
  46. 46. 使用Silverlight連結搜尋服務Design Pattern<br />Web Part<br />Reusable hosting container<br />Web and WCF Services<br />在 SharePoint Server 中佈署<br />SOA的方式讓其他元件呼叫SharePoint搜尋服務<br />Silverlight Applications<br />藉由WCF呼叫服務<br />
  47. 47. Demo<br />AdventureWorks 人員搜尋 Web Part<br />
  48. 48. 注意事項<br />檢查web.config 中是否加入了必要的設定<br />&lt;SafeControl Assembly=&quot;System.Web.Silverlight, Version=2.0.5.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35&quot; Namespace=&quot;System.Web.UI.SilverlightControls&quot; TypeName=&quot;*&quot; Safe=&quot;True&quot; /&gt;<br />在編輯web.config前先備份檔案<br />確認 Silverlight runtime 版本的一致性,設定MIMEType<br />application/x-silverlight-app<br />確認 System.Web.Silverlight.dll有被佈署致GAC<br />gacutil -l | FINDSTR System.Web.Silverlight<br />確認崁入 Silverlight 的 SharePoint 物件指向正確的XAP檔案位置<br />
  49. 49. 結論<br /><ul><li>Silverlight 2.0 大幅提升了SharePoint 的使用經驗
  50. 50. 提供更好的視覺化元件 (e.g. Dashboards)
  51. 51. 多媒體播放器展示存放於SharePoint中之多媒體檔
  52. 52. 導覽元件, Web Parts...
  53. 53. RIA提供更多、更豐富的客戶端功能
  54. 54. 了解如何在SharePoint平台上開發
  55. 55. 立即下載 Silverlight & SharePoint Blueprints</li></li></ul><li>相關資源<br />MSSharePointDeveloper- http://www.microsoft.com/click/SharePointDeveloper/<br />Virtual Lab - http://go.microsoft.com/?linkid=9234915<br />使用 Silverlight 2 網頁組件讓 SharePoint 更耀眼 - http://msdn.microsoft.com/zh-tw/magazine/dd148643.aspx<br />Introduction to SharePoint Products and Technologies for the Professional .NET Developer-http://msdn.microsoft.com/en-us/library/cc537498.aspx<br />Silverlight Blueprint for SharePoint - http://www.codeplex.com/SL4SP<br />How To: Get up and running with the Silverlight 2.0 Blueprints for SharePoint 2007  - http://www.zimmergren.net/archive/2008/03/19/how-to-get-up-and-running-with-the-silverlight-2-0-blueprints-for-sharepoint-2007.aspx<br />Installing the SharePoint BluePrint for Silverlight: SilverlightPart - http://www.wssdemo.com/Blog/archive/2008/03/24/installing-the-sharepoint-blueprint-for-silverlight-silverlightpart.aspx<br />
  56. 56. Q & A<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×