图元与系统图编辑
使用设备、管线、仪表等图元搭建符合现场逻辑的二维画面。
01 / 产品总体简介
古河 IO-DESIGN零代码可视化组态软件
古河IO-DESIGN通过Web图元、设备点位、动画和事件配置制作二维运行画面，服务机电系统图、设备监控和业务交互；常规画面配置完成，复杂规则可结合脚本与接口扩展。
- 图元与画面编辑
- 点位与动画绑定
- 预览发布与复用
面向系统集成商、组态工程师与应用开发团队
02 / 产品架构
从数据来源到编辑配置，再到运行页面
- 01
现场数据与公共接口
通过采集组件和公共物联服务取得设备、点位、状态及授权接口。
- 02
图元与页面编辑器
配置设备、管线、仪表和图表布局，维护图库与组合图元。
- 03
数据绑定与交互配置
关联点位、状态动画、事件和页面导航，复杂逻辑通过脚本或接口扩展。
- 04
预览发布与运行画面
检查数据及交互后发布，运行人员查看画面，实施人员持续维护配置。
03 / 核心功能
零代码可视化组态软件的核心功能
图库与组件复用
维护常用图元、组合组件和画面，支持同类项目持续交付。
点位与属性绑定
将图元属性关联到设备点位，核对单位、类型和数据来源。
状态动画与趋势图表
通过颜色、状态和图表表达实时运行信息及变化。
事件与页面交互
配置点击、导航和允许动作，控制操作核对权限与反馈。
预览、发布与维护
验证画面、绑定和交互后发布，保留工程与配置便于后续变更。
04 / 界面与用途
制作编辑界面与数据配置界面
后台制作界面 · 画面与对象编辑
组态工程师在编辑器中组织图元、布局和系统关系；用户使用的是配置完成并发布的运行页面。
后台配置界面 · 点位与数据绑定
将画面对象关联到真实点位，核对数据来源、属性和交互。首屏展示运行画面的设计示意，非实际软件截图。
从系统图到运行页面，常规画面通过配置完成
IO-DESIGN面向系统集成商、组态工程师和应用开发团队，用于制作Web中的二维系统图、设备监控画面和业务看板。使用者看到的是完成组态并发布的运行页面；实施人员使用编辑器配置图元、数据与交互。复杂业务仍可通过脚本、接口或二次开发扩展。
图元与画面布局
使用基础形状、文字、图片和行业图元表达设备与管线，调整位置、尺寸、颜色和层次。可以组合对象形成可复用图元，按工程维护统一样式。
实时数据与状态表达
将图元属性关联到实际点位，显示数值、状态、颜色和动画。优先设计运行、停止、故障与数据失效的区别，使人员能够判断数据是否仍然有效。
事件、图表与页面交互
通过点击、弹窗、页面跳转和事件动作查看设备详情或相关业务，按配置嵌入图表和趋势。涉及操作时，确认权限、参数及返回结果。
制作工具与运行画面各有自己的用途
画面与对象编辑
在编辑器中组织设备、管线、文字和信息区，设置图元属性及排列。布局应突出系统关系与主要参数，发布前检查标签、图层和点击目标。
图库与复用组件
使用基础和行业图元，组合成项目常用设备或系统模块。复制后需重新核对绑定与动作，避免画面名称改变而数据仍指向原设备。
冷源等机电系统图
按实际工艺连接设备和管线，使用状态、流向及数据标签呈现运行关系。图形与点位一一对应，复杂控制逻辑由相应系统或经过验证的应用承担。
拓扑与业务入口
可用拓扑和对象层级组织设备、系统或业务入口，通过页面切换与弹窗查看相关信息。图中连线与对象来自工程定义，应随设备变更维护。
制作一张可以交班使用的机电画面
确定使用任务
明确值班人员要查看的设备、关键参数、系统关系及异常处理入口，准备系统图和点表。
搭建画面与图元
按实际系统连接设备与管线，安排主要数值、趋势和操作入口，保持名称和单位一致。
绑定数据与交互
逐项核对设备与变量，配置状态和事件，检查数据失效、控制拒绝及动作反馈。
预览发布与维护
在实际桌面和移动宽度验证可读性、点击、权限和刷新，发布运行页面并保存配置；后续变更按版本回退和复核。
产品使用资料
从画布到运行画面，四类配置各管什么
IO-DESIGN的编辑器负责制作和维护画面，发布后的运行页面供值班人员查看与操作。把布局、数据和交互分别配置，日后更换设备或修改点位时就能找到对应位置。
画布与图元
画布安排系统图的整体布局，图元表达设备、管线、文字和数值；组合图元可在同类画面中复用。
点位与属性
把图元的显示属性绑定到设备点位，分别配置数值、单位和状态；数据失效与设备停机应有不同表达。
动画与事件
状态动画说明设备怎样运行；点击、弹窗和页面跳转帮助人员进入趋势或设备详情。涉及控制时同步配置权限和结果反馈。
预览与发布
先在预览中检查点位、动画和点击结果，再发布运行画面。常规画面通过配置制作，复杂规则和跨系统业务可用脚本或接口扩展。
画面示例：放置水泵与管线图元，绑定运行状态、温度和告警点位；点击水泵打开趋势，预览确认数据与对象一致后发布。
组态负责画面与业务交互，现场数据由IOSERVER、网关或已接入平台提供。软件页面的动作反馈需与实际设备回采一起核对。
下载IO-DESIGN产品说明（TXT）资料整理：南京古河软件 · 2026-09-27 · 产品功能、界面与使用流程说明
与物联、监控和三维产品的关系
| 组成 | 负责什么 | 如何组合 |
|---|---|---|
| IOSERVER与边缘网关 | 现场协议适配、采集与转发 | 把设备点位提供给上层公共平台 |
| 公共平台与BIOT | 设备、数据、历史、告警、权限及接口 | 供组态图元与业务应用使用同一设备身份 |
| IO-DESIGN | 二维画面制作、绑定、交互和发布 | 供IBMS及行业产品形成运行界面 |
| BIM与UE5场景 | 三维空间定位与定制场景交互 | 按管理目的组合，业务数据与二维入口可共用 |
Web业务平台采用Java / Spring Cloud。IO-DESIGN用于浏览器中的HTML5画面，常规制作通过配置完成，复杂交互可使用脚本和接口；是否适配特定浏览器、数据接口及终端，在交付版本中确认。
交付的不只是图，也包括绑定和维护方法
项目输入
系统图、设备与点位清单、单位及数据状态、岗位权限、页面尺寸和业务入口。先完成一张代表性画面，确认视觉和使用流程。
配置交付
画面、图元、绑定、事件、数据接口及权限配置形成清单。自定义脚本和扩展功能附相应说明，避免后续只能修改外观。
实际验收
核对真实数据、异常状态、历史入口、操作反馈和不同宽度阅读；按目标设备规模与刷新要求验证性能，并检查发布与回退。
技术参数与相关资料
Web二维组态的制作与发布
- 图元与图库
- 使用基础图元、设备图元、组合组件和图库复用；以实际版本图库为准，不以未核对数量代替清单。
- 数据绑定
- 将对象属性关联采集点位，核对类型、单位、读写和刷新条件。
- 动画与图表
- 按运行值配置颜色、显隐、状态动画及趋势图表。
- 事件交互
- 配置页面跳转、弹窗与允许操作；复杂跨系统交互通过脚本或接口实现。
- 制作与运行
- 编辑器负责制作维护，预览验证后发布运行画面，权限与操作反馈一并配置。
用一套冷热源系统图演示设备状态、管路动画、趋势查询和授权操作，分别核对画面变化与设备反馈。
案例、资料与下一步
下面的公开资料可用于了解相关系统的建设背景和应用场景。具体交付模块、版本与现场接口仍需结合本项目核对。
九江市德福科技研究中心
公开案例用于交流科研建筑的系统集成与可视化场景。
海南西部中心医院智慧医院后勤运维平台
参考设备监测与业务入口的建设背景。
带着实际业务看演示
建议现场完成“放置图元—绑定点位—配置状态—预览发布”，并尝试修改一台设备的绑定。这样能看清日常实施工作中哪些可配置完成，哪些需要扩展开发。
选型常见问题
- 零代码是否意味着所有需求都不需要开发？
- 常规二维画面、图元绑定和交互可以配置完成。复杂逻辑、专属交互或外部接口仍可使用脚本及二次开发，按需求明确配置与开发的范围。
- 运行时也会看到组态设计器吗？
- 日常使用的是完成制作并发布的运行页面。编辑器提供给实施和维护人员配置图元、数据与事件，角色权限和发布流程分别设置。
- 能使用现有设备数据吗？
- 可以按公共平台和接口条件绑定已有设备及变量，先核对编码、单位、质量、更新时间与权限。现场协议采集由IOSERVER、网关或既有接口提供。
- 能直接操作设备吗？
- 可以按授权配置操作入口，但需确认对象、参数、反馈及失败提示。组态画面的按钮不替代现场控制与保护逻辑。
- 支持移动端和三维场景吗？
- 二维Web画面可以按目标终端设计和验证。BIM空间或UE5场景属于按需要组合的三维能力，可共用数据和业务入口，分别确认展示与交互范围。
补充了解：使用背景与建设目标
把现场系统图，做成可以读数据的监控画面
IO-DESIGN聚焦可视化制作环节：把设备、管线、仪表和图表排成符合现场逻辑的画面，再绑定点位、状态和操作。常用图元与画面可以复用，便于同类机房和多楼栋项目持续交付。
图元与系统图编辑
组合基础图元、行业素材和自定义图元，制作空调、给排水、配电等监控系统图；图元外观可以具有立体效果，编辑和数据绑定以二维组态为核心。
点位、图表与动画
将实时数据、历史曲线或接口数据绑定到图元和图表，用颜色、闪烁、流动等动画表达运行状态，让画面有清楚的业务含义。
交互与复用
配置画面切换、弹窗和授权操作入口，复用图元与属性绑定方式。同类系统扩展时，重点核对设备映射，而不必重复从空白画布开始。
微信咨询
