基于HTML5的慢性肾脏病病情追踪APP设计与实现

李 霖，张 然，耿 伟，沈 喆，陈 岩

（徐州医科大学医学信息与工程学院，徐州 221000）

0 引言

2022年3月12 日是第17个世界肾脏日，慢性肾脏病（chronic kidney disease，CKD）已经成为全球性的公共健康问题。CKD是一种需要终身管理的慢性疾病，有效的干预治疗需要完善的随访管理进行长期病情追踪［1］。但长期病情追踪需要耗费大量的人力财力与物力，且在新冠疫情的笼罩下，线下就诊被迫转移至线上，CKD病人的就诊与医生对CKD病人长期病情追踪变得异常困难。因此，目前急需一款便捷的工具解决CKD病人长期病情追踪所面临的困难。

1 需求分析

为使软件功能更能满足病情追踪的需求，本APP用户共包括四类：CKD患者、随访医生、患者家属以及访客，具体功能如图1所示。

1.1 功能性需求

1.1.1 信息获取

CKD患者的生活方式在疾病的治疗策略中起着关键作用，针对慢性肾脏病人采取有效措施进行预防和管理，可提高生存率与生存质量，降低医疗花费［2］。但是由于门诊时间有限，医生无法全面了解患者日常生活习惯，需要通过“患者信息填报”等途径来详细了解患者信息。

1.1.2 医患交流

单向的信息填报无法满足患者与医生及时双向沟通的需求。医生希望从交流中了解患者心态，并在患者情绪不当时提供安慰疏解。患者与家属希望更加深入了解疾病的具体情况以及后续诊疗意见。

1.1.3 健康宣教

因CKD5期患者透析模式选择的教育不足，对肾脏替代治疗的决策不满。《中国围透析期慢性肾脏病管理规范》建议需要对透析前期CKD患者及家属进行良好的宣教［3］。

1.1.4 医疗社区

CKD病人在漫长的病程中会逐渐缺乏安全感、成就感与自信心，需要鼓舞、陪伴与引导。线上医疗社区为情况相似的医生与CKD患者提供交流平台，促进学术交流与相互慰藉。

1.2 非功能性需求

1.2.1 安全性需求

软件需保证用户交流信息以及填报信息不被偷窥、窃取、篡改，且对输入信息设有提示，数据设有检查，防止数据异常。

1.2.2 兼容性需求

软件系统需支持iOS、Android、Web（响应式），以及各种小程序、快应用等多个平台，支持MYSQL、SQL server等多种数据库，方便各类用户进行使用。

1.2.3 可维护性需求

软件的普通维修应于24小时内修复完成，对于评估后为重大需求或设计修改应在1周内完成。

1.2.4 界面需求

软件应配置多种主题模式，且允许用户自定义，为用户打造舒适界面。

2 软件实现

2.1 总体架构

本APP采用C/S架构，并增加了HAProxy负载均衡器与服务器集，提高APP的高强度并发性。如图2所示，当软件处于多用户并发访问状态时，用户请求信息会通过HAProxy负载均衡器被均衡分布在服务器集中某一服务器中，保证APP平稳运行，提高用户体验感。

2.2 APP框架

APP的设计采用MUI app框架和uni-app框架，MUI是最接近原生App体验的前端框架，uni-app是一个使用Vue.js开发所有前端应用的框架，二者均可实现开发者编写一套代码，即可发布到iOS、Android、Web（响应式），以及各种小程序、快应用等多个平台。MUI官方网站首页如图3所示。

2.3 开发工具

2.3.1 前端开发工具HBuilder X

HBuilderX是当前最便捷的HTML开发工具，借助该工具使用Java与HTML5语言编写程序，使得本款APP相对于其他APP具有如下特点，具体见表1。

表1 HTML5 APP与原生APP的对比

2.3.2 数据库MySQL

本APP采用MySQL数据库存储患者账号与密码等基本信息，相较于其它的数据库，MySQL数据库主要优势如表2所示。

表2 MySQL、Oracle、SQL server各项对比

2.3.3 后端开发工具Eclipse

Eclipse是一个开放源代码的、基于Java的可扩展开发平台。本APP借助Eclipse工具编写后端代码，可自动解析前端通过JavaScript自带JSON格式所传输的数据，减轻了数据传输解析负担。

3 APP功能展示与具体设计

本APP具体功能如图4所示，通过数据库接口与医院进行连接，实现信息填报与医生反馈，即医患交互。

本APP的具体登录流程如图5所示，用户进入软件后根据自身情况选择进入登录或注册界面。在注册界面，系统根据用户所选择的角色（医生、患者、家属、访客）对用户进行不同的身份验证及绑定操作。

图6所示为APP的患者主界面，共分为四个功能模块。首页模块主要包括：文章推送、饮食提示以及九个小功能按键。

3.1 功能性需求实现

（1）信息填报。本APP设置信息填报模块，主要收集患者的生活习惯与生活作息、饮食习惯与饮食健康、身体体征与心理状况，如图7（a）所示。

患者填报信息通过数据库直接传输至随访医生客户端应用，由医生查看后返回反馈意见，如图7（d）所示。同时系统会根据患者所填写的每日三餐记录，自动计算检测蛋白质等物质的摄入量，超过该日上限将给予警告，超过三次将直接上报至随访医生处。

（2）交流模块。本APP交流模块采用“一对一”的模式，患者仅可与绑定的就诊医院指定随访医生以及绑定的家属进行一对一咨询交流。与其他医生、患者可在“社区”模块进行交流，不可进行“一对一”交流。

（3）健康宣教。研究表明，对慢性病相关危险因素进行管理可有效控制慢性病的发展［4］，但医生初次叮嘱即进行改正生活方式的患者不足27%。如图7（b）所示，本APP设有文章推送、大咖直播等健康宣教模块，帮助患者与家属加强对CKD病理以及治疗手段的了解，从而实现自我监督与家属监督，减少医患矛盾。

（4）社区服务。家庭与集体是最容易获得温暖的地方。本APP设置社区板块，患者、医生、家属均可以在社区内进行交流，互相安慰，分享趣事，探讨病情等，可帮助患者重塑自信。同时线上社区模式打破了地域界限，可以为偏远地区患者提供医疗服务，帮助医生将应用扩展到预防、诊断和治疗在内的医疗服务各个环节［5］。

3.2 非功能性需求实现

本APP运用隐私保护算法，可以保证用户信息安全。MUI模板的运用使软件系统支持iOS、Android等多个平台，支持MYSQL、SQL server等多种数据库。同时，软件配置100多种主题模式且允许用户进行模式自定义。

3.3 特色功能

（1）希望乐园。本APP配有小型任务，通过每天的打卡、观看医生直播、查看健康贴士、阅读健康小文章等任务获得水、阳光与肥料，从而帮助希望乐园内的种子生根、发芽、健康成长。希望乐园模块的设立在促进患者健康生活的同时可以帮助患者获得一定的成就感。此外，本APP打卡界面无广告弹窗，而是推送一些温暖的话语帮助患者重拾自信。

（2）语言优化。良好的医患交流有助于改善患者的心理健康与生理状态［6］。但部分医生因言语太过直接等会让患者产生心理上的不适，不利于患者健康。本APP运用语言优化算法帮助避免一定的医患矛盾问题。如图7（c）所示。

（3）紧急求救。本款APP主界面设置紧急求救按钮，可以通过无线网络向周边人群以及患者家属发出紧急求救信息，如若5分钟未得到回复，自动联系该患者所对应的随访医生。从而保障患者的生命安全。如图7（e）所示。

（4）辅助填报。本款APP设有家属用户，该用户可以帮助患者修改日常填报信息，防止患者瞒报、漏报。同时家属用户需每日提交患者心情状况，方便医生及时进行心理辅导。

4 结语

本款APP聚焦CKD患者与医院的需求，通过HBuilder X开发工具与MySQL数据库，并借助JavaScript自带JSON格式进行数据传输，在极大减轻数据传输解析负担，增强软件适用性的同时，对CKD病人的日常生活进行实时精准随访，充分满足病情追踪需求。医院通过本APP可以及时向患者提供一些建议，提升患者饮食健康，改善患者日常生活，延缓CKD病程进一步发展。同时医院可以收集记录CKD患者随访信息，为后续研究提供数据支持。