白　雪，白永國(guó)，丁文昊

(1.吉林化工學(xué)院 信息中心，吉林 吉林 132022；2.吉林化工學(xué)院 信息與控制工程學(xué)院，吉林 吉林 132022；3.吉林化工學(xué)院 經(jīng)濟(jì)管理學(xué)院，吉林 吉林 132022)

“互聯(lián)網(wǎng)+”以及大數(shù)據(jù)時(shí)代的到來(lái)，為各行各業(yè)創(chuàng)造了更多商機(jī)，也為更多“創(chuàng)客”愛(ài)好者搭建了施展技藝的舞臺(tái)，社會(huì)上甚至一度出現(xiàn)“人人創(chuàng)新”的新態(tài)勢(shì)[1].高校作為創(chuàng)新型人才培養(yǎng)的孵化基地，在“大眾創(chuàng)業(yè)，萬(wàn)眾創(chuàng)新”的洪流中也充當(dāng)著“弄潮兒”，始終走在前列.近年來(lái)，以互聯(lián)網(wǎng)為契機(jī)，各種新技術(shù)的發(fā)展日新月異，全景影像制作與展示技術(shù)也逐漸引發(fā)關(guān)注.基于此，鼓勵(lì)并引導(dǎo)學(xué)生將現(xiàn)代流行的全景影像制作技術(shù)與實(shí)際生活相結(jié)合，實(shí)現(xiàn)線上線下虛擬場(chǎng)景與實(shí)體的無(wú)縫對(duì)接，成為學(xué)生雙創(chuàng)實(shí)踐活動(dòng)的一個(gè)研究點(diǎn).以全景介紹校園及周邊景點(diǎn)為出發(fā)點(diǎn)，將相關(guān)計(jì)算機(jī)技術(shù)作為工具，設(shè)計(jì)并制作“互聯(lián)網(wǎng)+720°全景影像展示平臺(tái)”，一方面檢驗(yàn)了學(xué)生的雙創(chuàng)實(shí)踐能力并為現(xiàn)實(shí)生活中的虛擬引導(dǎo)助力，另一方面，也為“互聯(lián)網(wǎng)+新技術(shù)”方面研究提供一定實(shí)踐積累.

1　互聯(lián)網(wǎng)+720°全景影像展示平臺(tái)的設(shè)計(jì)

1.1　平臺(tái)總體功能設(shè)計(jì)

互聯(lián)網(wǎng)+720°全景影像展示平臺(tái)采用B/S架構(gòu).即使用者可以通過(guò)瀏覽器直接使用相關(guān)功能，并對(duì)相關(guān)內(nèi)容進(jìn)行查看.管理員則利用后臺(tái)對(duì)網(wǎng)站內(nèi)容全面管理.該平臺(tái)具體功能情況如圖1所示.

圖1　平臺(tái)功能示意圖

平臺(tái)分為前端后端兩部分.前端展示呈現(xiàn)部分主要提供欄目展示、圖片輪播、圖文介紹以及一鍵720°體驗(yàn)等功能.欄目展示是將網(wǎng)站中的虛擬場(chǎng)景分門(mén)別類排列，方便使用者快速找到入口并進(jìn)入.圖片輪播則是利用幻燈片自動(dòng)播放原理，將全景圖在首頁(yè)呈現(xiàn)，一目了然的讓使用者知道實(shí)景具體情況.圖文介紹則是針對(duì)每個(gè)具體的虛擬場(chǎng)景均加以說(shuō)明，幫助使用者進(jìn)一步了解該場(chǎng)景的詳細(xì)情況.一鍵720°體驗(yàn)是前臺(tái)呈現(xiàn)的核心內(nèi)容，使用者可以利用鼠標(biāo)拖拽將虛擬場(chǎng)景變化角度產(chǎn)生環(huán)繞感，同時(shí)也更加具有實(shí)景的沉浸感和代入感，仿佛身臨其境[2].

平臺(tái)后端主要提供欄目管理、內(nèi)容編輯、內(nèi)容發(fā)布以及系統(tǒng)參數(shù)配置功能.后端所有操作均由管理員統(tǒng)一執(zhí)行.欄目管理模塊可根據(jù)實(shí)際平臺(tái)需求，對(duì)分類進(jìn)行修改.內(nèi)容編輯部分則是在分類菜單下對(duì)具體內(nèi)容進(jìn)行添加圖片、文字等進(jìn)一步說(shuō)明.內(nèi)容發(fā)布則是將后臺(tái)編輯內(nèi)容轉(zhuǎn)換格式后公布在網(wǎng)站上.系統(tǒng)參數(shù)配置則是對(duì)后臺(tái)維護(hù)提供一些基本參數(shù)，從而維護(hù)平臺(tái)安全.

1.2　核心技術(shù)應(yīng)用情況

在平臺(tái)建設(shè)方面，為實(shí)現(xiàn)預(yù)設(shè)功能，在主體建設(shè)上采用PHP+MySQL形式.PHP是一種免費(fèi)開(kāi)源、服務(wù)器端、跨平臺(tái)、HTML嵌入式的腳本語(yǔ)言.PHP對(duì)不同的技術(shù)提供了編程環(huán)境與接口，可以方便開(kāi)發(fā)各種功能完備、交互性強(qiáng)的動(dòng)態(tài)頁(yè)面，為網(wǎng)站建設(shè)提供簡(jiǎn)單實(shí)用的解決方案[3]，在此基礎(chǔ)上，利用MySQL實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的高效管理.主體頁(yè)面布局上，采用DIV+CSS技術(shù)進(jìn)行開(kāi)發(fā).DIV 是設(shè)計(jì)、開(kāi)發(fā)網(wǎng)頁(yè)過(guò)程中的應(yīng)用語(yǔ)言及標(biāo)記元素，為文檔提供布局結(jié)構(gòu).CSS則能夠?qū)?yè)面的顏色、布局與背景等進(jìn)行有效控制，豐富頁(yè)面效果[4].將DIV與CSS合并過(guò)程中，可以有效提高網(wǎng)頁(yè)操作靈活性并使頁(yè)面簡(jiǎn)潔明了，整齊劃一.通過(guò)主體建設(shè)以及布局優(yōu)化兩步走，可以基本完成網(wǎng)站頁(yè)面制作，從而為使用者提供更加美好的視覺(jué)體驗(yàn).在后端管理方面，主要采用DedeCMS內(nèi)容管理系統(tǒng)來(lái)進(jìn)行操作.該系統(tǒng)具有穩(wěn)定的框架結(jié)構(gòu)，非常適用于PHP語(yǔ)言編輯的網(wǎng)頁(yè)管理，可以根據(jù)系統(tǒng)提供的基本操作形式實(shí)現(xiàn)對(duì)網(wǎng)站內(nèi)容的增刪改以及其他個(gè)性化設(shè)置，可操作性極強(qiáng)[5].

該平臺(tái)中最為核心的環(huán)節(jié)是一鍵720°體驗(yàn)?zāi)K.該模塊功能實(shí)現(xiàn)采用三步走戰(zhàn)略，即圖像采集、圖片合成以及720°全景影像生成.圖像采集部分，使用全景相機(jī)并搭配魚(yú)眼鏡頭，對(duì)取景處進(jìn)行720°全景拍照.拍照時(shí)需盡量注意圖片連續(xù)性，每個(gè)場(chǎng)景至少環(huán)繞拍攝6～8張圖片，以確保圖片合成的無(wú)縫連接[6].圖片合成主要采用PTGui Pro軟件，它能夠?qū)Χ鄶?shù)圖像實(shí)現(xiàn)自動(dòng)拼接，對(duì)于拍攝不規(guī)范以及無(wú)法定位的圖片可以手動(dòng)添加控制點(diǎn)進(jìn)行操作，從而將采集到的相同場(chǎng)景的一組圖片進(jìn)行拼接修正使其成為連貫全景圖[7].720°全景影像生成則借助第三方在線生成平臺(tái)快睿全景制作而成.將完整的全景圖導(dǎo)入到系統(tǒng)后，根據(jù)實(shí)際情況對(duì)尺寸、色調(diào)、背景音樂(lè)等方面進(jìn)行調(diào)整后便可按操作提示將其轉(zhuǎn)換成一項(xiàng)720°虛擬場(chǎng)景，該場(chǎng)景可實(shí)現(xiàn)以“人視角”自動(dòng)巡游，也可以通過(guò)鼠標(biāo)拖拽手工操作[8].此外，場(chǎng)景發(fā)布后支持生成html文件并可直接下載至本地，無(wú)需任何插件便可實(shí)現(xiàn)虛擬場(chǎng)景的生成與保存[9].通過(guò)利用后臺(tái)管理軟件對(duì)html文件進(jìn)行上傳及適當(dāng)設(shè)置后，使用者便可在前端瀏覽器中真正實(shí)現(xiàn)一鍵體驗(yàn)720°的功能.

2　互聯(lián)網(wǎng)+720°全景影像展示平臺(tái)的實(shí)現(xiàn)

根據(jù)平臺(tái)預(yù)設(shè)，并利用相關(guān)技術(shù)實(shí)現(xiàn)場(chǎng)景制作及平臺(tái)搭建后，互聯(lián)網(wǎng)+720°全景影像展示平臺(tái)主頁(yè)如圖2所示.

圖2　平臺(tái)前端主頁(yè)示意圖

主頁(yè)面中設(shè)有圖片輪播，實(shí)景圖以輪播形式交替呈現(xiàn).此外，主頁(yè)面也設(shè)有主菜單，主菜單下均設(shè)置有浮動(dòng)式二級(jí)菜單，可對(duì)具體場(chǎng)景進(jìn)行選擇.以烏拉公園為例，點(diǎn)擊主頁(yè)上烏拉公園菜單后，將呈現(xiàn)該菜單下具體內(nèi)容的圖文介紹，其效果如圖3所示.

點(diǎn)擊下方詳情按鈕，可直接進(jìn)入具體場(chǎng)景子頁(yè)面，并一鍵體驗(yàn)720°全景功能.具體場(chǎng)景子頁(yè)面效果如圖4所示.

點(diǎn)擊一鍵體驗(yàn)720°按鈕后便呈現(xiàn)自動(dòng)巡游全景體驗(yàn)場(chǎng)景，如圖5所示.此外，可通過(guò)場(chǎng)景內(nèi)的方向指示按鈕或直接利用鼠標(biāo)手動(dòng)改變視角，從上下、左右、遠(yuǎn)近等多個(gè)視角對(duì)720°場(chǎng)景的各個(gè)部分進(jìn)行自定義細(xì)節(jié)查看.

圖5　自動(dòng)巡游全景體驗(yàn)效果示意圖

3　結(jié)　　論

720°全景影像的出現(xiàn)為虛擬場(chǎng)景建設(shè)及用戶體驗(yàn)等方面帶來(lái)生機(jī).將其與互聯(lián)網(wǎng)相關(guān)技術(shù)融合，打造互聯(lián)網(wǎng)+720°全景影像展示平臺(tái)，并將其與學(xué)生日常生活實(shí)際相結(jié)合，使其不僅成為情景展示以及場(chǎng)景體驗(yàn)的新方法，同時(shí)也成為鍛煉及檢驗(yàn)學(xué)生創(chuàng)新實(shí)踐能力的好途徑.圍繞“創(chuàng)意、創(chuàng)新、創(chuàng)業(yè)”的人才培養(yǎng)理念[10]，以平臺(tái)搭建為契機(jī)，鼓勵(lì)學(xué)生“起步校園，走入社會(huì)”，將互聯(lián)網(wǎng)+720°全景影像平臺(tái)的創(chuàng)意遷移至更多相關(guān)領(lǐng)域并進(jìn)行創(chuàng)新研究，切實(shí)為提高學(xué)生的創(chuàng)新創(chuàng)業(yè)素質(zhì)助力，真正幫助學(xué)生增進(jìn)雙創(chuàng)研究深度，提升雙創(chuàng)實(shí)踐溫度，同時(shí)也為雙創(chuàng)理念在校內(nèi)外的進(jìn)一步實(shí)踐積累經(jīng)驗(yàn).

參考文獻(xiàn)：

[1]陳飛.大眾創(chuàng)業(yè)萬(wàn)眾創(chuàng)新背景下大學(xué)生“微創(chuàng)業(yè)”實(shí)證研究[J].吉林化工學(xué)院學(xué)報(bào)，2016(8)：92-98.

[2]黃代軍.中石化智能化管線系統(tǒng)720度全景影像制作[J].江漢石油職工大學(xué)學(xué)報(bào)，2016(7)：71-73.

[3]湯強(qiáng)，趙耀，王輝,等.基于PHP和MySQL的教育培訓(xùn)整合平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[J].電腦知識(shí)與技術(shù)，2017(4)：62-63+75.

[4]王海榕.DIV+CSS技術(shù)在網(wǎng)頁(yè)布局中的應(yīng)用[J].電子技術(shù)與軟件工程，2017(4)：14.

[5]劉娜.基于織夢(mèng)DedeCMS建設(shè)企業(yè)門(mén)戶網(wǎng)站的分析[J].信息通信，2016(2)：76-78.

[6]朱賀，張軍，杜佃峰,等.全景攝影技術(shù)在建筑工程中的應(yīng)用淺析[J].土木建筑工程信息技術(shù)，2017(8)：87-93.

[7]刁智剛，劉智濃，王寧寧,等.利用PTGui軟件制作全景圖[J].科技風(fēng)，2016(7)：124-125.

[8]司占軍，張姣姣，耿浩.基于虛擬現(xiàn)實(shí)技術(shù)的圖書(shū)館全景漫游場(chǎng)景的設(shè)計(jì)與實(shí)現(xiàn)[J].電腦知識(shí)與技術(shù)，2017(11)：214-215.

[9]王晨，田依潔.基于HTML5的全景技術(shù)在氣象宣傳工作中的應(yīng)用[J].新媒體研究，2017(9)：12-13+31.

[10] 蘇顯春，閆廣平.工科院校創(chuàng)新創(chuàng)業(yè)應(yīng)用型人才培養(yǎng)模式研究與實(shí)踐[J].吉林化工學(xué)院學(xué)報(bào)，2017(8)：10-14.