崇左智慧旅游網(wǎng)平臺設(shè)計(jì)與實(shí)現(xiàn)

鄭鑫 張曉潔 曾海燕

文章編號： 2095-2163（2018）03-0191-04中圖分類號： 文獻(xiàn)標(biāo)志碼： A

摘要： 關(guān)鍵詞：

（College of Physics and Electronic Engineering， Guangxi Normal University for Nationalities， Chongzuo Guangxi 532200， China）

Abstract： The tourism industry has developed rapidly after the successful application for World Cultural Heritage of the Zuojiang Huashan rock paintings in Chongzuo City of Guangxi Province. There is an urgent need to build a propaganda and management platform for Chongzuo's tourism industry. This paper elaborates the plans and functions for the construction of the platform from the perspective of tourism network design and construction. The quality of tourism services in Chongzuo city will be effectively improved for the construction of the platform， and the platform could play a positive role in promoting propaganda and exchanging between visitors in Chongzuo scenic area.

Key words：

基金項(xiàng)目：

作者簡介：

收稿日期： 引言

廣西崇左位于中國南疆地區(qū)，除了獨(dú)特的地理位置和風(fēng)情地貌外，尤其是在2016年廣西左江花山巖畫成功申遺后，就更是強(qiáng)勢帶動了當(dāng)?shù)芈糜萎a(chǎn)業(yè)的興旺發(fā)展，崇左市已逐漸成為廣西旅游的熱門城市。在此背景條件下，就必須盡快建成崇左的智慧旅游平臺以及推出配套設(shè)施，如此就可通過智慧旅游平臺的宣傳吸引更多游客來此旅游，而且通過平臺的智能化服務(wù)為崇左旅游打造魅力亮點(diǎn)，從而在相當(dāng)程度上充分發(fā)揮科技對旅游的積極影響與重大促進(jìn)作用。

崇左智慧旅游平臺主要能為游客和管理人員提供便捷的網(wǎng)絡(luò)信息服務(wù)，游客可以通過平臺了解崇左的旅游信息和特色文化，同時(shí)還可瀏覽有關(guān)當(dāng)?shù)爻宰⌒蟹矫娴呢S富服務(wù)內(nèi)容。管理者可以通過平臺掌握游客數(shù)量，從而提前預(yù)測景區(qū)客流量，同時(shí)可為景區(qū)服務(wù)調(diào)度制定更優(yōu)質(zhì)的決策方案。平臺開發(fā)主要運(yùn)用了HTML/CSS腳本語言、JavaScript、jQuery、PHP語言和MySQL數(shù)據(jù)庫等相關(guān)技術(shù)。為了達(dá)到宣傳效果，在設(shè)計(jì)中配置的功能基本上包括旅游景點(diǎn)信息、售票、線路推薦、酒店住宿信息等，此外平臺還增配了關(guān)于當(dāng)?shù)氐穆糜涡侣?、風(fēng)俗和重點(diǎn)推介的旅游服務(wù)模塊，通過這些模塊功能，實(shí)現(xiàn)旅游信息共享，為游客提供及時(shí)準(zhǔn)確、詳盡高效的旅游信息服務(wù)，從而增加當(dāng)?shù)芈糜蔚娜の缎?，并提升旅游景區(qū)的知名度和吸引力。

1平臺總體設(shè)計(jì)

平臺總體設(shè)計(jì)就是旨在研發(fā)得到整個網(wǎng)站的框架及結(jié)構(gòu)，根據(jù)結(jié)構(gòu)確定設(shè)計(jì)內(nèi)容，并解析每個部分由哪些模塊組成，使這些模塊有機(jī)結(jié)合到一起，協(xié)同生成該平臺的各類指定主題功能?？傮w設(shè)計(jì)要滿足游客的需求，具備平臺的宣傳管理功能，因而在設(shè)計(jì)上就要做到高效、可靠、易于修改和使用。研究得到的平臺總體設(shè)計(jì)結(jié)構(gòu)如圖1所示。

2功能設(shè)計(jì)

崇左旅游管理平臺的設(shè)計(jì)功能是給游客介紹和推薦旅游特色，同時(shí)展示旅游線路輻射區(qū)域、門票購買、咨詢和交流等方面的服務(wù)。研究中，針對平臺功能可做如下闡釋與論述。

（1）實(shí)現(xiàn)旅游信息發(fā)布和宣傳功能。讓游客通過網(wǎng)頁形象了解崇左的旅游特色和服務(wù)，飽覽景點(diǎn)、酒店、民俗、新聞、服務(wù)等信息。

（2）實(shí)現(xiàn)預(yù)訂功能。在預(yù)訂模塊上，用戶可以通過平臺開展預(yù)訂以及評價(jià)，新增了異地預(yù)訂功能，為游客解決各種旅游所需的預(yù)訂服務(wù)，讓游客提前做好行程安排，合理規(guī)劃旅游日程和線路，盡享在崇左的旅游樂趣。

（3）實(shí)現(xiàn)留言功能。本網(wǎng)站通過貼吧的形式為用戶搭建在線交流空間，讓游客發(fā)表自己的看法和心得體會，同時(shí)也為其它意欲旅游的游客提供旅游的參考信息。

（4）實(shí)現(xiàn)管理功能。管理員可對平臺的任何信息予以管理、修改和發(fā)布。權(quán)限分為2個部分，即：用戶部分和管理員部分。其中，用戶部分是用戶能夠?yàn)g覽網(wǎng)站，并撰寫留言，但不能對網(wǎng)站進(jìn)行修改；管理員部分則可以根據(jù)需要酌情修改和刪除網(wǎng)站的任何內(nèi)容。相應(yīng)地，用戶權(quán)限和管理員權(quán)限設(shè)計(jì)可分別如圖2、圖3所示。

3數(shù)據(jù)庫設(shè)計(jì)

本網(wǎng)站采用的是MySQL數(shù)據(jù)庫，主要是運(yùn)用Apache+PHP+MySQL 集成環(huán)境進(jìn)行開發(fā)。網(wǎng)頁采用了MySQL數(shù)據(jù)庫設(shè)計(jì)貼吧論壇模塊，其數(shù)據(jù)庫主要劃定為發(fā)帖表和回復(fù)表2個表。其中，發(fā)帖表用于發(fā)表用戶個人看法；回復(fù)表是在發(fā)帖之后，專用于采集網(wǎng)友之間的評論及帖主的回復(fù)。發(fā)帖表中包括如下內(nèi)容：主鍵（tid）、用戶名（username）、主題（title）、內(nèi)容（content）、時(shí)間（pubtime）；回復(fù)表包括如下分項(xiàng)：回復(fù)主鍵（rid）、回復(fù)發(fā)帖主鍵（tid）、回復(fù)名（username）、回復(fù)內(nèi)容（content）、回復(fù)時(shí)間（reptime）。管理員進(jìn)入數(shù)據(jù)庫，就可以對數(shù)據(jù)進(jìn)行增/刪/改，從而行使管理功能。

4界面設(shè)計(jì)

本網(wǎng)站采用模塊化設(shè)計(jì)，相繼研發(fā)了諸如首頁、崇左必游、話說崇左、旅游服務(wù)和旅游資訊等一系列重點(diǎn)模塊，每一個模塊都設(shè)有導(dǎo)航菜單和底部信息。為了給用戶營造舒適的視覺效果，在色彩上采取簡潔、大方的搭配。本次界面以淺綠色為主，采取相近顏色，奠定整體的清新基調(diào)。在字體選擇上，選取大小適中，重點(diǎn)地方選擇大號字體加樣式渲染突出視覺呈現(xiàn)。在頁面布局上，采用塊狀布局，每個模塊單獨(dú)設(shè)計(jì)，盡量做到相互關(guān)聯(lián)、卻互不影響。主界面多以圖片為主，文字為輔，以期提升網(wǎng)頁的感染力和點(diǎn)擊量。下面，將給出具體設(shè)計(jì)的研究與論述。

4.1首頁設(shè)計(jì)

（1）首頁導(dǎo)航。采用橫向?qū)Ш?，分為主菜單和二級菜單。?dāng)鼠標(biāo)移至主菜單時(shí)會向下顯示二級菜單，點(diǎn)擊即進(jìn)入相應(yīng)的頁面。這部分的功能布局排定后，將使用JavaScript編制調(diào)試移入移出顯示二級菜單。設(shè)計(jì)代碼是用一個for循環(huán)，循環(huán)每一個一級導(dǎo)航菜單，設(shè)置當(dāng)前索引為j，當(dāng)鼠標(biāo)移入當(dāng)前索引時(shí)，執(zhí)行函數(shù)體，使當(dāng)前索引下的二級菜單為顯示狀態(tài)；鼠標(biāo)移出時(shí)，又使當(dāng)前索引下的二級菜單為隱藏狀態(tài)。設(shè)計(jì)運(yùn)行效果如圖4所示。

（2）景點(diǎn)輪播。首頁選用了大型幻燈片播放圖，這部分采用輪播的方式，將崇左重要景點(diǎn)及地標(biāo)性名勝以圖片方式播放，吸引用戶繼續(xù)瀏覽網(wǎng)頁。設(shè)計(jì)方法為引用jQuery插件、camera.min.js和jquery.easing.1.3.js，設(shè)置尺寸為1366×650像素，自動循環(huán)播放，景點(diǎn)輪播設(shè)計(jì)效果如圖5所示。

（3）熱門景區(qū)。熱門景區(qū)圖片展示及鏈接展示是網(wǎng)站的核心內(nèi)容，采用div分列布局形式來清晰呈現(xiàn)崇左各個重要景點(diǎn)，同時(shí)附上簡要的說明及門票價(jià)格，不僅美觀、且各類信息皆可盡收眼底。研究時(shí)，還額外增加了鼠標(biāo)移入移出的模糊度漸變效果，這個功能是采用CSS3新技術(shù)transition，使得代碼變得輕便、簡潔。由于鼠標(biāo)移入移出hover會經(jīng)歷一個過渡過程，也就形成了淡入淡出的效果，熱門景區(qū)的設(shè)計(jì)界面如圖6所示。

（4）旅游新聞。這是通過圖片輪播的方式顯示旅游新聞動態(tài)，文字為每條新聞的標(biāo)題及發(fā)布日期。文字部分顯示方法為：鼠標(biāo)移入導(dǎo)航標(biāo)題，將調(diào)取相應(yīng)的模塊處理。旅游新聞重點(diǎn)介紹國內(nèi)旅游新聞，包括崇左、廣西、全國，由小及大，逐階變換觀賞視點(diǎn)，使用戶與游客瀏覽網(wǎng)頁時(shí)得到更多關(guān)于旅游的信息。每個新聞模塊均以列表的形式排放標(biāo)題，每個標(biāo)題即是鏈接，當(dāng)用戶點(diǎn)擊時(shí)就可進(jìn)入新聞詳細(xì)內(nèi)容頁面。

（5）預(yù)訂功能。預(yù)訂功能主要是為用戶提供預(yù)訂服務(wù)，在平臺上點(diǎn)擊相關(guān)鏈接即可跳轉(zhuǎn)到預(yù)訂頁面，通過平臺鏈接，給游客定制酒店、景點(diǎn)、住宿等人性化服務(wù)。

4.2旅游服務(wù)模塊設(shè)計(jì)

旅游服務(wù)模塊包括崇左必游的景點(diǎn)推薦、崇左的風(fēng)土人情賞鑒、崇左周邊的住宿和飲食集錦等方面。對其研究釋義，可得各研究要點(diǎn)如下。

（1）景點(diǎn)推薦模塊。主要用來統(tǒng)一展示所有景點(diǎn)，以div+css浮動布局方式，排列出每一處的景觀內(nèi)容，點(diǎn)擊圖片或景點(diǎn)名稱即進(jìn)入到詳細(xì)的景區(qū)解說頁面。此模塊主要收錄了景區(qū)地址、門票情況、開放時(shí)間等基本信息。為了節(jié)省空間，本網(wǎng)站的圖片展示多采用輪播方式，而每一景點(diǎn)的圖片則為自動播放形式，這也是很多網(wǎng)站普遍采用的方式。在Html/Css布局基礎(chǔ)上，配以JavaScript實(shí)現(xiàn)動畫效果，展示景區(qū)信息。

（2）景點(diǎn)簡介模塊。以文字和圖片的形式，著重推出該景區(qū)基本信息以及特色，以div+css浮動布局方式，排列出每個景點(diǎn)的介紹內(nèi)容，點(diǎn)擊圖片或景點(diǎn)名稱即進(jìn)入到指定的景區(qū)介紹頁面。通過瀏覽景區(qū)簡介，游客可以更加直觀地了解該景區(qū)，以達(dá)到視覺先期預(yù)覽勝景的審美效果。

（3）酒店住宿模塊。主要是為了解決游客住宿的問題，其中的住宿推薦都是景點(diǎn)附近的酒店，當(dāng)游客無法及時(shí)抵達(dá)下一個目的地時(shí)，可以選擇在附近住宿，給游客規(guī)劃出行和休息提供了便利。

（4）美食模塊。首先映入眼簾的是一幅美食圖畫，接著采用div浮動布局方式，不規(guī)則排列出各款特色美食及美食名店，為到來的游客推薦地方名特餐飲，由此使游客真實(shí)體驗(yàn)本地的風(fēng)土人情，同時(shí)兼收美食、美景的雙重愉悅感受。特色美食欄目設(shè)計(jì)可如圖7所示。

4.3旅游資訊模塊設(shè)計(jì)

旅游資訊包括旅游線路、出游常識、問題咨詢、旅游貼吧4個模塊。這部分的設(shè)置可以解決游客出行時(shí)可能會遇到的問題，讓游客關(guān)于旅途中的注意事項(xiàng)及面臨問題提前獲得認(rèn)知。旅游貼吧是該部分的設(shè)計(jì)核心，主要目的是方便用戶及游客進(jìn)行在線交流，發(fā)表各自的旅游心得或提出問題，為游客和管理者開辟一個互動交流平臺，從而改善和提升崇左的旅游服務(wù)質(zhì)量。貼吧的設(shè)計(jì)重點(diǎn)采用了與后臺交互技術(shù)，利用PHP和數(shù)據(jù)庫，結(jié)合前端技術(shù)研發(fā)滿足性能需求。貼吧具有發(fā)布和回復(fù)2個功能，就可以實(shí)現(xiàn)發(fā)帖、跟帖、以及回復(fù)功能，管理員可對發(fā)言進(jìn)行刪除和管理。旅游貼吧的最終設(shè)計(jì)界面即如圖8所示。

5結(jié)束語

本平臺把崇左的旅游資源通過前端技術(shù)展示在網(wǎng)頁上，實(shí)現(xiàn)了崇左旅游綜合信息的共享，通過瀏覽崇左的旅游資源，讓更多的游客了解崇左，認(rèn)識崇左，走進(jìn)崇左，從而達(dá)到宣傳、購票、住宿、購物、交流等智慧旅游網(wǎng)站的設(shè)計(jì)研發(fā)目的，因而對同類智慧旅游網(wǎng)站的設(shè)計(jì)發(fā)布提供了有益的參考與借鑒。

參考文獻(xiàn)

[1] 童佩珊，施生旭. 基于智慧旅游平臺的福州市智慧旅游建設(shè)研究[J]. 中南林業(yè)科技大學(xué)學(xué)報(bào)（社會科學(xué)版），2017，11（6）：92-96.

[2] 鄭鑫，張曉潔，李海生. 移動互聯(lián)網(wǎng)環(huán)境下崇左市智慧旅游發(fā)展策略分析[J]. 廣西民族師范學(xué)院學(xué)報(bào)，2016，33（3）：28-30.

[3] 李君杰. “智慧旅游”再出重拳 寧夏智慧旅游網(wǎng)正式上線[J]. 寧夏畫報(bào)（時(shí)政版），2016（3）：22.

[4] 朱曉娜，崇慧. 十堰市智慧旅游公共服務(wù)體系建設(shè)研究[J]. 旅游縱覽，2016（1）：125-126.

[5] 李娟梅. 基于“互聯(lián)網(wǎng)+”的無錫智慧旅游產(chǎn)業(yè)提升途徑分析[J]. 無錫職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2015，14（6）：57-60.

[6] 朱娜，卡茜燕. 智慧旅游背景下城市旅游公共信息服務(wù)體系構(gòu)建——以北京市為例[J]. 旅游縱覽，2012（12）：62-63.