教學課程：建立互動式通訊

09-style-your-adaptive-form-small

本教學課程是建立您的第一個互動式通訊系列。建議您依序依序依序執行系列，以了解、執行和示範完整的教學課程使用案例。

在您為Web版本建立了所有構成塊（如表單資料模型、文檔片段、模板和主題）後，您就可以開始建立互動式通信。

互動式通訊可透過兩個通道提供：打印和Web。您也可以建立以「打印」通道作為主資訊的互動式通信。 Web頻道的打印為主選項可確保從打印頻道派生Web頻道的內容、繼承和資料綁定。它還確保在打印通道中所做的更改在Web通道中同步。不過，互動式通訊作者可中斷網路通道中特定元件的繼承。

本教學課程會逐步帶您了解為列印和網頁頻道建立互動式通訊的步驟。在本教學課程結束時，您將能夠：

為打印通道建立互動式通信
為Web通道建立互動式通信
以Print as Master建立打印和Web交互通信

建立無同步的打印和Web互動式通信

建立打印通道的互動式通信

以下是本教學課程中已建立且在為列印管道建立互動式通訊時所需的資源清單：

打印模板： create_first_ic_print_template

表單資料模型： FDM_Create_First_IC

文檔片段： bill_details_first_ic, customer_details_first_ic, bill_summary_first_ic, summary_charges_first_ic

版面片段： table_lf

影像： PayNow和ValueAddedServices

登入AEM製作例項並導覽至 Adobe Experience Manager > Forms > Forms與檔案.
點選建立選取 互動式通訊. 此 建立互動式通訊 嚮導。
指定 create_first_ic 在標題和名稱欄位。選擇 FDM_Create_First_IC 表單資料模型並點選 下一個.
在管道嚮導：
1. 指定 create_first_ic_print_template 作為「打印」模板並點選選擇. 確保 使用打印作為Web通道的主版 未選取核取方塊。
2. 指定 Create_First_IC_templates 資料夾> Create_First_IC_Web_Template 作為Web模板並點選選擇.
3. 點選建立.
將顯示一條確認消息，說明已成功建立互動式通信。
點選編輯以開啟右窗格中的「互動式通訊」。
前往資產頁簽，然後應用篩選器以在左窗格中僅顯示文檔片段。

在互動式通訊中，將下列檔案片段拖放至其目標區域：

文件片段	目標區域
bill_details_first_ic	BillDetails
customer_details_first_ic	客戶詳細資訊
bill_summary_first_ic	BillSummary
summary_charges_first_interactive_communication	費用

互動式通訊的檔案片段

點選圖表目標區域，然後點選 + 新增圖表元件。
點選圖表元件並選取（配置）。圖表屬性顯示在左窗格中：
1. 指定圖表的名稱。
2. 選擇派從 圖表類型 下拉式清單。
3. 選取 呼叫類型 屬性呼叫資料模型物件類型，位於 X軸區段。點選 .
4. 選擇頻率從函式下拉式清單。
5. 選取 呼叫類型 屬性呼叫資料模型物件類型，位於 Y軸區段。點選 .
6. 點選以保存圖表屬性。
前往資產標籤，然後套用篩選器以在左窗格中僅顯示版面片段。拖放 table_lf 配置片段到 逐項呼叫 目標區域。
選取日期欄和點選（配置）。
選擇 資料模型物件 從 綁定類型 下拉式清單並選取呼叫 > 呼叫日期. 點選儲存屬性兩次。

同樣地，使用建立綁定 呼叫時間, 呼叫數, 配置，和 呼叫費 中的文字欄位時間, 數字, 持續時間，和費用欄。
點選 PayNow 目標區域，然後點選 + 若要新增影像元件。
點選「影像」元件並選取（配置）。影像屬性會顯示在左窗格中：
1. 指定 PayNow 作為名稱欄位。
2. 點選上傳，選擇保存在本地檔案系統上的影像，然後點選開啟.
3. 點選以儲存影像屬性。
重複步驟13和14以新增 ValueAddedServices 影像 ValueAddedServices 目標區域。

為Web通道建立互動式通信

以下是本教學課程中已建立且為Web通道建立互動式通訊時所需的資源清單：

網路模板： Create_First_IC_Web_Template

表單資料模型： FDM_Create_First_IC

文檔片段： bill_details_first_ic, customer_details_first_ic, bill_summary_first_ic, summary_charges_first_ic

影像： PayNowWeb和ValueAddedServicesWeb

登入AEM製作例項並導覽至 Adobe Experience Manager > Forms > Forms與檔案.
點選建立選取 互動式通訊. 此 建立互動式通訊 嚮導。
指定 create_first_ic 在標題和名稱欄位。選擇 FDM_Create_First_IC 表單資料模型並點選 下一個.
在管道嚮導：
1. 指定 create_first_ic_print_template 作為「打印」模板並點選選擇. 確保 使用打印作為Web通道的主版 未選取核取方塊。
2. 指定 Create_First_IC_templates 資料夾> Create_First_IC_Web_Template 作為Web模板並點選選擇.
3. 點選建立.
將顯示一條確認消息，說明已成功建立互動式通信。
點選編輯以開啟右窗格中的「互動式通訊」。
點選管道標籤，然後點選 Web.
前往資產頁簽，然後應用篩選器以在左窗格中僅顯示文檔片段。

在互動式通訊中，將下列檔案片段拖放至其目標區域：

文件片段	目標區域
bill_details_first_ic	BillDetails
customer_details_first_ic	客戶詳細資訊
bill_summary_first_ic	BillSummary
summary_charges_first_interactive_communication	費用

點選 費用匯總 目標區域，然後點選 + 新增圖表元件。
點選圖表元件並選取（配置）。圖表屬性顯示在左窗格中：
1. 指定圖表的名稱。
2. 選擇派從 圖表類型 下拉式清單。
3. 選取 呼叫類型 屬性呼叫資料模型物件類型，位於 X軸區段。點選 .
4. 選擇頻率從函式下拉式清單。
5. 選取 呼叫類型 屬性呼叫資料模型物件類型，位於 Y軸區段。點選 .
6. 點選以保存圖表屬性。
選取 資料來源 標籤，並拖放呼叫資料模型物件 逐項呼叫 目標區域。中的所有屬性呼叫資料模型對象在中顯示為表列 逐項呼叫 目標區域。

根據使用案例，您需要表中的「呼叫日期」、「呼叫時間」、「呼叫號碼」、「呼叫持續時間」和「呼叫費用」列。
選擇 Mobilenum 表列標題和選擇 更多選項 > 刪除欄. 同樣地，請刪除 呼叫類型 欄。
選取 呼叫日期 表格欄標題和點選（編輯）將文字重新命名為 通話日期. 同樣地，更名表中的其他列標題。
根據使用案例，插入 立即支付 按鈕，該按鈕為用戶提供通過按鈕進行付款的選項。執行下列步驟以插入按鈕：
1. 點選 立即支付 目標區域，然後點選 + 新增文字元件。
2. 點選文字元件並點選（編輯）。
3. 將文字重新命名為 立即支付.
4. 選取文字，然後點選「超連結」圖示。
5. 在路徑欄位。
6. 選擇 新標籤 從目標下拉式清單。
7. 點選以保存超連結屬性。
選擇樣式從預覽選項。
使用以下步驟設定超連結文本的樣式，以將其顯示為「互動式通信」中的按鈕：
1. 點選文字元件並選取（編輯）。
2. 在邊框區段，指定 1.5px as 邊框寬度，選取實心 as 邊框樣式，指定 46px as 邊框半徑.
3. 從「」中選取「紅色」作為按鈕的背景顏色背景區段。
4. 在利潤欄位 Dimension與位置 區段，點選 同時編輯 ，然後設定右邊界 450px. 頂端、底部和左側欄位設為空白。
點選 立即支付 目標區域，然後點選 + 若要新增影像元件。
點選「影像」元件並選取（配置）。影像屬性會顯示在左窗格中：
1. 指定 PayNow 作為名稱欄位。
2. 點選上傳，請選取 PayNowWeb 儲存在本機檔案系統上的影像，然後點選開啟.
3. 點選以儲存影像屬性。
根據使用案例，插入訂閱按鈕，該按鈕通過按鈕為用戶提供訂購增值服務的選項。

重複步驟13 - 17以新增訂閱按鈕 增值服務 目標區域並新增 ValueAddedServicesWeb 影像。

使用自動同步建立用於打印和Web的互動式通信

您也可以啟用打印和Web通道之間的自動同步，以建立互動式通信。要啟用自動同步，請在建立交互通信時選擇打印為主選項。選擇「打印為主版」選項可確保從打印通道派生Web通道的內容、繼承和資料綁定。它還可確保在「列印」管道所做的變更反映在Web管道中。

執行下列步驟以衍生使用列印頻道的網頁頻道內容：

登入AEM製作例項並導覽至 Adobe Experience Manager > Forms > Forms與檔案.
點選建立選取 互動式通訊. 此 建立互動式通訊 嚮導。
指定 create_first_ic 在標題和名稱欄位。選擇 FDM_Create_First_IC 表單資料模型並點選 下一個.
在管道嚮導：
1. 指定 create_first_ic_print_template 作為「打印」模板並點選選擇.
2. 選取 使用打印作為Web通道的主版 核取方塊。
3. 指定 Create_First_IC_templates 資料夾> Create_First_IC_Web_Template 作為Web模板並點選選擇.
4. 點選建立.
將顯示一條確認消息，說明已成功建立互動式通信。
點選編輯以開啟右窗格中的「互動式通訊」。
執行步驟6 - 15，共建立打印通道的互動式通信區段。
點選管道標籤，然後點選 Web 從「打印」頻道自動生成Web頻道的內容。
作為 使用打印作為Web通道的主版 在步驟4中選中複選框，從「打印」頻道自動為Web頻道生成內容和綁定。

打印頻道內容插入到Web頻道模板內容的下方。若要修改已從列印頻道自動產生的網頁頻道內容，您可以取消任何目標區域的繼承。

將滑鼠指標暫留在Web頻道中的相關目標區域上，然後選取（取消繼承），然後在 取消繼承 對話框，點選是.

如果已取消元件的繼承，則可重新啟用它。若要重新啟用繼承，請將滑鼠移至相關目標區域（包括元件）的邊界上，然後點選 .
選取內容頁簽。
使用內容樹狀結構，將自動產生的網頁頻道內容拖放至網頁範本中的現有面板。以下是需要重新排列的元件清單：
- 清單詳細資訊元件至清單詳細資訊面板
- 客戶詳細資訊元件至「客戶詳細資訊」面板
- 清單匯總元件至清單匯總面板
- 「費用匯總」元件至「費用匯總」面板
- 配置片段（表格）至「分項呼叫」面板
重複步驟13 - 18 為Web通道建立互動式通信插入 立即支付 和訂閱互動式通訊的Web通道中的超連結。