DocumentationAEM 6.5Guide de l’utilisateur

Didacticiel : Créer des modèles tutorial-create-templates

Last update: Fri Apr 05 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

07-apply-rules-to-adaptive-form_small

Ce tutoriel fait partie de la série Création de votre première communication interactive. Il est recommandé de suivre la série dans l’ordre chronologique pour comprendre, exécuter et démontrer le cas d’utilisation complet du tutoriel.

Pour créer une communication interactive, vous devez disposer de modèles disponibles sur le serveur AEM pour les canaux d’impression et web.

Les modèles pour le canal d’impression sont créés dans Adobe Forms Designer et chargés sur le serveur AEM. Ces modèles sont ensuite disponibles pour être utilisés lors de la création d’une communication interactive.

Les modèles pour le canal web sont créés dans AEM. Les auteurs et les administrateurs de modèles peuvent créer, modifier et activer des modèles web. Une fois créés et activés, ces modèles sont disponibles pour être utilisés lors de la création d’une communication interactive.

Ce tutoriel vous guide pas à pas dans la création de modèles pour les canaux d’impression et web, afin qu’ils soient disponibles lors de la création de communications interactives. À la fin de ce didacticiel, vous serez capable de :

  • Créer des modèles XDP pour le canal d’impression à l’aide d’Adobe Forms Designer
  • Charger les modèles XDP sur le serveur AEM Forms
  • Créer et activer des modèles pour le canal web

Créer un modèle pour le canal d’impression create-template-for-print-channel

Créez et gérez un modèle pour le canal d’impression de la communication interactive à l’aide des tâches suivantes :

Créer un modèle XDP en utilisant Forms Designer create-xdp-template-using-forms-designer

En fonction du cas d’utilisation et de la structure, créez les sous-formulaires suivants dans le modèle XDP :

  • Informations de facturation : comprend un fragment de document.
  • Informations sur la cliente ou le client : comprend un fragment de document.
  • Récapitulatif de facturation : comprend un fragment de document.
  • Résumé : comprend un fragment de document (sous-formulaire Frais) et un graphique (sous-formulaire Graphiques).
  • Appels détaillés : comprend un tableau (fragment de disposition)
  • Payer maintenant : comprend une image
  • Services à valeur ajoutée : comprend une image

create_print_template

Ces sous-formulaires sont affichés en tant que zones cibles dans le modèle d’impression après le chargement du fichier XDP sur le serveur Forms. Toutes les entités telles que des fragments de document, des graphiques, des fragments de disposition et des images sont ajoutées aux zones cibles lors de la création de la communication interactive.

Pour créer un modèle XDP pour le canal d’impression, procédez comme suit :

  1. Ouvrez Forms Designer, sélectionnez Fichier > Nouveau > Utiliser un formulaire vierge, cliquez sur Suivant, puis sur Terminer pour ouvrir le formulaire afin de créer le modèle.

    Assurez-vous que les options Bibliothèque d’objets et Objet sont sélectionnées dans le menu Fenêtre.

  2. Faites glisser le composant Sous-formulaire de la bibliothèque d’objets vers le formulaire.

  3. Sélectionnez le sous-formulaire pour afficher les options correspondantes dans la fenêtre Objet dans le volet de droite.

  4. Sélectionnez l’onglet Sous-formulaire puis Distribué dans la liste déroulante Contenu. Pour ajuster la longueur, faites glisser le point d’entrée gauche du sous-formulaire.

  5. Dans l’onglet Liaisons  :

    1. Spécifiez  billdetails dans le champ Nom.

    2. Sélectionnez Aucune liaison de données dans la liste déroulante Liaison de données.

    Sous-formulaire Designer

  6. De même, sélectionnez le sous-formulaire racine et l’onglet Sous-formulaire, puis sélectionnez Distribué dans la liste déroulante Contenu. Dans l’onglet Liaisons  :

    1. Spécifiez  TelecaBill dans le champ Nom.

    2. Sélectionnez Aucune liaison de données dans la liste déroulante Liaison de données.

    Sous-formulaire pour le modèle dʼimpression

  7. Répétez les étapes 2 à 5 pour créer les sous-formulaires suivants :

    • BillDetails

    • CustomerDetails

    • BillSummary

    • Résumé : sélectionnez l’onglet Sous-formulaire, puis Positionné dans la liste déroulante  Contenu de ce sous-formulaire. Insérez les sous-formulaires suivants dans le sous-formulaire Résumé.

      • Frais
      • Graphiques

    • ItemisedCalls

    • PayNow

    • ValueAddedServices

    Pour gagner du temps, vous pouvez également copier et coller des sous-formulaires existants pour créer d’autres sous-formulaires.

    Pour déplacer le sous-formulaire Graphiques vers la droite du sous-formulaire Frais, sélectionnez le sous-formulaire Graphiques dans le volet gauche, puis l’onglet Disposition et indiquez une valeur pour le champ AnchorX. La valeur doit être supérieure à la valeur du champ Largeur pour le sous-formulaire Frais. Sélectionnez le sous-formulaire Frais, puis l’onglet Disposition pour afficher la valeur du champ Largeur.

  8. Faites glisser l’objet Texte de la bibliothèque d’objets vers le formulaire et saisissez le texte Composez le XXXX pour vous abonner dans la zone.

  9. Cliquez avec le bouton droit de la souris sur l’objet texte dans le volet de gauche, sélectionnez Renommer l’objet et saisissez le nom de l’objet texte S’abonner.

    Modèle XDP

  10. Sélectionnez Fichier > Enregistrer sous pour enregistrer le fichier sur le système de fichiers local :

    1. Accédez à l’emplacement où vous pouvez enregistrer le fichier et spécifiez le nom create_first_ic_print_template.

    2. Sélectionnez .xdp dans la liste déroulante Type.

    3. Sélectionnez Enregistrer.

Charger un modèle XDP sur le serveur AEM Forms upload-xdp-template-to-the-aem-forms-server

Une fois que vous avez créé un modèle XDP à l’aide de Forms Designer, vous devez le charger sur le serveur AEM Forms pour qu’il soit disponible lors de la création de la communication interactive.

  1. Sélectionnez Formulaires > Formulaires et documents.

  2. Sélectionnez Créer  > Chargement de fichier.

    Accédez au modèle XDP  create_first_ic_print_template, sélectionnez-le et choisissez Ouvrir pour importer le modèle XDP sur le serveur AEM Forms.

Créer un modèle XDP pour des fragments de disposition create-xdp-template-for-layout-fragments

Pour créer un fragment de disposition pour le canal d’impression de la communication interactive, créez un XDP à l’aide de Forms Designer et chargez-le sur le serveur AEM Forms.

  1. Ouvrez le concepteur de formulaires, sélectionnez Fichier  > Nouveau  > Utiliser un formulaire vierge, sélectionnez Suivant, puis sélectionnez Terminer pour ouvrir le formulaire de création de modèle.

    Assurez-vous que les options Bibliothèque d’objets et Objet sont sélectionnées dans le menu Fenêtre.

  2. Faites glisser le composant  Tableau de la bibliothèque d’objets vers le formulaire.

  3. Dans la boîte de dialogue Insérer un tableau :

    1. Spécifiez 5 comme nombre de colonnes.
    2. Spécifiez 1 comme nombre de rangées de contenu.
    3. Cochez la case Inclure la rangée d’en-tête dans le tableau.
    4. Appuyez sur OK.

  4. Sélectionnez + dans le volet gauche en regard du Tableau  1 et cliquez avec le bouton droit de la souris sur Cell1, sélectionnez Renommer l’objet et remplacez le nom Cell1 par Date.

    De même, renommez respectivement Cell2, Cell3, Cell4 et Cell5 en Heure, Numéro, Durée et Frais.

  5. Cliquez sur les champs de texte d’en-tête dans l’affichage Designer et renommez-les comme suit : Heure,  Numéro,  Durée et  Frais.

    Fragment de mise en page

  6. Sélectionnez Rangée 1 dans le volet gauche et sélectionnez Objet > Liaison > Rangée pour chaque élément.

    Répétition des propriétés pour le fragment de disposition

  7. Faites glisser le composant  Champ de texte de la bibliothèque d’objets vers l’affichage Designer.

    Champ de texte pour le fragment de disposition

    De même, faites glisser le composant Champ de texte vers les lignes Heure, Numéro, Durée et Frais.

  8. Sélectionnez Fichier > Enregistrer sous pour enregistrer le fichier sur le système de fichiers local :

    1. Accédez à l’emplacement où vous pouvez enregistrer le fichier et spécifiez le nom table_lf.

    2. Sélectionnez .xdp dans la liste déroulante Type.

    3. Sélectionnez Enregistrer.

    Une fois que vous avez créé un modèle XDP pour le fragment de disposition à l’aide de Forms Designer, vous devez le charger sur le serveur AEM Forms pour qu’il soit disponible lors de la création des fragments de disposition.

Créer un modèle pour le canal web create-template-for-web-channel

Créez et gérez un modèle pour le canal web de la communication interactive à l’aide des tâches suivantes :

Créer un dossier pour les modèles create-folder-for-templates

Pour créer un modèle de canal web, définissez un dossier dans lequel vous pouvez enregistrer les modèles créés. Une fois que vous avez créé un modèle dans ce dossier, vous devez l’activer pour permettre aux utilisateurs et utilisatrices de formulaires de créer le canal web d’une communication interactive en fonction du modèle.

Pour créer un dossier pour les modèles modifiables, procédez comme suit :

  1. Sélectionnez Outils   hammer-icon  >  Navigateur de configuration.

  2. Sur la page Navigateur de configuration, sélectionnez  Créer.

  3. Dans la boîte de dialogue Créer une configuration, spécifiez le titre Create_First_IC_templates pour le dossier, cochez Modèles modifiables, puis sélectionnez Créer.

    Configurer des modèles web

    Le dossier Create_First_IC_templates est créé et répertorié sur la page du  navigateur de configuration.

Créer le modèle create-the-template

En fonction du cas d’utilisation et de la structure, créez les panneaux suivants dans le modèle web :

  • Informations de facturation : comprend un fragment de document.
  • Informations sur la cliente ou le client : comprend un fragment de document.
  • Récapitulatif de facturation : comprend un fragment de document.
  • Résumé des frais : comprend un fragment de document et un graphique (disposition en deux colonnes)
  • Appels détaillés : comprend un tableau
  • Payer maintenant : comprend un bouton et une image  Payer maintenant
  • Services à valeur ajoutée : comprend un bouton et une image  S’abonner.

create_web_template

Toutes les entités telles que des fragments de document, des graphiques, des tableaux, des images et des boutons sont ajoutées lors de la création de la communication interactive.

Pour créer un modèle pour le canal web dans le dossier Create_First_IC_templates procédez comme suit :

  1. Accédez au dossier de modèle approprié en sélectionnant le dossier Outils  > Modèles  > Create_First_IC_templates.

  2. Sélectionnez Créer.

  3. Dans l’assistant de configuration Choisir un type de modèle, sélectionnez Communication interactive - Canal web, puis Suivant.

  4. Dans l’assistant de configuration Détails du modèle, spécifiez Create_First_IC_Web_Template comme titre pour le modèle. Spécifiez une description facultative et choisissez Créer.

    Un message de confirmation indiquant que  Create_First_IC_Web_Template est le titre du modèle sʼaffiche.

  5. Sélectionnez Ouvrir pour ouvrir le modèle dans l’éditeur de modèles.

  6. Sélectionnez Contenu initial dans la liste déroulante en regard de l’option Aperçu.

    Éditeur de modèles

  7. Sélectionnez Panneau racine, puis  + afin dʼafficher la liste des composants que vous pouvez ajouter au modèle.

  8. Pour ajouter un panneau au-dessus du Panneau racine, sélectionnez Panneau dans la liste.

  9. Sélectionnez l’onglet Contenu dans le volet gauche. Le nouveau panneau ajouté à l’étape 8 est affiché sous le panneau racine dans l’arborescence de contenu.

    Arborescence de contenu

  10. Sélectionnez le panneau et choisissez configure_icon (Configurer).

  11. Dans le volet Propriétés :

    1. Spécifiez  billdetails dans le champ Nom.

    2. Spécifiez Informations de facturation dans le champ Titre.

    3. Sélectionnez 1 dans la liste déroulante Nombre de colonnes.

    4. Pour enregistrer les propriétés, sélectionnez Enregistrer .

    Le nom du panneau est mis à jour vers Informations de facturation dans l’arborescence de contenu.

  12. Répétez les étapes 7 à 11 pour ajouter des panneaux avec les propriétés suivantes au modèle :

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3
    Nom Titre Nombre de colonnes
    customerdetails Informations sur le client ou la cliente 1
    billsummary Résumé de facturation 1
    summarycharges Récapitulatif des frais 2
    itemisedcalls Appels détaillés 1
    paynow Payer maintenant 2
    vas Services à valeur ajoutée 1

    L’image suivante illustre l’arborescence de contenu après l’ajout de tous les panneaux au modèle :

    Arborescence de contenu pour tous les panneaux

Activer le modèle enable-the-template

Une fois que vous avez créé le modèle web, vous devez l’activer pour utiliser le modèle lors de la création de la communication interactive.

Pour activer le modèle web, procédez comme suit :

  1. Sélectionnez Outils   hammer-icon  >  Modèles.

  2. Accédez au modèle  Create_First_IC_Web_Template, sélectionnez-le, puis choisissez Activer.

  3. Sélectionnez à nouveau Activer pour confirmer.

    Le modèle est activé et son statut s’affiche comme Activé. Vous pouvez utiliser ce modèle lors de la création de la communication interactive pour le canal web.

Activer les boutons dans les communications interactives enabling-buttons-in-interactive-communications

En fonction du cas d’utilisation, vous devez inclure les boutons Payer maintenant et S’abonner (composants de formulaires adaptatifs) dans la communication interactive. Pour activer l’utilisation de ces boutons dans la communication interactive, procédez comme suit :

  1. Sélectionnez Structure dans la liste déroulante en regard de l’option Prévisualisation.

  2. Sélectionnez le panneau racine Conteneur de documents en utilisant l’arborescence de contenu et choisissez Politique pour sélectionner les composants qui sont autorisés à être utilisés dans la communication interactive.

    Configuration de la politique

  3. Dans l’onglet Composants autorisés de la section Propriétés, sélectionnez Bouton à partir des composants de formulaire adaptatif.

    Composants autorisés

  4. Pour enregistrer les propriétés, sélectionnez Enregistrer .

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2