Ajout de Forms Portal à une page AEM Sites publish-forms-on-portal

Adobe recommande d’utiliser la capture de données moderne et extensible. Composants principauxpour création d’un Forms adaptatifou 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.

Version
Lien de l’article
AEM 6.5
Cliquez ici
AEM as a Cloud Service
Cet article

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. Lorsque les concepteurs et conceptrices de formulaires créent et stockent des formulaires dans un référentiel, les développeurs et développeuses Web créent une application web pour répertorier les formulaires et gérer l’envoi de formulaires. Les formulaires sont copiés 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 une indisponibilité du serveur. En règle générale, l’indisponibilité 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éation de liens vers des formulaires.
  • Répertorie les brouillons et les envois liés à la Forms adaptative créée par l’utilisateur.

Composants d’une page du portail Formulaires forms-portal-components

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 à toute personne connectée.

  • Lien : ce composant permet de créer un lien vers un formulaire n’importe où sur la page.

Vous pouvez importer les composants prêts à l’emploi du portail Formulaires à partir de l’archétype de projet AEM. Après l’importation, effectuez les configurations suivantes :

Importation des composants du portail Formulaires import-forms-portal-components-aem-archetype

Pour importer des composants du portail Formulaires prêts à l’emploi sur AEM Forms as a Cloud Service, procédez comme suit :

  1. 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.

  2. 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.

    code language-shell
    mvn -B archetype:generate -DarchetypeGroupId=com.adobe.aem -DarchetypeArtifactId=aem-project-archetype -DarchetypeVersion=30 -DaemVersion="cloud" -DappTitle="My Site" -DappId="mysite" -DgroupId="com.mysite" -DincludeForms="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.

  3. 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.

    mvn -PautoInstallPackage clean install

    Pour obtenir la liste complète des commandes, voir Création et installation.

  4. Déployez le code dans votre environnement AEM Forms as a Cloud Service.

Configurer le stockage Azure pour les formulaires adaptatifs configure-azure-storage-adaptive-forms

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 create-azure-storage-configuration

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.

  1. Accédez à Outils > Cloud Services > Stockage Azure.
  2. Sélectionnez un dossier pour créer la configuration, puis sélectionnez Créer.
  3. Indiquez un titre pour la configuration dans le champ Titre.
  4. 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 configure-usc-forms-portal

Suivez les étapes suivantes pour configurer le connecteur de stockage unifié pour les workflows AEM :

  1. Accédez à Outils > Formulaires > Connecteur de stockage unifié.
  2. Dans la section Portail Formulaires, sélectionnez Azure dans la liste déroulante Stockage.
  3. Spécifiez le chemin de configuration pour la configuration de stockage Azure dans le champ Chemin de configuration de stockage.
  4. Sélectionner Publier puis sélectionnez Enregistrer pour enregistrer la configuration.

Activer les composants du portail Formulaires enable-forms-portal-components

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 configure-forms-portal-components

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 mises en page ou sélectionnez l’icône d’ajout sur le conteneur de mises en page et ajoutez-le à partir du Insérer un nouveau composant boîte de dialogue.

Configuration du composant Brouillons et envois configure-drafts-submissions-component

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, sélectionnez le composant, puis sélectionnez l’option Icône Configurer . 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.

Icône Brouillons

Icône Envois

Configuration du composant Recherche et énumérateur configure-search-lister-component

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.

Icône Recherche et énumérateur

Pour configurer, sélectionnez le composant, puis sélectionnez l’option Icône Configurer . La boîte de dialogue Recherche et énumérateur s’ouvre.

  1. 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.
  2. 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.

  3. 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.

Le composant Lien vous permet de fournir des liens vers un formulaire adaptatif sur la page. Pour configurer, sélectionnez le composant, puis sélectionnez l’option Icône Configurer . La boîte de dialogue Modifier le composant Lien s’ouvre.

  1. 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.
  2. Dans l’onglet Informations sur les ressources, spécifiez le chemin d’accès au référentiel où la ressource est stockée.
  3. 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 configure-asynchronous-form-submission-using-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.

  1. Dans l’instance de création, ouvrez un formulaire adaptatif en mode d’édition.
  2. Dans le volet de gauche, sélectionnez l’icône Propriétés et développez l’objet SIGNTAGE ÉLECTRONIQUE .
  3. Sélectionnez Activer Adobe Sign. Différentes options de configuration s’affichent.
  4. 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 save-adaptive-forms-as-drafts

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 rule-to-save-adaptive-form-as-draft

Pour créer une règle "Enregistrer le formulaire" sur un composant de formulaire, par exemple un bouton, procédez comme suit :

  1. Dans l’instance de création, ouvrez un formulaire adaptatif en mode d’édition.
  2. Dans le volet de gauche, sélectionnez Icône Composants et faites glisser le Bouton du formulaire.
  3. Sélectionnez la variable Bouton , puis sélectionnez la variable Icône Configurer .
  4. Sélectionnez la variable Modifier des règles pour ouvrir l’éditeur de règles.
  5. Sélectionner Créer pour configurer et créer la règle.
  6. Dans la section Quand, sélectionnez « est cliqué » et dans la section Après, sélectionnez les options « Enregistrer le formulaire ».
  7. Sélectionner Terminé pour enregistrer la règle.

Activation de l’enregistrement automatique enable-auto-save

Vous pouvez configurer la fonction d’enregistrement automatique d’un formulaire adaptatif comme suit :

  1. Dans l’instance de création, ouvrez un formulaire adaptatif en mode d’édition.
  2. Dans le volet de gauche, sélectionnez la variable Icône Propriétés et développez la variable ENREGISTREMENT AUTOMATIQUE .
  3. 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.

Voir également see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab