工业物联网
智能三通水阀
阀门控制器的涂鸦面板定制开发
10-14 个工作日交付客户 UI 高保真还原DP 响应 <2s
案例实拍
* 交付的 App / 小程序控制面板实拍截图。
客户背景
客户的智能阀门控制器硬件与数据点定义已经就绪,并自备了全套 UI 设计图,需要一个把阀门控制专业化的定制 App 面板:天气展示、阀体状态动画、水流方向倒计时、掉电记忆与定时策略,并要求界面与设计图完全一致、按功能点透明计价。
面临挑战
- 1阀体开 / 关两个方向的动画要直观准确,并与设备状态实时联动
- 2水流方向倒计时到期后需自动切换,不允许出现偏差
- 3客户 UI 已定稿,开发必须 1:1 还原,没有自行发挥空间
- 4预算与周期紧凑,需要按功能点精细拆分报价与排期
解决方案
- 1四大类数据点(布尔 / 数值 / 故障 / 枚举)在主页面完整读写绑定
- 2阀体双向动画:向上 / 向左两态切换,触摸操作与枚举数据点联动
- 3倒计时到期自动切换水流方向;掉电记忆开关一键下发
- 4定时设置独立页:计划列表、新增、编辑、逻辑校验与云端同步
- 5主页内嵌最近 5 条消息记录,支持滚动加载更多
技术架构
设备端
智能阀门控制器,数据点已定义完成
通信
四大类 DP 点(Bool / Value / Fault / Enum)读写
App
涂鸦定制面板:主页面 + 定时设置二级页
交付
含 1 次基础联调(1 款模组 + 2 款主流机型)
交付功能清单
主页面功能
- 天气展示:定位 + 涂鸦天气 API,右上角显示,含刷新策略与网络异常处理
- 阀体动画:向上 / 向左两态,触摸切换,与设备枚举状态联动
- 倒计时:时间选择器,到期自动切换水流方向
- 掉电记忆:一键开关下发
- 消息记录:主页内嵌最近 5 条,滚动加载更多
定时设置
- 独立二级页面:定时计划列表管理
- 新增与编辑定时计划
- 逻辑校验,避免冲突设置
- 云端同步,多端状态一致
服务与验收
- 需求确认:2 次线上会议
- 所有数据点通信正常,响应时间 < 2 秒
- 界面与客户 UI 图最终确认版本保持一致
- 含 1 次基础联调,提供验收支持
分享给朋友: