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

インタラクティブ通信を作成するには、インタラクティブ通信エディターを使用します。ドラッグアンドドロップ機能を使用してインタラクティブ通信を作成し、各種のデバイスで印刷出力と 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. 作成」をタップします。インタラクティブ通信が作成され、警告ボックスが表示されます。インタラクティブ通信のコンテンツの作成を開始する場合は、「編集」をタップします。作成方法については、インタラクティブ通信へのコンテンツの追加を参照してください。または、インタラクティブ通信を後で編集する場合は、「完了」をタップします。

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

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

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

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

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

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

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

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

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

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

    assets-docfragments

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

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

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

  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、デスクトップパソコンなどのデバイスについて、エミュレーションを行うことができます。「プレビュー」オプションと「エミュレーターruler オプションを組み合わせて使用することにより、画面サイズの異なるデバイスの web 出力をプレビュー表示することができます。プレビュー画面に表示されるサンプルデータは、指定したフォームデータモデルから取得されます。

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

    メモ

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

  2. Web チャネルの場合、rulerを使用して、各種デバイスにおけるインタラクティブ通信の外観を確認します。

    webchannelpreview

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

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

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

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

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

    documentcontainerproperties

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

    propertiesattachments

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

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

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

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

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

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

    attachfiles

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

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

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

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

    xdpfieldproperties

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

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

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

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

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

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

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

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

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

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

  3. done_icon をタップします。

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

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

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

テーブルの使用

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

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

  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 チャネル専用の動的なテーブルを作成できます。こうしたテーブルにより、コレクションプロパティの子プロパティを表示することができます。編集できるのは、テーブル内のセルの書式設定プロパティだけです。

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

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

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

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

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

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

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

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

自動同期

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

メモ

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

継承のキャンセル

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

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

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

継承を再度有効にする

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

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

revertinheritance

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

はい」をタップします。

同期

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

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

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

    synchronizecontentfrommasterchannel

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

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

このページ