圖撲推出可視化智慧倉儲管理系統，是否能解決購物狂歡節後新一輪爆倉危機？

前言

現現在，一方面是工業互聯網和 5G 齊頭並進的時代，另外一方面是國家新基建如火如荼的建設實施，可視化系統的搭建能夠承載更多數據的監管，設施的完善就會伴隨着設施的監管和維護，監控平臺就能實現更多的事情。對於地，在當今大數據、移動互聯網、物聯網、雲計算的高速發展背景下，智慧物流愈來愈受到政府與企業的重視。從宏觀的角度來看，物流做爲社會最低層的基礎設施，既鏈接生產與消費，又是城市支柱產業與優點產業的保障。一座城市的物流倉配模式會直接影響城市的交通負荷情況，所以，智慧物流日益成爲智慧城市建設的得力抓手和有力支撐。而在可視化系統的實現下，智慧倉儲的管理實現將更加地便利，介於 2D 組態和 3D 組態上，Hightopo（如下簡稱 HT ）的 HT for Web 產品上的有着豐富的組態化可供選擇，本文將介紹如何運用 HT 豐富的 2D組態搭建出一個 HT倉儲轉運監控平臺的解決方案。

界面簡介及效果預覽

HT 倉儲轉運監控平臺上的實現效果，是經過在兩層倉儲場景中能夠經過緩動的動畫效果來進行切換，能夠達到對於多個倉儲場景起到監控的範圍效果；而在每一個倉儲轉運中內心面，對於貨架和攝像頭進行了數據採集，能夠經過可視化系統快速獲取設備的運行狀態、貨架的數據變動以及監控視頻的實時反饋，達到全方位掌控倉儲轉運中心的活動狀態，起到監管和維護多維度統一的倉儲轉運監控平臺。

系統分析

智慧物流的本質，是實現物流資源、要素與服務的信息化、數字化、在線化、智能化，並經過數據的鏈接、流動、應用與優化組合，實現物流資源與要素的高效配置，促進物流服務提質增效、物流與互聯網、相關產業的良性互動。

首先，智慧物流能夠推進城市間的甩掛運輸、城市內的共同配送、社區共享快遞櫃等模式的落地；其次，以數據驅動爲基礎的智慧物流供應鏈，能夠推進城市供給、消費、商貿渠道的資源優化變革。

物流倉儲管理的辦法

一、將硬件設備應用於物流過程物聯網是互聯網應用於物流倉儲行業的一種體現，這也就是說物聯網要在有網絡以及有相關設施的地方纔可以使用。而且爲了讓物聯網在倉庫中可以順利工做，須要將全部庫存的商品的入庫時間、配送地點等信息進行詳細分類，而且要進行條形碼、二維碼粘貼等工做，便於對產品進行信息檢查，減小後續工做複雜度及難度。

與此同時，要在倉庫的進出口位置安放信息讀取器，而且將其與電腦相鏈接以便及時掌握、記錄信息，保證信息的流通性，方便對各種產品進行調控，提升工做效率。

二、面向物聯網的物流管理技術要確保物流倉庫工做有序高效進行，須要各個部門在各個環節進行配合和溝通。在產品出入庫時，不只要進行產品信息的讀取，還要進行人工對產品的抽查和確認，以提升工做的準確性。在檢查過程當中，要確保產品的網絡及單據信息與實際相符合，而且要對產品有無破損殘缺等進行檢查，一旦發現問題，及時與商家聯繫，共同溝通解決，保證入庫商品的質量。

效果實現

1、樓層的切換

實現樓層切換的動畫，主要是藉助 HT 的動畫函數 ht.Default.startAnim()，經過 Time-Based 的動畫方式來控制動畫的進行，只須要指定 duration 的動畫週期毫秒數，HT 將在指定的時間內完成動畫，主要經過在動畫執行函數 action 裏控制所要實現的動畫對象裏動畫數據的變更，例如案例中，是經過將兩層倉儲放在同一張圖紙裏面造成一個塊 block，實現切換動畫的時候將整個 block 進行對應的平移就能達到切換的效果。

單純的平移動畫，顯得會有點生硬突兀，可是 HT 的動畫函數中，easing 參數則是用於讓用戶自定義函數，經過數學公式控制動畫，如勻速變化、先慢後快等效果。而本案例中採用緩動的動畫效果是 easeInOutElastic，一種彈性的緩進緩出的動畫函數效果，可使得樓層切換的動畫更加地生動。

2、隨機事件的數據處理

貨架和攝像頭的狀態監控，也是對系統維護所必備的一個重要條件。監控平臺的意義不只是對於數據上採集的捕獲反饋，設備狀態的維護一樣是具備極爲重要的意義，現場的人員能夠根據監控平臺的反饋，快速地鎖定出問題的設備進行查驗，確保設備之間掛鉤的數據能及時處理反饋給平臺，這是一個良性的循環結構，有着至關可觀的實現價值。

對於卸貨車的出現，咱們採用隨機數的方式來顯示和隱藏，而對於卸貨運輸的管道流動的運行，則是採用節點屬性監聽的方式，判斷卸貨車是否存在而執行流動的效果。 而倉儲轉運監控系統中的物流水滴傳輸效果，是運用了 HT 的流動插件 ht-flow 來實現的，流動線插件能夠在 ht.Shape 和 ht.Edge 上增長流動效果，支持內部元素或用戶自定義的流動元素沿着路徑步進，並且沒有引入新的類，只是在 ht.Shape、ht.Edge 和 ht.graph.GraphView 上擴展了一些方法或樣式，所以很是易於使用，有興趣的話能夠經過 HT 的官網瞭解更多的使用方法。

對於物流水滴傳輸效果的出現並執行，是經過監聽車輛節點的顯示屬性 2d.visible，而且經過車輛屬性節點顯示隱藏的改變，來判斷對應的物流水滴作出是否執行流動的指令，這也是 HT 中經常使用的監聽器之一，增長模型中 Data 數據屬性變化事件監聽器 addDataPropertyChangeListener(func, scope)，可用簡寫 md(func, scope)。主要是用來監聽節點 Data 中某個屬性 property 對應的新值 newValue 和舊值 oldValue 的數值改變。有了顯示屬性數值上的變化監聽，物流水滴天然而然地也明白何時應該流動起來了。

3、攝像頭監控以及貨箱數據

數據可視化的優點體現，就是經過藉助圖形或者模型來承載數據的變更，起到數據可視化監管的做用，因此說系統中的數據對於整個實現上來講，意義是重大的。在倉儲轉運監控平臺中，能夠經過數據採集器來捕獲到每一個倉儲貨架上的信息，經過對接數據接口的形式，返回給界面進行展現監管；視頻監控也能夠經過經常使用的流媒體格式或者視頻流資源傳輸到界面中進行播放。不難看出一個數據可視化監控平臺的實現，咱們能夠將一些枯燥的數據串聯到一個構思可觀的界面上，來進行數據的監控和維護，每每會比傳統的數據報表來得清晰生動，這也是工業互聯網近年來興起的新風潮。

最後，在彈出的面板實現上，咱們進行了數據接口對接的形式，來實現數據上的顯示：

一、數據上的接口對接實現：

對於數據接口的獲取，能夠運用一些主流的方法：

• ajax：使用 JavaScript 向服務器提出請求並處理響應而不阻塞用戶核心對象 XMLHttpRequest；
• axios：基於 promise 的 HTTP 庫，能夠用在瀏覽器和 node.js 中；
• WebSocket：HTML5 提供的一種在單個 TCP 鏈接上進行全雙工通信的協議；

二、監控視頻上的對接實現：

對於實景的實現上，咱們能夠經過對接實時的視頻數據流，如今主要經常使用的流媒體傳輸協議有：RTMP、RTSP、HLS 和 HTTP-FLV。

• RTMP (Real Time Messaging Protocol)：實時消息傳輸協議，RTMP 協議中，視頻必須是 H264 編碼，音頻必須是 AAC 或 MP3 編碼，且多以 flv 格式封包。由於 RTMP 協議傳輸的基本是 FLV 格式的流文件，必須使用 flash 播放器才能播放。
• RTSP (Real-Time Stream Protocol)：RTSP 實時效果很是好，適合視頻聊天、視頻監控等方向。
• HLS(Http Live Streaming)：由 Apple 公司定義的基於 HTTP 的流媒體實時傳輸協議。傳輸內容包括兩部分：1.M3U8 描述文件，2.TS 媒體文件。TS 媒體文件中的視頻必須是H264編碼，音頻必須是 AAC 或 MP3 編碼。數據經過 HTTP 協議傳輸。目前 video.js 庫支持該格式文件的播放。
• HTTP-FLV：本協議就是 http+flv，將音視頻數據封裝成FLV格式，而後經過http協議傳輸到客戶端，這個協議大大方便了瀏覽器客戶端播放直播視頻流.目前 flv.js 庫支持該格式的文件播放。

總結

物流行業做爲新零售或無界零售發展的重要組成部分，從傳統的貨品流動發展到現在的智能體系化運營，智慧物流儼然已成爲各個企業的必爭之地。數據顯示，智慧物流企業的融資事件在不斷增加，2010-2018年融資事件總計403起，據已公開的具體融資計算，總額高達711.6億元，按照均值計算，每起融資規模均以億元爲單位，融資金額達1.7億元。可見智慧物流成爲了資本追捧的行業，智慧物流已成爲物流行業的下一個風口。

在 2D 組態的運用上，HT 的實現上還有許多新奇的好玩的例子，不只包含了監控平臺的實現，工藝流程的表現也一樣的有趣：PID-進料系統可視化界面，有興趣的小夥伴能夠了解一下對於 HT 在 2D組態上豐富的運用！

2019 咱們也更新了數百個工業互聯網 2D/3D 可視化案例集，在這裏你能發現許多新奇的實例，也能發掘出不同的工業互聯網：https://mp.weixin.qq.com/s/ZbhB6LO2kBRPrRIfHlKGQA

同時，你也能夠查看更多案例及效果：https://www.hightopo.com/demos/index.html