基于APICloud平臺的無人云超市遠程售賣及運維軟件設計

鄭瀟， 張文聰， 姚奕， 劉唯一， 仇翔， 余世明

(浙江工業大學, 信息工程學院，浙江，杭州 310023)

0 引言

無人云超市[1]是依托物聯網、大數據分析、“互聯網+”而興起的現代化無人監管、無人售賣的智能化零售裝備，它是由需要人為監管、人為銷售的定點式、占用空間較大的傳統式超市演化而來的。無人云超市彌補了傳統超市經營模式下人力成本高、配送問題大的缺陷，創造了一種全新的零售模式[2-3]。從消費者層面來看，無人超市沒有煩人的導購，沒有冗長的隊伍，購物時增加了消費者的自主性和便利性，優化了購物體驗。從經營者的角度來看，無人云超市以技術代替昂貴的人工勞動力，極大地降低了經營成本。

本文主要利用APICloud平臺，開發JavaScript語言的無人云超市遠程售賣及運維系統。因為APICloud平臺是致力于開發移動端系統的云端平臺，具有多種已成型的功能模塊，開發人員可以有選擇地調用其數據庫中的功能模塊，從而大大減少開發時間。APICloud平臺開發的系統可視化程度高，在借助JavaScript語言開發的情況之下，能夠直觀形象地顯示出無人云超市中商品的銷售情況、剩余數量以及無人云超市的定位、設備狀態等信息。無人云超市遠程售賣及運維系統能夠在極大程度上解決消費者在現場購買商品所花時間較長以及維修人員無法遠程查看設備故障狀態這兩大問題。

1 APICloud平臺

APICloud平臺是布局低代碼開發的平臺之一，包含了前端開發、后端開發、產品設計、要求分析、定制專屬服務等功能。其行業數據庫可以依據不同的行業、不同的功能、不同的應用場景加以梳理。當需求方提出較高的設計要求時，APICloud平臺可將需求發送給與其平臺簽訂合約的軟件設計師，通過第三方完成客戶需求。APICloud平臺最大的好處就在于其方便了App設計的新手，較為簡單的入門教程使得許多常規設計可由客戶自身學習并完成。

文獻[4-5]提出APICloud平臺核心特征就在于“云端一體”[6]，“云”是指APICloud云端服務平臺，“端”是指用戶終端，可以在2個維度對產品進行技術維護，同時還滿足iOS、Android等多個主流移動端系統。APICloud平臺還設計開發了開源軟件——APICloud-studio系列，開發人員可以利用APICloud-studio在本地端進行App軟件開發以及軟件測試，在編寫并測試好代碼之后，將本地端代碼發送至APICloud云端平臺，通過云編譯、版本更新等操作將App中的頁面、功能等加以實現。APICloud云端平臺整體架構如圖1所示。

圖1 APICloud云端架構

2 基于APICloud平臺無人云超市遠程售賣及運維系統設計

無人云超市遠程售賣及運維系統整體架構如圖2所示，其中包含了定位模塊、預定商品模塊、個人信息模塊、補貨模塊、維護模塊。

圖2 無人云超市遠程售賣及運維系統架構圖

2.1 定位模塊

無人云超市的售賣系統和運維系統中都包含了定位模塊，其作用是精準確定處于分散狀態下的無人云超市位置信息。在售賣系統中，該模塊用于幫助消費者查找附近的無人云超市，減少消費者尋找時間，方便消費者購買商品；在運維系統中，該模塊用于幫助配送員查找所有的無人云超市，方便配送員補充商品。

在定位模塊中，本系統借助APICloud平臺模塊封裝的便利性，調用APICloud平臺模塊數據庫中的amap模塊，同時，在高德官方云端服務平臺中設置APIKey，并提取該模塊的AndroidAppKey以及AndroidAppSecret放入到config文件中，再將本地端代碼傳輸到云端進行云編譯，從而實現對amap模塊的調用。

2.2 預定模塊

在預定模塊中，本系統設計出較為簡約的購買界面：采用section3的類域，選取itemshelf.shelfinfo系列的樣式作為頁面布局框架，使得整個界面看上去干凈整潔，用戶能夠清楚地知道點擊某一按鈕所實現的相應功能；使用itemhover作為tapmode的類型，使得點擊按鈕時的3D影像能直觀反映出是否已經開始執行這一操作；自行定義了openNewWin()函數，將函數實現方式與onclick相連，在用戶點擊按鈕時可以實現頁面跳轉；在主函數當中引入api.setRefreshHeaderInfo()函數，實現頁面刷新的功能。部分樣式、函數程序如下。

//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()函數

apiready = function(){

api.setRefreshHeaderInfo({

visible: true，

bgColor: 'rgba(0，0，0，0)'，

textColor: '#666'，

textDown: '下拉刷新'，

textUp: '釋放刷新'

}，function(ret，err){

loadData();

});

}

相應的頁面布局如圖3所示。

圖3 預定模塊界面

2.3 補貨模塊

在補貨模塊中，本系統采用了簡潔的設計方式，采用itemlogo userlogo的類域，選用itemshelf.shelfinfo系列的樣式，可視化程度高，用戶可以直觀看出無人云超市中商品的剩余信息、設備狀態信息等，商家可根據商品的剩余信息，有選擇地向供貨方發送補貨信息，補貨信息中包含了無人云超市的編號和位置信息、裝備內的商品種類、待補貨商品數量，供貨方根據補貨信息同時結合定位模塊，對無人云超市進行商品配送。部分程序如下。

//無人云超市設備信息

〈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"〉設備態：良好〈/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"〉設備狀態：良好〈/div

〈/div〉

〈/div〉

相應頁面布局如圖4所示。

圖4 補貨模塊界面

3 總結

在APICloud平臺基礎之上，本文設計了無人云超市的遠程售賣及運維系統。該系統能夠直觀反映出零售裝備的內部信息，為消費者提供遠程預定商品服務，為商家提供遠程狀態監測、發送補貨信息服務，解決了針對無人云超市的管控和維護問題。在該系統的基礎上，仍然可以添加更多管控及運維方法，如對無人云超市內部溫度的遠程控制等，這也是我們下一步研究的方向。