基于HTML5-Web APP構(gòu)建放射治療服務(wù)平臺的研究

艾 念李 俊方 勇陳 飛岳小龍

?

基于HTML5-Web APP構(gòu)建放射治療服務(wù)平臺的研究

艾 念①李 俊①方 勇①陳 飛①岳小龍①

艾念,男,(1982- ),碩士研究生，工程師。孝感市中心醫(yī)院放療科，從事放射物理，放療設(shè)備維修與維護(hù)工作。

目的：基于HTML5-Web APP程序，構(gòu)建放射治療服務(wù)平臺。方法：①采用navigator online和online/offline在線模式，實(shí)現(xiàn)注冊與登錄欄數(shù)據(jù)同步進(jìn)行；②使用Offline App Cache將放射治療服務(wù)平臺信息文件離線緩存；③在localstorage數(shù)據(jù)庫存儲本地數(shù)據(jù)；④使用結(jié)構(gòu)化查詢語言SQL訪問web數(shù)據(jù)庫，增強(qiáng)多媒體的能力；⑤在治療結(jié)束反饋欄目中調(diào)用API函數(shù)。結(jié)果：構(gòu)建放射治療服務(wù)平臺，實(shí)現(xiàn)了用戶的注冊與登陸、放射治療流程與注意事項(xiàng)、飲食與營養(yǎng)、心理輔導(dǎo)及治療反饋等功能。結(jié)論：放射治療服務(wù)平臺的構(gòu)建，可開展全方位的放射治療服務(wù)，能夠使患者在治療前、治療中和治療后3個環(huán)節(jié)中將放射治療延伸到身心關(guān)懷，從而為患者提供優(yōu)質(zhì)高效的服務(wù)。

HTML5程序；放射治療；服務(wù)平臺；信息管理

①孝感市中心醫(yī)院放療科 湖北 孝感 432000

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

目前，移動通信設(shè)備與技術(shù)廣泛應(yīng)用于醫(yī)療服務(wù)機(jī)構(gòu)，而移動醫(yī)療是一種通過移動設(shè)備的支持來提供醫(yī)藥和公共健康服務(wù)的實(shí)踐方法，其最大的特點(diǎn)是提供隨時隨地的、普適的醫(yī)療服務(wù)[1]。移動設(shè)備可作為一個有效的服務(wù)工具來實(shí)現(xiàn)醫(yī)療信息的實(shí)時交付、訪問和存儲。HTML5程序語言標(biāo)準(zhǔn)已經(jīng)廣泛應(yīng)用于Web應(yīng)用程序系統(tǒng)，其核心技術(shù)如網(wǎng)頁存儲、圖形圖像、音頻視頻以及地理定位等的應(yīng)用均已標(biāo)準(zhǔn)化，HTML5通過結(jié)合更多的應(yīng)用程序編程接口(application programming interface，API)使得其核心技術(shù)在網(wǎng)絡(luò)開發(fā)應(yīng)用中顯得極為重要[2]。移動設(shè)備在移動醫(yī)療領(lǐng)域的應(yīng)用為醫(yī)院提供了更開放的平臺，為此，本研究基于HTML5-Web APP應(yīng)用程序構(gòu)建放射治療服務(wù)平臺，在腫瘤放射治療流程化體系過程中將有效提升放射治療服務(wù)質(zhì)量水平。

1 放射治療服務(wù)平臺框架

為了提高醫(yī)療服務(wù)質(zhì)量，堅持以人為本，在患者放射治療過程中，就要解決患者可能遇到的疑問，提前給予放射治療基本知識與注意事項(xiàng)方面的宣教，食療信息與心理干預(yù)等方面的支持，并為患者及其家屬提供及時反饋意見的平臺，變以往的被動服務(wù)為主動服務(wù)。在開展全方位的放射治療服務(wù)中，具體體現(xiàn)在患者治療前、治療中和治療后3個環(huán)節(jié)，將放射治療延伸到身心關(guān)懷[3]。服務(wù)應(yīng)包括治療前網(wǎng)上注冊登記、治療中放射治療流程管理及注意事項(xiàng)、治療后意見反饋等全流程，全面提高服務(wù)滿意度。放射治療服務(wù)平臺設(shè)計分為用戶的注冊與登陸、放射治療流程與注意事項(xiàng)、飲食與營養(yǎng)、心理輔導(dǎo)及治療反饋5個板塊[4](如圖1所示)。

圖1 放射治療服務(wù)平臺基本框圖

2 基于HTML5-Web APP的功能實(shí)施

基于HTML5-Web APP構(gòu)建放射治療服務(wù)平臺，主要是因?yàn)镠TML5標(biāo)準(zhǔn)具有下述功能優(yōu)勢：①在線狀態(tài)檢測；②離線資源緩存；③本地數(shù)據(jù)存儲；④增強(qiáng)的多媒體能力；⑤提供豐富的API調(diào)用函數(shù)(如圖2所示)。

圖2 功能結(jié)構(gòu)示圖

在線狀態(tài)監(jiān)測瀏覽器，實(shí)現(xiàn)注冊登錄欄數(shù)據(jù)同步。采用HTML5提供的兩種在線和(或)離線狀態(tài)監(jiān)測方法：navigator online和online/offline模式[5]。預(yù)設(shè)用戶名為患者的姓名，密碼為患者的放射治療病歷號，以此進(jìn)入患者信息服務(wù)平臺的界面。只要患者辦理了入院，即可登錄。navigator online的狀態(tài)為true表示用戶在線，狀態(tài)為false表示用戶離線，科室管理員通過讀取該狀態(tài)的值獲取網(wǎng)絡(luò)狀態(tài)信息。當(dāng)true/ false狀態(tài)相互切換，online/offline事件將被觸發(fā)，管理員可以通過監(jiān)聽online/offline事件來獲悉網(wǎng)絡(luò)狀態(tài)，從而確定用戶是否在線注冊登錄放射治療服務(wù)平臺[6]。

根據(jù)HTML5-Web APP的緩存在線方式，采用Offline App Cache將放射治療服務(wù)平臺信息文件緩存到本地客戶端，APP客戶端可以很方便瀏覽此平臺提供的服務(wù)信息；當(dāng)APP客戶端訪問Web應(yīng)用程序時，這些文本信息能夠自動、正確地被加載。HTML5中，定義cachemanifest文件，聲明需要緩存的文本信息，并支持自動和手動兩種緩存方式[7-8]。HTML5在manifest屬性設(shè)置中引用一個cachemanifest文件：

<！DOCTYPE HTML>

<！html manifest=“cache.manifest”>

<！-放療流程實(shí)施/中醫(yī)飲食調(diào)理及CSS文件引用>

cachemanifest后定義需要緩存的信息，這些緩存信息不管APP客戶端是否處于在線狀態(tài)，均需要從緩存讀取；后不需要緩存的文件，無論這些文件是否緩存均需要重新獲取。為獲取資源失敗時的備選路徑[8]。

為了使Web APP客戶端在離線的狀態(tài)下能夠繼續(xù)瀏覽放射治療服務(wù)平臺的Web信息，就需要指明應(yīng)用程序在離線工作時所需要的資源文件。那么，HTML5提供了可在客戶端內(nèi)存中保存放射流程實(shí)施與中醫(yī)飲食調(diào)理兩個欄目相對固定的文本信息，放射治療流程中的注意事項(xiàng)、食材選擇及飲食調(diào)理指南等。HTML5會在Web APP客戶端的本地分配空間用于永久性存放以上指定文本信息，這些信息可在相同的域名下相互共享，對于欄目內(nèi)需要動態(tài)更新的信息，采用HTML5提供的存儲，在相同的域名下無需共享，Web APP客戶端退出瀏覽器后信息將清除。使用和刪除相關(guān)信息[9-12]。

利用HTML5提供的結(jié)構(gòu)化查詢語言SQL訪問web數(shù)據(jù)庫，從而克服Web APP客戶端存儲容量有限的缺點(diǎn)，將放射治療管理平臺的Web視頻和音頻、圖形存儲在Web數(shù)據(jù)庫內(nèi)。中醫(yī)飲食調(diào)理和患者心理關(guān)懷兩個欄目，將以視頻或音頻講座的形式在服務(wù)平臺內(nèi)呈現(xiàn)，因此信息數(shù)據(jù)量將會很大，只有Web數(shù)據(jù)庫能夠存儲，而HTML5的

可以在之間插入供不支持video 信息的瀏覽器顯示的提示內(nèi)容。

治療結(jié)束后反饋欄目將使用H T M L 5的WebWorkers獨(dú)立于用戶界面在后臺運(yùn)行腳本和文件API，通過在Web應(yīng)用程序中添加后臺線程使治療反饋欄的留言信息可以互動進(jìn)行。Workers將信息發(fā)送給創(chuàng)建者進(jìn)行Web頁面DOM處理，文件API在客戶端把內(nèi)容寫進(jìn)文件，當(dāng)Web APP客戶端程序出錯時，服務(wù)平臺管理員依據(jù)Iog信息定位客戶端問題。API是預(yù)定義的函數(shù)，文件API是用于控制客戶端文件的方法集合，其數(shù)據(jù)接口：、、及等[16]。

3 結(jié)語

目前，基于HTML5技術(shù)標(biāo)準(zhǔn)開發(fā)的移動Web App的互聯(lián)網(wǎng)技術(shù)的應(yīng)用，突破了傳統(tǒng)面對面的醫(yī)療服務(wù)模式，所構(gòu)建的放射治療服務(wù)平臺，通過Web技術(shù)傳遞醫(yī)療相關(guān)信息并服務(wù)患者，變以往的被動服務(wù)為主動服務(wù)，轉(zhuǎn)變單項(xiàng)服務(wù)為綜合服務(wù)，為放射治療患者在治療過程中提供了實(shí)時便捷的醫(yī)療服務(wù)[17-18]。此技術(shù)的廣泛應(yīng)用與拓展將會為移動醫(yī)療帶來更廣闊的前景。

[1]陳華林.云計算在醫(yī)療行業(yè)的應(yīng)用[J].科協(xié)論壇, 2011(3):61.

[2]黃清華.當(dāng)前醫(yī)療服務(wù)質(zhì)量問題成因及對策研究[J].中國衛(wèi)生事業(yè)管理,1999(4):181-186.

[3]魯云敏,姚一,高明樂.堅持以病人為中心,改善醫(yī)療服務(wù)質(zhì)量[J].解放軍醫(yī)院管理雜志,2001,8(4):251-252.

[4]楊偉強(qiáng),秦麗娟,趙于天.放射治療信息管理與驗(yàn)證系統(tǒng)的開發(fā)及應(yīng)用[J].中國醫(yī)療設(shè)備,2009,24(9): 22-23,30.

[5]增廣基,陳明,郭榮平.放射治療質(zhì)量控制與質(zhì)量保證體系的構(gòu)建與實(shí)施[J].現(xiàn)代醫(yī)院,2008,8(3):111-113.

[6]彭濤,楊煉.基于移動瀏覽器的HTML5核心技術(shù)的研究及其應(yīng)用[J].廣東通信技術(shù),2012,(4):47-50.

[7]王志剛,王中元,江友華.HTML5移動開發(fā)即學(xué)即用[M].北京:電子工業(yè)出版社,2012.

[8]李慧云,何震葦,李麗,等.HTML5技術(shù)與應(yīng)用模式研究[J].電信科學(xué),2012(5):24-29.

[9]馬新強(qiáng),孫兆,袁哲,等.Web標(biāo)準(zhǔn)與HTML5核心技術(shù)研究[J].重慶文理學(xué)院學(xué)報,2010,29(6):61-64.

[10]蔣宇捷.從HTML5移動應(yīng)用現(xiàn)狀談發(fā)展趨勢[J].程序員,2013(5):88-91.

[11]朱明.精確放療中控制方法的研究與設(shè)計[J].中國醫(yī)療器械信息,2011,17(2):15-17.

[12]王春榮,吳均林,詹才云.醫(yī)療服務(wù)質(zhì)量管理的發(fā)展趨勢研究[J].醫(yī)學(xué)與社會,2005,18(1):58-60.

[13]劉元明,劉歡.醫(yī)療設(shè)備資產(chǎn)信息系統(tǒng)管理平臺的構(gòu)建[J].中國醫(yī)學(xué)裝備,2014,11(1):54-56.

[14]胡峻,汪卓赟,周典.醫(yī)療設(shè)備信息化管理系統(tǒng)建設(shè)探討[J].中國醫(yī)學(xué)裝備,2014,11(12):84-86.

[15]曹曉均,楊秀峰.基于醫(yī)院信息平臺的醫(yī)療設(shè)備預(yù)約系統(tǒng)[J].中國醫(yī)學(xué)裝備,2014,11(12):46-48.

[16]李鑫.模擬教學(xué)視閾下醫(yī)學(xué)人文關(guān)懷精神的塑造[J].中國高等醫(yī)學(xué)教育,2014(3):21-24.

[17]姚旦華.醫(yī)療設(shè)備質(zhì)量管理信息化的應(yīng)用研究[J].中國醫(yī)學(xué)裝備,2014,11(6):40-43.

[18]馮靖祎,呂穎瑩.醫(yī)療設(shè)備質(zhì)量管理信息化探討[J].中華醫(yī)院管理雜志,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