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>要素の設定..............................................................91.3.3 OPRO X Server の再起動 .......................................................10
OPRO X Server 停止方法 ...........................................................10
OPRO X Server 起動方法 ...........................................................11
1.4.

OPRO X Designer 起動と初期設定方法............................................121.4.1 OPRO X Designer の起動 .......................................................121.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.

テンプレートの新規作成........................................................172.2.1 テンプレートの新規作成 ........................................................172.2.2 Layout の設定 ...............................................................18
2.2.3 編集エリア ...................................................................19
テンプレートエクスプローラとプロパティエディタ .........................................19
2.3.

データベースとの接続の設定 ...................................................20

2.3.1 Dataset の設定 ...............................................................212.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.

データ表示部分の設定.........................................................312.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.

タイトル表示の設定 ...........................................................422.5.1 Label コンポーネントの配置 .....................................................422.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 内 で定義されたデータ
ベ ース接続が表示されます。

最 後 に ODCSStarted と表示されれば、起動は
完了です。

‑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 に追加して、OPROX 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‑

テーブルの結合
社員マスタと部署マスタ、２つのテーブルに共通した項目「部署番号」
をキーに両者を結合します。
社員マスタの部署番号をマウスでクリックして、部署マスタの部署番号までドラッグ＆ドロップします。
両者が線でつながれて、結合されたことが示されます。

フィールドの選択

検索対象となるフィールドを選択して、クエリフィールドリ
ストに追加します。
ここでは、「全てのフィールドの追加」を実行します。

フィールドの追加

クエリフィールドリストに社員
マスタ、部署マスタの全てのフ ィールドが追加されまし
た。

‑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

Label8Label10

Label1

Label3

Label5Label7

Label9Label1〜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、直接印刷には、それぞれの機能に対応したライ
センスが必要です。

FormatPDF、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

Label5Label6

ここで 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 の設定例

Label8Label9Label10

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 プロパティTypestatic

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 プロパティ
LayoutLayout の中央をチェックします。

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
左位置 30

Font

高さ

30

幅

200

MS ゴシック 16 ポイント
Bold

Layout 中央
Data

Type

StaticValue

給与支給明細書‑110‑設定すると、以下のようになります。

4.5.2 詳細の表示
Label84〜89 を配置します。

Label84 の設定
General

位置66

左位置 24
高さ

18

幅

144

Data

Type

Database

DatasetDataset1

Field

年月

‑111‑

Label85 の設定
General上位置 84
左位置 24

Data

高さ

18

幅

66

Type

StaticValue

社員番号 :

Label86 の設定
General上位置 84
左位置 90
高さ

18

幅

78

Data

Type

Database

Field

社員番号

Label87 の設定
General上位置 66
左位置 174

Data

高さ

18

幅

144

Type

StaticValue

日本オプロ株式会社Label88 の設定
General上位置 84
左位置 174

Data

高さ

18

幅

42

Type

Static

Value

氏名 :

Label89 の設定
General上位置 84
左位置 216
高さ

18

幅

102

Data

Type

Database

DatasetDataset1‑112‑

Field

氏名設定すると、以下のようになります。

Label90、91 を配置して、設定を行います。
Label90 の設定
General上位置 60
左位置 378
高さ

18

幅

156

枠線表示
CustomColor

水色

Label91 の設 定
General上位置 84
左位置 378
高さ

18

幅

156

線表示

‑113‑

このようになります。

Label92、93、94、95 の設定を行います。

Label92 の設定
General上位置 61
左位置 384
高さ

16

幅

66

transparent
CustomLayout 中央

Data

type

static

Value

残業時間

‑114‑

Label95 の設定
General上位置 85
左位置 461
高さ

16

幅

66

CustomLayout 中央右

Data

type

DatasetDataset1
Value

Database
深夜時間設定を行うと、このようになります。

‑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 プロパティ
CustomBand Count

3

Column Count3

テンプレートエクスプローラ等から 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 ゴシックSize10（ポイント）

CustomLayout 中央

Data

type

Value

金融機関名・支店名

staticLabel97 の設定
General

上位置 0
左位置 0
高さ

22

幅

136

Font

MS ゴシック 10 ポイント

CustomLayout 中央

Data

type

static

Value

振込金額

Label98 の設定
General

上位置 0
左位置 0
高さ

22

幅

70

Font

MS ゴシック 10 ポイント

CustomLayout 中央

Data

type

static‑118‑

Value

第 1 口座Label99 の設定
General

上位置 0
左位置 0
高さ

22

幅

296

Font

MS ゴシック 10 ポイント

CustomLayout 中央左

Data

type

staticValue

オプロ銀行 西五反田支店

Label100 の設定
General

上位置 0
左位置 0
高さ

22

幅

136

CustomLayout 中央右

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 プロパティ

CustomShapeRoundRect

今回は、他の値は初期値のまま変更しません。

‑124‑

続いて、Shape コンポーネントの上に Label コンポーネント Label101 を配置します。
Label101 の設定
General プロパティ
上位置 728
左位置 38
高さ

44

幅

395

Font プロパティ
Size10（ポイント）
Custom プロパティ
Style

Word wrap

Data プロパティ
Type

StaticValue※振込先を変更する場合は、変更希望月の 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 プロパティ一覧
コンポーネント名

GeneralFont

CustomData

Layout 中央

Type Static

Color 水色

Value 控除

Appearance
Frame
Size 10

Label1
枠線表示

Bold

Frame

Appearance

Layout 中央右Type Static

枠線表示

Size 10

Color 水色

Value 金額

Label2Type 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 中央左

枠線表示

Size 10

Field 雇用保険料
Format ¥#,###

Frame

Appearance

Label6

Type Static
Layout 中央左

枠線表示

Size 10‑134‑

Value （なし）FrameAppearance

Label7
枠線表示

Size 10

Frame

Appearance

Label8Label9Type Static
Layout 中央左Value （なし）Type Static
Layout 中央左

枠線表示

Size 10

Value （なし）

Frame

Appearance

Layout 中央左Type Database

枠線表示

Size 10

Color 水色

Dataset Dataset1
Field 法廷控除額
Format ¥#,###

Label10

Frame

Appearance

枠線表示

Size 10Layout 中央左Type Database
Dataset Dataset1
Field 団体生命保険料
Format ¥#,###

Label11

Frame

Appearance

枠線表示

Size 10Layout 中央左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 10Layout 中央左Type Database
Dataset Dataset1
Field 課税対象額
Format ¥#,###

Label19

Frame

Appearance

枠線表示

Size 10Layout 中央左Type Database
Dataset Dataset1
Field 扶養人数

‑135‑

Format ¥#,###
Label21

Frame

Appearance

枠線表示

Size 10Layout 中央左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 扶養人数

FrameAppearance

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

Appearance

Label48

Dataset Dataset1
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 中央右枠線表示

Size 10

Field 基準外賃金１
Format ¥#,###
Type Database

Frame

Appearance

Label52

Dataset Dataset1
Layout 中央右枠線表示

Size 10

Field 基準外賃金２
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

Appearance

Label57

Dataset Dataset1
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

Appearance

Label60

Dataset Dataset1
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 基準外賃金 2Type Static
Layout 中央左

枠線表示

Size 10

Frame

Appearance

Label72

Value （なし）Type Static
Layout 中央左

枠線表示

Size 10‑138‑

Value （なし）FrameAppearance

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

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 基準外

Frame

Appearance

Layout 中央

Type Static

枠線表示

Size 10

Color 水色

Value その他

Label78

Label79

Label80

Label81Label82

これで第４章を終わります。
続編にもご期待ください。

‑139‑

巻末資料 使用データ一覧●sample.mdb

社員マスタ

部署マスタ

‑140‑

●goods.mdb

shouhin̲List‑141‑

●payslip.mdb

給与明細テーブル‑142‑