智慧园区作为智慧城市建设的核心缩影,其智能化管理系统的开发与落地,是顺应信息技术创新应用的关键举措。本系统以厦门软件园三期为实际开发载体,基于图扑软件自主研发的 HT for Web(HT) 前端技术体系进行开发,全程未引入任何第三方插件,依托 HT 的 2D3D 渲染引擎,搭建轻量化、高交互、跨平台的三维智慧园区可视化管理系统,实现园区全维度的数字化、可视化、智能化管理。

在技术选型层面,HT 的原生渲染能力为系统提供了核心支撑,其丰富的 2D、3D 组态组件,可直接适配智慧园区多场景的可视化开发需求,同时兼顾 Web 端的性能要求与交互体验,成为本次三维智慧园区系统开发的核心技术框架。

本系统针对园区点位部署设计了两种开发实现方案,适配不同项目场景的需求:

  1. 手动部署方案:通过HT的可视化编辑能力,人工手动摆放园区点位,开发逻辑简单,适配全球范围内园区分布点位数量较少的项目场景。
  2. 自动生成方案:通过前端常规数据交互方式获取各园区经纬度信息,结合三角函数编写球体坐标算法逻辑,在前端完成坐标点的自动生成与点位渲染,该方案无需集成 WebGIS 相关功能模块,大幅减少人工开发工作量,提升项目实施效率,适配点位分布数量较多的场景。

系统采用分层级场景构建的开发思路,从宏观区位到微观园区,再到楼栋、楼层内景,实现全维度的三维仿真还原,且所有场景均基于HT原生引擎开发,支持 360 度全方位无死角浏览。

  1. 厦门地图宏观场景:基于 HT 3D 组态开发厦门三维地图底模,在底模上标注园区区位点位,开发点位双击交互事件,实现从宏观地图到园区详细场景的跳转,适配多点位、分散式园区的管理需求。
  2. 软件园三期核心场景:以写实风格为开发基调,通过 HT 对园区建筑、道路等物理要素进行三维建模与轻量化处理,依托HT渲染引擎实现场景的高清展示;同时开发鼠标旋转、平移、缩放等基础交互,以及移动终端的触屏交互逻辑(单指旋转、双指缩放、三指平移),实现系统的跨平台浏览能力,兼容各类 PC 端与移动终端。
  3. 楼栋与楼层内景场景:开发楼栋切换面板组件,实现园区 A/B/C/D/F 等区域及楼栋的自由切换与跳转;对建筑双击事件进行开发,实现模型与线框模式的切换,并通过浮标组件开发楼层功能划分标注;以 IDC 数据中心为参考,对楼层内机房、桌椅、大屏等资产设备进行三维建模,按实际点位坐标完成设备摆放,开发资产设备的交互逻辑,实现园区资产的可视化管理。

基于 HT 的特效渲染能力,开发园区环境模拟模块,实现季节(春、夏、秋、冬)、时间(早晨、中午、黄昏、夜晚)、天气(晴天、闪电、降雪、降雨、多云)的自由切换功能。同时预留 http/ws 数据对接接口,可通过前端常规数据获取方案对接外部天气系统的实时数据,实现环境模拟效果根据实际天气数据的自动切换,提升场景的真实感与实用性。

所有功能模块的开发均基于 HT 原生组件,数据层面通过 http、ws 等前端常规方案实现与园区各业务系统的对接,完成数据的实时获取、解析与渲染,实现数据驱动的可视化管理。

  1. 开发数据面板组件,通过 http 接口对接园区企业管理系统,实时获取并渲染园区工作人员数量、入驻企业数量、投产面积等核心数据;
  2. 基于 HT 的图表组件,开发折线图、柱状图,对近两年新增入驻企业数据进行可视化展示,实现招商引资数据的直观对比;
  3. 开发饼图/柱状图统计组件,对接企业行业分类数据,实现大数据、电子商务、云计算、软件研发等行业类型的分布统计,为招商决策提供数据支撑。

通过 http 接口对接园区水务在线监测设备的实时数据,在三维场景中通过建模标注水务设备具体点位,开发设备顶部数据面板组件,实时渲染设备运行状态、维护情况及水务核心数据,实现园区用水情况的可视化监控。

  1. 基于 ws 长连接方案对接园区电力系统,实现用电数据的实时推送与解析,开发多层级数据面板,分别渲染园区、楼栋、企业的用电数据,包括本月累计用电量、今日/昨日用电量、环比/同比数据及设备实时功率等;
  2. 对园区配电房进行三维建模,开发设备数据绑点逻辑,将电力设备的运行参数与模型进行绑定,实时渲染设备运行状态;
  3. 开发设备故障告警逻辑,当获取到故障数据时,通过 HT 实现染色、动画扩散特效实现告警提醒,同时开发设备交互组件,点击可查看设备详细故障信息。

通过 http/ws 对接园区停车系统,实时获取车位总数、已用车位、空闲车位数据,在三维场景中渲染各停车场车位状态,实现车位使用情况的可视化展示;

开发趋势图表组件,对停车费营收数据(日/月/年)进行可视化渲染,展示营收趋势;

开发车辆信息列表组件,实时获取并展示车牌号、停车类型等车辆信息;

基于 HT 的动画渲染能力,开发车流动线展示功能,通过流动箭头动画渲染园区车辆行驶路线,实现园区交通组织的可视化分析。

人行管理

  1. 通过 ws 接口对接园区门禁、人脸监控等安防设备,实时获取人流量数据,开发数据面板渲染本日人流量、内部员工/外部人员数量等统计信息;
  2. 开发门禁交互组件,点击门禁图标可渲染人脸监控比对信息;
  3. 开发告警联动逻辑,当获取到门禁告警数据时,在三维场景对应点位渲染告警信息,实现告警事件的及时提醒。

安防管理

  1. 开发安防设备状态统计面板,对接安防设备管理系统数据,实时渲染闸机、安防摄像头、人脸设备等的在线/离线/故障数量;
  2. 开发设备告警特效,当设备出现故障/异常时,通过染色、动画扩散实现突出显示;
  3. 开发值班情况面板,对接考勤系统数据,渲染安防人员的内勤、外勤值班安排及联系方式。

视频监控与融合

  1. 开发监控设备点位标注组件,在三维场景中按实际位置摆放监控设备图标,开发点击交互逻辑,通过 http 接口对接监控系统,获取并展示实时监控画面;
  2. 基于 HT 的视频融合能力,开发 2D 视频图像与 3D 模型的融合渲染功能,实现室内监控视频与三维场景的叠加展示;同时开发关键路径自动巡检、重点区域目标锁定等功能,提升监控管理效率。

工单与应急管理模块

1. 工单系统

  1. 通过 ws 接口对接园区工单系统,实现工单任务数据的实时获取,开发工单派发、人员匹配的前端逻辑,实现应急告警的及时调度;
  2. 开发人员定位组件,对接人员定位系统数据,在三维场景中实现处理人员的实时定位与移动轨迹渲染;
  3. 开发工单数据分析面板,对工单评价、完成情况等数据进行统计渲染,实现工单处理全流程的可视化把控。

2. 应急预案

摒弃传统文字+图片的预案形式,基于 HT 的三维动画渲染能力,开发应急预案可视化模拟模块,对紧急事件发生、人员疏散路线、营救路线规划等环节进行动画还原;同时预留数据接口,可对接应急事件数据,实现预案场景的动态触发与模拟,让应急处置各环节可视化、可操作。

模型兼容与轻量化开发

针对园区开发中可能遇到的外部模型接入需求,本系统做了针对性的开发适配与轻量化处理,全程基于 HT 原生能力实现,未引入第三方模型处理插件:

  1. BIM 模型适配:支持 IFC 格式 BIM 模型的导入开发,考虑到 BIM 模型文件体积大的问题,在导入后通过 HT 的模型轻量化处理能力,对模型进行减面、优化,适配Web端实时加载的性能要求,降低开发成本;
  2. 通用模型适配:针对 3Ds Max、C4D、Solidworks 等设计软件制作的外部模型,开发模型轻量化处理逻辑,对模型进行减面、贴图优化,解决因模型面数过多导致的 Web 端加载卡顿、崩溃问题;
  3. 原生模型开发:系统核心场景均采用 HT 轻量化建模方式开发,以贴图渲染为主、模型建模为辅,结合 HT 引擎的高性能渲染能力,保证场景在 Web 端的高效流畅加载,同时兼顾可视化效果。

系统开发价值与技术优势

  1. 纯原生开发,无第三方依赖:全程基于 HT for Web 技术体系开发,未引入任何第三方插件,降低了系统的兼容性风险与维护成本,提升了系统的稳定性与可扩展性;
  2. 轻量化与高性能:通过模型轻量化、渲染优化、数据接口按需对接等开发策略,保证 Web 端的加载速度与运行流畅性,同时支持跨平台浏览,适配多终端使用场景;
  3. 灵活的交互与定制化:基于 HT 丰富的组态组件与交互能力,可快速实现功能模块的开发与调整,支持根据园区实际业务需求进行高效的定制化开发,适配不同园区的管理需求;
  4. 标准化数据对接:采用 http、ws 等前端常规数据获取方案,与园区各业务系统实现标准化对接,降低了系统集成的开发成本,提升了数据对接的稳定性与实时性。

业务管理价值

资源整合与系统联动:通过前端开发实现园区各系统的数据与功能整合,在三维可视化平台上实现各系统的互联、互通、共享,打造一体化的智慧园区运营管理系统,实现降本增效;

数据可视化与价值挖掘:通过丰富的可视化组件,将枯燥的业务数据转化为直观的图表、面板、动画,让管理人员更高效地理解与分析数据,挖掘数据背后的业务价值;

远程可视化管理:通过三维场景的仿真还原与全维度交互,实现园区管理的“上帝视角”,管理人员可通过系统完成远程调度、实时监控、应急处置等工作,大幅提升园区管理效率;

可复用的技术框架:本次开发的技术框架与功能模块,可快速复用到智慧医院、数据中心、工厂园区、物流园区、智慧校园等同类场景,具备良好的技术推广与复用价值。

同时,基于HT的技术积累,可将本次开发的技术方案与功能模块进行模块化封装,形成智慧园区开发的标准化组件库,提升后续同类项目的开发效率,为智慧园区建设提供更高效、更专业的技术支撑。

Logo

立足具身智能前沿赛道,致力于搭建全球化、开源化、全栈式技术交流与实践共创平台。

更多推荐