サイト 設 計 書 ~ポートフォリオサイト@ 卒 業 制 作 ~ 髙 山 和 範
次 1. 要 求 定 義 書 2. 遷 移 図 3. レイアウト
要 求 定 義 書
1.サイトの 的 本 サイトは 求 職 者 支 援 訓 練 において 作 成 した 成 果 物 をまとめ 求 人 元 企 業 の 採 用 者 に 自 分 自 身 の 到 達 点 を 理 解 していただくことを 的 とする 2.サイト 閲 覧 者 として 想 定 する 対 象 者 本 サイトの 的 により サイトの 閲 覧 者 を 企 業 の 採 用 者 とする 3.サイトマップ HME イラストレータTP 避 難 所 マップ ロゴマーク チラシ1 チラシ2 フラッシュTP バナー 広 告 スライドショー タイトル 像 オセロゲーム WebページTP カレンダー 日 記 本 文 コメント プロフィール
4.ページの 構 成 (1) HMEページ HMEページからサイト 設 計 書 (この 文 書 ) 及 びコード 設 計 書 のPDFにリンク をする (2) 各 TPページ アプリケーションごとのTPページ(HMEを 含 む) 以 外 の 各 ページには 学 習 の 過 程 を 表 すため 使 用 した 機 能 ソースプログラム 等 を 掲 載 する (3) プロフィールページ プロフィールには 学 習 歴 職 歴 取 得 資 格 自 己 紹 介 を 掲 載 する (4) ナビゲーションボタン ナビゲーションボタンは 像 で 作 成 する (5) ヘッダ 像 タイトルヘッダは 像 とし Photoshop 又 はFlashで 編 集 したものを 使 用 する (6) HTMLのバージョン HTML5を 使 用 して 作 成 する (7) 日 記 サイト(Webページ 制 作 の 到 達 点 ) 日 記 サイトのカレンダー 表 示 については JavaScriptを 使 用 する 日 記 表 示 及 びコ メント 表 示 はJSPを 使 用 する
遷 移 図
遷 移 図 システム 名 卒 業 制 作 サブシステム 名 メイン
遷 移 図 システム 名 卒 業 制 作 サブシステム 名 イラストレータ
遷 移 図 システム 名 卒 業 制 作 サブシステム 名 フラッシュ
遷 移 図 システム 名 サブシステム 名
レイアウト
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 総 合 ID D0001 名 制 作 物 TP / 職 業 訓 練 成 果 物 像 メニューバー I/ 背 景 とIMGタグの 両 方 で 違 う 像 クリッカブルマップ リンク I/ I/ 円 形 部 分 がクリッカブルマップの 像 各 リンク 先 へジャンプ 背 景 が 黒 の 像 をバックグラウンドに 設 定 し imgタグで 背 景 がブルーの 像 を 貼 る
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 総 合 ID D0011 名 サイト 設 計 書 PDFファイルを 表 示 / 職 業 訓 練 成 果 物 像 メニューバー I/ 背 景 とIMGタグの 両 方 で 違 う 像 サイト 設 計 書 (PDF) 背 景 が 黒 の 像 をバックグラウンドに 設 定 し imgタグで 背 景 がブルーの 像 を 貼 る
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 総 合 ID D0013 名 コード 設 計 書 PDFファイルを 表 示 / 職 業 訓 練 成 果 物 像 メニューバー I/ 背 景 とIMGタグの 両 方 で 違 う 像 ディレクトリマップ(PDF) 背 景 が 黒 の 像 をバックグラウンドに 設 定 し imgタグで 背 景 がブルーの 像 を 貼 る
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 総 合 ID D0013 名 プロフィール 職 業 訓 練 成 果 物 像 メニューバー 自 己 紹 介 タイトル テーブル / I/ 背 景 とIMGタグで 違 う 像 背 景 が 黒 の 像 をバックグラウンドに 設 定 し IMGタグで 背 景 が 青 の 像 を 貼 る イ ベ ン ト
レイアウト システム 名 卒 業 制 作 サブシステム 名 総 合 ユースケース ID D0012 名 サイトマップ HME イラストレータによる 制 作 物 TP 避 難 所 MAP ロゴマーク( 扇 子 ) 資 格 講 座 チラシ IT 支 援 チラシ フラッシュによる 制 作 物 TP バナー 広 告 スライドショー タイトル 像 オセロゲーム 日 記 サイトTP カレンダー 作 成 JavaScript 日 記 表 示 JSP コメント 表 示 JSP プロフィール / 職 業 訓 練 成 果 物 像 メニューバー I/ 背 景 とIMGタグの 両 方 で 違 う 像 リンク I/ 背 景 が 黒 の 像 をバックグラウンドに 設 定 し imgタグで 背 景 がブルーの 像 を 貼 る 表 示 は 番 号 なしリストとし 各 ページへのリンクを 貼 る
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 イラストレータ ID D0101 名 イラストレータTP AIタイトル 像 メニューバー クリッカブルマップ 各 リンク / I/ I/ I/ 背 景 が 黒 の 像 をバックグラウンドに 設 定 し imgタグで 背 景 がブルーの 像 を 貼 る イ ベ ン ト クリッカブルマップのほかに リンクを 付 けてユーザビリティを 向 上 させる
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 イラストレータ ID D0111 名 避 難 所 MAP / AIタイトル 像 メニューバー 像 I/ 背 景 とIMGタグで 二 つの 像 地 図 説 明 文 背 景 が 黒 の 像 をバックグラウンドに 設 定 し 背 景 が 青 の 像 をimgタグで 貼 り 付 け
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 イラストレータ ID D0111 名 避 難 所 MAP / AIタイトル 像 メニューバー 像 I/ 背 景 とIMGタグで 二 つの 像 ロゴマーク 説 明 文 背 景 が 黒 の 像 をバックグラウンドに 設 定 し 背 景 が 青 の 像 をimgタグで 貼 り 付 け
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 イラストレータ ID D0113 名 チラシ1(YESLETS) / AIタイトル 像 メニューバー 像 I/ 背 景 とIMGタグで 二 つの 像 LETSチラシ 像 説 明 文 リンク I/ 表 示 はリンクを 貼 らない 背 景 が 黒 の 像 をバックグラウンドに 設 定 し 背 景 が 青 の 像 をimgタグで 貼 り 付 け
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 イラストレータ ID D0114 名 チラシ1(YESITIS) / AIタイトル 像 メニューバー 像 I/ 背 景 とIMGタグで 二 つの 像 ITISチラシ 像 説 明 文 リンク I/ 表 示 はリンクを 貼 らない 背 景 が 黒 の 像 をバックグラウンドに 設 定 し 背 景 が 青 の 像 をimgタグで 貼 り 付 け
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 フラッシュ ID D0201 名 フラッシュTP FLタイトル 像 メニューバー クリッカブルマップ / 背 景 が 黒 の 像 をバックグラウンドに 設 定 し 背 景 が 青 の 像 をimgタグで 貼 り 付 け クリッカブルマップのほかに リンクを 付 けてユーザビリティを 向 上 させる クリッカブルマップ 部 分 はフラッシュで 作 成 し 緞 帳 を 開 けるところから 始 める
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 フラッシュ ID D0211 名 バナー 広 告 / FLタイトル 像 メニューバー 像 I/ 背 景 とIMGタグで 二 つの 像 バナー 広 告 1(YESLETS) バナー 広 告 2(フリップ3 枚 ) 背 景 が 黒 の 像 をバックグラウンドに 設 定 し 背 景 が 青 の 像 をimgタグで 貼 り 付 け
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 フラッシュ ID D0212 名 スライドショー / FLタイトル 像 メニューバー 像 I/ 背 景 とIMGタグで 二 つの 像 スライドショー スライドショーのActionScript ボタンによる 写 真 の 切 り 替 え 背 景 が 黒 の 像 をバックグラウンドに 設 定 し 背 景 が 青 の 像 をimgタグで 貼 り 付 け
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 フラッシュ ID D0213 名 タイトル 動 FLタイトル 像 メニューバー タイトル 動 タイトル 動 と 縦 型 バナーのActionScript / I/ 背 景 とIMGタグ 背 景 が 黒 の 像 をバックグラウンドに 設 定 し 背 景 が 青 の 像 をimgタグで 貼 り 付 け
レイアウト システム 名 サブシステム 名 ユースケース ID 名 / FLタイトル 像 メニューバー I/ 背 景 とIMGタグ オセロ ( 静 止 像 ) タイムラインのActionScript オセロゲームへのリンク I/ 背 景 が 黒 の 像 をバックグラウンドに 設 定 し 背 景 が 青 の 像 をimgタグで 貼 り 付 け
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0301 名 日 記 TP / 日 記 タイトル 像 メニューバー 像 I/ 背 景 とIMGタグで 二 つの 像 カレンダー カテゴリリスト 日 記 表 示 I/ I/ 当 月 の 日 記 一 覧 を 初 期 表 示 する コメント 表 示 背 景 が 黒 の 像 をバックグラウンドに 設 定 し 背 景 が 青 の 像 をimgタグで 貼 り 付 け
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0302 名 カレンダー / 年 月 表 示 当 月 を 初 期 値 として 表 示 する 日 付 表 示 I/ 年 表 示 月 表 示 I/ 当 年 を 初 期 値 として 表 示 する このページは 埋 め 込 まれるため 単 独 では 表 示 されない javascriptでカレンダーを 作 成 する
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0303 名 カテゴリリスト / カテゴリ 表 示 I/ このページは 埋 め 込 まれるため 単 独 では 表 示 されない すべてにリンクをつける 大 分 類 をクリックした 場 合 は 小 分 類 すべての 日 記 を 表 示 する
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0304 名 月 別 一 覧 テーブルタイトル 投 稿 日 時 タイトル / 当 月 を 初 期 値 として 表 示 リンクはつけない I/ このページは 埋 め 込 まれるため 単 独 では 表 示 されない
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0305 名 デフォルトコメント ここにコメントが 表 示 されます / ここにコメントが 表 示 されます このページは 埋 め 込 まれるため 単 独 では 表 示 されない 日 記 トップに 初 期 表 示 しておく
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0311 名 カレンダーJS / カレンダー( 月 間 ) カレンダー( 年 間 ) カレンダー 表 示 のJavaScript このページは 埋 め 込 まれるため 単 独 では 表 示 されない
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0312 名 日 記 表 示 JSP 日 記 タイトル 像 メニューバー JSPファイル /
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0313 名 コメント 表 示 JSP 日 記 タイトル 像 メニューバー JSPファイル /
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0314 名 カテゴリ 別 一 覧 テーブルタイトル 投 稿 日 時 タイトル / 当 月 を 初 期 値 として 表 示 リンクはつけない I/ このページは 埋 め 込 まれるため 単 独 では 表 示 されない
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0321 名 日 記 本 文 / 日 記 タイトル 投 稿 日 時 カテゴリ 本 文 日 記 を 書 くボタン 戻 るボタン I/ I/ 複 数 ある 場 合 はカンマで 区 切 る リンク 元 ページへ 戻 る このページは 埋 め 込 まれるため 単 独 では 表 示 されない 日 記 を 書 く 為 のリンクは 自 宅 以 外 からのアクセスには 付 けない 本 文 が 長 い 場 合 はスクロールバーを 表 示 する
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0322 名 日 記 コメント タイトル 投 稿 日 時 投 稿 者 名 コメント 本 文 コメントを 書 くリンク / I/ このページは 埋 め 込 まれるため 単 独 では 表 示 されない 表 示 数 が 多 い 場 合 はスクロールバーを 表 示 する
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0411 名 日 記 を 書 く / 日 記 タイトル カテゴリ チェックボックスにする 本 文 投 稿 するボタン I/ このページは 埋 め 込 まれるため 単 独 では 表 示 されない
システム 名 サブシステム 名 ユースケース レイアウト 卒 業 制 作 日 記 ID D0412 名 コメントを 書 く タイトル ハンドル 本 文 投 稿 するボタン / I I I I/ このページは 埋 め 込 まれるため 単 独 では 表 示 されない