教學課程:建立範本 tutorial-create-templates
本教學課程是 建立您的第一個互動式通訊 數列。 建議您依照時間順序來瞭解、執行和示範完整的教學課程使用案例。
若要建立互動式通訊,您必須在AEM伺服器上為「列印」和「Web管道」提供範本。
列印頻道的範本是在Forms Designer的Adobe中建立,並上傳至AEM伺服器。 然後,這些範本便可在建立互動式通訊時使用。
Web channel的範本是在AEM中建立。 範本作者和管理員可以建立、編輯及啟用網頁範本。 建立並啟用後,這些範本便可在建立互動式通訊時使用。
本教學課程將逐步帶您瞭解如何建立列印和Web管道範本,以便您在建立互動式通訊時使用這些範本。 在本教學課程結束時,您將能夠:
- 使用AdobeForms Designer建立列印管道的XDP範本
- 將XDP範本上傳至AEM Forms伺服器
- 建立和啟用網頁管道的範本
為列印管道建立範本 create-template-for-print-channel
使用下列工作建立並管理互動式通訊列印頻道的範本:
使用Forms Designer建立XDP範本 create-xdp-template-using-forms-designer
- 帳單詳細資訊:包含檔案片段
- 客戶詳細資料:包含檔案片段
- 帳單摘要:包含檔案片段
- 摘要:包含檔案片段(費用子表單)和圖表(圖表子表單)
- 分項呼叫:包含表格(佈局片段)
- 立即付款:包含影像
- 增值服務:包含影像
將XDP檔案上傳至Forms伺服器後,這些子表單會在列印範本中顯示為目標區域。 建立互動式通訊時,所有實體(例如檔案片段、圖表、佈局片段和影像)都會新增到目標區域。
若要為列印管道建立XDP範本,請執行下列動作:
-
開啟Forms Designer,選取 檔案 > 新增 > 使用空白表單, 選取 下一個,然後選取 完成 開啟表單以建立範本。
確保 物件庫 和 物件 選項是從 視窗 功能表。
-
拖放 子表單 元件來自 物件庫 至表單。
-
選取子表單,以便您能在以下位置檢視子表單的選項: 物件 視窗的右側。
-
選取 子表單 標籤並選取 已流動 從 內容 下拉式清單。 若要調整長度,請拖曳子表單的左側端點。
-
在 繫結 標籤:
-
指定 帳單詳細資訊 在 名稱 欄位。
-
選取 無資料繫結 從 資料繫結 下拉式清單。
-
-
同樣地,選取根子表單,然後選取 子表單 標籤,然後選取 已流動 從 內容 下拉式清單。 在 繫結 標籤:
-
指定 TelecaBill 在 名稱 欄位。
-
選取 無資料繫結 從 資料繫結 下拉式清單。
-
-
重複步驟2至5以建立下列子表單:
-
帳單詳細資訊
-
客戶詳細資料
-
帳單摘要
-
摘要 — 選取 子表單 標籤並選取 已定位 從 內容 此子表單的下拉式清單。 將下列子表單插入 摘要 子表單。
- 費用
- 圖表
-
ItemisedCalls
-
Paynow
-
ValueAddedServices
為了節省時間,您也可以複製並貼上現有的子表單,以建立其他子表單。
若要移動 圖表 子表單在Charges子表單的右側,選取 圖表 從左窗格中選取 版面 標籤,並為 錨點X 欄位。 此值必須大於 寬度 的欄位 費用 子表單。 選取 費用 子表單並選取 版面 標籤,讓您檢視 寬度 欄位。
-
-
拖放 文字 物件來自 物件庫 至表單並輸入 撥打XXXX進行訂閱 方塊中的文字。
-
在左窗格中的文字物件上按一下滑鼠右鍵,然後選取 重新命名物件,然後輸入文字物件的名稱作為 訂閱.
-
選取 檔案 > 另存為 若要將檔案儲存在本機檔案系統上:
-
導覽至可儲存檔案的位置,並將名稱指定為 create_first_ic_print_template.
-
選取 .xdp 從 另存為型別 下拉式清單。
-
選取「儲存」。
-
將XDP範本上傳至AEM Forms伺服器 upload-xdp-template-to-the-aem-forms-server
使用Forms Designer建立XDP範本後,您必須將其上傳到AEM Forms伺服器,以便該範本可在建立互動式通訊時使用。
-
選取 Forms > Forms與檔案.
-
選取 建立 > 檔案上傳.
導覽並選取 create_first_ic_print_template 範本(XDP)並選取 開啟 將XDP範本匯入AEM Forms伺服器。
為佈局片段建立XDP範本 create-xdp-template-for-layout-fragments
若要為互動式通訊的列印管道建立佈局片段,請使用Forms Designer建立XDP並將其上傳至AEM Forms伺服器。
-
開啟Forms Designer,選取 檔案 > 新增 > 使用空白表單, 選取 下一個,然後選取 完成 開啟表單以建立範本。
確保 物件庫 和 物件 選項是從 視窗 功能表。
-
拖放 表格 元件來自 物件庫 至表單。
-
在「插入表格」對話方塊中:
- 指定欄數為 5.
- 指定內文列數為 1.
- 選取 在表格中包含標題列 核取方塊。
- 標籤 確定.
-
選取 + 在左窗格旁的 表格 1並按一下右鍵 儲存格1 並選取 重新命名物件 至 日期.
同樣地,重新命名 儲存格2, 儲存格3, 儲存格4、和 儲存格5 至 時間, 數字, 持續時間、和 費用 (分別)。
-
按一下「 」中的「標頭」文字欄位 設計工具檢視 並將它們重新命名為 時間, 數字, 持續時間、和 費用.
-
選取 第1列 從左窗格中選取 物件 > 繫結 > 重複每個資料專案的列.
-
拖放 文字欄位 元件來自 物件庫 至 設計工具檢視.
同樣地,拖放 文字欄位 元件至 時間, 數字, 持續時間、和 費用 列。
-
選取 檔案 > 另存為 若要將檔案儲存在本機檔案系統上:
-
導覽至可儲存檔案的位置,並將名稱指定為 table_lf.
-
選取 .xdp 從 另存為型別 下拉式清單。
-
選取「儲存」。
使用Forms Designer為佈局片段建立XDP範本後,您必須 上傳 並傳送至AEM Forms伺服器,以便建立佈局片段時可以使用範本。
-
建立Web channel範本 create-template-for-web-channel
使用下列工作建立並管理互動式通訊Web channel的範本:
建立範本的資料夾 create-folder-for-templates
若要建立Web channel範本,請定義一個資料夾,您可在其中儲存建立的範本。 在該資料夾中建立範本後,請啟用範本以允許表單使用者根據範本建立互動式通訊的Web channel。
若要為可編輯的範本建立資料夾,請執行下列動作:
-
選取 工具 > 設定瀏覽器.
- 請參閱 設定瀏覽器 檔案以取得詳細資訊。
-
在「組態瀏覽器」頁面中,選取 建立.
-
在 建立設定 對話方塊,指定 Create_First_IC_templates 作為資料夾的標題,請核取 可編輯的範本,並選取 建立.
此 Create_First_IC_templates 資料夾建立並列於 設定瀏覽器 頁面。
建立範本 create-the-template
- 帳單詳細資訊:包含檔案片段
- 客戶詳細資料:包含檔案片段
- 帳單摘要:包含檔案片段
- 費用摘要:包括檔案片段和圖表(兩欄式配置)
- 分項呼叫:包含表格
- 立即付款:包含 立即付款 按鈕和影像
- 增值服務:包含影像和 訂閱 按鈕。
建立互動式通訊時,會新增所有實體,例如檔案片段、圖表、表格、影像和按鈕。
若要在中建立Web channel範本 Create_First_IC_templates 資料夾,請執行下列步驟:
-
選取「 」,導覽至適當的範本資料夾 工具 > 範本 > Create_First_IC_templates 資料夾。
-
選取「建立」。
-
在 挑選範本型別 設定精靈,選取 互動式通訊 — Web Channel 並選取 下一個.
-
在 範本詳細資訊 設定精靈,指定 Create_First_IC_Web_Template 作為範本標題。 指定選擇性說明,然後選取 建立.
確認訊息,指明 Create_First_IC_Web_Template 隨即顯示。
-
選取 開啟 以在範本編輯器中開啟範本。
-
選取 初始內容 從「 」旁的下拉式清單中 預覽 選項。
-
選取 根面板 然後選取 + 以檢視可新增至範本的元件清單。
-
若要在上方新增面板 根面板,選取 面板 從清單中。
-
選取 內容 標籤。 在步驟8中新增的新面板會顯示在 根面板 在內容樹狀結構中。
-
選取面板並選取 (設定)。
-
在「屬性」窗格中:
-
指定 帳單詳細資訊 在「名稱」欄位中。
-
指定 帳單詳細資訊 在「標題」欄位中。
-
選取 1 從 欄數 下拉式清單。
-
若要儲存屬性,請選取 .
面板名稱會更新為 帳單詳細資訊 在內容樹狀結構中。
-
-
重複步驟7至11,將具有以下屬性的面板新增至範本:
table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3 名稱 標題 欄數 customerdetails 客戶詳細資料 1 帳單摘要 帳單摘要 1 summarycharges 費用摘要 2 itemisedcalls 分項通話 1 paynow 立即付款 2 vas 增值服務 1 下圖說明將所有面板新增至範本後的內容樹狀結構:
啟用範本 enable-the-template
建立Web範本後,您必須啟用它,才能在建立互動式通訊時使用範本。
若要啟用Web範本,請執行下列動作:
-
選取 工具 > 範本.
-
導覽至 Create_First_IC_Web_Template 範本,選取它,然後選取 啟用.
-
選取 啟用 再次確認。
範本已啟用,其狀態會顯示為「已啟用」。 建立Web channel的互動式通訊時,您可以使用此範本。
啟用互動式通訊中的按鈕 enabling-buttons-in-interactive-communications
根據使用案例,您必須包含 立即付款 和 訂閱 互動式通訊中的按鈕(最適化表單元件)。 若要在互動式通訊中啟用這些按鈕,請執行下列動作:
-
選取 結構 從「 」旁的下拉式清單中 預覽 選項。
-
選取 檔案容器 使用內容樹並選取的根面板 原則 以選取可在互動式通訊中使用的元件。
-
在 允許的元件 的標籤 屬性 區段,選取 按鈕 從 最適化表單 元件。
-
若要儲存屬性,請選取 .