Tutoriel : Création de votre premier formulaire adaptatif tutorial-create-your-first-adaptive-form

Présentation introduction

Êtes-vous à la recherche d’une expérience de création de formulaires adaptée aux appareils mobiles qui simplifie l’inscription, renforce l’engagement et réduit la durée d’exécution ? Les formulaires adaptatifs vous conviendront parfaitement. Les formulaires adaptatifs offrent une expérience de création de formulaires mobile, automatisée et compatible avec Analytics. Vous pouvez facilement créer des formulaires réactifs et interactifs, utiliser des processus automatisés pour réduire les tâches administratives et répétitives et utiliser l’analyse de données pour améliorer et personnaliser l’expérience des clients avec vos formulaires.

Ce tutoriel fournit un cadre de bout en bout pour la création d’un formulaire adaptatif. Le tutoriel consiste en un cas d’utilisation et plusieurs guides. Chaque guide vous aide à découvrir et à ajouter de nouvelles fonctionnalités au formulaire adaptatif créé dans ce tutoriel. Vous obtenez un formulaire adaptatif opérationnel à la fin de chaque guide. Le guide de création d’un formulaire adaptatif est disponible. Les guides suivants seront bientôt disponibles. À la fin de ce tutoriel, vous devriez pouvoir effectuer les opérations suivantes :

Commençons par aborder un cas d’utilisation :

Un site web propose une gamme de produits pour une clientèle diverse. La clientèle parcourt le portail, sélectionne et commande les produits. Chaque personne crée un compte et fournit des adresses de livraison et de facturation. Une cliente existante, Sara Rose, cherche à ajouter son adresse de livraison sur le site web. Le site Web fournit un formulaire en ligne pour ajouter et mettre à jour les adresses de livraison.

Le site Web fonctionne sous Adobe Experience Manager (AEM) et utilise AEM Forms pour la capture et le traitement des données. Le formulaire d’ajout et de mise à jour d’adresse est un formulaire adaptatif. Le site web stocke les détails du client ou de la cliente dans une base de données. Il utilise le formulaire d’ajout et de mise à jour d’adresse pour récupérer et afficher les adresses disponibles. Il utilise également le formulaire adaptatif pour accepter les adresses mises à jour et les nouvelles adresses.

Prérequis prerequisite

Étape 1 : création d’un formulaire adaptatif step-create-an-adaptive-form

Les formulaires adaptatifs sont de nouvelle génération, attrayants, réactifs, dynamiques et adaptatifs par nature. Les formulaires adaptatifs vous permettent de proposer des expériences personnalisées et ciblées. AEM Forms fournit un éditeur WYSIWYG de type glisser-déposer pour créer des formulaires adaptatifs. Pour plus d’informations sur les formulaires adaptatifs, voir Présentation de la création de formulaires adaptatifs.

Objectifs :

Étape 2 : création d’un modèle de données de formulaire step-create-form-data-model

Un modèle de données de formulaire permet de connecter un formulaire adaptatif à des sources de données disparates. Par exemple, un profil utilisateur AEM, des services web RESTful, des services web SOAP, des services OData et des bases de données relationnelles. Un modèle de données de formulaire est un schéma de représentation de données unifié, fait d’entités et de services d’entreprise, disponibles dans des sources de données connectées. Vous pouvez utiliser le modèle de données de formulaire avec un formulaire adaptatif pour récupérer, mettre à jour, supprimer et ajouter des données aux sources de données connectées.

Objectifs :

Étape 3 : application de règles aux champs de formulaires adaptatifs step-apply-rules-to-adaptive-form-fields

Les formulaires adaptatifs fournissent un éditeur pour l’écriture de règles sur des objets de formulaire adaptatifs. Ces règles déterminent les actions à déclencher sur des objets de formulaire en fonction des conditions prédéfinies, des entrées de l’utilisateur et des actions de l’utilisateur sur le formulaire. Cela permet d’assurer la précision et accélère le remplissage des formulaires.

Objectifs :

Étape 4 : appliquer un style à votre formulaire adaptatif step-style-your-adaptive-form

Les formulaires adaptatifs comportent des thèmes et un éditeur permettant de créer des thèmes pour les formulaires adaptatifs. Un thème contient des détails de style pour les composants et les panneaux. Il peut être réutilisé dans différents formulaires. Ces styles incluent les propriétés telles que les couleurs d’arrière-plan, les couleurs d’état, la transparence, l’alignement et la taille. Lorsque vous appliquez un thème à votre formulaire, le style spécifié se reflète sur des composants correspondants de votre formulaire. Les formulaires adaptatifs prennent également en charge le style en ligne pour les styles spécifiques à un formulaire.

Objectifs :

Étape 5 : publier votre formulaire adaptatif step-publish-your-adaptive-form

Vous pouvez publier des formulaires adaptatifs sous forme de formulaire autonome (application à une seule page), les inclure dans une page AEM Sites ou les répertorier sur un Site AEM à l’aide du portail Formulaires.

Objectifs :