鄭瀟, 張文聰, 姚奕, 劉唯一, 仇翔, 余世明
(浙江工業(yè)大學(xué), 信息工程學(xué)院,浙江,杭州 310023)
無人云超市[1]是依托物聯(lián)網(wǎng)、大數(shù)據(jù)分析、“互聯(lián)網(wǎng)+”而興起的現(xiàn)代化無人監(jiān)管、無人售賣的智能化零售裝備,它是由需要人為監(jiān)管、人為銷售的定點式、占用空間較大的傳統(tǒng)式超市演化而來的。無人云超市彌補了傳統(tǒng)超市經(jīng)營模式下人力成本高、配送問題大的缺陷,創(chuàng)造了一種全新的零售模式[2-3]。從消費者層面來看,無人超市沒有煩人的導(dǎo)購,沒有冗長的隊伍,購物時增加了消費者的自主性和便利性,優(yōu)化了購物體驗。從經(jīng)營者的角度來看,無人云超市以技術(shù)代替昂貴的人工勞動力,極大地降低了經(jīng)營成本。
本文主要利用APICloud平臺,開發(fā)JavaScript語言的無人云超市遠程售賣及運維系統(tǒng)。因為APICloud平臺是致力于開發(fā)移動端系統(tǒng)的云端平臺,具有多種已成型的功能模塊,開發(fā)人員可以有選擇地調(diào)用其數(shù)據(jù)庫中的功能模塊,從而大大減少開發(fā)時間。APICloud平臺開發(fā)的系統(tǒng)可視化程度高,在借助JavaScript語言開發(fā)的情況之下,能夠直觀形象地顯示出無人云超市中商品的銷售情況、剩余數(shù)量以及無人云超市的定位、設(shè)備狀態(tài)等信息。無人云超市遠程售賣及運維系統(tǒng)能夠在極大程度上解決消費者在現(xiàn)場購買商品所花時間較長以及維修人員無法遠程查看設(shè)備故障狀態(tài)這兩大問題。
APICloud平臺是布局低代碼開發(fā)的平臺之一,包含了前端開發(fā)、后端開發(fā)、產(chǎn)品設(shè)計、要求分析、定制專屬服務(wù)等功能。其行業(yè)數(shù)據(jù)庫可以依據(jù)不同的行業(yè)、不同的功能、不同的應(yīng)用場景加以梳理。當(dāng)需求方提出較高的設(shè)計要求時,APICloud平臺可將需求發(fā)送給與其平臺簽訂合約的軟件設(shè)計師,通過第三方完成客戶需求。APICloud平臺最大的好處就在于其方便了App設(shè)計的新手,較為簡單的入門教程使得許多常規(guī)設(shè)計可由客戶自身學(xué)習(xí)并完成。
文獻[4-5]提出APICloud平臺核心特征就在于“云端一體”[6],“云”是指APICloud云端服務(wù)平臺,“端”是指用戶終端,可以在2個維度對產(chǎn)品進行技術(shù)維護,同時還滿足iOS、Android等多個主流移動端系統(tǒng)。APICloud平臺還設(shè)計開發(fā)了開源軟件——APICloud-studio系列,開發(fā)人員可以利用APICloud-studio在本地端進行App軟件開發(fā)以及軟件測試,在編寫并測試好代碼之后,將本地端代碼發(fā)送至APICloud云端平臺,通過云編譯、版本更新等操作將App中的頁面、功能等加以實現(xiàn)。APICloud云端平臺整體架構(gòu)如圖1所示。
圖1 APICloud云端架構(gòu)
無人云超市遠程售賣及運維系統(tǒng)整體架構(gòu)如圖2所示,其中包含了定位模塊、預(yù)定商品模塊、個人信息模塊、補貨模塊、維護模塊。
圖2 無人云超市遠程售賣及運維系統(tǒng)架構(gòu)圖
無人云超市的售賣系統(tǒng)和運維系統(tǒng)中都包含了定位模塊,其作用是精準(zhǔn)確定處于分散狀態(tài)下的無人云超市位置信息。在售賣系統(tǒng)中,該模塊用于幫助消費者查找附近的無人云超市,減少消費者尋找時間,方便消費者購買商品;在運維系統(tǒng)中,該模塊用于幫助配送員查找所有的無人云超市,方便配送員補充商品。
在定位模塊中,本系統(tǒng)借助APICloud平臺模塊封裝的便利性,調(diào)用APICloud平臺模塊數(shù)據(jù)庫中的amap模塊,同時,在高德官方云端服務(wù)平臺中設(shè)置APIKey,并提取該模塊的AndroidAppKey以及AndroidAppSecret放入到config文件中,再將本地端代碼傳輸?shù)皆贫诉M行云編譯,從而實現(xiàn)對amap模塊的調(diào)用。
在預(yù)定模塊中,本系統(tǒng)設(shè)計出較為簡約的購買界面:采用section3的類域,選取itemshelf.shelfinfo系列的樣式作為頁面布局框架,使得整個界面看上去干凈整潔,用戶能夠清楚地知道點擊某一按鈕所實現(xiàn)的相應(yīng)功能;使用itemhover作為tapmode的類型,使得點擊按鈕時的3D影像能直觀反映出是否已經(jīng)開始執(zhí)行這一操作;自行定義了openNewWin()函數(shù),將函數(shù)實現(xiàn)方式與onclick相連,在用戶點擊按鈕時可以實現(xiàn)頁面跳轉(zhuǎn);在主函數(shù)當(dāng)中引入api.setRefreshHeaderInfo()函數(shù),實現(xiàn)頁面刷新的功能。部分樣式、函數(shù)程序如下。
//section3類域中itemshelf.shelfinfo系列樣式
.section3.itemshelf.shelfinfo01.pei{color:#fff;font-size:12px;background-color:#82782f;margin-left:5px;padding:1px;border-radius:3px;}
.section3.itemshelf.shelfinfo01.ticket{color:#fff;font-size:12px;background-color:#3585b7;margin-left:5px;padding:2px;border-radius:3px;}
//api.setRefreshHeaderInfo()函數(shù)
apiready = function(){
api.setRefreshHeaderInfo({
visible: true,
bgColor: 'rgba(0,0,0,0)',
textColor: '#666',
textDown: '下拉刷新',
textUp: '釋放刷新'
},function(ret,err){
loadData();
});
}
相應(yīng)的頁面布局如圖3所示。
圖3 預(yù)定模塊界面
在補貨模塊中,本系統(tǒng)采用了簡潔的設(shè)計方式,采用itemlogo userlogo的類域,選用itemshelf.shelfinfo系列的樣式,可視化程度高,用戶可以直觀看出無人云超市中商品的剩余信息、設(shè)備狀態(tài)信息等,商家可根據(jù)商品的剩余信息,有選擇地向供貨方發(fā)送補貨信息,補貨信息中包含了無人云超市的編號和位置信息、裝備內(nèi)的商品種類、待補貨商品數(shù)量,供貨方根據(jù)補貨信息同時結(jié)合定位模塊,對無人云超市進行商品配送。部分程序如下。
//無人云超市設(shè)備信息
〈div class="item style2" tapmode="itemhover" onclick="openNewWin('shebei1_win')"〉
〈div class="itemlogo userlogo"〉〈img src="../image/xuegao.png" alt=""〉〈/div〉
〈div class="itemshelf"〉
〈div class="shelfinfo01"〉NO.0001〈/div〉
〈div class="shelfinfo06"〉雪糕〈/div〉
〈div class="shelfinfo03"〉設(shè)備態(tài):良好〈/div〉
〈/div〉
〈/div〉
〈div class="item style2" tapmode="itemhover" onclick="openNewWin('shebei2_win')"〉
〈div class="itemlogo userlogo"〉〈img src="../image/lenyin.png" alt=""〉〈/div〉
〈div class="itemshelf"〉
〈div class="shelfinfo01"〉NO.0002〈/div〉
〈div class="shelfinfo06"〉冷飲〈/div〉
〈div class="shelfinfo03"〉設(shè)備狀態(tài):良好〈/div
〈/div〉
〈/div〉
相應(yīng)頁面布局如圖4所示。
圖4 補貨模塊界面
在APICloud平臺基礎(chǔ)之上,本文設(shè)計了無人云超市的遠程售賣及運維系統(tǒng)。該系統(tǒng)能夠直觀反映出零售裝備的內(nèi)部信息,為消費者提供遠程預(yù)定商品服務(wù),為商家提供遠程狀態(tài)監(jiān)測、發(fā)送補貨信息服務(wù),解決了針對無人云超市的管控和維護問題。在該系統(tǒng)的基礎(chǔ)上,仍然可以添加更多管控及運維方法,如對無人云超市內(nèi)部溫度的遠程控制等,這也是我們下一步研究的方向。