CN117369811A - 监控系统软件界面生成方法、装置和存储介质 - Google Patents
监控系统软件界面生成方法、装置和存储介质 Download PDFInfo
- Publication number
- CN117369811A CN117369811A CN202311332161.6A CN202311332161A CN117369811A CN 117369811 A CN117369811 A CN 117369811A CN 202311332161 A CN202311332161 A CN 202311332161A CN 117369811 A CN117369811 A CN 117369811A
- Authority
- CN
- China
- Prior art keywords
- monitoring system
- file
- preset control
- user interface
- control
- 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
- 238000012544 monitoring process Methods 0.000 title claims abstract description 90
- 238000000034 method Methods 0.000 title claims abstract description 62
- 238000011161 development Methods 0.000 claims abstract description 41
- 238000005259 measurement Methods 0.000 claims description 20
- 230000000007 visual effect Effects 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 5
- 238000005538 encapsulation Methods 0.000 claims description 3
- 230000001960 triggered effect Effects 0.000 claims description 2
- 238000013461 design Methods 0.000 abstract description 38
- 230000006870 function Effects 0.000 description 7
- 238000007726 management method Methods 0.000 description 6
- 230000008569 process Effects 0.000 description 6
- 238000012800 visualization Methods 0.000 description 6
- 238000012360 testing method Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 230000003993 interaction Effects 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 3
- 238000004806 packaging method and process Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000007613 environmental effect Effects 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000005457 optimization Methods 0.000 description 2
- 238000013515 script Methods 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000003745 diagnosis Methods 0.000 description 1
- 238000005265 energy consumption Methods 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 1
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/38—Creation or generation of source code for implementing user interfaces
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/02—Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]
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)
- Debugging And Monitoring (AREA)
Abstract
本申请公开了监控系统软件界面生成方法、装置和存储介质,方法包括获取用户界面原型图文件,用户界面原型图文件至少包括预设控件的信息;解析用户界面原型图文件,得到预设控件的信息,根据预设控件的信息将预设控件与预设测点关联,生成配置文件;基于配置文件,进行工作区配置,生成监控系统软件界面。本申请实施例提供的监控系统软件界面生成方法,获取用户界面原型图文件并进行解析,基于解析结果进行配置,配置完成后进行界面开发。通过将原型图设计和界面开发分离,能够满足监控系统软件复杂的布局需求。将控件与测点相关联,能够动态地显示测点信息并且能实时更新,无需编写大量代码和布局管理,提高监控系统软件界面开发的效率。
Description
技术领域
本申请属于软件界面设计领域,具体涉及一种监控系统软件界面生成方法、装置和存储介质。
背景技术
监控系统将目标设备的重要信息以图形、表格页面展示,准确报警故障位置,确保运维管理人员及时定位故障信息及故障位置,有助于及时处理故障,有效避免各类故障带来的事故后果。监控系统包含各种控件,例如数字仪表、开关按钮、报警指示灯等。数字仪表用于显示参数数值如:电流、电压和功率等。开关按钮用于远程控制开关的状态。报警指示灯用于显示警报和故障状态。
但是随着监控系统复杂度提高,信息点数量增加,布局复杂度提高。
发明内容
本申请的技术目的在于提供一种监控系统软件界面生成方法和装置,能够满足监控系统软件复杂的布局需求。
为实现上述技术目的,本申请采用以下方法。
第一方面,本申请提供了一种监控系统软件界面生成方法,包括:
获取用户界面原型图文件,所述用户界面原型图文件至少包括预设控件的信息;
解析所述用户界面原型图文件,得到所述预设控件的信息,根据所述预设控件的信息将所述预设控件与预设测点关联,生成配置文件;
基于所述配置文件,进行工作区配置,生成监控系统软件界面。
进一步地,所述预设控件的信息至少包括预设控件的名称、坐标点位置、类型和量测值类型。
进一步地,所述方法在获取用户界面原型图文件之前包括以下步骤:
预先利用矢量图工具创建用户界面原型图,在所述用户界面原型图上标记所述预设控件的名称和坐标点位置;
将所述用户界面原型图导出为能够访问所述预设控件的名称和坐标点位置的控件信息文件;
在所述控件信息文件中设置所述预设控件的类型字段和量测值字段,生成所述用户界面原型图文件。
再进一步地,创建用户界面原型图时还包括设置所述预设控件对应的事件,并将所述事件与封装完成的函数相关联,以使得响应于所述事件被触发时,所述函数被调用,执行相应的操作逻辑。
进一步地,所述方法包括:
利用可视化配置工具解析所述用户界面原型图文件,得到所述预设控件的信息,根据所述预设控件的信息对所述预设控件进行配置,并将所述预设控件与预设测点关联,生成配置文件。
进一步地,对所述预设控件进行配置还包括对所述预设控件的样式进行配置。
进一步地,使用Qt开发框架基于所述配置文件,进行工作区配置,生成所述监控系统软件界面。
进一步地,所述方法还包括:预先设计控件库,和/或预先设计工作区库;
对生成的所述监控系统软件界面进行调试和优化,利用所述控件库和/或所述工作区库进行迭代重用。
第二方面,本申请实施例提供了监控系统软件界面生成装置,所述监控系统软件界面生成装置包括:
文件获取模块,用于获取用户界面原型图文件,所述用户界面原型图文件至少包括预设控件的信息;
配置模块,用于解析所述用户界面原型图文件,得到所述预设控件的信息,以及根据所述预设控件的信息将所述预设控件与预设测点关联,生成配置文件;
界面生成模块,用于基于所述配置文件,进行工作区配置,生成监控系统软件界面。
进一步地,所述监控系统软件界面生成装置还包括:
原型图生成模块,用于执行以下步骤:
预先利用矢量图工具创建用户界面原型图,在所述用户界面原型图上标记所述预设控件的名称和坐标点位置;
将所述用户界面原型图导出为能够访问所述坐标点数据的控件信息文件;
在所述控件信息文件中设置所述预设控件的类型字段和状态值字段,生成所述用户界面原型图文件。
进一步地,所述配置模块还用于编辑所述测点。
第三方面,本申请实施提供了一种计算机可读介质,其上存储有计算机程序,所述计算机程序被处理器执行可实现如第一方面任意一种可能的实施方式所提供的一种监控系统软件界面生成方法。
与现有技术相比,本申请实施例提供的监控系统软件界面生成方法,包括获取至少包括预设控件的信息的用户界面原型图文件;解析用户界面原型图文件,得到预设控件的信息,根据预设控件的信息将预设控件与预设测点关联,生成配置文件;基于配置文件,进行工作区配置,生成监控系统软件界面。通过将原型图设计和界面开发分离,根据预设控件的信息将预设控件与预设测点关联生成配置文件,基于配置文件进行工作区配置,生成监控系统软件界面,能够满足监控系统软件复杂的布局需求。
可采用可视化工具实现,无需编写大量代码和布局管理,提高监控系统软件界面开发的效率。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的监控系统软件界面生成方法简要流程示意图;
图2是本申请实施例提供的监控系统软件界面生成方法采用工具实现的流程示意图;
图3是本申请实施提供的监控系统软件界面生成方法中进行控件配置的界面示意图;
图4是本申请一实施提供的监控系统软件界面生成装置结构示意图;
图5是本申请另一实施例提供的监控系统软件界面生成装置的结构示意图;
标记说明:
10-监控系统软件界面生成装置、101-文件获取模块、102-配置模块、103-界面生成模块、104-原型图生成模块。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
监控系统软件界面具有以下特点:控件类型简单,信息点可以通过文本、指示灯、阀门等简单控件显示状态,控件数量多,控件数量可能随着系统规模的增大而增加,布局工作量大;工作区控件布局分散无规律,注重的不是页面渲染、色彩丰富、控件立体,而是需要简洁、直观显示被控对象成千上百的监测点信息。在监控系统中,测点(也称为监测点或监控点)是指用于收集和监测特定数据的位置或设备。它可以是一个传感器、仪表、设备或系统的特定部分,用于测量、监测和记录某种物理量或状态。
软件界面开发流程分为以下步骤:
a.需求分析:与项目相关人员(包括业务方、设计师和产品经理)讨论需求和功能要求。了解用户需求、目标和预期的用户体验,明确界面设计的目标和范围。
b.界面设计:根据需求分析的结果,由设计师进行界面设计。这包括创建原型图、界面布局、交互设计和视觉设计。使用设计工具如Sketch、Figma或Adobe XD、CAD等来制作设计稿。
c.界面实现:开发人员根据设计稿将界面逐步实现。这包括将设计稿转化为代码、应用样式和布局、处理交互逻辑和动画效果。开发人员可能使用开发框架或库来加快开发进度。
d.测试和调试:开发完成后,进行界面的测试和调试。这包括功能测试、兼容性测试和响应式设计测试。修复和调整界面中的问题和错误。
e.集成和部署:将开发完成的界面与后端系统或其他模块进行集成。确保界面与后端数据的交互正常。进行部署和配置,使界面能够在目标环境中正常运行。
f.用户反馈和迭代:发布界面后,收集用户的反馈和意见。根据反馈进行改进和迭代,以提高用户体验和界面的功能性。
但是随着监控系统复杂度提高,信息点数量增加,软件布局复杂度提高,目前的界面开发存在以下问题:
a.复杂的布局需求:某些界面设计可能需要复杂的布局,涉及到多个控件的相对位置、大小和对齐方式等。实现这样的布局可能需要编写大量的代码或使用复杂的布局管理器,增加了开发的复杂性和时间成本。
b.缺乏可视化工具:在没有适当的可视化工具支持的情况下,开发人员可能需要手动编写界面的代码。这种方式需要花费大量时间和精力来计算和调整控件的位置和大小,导致开发效率降低。
c.缺乏重用组件:如果缺乏可重用的组件库或设计模式,开发人员可能需要从头开始构建每个界面元素。这会导致重复劳动和低效率。相反,有一个良好的组件库可以帮助开发人员快速构建界面,减少重复工作。
d.设计和开发分离:当设计人员和开发人员之间缺乏有效的协作和沟通时,可能会出现设计与开发不一致的问题。这将导致开发人员在实现设计时需要进行多次修改和调整,增加了开发时间和工作量。
e.缺乏自动化工具和流程:如果没有合适的自动化工具和流程来支持界面开发,开发人员可能需要手动部署控件以及相关代码实现。
上述原因可能导致了低效率、低质量的界面开发,最终无法保证项目按期交付。
为了能够满足监控系统软件复杂的布局需求本申请实施例提供了一种监控系统软件界面生成方法。
示例性地,如图1所示,监控系统软件界面生成方法包括:
步骤S1:获取用户界面原型图文件,用户界面原型图文件至少包括预设控件的信息。
步骤S2:解析用户界面原型图文件,得到预设控件的信息,根据预设控件的信息将预设控件与预设测点关联,生成配置文件。
步骤S3:基于配置文件,进行工作区配置,生成监控系统软件界面。
在具体实施时,在获取用户界面原型图文件之前还包括:步骤S0:预先制作原型图。原型图可包括界面布局、元素位置和交互流程等。原型图展示了用户界面的整体布局,包括各个元素的位置、大小和相对关系。原型图还可以展示各种用户界面元素,如按钮、文本框、下拉菜单等。
原型图可以以不同的形式呈现,包括手绘草图、线框图、交互式原型等。在一些实施方式中,可以选择利用专业的原型图设计工具或矢量图工具(如Sketch、Figma或AdobeXD、CAD等)创建界面原型图。
本申请实施例,在原型图中,使用一些控件。简单地说,控件(Control)是指用于与用户进行交互或展示信息的可视化元素。控件是界面的基本构建块,如按钮、文本框、下拉菜单、复选框等。每个控件都有特定的功能和行为,可以响应用户的操作或展示相关的信息。
在一些实施例步骤S0中,利用原型图设计工具创建原型图,在原型图中,标记出控件的名称、该控件坐标点的位置信息或控件的其他属性。可选择每个控件的左上角、中心或其他具有代表性的位置作为坐标点。控件的其他属性可包括控件的类型、控件的量测值等。利用原型图设计工具提供的导出功能,将原型图中控件的坐标点数据导出为合适的格式,如JSON、XML等。确保导出的数据包含了预选控件的信息,预设控件的信息包括预设控件的名称和坐标点位置或控件的其他属性等信息。
在一些原型图设计工具导出的控件信息文件中,缺少控件的其他属性,不能直接用于监控系统软件界面设计。示例性地,进行控件配置时,还需要基于原型图导出的文件,设置预选控件的其他属性,如控件的类型以及控件的量测值类型,获得用户界面原型图文件。
在一些实施例中,设置的控件类型包括指示灯和文本框,指示灯类型包括开关量的控件,指示灯类型控件的量测值类型为布尔值,如0或者1。文本框类型包括需要显示数值的控件,其量测值的类型如模拟量的数值,如压力等的量程等。或者表示阀门的控件,可以采用文本框显示阀门的开度。阀门的开度指的是百分比,一般情况下蝶阀用角度表示0度表示全关,90度表示全开,度数越大代表着阀门的打开,角度也就会越高,也就说明了阀门的开合程度越大。
在一些实例中,控件类型还包括输入类的控件,该类控件接收一些指令并执行相应操作。因此在进行原型图准备时,封装界面元素(或控件)操作方法的作用是将界面元素(或控件)的操作逻辑和功能进行封装,使其更易于调用和管理。例如,为按钮的点击事件设置一个封装好的方法,用于处理按钮被点击时的操作。封装方法可以提高代码的可读性、可维护性和重用性,同时也可以降低开发过程中的冗余代码和错误。
示例性地,步骤S2:采用可视化配置工具解析原型图设计工具导出的文件,将步骤S1获取的用户界面原型图文件导入可视化配置工具并进行解析,对控件进行布局和样式设置,利用可视化配置工具对测点进行编辑,根据预设控件的信息将预设控件与预设测点关联,生成配置文件。可选地,利用可视化配置工具根据原型图的设计,完成调整元素的大小、颜色、字体等属性配置。
步骤S2中,将控件与测点相关联,确保每个预选控件都与相应的测点建立了关联,以便在界面上正确显示和操作测点数据。
具体实例中,可基于索引的数据库查询算法将控件与测点实现关联。可以通过将测点勾选、拖拽至控件测点栏、或通过控件的查询框索引测点、下拉菜单选择测点等方式实现控件与测点的关联。控件与测点的关联模式包括一对多、多对一以及多对多关联。
针对多个测点关联一个控件的关联关系,创建哈希表,其中主键是控件,值是包含与该控件相关联的测点列表。在给定控件后,可以将多个测点都绑定到同一控件。
针对一个测点关联多个控件的关联关系,创建映射表,其中测点作为键,值是控件列表。通过主键可以更新列表控件值。
针对多个测点关联多个控件的关联关系,创建两个表,一个用于测点,一个用于控件,并使用中间表来表示它们之间的多对多关系。中间表包含测点和控件的ID,用于建立关联。
监控系统中的测点数据通常是实时变化的。因此,确保控件与测点之间的数据更新和同步是关键。通过将预设控件与测点进行关联,测点可以向预设控件传输实时的测量数据。
在一些实例中,控件类型还包括输入类的控件,该类控件接收一些指令并执行相应操作。通过定期或事件驱动的方式,从测点获取最新的数据,并将其更新到相应的控件上。因此,通过将控件与测点关联,可以将用户在界面上对控件进行得操作同步到关联的测点上。
测点可以是各种类型的传感器,如温度传感器、湿度传感器、压力传感器、流量传感器等,用于监测环境参数或设备状态。测点也可以是仪表,如电表、水表、气表等,用于监测能源消耗或流量。此外,测点还可以是设备或系统组件的特定位置,用于监测其状态或运行情况。
测点在监控系统中起到了关键的作用,通过采集和监测测点数据,可以实时获取设备或系统的运行状态、环境参数等信息。这些数据可以用于实时监控、故障诊断、预测维护等用途,帮助提高设备的可靠性、安全性和效率。
可选地,可预先在可视化配置工具中配置测点信息,再根据设计完成的测点信息设计原型图;或者先根据需求设计原型图,根据原型图再利用可视化配置工具配置相应测点信息。
本申请实施例通过将控件与测点相关联,实现控件与实际监测数据之间的关联和交互,使监控系统可以实时获取和显示与控件相关的实际检测数据。如将传感器与某个文本框类型的控件关联,可以实时显示该控件量测值数据的变化情况,并以可视化的方式呈现。
步骤S3:可将步骤S2生成的配置文件导入,选择合适的开发环境和编程语言,如使用Qt开发平台进行跨平台界面开发。Qt开发平台是一种跨平台的应用程序开发框架。它由Qt公司开发,提供了一套丰富的工具和库,用于开发图形用户界面(GUI)应用程序。
在具体实施方式中,还包括调试和优化步骤:预先设计控件库,和/或预先设计工作区库;对生成的监控系统软件界面进行调试和优化,利用控件库和/或工作区库进行迭代重用。
本实施例提供的监控系统软件界面生成方法,包括获取至少包括预设控件的信息的用户界面原型图文件;解析用户界面原型图文件,得到预设控件的信息,根据预设控件的信息将预设控件与预设测点关联,生成配置文件;基于配置文件,进行工作区配置,生成监控系统软件界面。通过将原型图设计和界面开发分离,能够满足监控系统软件复杂的布局需求。可采用可视化工具实现,无需编写大量代码和布局管理,提高监控系统软件界面开发的效率。
图2是本申请实施例采用软件工具实现监控系统软件界面生成方法的流程示意图。
在一个应用场景中,基于目前通过自研配置工具(Integrated PlatformManagement System配置工具,简称:IPMSConfig)和自研监控系统基础框架(ApplicationManagement System,AMS),开发人员完成前端界面工作区设计和开发,通过自研数据库文件Config.db完成界面与后端数据关联。该架构不满足监控系统界面的要求,为此,本实施例提供监控系统软件界面生成方法,如图2所示,包括以下步骤:
步骤a:优化AMS基本框架上进行优化,创建自定义界面元素类,该类包含坐标、布局以及其他需要的属性。继承Qt的现有界面元素类(如QWidget)并添加额外的属性。可预先创建界面元素模板,包括预定义的坐标、布局和样式属性。设计界面元素模板:定义常用的界面元素模板,其中包括预定义的坐标、布局和样式属性。
封装界面元素操作方法:为自定义的界面元素(或控件)类添加适当的方法,以简化界面元素的创建、布局和设置过程。控件的操作方法,比如可以有指令输入。
步骤b:优化IPMSConfig可视化配置工具,创建工作区布局配置功能,用于直观地设置界面元素的属性,包括坐标、布局、样式,添加测点。
如图3所示,在可视化配置工具中可在菜单中显示页配置信息,其中显示控件对应位置,可通过选点(选择测点)将控件和测点关联。在监控系统中,测点是指用于监测和采集数据的特定位置或设备。测点通常用于监控系统中的传感器、仪表、设备或系统组件,以获取相关的物理量或状态信息。
步骤c:界面设计和开发。选择矢量图工具CAD创建界面原型图,原型图可作为界面工作区显示背景图。在原型图上标记出元素(控件)的坐标点,并导出XML格式。确保导出的数据包括元素(控件)的名称、坐标点位置和尺寸。通过IPMSConfig导入XML,完成工作区布局和样式的设置。通过IPMSConfig继续完成控件元素的大小、颜色、字体等属性配置。通过Qt打开AMS系统,完成界面与布局无关的代码编写。最后,完成界面的调试与优化工作。
通过上述过程,针对由文本、指示灯、阀门等简单控件组成监控系统显示界面,通过简单配置,基本可以完成界面开发,解决了由于控件数量繁多、布局复杂导致前端工作量大,开发效率低的问题。
本实施例通过优化IPMSConfig、AMS以及Config.db,结合Adobe XD、CAD等矢量图工具,形成一套基于原型图坐标点的界面自动生成系统。通过结合Qt的布局管理器和定位方法,将坐标点作为界面工作区和控件元素的重要属性,创建自定义界面元素类,设计界面元素模板,封装界面元素操作方法,配合可视化的工具完成界面元素的属性设置,包括坐标和布局。
这种界面开发的方法,分离界面资源设计和界面绘制处理两个过程,降低设计和绘制的耦合性,简化了界面设计和调整过程,提高了界面开发效率、界面设计的扩展性、控件的适应性、通用性,更方便地管理界面,并确保在不同平台和屏幕尺寸上的一致性。该方法不仅适用于机旁监控界面设计,还适用于其他类似系统监测系统界面设计,具有很强的通用性和参考性。
本申请实施例提供的监控系统软件界面生成方法,具有以下优势:
①使用可视化开发工具:选择适当的可视化开发工具,如界面设计软件或IDE插件,可以通过拖放和配置来加速界面开发。这样的工具可以减少手动编码的工作量。
②利用组件库和模板:使用现有的组件库和模板,可以快速构建常见的界面元素,减少重复的开发工作。这样可以提高开发的效率和一致性。
③设计与开发紧密协作:确保设计人员和开发人员之间有良好的沟通和协作,确保开发人员在实现界面时与设计一致。
本申请实施例还提供了监控系统软件界面生成装置10,如图4所示,包括文件获取模块101、配置模块102和界面生成模块103。文件获取模块101用于获取用户界面原型图文件,用户界面原型图文件至少包括预设控件的信息;配置模块102用于解析用户界面原型图文件,得到预设控件的信息,以及根据预设控件的信息将预设控件与预设测点关联,生成配置文件;界面生成模块103用于基于配置文件,进行工作区配置,生成监控系统软件界面。
进一步地,如图5所示,在其他实施例中,监控系统软件界面生成装置还包括原型图生成模块104,用于执行以下步骤:预先利用矢量图工具创建用户界面原型图,在用户界面原型图上标记预设控件的名称和坐标点位置;将用户界面原型图导出为能够访问坐标点数据的控件信息文件;在控件信息文件中设置预设控件的类型字段和状态值字段,生成用户界面原型图文件。
需要说明的是,本申请实施例的监控系统软件界面生成装置的各功能模块的功能可根据上述方法实施例中的方法具体实现,其具体实现过程可以参照上述方法实施例的相关描述,此处不再赘述。
本申请实施例提供的监控系统软件界面生成装置10,文件获取模块101获取用户界面原型图文件,并利用配置模块102进行解析,基于解析结果进行配置,配置完成后利用界面生成模块103进行界面开发。通过将原型图设计和界面开发分离,能够满足监控系统软件复杂的布局需求。将控件与测点相关联,能够动态地显示测点信息并且能实时更新,无需编写大量代码和布局管理,提高监控系统软件界面开发的效率。
本申请实施例还提供了一种计算机可读介质,其特征是,其上存储有计算机程序,计算机程序被处理器执行可实现如以上的一种监控系统软件界面生成方法。
注意到,说明书中对“一个实施例”、“实施例”、“示例实施例”、“一些实施例”等的引用指示所描述的实施例可以包括特定特征、结构或特性,但是每个实施例可以不必包括所述特定特征、结构或特性。而且,这样的短语不必指代同一实施例。此外,当结合实施例描述特定特征、结构或特性时,无论是否明确描述,结合其他实施例来实现这样的特征、结构或特性将在所属领域的技术人员的知识范围内。
提供对本公开的先前描述是为使得本领域任何技术人员皆能够制作或使用本公开。对本公开的各种修改对本领域技术人员来说都将是显而易见的,且本文中所定义的普适原理可被应用到其他变体而不会脱离本公开的精神或范围。由此,本公开并非旨在被限定于本文中所描述的示例和设计,而是应被授予与本文中所公开的原理和新颖性特征相一致的最广范围。
Claims (12)
1.一种监控系统软件界面生成方法,其特征在于,包括:
获取用户界面原型图文件,所述用户界面原型图文件至少包括预设控件的信息;
解析所述用户界面原型图文件,得到所述预设控件的信息,根据所述预设控件的信息将所述预设控件与预设测点关联,生成配置文件;
基于所述配置文件进行工作区配置,生成监控系统软件界面。
2.根据权利要求1所述的软件界面生成方法,其特征在于,所述预设控件的信息至少包括预设控件的名称、坐标点位置、类型和量测值类型。
3.根据权利要求1所述的监控系统软件界面生成方法,其特征在于,所述方法在获取用户界面原型图文件之前包括以下步骤:
预先利用矢量图工具创建用户界面原型图,在所述用户界面原型图上标记所述预设控件的名称和坐标点位置;
将所述用户界面原型图导出为能够访问所述预设控件的名称和坐标点位置的控件信息文件;
在所述控件信息文件中设置所述预设控件的类型字段和量测值字段,生成所述用户界面原型图文件。
4.根据权利要求3所述的监控系统软件界面生成方法,其特征在于,创建用户界面原型图时还包括设置所述预设控件对应的事件,并将所述事件与封装完成的函数相关联,以使得响应于所述事件被触发时,所述函数被调用,执行相应的操作逻辑。
5.根据权利要求1所述的监控系统软件界面生成方法,其特征在于,所述方法包括:
利用可视化配置工具解析所述用户界面原型图文件,得到所述预设控件的信息,根据所述预设控件的信息对所述预设控件进行配置,并将所述预设控件与预设测点关联,生成配置文件。
6.根据权利要求5所述的监控系统软件界面生成方法,其特征在于,对所述预设控件进行配置还包括对所述预设控件的样式进行配置。
7.根据权利要求1所述的监控系统软件界面生成方法,其特征在于,使用Qt开发框架基于所述配置文件进行工作区配置,生成所述监控系统软件界面。
8.根据权利要求3所述的监控系统软件界面生成方法,其特征在于,所述方法还包括:预先设计控件库,和/或预先设计工作区库;
对生成的所述监控系统软件界面进行调试和优化,利用所述控件库和/或所述工作区库进行迭代重用。
9.监控系统软件界面生成装置,其特征在于,所述监控系统软件界面生成装置包括:
文件获取模块,用于获取用户界面原型图文件,所述用户界面原型图文件至少包括预设控件的信息;
配置模块,用于解析所述用户界面原型图文件,得到所述预设控件的信息,以及根据所述预设控件的信息将所述预设控件与预设测点关联,生成配置文件;
界面生成模块,用于基于所述配置文件,进行工作区配置,生成监控系统软件界面。
10.根据权利要求9所述的监控系统软件界面生成装置,其特征在于,所述监控系统软件界面生成装置还包括:
原型图生成模块,用于执行以下步骤:
预先利用矢量图工具创建用户界面原型图,在所述用户界面原型图上标记所述预设控件的名称和坐标点位置;
将所述用户界面原型图导出为能够访问所述坐标点数据的控件信息文件;
在所述控件信息文件中设置所述预设控件的类型字段和状态值字段,生成所述用户界面原型图文件。
11.根据权利要求9所述的监控系统软件界面生成装置,其特征在于,所述配置模块还用于编辑所述测点。
12.一种计算机可读介质,其特征是,其上存储有计算机程序,所述计算机程序被处理器执行可实现如权利要求1-8中任意一项所述的一种监控系统软件界面生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311332161.6A CN117369811A (zh) | 2023-10-13 | 2023-10-13 | 监控系统软件界面生成方法、装置和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311332161.6A CN117369811A (zh) | 2023-10-13 | 2023-10-13 | 监控系统软件界面生成方法、装置和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117369811A true CN117369811A (zh) | 2024-01-09 |
Family
ID=89407168
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311332161.6A Pending CN117369811A (zh) | 2023-10-13 | 2023-10-13 | 监控系统软件界面生成方法、装置和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117369811A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN118069251A (zh) * | 2024-04-22 | 2024-05-24 | 南方电网调峰调频发电有限公司储能科研院 | 储能站数据展示方法、装置、计算机设备及存储介质 |
-
2023
- 2023-10-13 CN CN202311332161.6A patent/CN117369811A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN118069251A (zh) * | 2024-04-22 | 2024-05-24 | 南方电网调峰调频发电有限公司储能科研院 | 储能站数据展示方法、装置、计算机设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9830299B2 (en) | Method for selecting shapes in a graphical display | |
US9754059B2 (en) | Graphical design verification environment generator | |
JP7244176B2 (ja) | プロセス制御プラントにおけるグラフィカルディスプレイ設計ワークフローの簡素化のためのシステム及び方法 | |
US9762659B2 (en) | Reusable graphical elements with quickly editable features for use in user displays of plant monitoring systems | |
US8448076B2 (en) | Configuring animations and events for operator interface displays in a process control system | |
Thompson et al. | Specification-based prototyping for embedded systems | |
US6298474B1 (en) | Method and system for interactively developing a graphical control-flow structure and associated application software for use in a machine vision system and computer-readable storage medium having a program for executing the method | |
US8015550B2 (en) | Systems and methods for hazards analysis | |
US20090030661A1 (en) | Three-Dimensional Process Planning | |
JP2015187873A (ja) | グラフィック・プログラミング言語オブジェクトを編集及び報告する方法及び編集・報告システム | |
JP2008502031A (ja) | プロセス環境におけるスクリプト化グラフィックス | |
CN117369811A (zh) | 监控系统软件界面生成方法、装置和存储介质 | |
JP5740634B2 (ja) | 自動操作システム及び操作自動化方法 | |
US20160292306A1 (en) | Simulator customization tool and method for the generation and maintenance of simulation configuration | |
Urbas et al. | Towards context adaptive HMIs in process industries | |
Oman et al. | CASE: analysis and design tools | |
KR20150066377A (ko) | Devs 기반의 시뮬레이션 프레임워크 시스템 및 이를 이용한 시뮬레이션 방법 | |
JP4791990B2 (ja) | プラントモデル開発システム | |
CN115185508B (zh) | 一种基于图元的算法组态工具和方法 | |
Denisov et al. | Using Mixed Reality for Development of Instruction for Industrial Unit Maintenance | |
CN116578054A (zh) | 一种适用于工业4.0的智能制造单元设计器及其实例化方法 | |
Heras Aguilar | Comparison and visualization of robot program modifications: Applied on ABB industrial robots at Volvo Cars Corporation | |
Barroca et al. | Rapid prototyping of user interfaces for control systems: A survey | |
Li et al. | TAO Project: An Intuitive Application UI Test Toolset | |
Hangos et al. | G2: An Example of A Real-Time Expert System |
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 |