近期开发并上架了新版心率管家App(仅iOS端),专业版8月31日~9月7日限免,欢迎下载体验。

AppStore链接:专业版 | 免费版

本文将从设计、开发、上架等每个步骤和细节进行分享,也包含部分模块源码。

立项

确定需求

立项的初衷是满足随时测心率的需求(没有智能手环手表的人群),App核心功能就是测量心率,围绕这个功能展开的是测量时更多细节的记录、对已有数据的筛选。再往深度挖掘的是数据分析、健康预测。

市场考察

虽然AppStore已有,但是无一例外都特别丑,要么收费要么有广告,所以不如自己做一个。

测量原理

光电容积脉搏波描记法(PPG)

是追踪可见光(通常为绿光)在人体组织中的反射。它具备一个可见光光源来照射皮肤,再使用光电传感器采集被皮肤反射回来的光线。PPG有两种模式,透射式和反射式,像一般的手环手表这样,光源和传感器在同一侧的,就是反射式;而医院中常见的夹在指尖上的通常是透射式的,即光源和传感器在不同侧。 皮肤本身对光线的反射能力是相对稳定的,但是心脏泵血使得血管容积周期性地变化,导致反射光也呈现出周期性的波动值,特别是在指尖这种毛细血管非常丰富的部位,这种周期性的波动很容易被观察到。

Wikipedia: #Photoplethysmogram

对应到App上就是通过分析摄像头每一帧画面的色值,计算出颜色波动的频率,即为近似心率。

定价策略

  • 付费版:价格波动,通过降价和限免吸引爬虫收录。
  • 免费版:限制了部分个性化功能,核心功能不受影响,没有任何广告。

技术方案

语言:Swift5
设计模式:MVC
路由方案:JLRoutes
主题和UI管理:Inspire
缓存方案:SQLite
数据同步方案:暂定AppleHealth

设计

初期使用Sketch制作效果图,在后期直接在项目中进行调整,没有再更新到Sketch中。下面这是最终发布到AppStore的应用截图:


1.jpg 
2.jpg 
3.jpg 
4.jpg 
5.jpg 
6.jpg

开发

心率测量组件

心率测量功能开发为一个私有库,具体实现稍后补充。。。

可定制UI

使用 Inspire 作为主题管理器,目前暂未支持主题切换,后续更新会加入。

快捷指令

使用JLRoutes路由方案,目前支持URLSchemes启动并开始测量,可接受两个参数:

1
2
3
4
5
6
// 直接启动
heartmatepro://record
// 自定义补光灯亮度(亮度值 l 为浮点数,取值范围是0~1)
heartmatepro://record?l=0.3
// 自定义补光灯亮度和测量样本容器大小(样本容器大小 c 为正整数,取值范围是1~20)
heartmatepro://record?l=0.1&c=10

免费版限制了自定义亮度,但是你依然可以通过这种方式来自定义。

ProHUD

使用 ProHUD 来负责弹窗和操作表,包括隐私政策页面。


6.jpg 
4.jpg 
3.jpg 
2.jpg 
1.jpg

上架

https://appstoreconnect.apple.com

新建应用,填写名称、BundleId等资料,然后在App页面填写描述、网址、隐私政策链接、上传截图、确定分级……

待应用通过 testflight 测试无误后,打包上传。然后过几分钟 appstoreconnect 页面就可以选中刚才上传的包了,然后提交审核,第二天就审核通过。(现在AppStore新应用审核也太快了)

瞧,是不是很简单,图都懒得截了。

迭代

数据价值

后续迭代中会在测量详情页面下方的留白处加上【标签】、【备注】、【数据分析】模块,前两者利于检索数据,数据分析目前没有能力独自完成,计划使用第三方服务。

细节

图标
这是一次彻底重做,所以也可以算是初版。很多细节还比较粗糙,例如图标没有经过打磨,设置列表连图标都没有。

占位图
很多页面在没有数据的时候也没有占位的图片,这个也会慢慢完善。

心率区间
心率卡片的颜色、心率卡片右上角以及归档页面心率的底部的彩色长条代表的是当前所处的心率区间,App中并没有说明,后续迭代中也会完善这里。并且心率区间的划分需要年龄和性别,这个也会在后期进行完善。

附:源码

App不开源,但是App使用的很多模块是开源的,自己开发的模块也上传至GitHub了。(App的关于页面可以看到)

开源库功能
InspireUI布局工具与主题管理
ProHUDToast控件、弹窗控件、操作表控件
第三方库(请自行搜索)功能
RxSwift响应式编程框架
JLRoutes路由
SnapKit自动布局
SQLite.swiftSQLite数据库管理
STDPickerView选择器控件
BuglyBUG追踪
第三方服务功能
Unsplash免费图片

 评论