第二章 文獻探討
2.7 虛擬實境相關資訊
2.7.3 混合式虛擬實境
2 . 8 文獻結論
在文獻探討內容各大專院校的相關學生資訊系統，我們發現，大部分的大專院校的學生 資訊系統或是選課系統的功能種類繁多，但是真正會使用的功能卻稀少，大都忽略了學生在 大學生活的真正需求，我們要修改的，是以現有文獻真正會被利用的功能，以及搭配影像式 的虛擬實境系統，來進行校園的導覽，以因應學生的真正需求來規劃我們學生資訊補給棧的 研究。
第三章 專題規劃
3.2 系統開發方法
3.3 系統架構藍圖
3.4 專題設備
3. 網頁製作程式: Macromedia Dreamweaver 4. 相關軟體：Macromedia flash 8
3.5 效益分析與預期貢獻
3.6 專題時間排程
本專題由開始規劃至專題計畫書製作完成的現行排程，以及專題計畫書至系統完成的未 來時間排程，如下甘特圖：
圖 3.3 甘特圖
3.7 專題分工
第四章 專題成果
使用者點選書籍資訊 進入要求 使用者 連結書籍資訊頁
面
連結相關網頁資訊 使用者
使用者點選留言版 進入要求 使用者 提供連結留言版 連結留言版頁面 使用者
管理者登入管理頁面 進入要求 管理者 連結登入系統 登入頁面 管理者
詞彙表：
詞彙 解釋 附註
校園導覽 校園各大樓位置標示導覽
3D 導覽 以 3D 影像環境方式呈現資管系大
樓的位置
使用程式為 Panorama Maker 3.0 &
Pan 2QTVR Gui
4.1.2 非功能性需求 1. 使用性：
1.此系統對於初學者而言，必須能夠簡單的學習和使用。
2.此系統在軟硬體上的需求和使用手冊上必須有向近的文件紀錄。
II. 可靠度：
1.當機次數必須小於 1000 分之 1。
III.表現度：
1.對於瀏覽資料的回應時間不可大於兩秒。
2.對於相片播放的回應時間不可大於一秒。
4.2 系統分析
4.2.1 使用案例圖
圖 4.1 使用案例圖
4.2.2 使用者路徑描述
4.2.2.1 瀏覽最新消息使用者路徑描述 1 名稱(Name)
瀏覽最新消息
1.1 簡述(Brief Description)
這個使用案例描述使用者瀏覽資訊管理系最新發布的消息。
2 參與者(Actors) 使用者
3 前提(Pre-Conditions)
使用者點選首頁動畫頁面之中的「ENTER」按鈕進入主要頁面。
4 成功條件(Successful Post-Conditions) 瀏覽到主要頁面上系統發布的最新消息。
5 失敗條件(Unsuccessful Post-Condition) 無
6 事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
Actor 動作 系統回應
1.TUCWB:點選首頁動畫的 ENTER 鍵 2.TUCEW:系統顯示主要頁面(含最新消息)
3.
4.2.2.2 瀏覽最新消息使用者路徑描述 1 名稱(Name)
瀏覽導覽系統
1.1 簡述(Brief Description)
這個使用案例描述使用者觀看影像導覽資管系大樓四週的動作。
2 參與者(Actors) 使用者
3 前提(Pre-Conditions)
使用者點選資管系導覽的按鈕，並且想要知道資管系大樓的位置。
4 成功條件(Successful Post-Conditions) 瀏覽到資管系大樓的 3D 影像式虛擬照片。
5 失敗條件(Unsuccessful Post-Condition) 無
6 事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
Actor 動作 系統回應
1.TUCWB:點選主要頁面的資管系導覽 2.系統顯示資管系 3D 影像導覽於內頁
3.選取操作虛擬影像導覽 4.TUCEW:系統顯示使用者要求的畫面
4.2.2.3 瀏覽最新消息使用者路徑描述 1 名稱(Name)
瀏覽生活資訊
1.1 簡述(Brief Description)
這個使用案例描述使用者瀏覽系統食衣住行之相關資訊的動作。
2 參與者(Actors) 使用者
3 前提(Pre-Conditions)
使用者點選資生活資訊的按鈕，並且想要知道元培附近食衣住行的相關資訊。
4 成功條件(Successful Post-Conditions) 瀏覽到元培附近食衣住行的相關資訊。
5 失敗條件(Unsuccessful Post-Condition) 無
6 事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
Actor 動作 系統回應
1.TUCWB:點選主要頁面的生活資訊(食衣
住行項目)。
2. TUCEW:系統顯示元培附近的食衣住行
資訊頁面。
4.2.2.4 瀏覽書籍資訊使用者路徑描述 1 名稱(Name)
瀏覽書籍資訊
1.1 簡述(Brief Description)
這個使用案例描述使用者瀏覽書籍購買之相關資訊的動作。
2 參與者(Actors) 使用者
3 前提(Pre-Conditions)
使用者點選資書籍資訊的按鈕，並且想要知道得知教科書或者其他書籍的相關資訊。
4 成功條件(Successful Post-Conditions) 瀏覽到書籍網站的相關資訊。
5 失敗條件(Unsuccessful Post-Condition) 無
6 事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
Actor 動作 系統回應
1.TUCWB:點選主要頁面的書籍資訊(相關
書籍買賣網站)。
2. TUCEW:系統顯示相關書籍買賣網站及
連結頁面。
4.2.2.5 瀏覽相簿使用者路徑描述 1 名稱(Name)
瀏覽相簿
1.1 簡述(Brief Description)
這個使用案例描述使用者瀏覽系上活動相簿的相關動作。
2 參與者(Actors) 使用者
3 前提(Pre-Conditions)
使用者點選相簿想要觀看系上活動的成果照片。
4 成功條件(Successful Post-Conditions) 瀏覽到使用者想要觀看的相片。
5 失敗條件(Unsuccessful Post-Condition) 無
6 事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
Actor 動作 系統回應
4.2.2.6 發表留言使用者路徑描述 1 名稱(Name)
發表留言
1.1 簡述(Brief Description)
這個使用案例描述使用者在系統上留言版留言的動作。
2 參與者(Actors) 使用者
3 前提(Pre-Conditions)
使用者點選留言版想要發表留言。
4 成功條件(Successful Post-Conditions) 使用者發表留言完成。
5 失敗條件(Unsuccessful Post-Condition) 無
6 事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
Actor 動作 系統回應
1.TUCWB:點選主要頁面的留言版按鈕 2.系統顯示留言版於頁面
3.使用者發表留言並點選送出 4.TUCEW:系統將使用者發表的留言顯示
在頁面上
4.2.2.6 發表留言使用者路徑描述 1 名稱(Name)
發表留言
1.1 簡述(Brief Description)
這個使用案例描述使用者在系統上留言版留言的動作。
2 參與者(Actors) 使用者
3 前提(Pre-Conditions)
使用者點選留言版想要發表留言。
4 成功條件(Successful Post-Conditions) 使用者發表留言完成。
5 失敗條件(Unsuccessful Post-Condition) 無
6 事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
Actor 動作 系統回應
1.TUCWB:點選主要頁面的留言版按鈕 2.系統顯示留言版於頁面
3.使用者發表留言並點選送出 4.TUCEW:系統將使用者發表的留言顯示
在頁面上
4.2.2.7 管理網頁使用者路徑描述 1 名稱(Name)
管理網頁
1.1 簡述(Brief Description)
這個使用案例描述管理者在系統上進行管理的動作。
2 參與者(Actors) 管理者
3 前提(Pre-Conditions)
管理者想要進行網頁上資訊的新增、刪除、修改的動作。
4 成功條件(Successful Post-Conditions) 管理者新增、刪除、修改了網頁上的資料。
5 失敗條件(Unsuccessful Post-Condition) 無
6 事件路徑(Flow of Events)
6.1 基本路徑(Typical Course of Events)
Actor 動作 系統回應
4.2.3 循序圖
4.2.3.1 瀏覽最新消息
4.2.3.2 瀏覽導覽系統
圖 4.3 瀏覽導覽系統循序圖
4.2.3.3 瀏覽生活資訊_食
圖 4.4 瀏覽生活資訊_食循序圖
4.2.3.4 瀏覽生活資訊_衣
圖 4.5 瀏覽生活資訊_衣循序圖
4.2.3.5 瀏覽生活資訊_住
圖 4.6 瀏覽生活資訊_住循序圖
4.2.3.6 瀏覽生活資訊_行
圖 4.7 瀏覽生活資訊_行循序圖
4.2.3.7 瀏覽書籍資訊
圖 4.8 瀏覽書籍資訊循序圖
4.2.3.8 瀏覽相簿
圖 4.9 瀏覽相簿循序圖
4.2.3.9 發表留言
圖 4.10 發表留言循序圖
4.2.3.10 管理網頁_留言版
圖 4.11 管理網頁_留言版循序圖
4.2.3.11 管理網頁_最新消息
圖 4.12 管理網頁_最新消息循序圖
4.3 系統介紹
4.4 使用手冊
1. 輸入網址http://localhost/index.html 進入網頁前動畫如下：
圖 4.13 使用教學 1 2.點選 Enter 以後進入首頁如下：
3.進行校園導覽，點選資管系 3D 導覽
圖 4.15 使用教學 3
4.進入導覽以後遊標移動在相片上可以遊移在資管系大樓，並且上樓下樓，進出教室。
圖 4.16 使用教學 4
5.點選元培地圖導覽
圖 4.17 使用教學 5
6.點選地圖上的紅色三角形，可以看見蓋處大樓外觀的照片。
7.點選任何一個相簿，將會連結到相簿顯示的頁面。
圖 4.19 使用教學 7
8.相片顯示頁面如下，一開始中間並無顯示照片，可以選擇照片點選。
圖 4.20 使用教學 8
9.選擇照片點選以後會如下顯示。
圖 4.21 使用教學 9 10.點選生活資訊中的食衣住行：
11.食的部分，顯示學校附近吃的店家介紹。
圖 4.23 使用教學 11 12.衣的部分，顯示學校附近洗衣服的店家。
圖 4.24 使用教學 12
13.住的部分，則提供學校附近的租屋資訊。
圖 4.25 使用教學 13 14.行的部分，提供公車的路線和時刻表。
15.點選公車路線以後，則會出現時刻表如下：
圖 4.27 使用教學 15 16.點選書籍資訊的相關網站資訊：
圖 4.28 使用教學 16
17.點選其中一個書店的介紹如下：
圖 4.29 使用教學 17 18.點選留言版可以進行留言：
圖 4.30 使用教學 18
19. 留言時，輸入想要留下的名子，和想要發表的內容。
圖 4.31 使用教學 19 20.留言成功如下：
圖 4.32 使用教學 20
21.後台管理的部分(留言版)，點選管理按鈕:
圖 4.33 使用教學 21 22.輸入帳號和密碼：
23.登入以後便可以進行留言的刪除。
圖 4.35 使用教學 23 24.後台管理最新消息的部分進入網址http://localhost/4.htm
圖 4.36 使用教學 24
25.進入公告維護作業，可以點選資料進行刪除。
圖 4.37 使用教學 25 26.點選新增以後，可以新增公告。
圖 4.38 使用教學 26
第五章 結論與建議
這個專題研究的產出過程驚險，歷經所有資料的行動硬碟消失等等的事件，終於跌跌撞 撞的完成。而這個系統具備了讓一個大學生對學校認識的相關資訊介紹，在互動性來說，對 於學生使用意願上將會提升不少，尤其是在虛擬實境導覽校園的部分，內容擁有的生活資訊 以及書籍資訊，也是現今大學生活中所不可或缺的資訊，在學校的觀點對學生來說，網頁的 功能應該是精要的，實用的，考慮到學生的角度的，才可以讓學校學生使用者於網頁上獲取 其所需要的資訊。
而透過這次專題的研究，在過程中，我們了解到分工的必要性以及相關網頁技術的使用，
還有美工軟體，和 3D 軟體的使用，未來對於這個專題研究的走向，期望能繼續因為資料弄 丟而匆忙完成的未完成的功能，尤其是選課的系統和討論版，讓學生資訊補給棧能更趨完整。
參考文獻
1. 數位進化電腦研究室，(2004)，Dreamweaver MX 網頁設計風暴 2004 年 3 月出版 2. 陳維尹，(2005)，Dreamweaver8 網頁設計應用集，XXX/2005 年 6 月出版
3. 陳思聰/紀壁焜，(2004)，Flash mx2004 網頁視覺設計寶典/2006 年 5 月出版 4. 張仁川，(2005)，Dreamweaver,Flash and Fireworks/2006 年 6 月出版 5. 河東隆/李美真，(2005)，Flash 8 動感世界風雲在起/2006 年 7 月出版 16. 胡思書店 http://whosebooks.myweb.hinet.net/
17. 茉莉二手書店 http://www.mollie.com.tw/Web/News_List.asp 18. 博客來網路書店 http://www.books.com.tw/
19. 元培科技大學 http://www.ypu.edu.tw/front/bin/home.phtml
20. ED-TECH，(2005) http://edtech.ntu.edu.tw/epaper/930410/ll/ll01.asp
21. Yahoo奇摩服務中心，(2009) http://tw.help.cc.yahoo.com/help_cp.html?product=16 22. 實踐大學學生資訊系統，(2009) http://192.83.193.18/km/student.htm
23. 高苑科技大學，
(2009) http://www.kyu.edu.tw/kyu/allkyu.html；http://webinfo.kyu.edu.tw/WebSL.TimeTable 24. 元培科技大學學生資訊系統，(2009) http://203.68.172.8/yu/index.html
25. Sam校園網路二手書店，(2009) http://book.sam.com.tw/index.php 26. 葉靜慧，(2001)，3D/VR虛擬實境－空間魔法師
3.X http://www.books.com.tw/exep/prod/booksfile.php?item=0010187131