Einführung in die Benutzeroberfläche für interaktive Kommunikationserstellung introduction-to-interactive-communication-authoring-ui

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

Eine Einführung in die verschiedenen Elemente der Benutzeroberfläche, die Sie zum Erstellen der interaktiven Kommunikation verwenden können

Die Benutzeroberfläche für das Erstellen von interaktiver Kommunikation ist intuitiv und bietet Folgendes für die Erstellung des Druck- und Web-Kanals der interaktiven Kommunikation:

  • WYSIWYG Drag-and-Drop-Dokumenteditor
  • Integriertes Repository für Assets – die Assets, die auf den Server hochgeladen und dort erstellt wurden, sind im Asset-Browser der Authoring-Oberfläche der interaktiven Kommunikation verfügbar.

Wenn Sie eine neue interaktive Kommunikation erstellen oder eine vorhandene bearbeiten, verwenden Sie die folgenden Elemente der Benutzeroberfläche:

Benutzeroberfläche der interaktiven Kommunikation

A. Seitenleiste B. Seitensymbolleiste C. Inhaltsbereich

Randleiste sidebar

Randleiste

Klicken Sie zum Vergrößern auf

A. Kanal-Browser B. Inhalts-Browser C. Eigenschaften-Browser D. Asset-Browser E. Komponenten-Browser F. Datenquellen-Browser – Datenmodell G. Datenquellen-Browser – Übergeordnete Inhalte

Die Seitenleiste beinhaltet Folgendes:

  • Kanalbrowser

    Mit dem Kanal-Browser können Sie zwischen den Druck- und Webkanälen der interaktiven Kommunikation wechseln. Je nach Kanal, den Sie im Kanalbrowser ausgewählt haben, werden in den Browsern wie Inhalt und Komponenten die Optionen angezeigt.

  • Inhaltsbrowser

    Im Inhaltsbrowser können Sie die Objekthierarchie des Dokuments für den ausgewählten Kanal sehen. Der Autor kann zu einer bestimmten Komponente navigieren, indem er in der Dokumentobjektstruktur auf dieses Element tippt. Der Autor kann Objekte im Webkanal suchen und von dieser Struktur aus neu anordnen.

  • Eigenschaften-Browser

    Hier können Sie die Eigenschaften einer Komponente bearbeiten. Die Eigenschaften sind je nach Komponente verschieden. So zeigen Sie beispielsweise die Eigenschaften des Dokumentcontainers an:

    Wählen Sie eine Komponente aus und tippen Sie dann auf Feldebene > Dokumentcontainer und tippen Sie anschließend auf cmppr .

  • Assets-Browser

    Trennt verschiedene Inhaltstypen wie Layout-Fragmente, Bilder, Dokumente, Seiten, Videos. Der Autor kann Assets in die interaktive Kommunikation ziehen und ablegen.

  • Komponenten-Browser

    Enthält Komponenten, mit denen Sie die Druck- und Webkanäle eines Dokuments erstellen können. Sie können Komponenten per Drag-und-Drop in die interaktive Kommunikation ziehen, um Elemente hinzuzufügen, und hinzugefügte Elemente gemäß den Anforderungen konfigurieren. In der folgenden Tabelle werden die im Komponentenbrowser aufgelisteten Komponenten für Druck- und Webkanäle beschrieben.

Komponente
Druckkanal
Web-Kanal
Funktionen
Diagramm
Fügt ein Diagramm hinzu, das Sie in einer interaktiven Kommunikation für die visuelle Darstellung zweidimensionaler Daten verwenden können, die aus einem Formulardatenmodellsammlungselement abgerufen werden.
Dokumentfragment
Ermöglicht das Hinzufügen einer wiederverwendbaren Komponente, eines Textes, einer Liste oder einer Bedingung zu einer interaktiven Kommunikation. Die wiederverwendbare Komponente, die Sie einer interaktiven Kommunikation hinzufügen, kann entweder formulardatenmodellbasiert sein oder ohne ein Formulardatenmodell sein.
Bild
Ermöglicht es Ihnen, ein Bild einzufügen.
Bereich
-
Die Bedienfeldkomponente ist ein Platzhalter zum Gruppieren anderer Komponenten und steuert, wie eine Gruppe von Komponenten in einer interaktiven Kommunikation angeordnet wird. Mit einer Bedienfeldkomponente können Sie auch eine Gruppe von Komponenten für den Endbenutzer wiederholbar machen, z. B. in mehreren Einträgen, die zum Ausfüllen von Unterrichtsberechtigungen erforderlich sind. Es ist sinnvoll, einen Bereich jeweils für eine Registerkarte einer interaktiven Kommunikation mit mehreren Registerkarten zu verwenden.
Tabelle
*
Fügt eine Tabelle hinzu, mit der Sie Daten in Zeilen und Spalten organisieren können.
Zielbereich
**
Fügt einen Zielbereich in einen Webkanal ein, um die webkanalspezifischen Komponenten zu organisieren.
Text
-
Fügt Text zum Webkanal einer interaktiven Kommunikation hinzu. Text kann Formulardatenmodellobjekte verwenden, um den Inhalt dynamisch zu gestalten.

* Verwenden Sie Layout-Fragmente im Druckkanal , um Tabellen hinzuzufügen.

** Im Druckkanal sind Zielbereiche in der XDP-/Druckvorlage vordefiniert. Sie können keine neuen Zielbereiche mithilfe der Autorenoberfläche für die interaktive Kommunikation hinzufügen.

  • Data Sources-Browser

    Der Data Sources-Browser zeigt die verfügbaren Datenquellen im Formulardatenmodell an, das Sie beim Erstellen der interaktiven Kommunikation ausgewählt haben.

Wichtige Punkte beim Arbeiten mit Komponenten key-points-for-working-with-components

Die wichtigsten Punkte beim Arbeiten mit interaktiven Kommunikationskomponenten sind:

  • Jede Komponente verfügt über zugehörige Eigenschaften, die ihre Darstellung und Funktion steuern. Tippen Sie zum Konfigurieren der Eigenschaften einer Komponente auf die Komponente und auf cmppr , um die Komponenteneigenschaften im Eigenschaftenbrowser zu öffnen.

  • Eine Komponente wird mit ihrem Elementnamen gekennzeichnet. Wenn Sie auf cmppr tippen, können Sie den Namen der Komponente ändern, indem Sie den Wert des Felds „Elementname“ im Eigenschaften-Browser ändern. Im Feld "Elementname"sind nur Buchstaben, Zahlen, Bindestriche (-) und Unterstriche (_) zulässig. Andere Sonderzeichen sind nicht zulässig und der Elementname sollte mit einem Brief beginnen.

  • Sie können die Titel-Eigenschaft einer Komponente einer interaktiven Kommunikation inline im Editor ändern, ohne den Eigenschaften-Browser zu öffnen, solange der Titel in der interaktiven Kommunikation sichtbar ist. Gehen Sie dazu wie folgt vor:

    1. Wählen Sie eine Komponente aus, in der die Eigenschaft Titel vorhanden und deren Eigenschaft Titel ausblenden deaktiviert ist, indem Sie darauf tippen.
    2. Tippen Sie auf aem_6_3_edit , damit der Titel bearbeitet werden kann.
    3. Ändern Sie den Titel und drücken Sie die Return-Taste oder tippen Sie auf eine beliebige Stelle außerhalb der Komponente, um die Änderungen zu speichern. Drücken Sie die Esc-Taste, um die Änderungen zu verwerfen.

Komponenten-Symbolleiste component-toolbar

Wenn Sie eine Komponente auswählen, wird eine Symbolleiste angezeigt, über die Sie mit ihr arbeiten können. Sie erhalten Optionen zum Ausschneiden, Einfügen, Verschieben und Angeben von Eigenschaften der Komponenten. Ihre Optionen sind:

A. Konfigurieren: Wenn Sie auf Konfigurieren tippen, werden in der Seitenleiste Komponenteneigenschaften sichtbar.

B. Regeln bearbeiten: Wenn Sie auf „Regeln bearbeiten“ tippen, wird der Regel-Editor angezeigt, in dem Sie Regeln für die ausgewählte Komponente bearbeiten und erstellen können. Im Regeleditor können Sie auch andere Formularobjekte (Komponenten) auswählen und Regeln für diese Formularobjekte bearbeiten/erstellen.

C. Kopieren: Sie können die Kopieroption verwenden, um eine Komponente zu kopieren und an andere Positionen im Formular einzufügen.

D. Ausschneiden: Sie können die Option zum Ausschneiden verwenden, um in der interaktiven Kommunikation eine Komponente von einer Position an eine andere zu verschieben.

E. Löschen: Hiermit können Sie die Komponente aus der interaktiven Kommunikation löschen.

F. Komponente einfügen: Hiermit können Sie eine Komponente oberhalb der ausgewählten Komponente einfügen.

G. Einfügen: Hiermit können Sie die mithilfe der oben genannten Optionen ausgeschnittenen oder kopierten Komponente einfügen.

H. Gruppieren: Mit dieser Funktion können Sie mehrere Komponenten auswählen, um sie zusammen auszuschneiden, zu kopieren oder einzufügen.

I. Übergeordnet: Hier können Sie das übergeordnete Element einer Komponente auswählen.

J. Mehr: Bietet weitere Optionen zum Arbeiten mit der ausgewählten Komponente.

  • SOM-Ausdruck anzeigen (nur für Bedienfelder)
  • Gruppenobjekte im Bedienfeld (nur für Bedienfelder)
  • Fragment bearbeiten (nur für Fragmente)
  • Speichern eines Bedienfelds als Fragment (nur für Bedienfelder)
  • Untergeordnetes Bedienfeld hinzufügen (nur für Bedienfelder)
  • Bedienfeld-Symbolleiste hinzufügen (nur für Bereiche)
  • Ersetzen (nicht für Bedienfelder)

Seitensymbolleiste page-toolbar

Die Seitensymbolleiste oben bietet Optionen, mit denen Sie die interaktive Kommunikation in der Vorschau anzeigen und ihre Eigenschaften ändern können. Sie können beim Bearbeiten die interaktive Kommunikation in der Vorschau anzeigen und die gewünschten Änderungen vornehmen. In der Seitensymbolleiste wird Folgendes angezeigt:

  • Seitliches Bedienfeld ein/aus toggle-side-panel : Hiermit können Sie die Seitenleiste ein- oder ausblenden.

  • Seiteninformationen pageinformationad : Hiermit können Sie die Seiteneigenschaften anzeigen.

  • Emulator ruler : Hiermit können Sie die Darstellung des Formulars für verschiedene Display-Größen (z. B. für Tablets und Smartphones) emulieren.

  • Bearbeiten: Hiermit können Sie andere Modi auswählen, wie etwa: Bearbeiten, Stil, Entwickler und Design.

    • Bearbeiten: Hiermit können Sie die Eigenschaften der interaktiven Kommunikation und ihre Komponenten bearbeiten. Dies tun Sie, indem Sie beispielsweise eine Komponente hinzufügen, ein Bild ablegen oder obligatorische Felder festlegen.

    • Stil: Hiermit können Sie das Erscheinungsbild von Komponenten der interaktiven Kommunikation stilistisch anpassen. Im Stilmodus können Sie beispielsweise einen Bereich auswählen und dessen Hintergrundfarbe festlegen.

    • Entwickler: Hier haben Entwickler folgende Möglichkeiten:

      • Entdecken Sie, woraus interaktive Kommunikation besteht.
      • Debugging der am Formular durchgeführten Aktionen zur Behebung von Fehlern.
    • Ziel: Hier können Sie benutzerdefinierte Komponenten oder auch vordefinierte, nicht in der Seitenleiste aufgelistete Komponenten aktivieren oder deaktivieren.

  • Vorschau: Hier können Sie das Aussehen der interaktiven Kommunikation in der Vorschau anzeigen, wenn sie veröffentlicht wird.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da