Share via


新的視覺化設計工具簡介

英文原文已於 2012 年 10 月 22 日星期一發佈

 

簡介:我的相片

大家好,我的名字是 Sam Chung,是 SharePoint Designer 的程式經理。很榮幸向大家介紹我們對於 SharePoint Designer 2013 所做的最大投資之一:視覺化設計工具。

開始之前,強烈建議您先看看我們所設定的 MSDN 文章。您可以在此處找到相關文章:

https://msdn.microsoft.com/zh-tw/library/sharepoint/jj163272(v=office.15).aspx (可能為英文網頁)

https://msdn.microsoft.com/zh-tw/library/sharepoint/jj164055(v=office.15).aspx (可能為英文網頁)

https://msdn.microsoft.com/zh-tw/library/sharepoint/jj163971(v=office.15).aspx (可能為英文網頁)

視覺化設計工具是內建於 SharePoint Designer 2013 的全新工作流程設計介面。對於熟悉 SPD 2010 的人來說,您們都知道可以先在 Visio 中建立 SP 2010 工作流程、將它匯出,然後將這些圖表匯入 SPD 2010。儘管這是可行的,但還是有數個限制:

  • 無法將 Visio 內的不同動作參數化。
    • 一律必須切換至文字型設計工具,才能設定動作參數。
  • 從 SPD 匯出時,無法得知您的圖表可能已經變更
  • 無法在 Visio 內顯示/使用自訂動作

這所有的限制現在都已消失,而且我們新增了一些新功能,讓此功能可真正大放異彩。

如何運作?

現在讓我們來看看視覺化設計工具的外觀。以下為實際設計工具的螢幕擷取畫面:

圖像

如您所見,視覺化設計工具看起來像是一塊直接顯示在 SharePoint Designer 內的 Visio 畫布。事實正是如此。當 SharePoint Designer 2013 和 Visio 2013 Professional 並存安裝於相同電腦時,我們將啟用新的視覺化設計工具。

看一下螢幕,您會看見兩個不同的應用程式:

圖像

儘管有兩個獨立執行的應用程式,我們還是將這兩個應用程式整合在一起,讓您甚至不會注意到有兩個獨立的應用程式。所有動作看起來都像是發生在 SPD 內。

如何啟用視覺化設計工具?

以下為使用視覺化設計工具的先決條件

  1. 在相同電腦上安裝 SharePoint Designer 2013 與 Visio Professional
    • 視覺化設計工具無法在任何舊版的 SPD 中運作
    • 只有 Visio Pro 能夠啟用視覺化設計工具
  2. 將 SharePoint Designer 2013 向上連線至已設定工作流程管理員的 SharePoint 2013 網站
  3. 建立新的 SharePoint 2013 工作流程
    • 視覺化設計工具只能在建立/編輯 SharePoint 2013 工作流程時運作
    • 您無法使用此功能來建立/編輯 SharePoint 2010 工作流程

一旦確定您滿足所有先決條件之後,應該就能按一下可在功能區中找到的 [檢視] 按鈕,
隨時切換至視覺化設計工具:

圖像

因此,主要隨身祕訣有哪些?

1) 能夠使用按住並拖曳方式來建立工作流程,就像在 Visio 中一樣

圖像

  • 您的所有動作都可以在左樣板窗格中找到
  • 樣板窗格只會自動顯示適合您所建立之工作流程類型的動作清單。
  • 自訂動作也會顯示於樣板中
  • 窗格會以字母順序預先排序

 

2) 能夠使用 [動作標籤] 來設定不同動作的屬性

圖像

    • 動作標籤會為您顯示動作的「頂層」屬性。如果您在文字型設計工具中查看相同動作,將注意到部分屬性會顯示為句子中的連結:

圖像

    • 這些相同的連結都會顯示為動作標籤中的選項。
    • 選取這其中任一個選項將會顯示該選項的適當對話方塊或「頂層屬性方格」(緊接著會有更多資訊)

3)「頂層屬性方格」讓您能夠設定僅會在文字型設計工具的句子層級上顯示的屬性。

圖像

    • 類似動作標籤的概念

4) 您可以產生 [階段層級圖表],僅檢視階段層級的工作流程。這在了解工作流程的流程或報告時相當有用。

圖像

圖像

    • 附註:階段層級圖表和原始圖表是兩個不同的圖表。它們之間不會進行同步。
    • 我將純粹針對階段層級檢視及其功能撰寫另一篇部落格文章

5) 工作流程中的錯誤會顯示於 [問題] 窗格中:

圖像

    • 請注意錯誤在錯誤窗格中的列示方式
    • 圖案層級的錯誤和工作流程屬性中的錯誤都會顯示於此處
    • 當您按一下錯誤訊息時,即會自動將相關聯的圖案反白顯示
    • 每當您嘗試發佈工作流程時、按一下 [檢查錯誤] 功能區按鈕,以及嘗試從視覺化設計工具切換至文字型設計工具時,即會進行錯誤檢查
      • 若您只儲存工作流程,就不會進行任何錯誤檢查

6) 您需要在條件分支上按一下滑鼠右鍵來設定它們

圖像

    • 請記住,所有來自 [條件] 圖案的分支都必須藉由在每個分支上按一下滑鼠右鍵並選取 [是] 或 [否] 來進行設定

視覺化設計工具內還有許多我尚未用過的不同功能。我將在未來的文章中涵蓋這些功能。現在如果您有任何問題,歡迎提出您的問題。

謝謝您。

Sam

這是翻譯後的部落格文章。英文原文請參閱 Introducing the new Visual Designer