画面共通モジュール

Web

ベースでの

GUI

開発でよく利用される画面部品のモジュールです。それぞれのモジュールに適当なプロパティを設定して呼び出すだけで、データベースと連動したユーザインタフェースを簡単に作成できます。



提供される画面共通モジュールの例

一般的な入力コントロール群ユーザインタフェース構築に必要となる一般的な入力コントロール（テキストフィールド、パスワードボックス、ラジオボタン、チェックボックス、テキストエリアなど）を用意しています。これらのコントロール郡は、サーバサイドのスクリプトやデータと連動が可能なコントロールとなります。

レイアウト制御モジュール群さまざまな条件により表示すべき値を変化させたり、表示する内容を選択したりするなど、ＨＴＭＬでは表現できないプログラム的な要素をプレゼンテーション・ページ内に定義することができます。



構築された

Web

ユーザインタフェースの例

前述のオブジェクト／関数群を利用して

HTML

上で編集していくことで、細かなレベルのユーザインタフェースの構築が可能になり、従来の

VisualBasic

などによるユーザインタフェースと遜色がないスタイルの

Web

システムの構築が可能です。

画面の作成例は以下のようになっています。

<画面の作成例>

3.1.1 画面デザイン共通モジュール

<IMART>タグには、画面共通モジュールの他に、画面デザイン共通モジュールがあり、主に表示系に特化した

タグ群が用意されています。

ここでは、例として、ImTitleBar タグを使ったサンプルを示します。ImTitleBar タグは、タイトルバーを自動生成します。

＜サンプル＞

<HTML>

<HEAD>

</HEAD>

<BODY>

<IMART type="imTitleBar"

title="新規登録"

icon="images/standard/title.gif">

</IMART>

</BODY>

</HTML>

<実行画面>

この他にも、様々な画面デザイン共通モジュールが用意されています。詳細については

API

をご覧になってくだ

さい。

作成者：株式会社 NTT データイントラマート

Page 25

3.1.2 標準画面の作り方（共通画面デザイン）

以下のドキュメントが用意されています。



画面デザインガイドライン



スタイルシート仕様書

画面デザインガイドラインに準じた

API

も用意されています。

API

仕様は、画面デザインガイドラインのドキュメントに掲載されています。

これを参考に、共通化

API

を利用して画面を作成することにより、製品標準の画面と同様の画面デザインでアプリケーション開発ができます。デザインが共通化されると、他の画面と見た目や操作性が統一され、メニューから呼び出されたときに利用者が違和感無くアプリケーションを操作できるなどのメリットがありますので、アプリケーション開発の際には、デザイン統一の方法としてこのガイドラインの利用を検討してください。

※

intra-mart WebPlatform/AppFramework

の持つ各画面ソースは、そのほとんどがプレーンな状態でインストー

ルされています。画面デザインガイドラインの適用方法や、ＡＰＩの使用例としてご活用ください。

ドキュメント内 intra-mart WebPlatform/AppFramework (ページ 31-34)