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

1.本发明涉及可视化大屏技术领域，尤其涉及基于数字孪生技术的自定义大屏设计管理系统。


背景技术：

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


技术实现要素：

7.本发明的目的在于提供一种基于数字孪生技术的自定义大屏设计管理系统，以解决现有技术中的可视化大屏研发的实际产出与客户原始需求不符、项目开发周期过长、项目成本过高等问题。
8.本发明的目的通过以下技术方案实现：
9.本发明提供基于数字孪生技术的自定义大屏设计管理系统，包括：
10.画布编辑器模块，用于提供大屏设计所需的容器；
11.解析器模块，用于解析大屏的设计图要素，并将所述设计图要素导入到画布中；
12.组件库模块，用于提供多类型的可拖拽可视化组件，并支持组件的下载以及组件的开发；
13.数据管理模块，数据管理模块的接口与大屏的接口对接，用于给大屏提供数据，将所述数据显示在大屏中；
14.属性设置模块，提供可视化页面，对画布中的组件和容器进行参数设置。
15.可选地，在本发明一种可能的实施方案中，提供数据适配器和接口订阅，所述数据适配器用于提供外部数据的对接，读入静态数据；所述接口订阅用于画布中的组件订阅所述数据适配器取回的数据，读入动态数据。
16.可选地，在本发明一种可能的实施方案中，所述数据适配器还用于将返回的数据使用javascript进行加工和处理。
17.可选地，在本发明一种可能的实施方案中，所述画布中的组件用于订阅数据适配器中所有返回的数据。
18.可选地，在本发明一种可能的实施方案中，所述画布中的组件用于订阅数据适配器中部分返回的数据。
19.可选地，在本发明一种可能的实施方案中，所述数据管理模块还响应于数据适配器中的数据发生变化，反向通知订阅者更新页面视图。
20.可选地，在本发明一种可能的实施方案中，所述组件库模块包括：画廊和在线开发工具。
21.可选地，在本发明一种可能的实施方案中，所述画廊用于组件使用者挑选组件，下载组件；
22.所述在线开发工具用于组件开发者开发组件，并在组件开发完成后，发布到所述画廊中。
23.可选地，在本发明一种可能的实施方案中，所述对画布中的组件和容器进行参数设置，包括设置外观、位置尺寸、放缩约束、转场动画和图层管理。
24.与现有技术相比，本发明具有如下有益效果：通过本发明的管理系统，可由产品经理或ui设计师直接在平台中完成前端界面的设计，由研发工程师负责后端数据对接。从而避免产品经理或ui设计师在与研发沟通需求时，因为出现的沟通偏差，导致研发交付的内容与预先的设计相差甚远的问题。
25.本发明通过数据的可视化设计，有助于将复杂的数据用最易理解的方式展示在用户的面前。
附图说明
26.图1是本发明一个实施例提供的自定义大屏设计管理系统的结构图。
具体实施方式
27.为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
28.可视化大屏主要实现数据可视化，数据可视化是指将数据以视觉形式来呈现，如图表或地图，以帮助人们了解这些数据的意义。
29.在商业、政府、金融、制造等行业，由于涉及到大量的统计数据，将这些统计数据以可视化大屏的形式进行展示，能更清楚、直观地看到数据分布、数据走向。
30.另外，对于以智慧工地、智慧建筑、智慧园区为典型代表的基建领域的智慧应用场景，在施工或运维过程中也需要展示场景实时数据，同时需要展示模型、视频等内容。
31.针对现有技术中可视化大屏在设计过程中存在的因理解偏差，导致研发的实际产出与客户原始需求不符，以及开发时间长、研发成本高的技术问题，本发明提供基于数字孪生技术的自定义大屏设计管理系统，包括：
32.画布编辑器，用于提供大屏设计所需的容器。
33.具体地，本实施例搭建的画布编辑器，提供大屏设计所需的容器，大屏设计基于该容器完成设计。
34.解析器模块，用于解析大屏的设计图要素，并将所述设计图要素导入到画布中。
35.具体地，本实施例的解析器模块为photoshop解析器模块。该photoshop解析器模块主要解析ui设计师提供的设计图要素，例如，所有图层的位置及图层关系。
36.组件库模块，用于提供多类型的可拖拽可视化组件，并支持组件的下载以及组件的开发。
37.具体地，本实施例的组件库模块包括：
38.画廊，主要用于组件使用者挑选组件，下载组件等。其中的组件，例如，包括：条形图、饼图、雷达图、折线图等为代表的的常用图表控件，bim引擎，地图、多媒体组件等多种类型。
39.在线开发工具，用于组件开发者开发组件，组件开发完成后，会发布到画廊中。
40.本实施例以可视化拖拽方式提供设计画布，以便用户通过选择拖拽，在画布内自由编辑放置制作大屏所需的数据展示图表，实现大屏展示图表的自由编排。
41.本实施例通过提供无代码拖拽的研发方式，降低研发门槛，有利于产品经理、设计师在更早的阶段介入大屏产品的研发。不仅解放了紧张的研发人力，还能减少产品与研发在沟通中产生的误解。
42.数据管理模块，数据管理模块的接口与大屏的接口对接，用于给大屏提供数据，将所述数据显示在大屏中。
43.具体地，本实施例的数据管理模块提供数据适配器和数据订阅管理的功能，包括：
44.数据适配器，读入静态数据，例如，restapi、websocket、数据库以及表格文件等返回的excel、csv等数据。
45.接口订阅，订阅的是动态数据(即随时间变化而改变的数据)，接口订阅提供若干数据接口，该若干数据接口，例如，连接物联网设备，每间隔预定时间(例如，每分钟或者每秒钟)都会传回数据，传回的数据可以是语音、图形、图像等。
46.画布中的组件可以通过数据管理模块的接口订阅来订阅数据适配器取回的数据，可选地，组件可以订阅数据适配器中所有取回的数据或部分数据。若数据适配器中的数据发生变化，则反向通知订阅者更新页面视图。
47.属性设置模块，提供可视化页面，对画布中的组件和容器进行设置。
48.具体地，本实施例的属性设置模块提供可视化页面，对画布中的组件、容器等进行设置，其设置的内容包含外观、位置尺寸、放缩约束、转场动画、图层管理。
49.数据的可视化设置有助于将复杂的数据用最易理解的方式展示在用户的面前。
50.可选地，本实施例的管理系统通过在不同场景的实操应用，可提炼出典型应用场景下的常用组件。
51.本实施例通过常用组件的沉淀或常见场景的推荐，将进一步减少研发人员的研发
工作量，降低成本、提高利润。
52.常用组件的沉淀指的是在常见的应用场景(例如，智慧工地、智慧建筑、智慧园区为典型代表的基建领域的智慧应用场景)中抽离具有共性的部分，将其模块化成拼图。先抽离能想到的、会应用到的大部分组件，然后根据实际应用场景，不断完善组件库。
53.通过本发明的管理系统，可由产品经理或ui设计师直接在平台中完成前端界面的设计，由研发工程师负责后端数据对接。从而避免产品经理或ui设计师在与研发沟通需求时，因为出现的沟通偏差，导致研发交付的内容与预先的设计相差甚远的问题。
54.以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
55.以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明的保护范围应以所附权利要求为准。