湛江市紅色旅游景點(diǎn)線上線下視聽系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

繆偉捷，喬 付

（嶺南師范學(xué)院 計(jì)算機(jī)與智能教育學(xué)院，廣東 湛江 524048）

0 引言

湛江市有著豐富的紅色旅游景點(diǎn)［1］,為實(shí)現(xiàn)紅色故事的傳播從靜態(tài)、單一向動(dòng)態(tài)、多元的轉(zhuǎn)變,增強(qiáng)紅色文化的傳播效果,本課題組開發(fā)了湛江市紅色旅游景點(diǎn)線上線下視聽系統(tǒng)的微信小程序,該系統(tǒng)全面覆蓋湛江市紅色旅游景點(diǎn)和歷史名人故居,以線上線下兩種方式為游客提供旅游資源,其中線上視聽系統(tǒng)能讓游客足不出戶,以語音播報(bào)和全景VR 視聽形式游覽湛江市紅色景點(diǎn),線下導(dǎo)航地圖語音系統(tǒng)導(dǎo)引游客進(jìn)入景區(qū),并享受電子導(dǎo)游服務(wù)。

1 系統(tǒng)需求概要

湛江紅色旅游系統(tǒng)根據(jù)市場需求,系統(tǒng)功能主要設(shè)計(jì)是面向用戶的,讓用戶能夠進(jìn)行用戶登入與注冊,查看旅游景點(diǎn)基本信息,VR［2-3］查看景點(diǎn)全景,實(shí)現(xiàn)發(fā)送景區(qū)評(píng)論等功能模塊,實(shí)現(xiàn)了一個(gè)人與系統(tǒng)交互、旅行視聽說的旅游服務(wù)平臺(tái)。 前臺(tái)界面中,用戶如果第一次使用則要獲取用戶的信息,登入之后則可以運(yùn)用上述的功能查看景區(qū)等。 管理員可在后臺(tái)登入后進(jìn)行刪除景區(qū)、添加景區(qū)、修改景區(qū)、刪除評(píng)論等功能,以便管理系統(tǒng)。

2 系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

2.1 系統(tǒng)功能與模塊

建立一個(gè)能夠讓用戶在線上VR 觀察景區(qū),讓用戶足不出戶就能體驗(yàn)到游玩的快樂。 湛江市紅色旅游景點(diǎn)線上線下試聽系統(tǒng)功能框圖如圖1 所示。 湛江市紅色旅游景點(diǎn)線上線下視聽系統(tǒng)主要功能如下:

圖1 系統(tǒng)功能

(1)查看旅游景點(diǎn): 調(diào)用市面上地圖的接口在小程序中部署,使用地圖的距離查詢、地圖計(jì)算等功能為用戶實(shí)現(xiàn)查看距離、語音播報(bào)景點(diǎn)信息等功能。 VR 查看景點(diǎn)全景:調(diào)用KRPANO 插件展示全景的效果,運(yùn)用小程序中h5 外鏈＜web-view＞＜/web-view＞在小程序頁面中展示,實(shí)現(xiàn)全景VR 之間的跳轉(zhuǎn),讓用戶擁有更好的體驗(yàn)感,像是在實(shí)地游覽一樣。

(2)搜索景區(qū):對(duì)景點(diǎn)信息進(jìn)行查詢,可以以模糊方式查詢,查找出景點(diǎn)信息展示在小程序頁面中。

(3)景區(qū)信息:進(jìn)行景點(diǎn)全景的增刪改,景點(diǎn)簡介的增刪改,并且可以對(duì)景區(qū)進(jìn)行增刪改查操作。

(4)用戶發(fā)布評(píng)論:用戶在景點(diǎn)的文章界面進(jìn)行評(píng)論,評(píng)論之后點(diǎn)擊發(fā)布,評(píng)論會(huì)獲取用戶的頭像、名字、評(píng)論內(nèi)容、評(píng)論日期,將這些數(shù)據(jù)存入用戶評(píng)論表,并在界面中展示出來。

(5)用戶發(fā)布文章:用戶點(diǎn)擊tab 組件中的發(fā)布按鈕進(jìn)入發(fā)布界面,編寫標(biāo)題、內(nèi)容、圖片,然后點(diǎn)擊發(fā)布文章,獲取用戶的頭像、名字、文章內(nèi)容、日期、標(biāo)題、內(nèi)容、圖片、存入用戶文章表,并且在首頁中展示出來。

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

湛江紅色旅游景點(diǎn)線上線下視聽系統(tǒng)小程序運(yùn)用的是微信小程序自帶的云數(shù)據(jù)庫,云數(shù)據(jù)庫的優(yōu)勢在于不用搭建服務(wù)器和后端就可以直接調(diào)用數(shù)據(jù)庫。 湛江紅色旅游微信小程序的重要數(shù)據(jù)庫表包含景點(diǎn)信息表、用戶表和用戶發(fā)布的文章表等,如表1—3 所示。

表1 景點(diǎn)信息

表2 用戶

表3 文章

2.3 系統(tǒng)界面展示

在系統(tǒng)設(shè)計(jì)中,實(shí)現(xiàn)了一個(gè)能讓用戶有很好體驗(yàn)的湛江紅色旅游系統(tǒng),主要界面展示如圖2—5 所示。圖2 為該小程序的首頁頁面,該頁面上部的輪播圖展示了部分熱門紅色旅游景點(diǎn),頁面下部列出湛江市的全部紅色旅游景點(diǎn)。 以寸金烈士陵園為對(duì)象,具體介紹如何使用該線上線下視聽系統(tǒng)。 通過點(diǎn)擊圖2 中的寸金烈士陵園可以打開圖3 的頁面,該頁面上部為寸金烈士陵園的建筑,中部為文字介紹,下部為語音播報(bào)、語音暫停、導(dǎo)航和全景4 個(gè)按鈕,點(diǎn)擊語音播報(bào)可以線上收聽電子導(dǎo)游講解；導(dǎo)航按鈕是為線下游覽該景點(diǎn)而設(shè)置的,點(diǎn)擊導(dǎo)航按鈕可以打開圖4 的地圖線下語音,該頁面寸金烈士陵園位置有一個(gè)語音圖標(biāo),點(diǎn)擊該語音圖標(biāo)可以線下收聽電子導(dǎo)游講解；在圖3 中點(diǎn)擊全景按鈕,可以線上打開寸金烈士紀(jì)念碑得到全景VR,如圖5 所示。

圖2 首頁

圖3 寸金烈士陵園

圖4 地圖線下語音

圖5 寸金烈士陵園紀(jì)念碑線上VR 展示

3 結(jié)語

借助VR 技術(shù)實(shí)現(xiàn)的湛江市紅色旅游景點(diǎn)線上線下視聽系統(tǒng)微信小程序,讓用戶可以在線上以360 度視角游覽紅色景點(diǎn),在線下進(jìn)入紅色景點(diǎn)后通過手機(jī)地圖收聽電子導(dǎo)游講解,本系統(tǒng)為湛江市黨史學(xué)習(xí)教育活動(dòng)提供了強(qiáng)大助力。