教學課程:建立範本

07-apply-rules-to-adaptive-form_small

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

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

列印渠道的範本是在AdobeForms設計人員中建立,並上傳至伺AEM服器。 然後,這些範本便可在建立互動式通訊時使用。

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

本教學課程會逐步帶您建立列印和網路頻道的範本,以便在建立互動式通訊時使用。 在本教學課程結束時,您將能夠:

  • 使用AdobeForms設計師為印刷渠道建立XDP模板
  • 將XDP範本上傳至AEM Forms伺服器
  • 建立並啟用網頁頻道的範本

建立列印頻道的範本

使用下列工作建立和管理互動式通訊列印頻道的範本:

使用Forms設計器建立XDP模板

根據使用案例解剖,在XDP範本中建立下列子表單:

  • 帳單詳細資訊:包含檔案片段
  • 客戶詳細資訊:包含檔案片段
  • 清單匯總:包含檔案片段
  • 摘要:包含文檔片段(費用子表單)和圖表(圖表子表單)
  • 明細呼叫:包含表格(版面片段)
  • 立即付款:包含影像
  • 增值服務:包含影像

create_print_template

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

執行以下步驟,為打印渠道建立XDP模板:

  1. 開啟Forms設計器,選擇「檔案 > 新建 > 使用空格表單」,按一下「​下一步」,然後按一下「完成」以開啟建立模板的表單。

    確保從​窗口​菜單中選擇了​對象庫​和​對象​選項。

  2. 將​Subform​元件從​對象庫​拖放到窗體中。

  3. 選擇子表單,在右窗格的​Object​窗口中顯示子表單的選項。

  4. 選擇​子表單​標籤,並從​內容​下拉式清單中選擇​Fled。 拖動子表單的左端點以調整長度。

  5. 在​綁定​頁籤中:

    1. 在​名稱​欄位中指定​BillDetails

    2. 從​資料綁定​下拉清單中選擇​無資料綁定

    設計人員子表單

  6. 同樣地,選擇根子表單,選擇​子表單​頁籤,並從​內容​下拉清單中選擇​。 在​綁定​頁籤中:

    1. 在​名稱​欄位中指定​TelecaBill

    2. 從​資料綁定​下拉清單中選擇​無資料綁定

    列印範本的子表單

  7. 重複步驟2 - 5以建立以下子表單:

    • BillDetails

    • 客戶詳細資訊

    • BillSummary

    • 摘要——選擇​子表單​標籤,並從​內容​下拉式清單中選擇​定位。 在​Summary​子表單中插入以下子表單。

      • 費用
      • 圖表
    • ItemisedCalls

    • PayNow

    • ValueAddedServices

    為節省時間,您也可以複製並貼上現有的子表單,以建立新的子表單。

    要將​Charts​子表單移到Charges子表單的右側,請從左窗格選擇​Charts​子表單,選擇​Layout​標籤,並指定​AnchorX​欄位的值。 該值必須大於​Charges​子表單的​Width​欄位的值。 選擇​Charges​子表單,並選擇​Layout​頁籤以查看​Width​欄位的值。

  8. 將​Text​對象庫​中的​對象拖放到窗體中,並在框中輸入​撥號XXXX以預訂​文本。

  9. 按一下右鍵左窗格中的文本對象,選擇​更名對象 ,然後將文本對象的名稱輸入為​訂閱

    XDP範本

  10. 選擇「檔案 > 另存為」以在本地檔案系統中保存檔案:

    1. 導覽至儲存檔案的位置,並指定名稱為​create_first_ic_print_template

    2. 從​另存類型​下拉式清單中選擇​.xdp

    3. 點選​Save

將XDP模板上傳到AEM Forms伺服器

使用Forms設計器建立XDP模板後,必須將其上載到AEM Forms伺服器,以便在建立交互通信時使用該模板。

  1. 選擇​Forms > Forms和文檔

  2. 點選「建立 > 檔案上傳」。

    導覽並選取​create_first_ic_print_template​範本(XDP),然後點選​Open​將XDP範本匯入AEM Forms伺服器。

建立版面片段的XDP範本

若要為互動式通訊的列印頻道建立版面片段,請使用Forms設計人員建立XDP,並上傳至AEM Forms伺服器。

  1. 開啟Forms設計器,選擇「檔案 > 新建 > 使用空格表單」,按一下「​下一步」,然後按一下「完成」以開啟建立模板的表單。

    確保從​窗口​菜單中選擇了​對象庫​和​對象​選項。

  2. 將​Table​元件從​對象庫​拖放到窗體中。

  3. 在「插入表」對話框中:

    1. 將列數指定為​5
    2. 將主體行數指定為​1
    3. 選中​在表​中包括標題行複選框。
    4. 頁籤​確定
  4. 在​Table 1旁的左窗格中點選​+,然後在​Cell1​上按一下滑鼠右鍵,並選取「將物件​重新命名為 Date 」。

    同樣地,將​單元2單元3單元4​和​單元5​更名為​時間數字、<a12/持續時間​​電荷​

  5. 按一下​設計器視圖​中的「標題」文本欄位,並將它們更名為​TimeNumberDuration​和​Charges

    版面片段

  6. 從左窗格中選擇「行1」,然後選擇「對象 > 綁定 > 對每個資料項​重複行」。

    重複版面片段的屬性

  7. 將​文本欄位​元件從​對象庫​拖放到​設計器視圖

    版面片段的文字欄位

    同樣地,將​文本欄位​元件拖放到​TimeNumberDuration​和​Charges​行。

  8. 選擇「檔案 > 另存為」以在本地檔案系統中保存檔案:

    1. 導覽至儲存檔案的位置,並指定名稱為​table_lf

    2. 從​另存類型​下拉式清單中選擇​.xdp

    3. 點選​Save

    使用Forms設計器為佈局片段建立XDP模板後,必須upload將其上載到AEM Forms伺服器,以便在建立佈局片段時使用該模板。

建立網路頻道的範本

使用下列工作建立和管理互動式通訊網路頻道的範本:

為模板建立資料夾

若要建立Web頻道範本,請定義可儲存已建立範本的檔案夾。 在您在該資料夾內建立範本後,啟用範本,讓表單使用者能夠根據範本建立互動式通訊的網路頻道。

執行以下步驟為可編輯模板建立資料夾:

  1. 點選「工具 槌子圖示 > 組態瀏覽器」。

  2. 在「配置瀏覽器」頁中,按一下​建立

  3. 在​建立配置​對話框中,指定​建立_First_IC_templates​作為資料夾的標題,選中​可編輯模板 ,然後點選​建立

    設定網頁範本

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

建立模板

根據使用案例解剖,在Web範本中建立下列面板:

  • 帳單詳細資訊:包含檔案片段
  • 客戶詳細資訊:包含檔案片段
  • 清單匯總:包含檔案片段
  • 費用匯總:包含檔案片段和圖表(雙欄版面)
  • 明細呼叫:包含表格
  • 立即付款:包含​立即付費按鈕和影像
  • 增值服務:包含影像和​Subscribe​按鈕。

create_web_template

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

執行以下步驟,在​Create_First_IC_templates​資料夾中為Web通道建立模板:

  1. 選擇​工具 > 模板 > 建立_First_IC_templates​資料夾,導航到相應的模板資料夾。

  2. 點選​Create

  3. 在​選擇模板類型​配置嚮導中,選擇​交互通信- Web通道​並按一下​下一步

  4. 在​Template Details​配置嚮導中,指定​Create_First_IC_Web_Template​作為模板標題。 指定可選說明並點選​Create

    顯示確認消息,確認​Create_First_IC_Web_Template

  5. 點選「開啟」,在範本編輯器中開啟範本。

  6. 從​預覽​選項旁的下拉式清單中選擇​初始內容

    範本編輯器

  7. 點選「根面板」,然後點選「+」以檢視您可新增至範本的元件清單。

  8. 從清單中選擇​面板​以在​根面板​上方添加面板。

  9. 在左窗格中選擇​Content​標籤。 在步驟8中新增的新面板會顯示在內容樹的​根面板​下。

    內容樹

  10. 選擇面板並點選configure_icon(設定)。

  11. 在「屬性」窗格中:

    1. 在「名稱」欄位中指定​billdetails

    2. 在「標題」欄位中指定​清單詳細資訊

    3. 從​欄數​下拉式清單中選擇​1

    4. 點選以儲存屬性。

    面板的名稱將更新為內容樹中的​Bill Details

  12. 重複步驟7 - 11,將具有下列屬性的面板新增至範本:

    名稱 標題 欄數
    customerdetails 客戶詳細資訊 1
    開單匯總 清單摘要 3
    摘要費用 費用匯總 2
    itimisedcalls 明細呼叫 1
    paynow 立即付款 2
    vas 增值服務 3

    下圖顯示將所有面板新增至範本後的內容樹狀結構:

    所有面板的內容樹狀結構

啟用模板

建立網頁範本後,您必須在建立互動式通訊時啟用範本。

執行以下步驟以啟用Web模板:

  1. 點選「工具 槌子圖示 > 範本」。

  2. 導覽至​Create_First_IC_Web_Template​範本,選取範本,然後點選​Enable

  3. 頁籤​再次啟用​以確認。

    範本已啟用,其狀態會顯示為「已啟用」。 您可以在建立適用於網路頻道的互動式通訊時使用此範本。

在互動式通信中啟用按鈕

根據使用案例,您必須在「互動式通訊」中加入「立即付費」(Pay Now)和「訂閱」(Subscribe)​按鈕(最適化表單元件)。 ​要在交互通信中啟用這些按鈕,請執行以下步驟:

  1. 從​預覽​選項旁的下拉式清單中選擇​結構

  2. 使用內容樹選擇​Document Container​根面板,然後點選​Policy​以選擇允許在交互通信中使用的元件。

    設定原則

  3. 在​屬性​部分的​允許的元件​頁籤中,從​最適化表單​元件中選擇​按鈕

    允許的元件

  4. 點選done_icon以儲存屬性。

本頁內容