基于VR技術(shù)虛實(shí)一體化的新生態(tài)電商系統(tǒng)設(shè)計(jì)

董洋溢 張震 劉昊東 劉蓉

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

關(guān)鍵詞：VR技術(shù);新電商;同步購物

中圖分類號(hào)：TP311.52;TP391.9? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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? 引? 言

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

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

1? 新生態(tài)電商系統(tǒng)的總體設(shè)計(jì)

新生態(tài)電商系統(tǒng)總體功能設(shè)計(jì)如圖1所示。

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

可以看出和傳統(tǒng)電商系統(tǒng)功能相比，新生態(tài)電商系統(tǒng)主要在店鋪規(guī)劃管理、商品管理及訂單管理等功能的實(shí)現(xiàn)方式上有諸多不同，主要表現(xiàn)在以下幾個(gè)方面：

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

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

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

（4）在三維虛擬地圖上的VR虛擬店鋪是實(shí)景街區(qū)店鋪的虛擬化顯示，店鋪管理員需要定期將店鋪內(nèi)的全景圖上傳至系統(tǒng)中，顧客進(jìn)入店鋪可以看到店內(nèi)的全景圖，每件商品上都有編號(hào)，顧客可以選擇編號(hào)了解產(chǎn)品的材質(zhì)、價(jià)格、產(chǎn)地規(guī)格等信息。

（5）顧客可以將所選購的商品加入購物車，然后下單生成訂單，選擇自己支付或者由好友支付，支付完成后自動(dòng)生成物流信息，完成購物。收到貨物后，用戶可以對(duì)所購買的商品進(jìn)行評(píng)價(jià)打分，或者申請(qǐng)退換貨。

2? 新生態(tài)電商系統(tǒng)的關(guān)鍵實(shí)現(xiàn)技術(shù)

新生態(tài)電商系統(tǒng)實(shí)現(xiàn)時(shí)主要涉及的關(guān)鍵技術(shù)包括以下幾個(gè)方面：

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

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

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

購物車功能的部分實(shí)現(xiàn)代碼為：

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） {//設(shè)置商品列表

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）{ //刪除某個(gè)商品

list.remove（item）;

}

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

list.clear（）;

}

}

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

3? 結(jié)? 論

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

參考文獻(xiàn)：

[1] 周路菡.VR購物 超現(xiàn)實(shí)零距離打通新模式 [J].新經(jīng)濟(jì)導(dǎo)刊，2017（Z1）：69-73.

[2] 陸一夫.VR購物：電商考驗(yàn)實(shí)體零售 [J].服務(wù)外包，2017（Z1）：114-116.

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

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

[5] 劉世雄.探索新零售模式 賦能線下實(shí)體店 [N].中國出版?zhèn)髅缴虉?bào)，2020-09-08（19）.

[6] 張宇.論電商環(huán)境下傳統(tǒng)實(shí)體店經(jīng)濟(jì)轉(zhuǎn)型成必然 [J].現(xiàn)代工業(yè)經(jīng)濟(jì)和信息化，2020，10（7）：10-11.

作者簡介：董洋溢（1978—），女，漢族，陜西西安人，副教授，博士，研究方向：智能信息處理，網(wǎng)絡(luò)軟件設(shè)計(jì)等;通訊作者：張震（1996—），男，漢族，陜西延安人，本科，研究方向：網(wǎng)絡(luò)軟件設(shè)計(jì)，物聯(lián)網(wǎng)系統(tǒng)集成等。