CN113626020A - 基于数字孪生技术的自定义大屏设计管理系统 - Google Patents
基于数字孪生技术的自定义大屏设计管理系统 Download PDFInfo
- Publication number
- CN113626020A CN113626020A CN202110890456.XA CN202110890456A CN113626020A CN 113626020 A CN113626020 A CN 113626020A CN 202110890456 A CN202110890456 A CN 202110890456A CN 113626020 A CN113626020 A CN 113626020A
- Authority
- CN
- China
- Prior art keywords
- data
- components
- large screen
- canvas
- module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000013461 design Methods 0.000 title claims abstract description 30
- 238000005516 engineering process Methods 0.000 title claims abstract description 9
- 238000007726 management method Methods 0.000 claims abstract description 15
- 238000013523 data management Methods 0.000 claims abstract description 9
- 238000011161 development Methods 0.000 claims description 17
- 230000000007 visual effect Effects 0.000 claims description 16
- 238000000034 method Methods 0.000 claims description 7
- 230000008569 process Effects 0.000 claims description 5
- 230000002441 reversible effect Effects 0.000 claims description 3
- 230000003068 static effect Effects 0.000 claims description 3
- 230000007704 transition Effects 0.000 claims description 3
- 230000008859 change Effects 0.000 claims description 2
- 230000004044 response Effects 0.000 claims description 2
- 238000012827 research and development Methods 0.000 abstract description 19
- 238000004891 communication Methods 0.000 abstract description 5
- 238000012384 transportation and delivery Methods 0.000 abstract description 4
- 238000010276 construction Methods 0.000 description 5
- 238000012800 visualization Methods 0.000 description 5
- 238000012423 maintenance Methods 0.000 description 4
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000013079 data visualisation Methods 0.000 description 2
- 238000004519 manufacturing process Methods 0.000 description 2
- 238000003032 molecular docking Methods 0.000 description 2
- 238000009435 building construction Methods 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 230000008021 deposition Effects 0.000 description 1
- 238000012938 design process Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 210000001503 joint Anatomy 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000013439 planning Methods 0.000 description 1
- 238000001556 precipitation Methods 0.000 description 1
- 230000002035 prolonged effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种基于数字孪生技术的自定义大屏设计管理系统，包括画布编辑器模块、解析器模块、组件库模块、数据管理模块和属性设置模块，本发明的管理系统可由产品经理或UI设计师直接在平台中完成前端界面的设计，由研发工程师负责后端数据对接。从而避免产品经理或UI设计师在与研发沟通需求时，因为出现的沟通偏差，导致研发交付的内容与预先的设计相差甚远的问题。
Description
技术领域
本发明涉及可视化大屏技术领域，尤其涉及基于数字孪生技术的自定义大屏设计管理系统。
背景技术
伴随着BIM、GIS、IOT技术的快速发展，工程施工中、交付后运维逐渐摆脱传统的纸质化运作方式，追求更加可视、实时的运维反馈。在智慧工地、智慧建筑、智慧园区等典型的智慧应用场景中通常设置运维驾驶舱，以可视化大屏展示片区当前运行状况、监控关键指标、及时发现预警信息。因此在项目落地中可视化大屏是需求方的必选项，每个项目都需要投入相应的研发人力开发可视化大屏。
但不可否认的是，可视化大屏却有着较高的同质性。如，需要多种常见的统计图表、需要以GIS地图为底图打点、需要导入BIM模型展示预规划效果、需要常规文字性内容展示等，由于需求有着较高的同质性，那么以配置项、操作方法的方式提供而不是以功能的形式满足需求是一种投入产出比较高的解决方案。
以项目为单位，根据需求方的业务需求与设计需求进行针对性开发。主要由前端工程师根据UI设计完成前端页面的开发，同时根据产品需求接入业务数据。这样做的问题在于1个项目的开发涉及到3个不同的角色，角色之间由于知识背景的不同，对于需求的理解不同，可能在沟通中存在理解偏差，导致研发的实际产出与客户原始需求不符。
来自于建筑施工项目的大屏展示需求，通常需要支持预览项目的BIM模型。这必然要求前端工程师在代码中集成BIM引擎。BIM引擎有较高的专业开发门槛，项目基本只能采购第三方模型引擎，不仅拉长了开发时间还增加了项目成本。
因此，有必要对现有技术予以改良以克服现有技术中的所述缺陷。
发明内容
本发明的目的在于提供一种基于数字孪生技术的自定义大屏设计管理系统，以解决现有技术中的可视化大屏研发的实际产出与客户原始需求不符、项目开发周期过长、项目成本过高等问题。
本发明的目的通过以下技术方案实现：
本发明提供基于数字孪生技术的自定义大屏设计管理系统，包括：
画布编辑器模块，用于提供大屏设计所需的容器；
解析器模块，用于解析大屏的设计图要素，并将所述设计图要素导入到画布中；
组件库模块，用于提供多类型的可拖拽可视化组件，并支持组件的下载以及组件的开发；
数据管理模块，数据管理模块的接口与大屏的接口对接，用于给大屏提供数据，将所述数据显示在大屏中；
属性设置模块，提供可视化页面，对画布中的组件和容器进行参数设置。
可选地，在本发明一种可能的实施方案中，提供数据适配器和接口订阅，所述数据适配器用于提供外部数据的对接，读入静态数据；所述接口订阅用于画布中的组件订阅所述数据适配器取回的数据，读入动态数据。
可选地，在本发明一种可能的实施方案中，所述数据适配器还用于将返回的数据使用JavaScript进行加工和处理。
可选地，在本发明一种可能的实施方案中，所述画布中的组件用于订阅数据适配器中所有返回的数据。
可选地，在本发明一种可能的实施方案中，所述画布中的组件用于订阅数据适配器中部分返回的数据。
可选地，在本发明一种可能的实施方案中，所述数据管理模块还响应于数据适配器中的数据发生变化，反向通知订阅者更新页面视图。
可选地，在本发明一种可能的实施方案中，所述组件库模块包括：画廊和在线开发工具。
可选地，在本发明一种可能的实施方案中，所述画廊用于组件使用者挑选组件，下载组件；
所述在线开发工具用于组件开发者开发组件，并在组件开发完成后，发布到所述画廊中。
可选地，在本发明一种可能的实施方案中，所述对画布中的组件和容器进行参数设置，包括设置外观、位置尺寸、放缩约束、转场动画和图层管理。
与现有技术相比，本发明具有如下有益效果：通过本发明的管理系统，可由产品经理或UI设计师直接在平台中完成前端界面的设计，由研发工程师负责后端数据对接。从而避免产品经理或UI设计师在与研发沟通需求时，因为出现的沟通偏差，导致研发交付的内容与预先的设计相差甚远的问题。
本发明通过数据的可视化设计，有助于将复杂的数据用最易理解的方式展示在用户的面前。
附图说明
图1是本发明一个实施例提供的自定义大屏设计管理系统的结构图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
可视化大屏主要实现数据可视化，数据可视化是指将数据以视觉形式来呈现，如图表或地图，以帮助人们了解这些数据的意义。
在商业、政府、金融、制造等行业，由于涉及到大量的统计数据，将这些统计数据以可视化大屏的形式进行展示，能更清楚、直观地看到数据分布、数据走向。
另外，对于以智慧工地、智慧建筑、智慧园区为典型代表的基建领域的智慧应用场景，在施工或运维过程中也需要展示场景实时数据，同时需要展示模型、视频等内容。
针对现有技术中可视化大屏在设计过程中存在的因理解偏差，导致研发的实际产出与客户原始需求不符，以及开发时间长、研发成本高的技术问题，本发明提供基于数字孪生技术的自定义大屏设计管理系统，包括：
画布编辑器，用于提供大屏设计所需的容器。
具体地，本实施例搭建的画布编辑器，提供大屏设计所需的容器，大屏设计基于该容器完成设计。
解析器模块，用于解析大屏的设计图要素，并将所述设计图要素导入到画布中。
具体地，本实施例的解析器模块为Photoshop解析器模块。该Photoshop解析器模块主要解析UI设计师提供的设计图要素，例如，所有图层的位置及图层关系。
组件库模块，用于提供多类型的可拖拽可视化组件，并支持组件的下载以及组件的开发。
具体地，本实施例的组件库模块包括：
画廊，主要用于组件使用者挑选组件，下载组件等。其中的组件，例如，包括：条形图、饼图、雷达图、折线图等为代表的的常用图表控件，BIM引擎，地图、多媒体组件等多种类型。
在线开发工具，用于组件开发者开发组件，组件开发完成后，会发布到画廊中。
本实施例以可视化拖拽方式提供设计画布，以便用户通过选择拖拽，在画布内自由编辑放置制作大屏所需的数据展示图表，实现大屏展示图表的自由编排。
本实施例通过提供无代码拖拽的研发方式，降低研发门槛，有利于产品经理、设计师在更早的阶段介入大屏产品的研发。不仅解放了紧张的研发人力，还能减少产品与研发在沟通中产生的误解。
数据管理模块，数据管理模块的接口与大屏的接口对接，用于给大屏提供数据，将所述数据显示在大屏中。
具体地，本实施例的数据管理模块提供数据适配器和数据订阅管理的功能，包括：
数据适配器，读入静态数据，例如，RestAPI、websocket、数据库以及表格文件等返回的excel、csv等数据。
接口订阅，订阅的是动态数据(即随时间变化而改变的数据)，接口订阅提供若干数据接口，该若干数据接口，例如，连接物联网设备，每间隔预定时间(例如，每分钟或者每秒钟)都会传回数据，传回的数据可以是语音、图形、图像等。
画布中的组件可以通过数据管理模块的接口订阅来订阅数据适配器取回的数据，可选地，组件可以订阅数据适配器中所有取回的数据或部分数据。若数据适配器中的数据发生变化，则反向通知订阅者更新页面视图。
属性设置模块，提供可视化页面，对画布中的组件和容器进行设置。
具体地，本实施例的属性设置模块提供可视化页面，对画布中的组件、容器等进行设置，其设置的内容包含外观、位置尺寸、放缩约束、转场动画、图层管理。
数据的可视化设置有助于将复杂的数据用最易理解的方式展示在用户的面前。
可选地，本实施例的管理系统通过在不同场景的实操应用，可提炼出典型应用场景下的常用组件。
本实施例通过常用组件的沉淀或常见场景的推荐，将进一步减少研发人员的研发工作量，降低成本、提高利润。
常用组件的沉淀指的是在常见的应用场景(例如，智慧工地、智慧建筑、智慧园区为典型代表的基建领域的智慧应用场景)中抽离具有共性的部分，将其模块化成拼图。先抽离能想到的、会应用到的大部分组件，然后根据实际应用场景，不断完善组件库。
通过本发明的管理系统，可由产品经理或UI设计师直接在平台中完成前端界面的设计，由研发工程师负责后端数据对接。从而避免产品经理或UI设计师在与研发沟通需求时，因为出现的沟通偏差，导致研发交付的内容与预先的设计相差甚远的问题。
以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明的保护范围应以所附权利要求为准。
Claims (10)
1.一种基于数字孪生技术的自定义大屏设计管理系统，其特征在于，包括：
画布编辑器模块，用于提供大屏设计所需的容器；
解析器模块，用于解析大屏的设计图要素，并将所述设计图要素导入到画布中；
组件库模块，用于提供多类型的可拖拽可视化组件，并支持组件的下载以及组件的开发；
数据管理模块，数据管理模块的接口与大屏的接口对接，用于给大屏提供数据，将所述数据显示在大屏中
属性设置模块，提供可视化页面，对画布中的组件和容器进行参数设置。
2.根据权利要求1所述的系统，其特征在于，提供数据适配器和接口订阅，所述数据适配器用于提供外部数据的对接，读入静态数据；所述接口订阅用于画布中的组件订阅所述数据适配器取回的数据，读入动态数据。
3.根据权利要求2所述的系统，其特征在于，所述数据适配器还用于将返回的数据使用JavaScript进行加工和处理。
4.根据权利要求2所述的系统，其特征在于，所述画布中的组件用于订阅数据适配器中所有返回的数据。
5.根据权利要求2所述的系统，其特征在于，所述画布中的组件用于订阅数据适配器中部分返回的数据。
6.根据权利要求2所述的系统，其特征在于，所述数据管理模块还响应于数据适配器中的数据发生变化，反向通知订阅者更新页面视图。
7.根据权利要求1所述的系统，其特征在于，所述组件库模块包括：画廊和在线开发工具。
8.根据权利要求7所述的系统，其特征在于，所述画廊用于组件使用者挑选组件，下载组件；
所述在线开发工具用于组件开发者开发组件，并在组件开发完成后，发布到所述画廊中。
9.根据权利要求1所述的系统，其特征在于，所述对画布中的组件和容器进行参数设置，包括设置外观、位置尺寸、放缩约束、转场动画和图层管理。
10.根据权利要求1所述的系统，其特征在于，所述数据管理模块还用于提供多种类型数据配置，以用于处理多种数据源。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110890456.XA CN113626020A (zh) | 2021-08-04 | 2021-08-04 | 基于数字孪生技术的自定义大屏设计管理系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110890456.XA CN113626020A (zh) | 2021-08-04 | 2021-08-04 | 基于数字孪生技术的自定义大屏设计管理系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113626020A true CN113626020A (zh) | 2021-11-09 |
Family
ID=78382666
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110890456.XA Pending CN113626020A (zh) | 2021-08-04 | 2021-08-04 | 基于数字孪生技术的自定义大屏设计管理系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113626020A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117459556A (zh) * | 2023-11-16 | 2024-01-26 | 北京城建集团有限责任公司 | 一种竞技体育智慧场馆运行服务系统 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111522565A (zh) * | 2020-04-21 | 2020-08-11 | 北京邮电大学 | 基于组件化的实时更新数据可视化大屏方法及系统 |
| CN112015509A (zh) * | 2020-08-31 | 2020-12-01 | 中移（杭州）信息技术有限公司 | 数据可视化大屏的构建方法、电子设备及存储介质 |
| CN112925496A (zh) * | 2021-03-30 | 2021-06-08 | 四川虹微技术有限公司 | 一种基于数字孪生的三维可视化设计方法及系统 |
-
2021
- 2021-08-04 CN CN202110890456.XA patent/CN113626020A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111522565A (zh) * | 2020-04-21 | 2020-08-11 | 北京邮电大学 | 基于组件化的实时更新数据可视化大屏方法及系统 |
| CN112015509A (zh) * | 2020-08-31 | 2020-12-01 | 中移（杭州）信息技术有限公司 | 数据可视化大屏的构建方法、电子设备及存储介质 |
| CN112925496A (zh) * | 2021-03-30 | 2021-06-08 | 四川虹微技术有限公司 | 一种基于数字孪生的三维可视化设计方法及系统 |
Non-Patent Citations (1)
| Title |
|---|
| 雷庭: ""一步一步带你开发可视化大屏编辑器"", pages 1 - 8, Retrieved from the Internet <URL:《https://zhuanlan.zhihu.com/p/372219112?utm_id=0》> * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117459556A (zh) * | 2023-11-16 | 2024-01-26 | 北京城建集团有限责任公司 | 一种竞技体育智慧场馆运行服务系统 |
| CN117459556B (zh) * | 2023-11-16 | 2024-05-24 | 北京城建集团有限责任公司 | 一种竞技体育智慧场馆运行服务系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10067635B2 (en) | Three dimensional conditional formatting | |
| US8806355B2 (en) | Method and apparatus for visualizing and navigating within an immersive collaboration environment | |
| US7999810B1 (en) | System and method for animated computer visualization of historic events | |
| CN103678468B (zh) | 用于概要分析的改进的消费模型的系统和方法 | |
| CN102257489A (zh) | 网格和相关联的可视化的双向更新 | |
| CN103106188A (zh) | 数据模型的图形化分析系统和图形化分析方法 | |
| CN113495542A (zh) | 一种基于WebGL的工业机器人智能生产线仿真系统 | |
| US20190005156A1 (en) | Data flow visualization system | |
| CN111966761A (zh) | 基于DataV的多维度模型数据可视化定制平台及方法 | |
| CN112231387B (zh) | 铁路数据可视化交互系统及方法、电子设备及存储介质 | |
| CN108388661A (zh) | 广告创意图片的生成方法及系统 | |
| CN115271648B (zh) | 一种项目可视化监管系统、方法、设备及存储介质 | |
| CN114816189A (zh) | 一种基于云端的工业智能装备远程组态方法 | |
| CN113626020A (zh) | 基于数字孪生技术的自定义大屏设计管理系统 | |
| CN116821223A (zh) | 基于数字孪生的工业可视化控制平台及方法 | |
| CN109189801B (zh) | 一种用于多视图联动分析的分析思路可视化方法 | |
| CN116009862A (zh) | 一种数据处理方法、系统、装置及存储介质 | |
| CN114625357A (zh) | 一种基于二维组件多交互技术的可视化编排平台 | |
| CN102236647A (zh) | 一种基于时间的属性配置显示方法和设备 | |
| CN111782309B (zh) | 显示信息的方法、装置及计算机可读存储介质 | |
| Dudycz | Visualization methods in Business Intelligence systems–an overview | |
| CN110912750B (zh) | 基于web的数据采集管理方法及装置 | |
| CN112069780A (zh) | 一种在第三方平台中自定义看板数据显示的控制方法及装置 | |
| CN113360559A (zh) | 一种可配置的一站式大屏可视化方法和装置 | |
| US10437927B2 (en) | Systems and methods for delivering compiled-content presentations |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |