建立第一個最適化表單 do-not-publish-create-your-first-adaptive-form

簡介 introduction

您在尋找適合行動裝置 表單體驗 這樣可以簡化註冊，增加參與，並減少週轉時間， 適用性表單 是你的完美選擇。 適用性表單提供適合行動裝置、自動化和分析的表單體驗。 您可以輕鬆建立具有回應性和互動性的表單、使用自動化流程來減少管理和重複性的工作，以及使用資料分析來改善並個人化客戶對您表單的體驗。

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

歷程從學習使用案例開始：

網站提供多種產品供不同客戶使用。 客戶瀏覽入口網站、選取和訂購產品。 每個客戶都建立一個帳戶，並提供運費和帳單地址。 現有客戶薩拉·羅斯正在向網站上添加自己的送貨地址。 該網站提供一個線上表單，用於添加和更新運送地址。

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

必備條件 prerequisite

步驟1:建立最適化表單 step-create-an-adaptive-form

最適化表單是新一代、吸引人、回應式、動態且最適化的表單。 使用最適化表單，您可以提供個人化和目標式體驗。 AEM Forms提供拖放式WYSIWYG編輯器，可建立最適化表單。 如需適用性表單的詳細資訊，請參閱 製作最適化表單簡介.

目標：

🔗

步驟2:建立表單資料模型 step-create-form-data-model

表單資料模型可將最適化表單連接至不同的資料來源。 例如，AEM用戶配置檔案、RESTful Web服務、基於SOAP的Web服務、OData服務和關係資料庫。 表單資料模型是業務實體和服務在連接資料源中提供的統一資料表示模式。 您可以使用具有最適化表單的表單資料模型來擷取、更新、刪除資料，以及將資料新增至連線的資料來源。

目標：

🔗

步驟3:將規則套用至最適化表單欄位 step-apply-rules-to-adaptive-form-fields

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

目標：

步驟4:設定最適化表單的樣式 step-style-your-adaptive-form

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

目標：

🔗

步驟5:測試最適化表單 step-test-your-adaptive-form

最適化表單是客戶互動的必備項目。 務必透過您在最適化表單中所做的每項變更來測試表單。 測試表單的每個欄位都很繁瑣。 AEM Forms提供SDK(Calvin SDK)以自動測試最適化表單。 Calvin允許您在網路瀏覽器中自動測試您的最適化表單。

目標：

若要了解SDK，請參閱 搭配AEM適用性表單使用自動化測試.

步驟6:發佈最適化表單 step-publish-your-adaptive-form

您可以將適用性表單發佈為獨立表單（單頁應用程式），並納入AEM 網站頁面，或在AEM網站上列出，使用 Forms入口網站.

目標：