曾敏霞 陳華波 謝安 劉毅文

摘要：傳統的失物招領管理方式主要依靠人工紙質記錄，隨著失物招領網絡信息化建設的不斷推進，顯然不能滿足日益增多的管理需求。為此我們設計出一個有失物信息發布功能、物品認領功能、全景圖在線尋物功能集一體的失物招領平臺。其相對于傳統在線失物招領平臺的最大區別在于增加了全景圖模式，因其巧妙地融合了虛擬現實技術、數字圖像處理技術、計算機圖形學和多媒體技術等信息技術，以人機交互性強、真實感強、經濟適用性強等特點有效的彌補了傳統虛擬展示、地圖領域不夠逼真等缺陷。讓失物信息直接在全景圖上標注出地址和物品信息，讓用戶根據建筑物的地理信息快速找到丟失物品，系統再結合線上廣泛傳播和線下認領的方式，提高了尋物效率。

關鍵詞：失物招領平臺；全景圖技術；虛擬現實技術；交互性強；提高尋物效率

中圖分類號：TP391 文獻標識碼：A 文章編號：1009-3044(2018)15-0067-02

Campus Lost and Found System Based on Panorama

ZENG Min-xia， CHEN Hua-bo， XIE An， LIU Yi-wen

(School of Computer Science and Engineering， Huaihua University， Huaihua 418008， China)

Abstract： The traditional way of managing lost property and founding mainly relies on manual paper records. With the continuous advancement of lost information and the construction of network information， it is obviously unable to meet the increasing demand for management. To this end， we have designed a Lost and Found platform that includes a lost information release function， an item claim function， and a panorama online search function collection. Its biggest difference from the traditional online lost and found platform is the addition of panorama mode， because it skillfully combines virtual reality technology， digital image processing technology， computer graphics and multimedia technology and other information technologies， with strong human-computer interaction. The characteristics of strong sense of reality， strong economic applicability and other features have effectively compensated for defects such as the traditional virtual display and the lack of realism in the map field. Let the lost information directly indicate the address and item information on the panorama， allowing the user to quickly find the lost items based on the geographical information of the building. The system then combines the methods of wide spread and offline claims on the line to improve the search efficiency.

Key words： lost and found platform； panorama technology； virtual reality technology； strong interactivity； improve the efficiency of searching

1 背景

該系統是結合虛擬現實的全景圖技術設計的一款失物招領系統軟件。前端基于three.js制作全景圖以及部分用戶數據的采集，后臺采用PHP開發技術的失物招領平臺。將ThinkPHP開源框架與HTML、JavaScript等技術結合來實現地理位置信息的記錄，物品信息的記錄以及發布物品信息功能。在該失物招領平臺上用戶可以在全景圖中根據標記地理位置信息來尋找物品信息，以此提高物品尋找效率。

2 基于three.js全景圖的制作

2.1 three.js的基本介紹

three.js是JavaScript編寫的WebGL第三方庫，是對底層WebGl的高級封裝，保留了底層開發的特性，結構嚴謹而靈活、易于擴展。對于該系統來說其最大的優點是可以在網頁瀏覽器中運行。該系統利用其封裝好的接口進行三維場景的基本搭建，包括場景(scene)、光源(light)、相機(camera)、渲染器(renderer)等組件。

2.2 three.js與其他同類引擎的比較

Flash在PC平臺占有率高，有大量開發群體和案例；需要安裝插件，更適合2D動畫開發，在移動平臺支持不夠好。Unity3D支持各大操作系統和平臺，需要安裝插件，移動平臺支持APP。它們都有的共同點都是需要安裝插件，對移動平臺的Web環境支持不好。X3DOM雖然能像HTML元素一樣集成和管理，包括燈光、模型、材質、事件處理等，容易上手，但是封裝度較高，擴展性不佳。它們的共同點不是過于底層、簡單、不易使用就是過于封裝、不易擴展。Three.js是JavaScript編寫的WebGL第三方庫，對底層WebGl的高級封裝，保留了底層開發的特性，結構嚴謹而靈活、易于擴展。

2.3 全景圖像拼接

全景圖是基于three.js制作，將一張長寬1：2的圖片作為球體的紋理。觀察點是球體的圓心，觀察者可以利用鼠標上下左右查看整個全景圖面貌。

3 在全景圖上做標記

3.1 前端用戶標記的數據的獲取

形成球體全景圖后，采用longitude和latitude屬性獲取需要的經緯度坐標，在HTML頁面中添加兩個文本輸入框標簽，類型設定為，即定義隱藏的輸入字段，在用戶發布信息時點擊全景圖中的某一位置就會出現一個定位標記，通過jquery中的$("#longitude").val(e.longitude)；(將經度的數據傳給輸入框) 和$("#latitude").val(e.latitude)；(將緯度的數據傳給輸入框)兩個語句，記錄用戶標記的經緯度數據，再賦值給兩個標簽，當用戶點擊確定按鈕時跳轉到填寫發布物品信息頁面，填寫物品信息完成后用戶點擊提交按鈕則將數據提交到后臺數據庫。

3.2 后臺的處理

前端利用jquery獲取的數據傳到數據庫之后，當用戶查看發布的物品信息時，全景圖頁面通過讀取后臺數據庫記錄的用戶填寫的物品信息，將物品標記的位置顯示在全景圖上，其需要的方式和獲取坐標時類似，先將兩個數值傳給兩個隱藏的標簽，通過value屬性(規定input元素的值)賦予，然后通過jquery語句$("#longitude").val()；讀取標簽內的現有的數據，傳值給全景圖坐標標記的longitude屬性，緯度latitude的方法同理，這樣就可以將抽象的經緯度數值通過定位標記符號具體地在全景圖上顯示出來。

3.3 數據庫的設計

通過經緯度來為用戶展示物品的具體位置，因此相關的兩張數據表，一個存儲物品的詳細信息，一個存儲對應物品在全景圖上的經緯度數值。

4 結束語

該文主要闡述全景圖的生成原理以及失物招領標記保存的技術問題，利用three.js技術實現了全景圖的3D效果，提高系統的交互性、實用性和推廣潛質。未來將優化前端和后臺模塊的安全性能，為用戶提供一個安全可靠的失物招領系統。

參考文獻：

[1] 張玲， 付克蘭， 任華， 等. 基于全景圖的校園虛擬漫游系統設計[J]. 電子技術與軟件工程， 201602)： 98-99.

[2] 馬嘉琳， 張錦明， 孫衛新. 基于相機標定的全景圖拼接方法研究[J]. 系統仿真學報， 2017， 29(5)：1112-1119.

[3] 鄭華， 劉洋. 基于WebGL的三維模型及其信息化技術研究[J]. 石家莊鐵路職業技術學院學報， 2017， 16(1)： 64-70.

[4] 王建興. 基于Three.js的虛擬三維展示研究[J]. 科技視界， 2017(19)： 68， 80.

[5] 趙毅力， 徐丹， 張雁. 基于球面全景圖的虛擬場景實時漫游系統[J]. 計算機與現代化， 2016(2)： 1-4， 10.

[6] 譚偉， 林俊存. 基于JSP的高校失物招領網絡平臺的設計與實現[J]. 電子世界， 2016(21)： 109-110.

[7] 魏云申. 基于WebGL的全景3D漫游系統的設計與實現[D]. 南京： 南京大學， 2016.

[8] 吳江平. 高校失物招領管理系統的研究與分析[J]. 科技廣場， 2015(11)： 32-35.

總結

以上是生活随笔為你收集整理的基于php校园失物招领,基于全景图的校园失物招领系统的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。