基于VR技術虛實一體化的新生態電商系統設計

董洋溢 張震 劉昊東 劉蓉

摘? 要：傳統的電商購物系統在為人們帶來便捷的同時，也不可避免地存在著一些弊端。比如無法和實體店鋪相關聯、商品圖片單一以及無法邀請好友同步購物等問題。文章提出一種全新的購物方式，設計并部分實現了新生態電商購物系統原型，采用VR、三維建模等技術將街區實景店鋪嵌入地圖，構建融合VR人物交互技術的三維漫游購物場景，同時允許邀請好友參與同步分享購物過程，有效解決了傳統電商購物過程中所存在的一些問題，為探索新生態電商模式提供了一個有益的嘗試。

關鍵詞：VR技術;新電商;同步購物

中圖分類號：TP311.52;TP391.9? ? ? 文獻標識碼：A 文章編號：2096-4706（2020）22-0174-03

Design of New Ecological E-commerce System Based on Virtual Reality Integration of VR Technology

DONG Yangyi，ZHANG Zhen，LIU Haodong，LIU Rong

（School of Information Engineering，Shaanxi Xueqian Normal University，Xian? 710100，China）

Abstract：Traditional e-commerce shopping system brings convenience to people，but also inevitably has some disadvantages. For example，it cant be associated with physical stores，the product picture is single，and it cant invite friends to shop synchronously. This paper proposes a new way of shopping，designs and partially realizes the prototype of the new ecological e-commerce shopping system，which uses VR，3D modeling and other technologies to embed the real street shops into the map，and constructs a 3D roaming shopping scene integrating VR character interaction technology. At the same time，it allows to invite friends to participate in the synchronous sharing shopping process，which effectively solves some problems existing in the traditional e-commerce shopping process，and provides a useful attempt to explore a new ecological e-commerce model.

Keywords：VR technology;new e-commerce;synchronous shopping

0? 引? 言

隨著互聯網及現代物流技術的蓬勃發展，網上購物已逐漸成為人們重要的消費方式之一。傳統的網上電商購物系統可以滿足用戶隨時隨地的購物需求，有著線下實體店無法比擬的優勢，但這種購物方式在為人們帶來便捷的同時，也不可避免地存在著一些弊端。比如：傳統網上購物過程一般通過用戶在客戶端查看相關商品的圖片，然后放入購物車，最后再下單付款。很明顯在這個過程中，用戶瀏覽商品圖片展示的階段耗時最多，而且往往在放入購物車后也無法下定決心付款購買，反而是不斷對類似商品圖片進行瀏覽，一方面導致上網時間過久而造成視覺疲勞，另一方面則可能因無法邀請異地親友同步查看商品及分享購物過程導致購物過程無疾而終，耗時耗力。

受陜西學前師范學院2019年陜西省大學生創新創業訓練計劃項目——與擬逛街（項目編號：7350）的資助，基于VR技術虛實一體化的新生態電商購物系統設計正是在這個背景下提出來的，本課題旨在針對所存在的問題，提出一種基于VR、三維建模技術的嵌入街區實景店鋪的新生態購物場景，可通過VR人物漫游地圖導航及瀏覽店鋪商品，允許邀請親友一起參與同步分享購物過程，了解實景店鋪和商品，全力打造一個三維立體浸入式虛實一體化的購物場景，在改善在線購物體驗方式的同時，有效解決了傳統電商所存在的問題，同時也可有效刺激線下實體店的消費，從一定程度上改善實體店所面臨的困境。

1? 新生態電商系統的總體設計

新生態電商系統總體功能設計如圖1所示。

該系統的總體功能主要包括用戶管理和店鋪管理兩個模塊，其中用戶管理又可以分為顧客管理、店鋪管理員管理和超級管理員管理;店鋪管理包括店鋪規劃管理、商品管理、訂單管理、物流管理和售后管理。

可以看出和傳統電商系統功能相比，新生態電商系統主要在店鋪規劃管理、商品管理及訂單管理等功能的實現方式上有諸多不同，主要表現在以下幾個方面：

（1）使用VR技術將參與到系統中的顧客（購物者）變成一個虛擬角色人物，用戶可以控制虛擬角色人物在虛擬街道或店鋪內漫游。

（2）用戶可以自主選擇想要進入的VR虛擬店鋪了解店內的商品，以三維建模方式展現商品，可以對商品進行360度漫游瀏覽，同時也可以在線與店鋪老板進行溝通和議價。

（3）可以單人進行購物，也可以邀請自己的好友一起漫游VR虛擬店鋪，瀏覽店鋪中的商品，同步分享挑選商品、議價、下單以及支付的全過程。

（4）在三維虛擬地圖上的VR虛擬店鋪是實景街區店鋪的虛擬化顯示，店鋪管理員需要定期將店鋪內的全景圖上傳至系統中，顧客進入店鋪可以看到店內的全景圖，每件商品上都有編號，顧客可以選擇編號了解產品的材質、價格、產地規格等信息。

（5）顧客可以將所選購的商品加入購物車，然后下單生成訂單，選擇自己支付或者由好友支付，支付完成后自動生成物流信息，完成購物。收到貨物后，用戶可以對所購買的商品進行評價打分，或者申請退換貨。

2? 新生態電商系統的關鍵實現技術

新生態電商系統實現時主要涉及的關鍵技術包括以下幾個方面：

（1）VR虛擬店鋪漫游技術。系統中漫游對象是客觀真實存在的街區店鋪，漫游形式則采用線上虛擬漫游的方式。VR虛擬店鋪的具體制作是根據店鋪真實數據在多維信息空間上創建一個虛擬的仿真環境，使顧客具有身臨其境的沉浸感，并通過引入用戶個人、好友等多種用戶角色和人物實現用戶與環境的交互。實現過程一般分為兩步：第一步根據不同角度的店鋪實景照片來制作某一區域店鋪三維視景，局部精確到店鋪門頭、店內結構造型、商品陳設展示等三維展示;第二步根據店鋪內外的實景照片素材為店鋪內外的建筑及商品外觀貼上一層紋理，增強了店鋪內外建筑及商品的視覺真實感。遇到店鋪內外非常大的情況，部分場景還需要進行無縫拼接等特別處理，才可以真實還原店外街區、店內陳設及商品三維展示的超真實感。顯然，隨著VR三維建模技術、5G移動通信技術及移動互聯網技術的發展，使得大視野全時空VR虛擬店鋪漫游系統的實現成為可能，也為新生態電商系統提供了強有力的技術支持。圖2給出了一個店鋪內商品三維陳設內景的部分實現界面。

（2）三維地圖嵌入技術。本系統中需要將VR虛擬店鋪根據真實街區情況展現在三維地圖上，現在的商業地圖大多已經開始支持三維地圖，同時對第三方應用開放了應用程序接口（API），便于將VR虛擬店鋪嵌入到三維地圖中，從而實現更真實的導航及漫游服務。在使用該系統的過程中，一般需要用戶開啟位置服務，用來獲取用戶的大致位置，隨后系統會根據用戶目前所在的城市開啟相應地區的位置地圖。當然用戶也可以在系統中進行位置搜索，搜索想要查看的地區店鋪，系統會根據用戶搜索的位置自動定位到該地區，在進行放大后進行建筑物的三維顯示，通過漫游實現建筑內外的全景瀏覽。程序中用到的基于三維地圖的街區及店鋪搜索效果圖如圖3所示。

（3）購物車及訂單支付技術。和傳統的電商購物車及訂單支付技術類似，新生態電商系統在用戶登錄后，通常根據用戶使用的客戶端IP地址設置變量session_id來保存用戶的編號，可以保證用戶標識的唯一性，同時緩存用戶操作記錄并加入購物車。實現時可在用戶購物的過程中將商品定義為商品類classGoods，將購物車定義為購物車類class Cart，將加入購物車中的商品定義為購物車條目類class CartItem，通過cookie/session等技術緩存加入購物車中的商品條目CartItem信息，并將數據同步到系統后臺數據庫中。在用戶購物提交訂單時首先要驗證庫存數據，并根據單價及數量計算訂單的金額，當然快遞費金額可以根據系統的規定確定是否添加到訂單的總金額中，最后讓用戶確認收貨地址，選擇由用戶本人或者好友的某種支付方式（支付寶、微信或網銀支付）來完成訂單支付，就實現了購物車及訂單生成的全過程。

購物車功能的部分實現代碼為：

public class Goods implements Serializable{? //商品類，具體屬性和方法略? }

public class CartItem implements Serializable{? //購物車條目類，具體屬性和方法略}

public class Cart implements Serializable{ //購物車類

List list=new ArrayList（）;

public List getList（） {//獲取商品列表

return list;

}

public void setList（List list） {//設置商品列表

this.list = list;

}

public void addCartItem（CartItem item）{//添加商品放入購物車

for（CartItem it ： list）{

if（it.getGoods（）.getGoods_id（）==item.getGoods（）.getGoods_id（））

return;

}

list.add（item）;

}

public void removeItem（CartItem item）{ //刪除某個商品

list.remove（item）;

}

public void clearCart（）{ //清空購物車

list.clear（）;

}

}

（4）物流跟蹤管理及售后管理技術。新生態電商系統的物流跟蹤及售后管理部分功能也和傳統電商類似，在顧客完成訂單支付后負責跟蹤所購買物品的狀態。一方面用戶在登錄系統后可隨時查看訂單詳情，訂單詳情中包括待發貨、待收貨、待評價、退款/售后等主要功能，檢查收貨前訂單在各環節物流信息的全過程信息。另一方面店鋪管理員可以隨時收集和匯總顧客的投訴意見，并對退貨、換貨及維修保養等售后流程進行協調和處理。圖4是物流跟蹤及售后部分界面的實現效果圖。

3? 結? 論

基于VR技術虛實一體化的新生態電商系統設計將真實街區店鋪和VR虛擬店鋪相結合，解決了傳統電商購物系統或APP的弊端，實現了VR虛擬人物、店鋪實景代入以及邀請好友同步購物等創新功能，使得線上購物不再是用戶單獨參與的過程，通過邀請好友同步購物的方式實現了多人虛擬在線同步購物功能，同時將線下實體店的VR實景嵌入到三維地圖中，實現了街區導航、全景漫游以及浸入式的購物體驗，這些功能都為探索新生態電商購物模式帶來了全新的視角和有益嘗試，同時也為破解傳統電商線上購物和線下實體店鋪購物選擇之間的矛盾提供了一個切實可行的解決方案。

參考文獻：

[1] 周路菡.VR購物 超現實零距離打通新模式 [J].新經濟導刊，2017（Z1）：69-73.

[2] 陸一夫.VR購物：電商考驗實體零售 [J].服務外包，2017（Z1）：114-116.

[3] 楊月洲，文鳳祥，楊思源，等.線上購物新體驗——AR+VR購物的創新發展研究 [J].河南科技，2020（14）：24-26.

[4] 陳德貞，鄭圣杰，吳嘉偉，等.“VR+購物”的市場發展前景及其策略研究 [J].科技風，2019（33）：200-201.

[5] 劉世雄.探索新零售模式 賦能線下實體店 [N].中國出版傳媒商報，2020-09-08（19）.

[6] 張宇.論電商環境下傳統實體店經濟轉型成必然 [J].現代工業經濟和信息化，2020，10（7）：10-11.

作者簡介：董洋溢（1978—），女，漢族，陜西西安人，副教授，博士，研究方向：智能信息處理，網絡軟件設計等;通訊作者：張震（1996—），男，漢族，陜西延安人，本科，研究方向：網絡軟件設計，物聯網系統集成等。