OPRO X Designerファースト・ステップ

OPRO X Designer ファースト・ステップ
日本オプロ株式会社
目次
1
OPRO X Designer アーキテクチャー ...................................................... 7
1.1.
第１章のねらい................................................................. 7
1.2.
OPRO X Designer アーキテクチャー................................................ 7
1.3.
OPRO X Server と OPRO X Designer 連携 ........................................... 8
1.3.1 OPRO X Server と OPRO X Designer 連携............................................ 8
Options ........................................................................... 8
1.3.2 OPRO X Server とデータベースの連携 .............................................. 9
OPRO X Server とデータベースの連携 .................................................. 9
<DATABASE>要素の設定............................................................... 9
1.3.3 OPRO X Server の再起動 ........................................................ 10
OPRO X Server 停止方法 ............................................................ 10
OPRO X Server 起動方法 ............................................................ 11
1.4.
OPRO X Designer 起動と初期設定方法 ............................................ 12
1.4.1 OPRO X Designer の起動 ........................................................ 12
1.4.2 シリアル番号の設定 ............................................................ 12
1.4.3 メインウィンドウ ................................................................ 13
1.4.4 Options....................................................................... 14
Options の起動 .................................................................... 14
Options の設定 .................................................................... 14
1.4.5 Proxy......................................................................... 15
2.
社員リストの作成（OPRO X Designer の基礎） ........................................... 16
2.1.
第２章のねらい................................................................ 16
2.2.
テンプレートの新規作成 ........................................................ 17
2.2.1 テンプレートの新規作成 ......................................................... 17
2.2.2 Layout の設定 ................................................................ 18
2.2.3 編集エリア .................................................................... 19
テンプレートエクスプローラとプロパティエディタ.......................................... 19
2.3.
データベースとの接続の設定.................................................... 20
2.3.1 Dataset の設定 ................................................................ 21
2.3.2 クエリーの作成 ................................................................ 22
Query Builder の起動 .............................................................. 22
OSMS Login ダイアログ .............................................................. 23
データベースとの接続............................................................... 24
Query Builder の起動 .............................................................. 24
Query Builder の各部の名称 ........................................................ 25
データベースへのアクセス ........................................................... 26
Database Login(2)................................................................. 27
データベースへのログイン ........................................................... 27
テーブルウィンドウを開く ............................................................ 27
-1-
テーブルの結合.................................................................... 29
フィールドの選択 ................................................................... 29
フィールドの追加 ................................................................... 29
Query Builder の終了 .............................................................. 30
2.4.
データ表示部分の設定 ......................................................... 31
2.4.1 Dataset Table の設定 .......................................................... 31
Dataset Table Wizard の実行 ....................................................... 31
ウィザードの起動................................................................... 31
Dataset とフィールド、Vertical/Horizontal の設定 ..................................... 32
Locations&Size、Grouping、コンポーネント名の設定..................................... 32
Dataset Bands、Columns の設定...................................................... 33
Dataset Table Wizard の終了 ....................................................... 33
2.4.2 プレビューの実行............................................................... 35
プレビュー方法..................................................................... 35
プレビューの表示 .................................................................. 36
2.4.3 Dataset Table 上の Label コンポーネントの設定.................................... 37
General プロパティの変更 ........................................................... 38
Font プロパティの変更 .............................................................. 39
Custom プロパティの変更 ............................................................ 39
Data プロパティの変更 .............................................................. 39
2.4.4 Dataset Band の変更 ........................................................... 41
Dataset Band１の高さの変更......................................................... 41
Dataset Band（ColumnHeader）の高さの変更 ............................................ 41
Rule の設定 ....................................................................... 41
2.5.
タイトル表示の設定 ............................................................ 42
2.5.1 Label コンポーネントの配置...................................................... 42
2.5.2 Label コンポーネントの設定...................................................... 42
General プロパティの設定 ........................................................... 43
Font プロパティの設定 .............................................................. 43
Custom プロパティの設定 ............................................................ 44
Data プロパティの設定 .............................................................. 44
2.6.
サンプル HTML からの出力 ...................................................... 45
2.6.1 サンプル HTML の作成........................................................... 45
2.6.2 Generate Sample HTML ダイアログ ................................................ 46
2.6.3 サンプル HTML の表示........................................................... 47
2.6.4 サンプル HTML の実行........................................................... 47
3.
商品リストの作成（集計機能を利用した連続帳票の作成） ................................. 49
3.1.
第３章のねらい................................................................ 49
3.2.
テンプレートの新規作成 ........................................................ 50
-2-
3.3.
データベースとの接続の設定.................................................... 51
3.3.1 クエリーの作成 ................................................................ 52
Query Builder の起動 ............................................................ 52
OSMS Login...................................................................... 52
データベースへの接続 .............................................................. 52
Database Login.................................................................. 52
[全てのフィールドの追加]の実行 ..................................................... 53
式の作成 ......................................................................... 53
Expression Builder の起動 ....................................................... 53
Expression Builder による式の作成................................................ 54
並べ替えの設定.................................................................... 55
Order By Editor の起動 .......................................................... 55
Order By Editor による並べ替えの設定............................................. 56
抽出条件の設定.................................................................... 57
Condition Builder の起動 ........................................................ 57
Condition Builder による抽出条件の設定........................................... 57
抽出条件の編集.................................................................. 59
データフォーマットの設定 ............................................................ 60
3.4.
Dataset Table の設定 ......................................................... 61
3.4.1 Dataset Table Wizard の実行 ................................................... 61
Dataset とフィールド、Vertical/Horizontal の設定 ..................................... 61
Dataset Bands、Columns の設定...................................................... 61
Dataset Table Wizard の終了 ....................................................... 62
3.4.2 Group Header、Group Footer の設定 .............................................. 62
3.4.3 Label コンポーネントのサイズ変更 ................................................ 63
品目グループの表示................................................................ 64
列の見出しの作成.................................................................. 65
3.4.4 改ページ処理の実行............................................................ 66
3.4.5 連続するデータを非表示にする ................................................... 66
3.4.6 Rule の設定 ................................................................... 67
3.5.
合計・総合計表示の設定........................................................ 67
3.5.1 Aggregate Function の配置(1) .................................................. 67
AggregateFunction1 の配置 ....................................................... 69
AggregateFunction1 のプロパティ設定 .............................................. 69
見出し用 Label コンポーネントの配置(1)............................................... 71
見出し用 Label コンポーネントの配置(1)............................................. 71
見出し用 Label コンポーネントの設定（1）............................................. 71
Group Footer の高さの変更 ......................................................... 72
3.5.2 Aggregate Function の配置(2) .................................................. 72
AggregateFunction2 の配置 ....................................................... 72
-3-
AggregateFunction2 の設定 ....................................................... 72
見出し用 Label コンポーネントの配置(2)............................................... 73
見出し用 Label コンポーネントの設定（2）............................................. 73
Report Footer の高さの変更 ........................................................ 73
3.6.
タイトルの設定 ................................................................ 74
3.6.1 Label コンポーネントの配置...................................................... 74
3.6.2 帳票タイトル用の Label コンポーネントの設定....................................... 74
3.7.
日付の表示................................................................... 75
3.7.1 DateTime コンポーネントの設定................................................... 75
General プロパティ ................................................................. 75
Font プロパティ .................................................................... 76
Custom プロパティ .................................................................. 76
Format プロパティ .................................................................. 76
3.8.
ページ番号の表示 ............................................................. 77
3.8.1 Page Number コンポーネントの配置................................................ 77
3.8.2 Page Number コンポーネントの設定................................................ 77
General プロパティ ................................................................. 77
Settings プロパティ ................................................................ 78
3.9.
4.
サンプル HTML からの出力 ...................................................... 79
給与明細の作成（セキュリティ対策つき単票の作成） ..................................... 81
4.1.
第４章のねらい................................................................ 81
4.2.
テンプレートの新規作成 ........................................................ 82
4.2.1 Layout の設定 ................................................................. 82
4.3.
データベースとの接続の設定.................................................... 83
4.3.1 Dataset の設定 ................................................................ 84
4.3.2 クエリーの作成 ................................................................ 84
Query Builder の起動 .............................................................. 84
全てのフィールドの追加 ............................................................. 84
Condition の設定 .................................................................. 84
Query Builder の終了 .............................................................. 84
4.4.
データ表示部分の設定 ......................................................... 84
4.4.1 Label コンポーネントの配置(1)................................................... 84
4.4.2 Label コンポーネントの配置(2)................................................... 85
Label2 の配置 ..................................................................... 85
Label2 のコピー.................................................................... 85
Label3∼21 の配置 ................................................................. 86
Label3∼22 の縦方向の位置修正 ..................................................... 87
磁石モードを実行する ............................................................. 87
Snap をはずす ..................................................................... 88
-4-
Label1∼22 の縦方向の整列 ....................................................... 88
Label1∼21 の横方向の整列 ......................................................... 89
4.4.3 Label コンポーネントの配置(3)................................................... 91
Label22∼41 の配置 ................................................................ 91
サイズを揃える .................................................................... 92
Label1 と Label21∼42 の整列 ....................................................... 93
4.4.4 Label コンポーネントの配置(4)................................................... 95
Label42∼78 の配置 ................................................................ 95
Label42∼60 の整列 ................................................................ 96
Label42 と Label61∼78 の整列....................................................... 97
Label62∼65 の幅の変更 ............................................................ 98
Label61 と Label62∼65 の整列....................................................... 99
Label66、67、69∼77 の幅の変更 ..................................................... 99
Label66、67、69∼77 の整列 ........................................................ 100
4.4.5 Label コンポーネントの配置(5).................................................. 100
4.4.6 不要部分の削除............................................................... 103
4.4.7 Label コンポーネントの設定..................................................... 104
Label コンポーネントの一括設定..................................................... 104
Label コンポーネントの枠線の表示設定............................................... 104
color の設定 ..................................................................... 106
4.4.7 Data プロパティの変更 ......................................................... 109
4.5.
タイトル、詳細表示の設定...................................................... 110
4.5.1 タイトルの表示................................................................ 110
4.5.2 詳細の表示................................................................... 111
4.6.
表組みによる表現 ............................................................ 116
4.6.1 Table コンポーネントの配置..................................................... 116
4.6.2 Table コンポーネントの設定..................................................... 116
Label コンポーネントの配置......................................................... 118
4.6.3 Line コンポーネント ........................................................... 120
4.7.
注意書きの表示 .............................................................. 123
4.7.1 Shape コンポーネントの配置..................................................... 123
4.8.
会社のロゴの表示 ............................................................ 126
4.8.1 Image コンポーネントの設定..................................................... 126
4.8.2 Image コンポーネントの設定..................................................... 126
4.9.
セキュリティの設定 ........................................................... 129
4.9.1 Document Security の機能 ..................................................... 129
4.9.2 Document Security コンポーネントの配置 ......................................... 130
4.9.3 Document Security コンポーネントの設定 ......................................... 130
4.10.
サンプル HTML からの出力 ..................................................... 133
4.10.1 サンプル HTML の実行......................................................... 133
-5-
4.10.2 パスワードの入力 ............................................................ 133
4.11.
Appendix.................................................................... 134
巻末資料 使用データ一覧................................................................ 140
-6-
1
OPRO X Designer アーキテクチャー
1.1.
第１章のねらい
本章は帳票作成の前提条件として、OPRO X Designer をご利用頂くために知っておいて頂きたいことをまとめ
ました。内容としては、以下の３点となります。
1.2 OPRO X Designer のアーキテクチャー
1.3 OPRO X Designer と OPRO X Server 連携
1.4 OPRO X Designer 起動と初期設定方法
ぜひご一読されてから、第２章以降の帳票作成に取り組んで頂けますようお願い致します。
OPRO X Designer アーキテクチャー
1.2.
OPRO X Server は XML テンプレートをもとに、指定したデータソースからリアルタイムにデータを取得し、動的
にドキュメントを生成するサーバーソフトウェアです。OPRO X Designer はこのドキュメントのもととなる、XML
テンプレートを作成します。
XML テンプレートデザイン
テンプレート作成
OPRO X Designer
テンプレートをアップロード
プレビュー
要求
OPRO X Server
XML Template
<Document>
XML ドキュメントブラウザ
OPRO X Browser
ドキュメント表示
プレビュー出力
<label>
<height>45</height
>
リクエスト送信
ドキュメント出力
JDBC
Adobe Reader Web ブラウザ
OPRO X Designer
クエリー作成
Query Builder
クエリー
発行
Database
実行
OPRO X Designer は GUI インターフェイスにより、表示したい位置にコンポーネントを配置し、プロパティの設
結果の取得
定を行っていくだけで、XML テンプレートを作成できます。XML
のタグを意識せず、ノンプログラミングで視覚
データの取得
的・直感的にテンプレートを作成することができます。
-7-
GUI を持つ OPRO X Designer では直感的にテンプレートを作成できますので、ユーザは XML のタグを意識す
ることはありません。複雑な帳票もノンプログラミングで作成することができます。
OPRO X Designer は CGI/Servlet をインターフェイスとして、HTTP 経由で OPRO X Server に接続します。WWW
を介してリモートの OPRO X Server と接続することができます。
OPRO X Designer からプレビューを実行すると、OPRO X Server はリアルタイムにデータを取得してドキュメン
トを生成し、プレビューを実行したクライアントにレスポンスします。ドキュメントはユーザの要求に従って OPR
や PDF、HTML などのフォーマットでクライアントにレスポンスされます。それぞれ OPRO X Browser、Adobe
Reader、Web ブラウザで表示されます。ユーザは実行結果を確認しながら、 テンプレートを作成することができ
ます。
また、OPRO X Designer から Query Builder を起動して、クエリーの作成を行うことができます。GUI インターフェ
イスを持つ Query Builder では直感的にクエリーを作成できますので、ユーザが SQL を意識することはほとんどあ
りません。さらに、Query Builder の GUI インターフェイスで、ユーザは接続するデータベースや、対象テーブルの
データ、クエリーの実行結果を視覚的に確認することができます。
なお OPRO X Designer で作成した XML テンプレートはデザインの使いまわしが利きますので、接続先のデー
タベースやプロパティを変更して利用することができます。類似の帳票が多数ある場合も、効率よく作成でき
ます。
1.3.
OPRO X Server と OPRO X Designer 連携
1.3.1 OPRO X Server と OPRO X Designer 連携
OPRO X Designer と OPRO X Server の連携は CGI/Servlet をインターフェイスとして行われます。
開発サーバ、実行サーバなど複数の OPRO X Server が稼動している環境では、接続したい OPRO X
Server の CGI/Servlet の URL を設定するだけで、希望する OPRO X Server に接続することができます。
Options
OPRO X Designer 側での CGI/Servlet の URL の設定は Options の General プロパティで行います。
詳細は「1.4.4.2 Options の設定」をご覧ください。
-8-
1.3.2 OPRO X Server とデータベースの連携
OPRO X Server とデータベースの連携
OPRO X Server では、データベースとの接続は ODCAW.xml の<DATABASES>要素内で設定します。
Oracle の”db817”をデータベースとして用いる場合、以下の設定を ODCAW.xml に追加します。
設定例）
<DATABASE>
<Name>Scott</Name>
<Type>Oracle</Type>
<URL>jdbc:oracle:thin:@172.16.100.100:1521:db817</URL>
<Driver>oracle.jdbc.driver.OracleDriver</Driver>
<UserID>scott</UserID>
<Password>tiger</Password>
<Connections>3</Connections>
</DATABASE>
<DATABASE>要素の設定
ODCAW.xml にはデータベースに対しての設定サンプルがありますので、それをカスタマイズして、新規の設定を
作成してください。
ここで、<DATABASE>要素内の各要素をご説明します。
<NAME>
OPRO X Server の各モジュールで表示されるデータベース名をここで設定します。上記例
では”Scott”となっています。
<Type>
データベースの種類を指定します。上記例では Oracle が指定されています。
<URL>
ドライバのベンダ（提供元）によって指定された、ドライバ固有の JDBC URL を指
定します。
注意）Access を利用される場合は JDBC-ODBC のブリッジ接続となりますので、あらかじ
め ODBC 接続を設定しておく必要があります。
<Driver>
ベンダによって指定されているドライバクラス名を設定します。
<UserID>
データベースのユーザを設定します。
※上記の例ではユーザは scott です。
<Password>
データベースユーザのパスワードを設定します。
※上記の例ではパスワードは tiger です。
<Connections>
データベースとの接続数を設定します。上記の例では 3 コネクションで設定してあります。
-9-
1.3.3 OPRO X Server の再起動
ODCAW.xml に追加したデータベースへの接続設定は OPRO X Server の再起動を行うと反映されま
す。
OPRO X Server の再起動は通常、管理者に依頼することになると思いますが、中にはご自分で管
理しているサーバに OPRO X Server をインストールして環境を作成している方もいることと思います。
そのような方のために、OPRO X Server の再起動方法をご説明します。
注意）UNIX、Linux で OPRO X Server をお使いの方、及び Windows のサービスとして OPRO X Server を起動し
ている方は、起動停止方法について、添付のマニュアル及びドキュメントをご参照ください。
OPRO X Server 停止方法
“Run OXS as a Java Application”で OPRO X Server を起動している場合は、OPRO X Server を起動
したコマンドプロンプトを、マウスでクリックしてアクティブにします。
[Ctrl]+[C]キーを押下します。
すると、「バッチジョブを終了しますか（Y/N）？」と聞いてきますので、”ｙ”を入力して[Enter]キーを
押下します。
コマンドプロンプトが終了したら、OPRO X Server の停止は完了です。
-10-
OPRO X Server 起動方法
“Run OXS as a Java Application”を実行して、OPRO X Server を起動します。
スタートメニューから[プログラム]-[OPRO X Server]とポイントし、“Run OXS as a Java Application”
のアイコンをクリックします。
ODCAW.xml 内 で
定義されたデータ
ベ ー ス 接続が 表
示されます。
最 後 に ”ODCS
Started”と表示さ
れれば、起動は
完了です。
-11-
1.4.
OPRO X Designer 起動と初期設定方法
これより、OPRO X Designer を起動して、作業を開始するために必要な最小限の設定を行います。
OPRO X Designer は WindowsNT4.0、Windows2000、WindowsXP での動作がサポートされています。
（詳細は OPRO X Designer に同梱のマニュアルをご覧ください。）
1.4.1 OPRO X Designer の起動
OPRO X Designer を起動します。
マウスでスタートメニューから、[スター
ト]-[プログラム]-｢OPRO X Designer｣
とポイントし、OPRO X Designer アイコンを
クリックします。
1.4.2 シリアル番号の設定
初回起動時にはここで、シリアル番号を入力するウィンドウが開きます。
シリアル番号を正しく入力して、OK
ボタンをクリックしてください。
※シリアル番号は、製品 CD 内の「serial.txt」に記載されております。
-12-
1.4.3 メインウィンドウ
起動すると、画面上端にメインウィンドウが開きます。
メインウィンドウにはツールバーがあって、ここで OPRO X Designer の操作を行っていきます。
メインウィンドウ
メインウィンドウの名称
メインウィンドウの各ツールバーの名称を覚えましょう。
メニューバー
ファイル/編集
コンポーネント
ツールバー
ツールバー
-13-
1.4.4 Options
Options の起動
メインウィンドウのメニューバーから[オプション]-[環境設定]とクリックすると、Options のダイアロ
グがポップアップします。
[オプション]
-[環境設定]と
クリックします。
Options の設定
Options の General タブで、OPRO X Designer と OPRO X Server を接続するための CGI/Servlet URL
を入力します。
「CGI/Servlet URL」の OXS
ここにご利用になる OXS の CGI
または Servlet の URL を入力し
ます。
例）
CGI ：http://xxx/cgi-bin/odcaw2_cgi.exe
Servlet ：http://xxx/odcaw2_servlet
-14-
1.4.5 Proxy
プロクシを利用して OPRO X Server と接続する場合は、Proxy のチェックボックスにチェックを入れ、
Address に Proxy サーバの URL を、Port にポート番号を正しく入力してください。
Proxy を利用するときに
チェックを入れます。
Proxy サーバの Port 番
号を設定します。
Proxy サーバの URL を
設定します。
OPRO X Designer 起動時に設定しなければならないのは、ここまでです。
以上の設定で、OPRO X Designer から OPRO X Server に接続し、テンプレート作成を行うことができ
ます。
-15-
2. 社員リストの作成（OPRO X Designer の基礎）
2.1.
第２章のねらい
本章ではサンプルを作成しながら、OPRO X Designer の基本的な使い方を身につけるとともに、併せて基本的
なテンプレート作成の手法を身につけることを狙いとしています。
そのための題材として、本章では、以下のような社員リストを取り上げます。
ご覧の通り、ごくシンプルな連帳です。この帳票を出力するテンプレート自体もシンプルなので、初めての方
でも、比較的すぐに作成できることと思います
本章の目標
それでは実際にお手元の Windows クライアントで OPRO X Designer を起動し、解説に従って操作を行いなが
ら進めてください。
-16-
全体の流れ∼社員リストの作成手順
2.2 テンプレートの新規作成
∼新しいテンプレートを開き、レイアウトを設定します。
2.3 データベースとの接続の設定
∼Dataset を配置し、Query Builder を起動して、クエリーを作成します
2.4 データ表示部分の設定
∼Dataset Table と Dataset Table 上の Label コンポーネントの設定を行います。
2.5 タイトル表示の設定
∼帳票のタイトルを Label コンポーネントで表示します。
2.2.
テンプレートの新規作成
新しいテンプレートを開きます。
2.2.1 テンプレートの新規作成
メニューバーから[ファイル]-[新規作成]をクリックします。
[ファイル]-[新規作成]
をクリックします。
-17-
2.2.2 Layout の設定
[新規作成]をクリックすると、New Template ダイアログが表示されます。
こちらで新規テンプレートの Layout の設定を行うことができます。
Size
Layout のサイズを設定します。
Orientation
Layout の向き（たて、よこ）を設定
します。
Add/Remove
Layout の追加・削除を実行します。
Don’t show this dialog again
チェックを入れると次回新規テンプ
レート作成時から New Template ダ
イアログは表示されなくなります。
今回は、A4 Portrait（たて）が選択されていることを確認して、OK ボタンをクリックします。
注意) New Template ダイアログは Options の Show で New Template ダイアログにチェックがつい
ていない場合は表示されません。
また、[新規作成]アイコンをクリックした場合も表示されませ
ん。
チェックを入れると、ファイ
ルメニューで「新規作成」を
選 択 し た 際 に 、 New
Template ダイアログが表
示されます。
-18-
2.2.3 編集エリア
New Template ダイアログで OK をクリックすると、メインウィンドウの下に編集エリアが表示されま
す。
テンプレートエクスプローラとプロパティエディタ
編集エリア
コンポーネントを配置して、ドキュメントの作成を行います。
テンプレートエクスプローラ 編集エリアに配置したコンポーネントがツリー表示されます。
プロパティエディタ
テンプレート
選択したコンポーネントのプロパティを表示し、設定を行います。
編集エリア
エクスプローラ
プロパティエディタ
編集エリア
-19-
2.3.
データベースとの接続の設定
次にデータベースとの接続を設定します。
これから作成する社員リストでは、社員の情報をデータベースから取得して表示します。
データベースへの接続を設定し、クエリーを作成して情報を取得するために、以下の作業を行います。
2.3.1
Dataset の設定
2.3.2
クエリーの作成
OPRO X Designer でクエリー作成やデータの表示を行うためには、OPRO X Server と対象データベースが接
続されている必要があります。詳細は第１章をご覧ください。
OPRO X Server とデータベースとの接続設定
本章の帳票作成では”sample.mdb”ファイルをデータベースとして用います。OPRO X Server 側
で ODCAW.xml の<DATABASES>要素に以下の設定が必要です。
設定例）
<DATABASE>
<Name>sample</Name>
<Type>Access</Type>
<URL>jdbc:odbc:sample</URL>
<Driver>sun.jdbc.odbc.JdbcOdbcDriver</Driver>
<UserID/>
<Password/>
<Connections>5</Connections>
</DATABASE>
あらかじめ”sample”という ODBC 接続を作成し、上記の設定を ODCAW.xml に追加して、OPRO
X Server を再起動します。
Sample.mdb の社員マスタ、部署マスタを
利用します。
-20-
2.3.1 Dataset の設定
テンプレートに Dataset コンポーネントを配置します。
Dataset コンポーネントは、データベースに対する接続を定義するコンポーネントです。
データを取得するためのクエリーも定義します。
コンポーネント・ツールバーの Data Access タブをクリックします。
すると、一番左端に Dataset コンポーネントがあります。
Dataset コンポーネント
これをマウスでクリックすると、アイコンがへこみ、選択状態になります。
そのままマウスカーソルを編集エリアに移動させます。
マウスカーソルを編集エ
リアに移動すると、このよ
うにマウスカーソルの形
が変わります。
＋
後からデザインする際に邪
魔にならないよう、隅の方
に配置します。
※配置する場所が Dataset コンポーネントの動作に影響を及ぼすことはありません。
-21-
2.3.2 クエリーの作成
Query Builder の起動
テンプレート上に配置した Dataset をマウスでダブルクリックします。
ダブルクリックします。
Dataset をダブルクリックすると、 OSMS Login ダイアログがポップアップします。
OSMS Login
ダイアログ
-22-
OSMS Login ダイアログ
OPRO X Server は OSMS（OPRO Schema Manager Service）によって、ユーザのデータベースへのアク
セス管理を行っています。
OSMS Login ダイアログには、OPRO X Server の設定ファイル ODCAW.xml の<OSMS>要素内の
<USERNAME>、<PASSWORD>要素で定義されているユーザ名、パスワードを入力します。
初期設定では、全てのデータベースに接続できる admin ユーザのみが定義されています。
ODCAW.xml（OPRO X Server の設定ファイル）<抜粋>
<OSMS active="YES">
（中略）
<OSMSUSERS>
<USER>
<USERNAME>admin</USERNAME>
<PASSWORD>admin</PASSWORD>
<DATABASES>
<DATABASE>
<TYPE>all</TYPE>
<NAME>all</NAME>
</DATABASE>
</DATABASES>
</USER>
</OSMSUSERS>
</OSMS>
ユーザ名、パスワードを正しく
入力したら[Login]ボタンをク
リックします。
-23-
データベースとの接続
接続中を示すメッセー
ジが表示されます。
Query Builder の起動
Query Builder が
起動します。
-24-
Query Builder の各部の名称
ツールバー
テーブルウィンドウ
ツールバー
データベースツリー
フィールドリスト
クエリフィールドリスト
Query Builder
データベースツリー
OPRO X Server が接続しているデータベースをツリー表示します。
テーブルウィンドウ
データベースから、クエリー作成対象となるテーブル情報を取得して、表示
します。
ツールバー
以下の機能を実装しています。
・SQL の表示
・結果の表示
・式の作成
・抽出条件の設定
・グループの設定
・並べ替えの設定
・クエリー作成ウィザード
テーブルウィンドウ
フィールドリスト
テーブルのフィールド情報を表示します。
ツールバー
以下の機能を実装しています。
・フィールドの追加
・全てのフィールドの追加
・フィールドのデータ表示
・テーブルのデータ表示
クエリフィールドリスト
ドキュメントで使用するフィールドを表示します。
-25-
データベースへのアクセス
Query Builder を起動し、クエリーを作成します。
データベースツリーの
Access のアイコンの
をク
リックして展開します。
sample データベースのアイ
コンの
をクリックして展開
します。
Database Login(1)
Database Login ダイアログ
がポップアップします。
-26-
Database Login(2)
ODCAW.xml（OPRO X Server の設定ファイル）<抜粋>
<DATABASE>
<Name>sample</Name>
<Type>Access</Type>
<URL>jdbc:odbc:sample</URL>
<Driver>sun.jdbc.odbc.JdbcOdbcDriver</Driver>
<UserID/>
<Password/>
今回使用する Access の sample.mdb に
<Connections>5</Connections>
対してはユーザ名、パスワードを設定し
ていないので、ユーザ名・パスワード無
</DATABASE>
しでログインします。
データベースへのログイン
ログインすると、データベース内の
テーブルが表示されます。
テーブルウィンドウを開く
データベースツリーのテーブルの
アイコンをクリックし、矢印の方向
にドラッグ＆ドロップします。
テーブルウィンドウが開き、データ
の確認やクエリーの作成を行うこと
ができます。
☆テーブルのアイコンをダブルクリックしてもテーブルウィンドウを開くことができます。
-27-
テーブルデータの確認（参考）
Query Builder でテーブルのデータを確認することができます。
テーブルウィンドウのツール
バーの右端の「テーブルのデ
ータ表示」のアイコンをクリッ
クすると、以下のようにテーブ
ルのデータが表示されます。
社員マスタのデータ表示
このボタンをクリックする
部署マスタのデータ表示
と、表示されているデータ
を CSV 形式で保存するこ
とができます。
-28-
テーブルの結合
社員マスタと部署マスタ、２つのテ
ーブルに共通した項目「部署番号」
をキーに両者を結合します。
社員マスタの部署番号をマウスで
クリックして、部署マスタの部署番
号までドラッグ＆ドロップします。
両者が線でつながれて、結合され
たことが示されます。
フィールドの選択
検索対象となるフィールドを
選択して、クエリフィールドリ
ストに追加します。
ここでは、「全てのフィールド
の追加」を実行します。
※Opro X Designer V2.3 以降を
お使いの方はクエリフィールドの
フィールドの追加
見出しに表示された部署マスタの
部署番号を「部署番号 1」に変更し
ます。
クエリフィールドリストに社員
マスタ、部署マスタの全ての
フィールドが追加されまし
た。
-29-
Query Builder の終了
OK ボタンをクリックして、
Query Builder を 終了し ま
す。
Query Builder による SQL の表示と実行結果の確認（参考）
Query Builder で SQL の表示と実行結果の確認が可能です。覚えておくと便利です。
SQL の表示
ツールバーのアイコン
をクリックして「SQL の
表示」を実行します。
ウィンドウがポップアップ
して、作成された SQL が
表示されます。
実行結果の確認
ツールバーのアイコン
をクリックして「結果の
表示」を実行します。
ウィンドウがポップアップ
して、作成されたクエリー
の実行結果が表示され
ます。
-30-
2.4.
データ表示部分の設定
2.4.1 Dataset Table の設定
Dataset Table を用いて、データベースから取得したデータを連続帳票の形式で表示します。ここでは、
Dataset Table Wizard を用いて Dataset Table の設定を行います。
Dataset Table Wizard の実行
ウィザードを利用して、Dataset Table を用いた連続帳票を簡単に作成することができます。
ウィザードの起動
コンポーネントツールバーの
Wizard タブをクリックします。
Dataset Table Wizard アイコン
をクリックします。
Dataset Table Wizard が
起動します。
-31-
Dataset とフィールド、Vertical/Horizontal の設定
利用する Dataset を指定します。
水直方向（Vertical）の連続帳票か、垂
平方向（Horizontal）の連続帳票かを
指定します。
Available Fields から Dataset Table 上
に表示したいフィールドを選択して、
Selected Fields に追加します。
今回設定した値は以下の通りです。
Dataset：
Dataset1
Table Select：
Vertical
Selected Fields：
社員番号、社員名、役職、部署名、所在地
Locations&Size、Grouping、コンポーネント名の設定
Dataset Table の以下の項目の設定を
行います。
・名前
・位置とサイズ
・グルーピング
今回は、ここで設定変更は行いません。
-32-
Dataset Bands、Columns の設定
Dataset Table の以下の項目の設
定を行います。
・ヘッダーとフッターの追加
・単一のカラムか複数のカラムか
今回は、ここで Column Header に
チェックを入れます。
Dataset Table Wizard の終了
ウィザードが終了し、
Dataset Table が作成されま
した。
-33-
Dataset Table の構造（参考）
連続帳票の作成には Dataset Table を利用します。Dataset Table は、Dataset コンポー
ネントや Label コンポーネントなどと組み合わせて利用します。
Dataset Table は階層構造になっており、Dataset Table 自体の上に Band があり、そ
の上に Column があるような構造になっています。
また、Dataset Table は、その上に別のコンポーネントを配置して使用することが多いた
め、Dataset Table 上でのドラッグ操作などを考慮し、単にクリックしただけでは選択でき
ないようになっています。
Column の選択方法:
テンプレートエクスプローラで選択する方法の他に、キーボードの Alt キーを押しなが
ら Column をクリックすると選択することができます。
※Column を選択した状態で、キーボードの Esc ボタンを押すと、 Column → Band →
Dataset Table 全体と選択が切り替わります。
Band の選択方法
テンプレートエクスプローラで選択する方法の他に、Dataset Band の境界線を含むよう
にドラッグすると選択できます。
Dataset Table 自体の選択方法
テンプレートエクスプローラで選択する方法の他に、Dataset Table の境界線を含むよう
にドラッグすると選択できます。
-34-
2.4.2 プレビューの実行
「社員リスト」は、まだ作成途中ですが、出来栄えを見るために、ここでプレビューを実行します。
プレビューを行うためには、OPRO X Browser や Adobe Reader などの閲覧用ソフトウェアが導入済
みである必要があります。
プレビュー方法
プレビュー方法には下記の３通りの方法があります。
プレビューボタンをクリック
ファイル/編集ツール
バーのプレビューボ
タンをクリックします。
メニューバーから選択
メニューバーから[ファ
イル]-[プレビュー]をク
リックします。
[Ctrl]+P の実行
[Ctrl]+P キーでもプレビューが実行されます。
-35-
プレビューの表示
実行すると、以下のように表示されます。（pdf の場合）
このままでは見栄えがあまり良くありませんので、デザインを変更していくことにします。
Preview Format の選択（必須）
プレビューを実行したときに、出力されるファイルのフォーマットは Options の
Preview Format で決定します。ラジオボタンで出力させたいフォーマットを選択
します。
注意）PDF エディションをお使いのお客様は、必ず pdf を選択してください。
（PDF エディションでは、opr、html は選択しても出力されません。）
-36-
2.4.3 Dataset Table 上の Label コンポーネントの設定
ウィザードで作成した Dataset Table 上には、データベースから取得した情報を表示するために、
Wizard によって Label1∼Label10 が配置されています。
Label2
Label4
Label6
Label8
Label10
Label1
Label3
Label5
Label7
Label9
Label1∼Label10 に Data プロパティを除いて、共通の設定を行います。
General プロパティ
Location&Size
上位置 2
左位置 2
幅
138
高さ
17
Font プロパティ
今回は初期値のまま変更しません。
Custom プロパティ
Layout
文字を中央に表示
Data プロパティ
Wizard で設定済みのため、変更しません。
Dataset Table 等
-37-
【参考】
Dataset Table 上に Label コンポーネントを配置した場合、各 Label の位置情報は配置された
Column の左上端からの距離になります。
General プロパティの Location&Size の左位置、上位置の値は Label1∼Label１０まで全て同じ
となります。
このようなコンポーネントには、以下のものがあります。
Horizontal Dataset Table、Dataset Table Container、Table、Interface Group
まず、Label1 をクリックして選択状態にし、プロパティエディタの Active Component タブをクリックし
ます。
クリックします。
General プロパティの変更
プロパティエディタの Location&Size の値を変更して位置とサイズを設定します。
Dataset Table 上の、全ての Label コンポー
ネントに対して、同じように変更を行いま
す。
Location&Size
上位置 2
左位置 2
-38-
高さ
17
幅
138
Font プロパティの変更
今回は、フォント情報は初期値のまま変更しません。
初期値は MS ゴシック９ポイントです。
Custom プロパティの変更
今回は文字を中央に表示するよう、Layout を変更します。
中央にチェックを入れます。
Data プロパティの変更
こちらはデータベースから表示用のデータを取得するように、ウィザードで既に設定されているので、
変更しません。
このようにして、Label1 の設定を変更した後、Label2∼Label10 の設定も同様にして行います。
-39-
Active Component と Target Component(s)（参考）
プロパティエディタには、以下の２種類のタブがあります。
Active Component
選択した（単一の）コンポーネントの全てのプ
ロパティを表示します。
ウィンドウ上部のドロップダウンで、コンポーネ
ントを選択することが可能です。
Target Component(s)
選択している複数のコンポーネントの、共通
のプロパティを表示します。
ウィンドウ上部のドロップダウンで、コンポー
ネントの種類ごとに選択することが可能で
す。「All Components」を選択すると、全ての
種類を選択します。
ここでの設定は、選択しているコンポーネン
ト全てに適用されます。
注意）Target Component(s)では、Data プロパ
ティは設定できません。
-40-
2.4.4 Dataset Band の変更
Dataset Band の高さを変更して、帳票の見栄えをよくします。
Dataset Band１の高さの変更
マウスでこの辺りをドラッグ
し、DatasetBand1 を選択状
態にします。
高さを 21 に変更します。
Dataset Band（ColumnHeader）の高さの変更
テンプレートエクスプローラで
DatasetBand（ColumnHeader）
を選択します。
高さを 21 に変更します。
Rule の設定
Dataset Table を選択し、罫線の設定を行います。Dataset Table のプロパティエディタより Rule を選
択し、外枠と横罫線をつけるよう設定します。
-41-
2.5.
タイトル表示の設定
Label コンポーネントを利用して、社員リストにタイトルをつけます。タイトルは Dataset Table コンポーネント上
の中央に太字で表示されるようにします。
2.5.1 Label コンポーネントの配置
コンポーネントツールバーの Standard タブから、Label コンポーネントを配置します。
Label
ここに配置します。
Label コンポーネントを配置するときに、マウスでドラッグして大きさを設定することができます。
ドラッグした大きさ
に合わせて配置さ
このように
ドラッグします
れます。
2.5.2 Label コンポーネントの設定
配置した Label コンポーネント（Label11）をクリックして、選択状態にします。
プロパティエディタの Active Component タブをクリックして、設定を行います。
-42-
General プロパティの設定
プロパティエディタで General プロパティを設定します。
Location&Size
タイトル用ラベルコンポーネントの位置
上位置 30
左位置 344
高さ
20
幅
120
※Dataset Table 上の中央部にくるよう設定します。
Frame
タイトルに下線を引くため、この部分をクリ
ックします。
Font プロパティの設定
プロパティエディタで Font プロパティを設定します。
タイトル用ラベルコンポーネントのフォント情報
Size 12 に変更します。
Bold チェックボックスにチェックを入れます。
-43-
Custom プロパティの設定
プロパティエディタで Custom プロパティを設定します。
Layout
文字を枠の中央に表示する
よう設定します。
Style
Equalize（均等割付）にチェッ
クを入れます。
Data プロパティの設定
プロパティエディタで Data プロパティを設定します。
データプロパティの変更
Type に Static を指定します。
Value 欄には「社員リスト」と入
力します。
-44-
以上で「社員リスト」のテンプレートが完成しました。
2.6.
サンプル HTML からの出力
作成したテンプレートは、運用時は Web ブラウザ等からのリクエストにより実行されます。
ここでは、帳票作成リクエスト用の HTML のサンプルの作成方法をご説明します。
注意）サンプル HTML から実行する場合、あらかじめテンプレートを OPRO X Server の IN_FILE パスに指定され
ているディレクトリ/フォルダに保存しておいてください。
（IN_FILE パスは OPRO X Server の ODCAW.ｘｍｌファイルに設定されています。）
2.6.1 サンプル HTML の作成
メニューバーから[オプション]-[サンプル HTML の作成]を選択します。
[サンプル HTML の作成]を
クリックします。
-45-
2.6.2 Generate Sample HTML ダイアログ
Generate Sample HTML ダイアログが表示されます。
Show
サンプル HTML を Web ブラ
ウザに表示します。
Generate
サンプル HTML を保存しま
す。
OXS CGI/Servlet URL
OPRO X Server のインターフェイスである CGI/Servlet の URL を指定し
ます。
Request Method
メソッドを GET と POST から選択して指定することができます。
Submission Type
Single（アプリケーションなどから OPRO X Server を扱う際に利用するシ
ンプルな HTML）と Interactive（HTML から OPRO X Server を扱う際に利
用する詳細な HTML）を切り替えます。
Operation
Web ブラウザにリダイレクトの他に、メール送信、作り置き、Print
Service、FAX Service、直接印刷などを指定することができます。
※Print Service、FAX Service、直接印刷には、それぞれの機能に対応したライ
センスが必要です。
Format
PDF、OPR、HTML の出力フォーマットの切り替えを行います。
※OPR、HTML は PDF Edition のライセンスではご利用になれません。
-46-
2.6.3 サンプル HTML の表示
ここで必要な項目を選択し、Web ブラウザにサンプル HTML を表示します。
今 回 は シ ン プ ル な HTML
（Single）を選択します
さらに簡略化するため、
Download のみにチェックを入
れます。
Showを押すとサンプルHTMLが
作成されて、Web ブラウザに表
示されます。
2.6.4 サンプル HTML の実行
以下のようなサンプル HTML が作成され、Web ブラウザに表示されます。
OPR を選択します。
設定を確認して、送信
ボタンをクリックします。
注意）PDF エディションをお使いのお客様は、必ず pdf を選択してください。
（PDF エディションでは、opr、html を選択しても出力されません。）
-47-
今回は OPR を選択しましたので、OPRO X Browser が起動して、実行結果が表示されます。
完 成 図
これで、初めての帳票作成は無事、完了となりました。Dataset Table を利用して簡単な連続帳票を作成でき
るようになりましたので、第３章では、さらに様々な機能を持った連続帳票に取り組んでいきます。
これで第２章を終わります。
-48-
3. 商品リストの作成（集計機能を利用した連続帳票の作成）
3.1.
第３章のねらい
第２章では「社員リスト」を作成しました。本章ではそれを踏まえて、さらに本格的な連続帳票を作成します。
今回の「商品リスト」も「社員リスト」と同様の連続帳票ですが、さらに実用性を感じさせるデザインになってい
ます。
今回の「商品リスト」のポイントは、こうした連続帳票につきものの横方向の計算と縦方向の計算の実現方法
です。
OPRO X Designer では、横方向の計算は Expression Builder で、縦方向の計算は Aggregate Function コンポ
ーネントで行います。ぜひマスターして、様々な帳票を思いのままに作成してみてください。
本章の目標
OPRO X Designer の操作にも慣れてきたと思いますので、前章でご説明したことを踏まえて進めて行きます。
-49-
商品リストの作成手順
3.2 テンプレートの新規作成
∼新しいテンプレートを開き、Layout を設定します。
3.3 データベースとの接続の作成
∼Dataset を配置し、Query Builder を起動して、クエリーを作成します。
3.4 データ表示部分の設定
∼Dataset Table と Dataset Table 上の Label の設定を行います。
3.5 合計・総合計表示の設定
∼Aggregate Function を用いて縦方向の集計を行います。
3.6 タイトルの表示
∼帳票のタイトルを Label で作成します。
3.7 日付・ページの表示
∼DateTime、Page Number を用いて、日付・ページを表示します。
3.2.
テンプレートの新規作成
OPRO X Designer を起動し、メニューバーから[ファイル]-[新規作成]をクリックします。
Layout は A4 Portrait（たて）を設定します。
-50-
G
3.3.
データベースとの接続の設定
OPRO X Designer でクエリー作成やデータの表示を行うためには、OPRO X Server と対象データベースが接
続されている必要があります。詳細は第１章をご覧ください。
OPRO X Server とデータベースとの接続設定
本章の帳票作成では”goods.mdb”ファイルをデータベースとして用います。OPRO X Server 側で
ODCAW.xml の<DATABASES>要素に以下の設定が必要です。
設定例）
<DATABASE>
<Name>Shohin</Name>
<Type>Access</Type>
<URL>jdbc:odbc:goods</URL>
<Driver>sun.jdbc.odbc.JdbcOdbcDriver</Driver>
<UserID/>
<Password/>
<Connections>3</Connections>
</DATABASE>
あらかじめ”goods”という ODBC 接続を作成し、上記の設定を ODCAW.xml に追加して、
OPRO X Server を再起動します。
今回は shouhin_List テーブルを利用します。
-51-
3.3.1 クエリーの作成
Dataset コンポーネントをテンプレートに配置します。
データベースからのデータを取得するために、クエリーを作成します。
Query Builder の起動
テンプレート上に配置した Dataset をマウスでダブルクリックして、Query Builder を起動します。
OSMS Login
OSMS Login ダイアログにユーザ名、パスワードを入力し、ログインします。
Query
Builder
が起動しました
データベースへの接続
Database Login
データベースツリーから Access データベースのアイコンの
続いて Shouhin データベースのアイコンの
をクリックして展開します。
をクリックして展開します。
Database Login ダイアログには ODCAW.xml に設定したユーザ名・パスワードを入力して、[Login]
ボタンをクリックします。
今回、”Shouhin”データベースには接続用のユーザ・パスワード名が設定されていないので、
Database Login ダイアログの入力欄には、何も入力せずに[Login]ボタンをクリックします。
shouhin データベースの内容が表示されます。
-52-
[全てのフィールドの追加]の実行
shouhin_List テーブルをダブルクリックして開きます。
テーブルウィンドウの[全てのフィールドの追加]をクリックして実行します。
shouhin_List テ ー ブ
ルの全てのフィールド
が追加されました。
式の作成
商品リストに在庫金額を表示します。在庫金額は、以下の計算式で求められます。
在庫金額=商品単価×在庫数
こちらの計算式をテンプレートに設定するには、Expression Builder を利用します。
Expression Builder の起動
ツールバーの[式の作成]
アイコンをクリックして、
Expression Builder を起動
します。
Expression Builder が起動
しました。
-53-
Expression Builder による式の作成
Expression Builder で式の作成を行います。
tankaフィールドをダブルクリック
して追加します。
* [multiply]をダブルクリック
して追加します。
-54-
“zaikosuu”をダブルクリックして追加し
ます。
“zaikosuu”が追加されたら[OK]を押し
て終了します。
並べ替えの設定
Order By Editor を利用して、並べ替えの設定を行うことができます。
Order By Editor の起動
Query Builder のツールバーで
[並べ替えの設定]アイコンをク
リックします。
Order By Editor が起動し
ます。
-55-
Order By Editor による並べ替えの設定
“tanka”フィールドをクリック
して選択状態にします。
Add ボタンをクリックしてフィー
ルドを追加します。
フィールドが追加されました。
Order By Editor 各部の解説（参考）
Order By Editor を使いこなすために、以下のポイントも覚えておいてください。
チェックがつくと昇順、チェックが
ないと降順で並べ替えます。
複数のフィールドを選択した場
合、矢印ボタンをクリックするこ
とで、フィールドの優先度を変更
することができます
追加したフィールドを全て削除す
るときは[Remove All]ボタンをク
リックします。
削除するときはフィールドを選択
して[Remove]ボタンをクリックし
ます。
-56-
抽出条件の設定
検索時に抽出条件（ここでは商品名）を設定できるようにします。
抽出条件の設定には Condition Builder を利用します。
Condition Builder の起動
Query Builder のツールバーで
[抽出条件の設定]アイコンをク
リックします。
Condition Builder が起動しま
す。
Condition Builder による抽出条件の設定
Shouhinmei フィールドをダブルク
リックして追加します。
-57-
LIKE 検索を行うよう、LIKE をダ
ブルクリックして追加します。
「’」、USERINPUT、「’」の順
でダブルクリックして
‘{USERINPUT}’を追加しま
す。
[OK]をクリックして Condition
Builder を終了します。
※USERINPUT を追加すると、ユーザーはリクエスト時に抽出条件を設定できます。
※USERINPUT は Dataset ごとに設定することができ、複数の抽出条件の入力では名称は順に「Dataset1_1」
「Dataset1_2」……となります。
※抽出条件を文字で指定する場合、ここで「’」を入力しないと、実行時に「’」の入力が必要になります。
※Conditions に手入力して抽出条件を編集することもできます。
-58-
抽出条件の編集
作成された抽出条件は Selection Criteria に表示されます。ここでも抽出条件を編集できます。
‘{USERINPUT}’ を
‘%{USERINPUT}’ と
編集します。
クエリーの確認（参考）
今回作成されたクエリーは Query Builder のツールバーから[SQL の表示]アイコンをクリック
すると、以下のように確認できます。
-59-
データフォーマットの設定
商品単価（tanka）と在庫金額（Expression1）にデータフォーマット（¥#,###）を指定します。
クエリフィールドリストの
Format にデータフォーマットを
指定します
ここをクリックして、Tanka フィ
ールドのデータフォーマット
（¥#,###）を入力します。
¥#,###の表示例： ¥10,000
クエリフィールドリストの
Format にデータフォーマット
を指定します。
ここをクリックして、
Expression1 フィールドのデ
ータフォーマット（¥#,###）を
入力します。
¥#,###の表示例： ¥10,000
ドロップダウンでのデータフォーマットの設定（参考）
今回は Format にデータフォーマットを手入力しましたが、ドロップダウンで選択することもできます。
ドロップダウンで選択
できます。
これで、データベースとの接続の設定と、データベースから情報を取得するクエリーの作成が終わりました。
-60-
3.4.
Dataset Table の設定
ここで、データベースより取得した情報の表示部分を設定します。
今回は Dataset Table Wizard を用いて Dataset Table の設定を行います。Dataset Table を利用してデー
タベースから取得した情報を連続帳票の形式で表示します。
3.4.1 Dataset Table Wizard の実行
ウィザードを利用して、Dataset Table を設定します。
Dataset とフィールド、Vertical/Horizontal の設定
Dataset1 を指定します。
Vertical（水直方向（上→下）の連続
帳票）を指定します。
Available Fields から以下のフィー
ルドを選択して、追加します。
shouhinmei
shiiresaki
tani
tanka
zaikosuu
Expression1
Dataset Bands、Columns の設定
Report Footer を選択します。
-61-
Dataset Table Wizard の終了
ウィザー ド が終了し 、
Dataset Table が作成され
ました。
3.4.2 Group Header、Group Footer の設定
データベースから取得したデータを、グループごとに表現するために、Group Header、Group Footer
を設定します。
[Alt]+クリックで Dataset Table を選択し、Custom プロパティを開きます。
Custom プロパティにある Bands タブより G_name のヘッダーとフッターにチェックを入れます。
これにより、データが品目ごとにグループ化されて表示されます。
チェックを入れます。
-62-
画面上の Dataset Table に Group Header、Group Footer が表示されます。
Group Header
Group Footer
3.4.3 Label コンポーネントのサイズ変更
Dataset Table 上には Wizard によって、データベースから取得したデータを表示するための Label
コンポーネントが配置されています。
Label1
Label2
Label3
Label4
Label5
Label6
ここで DatasetBand1 上に配置されている、Label1∼Label6 の位置、サイズを変更します。
Label1∼Label6 の位置、サイズ
上位置
2
左位置
2
高さ
17
幅
114
-63-
DatasetBand1 の高さを 21 に変更します。
設定変更した
Dataset Band
品目グループの表示
品目を表示させるため、Group Header に G_name の Label コンポーネント（Label7)を配置します。
Dataset をクリックして選択し、Fields プロパティより G_name を選択します。
G_name を Group Header の一番左側にドラッグ＆ドロップします。
Label7
Label7 のサイズを変更します。
Label7 の位置とサイズ
上位置
2
左位置
2
高さ
17
幅
114
-64-
列の見出しの作成
Group Header 上に Label8∼Label13 を配置して、Dataset Table の列の見出しを作成します。
（それぞれ、Label1∼Label6 と対になるようにします。）
Group Header の設定例
Label8
Label9
Label10
Label11
Label12
Label13
Label コンポーネント Label8∼Label13 のサイズを以下のように設定します。
Label8∼Label13 の位置とサイズ
上位置 51
左位置 2
高さ
17
幅
114
また、Data プロパティは Type を Static に設定し、Value には以下のように表示する文字列を入力
します。
Label コンポーネント Label8∼Label13 の Value の値
Label8
商品名
Label9
仕入先
Label10
仕入単位
Label11
商品単価
Label12
在庫数
Label13
在庫金額
-65-
3.4.4 改ページ処理の実行
品目が変わるごとに改ページを行うよう設定します。
Group Header を選択し、Custom プロパティの Start on a new page にチェックを入れます
Group Header の Custom プロパティ
ここにチェックを入れます。
3.4.5 連続するデータを非表示にする
shiiresaki フィールドに対して、同じデータが続く場合には表示しないよう、設定を行います。
連続するデータを非表示にする場合は、Dataset Table の Custom プロパティの下部の Remove
Duplicates タブをクリックし、同じデータが連続した場合、表示したくないフィールドにチェックを入
れます。
Remove Duplicates
Dataset Table の Custom プロパティ
の 下 部 に Bands 、 Links 、 Remove
Duplicates と３つのタブがあります。
このうちの Remove Duplicates タブを
クリックし、同じデータが連続した場
合、表示したくないフィールドにチェッ
クを入れます。
連続するデータを非表示にするため、
ここにチェックを入れる
-66-
3.4.6 Rule の設定
Dataset Table を選択し、罫線の設定を行います。Dataset Table のプロパティエディタより Rule を
選択し、全ての枠に線をつけるよう設定します。
3.5.
合計・総合計表示の設定
商品リストに、品目グループごとに在庫金額の合計を表示するよう設定します。
また、最後のページには在庫金額の総合計を表示するように設定します。
3.5.1 Aggregate Function の配置(1)
コンポーネントツールバーの Data Access タブから Aggregate Function を配置します。
OPRO X Designer では連続帳票の縦方向の計算は Aggregate Function を利用して行います。
「商品リスト」では Group Footer、Report Footer 上に配置して、品目グループごとの在庫金額の合
計、在庫金額の総合計を表示させます。
Aggregate Function
ここに配置
します。
-67-
Aggregate Function
Aggregate FunctionはDataset Table及びHorizontal Dataset Table上のReport
Header、Report Footer、Group Header、Group Footerに配置して、様々な集計を行
い、表示するコンポーネントです。
例えば、Group Footer に配置した場合はそのグループでの集計結果を、Report
Footer に配置した場合はレポート全体での集計結果を出力します。
Aggregate FunctionはDataプロパティの「Field」で選択したフィールドに対して、以
下の処理を実行することができます。
Aggregate Function で実行できる処理
・COUNT データのレコード数を出力します。
・MAX
データの最大値を出力します。
・MIN
データの最小値を出力します。
・AVG
データの平均値を出力します。
・SUM
データの総合計を出力します。
これらの処理内容は Data プロパティで選択します。
処理を実行する対象となる
フィールドを選択します。
実行する処理をドロップダウ
ンで選択します。
-68-
AggregateFunction1 の配置
品目グループごとの在庫金額の合計を出すために AggregateFunction1 を配置します。
AggregateFunction1 を、DatasetTable1 の Group Footer 上に配置します。
Expression1 と同じ列になるよう配置します。
Aggregate Function1 の配置例
AggregateFunction1
AggregateFunction1 のプロパティ設定
AggregateFunction1 のプロパティ設定を行います。
General プロパティの設定
AggregateFunction1 の位置
上位置 2
左位置 2
高さ
17
幅
114
今回は Location&Size 以外は初期値
のまま変更しません。
-69-
Font プロパティ
今回は初期値のまま変更しません。
Custom プロパティ
今回は初期値のまま変更しません。
Data プロパティの設定
AggregateFunction1 を選択し、Data プロパティを開きます。Dataset、Field、Type、Format を設定
します。
使用する Dataset を選択します。
計算するフィールドを選択します。
計算方法を選択します。
COUNT、MAX、MIN、AVG、SUM から選
択します。
表示形式を設定します。
ここでは Query Builder で設定し
たデータフォーマットが表示されて
います。
-70-
今回の設定
Dataset：
Dataset1
Field：
Expression1
Type
SUM
見出し用 Label コンポーネントの配置(1)
AggregateFunction1 に見出しをつけるため Label コンポーネント（Label14）を配置します。
見出し用 Label コンポーネント
見出し用 Label コンポーネントの配置(1)
Label14 を Group Footer 上の AggregateFunction1 の左隣の列に配置します。
見出し用 Label コンポーネントの設定（1）
Label14 の設定を行います。
Label14 の設定
General プロパティ
上位置 2
左位置 2
高さ
17
幅
114
Data プロパティ
Type
static
Value
合計金額
-71-
Group Footer の高さの変更
Group Footer の高さを 21 に設定します。
Group Footer の高さ
高さ
21
3.5.2 Aggregate Function の配置(2)
Report Footer に Aggregate Function を配置することで、縦方向の集計を行います。
Report Footer の Expression1 の列に Aggregate Function（AggregateFunction2）を配置するこ
とで、帳票の最終ページに総合計を表示することができます。
AggregateFunction2
AggregateFunction2 の配置
帳票の最終ページに総合計を表示するために、Report Footer に Aggregate Function を配置し
ます。Report Footer の Expression1 の列に配置します。
AggregateFunction2 の設定
設定は Group Footer に AggregateFunction1 を配置したときと同様です。
AggregateFunction2 のプロパティ設定
General プロパティ
上位置 2
左位置 2
高さ
17
幅
114
-72-
Data プロパティ
AggregateFunction2 の Font プロ
Dataset：
Dataset1
Field：
Expression1
Type
SUM
パティ、Custom プロパティは、今回
は変更は行いません。
見出し用 Label コンポーネントの配置(2)
AggregateFunction2 に見出しをつけるため、左隣の列に Label コンポーネントを配置します。
Label コンポーネントを配置します。
見出し用 Label コンポーネント
見出し用 Label コンポーネントの設定（2）
見出し用 Label コンポーネントの設定を行います。
見出し用 Label コンポーネントの設定
General プロパティ
上位置 2
左位置 2
高さ
17
幅
114
Report Footer の高さの変更
Report Footer の設定
高さ
21
-73-
3.6.
タイトルの設定
Label コンポーネントを利用して帳票のタイトルを設定します。
3.6.1 Label コンポーネントの配置
帳票タイトルを表示するために、テンプレート上に Label コンポーネント（Label16）を配置します。
3.6.2 帳票タイトル用の Label コンポーネントの設定
帳票タイトル用の Label コンポーネント（Label16）のプロパティを設定します。
Label16 の設定
General プロパティ
Location&Size
上位置 30
左位置 344
高さ
20
幅
120
Frame
タイトルに下線を引くため、この部分
をクリックします。
Font プロパティの設定
Size 12 に変更します。
Bold チェックボックスにチェックを入れます。
Custom プロパティ
Layout
Layout の中央をチェックします。
Style
Equalize（文字の均等割付）にチェックを入れます。
Data プロパティ
Type
Static
Value
商品リスト
-74-
Label コンポーネント
3.7.
日付の表示
日付を表示するのには DateTime コンポーネントを利用します。
コンポーネントツールバーの Standard タブから DateTime コンポーネントを配置します。
DateTime
ここに配置
します。
3.7.1 DateTime コンポーネントの設定
General プロパティ
Location&Size
上位置 47
左位置 585
-75-
高さ
17
幅
112
Font プロパティ
今回は初期値のまま変更しません。
Custom プロパティ
今回は初期値のまま変更しません。
Format プロパティ
日付の表示形式を設定します。
DateTime日付と時間を表示
Date日付を表示
Time時間を表示
の３種類から選択します。
Time の表示形式を設定します。
Date の表示形式を設定します。
今回は以下のように設定しました。
今回の設定
Kind
Date（日付のみ）
Date
’gge’年’MM’月’dd’日
例：平成 15 年 4 月 30 日
Time
-76-
時間は表示しません。
3.8.
ページ番号の表示
「商品リスト」にページ番号を表示させます。
3.8.1 Page Number コンポーネントの配置
帳票にページ番号を表示するには、テンプレートに Page Number コンポーネントを配置します。
コンポーネントツールバーの Standard タブから Page Number コンポーネントを配置します。
Page Number
ここに配置
します。
3.8.2 Page Number コンポーネントの設定
General プロパティ
Location&Size
上位置 47
左位置 704
高さ
17
幅
43
今回は初期値のまま変更しません。
-77-
今回は初期値のまま変更しません。
Settings プロパティ
Settings プロパティで表示形式を設定します。
Print on first page
チェックを入れると、最初のページにページ
番号を表示します。
Print on last page
チェックを入れると、最後のページにページ
番号を表示します。
Apply to Document
チェックを入れると、複数のレイアウトにま
たがってページ番号を表示します。
Numbering Start at
ページ番号の最初の値を設定します。
Value
ページ番号の書式を設定します。
書式の「#」の部分にページ番号が表示さ
れます。
ページ番号の表示の変更
今回は Settings プロパティで、Value の値を変更して、表示形式を変更します。
変更前：PageNumber:#
変更後：Page:#
-78-
ここまでで、テンプレートの作成は終了です。
完成したテンプレートは以下のようになります。
3.9.
サンプル HTML からの出力
サンプル HTML に Dataset1 の抽出条件（｛USERINPUT｝） の値など、必要項目を入力して、送信ボタンをクリ
ックします。
今回は shouhinmei フィールドを抽出条件に設定してありますので、以下のような値を入れてみます。
例）ファイル
注意）サンプル HTML から実行する場合、テンプレートが IN_FILE パスに保存されていることが必要です。
IN_FILE パスは ODCAW.ｘｍｌファイルに設定されています。
-79-
実行すると、目標の帳票「商品リスト」が表示されます。
完 成 例
合計、総合計表示のある連帳は数多く使われていますので、ぜひ、ここで取り上げた手法を生かし
て、いろいろな帳票を作成してみてください。
これで第３章を終わります。第４章では単票の形式の帳票作成に取り組んでいきます。
-80-
4. 給与明細の作成（セキュリティ対策つき単票の作成）
4.1.
第４章のねらい
本章では給与明細を作成します。デザインを見て頂ければおわかりの通り、実用性の高いものとなっていま
す。
第２章、第３章で作成した連続帳票とは異なり、単票の作成となりますので、美しく仕上げるには 100 個余りあ
る Label コンポーネントを適切に配置しなければなりません。ですが、こつをつかめば、比較的短時間で見栄
えよく仕上げることができます。複数のコンポーネントに対して同一の設定を行う際の「こつ」を、ぜひ本章で
学び取ってください。
また、最近必要性が高まっているセキュリティ対策についても、工数をかけずに対処する方法をご説明しま
す。セキュリティに注意が必要な給与明細に対し、Document Security コンポーネントを配置するだけでセキ
ュリティ設定が可能な点にご注目ください。
本章の目標
-81-
給与明細の作成手順
4.2 テンプレートの新規作成
∼新しいテンプレートを開き、レイアウトを設定します。
4.3 データベースとの接続の作成
∼Dataset を配置し、Query Builder を起動して、クエリーを作成します。
4.4 データ表示部分の設定
∼Label コンポーネントを貼り合わせてデータ表示部を作成します。
4.5 タイトル、詳細情報の表示
∼帳票のタイトルと申請者の詳細情報を Label コンポーネントで表示します。
4.6 表組みの設定
∼Table コンポーネントと Label コンポーネントを組み合わせて表組みの表現を行います。
4.7 注意書き、会社のロゴの表示
∼Shape、Image コンポーネントを用いて、注意書き、会社のロゴを表示します。
4.8 セキュリティの設定
∼Document Security コンポーネントを利用して、パスワードなどのセキュリティを設定します。
4.2.
テンプレートの新規作成
OPRO X Designer を起動し、メニューバーから[ファイル]-[新規作成]をクリックします。
4.2.1 Layout の設定
New Template ダイアログで A5 Portrait（たて）の Layout を選択します。
A5 サイズを選択します。
Portrait を選択します。
OK をクリックします。
注意）Options の Show で New Template ダイアログにチェックがついていない場合は表示されません。
-82-
4.3.
データベースとの接続の設定
OPRO X Designer でクエリー作成やデータの表示を行うためには、OPRO X Server と対象データベースが接
続されている必要があります。詳細は第１章をご覧ください。
OPRO X Server とデータベースとの接続設定
本章の帳票作成では"payslip.mdb"ファイルをデータベースとして用います。OPRO X Server 側
で ODCAW.xml の<DATABASES>要素に以下の設定が必要です。
設定例）
<DATABASE>
<Name>payslip</Name>
<Type>Access</Type>
<URL>jdbc:odbc:payslip</URL>
<Driver>sun.jdbc.odbc.JdbcOdbcDriver</Driver>
<UserID/>
<Password/>
<Connections>3</Connections>
</DATABASE>
あらかじめ”payslip”という ODBC 接続を作成し、上記の設定を ODCAW.xml に追加して、
OPRO X Server を再起動します。
payslip.mdb の給与明細テーブルを
利用します。
-83-
4.3.1 Dataset の設定
Dataset コンポーネントを利用して、データベースとの接続の設定を行います。コンポーネントツー
ルバーの Data Access タブから、テンプレートに Dataset コンポーネントを配置します。
4.3.2 クエリーの作成
Query Builder の起動
テンプレート上に配置した Dataset をマウスでダブルクリックして、Query Builder を起動します。
OSMS 及び payslip データベースにログインします。
全てのフィールドの追加
給与明細テーブルをドラッグ&ドロップ（またはダブルクリック）し、テーブルウィンドウを開きます。
テーブルウィンドウが表示されたら、[全てのフィールドの追加]アイコンをクリックします。
Condition の設定
Query Builder のツールバーから[抽出条件の設定]アイコンをクリックし、Condition Builder を起
動します。以下の手順で条件式の作成を行います。
条件式の作成手順
①Table(s)/Fields から「通番」をダブルクリックして、Conditions に追加します。
②Functions/Operators から「=」をダブルクリックして、Conditions に追加します。
③Functions/Operators から{USERINPUT}をダブルクリックして、Conditions に追加します。
これで条件式の作成が終了しました。作成した条件式は Selection Criteria に追加されます。
OK ボタンをクリックして、Condition Builder を終了します。
Query Builder の終了
OK ボタンをクリックして、Query Builder を終了します。
4.4.
データ表示部分の設定
給与明細のような単票は、今回のように Label コンポーネントを整列して配置することで作成することができ
ます。この場合、たくさんの Label コンポーネントを、速く、正確に整列して配置することが必要となります。
ここでは、そのコツを含め、単票の作成方法をご説明します。
4.4.1 Label コンポーネントの配置(1)
まず、Label1 を編集エリア上に配置します。
-84-
Label1 の位置とサイズ
上位置 114
左位置 282
高さ
24
幅
252
Label1
4.4.2 Label コンポーネントの配置(2)
Label1 の下に 20 個の Label コンポーネント（Label2∼Label21）を、右辺を揃えて、縦に並べて配
置します。適当に配置してから、OPRO X Designer の機能で整列させます。
Label2 の配置
Label1 の下に Label2 を適当な大きさで配置し、プロパティエディタでサイズを変更します。
Label2 のサイズ
高さ
24
幅
96
Label2 のコピー
Label2 をコピーします。コピーするには以下の方法があります。
(1)Label2 をクリックして選択し、メニューバーから[編集]-[コピー]を実行します。
(2)Label2 をクリックして選択し、ファイル/編集ツールバーのコピーのアイコン
ックします。
(3)Label2 をクリックして選択し、[Ctrl]+[ｃ]キーを押下します
(4)Label2 を右クリックして、右クリックメニューからコピーを実行します。
-85-
をクリ
Label3∼21 の配置
コピーした Label2 を貼り付けして、Label3∼21 を配置します。
ペーストするのには貼り付けポインタを利用します。
ファイル/編集ツールバー、または右クリックメニューから貼り付けポインタを実行します。
貼り付けポインタを用いて Label3∼21 を配置します。
右クリックメニュー
貼り付けポインタ
でペーストして配
置します。
Label コンポーネントをコピーすると、Data の Value もコピーされますので、貼り付けを行った
Label3∼Label21 は、画面上では Label2 と表示されていますが、プロパティエディタを見ると、正し
く命名されていますので、問題ありません。
後で整列しますので、丁寧に並べて配置する必要はありませんが、あまり間を空けると20個配置で
きなくなりますので、注意が必要です。
一般的な貼り付けの方法（参考）
ここでは貼り付けポインタを利用しましたが、１個 1 個貼り付けていく
場合は、以下のような手順で行います。
・
メニューバーから[編集]-[貼り付け]を選択します。
・
右クリックメニューから[貼り付け]を選択します。
・
[Ctrl]+v キーを押下げします。
-86-
貼り付けポインタの活用（まとめ）
今回のように同じサイズの同一コンポーネントをたくさん配置するときには、「貼り付けポインタ」
を利用してペーストするのが便利です。
貼り付けポインタはファイル/編集ツールバー、または右クリックメニューから実行します。
☆ [Ctrl]+[Shift]+V
貼り付けポインタ
でも実行できます。
1) コピーしたいコンポーネントを選択して、メニューバーから[編集]-[コピー]を選択する。
（または右クリックメニューから[コピー]を選択する。）
2) ファイル/編集ツールバーの[貼り付けポインタ]アイコンをクリックする。
3) マウスカーソルがポインタ型に変形するので、貼り付けたいところをクリックする。
4) 貼り付けが終了したら、[Esc]キーで解除する。
ワンクリックで何度でも貼り付けられますし、慣れてくると、かなり正確に狙ったところに貼り付け
ることができます。
Label3∼22 の縦方向の位置修正
Label1 に揃える形で、Label2∼Label21 を縦方向に整列させます。
以下の手順で行います。
・磁石モードを実行する
・Snap をはずす
・整列の実行
磁石モードを実行する
編集エリアの下部にある磁石のアイコン
をクリックして、磁石モードにします。
磁石モード
磁石モードでは、あるコンポーネントを
ドラッグして、もうひとつのコンポーネン
トに近づけていくと、引き合って接触し
ます。
磁石モードは、上下左右、いずれの方
磁石モード
向のコンポーネントにも有効ですので、
目標のコンポーネントの方向にドラッグ
していくことが必要です。
-87-
Snap をはずす
磁石モードがうまく働くように、Grid の Snap をはずします。
ここでは、Snap をはずすのに、編集エリアの下部にある[グリッドに合わせる]アイコンをクリックし
ます。
クリックして
Snap
Snap をはずし
Snap を有効にすると、コンポー
ます。
ネント移動時に、配置位置を
Grid に自動的に合わせます。
このように表
示されると
Snap ははず
れています。
Label1∼22 の縦方向の整列
磁石モードを利用して、Label コンポーネントを整列させます。
Label2 をドラッグして Label1 に近づけていくと、Label1 の境界線の色が赤く変わります。そこでマ
ウスのボタンを離すと、Label2 が Label1 に引き寄せられるようにして接触します。
これが磁石モードの働きです。
磁石モードでは、ドラッグしていく方向によって、上下左右、いずれの方向のコンポーネントとも接触
させることができます。
ここでは Label2 から見た Label1 のように、上方向に配置されているコンポーネントに接触させるの
がねらいですので、必ず上方向にドラッグします。
Label3∼Label21 まで同様にして、上方向にドラッグして、縦方向に整列させます。
-88-
このように、縦方向に整列します。
後で右揃えして、整列さ
せますので、左右方向は
ずれていても問題ありま
せん。
Label1∼21 の横方向の整列
マウスをドラッグして Label1∼Label21 を選択します。
Label2 を右クリックして、右クリックメニューから[整列]-[右]を実行します。
右クリックメニュー
から[整列]-[右]
を実行します。
-89-
整列が実行されました。
磁石モードで縦方向
に接触させます。
[整列]の実行で横方
向を揃えます。
このようにきれいに
並べることができま
した。
整列を実行する際の注意点（重要）
整列を実行すると、現在アクティブなものを基準に整列されます。
基準となるコンポーネントは、クリックして切り替えることができます。
今回は Label2 を基準に整列させますので、Label2 が Active Component になっていない
ときには、マウスでクリックするなど、アクティブにしてから整列を実行します。
-90-
4.4.3 Label コンポーネントの配置(3)
Label22∼41 の配置
次に右から２列目に Label22∼41 を配置します。
まず、Label2∼21 をマウスでドラッグして選択状態にしてから、コピーします。
次に、メニューバーから[編集]-[貼り付け]を実行しすると、Label2∼41 と重なる形で、Label22∼
41 が貼り付けられます。
このとき、Data の Value もコピーされますので、画面上では Label2 と表示されていますが、問題は
ありません。
[Cｔｒｌ]ボタンを押したまま、選択状態の Label22∼41 の中心付近をクリックして、そのまま左方向に
ドラッグして移動します。
[Ctrl]+ドラッグ
[Ctrl]+ドラッグすると、
最初に動かした方向へ
のみ、コンポーネントを
移動させることができま
す。
移動したら、Label22 のサイズを変更します。
Label22 のサイズ
高さ
24
幅
156
-91-
Label22
サイズを揃える
Label22 と Label23∼41 のサイズを揃えます。
まず、マウスでドラッグして Label22∼41 を選択状態にします。Label22 を右クリックして、右クリック
メニューから[サイズを揃える]-[幅]を実行します。
-92-
このように幅を揃えることができます。
Label1 と Label21∼42 の整列
Label21∼41 の幅が揃ったら、Label1 と Label21∼41 を左揃えします。
マウスでドラッグして、Label1 と Label21∼41 を選択状態にします。
Label1 を右クリックして、右クリックメニューから[整列]-[左]を実行します。
左揃えを実行
します。
-93-
このように整列されました。
-94-
4.4.4 Label コンポーネントの配置(4)
Label42∼78 の配置
ここで、Label1 と Label2∼19、Label22∼39 をマウスでドラッグして選択します。
こ こ を 選択
します。
コピーして、メニューバーの[編集]、または右クリックメニューから[貼り付け]を実行します。
（[Ctrl]+v キー押下げでも[貼り付け]を実行できます。）
[貼り付け]を実行すると、このように Label1 及び Label2∼19、Label22∼39 と重なるような形で、
Label42∼78 が貼り付けられます。
重なって貼り付け
られています。
-95-
ここで、マウスをドラッグして Label42∼78 を選択状態にします。
[Cｔｒｌ]ボタンを押したまま、選択状態の Label42∼78 の中心付近をクリックして、そのまま左方向に
ドラッグして移動します。
[Ctrl]+ドラッグで左
方向に移動します。
Label42∼60 の整列
Label42 の位置を変更します。
Label42 の Location&Size
上位置
114
左位置
24
高さ
24
幅
252
マウスでドラッグして Label42 と Label43∼60 を選択状態にします。Label42 を右クリックして、
右クリックメニューから[整列]-[左]を実行します。
-96-
このように整列されます。
Label42 と Label43
∼60 が右揃えされま
した。
Label42 と Label61∼78 の整列
マウスでドラッグして、Label42 と Label61∼78 を選択状態にします。Label42 を右クリックして、
右クリックメニューから[整列]-[左]を実行します。
このように揃いました。
-97-
Label62∼65 の幅の変更
Label62∼65 の幅を一つ一つ変更するのでは大変なので、一括で変換するよう作業を行います。
複数のコンポーネントに対して同一の設定を行う場合、プロパティエディタの Target Component(s)
を利用して、設定を行います。
マウスでドラッグして Label62∼65 を選択にします。
プロパティエディタで Target Component(s)タブをクリックし、General プロパティの Location&Size
を変更して、幅を 108 に変更します。
マウスでドラッグ
マウスでドラッグして、
Label62∼65 を選択
プロパティエディタを選
択
Target Component(s)
タブをクリック
幅を 108 に
設定
幅を変更するとこのようになります。
このように左方向に
揃ってしまいます。
-98-
Label61 と Label62∼65 の整列
Label62∼65 に右揃えを実行します。
マウスでドラッグして、Label61 と Label62∼65 を選択します。
Label61 を右クリックして、右クリックメニューから[整列]-[右]を実行します。
Label61 と Label62∼65
が右揃えされました。
Label66、67、69∼77 の幅の変更
Label66、67、69∼77 を選択します。
プロパティエディタで Target Component(s)タブをクリックし、General プロパティの Location&Size
を変更して、幅を 132 に変更します。
幅を変更すると、こ
のように左方向に揃
います。
-99-
Label66、67、69∼77 の整列
マウスでドラッグして、Label66∼78 を選択します。
Label68 を[Shift]+クリックして、選択を解除します。
Label78 を右クリックして、右クリックメニューから[整列]-[右]を実行します。
このように、右揃えされ
ます。
4.4.5 Label コンポーネントの配置(5)
Label79、80、81、82 を配置します。
ラベルコンポーネントの位置とサイズ
Label79
上位置
162
左位置
48
高さ
96
幅
24
Label80
上位置
162
左位置
24
高さ
144
幅
24
-100-
Label81
上位置
330
左位置
24
高さ
144
幅
24
Label82
上位置
474
左位置
24
高さ
72
幅
24
Label82 まで貼り終わったところです。
-101-
コンポーネントをきれいに整列して、配置するコツのまとめ（重要）
1)[整列]の利用
メニューバーから、[編集]-[整列]とポイントして、オプションを選択することで、
選択した２つ以上のコンポーネントの位置を揃えることができます。
選択できるオプション
・左
・右
・上
・下
・水直の中心
・水平の中心
注意）このとき、現在アクティブなものを基準に整列されます。基準となるコンポーネントを切
り替えたいときは、クリックして切り替えることができます。
2)[Ctrl]+ [←] [→] [↑][↓]キーの利用
対象となるコンポーネントをクリックして選択し、[Ctrl]+ [←] [→] [↑][↓]キ
ーで移動することができます。矢印キーの方向に少しずつ移動することができま
すので、微調整をするには、とても役に立つ機能です。
以上の機能を利用することで、直感的に、コンポーネントをきれいに整列して、配
置することができます。
3)サイズを揃える
複数のコンポーネントを選択して、大きさを揃えることができます。
1) 対象のコンポーネントを[Shift]+クリック、またはマウスでドラッグして選択し
ます。
注意）このとき、現在アクティブなものを基準に大きさが揃えられます。基準となるコンポー
ネントを切り替えたいときは、クリックして切り替えることができます。
2) メニューバーから[編集]-[サイズを揃える]を実行します。
選べるオプションは以下の３つです。
・幅
・高さ
・両方向
たくさんのコンポーネントを配置する際には役に立つテクニックなので、併せて覚
えておきましょう。
-102-
4.4.6 不要部分の削除
Label18、21、38、41（下図で赤色のもの）は、全体の配列を整えやすいように配置したものなので、こ
こで削除します。
これで、給与明細の主要部分のレイアウトが終わりました。
-103-
4.4.7 Label コンポーネントの設定
配置した各 Label コンポーネントに対して設定を行います。
Label1∼Label82 までの各Label コンポーネントのプロパティ一覧を巻末の Appendix に掲載しまし
た。
こちらを見て設定を行って頂く必要がありますが、ひとつひとつ設定していくのでは、大変ですので、
OPRO X Designer の機能を生かして、できるだけ一括で設定を行っていきます。
Label コンポーネントの一括設定
設定を行う Label コンポーネントがたくさんありますので、プロパティエディタ の Target
Component(s)を利用して、一括で設定を行います。
・General プロパティの Frame を設定して、枠線を表示する。
・Font プロパティの Appearance で フォントを MS ゴシックの Size 10 ポイントにする。
配置した Label コンポーネントの左上から、右下へドラッグします。
全ての Label コンポーネントが選択状態になったら、プロパティエディタの Target Component(s)タ
ブをクリックします。
Label コンポーネントの枠線の表示設定
Target Component(s)の General プロパティで、下図のように、①②③④の順にクリックします。
①
②
③
④
-104-
枠線が黒くなり、枠線が表示されるよう設定されたことがわかります。
併せて、Font プロパティで Size 10 ポイントに変更します。
Label1∼Label82 までの全ての Label コンポーネントに設定が反映されました。
-105-
color の設定
同様にして、今度は、以下の赤枠で囲んであるコンポーネントに対して、Color を水色に変更しま
す。
Color を変更するコンポーネント
Label1、Label2、Label9、Label16、Label21、Label22、Label29、Label36、Label41、Label42、
Label43、Label50、Label60、Label61、Label68、Label78、Label79、Label80、Label81、Label82
-106-
対象のコンポーネントを、[Shift]+クリックして選択状態にします。
Target Component(s)の実行
プ ロ パ テ ィ エ デ ィ タ の Target
Component(s)タブをクリックします。
カスタムプロパティの[Color]ドロップ
ダウンで水色を選択して変更します。
-107-
Label コンポーネントの Color が変更されました。
今回のように多数の Label コンポーネントを用いて単票を作成する場合は、Target Component(s)
を活用すると、効率よく設定を行うことができます。
Target Component(s)では、Data プロパティ以外の設定項目は、すべて一括で設定することができ
ます。
Layout プロパティの変更なども Target Component(s)を利用して、一括で設定することができます。
章末に各 Label コンポーネントのプロパティ一覧を掲載しますので、それを見て実行してください。
-108-
4.4.7 Data プロパティの変更
Data プロパティは Target Component(s)を用いて一括で変更できないので、ひとつひとつ設定して
いく必要があります。
章末に各Labelコンポーネントのプロパティ一覧を掲載しますので、そちらのDataプロパティの項を
見て設定を行ってください。
全ての項目を設定すると、以下のようになります。
-109-
4.5.
タイトル、詳細表示の設定
次にタイトルを設定します。Label コンポーネントを利用します。
4.5.1 タイトルの表示
Label コンポーネント（Label83）を配置して、設定を行います。
Label83 の設定
General 上位置 30
左位置 170
Font
高さ
30
幅
200
MS ゴシック 16 ポイント
Bold
Layout 中央
Data
Type
Static
Value
給与支給明細書
-110-
設定すると、以下のようになります。
4.5.2 詳細の表示
Label84∼89 を配置します。
Label84 の設定
General
位置
66
左位置 24
高さ
18
幅
144
Data
Type
Database
Dataset
Dataset1
Field
年月
-111-
Label85 の設定
General
上位置 84
左位置 24
Data
高さ
18
幅
66
Type
Static
Value
社員番号 :
Label86 の設定
General
上位置 84
左位置 90
高さ
18
幅
78
Data
Type
Database
Field
社員番号
Label87 の設定
General
上位置 66
左位置 174
Data
高さ
18
幅
144
Type
Static
Value
日本オプロ株式会社
Label88 の設定
General
上位置 84
左位置 174
Data
高さ
18
幅
42
Type
Static
Value
氏名 :
Label89 の設定
General
上位置 84
左位置 216
高さ
18
幅
102
Data
Type
Database
Dataset
Dataset1
-112-
Field
氏名
設定すると、以下のようになります。
Label90、91 を配置して、設定を行います。
Label90 の設定
General
上位置 60
左位置 378
高さ
18
幅
156
枠線表示
Custom
Color
水色
Label91 の設 定
General
上位置 84
左位置 378
高さ
18
幅
156
線表示
-113-
このようになります。
Label92、93、94、95 の設定を行います。
Label92 の設定
General
Label93 の設定
上位置 61
General
上位置 61
左位置 384
左位置 461
高さ
16
高さ
16
幅
66
幅
66
透過
透過
Custom
Layout 中央
Custom
Layout 中央
Data
type
static
Data
type
Value
残業時間
Value
深夜時間
-114-
static
Label94 の設定
General
Label95 の設定
上位置 85
General
上位置 85
左位置 384
左位置 461
高さ
16
高さ
16
幅
66
幅
66
Custom
Layout 中央右
Data
type
Dataset
Dataset1
Value
Custom
Database
残業時間
Layout 中央右
Data
type
Database
Dataset
Dataset1
Value 深夜時間
設定を行うと、このようになります。
-115-
4.6.
表組みによる表現
Table コンポーネントと Label コンポーネントを組み合わせて用いることで、表組みによる表現が可能です。
給与明細に Table コンポーネントを設定することで、振込先の金融機関の情報を表示します。
4.6.1 Table コンポーネントの配置
Table コンポーネントは表形式で表現することができるコンポーネントです。
コンポーネントツールバーの Standard タブから Table コンポーネントを配置します
Table
ここに配置します。
4.6.2 Table コンポーネントの設定
General プロパティ
Location&Size
上位置 642
左位置 24
-116-
高さ
78
幅
510
Rule
Rule
格子状を選択します。
Custom プロパティ
Custom
Band Count
3
Column Count
3
テンプレートエクスプローラ等から Band1、Band2、Band3 を選択し、プロパティエディタで高さを 24 に
セットします。
プロパティエディタで Column1∼3 の幅を設定します。[Alt]+クリックで選択して、設定します。
幅
Column1
Column2
Column3
72
300
138
このようになります。
-117-
Label コンポーネントの配置
Table コンポーネントに Label コンポーネント Label96∼100 を配置します。
Label96 の設定
General
上位置 0
左位置 0
Font
高さ
22
幅
296
Name
MS ゴシック
Size
10（ポイント）
Custom
Layout 中央
Data
type
Value
金融機関名・支店名
static
Label97 の設定
General
上位置 0
左位置 0
高さ
22
幅
136
Font
MS ゴシック 10 ポイント
Custom
Layout 中央
Data
type
static
Value
振込金額
Label98 の設定
General
上位置 0
左位置 0
高さ
22
幅
70
Font
MS ゴシック 10 ポイント
Custom
Layout 中央
Data
type
static
-118-
Value
第 1 口座
Label99 の設定
General
上位置 0
左位置 0
高さ
22
幅
296
Font
MS ゴシック 10 ポイント
Custom
Layout 中央左
Data
type
static
Value
オプロ銀行 西五反田支店
Label100 の設定
General
上位置 0
左位置 0
高さ
22
幅
136
Custom
Layout 中央右
Data
type
Database
Dataset Dataset1
Field
振込金額
Format ¥#,###
設定が完了すると、以下のようになります。
-119-
4.6.3 Line コンポーネント
表組みで使わないカラムに斜線を引きます。Line コンポーネントを利用します。
コンポーネントツールバーの Standard タブから Line コンポーネントを配置します。
Line
ここに配置
します。
今回は Table コンポーネントの Column１に左上から右下へ、斜線を引きます。
Culumn1 の左上の角をクリックしてから、右下の角までマウスをドラッグします。
Column1
プロパティエディタで、位置とサイズの情報を設定します。
-120-
Line コンポーネントの設定
General プロパティ
Location＆Size
上位置 642
左位置 24
高さ
25
幅
73
Appearance
Transparent（コンポーネントの
透かし）にチェックを入れます。
Custom プロパティ
今回は初期値のまま変更しません。
このように斜線が引かれます。
Line コンポーネント
-121-
Reverse Inclination
Reverse Inclination のチェックを入れ
たりはずしたりすると、Line コンポーネ
ントの傾きが逆になります。
Reverse Inclination
Reverse Inclination
Reverse Inclination
チェックなし
チェックあり
-122-
4.7.
注意書きの表示
注意書きを書く欄を作成するために、Shape コンポーネントを配置します。
4.7.1 Shape コンポーネントの配置
Shape コンポーネントは四角や楕円などの図形を表示することができます。
Shape コンポーネントを配置し、その上に Label コンポーネント Label101 を配置します。
まず、コンポーネントツールバーの Standard タブから Shape コンポーネントを配置します。
Shape
ここに配置します。
-123-
4.7.2 Shape コンポーネントの設定
General プロパティ
General
上位置 726
左位置 24
高さ
48
幅
426
Custom プロパティ
Custom
Shape
RoundRect
今回は、他の値は初期値
のまま変更しません。
-124-
続いて、Shape コンポーネントの上に Label コンポーネント Label101 を配置します。
Label101 の設定
General プロパティ
上位置 728
左位置 38
高さ
44
幅
395
Font プロパティ
Size10（ポイント）
Custom プロパティ
Style
Word wrap
Data プロパティ
Type
Static
Value
※振込先を変更する場合は、変更希望月の 10 日までに管理部に
書類を提出してください。
設定が済むと、以下のようになります。
-125-
4.8.
会社のロゴの表示
会社のロゴを表示するために、Image コンポーネントを利用します。Image コンポーネントは図を表示するた
めに用いられます。
4.8.1 Image コンポーネントの設定
コンポーネントツールバーの Standard タブから Image コンポーネントを配置します。
Image
ここに配置します。
4.8.2 Image コンポーネントの設定
General プロパティ
Location&Size
上位置 726
左位置 456
-126-
高さ
46
幅
80
Custom プロパティ
今回は初期値のままで、
変更は行いません。
Data プロパティ
Type
Static を設定します。
Value
[File]をクリックして logo.png を読み込
みます。
File
ローカルの画像を埋め込みます。
URL
URL で指定した画像を埋め込みます。
Acquire スキャナから取り込んだ画像を埋め込
みます。
今回は以下のような画像をテンプレートに埋め込みました。
Logo.png
OPRO X Server で扱える画像ファイル→JPG、BMP、PNG
※GIF ファイルに対しては、別途ライセンスにてご対応致します。
-127-
設定を行うと、以下のようになります。
Image コンポーネント
-128-
4.9.
セキュリティの設定
給与明細を電子化する際には、実施にあたって、以下のような不安がつきまとうのではないでしょうか。
・情報が第三者に漏れるのではないか？
・情報が改ざんされるのではないか？
実際に運用に用いるのには、これらの不安を解消しなければなりません。
そのために用いられるのが、Document Security コンポーネントです。
4.9.1 Document Security の機能
Document Security コンポーネントを用いて、ドキュメントをパスワードで暗号化し、以下のようなセ
キュリティを設定することができます。
・表示の可否
・印刷の可否
・編集の可否
・内容のコピー・抽出の可否
制限の内容は、Permissions プロパティで設定します。
パスワードは二段階になっていて、ドキュメントを表示するためのパスワード（User Password）と、
セキュリティを変更する権限のためのパスワード（Master Password）があります。
Master Password は、テンプレートに埋め込む方法でのみ設定できます。
User Password は、Typeの選択により、以下の３通りの方法で設定することができます。
1) Static
テンプレートにパスワードを埋め込んでおく
2) Request
リクエスト送信時にパスワードを決定する
3) Database
データベースのデータをパスワードとして利用する
今回は Request を選択します。
-129-
4.9.2 Document Security コンポーネントの配置
コンポーネントツールバーの Additional タブから Document Security コンポーネントを配置しま
す。
Document Security
ここに配置します。
※配置する場所が Document Security コンポーネントの動作に影響を及ぼすことはありません。
4.9.3 Document Security コンポーネントの設定
General プロパティ
今回は設定の変更は行いません。
-130-
Permissions プロパティ
128 ビットの暗号レベルを使用します。
アクセシビリティ機能を有効にします。
内容のコピー及び抽出を不可にします。
内容の変更を不可にします。
印刷を不可にします。
Password プロパティ
今回は Master Password は設定しま
せん。
リクエスト送信時に User Password を
設定します。
パスワードを受け取るパラメタ名を指
定します。
※
アクセシビリティ機能は、視覚障害や運動障害など身体に障害のある方が、簡単に Adobe PDF 文書の
情報やコントロールにアクセスできるようにするツールおよびリソースです。
-131-
40-bit RC4 の場合（参考）
今回は 128-bit RC4 を用いて設定を行いましたが、40-bit RC4 を用いることもで
きます。その場合の設定は以下のようになります。
①
②
③
④
①印刷不可（No Printing）
②情報の改変不可(No Changing the Documents)
③内容のコピー、抽出不可
(No Content Copying or Extraction, Disable Accessibility)
④フォームへのコメントの追加・変更不可
(No Adding or Changing Comments and Form Fields)
ここまでで、テンプレートの作成は終了です。完成したテンプレートは以下のようになります。
-132-
4.10.
サンプル HTML からの出力
4.10.1 サンプル HTML の実行
サンプル HTML に Dataset1 の抽出条件（{USERINPUT}）の値とパスワードを入れて実行します。
ここでは、例として{USERINPUT}の値に 1 を入れてみます。
注意）サンプル HTML から実行する場合、テンプレートが IN_FILE パスに保存されていることが必要です。
IN_FILE パスは ODCAW.ｘｍｌファイルに設定されています。
4.10.2 パスワードの入力
OPRO X Browser（または Adobe Reader 等）が起動して、パスワードを入力するよう求められます。
フォームに入力したパスワード
を入力します。
[OK]ボタンをクリックします。
パスワードを正しく入力すると、OPRO X Browser（または Adobe Reader 等）に給与明細が表示されま
す。
完 成 例
-133-
本章の目標はセキュリティが高く、美しい帳票を作成することでした。
上記のように、表示されましたでしょうか。
それでは、これより後は「給与明細 Label1∼82 プロパティ一覧」を掲載致します。
こちらでプロパティの値を確認しながら、作業を行ってください。
4.11.
Appendix
給与明細 Label1∼82 プロパティ一覧
コンポーネント名
General
Font
Custom
Data
Layout 中央
Type Static
Color 水色
Value 控除
Appearance
Frame
Label1
Size 10
枠線表示
Bold
Frame
Appearance
Layout 中央右
Type Static
枠線表示
Size 10
Color 水色
Value 金額
Label2
Type Database
Frame
Appearance
Label3
Dataset Dataset1
Layout 中央左
枠線表示
Size 10
Field 健康保険料
Format ¥#,###
Type Database
Frame
Appearance
Label4
Dataset Dataset1
Layout 中央左
枠線表示
Size 10
Field 厚生年金保険料
Format ¥#,###
Type Database
Frame
Appearance
Label5
Dataset Dataset1
Layout 中央左
枠線表示
Field 雇用保険料
Size 10
Format ¥#,###
Frame
Appearance
Label6
Type Static
Layout 中央左
枠線表示
Size 10
-134-
Value （なし）
Frame
Appearance
Label7
枠線表示
Size 10
Frame
Appearance
Label8
Label9
Type Static
Layout 中央左
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Layout 中央左
Type Database
枠線表示
Size 10
Color 水色
Dataset Dataset1
Value （なし）
Field 法廷控除額
Format ¥#,###
Label10
Frame
Appearance
枠線表示
Size 10
Layout 中央左
Type Database
Dataset Dataset1
Field 団体生命保険料
Format ¥#,###
Label11
Frame
Appearance
枠線表示
Size 10
Layout 中央左
Type Database
Dataset Dataset1
Field 職域生命保険料
Format ¥#,###
Label12
Label13
Label14
Label15
Label16
Frame
Appearance
Layout 中央左
Type Static
枠線表示
Size 10
Frame
Appearance
枠線表示
Size 10
Frame
Appearance
枠線表示
Size 10
Frame
Appearance
枠線表示
Size 10
Frame
Appearance
Layout 中央左
Type Database
枠線表示
Size 10
Color 水色
Dataset Dataset1
Value （なし）
Layout 中央左
Type Static
Value （なし）
Layout 中央左
Type Static
Value （なし）
Layout 中央左
Type Static
Value （なし）
Field 控除合計
Format ¥#,###
Label18
Frame
Appearance
枠線表示
Size 10
Layout 中央左
Type Database
Dataset Dataset1
Field 課税対象額
Format ¥#,###
Label19
Frame
Appearance
枠線表示
Size 10
Layout 中央左
Type Database
Dataset Dataset1
Field 扶養人数
-135-
Format ¥#,###
Label21
Frame
Appearance
枠線表示
Size 10
Layout 中央左
Type Database
Dataset Dataset1
Field 支給金額
Format ¥#,###
Label22
Label23
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value 項目
Frame
Appearance
Layout 中央左
Type Static
枠線表示
Size 10
Frame
Appearance
Label24
Value 健康保険料
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label25
Value 厚生年金保険
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label26
Value 雇用保険料
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label27
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label28
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Value （なし）
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value 法廷控除額
Frame
Appearance
Label29
Label30
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label31
Value 団体生命保険料
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label32
Value 職域生命保険料
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label33
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label34
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label35
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label36
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label38
Value 控除合計
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label39
Value 課税対象額
Type Static
Layout 中央左
枠線表示
Size 10
-136-
Value 扶養人数
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value 支払金額
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value 支給
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value 金額
Frame
Appearance
Label41
Label42
Label43
Label44
Type Static
Layout 中央右
枠線表示
Size 10
Frame
Appearance
Label45
Value （なし）
Type Static
Layout 中央右
枠線表示
Size 10
Frame
Appearance
Label46
Value （なし）
Type Static
Layout 中央右
枠線表示
Size 10
Frame
Appearance
Label47
Value 基準外
Type Static
Layout 中央右
枠線表示
Size 10
Value 基準外
Type Database
Frame
Dataset Dataset1
Appearance
Label48
Layout 中央右
枠線表示
Size 10
Field 資格給
Format ¥#,###
Type Database
Frame
Appearance
Label49
Dataset Dataset1
Layout 中央右
枠線表示
Size 10
Field 加給
Format ¥#,###
Type Database
Frame
Appearance
Layout 中央右
Dataset Dataset1
枠線表示
Size 10
Color 水色
Field 基準内賃金計
Label50
Format ¥#,###
Type Database
Frame
Appearance
Label51
Dataset Dataset1
Layout 中央右
枠線表示
Field 基準外賃金１
Size 10
Format ¥#,###
Type Database
Frame
Appearance
Label52
Dataset Dataset1
Layout 中央右
枠線表示
Field 基準外賃金２
Size 10
Format ¥#,###
Frame
Appearance
Label53
枠線表示
Size 10
Frame
Appearance
Label54
Label55
Type Static
Layout 中央右
Value （なし）
Type Static
Layout 中央右
枠線表示
Size 10
Frame
Appearance
-137-
Value （なし）
Layout 中央右
Type Static
枠線表示
Size 10
Frame
Appearance
Label56
Value （なし）
Type Static
Layout 中央右
枠線表示
Size 10
Value （なし）
Type Database
Frame
Dataset Dataset1
Appearance
Label57
Layout 中央右
枠線表示
Size 10
Field その他１
Format ¥#,###
Frame
Appearance
Label58
Type Static
Layout 中央右
枠線表示
Size 10
Frame
Appearance
Label59
Value （なし）
Type Static
Layout 中央右
枠線表示
Size 10
Value （なし）
Type Database
Frame
Dataset Dataset1
Appearance
Label60
Layout 中央右
枠線表示
Size 10
Field 総支給額
Format ¥#,###
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value 項目
Frame
Appearance
Label61
Label62
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label63
Value 基本給
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label64
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label65
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label66
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label67
Value 資格給
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label68
Value 加給
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label69
Value 基準内賃金計
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label70
Value 基準外賃金１
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label71
Value 基準外賃金 2
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label72
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
-138-
Value （なし）
Frame
Appearance
Label73
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label74
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label75
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label76
Value その他 1
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Label77
Value （なし）
Type Static
Layout 中央左
枠線表示
Size 10
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value 総支給額
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value 基本給
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value 基準内
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value 基準外
Frame
Appearance
Layout 中央
Type Static
枠線表示
Size 10
Color 水色
Value その他
Value （なし）
Label78
Label79
Label80
Label81
Label82
これで第４章を終わります。
続編にもご期待ください。
-139-
巻末資料 使用データ一覧
●sample.mdb
社員マスタ
部署マスタ
-140-
●goods.mdb
shouhin_List
-141-
●payslip.mdb
給与明細テーブル
-142-