教學課程：建立您的第一個最適化表單

簡介

您是否在尋找可簡化註冊、增加參與度並縮短往返時間的行動裝置適用的​表單體驗,最適化表單​最適合您。 最適化表單提供行動、自動化和分析友好的表單體驗。 您可以輕鬆建立自然具有互動性的回應式表單、使用自動化流程來減少管理和重複性工作，以及使用資料分析來改善和個人化客戶對表單的體驗。

本教學課程提供端對端架構，以建立最適化表單。 本教學課程分為使用案例和多本指南。 每個指南都可協助您學習並新增功能至本教學課程中建立的最適化表單。 每個指南之後都有一個工作適應性表單。 有提供建立最適化表單的指南。 後續的指南即將推出。 在本教學課程結束時，您將能夠：

• 建立最適化表單和表單資料模型。
• 設定最適化表單的樣式。
• 使用最適化表單規則編輯器來建立業務規則。
• 測試並發佈最適化表單。

這個旅程從瞭解使用案例開始：

網站為不同的客戶提供多種產品。 客戶瀏覽入口網站，選擇並訂購產品。 每位客戶都會建立帳戶並提供運費和帳單地址。 現有客戶薩拉·羅斯正在尋找將她的送貨地址添加到網站上。 該網站提供線上表單，以新增和更新運送地址。

網站會在Adobe Experience Manager(AEM)上執行，並使用AEM Forms擷取和處理資料。 地址添加和更新表單是自適應表單。 該網站將客戶詳細資料儲存在資料庫中。 他們使用地址添加和更新表單來檢索和顯示可用地址。 他們還使用自適應表單來接受更新和新地址。

先決條件

• 設定AEM作者例項。

• 在作者例項上安裝AEM Forms add-on。

• 從資料庫提供程式獲取JDBC資料庫驅動程式（JAR檔案）。 教程中的示例基於MySQL資料庫，並使用Oracle’s MySQL JDBC資料庫驅動程式。

• 設定包含客戶資料的資料庫，其中欄位如下。 建立最適化表單並非必要資料庫。 本教學課程使用資料庫來顯示AEM Forms的表單資料模型和永續性功能。

步驟1:建立最適化表單

最適化表單是新一代、吸引人、回應速度快、動態性強、自適應性強的表單。 使用可調式表單，您可以提供個人化、針對性的體驗。 AEM Forms提供拖放WYSIWYG編輯器，以建立最適化表單。 有關最適化表單的詳細資訊，請參閱製作最適化表單的簡介。

目標：

• 建立可讓客戶新增送貨地址的最適化表單
• 顯示並接受客戶資訊的最適化表單的版面欄位
• 建立提交動作以傳送包含表單內容的電子郵件
• 預覽並送出最適化表單

步驟2:建立表單資料模型

表單資料模型允許將自適應表單連接至不同的資料來源。 例如，AEM使用者設定檔、REST風格的web services、SOAP架構的web services、OData服務和關係式資料庫。 表單資料模型是連接資料來源中可用之商業實體和服務的統一資料表示模式。 您可以使用具有自適應表單的表單資料模型來擷取、更新、刪除並新增資料至連接的資料來源。

目標：

• 將網站的資料庫例項（MySQL資料庫）設為資料來源
• 使用MySQL資料庫作為資料源建立表單資料模型
• 新增資料模型物件以建立資料模型
• 為表單資料模型配置讀寫服務
• 測試表單資料模型及已設定的服務與測試資料

步驟3:將規則套用至最適化表單欄位

最適化表單提供編輯器，可編寫最適化表單物件的規則。 這些規則會根據預設條件、使用者輸入和使用者在表單上的動作來定義要觸發表單物件的動作。 它有助於確保表單填寫的準確性並加速表單填寫體驗。

目標：

• 建立規則並套用至最適化表單欄位
• 使用規則觸發表單資料模型服務，將資料更新至資料庫

步驟4:設定最適化表單的樣式

最適化表單提供主題和編輯器，以建立最適化表單的主題。 主題包含元件和面板的樣式詳細資訊，您可以在不同的表單中重複使用主題。 樣式包括背景顏色、狀態顏色、透明度、對齊方式和大小等屬性。 當您將主題套用至表格時，指定的樣式會反映在表格的對應元件上。 最適化表單也支援表單特定樣式的內嵌樣式。

目標：

• 將立即可用的主題套用至最適化表單
• 使用主題編輯器建立最適化表單的主題
• 在自訂主題中使用網頁字型

步驟5:測試您的最適化表單

最適化表單是客戶互動不可或缺的一部分。 請務必透過您在表單中所做的每項變更，來測試您的調適性表單。 測試表單的每個欄位都很麻煩。 AEM Forms提供SDK(Calvin SDK)，以自動測試最適化表單。 Calvin可讓您在網頁瀏覽器中自動測試您的調適性表單。

目標：

• 建立最適化表單的測試套裝
• 建立最適化表單的測試案例
• 執行測試案例

步驟6:發佈最適化表單

您可以將最適化表單發佈為獨立表單（單頁應用程式）、包含在AEM Sites page中，或使用Forms Portal在AEM Site上列出。

目標：

• 將最適化表單發佈為AEM頁面
• 在AEM Sites頁面中內嵌最適化表單
• 將最適化表單內嵌於外部網頁（AEM外部代管的非AEM網頁）