Einführung in die Benutzeroberfläche für interaktive Kommunikationserstellung

Letzte Aktualisierung: 2023-11-08
  • Erstellt für:
  • User

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 Erstellen oder Bearbeiten einer vorhandenen interaktiven Kommunikationverwenden Sie die folgenden Elemente der Benutzeroberfläche:

Benutzeroberfläche der interaktiven Kommunikation

A. Seitenleiste B. Seitensymbolleiste C. Inhaltsbereich

Randleiste

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.

  • Inhalts-Browser: Im Inhalts-Browser 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. Um beispielsweise die Eigenschaften des Dokument-Containers anzuzeigen:
    Wählen Sie eine Komponente, tippen Sie auf field-level > Dokument-Container und dann auf cmppr.

  • Assets-Browser Trennt verschiedene Arten von Inhalten wie Layout-Fragmente, Bilder, Dokumente, Seiten, Videos. Der Autor kann Assets in die interaktive Kommunikation ziehen und ablegen.

  • Komponentenbrowser 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 das Einfügen eines Bildes.
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.

  • Datenquellenbrowser Datenquellenbrowser zeigt die verfügbaren Datenquellen in dem Formulardatenmodell an, das Sie beim Erstellen der interaktiven Kommunikation ausgewählt haben.

Wichtige Punkte beim Arbeiten mit Komponenten

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

Komponenten-Symbolleistenbeschriftungen

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 Festlegen 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. SOM-Ausdruck anzeigen: Damit können Sie den SOM-Ausdruck für die Komponente anzeigen.

K: Gruppieren von Objekten im Bereich: Hiermit können Sie die Komponenten in einem Bedienfeld gruppieren, um Vorgänge für diese Komponenten gleichzeitig durchführen zu können. Weitere Informationen finden Sie unter Gruppieren von Objekten im Bedienfeld.

L. Untergeordnetes Bedienfeld hinzufügen (nur für Bedienfelder): Hiermit können Sie dem Bedienfeld ein untergeordnetes Bedienfeld hinzufügen.

M: Symbolleiste hinzufügen (Nur für Bedienfelder): Hiermit können Sie die Symbolleisten-Komponente für Bedienfelder hinzufügen. Sie können dann weitere Aktionen in der Symbolleiste ausführen.

Außerdem können Sie mit der Option Ersetzen in der Symbolleiste die vorhandene Komponente durch eine andere Komponente ersetzen. Die Option ist für die Bedienfeldkomponente nicht verfügbar.

Seitensymbolleiste

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.

Auf dieser Seite