Création d’une liste de formulaires adaptatifs sur un portail

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 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 :

  • Recherche et énumérateur : ce composant vous permet d’énumérer les formulaires du référentiel de formulaires sur la page du portail et propose des options de configuration pour énumérer 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.

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

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.

    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

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.

  1. Accédez à Outils > Cloud Services > Stockage Azure.
  2. Sélectionnez un dossier pour créer la configuration et appuyez sur 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

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

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, appuyez sur le composant, puis appuyez sur l’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, appuyez sur le composant, puis appuyez sur l’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

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, appuyez sur l’icône Propriétés et développez l’option SIGNATURE É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

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 :

  1. Dans l’instance de création, ouvrez un formulaire adaptatif en mode d’édition.
  2. Dans le volet de gauche, appuyez sur Icône Composants et faites glisser le composant Bouton vers le formulaire.
  3. Appuyez sur le composant Bouton, puis appuyez sur le bouton Icône Configurer.
  4. Appuyez sur l’icône Modifier des règles pour ouvrir l’éditeur de règles.
  5. Appuyer sur 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. 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 :

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

Sur cette page