「画面規約サンプル」の編集履歴（バックアップ）一覧に戻る
画面規約サンプル - (2009/08/13 (木) 22:09:41) のソース
このwikiのメインではないのでここは非常にシンプルに書いておきます。
&bold(){（ただいま作成中です。）}&italic(){}
**1.基本的な考え方：
レイアウト・配色・画面遷移・動作の全てについて、規約でパターン化を行い、
個別の機能でカスタマイズは不可とします。
パターンに従う事が出来ない場合は、規約改定について協議する事とします。
こうすることで、システム内の全機能の操作性・デザインの統一を図るとともに、
フレームワークによる開発支援を容易にし生産性・保守性の向上を図ります。
**2.画面種類
画面には大きく下記の5種類を定める。
①業務画面
⇒ユーザーが業務を行う中心となる画面。
②入力支援ダイアログ
⇒業務画面への入力を支援する画面。
（商品コードを検索して、業務画面のテキストボックスに埋めたりする画面）
③確認ダイアログ
⇒ポップアップして「はい」「いいえ」を選択させる。
④エラー通知ダイアログ
⇒ポップアップしてエラーを通知する。
⑤メッセージ通知ダイアログ
⇒ポップアップしてエラー以外の情報を通知する。
⑥ログイン画面
⇒ID、passwordを入力してログインする画面。
⑦メニュー画面
⇒このシステムの機能一覧を表示しユーザに選ばせる画面。
**3.画面種類毎のデザイン
①業務画面
・画面ID、画面名、システム日付、ユーザー名をヘッダーに表示。
・フッター部分にボタン及び、メッセージ表示領域を配置。
・Window初期サイズは◎◎×◎◎。（後で決めます。今は細かく書かない）
・ユーザによるWindowサイズ変更は可能だが、
レイアウトが崩れないことは保障しない。
・アドレスバー、ブラウザメニュなどブラウザ標準機能は非表示。
・フォントXX、背景色。。。（後で決めます。今は細かく書かない）
**4.画面遷移
前提：
・メニュー画面は複数同時に起動される可能性があるものとします。
・業務画面は複数同時に起動される可能性があるものとします。
・同一の業務画面が多重起動される可能性もあるものとします。
①業務画面表示までの流れ
・通常ログインパターン
ログイン画面でログインボタンをクリック
↓
（同一ウィンドウ内で遷移）メニュー画面表示
↓
メニュー画面で機能名をクリック
↓
（別ウィンドウをポップアップ）業務画面表示
・シングルサインオンパターン
社内ポータルサイトのログインでログインボタンをクリック
↓
（同一ウィンドウ内で遷移）社内ポータルトップ画面表示
↓
社内ポータルサイトのログインでログインボタンをクリック
↓
（同一ウィンドウ内で遷移）社内ポータルトップ画面表示
②業務画面表示後の画面遷移
・参照パターン
初期画面で、検索条件を入力し検索ボタンをクリック
↓
（同一ウィンドウ内で遷移）検索結果を一覧形式で初期画面に表示
↓
検索結果の１行を選択し、参照ボタンをクリック
↓
（同一ウィンドウ内で遷移）参照画面を表示
↓
参照画面で戻るボタンをクリック
↓
（同一ウィンドウ内で遷移）初期画面を表示
・新規登録パターン（通常）
初期画面で、登録ボタンをクリック
↓
（同一ウィンドウ内で遷移）登録画面を表示
↓
登録画面で確認ボタンをクリック
↓
（同一ウィンドウ内で遷移）確認画面を表示
↓
確認画面で実行ボタンをクリック
↓
（同一ウィンドウ内で遷移）完了画面を表示
↓
完了画面で完了ボタンをクリック
↓
（同一ウィンドウ内で遷移）初期画面を表示
・新規登録パターン（連続入力）
初期画面で、登録ボタンをクリック
↓
（同一ウィンドウ内で遷移）登録画面を表示
↓
登録画面で確認ボタンをクリック
↓
（同一ウィンドウ内で遷移）確認画面を表示
↓
確認画面で実行ボタンをクリック
↓
（同一ウィンドウ内で遷移）完了画面を表示
↓
完了画面で完了ボタンをクリック
↓
（同一ウィンドウ内で遷移）登録画面を表示
・・以下戻るボタンを押すまで登録処理を繰り返す。
・更新パターン
初期画面で、検索条件を入力し検索ボタンをクリック
↓
（同一ウィンドウ内で遷移）検索結果を一覧形式で初期画面に表示
↓
検索結果の１行を選択し、更新ボタンをクリック
↓
（同一ウィンドウ内で遷移）更新画面を表示
↓
更新画面で確認ボタンをクリック
↓
（同一ウィンドウ内で遷移）確認画面を表示
↓
確認画面で実行ボタンをクリック
↓
（同一ウィンドウ内で遷移）完了画面を表示
↓
完了画面で完了ボタンをクリック
↓
（同一ウィンドウ内で遷移）登録画面を表示
・削除パターン
初期画面で、検索条件を入力し検索ボタンをクリック
↓
（同一ウィンドウ内で遷移）検索結果を一覧形式で初期画面に表示
↓
検索結果の１行を選択し、削除ボタンをクリック
↓
（同一ウィンドウ内で遷移）削除画面を表示
↓
削除画面で確認ボタンをクリック
※この画面では何も編集できないが削除には慎重を期すため、登録、更新と同じ手数にしておく。
↓
（同一ウィンドウ内で遷移）確認画面を表示
↓
確認画面で実行ボタンをクリック
↓
（同一ウィンドウ内で遷移）完了画面を表示
↓
完了画面で完了ボタンをクリック
↓
（同一ウィンドウ内で遷移）登録画面を表示
**5.ボタン一覧
・ボタンの種類は標準で定める。これ以外のボタンは作らない。
・業務画面のフッターに配置するボタンは、ファンクションキーを割り当てるが、
この割り当ては、ボタン種類ごとに標準で定めたものを割り当てる。
（作成中。。。）
