これは、ちょろっと進捗管理の開発日記です。

ちょろっと進捗：導入
ちょろっと進捗：要求定義
ちょろっと進捗：概要設計「システム分割」

入出力概要設計とは画面の設計です。
他にも、帳票の出力等があれば、それらの設計も行います。

---

さて、出力画面の設計ですが、こーゆーのは適当なのを紙に書いたりして形を決めます。
この際、デザイン担当の人がいるならその人の指示に従いますが、今回はひとりぼっちです。

外部仕様書の提出形式が社内で規定されているなら、それらの作成ツールを使用して画面構成を再現します。
Excelなんかで出す場合、けっこう面倒な作業です。

今回はWEBで公開してるわけですが、罫線(┌とか├とか）を使ってやるのはかなりの労力。
かといって、拙い鉛筆画を取り込んでアップする気にもなれない・・・。
わざわざフォトショとかでイメージ作ってアップすんのもなんだかなぁ。

っつこーとで、今回は基本的に文章でデザインを定義して、画面フローのみを図で出しておこうと思います。

まず全体のデザインの基盤となる画面構成ですが、情報量が多くなっても耐えられる様に、3カラムで設計します。
3カラムってのは、最近のブログで見かける、メインの情報領域の左右に追加情報等があるもんです。
ちなみにウチのサイトは、右に情報が存在するだけなので2カラムです。
(※カラム＝列)

各機能へのリンク(メニューみたいなの)は左のカラムへ表示し、右のカラムには全画面で共通して表示しておくべき情報を表示します。

■■■左カラムの内容■■■
プロジェクトの下の「・」が付いたものは、プロジェクト選択時のみ表示される1階層下のメニュー。
プロジェクトは、プルダウンメニューによって、選択します。
こんな感じ ちょろっと進捗 bros ポイッとゴミ処理 MeteorTactics

●未ログイン

メインページ ----------- プロジェクト(プルダウン) ・メンバ一覧 ・掲示板 ----------- 掲示板 備品管理 メンバ一覧

●NORMAL権限ユーザーログイン

メインページ ----------- 新規タスク タスク一覧 プロジェクト(プルダウン) ・メンバ一覧 ・タスク一覧 ・ファイラ ・掲示板 ・バグ管理 ----------- メッセージ スケジューラ MY伝言版 ファイルラ ----------- 掲示板 バグ管理 備品管理 メンバ一覧

●MANAGER権限ユーザーログイン

メインページ ----------- 新規タスク タスク一覧 プロジェクト(プルダウン) ・メンバ一覧 ・タスク一覧 ・ファイラ ・掲示板 ・バグ管理 ・設定 新規プロジェクト ----------- メッセージ スケジューラ MY伝言版 ファイルラ ----------- 掲示板 バグ管理 備品管理 メンバ一覧 メンバ追加

ADMIN権限ユーザーは上記のものの最下部に、「システム設定」が追加される。

左カラムは以上。
右カラムには、1週間分くらいのメンバのスケジュールでも出そうか？
便利リンクとかでもいいし、MY伝言板と変更リンクをそこに表示してもいいかも。
メッセージの有無やら、クリティカルなタスクの存在とか、その手のインフォメーション表示もありかな。

左右のカラムの定義だけで、これだけで長くなったので、メイン部(真ん中のカラム)とフローは次回。