インタラクティブ通信の作成

インタラクティブ通信を作成するには、インタラクティブ通信エディターを使用します。ドラッグアンドドロップ機能を使用してインタラクティブ通信を作成し、各種のデバイスで印刷出力と Web 出力のプレビューを表示することができます。

概要

インタラクティブ通信を使用すると、各種のインタラクティブな通信記録の作成と配信を、カスタマイズされた安全な方法で一元的に管理することができます。印刷出力を Web 用のマスターチャネルとして使用することにより、インタラクティブ通信の Web 出力を作成する手間を大幅に省くことができます。

前提条件

インタラクティブ通信を作成するための前提条件を以下に示します。

インタラクティブ通信の作成

  1. AEM オーサーインスタンスにログインし、Adobe Experience Managerフォームフォームとドキュメント​に移動します。

  2. Tap Create and select Interactive Communication. [対話型通信の作成]ページが表示されます。

    クリエイト・インタラクティブ・コミュニケーション

  3. 以下の情報を入力します。:

    • タイトル:インタラクティブ通信のタイトルを入力します。
    • 名前*: 対話型通信の名前は、入力したタイトルから得られます。 必要に応じて編集します。
    • 説明: 対話型通信に関する説明を入力します。
    • フォームデータモデル*:フォームデータモデルを参照して選択します。For more information on Form Data Model, see AEM Forms Data Integration.
    • 事前入力サービス: データを取得し、インタラクティブ通信を事前入力するには、事前入力サービスを選択します。
    • 後処理タイプ: 対話型通信が送信されたときにトリガーされるAEMまたはFormsワークフローを選択できます。 トリガーするワークフローのタイプを選択します。
    • 後処理:トリガーするワークフローの名前を選択します。AEMワークフローを選択する場合は、「添付ファイルのパス」、「レイアウトのパス」、「PDFパス」、「印刷データのパス」および「Webデータのパス」を指定します。
    • タグ: 対話型通信に適用するタグを選択します。 また、新しいタグ名やカスタムタグ名を入力し、Enterキーを押して作成することもできます。
    • 作成者:作成者名は、ログインしたユーザー名から自動的に取得されます。
    • 発行日: インタラクティブコミュニケーションを公開する日付を入力します。
    • 非公開日: 対話型通信の公開を取り消す日付を入力します。
  4. 次へ」をタップします。印刷とWebチャネルの詳細を指定する画面が表示されます。

  5. 以下を入力します。

    • 印刷: 対話型通信の印刷チャネルを生成する場合は、このオプションを選択します。
    • 印刷テンプレート:* XDPを参照し、印刷テンプレートとして選択します。
    • Webチャネルーに印刷マスターを使用: 印刷チャネルと同期するWebチャネルーを作成する場合は、このオプションを選択します。 印刷チャネルを Web チャネルのマスターとして使用すると、Web チャネルに連結されたコンテンツとデータが印刷チャネルから取得され、「同期」をタップしたときに、印刷チャネルに対する変更内容が Web チャネルに反映されます。ただし、作成者は、Web チャネル内の特定のコンポーネントについて、必要に応じて継承設定を解除することができます。For more information, see Synchronize Web channel with Print channel.
    • Web: Interactive CommunicationのWebチャネルまたはレスポンシブ出力を生成する場合は、このオプションを選択します。
    • Interactive Communication Webテンプレート:* Webテンプレートを参照して選択します。
    • テーマ とテーマ を選択*: 対話型通信のWebチャネルのスタイルを設定するテーマを参照して選択します。 詳しくは、「AEM Forms のテーマ」を参照してください。

    For more information on print channel and web channel, see Print channel and web channel.

  6. 作成」をタップします。対話型通信が作成され、警告ボックスが表示されます。 Tap Edit to start building the contents of the Interactive Communication as explained in Add contents using Interactive Communication authoring user interface. Alternatively, you can tap Done and choose to edit the Interactive Communication later.

インタラクティブ通信にコンテンツを追加する

対話型通信を作成した後、対話型通信オーサリングインターフェイスを使用してそのコンテンツを作成できます。

For more information on the Interactive Communication authoring interface, see Introduction to Interactive Communication authoring.

  1. The Interactive Communication authoring interface is launched when you Tap Edit as mentioned in Create Interactive Communication. Alternatively, you can navigate to an existing Interactive Communication asset on AEM, select it, and tap Edit to launch the Interactive Communication authoring interface.

    既定では、[対話型通信]が[Webチャネルのみ]でない限り、[対話型通信]の印刷チャネルが表示されます。 Interactive Communicationの印刷チャネルには、選択したXDP/印刷チャネルテンプレートで使用可能なターゲット領域が表示されます。 これらのターゲット領域とフィールドで、コンポーネントやアセットを追加することができます。

  2. With the Print channel selected, select the Components tab. 印刷チャネルでは、以下のコンポーネントを使用することができます。

    コンポーネント 機能
    グラフ フォームデータモデルコレクションから取得した2次元データを視覚的に表すために、Interactive Communicationで使用できるグラフを追加します。 For more information, see Using charts in Interactive Communications.
    ドキュメントフラグメント テキスト、リスト、条件などの再利用可能なコンポーネントをインタラクティブコミュニケーションに追加できます。 インタラクティブ通信に追加する再利用可能なコンポーネントは、フォームデータモデルベースのコンポーネントでも、フォームデータモデルを持たないコンポーネントでもかまいません。
    画像 画像を挿入できるようにします。。

    コンポーネントを対話型通信にドラッグ&ドロップし、必要に応じて設定します。

  3. 印刷チャネルを選択した場合は、「アセット」タブに移動して、必要なアセットだけを表示するためのフィルターを適用します。

    アセットブラウザを使用して、インタラクティブコミュニケーションターゲット領域にアセットを直接ドラッグ&ドロップすることもできます。

    assets-docfragments

  4. ドキュメントフラグメントをインタラクティブ通信にドラッグアンドドロップします。以下の表に、インタラクティブ通信の印刷チャネルで使用できるドキュメントフラグメントのタイプを示します。

ドキュメントフラグメントタイプ 用途の例
テキスト レターの住所、受信者の電子メール、本文を追加するテキスト
条件 Condition to add the appropriate header image to the communication based on the type of the policy: Standard or Premium.
リスト Group of document fragments, including text, conditions, other lists, and images.

For more information on document fragments, see Document Fragments.

  1. To set up binding of variables, tap a variable and select configure_icon (Configure) and then set up the binding properties in the Properties panel in the sidebar.

    • なし:このプロパティを選択すると、エージェントによって変数の値が設定されます。
    • テキストフラグメント:このプロパティを選択すると、フィールド内でコンテンツがレンダリングされるテキストドキュメントフラグメントを参照して選択できるようになります。変数を含まない変数に連結できるのは、テキストドキュメントフラグメントだけです。
    • Data Model Object: フィールドに値が入力されるフォームデータモデルのプロパティを選択します。

    関連するテキストドキュメントフラグメントを設定することもできます。プロパティパネルには、そのテキストドキュメントフラグメントの変数リストが表示されます。You can tap edit (Edit) next to a variable name to display that variable's settings for editing.

  2. テーブルを追加するには、印刷チャネルを選択した状態で、レイアウトフラグメントだけを表示するためのフィルターを「アセット」タブで適用します。次に、必要なレイアウトフラグメントをインタラクティブ通信にドラッグアンドドロップします。レイアウトフラグメントはXDPに基づいており、動的データが埋め込まれるInteractive Communicationのグラフィカルレイアウトや静的および動的テーブルの作成に使用できます。

    例えば、新しいポリシーと古いポリシーで、保険料の総額、特別割引率(%)、緊急ロードサイドサービスを表示するためのレイアウトテーブルを作成することができます。

    For more information on layout fragments, see Document Fragments.

  3. 印刷チャネルを選択した状態で、画像を表示するためのフィルターを「アセット」タブで適用します。必要な画像(会社のロゴなど)をInteractive Communicationにドラッグ&ドロップします。

    また、インタラクティブ通信で以下の操作を行います。

  4. Webチャネルに切り替え。 Interactive Communication EditorにWebチャネルが表示されます。 印刷チャネルからWebチャネルに初めて切り替えると、自動同期が行われます。 For more information, see Synchronizing web channel from the print channel.

    この例では、Web チャネルのマスターとして印刷チャネルを使用しているため、印刷チャネルのプレースホルダー、コンテンツ、データ連結が Web チャネルに同期されます。ただし、Web チャネルの特定のコンテンツを必要に応じてカスタマイズすることができます。

    webchannelassets

  5. Web チャネルにコンポーネントを追加するには、Web チャネルを選択した状態で「コンポーネント」をタップします。必要に応じて、Interactive CommunicationのWebチャネルーにコンポーネントをドラッグ&ドロップし、設定に進みます。

    コンポーネント 機能
    グラフ フォームデータモデルのコレクションから取得した2次元のデータを視覚的に表すために、Interactive Communicationで使用できるグラフを追加します。 For more information, see Using chart component.
    ドキュメントフラグメント 再利用可能なコンポーネント、テキスト、リスト、または条件をインタラクティブコミュニケーションに追加できます。 インタラクティブ通信に追加する再利用可能なコンポーネントは、フォームデータモデルベースのコンポーネントでも、フォームデータモデルなしのコンポーネントでもかまいません。
    画像 画像を挿入できるようにします。。
    パネル パネルコンポーネントは、他のコンポーネントをグループ化するためのプレースホルダーです。パネルコンポーネントにより、インタラクティブ通信内でのコンポーネントグループ(アコーディオンやタブなど)の配置方法が制御されます。パネルコンポーネントを使用して、エンドユーザーが繰り返し使用できるコンポーネントグループ(学歴を入力するための複数のエントリなど)を作成することもできます。
    テーブル 行と列のデータを整理するためのテーブルを追加することができます。
    ターゲット領域 Web チャネル固有のコンポーネントを整理するためのターゲット領域を、その Web チャネルに挿入することができます。ターゲット領域は、Web チャネル固有のコンポーネントをグループ化するためのプレーンコンテナです。
    テキスト インタラクティブ通信の Web チャネルにリッチテキストを追加することができます。追加したテキストでフォームデータオブジェクトを使用して、動的なコンテンツを作成することもできます。
  6. 必要に応じて、Web チャネルにアセットを挿入します。

    You can preview your Interactive Communication to see what the print and web outputs of the Interactive Communication look like and continue making changes, as required.

インタラクティブ通信のプレビュー表示

You can use the Preview option to evaluate appearance of the Interactive Communication. Interactive CommunicationのWebチャネルは、様々なデバイスでのInteractive Communicationのエクスペリエンスをエミュレートするオプションも提供します。 例えば、iPhone、iPad、デスクトップパソコンなどのデバイスについて、エミュレーションを行うことができます。You can use both Preview and Emulator ruler options in conjunction with each other to preview the web outputs for devices of different screen sizes. プレビュー内のサンプルデータは、指定したフォームデータモデルから入力されます。

  1. プレビュー表示する印刷チャネルまたは Web チャネルを選択して「プレビュー」をタップします。対話型通信が表示されます。

    メモ

    プレビュー画面には、指定したフォームデータモデルのサンプルデータが表示されます。For more information on previewing the Interactive Communication with some other data or using the prefill service, see Use form data model and Work with form data model.

  2. For the web channel, use ruler to view how the Interactive Communication looks on various devices.

    webchannelpreview

Further, you can Prepare and send Interactive Communication using the Agent UI.

インタラクティブ通信でプロパティを設定する

添付ファイルとライブラリへのアクセス

印刷チャネルでは、添付ファイルとライブラリへのアクセスを設定して、インタラクティブ通信の添付ファイルをエージェント UI で管理することができます。

  1. 印刷チャネルでドキュメントコンテナをハイライト表示して、「プロパティ」をタップします。

    documentcontainerproperties

    サイドバーにプロパティパネルが表示されます。

    propertiesattachments

  2. 添付ファイル」を展開し、以下のプロパティを指定します。

    • ライブラリのアクセスを許可:エージェント UI でエージェントによるライブラリへのアクセスを許可する場合は、このプロパティを選択します。このプロパティを選択すると、インタラクティブ通信の準備を行う際に、エージェントを使用してライブラリ内のファイルを追加できるようになります。

    • 添付ファイルの順番の変更を許可:インタラクティブ通信の添付ファイルの順序を変更できるようにするには、このプロパティを選択します。

    • 許可される添付ファイルの最大数:インタラクティブ通信で許可される添付ファイルの最大数を指定します。

    • 添付ファイル: をタップし 追加 、添付するファイルを参照して選択し、次の内容を指定します。

      • デフォルトでドキュメントにこのファイルを添付する:ファイルの添付が必須でない場合のみ、このオプションを変更することができます。
      • 必須:このオプションを選択すると、エージェント UI で添付ファイルを削除できなくなります。

    attachfiles

  3. 完了」をタップします。

XDP またはレイアウトフィールドのプロパティの設定

  1. While editing the Print channel of an Interactive Communication, hover over a field, which is built in the Print channel template, and select configure_icon (Configure).

    サイドバーにプロパティダイアログが表示されます。

    xdpfieldproperties

  2. 以下のプロパティを指定します。

    • 名前: JCRノード名。

    • タイトル:タイトルを入力します。ここで入力したタイトルは、エージェント UI とドキュメントコンテナツリーに表示されます。

    • 連結の種類: フィールドに対して、次のいずれかの連結の種類を選択します。

      • なし:このプロパティを選択すると、エージェントによってプロパティの値が設定されます。
      • テキストフラグメント:このプロパティを選択すると、フィールド内でコンテンツがレンダリングされるテキストドキュメントフラグメントを参照して選択できるようになります。
      • データモデルオブジェクト:フィールド内に値を取り込むデータモデルプロパティを選択します。
    • デフォルト値:指定したデータモデルオブジェクトまたはテキストフラグメントでフィールドの値を設定しなかった場合、そのフィールドにデフォルト値が設定されます。データ連結の種類が「なし」の場合、デフォルト値はフィールドに事前入力されます。

    • エージェントによる編集が可能:エージェント UI のフィールド値をエージェントを使用して編集できるようにするには、このオプションを選択します。この設定は、「連結の種類」が「テキストフラグメント」の場合は適用されません。

    • ラベル:フィールドと共にエージェント UI に表示されるテキスト文字列を指定します。この設定は、「連結の種類」が「テキストフラグメント」の場合は適用されません。

    • ツールチップ: エージェントUIのエージェントにマウスを移動すると表示されるテキスト文字列を入力します。 この設定は、「連結の種類」が「テキストフラグメント」の場合は適用されません。

    • 必須:フィールドを入力必須にするには、このオプションを選択します。この設定は、「連結の種類」が「テキストフラグメント」の場合は適用されません。

    • 複数行:フィールドに複数行のテキストを入力できるようにするには、このオプションを選択します。この設定は、「連結の種類」が「テキストフラグメント」の場合は適用されません。

  3. done_icon」をタップします。

インタラクティブ通信のコンポーネントにルールを適用する

To conditionalize components or content in the interactive communcation, tap the component/piece of content and select createruleicon (Create Rule) to launch Rule Editor.

詳しくは、次を参照してください。

テーブルの使用

インタラクティブ通信の動的テーブル

レイアウトフラグメントを使用して、インタラクティブ通信に動的テーブルを追加できます。 以下の手順では、クレジットカードの取引明細を例として、レイアウトフラグメントを使用して、インタラクティブ通信内に動的なテーブルを作成する方法について説明します。

  1. テーブルを作成するために必要なレイアウトフラグメントが AEM で使用可能な状態になっていることを確認します。

  2. Interactive Communicationの印刷チャネルで、レイアウトフラグメント(複数列のテーブルを含む)をAsset Browserからターゲット領域にドラッグ&ドロップします。

    lf_dragdrop

    インタラクティブ通信のレイアウト領域にテーブルが表示されます。

    lf_dragdrop_table

  3. テーブル内のセルごとに、データ連結を指定します。繰り返し可能な行を作成するには、共通のコレクションプロパティに属する行にフォームデータモデルのプロパティを挿入します。

    1. Tap a cell in the table and select configure_icon (Configure).

      サイドバーにプロパティダイアログが表示されます。

      lf_cell_properties

    2. 以下のプロパティを設定します。

      • 名前: JCRノード名。

      • タイトル: 対話型通信エディタに表示するタイトルを入力します。

      • バインディングタイプ(&A);ast;: フィールドに対して、次のいずれかの連結の種類を選択します。

        • なし
        • データモデルオブジェクト: フォームデータモデルのプロパティの値がフィールドに入力されます。
      • Data Model Object: フィールドに値が入力されるフォームデータモデルのプロパティ。

      • デフォルト値: デフォルト値では、指定したデータモデルオブジェクトに値が指定されていない場合、フィールドが空でないことを確認します。 デフォルト値はフィールドに事前入力されます。

      • エージェントによる編集が可能:エージェント UI のフィールド値をエージェントを使用して編集できるようにするには、このオプションを選択します。

    3. done_icon」をタップします。

  4. 対話型通信をプレビューして、データと共にレンダリングされたテーブルを表示します。

    lf_プレビュー

Web チャネル専用テーブル

Interactive Communicationでは、型のコレクションのdata modelプロパティを使用して、Webチャネルのみの動的テーブルを作成できます。 このようなテーブルは、コレクションプロパティの子プロパティを表したものです。 編集できるのは、テーブル内のセルの書式設定プロパティだけです。

  1. Webチャネルーに切り替え、データソースブラウザーの表示を選択します。

  2. コレクションプロパティをサブフォームにドラッグアンドドロップします。

    サブフォーム内にテーブルが作成されます。

  3. インタラクティブ通信の Web チャネル内のテーブルをプレビュー表示します。

Web チャネルと印刷チャネルの同期

インタラクティブ通信を作成する際に、Web チャネルのマスターとして印刷チャネルを選択すると、印刷チャネルに同期された Web チャネルが作成されます。Web チャネルに連結されたコンテンツとデータは印刷チャネルから取得され、「同期」をタップすると、印刷チャネルに対する変更内容が Web チャネルに反映されます。

ただし、作成者は、Web チャネル内のコンポーネントについて、必要に応じて継承設定を解除することができます。printweb_2-3 Click to Enlarge

Interactive Communication Editorでの印刷チャネルとWebエディタ

自動同期

Web チャネルのマスターとして印刷チャネルを使用している場合、印刷チャネルから Web チャネルに切り替えると、自動同期が実行されます。自動同期により、印刷チャネルのプレースホルダー、コンテンツ、データ連結が Web チャネルに取り込まれます。Interactive Communicationの複雑さと内容によっては、自動同期には少し時間がかかる場合があります。

メモ

チャネルを同期すると、ドキュメントフラグメント、画像、条件、リスト、およびレイアウトフラグメントのみが印刷チャネルから Web チャネルに同期されます。このような要素を含むサブフォームまたはその親ノードは同期されません。

継承のキャンセル

Web チャネルでは、ターゲット領域内にコンポーネントが組み込まれます。

Hover over the relevant target area in the web channel and select cancelinheritance (Cancel Inheritance) and then in the Cancel Inheritance dialog, tap Yes.

ターゲット領域内のコンポーネントの継承がキャンセルされ、必要に応じて編集できるようになります。

継承を再度有効にする

Web チャネルでコンポーネントの継承をキャンセルした場合は、その継承を再度有効にすることができます。To re-enable inheritance, hover over the boundary of the relevant target area, which includes the component, and tap reenableinheritance.

継承を元に戻すためのダイアログが表示されます。

復帰継承

必要に応じて、「継承を元に戻してからページを同期」を選択します。対話型通信全体を同期するには、このオプションを選択します。 このオプションを選択しない場合、継承の復元時に関連するターゲット領域だけが同期されます。

Tap Yes.

同期

Web チャネルのマスターとして印刷チャネルを使用している場合は、印刷チャネルを変更して「同期」をタップすると、その変更内容が Web チャネルに反映されます。

  1. To synchronize the Web channel with the Print channel, tap Synchronize.

    マスターチャネルからコンテンツを同期ダイアログが表示されます。

    synchronizecontentfrommasterchannel

  2. 以下に示すいずれかのオプションをタップします。

    • 変更を破棄: Webチャネルーで行われた変更に関係なく、Webチャネルーに対して行われたすべての変更を破棄します。
    • 変更を保持: 継承がキャンセルされないターゲット領域のコンテンツのみを同期します。

このページ