基于Google Maps的紅色旅游商務(wù)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

黃梅珍 徐芳 許淑華

摘要： 設(shè)計(jì)了一個(gè)基于Google Maps的紅色旅游商務(wù)系統(tǒng)。該系統(tǒng)通過(guò)Google Maps的網(wǎng)絡(luò)技術(shù)，在提供方便和快速的旅游線路搜索的基礎(chǔ)上，融合了紅色旅游心得、紅色旅游指導(dǎo)和特色農(nóng)產(chǎn)品推薦等現(xiàn)代商務(wù)元素。

關(guān)鍵詞： 紅色旅游； 電子商務(wù)； 設(shè)計(jì)； Google maps

中圖分類法：TP393文獻(xiàn)標(biāo)志碼：A文章編號(hào)：1006-8228（2012）03-62-03

Design and realization of a commercial project of red tour based on Google maps

Huang Meizhen, Xu Fang, Xu Shuhua

（School of Maths and Physics, Shaoxin College, Shaoxing， Zhejiang 312000， China）

Abstract： Tourism of recalling history has become one of our recreations at the present. In this paper the authors design a commercial project of red tour (i.e., related to the Chinese communist revolution) based on Google maps. Through the network technology of Google maps, the project mixes modern business elements such as red tour experience and guidance, distinctive agricultural product recommendation when providing easy and quick search on tour lines.

Key words： red tourism； e-commerce； design； Google maps

0 引言

對(duì)于互聯(lián)網(wǎng)的發(fā)展和電子商務(wù)的發(fā)展，作為其重要的組成部分，電子商務(wù)系統(tǒng)網(wǎng)站起著舉足輕重的作用[1]。本文設(shè)計(jì)了一個(gè)紅色旅游的商務(wù)網(wǎng)站。該網(wǎng)站是一個(gè)商業(yè)化的集旅游、購(gòu)物、農(nóng)家樂(lè)、歷史文化展示等為一體的平臺(tái)。目前國(guó)內(nèi)的旅游商務(wù)網(wǎng)站內(nèi)容都有較大的偏向性。本網(wǎng)站的特色是提供專門(mén)的旅游場(chǎng)所，讓游客在旅游的同時(shí)接受紅色革命的思想熏陶；與此同時(shí)，網(wǎng)站也提供一系列附加的諸如農(nóng)家樂(lè)、采摘蔬菜瓜果和自駕游等商務(wù)活動(dòng)。實(shí)踐證明，該商務(wù)網(wǎng)站具有良好的應(yīng)用價(jià)值。

1 Google Maps介紹

系統(tǒng)利用開(kāi)放的Google Maps API靈活方便地操縱Google Maps，擁有可視化地圖，線路導(dǎo)航，天氣查詢，自動(dòng)定位。它們的描述如下：

⑴ 可視化地圖：本系統(tǒng)使用XMLDOM對(duì)象和Google Maps API 函數(shù)[2]從KML(Keyhole Markup Language)文件中讀取景點(diǎn)的基本信息(名稱、信息、紀(jì)念品) , 然后將其顯示在Google Maps 上。Google Maps 地圖中顯示出所有景點(diǎn)的位置；景點(diǎn)列則顯示全部景點(diǎn)的名稱, 當(dāng)用戶單擊景點(diǎn)列表時(shí), 系統(tǒng)從Google Maps 地圖中跳轉(zhuǎn)到指定的景點(diǎn)的Ajax浮窗, 并顯示該景點(diǎn)的信息。用戶通過(guò)Google Maps提供的地圖類型可以在地圖、衛(wèi)星圖和混合圖之間進(jìn)行切換, 同時(shí)也可調(diào)整地圖的縮放比例。

⑵ 線路導(dǎo)航：系統(tǒng)根據(jù)用戶檢索的起始位置和終點(diǎn)位置，利用Google Maps 的JavaScript庫(kù)，調(diào)用Google Maps的地址解析功能，獲得影像，同時(shí)將Google Maps服務(wù)器上的地圖圖片和數(shù)據(jù)下載到客戶端并顯示程序定義的地標(biāo)點(diǎn)、折線和多邊形，以及周圍區(qū)域已經(jīng)標(biāo)注的地理信息數(shù)據(jù)[3]。系統(tǒng)采用了Ajax技術(shù)，以提高用戶檢索效率。

⑶ 天氣查詢：天氣查詢模塊中，通過(guò)加載yahoo!的RSS(Really Simple Syndication)文檔來(lái)實(shí)現(xiàn)旅游景點(diǎn)的天氣預(yù)報(bào)功能。用戶通過(guò)點(diǎn)擊地圖上面的標(biāo)記或者是導(dǎo)航欄中的旅游景點(diǎn)，就可以查詢?nèi)我饩包c(diǎn)的天氣預(yù)報(bào)信息。用戶可以在查看景點(diǎn)的時(shí)候同時(shí)獲得未來(lái)幾天的天氣情況，選擇適當(dāng)?shù)娜掌诔鲇巍?/p>

⑷ 自動(dòng)定位：本系統(tǒng)采用Google Maps的開(kāi)放接口[4]。當(dāng)用戶的手機(jī)聯(lián)網(wǎng)使用GPS的時(shí)候，Google就會(huì)打開(kāi)WIFI，搜索無(wú)線信號(hào)，獲得無(wú)線路由器的MAC地址，然后，通過(guò)聯(lián)網(wǎng)，將當(dāng)前位置及無(wú)線路由器MAC地址及經(jīng)緯度傳到Google的服務(wù)器中。系統(tǒng)將接受Google的返回信息，并顯示到地圖上面。

2 系統(tǒng)分析和建模

2.1 系統(tǒng)功能架構(gòu)

該網(wǎng)站的主要目的是為廣大游客提供更多的旅游信息，推廣革命根據(jù)地以及其周邊觀光游玩之地，使得游客在游玩的同時(shí)進(jìn)一步了解紅色革命的歷史。系統(tǒng)按照功能的性質(zhì)，分為前臺(tái)服務(wù)系統(tǒng)和后臺(tái)管理系統(tǒng)。

⑴ 前臺(tái)服務(wù)系統(tǒng)：主要給用戶提供豐富的旅游、購(gòu)物、文化等方面的各種服務(wù)，并且也提供了網(wǎng)站注冊(cè)會(huì)員的相關(guān)功能，游客的功能等等。網(wǎng)站的前臺(tái)具有用戶登錄、用戶注冊(cè)、景點(diǎn)介紹、旅游服務(wù)、最新消息、導(dǎo)購(gòu)、農(nóng)產(chǎn)品、論壇、在線咨詢等功能。用戶在網(wǎng)站前臺(tái)可根據(jù)自身的需求選擇相應(yīng)的服務(wù)功能。系統(tǒng)前臺(tái)的功能結(jié)構(gòu)如圖1所示。

[文化

背景][前臺(tái)][旅游

服務(wù)][導(dǎo)

購(gòu)][論壇][在線

咨詢][歷史背景][人物事跡][紅色視頻][景點(diǎn)介紹][跟團(tuán)報(bào)名][自駕游][團(tuán)購(gòu)區(qū)][地圖導(dǎo)購(gòu)][普通商品服務(wù)區(qū)][特色商品服務(wù)區(qū)][景點(diǎn)][農(nóng)產(chǎn)品]

圖1系統(tǒng)前臺(tái)功能結(jié)構(gòu)圖

⑵ 后臺(tái)管理系統(tǒng)：后臺(tái)的構(gòu)成以數(shù)據(jù)庫(kù)為主，后臺(tái)的管理實(shí)質(zhì)是系統(tǒng)管理員對(duì)數(shù)據(jù)庫(kù)的操作和管理，包括用戶管理、商品管理、旅游管理、論壇管理等。后臺(tái)系統(tǒng)主要為管理者提供一個(gè)可視的數(shù)據(jù)庫(kù)數(shù)據(jù)操作界面，方便他對(duì)相關(guān)信息進(jìn)行及時(shí)、有效的更新、維護(hù)、整理等操作。系統(tǒng)后臺(tái)的功能結(jié)構(gòu)如圖2所示。

[后臺(tái)][用戶

管理][文化

模塊

管理][旅游

模塊

管理][交易

管理][最新消息

管理][旅游

報(bào)名

管理][注冊(cè)登錄管理][資料管理][個(gè)人賬戶管理][革命

文化

資料

管理][歷史人物

資料

管理][景點(diǎn)資料管理][旅游服務(wù)管理][自駕游組織管理][農(nóng)家樂(lè)組織管理][商品資料管理][消費(fèi)記錄管理][訂單管理][旅游報(bào)名流程管理][報(bào)名者信息管理]

圖2系統(tǒng)后臺(tái)功能結(jié)構(gòu)圖

2.2 系統(tǒng)用例分析

UML是一種功能強(qiáng)大的、面向?qū)ο蟮目梢暬到y(tǒng)分析建模語(yǔ)言，具有一套成熟的建模技術(shù)，廣泛應(yīng)用于復(fù)雜模型的建立[5]。UML的豐富的模型增強(qiáng)了系統(tǒng)的性能，便于建立可靠、完整的系統(tǒng)模型。我們通過(guò)對(duì)該系統(tǒng)的各個(gè)模塊的具體分析，得到了系統(tǒng)的總用例圖，如圖3所示。在本系統(tǒng)中，有游客，管理員，會(huì)員三個(gè)角色。游客可以通過(guò)Google Maps進(jìn)入系統(tǒng)的任何模塊。會(huì)員與游客的分別在于，會(huì)員可以通過(guò)本系統(tǒng)來(lái)訂票或者是訂購(gòu)紀(jì)念品，可以得到系統(tǒng)更好的服務(wù)。

3 主要模塊分析和建模

3.1 用戶登錄注冊(cè)模塊

用戶可以在網(wǎng)站首頁(yè)的登錄框中輸入用戶名和密碼進(jìn)行登錄。當(dāng)輸入的用戶名和密碼正確，則可成功登錄，否則將提示登錄失敗，可重新登錄。用戶如未開(kāi)通賬戶則注冊(cè)相應(yīng)用戶后即可登錄系統(tǒng)。當(dāng)輸入相應(yīng)的賬戶和密碼，按下登錄按鈕后，系統(tǒng)將啟動(dòng)登錄驗(yàn)證程序。用戶登錄注冊(cè)流程如圖4所示。

圖3系統(tǒng)總用例圖

[●][是][有信號(hào)][否][提交用戶

信息][注冊(cè)成功][否][登錄](méi)[瀏覽][注冊(cè)][是] [●]

圖4用戶注冊(cè)登錄活動(dòng)圖

3.2 商品購(gòu)買(mǎi)模塊

[會(huì)員][團(tuán)購(gòu)后臺(tái)][庫(kù)存][●][參加團(tuán)購(gòu)][瀏覽商品][確認(rèn)訂單][接受賬單][付款][接受訂單][查詢庫(kù)存][計(jì)算訂單] [拒絕訂單] [●] [有][無(wú)][是否有庫(kù)存]

圖5購(gòu)買(mǎi)商品活動(dòng)圖

用戶注冊(cè)后可以在網(wǎng)站上的導(dǎo)購(gòu)區(qū)瀏覽各類商品，可將喜歡的物品放入購(gòu)物車，進(jìn)行下訂單以及支付操作。購(gòu)物分為團(tuán)購(gòu)與非團(tuán)購(gòu)兩種，用戶可任意選擇。當(dāng)用戶購(gòu)物后，網(wǎng)站將根據(jù)用戶填寫(xiě)的訂單，在短期內(nèi)將商品寄出。用戶在下訂單后可登錄自己的個(gè)人管理系統(tǒng)對(duì)訂單的處理情況進(jìn)行實(shí)時(shí)查詢。團(tuán)購(gòu)與非團(tuán)購(gòu)商品的活動(dòng)圖如圖5所示。

3.3 旅游活動(dòng)報(bào)名模塊

報(bào)名功能只有注冊(cè)用戶才享有。該模塊提供有網(wǎng)站發(fā)布的各類有關(guān)革命旅游活動(dòng)的組織和信息。用戶進(jìn)入網(wǎng)站后如果想要報(bào)名旅游，則可先登錄，對(duì)旅游景點(diǎn)進(jìn)行挑選，選擇自己滿意的旅游線路，然后報(bào)名旅游，（包括自駕游報(bào)名服務(wù)）。若游客想要自駕游，則可根據(jù)自駕游信息，自行創(chuàng)建車隊(duì)，實(shí)行以車隊(duì)為單位的組織管理。為此，用戶可以登錄網(wǎng)站后在對(duì)應(yīng)的活動(dòng)中心處報(bào)名，輸入相關(guān)的個(gè)人真實(shí)信息。報(bào)名截止后，管理員將根據(jù)報(bào)名情況進(jìn)行后續(xù)的活動(dòng)安排和聯(lián)系等各項(xiàng)工作。具體活動(dòng)報(bào)名活動(dòng)圖如圖6所示。

[用戶][后臺(tái)][參考路線][●] [旅游報(bào)名][選擇旅游方式][接受報(bào)名][自駕車隊(duì)] [接受報(bào)名] [記錄客戶

信息][判斷是否自駕] [否][判斷人數(shù)是否達(dá)上限][是] [是][否] [●]

圖6活動(dòng)報(bào)名活動(dòng)圖

3.4 論壇模塊

在網(wǎng)站論壇這一塊，無(wú)論用戶是否已經(jīng)注冊(cè)，都可以發(fā)表意見(jiàn)和建議。他們可以在這里對(duì)有關(guān)旅游、購(gòu)物及其他相關(guān)問(wèn)題進(jìn)行交流。另外，用戶有什么疑問(wèn)也可以在這里發(fā)帖，其他用戶則可以回答。網(wǎng)站管理員也會(huì)定時(shí)登錄論壇區(qū)，查看用戶的評(píng)論，進(jìn)一步對(duì)網(wǎng)站進(jìn)行完善。論壇模塊活動(dòng)圖如圖7所示。

[●][[選擇論壇]][[新建論壇]][[發(fā)布帖子]][[瀏覽帖子]][[回復(fù)帖子]] [是否回復(fù)][是][●] [否]

圖7論壇模塊活動(dòng)圖

3.5 在線咨詢模塊

用戶可以通過(guò)在線咨詢模塊，提出服務(wù)請(qǐng)求咨詢，網(wǎng)站會(huì)對(duì)請(qǐng)求或者服務(wù)及時(shí)作出回應(yīng)。網(wǎng)站也可以對(duì)服務(wù)或者請(qǐng)求作出拒絕回應(yīng)，并把拒絕的理由或者原因反饋給用戶。具體流程如圖8所示。

[●] [游客或會(huì)員][后臺(tái)][管理員][[瀏覽信息]][提出服務(wù)咨

詢請(qǐng)求][得到服務(wù)或請(qǐng)求][[拒絕請(qǐng)求]] [[核對(duì)請(qǐng)求]][[反饋請(qǐng)求]] [●] [判斷是否接受][是][否]

圖8在線咨詢活動(dòng)圖

3.6 Google Maps模塊

該模塊的主要功能包括地圖文件的選取和打開(kāi)、電子地圖的分層顯示、精確地名查找、GPS定位導(dǎo)航。各功能對(duì)應(yīng)各個(gè)管理模塊Google Maps包圖，如圖9所示。

[地圖顯示] [線路查詢] [天氣預(yù)報(bào)] [自動(dòng)定位] [google map地圖

服務(wù)系統(tǒng)] [顯示商品

余量]

圖9Google Maps包圖

4 結(jié)束語(yǔ)

本文設(shè)計(jì)了一個(gè)具有紅色旅游特色和融合現(xiàn)代商務(wù)元素的商務(wù)網(wǎng)站，討論了利用Google Maps并融于系統(tǒng)的架構(gòu)角色設(shè)計(jì)方案，詳細(xì)分析了系統(tǒng)流程并進(jìn)行了相應(yīng)的建模分析。該系統(tǒng)的設(shè)計(jì)方案參加了2010年浙江省第六屆電子商務(wù)網(wǎng)站設(shè)計(jì)競(jìng)賽并獲得二等獎(jiǎng)。下一步，我們將深入研究支付的多樣性、安全性，并加強(qiáng)可視化設(shè)計(jì)。

參考文獻(xiàn)：

[1] 王玨輝. 論電子商務(wù)的基本模式[J]. 社會(huì)科學(xué)戰(zhàn)線, 2010.8:

21~24

[2] 陳海燕,劉珍.基于Google Maps 的地理信息標(biāo)注系統(tǒng)的設(shè)計(jì)與實(shí)

現(xiàn)[J].湖南科技大學(xué)學(xué)報(bào)(自然科學(xué)版),2009.46(8):28~31

[3] 李素,李知楷.基于Google Maps的奧運(yùn)服務(wù)網(wǎng)站的建設(shè)[J].北京工商

大學(xué)學(xué)報(bào)(自然科學(xué)報(bào)),2009.34(21):23~26

[4] 張明, 戴友元.十堰聯(lián)通基于GoogleMaps通訊基站息管理系統(tǒng)設(shè)

計(jì)[J].十堰職業(yè)技術(shù)學(xué)院學(xué)報(bào),2010.2:19~22

[5] 李建軍,朱敏, 劉曉娟,邵培南.基于UML順序圖測(cè)試用例的生成[J].

計(jì)算機(jī)工程,2011.34(21):73~75