1、Internet+Education Solutions运动手环开发与设计4.4 运动手环应用设计EducationSolutions目录ContentsInternet+Web App框架设计运动手环应用界面逻辑运动手环功能设计应用测试1:53/3Web App框架设计 WEB App技术实现1 将 WEB 文件放在指定的位置 在安卓源码中，有一个叫做 assets 的文件，将编写好的 WEB 文件放入其中即可。2 引入 webview 控件 在安卓工程的 MainActivity.java 文件中，引入 webview 控件，具体方法是 import 相关的包。3 设置相关参数4 最终加载
2、放在 assets 文件夹内的 WEB 文件 mWebView.loadUrl(file:/android_asset/index.html)；1:53/4Web App框架设计 运动手环应用界面逻辑l在运动手环控制软件的界面设计上，采用两级菜单的形式：l第一级菜单为大的类别菜单，有“功能”、“设置”、“其他”、“扩展”四个大类。l每个一级导航菜单都配有若干二级导航菜单，这些二级导航菜单是对第一级导航的细化，分布在界面左部。1:53/5Web App框架设计 运动手环应用界面逻辑l“功能”应用界面“运动监控”框架。l“功能”应用界面“活动轨迹”框架。1:53/6Web App框架设计 运动手环
3、应用界面逻辑l“功能”应用界面“睡眠监控”框架。l“功能”应用界面“心率监控”框架。1:53/7Web App框架设计 运动手环应用界面逻辑l“设置”应用界面“时间日期”框架。l“设置”应用界面“闹钟设置”框架。1:53/8Web App框架设计 运动手环应用界面逻辑l“设置”应用界面“模式选择”框架。l“设置”应用界面“蓝牙绑定”框架。1:53/9运动手环功能设计 运动监控l运动监控界面，可实时同步穿戴者的运动数据，包括运动步数、行走里程数、以及运动消耗能量值。对应的 ZXBee协议参数是A3。1:53/10运动手环功能设计 活动轨迹l通过GPS定位，获取里程值再通过里程值计算配速，绘制里程
4、路线曲线。1:53/11运动手环功能设计 活动轨迹l开始按钮点击开始运动计时，运动手环开始计时，当点击“暂停”时，运动手环停止计时。如果接着点击“开始”计时清零，运动手环接着计时依次循环下去。1:53/12运动手环功能设计 睡眠监控l睡眠监控界面可实时监控使用者的睡眠情况，包括睡眠质量、睡眠时长、深度睡眠时间、当前时间日历以及翻身次数计数等对应的 ZXBee协议参数分别是 A1、A4。l获取睡眠时长。通过计算得到深度睡眠时间，以及翻身次数获取。1:53/13运动手环功能设计 心率监控l心率控制按钮设置。1:53/14运动手环功能设计 心率监控l获取心率值，并对心率值进行比较获得最大及最小值并显
5、示。1:53/15运动手环功能设计 心率监控l首先实现心率曲线绘制通过get_in_heart()方法实现，接着获取每秒心率数值，并通过曲线图进行显示。1:53/16运动手环功能设计 模式选择l模式选择界面可切换自动模式和手动模式，对应的 ZXBee协议参数分别是 V4、V5。V4表示模式时间段，V5表示两种模式。在自动模式下，可以设置运动起始时间和睡眠起始时间。在手动模式下。可以手动切换普通模式、运动模式以及睡眠模式。l自动模式设置1:53/17运动手环功能设计 模式选择l手动模式下有三种模式选择，普通模式、运动模式以及睡眠模式l手动模式下，点击保存按钮，将三种模式发送至底层。1:53/18
6、运动手环应用测试 时间日期设置测试l打开APP，点击“设置”，选择“时间日期”，点击“重置时间”，OLED显示屏上时间更新为APP上时间。1:53/19运动手环应用测试 闹钟设置测试l选择“闹钟设置”，然后选择星期，点击时间修改，修改好后，点击“保存闹钟”，在界面右边滑动滑块，打开闹钟。l当闹钟时间到时，OLED上显示闹钟，并伴有振动传感器振动。1:53/20运动手环应用测试 模式选择测试l选择“模式选择”，选择“自动”，在自动模式下，可以设置运动模式时间和睡眠模式时间，然后点击“保存”，就可以保存模式设置。1:53/21运动手环应用测试 模式选择测试l选择“手动”，可以选择“普通模式”、“运
7、动模式”、“睡眠模式”，假如选择“运动模式”，点击“保存”后，RGB灯红绿蓝三种颜色闪烁，在OLED显示屏上显示运动的图标。1:53/22运动手环应用测试 模式选择测试l选择“睡眠模式”，点击“保存”后，RGB灯显示绿色，在OLED显示屏上显示睡眠的图标。1:53/23运动手环应用测试 运动监控功能测试l在APP上设置为运动模式，然后摇动运手环板卡，按K2按键两次，OLED上显示步数。l在APP上点击“功能”，选择“运动监控”，点击“刷新”，然后会显示步数、总里程、卡路里1:53/241:53/251:53/261:53/271:53/281:53/291:53/301:53/311:53/321:53/33运动手环应用测试 活动轨迹功能测试l点击“活动轨迹”，点击“开始”，摇动运动手环板卡，等待数据更新到APP上。1:53/34运动手环应用测试 睡眠监控测试l点击“睡眠监控”，在APP上选择睡眠模式并保存，摇动运动手环板卡，等待数据更新到APP上。1:53/35运动手环应用测试 心率监控测试l点击“心率监控”点击“开始”，将手指按压在心率传感器模块上，等待数据更新到APP上。
