Adobe recommande d’utiliser la capture de données moderne et extensible. Composants principaux pour création d’un Forms adaptatif ou Ajout de Forms adaptatif à des pages AEM Sites. Ces composants représentent une avancée significative dans la création de Forms adaptatif, ce qui garantit des expériences utilisateur impressionnantes. Cet article décrit l’approche plus ancienne de la création de Forms adaptatif à l’aide de composants de base.
Dans un scénario de déploiement de portail basé sur l’utilisation de formulaires standard, le développement de formulaires et le développement de portail sont deux activités distinctes. Pendant que les concepteurs de formulaires créent et stockent des formulaires dans un référentiel, les développeurs Web créent une application Web pour répertorier les formulaires et gérer l’envoi de formulaires. Forms est copié sur la plateforme web, car il n’existe aucune communication entre le référentiel de formulaires et l’application web.
De tels scénarios entraînent souvent des problèmes de gestion et des retards de production. Par exemple, si une version plus récente d’un formulaire est disponible dans le référentiel, vous devez remplacer le formulaire sur la plateforme web, modifier l’application web et redéployer le formulaire sur le site public. Le redéploiement de l’application web peut entraîner un temps d’arrêt du serveur. En règle générale, le temps d’arrêt du serveur est une activité planifiée et les modifications ne peuvent donc pas être transmises instantanément au site public.
AEM Forms fournit des composants de portail qui réduisent les frais de gestion et les délais de production. Les composants permettent aux développeurs Web de créer et de personnaliser un portail Formulaires sur les sites Web créés à l’aide d’Adobe Experience Manager (AEM).
Les composants du portail Formulaires vous permettent d’ajouter les fonctionnalités suivantes :
Créez une liste de formulaires dans des mises en page personnalisées. D’emblée, les mises en page Vue Liste et Vue Vignette sont fournies. Vous pouvez créer vos propres mises en page personnalisées.
Vous permet d’afficher des métadonnées et des actions personnalisées tout en les répertoriant.
Créez des listes de formulaires publiés par l’interface utilisateur d’AEM Forms sur l’instance de publication où sont utilisés les composants du portail Formulaires.
Autorisez les utilisateurs finaux à afficher les formulaires aux formats HTML et PDF.
Recherchez des formulaires en fonction du titre et de la description.
Utilisez des feuilles CSS personnalisées pour la personnalisation de l’apparence du portail.
Créez des liens vers des formulaires.
Énumèrez les versions préliminaires et les envois associés aux formulaires adaptatifs créés par l’utilisateur final.
Composants d’une page du portail Formulaires
AEM Forms fournit les composants de portail suivants prêts à l’emploi :
Search & Lister : ce composant permet de répertorier les formulaires du référentiel de formulaires sur votre page de portail et fournit des options de configuration pour répertorier les formulaires selon des critères spécifiés.
Brouillons et envois : alors que le composant Recherche et énumérateur affiche les formulaires rendus publics par l’auteur de formulaires, le composant Brouillons et envois affiche les formulaires enregistrés en tant que brouillons en vue d’être remplis ultérieurement et les formulaires envoyés. Ce composant fournit une expérience personnalisée à tout utilisateur connecté.
Lien : ce composant permet de créer un lien vers un formulaire n’importe où sur la page.
Pour importer des composants du portail Formulaires prêts à l’emploi sur AEM Forms as a Cloud Service, procédez comme suit :
Clonez le référentiel Git Cloud Manager sur votre instance de développement locale : votre référentiel Git Cloud Manager contient un projet AEM par défaut. Il est basé sur l’archétype AEM. Clonez votre référentiel Git Cloud Manager à l’aide de la gestion de compte Git en libre-service depuis l’interface utilisateur de Cloud Manager pour intégrer le projet à votre environnement de développement local. Pour plus d’informations sur l’accès au référentiel, consultez Accès aux référentiels.
Créez un projet Experience Manager Forms as a [Cloud Service] : créez un projet Experience Manager Forms as a [Cloud Service] basé sur AEM Archetype 27 ou une version ultérieure. L’archétype permet aux développeurs de commencer facilement le développement pour AEM Forms as a Cloud Service. Il comprend également des exemples de thème et de modèle pour vous aider à démarrer rapidement.
Pour créer un projet Experience Manager Forms as a Cloud Service, ouvrez l’invite de commande et exécutez la commande ci-dessous. Pour inclure des configurations, des thèmes et des modèles spécifiques à Forms, définissez includeForms=y.
Modifiez également appTitle, appId et groupId dans la commande ci-dessus pour refléter votre environnement.
Une fois que le projet est prêt, mettez à jour la propriété <core.forms.components.version>x.y.z</core.forms.components.version> dans le niveau supérieur pom.xml de l’archétype du projet pour refléter la dernière version des core-forms-components dans votre AEM Archetype projet.
Déploiement du projet dans votre environnement de développement local : vous pouvez utiliser la commande suivante pour effectuer un déploiement dans votre environnement de développement local.
Configurer le stockage Azure pour les formulaires adaptatifs
Experience Manager Forms Intégration de données fournit une configuration de stockage Azure pour intégrer des formulaires aux services de stockage Azure. Le modèle de données de formulaire peut être utilisé pour créer des formulaires adaptatifs qui interagissent avec un serveur Azure pour activer des workflows d’entreprise.
Créer une configuration de stockage Azure
Avant d’exécuter ces étapes, vérifiez que vous disposez d’un compte de stockage Azure et d’une clé d’accès pour autoriser l’accès au compte de stockage Azure.
Accédez à Outils > Cloud Services > Stockage Azure.
Sélectionnez un dossier pour créer la configuration et appuyez sur Créer.
Indiquez un titre pour la configuration dans le champ Titre.
Indiquez le nom du compte de stockage Azure dans le champ Compte de stockage Azure.
Configurer le connecteur de stockage unifié pour le portail Formulaires
Suivez les étapes suivantes pour configurer le connecteur de stockage unifié pour les workflows AEM :
Accédez à Outils > Formulaires > Connecteur de stockage unifié.
Dans la section Portail Formulaires, sélectionnez Azure dans la liste déroulante Stockage.
Appuyez sur Publier, puis sur Enregistrer pour enregistrer la configuration.
Activer les composants du Portail Formulaires
Pour utiliser n’importe quel composant principal (y compris les composants de portail prêts à l’emploi) dans un site Adobe Experience Manager (AEM), vous devez créer un composant proxy et l’activer pour votre site. Pour créer un composant proxy et activer les composants de portail, voir Utilisation des composants principaux.
Une fois qu’un composant de portail est activé, vous pouvez l’utiliser dans l’instance de création de votre page de sites.
Ajouter et configurer des composants du Portail Formulaires
Vous pouvez créer et personnaliser le Portail Formulaires sur les sites web créés à l’aide d’AEM en ajoutant et en configurant les composants du portail. Assurez-vous que les composants sont activés avant de les utiliser dans le Portail Formulaires.
Pour ajouter un composant, faites-le glisser du panneau Composants vers le conteneur de dispositions sur la page ou appuyez sur l’icône Ajouter du conteneur de dispositions et ajoutez-le depuis la boîte de dialogue Insérer un nouveau composant.
Configuration du composant Brouillons et envois
Le composant Brouillons et envois affiche les formulaires enregistrés en tant que brouillons en vue d’être remplis ultérieurement et les formulaires envoyés. Pour configurer, appuyez sur le composant, puis sur l’. Dans la boîte de dialogue Brouillons et envois, spécifiez le titre pour indiquer la liste des formulaires en tant que brouillons ou formulaires envoyés. Indiquez également si le composant doit énumérer les brouillons de formulaires ou les formulaires envoyés au format vignette ou liste.
Configuration du composant Recherche et énumérateur
Le composant Recherche et énumérateur est utilisé pour énumérer les formulaires adaptatifs sur une page et pour implémenter la recherche sur les formulaires énumérés.
Pour configurer, appuyez sur le composant, puis appuyez sur l’. La boîte de dialogue Recherche et énumérateur s’ouvre.
Dans l’onglet Affichage, configurez ce qui suit :
Dans Titre, spécifiez le titre du composant Recherche et énumérateur. Un titre indicatif permet aux utilisateurs d’effectuer une recherche rapide dans la liste des formulaires.
Dans la liste Disposition, sélectionnez la disposition pour représenter les formulaires au format vignette ou liste.
Sélectionnez Masquer la recherche et Masquer le tri pour masquer les fonctionnalités de recherche et de tri.
Dans Info-bulle, fournissez l’info-bulle qui s’affiche lorsque vous placez le pointeur de la souris sur le composant.
Dans l’onglet Dossier de ressources, indiquez l’emplacement à partir duquel les formulaires sont extraits et énumérés sur la page. Vous pouvez configurer plusieurs emplacements de dossiers.
Dans l’onglet Résultats, configurez le nombre maximum de formulaires à afficher par page. La valeur par défaut est de huit formulaires par page.
Configurer le composant Lien
Le composant Lien vous permet de fournir des liens vers un formulaire adaptatif sur la page. Pour configurer, appuyez sur le composant, puis appuyez sur l’. La boîte de dialogue Modifier le composant Lien s’ouvre.
Dans l’onglet Affichage, fournissez la légende du lien et l’info-bulle pour faciliter l’identification des formulaires représentés par le lien.
Dans l’onglet Informations sur les ressources, spécifiez le chemin d’accès au référentiel où la ressource est stockée.
Dans l’onglet Paramètres de requête, spécifiez les paramètres supplémentaires au format de paire clé-valeur. Lorsqu’un clic est effectué sur le lien, ces paramètres supplémentaires sont transmis avec le formulaire.
Configuration de l’envoi de formulaire asynchrone à l’aide d’Adobe Sign
Vous pouvez configurer pour envoyer un formulaire adaptatif uniquement lorsque tous les destinataires ont terminé la cérémonie de signature. Suivez les étapes ci-dessous pour configurer le paramètre à l’aide d’Adobe Sign.
Dans l’instance de création, ouvrez un formulaire adaptatif en mode d’édition.
Dans le volet de gauche, appuyez sur l’icône Propriétés et développez l’option SIGNATURE ÉLECTRONIQUE.
Sélectionnez Activer Adobe Sign. Différentes options de configuration s’affichent.
Dans la section Envoyer le formulaire, sélectionnez l’option après que chaque destinataire a terminé la cérémonie de signature pour configurer l’action Envoyer le formulaire, où le formulaire est d’abord envoyé à tous les destinataires pour signature. Une fois que tous les destinataires ont signé le formulaire, le formulaire est envoyé.
Enregistrement des formulaires adaptatifs en tant que brouillons
Vous pouvez enregistrer les formulaires en tant que brouillons en vue de les remplir ultérieurement. Un formulaire est enregistré en tant que brouillon de deux manières différentes :
Créez une règle « Enregistrer le formulaire » sur un composant de formulaire, par exemple un bouton. Lorsque vous cliquez sur le bouton, la règle se déclenche et le formulaire est enregistré en tant que brouillon.
Activez la fonctionnalité d’enregistrement automatique, qui enregistre le formulaire selon l’événement spécifié ou après un intervalle de temps configuré.
Création de règles pour enregistrer un formulaire adaptatif en tant que brouillon
Pour créer une règle « Enregistrer le formulaire » sur un composant de formulaire, par exemple un bouton, procédez comme suit :
Dans l’instance de création, ouvrez un formulaire adaptatif en mode d’édition.
Dans le volet de gauche, appuyez sur et faites glisser le composant Bouton vers le formulaire.
Appuyez sur le composant Bouton, puis appuyez sur le bouton .
Appuyez sur l’icône Modifier des règles pour ouvrir l’éditeur de règles.
Appuyer sur Créer pour configurer et créer la règle.
Dans la section Quand, sélectionnez « est cliqué » et dans la section Après, sélectionnez les options « Enregistrer le formulaire ».
Appuyez sur Terminé pour enregistrer la règle.
Activation de l’enregistrement automatique
Vous pouvez configurer la fonction d’enregistrement automatique d’un formulaire adaptatif comme suit :
Dans l’instance de création, ouvrez un formulaire adaptatif en mode d’édition.
Dans le volet de gauche, appuyez sur et développez l’option ENREGISTREMENT AUTOMATIQUE.
Sélectionnez la case à cocher Activer pour activer l’enregistrement automatique du formulaire. Vous pouvez configurer les éléments suivants :
Par défaut, l’Événement de formulaire adaptatift est défini sur « true », ce qui implique que le formulaire est enregistré automatiquement après chaque événement.
Dans Déclencheur, configurez l’option pour déclencher l’enregistrement automatique en fonction de l’occurrence d’un événement ou d’un intervalle de temps spécifique.
. Dans la boîte de dialogue Brouillons et envois, spécifiez le titre pour indiquer la liste des formulaires en tant que brouillons ou formulaires envoyés. Indiquez également si le composant doit énumérer les brouillons de formulaires ou les formulaires envoyés au format vignette ou liste.
et faites glisser le composant Bouton vers le formulaire.
