「画面規約サンプル」の編集履歴(バックアップ)一覧はこちら
画面規約サンプル - (2009/08/13 (木) 00:34:22) の1つ前との変更点
追加された行は緑色になります。
削除された行は赤色になります。
このwikiのメインではないのでここは非常にシンプルに書いておきます。
&bold(){(ただいま作成中です。)}&italic(){}
**画面種類
画面には大きく下記の5種類を定める。
①業務画面
⇒ユーザーが業務を行う中心となる画面。
②入力支援ダイアログ
⇒業務画面への入力を支援する画面。
(商品コードを検索して、業務画面のテキストボックスに埋めたりする画面)
③確認ダイアログ
⇒ポップアップして「はい」「いいえ」を選択させる。
④エラー通知ダイアログ
⇒ポップアップしてエラーを通知する。
⑤メッセージ通知ダイアログ
⇒ポップアップしてエラー以外の情報を通知する。
⑥その他固有画面(ログイン画面、メニュー画面など)
**画面毎のデザイン
文字フォント、配色等は、画面種類毎に定められた標準に従い個別画面でのカスタマイズは不可とする。
①業務画面
⇒画面ID、画面名、システム日付、ユーザー名をヘッダーに表示。
⇒フッター部分にボタンを配置。
⇒ブラウザのサイズ変更は可能だが、レイアウトが崩れないことは保障しない。
⇒アドレスバー、ブラウザメニュなどブラウザ標準機能は非表示。
⇒フォントXX、背景色。。。(後で決めます。今は細かく書かない)
**画面遷移
・業務画面表示までの流れ
ログイン画面でログインボタンクリック
==(同一ウィンドウ内で遷移)=⇒メニュー画面表示
メニュー画面で機能名をクリック
==(別ウィンドウをポップアップ)=⇒業務画面表示
※メニュー画面は複数同時に起動される可能性があるものとします。
※業務画面は複数同時に起動される可能性があるものとします。
※同一の業務画面が多重起動される可能性もあるものとします。
・業務画面表示後の画面遷移
標準パターンをいくつか定義し、それに違反する画面遷移は認めないこととします。必要な場合は、画面規約を改定することとします。
(作成中。。。)
このwikiのメインではないのでここは非常にシンプルに書いておきます。
&bold(){(ただいま作成中です。)}&italic(){}
**1.基本的な考え方:
レイアウト・配色・画面遷移・動作の全てについて、規約でパターン化を行い、
個別の機能でカスタマイズは不可とします。
パターンに従う事が出来ない場合は、規約改定について協議する事とします。
こうすることで、システム内の全機能の操作性・デザインの統一を図るとともに、
フレームワークによる開発支援を容易にし生産性・保守性の向上を図ります。
**2.画面種類
画面には大きく下記の5種類を定める。
①業務画面
⇒ユーザーが業務を行う中心となる画面。
②入力支援ダイアログ
⇒業務画面への入力を支援する画面。
(商品コードを検索して、業務画面のテキストボックスに埋めたりする画面)
③確認ダイアログ
⇒ポップアップして「はい」「いいえ」を選択させる。
④エラー通知ダイアログ
⇒ポップアップしてエラーを通知する。
⑤メッセージ通知ダイアログ
⇒ポップアップしてエラー以外の情報を通知する。
⑥その他固有画面(ログイン画面、メニュー画面など)
**3.画面種類毎のデザイン
①業務画面
・画面ID、画面名、システム日付、ユーザー名をヘッダーに表示。
・フッター部分にボタン及び、メッセージ表示領域を配置。
・Window初期サイズは◎◎×◎◎。(後で決めます。今は細かく書かない)
・ユーザによるWindowサイズ変更は可能だが、
レイアウトが崩れないことは保障しない。
・アドレスバー、ブラウザメニュなどブラウザ標準機能は非表示。
・フォントXX、背景色。。。(後で決めます。今は細かく書かない)
**4.画面遷移
前提:
・メニュー画面は複数同時に起動される可能性があるものとします。
・業務画面は複数同時に起動される可能性があるものとします。
・同一の業務画面が多重起動される可能性もあるものとします。
①業務画面表示までの流れ
・【その1】(通常ログイン)
ログイン画面でログインボタンをクリック
↓
(同一ウィンドウ内で遷移)メニュー画面表示
↓
メニュー画面で機能名をクリック
↓
(別ウィンドウをポップアップ)業務画面表示
・【その2】シングルサインオン
社内ポータルサイトのログインでログインボタンをクリック
↓
(同一ウィンドウ内で遷移)社内ポータルトップ画面表示
↓
社内ポータルサイトのログインでログインボタンをクリック
↓
(同一ウィンドウ内で遷移)社内ポータルトップ画面表示
**5.業務画面表示後の画面遷移
標準パターンをいくつか定義し、それに違反する画面遷移は認めないこととします。必要な場合は、画面規約を改定することとします。
(作成中。。。)