為您的模型導向應用程式建立引導式協助

使用自訂說明窗格和引導式任務,為您的整合介面應用程式提供針對您的組織量身訂做的自訂產品內建説明體驗。 使用自訂說明窗格,提供表格、表單及特定語言的說明與指引,並可包含 RTF 格式文字、內容連結、圖片及影片連結。

重要

  • 自訂說明窗格會取代先前與舊版 web 用戶端應用程式一起使用的學習路徑引導式說明功能。
  • 自訂說明窗格不適用於在行動裝置上執行的整合介面應用程式,例如 Android 和 iOS 平板電腦和智慧手機。

自訂説明窗格和學習路徑

自訂說明窗格的全新引導式說明實作與先前的學習路徑引導式說明功能不同。 這兩項功能都能讓您為應用程式建立自訂說明。 不過,自訂說明窗格已針對最常見的引導式說明案例進行最佳化。

自訂說明窗格提供下列無法透過學習路徑使用的主要功能:

  • 自由格式的豐富文字,包括項目符號與編號。
  • 以可見方式連結的引導標記與說明泡泡。
  • 影片來源 (包括私人來源) 的其他選項。
  • 在 Microsoft Dataverse 中儲存說明內容做為解決方案的一部分。

自訂說明窗格未提供下列可透過學習路徑使用的主要功能:

  • 循序的說明泡泡。
  • 每個角色的說明頁面。
  • 個別裝置外形規格 (例如智慧型手機) 的説明頁面。

先決條件

若要使用自訂說明窗格功能,您的環境需要啟用自訂說明窗格環境設定

為您的環境啟用自訂說明窗格

  1. https://admin.powerplatform.microsoft.com 登入 Power Platform 系統管理中心。
  2. 在左側選擇 管理 ,然後打開你想要的環境。
  3. 在命令列中選取設定,接著選取產品>功能
  4. 說明功能下,將啟用自訂說明面板設為開啟

重要

請確認可自訂實體的自訂說明已設定為,否則您將無法開啟啟用自訂說明窗格。 這是因為你無法同時使用自訂說明窗和可自訂的說明。

必要權限

  • 若要撰寫說明窗格,應用程式製作者需要在說明頁面資料表上,具有全域的建立、讀取、寫入、刪除、附加,以及附加至等權限。 根據預設,系統管理員與系統自訂員資訊安全角色都有此權限。
  • 若要在應用程式中查看協助窗格,使用者必須具備協助頁面表格的讀取權限。 依預設,「說明頁面取用者」安全角色具有此權限。 依預設,Basic User 安全性角色對 Help Page 資料表沒有任何權限。

其他資訊:資訊安全角色和權限

內容感知式自訂說明

這些情境中的每個說明窗格各不相同:

  • 資料表
  • 表單​​
  • 儀表板​​
  • 語言
  • 申請

說明窗格導覽

預設情況下,即使您切換到其他表單,說明窗格仍會保持開啟,並停留在您最初開啟它時顯示的說明內容。 這可讓説明內容在您將使用者引導至應用程式的不同部分時,保持不變。

撰寫說明窗格內容

  1. 若要檢視說明窗格,請開啟模型導向應用程式,然後在命令列上選取說明

    說明。

  2. 在 [說明] 窗格中,選取垂直省略符號,然後選取編輯

    編輯説明。

    說明窗格現在處於編輯模式,而游標已放置在說明窗格標題上。

  3. 您可以從編輯窗格執行下列任務:

    • 直接在說明窗格中輸入文字。
    • 透過豐富文字功能設定文字格式,並新增項目符號/編號清單、區段、影片、影像、連結、引導標記,以及泡泡說明。
  4. 若要儲存變更,請選取儲存

自由格式文本

可以將文字放置在說明窗格中的任何位置。 在區段之前、中或後輸入自由格式文字。 文字支援粗體、斜體、底線和刪除線等格式。 可使用剪下、複製與貼上,也可使用多層級復原。

項目符號及編號清單

選取項目符號或編號圖示,會將目前這行切換為項目符號或編號格式。 如果您在清單中選取多行,則每一行都會加上項目符號或編號。 使用 Tab 鍵縮排子編號,會使其在清單內對齊。

章節

區段是可摺疊的文字方塊。 您可以在其中放置連結或自由格式文字。 使用區段將類似的項目組成群組。 區段預設可為展開或摺疊狀態。

影片和靜態影像

您可以將影片和靜態影像插入說明窗格中。 影片和影像是網際網路上的內容連結。 自訂說明窗格不會將影片和影像檔案儲存在說明窗格中。 開啟說明窗格時,自訂說明窗格會從連結載入內容來加以顯示。 如果您想要參照公司私人內容,則可以使用 Microsoft Stream 影片連結。

提示

請記得複製所需影片或影像的連結 URL,這樣才可以將其貼入您的說明窗格中。

自訂說明窗格支援下列影片來源:

  • Microsoft Stream (傳統) (用於私人內容)
  • YouTube
  • Facebook
  • Vimeo

連結可以指向網站,並在同一個視窗 (預設) 中開啟,或在不同的視窗中開啟。 目前尚未啟用連結至現有說明頁面的功能。

泡泡說明與引導標記

泡泡說明與引導標記可用來指向特定的 UI 元素。 提示氣球可以含有文字。

插入氣球

引導標記只是利用指標醒目提示元素,藉此吸引使用者注意該 UI 元素。

插入指導標記

作者需要在泡泡說明與引導標記的屬性中,透過拖放功能來定義目標。 作者可以輸入引導標記的標題與描述文字。

拖放

附註

  • 泡泡說明與引導標記不適用於自訂元件。 此功能只適用於預設整合介面 UI 元件。
  • 目前尚不支援循序的說明泡泡與引導標記。

解決方案和自訂說明窗格內容

所有説明內容都已儲存在 Dataverse 的說明頁面元件中,做為解決方案的一部分。 當您將解決方案從一個環境移至另一個環境 (例如從測試到生產) 時,您可以定義要匯出的説明資料列,以便將其包含在解決方案中。 如此一來,您就能在解決方案移轉至不同環境時,讓說明內容與其中的功能保持同步。 自訂說明窗格做為解決方案的一部分,可支援所有的標準解決方案應用程式週期管理 (ALM) 功能。

透過解決方案移動內容

所有的新説明頁面預設都會出現在預設解決方案中。 如果您想要將內容移到其他環境,請先將現有的說明頁面新增到未受管理的解決方案中,再匯出這些頁面。 若要將說明頁面新增至未受管理的解決方案,請依照下列步驟進行:

  1. 登入 Power Apps
  2. 在左瀏覽窗格中,選取解決方案。 如果此項目不在側邊面板窗格中,請選取 ...其他 ,然後選取您想要的項目。
  3. 開啟您想要的未受管理的解決方案。
  4. 在命令列選取新增現有的,然後選取說明頁面
  5. 選取想要新增的說明頁面,然後選取新增。 更多資訊:匯出解決方案

說明頁面文件自動化

您可能會想要在原始程式碼控制系統中備份或儲存內容。 您可能也想要在說明窗格內容中使用文件自動化工具,例如翻譯工具或檢查工具。 自訂說明窗格資料會直接儲存在 Dataverse 中,並且可以基於此目的進行匯出和匯入。

自訂說明窗格支援自訂 XML 格式。 此格式如下所述。 更多資訊:自訂說明 XML 定義

匯出後,每個說明頁面都會匯出成不同的檔案。

關於「內容感知式說明」受控解決方案

自訂說明窗格與引導式工作功能,是由「內容感知式說明」受控解決方案中的解決方案元件所組成。 不支援使用自訂説明窗格和引導式任務功能以外的表格自訂或建立記錄。

請注意,部分應用程式 (例如 Dynamics 365 Sales 和 Dynamics 365 Service) 包含使用關聯式説明受管理解決方案中的表格建立的第一次執行體驗。 例如,「說明頁面」(msdyn_helppage) 與「導覽」(msdyn_tour) 資料表都用於建立這些初次執行體驗。 目前,自訂說明窗格和引導式任務功能不支援建立這些第一次執行體驗。

常見問題

本節討論有關自訂說明頁面的常見問題。

自訂說明頁面和可自訂說明是一樣的嗎?

自訂説明窗格和引導式任務是系統設定的設定自訂說明 URL 區段中的選項。 自訂説明窗格和引導式任務會啟用顯示在使用者表單旁邊的可自訂說明窗格。 此系統設定中「自訂說明」區段的其他選項構成可自訂的說明功能。 這些功能可讓您覆寫預設應用程式說明,並將組織中的使用者指向不同的 URL 以取得說明。 或者,您也可以覆寫高度自訂資料表的說明,以便更清楚描述您的工作流程。

如需可自訂說明的詳細資訊,請參閱啟用和使用可自訂說明

如何將資料從學習路徑移轉至自訂説明頁面?

學習路徑有兩種說明類型:說明窗格與循序說明泡泡。 循序説明提示氣球的位置與舊版網頁用戶端 UI 深度整合,無法轉移至新的自訂説明窗格。

視您在引導式說明中有多少文字而定,最簡單的方法就是直接將資訊直接從學習路徑使用者介面複製到新的自訂說明窗格使用者介面。 不過,您也可以匯出學習路徑說明內容。 最簡單的作法是使用學習路徑>內容庫>當地語系化>匯出功能來匯出您的內容。 選取您想要的資料列,然後將其匯出。 這會為每個説明窗格和引導式任務建立 XLIFF 檔案。 然後,使用可公開取得的 XLIFF 編輯器或 XLIFF 至 HTML 轉換器來擷取您的內容。

自訂說明 XML 定義

本節說明自訂說明 XML 定義。

PPHML

<pphml>
    <h1>FAQ</h1>
    <collapsible title="What is PPHML?">
        <p>PPHML is a domain specific language for help content. It is used to create help content that includes elements such as images, videos, balloons, coach marks, etc.</p>
    </collapsible>
    <collapsible title="What does PPHML stand for?">
        <p>PPHML stands for Power Platform Help Markup Language</p>
    </collapsible>
</pphml>

定義和使用方式

<pphml> 元素告訴説明瀏覽器,這是 PPHML 文件。

<pphml> 元素代表 PPHML 文件的根。

<pphml> 元素是所有其他 PPHML 元素的容器。

標題

在說明頁面中呈現標題。

<h1>This will be displayed at the top of the help page</h1>

定義和使用方式

<h1> 元素定義說明頁面的標題。

<h1> 這必須是 <pphml> 中的第一個元素。

影像

在說明頁面中顯示圖片。

<img src="smiley.gif" alt="Smiley face" title="Smiley face"/>

定義和使用方式

<img> 元素在說明頁面中嵌入影像。

屬性

  • src:指定影像的 URL。 這是必要屬性。

  • title:指定要與影像一併顯示的標題,通常做為暫留提示工具。

  • alt:指定圖片的替代文字。 這是螢幕助讀程式所使用的文字。

視訊

在說明頁面中顯示影片。

<video src="https://www.youtube.com/watch?v=WSWmn7WM3i4" />

定義和使用方式

<video> 元素在說明頁面中嵌入視頻,例如教程或培訓視頻。

支援的來源
  • Microsoft Stream
  • YouTube
  • Facebook
  • Vimeo

屬性

  • src:指定影片的 URL。 這是必要屬性。

  • allowFullScreen:指定使用者是否可將影片切換為全螢幕。 可能的值為 "true" 或 "false"。 並非所有的影片來源都支援此屬性。

  • autoplay:指定影片在說明頁面載入後立即開始播放。 可能的值為 "true" 或 "false"。 並非所有的影片來源都支援此屬性。

  • startTime:指定開始播放影片的位置 (以秒為單位)。

段落

顯示說明頁面中的一段文字。

<p>This is some text in a paragraph.</p>

定義和使用方式

<p> 元素定義一個段落。

段落中的文字可以用下列方式來裝飾:

  • 粗體,使用 <strong> 元素
  • 斜體,使用 <em> 元素
  • 刪除線,使用 <del> 元素
  • 使用 <u> 元素加上底線

這些裝飾可以組合使用。 例如,建立一段同時為粗體且加底線的文字。

項目符號清單

在說明頁面中呈現項目符號清單。

<ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>

定義和使用方式

<ul> 元素定義了項目符號清單。

<ul> 元素與 <li> 元素一起使用可以建立項目符號清單。

編號清單

在說明頁面中顯示編號清單。

<ol>
    <li>First step</li>
    <li>Second step</li>
    <li>Third step</li>
</ol>

定義和使用方式

<ol> 元素定義一個有序 (編號) 清單。 將 <ol> 標記與 <li> 元素一起使用可以建立編號清單。

可摺疊

在說明頁中顯示可摺疊區段。

<collapsible title="This is a Section">
    <p>This is a paragraph inside a section</p>
    <img src=smiley.gif" title="This is an image inside a section" />
</collapsible>

定義和使用方式

<collapsible> 元素定義了使用者可以根據需要查看或隱藏的內容部分。

屬性

  • collapsed:指定區段一開始是摺疊還是展開。 可能的值為「true」(摺疊) 或「false」(展開)。

在說明頁面中顯示連結。

連結至在新瀏覽器視窗中開啟的網站:

<a href="https://www.microsoft.com" target="_blank">Microsoft Home Page</a>

連結至其他說明頁面:

<a href="./LearnMore">Learn More</a>

定義和使用方式

<a> 標記可定義允許使用者從說明頁面瀏覽至網站或其他説明頁面的連結。

屬性

  • href:指定要瀏覽到的網站或説明頁面的 URL。 這是必要屬性。
  • target:指定要開啟連結 URL 所在的位置。
    • 如果未提供或為 _self,則該連結會視為指向另一個說明頁面,並在說明瀏覽器中開啟。
    • 如果是 _blank,則會在新的瀏覽器視窗中開啟該連結。
    • 如果是 _top,則會在目前的瀏覽器視窗中開啟該連結。
    • 如果值是 iframe 的名稱,則在該 iframe 中開啟連結。

引導標記

在說明頁面中呈現引導標記。

<coachmark target="#my-html-button">Click to highlight the HTML element with id [my-html-button]</coachmark>

定義和使用方式

引導標記是一種互動式元素,可用來吸引使用者注意裝載說明瀏覽器之應用程式 UI 中的特定位置。

屬性

  • target:指定要在其上顯示引導標記之 HTML 元素的 CSS 選取器。 這是必要屬性。

泡泡說明

在說明頁面中呈現泡泡說明。

<balloon target="#my-html-button" title="This button submits the form" details="Please click this button to continue and submit the form">Click to show a balloon over the HTML element with id [my-html-button]</balloon>

定義和使用方式

泡泡說明是一種互動式元素,可用來協助使用者在裝載說明瀏覽器之應用程式 UI 中執行動作。

屬性

  • target:指定要在其上顯示泡泡說明連結之 HTML 元素的 CSS 選取器。 這是必要屬性。
  • title:指定泡泡說明的標題。
  • details:指定要在泡泡說明內顯示的內容。