Show Menu
SUJETS×

Didacticiel : Créer des modèles

Créer des modèles d’impression et web pour la communication interactive
This tutorial is a step in the Create your first Interactive Communication series. 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 didacticiel.
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 télé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 didacticiel 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
  • Télé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

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

Based on the use case and anatomy , create the following subforms in the XDP template:
  • Informations de facturation : comprend un fragment de document
  • Détails du client : Inclut un fragment de document
  • Résumé de la facture : Inclut un fragment de document
  • Résumé : Comprend un fragment de document (sous-formulaire Frais) et un graphique (sous-formulaire Graphiques).
  • Appels ciblés : Inclut un tableau (fragment de mise en page)
  • Payer maintenant : Inclut une image
  • Services Ajoutés de valeur : Inclut une image
Ces sous-formulaires sont affichés en tant que zones cibles dans le modèle d’impression après le téléchargement du fichier XDP sur le serveur Forms. Toutes les entités telles que des fragments de document, des graphiques, des fragments de mise en page et des images sont ajoutées aux zones cibles lors de la création de la communication interactive.
Exécutez les étapes suivantes pour créer un modèle XDP pour le canal d’impression :
  1. Open the Forms Designer, select File > New > Use a blank form, tap Next , and then tap Finish to open the form for template creation.
    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. Select the Subform tab and select Flowed from the Content drop-down list. Faites glisser l’extrémité gauche du sous-formulaire pour ajuster la longueur.
  5. Dans l’onglet Liaisons  :
    1. Specify BillDetails in the Name field.
    2. Sélectionnez Aucune liaison de données dans la liste déroulante Liaison de données .
  6. Similarly, select the root subform, select the Subform tab, and select Flowed from the Content drop-down list. Dans l’onglet Liaisons  :
    1. Specify TelecaBill in the Name field.
    2. Sélectionnez Aucune liaison de données dans la liste déroulante Liaison de données .
  7. Répétez les étapes 2 à 5 pour créer les sous-formulaires suivants :
    • BillDetails
    • CustomerDetails
    • BillSummary
    • Summary - Select the Subform tab and select Positioned from the Content drop-down list for this subform. 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 de nouveaux sous-formulaires.
    To shift the Charts subform to the right of the Charges subform, select the Charts subform from the left pane, select the Layout tab, and specify a value for AnchorX field. La valeur doit être supérieure à la valeur du champ Largeur pour le sous-formulaire Frais . Sélectionnez le sous-formulaire Frais et sélectionnez l’onglet Mise en page 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 .
  10. Sélectionnez Fichier > Enregistrer sous pour enregistrer le fichier sur le système de fichiers local :
    1. Accédez à l’emplacement où vous souhaitez enregistrer le fichier et spécifiez le nom create_first_ic_print_template .
    2. Sélectionnez .xdp dans la liste déroulante Type .
    3. Appuyez sur Enregistrer .

Télécharger le modèle XDP sur le serveur AEM Forms

Une fois que vous avez créé un modèle XDP à l’aide de Forms Designer, vous devez le télé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. Appuyez sur Create (Créer) > File Upload (Téléchargement de fichier).
    Navigate and select the create_first_ic_print_template template (XDP) and tap Open to import the XDP template to the AEM Forms server.

Créer un modèle XDP pour des fragments de mise en page

Pour créer un fragment de mise en page 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. Open the Forms Designer, select File > New > Use a blank form, tap Next , and then tap Finish to open the form for template creation.
    Assurez-vous que les options Bibliothèque d’objets et Objet sont sélectionnées dans le menu Fenêtre .
  2. Drag-and-drop the Table component from the Object Library to the form.
  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. Onglet OK .
  4. Appuyez sur + 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. Click the Header text fields in the Designer View and rename them to Time , Number , Duration , and Charges .
  6. Sélectionnez Rangée 1 dans le volet gauche et sélectionnez Objet > Liaison > Rangée pour chaque élément .
  7. Drag-and-drop the Text Field component from the Object Library to the Designer View .
    De même, faites glisser le composant Champ de texte vers les rangées 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. Navigate to the location to save the file and specify the name as table_lf .
    2. Sélectionnez .xdp dans la liste déroulante Type .
    3. Appuyez sur Save (Enregistrer).
    Une fois que vous avez créé un modèle XDP pour le fragment de mise en page à l’aide de Forms Designer, vous devez le télécharger sur le serveur AEM Forms pour qu’il soit disponible lors de la création des fragments de mise en page.

Créer un modèle pour le canal web

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

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 un dossier, vous devez l’activer pour permettre aux utilisateurs de formulaires de créer le canal web d’une communication interactive en fonction du modèle.
Exécutez les étapes suivantes pour créer un dossier pour les modèles modifiables :
  1. Tap Tools > Configuration Browser .
  2. In the Configuration Browser page, tap Create .
  3. In the Create Configuration dialog, specify Create_First_IC_templates as the title for the folder, check Editable Templates , and tap Create .
    The Create_First_IC_templates folder is created and listed on the Configuration Browser page.

Créer le modèle

Based on the use case and anatomy , create the following panels in the Web template:
  • Informations de facturation : comprend un fragment de document
  • Détails du client : Inclut un fragment de document
  • Résumé de la facture : Inclut un fragment de document
  • Résumé des frais : Comprend un fragment de document et un graphique (mise en page à deux colonnes)
  • Appels ciblés : Inclut un tableau
  • Pay Now: Includes a Pay Now button and an image
  • Value Added Services: Includes an image and a Subscribe button.
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.
Exécutez les étapes suivantes pour créer un modèle pour le canal web dans le dossier Create_First_IC_templates  :
  1. Navigate to the appropriate template folder by selecting Tools > Templates > Create_First_IC_templates folder.
  2. Appuyez sur Créer .
  3. On the Pick a Template Type configuration wizard, select Interactive Communication - Web Channel and tap Next .
  4. On the Template Details configuration wizard, specify Create_First_IC_Web_Template as the template title. Spécifiez une description facultative et appuyez sur Créer .
    A confirmation message that the Create_First_IC_Web_Template is displayed.
  5. Appuyez sur 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 .
  7. Tap Root Panel and then tap + to view the list of components that you can add to the template.
  8. Sélectionnez Panneau dans la liste pour ajouter un panneau au-dessus du panneau racine .
  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.
  10. Sélectionnez le panneau et appuyez sur (Configurer).
  11. Dans le panneau Propriétés :
    1. Spécifiez  billdetails dans le champ Nom.
    2. Spécifiez Information de facturation dans le champ Titre.
    3. Sélectionnez 1 dans la liste déroulante Nombre de colonnes .
    4. Tap to save the properties.
    Le nom du panneau est mis à jour vers Information 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 :
    Nom
    Titre
    Nombre de colonnes
    customerdetails
    Informations sur le client
    1
    billsummary
    Récapitulatif de facturation
    1
    summarycharges
    Récapitulatif des frais
    2
    itemisedcalls
    Appels détaillés
    1
    PayNow
    Payez 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 :

Activer le modèle

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.
Effectuez les étapes suivantes pour activer le modèle web :
  1. Tap Tools > Templates .
  2. Navigate to the Create_First_IC_Web_Template template, select it, and tap Enable .
  3. Appuyez de nouveau sur 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

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. Select Structure from the drop-down list next to the Preview option.
  2. Sélectionnez le panneau racine Conteneur de documents en utilisant l’arborescence de contenu et appuyez sur Stratégie pour sélectionner les composants qui sont autorisés à être utilisés dans la communication interactive.
  3. Dans l’onglet Composants autorisés de la section Propriétés , sélectionnez Bouton à partir des composants de formulaire adaptatif .
  4. Tap to save the properties.