第三章 專題設計與規劃
3.3 系統藍圖
圖 3-2 網站架構圖
1. 使用者：任何使用者均瀏覽此網站，另外還提供留言版，可以做線上留言，
不須註冊會員，即可留言。
2. 相簿典藏：將慶典活動照片蒐集彙整，再放置數位典藏網站。
3. 隨選視訊：利用串流影音讓使用者能夠在線上瀏覽影音，不容易 LAG。
4. 後台管理：只有一位管理者能夠進入管理介面，對留言版、最新消息、真 人真事、等介面，並且可以進行新增、刪除、修改資訊之功能。
(2)硬體方面
Framework 2.0、.Net Framework 3.5
PC：Microsoft Windows XP、IIS、Macromedia Dreamweaver cs3、Macromedia Flash cs3、Photoshop、C#、繪聲繪影 11
(1)軟體方面 3.4 專題設備
Server：Intel Xeon 2.33GHz、DDR II800-RAM 2.0G、HD 250GB、DVD-ROM PC：Intel(R) Celeron2.4GHz、DDR400-RAM 1.0G、HD 40GB、DVD-ROM Server：Microsoft Windows Server2003 RC2、Media Server、IIS、.Net 本專題所使用的軟硬體如下：
圖 3-3 硬體架構圖
本專題從開始規劃到系統完成之間所有時程，排定流程如下：
3.5.1 甘特圖 3.5 專題時程規劃
3.5.2 專題分工表
第四章 專題成果
e.留言版：提供使用者簡易、方便、好操作性之留言版。
(2)非功能性需求（Non-Functional Requirement）
a. 使用性(Usability)
(a) 對於使用者必須容易瀏覽網站，也符合年長者方便性操作，不需太複 雜的功能。
(b) 對於網站使用手冊必須有詳細的文字介紹。
(c) 使用者必須對此網站感到有興趣。
b. 可靠度(Reliability)
(a) 系統當機次數必須小於 3 次/每年。
(b) 影音庫瀏覽失敗次數必須小於 1 次/每星期。
(c) 資料庫遊戲排行榜顯示失敗次數必須小於 1 次/每個月。
c. 表現度(Performance)
(a) 資料庫讀取速度必須小於 1 分鐘/每次。
(b) 系統對於頁面切換過程必須在 5 秒內完成。
(c) Flash 首頁動畫的延遲次數必須小於 2 次/當天使用。
4.2 系統分析 4.2.1 使用案例圖
圖 4-1 使用案例圖
4.2.2 Use Case 描述
數位典藏_保生大帝九年巡醮紀錄 組別：A6
組員：白家榕、徐婕剛、何雅婷、黃莉媜
使用案例：瀏覽網頁 版本：0.2
編號：UC-315-0001
Use Case Specification：瀏覽網頁 1. 名稱（Name）：
瀏覽網頁
1.1 簡述（Brief Description）：
這個使用案例描述使用者瀏覽網頁之過程 2. 參與者（Actors）：
使用者
3. 前提（Pre-Conditions）：
使用者已經連結網路並開啟數位典藏網站 4. 成功條件（Successful Post-Conditions）：
顯示網頁成功
5. 失敗條件（Unsuccessful Post-Conditions）：
網路連結沒有成功
6.2 其它/例外路徑(alternative/exceptional course)：
無
數位典藏_保生大帝九年巡醮紀錄 組別：A6
組員：白家榕、徐婕剛、何雅婷、黃莉媜
使用案例：播放影音 版本：0.2
編號：UC-315-0002
Use Case Specification：播放影音 1. 名稱（Name）：
播放影音
1.1 簡述（Brief Description）：
這個使用案例描述使用者觀看隨選視訊之過程 2. 參與者（Actors）：
使用者
3. 前提（Pre-Conditions）：
使用者已經連結網路並開啟數位典藏網站 4. 成功條件（Successful Post-Conditions）：
成功播放影音檔
5. 失敗條件（Unsuccessful Post-Conditions）：
網路連結沒有成功 12.TUCEW：系統顯示播放影音檔
6.2 其它/例外路徑(alternative/exceptional course)：
6.2.1 播放失敗
數位典藏_保生大帝九年巡醮紀錄 組別：A6
組員：白家榕、徐婕剛、何雅婷、黃莉媜
使用案例：玩互動遊戲 版本：0.2
編號：UC-315-0003
Use Case Specification：玩互動遊戲 1. 名稱（Name）：
玩互動遊戲
1.1 簡述（Brief Description）：
這個使用案例描述使用者玩互動遊戲之過程 2. 參與者（Actors）：
使用者
3. 前提（Pre-Conditions）：
使用者已經連結網路並開啟數位典藏網站 4. 成功條件（Successful Post-Conditions）：
成功開啟遊戲區頁面
5. 失敗條件（Unsuccessful Post-Conditions）：
網路連結沒有成功
6. 事件路徑（Flow of Events）：
正常路徑 (Typical Course of Events)
Actor 動作 系統回應
16.TUCEW：系統顯示使用者的成績
6.2 其它/例外路徑(alternative/exceptional course)：
數位典藏_保生大帝九年巡醮紀錄 組別：A6
組員：白家榕、徐婕剛、何雅婷、黃莉媜
使用案例：撰寫留言 版本：0.2
編號：UC-315-0004
Use Case Specification：撰寫留言 1. 名稱（Name）：
撰寫留言
1.1 簡述（Brief Description）：
這個使用案例描述使用者撰寫留言之過程 2. 參與者（Actors）：
使用者
3. 前提（Pre-Conditions）：
使用者已經連結網路並開啟數位典藏網站 4. 成功條件（Successful Post-Conditions）：
成功開啟撰寫留言
5. 失敗條件（Unsuccessful Post-Conditions）：
網路連結沒有成功
6. 事件路徑（Flow of Events）：
正常路徑 (Typical Course of Events)
Actor 動作 系統回應 12. TUCEW：系統顯示使用者留言內容
6.2 其它/例外路徑(alternative/exceptional course)：
數位典藏_保生大帝九年巡醮紀錄 組別：A6
組員：白家榕、徐婕剛、何雅婷、黃莉媜
使用案例：登入系統 版本：0.2
編號：UC-315-0005
Use Case Specification：登入系統 1. 名稱（Name）：
登入系統
1.1 簡述（Brief Description）：
這個使用案例描述管理者登入之過程 2. 參與者（Actors）：
管理者
3. 前提（Pre-Conditions）：
管理者已經連結網路並開啟數位典藏網站 4. 成功條件（Successful Post-Conditions）：
顯示登入頁面
5. 失敗條件（Unsuccessful Post-Conditions）：
網路連結沒有成功
6. 事件路徑（Flow of Events）：
正常路徑 (Typical Course of Events)
Actor 動作 系統回應
1.TUCBW：系統管理者登入 2.系統顯示首頁 3.系統管理者輸入帳號密碼登入 4.系統檢核帳號密碼
5.檢核成功
6.TUCEW：系統顯登入頁面
6.2 其它/例外路徑(alternative/exceptional course)：
6.2.1 帳號密碼驗證失敗
步驟4 管理者需要輸入帳號密碼，重新驗證。
Actor 動作 系統回應
11.TUCEW：返回管理網站資料頁面
數位典藏_保生大帝九年巡醮紀錄 組別：A6
組員：白家榕、徐婕剛、何雅婷、黃莉媜
使用案例：維護網站資料 版本：0.2
編號：UC-315-0006
6. 事件路徑（Flow of Events）：
5. 失敗條件（Unsuccessful Post-Conditions）：
網路連結沒有成功
4. 成功條件（Successful Post-Conditions）：
顯示維護網站資料
3. 前提（Pre-Conditions）：
管理者已經連結網路並開啟數位典藏網站 2. 參與者（Actors）：
管理者
1. 名稱（Name）：
維護網站資料
正常路徑 (Typical Course of Events) 1.1 簡述（Brief Description）：
6.2.1 帳號密碼驗證失敗
6.2 其它/例外路徑(alternative/exceptional course)：
這個使用案例描述管理者維護網站資料之過程
Use Case Specification：維護網站資料
4.2.3 使用者循序圖
4.2.4 管理者循序圖
4.3 系統介紹 1.首頁動畫
圖 4-11 FLASH 首頁動畫
圖 4-13 首頁動畫－進入首頁
2.首頁
3.真人真事
圖 4-15 系統頁面─真人真事
設計理念：真實案例，陳貴雄先生因咳嗽看醫生都看不好，結果向保生大帝 求藥也求不到藥，神的旨意就是將菸戒掉就會好，果真戒菸後身體就康復。
4.賢孝里
4.遊戲區
圖 4-17 系統頁面─遊戲區
設計理念：除了瀏覽網站資訊，還能玩遊戲，讓使用者不會覺得乏味無聊。
5.留言版
6.隨選視訊
圖 4-19 系統頁面─隨選視訊
設計理念：提供使用者線上觀看影音，了解當地祭典儀式過程。
7.相簿典藏
圖 4-20 系統頁面─相簿典藏 設計理念：提供使用者瀏覽靜態影像。
8.地圖導覽
圖 4-21 系統頁面─地圖導覽
圖 4-22 系統頁面─地圖導覽
4.4 使用手冊 4.4.1 使用者手冊
1.利用IE瀏覽器，開啟數位典藏網站，在網址列輸入「www.315.idv.tw」。
圖 4-23 使用者操作－開啟網際網路
2.進入網站看到首頁動畫，點選 SKIP 直接進入，或者是等待右邊 FLASH 動 畫跑完，出現一個人舉著進入的牌子，即可點選進入首頁。
圖 4-24 使用者操作－點選進入首頁畫面
3.進入首頁畫面。
4.點選真人真事頁面。
圖 4-26 使用者操作－真人真事
5.點選賢孝里頁面。
6.點選最新消息頁面
圖 4-28 使用者操作－最新消息
7.點選遊戲區-棒打妖怪頁面
8.開始遊戲-棒打妖怪
圖 4-30 使用者操作－遊戲區 開始棒打妖怪
9.遊戲棒打妖怪進行中
10.棒打妖怪遊戲結束會顯示成績，必須輸入姓名成績將會儲存到資料庫。
圖 4-32 使用者操作－遊戲區 棒打妖怪結束
11.顯示棒打妖怪成績畫面。
12.點選遊戲區-連連看頁面
圖 4-34 使用者操作－遊戲區 連連看
13.開始遊戲-連連看
圖 4-36 使用者操作－遊戲區 連連看進行中
15.遊戲連連看結束。
16.點選遊戲區-線上擲爐主頁面
圖 4-38 使用者操作－遊戲區 線上擲爐主
17.點選箭頭開始遊戲-線上擲爐主
18.線上擲爐主卷軸畫面跑完，即可點選箭頭進入。
圖 4-40 使用者操作－遊戲區 開始進入線上擲爐主(二)
19.接著點選箭頭進入。
20.時間開始倒數，使用者點選擲筊按鈕。
圖 4-42 使用者操作－遊戲區 擲筊杯進行中
21.線上擲筊杯遊戲結束會顯示成績，必須輸入姓名成績將會儲存到資料庫。
22.顯示線上擲筊杯成績畫面。
圖 4-44 使用者操作－遊戲區 顯示線上擲筊杯成績畫面
23.點選相簿典藏。
24.進入相簿典藏。
圖 4-46 使用者操作－瀏覽相片
25.點選隨選視訊頁面，點 GO 按鈕，即可播放影片。
26.播放器畫面。
圖 4-48 使用者操作－播放器畫面
27.點選留言版，接著點選我要留言。
28.使用者輸入留言內容。
圖 4-50 使用者操作－留言版 輸入留言內容
29.顯示使用者留言內容。
4.4.2 管理者手冊
圖 4-52 管理者操作－點選隱藏式登入系統
圖 4-54 管理者操作－編輯最新消息
圖 4-56 管理者操作－輸入內容點選更新
圖 4-57 管理者操作－顯示更新
圖 4-58 管理者操作－刪除最新消息
圖 4-60 管理者操作－輸入最新消息內容
圖 4-61 管理者操作－編輯留言版的文章
圖 4-62 管理者操作－更新留言內容
圖 4-64 管理者操作－輸入留言
圖 4-65 管理者操作－刪除留言
圖 4-66 管理者操作－點選登出系統
第五章 結論與建議
1. 隨選視訊：使用者的電腦大多都有 windows media player 播放器，即可線 上觀看宗教記錄片，裡面有少見的特殊景象，值得社會大眾觀賞。
5.1.2 其他成果
本組除了幫賢孝里架設數位典藏網站，另外還有設計海報、明信片給賢孝 里，成果展示如下：
海報設計成果
圖 5-1 賢孝里海報(一)
明信片設計成果
表 5-1 明信片
明信片正面 明信片反面
5.2 未來發展
保生大帝祭典儀式數位化以後，能夠作為文史工作者研究的資訊，讓他們可 以繼續追蹤與考察，還能夠拿回中國大陸作為相關考察，對過去和現在的差別去 做比較，然後在將資料更新，讓這個保生大帝的數位典藏紀錄繼續永久傳承，提 供更新的資訊。藉由典藏紀錄把資訊完整性保存，讓以後交接到保生大帝的爐 主，能夠看到紀錄片去知道儀式要如何進行，使祭典儀式能夠更加的完整性。另 外，特有的宗教文化被保存和紀錄, 吸引更多的社會大眾了解這一項文化習俗，
讓更多人知道淡水鎮、三芝鄉一帶，有特殊宗教文化的祭祀活動，也專家學者在 需要時作為參考,也可以在本網站內找尋相關資訊。
參考文獻
【書籍類】
20. 李敏、胡蘇望，「Photoshop 應用色彩學」，初版，台北市，文魁資訊，民國 98 年。
21. 游萩平、吳國慶，「Photoshop」－數位相片特效修煉術，初版，台北市，上 奇科技，民國95 年。
22. 王煦淳，「Web Layout 設計的美學」，初版，台北市，旗標，民國 96 年。
23. 哲也研究室，「PHOTOSHOP 創意文字設計」，初版，台北市，再生出版，
民國94 年。
24. 許政憲、張嘉琪，「SQL Server 2005」資料庫實務應用，初版，台北市，金
24. 許政憲、張嘉琪，「SQL Server 2005」資料庫實務應用，初版，台北市，金