Tutorial: Erstellen Sie Vorlagen

Erstellen Sie Druck- und Webvorlagen für die interaktive Kommunikation

07-apply-rules-to-adaptive-form_small

This tutorial is a step in the Create your first Interactive Communication series. Es wird empfohlen, der Serie in chronologischer Reihenfolge zu folgen, um den vollständigen Anwendungsfall zu verstehen, auszuführen und zu demonstrieren.

Um eine interaktive Kommunikation zu erstellen, müssen auf dem AEM-Server Vorlagen für Druck- und Webkanäle verfügbar sein.

Die Vorlagen für den Druckkanal werden in Adobe Forms Designer erstellt und auf den AEM-Server hochgeladen. Diese Vorlagen stehen dann zur Verfügung, während Sie eine interaktive Kommunikation erstellen.

Die Vorlagen für den Webkanal werden in AEM erstellt. Vorlagenautoren und Administratoren können Webvorlagen erstellen, bearbeiten und aktivieren. Nachdem sie erstellt und aktiviert wurden, stehen diese Vorlagen zur Verfügung, während Sie eine interaktive Kommunikation erstellen.

In diesem Tutorial werden Sie durch die Schritte zum Erstellen von Vorlagen für Druck- und Webkanäle geführt, sodass sie beim Erstellen von interaktiver Kommunikation verfügbar sind. Am Ende dieser Schulung können Sie Folgendes:

  • Erstellen Sie XDP-Vorlagen für den Druckkanal mit Adobe Forms Designer
  • Laden Sie die XDP-Vorlagen auf den AEM Forms Server hoch
  • Erstellen und aktivieren Sie Vorlagen für den Webkanal

Erstellen Sie eine Vorlage für den Druckkanal

Erstellen und verwalten Sie eine Vorlage für den Druckkanal von interaktiver Kommunikation mit folgenden Aufgaben:

Erstellen Sie eine XDP-Vorlage mit dem Forms Designer

Based on the use case and anatomy, create the following subforms in the XDP template:

  • Rechnungsdetails: Enthält ein Dokumentfragment
  • Kundendetails: Umfasst ein Dokument-Fragment
  • Bill Summary: Umfasst ein Dokument-Fragment
  • Zusammenfassung: Umfasst ein Dokument-Fragment (Teilformular "Gebühren") und ein Diagramm (Teilformular "Diagramme")
  • Angepasste Aufrufe: Umfasst eine Tabelle (Layout-Fragment)
  • Jetzt bezahlen: Umfasst ein Bild
  • Value Added Services: Umfasst ein Bild

create_print_template

Diese Unterformulare werden nach dem Hochladen der XDP-Datei auf den Forms-Server als Zielbereiche in der Druckvorlage angezeigt. Alle Entitäten wie Dokumentfragmente, Diagramme, Layoutfragmente und Bilder werden bei der Erstellung der interaktiven Kommunikation Zielbereichen hinzugefügt.

Führen Sie die folgenden Schritte aus, um eine XDP-Vorlage für den Druckkanal zu erstellen:

  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.

    Stellen Sie sicher, dass die Objektbibliothek und die Option Objekt im Menü Fenster ausgewählt werden.

  2. Ziehen Sie die Komponente Teilformular aus der Objektbibliothek in das Formular.

  3. Wählen Sie das Teilformular aus, um die Optionen für das Teilformular im Fenster Objekt im rechten Bereich anzuzeigen.

  4. Select the Subform tab and select Flowed from the Content drop-down list. Ziehen Sie den linken Endpunkt des Teilformulars, um die Länge anzupassen.

  5. Führen Sie auf der Registerkarte Bindungen folgende Schritte aus:

    1. Specify BillDetails in the Name field.
    2. Wählen Sie Keine Datenbindung aus der Dropdown-Liste Datenbindung.

    forms_designer_subform

  6. Similarly, select the root subform, select the Subform tab, and select Flowed from the Content drop-down list. Führen Sie auf der Registerkarte Bindungen folgende Schritte aus:

    1. Specify TelecaBill in the Name field.
    2. Wählen Sie Keine Datenbindung aus der Dropdown-Liste Datenbindung.

    root_subform_print_template

  7. Wiederholen Sie die Schritte 2 bis 5, um die folgenden Teilformulare zu erstellen:

    • BillDetails

    • CustomerDetails

    • BillSummary

    • Summary - Select the Subform tab and select Positioned from the Content drop-down list for this subform. Fügen Sie die folgenden Teilformulare in das Teilformular Zusammenfassung ein.

      • Gebühren
      • Diagramme
    • ItemisedCalls

    • PayNow

    • Mehrwert - Service

    Um Zeit zu sparen, können Sie auch vorhandene Teilformulare kopieren und einfügen, um neue Teilformulare zu erstellen.

    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. Der Wert muss größer als der Wert für das Feld Breite für das Teilformular Gebühren sein. Wählen Sie das Teilformular Gebühren und wählen Sie die Registerkarte Layout, um den Wert des Felds Breite anzuzeigen.

  8. Ziehen Sie das Objekt Text aus der Objektbibliothek in das Formular, und geben Sie den Text XXXX zum Abonnieren wählen in das Feld ein.

  9. Right-click the text object in the left pane, select Rename Object, and enter the name of the text object as Subscribe.

    print_xdp_template_subform

  10. Wählen Sie Datei > Speichern unter, um die Datei im lokalen Dateisystem zu speichern:

    1. Navigieren Sie zum Speicherort der Datei und geben Sie den Namen create_first_ic_print_template ein.
    2. Wählen Sie .xdp aus der Dropdown-Liste Dateityp.
    3. Tippen Sie auf Speichern.

Laden Sie die XDP-Vorlagen auf den AEM Forms Server hoch

Nachdem Sie eine XDP-Vorlage mit dem Forms-Designer erstellt haben, müssen Sie sie auf den AEM Forms-Server hochladen, damit die Vorlage beim Erstellen der interaktiven Kommunikation verwendet werden kann.

  1. Wählen Sie Formulare > Formulare & Dokumente.

  2. Tippen Sie auf Erstellen > Datei hochladen.

    Navigate and select the create_first_ic_print_template template (XDP) and tap Open to import the XDP template to the AEM Forms server.

XDP-Vorlage für Layoutfragmente erstellen

Um ein Layoutfragment für den Druckkanal der interaktiven Kommunikation zu erstellen, erstellen Sie ein XDP mit Forms Designer und laden Sie es auf den AEM Forms-Server hoch.

  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.

    Stellen Sie sicher, dass die Objektbibliothek und die Option Objekt im Menü Fenster ausgewählt werden.

  2. Drag-and-drop the Table component from the Object Library to the form.

  3. Gehen Sie im Dialogfeld „Tabelle“ folgendermaßen vor:

    1. Geben Sie die Anzahl der Spalten als 5 an.
    2. Spezifizieren Sie die Anzahl von Zeilen im Hauptteil als 1.
    3. Aktivieren -sie das Kontrollkästchen Kopfzeile in Tabelle einschließen.
    4. Registerkarte OK.
  4. Tippen Sie im linken Bereich neben Tabelle 1 auf + und klicken Sie mit der rechten Maustaste auf Zelle1 und wählen Sie Objekt umbenennen in Datum.

    Benennen Sie Zelle2, Zelle3, Zelle4 und Zelle5 in Zeit, Anzahl, Dauer und Kosten um.

  5. Click the Header text fields in the Designer View and rename them to Time, Number, Duration, and Charges.

    layout_fragment_print

  6. Wählen Sie Zeile 1 aus dem linken Bereich und wählen Sie Objekt > Bindung > Zeile für jedes Datenelement wiederholen.

    layout_fragment_print_repeat

  7. Drag-and-drop the Text Field component from the Object Library to the Designer View.

    layout_fragment_print_text_field

    Ziehen Sie die Komponente Textfeld in die Zeilen Zeit, Anzahl, Dauer und Kosten.

  8. Wählen Sie Datei > Speichern unter, um die Datei im lokalen Dateisystem zu speichern:

    1. Navigate to the location to save the file and specify the name as table_lf.
    2. Wählen Sie .xdp aus der Dropdown-Liste Dateityp.
    3. Tippen Sie auf Speichern.

    Nachdem Sie eine XDP-Vorlage mit dem Forms-Designer erstellt haben, müssen Sie sie auf den AEM Forms-Server hochladen , damit die Vorlage beim Erstellen der von Layout-Fragmenten verwendet werden kann.

Erstellen Sie eine Vorlage für den Webkanal

Erstellen und verwalten Sie eine Vorlage für den Webkanal von interaktiver Kommunikation mit folgenden Aufgaben:

Ordner für Vorlagen erstellen

Um eine Webkanal-Vorlage zu erstellen, definieren Sie einen Ordner, in dem Sie die erstellten Vorlagen speichern können. Sobald Sie eine Vorlage in einem Ordner erstellt haben, müssen Sie die Vorlage aktivieren, damit die Formularbenutzer den Webkanal einer interaktiven Kommunikation basierend auf der Vorlage erstellen können.

Führen Sie die folgenden Schritte aus, um einen Ordner für die bearbeitbaren Vorlagen zu erstellen:

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

    create_first_ic_web_template

    The Create_First_IC_templates folder is created and listed on the Configuration Browser page.

Vorlage erstellen

Based on the use case and anatomy, create the following panels in the Web template:

  • Rechnungsdetails: Enthält ein Dokumentfragment
  • Kundendetails: Umfasst ein Dokument-Fragment
  • Bill Summary: Umfasst ein Dokument-Fragment
  • Zusammenfassung der Gebühren: Umfasst ein Dokument- und ein Diagramm (zweispaltiges Layout)
  • Angepasste Aufrufe: Umfasst eine Tabelle
  • Pay Now: Includes a Pay Now button and an image
  • Value Added Services: Includes an image and a Subscribe button.

create_web_template

Beim Erstellen der interaktiven Kommunikation werden alle Elemente wie Dokumentfragmente, Diagramme, Tabellen, Bilder und Schaltflächen hinzugefügt.

Führen Sie die folgenden Schritte aus, um eine Vorlage für den Webkanal im Ordner Create_First_IC_templates zu erstellen:

  1. Navigate to the appropriate template folder by selecting Tools > Templates > Create_First_IC_templates folder.

  2. Tippen Sie auf Erstellen.

  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. Geben Sie eine optionale Beschreibung ein und tippen Sie auf Erstellen.

    A confirmation message that the Create_First_IC_Web_Template is displayed.

  5. Tippen Sie auf Öffnen, um die Vorlage im Vorlageneditor zu öffnen.

  6. Wählen Sie Anfänglicher Inhalt aus der Dropdown-Liste neben der Option Vorschau.

    template_editor_initial_content

  7. Tap Root Panel and then tap + to view the list of components that you can add to the template.

  8. Wählen Sie Bereich aus der Liste, um einen Bereich über dem Stammbereich hinzuzufügen.

  9. Wählen Sie die Registerkarte Inhalt im linken Bereich. Der neue Bereich, der in Schritt 8 hinzugefügt wurde, wird im Stammbereich in der Inhaltsstruktur angezeigt.

    content_tree_root_panel

  10. Wählen Sie den Bereich aus und tippen Sie auf configure_icon (Konfigurieren).

  11. Im Bereich „Eigenschaften“:

    1. Geben Sie in das Feld „Name“ BillDetails ein.
    2. Geben Sie in das Feld „Titel“ Rechnungsdetails ein.
    3. Wählen Sie 1 aus der Dropdown-Liste Anzahl der Spalten.
    4. Tap done_icon to save the properties.

    Der Name des Bereichs wird in der Inhaltsstruktur auf Rechnungsdetails aktualisiert.

  12. Wiederholen Sie die Schritte 7 bis 11, um der Vorlage Bereiche mit den folgenden Eigenschaften hinzuzufügen:

    Name Titel Spaltenanzahl
    customerdetails Kundendetails 1
    billsummary Rechnungszusammenfassung 1
    summarycharges Zusammenfassung der Gebühren 2
    itemisedcalls Einzeln aufgeführte Anrufe 1
    paynow Jetzt zahlen 2
    vas Mehrwert - Service 1

    Das folgende Bild zeigt die Inhaltsstruktur, nachdem alle Bereiche zur Vorlage hinzugefügt wurden:

    content_tee_all_panels

Vorlage aktivieren

Nachdem Sie die Webvorlage erstellt haben, müssen Sie sie zur Erstellung der interaktiven Kommunikation aktivieren.

Führen Sie die folgenden Schritte aus, um die Webvorlage zu aktivieren:

  1. Tap Tools Tools > Templates.

  2. Navigate to the Create_First_IC_Web_Template template, select it, and tap Enable.

  3. Registerkarte Aktivieren erneut zur Bestätigung.

    Die Vorlage ist aktiviert und ihr Status wird als „Aktiviert“ angezeigt. Sie können diese Vorlage beim Erstellen von interaktiver Kommunikation für den Webkanal verwenden.

Aktivieren von Schaltflächen in interaktiven Kommunikationen

Basierend auf den Anwendungsfall müssen Sie die Schaltflächen Jetzt bezahlen und Abonnieren einbeziehen (adaptive Formularkomponenten) in der interaktiven Kommunikation. Führen Sie die folgenden Schritte aus, um die Verwendung dieser Schaltflächen in der interaktiven Kommunikation zu aktivieren:

  1. Select Structure from the drop-down list next to the Preview option.

  2. Wählen Sie im Stammbereich Dokument-Container mit der Inhaltsstruktur und tippen Sie auf Richtlinie, um die Komponenten auszuwählen, die für die Verwendung in der interaktiven Kommunikation erlaubt sind.

    structure_configure_policy

  3. Wählen Sie auf der Registerkarte Zugelassene Komponenten im Abschnitt Eigenschaften die Option Schaltfläche aus den Komponenten Adaptives Formular.

    allowed_components_af

  4. Tap done_icon to save the properties.

Auf dieser Seite