基于ThingJS平臺的資產(chǎn)管理系統(tǒng)設計

趙長遠

摘要：固定資產(chǎn)管理是企業(yè)中的一個重要組成部分，固定資產(chǎn)具有數(shù)量大、種類多、價值高、使用周期長、使用地點分散、管理難度大等特點。固定資產(chǎn)信息多由各部門資產(chǎn)管理員進行維護，存放地點填寫不規(guī)范，非管理員用戶無法明確其當前存放位置，盤點難度大，并且表格數(shù)據(jù)不夠直觀。經(jīng)過調(diào)研之后主要研究了基于ThingJS平臺的資產(chǎn)管理系統(tǒng)的設計，結(jié)合公司資產(chǎn)管理方式設計了一款有關(guān)資產(chǎn)管理的3D可視化web應用，ThingJS是一款面向物聯(lián)網(wǎng)的3D可視化開發(fā)平臺。

關(guān)鍵詞：thingjs;3d;資產(chǎn)管理;可視化;web

中圖分類號：TP311 文獻標識碼：A

文章編號：1009-3044（2019）35-0059-02

隨著社會信息化程度的不斷提高，計算機表格已無法滿足大多數(shù)的資產(chǎn)管理場景需求，傳統(tǒng)的表格維護，內(nèi)容艱澀難懂，缺乏有效地可視化分析手段。隨著WEB3D技術(shù)的快速發(fā)展，用戶不再需要安裝特定的應用，通過瀏覽器就可以快速訪問3D場景，通過WEB3D技術(shù)可以實現(xiàn)對資產(chǎn)的可視化、智能化、人性化的創(chuàng)新管理。

管理的信息化、可視化是提升管理水平的一個重要方法，通過可視化、信息化的管理手段，可以實現(xiàn)管理的靈活高效，使用可視化、信息化的方式管理資產(chǎn)，能夠?qū)崿F(xiàn)提高資產(chǎn)管理的效率、準確獲得資產(chǎn)使用狀態(tài)數(shù)據(jù)、更加直觀的位置信息以及追蹤資產(chǎn)信息的變更軌跡等。

1 ThingJS平臺概述

ThingJS是一款物聯(lián)網(wǎng)可視化PssS開發(fā)平臺，幫助物聯(lián)網(wǎng)開發(fā)商輕松集成3D可視化界面。ThingJS名稱源于物聯(lián)網(wǎng)In-ternet of Things（IoT）中的Thing（物），ThingJS使用當今最熱門的JavaScript語言進行開發(fā)。不僅可以針對單棟或多棟建筑組成的園區(qū)場景進行可視化開發(fā)，搭載豐富插件后，也可以針對地圖界面場景進行開發(fā)。ThingJS廣泛應用于數(shù)據(jù)中心、倉儲、學校、醫(yī)院、安防、預案等多種領(lǐng)域。

2 基于ThingJS平臺的資產(chǎn)管理系統(tǒng)分析

2.1總體設計目標

這個系統(tǒng)主要為資產(chǎn)管理員以及普通用戶提供了一個固定資產(chǎn)和易耗品的信息查詢以及服務功能。根據(jù)企業(yè)實際需求，進行了詳細的需求分析，這個系統(tǒng)提供了企業(yè)的各個園區(qū)的3D模型展示、資產(chǎn)存放位置定位、資產(chǎn)信息變更記錄、地區(qū)統(tǒng)計、部門統(tǒng)計、語音介紹、易耗品的資產(chǎn)追蹤等相關(guān)的功能，通過3D界面，建立與真實設備一致的3D模型，讓資產(chǎn)管理更直觀易用，快速定位目標設備、設備信息和資產(chǎn)狀況，提升資產(chǎn)管理效率。

2.2系統(tǒng)架構(gòu)

這個系統(tǒng)采用了基于JavaWeb的軟件架構(gòu)，采用前后端分離的開發(fā)模式，前端使用ThingJS提供3D場景的可視化支持，使用layui搭建整體頁面，使用echarts圖表化展示統(tǒng)計信息。后端使用JAX-RS、JPA、Hibernate等技術(shù)提供系統(tǒng)業(yè)務支持，使用訊飛語音生成語音介紹文件。

其中3D場景使用了ThingJS提供的CamBuilder工具進行搭建，通過三維實時互動技術(shù)，在數(shù)字化世界中構(gòu)建一個真實世界的仿真場景。圖例如下：

2.3主要功能模塊

3D資產(chǎn)管理系統(tǒng)包括七大功能模塊：

1）園區(qū)展示：對企業(yè)的主要園區(qū)進行3D園區(qū)搭建，在web頁面中展示園區(qū)的整體概況，語音播放園區(qū)簡介以及園區(qū)資產(chǎn)統(tǒng)計信息，可進入各個單獨的建筑物，展示建筑樓層概況。可進入樓層，語音播報樓層相關(guān)簡介信息，展示各個房間的分布情況，進入房間級別，可展示當前房間內(nèi)資產(chǎn)詳細信息。可通過人、部門、設備類型等相關(guān)信息，查詢資產(chǎn)的分布情況，快速定位資產(chǎn)所在位置。

2）地區(qū)統(tǒng)計：實時統(tǒng)計所有資產(chǎn)在各園區(qū)的分布情況，包括園區(qū)中所有資產(chǎn)的數(shù)量、總額、資產(chǎn)所屬部門等數(shù)據(jù)統(tǒng)計信息，可展開某地區(qū)的資產(chǎn)詳情，通過資產(chǎn)存放地點信息快速定位資產(chǎn)在3D場景中的位置。

3）部門統(tǒng)計：統(tǒng)計各個部門的人員情況，及其人員關(guān)聯(lián)的資產(chǎn)信息，可在3D場景中展示部門或人員的管理資產(chǎn)的地理位置分布。可通過姓名和資產(chǎn)編號檢索管理的資產(chǎn)列表。

4）設備統(tǒng)計：實時展示資產(chǎn)按部門或設備類型分類統(tǒng)計信息，如：銷售部使用的固定資產(chǎn)的資產(chǎn)總值、資產(chǎn)總數(shù)等，展示不同設備類型的資產(chǎn)總值、資產(chǎn)總數(shù)等。并且可以篩選指定部門和指定設備類型來查看數(shù)量金額統(tǒng)計、部門比例統(tǒng)計、位置統(tǒng)計以及設備列表等。

5）耗品統(tǒng)計：耗品資產(chǎn)區(qū)別于固定資產(chǎn)單獨處理，這個部分統(tǒng)計功能同“設備統(tǒng)計”相似。其中在耗品列表中，可以選中部分耗品添加資產(chǎn)追蹤任務，在資產(chǎn)追蹤中會實時展示這個追蹤任務關(guān)聯(lián)耗品的狀態(tài)信息、存放地點信息以及信息變更軌跡等等。

6）資產(chǎn)追蹤：展示了當前用戶關(guān)聯(lián)的所有耗品追蹤任務，可實時查看任務追蹤的資產(chǎn)信息、設備使用狀態(tài)和設備地點分布，并且可篩選指定的部門和設備類型，查看其狀態(tài)變化和地點變化。可對任務中的耗品數(shù)據(jù)進行導出查看耗品的詳細變更過程。

7）幫助功能：幫助功能中包含了對整個系統(tǒng)的介紹、界面簡介、功能介紹以及操作流程等等，可以幫助用戶快速熟悉這個系統(tǒng)的使用。

2.4 3D資產(chǎn)管理系統(tǒng)的UI設計

前端UI部分使用了經(jīng)典模塊化前端UI框架Layui設計了頁面主體，并使用了Bootstrap定義頁面相關(guān)組件，搭配JQuery和animate.css設計頁面交互，使用echarts可視化資產(chǎn)統(tǒng)計信息。由于3D場景模塊屬于ThingJS項目，需單獨部署，在主體頁面中通過iframe引用3D場景頁面，并使用HTML5提供的postMessage接口與嵌在iframe中的3D頁面進行數(shù)據(jù)通信，例如：用戶在3D場景中進入園區(qū)、進入建筑物、進入樓層時都可以通知主頁面響應相關(guān)操作。頁面是基于單頁面應用進行設計的，沒有頁面跳轉(zhuǎn)，局部刷新，提升了用戶體驗。由于3D場景渲染需要較多資源和時間，系統(tǒng)在用戶首次進入系統(tǒng)時，就開始加載3D場景中的資源并進行緩存，減少用戶首次進入3D場景頁面的加載時間。