校园导览Word格式文档下载.docx

校园导览Word格式文档下载.docx

《校园导览Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《校园导览Word格式文档下载.docx（14页珍藏版）》请在冰豆网上搜索。

研究動機5

研究範圍6

文獻探討8

研究流程與方法11

校園導覽15

結論19

圖表目錄

圖一網站上的校園地圖並無詳細的路線圖。

5

表一影像式與繪圖式虛擬實境的特性比較表7

圖二逢甲大學校園導覽地圖8

圖四義守大學校園導覽地圖9

圖五中興大學校園導覽地圖10

圖六校園導覽地圖製作流程11

圖七Autostitch功能畫面12

圖八暗底圖片13

圖九360度環景圖片14

圖十使用者介面流程圖15

圖十一首頁16

圖十二校園簡介16

圖十三美麗東海17

圖十四討論區主頁18

圖十五回覆內頁18

前言

本組研究主要設計與製作一套架構於網際網路上的影像式虛擬實境應用於校園導覽地圖系統，並探討製作上所面臨的相關問題。

我們首先利用Autostitch軟體把校園實際影像整合成寬圖片全景影像，其次使用Photoshop軟體把整合成寬圖片全景影像做適當的剪裁，最後再將完成的虛擬校園導覽地圖系統以多媒體網頁方式呈現。

目前此校園導覽地圖網站已安裝於東海大學系統模擬實驗室伺服器上，實施與運作情況良好。

在本文中，文獻探討部份校園導覽地圖其使用者界面的優點與缺點，藉此來做為本組研究的輔助工具。

而在校園導覽地圖網站設計與實作方面，則是本組規劃一套設計流程，並以簡略解說流程中的製作步驟，希望能提供對此有興趣之研究者的一些參考。

未來我們將針對使用者反應意見，來做為往後校園導覽地圖網站改良的依據。

研究動機

一所大學有許多建築物與各式各樣的景點，若訪客想要在廣大的校地上遊覽大學內部，參訪各棟大樓與部門，所面對陌生的建築物，在行程上勢必有所困難，這時所使用的校園導覽地圖會帶給訪客之便利。

但有鑒於本校網站地圖尚有改善之處，因此本組藉此機會來嘗試完善本校的校園導覽地圖。

圖一網站上的校園地圖並無詳細的路線圖。

研究範圍

由於是架設於網站上，因此本組並不會採用高容量的3D方式呈現，並且本校為處於山坡上，其製作3D繪圖並不易實現。

將以2D影像式圖片帶領以及引導訪客參觀本校，並製作3D環景圖片來更加方便訪客使用，再者提供可自行上傳圖片與設立討論區讓訪客能有所互動性。

影像式虛擬實境相較於3D繪圖式虛擬實境有下列的優點：

1、無需建構製作複雜的3D繪圖模型。

2、用數位相機所拍攝影影像，較於3D繪圖真實。

3、可製作成360度環景圖片

表一影像式與繪圖式虛擬實境的特性比較表

（摘自郭芳熙，民88）

特性

影像式（Image-based）

繪圖式（Graphic-based）

場景複雜度

無限制

受限於電腦系統

顯像速度

依場景圖片大小而定

依場景複雜度與電腦系統而定

場景圖像品質

高品質

低品質

建構場景

容易

困難

檔案大小

依場景圖片解析度而定

依場景內容複雜度與逼真度而定

硬體配備

一般電腦配備

圖形加速卡

場景遊走方式

只能遊走於固定點數

文獻探討

逢甲大學

優點：

簡單明瞭，訪客易於了解各地方位置分布。

缺點：

無實際照片顯示，訪客沒有直觀印象

圖二逢甲大學校園導覽地圖

義守大學

優點：

其校園內部還製作了各大樓樓層分布。

缺點：

過於華麗，導致網路上的校園導覽容量過大，進入需經漫長的等待。

圖三進入導覽地圖讀取畫面

圖四義守大學校園導覽地圖

中興大學

利用字母標示校區，讓訪客易於了解位置分布，且其地圖旁有下拉式選單可以點取想知道的地方連結。

未能標示其特別景觀或大樓，僅以字母顯示並未加以說明。

圖五中興大學校園導覽地圖

研究流程與方法

圖六為其製作流程圖。

圖六校園導覽地圖製作流程

（1）校園場景取點

先找尋校園著名景點與各重要地方，並實際前往勘查，再決定拍攝地點。

（2）校園場景實際拍攝

拍攝3800*2500像素校園影像，每個位置是以微小角度移動拍照,其圖片至少五張以上,是為了避免環景圖片的不對稱

（3）影像合成

利用Autostitch將整理過後的照片進行影像整合。

底下將介紹其製作步驟：

圖七Autostitch功能畫面

【1】File

找尋要合成的圖片，其圖片數量須至少兩張以上。

【2】Edit

設定其定位校正與圖片輸出像素等等。

【3】Stitch

做為設定後的合成選項。

若合成出來的影像照片效果很差，例如照片水平間隔距離不同，就要返回設計流程的第二步驟重新拍攝照片。

（4）照片修飾

假使某個場景中有幾張照片的亮度特別亮，就必須使用Photoshop影像處理軟體把亮度柔和至與其它照片相同或者合成後的照片出現暗底可經由Autostitch內建修正或是Photoshop的剪裁即可改善其照片。

圖八可以注意到左下角影像明顯出現暗底。

圖八暗底圖片

（五）360度環景像片製作

利用Flash將合成好的寬景圖片製作成FLASH動畫，使其能在播放器上形成環繞圖片。

圖九360度環景圖片

（六）網頁整合

將完成後的影像圖片藉由網頁的設計與製作，提供給訪客使用。

校園導覽

圖十為其使用者介面流程圖

圖十使用者介面流程圖

（一）首頁

訪客可在此簡單了解本校作最初步的認識。

在此頁面會顯示重要更新與消息發布，最主要會顯示即時的討論留言以及最新的圖片上傳消息，可供訪客瀏覽。

圖十一首頁

（二）校園簡介

在此會正式介紹校園內各個重點大樓以及重要景點介紹，對於想熟悉本校的訪客可以更近一步的認識。

圖十二校園簡介

（三）美麗東海

設置東海各地方景點照片，提供訪客毋需登入即可上傳在東海所拍攝的照片，並增設排列比較順序，讓訪客更容易尋找圖片，有較佳使用者經驗。

圖十三美麗東海

（四）360度全景導覽

提供訪客能在網路上瀏覽校園景點全景影像，使其更加了解校園各地方的景觀。

將來可供使用者上傳自己所拍攝的影片置網站上，毋須登入校園系統內。

（五）意見留言

採用一般討論區樣式，有任何意見或討論皆可在此發表，並增設排列比較順序，提高與訪客之互動性。

圖十四討論區主頁

圖十五回覆內頁

結論

本組運用影像式虛擬實境的方法，結合網路科應用的特性與功能，已建造一個架構於網頁上的校園導覽地圖，期望能有助於使用者對校園景點和建築物有初步的了解。

此導覽網站已架設在東海大學系統模擬實驗室伺服器上，實施與運作效果良好。

並將建立多筆資料讓使用者更加方便搜尋查詢系統。

（一）教師查詢，例如輸入老師姓名黃益達，此時會跑出教師研究室的所在大樓。

（二）各系查詢，顯示該系所位於的樓層所在，同時會有360度環景呈現。

（三）行政單位查詢，顯示該處事所位於的樓層所在，同時會有360度環景呈現。

若時間許可,會使其能應用於手機上。