• 沒有找到結果。

系統設計理念

目前線上結合地圖的系統大多都是介紹商家並在地圖上顯示所在位置,或 是在地圖上顯示照片的拍攝地點,並用文字或照片去描述所介紹的商家或所拍攝 的照片,這些系統的設計理念主要都是以文字與圖片為主結合地圖定位,或是在 留言的文字區中,容許可內嵌TouTube 或天空部落格等短片的語法,很少有真正 直接將兩者做結合的設計,且所提供的資訊大都是店家自行提供,缺少與網友的 互動關係,使資訊與評論的公信力減低了許多。

因此,本系統除了將影片和Google Map 結合成的線上多媒體旅遊導覽系 統,影片是真正去過的網友所拍攝上傳並在地圖上定位影片,藉由此影片,網友 可將當地的吃喝玩樂或住宿等資訊更真實的表達出來,用影片提供比網頁文字或 圖片等更真實的資訊,來呈現給網友更真實的資訊。外加上地圖資訊,讓其他想 去的網友有更明確的交通與位置資訊。

因為在同一部影片中,可能存在著多個的景點或地點。因此,本系統可利 用網友互動的方式增加影片中的景點資訊的廣度,並為了確保資訊的確實,也有 相應的保護措施與留言制度,讓網友對本系統的資訊可性度提高,而且可以有效 率的找尋所需的行程資訊。詳細的系統架構說明在3.2 節的系統架構中會有詳述。

3.2 系統架構

資訊外,還可參與互動式修改景點資訊的動作。 上傳影片,而上傳的檔案格式可以為MPG、MPEG、AVI、ASF、MOV、

FLV等影片檔,轉檔是用Mplayer 裡的 mencoder 程式,可將各種影片的檔 案格式都轉為flv 檔,flv 格式檔案小使影片容易儲存與使用,且影片畫質又

本系統主要是利用Web 2.0 的精神,用網友互動的方式幫助不知影片景點的

3.2.2 定位討論區機制架構

3.2.3 綜合評論區的機制架構

3.3 資料庫設計

在3.3.1 節中會先介紹本系統的資料表關係圖( Entity Relationship Diagram, ERD),ERD 內之屬性即為資料表內的各個欄位,且每張資料表內須包含一個主 索引欄位。在3.3.2 節中將會詳細介紹各個資料表內容。

3.3.1 資料表關係圖

圖3-5、資料表關係圖

圖3-5是本系統資料庫內所設計的資料表關係圖,主要有member、upload、

modify、discussion、message 以及reply_message。

1. member (會員資料表):主要是記錄系統管理員以及所有會員的基本資料。

2. upload (影片資訊表):記錄所有上傳影片的影片資訊。

3. modify (景點資訊表):新增景點所儲存的景點資訊。

4. discussion (影片評論表):為影片評論區中的所有留言以及評分紀錄。

5. message (景點定位討論表):紀錄景點的定位討論區的相關資料,像是某部影 片中的某景點資訊有問題。

6. reply_message (討論定位內容表):是紀錄景點定位討論區中的各項討論、留言 以及投票結果。

3.3.2 系統資料庫設計

網頁顯示資訊。

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

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,

此功能主要是當景點資訊開始發生修改拉鋸戰時,也就是當同個景點在同ㄧ天之

此功能主要是當景點資訊開始發生修改拉鋸戰時,也就是當同個景點在同ㄧ天之

相關文件