教學課程：建立模板

07-apply-rules-to-adaptive-form_small

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

若要建立互動式通訊，您必須在AEM伺服器上提供用於列印和網頁頻道的範本。

列印管道的範本是在AdobeForms Designer中建立，並上傳至AEM伺服器。然後，這些模板便可在建立互動式通信時使用。

網頁管道的範本是在AEM中建立。範本作者和管理員可以建立、編輯和啟用網頁範本。建立並啟用後，這些範本便可在建立互動式通訊時使用。

本教學課程會逐步引導您完成建立列印和網頁頻道範本的步驟，以便在建立互動式通訊時使用。在本教學課程結束時，您將能夠：

使用AdobeForms Designer為列印管道建立XDP範本
將XDP範本上傳至AEM Forms伺服器
建立和啟用Web通道的模板

建立打印通道的模板

使用以下任務建立和管理互動式通信的打印通道模板：

使用Forms Designer建立XDP範本

根據使用案例和anatogy，在XDP範本中建立下列子表單：

帳單詳細資訊：包含檔案片段
客戶詳細資訊：包含檔案片段
清單匯總：包含檔案片段
摘要：包括文檔片段（費用子表單）和圖表（圖表子表單）
逐項呼叫：包括表（佈局片段）
立即支付：包含影像
增值服務：包含影像

create_print_template

上傳XDP檔案至Forms伺服器後，這些子表單會在列印範本中顯示為目標區域。建立互動式通訊時，所有實體（如檔案片段、圖表、版面片段和影像）都會新增至目標區域。

執行下列步驟為列印通道建立XDP範本：

開啟Forms Designer，選擇「檔案 > 新建 > 使用空白表單」，點選「下一步」，然後點選「完成」以開啟用於建立範本的表單。

確保從Window菜單中選擇了Object Library和Object選項。
將Subform元件從Object Library拖放至表單。
在右窗格的Object窗口中，選擇子表單以顯示子表單的選項。
選擇Subform頁簽，然後從Content下拉清單中選擇Fluged。拖動子表單的左端點以調整長度。
在綁定頁簽中：
1. 在名稱欄位中指定BillDetails。
2. 從資料綁定下拉清單中選擇無資料綁定。
同樣地，選擇根子表單，選擇子表單頁簽，然後從內容下拉清單中選擇流。在綁定頁簽中：
1. 在Name欄位中指定TelecaBill。
2. 從資料綁定下拉清單中選擇無資料綁定。
重複步驟2 - 5以建立下列子表單：
- BillDetails
- 客戶詳細資訊
- BillSummary
- 摘要 — 選擇子表單頁簽，然後從內容下拉清單中選擇定位。在Summary子表單中插入以下子表單。
  - 費用
  - 圖表
- ItemisedCalls
- PayNow
- ValueAddedServices
為了節省時間，您也可以複製並貼上現有的子表單以建立新的子表單。

要將Charts子表單移到Charges子表單的右側，請從左窗格中選擇Charts子表單，選擇Layout頁簽，並指定AnchorX欄位的值。值必須大於Charges子表單的Width欄位的值。選擇Charges子表單並選擇Layout頁簽以查看Width欄位的值。
將Text對象從Object Library拖放到表單中，並在框中輸入Dial XXXX以訂閱文本。
按一下右鍵左窗格中的文本對象，選擇更名對象，然後輸入文本對象的名稱，作為訂閱。
選擇File > Save As以在本地檔案系統上保存檔案：
1. 導覽至要儲存檔案的位置，並指定名稱為create_first_ic_print_template。
2. 從另存為類型下拉清單中選擇.xdp。
3. 點選儲存。

將XDP範本上傳至AEM Forms伺服器

使用Forms Designer建立XDP範本後，必須將其上傳至AEM Forms伺服器，以便在建立互動式通訊時讓範本可供使用。

選取Forms > Forms與檔案。
點選「建立 > 檔案上傳」。

導覽並選取create_first_ic_print_template範本(XDP)，然後點選開啟以將XDP範本匯入AEM Forms伺服器。

為版面片段建立XDP範本

若要為互動式通訊的列印通道建立版面片段，請使用Forms Designer建立XDP，並將其上傳至AEM Forms伺服器。

開啟Forms Designer，選擇「檔案 > 新建 > 使用空白表單」，點選「下一步」，然後點選「完成」以開啟用於建立範本的表單。

確保從Window菜單中選擇了Object Library和Object選項。
將表元件從對象庫拖放到表單中。
在「插入表」(Insert Table)對話框中：
1. 指定列數5。
2. 將內文行數指定為1。
3. 選中「在表中包括標題行」複選框。
4. 頁簽OK。
點選+ ，在表 1旁的左窗格中，按一下右鍵Cell1並選擇將對象更名為Date。

同樣，將單元2、單元3、單元4和單元5分別更名為時間、數字、持續時間和費用。
按一下設計器視圖中的「標題」文本欄位，然後將其更名為Time、Number、Duration和Charges。
從左窗格中選擇行1，然後選擇對象 > 綁定 > 每個資料項的重複行。
將文本欄位元件從對象庫拖放到設計器視圖中。

同樣，將文本欄位元件拖放到時間、數字、持續時間和費用行。
選擇File > Save As以在本地檔案系統上保存檔案：
1. 導覽至要儲存檔案的位置，並指定名稱為table_lf。
2. 從另存為類型下拉清單中選擇.xdp。
3. 點選儲存。
使用Forms設計工具為版面片段建立XDP範本後，您必須上傳至AEM Forms伺服器，讓範本可在建立版面片段時使用。

建立Web通道的模板

使用以下任務建立和管理互動式通信的Web通道模板：

為模板建立資料夾

若要建立Web管道範本，請定義資料夾，以儲存已建立的範本。在該資料夾內建立模板後，請啟用該模板以允許表單用戶根據模板建立互動式通信的Web通道。

執行下列步驟為可編輯的範本建立資料夾：

點選工具 > 配置瀏覽器。
- 如需詳細資訊，請參閱設定瀏覽器檔案。
在「設定瀏覽器」頁面中，點選Create。
在建立配置對話框中，指定Create_First_IC_templates作為資料夾的標題，檢查可編輯的模板，然後點選建立。

建立Create_First_IC_templates資料夾並在配置瀏覽器頁面上列出。

建立範本

根據使用案例和解剖學，在Web範本中建立下列面板：

帳單詳細資訊：包含檔案片段
客戶詳細資訊：包含檔案片段
清單匯總：包含檔案片段
費用匯總：包含檔案片段和圖表（雙欄配置）
逐項呼叫：包括表
立即支付：包含立即支付按鈕和影像
增值服務：包含影像和Subscribe按鈕。

create_web_template

建立互動式通信時，將添加所有實體，如文檔片段、圖表、表、影像和按鈕。

執行以下步驟為Create_First_IC_templates資料夾中的Web通道建立模板：

通過選擇工具 > 模板 > Create_First_IC_templates資料夾，導航到相應的模板資料夾。
點選建立。
在選擇模板類型配置嚮導中，選擇互動式通信 — Web通道並點選下一步。
在模板詳細資訊配置嚮導中，將Create_First_IC_Web_Template指定為模板標題。指定可選的說明，然後點選Create。

顯示Create_First_IC_Web_Template的確認消息。
點選開啟以在範本編輯器中開啟範本。
從預覽選項旁的下拉式清單中選取初始內容。
點選「根面板」，然後點選「+」以檢視可新增至範本的元件清單。
從清單中選擇面板以在根面板上添加面板。
在左窗格中選擇Content頁簽。步驟8中新增的新面板會顯示在內容樹狀結構的根面板下。
選取面板，然後點選(Configure)。
在「屬性」窗格中：
1. 在「名稱」欄位中指定billdetails。
2. 在「標題」欄位中指定清單詳細資訊。
3. 從列數下拉清單中選擇1。
4. 點選以儲存屬性。
面板的名稱會更新為內容樹中的清單詳細資訊。