基于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