CN112685011B - 一种基于Vue的AI应用可视化编排方法 - Google Patents
一种基于Vue的AI应用可视化编排方法 Download PDFInfo
- Publication number
- CN112685011B CN112685011B CN202011518264.8A CN202011518264A CN112685011B CN 112685011 B CN112685011 B CN 112685011B CN 202011518264 A CN202011518264 A CN 202011518264A CN 112685011 B CN112685011 B CN 112685011B
- Authority
- CN
- China
- Prior art keywords
- node
- canvas
- flow chart
- flow
- mode
- 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.)
- Active
Links
Images
Classifications
-
- 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
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了AI建模技术领域的一种基于Vue的AI应用可视化编排方法，包括如下步骤：步骤S10、创建一画布，并在所述画布上添加若干个流程节点，配置各所述流程节点的节点参数；步骤S20、基于所述节点参数自动匹配表单组件；步骤S30、基于所述表单组件以及流程节点创建流程图结构；步骤S40、基于所述流程图结构以及画布尺寸对各流程节点进行自动编排，生成AI流程图；步骤S50、设置所述AI流程图的工作模式，基于所述工作模式运行AI流程图。本发明的优点在于：极大的提升了AI应用编排的效率。
Description
技术领域
本发明涉及AI建模技术领域，特别指一种基于Vue的AI应用可视化编排方法。
背景技术
人工智能(Artificial Intelligence)，英文缩写为AI，是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门新的技术科学。近年来，AI技术快速发展，越来越多元化的AI技术成果竞相涌现并运用到生活中，如图像识别、语音识别等。AI就其本质而言，是对人的思维的信息处理过程的模拟。现代电子计算机中利用统计学等方法对特定场景下记录的特征数据经特征分析后，选择模型及算法建立AI模型并进行训练，评估并生成一个预测模型，在相似场景下使用预测模型进行场景预测，这样的过程称为AI建模。
AI建模流程可使用流程图工具进行辅助，并完成AI模型的数据准备、数据预处理、划分数据集、配置模型、训练模型、评估优化、模型应用等工作，尤其在WEB应用中开放AI建模的功能，便于用户创建自己的AI模型及完成相应的工作。
随着AI应用编排朝业务化、多元化、复杂化、专业化发展，传统上用于AI建模(AI建模流程编排/AI应用编排)的Vue组件库由于仅提供基础功能，如基本节点元素、连接线元素、节点基本信息、基础画布等，已无法满足用户各式各样的需求，导致用户进行AI应用编排时的效率低下，例如JSPlumb、X-Flowchar-Vue、GoJs、GooFlow、VFD等插件库。
因此，如何提供一种基于Vue的AI应用可视化编排方法，实现提升AI应用编排的效率，成为一个亟待解决的问题。
发明内容
本发明要解决的技术问题，在于提供一种基于Vue的AI应用可视化编排方法，实现提升AI应用编排的效率。
本发明是这样实现的：一种基于Vue的AI应用可视化编排方法，包括如下步骤：
步骤S10、创建一画布，并在所述画布上添加若干个流程节点，配置各所述流程节点的节点参数；
步骤S20、基于所述节点参数自动匹配表单组件；
步骤S30、基于所述表单组件以及流程节点创建流程图结构；
步骤S40、基于所述流程图结构以及画布尺寸对各流程节点进行自动编排，生成AI流程图；
步骤S50、设置所述AI流程图的工作模式，基于所述工作模式运行AI流程图。
进一步地，所述步骤S1O具体为：
通过G6图可视化引擎创建一画布，并在所述画布上添加若干个流程节点，配置各所述流程节点的节点参数；所述节点参数至少包括节点名称、参数类型、参数名以及参数名对应的默认值；所述参数名至少包括CPU配额、GPU配额、内存配额、镜像、数据源、超时时间、重试次数、标签列、输入、输出以及特征列。
进一步地，所述步骤S2O具体为：
基于所述节点参数的参数类型自动匹配表单组件，并以所述参数名作为匹配的表单组件的表单属性名；所述表单组件至少包括文本输入框、数值输入框、单选框、复选框、文本域输入框、下拉选择器、开关、穿梭框、数据集组件、FTP源组件、SQL脚本编辑组件以及表格组件。
进一步地，所述步骤S3O具体为：
基于所述表单组件设置各流程节点的流转关系以及复合节点，进而生成流程图结构；所述复合节点为若干个流程节点的集合。
进一步地，所述步骤S4O具体为：
利用G6图可视化引擎，判断画布的高度是否大于宽度，若是，则基于所述流程图结构对各流程节点进行竖向的自动编排，生成AI流程图；若否，则基于所述流程图结构对各流程节点进行横向的自动编排，生成AI流程图。
进一步地，所述步骤S5O中，所述工作模式至少包括编辑模式、运行模式、日志模式、快照模式、浏览模式、导出模式以及复合节点查看模式。
本发明的优点在于：
通过在画布上可视化的编排流程节点，并基于流程图结构以及画布尺寸对各流程节点进行自动编排生成AI流程图，无需手动拖拽流程节点进行布局，减少了布局编排的工作量，而将若干个流程节点设为复合节点进行复用，减少了重复编排设置的工作量，进而极大的提升了AI应用编排的效率。
附图说明
下面参照附图结合实施例对本发明作进一步的说明。
图1是本发明一种基于Vue的AI应用可视化编排方法的流程图。
具体实施方式
请参照图1所示，本发明基于前端开发框架Vue，一种基于Vue的AI应用可视化编排方法的较佳实施例，包括如下步骤：
步骤S10、创建一画布，并在所述画布上添加若干个流程节点(AI应用)，配置各所述流程节点的节点参数；各流程节点支持设置图标便于用户的直观辨认，图标的类型至少包括数据源、数据预处理、特征工程、机器学习、深度学习、评估预测输出、自定义算子、复合算子以及在线编程；支持将各流程节点转化为列表，点击列表中的一个流程节点，依赖G6图可视化引擎直接将该流程节点移至画布的中心位置，并展示该流程节点的节点参数；
步骤S20、基于所述节点参数自动匹配表单组件；
步骤S30、基于所述表单组件以及流程节点创建流程图结构；
步骤S40、基于所述流程图结构以及画布尺寸对各流程节点进行自动编排，生成AI流程图；
步骤S50、设置所述AI流程图的工作模式，基于所述工作模式运行AI流程图。所述AI流程图的运行支持以Cron表达式为配置的定时运行，运行时支持日志以及节点参数的动态展示；为避免日志过多导致页面崩溃，可只展示一定行数的日志，并在日志更新后自动定位到日志底部，且支持全屏查看、运行完成后可下载txt格式的日志。
所述步骤S1O具体为：
通过G6图可视化引擎创建一画布，并在所述画布上添加若干个流程节点，配置各所述流程节点的节点参数；所述节点参数至少包括节点名称、参数类型、参数名以及参数名对应的默认值；所述参数名至少包括CPU配额、GPU配额、内存配额、镜像、数据源、超时时间、重试次数、标签列、输入、输出以及特征列。具体实施时，根据流程节点关联的算法或数据源中预设的参数名、参数类型生成相应的参数配置。
所述步骤S2O具体为：
基于所述节点参数的参数类型自动匹配表单组件，并以所述参数名作为匹配的表单组件的表单属性名；所述表单组件至少包括文本输入框、数值输入框、单选框、复选框、文本域输入框、下拉选择器、开关、穿梭框、数据集组件、FTP源组件、SQL脚本编辑组件以及表格组件。
所述步骤S3O具体为：
基于所述表单组件设置各流程节点的流转关系以及复合节点，进而生成流程图结构；所述复合节点为若干个流程节点的集合。鼠标移动到所述复合节点的上方时，自动展示所述复合节点的结构。
所述流程结构图生成包括如下步骤：
步骤S31、在画布上基于数据源类型添加流程节点；所述数据源类型至少包括数据集源、数据资产、二值化；
步骤S32、点选流程节点(作为子节点的输入节点)后，根据数据源(所选父节点)输出的数据类型自动过滤(子节点的输入类型与父节点的输出类型匹配)可选的子节点，进而创建子节点，并根据父节点和子节点间的输入端口和输出端口自动生成连线；
步骤S33、若父节点存在多个输出端口(不同的数据类型，包括csv、binary等)，则子节点自动连接所需的输出端口；
若子节点存在多个输入端口(不同的数据类型)，则自动连接父节点相应输出端口；
若父节点和子节点均存在多个输入端口和输出端口，或相同数据类型的输入端口或输出端口，则弹出弹窗供用户选择要关联的输入端口和输出端口；
步骤S34、子节点存在多个输入端口，可选择一个或相应个数的父节点，过滤可选节点后，双击需要的子节点并根据步骤S33完成连线，进而完成子节点创建。
所述步骤S4O具体为：
利用G6图可视化引擎，判断所述画布的高度是否大于宽度，若是，则基于所述流程图结构对各流程节点进行竖向的自动编排，生成AI流程图；若否，则基于所述流程图结构对各流程节点进行横向的自动编排，生成AI流程图。使得所述画布在各种形状下都能有良好的展示效果。
所述步骤S5O中，所述工作模式至少包括编辑模式、运行模式、日志模式、快照模式、浏览模式、导出模式以及复合节点查看模式。
所述编辑模式用于编排流程节点的流程，编辑节点参数，对AI流程图
的编辑操作加锁，有效防止脏读、幻读等情况；所述运行模式用于AI流程图的在线运行，定时更新AI流程图的运行状态及各项数据，自动定位AI流程图运行中的流程节点，直观查看运行情况，且运行模式下不可编排流程节点以及修改节点参数；所述日志模式用于查看AI流程图的运行情况及运行结果；所述快照模式用于执行完整的AI流程图，并在运行完成后保存运行记录及相关参数信息，快照模式下支持克隆，将整个AI流程图及各流程节点的节点参数复制为可直接运行的流程图，方便新的AI流程图的编排；所述浏览模式用于查看AI流程图及运行过程中的所有数据，展示是否被编辑锁定，不支持任何修改以及运行操作；所述导出模式用于展示AI流程图的结构，可选择流程节点并将执行结果导出，用于导出模型应用，支持多流程节点导出；所述复合节点查看模式用于查看复合节点，不可编辑修改。
综上所述，本发明的优点在于：
通过在画布上可视化的编排流程节点，并基于流程图结构以及画布尺寸对各流程节点进行自动编排生成AI流程图，无需手动拖拽流程节点进行布局，减少了布局编排的工作量，而将若干个流程节点设为复合节点进行复用，减少了重复编排设置的工作量，进而极大的提升了AI应用编排的效率。
虽然以上描述了本发明的具体实施方式，但是熟悉本技术领域的技术人员应当理解，我们所描述的具体的实施例只是说明性的，而不是用于对本发明的范围的限定，熟悉本领域的技术人员在依照本发明的精神所作的等效的修饰以及变化，都应当涵盖在本发明的权利要求所保护的范围内。
Claims (5)
1.一种基于Vue的AI应用可视化编排方法，其特征在于：包括如下步骤：
步骤S10、创建一画布，并在所述画布上添加若干个流程节点，配置各所述流程节点的节点参数；
步骤S20、基于所述节点参数自动匹配表单组件；
步骤S30、基于所述表单组件以及流程节点创建流程图结构；
步骤S40、基于所述流程图结构以及画布尺寸对各流程节点进行自动编排，生成AI流程图；
步骤S50、设置所述AI流程图的工作模式，基于所述工作模式运行AI流程图；
所述步骤S10 具体为：
通过G6图可视化引擎创建一画布，并在所述画布上添加若干个流程节点，配置各所述流程节点的节点参数；所述节点参数至少包括节点名称、参数类型、参数名以及参数名对应的默认值；所述参数名至少包括CPU配额、GPU配额、内存配额、镜像、数据源、超时时间、重试次数、标签列、输入、输出以及特征列。
2.如权利要求1所述的一种基于Vue的AI应用可视化编排方法，其特征在于：所述步骤S20 具体为：
基于所述节点参数的参数类型自动匹配表单组件，并以所述参数名作为匹配的表单组件的表单属性名；所述表单组件至少包括文本输入框、数值输入框、单选框、复选框、文本域输入框、下拉选择器、开关、穿梭框、数据集组件、FTP源组件、SQL脚本编辑组件以及表格组件。
3.如权利要求1所述的一种基于Vue的AI应用可视化编排方法，其特征在于：所述步骤S30 具体为：
基于所述表单组件设置各流程节点的流转关系以及复合节点，进而生成流程图结构；所述复合节点为若干个流程节点的集合。
4.如权利要求1所述的一种基于Vue的AI应用可视化编排方法，其特征在于：所述步骤S40 具体为：
利用G6图可视化引擎，判断画布的高度是否大于宽度，若是，则基于所述流程图结构对各流程节点进行竖向的自动编排，生成AI流程图；若否，则基于所述流程图结构对各流程节点进行横向的自动编排，生成AI流程图。
5.如权利要求1所述的一种基于Vue的AI应用可视化编排方法，其特征在于：所述步骤S50 中，所述工作模式至少包括编辑模式、运行模式、日志模式、快照模式、浏览模式、导出模式以及复合节点查看模式。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011518264.8A CN112685011B (zh) | 2020-12-21 | 2020-12-21 | 一种基于Vue的AI应用可视化编排方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011518264.8A CN112685011B (zh) | 2020-12-21 | 2020-12-21 | 一种基于Vue的AI应用可视化编排方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112685011A CN112685011A (zh) | 2021-04-20 |
| CN112685011B true CN112685011B (zh) | 2022-06-07 |
Family
ID=75449762
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011518264.8A Active CN112685011B (zh) | 2020-12-21 | 2020-12-21 | 一种基于Vue的AI应用可视化编排方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112685011B (zh) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113381880B (zh) * | 2021-05-24 | 2023-01-13 | 深圳市宏电技术股份有限公司 | 物联网设备管理方法、装置及系统 |
| CN115344243B (zh) * | 2022-10-17 | 2023-02-03 | 中邮消费金融有限公司 | 一种x6流程图的组件封装方法及系统 |
| CN116192594B (zh) * | 2023-04-21 | 2023-07-11 | 北京炎黄新星网络科技有限公司 | 业务流程编排组件的管理方法及系统 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110517165A (zh) * | 2019-06-03 | 2019-11-29 | 武汉市自来水有限公司 | 一种水务微服务支撑平台 |
| CN111142867A (zh) * | 2019-12-31 | 2020-05-12 | 谷云科技(广州)有限责任公司 | 微服务架构下的服务可视化编排系统及方法 |
| CN111399814A (zh) * | 2020-03-09 | 2020-07-10 | 中国邮政储蓄银行股份有限公司 | 一种构建任务可视化编排方法及装置 |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107070705B (zh) * | 2017-03-23 | 2019-03-15 | 无锡华云数据技术服务有限公司 | 一种云资源的编排方法 |
| US11507662B2 (en) * | 2019-02-04 | 2022-11-22 | Sateesh Kumar Addepalli | Systems and methods of security for trusted artificial intelligence hardware processing |
| CN111522565B (zh) * | 2020-04-21 | 2022-02-01 | 北京邮电大学 | 基于组件化的实时更新数据可视化大屏方法及系统 |
| CN111857659A (zh) * | 2020-06-30 | 2020-10-30 | 太极计算机股份有限公司 | 一种异构数据源拖拽的数据可视化设计平台 |
| CN111930372B (zh) * | 2020-08-06 | 2022-09-20 | 科大国创云网科技有限公司 | 一种通过可拖拽流程图实现的服务编排解决方法及系统 |
-
2020
- 2020-12-21 CN CN202011518264.8A patent/CN112685011B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110517165A (zh) * | 2019-06-03 | 2019-11-29 | 武汉市自来水有限公司 | 一种水务微服务支撑平台 |
| CN111142867A (zh) * | 2019-12-31 | 2020-05-12 | 谷云科技(广州)有限责任公司 | 微服务架构下的服务可视化编排系统及方法 |
| CN111399814A (zh) * | 2020-03-09 | 2020-07-10 | 中国邮政储蓄银行股份有限公司 | 一种构建任务可视化编排方法及装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112685011A (zh) | 2021-04-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112685011B (zh) | 一种基于Vue的AI应用可视化编排方法 | |
| CN105700888B (zh) | 一种基于jbpm工作流引擎的可视化快速开发平台 | |
| Elkoutbi et al. | Generating user interface prototypes from scenarios | |
| US20060195817A1 (en) | Visual workflow modeling tools for user interface automation | |
| US7926024B2 (en) | Method and apparatus for managing complex processes | |
| CN116310148B (zh) | 一种数字孪生三维场景构建方法、装置、设备及介质 | |
| CN111796815A (zh) | 一种全自动可视化软件搭建平台的应用 | |
| KR100860963B1 (ko) | 컴포넌트 기반의 소프트웨어 개발을 위한 장치 및 방법 | |
| CN107590592B (zh) | 作业依赖关系表示方法、作业展示和调度控制方法及装置 | |
| CN110086665A (zh) | 一种基于jTopo的网络拓扑图展示方法 | |
| CN111612428A (zh) | 一种基于工作结构分解的项目进度可视化方法及系统 | |
| US9378315B1 (en) | Method for semiconductor process corner sweep simulation based on value selection function | |
| US20070136333A1 (en) | Method of inspection and a user interface for a business measure modeling tool | |
| CN112130851B (zh) | 一种用于人工智能的建模方法、电子设备和存储介质 | |
| CN116627418B (zh) | 一种基于递归算法的多级表单界面可视化生成方法及装置 | |
| CN112631704A (zh) | 一种界面元素识别方法、装置、存储介质及电子设备 | |
| EP3953836A1 (en) | Systems and methods for hierarchical process mining | |
| Bojic et al. | Reverse engineering of use case realizations in UML | |
| CN115630926A (zh) | 一种车间设备管理方法、装置、设备及存储介质 | |
| CN114969085A (zh) | 一种基于可视化技术算法建模的方法和系统 | |
| Bennett et al. | Working with’monster’traces: Building a scalable, usable, sequence viewer | |
| CN113672509A (zh) | 自动化测试方法、装置、测试平台及存储介质 | |
| CN112632650A (zh) | 一种非标防爆电器产品智能设计系统及方法 | |
| CN115545401B (zh) | 基于可视化指标模型配置的城市体检评估方法、系统及计算机设备 | |
| US11720637B2 (en) | Visual data model object dependency tracing |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |