基于HTML5-Web APP构建放射治疗服务平台的研究

艾 念李 俊方 勇陈 飞岳小龙



基于HTML5-Web APP构建放射治疗服务平台的研究

艾 念①李 俊①方 勇①陈 飞①岳小龙①

艾念,男,(1982- ),硕士研究生，工程师。孝感市中心医院放疗科，从事放射物理，放疗设备维修与维护工作。

目的：基于HTML5-Web APP程序，构建放射治疗服务平台。方法：①采用navigator online和online/offline在线模式，实现注册与登录栏数据同步进行；②使用Offline App Cache将放射治疗服务平台信息文件离线缓存；③在localstorage数据库存储本地数据；④使用结构化查询语言SQL访问web数据库，增强多媒体的能力；⑤在治疗结束反馈栏目中调用API函数。结果：构建放射治疗服务平台，实现了用户的注册与登陆、放射治疗流程与注意事项、饮食与营养、心理辅导及治疗反馈等功能。结论：放射治疗服务平台的构建，可开展全方位的放射治疗服务，能够使患者在治疗前、治疗中和治疗后3个环节中将放射治疗延伸到身心关怀，从而为患者提供优质高效的服务。

HTML5程序；放射治疗；服务平台；信息管理

①孝感市中心医院放疗科 湖北 孝感 432000

[First-author’s address] The Centre Hospital of Xiaogan, Xiaogan 432000, China.

目前，移动通信设备与技术广泛应用于医疗服务机构，而移动医疗是一种通过移动设备的支持来提供医药和公共健康服务的实践方法，其最大的特点是提供随时随地的、普适的医疗服务[1]。移动设备可作为一个有效的服务工具来实现医疗信息的实时交付、访问和存储。HTML5程序语言标准已经广泛应用于Web应用程序系统，其核心技术如网页存储、图形图像、音频视频以及地理定位等的应用均已标准化，HTML5通过结合更多的应用程序编程接口(application programming interface，API)使得其核心技术在网络开发应用中显得极为重要[2]。移动设备在移动医疗领域的应用为医院提供了更开放的平台，为此，本研究基于HTML5-Web APP应用程序构建放射治疗服务平台，在肿瘤放射治疗流程化体系过程中将有效提升放射治疗服务质量水平。

1 放射治疗服务平台框架

为了提高医疗服务质量，坚持以人为本，在患者放射治疗过程中，就要解决患者可能遇到的疑问，提前给予放射治疗基本知识与注意事项方面的宣教，食疗信息与心理干预等方面的支持，并为患者及其家属提供及时反馈意见的平台，变以往的被动服务为主动服务。在开展全方位的放射治疗服务中，具体体现在患者治疗前、治疗中和治疗后3个环节，将放射治疗延伸到身心关怀[3]。服务应包括治疗前网上注册登记、治疗中放射治疗流程管理及注意事项、治疗后意见反馈等全流程，全面提高服务满意度。放射治疗服务平台设计分为用户的注册与登陆、放射治疗流程与注意事项、饮食与营养、心理辅导及治疗反馈5个板块[4](如图1所示)。

图1 放射治疗服务平台基本框图

2 基于HTML5-Web APP的功能实施

基于HTML5-Web APP构建放射治疗服务平台，主要是因为HTML5标准具有下述功能优势：①在线状态检测；②离线资源缓存；③本地数据存储；④增强的多媒体能力；⑤提供丰富的API调用函数(如图2所示)。

图2 功能结构示图

在线状态监测浏览器，实现注册登录栏数据同步。采用HTML5提供的两种在线和(或)离线状态监测方法：navigator online和online/offline模式[5]。预设用户名为患者的姓名，密码为患者的放射治疗病历号，以此进入患者信息服务平台的界面。只要患者办理了入院，即可登录。navigator online的状态为true表示用户在线，状态为false表示用户离线，科室管理员通过读取该状态的值获取网络状态信息。当true/ false状态相互切换，online/offline事件将被触发，管理员可以通过监听online/offline事件来获悉网络状态，从而确定用户是否在线注册登录放射治疗服务平台[6]。

根据HTML5-Web APP的缓存在线方式，采用Offline App Cache将放射治疗服务平台信息文件缓存到本地客户端，APP客户端可以很方便浏览此平台提供的服务信息；当APP客户端访问Web应用程序时，这些文本信息能够自动、正确地被加载。HTML5中，定义cachemanifest文件，声明需要缓存的文本信息，并支持自动和手动两种缓存方式[7-8]。HTML5在manifest属性设置中引用一个cachemanifest文件：

<！DOCTYPE HTML>

<！html manifest=“cache.manifest”>

<！-放疗流程实施/中医饮食调理及CSS文件引用>

cachemanifest后定义需要缓存的信息，这些缓存信息不管APP客户端是否处于在线状态，均需要从缓存读取；后不需要缓存的文件，无论这些文件是否缓存均需要重新获取。为获取资源失败时的备选路径[8]。

为了使Web APP客户端在离线的状态下能够继续浏览放射治疗服务平台的Web信息，就需要指明应用程序在离线工作时所需要的资源文件。那么，HTML5提供了可在客户端内存中保存放射流程实施与中医饮食调理两个栏目相对固定的文本信息，放射治疗流程中的注意事项、食材选择及饮食调理指南等。HTML5会在Web APP客户端的本地分配空间用于永久性存放以上指定文本信息，这些信息可在相同的域名下相互共享，对于栏目内需要动态更新的信息，采用HTML5提供的存储，在相同的域名下无需共享，Web APP客户端退出浏览器后信息将清除。使用和删除相关信息[9-12]。

利用HTML5提供的结构化查询语言SQL访问web数据库，从而克服Web APP客户端存储容量有限的缺点，将放射治疗管理平台的Web视频和音频、图形存储在Web数据库内。中医饮食调理和患者心理关怀两个栏目，将以视频或音频讲座的形式在服务平台内呈现，因此信息数据量将会很大，只有Web数据库能够存储，而HTML5的

可以在之间插入供不支持video 信息的浏览器显示的提示内容。

治疗结束后反馈栏目将使用H T M L 5的WebWorkers独立于用户界面在后台运行脚本和文件API，通过在Web应用程序中添加后台线程使治疗反馈栏的留言信息可以互动进行。Workers将信息发送给创建者进行Web页面DOM处理，文件API在客户端把内容写进文件，当Web APP客户端程序出错时，服务平台管理员依据Iog信息定位客户端问题。API是预定义的函数，文件API是用于控制客户端文件的方法集合，其数据接口：、、及等[16]。

3 结语

目前，基于HTML5技术标准开发的移动Web App的互联网技术的应用，突破了传统面对面的医疗服务模式，所构建的放射治疗服务平台，通过Web技术传递医疗相关信息并服务患者，变以往的被动服务为主动服务，转变单项服务为综合服务，为放射治疗患者在治疗过程中提供了实时便捷的医疗服务[17-18]。此技术的广泛应用与拓展将会为移动医疗带来更广阔的前景。

[1]陈华林.云计算在医疗行业的应用[J].科协论坛, 2011(3):61.

[2]黄清华.当前医疗服务质量问题成因及对策研究[J].中国卫生事业管理,1999(4):181-186.

[3]鲁云敏,姚一,高明乐.坚持以病人为中心,改善医疗服务质量[J].解放军医院管理杂志,2001,8(4):251-252.

[4]杨伟强,秦丽娟,赵于天.放射治疗信息管理与验证系统的开发及应用[J].中国医疗设备,2009,24(9): 22-23,30.

[5]增广基,陈明,郭荣平.放射治疗质量控制与质量保证体系的构建与实施[J].现代医院,2008,8(3):111-113.

[6]彭涛,杨炼.基于移动浏览器的HTML5核心技术的研究及其应用[J].广东通信技术,2012,(4):47-50.

[7]王志刚,王中元,江友华.HTML5移动开发即学即用[M].北京:电子工业出版社,2012.

[8]李慧云,何震苇,李丽,等.HTML5技术与应用模式研究[J].电信科学,2012(5):24-29.

[9]马新强,孙兆,袁哲,等.Web标准与HTML5核心技术研究[J].重庆文理学院学报,2010,29(6):61-64.

[10]蒋宇捷.从HTML5移动应用现状谈发展趋势[J].程序员,2013(5):88-91.

[11]朱明.精确放疗中控制方法的研究与设计[J].中国医疗器械信息,2011,17(2):15-17.

[12]王春荣,吴均林,詹才云.医疗服务质量管理的发展趋势研究[J].医学与社会,2005,18(1):58-60.

[13]刘元明,刘欢.医疗设备资产信息系统管理平台的构建[J].中国医学装备,2014,11(1):54-56.

[14]胡峻,汪卓赟,周典.医疗设备信息化管理系统建设探讨[J].中国医学装备,2014,11(12):84-86.

[15]曹晓均,杨秀峰.基于医院信息平台的医疗设备预约系统[J].中国医学装备,2014,11(12):46-48.

[16]李鑫.模拟教学视阈下医学人文关怀精神的塑造[J].中国高等医学教育,2014(3):21-24.

[17]姚旦华.医疗设备质量管理信息化的应用研究[J].中国医学装备,2014,11(6):40-43.

[18]冯靖祎,吕颖莹.医疗设备质量管理信息化探讨[J].中华医院管理杂志,2011,27(10):777-779.

Research on contribution of HTML 5-Web based APP radiotherapy service platform

AI Nian, LI Jun, FANG Yong, et al// China Medical Equipment,2016,13(2):52-54.

Objective: To contribute HTML 5-Web based APP radiotherapy service platform.Methods: ①Using the mode of navigator online and online/offline to realize login data and registration data Synchronously.②The services platform of radiotherapy information file will conduct offline cache by Offline App Cache.③The local storage stored the local data.④The SQL access to the web database for strengthening the Multi-media capabilities.⑤The item of feedback after therapy call the API functions.Results: Service platform of radiotherapy realized functions which user registration and login, radiation process and the matters needed attention, diet and nutrition, psychological counseling and feedback after therapy.Conclusion: The radiotherapy service platform can carry out comprehensive radiation therapy services, provide mental care and better services for patients.

HTML5 program language; Radiotherapy; Service platform; Information management

10.3969/J.ISSN.1672-8270.2016.02.016

1672-8270(2016)02-0052-03

R197.324

A

2015-10-22