インタラクティブなコミュニケーションのオーサリング UI の概要 introduction-to-interactive-communication-authoring-ui
インタラクティブなコミュニケーション を作成するための直感的なユーザーインターフェイスには、インタラクティブなコミュニケーションの印刷チャネルと Web チャネルを作成するための以下の機能が用意されています。
- WYSIWYG ドラッグアンドドロップドキュメントエディター
- アセット用の統合リポジトリ - サーバーにアップロードされてサーバー上で作成されたアセットは、インタラクティブなコミュニケーションのオーサリングインターフェイスのアセットブラウザーで使用することができます
既存のインタラクティブなコミュニケーションの作成または編集を行う場合は、以下のユーザーインターフェイス要素を使用します。
- サイドバー
- ページツールバー
- コンポーネントツールバー
- コンテンツ領域
A. サイドバー B. ページツールバー C. コンテンツ領域
サイドバー sidebar
A. チャネルブラウザー B. コンテンツブラウザー C. プロパティブラウザー D. アセットブラウザー E. コンポーネントブラウザー F. データソースブラウザー - データモデル G. データソースブラウザー - マスターコンテンツ
サイドバーには、以下のブラウザーが用意されています。
- チャネルブラウザー
チャネルブラウザーにより、インタラクティブなコミュニケーションの印刷チャネルと web チャネルを切り替えることができます。 チャネルブラウザーで選択したチャネルに基づいて、コンテンツブラウザーやコンポーネントブラウザーなどのブラウザーに対応するオプションが表示されます。
-
コンテンツブラウザー
コンテンツブラウザーでは、選択したチャネルのドキュメントのオブジェクト階層を表示できます。 作成者は、ドキュメントオブジェクトツリーで目的の要素をタップして、特定のコンポーネントに移動することができます。 作成者は、web チャネルでオブジェクトを検索したり、ドキュメントオブジェクトツリーでオブジェクトの配置を変更したりすることができます。 -
プロパティブラウザー
コンポーネントのプロパティを編集できます。 表示されるプロパティは、コンポーネントによって異なります。 例えば、ドキュメントコンテナのプロパティを確認するには、次の手順を実行します。
コンポーネントを選択し、
-
Assets ブラウザー
レイアウトフラグメント、画像、ドキュメント、ページ、動画など、様々なタイプのコンテンツを分離します。 作成者は、アセットをインタラクティブなコミュニケーションにドラッグアンドドロップすることができます。 -
コンポーネントブラウザー
ドキュメントの印刷チャネルと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 式を表示： コンポーネント用 SOM 式 を表示します。
K: パネル内のオブジェクトのグループ化： パネル内のコンポーネントをグループ化して、それらのコンポーネントに対する操作を同時に実行可能にします。 詳細については、パネル内のオブジェクトのグループ化 を参照してください。
L. 子パネルを追加（パネルの場合のみ）：子パネルをパネルに追加できます。
M: パネルツールバーを追加 （パネルのみ） :Letsは、パネルコンポーネントのツールバーを追加します。 その後、ツールバーで追加のアクションを実行できます。
また、ツールバーの 置換 オプションを使用すると、既存のコンポーネントを別のコンポーネントで置き換えることができます。 このオプションは、パネルコンポーネントには使用できません。
ページツールバー page-toolbar
画面上部のページツールバーには、インタラクティブなコミュニケーションのプレビューを表示するためのオプションと、インタラクティブなコミュニケーションのプロパティを変更するためのオプションが用意されています。 インタラクティブなコミュニケーションの作成時に、インタラクティブなコミュニケーションのプレビューを表示し、必要に応じて変更を行うことができます。 ページツールバーには、以下の項目が表示されます。
-
サイドパネルを切り替え
-
ページ情報
-
エミュレーター
-
編集：編集、スタイル、開発者、デザインなど、その他のモードを選択します。
-
編集：このモードでは、インタラクティブなコミュニケーションとそのコンポーネントのプロパティを編集することができます。 例えば、コンポーネントの追加、画像の削除、必須フィールドの指定などを行います。
-
スタイル：インタラクティブなコミュニケーションのコンポーネントの外観を調整することができます。 例えば、スタイルモードでパネルを選択して、パネルの背景色を指定することができます。
-
開発者：このモードの場合、開発者は以下の操作を実行することができます。
- インタラクティブなコミュニケーションの構成要素を確認する。
- エラーが発生したタイミングと場所を特定し、問題の解決に役立てます。
-
ターゲット：このモードでは、カスタムコンポーネント、またはサイドバーに表示されていない既製のコンポーネントの有効と無効を切り替えることができます。
-
-
プレビュー：発行時のインタラクティブなコミュニケーションの外観をプレビューすることができます。