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

概要

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

前提条件

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

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

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

  2. 作成」をタップし、「対話型通信」を選択します。 [対話型通信の作成]ページが表示されます。

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

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

    • タイトル:インタラクティブ通信のタイトルを入力します。

    • 名前:対話型通信の名前は、入力したタイトルから得られます。必要に応じて編集します。

    • 説明:対話型通信に関する説明を入力します。

    • Form Data Model:フォームデータモデルを参照して選択します。フォームデータモデルについて詳しくは、AEM Formsデータ統合を参照してください。

    • 事前入力サービス:データを取得し、インタラクティブ通信を事前入力するには、事前入力サービスを選択します。

    • 後処理タイプ:対話型通信が送信されたときにトリガーされるAEMまたはFormsワークフローを選択できます。トリガーするワークフローのタイプを選択します。

    • 後処理:トリガーするワークフローの名前を選択します。AEMワークフローを選択する場合は、「添付ファイルのパス」、「レイアウトのパス」、「PDFパス」、「印刷データのパス」および「Webデータのパス」を指定します。

    • タグ:対話型通信に適用するタグを選択します。また、新しいタグ名やカスタムタグ名を入力し、Enterキーを押して作成することもできます。

    • 作成者:作成者名は、ログインしたユーザー名から自動的に取得されます。

    • 発行日:インタラクティブコミュニケーションを発行する日付を 入力します。

    • 非公開日:対話型通信の公開を取り消す日付を入力します。

  4. 次へ」をタップします。印刷とWebチャネルの詳細を指定する画面が表示されます。

  5. 以下を入力します。

    • 印刷:対話型通信の印刷チャネルを生成する場合は、このオプションを選択します。

    • 印刷テンプレート:XDPを参照し、印刷テンプレートとして選択します。

    • Web:Interactive CommunicationのWebチャネルまたはレスポンシブ出力を生成する場合は、このオプションを選択します。

    • Interactive Communication Webテンプレート:Webテンプレートを参照して選択します。

    • ーマを 選択:対話型通信のWebチャネルのスタイルを設定するテーマを参照して選択します。詳しくは、「AEM Forms のテーマ」を参照してください。

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

      • 自動レイアウト:印刷チャネルからWebチャネル用のプレースホルダー、コンテンツ、およびデータ連結を自動的に生成するには、このモードを選択します。
      • 手動で整理:このモードを選択すると、「 データ ソース」タブのマスターコンテンツを使用して、印刷チャネル要素を手動で選択し、Webチャネルに追加することができます。詳しくは、「Webチャネルコンテンツを作成するチャネル要素を印刷する」を参照してください。

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

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

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

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

Interactive Communicationオーサリングインターフェイスについて詳しくは、「Interactive Communicationオーサリングの概要」を参照してください。

  1. 対話型通信を作成で説明されているように、「編集」をタップすると、対話型通信オーサリングインターフェイスが起動します。 または、AEM上の既存の対話型通信アセットに移動し、そのアセットを選択し、「編集」をタップして対話型通信オーサリングインターフェイスを起動します。

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

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

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

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

    印刷とWebの両方のチャネルに対してインタラクティブ通信を作成する際に、元に戻す操作とやり直し操作を使用することもできます。

    最後に実行したアクションを破棄するには「元に戻す」操作を使用し、破棄したアクションを再度組み込むには「やり直し」操作を使用します。 例えば、インタラクティブ通信に画像を挿入した場合やデータ連結を作成した場合、その画像を破棄する必要がある場合は、「元に戻す」操作を使用します。

    やり直し操作を元に戻す

    元に戻す/やり直しのオプションは、オーサリングUIページのツールバーに表示されます。 「元に戻す」オプションは、操作を実行した後にのみ表示されます。 やり直しオプションは、元に戻す操作を実行した後にのみ、ページのツールバーに表示されます。 これらのアクションは、ページの更新時にリセットされます。

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

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

    assets-docfragments

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

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

また、「アセット」タブを使用して新しいフラグメントをターゲット領域にドロップすると、ターゲット領域とドキュメントフラグメントの連結を置き換えることもできます。 フラグメントをドラッグしているときのターゲット領域の青い色の陰影は、ドキュメントフラグメントをターゲット領域にドロップできることを示します。

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

オーサリングインターフェイスを使用すると、インタラクティブ通信内の連結されていないフィールドと連結されているフィールド、および変数を区別できます。 インターフェイスでは、オレンジ色の境界線を使用して、連結されていないフィールドと変数がハイライト表示されます。

unbound_fields_variables_highlights_dc

さらに、これらの要素の上にマウスを置くと、ツールチップにフィールド(連結なし)または変数(連結なし)のメッセージが表示されます。

ドキュメントフラグメントで使用される連結されていない変数が、オーサリングインターフェイスに表示されない場合があります。 これは、ドキュメントフラグメント内のインラインテキストルールが原因で発生する場合や、条件フラグメントが原因で発生する場合があります。 この場合、ツールチップは青でハイライト表示され、ドキュメントフラグメントの一部として表示されます。 ツールチップには、ドキュメントフラグメント内で使用される連結されていない変数の数が表示されます。

非連結変数

ドキュメントフラグメントをタップし、configure_icon (設定)をタップし、次にInteractive Communicationのサイドキックから​プロパティ​をタップします。 変数とデータモデルオブジェクト​セクションは、ドキュメントフラグメントで使用される非表示の変数やデータモデルオブジェクトを含む変数をリストします。 各データモデルオブジェクトまたは各変数の横にある編集(編集)アイコンを使用して、プロパティを編集します。

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

    • なし:このプロパティを選択すると、エージェントによって変数の値が設定されます。
    • テキストフラグメント:このプロパティを選択すると、フィールド内でコンテンツがレンダリングされるテキストドキュメントフラグメントを参照して選択できるようになります。変数を含まない変数に連結できるのは、テキストドキュメントフラグメントだけです。
    • Data Model Object:フィールドに値が入力されるフォームデータモデルのプロパティを選択します。
    • デフォルト値: このフィールドを使用して、変数のデフォルト値を定義できます。この値は、対話型通信をプレビューする場合、またはエージェントUIでメッセージを表示する場合に表示されます。
    • 表示パターン:変数 の表示形式を定義することもできます。タイプ​ドロップダウンリストから任意の定義済みのオプションを選択し、変数に表示形式を適用します。 「カスタム」を選択して、リストで使用できない表示パターンを定義します。 詳しくは、データ表示パターンを参照してください。

    変数とデータモデルオブジェクトに移動して、ドキュメントフラグメント内の非表示の変数の連結を設定します。

    データソース要素やテキストドキュメントフラグメントをドラッグ&ドロップして、変数の連結を設定することもできます。 データソース要素のいずれかを使用して連結を作成するには、「データソース」タブを選択し、要素を変数名にドラッグ&ドロップします。 連結を正しく設定するには、データソース要素と変数の型が同じである必要があります。 データソース要素を既に連結されている変数にドラッグ&ドロップすると、新しい要素によって前の要素が置き換えられ、変数で新しい連結が作成されます。 同様に、「アセット」タブを選択し、テキストドキュメントフラグメントを変数名にドラッグ&ドロップして、それらの間の連結を設定します。 テキストドキュメントフラグメントに変数を含めることはできません。

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

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

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

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

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

  4. Webチャネル​に切り替えます。 Interactive Communication EditorにWebチャネルが表示されます。 印刷チャネルからWebチャネルに初めて切り替えると、自動同期が行われます。 詳しくは、「印刷チャネルからのWebチャネルの同期」を参照してください。

    この例では、Web チャネルのマスターとして印刷チャネルを使用しているため、印刷チャネルのプレースホルダー、コンテンツ、データ連結が Web チャネルに同期されます。ただし、Webチャネルー内の特定のコンテンツを変更してカスタマイズすることはできます。 印刷チャネルを使用して生成されたターゲット領域と変数の 継承をキャンセルし、コンテンツをカスタマイズできるようにします。

    webchannelassets

    ドキュメントフラグメントをタップし、configure_icon (設定)をタップし、次にInteractive Communicationのサイドキックから​プロパティ​をタップします。 変数とデータモデルオブジェクト​セクションは、ドキュメントフラグメントで使用される非表示の変数やデータモデルオブジェクトを含む変数をリストします。 各データモデルオブジェクトまたは各変数の横にある編集(編集)アイコンを使用して、プロパティを編集します。 また、印刷チャネルを使用したWebチャネルーで自動生成されたドキュメントフラグメントの場合は、各データモデルオブジェクトと変数の横にあるcancelinheritance (Cancel Inheritance)アイコンを使用して、継承をキャンセルし、編集できます。

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

    コンポーネント 機能
    グラフ フォームデータモデルのコレクションから取得した2次元のデータを視覚的に表すために、Interactive Communicationで使用できるグラフを追加します。 詳しくは、グラフコンポーネントの使用を参照してください。
    ドキュメントフラグメント 再利用可能なコンポーネント、テキスト、リスト、または条件をインタラクティブコミュニケーションに追加できます。 インタラクティブ通信に追加する再利用可能なコンポーネントは、フォームデータモデルベースのコンポーネントでも、フォームデータモデルなしのコンポーネントでもかまいません。
    画像 画像を挿入できるようにします。。
    パネル 対話型通信にパネルを追加できます。
    テーブル 行と列のデータを整理するためのテーブルを追加することができます。
    ターゲット領域 Web チャネル固有のコンポーネントを整理するためのターゲット領域を、その Web チャネルに挿入することができます。ターゲット領域は、Web チャネル固有のコンポーネントをグループ化するためのプレーンコンテナです。
    テキスト インタラクティブ通信の Web チャネルにリッチテキストを追加することができます。追加したテキストでフォームデータオブジェクトを使用して、動的なコンテンツを作成することもできます。
    ボタン 対話型通信にボタンを追加できます。 ボタンコンポーネントを使用して、他のインタラクティブコミュニケーション、アダプティブフォーム、画像やドキュメントフラグメントなどの他のアセット、外部URLに移動できます。
    区切り文字 対話型通信内に水平線を挿入できます。 このコンポーネントを使用して、通信のセクションを区別します。 例えば、「区切り」コンポーネントを使用して、クレジットカード明細の「顧客の詳細」セクションと「クレジットカードの詳細」セクションを区別できます。
  6. 必要に応じて、Web チャネルにアセットを挿入します。

    対話型通信をプレビューして、対話型通信の印刷とWeb出力の見た目を確認し、必要に応じて変更を続けることができます。

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

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

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

    メモ

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

  2. Webチャネルーの場合は、rulerを使用して、様々なデバイスでの対話型通信の見え方を表示します。

    webchannelpreview

さらに、エージェントUIを使用して、対話型通信の準備と送信を行うこともできます。

対話型通信でのプロパティの設定

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

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

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

    documentcontainerproperties

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

    propertiesattachments

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

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

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

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

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

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

    attachfiles

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

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

  1. Interactive Communicationの印刷チャネルを編集中に、印刷チャネルテンプレートに組み込まれているフィールドの上にカーソルを置き、configure_icon(設定)を選択します。

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

    data_display_patterns_fields

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

    • 名前:JCRノード名。

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

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

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

    • 表示パターン:フィールドの表示形式を定義することもできます。タイプ​ドロップダウンリストからあらかじめ定義されたオプションを選択し、フィールドに表示形式を適用します。 「カスタム」を選択して、リストで使用できない表示パターンを定義します。 詳しくは、データ表示パターンを参照してください

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

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

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

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

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

  3. done_iconをタップします。

データ表示パターン

オーサリングインターフェイスを使用すると、印刷やWebチャネル用のインタラクティブ通信を作成する際に使用できるフィールド、変数、フォームデータモデル要素のデータ表示パターンを定義できます。

データ表示パターンを設定するには、要素をタップし、configure_icon(設定)を選択して(サイドバーの​プロパティ​パネルで)表示パターンを設定します。 タイプ​ドロップダウンリストからあらかじめ定義されたオプションを選択し、選択したタイプに関連付けられたパターンを表示します。 「タイプ」ドロップダウンリストから「カスタム」を選択して、リストで使用できないパターンを定義します。 パターン​フィールドの値を編集すると、種類が​カスタム​に自動的に変更されます。

表示パターンを適用するには、「パターン」フィールドに定義された文字数や桁数が、フィールド、変数、フォームデータモデル要素の値に定義された文字数や桁数を超えている必要があります。 詳しくは、を参照してください。

data_display_pattern_example

印刷チャネルからWebコンテンツを生成した後、フィールド、変数またはフォームデータモデル要素の表示パターンを再定義できます。 その結果、印刷要素とWebチャネルに対して異なる表示パターンが定義される場合があります。 印刷チャネルで要素の表示パターンを定義せず、印刷チャネルを使用してWebコンテンツを自動生成する場合、印刷チャネルで要素に対して定義したデータ連結によって、種類​ドロップダウンリストで使用できる表示パターンのオプションが定義されます。 要素に連結が定義されていない場合、要素のデータ型によって、使用可能な表示パターンのオプションが定義されます。 例えば、印刷チャネルの要素に数値の種類のデータ連結を作成する場合、種類​ドロップダウンリストで使用できる表示パターンのオプションは、様々な形式の数値の種類になります。

プレビュー​モードに切り替えるか、エージェントUIを開いて、これらの要素に適用される表示パターンを表示します。

次の表に、変数のデータ表示パターンを設定した結果として表示される値の例を示します。

タイプ デフォルト値 表示パターン 表示値 説明
社会保障番号 123456789 text 123-45-6789 デフォルト値フィールドの桁数は、「パターン」フィールドの桁数と一致します。 パターンに基づく値が正常に表示されます。
社会保障番号 1234567 text 1-23-4567 デフォルト値フィールドの桁数が、パターンフィールドの桁数より少なくなっています。 パターンは7桁の数字に適用されます。
社会保障番号 1234567890 text 1234567890 デフォルト値フィールドの桁数が、パターンフィールドの桁数よりも大きくなっています。 その結果、表示値に変更はありません。

変数またはフォームデータモデル要素に表示パターンが指定されていない場合、デフォルトではグローバルドキュメントフラグメント設定が使用されます。

数値データ型の変数に表示パターンを適用しない場合、印刷プレビューでは、グローバルドキュメントフラグメント設定に従ってパターンが表示されます。 デフォルトのグローバルドキュメントフラグメント設定に変更を適用した場合、ロケールに対して定義されているデフォルトの区切り文字に従って、エージェントUIにパターンが表示されます。

同様に、フィールドの場合、表示パターンが指定されていない場合は、印刷テンプレート(XDP)の作成時に定義されたパターンがフィールドに適用されます。 印刷テンプレートの作成中にパターンがない場合は、XFA仕様に基づくデフォルトのパターンがフィールドに適用されます。

また、指定した表示パターンが正しくない場合や適用できない場合は、XFA仕様に基づくデフォルトのパターンが、フィールド、変数またはフォームデータモデルの要素に適用されます。

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

インタラクティブコミュニケーション内のコンポーネントまたはコンテンツを条件付きにするには、コンポーネント/コンテンツの一部をタップし、createruleicon(ルールを作成)を選択してルールエディターを起動します。

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

テーブルの使用

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

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

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

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

    lf_dragdrop

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

    lf_dragdrop_table

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

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

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

      lf_cell_properties

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

      • 名前:JCRノード名。

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

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

        • なし
        • データモデルオブジェクト:フォームデータモデルのプロパティの値がフィールドに入力されます。または、「データソース」タブを選択し、プロパティをフィールドにドラッグ&ドロップします。
      • Data Model Object:フィールドに値が入力されるフォームデータモデルのプロパティ。

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

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

    3. done_iconをタップします。

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

    lf_プレビュー

Web チャネル専用テーブル

Webテンプレートのルートパネルをタップし、+​をタップして、テーブル​コンポーネントを対話型通信に追加します。 2つの行を含むテーブルがインタラクティブ通信に挿入されます。 表の最初の行は、表のヘッダーを表します。

テ追加ーブルの行と列

列を追加または削除するには:

  1. テーブルヘッダー行のデフォルトのテキストボックスをタップして、コンポーネントツールバーを表示します。
  2. 追加列」または「​を削除」を選択して、テーブルの列を追加または削除します。

component_toolbar_table1

行を追加または削除するには:

  1. 表の行のいずれかをタップして、コンポーネントツールバーを表示します。 対話型通信のサイドキックにあるコンテンツブラウザーを使用して、テーブル行を選択することもできます。
  2. 追加行」または「​を削除」を選択して、テーブル行を追加または削除します。 ツールバーにある「上へ移動」および「下へ移動」オプションを使用して、テーブルの行を並べ替えます。

コンポーネントツールバー

A. 追加 B.行 削除C.行 削除C.上へ移動D.下へ移動

表のセル内追加のテキストを編集する

  1. テーブルのセルでデフォルトのテキストボックスを選択し、「編集」(編集)をタップします。
  2. テーブルのセルにテキストを入力し、done_iconをタップして保存します。

テーブルセルとデータモデルオブジェクト要素の間に連結を作成

  1. テーブル行のデフォルトのテキストボックスを選択し、「編集」(編集)をタップします。
  2. 「データモデルオブジェクト」ドロップダウンリストをタップし、プロパティを選択します。
  3. をタップして、テーブルセルとデータモデルオブジェクトプロパティの間の連結を保存および作成します。

データ連結の作成

テーブルのセル内のテキストへのハイパーリンクを作成する

  1. テーブルのセルでデフォルトのテキストボックスを選択し、「編集」(編集)をタップします。
  2. テーブルセル内のテキストを選択し、ハイパーリンクアイコンをタップします。
  3. パス」フィールドにURLを指定します。
  4. done_iconをタップして、ハイパーリンクのプロパティを保存します。

ハイパーリンクの作成

動的テーブルの作成

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

  1. Webチャネルーに切り替え、データソースブラウザーの表示を選択します。
  2. コレクションプロパティをサブフォームにドラッグアンドドロップします。サブフォーム内にテーブルが作成されます。
  3. インタラクティブ通信の Web チャネル内のテーブルをプレビュー表示します。

テーブルの列の並べ替え

対話型通信のテーブル内の任意の列に基づいてデータを並べ替えることができます。 列の値は、昇順または降順で並べ替えることができます。

並べ替えは、次の値を含むテーブル列に適用できます。

  • 静的テキスト
  • データモデルオブジェクトのプロパティ
  • スタティックテキストとデータモデルオブジェクトプロパティの組み合わせ

並べ替えを有効にするには:

  1. テーブルを選択し、configure_icon(設定)をタップします。 対話型通信のサイドキックにある​コンテンツ​ブラウザーを使用して、テーブルを選択することもできます。

  2. [並べ替えを有効にする]を選択します。

  3. done_iconをタップして、テーブルのプロパティを保存します。 列ヘッダー内の並べ替えアイコン(上向き矢印と下向き矢印)は、並べ替えが有効になっていることを表します。

    並べ替えを有効にする

  4. プレビュー​モードに切り替えて、出力を表示します。 テーブルは、テーブルの最初の列に基づいて自動的に並べ替えられます。

  5. 列見出しをクリックして、列に基づいて値を並べ替えます。

    上向き矢印の付いた列見出しは、次のことを表します。

    • テーブルは、その列に基づいて並べ替えられます。
    • 列の値は昇順で表示されます。

    昇順で並べ替え

    同様に、下向き矢印の付いた列見出しは、列内の値が降順で表示されていることを表します。

対話型通信のプロパティを編集

インタラクティブ通信を作成した後、そのプロパティを後で編集できます。

プロパティ​ページを使用して、次の操作を行います。

  • タイトルや説明などの対話型通信の作成時に指定したフィールドの値を編集します。
  • 既存のInteractive Communication用のWebチャネルを追加削除します。
  • Interactive Communicationのプレビュー、ダウンロード、または削除
  • エージェントUIを開きます。

プロパティ​ページにアクセスするには:

  1. AEM オーサーインスタンスにログインし、Adobe Experience Managerフォームフォームとドキュメント​に移動します。
  2. 対話型通信を選択し、プロパティ​をタップします。
  3. 一般」タブを選択して、タイトル​と​説明​のフィールドを編集します。

Webチャネル追加の削除

次の手順を実行して、既存の対話型通信用のWebチャネルを追加します。

  1. プロパティ​ページで、「チャネル」タブを選択します。

  2. Web」チェックボックスを選択し、Webチャネルのテンプレートを選択します。

  3. Webチャネルーのマスターとして印刷を使用」を選択して、Webチャネルーと印刷チャネルの同期を有効にします。

  4. 保存して閉じる」をタップして変更を保存します。

    同様に、「チャネル」タブの「Web」チェックボックスをタップすると、対話型チャネルからWebを削除できます。

Webチャネル追加のボタンコンポーネント

インタラクティブコミュニケーションのWebチャネルに、ボタンをコンポーネントとして追加できます。 ルールエディターを使用してルールを定義し、他のインタラクティブコミュニケーション、アダプティブフォーム、画像やドキュメントフラグメントなどの他のアセット、ボタンのタップ時に外部URLに移動できるようにします。

ボタンを追加し、それにルールを定義するには:

  1. Webテンプレートのルートパネルをタップし、+​をタップして、ボタン​コンポーネントを対話型通信に追加します。

  2. ボタンコンポーネントをタップし、edit-rulesをタップして、ボタンのタップに関するルールを定義します。

  3. タイミング」セクションで、ボタンのドロップダウンリストの状態から「クリック」を選択します。

  4. Then​セクションで、次の操作を行います。

    1. ドロップダウンリストからアクションを選択します。 例えば、「Navigate to」をアクションタイプとして選択します。

    2. インタラクティブコミュニケーション、アダプティブフォーム、アセット、またはWebページのURLを指定します。 例えば、次の形式でURLを指定して、別のインタラクティブコミュニケーションに移動します。https://<server-name>:<port>/editor.html/content/forms/af/<Interactive Communication name>/チャネル/<チャネル名 — 印刷またはWeb>.html

    3. アセットを同じタブ、新しいタブまたは新しいウィンドウで開くには、このオプションを指定します。

    4. 完了」をタップし、「閉じる」をタップして、ルールを保存します。

    同様に、「サービスを呼び出し」や「フォームを送信」など、アクションタイプのドロップダウンリストから使用可能な他のオプションを選択することもできます。 詳しくは、ルールエディターを参照してください。

  5. インタラクティブコミュニケーションをプレビューし、ボタンをタップして、手順4(b)で指定したインタラクティブコミュニケーション、アダプティブフォーム、アセット、またはWebページを表示します。

Webチャネル追加のパネルコンポーネント

パネルコンポーネントは、他のコンポーネントをグループ化するためのプレースホルダーです。パネルコンポーネントにより、インタラクティブ通信内でのコンポーネントグループ(アコーディオンやタブなど)の配置方法が制御されます。パネルコンポーネントを使用して、エンドユーザーが繰り返し使用できるコンポーネントグループ(学歴を入力するための複数のエントリなど)を作成することもできます。

次の手順を実行して、パネルコンポーネントをWebチャネルーに追加します。

  1. 次のいずれかのオプションを使用して、Webチャネルーに​パネル​コンポーネントを挿入します。

    • コンポーネントをタップし、+​をタップして、パネル​コンポーネントを選択します。

    • コンポーネント​ブラウザーパネルから、パネル​コンポーネントを対話型通信にドラッグ&ドロップします。

    • コンテンツ​ブラウザーパネルの​パネル​をタップし、追加子パネル​をタップします。 「追加子パネル」オプションを選択すると、追加子パネル​ダイアログボックスが表示されます。 パネルコンポーネントのタイトルと、オプションで説明と名前を入力します。

  2. コンテンツ​ブラウザーからパネルをタップし、パネルに対してルールの設定、編集、コピー、削除、コンポーネントの挿入などの追加操作を実行します。

    また、コンテンツ​ブラウザー内にパネルをドラッグ&ドロップして、右側のペインの対話型通信の構造の変更を反映させることもできます。

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

対話型通信の作成中にWebチャネルのマスターとして印刷を選択すると、Webチャネルが印刷チャネルと同期して作成され、Webチャネルのコンテンツとデータ連結が印刷チャネルから派生し、印刷チャネルで行った変更がWebチャネルに反映されます。

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

印刷 マスター印刷マスターWebの作成

自動同期

Webチャネル用に印刷マスターを使用」オプションを選択した場合は、次のいずれかのモードを選択してWebチャネルを生成できます。

  • 自動レイアウト:印刷チャネルからWebチャネル用のプレースホルダー、コンテンツ、およびデータ連結を自動的に生成するには、このモードを選択します。
  • 手動で整理:「データソース」タブのマスターコンテンツを使用して印刷チャネル要素を手動で選択し、Webチャネルに追加するには、このモードを選択します。詳しくは、「Webチャネルコンテンツを作成するチャネル要素を印刷する」を参照してください。

導入コンサルタントオプションの作成

メモ

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

「チャネル要素を印刷」を選択してWebチャネルコンテンツを作成

Interactive Communicationの作成中に「マスターとして印刷」を選択し、自動同期オプションを選択しない場合は、印刷チャネル要素をWebチャネルオーサリングインターフェイスにドラッグ&ドロップすることもできます。

データソース > マスターコンテンツ​に移動して、印刷チャネル要素を表示します。 ターゲット領域、フィールドまたはテーブルをWebチャネルオーサリングインターフェイスにドラッグ&ドロップします。 要素名の横の青い円のアイコンは、印刷チャネル要素が既にWebチャネルーに含まれていることを示します。

マスター量

継承のキャンセル

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

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

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

継承を再度有効にする

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

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

復帰継承

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

はい」をタップします。

同期

Webチャネル用のマスターとして印刷を使用し、印刷チャネルを変更する場合は、コンテンツを同期して新しく変更した内容をWebチャネルに反映させることができます。

  1. Webチャネルーを印刷チャネルと同期するには、Webチャネルーに切り替えて、その他のオプションアイコンをタップします。

    自動同期オプション

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

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

コンポーネントツールバーを使用して、継承されたコンポーネントに対するアクションを実行する

「同期」オプションを使用してWebチャネルー内のコンテンツを自動生成した後は、継承をキャンセルせずに、コンポーネントに対してさらに多くの操作を実行できます。

コンポーネントツールバー

コンポーネントをタップして、次の表示を行います。

  • コピー:コンポーネントを コピーして、インタラクティブ通信の他の場所に貼り付けます。

  • 切り取り:対話型通信で、コンポーネントを別の場所に 移動します。

  • コンポーネントを挿入:選択したコンポーネントの上にコンポーネントを 挿入します。

  • 貼り付け:上記のオプションを使用して、切り取りまたはコピーしたコンポーネントを 貼り付けます。

  • グループ:複数のコンポーネントを一緒に切り取り、コピー、または貼り付けを行う場合は、複数のコンポーネントを 選択します。

  • 親:コンポーネントの親を 選択します。

  • 表示SOM式:コンポーネントの SOM 式を表示します。

  • パネル内のオブジェクトをグループ化:パネル内のコンポーネントを グループ化して、それらのコンポーネントに対する操作を同時に実行できるようにします。詳しくは、パネル内のオブジェクトのグループ化を参照してください。

  • 継承をキャンセル: ターゲット領域内のコンポーネントの 継承をキャンセルして編集します。

パネル内のオブジェクトをグループ化

ウェブチャネルオーサリングインターフェイスは、パネル内のコンポーネントをグループ化し、それらのコンポーネントに対する操作を同時に実行できるようにする。 「コンテンツ」タブでは、グループ化されたコンポーネントがコンテンツツリーのパネルの子要素としてリストされます。

  1. コンポーネントをタップし、「グループ(group)」操作を選択します。

  2. 複数のコンポーネントを選択し、「パネル内のオブジェクトをグループ化」をタップします。

    グループオブジェクト

  3. パネル​のオブジェクトをグループ化」ダイアログボックスで、パネルの名前を入力します。

  4. パネルのタイトルと説明を入力します(オプション)。

  5. bullet_checkmarkをクリックします。

    グループ化されたコンポーネントは、パネルの子要素としてコンテンツツリーに表示されます。

    content_tree_grouping

印刷チャネルの出力形式

PrintChannel APIを使用して、インタラクティブ通信の印刷チャネルの出力形式を定義します。 出力形式を定義しない場合、AEM FormsはPDF形式で出力を生成します。

//options for rendering print channel of a multi-channel document
PrintChannelRenderOptions renderOptions = new PrintChannelRenderOptions();
PrintDocument printDocument = printChannel.render(renderOptions);

その他の形式で出力を生成するには、出力形式のタイプを指定します。 サポートされる出力形式のリストについては、PrintChannel APIを参照してください。

例えば、次のサンプルを使用して、インタラクティブ通信の出力形式としてPCLを定義できます。

//options for rendering print channel of a multi-channel document
PrintChannelRenderOptions renderOptions = new PrintChannelRenderOptions();
renderOptions.setRenderFormat(PrintConfig.HP_PCL_5e);
PrintDocument printDocument = printChannel.render(renderOptions);

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now