面向移動智慧醫療的POS終端系統的開發

圖3 導航欄效果圖

為實現這種改變CSS樣式的動態效果，可定義一個Js函數，監聽onclick方法來改變其CSS樣式。監聽方法如下：

var oLis=document.getElementsByTagName("li");

var i,j;

var length=oLis.length;

for(i=0;i

oLis[i].onclick=function(){

for(j=0;j

oLis[j].className="";

}

//更改className為clickstyle

this.className+="clickstyle";

}

}

3 Js與Java層的通信

實現Js與Java層的通信是必要的，調用硬件設備、讀取卡片信息、訪問遠程數據庫等功能都是基于H5與Android系統的雙向交互。

3.1 WebView組件

WebView組件是H5與Android交互的橋梁，在Js與Java層之間的通信中有重要作用。

在MainActivity中實例化WebView組件的方法有兩種[1]：第一種是在布局文件activity_main.xml中聲明一個WebView；第二種是直接在MainActivity中實例一個WebView對象：

WebView webView=new WebView (this);

3.2 addJavascriptInterface方法

WebView的addJavascriptInterface接口可以向Web頁面注入Java對象，同時Javascript腳本可直接引用該對象并調用該對象的方法[5]。因此，此方法是允許頁面Javascript腳本控制Android應用程序的關鍵。

值得注意的是，對于API低于17的Android版本，攻擊者可以利用Javascript反射機制任意操縱應用程序。因此為了提高安全性，在高版本的Android系統中，必須在Java對象方法中聲明@JavascriptInterace注解，才能被Web頁面調用[6]。

4 H5對外接設備的調用

4.1 調用密碼鍵盤

在支付過程中，需要調用外接的安全密碼鍵盤。在點擊H5頁面的輸入密碼按鈕之后，將觸發按鈕的onclick事件，并對應地執行啟動Java層接口的Js腳本。

Java層通過WebView的addJavascriptInterface接口來實例一個WebHost對象，代碼如下：

webview.addJavascriptInterface(new WebHost( context,webview), "js");

WebHost是一個自定義的接口，它的功能是調用外設鍵盤方法，在成功啟動鍵盤并完成輸入之后，將結果通過Js反饋到H5頁面中。

pinpadDevice是SDK中調用外接鍵盤的方法，可通過設備管理器POSTerminal來獲得設備對象，代碼如下：

pinpadDevice = (PINPadDevice) POSTerminal.getInstance

(context).getDevice("cloudpos.device.pinpad");

其中，"cloudpos.device.pinpad"是標識PIN輸入設備的字符串，由具體的實現定義。設備管理器POSTerminal 是獲得每個設備的入口，獲取該對象不能使用new方法，可以通過getInstance方法獲得。

成功調用密碼鍵盤，并在輸入密碼和確認之后，執行WebView的loadUrl方法回調Js腳本，反饋給H5界面：

webview1.loadUrl("javascript:calljs()");

上述內容通過調用密碼鍵盤的實例介紹了如何利用WebView來成功實現Js與Java層的相互通信。

4.2 調用銀行卡刷卡接口

銀行磁條卡一般有3條磁條軌道，3條磁道在卡上的位置在國際標準ISO007811/5中被嚴格規定，每條磁道都記錄磁卡信息，通常第二、第三磁道用以記錄卡號等信息。在SDK中，刷卡接口是msrDevice，此接口可以讀取和處理磁道信息，并返回銀行卡號字符串。

調用銀行卡刷卡接口的方法與4.1節描述大致相同，用WebView的方法將解析得到的卡號cardNO通過Js傳輸到H5頁面，代碼如下：

public int onConfirmCardNo(String cardNO) {

pubilc str =“”;

str += cardNO;

webview1.loadUrl("javascript:cidjs('"+str+"')");

return EMVConstants.App_Confirm_OK;

}

經測試，在H5頁面上成功調用刷卡接口，在刷卡之后，設備成功讀取到卡號并將卡號返回到H5頁面上來。結果如圖4、圖5所示。

圖4 Android monitor的debug結果顯示成功讀取卡號

圖5 成功將卡號返回給H5并顯示出來

5 WebService實現訪問遠程數據庫

智慧醫療系統不是一個本地的服務應用，而是一個基于WebService的不斷進行數據交流的系統。在用戶進行實時查詢、預約專家、在線掛號、費用支付等過程中，需要系統不斷地訪問醫院終端數據庫；在用戶進行快捷支付、插卡刷卡、輸入密碼等過程中，需要系統不斷地訪問銀行終端數據庫。因此建立高效、安全的遠程數據庫訪問機制[7]是必要的。

WebService是一個用于支持網絡間不同機器互操作的軟件系統，它的優勢是不受操作平臺和開發語言的種類的束縛，通過它能夠像調用本地數據一樣去調用遠程服務器。

遠程數據庫存儲醫療、支付等相關的數據。當POS終端系統的Java層向服務器發出請求之后，服務器會相應對遠程數據庫發起查詢、讀取，并將獲得的數據信息用JSON標準進行封裝，并傳輸給POS終端，如圖6所示。整個傳輸過程都是基于HTTP協議來完成的[8]。

圖6 WebService訪問數據庫架構圖

其中，JSON是一種輕量級的數據交換格式，可以將Javascript對象中表示的一組數據轉換為字符串，輕松地在服務器之間進行傳遞。

Android平臺調用WebService需要依賴第三方類庫ksoap2[8]，它是一個SOAP WebService客戶端開發包，用于獲取服務器端WebServce調用。在通過調用WebService來訪問遠程數據庫時，需要生成SOAP請求信息,并指定SOAP的版本 ，代碼如下：

SoapSerializationEnvelope envelope = new SoapSerializationEnvelope(SoapEnvelope.VER10);

由于JSON是通過文本封裝數據的，當記錄條數比較多時，數據量非常大，考慮到POS終端的帶寬相對比較低，上網速度不快，因此必須通過壓縮來減少傳輸的數據量，通過在服務器端對JSON數據進行壓縮，在POS終端對其進行解壓，可提高網絡傳輸效率及訪問數據庫的速度，提高用戶體驗效果。

同時，考慮到智慧醫療系統在實際應用后，不同的用戶所查詢的大量數據可能是重復的，例如專家信息介紹、今日出診醫生名單等，而且就醫高峰期的用戶量很大，因此，可以把頻繁訪問的數據庫內容緩存到Wed應用服務器中。這樣不同的客戶端訪問相同的數據時，不需要每次都到數據庫中讀取，大大減少了數據庫的訪問操作次數，提高了數據庫的訪問效率。

6 結束語

本文介紹了在POS終端上的智慧醫療系統的開發，詳細介紹了Android操作系統上的Html5頁面如何通過Javascript與java層通信的方法，實現跨平臺的應用開發，以及如何通過WebService實現遠程數據庫的訪問。

使用Html5開發APP的優勢明顯，并且未來會成為一種趨勢，因此實現Js與Java的交互是必要的。同時，應用的開發也需要WebService實現訪問遠程數據庫。但此方法的安全性還有待提高，因此還需進一步研究。

[1] 王運生，聶芬.基于WebView組件的Android平臺網頁封裝程序設計[J].智能計算機與應用，2013,6(3):21-22.

[2] 百度百科.Android開發[EB/OL].[2016-10-26].http://baike.baidu.com/link?url=cPSFhcxCLnWYyVY_n-n5HCaDdvGzlOPrp0saz9VUh-aOjDbN-pUfhqw7e6KV6YbRJuEw-jeLC2M8HOci4-XzH7TfB-1JqHUwajxJMSDwJ1lZYgNPkkAuZLIM ZGxlYVILG.

[3] 樂嘉錦.HTML5跨平臺技術在視頻點播系統中的研究與應用[J].計算機應用技術，2013,6(1):12-13.

[4] 任柯.HTML5構建Android少數民族文獻數字化平臺研究[J].西南民族大學學報，2013,39(5):13-15.

[5] 明日科技.Android從入門到精通[M]. 北京:清華大學出版社, 2012.

[6] 徐偉.基于Android平臺的應用程序安全保護研究與應用[D].成都：電子科技大學，2015.

[7] 權重民，彭昕昀.利用JSON實現Android高效、安全訪問遠程數據庫的一種方式[J].韶關學院學報，2011,32(12):16-20.

[8] 黃淑靜，楊紅梅.利用JSON+WebService實現Android訪問遠程數據庫[J].科技信息，2013(9):98-99,123.

The development of mobile intelligent medical system in POS

Xing Pengcheng1,2, Zeng Xianhui1,2

(1. School of Information Science and Technology, Donghua University, Shanghai 201620, China；2. Engineering Research Center of Digitized Textile & Fashion Technology, Ministry of Education, Shanghai 201620, China)

For troubles in the process of registration, reservation and payment in hospital, a wisdom health system based on POS terminal is developed, and it provides many one-stop functions such as documentation, tie card,registration, reservation, and payment. The front-end of this health system is based on the development of the HTML 5, and WebService technology is the core of cross-platform application. This paper introduces the method that how the HTML5 interface achieves the communication between Javascript and Java layer through the WebView componens, and through this method to implement POS peripherals hardware, information obtained of password keyboard and the credit card, access to remote databases and other functions on the interface of HTML5.

wisdom health system; Android; Html5; WebView; WebService

TP311

A

10.19358/j.issn.1674- 7720.2017.11.029

邢鵬程，曾獻輝.面向移動智慧醫療的POS終端系統的開發[J].微型機與應用，2017,36(11)：98-101.

2016-12-12)

邢鵬程(1993-)，通信作者，男，碩士研究生，主要研究方向:數據庫應用技術、大數據分析。E-mail:491472180@qq.com。

曾獻輝(1974-)，男，博士，副教授，主要研究方向：大數據挖掘、智能優化問題、決策與分析。