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

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

概要

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

前提条件

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

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

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

  2. 作成」をタップし、「インタラクティブ通信」を選択します。 インタラクティブ通信の作成ページが表示されます。

    create-interactive-communication

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

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

  5. 以下を入力します。

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

    印刷チャネルとWebチャネルの詳細については、「印刷チャネルとWebチャネル」を参照してください。

  6. 作成」をタップします。インタラクティブ通信が作成され、警告ボックスが表示されます。 「編集」をタップして、「インタラクティブ通信のオーサリングユーザーインターフェイスを使用したコンテンツの追加」の説明に従って、インタラクティブ通信のコンテンツの作成を開始します。 または、「完了」をタップし、後でインタラクティブ通信を編集することもできます。

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

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

インタラクティブ通信オーサリングインターフェイスについて詳しくは、「インタラクティブ通信オーサリングの概要」を参照してください。

  1. インタラクティブ通信の作成」の説明に従って「編集」をタップすると、インタラクティブ通信のオーサリングインターフェイスが起動します。 または、AEM上の既存のインタラクティブ通信アセットに移動して選択し、編集​をタップして、インタラクティブ通信のオーサリングインターフェイスを起動することもできます。

    既定では、インタラクティブ通信がWebチャネルのみの場合を除き、インタラクティブ通信の印刷チャネルが表示されます。 インタラクティブ通信の印刷チャネルには、選択したXDP/印刷チャネルテンプレートで使用可能なターゲット領域が表示されます。 これらのターゲット領域とフィールドで、コンポーネントやアセットを追加することができます。

  2. 印刷チャネルを選択した状態で、「コンポーネント」タブを選択します。 印刷チャネルでは、以下のコンポーネントを使用することができます。

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

    コンポーネントをインタラクティブ通信にドラッグ&ドロップし、必要に応じて設定します。

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

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

    assets-docfragments

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

ドキュメントフラグメントタイプ 用途の例
テキスト アドレス、受信者のEメールおよびレターの本文を追加するためのテキスト
条件 ポリシーのタイプに基づいて適切なヘッダー画像を通信に追加する条件:StandardまたはPremium。
リスト テキスト、条件、その他のリスト、画像を含む、ドキュメントフラグメントのグループ。

ドキュメントフラグメントについて詳しくは、「ドキュメントフラグメント」を参照してください。

  1. 変数の連結を設定するには、変数をタップしてconfigure_icon(設定)を選択し、サイドバーのプロパティパネルで連結プロパティを設定します。

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

    関連するテキストドキュメントフラグメントを設定することもできます。プロパティパネルには、そのテキストドキュメントフラグメントの変数リストが表示されます。変数名の横にある「編集」(編集)をタップすると、その変数の設定を表示して編集できます。

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

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

    レイアウトフラグメントについて詳しくは、「ドキュメントフラグメント」を参照してください。

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

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

  4. Webチャネル​に切り替えます。 Webチャネルがインタラクティブ通信エディタに表示されます。 印刷チャネルからWebチャネルに初めて切り替えると、自動同期が行われます。 詳しくは、印刷チャネルからのWebチャネルの同期を参照してください。

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

    webchannelassets

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

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

    インタラクティブ通信をプレビューして、インタラクティブ通信の印刷出力とWeb出力を確認し、必要に応じて変更を続けることができます。

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

プレビュー​オプションを使用して、インタラクティブ通信の外観を評価できます。 インタラクティブ通信のWebチャネルには、様々なデバイス向けにインタラクティブ通信のエクスペリエンスをエミュレートするオプションも用意されています。 例えば、iPhone、iPad、デスクトップパソコンなどのデバイスについて、エミュレーションを行うことができます。プレビュー​と​エミュレーター ルーラーの両方のオプションを組み合わせて使用し、画面サイズの異なるデバイスのWeb出力をプレビューできます。 プレビューのサンプルデータは、指定したフォームデータモデルから取り込まれます。

  1. プレビュー表示する印刷チャネルまたは Web チャネルを選択して「プレビュー」をタップします。インタラクティブ通信が表示されます。

    メモ

    プレビュー画面には、指定したフォームデータモデルのサンプルデータが表示されます。他のデータとのインタラクティブ通信のプレビューや事前入力サービスの使用について詳しくは、「フォームデータモデルを使用する」と「フォームデータモデルを使用する」を参照してください。

  2. Webチャネルの場合は、 rulerを使用して、様々なデバイスでのインタラクティブ通信の外観を確認します。

    webchannelpreview

さらに、エージェントUIを使用して、インタラクティブ通信の準備と送信を行うことができます。

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

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

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

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

    documentcontainerproperties

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

    propertiesattachments

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

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

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

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

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

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

    添付ファイル

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

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

  1. インタラクティブ通信の印刷チャネルを編集する際に、印刷チャネルテンプレートに組み込まれているフィールドの上にマウスポインターを置き、 configure_icon (設定)を選択します。

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

    xdpfieldproperties

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

    • 名前:JCRノード名。

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

    • バインディングの種類:フィールドの連結タイプを次の中から1つ選択します。

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

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

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

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

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

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

  3. done_iconをタップします。

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

インタラクティブ通信のコンポーネントやコンテンツに条件を設定するには、コンテンツのコンポーネントや部分をタップし、createruleicon(ルールを作成)を選択してルールエディターを起動します。

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

テーブルの使用

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

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

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

  2. インタラクティブ通信の印刷チャネルで、(複数列のテーブルを含む)レイアウトフラグメントをアセットブラウザーのターゲット領域にドラッグ&ドロップします。

    lf_dragdrop

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

    lf_dragdrop_table

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

    1. テーブル内のセルをタップし、configure_icon(設定)を選択します。

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

      lf_cell_properties

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

      • 名前:JCRノード名。

      • タイトル:インタラクティブ通信エディターに表示されるタイトルを入力します。

      • バインディングの種類(&A):フィールドの連結タイプを次の中から1つ選択します。

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

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

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

    3. done_iconをタップします。

  4. インタラクティブ通信をプレビューして、データと共にレンダリングされた表を確認します。

    lf_preview

Web チャネル専用テーブル

コレクション型のデータモデルプロパティを使用して、インタラクティブ通信内にWebチャネル専用の動的テーブルを作成できます。 このようなテーブルは、コレクションプロパティの子プロパティを表します。 編集できるのは、テーブル内のセルの書式設定プロパティだけです。

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

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

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

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

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

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

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

インタラクティブ通信エディターでの印刷チャネルとWebチャネル

自動同期

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

メモ

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

継承のキャンセル

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

Webチャネルの関連するターゲット領域の上にマウスポインターを置いて、「継承をキャンセル」(継承をキャンセル)を選択し、継承をキャンセルダイアログで「はい」をタップします。

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

継承を再度有効にする

Web チャネルでコンポーネントの継承をキャンセルした場合は、その継承を再度有効にすることができます。継承を再度有効にするには、コンポーネントを含む関連するターゲット領域の境界上にマウスポインターを置いて、再有効化の継承をタップします。

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

逆継承

必要に応じて、「継承を元に戻してからページを同期」を選択します。インタラクティブ通信全体を同期するには、このオプションを選択します。 このオプションを選択しない場合、継承を元に戻すと、関連するターゲット領域のみが同期されます。

はい​をタップします。

同期

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

  1. Webチャネルと印刷チャネルを同期するには、同期​をタップします。

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

    synchronizecontentfrommasterchannel

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

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

このページ