Tutorial: Erstellen Sie Vorlagen

Letzte Aktualisierung: 2. Dezember 2024
  • Gilt für:
  • Experience Manager 6.5
  • Themen:

Erstellt für:

  • Admin
  • Benutzende
  • Entwickler

07-apply-rules-to-adaptive-form_small

Dieses Tutorial ist ein Schritt in der Reihe Erstellen Sie Ihre erste interaktive Kommunikation. Es wird empfohlen, der Reihe chronologisch zu folgen, um den gesamten Anwendungsfall des Tutorials zu verstehen, auszuführen und praktisch zu erleben.

Für eine interaktive Kommunikation müssen auf dem AEM-Server Vorlagen für Druck- und Web-Kanä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, wenn Sie eine interaktive Kommunikation erstellen.

Die Vorlagen für den Web-Kanal werden in AEM erstellt. Autorinnen und Autoren sowie Administratorinnen und Administratoren von Vorlagen können Web-Vorlagen erstellen, bearbeiten und aktivieren. Nach ihrer Erstellung und Aktivierung stehen diese Vorlagen zur Verfügung, wenn Sie eine interaktive Kommunikation erstellen.

Dieses Tutorial führt Sie durch die Schritte zum Erstellen von Vorlagen für Druck- und Web-Kanäle, sodass sie beim Erstellen einer interaktiven Kommunikation verfügbar sind. Am Ende dieses Tutorials können Sie Folgendes:

  • Erstellen von XDP-Vorlagen für den Druckkanal mit Adobe Forms Designer
  • Hochladen der XDP-Vorlagen auf den AEM Forms-Server
  • Erstellen und Aktivieren von Vorlagen für den Web-Kanal

Erstellen einer Vorlage für den Druckkanal

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

Erstellen einer XDP-Vorlage mit Forms Designer

Basierend auf dem Anwendungsfall und der Anatomie, erstellen Sie die folgenden Teilformulare in der XDP-Vorlage:

  • Rechnungsdetails: Enthält ein Dokumentfragment
  • Kundendetails: Enthält ein Dokumentfragment
  • Rechnungsübersicht: Enthält ein Dokumentfragment
  • Übersicht: Enthält ein Dokumentfragment (Teilformular „Gebühren“) und ein Diagramm (Teilformular „Diagramme“).
  • Einzeln aufgeführte Anrufe: Enthält eine Tabelle (Layoutfragment)
  • Jetzt bezahlen: Enthält ein Bild
  • Mehrwert-Services: Enthält ein Bild

create_print_template

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

Gehen Sie wie folgt vor, um eine XDP-Vorlage für den Druckkanal zu erstellen:

  1. Öffnen Sie Forms Designer, wählen Sie Datei > Neu > Leeres Formular verwenden und Weiter und danach Beenden aus, um das Formular für die Vorlagenerstellung zu öffnen.

    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. Wählen Sie die Registerkarte Teilformular und wählen Sie Textfluss aus der Dropdown-Liste Inhalt  aus. Um die Länge anzupassen, ziehen Sie am linken Endpunkt des Teilformulars.

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

    1. Geben Sie BillDetails in das Feld Name ein.

    2. Wählen Sie Keine Datenbindung aus der Dropdown-Liste Datenbindung.

    Designer Teilformular

  6. Wählen Sie das Teilformular „Stamm“, dann die Registerkarte Teilformular und dann Textfluss aus der Dropdown-Liste Inhalt  aus. Führen Sie auf der Registerkarte Bindungen folgende Schritte aus:

    1. Geben Sie TelecaBill in das Feld Name  ein.

    2. Wählen Sie Keine Datenbindung aus der Dropdown-Liste Datenbindung.

    Teilformular für Druckvorlage

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

    • Rechnungsdetails

    • Kundendetails

    • Rechnungsübersicht

    • Zusammenfassung – Wählen Sie die Registerkarte Teilformular und wählen Sie für dieses Teilformular Positioniert aus der Dropdown-Liste Inhalt. Fügen Sie die folgenden Teilformulare in das Teilformular Zusammenfassung ein.

      • Gebühren
      • Diagramme

    • Einzelverbindungen

    • JetztBezahlen

    • MehrwertServices

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

    Um das Teilformular Diagramme rechts neben das Teilformular „Gebühren“ zu verschieben, wählen Sie im linken Bereich das Teilformular Diagramme aus, klicken Sie auf die Registerkarte Layout und geben Sie einen Wert für das Feld AnkerX an. 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 dann die Registerkarte Layout aus, 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. Klicken Sie mit der rechten Maustaste auf das Textobjekt im linken Bereich, wählen Sie Objekt umbenennen, und geben Sie den Namen des Textobjekts als Abonnieren ein.

    XDP-Vorlage

  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 erste_ik_druckvorlage_erstellen ein.

    2. Wählen Sie aus der Dropdown-Liste Dateityp die Option .xdp aus.

    3. Wählen Sie Speichern aus.

Hochladen einer XDP-Vorlage auf den AEM Forms-Server

Nachdem Sie eine XDP-Vorlage mit 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 und Dokumente.

  2. Wählen Sie Erstellen > Datei hochladen aus.

    Navigieren Sie zur Vorlage create_first_ic_print_template (XDP) und wählen Sie sie aus. Wählen Sie dann Öffnen aus, um die XDP-Vorlage auf den AEM-Formular-Server zu importieren.

Erstellen einer XDP-Vorlage für Layout-Fragmente

Um ein Layout-Fragment für den Druckkanal der interaktiven Kommunikation zu erstellen, entwerfen Sie eine XDP-Vorlage mit Forms Designer und laden Sie sie auf den AEM Forms-Server hoch.

  1. Öffnen Sie Forms Designer, wählen Sie Datei > Neu > Leeres Formular verwenden, und wählen Sie Weiter und anschließend Beenden aus, um das Formular für die Vorlagenerstellung zu öffnen.

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

  2. Ziehen Sie die Komponente Tabelle per Drag-and-Drop aus der Objektbibliothek auf das Formular.

  3. Im Dialogfeld „Tabelle einfügen“:

    1. Geben Sie für die Anzahl der Spalten den Wert 5 an.
    2. Geben Sie für die Anzahl der Textzeilen den Wert 1 an.
    3. Aktivieren Sie das Kontrollkästchen Kopfzeile in Tabelle einschließen.
    4. Klicken Sie auf OK.

  4. Wählen Sie + im linken Bereich neben Tabelle 1 aus, klicken Sie mit der rechten Maustaste auf Zelle1 und wählen Sie unter Objekt umbenennen Datum aus.

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

  5. Klicken Sie in der Designer-Ansicht auf die Textfelder „Kopfzeile“ und benennen Sie sie in Zeit, Anzahl, Dauer und Kosten um.

    Layout-Fragment

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

    Wiederholungseigenschaften für Layout-Fragmente

  7. Ziehen Sie die Komponente Textfeld per Drag-and-Drop aus der Objektbibliothek in die Designer-Ansicht.

    Textfeld für Layout-Fragment

    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. Navigieren Sie zum Speicherort der Datei und geben Sie den Namen tabelle_lf ein.

    2. Wählen Sie aus der Dropdown-Liste Dateityp die Option .xdp aus.

    3. Wählen Sie Speichern aus.

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

Erstellen einer Vorlage für einen Web-Kanal

Erstellen und verwalten Sie eine Vorlage für den Web-Kanal zur interaktiven Kommunikation mit folgenden Aufgaben:

Erstellen eines Ordners für Vorlagen

Um eine Web-Kanal-Vorlage zu erstellen, definieren Sie einen Ordner zum Speichern der erstellten Vorlagen. Sobald Sie eine Vorlage in einem Ordner erstellt haben, müssen Sie die Vorlage aktivieren, damit die Formularbenutzenden den Web-Kanal zur interaktiven Kommunikation basierend auf der Vorlage erstellen können.

Gehen Sie wie folgt vor, um einen Ordner für die bearbeitbaren Vorlagen zu erstellen:

  1. Wählen Sie Tools Hammersymbol > Konfigurations-Browser aus.

  2. Wählen Sie auf der Seite „Konfigurations-Browser“ Erstellen aus.

  3. Legen Sie im Dialogfeld Konfiguration erstellen Create_First_IC_templates als den Titel für den Ordner fest, aktivieren Sie Bearbeitbare Vorlagen und wählen Sie Erstellen aus.

    Konfigurieren von Webvorlagen

    Der Ordner Create_First_IC_templates wird auf der Seite Konfigurations-Browser erstellt und aufgeführt.