系統登入與首頁

4.3 系統運作流程與操作介面

4.3.1 系統登入與首頁

本系統在首頁上方即可看到定位討論區、影片分類區與上傳影片區等四個主要的頁面連結，本系統在各個主要頁面中都有這四個主要連結，方便使用者使用點選，而右上方為使用者登入的畫面，在首頁中，普通使用者與網頁管理員所使用的功能都一樣，只是管理員多了個審核區的連結，可連至審核區審核景點資訊。而在連結的下方，有搜尋引擎可搜尋本系統中相關的影片或景點。

在首頁中間部分，我們可以在地圖上看到最熱門的20個景點位置，使用者可直接點選進所想看的影片景點，而右側有最新影片、最熱門景點，與定位討論區的連結。

4.3.1.1 系統功能畫面

圖4-2、系統首頁

4.3.1.2 系統流程圖-系統首頁

圖4-3、系統首頁的系統流程圖

4.3.2 新增註冊

ㄧ般使用者都可利用新增註冊申請新帳號，申請完畢即可登入系統，不過，

至於網頁管理員這一部分的註冊，是由系統開發人員來輸入，目的就是只能由指定的人才可以使用本系統的審核權，並非一般使用者都可使用。

4.3.2.1 系統畫面

圖4-4、申請帳號頁面

4.3.2.2 系統流程圖-申請帳號

圖4-5、申請帳號頁面的系統流程圖

4.3.3 上傳功能

登入後的使用者都可使用上傳功能將影片上傳，但上傳影片的檔名請用英文或數字組合，不可使用中文字，以免發生上傳錯誤的情形，並填入影片的相關資訊，以及影片起始的景點定位點，定位點可直接在地圖上點選，或是可用地圖上的搜尋引擎幫助使用者有效定位，就可將景點的經緯度記錄下來。

4.3.3.1 系統畫面

圖4-6、上傳影片頁面

4.3.3.2 系統流程圖-上傳影片

圖4-7、上傳影片頁面的系統流程圖

4.3.4 觀看影片、地圖與景點資訊

在觀看影片的頁面上方與首頁一樣，可看到本系統的介紹動畫、登入的畫面，與首頁、定位討論區、影片分類區與上傳影片區等四個主要的頁面連結，而連結的下方，有搜尋引擎可搜尋本系統中相關的影片或景點連結。

在觀看影片頁面的中間部分，左側有Google Map的地圖、右側有播放區與各個景點的資訊。而在地圖下方有熱門景點與優質推薦的影片連結，主要是點閱率以及評分最高的影片，讓使用者點選。此頁面的最下方則是登入後的使用者看完影片所對影片作的綜合評論，像是對影片評分、留下觀後感心情與留言等評論。

在首頁頁面中，普通使用者與網頁管理員所使用的功能都一樣，只是管理員多了個「審核區」的連結，可連至「審核區」審核景點資訊。但在觀看影片的頁面中，一般使用者與管理員將有些不同，一般登入後的使用者在觀看影片區，可按下「新增景點」或是「修改經緯度與景點名」的按鈕，就可以新增、修改與建議刪除景點資訊，但一般會員的刪除景點，只能作為管理員的建議參考指標，一般會員並不能任意刪除景點資訊，要經管理員審核過後，才會將景點真正刪除；

而網頁管理員除了多了「審核區」的連結，在景點資訊區也多了可直接「刪除景點」的按鈕，可將一些毫無意義或是使用者測試失敗的景點資訊刪除。

4.3.4.1 系統畫面 z 一般的會員使用者

圖4-8、影音觀看頁面 - 一般會員使用者

z 網頁管理員

網頁管理員與一般使用者介面不同的地方，在於登入區多了審核區的連結，

與可直接刪除有問題的景點。

圖4-9、影音觀看頁面 – 網頁管理員

4.3.4.2 系統流程圖-影音觀看區

圖4-10、影音觀看頁面的系統流程圖

4.3.5 影片景點定位操作

影片景點定位操作主要有新增景點、修改景點資訊與建議刪除景點資訊。

4.3.5.1 系統功能畫面

z 新增景點定位：會員使用者若想新增景點，如圖4-11，可直接按下播放器下方的「新增景點」按鈕，就可以開始新增新的景點名稱、座標等資訊。

圖4-11、影音觀看頁面 – 新增景點定位

z 修改景點定位：若想修改景點，如圖4-12，在景點資訊區點選所想要修改的

「修改經緯度與景點名」按鈕，就會彈出相對應的欄位，使用者修改完資訊按下「確定儲存」就修改完畢。

圖4-12、影音觀看頁面 – 修改景點資訊

z 建議刪除景點定位：若想刪除景點資訊，如圖4-13，一般會員的按下「刪除

4.3.6 定位討論區

在首頁按下「定位討論區」即會連到定位討論區的列表畫面，如圖 4-14，

此功能主要是當景點資訊開始發生修改拉鋸戰時，也就是當同個景點在同ㄧ天之內被不同的使用者修改五次以上，顯示使用者需要將意見整合而開啟定位討論區，本系統自動會開闢景點定位的討論區，討論區開闢一段時日後將進入審核階段，由網頁管理員審核完才會真正更新景點資訊。

4.3.6.1 系統畫面

z 定位討論區的列表畫面：除了登入區外，也有首頁、定位討論區、影片分類區與上傳影片區等四個主要的頁面連結，方便使用者使用點選。而下面列表的是

圖4-15、定位討論區列表頁面

z 定位討論區的畫面：在定位討論區中，網友可提議修改景點在地圖中的經緯度，或是此景點在影片中開始時間點，結合使用投票的方式，系統一段時日後將會自動整合進入下個階段，最後由網頁管理員審核，審核完就會立即更新景點資訊。

圖4-16、定位討論區

4.3.6.2 系統流程圖-定位討論區

4.3.7 影片分類區

在首頁按下「影片分類區」後即會連到分類區的畫面，如圖4-17，主要分為四部份：熱門景點、評分高低、熱門推薦行程與觀後感心得部分。熱門景點主要是以觀看次數的分數來作為依據；而評分高低是由使用者觀看影片後所留下的綜合評論區中的評分作為依據；熱門推薦行程主要由各個推薦行程的評分最高的前兩位作為列表；觀後感心得跟熱門推薦行程差不多，也是由各個心得評分最高的顯示在列表上。

4.3.7.1 系統畫面

圖4-18、影片分類區

4.3.7.2 系統流程圖-影片分類區

影片分類區

觀後感心情分類

影音觀看區

評分高低分類熱門景點

分類

熱門搜尋推薦行程

家庭旅遊朋友出遊約會首選很差

尚可

不錯

很想去想再去一次

圖4-19、影片分類區的系統流程圖

4.3.8 影片搜尋

在各主要頁面的四大連結下都有影片搜尋功能，可打入地名的關鍵字就可直接在本系統中搜尋相關影片，或是再加入項目分類中的「推薦行程選項」以及「觀後感心情」一起去搜尋影片並利用評分的高低排序，顯示的列表左側是相關影片，而右側的列表是相關的景點以及影片的資訊，點選圖片就可以直接連進此影 片的影音觀看區。

4.3.8.1 系統畫面

圖4-20、影片搜尋區

4.3.8.2 系統流程圖-影片搜尋區

圖4-21、影片搜尋區的系統流程圖

4.3.9 網頁管理員審核景點介面

當網頁管理員登入後，在右上方的登入區中會多了審核區的連結，就可進去網頁管理員區，在網頁管理員區中可看到所有待審核的景點，左側的列表為景點的定位討論區的審核結果更新，右側的列表為建議刪除的景點，待管理員審核。

4.3.9.1 系統畫面

圖4-22、網頁管理員區

4.3.9.2 系統流程圖-網頁管理員區

圖4-23、網頁管理員區的系統流程圖

第 5 章系統測試與評估

功能測試主要包含連結測試、表單測試、Cookies 測試與上傳與定位功能測試。

5.1.2 表單測試

表單操作的完整性，以檢驗表單交給server的訊息之正確性。

測試頁面表單測試結果

5.1.3 Cookies 測試

Cookies 通常用來存儲使用者信息和使用者在某應用系統的操作，當一個使用者使用Cookies 訪問了某一個應用系統時，Web 服務器將發送關於使用者的信息，把該信息以Cookies 的形式存儲在客戶端上，這可用來存儲登陸等信息。測試的內容包括 Cookies 是否起作用，是否按預定的時間進行保存，以及刷新對 Cookies 有什麼影響等。

表5-3 Cookies測試表

測

刷新Cookies 之影響

5.1.4 上傳功能測試

且都為同一人，以及同一景點修改超過五次且不同人，以檢測系統是否有遵守討論區的開闢規則。

表5-6 定位討論區開啟功能測試表

測試修改景點資訊功能測試

內容將景點修改次數、人數和時間使用不同組合來檢測，以檢測系統是否有遵守討論區的開闢規則。

修改次數修改人數修改時間結果是否遵守

3次 2人同一天內尚未開啟是

5次 1人同一天內尚未開啟是

5次 2人同一天內開啟成功是

5次 3人同一天內開啟成功是

項目

5次 2人非在同一天內尚未開啟是

5.2 性能測試

本小節的性能測試就是所謂的負載、壓力測試。採用AB ( Apache Benchmark ) 程式來測試性能測試。測試時間是在一分半鐘內，測試方法是程式一直對系統發出 request，以測試系統可容許多少人同時上線等壓力負載測試，與測試回應速度，並測試系統的同時連線人數上界限制，與當超過限制時的情形和故障恢復能

表5-7 回應數據表

75 22782 7901 253.1

100 40378 27031 448.64

110 48456 37421 538.4

117 49957 39076 555.1

118 50000 39037 559

119 47830 36429 531.4

120 49964 39020 555.2

但由表 5-7 可發現系統在 55 人後就開始有失敗的回應數，與圖 5-1 對照也

5.3 使用者介面測試

5.3.2 圖形測試

定位討論列表頁面 45% 45% 10%

面與影音播放頁面。資訊的正確性、準確性由於有經管理員審查，因此效果都不錯。但在影音分類頁面、定位討論列表頁面、定位討論區頁面與個人影音區頁面的相關性還需加強。

5.4 客戶端相容性測試

5.4.1 平台測試

市場上有很多不同的作業系統類型，最常見的有Windows、Unix、Linux 等。

系統的使用者使用哪一種作業系統，取決於使用者系統的配置，就可能會發生相

javascript、plug-ins 或不同的 HTML 規格有不同的支持。因此，本小節主要測試不同版本的瀏覽器對某些構件和設置的適應性。

表5-12 瀏覽器相容測試表

瀏覽器類型結果

IE 6 、IE7(最新) OK FireFox 2.0、FireFox 3.0(最新) OK

5.5 安全性測試

5.6 總結

由測試結果中可以發現，系統所規劃的功能都開發完成，且都已檢查與修改完畢；系統的性能測試結果，顯示只要在系統的上線人數內，90%的人對系統的回應速度與連線速度感到非常順暢，一秒鐘內就可以將網頁開啟完成，上線、使

在文檔中 Web 2.0 線上多媒體旅遊導覽系統 (頁 45-0)