株式会社スーパーエレメンツ

名古屋市中区新栄2-2-7 夢現広小路ビル6FTEL.052-238-3336 FAX.052-238-3363

中～大規模サイト作成業務フロー

サイト完成までの大まかな流れ 2

企画

基本設計

詳細設計

開発・作成

テスト

公開

企画書

開発スケジュール 担当表

見積書

要件定義書

画面遷移図

機能一覧表

画面設計図

ワイヤーフレーム

ディレクトリマップ

DB ER図

各種基本仕様書

モジュール一覧

モジュールマップ

CSS ID・クラス一覧

カラーパターン一覧

IF仕様書

DB エンティティ一覧

テスト仕様書 テスト報告書

凡例

ディレクター

エンジニア

デザイナー

小規模でも作成した方が良い書類と順番 3

作りたい物の全容、規模感、実現のために必要な物を纏めた物「他人が想像できる」かどうかが、良い企画書のポイント

企画書

上記までで必要となる作業を洗い出し、それらに要する日数を算出し、作業の優先順位を決めていく「細かな目標を決めて、それを一ずつつぶしていくことで、ゴールを目指す」とすれば、綺麗に埋まる

開発スケジュール

この企画で実現したいことと、その為に必要な物を纏める「以降の作業で必要な物が判る」ように書く

要件定義書

サイトの目的を達成するために必要な機能を纏める「各画面で見せたい物を準備するには、何が必要か？」を考えていけばよい

機能一覧表

各画面に必要なパーツを洗い出し、バランスや配置を決めていく「どんな人がこの画面を使い、その人は何を見たいか？」を念頭に書いていく

ワイヤーフレーム

ファイルの置き場所や、共同作業時のファイルの扱いを決める「作業者毎や、役割毎にフォルダを別けていく」のがオススメ

ディレクトリマップ

似た機能を持ったIDやクラスを纏めておき、無駄な作業を発生させないように纏めておく「作ることよりも、後の変更や修正を考慮する」事を癖づける

CSS ID・クラス一覧

色に意味を決めておくことは、ユーザビリティ向上の基本テクニック「役割だけでなく、16進の色番も纏めておく」

カラーパターン一覧

サーバプログラムとFlashを連携したり、異なるドメイン間でデータのやりとりが必要な場合に作る「このデータはこの名前で投げるから」というお約束表

IF仕様書

必要な画面と、画面間の繋がり、関係性を纏める「何をどういった順番で見せるか？」を念頭に書いていく

画面遷移図