チュートリアル：インタラクティブ通信の作成 tutorial-create-interactive-communication

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

「作成」をタップし、「インタラクティブ通信」を選択します。インタラクティブ通信の作成 ​ウィザードが表示されます。

「タイトル」と「名前」フィールドに create_first_ic と入力します。FDM_Create_First_IC をフォームデータモデルとして選択し、「次へ」をタップします。

チャンネル ​ウィザードで以下を実行します。

1. create_first_ic_print_template を印刷テンプレートとして指定し、「選択」をタップします。「Web チャンネルのマスターとして印刷を使用」のチェックボックスが選択されていないことを確認してください。
2. Create_First_IC_templates  フォルダー／Create_First_IC_Web_Template  を Web テンプレートとして指定し、「選択」をタップします。
3. 「作成」をタップします。

インタラクティブ通信が正常に作成されたことを示す確認メッセージが表示されます。

タップ 編集 をクリックして、右側のウィンドウでインタラクティブ通信を開きます。

「アセット」タブに移動してフィルターを適用し、左側のペインのドキュメントフラグメントだけを表示します。

次のドキュメントフラグメントを、インタラクティブ通信のターゲット領域にドラッグ&ドロップします。

グラフ ​のターゲット領域をタップし、+ をタップして​ グラフ ​のコンポーネントを追加します。

グラフのコンポーネントをタップし、 （設定）を選択します。グラフのプロパティが左側のペインに表示されます。

1. グラフの名前を指定します。
2. 「グラフのタイプ」ドロップダウンリストから「円グラフ」を選択します。
3. X 軸 ​セクションの​ 通話 ​データモデルオブジェクトタイプから Calltype プロパティを選択します。 をタップします。
4. 「関数」ドロップダウンリストから「頻度」を選択します。
5. Y 軸 ​セクションの​ 通話 ​データモデルオブジェクトタイプから Calltype プロパティを選択します。 をタップします。
6. をタップして、グラフのプロパティを保存します。

「アセット」タブに移動してフィルターを適用し、左側のペインのレイアウトフラグメントだけを表示します。table_lf レイアウトフラグメントを​ 通話明細 ​のターゲット領域にドラッグアンドドロップします。

「日付」列のテキストフィールドを選択し、 （設定）をタップします。

「連結タイプ」ドロップダウンリストから「データモデルオブジェクト」を選択し、calls／calldate の順に選択します。 をタップしてプロパティを保存します。

同様に、時刻、番号、時間、および​ 料金 ​のテキストフィールドについて、それぞれ calltime、callnumber、callduration、および callcharges との連結を作成します。

PayNow のターゲット領域をタップし、+ をタップして​ 画像 ​のコンポーネントを追加します。

画像のコンポーネントをタップし、 （設定）を選択します。左側のペインにイメージのプロパティが表示されます。

1. 指定 PayNow を 名前 フィールドに入力します。
2. 「アップロード」をタップし、ローカルのファイルシステムに保存された の画像を選択して「開く」をタップします。
3. をタップして、画像のプロパティを保存します。

手順 13～14 を繰り返し、ValueAddedServices の画像を ValueAddedServices のターゲット領域に追加します。

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

「作成」をタップし、「インタラクティブ通信」を選択します。インタラクティブ通信の作成 ​ウィザードが表示されます。

「タイトル」と「名前」フィールドに create_first_ic と入力します。FDM_Create_First_IC をフォームデータモデルとして選択し、「次へ」をタップします。

チャンネル ​ウィザードで以下を実行します。

1. create_first_ic_print_template を印刷テンプレートとして指定し、「選択」をタップします。「Web チャンネルのマスターとして印刷を使用」のチェックボックスが選択されていないことを確認してください。
2. Create_First_IC_templates  フォルダー／Create_First_IC_Web_Template  を Web テンプレートとして指定し、「選択」をタップします。
3. 「作成」をタップします。

インタラクティブ通信が正常に作成されたことを示す確認メッセージが表示されます。

タップ 編集 をクリックして、右側のウィンドウでインタラクティブ通信を開きます。

左側のペインから「チャンネル」タブをタップし、「Web」をタップします。

「アセット」タブに移動してフィルターを適用し、左側のペインのドキュメントフラグメントだけを表示します。

次のドキュメントフラグメントを、インタラクティブ通信のターゲット領域にドラッグ&ドロップします。

請求概要 ​のターゲット領域をタップし、+ をタップして​ グラフ ​のコンポーネントを追加します。

グラフのコンポーネントをタップし、 （設定）を選択します。グラフのプロパティが左側のペインに表示されます。

1. グラフの名前を指定します。
2. 「グラフのタイプ」ドロップダウンリストから「円グラフ」を選択します。
3. X 軸 ​セクションの​ 通話 ​データモデルオブジェクトタイプから Calltype プロパティを選択します。 をタップします。
4. 「関数」ドロップダウンリストから「頻度」を選択します。
5. Y 軸 ​セクションの​ 通話 ​データモデルオブジェクトタイプから Calltype プロパティを選択します。 をタップします。
6. をタップして、グラフのプロパティを保存します。

左側のペインから「データソース」タブを選択し、通話 ​データモデルオブジェクトを​ 通話明細 ​のターゲット領域にドラッグアンドドロップします。通話 ​データモデルオブジェクトに含まれるすべてのプロパティが、右側のペインの​ 通話明細 ​のターゲット領域にテーブル列として表示されます。

ユースケースに基づいて、テーブルには、通話日、通話時刻、通話番号、通話時間、そして通話料金の列が必要です。

Mobilenum テーブルの列見出しを選択し、追加のオプション／列の削除 ​の順に選択します。同様に、Calltype の列を削除します。

Calldate テーブル列見出しを選択し、「 」をタップしてテキストの名前を「通話日」に変更します。同様に、テーブル内の他の列見出しの名前を変更します。

ユースケースに基づいて、 今すぐ支払う ボタンをクリックして支払いを行うオプションをユーザーに提供するインタラクティブ通信のボタン。 ボタンを挿入するには、次の手順を実行します。

1. Pay Now のターゲット領域をタップし、+ をタップして​ テキスト ​のコンポーネントを追加します。
2. テキストコンポーネントをタップし、「 」をタップします。
3. テキストの名前をに変更します。 今すぐ支払う.
4. テキストを選択し、ハイパーリンクアイコンをタップします。
5. 支払い URL を パス フィールドに入力します。
6. 選択 新しいタブ から ターゲット 」ドロップダウンリストから選択できます。
7. をタップして、ハイパーリンクのプロパティを保存します。

「プレビュー」オプションの隣にあるドロップダウンリストから「スタイル」を選択します。

ハイパーリンクテキストのスタイルを設定し、インタラクティブ通信でボタンとして表示するには次の手順を実行します。

1. テキストコンポーネントをタップし、「 」を選択します。
2. 内 境界線 セクション、指定 1.5px as 境界線の幅 ​を選択します。 実線 as 境界線のスタイル、を指定します。 46px as 境界線の半径.
3. ボタンの背景色として、赤を 背景 」セクションに入力します。
4. 内 余白 ～のフィールド Dimensionと位置 セクションで、 同時に編集 アイコンをクリックし、 右 余白 450px. 上、下、左のフィールドは空白に設定されます。

Pay Now のターゲット領域をタップし、+ をタップして​ 画像 ​のコンポーネントを追加します。

画像のコンポーネントをタップし、 （設定）を選択します。左側のペインにイメージのプロパティが表示されます。

1. 指定 PayNow を 名前 フィールドに入力します。
2. 「アップロード」をタップし、ローカルのファイルシステムに保存された PayNowWeb の画像を選択して「開く」をタップします。
3. をタップして、画像のプロパティを保存します。

ユースケースに基づき、「登録」ボタンをインタラクティブ通信に挿入し、ユーザーがボタンをクリックして付加価値サービスを追加できるようにします。

手順 13～17 を繰り返し、付加価値サービス ターゲット領域に「登録」ボタンを追加し、ValueAddedServicesWeb ​画像を追加します。

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

「作成」をタップし、「インタラクティブ通信」を選択します。インタラクティブ通信の作成 ​ウィザードが表示されます。

「タイトル」と「名前」フィールドに create_first_ic と入力します。FDM_Create_First_IC をフォームデータモデルとして選択し、「次へ」をタップします。

チャネル ​ウィザードで以下を実行します。

1. create_first_ic_print_template を印刷テンプレートとして指定し、「選択」をタップします。
2. 「Web チャネルのマスターとして印刷を使用」チェックボックスを選択します。
3. Create_First_IC_templates  フォルダー／Create_First_IC_Web_Template  を Web テンプレートとして指定し、「選択」をタップします。
4. 「作成」をタップします。

インタラクティブ通信が正常に作成されたことを示す確認メッセージが表示されます。

タップ 編集 をクリックして、右側のウィンドウでインタラクティブ通信を開きます。

「印刷チャネル用のインタラクティブ通信の作成」セクションの手順 6 ～ 15 を実行します。

左側のペインのタブから「チャネル」をタップし、「Web」をタップし、印刷チャネルから Web チャネル用にコンテンツを自動生成します。

手順 4 で「Web チャネルのマスターとして印刷を使用」のチェックボックスを選択したので、コンテンツと連結は印刷チャネルから Web チャネル用に自動生成されます。

印刷チャネルのコンテンツは、Web チャネルのテンプレートコンテンツの下に挿入されます。 印刷チャネルから自動生成された Web チャネルコンテンツを変更するには、任意のターゲット領域の継承をキャンセルします。

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

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

を選択します。 コンテンツ 」タブをクリックします。

コンテンツツリーを使用して、自動生成された Web チャネルコンテンツを Web テンプレートの既存のパネルにドラッグ&ドロップします。 再配置が必要なコンポーネントのリストを次に示します。

• 請求明細コンポーネントから請求詳細パネルへ
• 顧客詳細コンポーネントから顧客詳細パネル
• 請求要約コンポーネントから請求要約パネルへ
• 料金コンポーネントの概要から料金パネルの概要へ
• レイアウトフラグメント（表）を通話定義パネルに

「Web チャネル用インタラクティブ通信の作成」の手順 13 ～ 18 を繰り返し、「Pay Now」（今すぐ支払う）および「登録」ハイパーリンクをインタラクティブ通信の Web チャネルに挿入します。