SharePoint  菁英計畫 系統開發實戰營 敦群數位科技股份有限公司 游家德  Jade Yu Welcome 歡迎參與
課程規劃 第一天 MOSS2007 架構與一般企業客製化功能簡介 SharePoint Designer 2007 Master Page 修改與設定 介面選單修改 第二天 SharePoint API  操作與應用 網站集合功能 / 網站功能介紹與實作 第三天 網頁組件開發與部署 Event Handler 開發與部署 Search API  與  Web Service 第四天 Excel Service  應用 InfoPath Form Service 應用 Open Questions
課前假設 熟悉  HTML / CSS 熟悉  JavaScript 熟悉  Visual Studio .Net 2005 開發環境
訓練目標與預期效益 本課程希望結束後 ,  您可以達到以下預期目標及能力 規劃並建制 Microsoft SharePoint Server 2007 架構 利用 SharePoint Designer2007 進行介面上的客製化 撰寫網頁處組件 / 網站功能 / 事件處理常式 ,  並有效部署 開發 Excel Service / Form Service 應用
開發前準備
SharePoint  開發人員要知道的網址 SharePoint Developer Center http://msdn2.microsoft.com/en-us/office/aa905503.aspx Windows  SharePoint  Services 3.0 SDK  http://www.microsoft.com/downloads/ details.aspx?familyid =05e0dd12-8394-402b-8936-a07fe8afaffd&displaylang=en   SharePoint  Server 2007 SDK  與  SDK  範例  http://www.microsoft.com/downloads/ details.aspx?familyid =6d94e307-67d9-41ac-b2d6-0074d6286fa9&displaylang=en   Visual Studio 2005 extensions for .NET Framework 3.0 (Windows Workflow Foundation)  http://www.microsoft.com/downloads/ details.aspx?FamilyID =5d61409e-1fa3-48cf-8023-e8f38e709ba6&DisplayLang=en   Windows  SharePoint  Services 3.0 Tools: Visual Studio 2005 Extensions  http://www.microsoft.com/downloads/ details.aspx?familyid =19F21E5E-B715-4F0C-B959-8C6DCBDC1057&displaylang=en   http://jopx.blogspot.com/2006/08/moss-2007-office-2007-and-_115575552994200500.html
SharePoint Skill Roadmap
SharePoint Designer 2007
課程目標 了解如何利用 SharePoint Designer 2007 建立協同合作平台 資料檢視與操作介面的進階客製化 了解如何整合企業既有資料及資訊架構
SharePoint  應用程式的優勢 利用 SharePoint Designer 2007 建立一個免程式設計的應用系統 易於建立資訊分享 / 追蹤等入口網站 易於在 SharePoint 平台上整合外部資料 利用 SharePoint Designer 中的工作流程精靈規劃工作流程 使用 SharePoint 迅速建立資訊系統 利用 List 和 Library 儲存基礎資料 利用 List View 讀取 / 寫入資料 直接引用 SharePoint 群組 / 角色、搜尋、通知
“ No-Code” 解決方案 SPD2007 提供 SharePoint 平台更簡便的方式執行以下需求 : 建立客製化 List Views 和相關表單 整合外部資料源 建立自定工作流程 “ No-Coding” 帶來的效益 No-Coding=No-Risk 設計用來迅速開發雛型或基礎機制 由 Administrator 中央掌控 Developer 的延展功能
SharePoint 平台客製化選項 SharePoint Designer + Browser 建立清單及文件庫 設計網頁內容 資料清單檢視修改 工作清單 網頁組件進階設定  Visual Studio Extension for SharePoint 網頁組件開發 網站定義 清單定義 事件處理常式
SharePoint Designer 2007
SharePoint Designer 2007 的演進 SharePoint Portal  Server 2003 SharePoint Server 2007 FrontPage 98 FrontPage 2000 FrontPage 2003 SharePoint Designer 2007
整體介面簡介
 
DEMO SPD2007  基本介紹
利用 SPD2007 修改 SharePoint 的第一步 開啟 SharePoint Designer 2007 選取 [ 檔案 ]-[ 開啟網站 ]
SPD2007 可以進行怎樣的客製化 ? 網頁組件區域修改與維護 CSS 頁面樣式修改 【資料檢視】物件應用 【清單表單】物件應用 Master Page 應用 工作流程設定與應用
網頁組件區域 網頁組 件區域 新增網頁組件區域
網頁組件區域 網頁組件區域  WebPart Zone <WebPartPages…..> <WebPart…> </WebPart> </WebPartPages…..> 相關網頁組件均須存在於網頁組件區域中
SPD2007  修改 CSS 樣式 修改 CSS 修改 後之 CSS 將複 製一 份於 該網 站檔 案清 單中
DEMO CSS  的修改
CSS File 修改與相關 CSS File MOSS 原廠定義檔 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1028\STYLES\Core.css SPD2007 修改後之 css 將儲存於 _styles 目錄下 若刪除本目錄 ,  則還原回原廠定義檔
資料檢視 資料檢視 提供一個 XSL 的展現 物件 ,  用以 定製清單的 檢視方式 必要時可設 定過濾條件 顯示樣式
清單表單 自定特定清 單的輸入表 單
DEMO 資料檢視  /  清單頁面
Master Page 的應用 Master Page .NET2.0  首次出現 Server Side Include User Control Master Page
SharePoint  中的 Master Page  WSS3.0 /MOSS 2007  內容 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\GLOBAL\default.master 存在 Site 內的 /_catalogs/masterpage/default.master /_layouts/*.aspx C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\application.master
關於 Master Page 的一些 Tags
關於 Master Page 的一些 Tags 保留 <Body….>  之上的 HTML Code 確保相關 Reference  和  Javascript  正確被引用 將新的 Master Page HTML  置於 <form runat=&quot;server&quot; onsubmit=&quot;return _spFormOnSubmitWrapper();&quot;> <WebPartPages:SPWebPartManager id=“m” runat=“Server”/> 之後 <asp:ContentPlaceHolder id=&quot;PlaceHolderMain&quot; runat=&quot;server“ /> 主要的內容區塊
DEMO Master Page 的修改
SharePoint Designer 中的 Workflow
“ 角色”為基礎的工作流程 基本上建立於 Windows Workflow Foundation 之基礎上 利用預先建立之作業區塊及條件邏輯 架構於 Events, Conditions, actions 透過網站中 XOML 檔案描述相關作業行為 可自行啟動或由 List Event 觸動執行 動作中支援不同清單間的資料繫結 必要時可延展相關 Action 及 Condition
Workflow Roadmap 簽章收集 文件審核 ( 平行 / 循序 ) 工作與議題追蹤 (WSS3.0/Office/Project) 客製化 簽核與 條件 表單動作 資料匯入 電子郵件通知 簡易驗證 文件作業 自動化 LOB 既有系 統整合 Ad-Hoc Structured Out-Of-Box 內建範本 SharePoint Designer 2007 Microsoft Visual Studio And Workflow SDK
WSS3.0/MOSS2007 內建流程引擎 WSS 3.0 僅提供標準介面,透過 SharePoint Designer 2007 進行流程客製化 MOSS2007 預設提供 5 種工作流程範本
SharePoint Designer  建立工作流程
自定動作 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\1028\Workflow\WSS.Actions
DEMO Workflow in SharePoint
選單修改
List Item Pop-up Menu C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1028\Core.js
Core.js 中的重要參考 Function AddDocLibMenuItems(m, ctx) AddManagePermsMenuItem(…..) NavigateToSubNewAspx(strHttpRoot, strArgs) 修改後將套用所有的網站
Questions?

敦群學院-SharePoint精英計畫-系統開發-Day 1

  • 1.
    SharePoint 菁英計畫系統開發實戰營 敦群數位科技股份有限公司 游家德 Jade Yu Welcome 歡迎參與
  • 2.
    課程規劃 第一天 MOSS2007架構與一般企業客製化功能簡介 SharePoint Designer 2007 Master Page 修改與設定 介面選單修改 第二天 SharePoint API 操作與應用 網站集合功能 / 網站功能介紹與實作 第三天 網頁組件開發與部署 Event Handler 開發與部署 Search API 與 Web Service 第四天 Excel Service 應用 InfoPath Form Service 應用 Open Questions
  • 3.
    課前假設 熟悉 HTML / CSS 熟悉 JavaScript 熟悉 Visual Studio .Net 2005 開發環境
  • 4.
    訓練目標與預期效益 本課程希望結束後 , 您可以達到以下預期目標及能力 規劃並建制 Microsoft SharePoint Server 2007 架構 利用 SharePoint Designer2007 進行介面上的客製化 撰寫網頁處組件 / 網站功能 / 事件處理常式 , 並有效部署 開發 Excel Service / Form Service 應用
  • 5.
  • 6.
    SharePoint 開發人員要知道的網址SharePoint Developer Center http://msdn2.microsoft.com/en-us/office/aa905503.aspx Windows SharePoint Services 3.0 SDK http://www.microsoft.com/downloads/ details.aspx?familyid =05e0dd12-8394-402b-8936-a07fe8afaffd&displaylang=en SharePoint Server 2007 SDK 與 SDK 範例 http://www.microsoft.com/downloads/ details.aspx?familyid =6d94e307-67d9-41ac-b2d6-0074d6286fa9&displaylang=en Visual Studio 2005 extensions for .NET Framework 3.0 (Windows Workflow Foundation) http://www.microsoft.com/downloads/ details.aspx?FamilyID =5d61409e-1fa3-48cf-8023-e8f38e709ba6&DisplayLang=en Windows SharePoint Services 3.0 Tools: Visual Studio 2005 Extensions http://www.microsoft.com/downloads/ details.aspx?familyid =19F21E5E-B715-4F0C-B959-8C6DCBDC1057&displaylang=en http://jopx.blogspot.com/2006/08/moss-2007-office-2007-and-_115575552994200500.html
  • 7.
  • 8.
  • 9.
    課程目標 了解如何利用 SharePointDesigner 2007 建立協同合作平台 資料檢視與操作介面的進階客製化 了解如何整合企業既有資料及資訊架構
  • 10.
    SharePoint 應用程式的優勢利用 SharePoint Designer 2007 建立一個免程式設計的應用系統 易於建立資訊分享 / 追蹤等入口網站 易於在 SharePoint 平台上整合外部資料 利用 SharePoint Designer 中的工作流程精靈規劃工作流程 使用 SharePoint 迅速建立資訊系統 利用 List 和 Library 儲存基礎資料 利用 List View 讀取 / 寫入資料 直接引用 SharePoint 群組 / 角色、搜尋、通知
  • 11.
    “ No-Code” 解決方案SPD2007 提供 SharePoint 平台更簡便的方式執行以下需求 : 建立客製化 List Views 和相關表單 整合外部資料源 建立自定工作流程 “ No-Coding” 帶來的效益 No-Coding=No-Risk 設計用來迅速開發雛型或基礎機制 由 Administrator 中央掌控 Developer 的延展功能
  • 12.
    SharePoint 平台客製化選項 SharePointDesigner + Browser 建立清單及文件庫 設計網頁內容 資料清單檢視修改 工作清單 網頁組件進階設定 Visual Studio Extension for SharePoint 網頁組件開發 網站定義 清單定義 事件處理常式
  • 13.
  • 14.
    SharePoint Designer 2007的演進 SharePoint Portal Server 2003 SharePoint Server 2007 FrontPage 98 FrontPage 2000 FrontPage 2003 SharePoint Designer 2007
  • 15.
  • 16.
  • 17.
    DEMO SPD2007 基本介紹
  • 18.
    利用 SPD2007 修改SharePoint 的第一步 開啟 SharePoint Designer 2007 選取 [ 檔案 ]-[ 開啟網站 ]
  • 19.
    SPD2007 可以進行怎樣的客製化 ?網頁組件區域修改與維護 CSS 頁面樣式修改 【資料檢視】物件應用 【清單表單】物件應用 Master Page 應用 工作流程設定與應用
  • 20.
  • 21.
    網頁組件區域 網頁組件區域 WebPart Zone <WebPartPages…..> <WebPart…> </WebPart> </WebPartPages…..> 相關網頁組件均須存在於網頁組件區域中
  • 22.
    SPD2007 修改CSS 樣式 修改 CSS 修改 後之 CSS 將複 製一 份於 該網 站檔 案清 單中
  • 23.
    DEMO CSS 的修改
  • 24.
    CSS File 修改與相關CSS File MOSS 原廠定義檔 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1028\STYLES\Core.css SPD2007 修改後之 css 將儲存於 _styles 目錄下 若刪除本目錄 , 則還原回原廠定義檔
  • 25.
    資料檢視 資料檢視 提供一個XSL 的展現 物件 , 用以 定製清單的 檢視方式 必要時可設 定過濾條件 顯示樣式
  • 26.
  • 27.
    DEMO 資料檢視 / 清單頁面
  • 28.
    Master Page 的應用Master Page .NET2.0 首次出現 Server Side Include User Control Master Page
  • 29.
    SharePoint 中的Master Page WSS3.0 /MOSS 2007 內容 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\GLOBAL\default.master 存在 Site 內的 /_catalogs/masterpage/default.master /_layouts/*.aspx C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\application.master
  • 30.
    關於 Master Page的一些 Tags
  • 31.
    關於 Master Page的一些 Tags 保留 <Body….> 之上的 HTML Code 確保相關 Reference 和 Javascript 正確被引用 將新的 Master Page HTML 置於 <form runat=&quot;server&quot; onsubmit=&quot;return _spFormOnSubmitWrapper();&quot;> <WebPartPages:SPWebPartManager id=“m” runat=“Server”/> 之後 <asp:ContentPlaceHolder id=&quot;PlaceHolderMain&quot; runat=&quot;server“ /> 主要的內容區塊
  • 32.
  • 33.
  • 34.
    “ 角色”為基礎的工作流程 基本上建立於Windows Workflow Foundation 之基礎上 利用預先建立之作業區塊及條件邏輯 架構於 Events, Conditions, actions 透過網站中 XOML 檔案描述相關作業行為 可自行啟動或由 List Event 觸動執行 動作中支援不同清單間的資料繫結 必要時可延展相關 Action 及 Condition
  • 35.
    Workflow Roadmap 簽章收集文件審核 ( 平行 / 循序 ) 工作與議題追蹤 (WSS3.0/Office/Project) 客製化 簽核與 條件 表單動作 資料匯入 電子郵件通知 簡易驗證 文件作業 自動化 LOB 既有系 統整合 Ad-Hoc Structured Out-Of-Box 內建範本 SharePoint Designer 2007 Microsoft Visual Studio And Workflow SDK
  • 36.
    WSS3.0/MOSS2007 內建流程引擎 WSS3.0 僅提供標準介面,透過 SharePoint Designer 2007 進行流程客製化 MOSS2007 預設提供 5 種工作流程範本
  • 37.
    SharePoint Designer 建立工作流程
  • 38.
    自定動作 C:\Program Files\CommonFiles\Microsoft Shared\web server extensions\12\TEMPLATE\1028\Workflow\WSS.Actions
  • 39.
    DEMO Workflow inSharePoint
  • 40.
  • 41.
    List Item Pop-upMenu C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1028\Core.js
  • 42.
    Core.js 中的重要參考 FunctionAddDocLibMenuItems(m, ctx) AddManagePermsMenuItem(…..) NavigateToSubNewAspx(strHttpRoot, strArgs) 修改後將套用所有的網站
  • 43.