專利名稱：基于WebKit 瀏覽器的客戶端實現方法以及客戶端的制作方法
技術領域：
本發(fā)明主要應用于政府和企業(yè)的信息化系統(tǒng)向智能平臺(Android平臺)開發(fā)遷移的領域，尤其涉及基于WebKit瀏覽器的客戶端實現方法以及客戶端。
背景技術：
隨著移動信息化技術的進步和中國電 信3G業(yè)務的快速發(fā)展，移動信息技術走進了人們的工作和生活之中。通過掌上終端、PDA、手機等移動設備，以電信、互聯網通訊技術融合的方式，人們可以隨時隨地進行隨身的移動化信息生活和工作。目前,政府和企業(yè)在電腦上應用的各種信息化軟件體系,如辦公信息化軟件、ERP軟件、CRM軟件、物流管理軟件、進銷存軟件，以及各行業(yè)特定的行業(yè)軟件(如警務聯網系統(tǒng)、統(tǒng)計局統(tǒng)計系統(tǒng)等等)，都開始逐漸移植到手機終端上使用。針對政府和企業(yè)的多種信息化系統(tǒng)開發(fā)相應的移動系統(tǒng)是一件工作量巨大、耗費時間和資源的繁重工作?，F今Web信息系統(tǒng)向移動終端遷移的過程是為不同平臺不同終端定制開發(fā)不同的客戶端。傳統(tǒng)做法是通過Android SDK進行頁面和系統(tǒng)的開發(fā)，并利用WS、http或者Socket等方式與后臺進行數據通信與交互；后端也會根據設計好的數據通信方式，從原有信息系統(tǒng)中進行二次開發(fā)適配的過程。也有一些組織和機構在致力研發(fā)跨平臺的客戶端、例如 Oprea、JIL、xFace widget 等。

發(fā)明內容
鑒于以上，本發(fā)明提出基于WebKit瀏覽器的客戶端實現方法以及客戶端。在本發(fā)明中涉及的相關技術術語，作如下說明JS,全稱JavaScript，是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網頁添加動態(tài)功能。WebView,為Android手機中內置了一款高性能webkit內核瀏覽器，Android將Webkit內核瀏覽器在SDK中封裝成了 WebView組件。WebChromeClient,是在 Android 系統(tǒng)中輔助 WebView 處理 Javascript 的對話框、網站圖標、網站title以及加載進度等功能。WebViewClient,是在Android系統(tǒng)中幫助WebView處理各種通知、請求事件的，具體包括頁面開始加載事件、頁面加載完成事件以及頁面加載失敗事件等。本發(fā)明提出基于WebKit瀏覽器的客戶端實現方法，包括以下步驟點擊進入主界面，從本地數據庫中讀取應用系統(tǒng)數據；如果本地數據庫中沒有應用系統(tǒng)數據，切換到新增應用系統(tǒng)頁面中，新增應用系統(tǒng)并將新增的應用系統(tǒng)寫入本地數據庫；如果本地數據庫中有應用系統(tǒng)數據，將進入應用系統(tǒng)列表界面選擇應用系統(tǒng)；加載已選擇應用系統(tǒng)的URL頁面，所述應用系統(tǒng)的JS腳本綁定終端本地對象；點擊所述應用系統(tǒng)的URL，通過JS腳本調用終端本地對象，進行數據傳遞。優(yōu)選地，基于WebKit瀏覽器的客戶端實現方法，進入應用系統(tǒng)列表界面，還包括以下步驟進行應用系統(tǒng)列表的增加、刪除或修改操作，并更新本地數據庫中的應用系統(tǒng)數據。本發(fā)明還提出基于WebKit瀏覽器的客戶端，包括數據庫，用于存儲本地應用系統(tǒng)數據；本地功能調用模塊，在接收到Webkit瀏覽器的調用請求時，調用終端本地對象并向JS傳遞數據；主界面，用于讀取數據庫已存儲的本地應用系統(tǒng)數據，如果沒有應用系統(tǒng)數據，切換到新增應用系統(tǒng)頁面，新增應用系統(tǒng)并將新增的應用系統(tǒng)存儲到數據庫；如果有應用系統(tǒng)數據，進入應用系統(tǒng)列表界面；Webkit瀏覽器界面，用于綁定應用系統(tǒng)的JS腳本與終端本地對象，用于從應用系統(tǒng)列表界面中選擇應用系統(tǒng)，加載已選擇應用系統(tǒng)的URL頁面，點擊所述應用系統(tǒng)的URL，通過JS腳本調用本地功能調用模塊，接收其傳送給JS腳本的數據。優(yōu)選地，基于WebKit瀏覽器的客戶端，包括主界面還增加、刪除或修改應用系統(tǒng)列表，并更新數據庫中的應用系統(tǒng)數據。本發(fā)明提出基于當前最流行移動信息平臺(Android平臺)的通用客戶端，并利用 HTML、CSS和瀏覽器的特點，簡化針對不同系統(tǒng)開發(fā)不同Android平臺客戶端的工作。本發(fā)明將Android平臺客戶端開發(fā)人員從繁重的軟件開發(fā)工作中簡化出來，并使其著重于HTML頁面和CSS的工作，從而簡化了基于Android平臺的客戶端開發(fā)過程，降低了 Android客戶端開發(fā)人員的技術門濫，提高了客戶端軟件的開發(fā)速度，極大地適應了單個Android智能客戶端對接多個Web應用系統(tǒng)的快速開發(fā)和適配，提高Android平臺客戶端對接Web系統(tǒng)的速率，為企業(yè)開發(fā)客戶端節(jié)省了開發(fā)時間和人力成本。


此處所說明的附圖用來提供對本發(fā)明的進一步理解，構成本發(fā)明的一部分，本發(fā)明的示意性實施例及其說明用于解釋本發(fā)明，并不構成對本發(fā)明的不當限定。在附圖中圖I為本發(fā)明基于WebKit瀏覽器的客戶端結構示意圖；圖2為本發(fā)明Webkit瀏覽器界面調用本地功能的示意圖；圖3為本發(fā)明基于WebKit瀏覽器的客戶端實現方法流程圖；圖4為本發(fā)明實施例的示意圖。
具體實施例方式為使本發(fā)明的目的、技術方案和優(yōu)點更加清楚明白，以下結合具體實施例，并參照附圖，對本發(fā)明進一步詳細說明。圖I所示為本發(fā)明基于WebKit瀏覽器的客戶端結構示意圖，包括數據庫、本地功能調用模塊、主界面和Webkit瀏覽器界面。其中數據庫，用于存儲本地應用系統(tǒng)數據。本地功能調用模塊，在接收到Webkit瀏覽器的調用請求時，調用終端本地對象并向JS腳本傳遞數據。終端本地對象包括拍照、錄音、定位、文件存儲和讀取、短信管理或電
話管理等。主界面，用于讀取數據庫已存儲的本地應用系統(tǒng)數據，如果沒有應用系統(tǒng)數據，切換到新增應用系統(tǒng)頁面，新增應用系統(tǒng)并將新增的應用系統(tǒng)存儲到數據庫；如果有應用系統(tǒng)數據，進入應用系統(tǒng)列表界面。主界面還增加、刪除或修改應用系統(tǒng)列表，并更新數據庫中的應用系統(tǒng)數據。主界面包括ListView控件、ItemView控件。Webkit瀏覽器界面，用于綁定應用系統(tǒng)的JS腳本與終端本地對象，用于從應用系統(tǒng)列表界面中選擇應用系統(tǒng)，加載已選擇應用系統(tǒng)的URL頁面，點擊所述應用系統(tǒng)的URL，通過JS腳本調用本地功能調用模塊，接收其傳送給JS腳本的數據。Webkit瀏覽器界面包括 WebView 控件、WebChromeClient 和 WebViewCl ient。本發(fā)明提出了利用HTML方式將Web信息系統(tǒng)向移動終端遷移的快速集成和適配的方法，設計了具有門戶特性的客戶端，并封裝了終端的硬件功能，以方便客戶端訪問Web頁面時，Web頁面直接管理和調用終端功能獲取所需數據與信息。下面將結合附圖對本發(fā)明進行具體說明。(I)客戶端通用性客戶端自動從本地數據庫(即XML文件)中讀取現存的所有門戶信息，并將各個門戶信息以對象形式傳遞給主界面中的ListView控件。ListView控件按照自定義的ItemView布局形式，并按照各個門戶信息的對象,進行ItemView中數據的填充和顯示工作。用戶長按ListView中的某一具體ItemView項,系統(tǒng)為用戶顯示一個提示對話框,其中包含了所選門戶的詳細信息。ItemView控件中包括左側CheckBox多選框，右上側為用于顯示系統(tǒng)用戶名的TextBox控件,右下側為用于顯示應用系統(tǒng)URL和IP的TextBox控件。選擇左側的CheckBox多選框后，用戶可以選擇菜單中的修改和刪除功能，對所選門戶信息進行修改和刪除等功倉泛。當新增、修改或刪除門戶信息時，ListView控件將按照ItemView布局進行顯示，并對本地XML文件進行數據新增、修改或刪除操作，從而實現了顯示的數據與XML文件本地存儲的數據一致。比如，“刪除選中項”將用戶所選的應用系統(tǒng)從主界面和本地數據庫中刪除；“全部刪除”菜單項將在主界面和本地數據庫中刪除所有應用系統(tǒng)。(2)通用的傳輸協(xié)議本發(fā)明在每個門戶頁面的顯示均采用HTML方式，即直接訪問門戶所定制的Android移動終端訪問的頁面。這樣使得在遷移Web信息系統(tǒng)到移動終端上時，減少了很多工作。在應用系統(tǒng)列表中，用戶需要添加應用系統(tǒng)URL。用戶選擇進入該應用系統(tǒng)后，將在本地打開Webkit瀏覽器界面，根據該應用系統(tǒng)URL訪問該應用系統(tǒng)。含有WebView的Webkit瀏覽器界面將使用WebView控件對應用系統(tǒng)的Web控件進行解析和顯示。從一個URL頁面切換到另一個URL頁面，Webkit瀏覽器界面將WebView控件加載新的URL頁面。Webkit瀏覽器界面在開始打開時，顯示進度提示對話框，在頁面加載完成時關閉進度提示對話框，以確保系統(tǒng)的動態(tài)準確性。通過對WebView控件的封裝,開發(fā)人員無需再進行Android終端每一個界面的開發(fā)和調試，在每一個Android終端與后臺進行交互時，也不需要數據通信模塊，使用通用的傳輸協(xié)議HTML，直接采用了 HTML的HTTP方式進行交互，大大降低了 Android平臺客戶端開發(fā)人員的進入門檻和工作量，開發(fā)人員只需要對含有JS腳本的Web頁面進行開發(fā)和調試工作。HTML的方法完全避免了不同版本Android終端、不同品牌Android終端、不同屏幕分辨率的Android終端的差異，為開發(fā)和遷移工作減少了很多復雜的工作。(3)終端功能的調用在終端上進行傳統(tǒng)的網頁瀏覽，只能夠進行網頁瀏覽和數據操作。而本發(fā)明封裝了 WebView控件，能夠對所有網頁進行瀏覽，還可以通過WebView控件將JS腳本和終端本地對象進行綁定，使得點擊網頁URL時，通過JS腳本能夠訪問到本地封裝好的各種終端功能對象。URL是客戶端訪問的頁面地址。而在該URL地址返回的頁面中，會有JS代碼。在這些代碼中，包含有調用本地客戶端的JS代碼。從而實現通過URL訪問網頁，點擊網頁上的功能來調用JS，實現調用本地終端對象。開發(fā)人員在開發(fā)網頁時，通過JS腳本調用終端本地對象獲取所需的數據與內容，從而實現網頁與終端本地功能的結合。本發(fā)明封裝了應用系統(tǒng)所需的基本終端本地功能，包括拍照、讀取終端設備基本信息、撥打電話、發(fā)送短信、讀寫本地文件、定位、管理本地文件系統(tǒng)、音頻文件播放和管理監(jiān)測終端網絡、顯示進度對話框和提示框等。主界面打開時，將管理各種終端本地功能的對·象注冊到主界面中，終端本地對象與JS腳本進行綁定，為WebView控件的JS調用這些對象做好準備。當JS調用某個功能時，相應的本地功能對象會被調用，完成調用后再將得到的數據返回給JS。這樣WebView控件的頁面便能完成本地功能的調用。Webkit瀏覽器界面中還是用WebChromeClient和WebViewClient控件配合WebView控件完成相應的顯示和操作功能。WebViewClient用來幫助WebView處理各種通知、請求事件，包括頁面加載開始、頁面加載完成、頁面加載錯誤等消息。WebChromeClient用來輔助WebView處理Javascript的對話框、網站圖標、網站title、加載進度等。兩種組件各自負責各自的功能，并完成WebView運行時出現的各種狀態(tài)的處理。這樣，Webkit瀏覽器界面便能夠訪問并顯示Web頁面，控制管理本地資源。圖3所示為本發(fā)明基于WebKit瀏覽器的客戶端實現方法流程實施例，以AndroidSDK, JDKI. 6和Eclipse等開發(fā)工具為基礎，通過連接中國電信網絡和各種Web應用系統(tǒng)，進行實際操作。操作和開發(fā)過程如下在步驟301、點擊進入主界面，從本地數據庫中讀取應用系統(tǒng)數據。在步驟302、如果本地數據庫中沒有應用系統(tǒng)數據，系統(tǒng)將自動切換到新增應用系統(tǒng)頁面中，提示用戶新增應用系統(tǒng)，并將新增應用系統(tǒng)寫入本地數據庫。在步驟303、如果本地數據庫中有應用系統(tǒng)數據，系統(tǒng)將進入應用系統(tǒng)列表界面，供用戶選擇相應的應用系統(tǒng)。在應用系統(tǒng)列表界面中，用戶還可以進行應用系統(tǒng)列表的增力口、刪除、修改或查詢操作，并更新本地數據庫中的應用系統(tǒng)數據，如圖3所示。在步驟304、用戶選擇某一應用系統(tǒng)，打開WebView控件，并加載該應用系統(tǒng)的URL頁面，所述應用系統(tǒng)的JS腳本綁定終端本地對象。點擊所述應用系統(tǒng)的URL，通過JS腳本調用終端本地對象，進行數據傳遞。Webkit 瀏覽器界面通過 WebView、WebViewClient 和 WebChromeClient 的相互配合，完成Web頁面的加載和顯示、JS的調用、本地功能的調用和數據的傳遞。用戶通過頁面對各種數據進行操作和管理，并利用HTML的特點將數據與后臺Web系統(tǒng)進行交互。其中，Webkit瀏覽器界面調用本地功能的示意圖如圖2所示。Webkit瀏覽器界面的菜單中，包含了 “返回設置”，“重新加載”和“后退”等菜單項?！胺祷卦O置”菜單項將關閉主界面，返回到應用系統(tǒng)列表界面，讓用戶重新選擇新的應用系統(tǒng)。當出現網絡問題或者需要刷新頁面時，“重新加載”菜單項使WebView控件重新加載原有URL?！昂笸恕辈藛雾検筗ebView后退到前一個URL并進行訪問和顯示。Webkit瀏覽器界面完全通過HTML解析頁面，并對用戶的頁 面操作進行封裝，有效提高了 Webkit瀏覽器界面對用戶的友好性。圖4為本發(fā)明實施例示意圖。在該實施例中，應用系統(tǒng)保存在網絡側，客戶端所訪問的內各完全來自于網絡。在本發(fā)明中，應用系統(tǒng)也可以保存在手機終端側，比如，將HTML的CRM等軟件內容存放在手機側，而這些本地的HTML向后臺抓取數據，并完整顯示出來。用戶點擊智能手機上的客戶端按鈕，打開客戶端。如果用戶第一次使用本客戶端，客戶端自動跳入到增加應用系統(tǒng)頁面，提示用戶輸入需要訪問的應用系統(tǒng)地址。當用戶輸入完成后，客戶端自動切換到應用系統(tǒng)列表頁面，用戶選擇需要訪問的應用系統(tǒng)并點擊?？蛻舳私邮照埱蠛螅詣油ㄟ^終端的數據網絡訪問指定的應用系統(tǒng)并在基于Webkit瀏覽器的界面顯示返回的頁面與數據。完成訪問后，用戶可以選擇退回列表界面，重新選擇新的應用系統(tǒng)并進行訪問。本客戶端通過列表管理頁面，能夠為用戶提供多個應用系統(tǒng)的訪問和管理。Web系統(tǒng)向移動終端遷移，開發(fā)者所需要做的唯一的工作是開發(fā)Web頁面。這里的Web頁面是各個應用系統(tǒng)的Webkit瀏覽器界面，與電腦瀏覽器中瀏覽的Web頁面有一些小的區(qū)別。在進行Web系統(tǒng)向終端瀏覽器遷移的開發(fā)過程中，只需要對Web系統(tǒng)的頁面進行CSS的布局調整以及添加調用終端本地功能的JS代碼。首先，對Web系統(tǒng)的頁面進行CSS調整，使其能夠在手機屏幕中良好的顯示，并使用戶有良好的用戶感知和用戶操作效果。其次，按照系統(tǒng)的要求在各個Web頁面添加終端本地功能的調用函數，調用JS的接口，使Web頁面具有調用終端本地的功能并獲取數據。能夠快速進行Web系統(tǒng)向移動終端遷移的過程，大大縮短了開發(fā)時間和開發(fā)資本，提高了工作效率。本發(fā)明將Android平臺客戶端開發(fā)人員從繁重的軟件開發(fā)工作中簡化出來，使軟件開發(fā)人員不再進行復雜的客戶端代碼開發(fā)，而是使其著重于HTML頁面和CSS的工作，從而簡化了基于Android平臺的客戶端開發(fā)過程，降低了 Android客戶端開發(fā)人員的技術門濫，提高了客戶端軟件的開發(fā)速度，極大地適應了單個Android智能客戶端對接多個Web應用系統(tǒng)的快速開發(fā)和適配，提高Android平臺客戶端對接Web系統(tǒng)的速率，縮短Web系統(tǒng)向移動終端遷移的時間，為企業(yè)開發(fā)客戶端節(jié)省了開發(fā)時間和人力資源成本。作為對詳細描述的結論，應該注意本領域的技術人員將會很清楚可對優(yōu)選實施例做出許多變化和修改，而實質上不脫離本發(fā)明的原理。這種變化和修改包含在所附權利要求書所述的本發(fā)明的范圍之內。
權利要求
1.基于WebKit瀏覽器的客戶端實現方法，包括以下步驟 點擊進入主界面，從本地數據庫中讀取應用系統(tǒng)數據； 如果本地數據庫中沒有應用系統(tǒng)數據，切換到新增應用系統(tǒng)頁面中，新增應用系統(tǒng)并將新增的應用系統(tǒng)寫入本地數據庫； 如果本地數據庫中有應用系統(tǒng)數據，將進入應用系統(tǒng)列表界面選擇應用系統(tǒng)； 加載已選擇應用系統(tǒng)的URL頁面，所述應用系統(tǒng)的JS腳本綁定終端本地對象； 點擊所述應用系統(tǒng)的URL，通過JS腳本調用終端本地對象，進行數據傳遞。
2.根據權利要求I所述基于WebKit瀏覽器的客戶端實現方法，進入應用系統(tǒng)列表界面，還包括以下步驟 進行應用系統(tǒng)列表的增加、刪除或修改操作，并更新本地數據庫中的應用系統(tǒng)數據。
3.根據權利要求I或2所述基于WebKit瀏覽器的客戶端實現方法，其中，所述應用系統(tǒng)保存在網絡側和/或手機終端側。
4.根據權利要求I或2所述基于WebKit瀏覽器的客戶端實現方法，其中，終端本地對象包括拍照、錄音、定位、文件存儲和讀取、短信管理、電話管理、音頻文件播放、監(jiān)測終端網絡或顯示進度對話框。
5.基于WebKit瀏覽器的客戶端，包括 數據庫，用于存儲本地應用系統(tǒng)數據； 本地功能調用模塊，在接收到Webkit瀏覽器的調用請求時，調用終端本地對象并向JS傳遞數據； 主界面，用于讀取數據庫已存儲的本地應用系統(tǒng)數據，如果沒有應用系統(tǒng)數據，切換到新增應用系統(tǒng)頁面，新增應用系統(tǒng)并將新增的應用系統(tǒng)存儲到數據庫；如果有應用系統(tǒng)數據，進入應用系統(tǒng)列表界面； Webkit瀏覽器界面，用于綁定應用系統(tǒng)的JS腳本與終端本地對象，用于從應用系統(tǒng)列表界面中選擇應用系統(tǒng)，加載已選擇應用系統(tǒng)的URL頁面，點擊所述應用系統(tǒng)的URL，通過JS腳本調用本地功能調用模塊，接收其傳送給JS腳本的數據。
6.根據權利要求5所述基于WebKit瀏覽器的客戶端，包括 主界面還增加、刪除或修改應用系統(tǒng)列表，并更新數據庫中的應用系統(tǒng)數據。
7.根據權利要求5或6所述基于WebKit瀏覽器的客戶端，主界面包括 ItemView控件，顯示應用系統(tǒng)URL ； ListView控件，讀取數據庫已存儲的本地應用系統(tǒng)數據，如果沒有應用系統(tǒng)數據，切換到新增應用系統(tǒng)頁面，新增應用系統(tǒng)并將新增的應用系統(tǒng)存儲到數據庫；如果有應用系統(tǒng)數據，進入應用系統(tǒng)列表界面。
8.根據權利要求5或6所述基于WebKit瀏覽器的客戶端，Webkit瀏覽器界面包括 WebChromeClient控件,輔助WebView控件處理JS的對話框； WebViewClient控件,用于從應用系統(tǒng)列表界面中選擇應用系統(tǒng),加載已選擇應用系統(tǒng)的URL頁面； WebView控件，用于綁定應用系統(tǒng)的JS腳本與終端本地對象，點擊所述應用系統(tǒng)的URL，通過JS調用本地功能調用模塊，接收其傳送給JS的數據。
9.根據權利要求5或6所述基于WebKit瀏覽器的客戶端，其中，所述應用系統(tǒng)保存在網絡側和/或手機終端側。
10.根據權利要求5或6所述基于WebKit瀏覽器的客戶端，其中，終端本地對象包括拍照、錄音、定位、文件存儲和讀取、短信管理、電話管理、音頻文件播放、監(jiān)測終端網絡或顯示進度對話框。
全文摘要
本發(fā)明提出基于WebKit瀏覽器的客戶端實現方法以及客戶端。點擊進入主界面，從本地數據庫中讀取應用系統(tǒng)數據，進入應用系統(tǒng)列表界面選擇應用系統(tǒng)；加載已選擇應用系統(tǒng)的URL頁面，所述應用系統(tǒng)的JS腳本綁定終端本地對象；點擊應用系統(tǒng)的URL，通過JS腳本調用終端本地對象，進行數據傳遞。本發(fā)明簡化了基于Android平臺的客戶端開發(fā)過程，適應單個Android智能客戶端對接多個Web應用系統(tǒng)的快速開發(fā)和適配，提高Android平臺客戶端對接Web系統(tǒng)的速率。
文檔編號G06F9/44GK102955694SQ20111025414
公開日2013年3月6日 申請日期2011年8月31日 優(yōu)先權日2011年8月31日
發(fā)明者孔祥瑞, 李偉 申請人:中國電信股份有限公司