基于HTML5的慢性腎臟病病情追蹤APP設(shè)計(jì)與實(shí)現(xiàn)

李 霖，張 然，耿 偉，沈 喆，陳 巖

（徐州醫(yī)科大學(xué)醫(yī)學(xué)信息與工程學(xué)院，徐州 221000）

0 引言

2022年3月12 日是第17個(gè)世界腎臟日，慢性腎臟?。╟hronic kidney disease，CKD）已經(jīng)成為全球性的公共健康問(wèn)題。CKD是一種需要終身管理的慢性疾病，有效的干預(yù)治療需要完善的隨訪管理進(jìn)行長(zhǎng)期病情追蹤［1］。但長(zhǎng)期病情追蹤需要耗費(fèi)大量的人力財(cái)力與物力，且在新冠疫情的籠罩下，線下就診被迫轉(zhuǎn)移至線上，CKD病人的就診與醫(yī)生對(duì)CKD病人長(zhǎng)期病情追蹤變得異常困難。因此，目前急需一款便捷的工具解決CKD病人長(zhǎng)期病情追蹤所面臨的困難。

1 需求分析

為使軟件功能更能滿足病情追蹤的需求，本APP用戶共包括四類(lèi)：CKD患者、隨訪醫(yī)生、患者家屬以及訪客，具體功能如圖1所示。

1.1 功能性需求

1.1.1 信息獲取

CKD患者的生活方式在疾病的治療策略中起著關(guān)鍵作用，針對(duì)慢性腎臟病人采取有效措施進(jìn)行預(yù)防和管理，可提高生存率與生存質(zhì)量，降低醫(yī)療花費(fèi)［2］。但是由于門(mén)診時(shí)間有限，醫(yī)生無(wú)法全面了解患者日常生活習(xí)慣，需要通過(guò)“患者信息填報(bào)”等途徑來(lái)詳細(xì)了解患者信息。

1.1.2 醫(yī)患交流

單向的信息填報(bào)無(wú)法滿足患者與醫(yī)生及時(shí)雙向溝通的需求。醫(yī)生希望從交流中了解患者心態(tài)，并在患者情緒不當(dāng)時(shí)提供安慰疏解。患者與家屬希望更加深入了解疾病的具體情況以及后續(xù)診療意見(jiàn)。

1.1.3 健康宣教

因CKD5期患者透析模式選擇的教育不足，對(duì)腎臟替代治療的決策不滿。《中國(guó)圍透析期慢性腎臟病管理規(guī)范》建議需要對(duì)透析前期CKD患者及家屬進(jìn)行良好的宣教［3］。

1.1.4 醫(yī)療社區(qū)

CKD病人在漫長(zhǎng)的病程中會(huì)逐漸缺乏安全感、成就感與自信心，需要鼓舞、陪伴與引導(dǎo)。線上醫(yī)療社區(qū)為情況相似的醫(yī)生與CKD患者提供交流平臺(tái)，促進(jìn)學(xué)術(shù)交流與相互慰藉。

1.2 非功能性需求

1.2.1 安全性需求

軟件需保證用戶交流信息以及填報(bào)信息不被偷窺、竊取、篡改，且對(duì)輸入信息設(shè)有提示，數(shù)據(jù)設(shè)有檢查，防止數(shù)據(jù)異常。

1.2.2 兼容性需求

軟件系統(tǒng)需支持iOS、Android、Web（響應(yīng)式），以及各種小程序、快應(yīng)用等多個(gè)平臺(tái)，支持MYSQL、SQL server等多種數(shù)據(jù)庫(kù)，方便各類(lèi)用戶進(jìn)行使用。

1.2.3 可維護(hù)性需求

軟件的普通維修應(yīng)于24小時(shí)內(nèi)修復(fù)完成，對(duì)于評(píng)估后為重大需求或設(shè)計(jì)修改應(yīng)在1周內(nèi)完成。

1.2.4 界面需求

軟件應(yīng)配置多種主題模式，且允許用戶自定義，為用戶打造舒適界面。

2 軟件實(shí)現(xiàn)

2.1 總體架構(gòu)

本APP采用C/S架構(gòu)，并增加了HAProxy負(fù)載均衡器與服務(wù)器集，提高APP的高強(qiáng)度并發(fā)性。如圖2所示，當(dāng)軟件處于多用戶并發(fā)訪問(wèn)狀態(tài)時(shí)，用戶請(qǐng)求信息會(huì)通過(guò)HAProxy負(fù)載均衡器被均衡分布在服務(wù)器集中某一服務(wù)器中，保證APP平穩(wěn)運(yùn)行，提高用戶體驗(yàn)感。

2.2 APP框架

APP的設(shè)計(jì)采用MUI app框架和uni-app框架，MUI是最接近原生App體驗(yàn)的前端框架，uni-app是一個(gè)使用Vue.js開(kāi)發(fā)所有前端應(yīng)用的框架，二者均可實(shí)現(xiàn)開(kāi)發(fā)者編寫(xiě)一套代碼，即可發(fā)布到iOS、Android、Web（響應(yīng)式），以及各種小程序、快應(yīng)用等多個(gè)平臺(tái)。MUI官方網(wǎng)站首頁(yè)如圖3所示。

2.3 開(kāi)發(fā)工具

2.3.1 前端開(kāi)發(fā)工具HBuilder X

HBuilderX是當(dāng)前最便捷的HTML開(kāi)發(fā)工具，借助該工具使用Java與HTML5語(yǔ)言編寫(xiě)程序，使得本款A(yù)PP相對(duì)于其他APP具有如下特點(diǎn)，具體見(jiàn)表1。

表1 HTML5 APP與原生APP的對(duì)比

2.3.2 數(shù)據(jù)庫(kù)MySQL

本APP采用MySQL數(shù)據(jù)庫(kù)存儲(chǔ)患者賬號(hào)與密碼等基本信息，相較于其它的數(shù)據(jù)庫(kù)，MySQL數(shù)據(jù)庫(kù)主要優(yōu)勢(shì)如表2所示。

表2 MySQL、Oracle、SQL server各項(xiàng)對(duì)比

2.3.3 后端開(kāi)發(fā)工具Eclipse

Eclipse是一個(gè)開(kāi)放源代碼的、基于Java的可擴(kuò)展開(kāi)發(fā)平臺(tái)。本APP借助Eclipse工具編寫(xiě)后端代碼，可自動(dòng)解析前端通過(guò)JavaScript自帶JSON格式所傳輸?shù)臄?shù)據(jù)，減輕了數(shù)據(jù)傳輸解析負(fù)擔(dān)。

3 APP功能展示與具體設(shè)計(jì)

本APP具體功能如圖4所示，通過(guò)數(shù)據(jù)庫(kù)接口與醫(yī)院進(jìn)行連接，實(shí)現(xiàn)信息填報(bào)與醫(yī)生反饋，即醫(yī)患交互。

本APP的具體登錄流程如圖5所示，用戶進(jìn)入軟件后根據(jù)自身情況選擇進(jìn)入登錄或注冊(cè)界面。在注冊(cè)界面，系統(tǒng)根據(jù)用戶所選擇的角色（醫(yī)生、患者、家屬、訪客）對(duì)用戶進(jìn)行不同的身份驗(yàn)證及綁定操作。

圖6所示為APP的患者主界面，共分為四個(gè)功能模塊。首頁(yè)模塊主要包括：文章推送、飲食提示以及九個(gè)小功能按鍵。

3.1 功能性需求實(shí)現(xiàn)

（1）信息填報(bào)。本APP設(shè)置信息填報(bào)模塊，主要收集患者的生活習(xí)慣與生活作息、飲食習(xí)慣與飲食健康、身體體征與心理狀況，如圖7（a）所示。

患者填報(bào)信息通過(guò)數(shù)據(jù)庫(kù)直接傳輸至隨訪醫(yī)生客戶端應(yīng)用，由醫(yī)生查看后返回反饋意見(jiàn)，如圖7（d）所示。同時(shí)系統(tǒng)會(huì)根據(jù)患者所填寫(xiě)的每日三餐記錄，自動(dòng)計(jì)算檢測(cè)蛋白質(zhì)等物質(zhì)的攝入量，超過(guò)該日上限將給予警告，超過(guò)三次將直接上報(bào)至隨訪醫(yī)生處。

（2）交流模塊。本APP交流模塊采用“一對(duì)一”的模式，患者僅可與綁定的就診醫(yī)院指定隨訪醫(yī)生以及綁定的家屬進(jìn)行一對(duì)一咨詢交流。與其他醫(yī)生、患者可在“社區(qū)”模塊進(jìn)行交流，不可進(jìn)行“一對(duì)一”交流。

（3）健康宣教。研究表明，對(duì)慢性病相關(guān)危險(xiǎn)因素進(jìn)行管理可有效控制慢性病的發(fā)展［4］，但醫(yī)生初次叮囑即進(jìn)行改正生活方式的患者不足27%。如圖7（b）所示，本APP設(shè)有文章推送、大咖直播等健康宣教模塊，幫助患者與家屬加強(qiáng)對(duì)CKD病理以及治療手段的了解，從而實(shí)現(xiàn)自我監(jiān)督與家屬監(jiān)督，減少醫(yī)患矛盾。

（4）社區(qū)服務(wù)。家庭與集體是最容易獲得溫暖的地方。本APP設(shè)置社區(qū)板塊，患者、醫(yī)生、家屬均可以在社區(qū)內(nèi)進(jìn)行交流，互相安慰，分享趣事，探討病情等，可幫助患者重塑自信。同時(shí)線上社區(qū)模式打破了地域界限，可以為偏遠(yuǎn)地區(qū)患者提供醫(yī)療服務(wù)，幫助醫(yī)生將應(yīng)用擴(kuò)展到預(yù)防、診斷和治療在內(nèi)的醫(yī)療服務(wù)各個(gè)環(huán)節(jié)［5］。

3.2 非功能性需求實(shí)現(xiàn)

本APP運(yùn)用隱私保護(hù)算法，可以保證用戶信息安全。MUI模板的運(yùn)用使軟件系統(tǒng)支持iOS、Android等多個(gè)平臺(tái)，支持MYSQL、SQL server等多種數(shù)據(jù)庫(kù)。同時(shí)，軟件配置100多種主題模式且允許用戶進(jìn)行模式自定義。

3.3 特色功能

（1）希望樂(lè)園。本APP配有小型任務(wù)，通過(guò)每天的打卡、觀看醫(yī)生直播、查看健康貼士、閱讀健康小文章等任務(wù)獲得水、陽(yáng)光與肥料，從而幫助希望樂(lè)園內(nèi)的種子生根、發(fā)芽、健康成長(zhǎng)。希望樂(lè)園模塊的設(shè)立在促進(jìn)患者健康生活的同時(shí)可以幫助患者獲得一定的成就感。此外，本APP打卡界面無(wú)廣告彈窗，而是推送一些溫暖的話語(yǔ)幫助患者重拾自信。

（2）語(yǔ)言優(yōu)化。良好的醫(yī)患交流有助于改善患者的心理健康與生理狀態(tài)［6］。但部分醫(yī)生因言語(yǔ)太過(guò)直接等會(huì)讓患者產(chǎn)生心理上的不適，不利于患者健康。本APP運(yùn)用語(yǔ)言優(yōu)化算法幫助避免一定的醫(yī)患矛盾問(wèn)題。如圖7（c）所示。

（3）緊急求救。本款A(yù)PP主界面設(shè)置緊急求救按鈕，可以通過(guò)無(wú)線網(wǎng)絡(luò)向周邊人群以及患者家屬發(fā)出緊急求救信息，如若5分鐘未得到回復(fù)，自動(dòng)聯(lián)系該患者所對(duì)應(yīng)的隨訪醫(yī)生。從而保障患者的生命安全。如圖7（e）所示。

（4）輔助填報(bào)。本款A(yù)PP設(shè)有家屬用戶，該用戶可以幫助患者修改日常填報(bào)信息，防止患者瞞報(bào)、漏報(bào)。同時(shí)家屬用戶需每日提交患者心情狀況，方便醫(yī)生及時(shí)進(jìn)行心理輔導(dǎo)。

4 結(jié)語(yǔ)

本款A(yù)PP聚焦CKD患者與醫(yī)院的需求，通過(guò)HBuilder X開(kāi)發(fā)工具與MySQL數(shù)據(jù)庫(kù)，并借助JavaScript自帶JSON格式進(jìn)行數(shù)據(jù)傳輸，在極大減輕數(shù)據(jù)傳輸解析負(fù)擔(dān)，增強(qiáng)軟件適用性的同時(shí)，對(duì)CKD病人的日常生活進(jìn)行實(shí)時(shí)精準(zhǔn)隨訪，充分滿足病情追蹤需求。醫(yī)院通過(guò)本APP可以及時(shí)向患者提供一些建議，提升患者飲食健康，改善患者日常生活，延緩CKD病程進(jìn)一步發(fā)展。同時(shí)醫(yī)院可以收集記錄CKD患者隨訪信息，為后續(xù)研究提供數(shù)據(jù)支持。