Erstellen eines adaptiven Formulars

Letzte Aktualisierung: 15. Juli 2024
  • Themen:

Erstellt für:

  • Einsteiger
  • Benutzende
  • Entwickler

Adobe empfiehlt, die modernen und erweiterbaren Kernkomponentenzur Datenerfassung zu verwenden, um neue adaptive Formulare zu erstellenoder adaptive Formulare zu AEM Sites-Seiten hinzuzufügen. Diese Komponenten stellen einen bedeutenden Fortschritt bei der Erstellung adaptiver Formulare dar und sorgen für beeindruckende Anwendererlebnisse. In diesem Artikel wird der ältere Ansatz zum Erstellen adaptiver Formulare mithilfe von Foundation-Komponenten beschrieben.

VersionArtikel-Link
AEM as a Cloud ServiceHier klicken
AEM 6.5Dieser Artikel

Erstellen eines adaptiven Formulars

Gehen Sie wie folgt vor, um ein adaptives Formular zu erstellen.

  1. Zugreifen auf die Experience Manager Forms-Autoreninstanz unter https://'[server]:[port]'/<custom-context-if-any>.

  2. Geben Sie Ihre Anmeldedaten auf der Experience Manager-Anmeldeseite ein.

    Wenn Sie sich angemeldet haben, tippen Sie in der linken oberen Ecke auf Adobe Experience Manager > Formulare > Formulare und Dokumente.

    NOTE
    Bei einer Standardinstallation lautet der Benutzername admin und das Kennwort admin.

  3. Wählen Sie Erstellen und dann Adaptives Formular aus.

  4. Eine Option zum Auswählen einer Vorlage wird angezeigt. Weitere Informationen zu Vorlagen finden Sie unter Adaptive Formularvorlagen. Wählen Sie eine Vorlage und dann „Weiter“ aus.

  5. Die Option „Eigenschaften hinzufügen“ wird angezeigt. Geben Sie die Werte für die folgenden Eigenschaftenfelder an. Die Felder „Titel“ und „Name“ sind obligatorisch.

    • Titel: Gibt den Anzeigenamen des Formulars an. Der Titel erleichtert Ihnen die Identifizierung des Formulars in der Benutzeroberfläche von Experience Manager Forms.
    • Name:  Gibt den Namen des Formulars an. Im Repository wird ein Knoten mit dem angegebenen Namen erstellt. Wenn Sie mit der Eingabe des Titels beginnen, wird automatisch ein Wert für das Feld „Name“ vorgeschlagen. Sie können den vorgeschlagenen Wert gegebenenfalls ändern. Im Feld „Name“ dürfen nur alphanumerische Zeichen, Bindestriche und Unterstriche eingegeben werden. Alle ungültigen Eingaben werden durch Bindestriche ersetzt.
    • Beschreibung: Gibt detaillierte Informationen zum Formular an.
    • Tags: Gibt Tags an, die eine eindeutige Identifizierung des adaptiven Formulars ermöglichen. Tags erleichtern die Suche nach dem Formular. Um die Tags zu erstellen, geben Sie neue Tag-Namen in das Feld Tags ein.

  6. Sie können ein adaptives Formular erstellen, das auf den folgenden Formularmodellen basiert:

    Sie können diese auf der Registerkarte Formularmodell konfigurieren. Sie befindet sich auf der Seite Eigenschaften hinzufügen. Standardmäßig ist das Formularmodell Keine ausgewählt.

  7. Wählen Sie Erstellen. Ein adaptives Formular wird erstellt und es wird ein Dialogfeld zum Öffnen des Formulars zur Bearbeitung angezeigt.

    Sobald Sie alle Eigenschaften angegeben haben, klicken Sie auf Erstellen. Ein adaptives Formular wird erstellt und es wird ein Dialogfeld zum Öffnen des Formulars zur Bearbeitung angezeigt.

    Sobald Sie alle Eigenschaften angegeben haben, klicken Sie auf Erstellen. Ein adaptives Formular wird erstellt und es wird ein Dialogfeld zum Öffnen des Formulars zur Bearbeitung angezeigt.

  8. Wählen Sie Öffnen aus, um das neu erstellte Formular in einer neuen Registerkarte zu öffnen. Das Formular wird zur Bearbeitung geöffnet und zeigt den Inhalt an, der in der Vorlage verfügbar ist. Er zeigt auch die Seitenleiste an, um das neu erstellte Formular entsprechend den Anforderungen anzupassen.

    Je nach Typ des adaptiven Formulars werden auf der Registerkarte Datenmodellobjekte des Inhaltbrowsers in der Seitenleiste die Formularelemente angezeigt, die in der zugeordneten XFA-Formularvorlage, dem XML-Schema oder JSON-Schema vorhanden sind. Sie können diese Elemente auch per Drag & Drop in das adaptiven Formular ziehen.

    Informationen zur Authoring-Oberfläche für adaptive Formulare und zu verfügbaren Komponenten finden Sie unter Einführung in das Authoring adaptiver Formulare.

    NOTE
    Lassen Sie Popup-Fenster in Ihrem Browser zu, um das neu erstellte Formular in einer neuen Registerkarte zu öffnen.

Erstellen eines adaptiven Formulars basierend auf einem Formulardatenmodell

Durch die Experience Manager Forms Datenintegration können Sie mehrere Datenquellen integrieren, ihre Entitäten und Services zusammenführen und so ein Formulardatenmodell erstellen. Dabei handelt es sich um eine Erweiterung des JSON-Schemas. Sie können ein Formulardatenmodell verwenden, um ein adaptives Formular zu erstellen. Die Entitäten oder Datenmodellobjekte, die in einem Formulardatenmodell konfiguriert sind, sind als Datenmodellobjekte für die Formularerstellung verfügbar. Sie sind an die jeweiligen Datenquellen gebunden und werden verwendet, um ein Formular vorauszufüllen und die übermittelten Daten zurück in die entsprechenden Datenquellen zu schreiben. Sie können auch Services aufrufen, die in einem Formulardatenmodell mit Regeln für adaptive Formulare konfiguriert sind.

So verwenden Sie ein Formulardatenmodell zum Erstellen eines adaptiven Formulars:

  1. Wählen Sie auf der Registerkarte „Formularmodell“ im Bildschirm „Eigenschaften hinzufügen“ Formulardatenmodell aus der Dropdownliste Auswählen aus.

    Create-af-1-1

  2. Wählen Sie zum Erweitern  Formulardatenmodell auswählen aus. Alle verfügbaren Formulardatenmodelle werden aufgelistet.

    Wählen Sie ein Formulardatenmodell aus.

    Create-af-2-1

NOTE
Sie können das Formulardatenmodell für ein adaptives Formular auch ändern. Anweisungen hierfür finden Sie unter Bearbeiten von Formularmodelleigenschaften eines adaptiven Formulars.

Erstellen eines adaptiven Formulars anhand einer XFA-Formularvorlage

Sie können Ihre XFA-Formularvorlagen wiederverwenden, um adaptive Formulare zu erstellen. Dazu müssen Sie eine XFA-Formularvorlage hochladen und mit einem adaptiven Formular verknüpfen. Die Elemente der Formularvorlage (XFA-Formular) sind dann zum Zeitpunkt der Erstellung adaptiver Formulare für die Verwendung in der Inhaltssuche verfügbar. Aus der Inhaltssuche können Sie per Drag & Drop Formularvorlagenelemente in das Formular ziehen.

Erstellen eines adaptiven Formulars basierend auf einem XML- oder JSON-Schema

XML- und JSON-Schemas stellen die Struktur dar, in der Daten vom Back-End-System in Ihrer Organisation produziert oder genutzt werden. Sie können ein Schema mit einem adaptiven Formular verknüpfen und dem adaptiven Formular mithilfe der Elemente aus dem Schema dynamische Inhalte hinzufügen. Die Elemente des Schemas stehen auf der Registerkarte „Datenmodellobjekt“ des Inhalts-Browsers für das Erstellen von adaptiven Formularen zur Verfügung. Sie können die Schemaelemente zum Erstellen des Formulars ziehen und ablegen.

In den folgenden Dokumenten erfahren Sie, wie Sie ein XML- oder JSON-Schema für die Erstellung adaptiver Formulare entwickeln.

Führen Sie folgende Schritte aus, um ein XML- oder JSON-Schema als Formularmodell für ein adaptives Formular zu verwenden:

  1. Wählen Sie auf der Seite zum Erstellen adaptiver Formulare beim Schritt  Eigenschaften hinzufügen  die Registerkarte Formularmodell aus.

  2. Wählen Sie auf der Registerkarte „Formularmodell“ aus dem Dropdown-Feld Auswählen die Option Schema.

  3. Wählen Sie  Schema auswählen und führen Sie einen der folgenden Schritte aus:

    • Von Datenträger hochladen – Wählen Sie diese Option und dann „Schemadefinition hochladen“ aus, um ein XML- oder JSON-Schema in Ihrem Dateisystem zu suchen und hochzuladen. Die hochgeladene Schemadatei befindet sich innerhalb des Formulars und ist für andere adaptive Formulare nicht zugänglich.
    • Im Repository suchen – Wählen Sie diese Option, um eine Auswahl aus der Liste der im Repository verfügbaren Schemadefinitionsdateien zu treffen. Wählen Sie die XML- oder JSON-Schemadatei als Formularmodell aus. Das ausgewählte Schema wird dem Formular per Verweis zugeordnet und kann für andere adaptive Formulare verwendet werden.
    CAUTION
    Stellen Sie sicher, dass der Dateiname des JSON-Schemas mit .schema.json endet, z. B. „meinSchema.schema.json“.

    Auswählen eines XML- oder JSON-Schemas
    Abbildung: Auswählen eines XML- oder JSON-Schemas

  4. (Nur für XML-Schema) Nachdem Sie ein XML-Schema ausgewählt oder hochgeladen haben, geben Sie ein Stammelement der ausgewählten XSD-Datei an, das mit dem adaptiven Formular zugeordnet werden soll.

    Auswählen eines XSD-Stammelements
    Abbildung: XSD-Stammelement auswählen

NOTE
Sie können das Schema für ein adaptives Formular ändern. Anweisungen hierfür finden Sie unter Bearbeiten von Formularmodelleigenschaften eines adaptiven Formulars.

Adaptive Formularvorlagen

Eine Vorlage bietet eine Grundstruktur für adaptive Formulare und definiert deren Erscheinungsbild (Layouts und Stile). Es enthält vorformatierte Komponenten, einschließlich bestimmter Eigenschaften und einer Struktur für Inhalte.

Darüber hinaus können Sie den Vorlageneditor verwenden, um eigene Vorlagen zu erstellen. Weitere Informationen zum Verwenden von Vorlagen finden Sie unter Adaptive Formularvorlagen.

NOTE
Wenn Sie ein mit einer erweiterten Vorlage erstelltes adaptives Formular zur Bearbeitung öffnen, wird eine Fehlermeldung angezeigt. Die erweiterte Vorlage verfügt über eine Komponente für den Unterschriftsschritt, für die Adobe Sign standardmäßig aktiviert ist. Um den Fehler zu beheben, erstellen Sie eine Adobe Sign-Cloud-Konfiguration, wählen Sie diese aus und konfigurieren Sie eine unterschreibende Person.

Bearbeiten von Formularmodelleigenschaften eines adaptiven Formulars

Adaptive Formulare werden entweder ohne Formularmodell erstellt (mithilfe der Option „Keine“ für Formularmodelle) oder mithilfe eines Formularmodells wie einer Formularvorlage, eines XML- bzw. JSON-Schemas oder eines Formulardatenmodells. Sie können das Formularmodell für ein adaptives Formular von der Option „Keine“ zu einem anderen Formularmodell ändern. Sie können für ein adaptives Formular, das auf einem Formularmodell basiert, eine andere Formularvorlage bzw. ein anderes XML-Schema, JSON-Schema oder Formulardatenmodell für dasselbe Formularmodell wählen. Sie können jedoch nicht zwischen Formularmodellen wechseln.

  1. Wählen Sie das adaptive Formular und dann das Symbol Eigenschaften aus.

  2. Öffnen Sie die Registerkarte Formularmodell und wählen Sie eine der folgenden Vorgehensweisen.

    • Wenn das adaptive Formular nicht auf einem Formularmodell basiert, können Sie ein Formularmodell und eine entsprechende Formularvorlage, ein XML- oder JSON-Schema oder ein Formulardatenmodell auswählen.
    • Wenn das adaptive Formular auf einem Formularmodell basiert, können Sie eine andere Formularvorlage bzw. ein anderes XML-Schema, JSON-Schema oder Formulardatenmodell für dasselbe Formularmodell wählen.

  3. Wählen Sie Speichern aus, um die Eigenschaften zu speichern.

Automatisches Speichern eines adaptiven Formulars

Standardmäßig werden die Inhalte eines adaptiven Formulars bei einer Benutzeraktion wie einem Klick auf die Schaltfläche „Speichern“ gespeichert. Sie können auch ein adaptives Formular so konfigurieren, dass Inhalt basierend auf einem Ereignis oder einem Zeitintervall automatisch gespeichert wird. Die Option „Automatische Speicherung“ ist bei folgenden Aufgaben hilfreich:

  • Automatisches Speichern der Inhalte für anonyme und angemeldete Benutzende
  • Speichern der Inhalte eines Formulars ohne oder mit minimalem Benutzereingriff
  • Speichern der Inhalte eines Formulars basierend auf einem Benutzerereignis
  • Wiederholtes Speichern der Formularinhalte nach einem angegebenen Zeitintervall

Aktivieren der Option „Automatische Speicherung“ für ein adaptives Formular

Die Option „Automatisches Speichern“ ist standardmäßig nicht aktiviert. Sie können die Option „Automatisches Speichern“ über die Registerkarte „Automatisches Speichern“ eines adaptiven Formulars aktivieren. Die Registerkarte „Automatisches Speichern“ bietet mehrere weitere Konfigurationsoptionen. Führen Sie zum Aktivieren und Konfigurieren der Option „Automatisches Speichern“ für ein adaptives Formular folgende Schritte durch:

  1. Um auf den Abschnitt für das automatische Speichern in den Eigenschaften zuzugreifen, wählen Sie eine Komponente und dann field-level > Container für adaptive Formulare und anschließend cmppr .

  2. Aktivieren Sie im Abschnitt Automatische Speicherung die Option zum automatischen Speichern.

  3. Geben Sie im Feld Ereignis für adaptives Formular den Wert „1“ oder „TRUE“ ein, um das Formular automatisch speichern zu lassen, wenn das Formular im Browser geladen wird. Sie können außerdem einen bedingten Ausdruck für ein Ereignis angeben, bei dem, wenn es ausgelöst wird, der Status „true“ zurückgegeben und der Inhalt des Formulars gespeichert wird.

  4. Geben Sie den Auslöser an. Die automatische Speicherung wird gemäß Ihrer Konfiguration ausgelöst. Ihre Optionen sind:

    • Zeitbasiert: Wählen Sie diese Option, um den Inhalt anhand eines bestimmtes Zeitintervalls zu speichern.
    • Ereignisbasiert: Wählen Sie diese Option, um den Inhalt beim Auslösen eines Ereignisses zu speichern.

    Wenn Sie einen Auslöser auswählen, wird das Feld „Strategiekonfiguration“ aktiviert. Mithilfe des Felds „Strategiekonfiguration“ können Sie:

    • ein Zeitintervall angeben, wenn Sie Zeitbasiert für den Auslöser wählen.
    • Den Namen des Ereignisses angeben, wenn Sie Ereignisbasiert für den Auslöser wählen.

  5. (Nur zeitbasierte automatische Speicherung) Führen Sie die folgenden Schritte aus, um Optionen für die zeitbasierte automatische Speicherung zu konfigurieren.

    1. Geben Sie im Feld Automatisches Speichern für das Intervall das Zeitintervall in Sekunden an. Das Formular wird wiederholt gespeichert, nachdem die im Intervallfeld angegebene Anzahl an Sekunden überschritten wird.

  6. (Nur ereignisbasierte automatische Speicherung) Führen Sie die folgenden Schritte aus, um Optionen für die ereignisbasierte automatische Speicherung zu konfigurieren.

    1. Geben Sie im Feld Automatisch nach diesem Ereignis speichern ein GuideBridge-Ereignis an. Das Formular wird immer dann gespeichert, wenn der Ausdruck „TRUE“ ergibt.

  7. (Optional) Um den Inhalt automatisch für anonyme Benutzer zu speichern, wählen Sie die Option Automatisches Speichern für anonyme Benutzer aktivieren und klicken Sie auf OK.

    NOTE
    Damit die Option zum automatischen Speichern für anonyme Benutzer funktioniert, stellen Sie sicher, dass Sie den allgemeinen Forms-Konfigurationsdienst so konfiguriert ist, dass alle Benutzer Formulare in der Vorschau anzeigen, überprüfen und zu signieren können.
    Um den Service zu konfigurieren, navigieren Sie zur Adobe Experience Manager Web Console-Konfiguration unter https://'[server]:[port]'system/console/configMgr und bearbeiten Sie den allgemeinen Forms-Konfigurations-Service, um die Option Alle Benutzer im Feld Zulassen auszuwählen und die Konfiguration zu speichern.