Erstellen eines adaptiven Formulars

Adaptive Formulare bieten Ihnen die Möglichkeit, interaktive, responsive und dynamische adaptive Formulare zu erstellen. AEM Forms bietet eine intuitive Benutzeroberfläche sowie vordefinierte Komponenten zum Erstellen und Verarbeiten von adaptiven Formularen. Sie können adaptive Formulare auf der Basis eines Formularmodells oder Schemas oder ohne Formularmodell erstellen. Es ist wichtig, sorgfältig ein Formularmodell zu wählen, das nicht nur Ihren Verwendungszwecken entspricht, sondern auch Ihre bestehenden Infrastrukturinvestitionen und -Assets erweitert. Zum Erstellen eines adaptiven Formulars werden die folgenden Optionen bereitgestellt:

• Verwendung eines Formulardatenmodell
  Datenintegration ermöglicht die Integration von Entitäten und Services aus unterschiedlichen Datenquellen in ein Formulardatenmodell, das Sie zum Erstellen adaptiver Formulare verwenden können. Wählen Sie das Formulardatenmodell, wenn Sie ein adaptives Formular erstellen, für das Daten aus mehreren Datenquellen abgerufen und in sie geschrieben werden sollen.

• Verwendung einer XML-Schemadefinition (XSD) oder eines JSON-Schemas XML- und JSON-Schemas stellen die Struktur dar, in der Daten vom Back-End-System in Ihrem Unternehmen produziert oder genutzt werden. Sie können das Schema mit einem adaptiven Formular verknüpfen und dem Formular mithilfe der Elemente dieses Schemas dynamische Inhalte hinzufügen. Bei der Erstellung adaptiver Formulare sind die Elemente des Schemas für die Verwendung auf der Registerkarte „Datenmodellobjekte“ des Content-Browsers verfügbar.

• Keines verwenden oder ohne Formularmodell Bei dieser Option wird kein Formularmodell für die Erstellung adaptiver Formulare verwendet. Die XML-Datendatei, die aus diesen Formularen generiert wird, hat eine flache Struktur mit Feldern und entsprechenden Werten.

Voraussetzungen

Zum Erstellen eines adaptiven Formulars benötigen Sie Folgendes:

• Eine Vorlage für ein adaptives Formular. Eine Vorlage liefert die Grundstruktur für ein adaptives Formular und definiert dessen Erscheinungsbild (Layouts und Stile). Es bietet vorformatierte Komponenten, die bestimmte Eigenschaften und Inhaltsstrukturen beinhalten. Sie können eine neue Vorlage erstellen, eine vorhandene Vorlage importieren oder Beispielvorlagen herunterladen und importieren.
• Ein Design für ein adaptives Formular. Zu einem Design gehören Stildetails für die Komponenten und Bereiche. Die Stile umfassen Eigenschaften wie Hintergrundfarben, Statusfarben, Transparenz, Ausrichtung und Größe. Wenn Sie ein Design anwenden, spiegelt der angegebene Stil die entsprechenden Komponenten wider. Sie können ein neues Design erstellen, ein vorhandenes Design importieren oder Beispiel-Designs herunterladen und importieren.
• Fügen Sie Ihre Benutzer zu forms-users hinzu, um ihnen die notwendigen Berechtigungen zum Erstellen eines adaptiven Formulars zu erteilen. Eine detaillierte Liste der formularspezifischen Benutzergruppen finden Sie unter Gruppen und Berechtigungen.

Erstellen eines adaptiven Formulars

Um ein adaptives Formular zu erstellen, gehen Sie wie folgt vor.

1. Öffnen Sie die Experience Manager Forms-Autoreninstanz. Dabei kann es sich um eine Cloud-Instanz oder eine lokale Entwicklungsinstanz handeln.

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

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

3. Tippen Sie auf Erstellen und wählen Sie Adaptives Formular. Wählen Sie eine Vorlage aus und klicken Sie auf Weiter.

4. Eine 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. Ungültige 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.

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

   • Formulardatenmodell
   • XML- oder JSON-Schema
   • Kein oder ohne Formularmodell

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

6. Tippen Sie auf Erstellen. Ein adaptives Formular wird erstellt, und es wird ein Dialogfeld zum Öffnen des Formulars zur Bearbeitung angezeigt.

7. Tippen Sie auf Öffnen, 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. Es 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 Content-Browsers in der Seitenleiste die Formularelemente angezeigt, die im zugewiesenen XML-Schema oder JSON-Schema vorhanden sind. Sie können diese Elemente auch in das zu erstellende adaptive Formular ziehen.

Erstellen eines adaptiven Formulars auf der Basis eines Formulardatenmodells

Durch die 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 Dropdown-Liste Auswählen.

   

2. Tippen Sie auf Formulardatenmodell auswählen, um es zu erweitern. Sie sehen eine Liste aller verfügbaren Formulardatenmodelle. Wählen Sie ein Formulardatenmodell aus.

Erstellen eines adaptiven Formulars auf der Basis eines XML- oder JSON-Schemas

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 Formular mithilfe der Elemente aus dem Schema dynamische Inhalte hinzufügen. Die Elemente des Schemas stehen auf der Registerkarte „Datenmodellobjekt“ des Content-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.

• Erstellen adaptiver Formulare mithilfe eines XML-Schemas
• Erstellen adaptiver Formulare mithilfe eines JSON-Schemas

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

1. Tippen Sie auf der Seite zum Erstellen adaptiver Formulare beim Schritt Eigenschaften hinzufügen auf die Registerkarte Formularmodell.

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

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

   • Von Datenträger hochladen – Wählen Sie diese Option und tippen Sie auf „Schemadefinition hochladen“, 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.

     Stellen Sie sicher, dass der Dateiname des JSON-Schemas mit .schema.json endet. Beispiel: mySchema.schema.json
     
     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 dem adaptiven Formular zugewiesen werden soll.

   
   Abbildung: XSD-Stammelement auswählen

Bearbeiten der Formularmodelleigenschaften eines adaptiven Formulars

Adaptive Formulare werden entweder ohne Formularmodell erstellt (mithilfe der Option „Ohne“ für Formularmodelle) oder mithilfe eines Formularmodells wie eines XML- oder JSON-Schemas oder eines Formulardatenmodells. Sie können das Formularmodell für ein adaptives Formular von der Option „Ohne“ zu einem anderen Formularmodell ändern. Sie können für ein adaptives Formular, das auf einem Formularmodell basiert, 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 aus und tippen Sie auf das Symbol Eigenschaften.

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 ein entsprechendes XML- oder JSON-Schema oder ein Formulardatenmodell auswählen.
   • Bei einem adaptiven Formular, das auf einem Formularmodell basiert, können Sie ein anderes XML-Schema, JSON-Schema oder Formulardatenmodell für dasselbe Formularmodell wählen.

3. Tippen Sie auf Speichern, um die Eigenschaften zu speichern.