檢視/開啟 - å ƒåŸ¹ç§‘æŠ€å¤§å­¸

元 培 科 技 大 學
資 訊 管 理 系 畢 業 專 題
Y.P.D.C 元 培 熱 舞 社
指 導 老 師 : 杜 建 志 老 師
組 別 : A21
組 員 : 林 宏 晟 (0981408086)
陳 沁 綺 (0981408094)
張 冠 偉 (0981408104)
方 致 凱 (0981408119)
中 華 民 國 1 0 1 年 1 2 月

摘
要
現 在 跳 舞 風 氣 正 在 盛 行 , 學 習 舞 蹈 的 人 也 越 來 越 多 , 但 是 很 多 人 都 不
知 道 要 去 哪 裡 學 習 , 所 以 我 們 利 用 原 有 舞 蹈 社 團 來 進 行 舞 蹈 教 學 , 也 可 以
藉 機 會 讓 人 知 道 我 們 舞 蹈 社 團 的 優 勢 及 優 點 。
舞 蹈 的 優 劣 勢
一 、 利 用 舞 蹈 可 以 達 到 興 趣 組 成 , 及 身 心 靈 的 培 養 。
風 。
二 、 培 養 跳 舞 風 氣 , 可 以 利 用 此 網 站 來 選 擇 屬 於 自 己 、 適 合 自 己 的 舞
關 鍵 字 : 首 頁 、 教 學 影 片 、 幹 部 介 紹 、 相 片 、 最 新 消 息 、FB 粉 絲 團 連 結
i

目
錄
摘 要 ……………………………………………………………………………i
目 錄 ……………………………………………………………………………ii
表 目 錄 ……………………………………………………………………………iii
圖 目 錄 ……………………………………………………………………………iv
第 一 章 緒 論 ……………………………………………………………………1
1.1 背 景 與 動 機 ………………………………………………………………1
1.2 目 的 ………………………………………………………………………1
1.3 限 制 ………………………………………………………………………1
1.4 關 鍵 名 詞 定 義 ……………………………………………………………1
第 二 章 文 獻 探 討 …………………………………………………………… 2
2 . 1 熱 舞 社 簡 介 … . … … … … … … … … … … … … … … … … … … … … 2
2.2 影 片 教 學 系 統 ……….……………………………………………… 2
2.3 熱 舞 社 發 展 現 況 ………………………………………………………2
2.4 黑 角 舞 團 網 …………………..…..………..……………………………3
2.5 TBC 教 學 網 …….………………..……………….…………………………5
第 三 章 專 題 規 劃 … … … … … … … … … … … … … … … … … … … … … 7
3.1 專 題 規 劃 目 標 ……………………………………………………………7
3.2 系 統 開 發 方 法 ……………………………………………………………7
3.3 系 統 架 構 …………………………………………………………………9
3.4 專 題 設 備 …………………………………………………………………10
3.5 專 題 時 程 規 劃 ……………………………………………………………10
第 四 章 專 題 成 果 … … … … … … … … … … … … … … … … … … … … … 11
4.1 功 能 的 需 求 ……………………………………………………………11
4.2 系 統 分 析 ………………………………………………………………13
4.3 系 統 介 紹 ………………………………………………………………23
4.4 使 用 手 冊 ………………………………………………………………35
第 五 章 結 論 與 建 議 ……………………………………………………… 36
5 . 1 結 論 … … … … … … … … … … … … … … … … … … … … … … … 36
5 . 2 建 議 與 未 來 展 望 … … … … … … … … … … … … … … … … … … … 36
參 考 文 獻 …………………………………………………………………………37
附 錄 …………………………………………………………………………38
ii

表 目 錄
表 3-1 SDLC 專 題 流 程 表 …………………………………………………………7
表 3-2 專 題 分 工 表 …………………………………………………………………8
表 4-1 事 件 表 ………………………………………………………………………12
表 4-2 詞 彙 表 ………………………………………………………………………12
iii

圖 目 錄
圖 2 - 1 Y . P . D . C - 圖 … … … … … … … … … … … … … … … … … … … 3
圖 2 - 2 Y . P . D . C - 圖 … … … … … … … … … … … … … … … … … … … … … 3
圖 2 - 3 Y . P . D . C - 圖 … … … … … … … … … … … … … … … … … … … 4
圖 2 - 4 Y . P . D . C - 圖 … … … … … … … … … … … … … … … … … … … … 4
圖 2 - 5 Y . P . D . C - 圖 … … … … … … … … … … … … … … … … … … … … … 5
圖 2 - 6 Y . P . D . C - 圖 … … … … … … … … … … … … … … … … … … … … … 5
圖 2 - 7 Y . P . D . C - 圖 … … … … … … … … … … … … … … … … … … … 6
圖 2 - 8 Y . P . D . C - … … … … … … … … … … … … … … … … … … … … … 6
圖 3- 2Y.P.D.C- 圖 ………… ……………… ……………………………… 10
圖 4 - 1 …………………………………………………………………13
圖 4 - 2 Y . P . D . C 圖 … … … … … … … … … …………… … … … … … … … 21
圖 4 - 3 … … … … … … … … … … … …………… … … … … … … … … … 21
圖 4 - 4 ………… ……………………… … … … … … … … … … … … 22
圖 4 - 5 ……… ……… … … … … … … … ……..… … … … … … … … … 22
圖 4 - 6 …………………… … … … … … … … … … … … … … … … … … 23
圖 4-11…………………………………………..…………………………………24
圖 4-12……………….……………………………………………………………24
圖 4-13………………………………………………………………………………25
圖 4-14…………………………………………………………………………25
圖 4- 15………………………………………………………………………26
圖 4-16……………………….…………………………………………………26
圖 4-17…………………………………………………………………………27
圖 4-18……………………………………………………………………………27
圖 4-19………………………………………………………………………………28
圖 4-20……………………………………………………………………………28
圖 4-21………………………………………………………………………………29
圖 4-22………………………………………………………………………………30
圖 4-23………………………………………………………………………………31
圖 4-24………………………………………………………………………………32
圖 4-25………………………………………………………………………………33
圖 4-26………………………………………………………………………………34
圖 4-27………………………………………………………………………………35
iv

第 一 章 緒 論
1.1 背 景 與 動 機
透 過 介 紹 熱 舞 社 讓 更 多 的 舞 蹈 愛 好 者 知 道 有 哪 些 舞 風 , 尋 找 自 己 的 自 我
風 格 , 在 電 視 上 看 到 很 多 跳 舞 的 人 , 卻 又 不 知 道 他 們 跳 的 是 哪 種 風 格 , 透 過
教 學 網 可 以 認 識 很 多 不 同 風 格 的 舞 蹈 , 培 養 身 心 靈 的 養 成 。 在 學 校 沒 有 人 利
用 社 團 來 製 作 專 題 , 我 們 也 像 藉 此 機 會 來 推 廣 元 培 熱 舞 社 。
1.2 目 的
一 般 運 動 著 的 心 裡 往 往 不 懂 的 利 用 舞 蹈 教 學 網 可 以 達 到 , 對 舞 蹈 有 興
趣 , 但 又 不 知 道 從 哪 邊 學 習 的 人 , 來 進 行 交 流 討 論 。 也 可 以 藉 此 機 會 認 識 很
多 不 同 的 舞 蹈 。 元 培 熱 舞 社 長 期 參 加 外 表 大 大 小 小 的 表 演 比 賽 , 利 用 此 網 站
推 廣 , 我 們 的 社 團 , 讓 喜 愛 舞 蹈 的 朋 友 認 識 我 們 。
1.3 限 制
a. 沒 有 架 設 網 站 伺 服 所 以 沒 有 向 外 公 開 此 教 學 網 站
1.4 關 鍵 名 詞 定 義
1. 首 頁 2. 教 學 影 片 3. 幹 部 介 紹 4. 相 片 5. 最 新 消 息
1

第 二 章 文 獻 探 討
2.1 熱 舞 社 簡 介
舞 蹈 在 許 多 年 前 就 有 不 同 的 變 化 , 只 是 藉 由 不 同 的 人 去 呈 現 不 同 的 樣 貌 ,
現 在 每 種 不 同 的 風 格 、 不 同 風 格 的 教 學 老 師 , 例 如 街 舞 、 熱 舞 這 兩 種 呈 現 的
方 式 就 是 不 同 的 樣 貌 , 而 街 舞 跟 熱 舞 中 , 還 有 分 為 不 同 的 風 格 。
2.2 影 片 教 學 系 統
習 舞 蹈 。
利 用 網 路 將 各 類 教 學 影 片 上 傳 到 影 音 網 站 , 以 方 便 瀏 覽 者 觀 看 影 片 , 來 學
2.3 熱 舞 社 發 展 現 況
網 路 社 群 的 力 量 與 演 變 轉 化 , 逐 漸 透 過 各 式 各 樣 的 社 群 傳 佈 , 讓 更 多 的 朋 友
瞭 解 , 社 群 如 何 轉 化 演 進 , 整 場 表 演 , 你 聽 不 見 嘻 哈 文 化 中 常 見 的 電 音 與 混 音 ,
我 們 要 讓 人 看 見 跳 脫 一 般 既 定 認 知 的 舞 蹈 , 後 半 場 的 表 演 , 呈 現 了 傳 遞 、 連 結 、
分 享 與 改 變 的 四 種 不 同 的 精 神 , 透 過 四 位 舞 者 分 享 的 一 句 話 , 在 社 群 中 你 預 想 的
那 些 印 象 未 必 是 真 實 的 樣 貌 , 如 同 街 舞 社 群 給 別 人 的 印 象 不 再 只 是 一 般 的 街 頭 表
演 , 足 夠 的 專 業 累 積 亦 能 帶 給 觀 眾 截 然 不 同 的 享 受 , 讓 我 們 來 透 過 這 些 影 片 , 重
新 瞭 解 我 們 腦 海 中 那 些 既 定 印 象 , 重 新 塑 造 , 舊 版 印 象 的 你 。
2

2.4 教 學 網 網 頁 比 較
2.4.1 黑 角 舞 團 教 學 網
圖 -2.1 黑 角 舞 團 LOGO 圖
圖 2-2 黑 角 舞 團 首 頁 圖
3

圖 2-3 關 於 黑 角 頁 面 界 面 圖
圖 2-4 黑 角 影 音 專 區 界 面 圖
4

2.5 TBC 舞 蹈 教 學 網
圖 2-5 TBC 首 頁 圖
圖 2-6 TBC 影 音 專 區 界 面 圖
5

圖 2-7 TBC 師 資 介 紹 介 面 圖
圖 2-8 關 於 TBC 介 面 圖
6

第 三 章 專 題 規 劃
3.1 專 題 規 劃 目 標
現 今 社 會 喜 愛 舞 蹈 的 人 越 來 越 多 , 利 用 此 專 題 進 行 教 學 , 讓 元 培 熱 舞 社
推 廣 到 學 校 外 面 , 讓 外 界 的 人 認 識 元 培 熱 舞 社 。
3.2 系 統 開 發 方 法
3.2.1 專 題 流 程
本 專 題 的 開 發 將 使 用 生 命 週 期 模 式 (SDLC), 各 步 驟 敘 述 如 下 :
表 3-1 SDLC 專 題 流 程 表
S D L C 階 段 與 系 統 相 關 之 工 作 產
出 預 定 完 成 日 期
規 劃
a. 資 料 收 集
b. 撰 寫 計 畫 書
專 題 企 劃 書 2012/06/30
分 析
需 求 分 析 :
a. 資 料 集 蒐 及 整 合
b. 相 關 程 式 資 料 蒐
集 、 整 合
系 統 分 析 書 2012/09/30
系 統 分 析 :
USE CASE 圖
設
計
a. 網 頁 架 構 設 計
b. 網 頁 程 式 設 計
系 統 設 計 報 告 書 2012/11/30
建 置 網 站 建 置 功 能 完 整 的 網 站 2012/11/30
a. 上 線
運 作 與 維 護
b. 測 試
c. 撰 寫 使 用 手 冊
結 案 報 告 書 使 用
手 冊
2012/12/5
d. 撰 寫 結 案 報 告
7

3.2.2 專 題 分 工
表 3-2 專 題 分 工 表
組 員
分 工 項 目
方 致 凱 張 冠 瑋 林 宏 晟 陳 沁 綺
訂 定 專 題 主 題 ● ● ● ●
搜 集 資 料 ● ●
架 構 分 析 ● ● ●
需 求 分 析 ● ● ●
硬 體 架 構 圖 ●
開 發 流 程 圖 ● ●
系 統 架 構 圖 ●
系 統 甘 特 圖 ●
文 獻 整 理 ● ● ●
撰 寫 計 畫 書 ● ● ● ●
使 用 案 例 圖 ● ● ●
網 頁 架 構 設 計 ● ● ● ●
網 頁 程 式 設 計 ● ● ●
美 工 ● ● ●
網 頁 版 面 製 作 ●
網 頁 程 式 製 作 ● ●
系 統 測 試 與 更 正 維 護 ● ● ●
撰 寫 結 案 報 告 ● ● ●
8

3.3 系 統 架 構
3.3.1 系 統 開 發 架 構 圖
圖 3-1 系 統 開 發 架 構 圖
9

3.4 專 題 設 備
本 專 題 所 需 使 用 之 軟 硬 體 有 :
a. 軟 體 方 面 :Photoshop,DreamweaverCS5。
b. 硬 體 方 面 : 電 腦 。
3.5 專 題 時 程 規 劃
本 專 題 由 開 始 規 劃 至 系 統 完 成 , 預 計 會 有 下 列 幾 項 工 作 :
a. 選 主 題 b. 主 題 研 究 c. 撰 寫 企 劃 書 d. 系 統 分 析 e. 系 統 設 計 f. 網 站 架 構
g. 網 站 設 計
圖 3-2 開 發 流 程 圖
10

第 四 章 專 題 成 果
4.1 功 能 的 需 求
4.1.1 需 求 描 述
1. 一 般 瀏 覽 者 可 以 看 到 熱 舞 社 的 最 新 訊 息 。
2. 一 般 瀏 覽 者 可 以 在 此 網 站 看 到 舞 蹈 教 學 影 片 。
3. 一 般 瀏 覽 者 可 以 看 到 表 演 或 比 賽 訊 息 。
4. 一 般 瀏 覽 者 可 以 看 到 我 們 的 表 演 相 片 。
5. 一 般 瀏 覽 者 可 以 看 到 社 團 中 的 各 個 幹 部 。
6. 一 般 瀏 覽 者 可 以 進 入 FB 粉 絲 團 看 到 更 多 關 於 我 們 。
7. 一 般 瀏 覽 者 可 以 看 到 過 去 比 賽 或 表 演 的 訊 息 。
4.1.2 事 件
1. 一 般 瀏 覽 者 可 以 觀 看 最 新 消 息 。
2. 一 般 瀏 覽 者 可 以 觀 看 FB 粉 絲 團 。
3. 瀏 覽 者 可 以 在 網 路 觀 看 教 學 影 片 。
4. 瀏 覽 者 點 擊 各 幹 部 FB。
5. 觀 看 相 片 ” 點 此 看 更 多 ” 看 到 更 多 相 片 。
11

表 4-1 事 件 表
事 件 觸 發 器 來 源 活 動 回 應 目 的 地
一 般 瀏 覽 者 觀 看 首 頁 首 頁 一 般 瀏 覽 者 觀 分 部 分 連 部 分 訊 息 顯 一 般 瀏 覽 者
結 示
一 般 瀏 覽 者 觀 看 教 學 教 學 影 片 一 般 瀏 覽 者 點 擊 教 學 影 顯 示 教 學 影 一 般 瀏 覽 者
影
片
片 連 結 片
一 般 瀏 覽 者 觀 看 幹 部 幹 部 介 紹 一 般 瀏 覽 者 顯 示 幹 部 資 個 幹 部 簡 介 一 般 瀏 覽 者
介
紹
訊
相 片 相 片 一 般 瀏 覽 者 顯 示 活 動 相 表 演 相 片 顯 一 般 瀏 覽 者
片 示
最 新 消 息 最 新 消 息 一 般 瀏 覽 者 顯 示 活 動 消
息
觀 看 最 新 活
動
一 般 瀏 覽 者
表 4-2 詞 彙 表
詞 彙 解 釋 附 註
首 頁
顯 示 部 分 最 新 消 息 、 相 片 、 教 學 影 片 資 訊
教 學 影 片
顯 示 各 類 教 學 影 片
幹 部 介 紹
歷 屆 幹 部 相 關 介 紹
相 片
顯 示 各 活 動 相 關 照 片
最 新 消 息
顯 示 熱 舞 社 最 新 活 動 訊 息
點 此 看 更 多
顯 示 更 多 相 關 介 紹
FB
可 連 結 Y.P.D.C 粉 絲 團
12

4.2 系 統 分 析
4.2.1 使 用 案 例 圖
圖 4-1 使 用 案 例 圖
13

4.2.2 Use Case 描 述
Use Case Specification: 首 頁
1. 名 稱 (Name):
首 頁
2. 參 與 者 (Actors):
一 般 瀏 覽 者
3. 前 提 (Pre-Condition):
已 開 啟 網 路 並 顯 示 首 頁
4. 成 功 條 件 (Successful Post-Conditions):
顯 示 首 頁
5. 失 敗 條 件 (Unsuccessful Post-Conditions):
無 法 顯 示 首 頁
6. 事 件 路 徑
6.1 基 本 路 徑
一 般 瀏 覽 者
系 統 回 應
1.: 輸 入 首 頁 網 址 2. 系 統 顯 示 首 頁
3. 瀏 覽 者 點 選 首 頁 4.: 系 統 顯 示 首 頁
6.2 其 他 / 例 外 路 徑
14

Use Case Specification: 教 學 影 片
1. 名 稱 (Name):
教 學 影 片
2. 參 與 者 (Actors):
一 般 瀏 覽 者 、 管 理 員
3. 前 提 (Pre-Condition):
已 開 啟 網 路 並 顯 示 首 頁
4. 成 功 條 件 (Successful Post-Conditions):
顯 示 教 學 影 片 頁 面
6. 失 敗 條 件 (Unsuccessful Post-Conditions):
無 法 顯 示 網 頁
6. 事 件 路 徑
6.1 正 常 路 徑
一 般 瀏 覽 者
系 統 回 應
1.: 輸 入 首 頁 網 址 2. 系 統 顯 示 首 頁
3. 一 般 瀏 覽 者 點 選 影 片 教 學 4. 顯 示 教 學 影 片 頁 面
5. 一 般 瀏 覽 者 點 選 個 教 學 影 片 6. 播 放 教 學 影 片
6.2 其 他 / 例 外 路 徑
6.2.1
6.2.1 一 般 瀏 覽 者 播 放 影 片 失 敗
步 驟 5. 更 新 Flash 版 本
15

Use Case Specification: 幹 部 介 紹
1. 名 稱 (Name):
幹 部 介 紹
2. 參 與 者 (Actors):
一 般 瀏 覽 者 、 管 理 者
3. 前 提 (Pre-Condition):
4. 已 開 啟 網 路 並 顯 示 首 頁
5. 成 功 條 件 (Successful Post-Conditions):
顯 示 幹 部 介 紹 頁 面
6. 失 敗 條 件 (Unsuccessful Post-Conditions):
無 法 顯 示 網 頁
事 件 路 徑
6.1 正 常 路 徑
一 般 瀏 覽 者
系 統 回 應
1.: 輸 入 首 頁 網 址 2. 系 統 顯 示 首 頁
3. 一 般 瀏 覽 者 點 選 幹 部 介 紹 4. 顯 示 幹 部 介 紹 頁 面
5. 點 選 幹 部 名 稱 連 結 幹 部 FB
6.2 其 他 / 例 外 路 徑
16

Use Case Specification: 相 片
1. 名 稱 (Name):
相 片
2. 參 與 者 (Actors):
一 般 瀏 覽 者 、 管 理 者
3. 前 提 (Pre-Condition):
已 開 啟 網 路 並 顯 示 首 頁
4. 成 功 條 件 (Successful Post-Conditions):
顯 示 相 片 頁 面
5. 失 敗 條 件 (Unsuccessful Post-Conditions):
無 法 顯 示 網 頁
6. 事 件 路 徑
6.1 正 常 路 徑
一 般 瀏 覽 者
系 統 回 應
1.: 輸 入 首 頁 網 址 2. 系 統 顯 示 首 頁
3. 一 般 瀏 覽 者 點 選 相 片 4. 顯 示 各 活 動 照 片
5. 點 此 看 更 多 顯 示 更 多 相 片
6.2 其 他 / 例 外 路 徑
17

Use Case Specification: 最 新 消 息
1. 名 稱 (Name):
最 新 消 息
2. 參 與 者 (Actors):
一 般 瀏 覽 者 、 管 理 者
3. 前 提 (Pre-Condition):
已 開 啟 網 路 並 顯 示 首 頁
4. 成 功 條 件 (Successful Post-Conditions):
顯 示 最 新 消 息
5. 失 敗 條 件 (Unsuccessful Post-Conditions):
無 法 顯 示 網 頁
6. 事 件 路 徑
6.1 正 常 路 徑
一 般 瀏 覽 者
系 統 回 應
1.: 輸 入 首 頁 網 址 2. 系 統 顯 示 首 頁
3. 一 般 瀏 覽 者 觀 看 活 動 消 息 4. 點 選 活 動 訊 息 之 後 顯 示 詳 細 資 訊
18

Use Case Specification:FB
1. 名 稱 (Name):
FB
2. 參 與 者 (Actors):
一 般 瀏 覽 者 、 管 理 者
3. 前 提 (Pre-Condition):
已 開 啟 網 路 並 顯 示 首 頁
4. 成 功 條 件 (Successful Post-Conditions):
顯 示 FB 粉 絲 團 頁 面
5. 失 敗 條 件 (Unsuccessful Post-Conditions):
無 法 顯 示 網 頁
6. 事 件 路 徑
6.1 正 常 路 徑
一 般 瀏 覽 者
系 統 回 應
1.TUCBW: 管 理 者 點 選 管 理 商 品 資 訊 2. 系 統 顯 示 欲 管 理 的
3. 管 理 者 點 選 修 改 商 品 資 訊 4. 系 統 顯 示 修 改
6.2 其 他 / 例 外 路 徑
19

Use Case Specification: 維 護 網 站
6. 名 稱 (Name):
維 護 網 站
7. 參 與 者 (Actors):
管 理 者
8. 前 提 (Pre-Condition):
管 理 者 必 須 開 啟 修 改 系 統
9. 成 功 條 件 (Successful Post-Conditions):
系 統 功 能 更 新
失 敗 條 件 (Unsuccessful Post-Conditions):
無 法 顯 示 網 頁
6. 事 件 路 徑
6.1 正 常 路 徑
一 般 瀏 覽 者
系 統 回 應
1.TUCBW: 管 理 者 點 選 更 改 區 域 2. 系 統 顯 示 修 改 區 域
3. 管 理 者 點 選 修 改 資 訊 4. 系 統 顯 示 更 新 修 改 後 的 介 面
6.2 其 他 / 例 外 路 徑
20

4.2.3 循 序 圖
圖 4-2 循 序 圖 ─ 首 頁
圖 4-3 循 序 圖 ─ 相 片
21

圖 4-4 循 序 圖 ─ 教 學 影 片
圖 4-5 循 序 圖 ─ 幹 部 介 紹
22

圖 4-6 循 序 圖 -FB 粉 絲 團
23

4.3 系 統 介 紹
圖 4-11 Y.P.D.C- 首 頁 圖
(1) 首 頁 一 般 瀏 覽 者 進 入 網 站 的 啟 始 頁 面 。
圖 4-12 –Y.P.D.C 教 學 影 片 介 面 圖
(2) 教 學 影 片 提 供 各 類 的 影 音 教 學 。
24

圖 4-13 Y.P.D.C 幹 部 介 紹 圖
(3) 幹 部 介 紹 歷 屆 幹 部 詳 細 介 紹 。
圖 4-14 Y.P.D.C 相 片 介 面 圖
(4) 相 片 活 動 照 片 剪 輯 。
25

圖 4-15 Y.P.D.C 最 新 消 息
(5) 最 新 消 息 將 舉 辦 過 的 活 動 內 容 呈 現 。
圖 4-16 Y.P.D.C FB 粉 絲 團 連 結 圖
(6) FB 粉 絲 團 連 結 圖 更 多 相 關 訊 息 。
26

圖 4-17 Y.P.D.C 首 頁 分 享 影 片 區 塊
(7) 首 頁 分 享 影 片 國 外 影 片 分 享 。
圖 4-18Y.P.D.C 首 頁 標 題 區 塊
(8) 標 題 網 站 LOGO 圖 。
27

圖 4-19Y.P.D.C 首 頁 最 新 消 息 區 塊
(9) 最 新 消 息 部 分 最 新 消 息 。
圖 4-20 Y.P.D.C 首 頁 相 片 區 塊
(10) 首 頁 相 片 區 塊 相 片 功 能 。
28

圖 4-21Y.P.D.C 首 頁 幹 部 介 紹 區 塊
(11) 首 頁 幹 部 介 紹 區 塊 幹 部 介 紹 功 能 。
29

4.4 瀏 覽 者 手 冊
圖 4-22 首 頁
(1) 首 頁 : 在 這 裡 可 以 看 到 所 有 關 於 功 能 的 頁 面
30

圖 4-23 – 教 學 影 片
(2) 教 學 影 片 : 這 裡 可 以 瀏 覽 各 類 教 學 影 片 、 活 動 表 演 影 片
31

圖 4-24- 幹 部 介 紹
(3) 幹 部 介 紹 : 個 幹 部 資 訊 介 紹 , 點 擊 幹 部 FB 即 可 連 結 詳 細 資 訊
32

圖 4-25- 相 片
(4) 相 片 : 過 往 活 動 相 片 剪 輯 在 這 都 可 以 看 到 , 點 此 看 更 多 有 更 多 的 照 片 瀏 覽
33

圖 4-26- 最 新 消 息
(5) 最 新 消 息 : 熱 舞 社 比 賽 活 動 、 表 演 活 動 詳 細 資 訊 。
34

圖 4-27 –FB 粉 絲 團
(6) FB 粉 絲 團 : 詳 細 熱 舞 社 介 紹 、 更 多 相 片 影 片 在 此 可 瀏 覽 。
35

第 五 章 結 論 與 建 議
5.1 結 論
在 成 果 方 面 , 本 組 專 題 由 觀 看 其 他 教 學 網 以 及 所 有 相 關 文 獻 , 製 作 出 屬 於
本 熱 舞 社 特 色 和 創 新 的 網 站 。 讓 各 個 瀏 覽 者 對 此 社 團 耳 目 一 新 、 印 象 深 刻 , 本
組 架 設 簡 易 網 站 的 架 構 , 以 清 晰 明 瞭 的 原 則 進 行 規 劃 , 打 造 出 快 速 瀏 覽 、 深 刻
留 心 的 全 新 架 構 讓 愛 好 跳 舞 的 朋 友 更 了 解 熱 舞 社 。
5.2 建 議 與 未 來 展 望
經 過 整 體 研 究 以 及 製 作 流 程 過 後 , 加 上 時 間 有 限 以 及 能 力 有 限 的 情 況 下 ,
本 組 專 題 發 現 仍 有 許 多 能 夠 改 進 的 地 方 , 於 是 討 論 出 幾 項 未 來 發 展 的 項 目 , 用
以 改 進 及 加 強 此 網 站 , 使 之 能 夠 呈 現 一 個 更 完 全 更 豐 富 的 教 學 網 站 , 喜 愛 舞 蹈
的 瀏 覽 者 。 再 增 加 許 多 網 站 特 效 來 使 熱 舞 社 更 廣 為 人 知 。
1. 此 網 站 未 經 過 瀏 覽 者 的 建 議 及 改 進 , 所 以 仍 然 有 許 多 可 能 需 要 改 進 的 地 方 ,
本 組 專 題 希 望 藉 由 瀏 覽 者 以 及 各 位 評 審 老 師 所 提 供 的 意 見 , 將 其 改 善 至 更
完 善 周 全 。
2. 此 網 站 目 前 以 圖 片 文 字 檔 為 主 , 希 望 藉 由 往 後 更 充 裕 的 時 間 製 作 出 更 生 動
的 動 畫 頁 面 , 讓 瀏 覽 者 更 能 夠 感 受 到 舞 蹈 的 魅 力 。
3. 日 後 如 將 此 網 站 公 開 , 能 藉 由 往 後 更 充 裕 的 時 間 來 建 設 有 關 連 結 社 群 網 站
的 功 能 , 藉 此 讓 本 網 站 知 名 度 提 高 , 讓 瀏 覽 者 有 更 多 的 功 能 來 使 用 。
36

參 考 文 獻
1. UML 物 件 導 向 系 統 分 析 與 設 計 作 者 : 游 峰 碩
2.Dreamweaver CS6 魔 法 書 作 者 : 施 威 銘 研 究 室
3. 梅 問 題 http://www.minwt.com/category/html
4. 飛 肯 工 作 室 http://www.flycan.com/article/category/dreamweaver
37

附 錄
會 議 記 錄
專 題 名 稱
日 期 2012/3/28 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 17:00
內 容 第 一 次 會 議 , 討 論 固 定 開 會 時 間 & 注 意 事 項
決 議 每 周 三 社 團 時 間 下 午 兩 點 固 定 開 會 & 找 書 學 習
導 師 建 議 多 上 網 找 尋 資 訊
日 期 2012/4/4 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 14:00
內 容 第 二 次 會 議 , 說 明 個 人 目 前 學 習 狀 況
決 議 學 習 程 度 不 夠 , 重 點 部 分 要 加 強
導 師 建 議 多 問 、 多 上 網 找 資 訊
日 期 2012/4/11 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 14:00
內 容 第 三 次 會 議 , 參 考 網 路 範 本 , 討 論 題 目 方 向
決 議 決 定 製 做 元 培 熱 舞 社 網 站 , 找 尋 相 關 資 訊
導 師 建 議 請 同 學 問 問 熱 舞 社 同 學 社 團 資 料
日 期 2012/4/18 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 14:00
內 容 第 四 次 會 議 , 提 出 網 站 架 構 想 法 & 下 學 期 開 會 時 間
決 議 找 舞 蹈 相 關 教 學 網 站 參 考 & 開 會 時 間 比 照 上 學 期
導 師 建 議 網 站 架 構 可 以 上 網 找 尋 模 組
日 期 2012/4/25 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 14:00
內 容 第 四 次 會 議 , 提 出 網 站 架 構 想 法
決 議 找 舞 蹈 相 關 教 學 網 站 參 考
導 師 建 議 網 站 架 構 可 以 上 網 找 尋 模 組
38

日 期 2012/5/2 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 14:00
內 容 第 五 次 會 議 , 確 定 企 劃 書 要 件
決 議 確 定 企 劃 書 內 容
導 師 建 議 盡 速 完 成 企 劃 書 初 稿
日 期 2012/5/9 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 14:00
內 容 第 六 次 會 議 , 提 出 企 劃 出 初 稿
決 議 內 容 還 不 足 夠
導 師 建 議 補 足 之 後 在 審 件
日 期 2012/5/16 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 14:00
內 容 第 七 次 會 議 , 指 出 企 劃 書 修 改 部 分 , 並 開 始 設 計 版 型
決 議 增 加 使 用 案 例 圖 、 架 構 圖
導 師 建 議 圖 件 有 誤 需 要 修 改
日 期 2012/5/23 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 14:00
內 容 第 八 次 會 議 , 討 論 下 學 期 會 議 時 間 & 專 題 進 度
決 議 每 周 三 上 午 11 點
導 師 建 議 進 步 稍 微 落 後 要 加 快
日 期 2012/9/19 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 11:00
內 容 第 九 次 會 議 , 網 站 所 需 資 料
決 議 有 同 學 提 供 相 關 資 訊
導 師 建 議 網 站 架 構 可 更 好
日 期 2012/10/24 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 11:00
內 容 第 十 次 會 議 , 網 站 架 設 進 度
決 議 已 把 網 站 所 要 資 訊 資 料 , 編 入 網 站
導 師 建 議 可 使 用 動 畫 來 幫 助 網 站 美 觀
39

日 期 2012/10/24 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 11:00
內 容 第 十 一 次 會 議 , 網 站 架 設 進 度
決 議 放 入 舞 蹈 教 學 影 片
導 師 建 議 影 片 部 分 可 多 放
日 期 2012/11/21 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 11:00
內 容 第 十 二 次 會 議 , 討 論 企 劃 書 還 需 修 改 地 方
決 議 修 改 完 E-mail 給 指 導 老 師
導 師 建 議 盡 速 修 改 完 成
日 期 2012/12/5 地 點 A103 實 驗 室 主 席 杜 建 志 紀 錄 張 冠 偉
出 席 者 林 宏 晟 、 陳 沁 琦 、 張 冠 偉 、 方 致 凱 、 杜 建 志 時 間 11:00
內 容 第 十 三 次 會 議 , 討 論 企 劃 書 還 需 修 改 地 方
決 議 如 何 製 作 海 報 及 PPT 檔
導 師 建 議 淺 顯 易 懂 就 可 以 。
40

Y.P.D.C
元
培
科
技
大
學
資
訊
管
理
系
畢
業
專
題
元
培
熱
舞
社
方
致
凱
陳
沁
綺
林
宏
晟
張
冠
瑋
41