Silverlight+SharePoint: 在企業內往提供用戶端更好的使用經驗
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 1,380 views

 

Statistics

Views

Total Views
1,380
Views on SlideShare
1,379
Embed Views
1

Actions

Likes
0
Downloads
6
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • Silverlight + SharePoint:在企業內網提供用戶端更好的使用者經驗
    盧昊
    產品行銷經理
    台灣微軟
    haulu@microsoft.com
  • 課程大綱
    在SharePoint上客製化開發
    當哈利遇見莎莉: SharePoint & Silverlight?
    Silverlight Blueprint for SharePoint (SL4SP)
    建構酷炫的SharePoint網站 –AdventureWorks for SharePoint
    Q & A
  • 課程大綱
    在SharePoint上客製化開發
    當哈利遇見莎莉: SharePoint & Silverlight?
    Silverlight Blueprint for SharePoint (SL4SP)
    建構酷炫的SharePoint網站 –AdventureWorks for SharePoint
    Q & A
  • SharePoint= WSS & MOSS
  • 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 平台開發工具的選擇
  • SharePoint平台客製化的選擇
    不一定所有的客製化需求都需要寫程式
    兩套客製化方式,讓開發人員選擇最快速路程
    Office SharePoint Designer也是開發工具,能夠省去開發人員相當多的時間
    善用 Data View/Data FormWeb Part
    Master Page客製化、建置CSS
    Conditional Formatting

  • SharePoint Designer 2007
    建構新的SharePoint網站並進行表現層客製化
    無程式碼設計 (No C#/VB.NET code)
    支援IntelliSense
    支援ASP.NET 控制項
    可檢視與使用Web part 和 Data source
  • Visual Studio 2008
    IDE for creating assemblies, server/user controls and advanced workflows
    直接呼叫 SharePoint object model
    支援 IntelliSense
    藉由Team Foundation Server 可進行完整的程式碼控制 (Source Control)
  • 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
  • VSeWSS 1.2 Item Templates
    List Definition
    Content Type
    Field Control
    Web Part
    Module
    Template
    Event Receiver
    List Instance
    List Definition from Content Type
  • WSP View & Build
    WSP View
    View -> Other Windows
    Build and Deploy
    SETUP.BAT
    Solution Generator
  • Demo
    SharePoint開發
    Hello World Web Part
  • SPGlobalAdmin
    SPWebServer
    SPVirtualServer
    SPControl
    SPSite
    SPWeb
    SPList
    SPListItem
  • 使用 SharePoint物件模型
    - 直接存取 Object Model
    SharePoint Sites
    SharePoint 物件模型
    WebServices
    Web PartsWeb Pages
    Smart 以及Mobile Clients
  • Demo
    SharePoint Object Model
  • 課程大綱
    在SharePoint上客製化開發
    當哈利遇見莎莉: SharePoint & Silverlight?
    Silverlight Blueprint for SharePoint (SL4SP)
    建構酷炫的SharePoint網站 –AdventureWorks for SharePoint
    Q & A
  • Evolve Baseline Templates…
  • 當哈利遇見莎莉
  • To this…
  • SharePoint & Silverlight - Why?
    • 藉由更好的互動性增進使用者經驗
    • 更酷更炫的網站
    • 譜出美工與開發人員的愛情
    • XAML & Code-behind
    • 更有效的管控網頁程式
    • 支援多種語言: C#/VB.Net and dynamic languages (e.g. JavaScript, Ruby, Python, etc.)
  • Demo
    SharePoint & Silverlight in Action
  • 課程大綱
    在SharePoint上客製化開發
    當哈利遇見莎莉: SharePoint & Silverlight?
    Silverlight Blueprint for SharePoint (SL4SP)
    建構酷炫的SharePoint網站 –AdventureWorks for SharePoint
    Q & A
  • 開發環境
    Silverlight 2
    SharePoint
  • 重要設定 (手動)
    .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
  • 不同種類的整合
    高度
    基本
    中度
    .NET Assembly
    置放於
    Web Part
    <iframe/>
    Custom SP Object
    Streaming Services
  • 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);
    }

  • Demo
    Silverlight & Content Editor Web Part
  • Demo
    Hello World Silverlight Web Part
  • 自訂欄位型別 (Custom Field Type)
    使用Silverlight作為自訂欄位型別的控制項
    InitParameters
    Hidden field
    Create Silverlight
    app
    Create SharePoint
    project with custom
    field type
  • 頁面層級的Silverlight客製化
    用Silverlight作為基礎頁面美工項目
    藉由SharePoint Designer修改Master Page
    客製化導覽列
    跨site collection 的Master Page 客製化
    重要訊息或廣告輪播
  • 課程大綱
    在SharePoint上客製化開發
    當哈利遇見莎莉: SharePoint & Silverlight?
    Silverlight Blueprint for SharePoint (SL4SP)
    建構酷炫的SharePoint網站 –AdventureWorks for SharePoint
    Q & A
  • Demo
    AdventureWorks SharePoint網站
  • 使用Silverlight與SharePoint Designer客製導覽列
  • 使用Silverlight與SharePoint Designer客製導覽列架構圖
  • 使用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>
  • 使用Silverlight與SharePoint Designer客製導覽列Web Server Control
    註冊 ScriptManager
    找到導覽列內容(節點)
    產生Silverlight導覽列
    將資訊傳遞給Silverlight導覽列
    繪製(Renders)出Silverlight導覽列
  • 使用Silverlight與SharePoint Designer客製導覽列Silverlight導覽列
    接收到啟動參數 (導覽節點)
    註冊 storyboards &event handlers
    動態產生導覽列選單
    提供互動功能
  • Demo
    AdventureWorks 導覽列
  • 使用Silverlight連結搜尋服務
  • 呼叫SharePointWeb Services
    用於展現存放在SharePoint圖片庫中的多媒體檔案
    Silverlight 程式透過呼叫SharePoint 的Web service 進行資料交換
  • 使用Silverlight連結搜尋服務架構圖
  • 使用Silverlight連結搜尋服務Design Pattern
    Web Part
    Reusable hosting container
    Web and WCF Services
    在 SharePoint Server 中佈署
    SOA的方式讓其他元件呼叫SharePoint搜尋服務
    Silverlight Applications
    藉由WCF呼叫服務
  • Demo
    AdventureWorks 人員搜尋 Web Part
  • 注意事項
    檢查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檔案位置
  • 結論
    • Silverlight 2.0 大幅提升了SharePoint 的使用經驗
    • 提供更好的視覺化元件 (e.g. Dashboards)
    • 多媒體播放器展示存放於SharePoint中之多媒體檔
    • 導覽元件, Web Parts...
    • RIA提供更多、更豐富的客戶端功能
    • 了解如何在SharePoint平台上開發
    • 立即下載 Silverlight & SharePoint Blueprints
  • 相關資源
    MSSharePointDeveloper- http://www.microsoft.com/click/SharePointDeveloper/
    Virtual Lab - http://go.microsoft.com/?linkid=9234915
    使用 Silverlight 2 網頁組件讓 SharePoint 更耀眼 - http://msdn.microsoft.com/zh-tw/magazine/dd148643.aspx
    Introduction to SharePoint Products and Technologies for the Professional .NET Developer-http://msdn.microsoft.com/en-us/library/cc537498.aspx
    Silverlight Blueprint for SharePoint - http://www.codeplex.com/SL4SP
    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
    Installing the SharePoint BluePrint for Silverlight: SilverlightPart - http://www.wssdemo.com/Blog/archive/2008/03/24/installing-the-sharepoint-blueprint-for-silverlight-silverlightpart.aspx
  • Q & A