コード 設 計 書 ~ポートフォリオサイト@ 卒 業 制 作 ~ 髙 山 和 範
目 次 1.データ 定 義 書 2.クラス 定 義 書 3. 設 計 シーケンス 図
データ 定 義 書
E-R 図 システム 名 Webサイト サブシステム 名 HTML 担 当 カテゴリ(category) ID(categoryID) カテゴリ 名 (categoryname) 分 類 (categorydivision) 日 記 カテゴリ(diaryDivision) diaryid categoryid 日 記 (diary) ID(diaryID) タイトル(diaryTitle) 本 文 (diarybody) コメント(comment) ID(commentID) 日 時 (commentdate) コメント 者 (commentuser) タイトル(commentTitle) 本 文 (commentbody) コメント 元 (diaryid) アクセス 元 (commentip)
データ 定 義 書 システム 名 Webサイト サブシステム 名 HTML テーブル 名 category 担 当 行 番 フィールド 名 型 主 キー 外 部 キー 初 期 値 備 考 1 categoryid INT(11) 大 分 類 (1)+ 小 分 類 (1)の 二 桁 2 categoryname 3 meishou 4 categorydivision 5 6 7 8 9 VARCHAR(20) VARCHAR(45) VARCHAR(45) ローマ 字 漢 字 英 単 語 10
データ 定 義 書 システム 名 Webサイト サブシステム 名 HTML テーブル 名 diarydivision 担 当 行 番 フィールド 名 型 主 キー 外 部 キー 1 diaryid 2 categoryid 3 deleted 4 5 6 7 8 9 INT(11) INT(11) TINYINT(1) diary.diaryid category.categoryid 10 初 期 値 備 考
データ 定 義 書 システム 名 Webサイト サブシステム 名 HTML テーブル 名 diary 担 当 行 番 フィールド 名 型 主 キー 外 部 キー 初 期 値 備 考 1 diaryid VARCHAR(12) YYYYMMDDHHMM 2 diarytitle VARCHAR(45) 3 diarybody TEXT 改 行 を<BR>にして 保 存 4 deleted TINYINT(1) 5 6 7 8 9 10
データ 定 義 書 システム 名 Webサイト サブシステム 名 HTML テーブル 名 comment 担 当 行 番 フィールド 名 型 主 キー 外 部 キー 1 commentid INT(11) 2 commentdate 3 commentuser 4 commenttitle 5 commentbody 6 diaryid 7 commentip 8 deleted 9 VARCHAR(12) VARCHAR(20) CARCHAR(45) TEXT VARCHAR(12) VARCHAR(45) TINYINT(1) diary.diaryid 10 初 期 値 備 考 プログラム 側 でインクリメント 投 稿 日 時 を 自 動 取 得 改 行 を<BR>にして 保 存 アクセス 元 アドレス
プログラム 設 計 書
クラス 定 義 書
設 計 クラス 図 システム 名 サブシステム 名 ユースケース 卒 業 制 作 日 記 担 当
システム サブシステム 担 当 クラス 定 義 書 卒 業 制 作 フラッシュ クラス 名 OthelloBoard パッケージ games 可 視 性 実 装 インターフェース 継 承 クラス インポート サブクラス フ ィー ル ド フィールド 名 可 視 性 型 初 期 値 備 考 place EMPTY BLACK WHITE cntblack cntwhite cntempty Array 0 CONST -1 CONST 1 CONST 2 黒 石 の 数 2 白 石 の 数 60 空 白 の 数 メ ソ ッ メソッド 名 setblack setwhite setstone getstate countstone getboard 可 視 性 返 却 値 void void void Array Array 引 数 リスト,,,,, 備 考 黒 白 空 の 数 8 8のArray ド コンストラクタで 初 期 化 ( 真 ん 中 の4つのみ 石 を 置 く) 備 考
システム サブシステム 担 当 クラス 定 義 書 卒 業 制 作 フラッシュ クラス 名 OthelloGame パッケージ games 可 視 性 実 装 インターフェース 継 承 クラス インポート サブクラス ob フィールド 名 可 視 性 型 初 期 値 備 考 OthelloBoard フ ィー ル ド メ ソ ッ メソッド 名 getinstance checkentry checkall lotatestone getstonenumbers 可 視 性 返 却 値 OthelloGame Array Array 引 数 リスト,,,,, 備 考 static 8bitの 数 を 返 す 裏 返 す 処 理 石 の 数 ド 備 考 checkentryは 上 下 左 右 左 上 右 上 左 下 右 下 方 向 で 裏 返 せるかをチェックする(checkXXを 呼 ぶ) lotatestoneは 裏 返 す 処 理 を 行 う(changeXXメソッドを 呼 ぶ)
クラス 定 義 書 システム サブシステム 担 当 卒 業 制 作 日 記 クラス 名 AbstractDAO パッケージ dao 可 視 性 実 装 インターフェース 継 承 クラス インポート サブクラス DiaryDAO,CategoryDAO,DiaryDivisionDAO,CommentDAO フィールド 名 可 視 性 型 初 期 値 備 考 フ ィー ル ド メ ソ ッ メソッド 名 可 視 性 返 却 値 引 数 リスト 備 考 toinsert todelete toupdate to setall void csv 形 式 文 字 列 ド 備 考
クラス 定 義 書 システム サブシステム 担 当 卒 業 制 作 日 記 クラス 名 DiaryDAO パッケージ dao 可 視 性 実 装 インターフェース 継 承 クラス abstractdao インポート サブクラス フ ィー フィールド 名 可 視 性 型 初 期 値 備 考 diaryid diarydate diarytitle diarybody deleted boolean false ル ド メ ソ ッ メソッド 名 可 視 性 返 却 値 引 数 リスト 備 考 toinsert todelete toupdate to setall void csv 形 式 文 字 列 ド 備 考
クラス 定 義 書 システム サブシステム 担 当 卒 業 制 作 日 記 クラス 名 DiaryDivisionDAO パッケージ dao 可 視 性 実 装 インターフェース 継 承 クラス abstractdao インポート サブクラス フィールド 名 可 視 性 型 初 期 値 備 考 diaryid categoryid deleted boolean false フ ィー ル ド メ ソ ッ メソッド 名 可 視 性 返 却 値 引 数 リスト 備 考 toinsert todelete toupdate to setall void csv 形 式 文 字 列 ド 備 考
クラス 定 義 書 システム サブシステム 担 当 卒 業 制 作 日 記 クラス 名 CategoryDAO パッケージ dao 可 視 性 実 装 インターフェース 継 承 クラス abstractdao インポート サブクラス フィールド 名 可 視 性 型 初 期 値 備 考 categoryid categoryname meishou categorydivision けた 別 コード ローマ 字 の 名 称 漢 字 の 名 称 分 類 名 フ ィー ル ド メ ソ ッ メソッド 名 可 視 性 返 却 値 引 数 リスト 備 考 toinsert todelete toupdate to setall void csv 形 式 文 字 列 ド 備 考
クラス 定 義 書 システム サブシステム 担 当 卒 業 制 作 日 記 クラス 名 CommentDAO パッケージ dao 可 視 性 実 装 インターフェース 継 承 クラス abstractdao インポート サブクラス フ ィー ル ド フィールド 名 可 視 性 型 初 期 値 備 考 commentid commentdate commentuser commenttitle commentbody diaryid commentip プログラムでインクリメント 投 稿 者 名 アクセス 元 アドレス メ ソ ッ メソッド 名 可 視 性 返 却 値 引 数 リスト 備 考 toinsert todelete toupdate to setall void csv 形 式 文 字 列 ド 備 考
クラス 定 義 書 システム サブシステム 担 当 卒 業 制 作 日 記 クラス 名 DataControl パッケージ dao 可 視 性 実 装 インターフェース 継 承 クラス インポート java.sql(sqlexception),java.util(list,arraylist) サブクラス フィールド 名 可 視 性 型 初 期 値 備 考 フ ィー ル ド メ ソ ッ ド メソッド 名 selectbycategory selectbydate selectbyid selectcomment updatediary insertcomment insertdiarydivision selectcategorybyid selectcategorybyname getcategorymeishou getcategorymeishou getlastcommentid updatedata insertdata 可 視 性 返 却 値 List List DiaryDAO List CategoryDAO 引 数 リスト long long,boolean AbstractDAO AbstractDAO 備 考 diaryidのカテゴリ categoryidの 名 称 漢 字 名 称 またはローマ 字 名 称 からカテゴリIDを 検 索 する( 漢 字 の 場 合 は 第 二 引 数 がtrue) 備 考
クラス 定 義 書 システム サブシステム 担 当 卒 業 制 作 日 記 クラス 名 DBExecute パッケージ dao 可 視 性 実 装 インターフェース 継 承 クラス インポート java.sql(connection,statement,resultset,sqlexception),java.util(list,arraylist) サブクラス con stmt dbc フィールド 名 可 視 性 型 初 期 値 備 考 Connection Statement DBConnection フ ィー ル ド メ ソ ッ メソッド 名 可 視 性 返 却 値 引 数 リスト 備 考 doselect doselectone doupdate docount open close void void long ド 備 考
クラス 定 義 書 システム サブシステム 担 当 卒 業 制 作 日 記 クラス 名 DBConnection パッケージ dao 可 視 性 実 装 インターフェース 継 承 クラス インポート java.sql(connection,statement,resultset,sqlexception),java.util(list,arraylist) サブクラス フィールド 名 可 視 性 型 初 期 値 備 考 dbc DBConnection static drv static url static フ ィー ル ド メソッド 名 getconnection getinstace close 可 視 性 戻 り 値 Connection boolean 引 数 リスト Connection 備 考 synchronized static メ ソ ッ ド 備 考
設 計 シーケンス 図
設 計 シーケンス 図 システム 名 卒 業 制 作 サブシステム 名 日 記 ユースケース 日 記 一 覧 を 見 る 担 当 カレンダの 日 付 をクリックした 場 合 の 動 作
設 計 シーケンス 図 システム 名 サブシステム 名 ユースケース 卒 業 制 作 日 記 日 記 一 覧 を 見 る 担 当 カテゴリリストをクリックした 場 合 の 動 作
設 計 シーケンス 図 システム 名 サブシステム 名 ユースケース 卒 業 制 作 日 記 日 記 を 読 む 担 当
設 計 シーケンス 図 システム 名 サブシステム 名 ユースケース 卒 業 制 作 日 記 コメントを 読 む 担 当 日 記 を 選 択 したときに 自 動 的 に 実 行 される
設 計 シーケンス 図 システム 名 サブシステム 名 ユースケース 卒 業 制 作 日 記 日 記 を 書 く 担 当
設 計 シーケンス 図 システム 名 サブシステム 名 ユースケース 卒 業 制 作 日 記 コメントを 書 く 担 当
ディレクトリマップ
1.ディレクトリ 構 成 / illustrator イラストレータによる 制 作 物 flash フラッシュによる 制 作 物 diary( ) Webページ 制 作 css img css スタイルシート img swfを 含 む 画 像 ファイル diaryディレクトリのみyeslets.jpに 置 く それ 以 外 はwww.nurs.or.jp/~yotaro/に 置 く
2.ディレクトリマップ (1) ルートディレクトリ 1index.html HOMEページ 2sitemap.html サイトマップ 3profile.html プロフィール (2) illustratorディレクトリ 1index.html illustratorトップ 2emargency.html 避 難 所 マップ 3logo.html ロゴマーク 4lets.html lets2.html 資 格 講 座 チラシ 5itis.html itis2.html IT 支 援 チラシ (3) flashディレクトリ 1index.html 2banner.html flash 制 作 物 トップ バナー 広 告 とそのスクリプト 3slide.html スライドショーとそのスクリプト 4title.html タイトルロゴと 縦 長 バナーとそのスクリプト 5othello.html オセロゲームとそのスクリプト (5) cssディレクトリ 1menu.css 共 通 ヘッダ 部 2toppage.css 3sitemap.css 4profile.css 5illustrator.css 制 作 物 トップのスタイル 用 サイトマップのスタイル 用 プロフィールページ 用 イラストレータ 制 作 物 用 6flashtop.css フラッシュ 制 作 物 用
(6) imgディレクトリ 1タイトル 画 像 ア.gongendou.gif イ.illustrator.swf 制 作 物 トップのタイトル イラストレータ 制 作 物 のタイトル ウ.flashtop.jpg フラッシュ 制 作 物 のタイトル エ.copyright.gif フッタ オ.photocopyright.gif スライドショーのページのフッタ 2リンク 画 像 ア.topimage.jpg 制 作 物 トップのクリッカブルマップ イ.ai_clickmap.jpg イラストレータトップのクリッカブルマップ ウ.flash_menu.swf フラッシュトップのクリッカブルマップ エ.ナビゲーションボタン 群 a.link_top.gif/link_top_black.gif 制 作 物 トップ b.link_sitedesign.gif/link_sitedesign_black.gif サイト 設 計 書 c.link_codedesign.gif/link_codedesign_black.gif コード 設 計 書 d.link_sitemap.gif/link_sitemap_black.gif e.link_prof.gif/link_prof_black.gif f.link_ai.gif/link_ai_black.gif g.link_hinanjo.gif/link_hinanjo_black.gif h.link_logomark.gif/link_logomark_black.gif i.link_adlets.gif/link_adlets_black.gif j.link_aditis.gif/link_aditis_black.gif k.link_flash.gif/link_flash_black.gif l.link_banner.gif/link_banner_black.gif m.link_slide.gif/link_slide_black.gif n.link_title.gif/link_title_black.gif o.link_othello.gif/link_othello_black.gif 3イラストレータ 制 作 物 ア.kasukabemap.jpg イ.sensu.jpg サイトマップ プロフィール イラストレータトップ 避 難 所 マップ ロゴマーク 資 格 講 座 チラシ IT 支 援 チラシ フラッシュトップ バナー 広 告 スライドショー タイトル 動 画 オセロゲーム 避 難 所 マップ ロゴマーク ウ.ai_yeslets1.jpg/ai_yeslets2.jpg エ.ai_yesitis1.jpg/ai_yesitis2.jpg 4フラッシュ 動 画 資 格 講 座 チラシ IT 支 援 チラシ ア.lets_adv.swf バナー 広 告 イ.threeflips.swf 回 転 型 広 告 ウ.yeslets_adv_tate.swf 縦 長 バナー エ.yeslets_title.swf タイトルロゴ
(4) diaryディレクトリ 1diarygeneral.html Webページ 制 作 物 トップ 2selectdiary.html 次 の 二 つを 含 むフレーム 3caldata.html カレンダー 表 示 4category.html カテゴリリスト 5diarydata.html 次 の 二 つを 含 むフレーム 6showdiarylist.jsp 選 択 した( 月 など)の 日 記 一 覧 7comment.html コメント 部 の 初 期 表 示 8caldatajs.html カレンダーのスクリプト 9showdiary.jsp 選 択 した 日 記 を 表 示 する 10showcomment.jsp 選 択 した 日 記 のコメントを 表 示 11diaryjsp.html 日 記 表 示 のプログラムソース 12commentjsp.html コメント 表 示 のプログラムソース (5) diary/cssディレクトリ 1menu.css ナビゲーションボタンのスタイル 2diarygeneral.css 日 記 サイトのスタイル (6) diary/imgディレクトリ 1diary_top.jpg 2diary_title.gif 3ナビゲーションボタン 群 日 記 のタイトル 画 像 日 記 のタイトル 文 字 ア.link_diary.gif link_diary_black.gif イ.link_calendar.gif link_calendar_black.gif ウ.link_diaryjsp.gif link_diaryjsp_black.gif 日 記 トップ カレンダーJS 日 記 表 示 JSP エ.link_commentjsp.gif link_commentjsp_black.gif コメント 表 示 JSP