可视化架构
平台的可视化致力于提供清晰的界面和良好的用户体验。
核心理念
用户便利性（UI）
- 直观、现代的 UI
- 适应用户需求
- 从其他平台轻松迁移
用户体验
- 目标项目质量高
- 客户满意度高
- 业务使用便捷
与内核集成
- 与内核深度集成
- 绑定到模型化架构
- 绑定到响应式架构
数据可视化
平台的可视化理念分为两个相关的领域：运行环境组件和开发环境组件。
运行环境
包含用户和操作员控制工艺与生产过程所需的工具集。
- HMI 画面和部件
- 控件
- 事件、报警和确认
- 趋势以及处理时间序列的工具
- 表格和报表
- 远程访问工具
开发环境
包含开发者创建和配置项目所需的工具集：数据、逻辑和可视化组件。
- 数据、模型和对象编辑器
- 脚本编辑器（core、Lua、TypeScript）
- 事件和报警编辑器
- 组件、HMI 画面和部件编辑器
- 数据绑定工具
- 驱动配置器
运行环境
HMI 画面
用于以示意方式可视化工艺和生产过程的进程。
- 动态和静态元素
- 由标准组件和自定义组件构成
- 可包含部件（复杂图形元素）
- 可包含控件
- 可包含报警和趋势
- 可通过 iFrame 和 TypeScript 包含外部组件
- 支持大型显示器
- 支持由多个 HMI 画面组成的网格
事件和报警
用于显示事件及与之相关的报警消息。
- 诊断消息
- 报警消息
- 报警确认功能
- 消息和报警排序
- 顺序列表
- 带冻结功能的卡片
- 视觉提示
- 声音提示
趋势
用于可视化和分析工艺与生产过程的进程。
- 折线趋势
- 标记和符号
- 同一区域上的多条趋势
- 坐标轴定位
- 绝对趋势比较
- 设定值和报警区间
- 离散与平滑
- 动态控制
表格
用于以表格形式分析工艺与生产过程的数据。
- 数值随时间的变化
- 当前值
- 变量的汇总比较
- 分页显示
- 排序和搜索
- 处理归档数据
- 快速导出
- 生成报表
Турбина ТЭЦ
1 / 10
开发环境
支持创建复杂的交互式应用
模型编辑器
用于开发模型结构。
- 创建模型结构
- 基于最简单的模型
- 基于复杂模型
- 创建嵌套
- 绑定图形组件
对象编辑器
用于开发对象。
- 创建对象结构
- 基于复杂模型
- 连接数据（驱动、仿真）
- 绑定脚本（JS、Lua）
- 配置服务器以供外部访问（OPC UA）
图形开发环境
支持为嵌入式平台应用创建现代图形
矢量编辑器
用于为 HMI 画面创建复杂的矢量图形，并构建标准元素库。
- 内置原生编辑器
- 自主研发
- 创建组件和标准元素
- 创建 HMI 画面和部件
- 内置数据绑定机制
- 内置脚本编辑器
- 兼容通用矢量格式
绑定编辑器
用于对接在第三方主流编辑器中创建的矢量文档。
- 兼容通用矢量格式
- 处理 SVG 模型（DOM）
- 配置组件和标准元素
- 配置 HMI 画面和部件
- 提供数据绑定机制
- 提供脚本嵌入机制
- 此类文档需按照指南进行开发
可用的图形元素和应用
复杂项目的基础
标准元素
基本的图形组件。
- 小巧而有意义的可视化图形
- 例如泵、阀门、闸阀、储罐
- 可嵌入 HMI 画面
- 可组织成库
部件
由标准元素构成的小型应用。
- 可嵌入 HMI 画面
- 可组织成库
- 可开放外部访问
- 例如趋势或阀门控制面板
HMI 画面
标准的平台应用。
- 由组件和部件构成
- 可包含静态和动态元素
- 可执行命令调用功能
- 访问平台 API
复合画面
增强型平台应用。
- 由 HMI 画面和部件构成
- 由多个 HMI 画面和区块组成的网格布局
- 可通过 iFrame 和 TypeScript 包含外部组件
- 支持大型显示器
如何绑定数据
基于模型将 HMI 画面绑定到数据——一键完成
- HMI 画面组件的绑定基于模型进行
- 组件可以复现模型的数据结构
- 当组件与对象的模型匹配时，绑定自动完成
- 由此可以将整个 HMI 画面绑定到数据
- 在模型匹配时一步完成
组件 泵 #1
复现“泵”模型的结构
状态 · bool转速 · float压力 · float
模型匹配
对象“泵 #1”
基于“泵”模型创建
状态 · bool转速 · float压力 · float
一键——整个 HMI 画面： 当模型匹配时，所有元素一次性完成绑定，无需手动映射每个变量。开发环境不允许创建错误的“变量–元素–模型”绑定。
如何为 HMI 画面和部件编程
HMI 画面和部件的脚本编辑器
用于创建、编辑和调试处理图形元素的代码。
- 处理 HMI 画面和部件的数据
- 支持响应式
- 图形元素动画
- 语法高亮
- 支持 TypeScript
- 通过 REST 处理外部数据
复合 HMI 画面
扩展标准 HMI 画面的功能
由多个来源组成的统一画布
将多个 HMI 画面、部件和外部来源组合成一张大型画面。
- 通过网格编辑器为大屏幕、视频墙和公用工作台进行布局
- 现成的布局预设以及自由调整网格
- 将外部 Web 应用嵌入到单元格中（iframe）
- 连接来自第三方系统的数据和元素（脚本）
HMI 画面和部件
单元格中的标准元素、部件和嵌套 HMI 画面。
Inline Frame
使用 iframe 嵌入外部 Web 应用。
脚本
使用 TypeScript 嵌入外部 Web 应用。
浏览器
平台可在现代浏览器中运行。
- Yandex 浏览器
- Google Chrome
- 均基于 Chromium 引擎
- 客户无需安装即可使用
胖客户端
该功能在胖客户端中可用。
- 无需浏览器
- 用于单显示器
- 用于多显示器系统
- 公用屏幕管理控制器
胖客户端
操作员工作站
操作员的工作应用。
- 平台应用
- 无需浏览器
- 需要安装
- 支持 Embedded
- 支持公用面板
- 支持 Linux、Mac、Windows
- 基于 C++/Qt 开发，可在任意平台构建
视频墙控制器
管理大型公用屏幕。
- 对视频墙进行集中控制
- 支持停靠窗口和自由窗口
- 在自己的显示器上编排布局
- 将布局部署到不同的视频面板
- 支持多种模式
- 交互式（数十个屏幕）
- 屏幕池快照（数百个屏幕）