趙長(zhǎng)遠(yuǎn)

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

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

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

文章編號(hào)：1009-3044（2019）35-0059-02

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

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

1 ThingJS平臺(tái)概述

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

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

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

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

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

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

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

2.3主要功能模塊

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

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

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

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

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

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

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

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

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

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