基于二維碼的智慧導(dǎo)覽Web系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

孟嶺++崔忠偉++徐明玉++賀洋

摘要：基于ASP.NET和二維碼技術(shù)開(kāi)發(fā)系統(tǒng)，該系統(tǒng)實(shí)現(xiàn)了從收集處理數(shù)據(jù)錄入系統(tǒng)最終生成二維碼的WEB系統(tǒng)，通過(guò)登錄系統(tǒng)或是掃描二維碼可以實(shí)現(xiàn)對(duì)實(shí)物的信息導(dǎo)覽，園區(qū)的路線推送以及購(gòu)票等功能。通過(guò)實(shí)際應(yīng)用表面該系統(tǒng)提高了園區(qū)的智慧性以及導(dǎo)覽的便捷性，使園區(qū)的管理策施得到了大大提高。

關(guān)鍵詞：二維碼；智慧導(dǎo)覽；ASP.NET

中圖分類(lèi)號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）09-0274-03

隨著現(xiàn)代科技的發(fā)展，旅游行業(yè)在市場(chǎng)上占據(jù)了很大的市場(chǎng)，從而各大城市加大了智慧城市、智慧旅游的建設(shè)。目前針對(duì)貴州而言傳統(tǒng)的園區(qū)導(dǎo)覽存在了很多問(wèn)題，如標(biāo)牌信息局限，如針對(duì)植物標(biāo)牌內(nèi)容僅僅只有植物名以及它的一些生長(zhǎng)方式等，在有限的板材上只能刻畫(huà)有限的內(nèi)容，不能為游客提供更豐富的更詳細(xì)的信息。

解說(shuō)員良莠不齊：不同的導(dǎo)覽人員的服務(wù)態(tài)度不一樣難以滿(mǎn)足游客的個(gè)性需求。而且由于解說(shuō)員的主觀性格在一定程度上回給游客帶來(lái)一定乏味性，而且眾口難調(diào)一個(gè)解說(shuō)員不能滿(mǎn)足眾多游客的要求，并且有些游客喜歡獨(dú)自游覽而跟團(tuán)給他們帶來(lái)了一定的困擾[11]。

在黃金周路線擁擠：在黃金周旅游時(shí)由于人員擁擠不能準(zhǔn)確找到合適的路線等問(wèn)題。由于黃金周會(huì)引入大量的游客，所以當(dāng)游客同時(shí)游覽時(shí)會(huì)給園區(qū)帶來(lái)大量的人流擁擠以至于園區(qū)路線擁擠，使游客在選擇路線時(shí)會(huì)受到人流擁擠的限制。

為了解決以上問(wèn)題開(kāi)發(fā)了基于二維碼導(dǎo)覽的web系統(tǒng)，通過(guò)本系統(tǒng)的應(yīng)用大大地提高了園區(qū)的智慧性以及導(dǎo)覽的多彩性。

1系統(tǒng)需求分析

目前大多數(shù)園區(qū)對(duì)動(dòng)植物信息導(dǎo)覽都是采用傳統(tǒng)的標(biāo)牌顯示，通過(guò)對(duì)本系統(tǒng)的分析得出系統(tǒng)業(yè)務(wù)邏輯如圖1顯示。

采集數(shù)據(jù)：主要是指在線下收集動(dòng)植物信息，以及商家基本信息等信息。如植物的科、屬、目以及拉丁文等信息；動(dòng)物的種類(lèi)、生活習(xí)性以及生活環(huán)境等信息；商家的如經(jīng)營(yíng)范圍、企業(yè)性質(zhì)等信息的收集。

數(shù)據(jù)分類(lèi)：是指通過(guò)線下數(shù)據(jù)的收集對(duì)相應(yīng)信息進(jìn)行歸類(lèi)以便于上傳至系統(tǒng)進(jìn)行歸檔。

數(shù)據(jù)錄入：是指將分類(lèi)處理后的數(shù)據(jù)根據(jù)不同的分類(lèi)以及歸檔上傳子系統(tǒng)相應(yīng)的數(shù)據(jù)庫(kù)表。

自動(dòng)生成二維碼：是指歸檔后錄入系統(tǒng)的數(shù)據(jù)系統(tǒng)會(huì)更具相應(yīng)的分類(lèi)為其生成對(duì)應(yīng)的web鏈接以及二維碼圖片。

制作板材：是指將對(duì)應(yīng)收集的信息以及二維碼圖片歸為同一事物信息，通過(guò)對(duì)不同的事物設(shè)計(jì)對(duì)應(yīng)UI，最終噴繪制作對(duì)應(yīng)實(shí)物板材。

通過(guò)對(duì)系統(tǒng)的業(yè)務(wù)邏輯流程圖觀察可知，系統(tǒng)主要采取O2O的模式就行運(yùn)行，通過(guò)在線下的數(shù)據(jù)采集與分析處理，得到合理的數(shù)據(jù)分類(lèi)后在線進(jìn)行數(shù)據(jù)錄入系統(tǒng)，系統(tǒng)會(huì)在每一條完整的數(shù)據(jù)錄入之后生成對(duì)應(yīng)的二維碼鏈接，最終通過(guò)線下的板材制作完成整個(gè)系統(tǒng)的處理。

2 系統(tǒng)設(shè)計(jì)

2.1 系統(tǒng)功能設(shè)計(jì)

系統(tǒng)功能主要分為四個(gè)部分如圖2，第一部分是數(shù)據(jù)錄入模塊，系統(tǒng)錄入模塊包括系統(tǒng)的錄入以及信息的管理；第二部分為生成二維碼模塊；第三部分為地圖管理模塊，第四部分為用戶(hù)管理模塊，用戶(hù)模塊包括管理員管理和普通用戶(hù)管理。系統(tǒng)的主要結(jié)構(gòu)如圖3所示、系統(tǒng)場(chǎng)景運(yùn)用如圖4所示。

2.2 系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)

系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)了五張表，分別是用戶(hù)信息表（tb_user）、二維碼信息表（tb_code）、動(dòng)物信息表（tb_animal）、植物信息表（tb_plant）、圖片表（tb_images）。

用戶(hù)表除了包含了用戶(hù)的基本信息字段以外還包含了用戶(hù)權(quán)限管理字段，用戶(hù)權(quán)限管理字段采用int型，“0”表示普通用戶(hù)，“1”表示管理員，用戶(hù)在登錄時(shí)系統(tǒng)會(huì)根據(jù)用戶(hù)session判斷用戶(hù)的權(quán)限從而顯示不同的頁(yè)面及功能。

二維碼信息表主要包含了二維碼的鏈接字段以及對(duì)應(yīng)二維碼的圖片路徑，管理員在錄入系統(tǒng)的時(shí)候系統(tǒng)會(huì)自動(dòng)生成二維碼從而將對(duì)應(yīng)的二維碼鏈接地址以及圖片存入二維碼表中。

動(dòng)植物信息表主要包含了動(dòng)植物基本信息字段和對(duì)應(yīng)的鏈接地址以及二維碼圖片路徑。

圖片表主要包含相應(yīng)的動(dòng)植物圖片信息路徑，當(dāng)用戶(hù)掃面對(duì)應(yīng)的二維碼后系統(tǒng)后將對(duì)應(yīng)的圖片與實(shí)物信息相匹配。

3 系統(tǒng)主功能實(shí)現(xiàn)

3.1 用戶(hù)管理

用戶(hù)管理模塊只要實(shí)現(xiàn)了管理員以及普通用戶(hù)的管理，針對(duì)不同的用戶(hù)系統(tǒng)根據(jù)用戶(hù)session判斷用戶(hù)權(quán)限，如果是管理員則會(huì)擁有相應(yīng)的管理權(quán)限；如果是普通用戶(hù)則只有查看功能。如果用戶(hù)session為空則系統(tǒng)會(huì)自動(dòng)跳轉(zhuǎn)到登錄頁(yè)面以保證系統(tǒng)的安全性。

3.2 信息管理

信息管理主要是將線下收集的信息進(jìn)行系統(tǒng)錄入，信息管理主要分為動(dòng)物信息管理和植物信息管理，如植物具有相應(yīng)的植物名、拉丁文名以及科、屬、目等。系統(tǒng)針對(duì)不同的信息載入數(shù)據(jù)庫(kù)里面相應(yīng)的字段，最后通過(guò)sql實(shí)現(xiàn)對(duì)信息的增加、刪除以及修改等功能。

3.3 二維碼信息管理

3.3.1 二維碼的選擇

二維碼信息管理主要包含二維碼圖片信息管理以及自動(dòng)生成二維碼的技術(shù)實(shí)現(xiàn)。二維碼圖片是在線下實(shí)體的重點(diǎn)部分，二維碼圖片信息包含了對(duì)應(yīng)實(shí)體的詳細(xì)信息，而針對(duì)繁雜的信息以及二維碼的準(zhǔn)確度我們采用的是QR Code（Quick Response）。

目前市面上主流的二維碼有Data Matrix，MaxiCode， Aztec，QR Code， Vericode，PDF417，Ultracode，Code 49，Code 16K等。采用QR Code二維碼是因?yàn)槠渚幋a包括數(shù)據(jù)編碼和糾錯(cuò)編碼2個(gè)部分，其中數(shù)據(jù)編碼分為擴(kuò)充解釋模式、數(shù)字模式、字母數(shù)字模式和8 bit字節(jié)模式等幾種編碼模式；糾錯(cuò)編碼采用有限域GF（28）上的里德一索羅門(mén)（Reed—Solonom，RS）糾錯(cuò)編碼算法[6]。這樣有利于提高二維碼的辨識(shí)度以及減小誤碼率和增強(qiáng)反病毒能力。

3.3.1 二維碼的實(shí)現(xiàn)

相關(guān)二維碼實(shí)現(xiàn)核心代碼如下：

protected void creatQRCodeImage（）

{ if （txtEncodeData.Text.Trim（） == String.Empty）

{ msg.Text = "內(nèi)容不能為空！"； return； }

QRCodeEncoder qrCodeEncoder = new QRCodeEncoder（）；

string encide_type = this.cboEncoding.Text；

switch （encide_type）

{ case "Byte"：

qrCodeEncoder.QRCodeEncodeMode = QRCodeEncoder.ENCODE_MODE.BYTE； break；

case "AlphaNumeric"：

qrCodeEncoder.QRCodeEncodeMode = QRCodeEncoder.ENCODE_MODE.ALPHA_NUMERIC； break；

case "Numeric"：

qrCodeEncoder.QRCodeEncodeMode = QRCodeEncoder.ENCODE_MODE.NUMERIC； break；

default：

qrCodeEncoder.QRCodeEncodeMode = QRCodeEncoder.ENCODE_MODE.BYTE； break；

}}

3.3 路線推送管理

路線推送管理模塊主要實(shí)現(xiàn)了用戶(hù)定位的功能，用戶(hù)在相應(yīng)的景區(qū)掃描我們的系統(tǒng)相應(yīng)的二維碼，用戶(hù)就可以選擇相應(yīng)的服務(wù)信息，如動(dòng)植物信息導(dǎo)覽以及路線推送信息，系統(tǒng)通過(guò)GPS用戶(hù)定位便可以為用戶(hù)提供其目的地的推送路線以及周邊商家推送等服務(wù)。系統(tǒng)路線推送采用的是調(diào)用百度地圖的API實(shí)現(xiàn)路線推送，使用百度地圖不僅內(nèi)容豐富而且降低了系統(tǒng)編寫(xiě)的復(fù)雜性。在系統(tǒng)功能函數(shù)中路線推送主要采用百度JavaScript API，通過(guò)支步加載引用腳本的時(shí)候添加callback參數(shù)，當(dāng)腳本加載完成后callback函數(shù)會(huì)被立刻調(diào)用。核心代碼如下：

通過(guò)以上模塊完善最終實(shí)現(xiàn)了基于二維碼的智慧導(dǎo)覽web系統(tǒng)的正常運(yùn)行。

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

通過(guò)以上設(shè)計(jì)最終實(shí)現(xiàn)了基于二維碼的智慧導(dǎo)覽web系統(tǒng)，最終完善了該系統(tǒng)。用戶(hù)只要通過(guò)手機(jī)或iPad等移動(dòng)終端景區(qū)的二維碼進(jìn)行掃面就對(duì)相應(yīng)的實(shí)物信息進(jìn)行了解，用戶(hù)還可以在系統(tǒng)內(nèi)選擇路線推送、旅游導(dǎo)覽等功能。本系統(tǒng)具有特有的優(yōu)點(diǎn)，具有良好的實(shí)用價(jià)值與推廣意義。通過(guò)本系統(tǒng)的推廣，解決了傳統(tǒng)導(dǎo)覽的資源浪費(fèi)問(wèn)題，打破了傳統(tǒng)解說(shuō)牌乏味的局限，解決了游客在黃金周購(gòu)票難等問(wèn)題。該系統(tǒng)首先在貴州師范學(xué)院試行，也是在貴州首次實(shí)行，該系統(tǒng)不僅提升了學(xué)校的文化底蘊(yùn)，也提升了學(xué)校的智慧性。

參考文獻(xiàn)：

[1] 王金秀. 我國(guó)高校圖書(shū)館二維碼技術(shù)應(yīng)用調(diào)查研究[J]. 國(guó)家圖書(shū)館學(xué)刊，2014（4）：58-63.

[2] 李浩君，項(xiàng)靜，徐佳程，等. 基于二維碼技術(shù)的多媒體學(xué)習(xí)效率分析研究[J]. 電化教育研究，2015（3）：77-82.

[3] 于英政. QR二維碼相關(guān)技術(shù)的研究[D]. 北京： 北京交通大學(xué)，2014.

[4] 陳君. 二維碼技術(shù)在移動(dòng)終端的安全應(yīng)用研究[D]. 廣州： 廣東工業(yè)大學(xué)，2015.

[5] 曾子劍. 基于QR二維碼編解碼技術(shù)的研究與實(shí)現(xiàn)[D]. 成都： 電子科技大學(xué)，2010.

[6] Karl Gummesson. Effective measures to decrease air contaminants through risk and control visualization – A study of the effective use of QR codes to facilitate safety training[J]. Safety Science，2016，82.

[7] Jie Fei，Ran Liu. Drug-laden 3D biodegradable label using QR code for anti-counterfeiting of drugs[J]. Materials Science & Engineering C，2016.

[8] Fei Xu. QR Codes and library bibliographic records[J]. VINE，2014，443：.

[9] 李嵐，朱紅高. 基于C#的ADO.NET訪問(wèn)數(shù)據(jù)庫(kù)技術(shù)[J]. 電腦知識(shí)與技術(shù)：學(xué)術(shù)交流，2007（7）：28-29.

[10] 張莉，韓其睿. 淺談C#編程語(yǔ)言的特點(diǎn)及潛在的新功能[J]. 儀器儀表用戶(hù)，2005（5）：83-85.

[11] 張凌云，黎巎，劉敏. 智慧旅游的基本概念與理論體系[J]. 旅游學(xué)刊，2012（5）：66-73.

[12] 丁國(guó)勝，宋彥. 智慧城市與“智慧規(guī)劃”——智慧城市視野下城鄉(xiāng)規(guī)劃展開(kāi)研究的概念框架與關(guān)鍵領(lǐng)域探討[J]. 城市發(fā)展研究，2013（8）：34-39.

[13] 陳銘，王乾晨，張曉海，等. “智慧城市”評(píng)價(jià)指標(biāo)體系研究——以“智慧南京”建設(shè)為例[J]. 城市發(fā)展研究，2011（5）：84-89.

[14] 宋剛，鄔倫. 創(chuàng)新2.0視野下的智慧城市[J]. 北京郵電大學(xué)學(xué)報(bào)：社會(huì)科學(xué)版，2012（4）：1-8.

[15] 丁國(guó)勝，宋彥. 智慧城市與“智慧規(guī)劃”——智慧城市視野下城鄉(xiāng)規(guī)劃展開(kāi)研究的概念框架與關(guān)鍵領(lǐng)域探討[J]. 城市發(fā)展研究，2013（8）：34-39.