Designer クイックスタート チュートリアル - Adobe...

60
Designer クイックスタート チュートリアル AEM 6.2 Forms

Transcript of Designer クイックスタート チュートリアル - Adobe...

Page 1: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

Designer クイックスタートチュートリアル

AEM 6.2 Forms

Page 2: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

最終更新日 2018年4月12日

法的通知法律上の注意については、https://helpx.adobe.com/jp/legal/legal-notices.htmlを参照してください。

Page 3: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

i

目次

クイックスタートチュートリアルについて . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .1発注書フォームの作成 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1編集可能なレイアウトの発注書フォームの作成 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1フォームデザインのフラグメントの作成および使用 . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

発注書フォームの作成 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .2発注書フォームの作成について . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2フォームデザインの開始 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3フォームデザインの開始 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3印刷ボタンの追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4ロゴの追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4ロゴの追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5発注書タイトルの追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5発注番号用のテキストフィールドの追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6発注日付の日付フィールドの追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7作業結果のプレビュー . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7フォームデザインの保存 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8住所ブロックの追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8発注書の詳細の追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9発注書テーブルの移動 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10発注書テーブルのサイズ調整 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10ヘッダー行へのラベルの入力 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11パーツ番号セルおよび説明セルをテキストフィールドとして指定 . . . . . . . . . . . . . . . . . . . .12セルから数値フィールドへの変換 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12フィールドの命名 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13小計列での演算の実行 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .13小計列での演算の実行 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .14発注書テーブルへの行の追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15フォームの内容の名前変更 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16フォームの内容の名前変更 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16テーブル下端への小計の挿入 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .17

Page 4: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

ii

税金フィールドの挿入 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .18配送料フィールドの挿入 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .19総合計フィールドの挿入 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .20取引条件セクションの追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .20署名フィールドオブジェクトの追加 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .21次の作業 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22

編集可能なレイアウトの発注書フォームの作成 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23編集可能なレイアウトの発注書フォームの作成について . . . . . . . . . . . . . . . . . . . . . . . . .23発注書フォームを開く . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .24発注書フォームを開く . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .24フォームの見栄えの向上 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .25フォームの整理 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26フッターの形式設定 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .28ダイナミックに拡大するテーブルの設定 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .28合計フィールドの計算方法の修正 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .30フィールドを読み取り専用に設定する . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .30データソースへの接続 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .31データソースへの接続 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .32フィールドおよびテーブルのセルへのデータの連結 . . . . . . . . . . . . . . . . . . . . . . . . . . .33データファイルの指定 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .35データファイルの指定 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .35次の作業 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .38

フォームデザインのフラグメントの作成および使用 . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39フォームデザインのフラグメントの作成および使用について . . . . . . . . . . . . . . . . . . . . . .39フラグメントライブラリパレットのサンプルフラグメントを開く . . . . . . . . . . . . . . . . . . . .40フラグメントライブラリパレットのサンプルフラグメントライブラリを開く . . . . . . . . . . . . .41フラグメントの作成 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .42フラグメントの作成 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .45フラグメントの編集 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .48フラグメントの編集 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .49スクリプトを含むフラグメントの使用 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .50サブフォームの表示を制御するときのフラグメントの使用 . . . . . . . . . . . . . . . . . . . . . . .53サブフォームの表示を制御するときのフラグメントの使用 . . . . . . . . . . . . . . . . . . . . . . .54次の作業 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .56

Page 5: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

クイックスタートチュートリアルについて

1

1. クイックスタートチュートリアルについて

クイックスタートチュートリアルは、Designer を初めて使用するユーザーを対象にしています。

注:このドキュメントでは、Adobe Experience Manager Forms、AEM Forms、JEE 上の AEM Forms、LiveCycle が同じ意味で使用されています。

1.1. 発注書フォームの作成

このチュートリアルでは、「印刷フォーム」ボタンを含むインタラクティブな発注書フォームを手順を追って作成します。フォームのユーザーがこのボタンをクリックすると、フォームが印刷されます。そして、ユーザーが入力した情報は紙に印刷された形で発注先に送付されます。このチュートリアルでは、オブジェクトの追加だけでなく、簡単な自動計算の機能を追加する方法についても学習します。「 発注書フォームの作成」を参照してください。

1.2. 編集可能なレイアウトの発注書フォームの作成

このチュートリアルでは、フォームの固定レイアウトを編集可能なレイアウト(ダイナミックレイアウト)に変更するプロセスについて説明します。サブフォームを使用すると、顧客が要求した注文がすべて表示されます。また、フォームにデータを結合する方法についても説明します。「 編集可能なレイアウトの発注書フォームの作成」を参照してください。

1.3. フォームデザインのフラグメントの作成および使用

このチュートリアルでは、フラグメントを作成して使用することにより、多数のフォームをより簡単に作成できるようにするプロセスについて説明します。「 フォームデザインのフラグメントの作成および使用」を参照してください。

Page 6: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

2

2. 発注書フォームの作成

このチュートリアルでは、Designer を使用して、「印刷フォーム」ボタンを含むインタラクティブな発注書フォームを作成します。

フォームのユーザーがこのボタンをクリックすると、フォームが印刷されます。そして、ユーザーが入力した情報は紙に印刷された形で発注先に送付されます。このチュートリアルでは、基本的な概念だけでなく、簡単な自動計算の機能を追加する方法についても学習します。後で作るフォームの種類がどのようなものであっても、入門としてはこのチュートリアルが便利でしょう。

2.1. 発注書フォームの作成について

1 日の仕事の間には、発注書、請求書、給与計算表、勤怠管理表など多くの異なる種類のフォームを処理することがあります。

• フォームには、直接手書きまたは電子入力します。

• フォームには、フォームにデータを結合するサーバーベースの処理と組み合わせて入力します。

• フォームは、両者を組み合わせたものです。

このチュートリアルを完了すると、次のような発注書を作成できます。

次をクリックして続行します。フォームデザインの開始

Page 7: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成

3

2.2. フォームデザインの開始

発注書フォームに求められる要件は、PDF 形式の 1 ページのフォームであることです。ユーザーは Adobe®Reader®を使用して電子的にフォームに記入した後、フォーム上に表示される印刷ボタンを使用してフォームを印刷し、入力した情報を紙に印刷した形で送付します。

Designer では、フォームデザインの作成時に手間をかけずに作業を開始する方法がいくつか用意されています。このチュートリアルでは、新規フォームアシスタントを使用して、発注書フォームデザインを作成します。新規フォームアシスタントでは、フォームの配布方法や入力済みフォームの返送方法などが案内されるため、フォームデザインを簡単に開始することができます。

1) ファイル/新規を選択します。

新規フォームアシスタントが表示されます。

2) 「次へ」をクリックします。

3) 「ページサイズ」で「レター」を選択します。

4) 「完了」をクリックします。

レイアウトエディターに新しいフォームデザインが表示されます。

次をクリックして続行します。 印刷ボタンの追加

2.3. フォームデザインの開始

Designer ワークスペースでフォームデザインを作成します。

• 印刷ボタンを追加するには、オブジェクトライブラリパレットで標準カテゴリをクリックし、印刷ボタンオブジェクト を右上隅にあるフォームにドラッグします。

次をクリックして続行します。 ロゴの追加

Page 8: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

4

2.4. 印刷ボタンの追加

次に、発注書に印刷ボタンを追加します。

• 印刷ボタンを追加するには、オブジェクトライブラリパレットで標準カテゴリをクリックし、印刷ボタンオブジェクト を右上隅にあるフォームデザインにドラッグします。

Designer によってフォームデザインに「印刷フォーム」ボタンが追加されます。フォームの入力を完了したユーザーは、「印刷フォーム」ボタンをクリックしてフォームを印刷します。

次をクリックして続行します。 ロゴの追加

2.5. ロゴの追加

この節では、発注書にロゴを追加します。

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、画像オブジェクト を左上隅にあるフォームデザインにドラッグします。

2) プレースホルダーをダブルクリックし、画像ファイルを検索します。

例えば、ユーザーが Designer に付属のサンプルをインストールしている場合、Designer インストールフォルダーを検索し、次の画像ファイルを開きます。

JA¥Samples¥Forms¥Purchase Order¥Images¥Purchase Order.tif

3) オブジェクトパレットで、サイズ調整リストから「元のサイズを使用」を選択します。

次をクリックして続行します。 発注書タイトルの追加

Page 9: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成

5

2.6. ロゴの追加

この節では、発注書にロゴを追加します。

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、画像オブジェクト を左上隅にあるフォームデザインにドラッグします。

注:ABAP Workbench または SAP NetWeaver Developer Studio で Designer を使用している場合は、ロゴとして使用できる画像を検索します。

2) オブジェクトパレットで、サイズ調整リストから「元のサイズを使用」を選択します。

次をクリックして続行します。 発注書タイトルの追加

2.7. 発注書タイトルの追加

この節では、発注書にタイトルを追加します。

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、テキストオブジェクト をロゴの下にドラッグします。

2) テキストオブジェクト内のテキストを選択し、「発注書」と入力します。

3) テキストオブジェクト内のテキストを選択し、フォントパレットでサイズリストから「20」、スタイルリストから「Bold」を選択します。

ヒント:オブジェクトにデフォルトのフォントを設定できます。例えば、すべてのテキストオブジェクトのデフォルトフォントを「Kozuka Gothic Std B」に設定する場合、フォームにテキストオブジェクトを挿入し、フォントを「Kozuka Gothic Std B」に変更してから、テキストオブジェクトをオブジェクトライブラリパレットの標準カテゴリにドラッグします。ライブラリオブジェクトの追加ダイアログボックスで、「テキス ト」と入力し、「OK」をクリックします。既存のテキストオブジェクトを置き換えるかどうかを確認するメッセージが表示されます。「はい」をクリックします。

次をクリックして続行します。 発注番号用のテキストフィールドの追加

Page 10: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

6

2.8. 発注番号用のテキストフィールドの追加

次に、発注番号用のテキストフィールドを使用する必要があります。このフォームでは、発注番号は 10 桁の数値で構成されています。

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、テキストフィールドオブジェクト を右上隅にあるフォームにドラッグします。

2) テキストフィールドオブジェクト内のテキストを選択し、「P.O. Number」と入力します。

ヒント:テキストフィールドを選択すると、キャプションおよび値の両方のフォント、フォントサイズ、スタイルを変更できます。キャプション(フィールドのラベル)は、(フォームのユーザーがデータを入力する)値の横にあります。フォントパレットのパレットメニューを使用して、キャプションおよび値のフォントを変更します。

次に、フィールドの長さを 10 桁の数値に設定する必要があります。

3) オブジェクトパレットで「フィールド」タブをクリックし、「文字数の制限」オプションを選択します。「最大文字数」ボックスに「10」と入力します。

次をクリックして続行します。 発注日付の日付フィールドの追加

Page 11: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成

7

2.9. 発注日付の日付フィールドの追加

ユーザーは日付フィールドオブジェクトを使用すると、簡単に日付を選択できます。Adobe® Acrobat®でフォームを表示しているとき、ユーザーが発注日付のコンボボックスをクリックすると、フォームには次のようなカレンダーが表示されます。

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、日付フィールドオブジェクト を発注番号の下のフォームにドラッグします。

2) 日付フィールドオブジェクトにあるテキストを選択し、「発注日付」と入力します。

次をクリックして続行します。 作業結果のプレビュー

2.10. 作業結果のプレビュー

作業中に、フォームデザインをプレビューし、実際にフォームに入力するユーザーにどう見えるかを確認できます。例えば、フォームは次のように見えます。

1) 「PDF プレビュー」タブをクリックします。

2) フォームデザインの編集に戻るには、「デザインビュー」タブをクリックします。

次をクリックして続行します。 フォームデザインの保存

Page 12: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

8

2.11. フォームデザインの保存

ここで、作成したフォームを保存することをお勧めします。作成したフォームデザインを PDF ファイルとして保存することにより、ユーザーが電子的にフォームに記入し、「印刷フォーム」ボタンを使用してフォームを印刷できるようになります。

1) ファイル/名前を付けて保存をクリックします。

2) フォームデザインの位置を選択し、「ファイル名」ボックスに名前を入力します。

3) ファイルの種類リストで「Adobe スタティック PDF フォーム(*.pdf)」を選択します。

次をクリックして続行します。 住所ブロックの追加

2.12. 住所ブロックの追加

Designer には、フォームをすばやく作成できる定義済みのカスタムオブジェクトが含まれています。例えば、このチュートリアルでは、住所ブロックのカスタムライブラリオブジェクトを使用して、いくつかのフィールドを同時に挿入できます。

1) オブジェクトライブラリパレットでカスタムカテゴリをクリックし、住所ブロックフィールドオブジェクト を発注書タイトルの下のフォームにドラッグします。

2) 「名前」テキストフィールド名を「発注者」に変更します。

3) オブジェクトライブラリパレットで標準カテゴリをクリックし、テキストフィールドオブジェクト を国名フィールドの下のフォームにドラッグします。

4) テキストフィールドオブジェクトに「電話番号」という名前を付けます。

5) 別のテキストフィールドオブジェクトを「Fax 番号」用に追加します。

6) 別のテキストフィールドオブジェクトを Fax 番号の下のフォームに追加します。

7) テキストフィールドオブジェクトに「連絡先名」という名前を付けます。

8) このオブジェクトの横に 2 番目の住所ブロックを挿入できるようにするには、手順 1 ~ 7 で作成したフィールドをすべてドラッグして選択し、右側のサイズ調整ハンドルを使用して 1.27 cm ほど住所ブロックの幅を狭めます。

9) 選択したフィールドをコピーして、発注元住所ブロックの隣に貼り付けます。

10) 2 番目の発注元フィールドの名前を「配送先」に変更します。

Page 13: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成

9

この時点で、フォームは次のように見えます。

ここでも「PDF プレビュー」タブを使用してフォームをプレビューできます。

ヒント:フォームを見栄えよくするために、くぼんだボックス状のフィールドの外観を変更することができます。そのためには、オブジェクトを選択し、オブジェクトパレットで「フィールド」タブをクリックして、表示方法リストから「下線付き」を選択します。

次をクリックして続行します。 発注書の詳細の追加

2.13. 発注書の詳細の追加

その後、パーツ番号、項目の説明、数量、単価、各項目の合計数を含む表を追加する必要があります。表を使用すると、このセクションを簡単に作成できます。表には列を 5 つ作成します。

Designer で初めて表を作成するときは、テーブルアシスタントを使用すると簡単です。

1) テーブル/テーブルの挿入を選択します。

2) 「アシスタントを使用したテーブルの作成」オプションを選択し、「OK」をクリックします。

3) 「ボディは固定配列」の下で、列数に「5」、ボディの行数に「1」を入力し、「次へ」をクリックします。

4) 「ヘッダー行あり」オプションを選択し、「次へ」をクリックします。

5) 「フッター行なし」オプションが選択されていることを確認し、「次へ」をクリックします。

6) 「ボディ行を保持し、セクションなし」オプションを選択し、「次へ」をクリックします。

7) 「1 行おきに色を変える」オプションの選択を解除し、「完了」をクリックします。

次をクリックして続行します。 発注書テーブルの移動

Page 14: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

10

2.14. 発注書テーブルの移動

挿入したテーブルは、次のようになります。

A.テーブル全体を移動するためのカーソル

B.ヘッダー行

C.ボディ行

次に、テーブルを住所ブロックの下に配置します。

1) テーブルが選択されていない場合は、次のカーソルが表示されるようになるまでカーソルを左上隅に移動します。

2) クリックして表全体を選択します。

ヒント:表全体を選択するためのもう 1 つの方法は、セルを選択し、次にテーブル/選択を選択し、さらにテーブルを選択することです。クリックしてドラッグしても選択できます。

3) 移動カーソル が表示されるまで、テーブルの左上隅にマウスを移動します。

4) テーブルを新しい位置にドラッグします。

次をクリックして続行します。 発注書テーブルのサイズ調整

2.15. 発注書テーブルのサイズ調整

ページの幅に収まるようにテーブルのサイズを調整することができます。デフォルトでは、ページは中央に配置されています。

1) テーブルを選択します。

Page 15: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成

11

2) 移動カーソル(前述の手順を参照)が表示されるように、右側の中心ハンドルにカーソルを移動します。

3) ページの幅に収まるように、テーブルをドラッグします。

ヒント:すべての列を同じ幅にするには、テーブル/列を水平方向に分布を選択します。

次をクリックして続行します。 ヘッダー行へのラベルの入力

2.16. ヘッダー行へのラベルの入力

1) テーブルの最初のセルをダブルクリックし、「パーツ番号」と入力します。

2) 次のように表示されるように、ヘッダー行の残りのセルに対して手順 1 を繰り返します。

ヒント:区別しやすいように、この行に塗りつぶしを適用することができます。塗りつぶしを行うには、このカーソルが表示されるまで カーソルを左に動かして、その行を選択します。次に、境界線パレットの背景の塗りつぶしリストから「ベタ塗り」を選択します。最後に、カラーピッカーから色を選択します 。

この時点で、フォームは次のように見えます。

次をクリックして続行します。 パーツ番号セルおよび説明セルをテキストフィールドとして指定

Page 16: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

12

2.17. パーツ番号セルおよび説明セルをテキストフィールドとして指定

デフォルトでは、テーブルのセルはテキストオブジェクトとして設定されています。次に、「説明」列のセルをテキストフィールドとして設定します。テキストフィールドを用意しておくと、ユーザーはフィールド内で任意のテキストを入力、選択、編集、切り取り、コピー、貼り付けおよび削除することができます。テキストオブジェクトは、エンドユーザーが編集できない読み取り専用のテキストです。

1) 「パーツ番号」の下のセルを選択します。

2) オブジェクトパレットで、「セル」タブをクリックし、種類リストで「テキストフィールド」を選択します。

3) 表示方法リストで「なし」を選択します。

4) 「複数行」オプションを選択します。

5) 「説明」セルについても、手順 1 ~ 4 を繰り返します。

次をクリックして続行します。 セルから数値フィールドへの変換

2.18. セルから数値フィールドへの変換

次に、「数量」、「単価」、「小計」を数値フィールドとして設定します。

1) 「数量」の下の最初のセルを選択します。

2) オブジェクトパレットで、「セル」タブをクリックし、種類リストで「数値フィールド」を選択します。

3) 「セル」タブで、表示方法リストから「なし」を選択します。

4) 「単価」と「小計」についても、手順 1 ~ 3 を繰り返します。

5) 単価フィールドと小計フィールドには通貨が表示されます。数値を通貨として表示するようにデータをフォーマットするには、「単価」および「小計」列のセルをドラッグして選択します。次にオブジェクトパレットで「セル」タブを選択し、「パターン」ボタンをクリックし、「パターン」ボックスに「 ¥z,zz9.99」と入力します。

6) 「OK」をクリックします。

次をクリックして続行します。 フィールドの命名

Page 17: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成

13

2.19. フィールドの命名

フォームの読みやすさと使いやすさを向上するため、および、演算を実行できるようにするために、フィールドの名前は変更することをお勧めします。演算を実行するには、フィールドの名前を正確に特定できる必要があります。

注:Designer では、大文字と小文字が区別されます。

1) 「パーツ番号」の下のセルを選択します。

2) オブジェクトパレットで「連結」タブをクリックし、「名前」ボックスに、「 partNo 」と入力します。

3) 残りの列で手順 1 および 2 を繰り返し、次のように命名します。

• description

• quantity

• unitPrice

• amount

次をクリックして続行します。 小計列での演算の実行

2.20. 小計列での演算の実行

「小計」列には「発注アイテム数」に「単価」をかけた結果が表示される必要があります。Designer では、FormCalc または JavaScript を使用して演算を実行します™ 。ここでの演算には、FormCalc を使用します。FormCalc は、一般的な表計算ソフトウェアをモデルとした簡単かつ強力な演算言語です。FormCalc の目的は、従来のスクリプティングテクニックや言語の知識がなくても、すばやくかつ効果的なフォームデザインを容易にすることです。フォームの異なるオブジェクトに演算を入力するには、スクリプトエディターを使用します。

1) まだスクリプトエディターが表示されていない場合は、ウィンドウ/スクリプトエディターを選択します。

2) 必要に応じて、スクリプトエディターのパレットバーをドラッグして、パレットを大きくします。

3) 「小計」の下のセルを選択します。

4) イベントリストから「calculate」を選択します。

5) 言語リストから「FormCalc」、実行位置リストから「クライアント」を選択します。

6) スクリプト編集フィールドに、次の計算式を入力します。

quantity * unitPrice

Page 18: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

14

7) セルの選択を解除し、スクリプトをフォームに追加します。

8) この列を読み取り専用に設定するには、オブジェクトパレットでセルを再度選択してから「値」タブをクリックし、種類リストで「計算済み - 読み取り専用」を選択します。

次をクリックして続行します。 発注書テーブルへの行の追加

2.21. 小計列での演算の実行

「小計」列には「発注アイテム数」に「単価」をかけた結果が表示される必要があります。Designer では、FormCalc または JavaScript を使用して演算を実行します。ここでの演算には、FormCalc を使用します。FormCalc は、一般的な表計算ソフトウェアをモデルとした簡単かつ強力な演算言語です。FormCalc の目的は、従来のスクリプティングテクニックや言語の知識がなくても、すばやくかつ効果的なフォームデザインを容易にすることです。フォームの異なるオブジェクトに演算を入力するには、スクリプトエディターを使用します。

1) まだスクリプトエディターが表示されていない場合は、パレット/スクリプトエディターを選択します。

2) 必要に応じて、スクリプトエディターのパレットバーをドラッグして、パレットを大きくします。

3) 「小計」の下のセルを選択します。

4) イベントリストから「calculate」を選択します。

5) 言語リストから「FormCalc」、実行位置リストから「クライアント」を選択します。

6) スクリプト編集フィールドに、次の計算式を入力します。

quantity * unitPrice

7) セルの選択を解除し、スクリプトをフォームに追加します。

8) この列を読み取り専用に設定するには、オブジェクトパレットでセルを再度選択してから「値」タブをクリックし、種類リストで「計算済み - 読み取り専用」を選択します。

次をクリックして続行します。 発注書テーブルへの行の追加

Page 19: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成

15

2.22. 発注書テーブルへの行の追加

このフォームでは、ユーザーが発注するアイテムを入力する行が 7 つ必要です。「複数コピー」コマンドを使用すると、複数の行を同時に追加できて便利です。

1) ボディ行をドラッグして選択します。

2) 編集/複数コピーを選択します。

3) 「コピー数」ボックスに「6」と入力します。

4) 「下に配置」オプションを選択します。

5) 「垂直間隔」ボックスで「密着」オプションが選択されていることを確認します。

この時点で、フォームは次のように見えます。

次をクリックして続行します。 フォームの内容の名前変更

Page 20: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

16

2.23. フォームの内容の名前変更

フォームを整理するため、およびフォーム内の各領域を識別できるようにするために、フォーム内のオブジェクト名は変更することをお勧めします。それには、階層パレットを使用すると便利です。階層パレットには、フォーム内の構造が視覚的に表示されます。

1) ウィンドウ/階層を選択します。

2) 階層の最初のオブジェクトである「 form1」を選択します。

3) F2 キーを押すか、右クリックして「オブジェクト名の変更」を選択します。

4) 新しい名前として「発注書フォーム」と入力します。

5) 「 (名称未設定サブフォーム)(ページ 1) 」を「発注書」に変更します。

このチュートリアルでは、フォームの残りの内容の名前を変更する必要はありませんが、ここで任意の名前に変更することもできます。

ヒント:また、オブジェクトを選択してドラッグし、上下に移動することもできます。

次をクリックして続行します。 テーブル下端への小計の挿入

2.24. フォームの内容の名前変更

フォームを整理するため、およびフォーム内の各領域を識別できるようにするために、フォーム内のオブジェクト名は変更することをお勧めします。それには、階層パレットを使用すると便利です。階層パレットには、フォーム内の構造が視覚的に表示されます。

1) パレット/階層を選択します。

2) 階層の最初のオブジェクトである「 form1」を選択します。

3) F2 キーを押すか、右クリックして「オブジェクト名の変更」を選択します。

4) 新しい名前として「発注書フォーム」と入力します。

5) 「 (名称未設定サブフォーム)(ページ 1) 」を「発注書」に変更します。

このチュートリアルでは、フォームの残りの内容の名前を変更する必要はありませんが、ここで任意の名前に変更することもできます。

ヒント:また、オブジェクトを選択してドラッグし、上下に移動することもできます。

次をクリックして続行します。 テーブル下端への小計の挿入

Page 21: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成

17

2.25. テーブル下端への小計の挿入

演算を実行するには、FormCalc が演算に使用するオブジェクトを知っている必要があります。この手順では、「小計」列のすべてのデータの合計を算出します。「小計」列のセルを選択する場合、スクリプトエディターでの内部名を表示できます(スクリプトエディターのサイズを大きくした場合)。

内部名に表示される内容は、階層に表示される内容に関連しています。「PurchaseOrderForm」が一番上に表示され、その後に「PurchaseOrder」などが続きます。

テーブルのすべての行は、「Row1」の後にデフォルトのインスタンス番号が続きます。1 列にデータを追加できるようにするには、すべての行が同じ名前に変更されている必要があります。

ここで、テーブルの下端に演算の小計を追加します。

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、数値フィールドオブジェクト を「小計」列の下にあるテーブルの下のフォームにドラッグします。

2) 数値フィールドオブジェクト内のキャプションテキストを選択し、「合計」と入力します。

3) オブジェクトパレットで、「フィールド」タブをクリックし、表示方法リストから「ボックス(実線)」を選択します。

4) スクリプトエディターで、イベントリストから「calculate」を選択します。

5) 言語リストから「FormCalc」、実行位置リストから「クライアント」を選択します。

6) スクリプト編集フィールドに、次の計算式を入力します。

sum(Table1.Row1[*].amount[*])

ワイルドカード文字(*)は、Designer に対して、 Row1 という行のすべてのデータおよび「小計」列のすべてのデータを収集するように指示します。

7) 数値フィールドオブジェクトの選択を解除し、スクリプトをフォームに追加してから、再び選択します。

8) オブジェクトパレットで「連結」タブをクリックし、「名前」ボックスに、「 合計 」と入力します。

Page 22: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

18

9) 「フィールド」タブをクリックし、「パターン」ボタンをクリックして「パターン」ボックスに「 ¥z,zz9.99」 と入力します。

10) 「OK」をクリックします。

11) 「値」タブをクリックし、種類リストで「計算済み - 読み取り専用」を選択します。

次をクリックして続行します。 税金フィールドの挿入

2.26. 税金フィールドの挿入

発注書では、該当する地方税および消費税を計算する必要があります。そのためには、税率を表示するフィールドと税額を表示する計算済みフィールドを作成する必要があります。

2.26.1. 地方税%フィールドを挿入するには

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、数値フィールドオブジェクト を合計フィールドの下のフォームにドラッグします。

2) 数値フィールドオブジェクト内のキャプションテキストを選択し、「 地方税%」と入力します。

フィールドのサイズを調整して小さくすることができます。

3) オブジェクトパレットで、「フィールド」タブをクリックし、表示方法リストで「ボックス(実線)」を選択します。

4) 「パターン」ボタンをクリックし、「パターン」ボックスに「 z9.99%」と入力します。5) 「連結」タブをクリックし、「名前」ボックスに「地方税%」と入力します。

6) 「値」タブをクリックし、「デフォルト」ボックスに「6」と入力します。

2.26.2. 地方税フィールドを挿入するには

1) 地方税%フィールドをコピーして、その隣に貼り付けます。

2) テキストを選択し、「地方税」と入力します。

3) スクリプトエディターで、イベントリストから「calculate」を選択します。

4) 言語リストから「FormCalc」、実行位置リストから「クライアント」を選択します。

5) スクリプト編集フィールドに、次の計算式を入力します。

(total * stateTaxPercent / 100)

Page 23: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成

19

6) 数値フィールドオブジェクトの選択を解除し、スクリプトをフォームに追加してから、再び選択します。

7) オブジェクトパレットで「連結」タブをクリックし、「名前」ボックスに、「 地方税」と入力します。

8) 「フィールド」タブをクリックし、「パターン」ボタンをクリックして「パターン」ボックスに「 ¥z,zz9.99」と入力します。

9) 「値」タブをクリックし、種類リストで「計算済み - 読み取り専用」を選択します。

2.26.3. 消費税%フィールドと消費税フィールドを挿入するには

1) 地方税%フィールドを挿入する手順を繰り返します。

2) 地方税フィールドを挿入する手順を繰り返します。

3) 次の手順に従って、これらのフィールドを消費税用のフィールドに変更します。

• 「 地方 」という言葉の出現箇所を、すべて「 消費」に変更します。

• 消費税率のデフォルト値を 8 パーセントに設定します。

• 消費税の計算式を次のように設定します。

(total * federalTaxPercent / 100)

次をクリックして続行します。 配送料フィールドの挿入

2.27. 配送料フィールドの挿入

デフォルトでは、¥5,000 の配送料が適用されています。ただし、ユーザーは必要に応じて異なる配送料を入力できます。

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、数値フィールドオブジェクト を消費税フィールドの下のフォームにドラッグします。

2) 数値フィールドオブジェクト内のキャプションテキストを選択し、「 合計」と入力します。

3) オブジェクトパレットで「連結」タブをクリックし、「名前」ボックスに、「 配送料」と入力します。

4) 「フィールド」タブをクリックし、表示方法リストで「ボックス(実線)」を選択します。

5) 「フィールド」タブをクリックし、「パターン」ボタンをクリックして「パターン」ボックスに「 ¥z,zz9.99」と入力します。

6) 「値」タブをクリックし、「デフォルト」ボックスに「 50」と入力します。

次をクリックして続行します。 総合計フィールドの挿入

Page 24: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

20

2.28. 総合計フィールドの挿入

次に、アイテム、税金、配送料の合計を表示する総合計フィールドを追加します。

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、数値フィールドオブジェクト を配送料フィールドの下のフォームにドラッグします。

2) 数値フィールドオブジェクト内のキャプションテキストを選択し、「 総合計」と入力します。

3) オブジェクトパレットで「連結」タブをクリックし、「名前」ボックスに、「 総合計 」と入力します。

4) 「フィールド」タブをクリックし、表示方法リストで「ボックス(実線)」を選択します。

5) 「パターン」ボタンをクリックし、「パターン」ボックスに「 ¥z,zz9.99」と入力します。6) 「値」タブをクリックし、種類リストで「計算済み - 読み取り専用」を選択します。

7) スクリプトエディターで、イベントリストから「calculate」を選択します。

8) スクリプト編集フィールドに、次の計算式を入力します。

sum (total, stateTax, federalTax, shippingCharge)

9) 数値フィールドオブジェクトの選択を解除し、スクリプトをフォームに追加します。

次をクリックして続行します。 取引条件セクションの追加

2.29. 取引条件セクションの追加

次に、アイテムの支払方法を説明する取引条件を追加します。

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、テキストフィールドオブジェクト を演算の横にあるテーブルの下のフォームにドラッグします。

2) 「利用条件」という名前を付けます。

キャプションが収まるように、フィールドのサイズを調整する必要があります。フィールドのサイズを調整するには、フィールドの左の境界線にカーソルを移動します。クリックし、ドラッグしてサイズを調整します。

3) オブジェクトパレットで「フィールド」タブをクリックし、「複数行」オプションを選択します。

Page 25: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成

21

4) 表示方法リストから「ボックス(実線)」を選択します。

5) レイアウトパレットで、キャプションの位置リストから「上」を選択します。

6) ボックスをドラッグし、サイズを調整して大きくします。

次をクリックして続行します。 署名フィールドオブジェクトの追加

2.30. 署名フィールドオブジェクトの追加

フォームのユーザーが Acrobat の署名機能を使用して文書に署名できるようにするには、署名フィールドオブジェクトをフォームデザインに追加します。

1) オブジェクトライブラリパレットで標準カテゴリをクリックし、署名フィールドオブジェクト を「取引条件」セクションの下のフォームにドラッグします。

2) 署名フィールドオブジェクトのテキストを選択し、「署名」と入力します。

3) オブジェクトパレットで、表示方法リストから「下線付き」を選択します。

4) フィールドをドラッグし、サイズを調整して大きくします。

この時点で、フォームは次のように見えます。

次をクリックして続行します。 次の作業

Page 26: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

発注書フォームの作成 2

22

2.31. 次の作業

このフォームは、Designer で作成できる多様なフォームの一例にすぎません。

関連するリンク:編集可能なレイアウトの発注書フォームの作成

Page 27: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成

23

3. 編集可能なレイアウトの発注書フォームの作成

このチュートリアルでは、フォームの固定レイアウトを編集可能なレイアウトに変更する手順を説明します。サブフォームを使用することで、フォームに各顧客の注文がすべて表示されるようになります。フォームにデータを結合する方法についても学習します。

このチュートリアルでは、「 発注書フォームの作成 」チュートリアルで作成したフォームを使用します。このフォームを編集可能なレイアウトを使って作り直します。編集可能なレイアウトを使用すると、データ量に合わせてフォームが調整され、顧客が要求した注文がすべて表示されます。

このチュートリアルのフォームデザインには、データソースから取得した情報が表示されます。作成するのは、印刷または電子的に保存できる非インタラクティブフォームです。

3.1. 編集可能なレイアウトの発注書フォームの作成について

このチュートリアルを完了すると、データが結合された次のような発注書フォームを作成できます。

このチュートリアルを完了するには、スキーマファイルとデータファイルが必要です。ユーザーが Designerに付属のサンプルをインストールしている場合は、サンプルのスキーマファイルやデータファイルを使用できます。デフォルトでは、次の場所にスキーマファイルとデータファイルが置かれます。

• ¥JA¥Samples¥Forms¥Purchase Order¥Schema¥Schema¥Forms¥Purchase Order.xsd

• ¥JA¥Samples¥Forms¥Purchase Order¥Schema¥Data¥Purchase Order.xml

次をクリックして続行します。 発注書フォームを開く

Page 28: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成 3

24

3.2. 発注書フォームを開く

まず、前のチュートリアルで保存した発注書フォームを開きます。

1) ファイル/開くを選択します。

2) 前のチュートリアルで保存したフォームを選択し、「開く」をクリックします。

3) ファイル/名前を付けて保存を選択し、ファイルの種類リストで「Acrobat ダイナミック XML フォーム (*.pdf)」を選択します。

4) ファイルの名前を変更します。

5) 「保存」をクリックします。

ヒント:固定レイアウトのフォームより編集可能なレイアウトのフォームの方を多く作成する場合は、作成するフォームのデフォルトのファイル形式を、ツール/オプションダイアログボックス(「ドキュメントハンドリング」タブ)で「ダイナミック PDF フォームファイル」に設定できます。

3.3. 発注書フォームを開く

まず、前のチュートリアルで保存した発注書フォームを開きます。

1) ツール/読み込みを選択します。

2) 前のチュートリアルで保存したフォームを選択し、「開く」をクリックします。

3) 編集/フォームのプロパティを選択し、「プレビュー」タブをクリックします。

4) プレビュー領域で、Adobe XML プレビュー形式に対してダイナミック PDF が選択されていることを確認し、「OK」をクリックします。

ヒント:ABAP Workbench または SAP NetWeaver Developer Studio で Designer を使用している場合、アプリケーションの終了時に、フォームとテンプレートが環境に保存されます。

次をクリックして続行します。 フォームの見栄えの向上

Page 29: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成

25

3.4. フォームの見栄えの向上

テーブルの上にあるフィールドオブジェクトをくぼんだボックスではなく下線付きで表示して、印刷用にフォームの見栄えをよくすることができます。

1) 発注番号フィールドを選択します。

2) オブジェクトパレットで「フィールド」タブをクリックし、表示方法リストから「下線付き」を選択します。

3) テーブルの上にある残りのフィールドオブジェクトに対して同じ手順を繰り返します。

ヒント:同じタイプのオブジェクトは、一度に変更することができます。

4) 印刷ボタン、ロゴおよび発注書タイトルを除く、テーブル上のすべてのフィールドオブジェクトを選択します。

5) 段落パレットで「下揃え」をクリックします。

6) 「PDF プレビュー」タブでフォームを表示します。

7) フォームデザインの編集に戻るには、「デザインビュー」タブをクリックします。

次をクリックして続行します。 フォームの整理

Page 30: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成 3

26

3.5. フォームの整理

編集可能なレイアウトのフォームを作成するには、セクションをサブフォームに含めてデータと結合する必要があります。サブフォームはコンテナとしての役割を持ち、その中にフィールド、ボイラープレートオブジェクト、他のサブフォームなど、各種のオブジェクトを含めることができます。サブフォームは、オブジェクトを相対的な位置に配置する場合に便利で、柔軟にレイアウトできるフォームデザインの構造を組み立てます。

1) 階層パレットで、テーブルの上に表示されるすべての項目を選択します。

2) 挿入/サブフォームに含めるを選択します。

3) (名称未設定サブフォーム)を選択して右クリックし、「オブジェクト名の変更」を選択します。

4) 「 ヘッダー 」と入力して、Enter キーを押します。

5) Header サブフォームの上にスペースを入れるには、レイアウトパレットを表示し、「サイズと位置」の「高さ」ボックスに、「 11.43 cm」と入力します。

6) 階層内のすべての項目を折りたたみます。

Page 31: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成

27

7) テーブルのすべての項目(total ~ SignatureField 1)に対して手順 1 と手順 2 を繰り返し、最後の名称未設定サブフォームに「 フ ッ ター」という名前を付けます。

8) Footer サブフォームの前にスペースを入れるには、レイアウトパレットを表示し、「余白」の下にある「上端」ボックスに「 0.64 cm」と入力します。

PurchaseOrder の下のすべての項目を折りたたむと、階層パレットは次のように表示されます。

次をクリックして続行します。 フッターの形式設定

Page 32: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成 3

28

3.6. フッターの形式設定

テーブルの下にあるフィールドをくぼんだボックスではなく下線付きで表示して、フッターの見栄えをよくすることができます。また、キャプションとフィールドの値を下揃えにし、フィールドの値のみを中央揃えにすることができます。

1) フッター内のすべてのフィールド(取引条件フィールドと署名フィールドを除く)をドラッグして選択します。

ヒント:フィールドをドラッグして選択する際に、移動ポインターがある場合は、フォームデザインの境界線上の任意の場所をクリックして、ポインターの先端を矢印に変えます。

2) オブジェクトパレットで「フィールド」タブをクリックし、表示方法リストから「下線付き」を選択します。

3) 段落パレットで「下揃え」をクリックします。

4) キャプション、値、またはキャプションと値の編集パレットで「値の編集」を選択して、段落の値の配置を変更します。

5) 「中央揃え」をクリックします。

次をクリックして続行します。 ダイナミックに拡大するテーブルの設定

3.7. ダイナミックに拡大するテーブルの設定

編集可能なレイアウトのフォームでは、データソースに含まれるデータの量が不明な場合があるため、テーブルの行数を指定できません。このような場合は、テーブルがダイナミックに拡大するよう設定する必要があります。これを設定するには、ボディ行を 1 行のみ作成し、データソースに格納されているデータの量に応じて繰り返されるよう設定します。

1) 2 行目以下の行をドラッグして選択します。

Page 33: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成

29

2) テーブル/削除/行を選択します。

3) 階層パレットで Table1 を選択します。

4) 挿入/サブフォームに含めるを選択します。

この操作により、フォーム内にテーブルを格納するセクションが作成されます。このセクションをフォームの他の部分から分離して、データの量に応じてダイナミックに拡大できるようにする必要があります。

5) 階層パレットで(名称未設定サブフォーム)が選択された状態で、オブジェクトパレットの「サブフォーム」タブをクリックし、コンテンツリストで「フローレイアウト」を選択します。

6) (名称未設定サブフォーム)に、「 テーブル」という名前を付けます。

7) 階層パレットで「Header」行を選択します。

8) オブジェクトパレットで「連結」タブをクリックし、「各データアイテムについて行を繰り返す」を選択します。

次に、フォーム全体がフローするよう設定する必要があります。

9) 階層パレットで PurchaseOrder サブフォームを選択します。

10) オブジェクトパレットの「サブフォーム」タブをクリックし、コンテンツリストで「フローレイアウト」を選択します。

フォーム全体をフローレイアウトにすると、フォーム内のすべてのサブフォームが連続して(スペースを空けずに)表示されます。

次をクリックして続行します。 合計フィールドの計算方法の修正

Page 34: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成 3

30

3.8. 合計フィールドの計算方法の修正

フォームのコンテンツを再編成したので、次に合計の計算が新しい Table サブフォームを参照して実行されるよう設定する必要があります。

1) 合計フィールドを選択します。

2) スクリプトエディターのパレットバーをドラッグして、パレットを複数行表示できるサイズにします。

3) スクリプト編集フィールドに次の計算式を入力して、スクリプトを修正します。

sum(Table.Table1.Row1[*].amount[*])

4) 合計フィールドの選択を解除し、スクリプトをフォームデザインに追加します。

次をクリックして続行します。 フィールドを読み取り専用に設定する

3.9. フィールドを読み取り専用に設定する

印刷可能フォームの場合は、ユーザーがフィールドを変更できないようにするため、フィールドを読み取り専用にする必要があります。

1) 階層パレットで Header サブフォームを開き、すべてのテキストフィールド(PONumber、OrderedBy、OrderedByAddress など)を選択します。

2) オブジェクトパレットで、「値」タブをクリックし、種類リストで「読み取り専用」を選択します。

3) 階層パレットで Table サブフォームを開き、テキストフィールド(partNo および description)を選択します。

4) オブジェクトパレットで、「値」タブをクリックし、種類リストで「読み取り専用」を選択します。

5) quantity、unitPrice および amount について、同じ手順を繰り返します。

6) Footer サブフォーム内の各項目(SignatureField を除く)について、同じ手順を繰り返します。

次をクリックして続行します。 データソースへの接続

Page 35: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成

31

3.10. データソースへの接続

データとフォームを結合するには、データソースに接続する必要があります。接続したら、次にデータをフォームデザインのフィールドへ連結します。

データソースへフォームデザインのフィールドを連結するとき、フォームデザインとデータソース間の関連性を作成します。これにより、フォームデザインに関連する情報を取得、表示、移動、処理、出力および印刷できます。

1) ファイル/新規データ接続を選択します。

2) 「XML スキーマ」を選択して「次へ」をクリックします。

3) ユーザーまたは管理者が Designer に付属のサンプルをインストールしている場合は、スキーマPurchase Order.xsd を指定し、「開く」をクリックします。

このファイルは、¥JA¥Samples¥Forms¥Purchase Order¥Schema¥Schema にあります。

4) 「完了」をクリックします。

データ表示パレットにデータが表示されます。

データ表示パレットに各データソースの階層ビューが表示されます。階層の上位ノードはデータ接続を表しており、それらのノードには接続を作成したときに割り当てた名前が表示されます。

次をクリックして続行します。 フィールドおよびテーブルのセルへのデータの連結

Page 36: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成 3

32

3.11. データソースへの接続

データとフォームを結合するには、データソースに接続する必要があります。接続したら、次にデータをフォームデザインのフィールドへ連結します。

データソースへフォームデザインのフィールドを連結するとき、フォームデザインとデータソース間の関連性を作成します。これにより、フォームデザインに関連する情報を取得、表示、移動、処理、出力および印刷できます。

1) 編集/新規データ接続を選択します。

2) 「XML スキーマ」を選択して「次へ」をクリックします。

3) ユーザーまたは管理者が Designer に付属のサンプルをインストールしている場合は、スキーマPurchase Order.xsd を指定し、「開く」をクリックします。

このファイルは、¥JA¥Samples¥Forms¥Purchase Order¥Schema¥Schema にあります。

4) 「完了」をクリックします。

データ表示パレットにデータが表示されます。

データ表示パレットに各データソースの階層ビューが表示されます。階層の上位ノードはデータ接続を表しており、それらのノードには接続を作成したときに割り当てた名前が表示されます。

次をクリックして続行します。 フィールドおよびテーブルのセルへのデータの連結

Page 37: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成

33

3.12. フィールドおよびテーブルのセルへのデータの連結

データソースに接続したら、フォームデザインのどのフィールドにデータを表示するかを指定する必要があります。

• 発注番号や発注日付などの単一フィールドを連結するには、ドラッグ&ドロップを使用できます。

• 発注書テーブル内の行などの繰り返しオブジェクトをスキーマ内の繰り返し項目に連結するには、オブジェクトパレットの「連結」タブにある「データ連結」ボックスを使用します。行が連結された後で、行内のセルをスキーマ内のノードに連結できます。これにより、行の連結を基準とした連結になります。

3.12.1. フォームデザイン内のフィールドにデータを連結するには

1) データ表示パレットで poNum を選択し、発注番号フィールドまでドラッグします。

2) 連結プロパティダイアログボックスで、「すべての関連するプロパティを更新しない」を選択して「OK」をクリックします。

連結することにより、既存のフォームフィールドがデータソースの項目に関連付けられます。画像でpoNum の右に表示されているアイコンは、ノードが連結されていることを示します。「すべての関連するプロパティを更新しない」を選択することにより、Designer によりフィールドオブジェクトに適用されている形式設定が維持されます。

3) データ表示パレットに表示されている残りの項目(partNum、description、quantity および unitPriceを除く)に対して同じ手順を繰り返します。

例えば、companyName を発注元フィールドに連結します。

Page 38: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成 3

34

3.12.2. フォーム内のテーブルのセルにデータを連結するには

1) 階層パレットで Row1 を選択します。

2) オブジェクトパレットで、「連結」タブをクリックします。

3) 「データ連結(開く、保存、送信)」ボックスの横にある三角形をクリックし、連結を選択します。ここでは、DataConnection/ item/ item を選択します。

「データ連結(開く、保存、送信)」ボックスに次の文字列が表示されます。

$item.item[*].

ヒント:この文字列を選択する代わりに、「データ連結(開く、保存、送信)」ボックスに入力することもできます。

4) データ表示パレットを開きます。

5) 希望どおりに連結を設定するには、ドラッグ&ドロップを使用して各ノードをセルに連結します。例えば、データ表示パレットで「partNum」を選択し、「パーツ番号」見出しの下のセルにドラッグします。

6) 連結プロパティダイアログボックスが表示されます。このダイアログボックスで、「すべての関連するプロパティを更新しない」を選択して「OK」をクリックします。

7) データ表示パレットに表示されている残りの項目(description、quantity および unitPrice)に対して同じ手順を繰り返します。

次をクリックして続行します。 データファイルの指定

Page 39: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成

35

3.13. データファイルの指定

最後に、フォームと結合するデータファイルが参照されるように指定します。

1) ファイル/フォームのプロパティを選択し、「プレビュー」タブをクリックします。

2) プレビュー領域で、使用するデータファイルの場所まで移動してデータファイルを選択します。

例えば、ユーザーまたは管理者が Designer に付属のサンプルをインストールしている場合は、Purchase Order.xml というデータファイルを検索して開きます。このファイルは、¥JA¥Samples¥Forms¥Purchase Order¥Schema¥Data にあります。

3) 「開く」をクリックし、「OK」をクリックします。

4) 「PDF プレビュー」タブでフォームを表示します。

3.14. データファイルの指定

最後に、フォームと結合するデータファイルが参照されるように指定します。

1) 編集/フォームのプロパティを選択し、「プレビュー」タブをクリックします。

2) プレビュー領域で、使用するデータファイルの場所まで移動してデータファイルを選択します。

例えば、ユーザーまたは管理者が Designer に付属のサンプルをインストールしている場合は、Purchase Order.xml というデータファイルを検索して開きます。このファイルは、¥JA¥Samples¥Forms¥Purchase Order¥Schema¥Data にあります。

3) 「開く」をクリックし、「OK」をクリックします。

4) 「PDF プレビュー」タブでフォームを表示します。

Page 40: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成 3

36

フォームは次の図のようになります。

ヒント:Designer に付属の Purchase Order.xml データファイルには、4 つのレコードがあります。このxml ファイルを変更してデータ量の多いデータファイルを使用し、フォームのレイアウトがデータ量に合わせて正しく調整されるかどうかをテストできます。

Page 41: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成

37

3.14.1. (オプション)発注書フォームで結合されたデータが適切にフローするかどうかをテストするには :

1) XML ファイルを開き、次の行を見つけます。

<item> <partNum>00300-896</partNum> <description>アドレス帳</description> <quantity>2</quantity> <unitPrice>15.00</unitPrice> </item> ここまでの行の下に、 項目を追加することができます。 例えば、 以下の行を追加できます。<item> <partNum>00300-300</partNum> <description> クリ ップボード </description> <quantity>3</quantity> <unitPrice>5.00</unitPrice> </item> <item> <partNum>00300-325</partNum> <description>穴あけパンチ </description> <quantity>1</quantity> unitPrice>8.00</unitPrice> </item> <item> <partNum>00300-350</partNum> <description>定規</description> <quantity>5</quantity> <unitPrice>1.00</unitPrice> </item> <item> <partNum>00300-400</partNum> <description>ハサミ </description> <quantity>2</quantity> <unitPrice>2.00</unitPrice> </item> <item> <partNum>00300-425</partNum> <description>テープ </description> <quantity>2</quantity> <unitPrice>2.50</unitPrice> </item> <item> <partNum>00300-450</partNum> <description>ステ ィ ッ クのり </description> <quantity>2</quantity> <unitPrice>1.00</unitPrice> </item>

Page 42: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

編集可能なレイアウトの発注書フォームの作成 3

38

<item> <partNum>00300-475</partNum> <description>ホッチキス </description> <quantity>2</quantity> <unitPrice>4.00</unitPrice> </item> <item> <partNum>00300-500</partNum> <description>蛍光ペン </description> <quantity>1</quantity> <unitPrice>5.00</unitPrice> </item> <item> <partNum>00300-550</partNum> <description>付箋</description> <quantity>4</quantity> <unitPrice>5.00</unitPrice> </item> <item> <partNum>00300-575</partNum> <description> ノート </description> <quantity>5</quantity> <unitPrice>8.00</unitPrice> </item>

2) 変更したデータファイルを別の名前で保存します。

3) フォームのプロパティダイアログボックスで、「プレビュー」タブをクリックし、変更後のデータファイルを見つけます。

4) 「OK」をクリックし、「PDF プレビュー」タブでフォームを再表示します。

次をクリックして続行します。 次の作業

3.15. 次の作業

これで、基本的なフォームの設定方法の学習は終了です。これを基礎に、後続のページのテーブルにヘッダー行が挿入されるよう設定したり、ページ番号を追加したりすることができます。

Page 43: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用

39

4. フォームデザインのフラグメントの作成および使用

このチュートリアルでは、フラグメントを作成して使用することにより、多数のフォームをより簡単に作成できるようにするプロセスを紹介します。

始める前に、フォームフラグメントの使用手順を説明したビデオチュートリアルを見ることもできます。「 Form Fragments Video Tutorial」を参照してください。

4.1. フォームデザインのフラグメントの作成および使用について

一連のフォームを作成する仕事を引き受けたとします。経験上、最初に作成するフォームは、完成までにある程度の試行錯誤を伴うことがわかっています。しかし最初のフォームが完成した後は、ショートカットを作成して作業プロセスを合理化することにより、はるかに短時間で残りのフォームを仕上げられるようになります。

例えば、作成するフォームの大半に配送先を入力する部分があるとします。この場合、新規フォームごとに配送先サブフォームを作成する代わりに、最初に作成した配送先サブフォームをコピーし、独立した XDPファイルに貼り付けることができます。これにより、簡単に配送先サブフォームをコピーし、残りのフォームに貼り付けられるようになります。配送先の部分を変更する必要があるときは、すべてのフォームで変更するか、または独立した XDP ファイルで変更してからすべてのフォームで配送先の部分を置き換えます。

Designer では、このような再利用可能な部分を「 フラグメント」と呼びます。フラグメントは、使用するたびに独立したファイルからコピーする必要はありません。必要なフラグメントへの参照を挿入すれば、フォームにそのフラグメントが表示されます。フラグメントを更新すると、そのフラグメントを参照するすべてのフォームに変更が反映されます。

フォームを PDF ファイルとして保存するときには、すべてのフラグメントがそのフォームに含められます。

4.1.1. サンプルフォームについて

Designer には、完全なサンプルフォームが各種用意されています。各サンプルフォームには、フォームデザイン、サンプルデータ、スキーマおよび最終版のフォームが含まれています。

Designer インストールフォルダーの JA¥Samples¥Forms¥Purchase Order¥Form Fragments¥Forms にインストールされているサンプルフォームは、フラグメントの簡単な使用方法と複雑な使用方法を示しています。

¥Form Fragments¥Forms フォルダーには次の 3 つのフォームデザインが含まれています。

• Purchase Order Interactive.pdf

• Purchase Order Dynamic Interactive.pdf

• Purchase Order Dynamic.xdp

Page 44: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用 4

40

このサンプルフォームデザインで参照されているフラグメントは、JA¥Samples¥Forms¥PurchaseOrder¥Form Fragment¥Fragments にインストールされます。

このチュートリアルでは、Form Fragment フォルダーのフォームデザイン、フラグメントおよびサンプルデータを使用します。したがって、開始する前にこのフォルダーのバックアップコピーを作成することをお勧めします。

次をクリックして続行します。 フラグメントライブラリパレットのサンプルフラグメントを開く

4.2. フラグメントライブラリパレットのサンプルフラグメントを開く

フラグメントライブラリパレットにはフラグメントライブラリが含まれています。 フラグメントライブラリ は、フラグメントのソース XDP ファイルを格納する、ファイルシステム内のフォルダーに対応します。

マイフラグメントライブラリには、フォームデザインに挿入したり、新しいフラグメントの作成に使用したりできるサンプルフラグメントが含まれています。

次に、フラグメントに簡単にアクセスするための、サンプルフォーム用のフラグメントライブラリを開きます。

1) ウィンドウ/フラグメントライブラリを選択し、フラグメントライブラリパレットを表示します。

2) フラグメントライブラリパレットメニューで「フラグメントライブラリを開く」を選択します。

3) JA¥Samples¥Forms¥Purchase Order¥Form Fragments¥Fragments のフラグメントを選択します。

4) 「OK」をクリックします。

次をクリックして続行します。 フラグメントの作成

Page 45: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用

41

4.3. フラグメントライブラリパレットのサンプルフラグメントライブラリを開く

フラグメントライブラリパレットにはフラグメントライブラリが含まれています。 フラグメントライブラリ は、フラグメントのソース XDP ファイルを格納する、ファイルシステム内のフォルダーに対応します。

マイフラグメントライブラリには、フォームデザインに挿入したり、新しいフラグメントの作成に使用したりできるサンプルフラグメントが含まれています。

次に、フラグメントに簡単にアクセスするための、サンプルフォーム用のフラグメントライブラリを開きます。

1) パレット/フラグメントライブラリを選択し、フラグメントライブラリパレットを表示します。

2) フラグメントライブラリパレットメニューで「フラグメントライブラリを開く」を選択します。

3) JA¥Samples¥Forms¥Purchase Order¥Form Fragments のフラグメントを選択します。

4) 「OK」をクリックします。

次をクリックして続行します。 フラグメントの作成

Page 46: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用 4

42

4.4. フラグメントの作成

この節では、フラグメントの作成方法を学びます。

フラグメントは、独立したファイルに作成することも、現在のフォームデザイン内に作成することもできます。

1) ¥JA¥Samples¥Forms¥Purchase Order¥Form Fragments¥Forms の Purchase Order Interactive.pdfサンプルフォームを開きます。

2) フォームの上部で、発注番号および発注日付テキストフィールドオブジェクトを選択します。

3) 編集/フラグメント/フラグメントを作成を選択します。

Page 47: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用

43

4) 「名前」ボックスにフラグメント名として「 POInfo 」と入力します。

5) フラグメントの説明として「 発注番号と日付 」と入力します。

6) フラグメントライブラリに保存する独立した XDP ファイルにフラグメントを定義する場合は、「フラグメントライブラリに新しいフラグメントを作成」を選択します。

7) フラグメントライブラリリストで「フラグメントライブラリを開く」を選択し、JA¥Samples¥Forms¥Purchase Order¥Form Fragments¥Fragments の Fragments フォルダーを選択します。

8) 「ファイル名」は、POInfo.xdp のままにします。

9) フォームデザインの発注番号および発注日付フィールドオブジェクトが新しいフォームフラグメントに置き換えられるように、「選択内容を新しいフォームフラグメントへの参照と置き換える」オプションは選択されたままにします。

10) 「OK」をクリックします。

11) フォームデザインを My PO Interactive.PDFとして保存します。

発注番号および発注日付オブジェクトの外観が変更されています。これは、新しく作成された PO Info フラグメントへの参照によって、これらのオブジェクトが置き換えられたためです。

フラグメント参照の左上隅にフラグメントアイコンが表示されます。フラグメントアイコンには、オブジェクトの境界線の色が使用されます。フラグメント参照内のオブジェクトには、灰色の境界線が使用されます。灰色の境界線は、フラグメント参照からは編集できないことを示します。

フラグメント参照内の任意の場所をクリックすると、そのフラグメント参照が選択されます。フラグメント参照上の任意の場所をドラッグすると、そのフラグメント参照が移動します。フラグメント参照内のオブジェクトは選択できません。

同様に、フラグメント参照内のオブジェクトは階層パレットでは利用できません。これは、フラグメント参照内のオブジェクトは選択も編集もできないためです。

Page 48: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用 4

44

A.サブフォーム上のフラグメント参照アイコン

B.フラグメント内のオブジェクトは利用できません

階層パレット内にあるフラグメント参照とそのコンテンツは、他のフォームオブジェクトと同じように移動できます。ただし、オブジェクトをフラグメント参照内にドラッグすることはできません。

次をクリックして続行します。 フラグメントの編集

Page 49: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用

45

4.5. フラグメントの作成

この節では、フラグメントの作成方法を学びます。

フラグメントは、独立したファイルに作成することも、現在のフォームデザイン内に作成することもできます。

1) ¥JA¥Samples¥Forms¥Purchase Order¥Form Fragments¥Forms の Purchase Order Interactive.pdfサンプルフォームを開きます。

2) フォームの上部で、発注番号および発注日付テキストフィールドオブジェクトを選択します。

3) 編集/フラグメント/フラグメントを作成を選択します。

Page 50: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用 4

46

4) 「名前」ボックスにフラグメント名として「 PO Info 」と入力します。

5) フラグメントの説明として「 発注番号と日付 」と入力します。

6) リポジトリに保存されている独立した XDP ファイルにフラグメントを定義する場合は、「リポジトリに新しいフラグメントを作成」を選択します。

7) 現在のドキュメントにフラグメントを定義する場合は、「現在のドキュメントに新しいフラグメントを作成」を選択します。

8) フラグメントライブラリに保存する独立した XDP ファイルにフラグメントを定義する場合は、「フラグメントライブラリに新しいフラグメントを作成」を選択します。

9) 現在のドキュメントにフラグメントを定義する場合は、「現在のドキュメントに新しいフラグメントを作成」を選択します。

10) フラグメントリストで「フラグメントライブラリを開く」を選択し、JA¥Samples¥Forms¥PurchaseOrder¥Form Fragments¥Fragments フォルダーを選択します。

11) フォームデザインの発注番号および発注日付フィールドオブジェクトが新しいフォームフラグメントに置き換えられるように、「選択内容を新しいフォームフラグメントへの参照と置き換える」オプションは選択されたままにします。

12) 「OK」をクリックします。

13) フォームデザインを保存します。

14) フォームデザインを My PO Interactive.PDFとして保存します。

発注番号および発注日付オブジェクトの外観が変更されています。これは、新しく作成された PO Info フラグメントへの参照によって、これらのオブジェクトが置き換えられたためです。

フラグメント参照の左上隅にフラグメントアイコンが表示されます。フラグメントアイコンには、オブジェクトの境界線の色が使用されます。フラグメント参照内のオブジェクトには、灰色の境界線が使用されます。灰色の境界線は、フラグメント参照からは編集できないことを示します。

フラグメント参照内の任意の場所をクリックすると、そのフラグメント参照が選択されます。フラグメント参照上の任意の場所をドラッグすると、そのフラグメント参照が移動します。フラグメント参照内のオブジェクトは選択できません。

同様に、フラグメント参照内のオブジェクトは階層パレットでは利用できません。これは、フラグメント参照内のオブジェクトは選択も編集もできないためです。

Page 51: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用

47

A.サブフォーム上のフラグメント参照アイコン

B.フラグメント内のオブジェクトは利用できません

階層パレット内にあるフラグメント参照とそのコンテンツは、他のフォームオブジェクトと同じように移動できます。ただし、オブジェクトをフラグメント参照内にドラッグすることはできません。

次をクリックして続行します。 フラグメントの編集

Page 52: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用 4

48

4.6. フラグメントの編集

フラグメントの主な利点の 1 つは、多数のフォームに追加でき、変更が必要なときには 1 か所の変更で済むことです。この節では、POInfo フラグメントを編集します。

最初に、PO Info フラグメントを編集したときに複数のフォームデザインに効果が現れることを確認するため、このフラグメントを Purchase Order Dynamic Interactive.pdf フォームに追加します。

1) Purchase Order Dynamic Interactive.pdf を開きます。

2) 発注番号および発注日付オブジェクトを選択して削除します。

3) フラグメントライブラリパレットで、POInfo フラグメントをフォームデザインにドラッグします。

4) フォームデザインを My PO Dynamic Interactive.PDFとして保存します。

5) POInfo フラグメント参照を右クリックし、フラグメント/フラグメントを編集を選択します。POInfoフラグメントのソースファイルが開き、フラグメントを編集できるようになります。

6) 「 P.O. Number 」を「 P.O. No 」に置き換えて、フラグメントを保存します。

7) My PO Interactive.pdf および My PO Dynamic Interactive.PDF サンプルフォームを開きます。どちらのフォームのフラグメント参照も更新されています。

ここまでで、フラグメントの作成方法と変更方法を学びました。さらに、フラグメント参照を、埋め込まれたオブジェクトに変換することもできます。また、現在のフォームのフラグメント参照のみに影響する上書きを作成することもできます。

次に、フラグメントを使ってできる興味深い機能をいくつか紹介します。

次をクリックして続行します。 スクリプトを含むフラグメントの使用

Page 53: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用

49

4.7. フラグメントの編集

フラグメントの主な利点の 1 つは、多数のフォームに追加でき、変更が必要なときには 1 か所の変更で済むことです。この節では、PO Info フラグメントを編集します。

最初に、PO Info フラグメントを編集したときに複数のフォームデザインに効果が現れることを確認するため、このフラグメントを Purchase Order Dynamic Interactive.pdf フォームに追加します。

1) Purchase Order Dynamic Interactive.pdf を開きます。

2) 発注番号および発注日付オブジェクトを選択して削除します。

3) フラグメントライブラリパレットで、PO Info フラグメントをフォームデザインにドラッグします。

4) フラグメントライブラリパレットで、PO Info フラグメントをフォームデザインにドラッグします。

5) フォームデザインを My PO Dynamic Interactive.PDFとして保存します。

6) フォームデザインを保存します。

7) PO Infoフラグメント参照を右クリックし、フラグメント/フラグメントを編集を選択します。Work-bench で PO Info フラグメントのソースファイルが開き、フラグメントを編集できるようになります。

8) 「 P.O. Number 」を「 P.O. No」に置き換えます。

9) My PO Interactive.pdf および My PO Dynamic Interactive.PDF サンプルフォームを開きます。どちらのフォームのフラグメント参照も更新されています。

ここまでで、フラグメントの作成方法と変更方法を学びました。さらに、フラグメント参照を、埋め込まれたオブジェクトに変換することもできます。また、現在のフォームのフラグメント参照のみに影響する上書きを作成することもできます。

次に、フラグメントを使ってできる興味深い機能をいくつか紹介します。

次をクリックして続行します。 スクリプトを含むフラグメントの使用

Page 54: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用 4

50

4.8. スクリプトを含むフラグメントの使用

フラグメントには、どの特定のスクリプトオブジェクトからも独立して保存される、再利用可能なJavaScript 関数または値を含めることができます。これらのフラグメントは、あるフォームの多くの箇所で使用したり多くのフォームで使用したりする、カスタム関数やプロパティの作成に使用します。

例えば、countryScript サンプルフラグメントは、サンプルフォーム内の国コンボボックスと都道府県コンボボックスの相互作用を制御します。都道府県コンボボックスに表示されるオプションは、国コンボボックスで選択した国によって異なります。

4.8.1. サンプルスクリプトフラグメントをテストするには

1) My PO Interactive.pdf サンプルフォームを開き、レイアウトエディターで「PDF プレビュー」タブをクリックします。

2) フォームの「発注元」セクションで、国コンボボックスから「Canada」を選択し、都道府県コンボボックスをクリックします。選択肢になる州がリストに表示されます。

3) 次に、国コンボボックスから「United States」を選択し、都道府県コンボボックスをクリックします。選択肢になる州がリストに表示されます。

次に、サンプルフォームの countryScript フラグメントをさらに詳しく見ていきましょう。

Page 55: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用

51

4.8.2. countryScript フラグメント内のスクリプトを表示するには

1) フラグメントライブラリパレットで、countryScript を右クリックして「フラグメントを編集」を選択します。

階層パレットを見ると、このフラグメントが Variables の子になっています。フラグメントには、検証、計算、初期化のようなイベントスクリプトなどの、他のフォームオブジェクトに関連付けられたスクリプトを含めることはできません。

2) 階層パレットで countryScript スクリプトオブジェクトを選択します。

3) スクリプトエディターを展開し、スクリプトを表示します。

countryScript フラグメントは、サンプルフォーム内の OrderedByAddress および DeliverToAddressフラグメントで、drpDeliverToCountry および drpDeliverToStatePrv コンボボックスオブジェクトによって参照されています。

4) フラグメントライブラリパレットで、DeliverToAddress を右クリックして「フラグメントを編集」を選択します。

5) 階層パレットで drpDeliverToCountry コンボボックスオブジェクトを選択し、スクリプトエディターでスクリプトを表示します。countryScript フラグメントがどのように参照されているかがわかります。

次をクリックして続行します。 サブフォームの表示を制御するときのフラグメントの使用

Page 56: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用 4

52

4.8.3. countryScript フラグメント内のスクリプトを表示するには

1) フラグメントライブラリパレットで、countryScript を右クリックして「フラグメントを編集」を選択します。

2) countryScript.xdp ファイルを開きます。

3) フラグメントライブラリパレットで、countryScript を右クリックして「フラグメントを編集」を選択します。

階層パレットを見ると、このフラグメントが Variables の子になっています。フラグメントには、検証、計算、初期化のようなイベントスクリプトなどの、他のフォームオブジェクトに関連付けられたスクリプトを含めることはできません。

4) 階層パレットで countryScript スクリプトオブジェクトを選択します。

5) スクリプトエディターを展開し、スクリプトを表示します。

countryScript フラグメントは、サンプルフォーム内の OrderedByAddress および DeliverToAddressフラグメントで、drpDeliverToCountry および drpDeliverToStatePrv コンボボックスオブジェクトによって参照されています。

6) フラグメントライブラリパレットで、DeliverToAddress を右クリックして「フラグメントを編集」を選択します。

7) DeliverToAddress.xdp ファイルを開きます。

8) フラグメントライブラリパレットで、DeliverToAddress を右クリックして「フラグメントを編集」を選択します。

9) 階層パレットで drpDeliverToCountry コンボボックスオブジェクトを選択し、スクリプトエディターでスクリプトを表示します。countryScript フラグメントがどのように参照されているかがわかります。

次をクリックして続行します。 サブフォームの表示を制御するときのフラグメントの使用

Page 57: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用

53

4.9. サブフォームの表示を制御するときのフラグメントの使用

Purchase Order Dynamic.xdp サンプルフォームでは、フォームに結合されるデータに応じてフッターに適切な所在地が表示されるように、フラグメントを使用しています。このサンプルフォームが PurchaseOrder Canada.xml ファイルと結合されるときは、FooterCanada フラグメントがインスタンス化されますが、このフォームが Purchase Order US.xml ファイルと結合されるときは、FooterUS がインスタンス化されます。

1) Purchase Order Dynamic.xdp を開き、ファイル/フォームのプロパティ/プレビューをクリックします。

2) データファイルフィールドで参照ボタンをクリックし、JA¥Samples¥Forms¥Purchase Order¥FormFragments¥Data の Purchase Order US.xml データファイルを選択します。

3) 「開く」をクリックし、「OK」をクリックします。

4) レイアウトエディターの「PDF プレビュー」タブをクリックします。フッターの会社所在地にアメリカの所在地が表示されています。

5) ファイル/フォームのプロパティ/プレビューを選択します。

6) データファイルフィールドで参照ボタンをクリックし、JA¥Samples¥Forms¥Purchase Order¥FormFragments¥Data の Purchase Order Canada.xml データファイルを選択します。

7) 「開く」をクリックし、「OK」をクリックします。

8) レイアウトエディターの「PDF プレビュー」タブをクリックします。今度は、フッターの会社所在地にカナダの所在地が表示されています。

次に、この選択がどのように行われたかを見てみましょう。

Page 58: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用 4

54

4.10. サブフォームの表示を制御するときのフラグメントの使用

Purchase Order Dynamic.xdp サンプルフォームでは、フォームに結合されるデータに応じてフッターに適切な所在地が表示されるように、フラグメントを使用しています。このサンプルフォームが PurchaseOrder Canada.xml ファイルと結合されるときは、FooterCanada フラグメントがインスタンス化されますが、このフォームが Purchase Order US.xml ファイルと結合されるときは、FooterUS がインスタンス化されます。

1) Purchase Order Dynamic.xdp を開き、編集/フォームのプロパティ/プレビューをクリックします。

2) データファイルフィールドで参照ボタンをクリックし、JA¥Samples¥Forms¥Purchase Order¥FormFragments¥Data の Purchase Order US.xml データファイルを選択します。

3) 「開く」をクリックし、「OK」をクリックします。

4) レイアウトエディターの「PDF プレビュー」タブをクリックします。フッターの会社所在地にアメリカの所在地が表示されています。

5) 編集/フォームのプロパティ/プレビューを選択します。

6) データファイルフィールドで参照ボタンをクリックし、JA¥Samples¥Forms¥Purchase Order¥FormFragments¥Data の Purchase Order Canada.xml データファイルを選択します。

7) 「開く」をクリックし、「OK」をクリックします。

8) レイアウトエディターの「PDF プレビュー」タブをクリックします。今度は、フッターの会社所在地にカナダの所在地が表示されています。

次をクリックして続行します。 次の作業

Page 59: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用

55

4.10.1. FooterCanada および FooterUS フラグメントを表示するには

1) 階層パレットで FooterCanada フラグメントを右クリックします。

2) フラグメント/フラグメントを編集オプションを選択します。このフラグメントが 2 つのスタティックテキストオブジェクトで構成され、その内の 1 つによってカナダの所在地が表示されることがわかります。

3) 同じ手順で FooterUS フラグメントも表示します。

Page 60: Designer クイックスタート チュートリアル - Adobe Inc....発注書フォームの作成 3 2.2. フォームデザインの開始 発注書フォームに求められる要件は、PDF

フォームデザインのフラグメントの作成および使用 4

56

4.10.2. 発注書フッターの選択セクションを表示するには

1) Purchase Order Dynamic.xdp サンプルフォームを開き、レイアウトエディターで「マスターページ」タブをクリックします。

2) ページの最下部までスクロールし、フッターを表示します。FooterCanadaフラグメント参照と FooterUSフラグメント参照のどちらも、サブフォームセット内でもう一方の上に配置されていることがわかります。ただしデータによっては、フォームがレンダリングされるときに一方のフッターのみが表示されます。また、ページの下部に合うようにサイズが調整されたので、小さいアイコン が表示されます。このアイコンは、フラグメント参照の上にプロパティの上書きがあることを示します。

3) 階層パレットでサブフォームセットを選択し、オブジェクトパレットの「サブフォームセット」タブで「代替オブジェクトの編集」をクリックします。データが指定されたサブフォームを編集ダイアログボックスに、代替フッターフラグメントの連結、言語および式が表示されます。

4) テキストエディターで Purchase Order US.xml および Purchase Order Canada.xml ファイルを開きます。<americas> </americas> の値が Purchase Order US.xml では US 、Purchase Order Canada.xmlでは Canada になっています。データがフォームに結合されるときにどちらのフラグメントがインストールされるかは、この値によって決まります。

次をクリックして続行します。 次の作業

4.11. 次の作業

ここまで、多数のフォームを作成し管理するときにフラグメントがどのように役立つかを見てきました。

フラグメントについて詳しくは、「 Designer の使用」を参照してください。