基于数字孪生技术的自定义大屏设计管理系统技术方案

本发明专利技术涉及一种基于数字孪生技术的自定义大屏设计管理系统，包括画布编辑器模块、解析器模块、组件库模块、数据管理模块和属性设置模块，本发明专利技术的管理系统可由产品经理或UI设计师直接在平台中完成前端界面的设计，由研发工程师负责后端数据对接。从而避免产品经理或UI设计师在与研发沟通需求时，因为出现的沟通偏差，导致研发交付的内容与预先的设计相差甚远的问题。远的问题。远的问题。

【技术实现步骤摘要】
基于数字孪生技术的自定义大屏设计管理系统


[0001]本专利技术涉及可视化大屏
，尤其涉及基于数字孪生技术的自定义大屏设计管理系统。

技术介绍

[0002]伴随着BIM、GIS、IOT技术的快速发展，工程施工中、交付后运维逐渐摆脱传统的纸质化运作方式，追求更加可视、实时的运维反馈。在智慧工地、智慧建筑、智慧园区等典型的智慧应用场景中通常设置运维驾驶舱，以可视化大屏展示片区当前运行状况、监控关键指标、及时发现预警信息。因此在项目落地中可视化大屏是需求方的必选项，每个项目都需要投入相应的研发人力开发可视化大屏。
[0003]但不可否认的是，可视化大屏却有着较高的同质性。如，需要多种常见的统计图表、需要以GIS地图为底图打点、需要导入BIM模型展示预规划效果、需要常规文字性内容展示等，由于需求有着较高的同质性，那么以配置项、操作方法的方式提供而不是以功能的形式满足需求是一种投入产出比较高的解决方案。
[0004]以项目为单位，根据需求方的业务需求与设计需求进行针对性开发。主要由前端工程师根据UI设计完成前端页面的开发，同时根据产品需求接入业务数据。这样做的问题在于1个项目的开发涉及到3个不同的角色，角色之间由于知识背景的不同，对于需求的理解不同，可能在沟通中存在理解偏差，导致研发的实际产出与客户原始需求不符。
[0005]来自于建筑施工项目的大屏展示需求，通常需要支持预览项目的BIM模型。这必然要求前端工程师在代码中集成BIM引擎。BIM引擎有较高的专业开发门槛，项目基本只能采购第三方模型引擎，不仅拉长了开发时间还增加了项目成本。
[0006]因此，有必要对现有技术予以改良以克服现有技术中的所述缺陷。

技术实现思路

[0007]本专利技术的目的在于提供一种基于数字孪生技术的自定义大屏设计管理系统，以解决现有技术中的可视化大屏研发的实际产出与客户原始需求不符、项目开发周期过长、项目成本过高等问题。
[0008]本专利技术的目的通过以下技术方案实现：
[0009]本专利技术提供基于数字孪生技术的自定义大屏设计管理系统，包括：
[0010]画布编辑器模块，用于提供大屏设计所需的容器；
[0011]解析器模块，用于解析大屏的设计图要素，并将所述设计图要素导入到画布中；
[0012]组件库模块，用于提供多类型的可拖拽可视化组件，并支持组件的下载以及组件的开发；
[0013]数据管理模块，数据管理模块的接口与大屏的接口对接，用于给大屏提供数据，将所述数据显示在大屏中；
[0014]属性设置模块，提供可视化页面，对画布中的组件和容器进行参数设置。
[0015]可选地，在本专利技术一种可能的实施方案中，提供数据适配器和接口订阅，所述数据适配器用于提供外部数据的对接，读入静态数据；所述接口订阅用于画布中的组件订阅所述数据适配器取回的数据，读入动态数据。
[0016]可选地，在本专利技术一种可能的实施方案中，所述数据适配器还用于将返回的数据使用JavaScript进行加工和处理。
[0017]可选地，在本专利技术一种可能的实施方案中，所述画布中的组件用于订阅数据适配器中所有返回的数据。
[0018]可选地，在本专利技术一种可能的实施方案中，所述画布中的组件用于订阅数据适配器中部分返回的数据。
[0019]可选地，在本专利技术一种可能的实施方案中，所述数据管理模块还响应于数据适配器中的数据发生变化，反向通知订阅者更新页面视图。
[0020]可选地，在本专利技术一种可能的实施方案中，所述组件库模块包括：画廊和在线开发工具。
[0021]可选地，在本专利技术一种可能的实施方案中，所述画廊用于组件使用者挑选组件，下载组件；
[0022]所述在线开发工具用于组件开发者开发组件，并在组件开发完成后，发布到所述画廊中。
[0023]可选地，在本专利技术一种可能的实施方案中，所述对画布中的组件和容器进行参数设置，包括设置外观、位置尺寸、放缩约束、转场动画和图层管理。
[0024]与现有技术相比，本专利技术具有如下有益效果：通过本专利技术的管理系统，可由产品经理或UI设计师直接在平台中完成前端界面的设计，由研发工程师负责后端数据对接。从而避免产品经理或UI设计师在与研发沟通需求时，因为出现的沟通偏差，导致研发交付的内容与预先的设计相差甚远的问题。
[0025]本专利技术通过数据的可视化设计，有助于将复杂的数据用最易理解的方式展示在用户的面前。
附图说明
[0026]图1是本专利技术一个实施例提供的自定义大屏设计管理系统的结构图。
具体实施方式
[0027]为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。
[0028]可视化大屏主要实现数据可视化，数据可视化是指将数据以视觉形式来呈现，如图表或地图，以帮助人们了解这些数据的意义。
[0029]在商业、政府、金融、制造等行业，由于涉及到大量的统计数据，将这些统计数据以可视化大屏的形式进行展示，能更清楚、直观地看到数据分布、数据走向。
[0030]另外，对于以智慧工地、智慧建筑、智慧园区为典型代表的基建领域的智慧应用场景，在施工或运维过程中也需要展示场景实时数据，同时需要展示模型、视频等内容。
[0031]针对现有技术中可视化大屏在设计过程中存在的因理解偏差，导致研发的实际产出与客户原始需求不符，以及开发时间长、研发成本高的技术问题，本专利技术提供基于数字孪生技术的自定义大屏设计管理系统，包括：
[0032]画布编辑器，用于提供大屏设计所需的容器。
[0033]具体地，本实施例搭建的画布编辑器，提供大屏设计所需的容器，大屏设计基于该容器完成设计。
[0034]解析器模块，用于解析大屏的设计图要素，并将所述设计图要素导入到画布中。
[0035]具体地，本实施例的解析器模块为Photoshop解析器模块。该Photoshop解析器模块主要解析UI设计师提供的设计图要素，例如，所有图层的位置及图层关系。
[0036]组件库模块，用于提供多类型的可拖拽可视化组件，并支持组件的下载以及组件的开发。
[0037]具体地，本实施例的组件库模块包括：
[0038]画廊，主要用于组件使用者挑选组件，下载组件等。其中的组件，例如，包括：条形图、饼图、雷达图、折线图等为代表的的常用图表控件，BIM引擎，地图、多媒体组件等多种类型。
[0039]在线开发工具，用于组件开发者开发组件，组件开发完成后，会发布到画廊中。
[0040]本实施例以可视化拖拽方式提供设计画布，以便用户通过选择拖拽，在画布内自由编辑放置制作大屏所需的数据展示图表，实现大屏展示图表的自由编排。
[0041]本实施例通过提供无代码拖拽的研发方式，降低研发门槛，有利于产品经理、设计师在更早的阶段介入大屏产品的研发。不仅本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于数字孪生技术的自定义大屏设计管理系统，其特征在于，包括：画布编辑器模块，用于提供大屏设计所需的容器；解析器模块，用于解析大屏的设计图要素，并将所述设计图要素导入到画布中；组件库模块，用于提供多类型的可拖拽可视化组件，并支持组件的下载以及组件的开发；数据管理模块，数据管理模块的接口与大屏的接口对接，用于给大屏提供数据，将所述数据显示在大屏中属性设置模块，提供可视化页面，对画布中的组件和容器进行参数设置。2.根据权利要求1所述的系统，其特征在于，提供数据适配器和接口订阅，所述数据适配器用于提供外部数据的对接，读入静态数据；所述接口订阅用于画布中的组件订阅所述数据适配器取回的数据，读入动态数据。3.根据权利要求2所述的系统，其特征在于，所述数据适配器还用于将返回的数据使用JavaScript进行加工和处理。4.根据权利要求2所述的系统，其特征在于，所...

【专利技术属性】
技术研发人员：王少蓉，汪丛军，李国建，邹胜，王广建，
申请(专利权)人：中亿丰建设集团股份有限公司，
类型：发明
国别省市：