基于HTML5的脑溢血康复护理软件设计

2019-12-26徐志伟李宗朋

卫生职业教育 2019年1期

徐志伟，万红，李宗朋，李震，朴雪

（徐州医科大学医学信息学院，江苏徐州 221004）

1 系统分析

1.1 软件开发的必要性

脑溢血是严重危害人类生命健康的常见病之一，具有发病急、进展快、病死率高、致残率高等特点[1]。脑溢血抢救不及时会导致神经功能缺损、肢体活动功能障碍、语言功能障碍等后遗症[2]。对脑溢血患者进行积极治疗，可以降低致残率，防止疾病复发，所以脑溢血后遗症患者术后护理意义重大。大部分患者家属脑溢血防治与康复护理知识较匮乏，错误的饮食和生活习惯往往会导致后遗症加重，甚至使疾病复发。因此，急需开发一个实用、便捷、高效的脑溢血康复护理软件。

国内一些专家、学者对脑溢血后遗症患者的回访进行了研究，发现目前针对此类患者的康复护理仍处于初期阶段，以信息查询、咨询为主，并没有专门为患者提供详细的康复计划和指导，未建立脑溢血后遗症患者康复指导系统。

鉴于以上原因，笔者开发了一项基于HTML5的脑溢血康复护理软件，实现了医患实时沟通，为脑溢血后遗症患者提供专业的家庭康复和护理指导。医生可以第一时间了解患者恢复情况，制定更好的康复方案，为脑溢血治疗方法研究奠定良好基础。

1.2 HTML5的优势

HTML5是互联网的核心技术之一，是构建和呈现互联网内容的一种语言方式，现已成为互联网开发技术的新标准[3]。与其他技术相比，HTML5具有自适应网页设计、跨平台使用、交互性强等优势。笔者开发的脑溢血康复护理软件根据患者情况、医生意见和最新资讯，在PC端与移动端及时更新、反馈和推送，具有广阔的发展前景。

图1 脑溢血康复护理软件总体设计

2 软件功能模块设计

根据脑溢血后遗症患者治疗需求，该软件设计4个主要功能模块，如图1所示。用户可直接在首页点击脑溢血视频、脑溢血管理、脑溢血影像、联系我们模块进入，也可以通过菜单选择更多模块进入。

2.1 脑溢血视频

本模块中，插入脑溢血介绍、预防视频。用户点击“脑溢血视频”按钮进入该模块，也可以通过菜单选择更多模块选项进入该模块，通过在线观看或下载观看两种方式浏览。笔者精心挑选质量转好的视频插入，用户可免费观看。

2.2 脑溢血管理

点击“脑溢血管理”按钮进入脑溢血管理模块，也可以通过菜单选择更多模块选项进入该模块。本模块中添加了治疗脑溢血的代表药物，详细介绍了它们的药动学特点、药理作用、适应证、用法用量以及注意事项。对于各种药物的特点进行简要说明，方便用户查询。用户点击菜单中相应选项卡，进入相关内容介绍页面。

2.3 脑溢血影像

该模块详细介绍了彩色多普勒双功能超声、MRA磁共振血管造影、CTA-CT血管成像技术、CTP-CT灌注成像、DSA-数字减影血管造影技术的原理及主要参数、应用领域和诊断价值。用户可以通过点击菜单中相应选项，进入相关内容介绍页面。

2.4 联系我们

该模块提供了医患交流沟通通道，用户点击“联系我们”按钮即可进入，也可以通过菜单选择更多模块选项进入。用户匿名发送关于脑溢血方面的疑惑，医生负责解答。用户对网站开发的建议或意见，也可以通过电子邮件的方式联系开发者，使网站不断完善。

3 系统实现

3.1 界面实现

脑溢血康复护理软件包括手机端和服务端两部分。为了使软件能够多设备跨平台使用，用户界面使用HTML5、JAVASCRIPT和CSS3相结合的方式，让操作更简单、美观、人性化。用户通过手机、平板电脑等移动设备向服务器发出请求，服务器响应之后最终将HTML5转换为图文并茂的网页，并呈现在移动客户端上。关键代码如下：

3.2 视频播放及下载的实现

观看和下载视频资源是用户使用脑溢血康复护理软件的基本需求，通过视频可以生动、清晰、全面地向用户展示脑溢血康复护理的前沿知识。网络微视频、多媒体技术的广泛应用和移动终端便携摄录技术的进步，使得医患双方视频交互更容易实现[4]。

脑溢血康复护理相关视频的播放主要通过HTML5的“Video”标签实现，不需要任何视频插件。由于各个浏览器支持的视频标准存在差异，视频解码器可以分为3种类型：H.264、Theora和 VP8[5]。在“Video”标签中定义了 3 个“Source”标签，通过“src”属性指定3个不同的媒体源，加入以上3种类型的视频标准，浏览器会自动挑选最佳视频源进行播放，从而实现多个浏览器兼容播放的操作。脑溢血康复护理相关视频的下载则通过使用 HTML5 的“a”标签实现，利用“a”标签“href”属性指明超链接目标的URL，利用“a”标签“download”属性重新规定超链接目标的文件名。同时，利用“img”标签向网页插入下载图标“”，并将此段代码嵌入“a”标签，从而实现单击下载图标“”即可下载脑溢血康复护理相关视频的操作。视频播放界面如图2所示，用户可以通过在线观看或者下载观看两种方式浏览，关键代码如下：

图2 脑溢血康复护理软件视频播放界面

3.3 数据存储与访问

笔者使用HTML5提供的客户端数据存储和离线存储技术，获得更好的用户体验。客户端存储采用“local Storage”方式，通过“js”设置“name”和“value”，保存软件中栏目相对固定的信息，如脑溢血护理注意事项、脑溢血治疗诊断现状等。离线存储则利用“manifest”文件配置本地文件和需要服务器进行加载的文件，即通过“cache manifest”文件指明需要缓存的资源，对静态页、图片等进行离线存储，用户在离线访问程序时，资源文件会自动加载，不需要从服务器端获取。通过以上两种本地存储实现用户即使在离线状态下也能继续浏览脑溢血康复护理软件信息。