面向智能助眠与毫米波健康监测类硬件产品,需要在手机 App 内提供完整设备控制面板。传统通用面板无法覆盖白噪音播放、夜灯调节、闹钟与定时、呼吸训练、睡眠报告与存在感知等组合能力,因此独立开发定制化涂鸦 Ray 小程序面板,服务硬件出货后的用户端交互与数据展示场景,适用于智能家居、睡眠健康相关设备的配套交付。
点击空白处退出提示
面向智能助眠与毫米波健康监测类硬件产品,需要在手机 App 内提供完整设备控制面板。传统通用面板无法覆盖白噪音播放、夜灯调节、闹钟与定时、呼吸训练、睡眠报告与存在感知等组合能力,因此独立开发定制化涂鸦 Ray 小程序面板,服务硬件出货后的用户端交互与数据展示场景,适用于智能家居、睡眠健康相关设备的配套交付。
面板采用多 Tab 信息架构,主要模块包括:
1)首页快捷控制:白噪音/蓝牙音源切换、音量与灯光快捷调节、常用场景入口;
2)灯光子系统:开关、亮度、色温与彩光调节;
3)闹钟与定时:闹钟列表、起床/预约类计划配置;
4)助眠能力:场景模式、呼吸训练流程与相关设置;
5)健康监测:实时体征/存在相关状态展示,以及睡眠报告(日/周等维度统计与图表);
6)帮助与设置:设备设置项、单位与屏蔽类配置、说明与引导内容。
整体覆盖从日常控制到睡眠数据查看的完整使用闭环,支持中英文文案。
本人独立负责全流程:需求拆解、页面与组件设计实现、设备 DP 对接与真机联调、云端睡眠数据请求与图表展示、中英文 i18n 与交付调优。
技术栈为涂鸦 Ray + React + TypeScript,基于 SDM 设备模型管理约 90 个 DP;对彩光及多类 Raw 协议自行实现编解码与结构化读写;状态层采用 Redux 管理面板 UI/业务态,react-query 拉取历史统计;UI 使用 SmartUI 与灯控相关组件,并接入图表能力。
难点在于非标 Raw DP 解析、多子系统状态协同,以及弱网/异常数据下的可用体验。最终交付可上线运行的商业级面板,非模板演示页。



评论