インタラクティブ通信オーサリング UI の概要 introduction-to-interactive-communication-authoring-ui
インタラクティブ通信の作成に使用できる様々なユーザーインターフェイス要素の紹介
インタラクティブ通信 を作成するための直感的なユーザーインターフェイスには、インタラクティブ通信の印刷チャネルと Web チャネルを作成するための以下の機能が用意されています。
- WYSIWYG ドラッグアンドドロップドキュメントエディター
- アセット用の統合リポジトリー - サーバーにアップロードされてサーバー上で作成されたアセットは、インタラクティブ通信オーサリングインターフェイスのアセットブラウザーで使用することができます
新しいインタラクティブ通信の作成または既存のインタラクティブ通信の編集を行う場合は、以下のユーザーインターフェイス要素を使用します。
-
コンテンツ領域
A. サイドバー B. ページツールバー C. コンテンツ領域
サイドバー sidebar
A. チャネルブラウザー B. コンテンツブラウザー C. プロパティブラウザー D. アセットブラウザー E. コンポーネントブラウザー F. データソースブラウザー - データモデル G. データソースブラウザー - マスターコンテンツ
サイドバーには、以下のブラウザーが用意されています。
-
チャネルブラウザー
チャネルブラウザは、インタラクティブ通信の印刷チャネルと Web チャネルを切り替える際に役立ちます。 チャネルブラウザーで選択したチャネルに基づいて、コンテンツやコンポーネントなどのブラウザーにオプションが表示されます。
-
コンテンツブラウザー
コンテンツブラウザーでは、選択したチャネルのドキュメントのオブジェクト階層を確認できます。 作成者は、ドキュメントオブジェクトツリーでその要素をタップして、特定のコンポーネントに移動できます。 作成者は、Web チャネル内のオブジェクトを検索し、このツリーからオブジェクトを並べ替えることができます。
-
プロパティブラウザー
コンポーネントのプロパティを編集できます。表示されるプロパティは、コンポーネントによって異なります。例えば、ドキュメントコンテナのプロパティを表示するには、次のようにします。
コンポーネントを選択し、
-
アセットブラウザー
レイアウトフラグメント、画像、ドキュメント、ページ、ビデオなど、様々なタイプのコンテンツを区別します。 作成者は、アセットをインタラクティブ通信にドラッグアンドドロップすることができます。
-
コンポーネントブラウザー
ドキュメントの印刷チャネルと Web チャネルを構築するために使用できるコンポーネントが含まれます。 コンポーネントをインタラクティブ通信にドラッグして要素を追加し、要件に合わせてその要素の設定を行うことができます。以下の表に、印刷チャネルと Web チャネルについてコンポーネントブラウザーに表示されるコンポーネントを示します。
*印刷チャネルのレイアウトフラグメントを使用してテーブルを追加します。
**印刷チャネルでは、ターゲット領域は XDP/印刷テンプレートで事前に定義されています。 インタラクティブ通信オーサリング UI を使用して新しいターゲット領域を追加することはできません。
-
データソースブラウザー
データソースブラウザには、インタラクティブ通信の作成時に選択したフォームデータモデル内の使用可能なデータソースが表示されます。
コンポーネントを操作する際の重要なポイント key-points-for-working-with-components
インタラクティブ通信のコンポーネントを操作する際の重要なポイントは次のとおりです。
-
各コンポーネントには、そのコンポーネントの外観と機能をコントロールするプロパティが関連付けられています。コンポーネントのプロパティを設定するには、コンポーネントをタップし、
-
コンポーネントは要素名で識別されます。コンポーネントの名前を変更するには、
-
インタラクティブ通信上にタイトルが表示されている場合は、インタラクティブ通信コンポーネントのタイトルプロパティをエディター内でインライン編集することができます。プロパティブラウザーを起動する必要はありません。これを行うには、以下の手順を実行します。
- 「タイトル」プロパティが設定されていて、「タイトルを非表示」プロパティが無効になっているコンポーネントをタップして選択します。
-
- タイトルを変更し、Return キーをタップするかコンポーネント以外の場所をタップして、変更内容を保存します。変更内容を破棄する場合は Esc キーをタップします。
コンポーネントツールバー component-toolbar
コンポーネントを選択すると、そのコンポーネントを操作するためのツールバーが表示されます。 切り取り、貼り付け、移動およびコンポーネントのプロパティを指定するオプションを使用できます。以下のオプションがあります。
A. 設定：設定 をタップすると、サイドバーにコンポーネントのプロパティが表示されます。
B. ルールを編集：「ルールを編集」をタップすると、ルールエディターが表示されます。このエディターで、選択したコンポーネントのルールの作成と編集を行うことができます。また、ルールエディターで他のフォームオブジェクト（コンポーネント）を選択し、そのフォームオブジェクトのルールの作成や編集を行うこともできます。
C. コピー：このオプションを使用してドキュメントをコピーし、そのドキュメントをインタラクティブ通信内の別の場所に貼り付けることができます。
D. 切り取り：このオプションを使用して、インタラクティブ通信内のコンポーネントを別の場所に移動することができます。
E. 削除：このオプションを使用して、インタラクティブ通信からコンポーネントを削除することができます。
F. コンポーネントを挿入：このオプションを使用して、選択したコンポーネントの上に別のコンポーネントを挿入することができます。
G. 貼り付け：このオプションにより、上記のオプションを使用してカットまたはコピーしたコンポーネントを貼り付けることができます。
H. グループ：複数のコンポーネントについて、切り取り、コピー、貼り付けを同時に実行したい場合に、複数のコンポーネントを選択できます。
I. 親：コンポーネントの親を選択します。
J. 詳細:選択したコンポーネントを操作するためのその他のオプションを提供します。
- SOM 式を表示（パネルのみ）
- パネル内のオブジェクトをグループ化（パネルのみ）
- フラグメントを編集（フラグメントのみ）
- パネルをフラグメントとして保存（パネルのみ）
- 子パネルを追加（パネルのみ）
- パネルツールバーを追加（パネルのみ）
- 置換（パネル以外）
ページツールバー page-toolbar
画面上部のページツールバーには、インタラクティブ通信のプレビューを表示するためのオプションと、インタラクティブ通信のプロパティを変更するためのオプションが用意されています。インタラクティブ通信の作成時に、インタラクティブ通信のプレビューを表示し、必要に応じて変更を行うことができます。ページツールバーには、以下の項目が表示されます。
-
サイドパネルを切り替え
-
ページ情報
-
エミュレーター
-
編集：編集、スタイル、開発者、デザインなど、その他のモードを選択します。
-
編集：このモードでは、インタラクティブ通信とそのコンポーネントのプロパティを編集することができます。例えば、コンポーネントの追加、画像の削除、必須フィールドの指定などを行います。
-
スタイル：インタラクティブ通信のコンポーネントの外観を調整できます。 例えば、スタイルモードでパネルを選択して、パネルの背景色を指定することができます。
-
開発者：このモードの場合、開発者は以下の操作を実行することができます。
- インタラクティブ通信の構成要素を確認する。
- エラーが発生したタイミングと場所を特定し、問題の解決に役立てます。
-
ターゲット：このモードでは、カスタムコンポーネント、またはサイドバーに表示されていない既製のコンポーネントの有効と無効を切り替えることができます。
-
-
プレビュー：発行時のインタラクティブ通信の外観をプレビューすることができます。