チュートリアル：テンプレートの作成
これは、「最初のインタラクティブ通信の作成」シリーズを構成するチュートリアルです。チュートリアルの使用例全体を理解、実行、デモするために、シリーズを時系列に沿って実施することをお勧めします。
インタラクティブ通信を作成するには、AEM サーバーに用意されている印刷チャネルと web チャネル用のテンプレートを入手する必要があります。
印刷チャネルのテンプレートは Adobe Forms Designer で作成されて、AEM サーバーにアップロードされます。これらのテンプレートはインタラクティブ通信を作成する際に使用できるようになります。
Web チャネル用のテンプレートは AEM で作成されます。テンプレートの作成者と管理者は、web テンプレートの作成、編集、有効化を行うことができます。作成して有効化されたテンプレートは、インタラクティブ通信を作成する際に使用できるようになります。
このチュートリアルでは、印刷チャネルと web チャネル用のテンプレートを作成し、インタラクティブ通信の作成時に使用できるようにする手順を説明します。このチュートリアルを完了すると、次の操作を実行できるようになります。
- Adobe Forms Designer を使用して印刷チャネル用の XDP テンプレートを作成
- AEM Forms サーバーに XDP テンプレートをアップロード
- Web チャネル用のテンプレートを作成し有効にする
印刷チャネル用のテンプレートを作成
次のタスクを使用して、インタラクティブ通信の印刷チャネル用のテンプレートを作成および管理します。
- 請求明細：ドキュメントフラグメントが含まれます
- 顧客情報：ドキュメントフラグメントが含まれます
- 請求内容：ドキュメントフラグメントが含まれます
- 概要：ドキュメントフラグメント（料金のサブフォーム）とグラフ（グラフのサブフォーム）が含まれます
- 通話明細：テーブル（レイアウトフラグメント）が含まれます
- Pay Now：画像が含まれます
- 付加価値サービス：画像が含まれます
XDP ファイルを Forms サーバーにアップロードすると、これらのサブフォームは印刷テンプレートのターゲット領域として表示されます。インタラクティブ通信の作成時に、ドキュメントフラグメント、グラフ、レイアウトフラグメント、画像などのすべてのエンティティが、ターゲット領域に追加されます。
印刷チャネル用の XDP テンプレートを作成するには、次の手順を実行します。
-
テンプレート作成用のフォームを表示するには、Forms Designer を開き、ファイル／新規／空白のフォームを使用を選択し、「次へ」、「完了」の順に選択します。
ウィンドウ メニューから「オブジェクトライブラリ」および「オブジェクト」オプションが選択されていることを確認します。
-
サブフォーム コンポーネントを オブジェクトライブラリ からフォームにドラッグアンドドロップします。
-
サブフォームを選択すると、右側のペインの オブジェクト ウィンドウにサブフォームのオプションが表示されます。
-
「サブフォーム」タブを選択し、「コンテンツ」ドロップダウンリストから「フローレイアウト」を選択します。長さを調整するには、サブフォームの左側のエンドポイントをドラッグします。
-
「連結」タブで、次の手順を実行します。
-
「名前」フィールドに、BillDetails と入力します。
-
「データ連結」ドロップダウンリストから「データ連結なし」を選択します。
-
-
同様に、ルートサブフォームを選択し、「サブフォーム」タブを選択し、「コンテンツ」ドロップダウンリストから「フローレイアウト」を選択します。「連結」タブで、次の手順を実行します。
-
「名前」フィールドに TelecaBill と入力します。
-
「データ連結」ドロップダウンリストから「データ連結なし」を選択します。
-
-
手順 2～5 を繰り返して、以下のサブフォームを作成します。
-
BillDetails
-
CustomerDetails
-
BillSummary
-
概要 - このサブフォームの「サブフォーム」タブを選択し、「コンテンツ」ドロップダウンリストから「配置済み」を選択します。以下のサブフォームを 概要 サブフォームに挿入します。
- 料金
- グラフ
-
ItemisedCalls
-
PayNow
-
ValueAddedServices
時間を節約するために、既存のサブフォームをコピー＆ペーストして新しいサブフォームを作成することもできます。
グラフ サブフォームを料金サブフォームの右側にシフトするには、左側のペインから グラフ サブフォーム、「レイアウト」タブの順に選択し、AnchorX フィールドの値を指定します。指定する値は、料金 サブフォームの 幅 フィールドの値よりも大きい値である必要があります。料金 サブフォームを選択し、「レイアウト」タブを選択すると、幅 フィールドの値を表示できます。
-
-
テキスト オブジェクトを、オブジェクトライブラリ からフォームにドラッグアンドドロップし、ボックスに Dial XXXX to subscribe とテキストを入力します。
-
左側のペインのテキストオブジェクトを右クリックし、「オブジェクト名の変更」を選択し、「登録」として、テキストオブジェクト名を入力します。
-
ローカルのファイルシステムにファイルを保存するには、ファイル／名前を付けて保存 を選択して、次の手順を実行します。
-
ファイルを保存できる場所に移動し、名前を create_first_ic_print_template として指定します。
-
ファイルのタイプ ドロップダウンリストから .xdp を選択します。
-
「保存」を選択します。
-
AEM Forms サーバーに XDP テンプレートをアップロード
Forms Designer を使用して XDP テンプレートを作成したら、インタラクティブ通信の作成中にテンプレートを使用できるように、作成したテンプレートを AEM Forms サーバーにアップロードする必要があります。
-
フォーム／フォームとドキュメント を選択します。
-
作成／ファイルのアップロード を選択します。
create_first_ic_print_template テンプレート（XDP）に移動してこれを選択し、「開く」を選択して、XDP テンプレートを AEM Forms サーバーに読み込みます。
レイアウトフラグメント用に XDP テンプレートを作成
インタラクティブ通信の印刷チャネル用のレイアウトフラグメントを作成するには、Forms Designer を使用して XDP を作成し、AEM Forms サーバーにアップロードします。
-
テンプレート作成用のフォームを表示するには、Forms Designer を開き、ファイル／新規／空白のフォームを使用を選択し、「次へ」、「完了」の順に選択します。
「オブジェクトライブラリ」および「オブジェクト」オプションが Window メニューから選択されていることを確認します。
-
テーブル コンポーネントを オブジェクトライブラリ からフォームにドラッグ＆ドロップします。
-
テーブルの挿入ダイアログで、次の手順を実行します。
- 列数を 5 と指定します。
- ボディ行数を 1 と指定します。
- 「テーブルにヘッダー行を含む」チェックボックスを選択します。
- 「OK」をタップします。
-
テーブル 1 の隣の左側のパネルで「+」を選択し、Cell1 を右クリックし、「オブジェクト名の変更」から「日付」を選択します。
同様に、Cell2、Cell3、Cell4、および Cell5 の名前をそれぞれ 時間、番号、期間、および 料金 に変更します。
-
「Designer View」のヘッダーテキストフィールドをクリックして、それらの名前を 時刻、番号、時間 および 料金 に変更します。
-
左側のペインから Row 1 を選択し、「オブジェクト／連結／各データアイテムについて行を繰り返す」を選択します。
-
テキストフィールド コンポーネントを オブジェクトライブラリ から Designer View にドラッグ＆ドロップします。
同様に、テキストフィールド コンポーネントを 時刻 行、番号 行、期間 行および 料金 行にドラッグ＆ドロップします。
-
ローカルのファイルシステムにファイルを保存するには、ファイル／名前を付けて保存 を選択して、次の手順を実行します。
-
ファイルを保存できる場所に移動し、名前を table_lf と指定します。
-
ファイルのタイプ ドロップダウンリストから .xdp を選択します。
-
「保存」を選択します。
Forms Designer を使用してレイアウトフラグメント用 XDP テンプレートを作成したら、レイアウトフラグメントの作成中に作成したテンプレートを使用できるように、AEM Forms サーバーにこのテンプレートをアップロードする必要があります。
-
