Créer une communication interactive create-an-interactive-communication

Connectez-vous à l’instance d’auteur AEM et accédez à Adobe Experience Manager  >  Formulaires  >  Formulaires et documents.

Sélectionnez Créer et sélectionnez Communication interactive. La page Créer une communication interactive s’affiche.

Saisissez les informations ci-après.  :

• Titre  : entrez le titre de la communication interactive.

• Nom  : le nom de la communication interactive est dérivé du titre que vous avez entré. Modifiez-le, si nécessaire.

• Description  : entrez une description de la communication interactive.

• Modèle de données de formulaire  : recherchez et sélectionnez le modèle de données de formulaire. Pour plus d’informations sur le modèle de données de formulaire, consultez Intégration de données AEM Forms.

• Service de préremplissage  : sélectionnez le service de préremplissage pour récupérer les données et préremplissez la communication interactive.

• Type de post-traitement  : sélectionnez le workflow AEM ou Forms à déclencher lors de l’envoi de la communication interactive. Sélectionnez le type de processus à déclencher.

• Post-traitement  : sélectionnez le nom du processus à déclencher. Lorsque vous sélectionnez le workflow AEM, fournissez le chemin d’accès de la pièce jointe, le chemin d’accès à la mise en page, le chemin d’accès au fichier PDF, le chemin d’accès aux données d’impression et le chemin de données web.

• Balises  : sélectionnez les balises à appliquer à la communication interactive. Vous pouvez également saisir un nom de balise nouveau ou personnalisé et appuyer sur Entrée pour créer la balise.

• Auteur  : le nom de l’auteur est automatiquement extrait du nom de l’utilisateur connecté.

• Date de publication : entrez la date de publication de la communication interactive.

• Date de dépublication  : entrez la date de dépublication de la communication interactive.

Sélectionnez Suivant. L’écran de spécification des informations relatives aux canaux web et d’impression s’affiche.

Entrez la commande suivante :

• Imprimer  : sélectionnez cette option pour générer le canal d’impression de la communication interactive.

• Modèle d’impression  : recherchez et sélectionnez un XDP comme modèle d’impression.

• Web  : sélectionnez cette option pour générer le canal web ou la sortie réactive de la communication interactive.

• Modèle web de communication interactive  : recherchez et sélectionnez le modèle web.

• Thème et Sélectionner un thème  : recherchez et sélectionnez le thème pour définir le style de canal web de la communication interactive. Pour plus d’informations, voir Thèmes dans AEM Forms.

• Utiliser l’impression en tant que page principale pour le canal web  : sélectionnez cette option pour créer le canal web en synchronisation avec le canal d’impression. L’utilisation du canal d’impression comme page principale du canal web garantit que le contenu et la liaison des données du canal web sont dérivés du canal d’impression et que les modifications apportées au canal d’impression sont répercutées sur le canal web lorsque vous appuyez sur Synchroniser. Les auteurs sont toutefois autorisés à interrompre l’héritage pour des composants spécifiques dans le canal web, selon les besoins. Pour plus d’informations, consultez Synchroniser le canal web avec le canal d’impression.
  Si vous sélectionnez l’option Utiliser l’impression comme Principal pour le canal web, vous pouvez sélectionner l’un des modes suivants pour générer le canal web :

  • Disposition automatique  : sélectionnez ce mode pour générer automatiquement des espaces réservés, du contenu et des liaisons de données pour le canal web à partir du canal d’impression.
  • Organisation manuelle  : sélectionnez ce mode pour sélectionner manuellement et ajouter des éléments du canal d’impression au canal web à l’aide du contenu principal disponible dans l’onglet Sources de données. Pour plus d’informations, voir Sélectionner les éléments du canal d’impression pour créer le contenu du canal web.

Pour plus d’informations sur le canal d’impression et le canal web, consultez Canal d’impression et canal web.

Sélectionnez Créer. La communication interactive est créée et un message d’alerte s’affiche. Sélectionnez Modifier pour commencer à créer le contenu de la communication interactive, comme expliqué dans Ajouter du contenu à l’aide de l’interface utilisateur de création de communication interactive. Vous pouvez également sélectionner Terminé et choisir de modifier ultérieurement la communication interactive.

L’interface de création de la communication interactive se lance lorsque vous sélectionnez Modifier comme indiqué dans Créer une communication interactive. Vous pouvez également accéder à une ressource de communication interactive existante sur AEM, la sélectionner, puis sélectionner Modifier pour lancer l’interface de création de la communication interactive.

Par défaut, le canal d’impression de la communication interactive s’affiche, sauf si la communication interactive se trouve uniquement sur le canal web. Le canal d’impression de la communication interactive affiche les zones cibles, disponibles dans le modèle de canal d’impression/XDP sélectionné. Vous pouvez ajouter des composants ou des ressources dans ces zones et champs cibles.

Lorsque le canal d’impression est sélectionné, sélectionnez l’onglet Composants. Les composants suivants sont disponibles dans le canal d’impression :

Faites glisser et déposez les composants dans votre communication interactive et configurez-les selon vos besoins.

Vous pouvez également utiliser les opérations d’annulation et de rétablissement lors de la création d’une communication interactive pour les canaux d’impression et web.

Utilisez l’opération d’annulation pour ignorer la dernière action effectuée et l’opération de rétablissement pour incorporer à nouveau l’action ignorée. Par exemple, si vous avez inséré une image ou créé une liaison de données dans une communication interactive et que vous devez la supprimer, utilisez l’opération d’annulation.

Les options Annuler et Rétablir s’affichent dans la barre d’outils de la page de l’interface utilisateur de création. L’option Annuler s’affiche uniquement après l’exécution d’une action. L’option Rétablir s’affiche sur la barre d’outils de la page uniquement après avoir effectué une opération d’annulation. Ces actions sont réinitialisées lors de l’actualisation de la page.

Lorsque le canal d’impression est sélectionné, accédez à l’onglet Ressources et appliquez le filtre pour afficher uniquement les ressources souhaitées.

L’explorateur de ressources vous permet également de faire glisser-déposer directement des ressources dans les zones cibles de la communication interactive.

Glissez-déposez les fragments de document dans la communication interactive. Vous trouverez ci-dessous les types de fragments de document que vous pouvez utiliser dans le canal d’impression de la communication interactive.

Pour configurer la liaison des variables, sélectionnez une variable et sélectionnez (Configurer), puis configurez les propriétés de liaison dans le panneau Propriétés de la barre latérale.

• Aucun  : l’agent remplira la valeur de la variable.
• Fragment de texte  : si cette option est sélectionnée, vous pouvez rechercher et sélectionner un fragment de document texte dont le contenu est rendu dans le champ. Seuls ces fragments de document texte peuvent être liés à des variables qui ne contiennent aucune variable.
• Objet de modèle de données  : sélectionnez une propriété de modèle de données de formulaire dont la valeur est renseignée dans le champ.
• Valeur par défaut : vous pouvez définir une valeur par défaut pour la variable à l’aide de ce champ. La valeur s’affiche lorsque vous prévisualisez la communication interactive ou dans l’interface utilisateur de l’agent.
• Modèle d’affichage : vous pouvez également définir un format d’affichage pour une variable. Sélectionnez l’une des options prédéfinies dans la liste déroulante Type pour appliquer un format d’affichage à une variable. Sélectionnez Personnalisé pour définir un modèle d’affichage qui n’est pas disponible dans la liste. Pour plus d’informations, voir Modèles d’affichage des données.

Accédez à Variables et objets de modèle de données pour configurer la liaison de variables masquées dans le fragment de document.

Vous pouvez également faire glisser des éléments de source de données ou des fragments de document texte pour configurer la liaison de variables. Pour créer une liaison avec l’un des éléments de source de données, sélectionnez l’onglet Sources de données et effectuez un glisser-déposer de l’élément dans le nom de la variable. L’élément et la variable de source de données doivent être du même type pour configurer la liaison avec succès. Si vous faites glisser un élément de source de données vers une variable déjà liée, le nouvel élément remplace l’élément précédent pour créer une liaison avec la variable. De même, sélectionnez l’onglet Ressources et faites glisser et déposez le fragment de document texte dans le nom de variable pour configurer la liaison entre eux. Le fragment de document texte ne doit contenir aucune variable.

Pour l’ajout d’un tableau, lorsque le canal d’impression est sélectionné, appliquez le filtre pour afficher uniquement les fragments de disposition dans l’onglet Ressources. Glissez-déposez le fragment de disposition requis dans la communication interactive. Un fragment de mise en page est basé sur un XDP et peut être utilisé pour créer des mises en page graphiques ou des tableaux statiques et dynamiques dans la communication interactive qui sont ensuite remplis de données dynamiques.

Exemple : un tableau de mise en page pour l’affichage de la prime brute, du pourcentage de remise fidélité et de la disponibilité de l’assistance routière d’urgence pour les anciennes et les nouvelles stratégies.

Pour plus d’informations sur les fragments de mise en page, reportez-vous à la section Fragments de document.

Lorsque le canal d’impression est sélectionné, appliquez le filtre d’affichage des images dans l’onglet Ressources. Glissez et déposez les images requises dans la communication interactive, par exemple pour le logo de l’entreprise.

Ensuite, gérez les éléments suivants dans la communication interactive :

• Ajout et configuration de graphiques

• Synchronisation du canal web avec le canal d’impression

  • Synchronisation automatique
  • Annuler l’héritage
  • Réactiver l’héritage
  • Synchroniser

• Pièces jointes et accès à la bibliothèque

• Propriétés du champ XDP/mise en page

• Ajouter des règles aux composants

Basculez vers Canal web. Le canal web s’affiche dans l’éditeur de communication interactive. Lorsque vous passez du canal d’impression au canal web pour la première fois, la synchronisation automatique a lieu. Pour plus d’informations, consultez la section Synchroniser le canal web depuis le canal d’impression.

Comme nous utilisons le canal d’impression comme base pour le canal web dans cet exemple, les espaces réservés, le contenu et la liaison de données du canal d’impression sont synchronisés avec le canal web. Toutefois, vous pouvez modifier et personnaliser le contenu spécifique du canal web selon vos besoins. Annulez l’héritage pour les zones cible et les variables générées à l’aide du canal d’impression afin de pouvoir personnaliser le contenu.

Sélectionnez le fragment de document, puis (Configurer) ; sélectionnez ensuite Propriétés à partir du sidekick de la communication interactive. La section Variables et objets de modèle de données répertorie les variables, y compris les variables masquées, et les objets de modèle de données utilisés dans les fragments de document. Utilisez l’icône (Modifier) en regard de chaque objet ou variable de modèle de données pour modifier les propriétés. En outre, pour les fragments de document qui ont été auto-générés dans le canal web à l’aide du canal d’impression, utilisez l’icône (Annuler l’héritage) en regard de chaque objet et variable de modèle de données pour annuler l’héritage et pouvoir effectuer des modifications.

Pour ajouter des composants supplémentaires dans le canal Web, lorsque le canal Web est sélectionné, sélectionnez Composants. Faites glisser et déposez les composants dans le canal web de votre communication interactive selon vos besoins et continuez à les configurer.

Au besoin, insérez des ressources dans votre canal web.

Vous pouvez prévisualiser votre communication interactive pour voir à quoi ressemblent les impressions et sorties web de la communication interactive et continuer à apporter des modifications, si nécessaire.

Sélectionnez le canal (d’impression ou web) à prévisualiser et appuyez sur Aperçu. La communication interactive s’affiche.

Pour le canal web, utilisez  pour visualiser l’apparence de la communication interactive sur différents appareils.

Dans le canal d’impression, mettez en surbrillance le conteneur de documents et sélectionnez Propriétés.

Le panneau Propriétés s’affiche dans la barre latérale.

Développez les pièces jointes et spécifiez les propriétés suivantes :

• Autoriser l’accès à la bibliothèque  : sélectionnez cette option pour permettre à l’agent d’accéder à la bibliothèque dans l’interface utilisateur de l’agent. Si cette option est activée, l’agent peut ajouter des fichiers depuis la bibliothèque tout en préparant la communication interactive.

• Autoriser la réorganisation des pièces jointes  : sélectionnez cette option pour permettre à l’agent de réorganiser les pièces jointes avec la communication interactive.

• Nombre max de pièces jointes autorisé  : spécifiez le nombre maximum de pièces jointes autorisées avec la communication interactive.

• Fichiers à joindre  : sélectionnez Ajouter puis recherchez et sélectionnez les fichiers à joindre et spécifiez les éléments suivants :

  • Joindre ce fichier au document par défaut  : vous pouvez modifier cette option si seule la pièce jointe n’est pas obligatoire.
  • Obligatoire : l’agent ne pourra pas supprimer la pièce jointe dans l’interface utilisateur de l’agent.

Sélectionnez Terminé.

Lors de la modification du canal d’impression d’une communication interactive, passez le curseur sur un champ intégré dans le modèle de canal d’impression et sélectionnez  (Configurer).

La boîte de dialogue Propriétés s’affiche dans la barre latérale.

Indiquez les informations suivantes :

• Nom  : nom du nœud JCR.

• Titre  : entrez un titre qui sera visible pour l’agent dans l’interface utilisateur de l’agent et dans l’arborescence du conteneur de documents.

• Type de liaison  : sélectionnez l’un des types de liaison suivants pour le champ.

  • Aucun : l’agent remplira la valeur de la propriété.
  • Fragment de texte : si cette option est sélectionnée, vous pouvez rechercher et sélectionner un fragment de document texte dont le contenu est rendu dans le champ. Vous pouvez également faire glisser et déposer le fragment de document texte dans le nom du champ pour configurer la liaison entre eux. Le fragment de document texte ne doit contenir aucune variable.
  • Objet de modèle de données : sélectionnez une propriété de modèle de données de formulaire dont la valeur est renseignée dans le champ. Vous pouvez également sélectionner l’onglet Sources de données et faire glisser et déposer la propriété dans le champ.

• Valeurs par défaut  : la valeur par défaut veille à ce que le champ ne soit pas vide lorsqu’aucune valeur n’est fournie par l’objet de modèle de données ou le fragment de texte spécifié. Si aucun type de liaison de données n’est défini, la valeur par défaut est préremplie dans la zone.

• Modèle d’affichage  : vous pouvez également définir un format d’affichage pour un champ. Sélectionnez l’une des options prédéfinies dans la liste déroulante Type pour appliquer un format d’affichage à un champ. Sélectionnez Personnalisé pour définir un modèle d’affichage qui n’est pas disponible dans la liste. Pour plus d’informations, voir Modèles d’affichage de données.

• Modifiable par l’agent  : sélectionnez cette option pour permettre à l’agent de modifier la valeur du champ de l’interface utilisateur de l’agent. Ce paramètre n’est pas applicable si le type de liaison est Fragment de texte.

• Libellé  : spécifiez une chaîne de texte affichée avec le champ dans l’interface utilisateur de l’agent. Ce paramètre n’est pas applicable si le type de liaison est Fragment de texte.

• Info-bulle  : entrez une chaîne de texte qui sera visible au passage de la souris sur l’agent dans l’interface utilisateur de l’agent. Ce paramètre n’est pas applicable si le type de liaison est Fragment de texte.

• Obligatoire  : sélectionnez cette option pour que le champ soit obligatoire pour l’agent. Ce paramètre n’est pas applicable si le type de liaison est Fragment de texte.

• Permettre des lignes multiples  : sélectionnez ce champ pour activer les lignes de texte multiples comme entrée dans le champ. Ce paramètre n’est pas applicable si le type de liaison est Fragment de texte.

Sélectionnez .

Assurez-vous que le fragment de mise en page nécessaire à la création du tableau est disponible dans AEM.

Dans le canal d’impression de votre communication interactive, faites un glisser-déposer d’un fragment de disposition (avec un tableau à plusieurs colonnes) dans une zone cible à partir de l’explorateur des ressources.

Un tableau s’affiche dans la zone Communication interactive.

Spécifiez la liaison de données pour chacune des cellules du tableau. Pour créer une ligne répétable, insérez les propriétés du modèle de données de formulaire dans la ligne appartenant à une propriété de collection commune.

1. Sélectionnez une cellule du tableau, puis  (Configurer).

   La boîte de dialogue Propriétés s’affiche dans la barre latérale.

   

2. Configurez les propriétés :

   • Nom  : nom du nœud JCR.

   • Titre  : entrez un titre qui sera visible dans l’éditeur de la communication interactive.

   • Type de liaison  : sélectionnez l’un des types de liaison suivants pour le champ.

     • Aucune
     • Objet de modèle de données  : une valeur de propriété de modèle de données de formulaire est renseignée dans le champ. Vous pouvez également sélectionner l’onglet Sources de données, puis faire glisser et déposer la propriété dans le champ.

   • Objet de modèle de données  : la propriété de modèle de données de formulaire dont la valeur est renseignée dans le champ.

   • Valeur par défaut  : la valeur par défaut veille à ce que le champ ne soit pas vide lorsqu’aucune valeur n’est fournie par l’objet de modèle de données spécifié. La valeur par défaut est préremplie dans le champ.

   • Modifiable par l’agent  : sélectionnez cette option pour permettre à l’agent de modifier la valeur du champ de l’interface utilisateur de l’agent.

3. Sélectionnez .

Prévisualisez la communication interactive pour afficher le tableau rendu avec les données.

Sélectionnez le tableau, puis (Configurer). Vous pouvez également sélectionner le tableau à l’aide de l’explorateur de Contenu dans le sidekick de la communication interactive.

Sélectionnez Activer le tri.

Sélectionnez pour enregistrer les propriétés du tableau. Les icônes de tri, les flèches vers le haut et vers le bas, dans les en-têtes de colonnes, indiquent que le tri a été activé.

Passez au mode Prévisualisation pour voir le rendu. Le tableau est automatiquement trié en fonction de la première colonne du tableau.

Appuyez sur l’en-tête de colonne pour trier les valeurs en fonction de la colonne.

Un en-tête de colonne avec une flèche vers le haut représente :

• tableau trié en fonction de cette colonne.
• les valeurs de la colonne s’affichent dans l’ordre croissant.

De même, un en-tête de colonne avec une flèche vers le bas indique que les valeurs de la colonne sont affichées dans l’ordre décroissant.

Sur la page Propriétés, sélectionnez l’onglet Canaux.

Sélectionnez la case à cocher Web, puis choisissez un modèle pour le canal web.

Sélectionner Utiliser Imprimer en tant que page principale pour le canal web pour activer la synchronisation entre le canal web et le canal d’impression.

Sélectionnez Enregistrer et fermer pour enregistrer les modifications.

De même, vous pouvez cocher la case Web dans l’onglet Canaux pour supprimer le canal web de la communication interactive.

Sélectionnez le panneau racine dans le modèle web, puis + pour ajouter le composant Bouton à la communication interactive.

Sélectionnez le composant Bouton, puis pour définir des règles de sélection du bouton.

Dans la section When, sélectionnez clicked dans la liste déroulante du statut du bouton.

Dans la section Then  :

1. Sélectionnez une action dans la liste déroulante. Par exemple, sélectionnez Accéder à comme type d’action.

2. Spécifiez l’URL de la communication interactive, du formulaire adaptatif, d’une ressource ou d’une page web. Par exemple, spécifiez l’URL au format suivant pour accéder à une autre communication interactive : https://<nom-serveur>:<port>/editor.html/content/forms/af/<nom de la communication interactive>/channels/<nom du canal - impression ou web>.htm.

3. Spécifiez l’option permettant d’ouvrir la ressource dans le même onglet, le nouvel onglet ou la nouvelle fenêtre.

4. Sélectionnez Terminé, puis Fermer pour enregistrer la règle.

De même, vous pouvez sélectionner d’autres options disponibles dans la liste déroulante de type d’action, telles qu’Appeler le service et Envoyer le formulaire. Pour plus d’informations, voir Éditeur de règles.

Prévisualisez la communication interactive et sélectionnez le bouton pour afficher la communication interactive, le formulaire adaptatif, une ressource ou une page web spécifiée à l’étape 4(b).

Insérez le composant Panneau dans le canal web à l’aide de l’une des options suivantes :

• Sélectionnez un composant, +, puis le composant Panneau.

• Dans le panneau de l’explorateur de Composant, glissez-déposez le composant Panneau sur la communication interactive.

• Sélectionnez Panneau dans le panneau de l’explorateur de Contenu, puis Ajouter un panneau enfant. Sélectionner l’option Ajouter un panneau enfant permet d’afficher la boîte de dialogue Ajouter un panneau enfant. Saisissez le titre, ainsi qu’une description et un nom facultatifs pour le composant Panneau.

Sélectionnez le panneau à partir de l’explorateur de Contenu pour effectuer d’autres actions, telles que configurer, modifier des règles, copier, supprimer et insérer des composants.

Vous pouvez également faire glisser et déposer un panneau dans l’explorateur de Contenu pour refléter la modification de la structure de la communication interactive dans le volet de droite.

Pour synchroniser le canal Web avec le canal d’impression, passez au canal Web et sélectionnez l’icône Plus d’options.

Effectuez l’une des actions suivantes :

• Synchroniser avec l’impression  : synchronise le contenu uniquement pour les zones cibles dans lesquelles l’héritage n’est pas annulé.
• Réinitialiser  : synchronise le contenu du canal web avec le canal d’impression et ignore toutes les modifications apportées au canal web.

Sélectionnez un composant et sélectionnez l’opération Groupe ( ).

Sélectionnez plusieurs composants puis Regrouper des objets dans un panneau.

Dans la boîte de dialogue Regrouper des objets dans un panneau, saisissez un nom pour le panneau.

Saisissez un titre et une description facultatifs pour le panneau.

Cliquez sur .

Les composants regroupés s’affichent en tant qu’éléments enfants du panneau dans l’arborescence de contenu.