系統資料庫設計

網頁顯示資訊。

等紀錄，幫助擴充系統中影片的景點資訊，以提供更多的資訊給其他網友觀看。

z 資料庫欄位名稱為: modify

¾ 主鍵( Primary Key)：filename、starttime

¾ 外來鍵 ( Foreign Key)：filename、starttime、modifier

表3-3、景點資訊表

Acoount ● 討論者 varchar(10)

¾ 主鍵( Primary Key)：Name、starttime

¾ 外來鍵 ( Foreign Key)：Name、author、starttime

表3-5、景點定位討論表

3.3.2.6 討論定位內容表

¾ 主鍵( Primary Key)：Name、starttime

¾ 外來鍵 ( Foreign Key)：Name、author、starttime

表3-6、討論定位內容表

第 4 章 系統建構功能與運作流程之介面說明

4.1 建構系統之環境與工具

此節主要是介紹本系統所需的軟硬體及使用的開發工具。如圖4-1所示，整 個系統的環境採用LAMP架構( Linux、Apache、MySQL、PHP )，作業系統採用 Fedora；網站伺服器為 Apache；後端資料庫則使用 MySQL；資料庫編碼方式 (Encoding) 預設為UTF-8。在連結前端界面與後端資料庫的程式語言為 PHP。為 了使資料庫的管理更具方便性，本系統採用的管理工具為 phpMyAdmin。影片 播放器採用Flash Player，使用ActionScript語言作為媒體播放器與系統網頁互動的 開發，因為它與資料庫、PHP等語言在各種平臺上都能更進一步的相互結合應 用。表4-1為各元件的相關資訊。

圖4-1、系統實作開發環境圖 表4-1 系統環境之元件相關資訊

各元件的相關資訊

作業系統 網站伺服器 動態程式語言 關聯式資料庫 資料庫管理工具 Fedora OS Apache PHP MySQL phpMyAdmin

使用者區分成兩種角色。第一類使用者為「管理者」，管理者透過管理介面 可對系統的資訊內容進行管理，並可藉由此介面進行(1)資源審核、(2)修改景點 資訊(3)刪除景點…等工作。第二類使用者為「一般使用者」，此類使用者，並 不具有管理系統之功能，只能使用網站內所提供的其他功能。

4.2 系統功能

4.2.2 搜尋影片及景點功能

4.2.6 影片定位討論區與投票功能

此功能主要是為了保護內容的正確性，當使用者們意見分歧而發生修改拉鋸 戰時，本系統自動會開闢景點定位的討論區，將欲修改景點資訊的使用者導入討 論區討論、統整意見，而開啟條件為：當同個景點在同ㄧ天之內被不同的使用者 修改五次以上，顯示使用者們對此景點資訊有不同意見，需要將意見整合而開啟 定位討論區。

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

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

本節主要用系統流程圖( System Flow Diagram, SFD )介紹系統的運作流程，

並結合介面的操作來說明。由一般使用者最先接觸的系統首頁與申請會員開始介 紹，接著是上傳的功能，與觀看影片、地圖與景點資訊，更進階的，開始介紹如 何新增、刪除與修改景點資訊，還有當景點有爭執時的所產生的定位討論區，與 影片分類區頁面的操作介面，最後介紹系統搜尋的功能與網頁管理員的審核介 面。

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 網頁管理員審核景點介面

當網頁管理員登入後，在右上方的登入區中會多了審核區的連結，就可進去 網頁管理員區，在網頁管理員區中可看到所有待審核的景點，左側的列表為景點 的定位討論區的審核結果更新，右側的列表為建議刪除的景點，待管理員審核。

當網頁管理員登入後，在右上方的登入區中會多了審核區的連結，就可進去 網頁管理員區，在網頁管理員區中可看到所有待審核的景點，左側的列表為景點 的定位討論區的審核結果更新，右側的列表為建議刪除的景點，待管理員審核。