3D體驗(yàn)式旅游小程序的研發(fā)

葉木林，洪宏，李芳芳，丁雨露，劉妍，孫悅

摘要：由于經(jīng)濟(jì)的迅速發(fā)展，旅游的人也越來越多。為了便利人們旅游，該文基于微信小程序和3D建模技術(shù)設(shè)計(jì)一款旅游類線上3D小程序。目前互聯(lián)網(wǎng)技術(shù)已經(jīng)應(yīng)用于百姓生活的方方面面，相較于傳統(tǒng)的旅游來說，3D體驗(yàn)式旅游小程序直達(dá)民眾、易于傳播、更能減少中間流程，讓更多的人可以看到景區(qū)美好的風(fēng)景。旅游形式新穎，帶來不一樣的體驗(yàn)。

關(guān)鍵詞：微信小程序；3D建模；云旅游

中圖分類號(hào)：TP311? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2022）33-0045-03

隨著科技的發(fā)展，人民生活水平提高，在解決溫飽的前提下，人們更多地選擇去追求精神的享受。旅游作為一項(xiàng)娛樂項(xiàng)目，近年來發(fā)展蓬勃，成為不少地區(qū)帶動(dòng)經(jīng)濟(jì)發(fā)展的主力軍。中國地域遼闊，景點(diǎn)也是數(shù)不勝數(shù)，每當(dāng)假期來臨，大多數(shù)人休假的首選便是去旅游[1]。該團(tuán)隊(duì)成員都喜歡旅游，經(jīng)常為假期出行選目的地而苦惱。經(jīng)過大量走訪調(diào)查，調(diào)查人員發(fā)現(xiàn)大部分人也有這種苦惱。而且因?yàn)樾鹿诜窝滓咔榈脑颍鋈ヂ糜螘?huì)導(dǎo)致大量人群聚集，不利于疫情防控。因此該團(tuán)隊(duì)準(zhǔn)備研發(fā)出一款旅游類微信小程序，可以3D全景沉浸式體驗(yàn)旅游，無須面臨線下出行的所有壓力，一個(gè)小程序，就可以把游客帶到想去的任何景點(diǎn)。不僅如此，該款小程序還加入了中草藥模擬人物的新穎形式，給用戶帶來不一樣的體驗(yàn)。沉浸式體驗(yàn)、旅游攻略全覽、旅游紀(jì)念品購買、旅行足跡生成、旅游打卡、景點(diǎn)優(yōu)惠購票、住宿交通等一站式旅游，省下時(shí)間金錢與精力，盡情享受輕松歡樂的旅行。

1關(guān)鍵技術(shù)簡(jiǎn)介

1.1 技術(shù)框架

該小程序采用3D建模技術(shù)來搭建框架。3D建模通俗來講就是三維制作軟件通過虛擬三維空間構(gòu)建出具有三維數(shù)據(jù)的模型[2]。常用的商業(yè)3D軟件有3DMAX、Rhino以及ZBrush，CAD 軟件有AutoCAD、Solidworks、Servlet、TurboCAD 、Deluxe[3]。本項(xiàng)目應(yīng)用這方面的知識(shí)，同時(shí)利用各個(gè)平臺(tái)及軟件上的資源。將通過走訪調(diào)查、評(píng)論留言、打卡等方法來分析該項(xiàng)目的實(shí)際運(yùn)行情況。用戶可以使用Servlet來實(shí)現(xiàn)登錄、注冊(cè)和留言。評(píng)論留言及打卡等功能需要用戶注冊(cè)賬戶、登錄后才可以使用。

1.2宣傳方式

該項(xiàng)目的宣傳形式將利用媒介、活動(dòng)、公關(guān)、新聞的資源進(jìn)行宣傳，其中廣告宣傳為主要宣傳方式。通過在線投放引擎（Online Serving Engine）實(shí)時(shí)響應(yīng)請(qǐng)求，完成決策，離線分布式計(jì)算（Distributed Computing）數(shù)據(jù)處理平臺(tái)，在線實(shí)時(shí)流式計(jì)算（Stream Computing）平臺(tái)數(shù)據(jù)總線（Data Bus）連接和傳輸以上三部分?jǐn)?shù)據(jù)流實(shí)現(xiàn)。

1.3數(shù)據(jù)庫技術(shù)

小程序具有查詢功能，需要用到數(shù)據(jù)庫中的實(shí)地場(chǎng)景知識(shí)和關(guān)于藥材的知識(shí)，應(yīng)用程序與數(shù)據(jù)庫建立連接之后，需要使用JDBC提供的API與數(shù)據(jù)庫交互信息，可以查詢、修改和更新數(shù)據(jù)庫中的數(shù)據(jù)等。使用SQL語句讓JDBC與數(shù)據(jù)庫進(jìn)行交互，JDBC提供的API可以將標(biāo)準(zhǔn)的SQL語句發(fā)送給數(shù)據(jù)庫，實(shí)現(xiàn)與數(shù)據(jù)庫的交互[4]。

2微信小程序的模塊及功能設(shè)計(jì)

2.1首頁頁面板塊

首頁界面具有基本查詢功能，分別是旅游、攻略、購物、打卡、購票五個(gè)基本功能區(qū)和上方搜索框方便用戶隨時(shí)搜尋想要找到的功能（圖1）。上方搜索框之下放置了流動(dòng)圖片展示區(qū)，用于展示不同景區(qū)的風(fēng)光，吸引用戶駐足并安排相關(guān)旅游事項(xiàng)。頁面簡(jiǎn)潔明了，一定程度上更加利于用戶大腦提取利用最需要的信息，快速找到自己需要的內(nèi)容。不同的功能模塊亦呈現(xiàn)著不同的具體信息，例如：點(diǎn)擊旅游模塊即進(jìn)入由用戶自己操作的自由旅游模式，進(jìn)入到該選項(xiàng)界面中，用戶便可進(jìn)行對(duì)自己感興趣的景區(qū)進(jìn)行搜索，同時(shí)本團(tuán)隊(duì)也會(huì)運(yùn)用大數(shù)據(jù)的方式對(duì)用戶進(jìn)行熱門旅游景區(qū)的推薦。在進(jìn)入旅游景區(qū)后用戶可以選擇自己感興趣的虛擬人物，選擇自助旅行（即由用戶自行操控虛擬人物，進(jìn)行景點(diǎn)游覽）或智能旅行（即虛擬人物通過程序設(shè)定的路線來帶領(lǐng)游客進(jìn)行景點(diǎn)游覽）。在游覽過程中每到一個(gè)景區(qū)的特色景點(diǎn)時(shí)，用戶便可選擇是否需要虛擬人物進(jìn)行解說，該小程序也設(shè)置了付費(fèi)解鎖內(nèi)容，來提高景點(diǎn)的吸引力，這也是本小程序的點(diǎn)睛之筆。攻略模塊中有不同用戶及旅游達(dá)人整理出的不同城市的旅游攻略，供想要旅游的用戶選擇。購物模塊中用戶可在其中購買景點(diǎn)或城市的熱門周邊及特產(chǎn)，足不出戶就能購買到想要的旅游業(yè)產(chǎn)品，同時(shí)也可以給在3D旅游體驗(yàn)的用戶們提供更多了解景區(qū)的選擇，讓用戶們身臨其境。打卡模塊中用戶可看到自己的旅游足跡，生成自己的旅游地圖，也可在其中找到目的地的熱門打卡地，在里面可以看到曾經(jīng)去過相關(guān)景點(diǎn)的用戶分享他們的旅游心得和他們認(rèn)為的一些雷點(diǎn)，開放評(píng)論功能，便于用戶和分享者進(jìn)行交流。購票模塊中用戶可在其中購買往返目的地的車票及旅游景點(diǎn)的門票，免去了一部分排隊(duì)購票的時(shí)間，用戶可根據(jù)需求來選擇，給了用戶一個(gè)新的選擇方式，提供新的一站式旅游服務(wù)。

2.2資料共享頁面模塊

小程序中，資料共享頁面被命名為“發(fā)現(xiàn)”（如圖2）。在“發(fā)現(xiàn)”內(nèi)，用戶及簽約的旅游打卡博主可以自己上傳旅游景點(diǎn)或相關(guān)城市的圖片或打卡視頻攻略，用戶可以在這個(gè)模塊中找到想要去的景區(qū)的攻略，得到很多種草，在不知道想要去哪里時(shí)也可以在這個(gè)界面找到答案。用戶在進(jìn)行了一趟美好的旅游后也可在這個(gè)模塊中發(fā)布自己的旅游攻略及旅途中拍攝的風(fēng)景照等，給其他用戶分享旅游心得。

2.3個(gè)人操作頁面模塊

小程序內(nèi)，個(gè)人操作頁面被命名為“我的”（如圖3）。在“我的”內(nèi)，用戶可以先進(jìn)行登錄，登錄完成后，可在界面內(nèi)查看“個(gè)人資料”“卡包”“設(shè)置”等模塊，用戶可以進(jìn)行個(gè)人信息的修改，卡包的綁定及其他一些個(gè)性化的設(shè)置。

2.4功能技術(shù)實(shí)現(xiàn)

2.4.1用戶登錄

用戶進(jìn)入小程序時(shí)，先出現(xiàn)一個(gè)歡迎界面，在“我的”頁面中提供登錄功能，通過微信的wx.getUserInfo（object）接口確認(rèn)用戶授權(quán)獲取用戶頭像、昵稱、性別等基本信息進(jìn)入主頁面。

2.4.2頁面框架

在app.json中“pages”屬性中注冊(cè)一些用戶頁面。主要頁面包括：

1）home.wxml，首頁在用戶進(jìn)入小程序時(shí)第一展示的界面為首頁，首頁為用戶提供清楚的信息流。

2）fine.wxml，發(fā)現(xiàn)頁面是景點(diǎn)視頻展示區(qū)，為用戶分享實(shí)景。

3）me.wxml，我的頁面是用戶信息展示區(qū)，也為用戶提供卡包功能。

主要頁面組成代碼如下：

{

"pages"：[

pages/hoME/home，

pages/fid/find，

"pages/ME/me"，

"pages/LOGIN/login"，

"pages/SHOP/shop"，

"pages/WAY/way"

]，

底欄設(shè)計(jì)代碼如下：

"tabBar"：

"list"：

text”：“首頁，

"pagePath"： "pages/HOME/home"，

iconPath"：“img/首頁png”，

selectedIconPath"："img/首頁png

}，

text：“發(fā)現(xiàn)，

pagePath"： "pages/FIND/find"，

iconPath"：“img/搜索png”，

selectedIconPath"：“img/搜索.png

text：“我的“，

pagePath"： "pages/ME/m

iconPath"：img/用戶png”，

selectedIconPath"："img/用戶png

}

2.4.3頁面設(shè)計(jì)

1）“首頁”設(shè)計(jì)

首頁界面，提供一個(gè)全局搜索框，用戶可以在此搜索景點(diǎn)、票務(wù)和其他用戶等信息。全局搜索框下部提供滑塊視圖容器swiper，使用swiper-item組件，以及image組件進(jìn)行首頁圖片的展示。圖片展示使用wx：for="{{dis_img_list}}"功能為首頁圖片提供循環(huán)展示。圖片可以展示優(yōu)秀景點(diǎn)，image組件使用bindtap綁定點(diǎn)擊“click_jump”函數(shù)。在home.js中添加click_jump函數(shù)進(jìn)行頁面跳轉(zhuǎn)至相應(yīng)的介紹界面。

2）“發(fā)現(xiàn)”設(shè)計(jì)

發(fā)現(xiàn)界面，提供景點(diǎn)視頻展示，發(fā)現(xiàn)界面在一個(gè)view容器里，提供多個(gè)媒體組件video，調(diào)用VideoContext.play（）接口進(jìn)行優(yōu)質(zhì)視頻內(nèi)容展示。視頻上傳，發(fā)現(xiàn)界面支持用戶從手機(jī)上傳視頻到服務(wù)器中，使用wx.chooseMedia（Object object）API拍攝或從手機(jī)相冊(cè)中選擇圖片或視頻。

視頻選擇代碼如下：

getVideo（e）{

wx.chooseMedia（{

count： 9，

mediaType： ['video']，

sourceType： ['album'， 'camera']，

maxDuration： 30

camera： 'back'

success（res）{

console. log（res. tempFiles. tempFilePath）

console. log（res. tempFiles. size）

}）

3）“我的”設(shè)計(jì)

我的界面主要展示用戶個(gè)人信息。wx.getUserInfo（object）獲取用戶信息，使用object.success 回調(diào)函數(shù)對(duì)me.js中用戶信息進(jìn)行初始化。在me.wxml進(jìn)行界面進(jìn)行用戶信息展示。用戶除使用微信昵稱、頭像外，還支持用戶進(jìn)行頭像上傳，昵稱修改?！拔业摹苯缑嫣峁┛òδ?，方便用戶使用。

2.4.4評(píng)論交流技術(shù)的實(shí)現(xiàn)

在發(fā)現(xiàn)頁面，用戶觀看同時(shí)，可以對(duì)視頻進(jìn)行評(píng)論。這個(gè)內(nèi)容的實(shí)現(xiàn)需要給用戶一個(gè)文本框，用戶僅需要在里面輸入內(nèi)容即可。根據(jù)request請(qǐng)求從后臺(tái)獲取到用戶輸入的信息，再用print函數(shù)將其輸出即可。通過定時(shí)刷新該頁面，縮短刷新時(shí)間間隔，提高刷新頻率，使用戶可以及時(shí)看見自己的評(píng)論。

關(guān)于交流評(píng)論的關(guān)鍵代碼如下：

discussAction：function（e）{console.log（“點(diǎn)擊評(píng)論”）;wx .showToast（f

title："評(píng)論成功”，icon："none”

））

This.setData（i

discussionShow：true;}）

<view wx ：if-'{fdiscussionShow}}’>

<view class="view"style=*bottom：{finput_bottom}}rpx’wx：if="{{discussionShow}}">

（textarea class content”cursor-spacing-"30”fixed -"true”focus ”（discussionStou）}”placehorder-”優(yōu)質(zhì)評(píng)論可以幫助作者獲得更高權(quán)重以<text bindtap-"send">發(fā)送</text></view>

3結(jié)束語

在人民生活水平的逐步提高的今天，旅游逐漸成了人們假期的一項(xiàng)占比很大的娛樂活動(dòng)，近年來我國旅游業(yè)規(guī)模顯著提高，同時(shí)也對(duì)旅游模式提出了新要求，“3D旅游”應(yīng)運(yùn)而生。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展及3D建模技術(shù)的不斷成熟，旅游也將不再局限于實(shí)地欣賞[5]。該產(chǎn)品不僅可以向用戶提供線下旅游服務(wù)還可供用戶足不出戶便可沉浸式感受景點(diǎn)美景，為時(shí)間緊張卻想要放松旅游的人、熱愛美景卻苦于舟車勞頓的人提供了一種新的旅游思路。除此之外，現(xiàn)如今新冠肺炎疫情不斷反復(fù)，線上旅游既滿足了人們旅游的需求，又響應(yīng)了相關(guān)政策。

參考文獻(xiàn)：

[1] 國家旅游局.旅游設(shè)施與服務(wù)：LB/T 005—2011 LB/T 008～079—2011[S].北京：中國標(biāo)準(zhǔn)出版社，2011.

[2] 杜劍波.一種支撐穩(wěn)定的面部3D建模矯正裝置：CN214579818U[P].2021-11-02.

[2] 杜劍波.一種支撐穩(wěn)定的面部3D建模矯正裝置：CN214579818U[P].2021-11-02.

[4] 劉靜，王家賢，韓朱忠.一種數(shù)據(jù)庫監(jiān)控方法，裝置，服務(wù)器及介質(zhì)：CN112540897A[P].2021-03-23.

[5] 趙雙燕，賈金原，周文.Web3D家居素材庫的輕量化技術(shù)研究[J].鄭州大學(xué)學(xué)報(bào)（工學(xué)版），2019，40（1）：12-17.

【通聯(lián)編輯：光文玲】