インタラクティブ通信の作成 create-an-interactive-communication

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

インタラクティブ通信エディタを使用してインタラクティブ通信を作成します。 ドラッグ&ドロップ機能を使用してインタラクティブ通信を作成し、異なる種類のデバイスで印刷出力と Web 出力の両方をプレビューします。

概要 overview

インタラクティブ通信は、パーソナライズされたインタラクティブな通信の作成、アセンブリ、配信を一元化および管理します。 印刷を Web 用のマスターチャネルとして利用すると、インタラクティブ通信の Web 出力を作成する際の手間の重複を最小限に抑えることができます。

前提条件 prerequisites

インタラクティブ通信を作成するための前提条件は次のとおりです。

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

  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. 作成」をタップします。インタラクティブ通信が作成され、警告ボックスが表示されます。インタラクティブ通信のコンテンツの作成を開始する場合は、「編集」をタップします。作成方法については、インタラクティブ通信へのコンテンツの追加を参照してください。または、インタラクティブ通信を後で編集する場合は、「完了」をタップします。

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

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

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

  1. 「編集」をタップすると、インタラクティブ通信のオーサリングインターフェイスが起動します(インタラクティブ通信の作成を参照)。または、AEM 上の既存のインタラクティブ通信に移動して選択し、「編集」をタップしてもかまいません。この場合も、インタラクティブ通信のオーサリングインターフェイスが起動します。

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

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

    table 0-row-2 1-row-2 2-row-2 3-row-2
    コンポーネント 機能
    グラフ インタラクティブ通信で使用できるグラフを追加して、フォームデータモデルのコレクションから取得された 2 次元のデータを視覚的に表現できます。詳しくは、インタラクティブ通信内でグラフを使用するを参照してください。
    ドキュメントフラグメント 再利用可能なコンポーネント(テキスト、リスト、条件など)をインタラクティブ通信に追加できます。追加されるコンポーネントは、フォームデータモデルベースの場合も、フォームデータモデルがない場合もあります。
    画像 画像を挿入できるようにします.

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

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

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

    assets-docfragments

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

ドキュメントフラグメントタイプ
用途の例
テキスト
住所、受信者のメールアドレス、レターの本文を追加するためのテキスト
条件
ポリシーのタイプ(標準またはプレミアム)に基づいて、適切なヘッダー画像を通信に追加するための条件。
リスト
ドキュメントフラグメント(テキスト、条件、その他のリスト、画像など)のグループです。

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

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

    • なし:エージェントが変数の値を入力します。
    • テキストフラグメント:選択した場合、フィールドにコンテンツがレンダリングされるテキストドキュメントフラグメントを参照して選択できます。 変数に連結できるのは、内部に変数を持たないテキストドキュメントフラグメントのみです。
    • データモデルオブジェクト:フィールド内に値を取り込むフォームデータモデルのプロパティを選択します。

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

  2. 印刷チャネルを選択した状態でテーブルを追加するには、 Assets 「 」タブをクリックして、レイアウトフラグメントのみを表示するフィルターを適用します。 必要なレイアウトフラグメントをインタラクティブ通信にドラッグ&ドロップします。 レイアウトフラグメントは、XDP をベースとしています。レイアウトフラグメントを使用して、動的データが入力されるインタラクティブ通信で、グラフィカルレイアウト、静的なテーブル、動的なテーブルを作成することができます。

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

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

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

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

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

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

    webchannelassets

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

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

    インタラクティブ通信のプレビューを表示してインタラクティブ通信の印刷出力と Web 出力の外観を確認し、必要に応じてさらに編集を行うことができます。

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

以下を使用して、 プレビュー インタラクティブ通信の外観を評価するオプション。 インタラクティブ通信の web チャネルには、各種のデバイスでインタラクティブ通信の操作性をエミュレートするためのオプションも用意されています。例えば、iPhone、iPad、デスクトップパソコンなどのデバイスについて、エミュレーションを行うことができます。「プレビュー」オプションと「エミュレーター ruler オプションを組み合わせて使用することにより、画面サイズの異なるデバイスの web 出力をプレビュー表示することができます。プレビュー画面に表示されるサンプルデータは、指定したフォームデータモデルから取得されます。

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

    note note
    NOTE
    プレビュー画面には、指定したフォームデータモデルのサンプルデータが表示されます。サンプルデータ以外のデータまたは事前入力サービスを使用してインタラクティブ通信のプレビューを表示する方法については、フォームデータモデルの使用フォームデータモデルの操作を参照してください。
  2. Web チャネルの場合、 ruler を使用して、各種デバイスにおけるインタラクティブ通信の外観を確認します。

    webchannelpreview

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

インタラクティブ通信でのプロパティの設定 configuring-properties-in-interactive-communication

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

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

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

    documentcontainerproperties

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

    propertiesattachments

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

    • ライブラリアクセスを許可:エージェント UI でエージェントのライブラリアクセスを有効にする場合に選択します。 有効にすると、エージェントはインタラクティブ通信の準備中にライブラリからファイルを追加できます。

    • 添付ファイルの並べ替えを許可:エージェントがインタラクティブ通信で添付ファイルを並べ替える場合に選択します。

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

    • 添付するファイル:「追加」をタップして、添付するファイルを参照して選択します。次に、以下のオプションを指定します。

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

    attachfiles

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

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

  1. インタラクティブ通信の印刷チャネルを編集する際、印刷チャネルテンプレート内のフィールドにカーソルを置いて configure_icon (設定)を選択します。

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

    xdpfieldproperties

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

    • 名前:JCR ノードの名前。

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

    • 連結タイプ:フィールドの連結タイプとして、以下のいずれかを選択します。

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

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

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

    • ツールヒント:エージェント UI でエージェントにマウスを置いたときに表示されるテキスト文字列を入力します。「連結タイプ」として「テキストフラグメント」を選択した場合、この設定は適用されません。

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

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

  3. done_icon をタップします。

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

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

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

テーブルの使用 tables

インタラクティブ通信の動的テーブル dynamic-tables-in-interactive-communication

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

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

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

    lf_dragdrop

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

    lf_dragdrop_table

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

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

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

      lf_cell_properties

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

      • 名前:JCR ノードの名前。

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

      • 連結タイプ*:フィールドの連結タイプとして、次のいずれかを選択します。

        • なし
        • データモデルオブジェクト:フォームデータモデルのプロパティの値がフィールドに入力されます。
      • データモデルオブジェクト:フィールド内に値を取り込むフォームデータモデルプロパティを選択します。

      • デフォルト値:指定したデータモデルオブジェクトでフィールドの値を設定しなかった場合、そのフィールドが空にならないようにデフォルト値が設定されます。デフォルト値は、フィールドに事前入力されます。

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

    3. done_icon をタップします。

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

    lf_preview

Web チャネル専用テーブル web-channel-only-tables

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

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

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

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

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

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

インタラクティブ通信の作成時に [ 印刷 ] を [Web チャネルのマスター] に選択すると、Web チャネルが印刷チャネルと同期して作成され、Web チャネルの内容とデータの連結が印刷チャネルから派生し、[ 同期 ] をタップすると、印刷チャネルに反映されます。

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

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

自動同期 auto-sync

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

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

継承のキャンセル cancel-inheritance

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

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

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

継承を再度有効にする re-enable-inheritance

Web チャネルで、コンポーネントの継承をキャンセルした場合は、再度有効にすることができます。 継承をもう一度有効にするには、目的のコンポーネントが含まれているターゲット領域の境界線にポインタを合わせて reenableinheritance をタップします。

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

revertinheritance

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

はい」をタップします。

同期 synchronize-1

Web チャネル用のマスターとして印刷を使用し、印刷チャネルを変更する場合は、「同期」をタップして、新しく変更した内容を Web チャネルに取り込むことができます。

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

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

    synchronizecontentfrommasterchannel

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

    • 変更を破棄:Web チャネルでおこなわれた変更に関係なく、Web チャネルに対しておこなわれたすべての変更を破棄します。
    • 変更を保持:継承がキャンセルされないターゲット領域のコンテンツのみを同期します。
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da