基于HTML5的智慧养老服务平台研究

王磊 聂滔滔 孙芳 刘哲 王秀娟

摘要：针对当前老年人网站商业化太浓，不注重休闲娱乐，导航不明确的特点，结合HTML5（H5）技术，搭建一款专门面向老年人的智慧养老公众服务平台。系统设计重点结合中国老年人的生理和心理特点，具有非常重要的应用和推广价值。测试结果表明系统平台运行良好。

关键词：HTML5；Cordova；Bootstrap；智慧养老

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2018）28-0075-03

Research on Intelligent Pension Service Platform Based on HTML5

WANG Lei， NIE Tao-tao， SUN Fang， LIU Zhe，WANG Xiu-juan

（Taishan Medical College College of Medical Informatics Engineering， Taian 271016， China）

Abstract： In view of the current old website commercialization is too strong， does not pay attention to the leisure entertainment， the characteristics of navigation is not clear， in combination with HTML 5 （H5） technology， set up a dedicated to the wisdom of the elderly pension public service platform. The system design focuses on the physical and psychological characteristics of the elderly in China and has very important application and promotion value. The test results show that the system platform runs well.

Key words： HTML5； Cordova； Bootstrap； Intelligent Pension Service

1 背景

根據中国互联网络信息中心发布的数据，从2000年到2017年6月，我国50岁以上的网民群体呈扩大趋势。2017年，50岁以上网民群体在网民中所占比例达到10.6%，越来越多的中老年人融入了互联网之中，他们通过自己的生活经验构建了独特的互联网使用方式，形成了区别于年轻人的互联网文化。中国社会科学院社会学研究所与腾讯社会研究中心联合课题组以50岁及以上人群为研究对象，通过数据分析和典型现象刻画中老年人的互联网生活，研究报告表明：智能手机是最主要的接入端口；中老年人互联网体验日渐立体全面；与慰藉心灵、调节情绪有关的互联网内容中老年人点击最多；中等收入及以上、有经济自主性的中老年人互联网受骗比例更高。[8]

我国是世界上唯一老年人口超过1亿的国家，也是发展中国家中人口老龄化最严峻的国家。在现有的养老模式下利用先进的计算机技术，打造一个安全、高效的智慧养老App平台，全面推进养老服务水平，是破解我国日趋尖锐的养老服务难题的有效途径之一，同时也是切实提高广大老年人健康、生活质量的重要出路。

该文开发了一套基于HTML5的 智慧养老App，使中老年人能够非常方便地通过手机、平板等移动终端设备随时随地、方便快捷地浏览查看日常娱乐，养生等信息，同时还可以满足中老年人的情感交流需求和紧急求助需求。

2 开发平台及技术

HTML5是唯一一个统配PC，MacC，iPhone、iPad、Android、Windows Phone等主流平台的跨平台语言，是开发一次，多端部署的跨平台语言，可以实现音频、视频自由嵌入，使多媒体形式更为灵活；可以使用地理定位功能使人们随时随地分享位置等等功能。

系统开发采用了App快速开发框架Wex5。该框架遵循Apache开源协议，完全开源免费，上百个组件框架，全部开放。结合HTML5、CSS3、JAVASCRIPT标准技术，实现了系统App一次开发，多端任意部署。拖曳式的页面设计和Bootstrap提供的丰富Web组件使得前端界面设计美观实用、导航交互更加人性化；同时采用Cordova插件技术提供的设备相关API，实现了拍照、录像、录音、快速拨号、智能地理定位功能。后台数据库采用SQLITE轻型嵌入式数据库平台，调用WEX5的Bass实现。[1-4]

3 数据库设计

数据库设计采用基于3NF的规范设计方法。从最初自顶而下的需求分析，后经自底而上的概念结构设计，得到了智慧养老平台的全局E-R图，然后将E-R图转换为数据库逻辑结构。概念结构设计阶段着重根据老年人的生活习惯，针对经常查询的数据，刻意保留了必要的冗余。转化后的逻辑结构关系模式根据3NF的要求进行了必要的分解，实现了尽可能少的数据更新异常。为提高数据的查询效率，物理结构设计阶段针对常用字段创建了必要的索引，物理文件采用了分区存放策略，以提高IO存取效率。[5-7]

4 系统功能设计

根据软件的功能和性能需求，系统功能设计主要包括中华养生，休闲娱乐，亲情互动，紧急求助，生活服务，老年咨询六大模块，满足用户需求，方便用户使用。系统结构层次脉络清晰，界面简洁，适合广大老年朋友。系统功能模块结构图如图1：

中华养生模块给用户提供了大量的养生知识和养生文章。当用户点击打开中华养生界面以后，自上而下会出现许多的图文，可以进行上滑操作查看更多。根据用户的需要，点击对应图文，App就会自动加载当前文档，具体而详细的供用户阅读。如果用户喜欢此文章，想要分享给大家，点击当前界面的分享按钮即可将该文章发表出去，供其他用户查看。指定时间文章内容都会更新。

休闲娱乐模块为中老年人提供了许多休闲娱乐的选择，扫除了生活的苦闷与寂寥。该休闲娱乐区域一共分为三大模块，包括：艺术类，歌剧类，棋牌类。艺术类子模块再分为书法，养鸟，赏花和广场舞四大区域功能模块。用户可以根据自己的爱好和需求来进行选择，当用户点击“养鸟”按钮时，就会为用户提供养鸟知识以及鸟的品种，为用户提供大量的养鸟文章；当用户点击“书法”按钮时，就会为用户提供展示大量的书画作品，供用户欣赏；当用户点击“赏花”或者“广场舞”按钮时，前者App会为用户提供养花知识和各种花卉图片，后者为用户提供广场舞的视频教学以及广场舞的视频欣赏。歌剧类子模块再分为京剧，古典，红歌和乐器四大功能模块。用户根据自己的爱好和需求进行选择，当点击对应的操作按钮后，就会为用户提供相应的图文知识，或音频播放，或视频教学。当用户每使用一个功能结束以后，点击当前界面左上角的“<”图标即可退出当前操作界面，根据自己的需求重新进行选择。棋牌类子模块再分为棋类，扑克，麻将以及智力游戏四大模块。用户根据自己的爱好和需求点击相应的按钮后，就会出现棋类游戏，或扑克类游戏，或麻将类游戏，或智力类游戏。棋类主要包括：象棋，跳棋，军棋，五子棋；扑克主要包括斗地主；麻将主要有贵州麻将，重庆麻将，四川麻将，山东麻将；智力游戏主要包括智力型的小游戏。用户点击相应游戏种类，进入界面点击开始即可进行游玩。

亲情互动模块主要包括三个子功能：事物分享，亲情交流，黄昏恋情。事物分享子功能中，用户可以发表自己的一些意见以及用户想发表的任何图文。该发表过程中不会有匿名发送，对于用户发表的图文会进行严格的监视，如果有用户发表违背道德或者扰乱公共秩序等不利的图文，对于长期进行此类操作的这些用户将被拉入黑名单，此账户将被冻结，不再享有智慧养老App的使用权利，并且交由公安机关进行严格的审查和处理；对于短期进行此类操作的用户将给予提醒或者进行严格的警告。发表内容可以是文章+图片，也可以是其中一种。对于发表过的图文，可以进行删除操作，不再显示；发表过的图文会保存在发表记录中。除此之外，事物分享是一个公共的界面，所有用户的发表图文都会被可视化（也就是说只要是登录成功的用户都会看见），其他用户可以进行点赞，评论以及举报操作。亲情交流子功能给用户创建一个交流平台。 在进行此操作之前，用户需要进行好友的添加，在当前界面的右上角有一个“+”的图标，点击此图标即可进入好友添加界面，添加方式是以对方的App账号为准。在添加完好友以后，点击好友所在的一栏，即可进入交流界面，可以向指定好友发送图片，文章，表情，语音，文字，连接等内容。当然，用户也可以接收来自其他好友发来的信息。黄昏恋情子功能针对老年人后期的爱情培抚。在用户点击打开该功能后，进入功能区的主界面，这里用户会看见所有想要得到爱情的人的信息，具体包括：姓名，年龄，个人照，联系方式。该界面中的用户信息只用于界面展示，允许发表用户进行修改，其他用户不能进行任何的操作。发表的方式在當前界面的右上角有一个“+”的图标，点击进入后，即可进行信息的编辑和发表。

紧急求助模块为用户提供了紧急号码查询和紧急快捷键设置功能。

生活服务模块包括养生保健用品和人工服务区两个子模块。在登录成功以后，点击“生活服务区”按钮即可进入生活服务区界面进行其他的操作。其中人工服务区再分为兼职和服务。

老年资讯模块为用户提供海量的养老政策以及身体健康方面的文章知识。指定时间会自动更新图文内容，主要包括中国当前的养老政策信息以及老年生活健康方面的图文。比如：最新的养老政策，政府的养老扶持和最新的老年活动等等信息。根据用户的需要，点击对应图文，App就会自动加载当前文档，具体而详细的供用户阅读。如果用户喜欢此文章，想要分享给大家，点击当前界面的分享按钮即可将该文章发表出去，供其他用户查看。

5 系统实现与测试

在注册完账号以后，输入账号和密码，点击“登录”字样的按钮就可以进入智慧养老App的主界面了。实现主界面如图2。

实现“紧急报警”功能时，调用了Cordova-plugin-media插件，使用步骤如下：[1][3]

1）导入插件：

在程序开头，需要写入代码： require（"cordova！cordova-plugin-media"）；来导入media插件。

2）加载音频文件

var src = window.location.origin + require.toUrl（url）；其中参数url便是音频文件的路径。

3）启动报警和停止报警实现

在程序中添加一个“启动报警”按钮，并且为这个按钮设置一个点击事件，事件中的方法体为该按钮对象调用play方法：this.mediaRec.play（）；同理添加“停止报警”按钮，按钮的点击事件中方法体为该按钮对象调用stop方法：this.mediaRec.stop（）；。

系统测试阶段分了两种情况。页面开发一般使用浏览器调试，如果浏览器访问页面正常，而App访问报错时就要进行App调试。App调试是使用PC浏览器监控手机的运行过程，借助浏览器相应的工具能力完成对真机前端UI页面的调试。如果Cordova插件出现问题则必须要使用原生环境进行调试。App调试通过后，则继续将APK文件和IPA文件安装到安卓手机和苹果手机上，进行真机测试，该阶段测试侧重于软件的功能和性能，以用户的视角来测试软件的实用性和友好性。[1]

6 结束语

在当前老龄人口急剧增速的形势下，该课题借助先进的信息技术手段，根据中国老年人的生理和心理特点，基于HTML5（H5）低成本跨平台的开发优势以及其混合模式移动应用特点，搭建一个专门面向老年人的智慧养老公众服务平台。通过该平台可以丰富老年人的晚年生活，创建良好的互联网养老文化氛围。

参考文献：

[1] 马科. HTML5 App商业开发实战教程——基于WeX5可视化开发平台[M]. 北京： 高等教育出版社， 2016（9）.

[2] 胡晶. 基于HTML5的Web移动应用开发研究[J]. 工业控制计算机， 2014， 27（10）： 80-81.

[3] 顾学海， 胡牧， 蒋厚明， 等. 基于HTML5的混合移动应用开发[J]. 计算机系统应用， 2016， 25（5）： 236-239.

[4] 刘忠杰. 基于HTML5的电子报纸制作与展示系统研究[J]. 微型机与应用， 2017， 36（13）： 97-101.

[5] 王珊. 数据库系统概论[M]. 北京： 高等教育出版社， 2014（9）： 158-164.

[6] 刘英杰. 基于Android的自助导游服务系统[J]. 微型机与应用， 2016， 35（10）： 98-100.

[7] 宋凯. 基于Android的校园商用服务集成平台[J]. 微型机与应用， 2015， 34（18）： 92-94.

[8] 光明日报.我国中老年人互联网生活研究报告[DB/OL]. http：//media.people.com.cn/n1/2018/0322/c40606-29881635.html.

【通联编辑：谢媛媛】