現(xiàn)如今，工業(yè)互聯(lián)網(wǎng)和 5G 齊頭并進(jìn)的時(shí)代，可視化系統(tǒng)的搭建可以承載更多數(shù)據(jù)的監(jiān)管，設(shè)施的完善就會(huì)伴隨著設(shè)施的監(jiān)管和維護(hù)，監(jiān)控平臺(tái)就能實(shí)現(xiàn)更多的事情。對(duì)于地，在當(dāng)今大數(shù)據(jù)、移動(dòng)互聯(lián)網(wǎng)、物聯(lián)網(wǎng)、云計(jì)算的高速發(fā)展背景下。從宏觀的角度來(lái)看，物流作為最低層的基礎(chǔ)設(shè)施，既連接生產(chǎn)與消費(fèi)，又是城市支柱產(chǎn)業(yè)與優(yōu)勢(shì)產(chǎn)業(yè)的保障。

一座城市的物流倉(cāng)配模式會(huì)直接影響城市的交通負(fù)荷狀況，因此，智慧物流日益成為智慧城市建設(shè)的得力抓手和有力支撐。而在可視化系統(tǒng)的實(shí)現(xiàn)下，智慧倉(cāng)儲(chǔ)的管理實(shí)現(xiàn)將更加地便利，介于 2D 組態(tài)和 3D 組態(tài)上，Hightopo（以下簡(jiǎn)稱 HT ）的 HT for Web 產(chǎn)品上的有著豐富的組態(tài)化可供選擇，本文將介紹如何運(yùn)用 HT 豐富的 2D組態(tài)搭建出一個(gè) HT倉(cāng)儲(chǔ)轉(zhuǎn)運(yùn)監(jiān)控平臺(tái)的解決方案。

HT 倉(cāng)儲(chǔ)轉(zhuǎn)運(yùn)監(jiān)控平臺(tái)上的實(shí)現(xiàn)效果，是通過(guò)在兩層倉(cāng)儲(chǔ)場(chǎng)景中可以通過(guò)緩動(dòng)的動(dòng)畫(huà)效果來(lái)進(jìn)行切換，可以達(dá)到對(duì)于多個(gè)倉(cāng)儲(chǔ)場(chǎng)景起到監(jiān)控的范圍效果；而在每個(gè)倉(cāng)儲(chǔ)轉(zhuǎn)運(yùn)中心里面，對(duì)于貨架和攝像頭進(jìn)行了數(shù)據(jù)采集，可以通過(guò)可視化系統(tǒng)快速獲取設(shè)備的運(yùn)行狀態(tài)、貨架的數(shù)據(jù)變更以及監(jiān)控視頻的實(shí)時(shí)反饋，達(dá)到全方位掌控倉(cāng)儲(chǔ)轉(zhuǎn)運(yùn)中心的活動(dòng)狀態(tài)，起到監(jiān)管和維護(hù)多維度統(tǒng)一的倉(cāng)儲(chǔ)轉(zhuǎn)運(yùn)監(jiān)控平臺(tái)。

智慧物流的本質(zhì)，是實(shí)現(xiàn)物流資源、要素與服務(wù)的信息化、數(shù)字化、在線化、智能化，并通過(guò)數(shù)據(jù)的連接、流動(dòng)、應(yīng)用與優(yōu)化組合，實(shí)現(xiàn)物流資源與要素的高效配置，促進(jìn)物流服務(wù)提質(zhì)增效、物流與互聯(lián)網(wǎng)、相關(guān)產(chǎn)業(yè)的良性互動(dòng)。

首先，智慧物流可以推動(dòng)城市間的甩掛運(yùn)輸、城市內(nèi)的共同配送、社區(qū)共享快遞柜等模式的落地；其次，以數(shù)據(jù)驅(qū)動(dòng)為基礎(chǔ)的智慧物流供應(yīng)鏈，可以推動(dòng)城市供給、消費(fèi)、商貿(mào)渠道的資源優(yōu)化變革。

物流倉(cāng)儲(chǔ)管理的辦法

1、將硬件設(shè)備應(yīng)用于物流過(guò)程物聯(lián)網(wǎng)是互聯(lián)網(wǎng)應(yīng)用于物流倉(cāng)儲(chǔ)行業(yè)的一種體現(xiàn)，這也就是說(shuō)物聯(lián)網(wǎng)要在有網(wǎng)絡(luò)以及有相關(guān)設(shè)施的地方才能夠使用。并且為了讓物聯(lián)網(wǎng)在倉(cāng)庫(kù)中能夠順利工作，需要將所有庫(kù)存的商品的入庫(kù)時(shí)間、配送地點(diǎn)等信息進(jìn)行詳細(xì)分類，并且要進(jìn)行條形碼、二維碼粘貼等工作，便于對(duì)產(chǎn)品進(jìn)行信息檢查，減少后續(xù)工作復(fù)雜度及難度。

與此同時(shí)，要在倉(cāng)庫(kù)的進(jìn)出口位置安放信息讀取器，并且將其與電腦相連接以便及時(shí)掌握、記錄信息，保證信息的流通性，方便對(duì)各類產(chǎn)品進(jìn)行調(diào)控，提高工作效率。

2、面向物聯(lián)網(wǎng)的物流管理技術(shù)要確保物流倉(cāng)庫(kù)工作有序高效進(jìn)行，需要各個(gè)部門(mén)在各個(gè)環(huán)節(jié)進(jìn)行配合和溝通。在產(chǎn)品出入庫(kù)時(shí)，不僅要進(jìn)行產(chǎn)品信息的讀取，還要進(jìn)行人工對(duì)產(chǎn)品的抽查和確認(rèn)，以提高工作的準(zhǔn)確性。在檢查過(guò)程中，要確保產(chǎn)品的網(wǎng)絡(luò)及單據(jù)信息與實(shí)際相符合，并且要對(duì)產(chǎn)品有無(wú)破損殘缺等進(jìn)行檢查，一旦發(fā)現(xiàn)問(wèn)題，及時(shí)與商家聯(lián)系，共同溝通解決，保證入庫(kù)商品的質(zhì)量。

一、樓層的切換

實(shí)現(xiàn)樓層切換的動(dòng)畫(huà)，主要是借助 HT 的動(dòng)畫(huà)函數(shù) ht．Default．startAnim（），通過(guò) Time－Based 的動(dòng)畫(huà)方式來(lái)控制動(dòng)畫(huà)的進(jìn)行，只需要指定 duration 的動(dòng)畫(huà)周期毫秒數(shù)，HT 將在指定的時(shí)間內(nèi)完成動(dòng)畫(huà)，主要通過(guò)在動(dòng)畫(huà)執(zhí)行函數(shù) action 里控制所要實(shí)現(xiàn)的動(dòng)畫(huà)對(duì)象里動(dòng)畫(huà)數(shù)據(jù)的變動(dòng)，例如案例中，是通過(guò)將兩層倉(cāng)儲(chǔ)放在同一張圖紙里面形成一個(gè)塊 block，實(shí)現(xiàn)切換動(dòng)畫(huà)的時(shí)候?qū)⒄麄�(gè) block 進(jìn)行對(duì)應(yīng)的平移就能達(dá)到切換的效果。

單純的平移動(dòng)畫(huà)，顯得會(huì)有點(diǎn)生硬突兀，但是 HT 的動(dòng)畫(huà)函數(shù)中，easing 參數(shù)則是用于讓用戶自定義函數(shù)，通過(guò)數(shù)學(xué)公式控制動(dòng)畫(huà)，如勻速變化、先慢后快等效果。而本案例中采用緩動(dòng)的動(dòng)畫(huà)效果是 easeInOutElastic，一種彈性的緩進(jìn)緩出的動(dòng)畫(huà)函數(shù)效果，可以使得樓層切換的動(dòng)畫(huà)更加地生動(dòng)。

二、隨機(jī)事件的數(shù)據(jù)處理

貨架和攝像頭的狀態(tài)監(jiān)控，也是對(duì)系統(tǒng)維護(hù)所必備的一個(gè)重要條件。監(jiān)控平臺(tái)的意義不僅是對(duì)于數(shù)據(jù)上采集的捕獲反饋，設(shè)備狀態(tài)的維護(hù)同樣是具有極為重要的意義，現(xiàn)場(chǎng)的人員可以根據(jù)監(jiān)控平臺(tái)的反饋，快速地鎖定出問(wèn)題的設(shè)備進(jìn)行查驗(yàn)，確保設(shè)備之間掛鉤的數(shù)據(jù)能及時(shí)處理反饋給平臺(tái)，這是一個(gè)良性的循環(huán)結(jié)構(gòu)，有著相當(dāng)可觀的實(shí)現(xiàn)價(jià)值。

對(duì)于卸貨車的出現(xiàn)，我們采用隨機(jī)數(shù)的方式來(lái)顯示和隱藏，而對(duì)于卸貨運(yùn)輸?shù)墓艿懒鲃?dòng)的運(yùn)行，則是采用節(jié)點(diǎn)屬性監(jiān)聽(tīng)的方式，判斷卸貨車是否存在而執(zhí)行流動(dòng)的效果。

而倉(cāng)儲(chǔ)轉(zhuǎn)運(yùn)監(jiān)控系統(tǒng)中的物流水滴傳輸效果，是運(yùn)用了 HT 的流動(dòng)插件 ht－flow 來(lái)實(shí)現(xiàn)的，流動(dòng)線插件可以在 ht．Shape 和 ht．Edge 上增加流動(dòng)效果，支持內(nèi)部元素或用戶自定義的流動(dòng)元素沿著路徑步進(jìn)，而且沒(méi)有引入新的類，只是在 ht．Shape、ht．Edge 和 ht．graph．GraphView 上擴(kuò)展了一些方法或樣式，因此非常易于使用，有興趣的話可以通過(guò) HT 的官網(wǎng)了解更多的使用方法。

對(duì)于物流水滴傳輸效果的出現(xiàn)并執(zhí)行，是通過(guò)監(jiān)聽(tīng)車輛節(jié)點(diǎn)的顯示屬性 2d．visible，并且通過(guò)車輛屬性節(jié)點(diǎn)顯示隱藏的改變，來(lái)判斷對(duì)應(yīng)的物流水滴做出是否執(zhí)行流動(dòng)的指令，這也是 HT 中常用的監(jiān)聽(tīng)器之一，增加模型中 Data 數(shù)據(jù)屬性變化事件監(jiān)聽(tīng)器 addDataPropertyChangeListener（func， scope），可用簡(jiǎn)寫(xiě) md（func， scope）。主要是用來(lái)監(jiān)聽(tīng)節(jié)點(diǎn) Data 中某個(gè)屬性 property 對(duì)應(yīng)的新值 newValue 和舊值 oldValue 的數(shù)值改變。有了顯示屬性數(shù)值上的變化監(jiān)聽(tīng)，物流水滴自然而然地也明白什么時(shí)候應(yīng)該流動(dòng)起來(lái)了。

三、攝像頭監(jiān)控以及貨箱數(shù)據(jù)

數(shù)據(jù)可視化的優(yōu)勢(shì)體現(xiàn)，就是通過(guò)借助圖形或者模型來(lái)承載數(shù)據(jù)的變動(dòng)，起到數(shù)據(jù)可視化監(jiān)管的作用，所以說(shuō)系統(tǒng)中的數(shù)據(jù)對(duì)于整個(gè)實(shí)現(xiàn)上來(lái)說(shuō)，意義是重大的。在倉(cāng)儲(chǔ)轉(zhuǎn)運(yùn)監(jiān)控平臺(tái)中，可以通過(guò)數(shù)據(jù)采集器來(lái)捕獲到每個(gè)倉(cāng)儲(chǔ)貨架上的信息，通過(guò)對(duì)接數(shù)據(jù)接口的形式，返回給界面進(jìn)行展示監(jiān)管；視頻監(jiān)控也可以通過(guò)常用的流媒體格式或者視頻流資源傳輸?shù)浇缑嬷羞M(jìn)行播放。不難看出一個(gè)數(shù)據(jù)可視化監(jiān)控平臺(tái)的實(shí)現(xiàn)，我們可以將一些枯燥的數(shù)據(jù)串聯(lián)到一個(gè)構(gòu)思可觀的界面上，來(lái)進(jìn)行數(shù)據(jù)的監(jiān)控和維護(hù)，往往會(huì)比傳統(tǒng)的數(shù)據(jù)報(bào)表來(lái)得清晰生動(dòng)，這也是工業(yè)互聯(lián)網(wǎng)近年來(lái)興起的新風(fēng)潮。

最后，在彈出的面板實(shí)現(xiàn)上，我們進(jìn)行了數(shù)據(jù)接口對(duì)接的形式，來(lái)實(shí)現(xiàn)數(shù)據(jù)上的顯示：

1、數(shù)據(jù)上的接口對(duì)接實(shí)現(xiàn)：

對(duì)于數(shù)據(jù)接口的獲取，可以運(yùn)用一些主流的方法：

• ajax：使用 JavaScript 向服務(wù)器提出請(qǐng)求并處理響應(yīng)而不阻塞用戶核心對(duì)象 XMLHttpRequest；

• axios：基于 promise 的 HTTP 庫(kù)，可以用在瀏覽器和 node．js 中；

• WebSocket：HTML5 提供的一種在單個(gè) TCP 連接上進(jìn)行全雙工通訊的協(xié)議；

2、監(jiān)控視頻上的對(duì)接實(shí)現(xiàn)：

對(duì)于實(shí)景的實(shí)現(xiàn)上，我們可以通過(guò)對(duì)接實(shí)時(shí)的視頻數(shù)據(jù)流，現(xiàn)在主要常用的流媒體傳輸協(xié)議有：RTMP、RTSP、HLS 和 HTTP－FLV。

• RTMP （Real Time Messaging Protocol）：實(shí)時(shí)消息傳輸協(xié)議，RTMP 協(xié)議中，視頻必須是 H264 編碼，音頻必須是 AAC 或 MP3 編碼，且多以 flv 格式封包。因?yàn)?RTMP 協(xié)議傳輸?shù)幕�本�?FLV 格式的流文件，必須使用 flash 播放器才能播放。

• RTSP （Real－Time Stream Protocol）：RTSP 實(shí)時(shí)效果非常好，適合視頻聊天、視頻監(jiān)控等方向。

• HLS（Http Live Streaming）：由 Apple 公司定義的基于 HTTP 的流媒體實(shí)時(shí)傳輸協(xié)議。傳輸內(nèi)容包括兩部分：1．M3U8 描述文件，2．TS 媒體文件。TS 媒體文件中的視頻必須是H264編碼，音頻必須是 AAC 或 MP3 編碼。數(shù)據(jù)通過(guò) HTTP 協(xié)議傳輸。目前 video．js 庫(kù)支持該格式文件的播放。

• HTTP－FLV：本協(xié)議就是 http＋flv，將音視頻數(shù)據(jù)封裝成FLV格式，然后通過(guò)http協(xié)議傳輸?shù)娇蛻舳�，這個(gè)協(xié)議大大方便了瀏覽器客戶端播放直播視頻流．目前 flv．js 庫(kù)支持該格式的文件播放。

物流行業(yè)作為新零售或無(wú)界零售發(fā)展的重要組成部分，從傳統(tǒng)的貨品流動(dòng)發(fā)展到如今的智能體系化運(yùn)營(yíng)，智慧物流儼然已成為各個(gè)企業(yè)的必爭(zhēng)之地。數(shù)據(jù)顯示，智慧物流企業(yè)的融資事件在不斷增長(zhǎng)，2010－2018年融資事件總計(jì)403起，據(jù)已公開(kāi)的具體融資計(jì)算，總額高達(dá)711．6億元，按照均值計(jì)算，每起融資規(guī)模均以億元為單位，融資金額達(dá)1．7億元。可見(jiàn)智慧物流成為了資本追捧的行業(yè)，智慧物流已成為物流行業(yè)的下一個(gè)風(fēng)口。