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

趙長遠(yuǎn)

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

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

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A

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

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

管理的信息化、可視化是提升管理水平的一個重要方法，通過可視化、信息化的管理手段，可以實(shí)現(xiàn)管理的靈活高效，使用可視化、信息化的方式管理資產(chǎn)，能夠?qū)崿F(xiàn)提高資產(chǎn)管理的效率、準(zhǔ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使用當(dāng)今最熱門的JavaScript語言進(jìn)行開發(fā)。不僅可以針對單棟或多棟建筑組成的園區(qū)場景進(jìn)行可視化開發(fā)，搭載豐富插件后，也可以針對地圖界面場景進(jìn)行開發(fā)。ThingJS廣泛應(yīng)用于數(shù)據(jù)中心、倉儲、學(xué)校、醫(yī)院、安防、預(yù)案等多種領(lǐng)域。

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

2.1總體設(shè)計目標(biāo)

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

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

2.3主要功能模塊

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

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

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

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

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

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

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

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

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

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