欒 曉 宇

(上海煙草集團有限責任公司　上海 200082)

?

面向移動商務(wù)信息展現(xiàn)技術(shù)架構(gòu)的研究

欒 曉 宇

(上海煙草集團有限責任公司上海 200082)

摘要針對現(xiàn)有移動端商務(wù)智能應(yīng)用中信息展現(xiàn)的局限，提出一種兼顧跨平臺需求和原生語言優(yōu)勢，基于HTML5技術(shù)的插件式界面可配置的信息技術(shù)架構(gòu)，以實現(xiàn)展示界面的個性化定制和插件的跨平臺應(yīng)用。同時提出一種數(shù)據(jù)離線應(yīng)用系統(tǒng)技術(shù)H-OAAS(Html5-Offline Applications and Storage)，以實現(xiàn)在離線情況下移動商務(wù)系統(tǒng)應(yīng)用仍然可以正常運行。最后，通過實際項目驗證了上述技術(shù)架構(gòu)在功能上和性能上的可行性。

關(guān)鍵詞移動終端商務(wù)智能數(shù)據(jù)離線HTML5插件式

0引言

近年來隨著移動網(wǎng)絡(luò)的快速發(fā)展及智能手機和平板電腦等移動設(shè)備的普及，移動設(shè)備逐漸成為人們連接互聯(lián)網(wǎng)的首選。通過移動網(wǎng)絡(luò)使得人們可以不受時間和地域的限制，隨時隨地享受移動網(wǎng)絡(luò)給人們帶來的樂趣和便捷服務(wù)。

從移動應(yīng)用的類型上，一般可以分為普適應(yīng)用、商務(wù)應(yīng)用和專項應(yīng)用。其中：普適應(yīng)用面向的是一般的大眾，滿足大眾在日常的生活需求，如點評網(wǎng)、大麥網(wǎng)等推出的移動應(yīng)用；商務(wù)應(yīng)用主要面向的是企業(yè)用戶，多用來滿足在工作中的業(yè)務(wù)操作需求，比如移動OA、企業(yè)移動門戶等移動應(yīng)用；專項應(yīng)用則主要以工具為主，用來滿足用戶某個方面的應(yīng)用需求，如畫筆類、照片處理類等移動應(yīng)用。而本文所設(shè)計的面向移動商務(wù)信息展現(xiàn)技術(shù)架構(gòu)，是商務(wù)移動應(yīng)用中的重要組成部分，通過移動即商務(wù)智能BI(BusinessIntelligence)的應(yīng)用，使企業(yè)的管理者能夠更加方便的獲取信息，進行決策。

從目前商務(wù)移動應(yīng)用軟件上來看，主流的應(yīng)用還主要是由各BI展現(xiàn)工具的廠商所提供的產(chǎn)品類軟件，其主要特點如下：

? 廠商自有的BI展現(xiàn)工具在移動終端的擴展，其圖形與報表與PC端雷同，不能體現(xiàn)移動應(yīng)用的需求；

? 移動BI應(yīng)用通過原生語言的方式對不同的手機操作系統(tǒng)生成相對應(yīng)的發(fā)布包；

? 移動BI應(yīng)用所提供的二次開發(fā)功能有較大局限，不能滿足企業(yè)的移動應(yīng)用需求。

本文所研究的移動BI信息展現(xiàn)技術(shù)架構(gòu)是在仔細調(diào)研了實際企業(yè)的需求，再參考廠商的移動BI的產(chǎn)品功能的基礎(chǔ)上進行的，整個體系架構(gòu)有以下的特點：

? 獨立成體系，不依托于任何的軟件產(chǎn)品；

? 采用原生語言與HTML5混編的模式進行開發(fā)；

? 實現(xiàn)展現(xiàn)插件的跨平臺，保證不同移動終端的展現(xiàn)內(nèi)容與效果統(tǒng)一，便于企業(yè)進行規(guī)范；

? 加強離線應(yīng)用，滿足企業(yè)移動應(yīng)用的需求。

1當前企業(yè)級移動應(yīng)用需要解決的問題

隨著移動互聯(lián)軟硬件技術(shù)的不斷發(fā)展，移動應(yīng)用也在快速融入企業(yè)的信息化系統(tǒng)建設(shè)進程中。如今，有相當多的企業(yè)也在根據(jù)自身發(fā)展的要求，設(shè)計與實施滿足自身需求的企業(yè)級移動互聯(lián)應(yīng)用。

各類移動應(yīng)用在企業(yè)中不斷的投入使用，使用戶可以不受地點和時間的限制，隨時獲取所需的信息，但各類企業(yè)的移動應(yīng)用仍然面臨著以下問題。

1.1移動設(shè)備的局限

移動設(shè)備主要是各種智能手機和各類平板電腦，這些便攜式的設(shè)備給我們帶來應(yīng)用方便的同時，也存在著由于操作系統(tǒng)不同而導致的應(yīng)用跨平臺性不強、通用性差等問題。所以針對不同的操作系統(tǒng)必須做定制開發(fā)。

1.2移動信息展現(xiàn)的局限

移動應(yīng)用以其界面設(shè)計新穎，用戶交互貼心而著稱，但BI系統(tǒng)的傳統(tǒng)優(yōu)勢在于在一個界面上提供盡可能多的信息，而移動設(shè)備本身的界面大小受到了限制；同時，大部分的移動應(yīng)用面向大眾用戶，提供的應(yīng)用內(nèi)容是統(tǒng)一的，而作為企業(yè)級的BI應(yīng)用，必須考慮到各種用戶的不同權(quán)限和需求，能夠針對不同的用戶提供不同的應(yīng)用內(nèi)。

1.3移動網(wǎng)絡(luò)的局限

雖然移動網(wǎng)絡(luò)無處不在，但相對于有線網(wǎng)絡(luò)，移動網(wǎng)絡(luò)仍然存在帶寬低、時延長、信號不穩(wěn)定、間歇性連通等局限。企業(yè)的BI應(yīng)用需要有效地應(yīng)對移動網(wǎng)絡(luò)延遲，甚至無網(wǎng)絡(luò)的情況，保證應(yīng)用在處于離線狀態(tài)時仍然可用。

本文主要介紹一種適合移動應(yīng)用商務(wù)智能信息展現(xiàn)系統(tǒng)的技術(shù)架構(gòu)及其實現(xiàn)方案。通過基于HTML5[1,2]技術(shù)的信息展現(xiàn)插件設(shè)計，能夠部分解決跨平臺的通用性問題。通過對展現(xiàn)界面可配置的設(shè)計，可以部分滿足個性化信息展現(xiàn)的需求。通過對數(shù)據(jù)離線方式的設(shè)計H-OAAS，使得應(yīng)用系統(tǒng)在無網(wǎng)絡(luò)的情況下能夠保證用戶的使用，并在網(wǎng)絡(luò)通暢時能夠及時的更新信息。

2移動商務(wù)智能展現(xiàn)系統(tǒng)的架構(gòu)設(shè)計與特色

2.1系統(tǒng)架構(gòu)簡介

整個系統(tǒng)設(shè)計的目標主要針對上文中所總結(jié)的問題，需要解決跨平臺，可配置，可離線的局限。圖1中給出了系統(tǒng)架構(gòu)的示意圖。

圖1　系統(tǒng)架構(gòu)圖

從圖1中可以看出，系統(tǒng)由移動設(shè)備客戶端和服務(wù)器端組成，客戶端和服務(wù)器端之間采用HTTP/HTTPS協(xié)議進行數(shù)據(jù)交互。服務(wù)器端由Java語言實現(xiàn)，采用J2EE架構(gòu)，負責維護插件及業(yè)務(wù)信息，以WebService方式供客戶端調(diào)用?？蛻舳苏w采用原生應(yīng)用外框[3-6]+HTML5數(shù)據(jù)插件的技術(shù)方案。移動端應(yīng)用的框架使用原生方式進行開發(fā)，可以達到流暢高效的用戶交互效果，同時為信息展示插件提供穩(wěn)定的運行環(huán)境和展示平臺。

應(yīng)用層由插件、原生界面框架、插件管理模塊和Net服務(wù)模塊四部分組成。

插件主要采用HTML5技術(shù)實現(xiàn)。通過插件生成Web程序，使用HTML5API實現(xiàn)聯(lián)機和脫機模式下與應(yīng)用程序進行交互的能力[7]。同時也可以滿足展現(xiàn)模塊的跨平臺復用，以及插件的快速組合部署的要求；對于極少數(shù)有特殊要求的插件，采用原生方式實現(xiàn)。同時通過界面配置文件，實現(xiàn)信息展示界面的個性化。

原生界面框架主要負責界面的展示。插件庫展現(xiàn)時會調(diào)用插件管理模塊獲取插件信息，通過Net服務(wù)模塊中的H-OAAS(數(shù)據(jù)離線)模塊與云端進行通信，獲取相關(guān)的業(yè)務(wù)數(shù)據(jù)，以參數(shù)形式將數(shù)據(jù)傳遞給展現(xiàn)模塊，最終在移動設(shè)備上進行展示。

插件管理模塊主要提供插件的查詢、更新等功能。查詢功能主要為原生界面框架提供插件信息，更新功能會在服務(wù)器端有插件更新時，調(diào)用Net服務(wù)模塊去更新插件。

Net服務(wù)模塊提供統(tǒng)一的網(wǎng)絡(luò)接口，負責與服務(wù)器端通信，主要實現(xiàn)兩個功能：(1) 同步新的插件以及相應(yīng)的配置信息；(2) 通過H-OAAS模塊將最新的數(shù)據(jù)同步到移動設(shè)備，成為離線的數(shù)據(jù)。

整個系統(tǒng)在設(shè)計時考慮了后續(xù)的管理與擴展，主要通過配置文件的方式，方便系統(tǒng)今后進行功能或插件上的擴充。

2.2系統(tǒng)功能特點

1) 展現(xiàn)模塊跨平臺應(yīng)用跨平臺功能設(shè)計的目標是實現(xiàn)展現(xiàn)模塊在不同類型的移動設(shè)備上快速部署，減少重復開發(fā)工作，來縮短實施周期，降低系統(tǒng)維護難度。本系統(tǒng)選擇HTML5技術(shù)實現(xiàn)信息的展示功能，利用其跨平臺的特性，統(tǒng)一不同終端下的展現(xiàn)風格，提升用戶體驗。同時，考慮到原生語言在各自操作系統(tǒng)下的對硬件操作和參數(shù)獲取的性能優(yōu)勢，采用了混合編程的方式，對展現(xiàn)模塊進行了封裝，方便原生語言進行調(diào)用，使整個應(yīng)用達到兼顧性能和跨平臺的目標。

2) 展現(xiàn)模塊插件化本功能將需要展現(xiàn)的數(shù)據(jù)與展現(xiàn)的形式分離，在實現(xiàn)時只需開發(fā)相關(guān)展現(xiàn)插件，對每個插件的接口制定統(tǒng)一的規(guī)范。最終，在應(yīng)用時只需插件自由組合，加入相應(yīng)的業(yè)務(wù)數(shù)據(jù)，即可快速搭建應(yīng)用模塊。

3) 展現(xiàn)內(nèi)容可配置針對用戶的展現(xiàn)需求，無需重新升級安裝移動客戶端，由系統(tǒng)管理員配置用戶的界面內(nèi)容或布局等，并將配置信息傳輸?shù)较鄳?yīng)的移動端設(shè)備，就可以實現(xiàn)頁面內(nèi)容和布局的變化。不僅有效降低了界面更新所帶來的網(wǎng)絡(luò)流量，也提高了系統(tǒng)的可用性，為不同的用戶群提供不同的個性化應(yīng)用界面。

4) 數(shù)據(jù)離線功能數(shù)據(jù)離線功能是針對移動網(wǎng)絡(luò)的局限而設(shè)計的，可通過移動設(shè)備本地數(shù)據(jù)展現(xiàn)內(nèi)容。當移動網(wǎng)絡(luò)通暢時，在移動應(yīng)用啟動的情況下，本系統(tǒng)會自動下載最新數(shù)據(jù)，并保存在移動設(shè)備上；當網(wǎng)絡(luò)出現(xiàn)問題時，系統(tǒng)就直接使用當前保存在移動設(shè)備中的數(shù)據(jù)，保證系統(tǒng)在有網(wǎng)絡(luò)和無網(wǎng)絡(luò)的情況下均能使用。

3核心功能設(shè)計詳解

整個系統(tǒng)設(shè)計中，基于HTML5技術(shù)的插件設(shè)計，界面可配置的設(shè)計和H-OAAS設(shè)計是整個展現(xiàn)系統(tǒng)的關(guān)鍵技術(shù)，下面分別進行描述。

3.1 HTML5插件設(shè)計

在本設(shè)計中，著重強調(diào)了展現(xiàn)模塊在移動設(shè)備上的復用和跨平臺，所以，對于整個前端應(yīng)用的架構(gòu)，又做了如圖2的細化。

圖2　移動端信息展示技術(shù)架構(gòu)圖

從圖2的技術(shù)架構(gòu)中，可以看出，在移動端的應(yīng)用開發(fā)中，使用了HTML5和ObjectC或Java的混合編程的方式。原因是通過技術(shù)測試，發(fā)現(xiàn)純HTML5開發(fā)的應(yīng)用雖然很好地實現(xiàn)了跨平臺的功能，但在展示的時候響應(yīng)速度較低，需要比較長的時間才能完整地載入整個頁面。而純粹使用IOS的ObjectC開發(fā)的應(yīng)用，雖然在響應(yīng)效率和使用感受上大大超過了HTML5，但只能在蘋果公司的設(shè)備上使用，不具備良好的跨平臺能力，但表現(xiàn)出來的優(yōu)勢是對設(shè)備的硬件操作的響應(yīng)速度以及對IOS系統(tǒng)的匹配程度要遠遠高于HTML5技術(shù)。所以，在開發(fā)方式上選擇了混合編程的開發(fā)方式。

由于采用了混合編程的方式，所以在系統(tǒng)設(shè)計中必須要考慮如何對技術(shù)模塊進行拆分來盡可能保證較好的跨平臺能力和較充分利用好硬件和操作系統(tǒng)的特點。通過對整個應(yīng)用展現(xiàn)的進一步分析可知，商務(wù)智能系統(tǒng)的主要功能是信息展現(xiàn)，并不涉及業(yè)務(wù)操作等流程性的工作。所以，第一步將業(yè)務(wù)指標展現(xiàn)與頁面內(nèi)容組合進行了拆分，使用HTML5技術(shù)來完成業(yè)務(wù)指標的展現(xiàn)，使用原生語言來完成頁面內(nèi)容組合、遠程通信、地理定位等與硬件或操作系統(tǒng)相關(guān)的工作；通過對指標展現(xiàn)的進一步分析，將數(shù)據(jù)與展現(xiàn)形式進行分離，將數(shù)據(jù)參數(shù)化，傳遞給HTML5開發(fā)的圖形，實現(xiàn)圖形與業(yè)務(wù)指標可以根據(jù)實際的需求進行選擇和快速組合。

基于上述分析的基礎(chǔ)上，系統(tǒng)提出了插件化的概念，即使用HTML5技術(shù)開發(fā)多種圖形插件。通過插件的參數(shù)接口來控制展現(xiàn)的業(yè)務(wù)指標，通過原生外框架來進行插件展示的布局組合。用戶查看的頁面文件是由一個桌面、一個界面配置文件及多個插件組合而成。插件采用HTML5進行開發(fā)，每個插件包含的是一個或多個業(yè)務(wù)指標信息，可以被桌面動態(tài)載入。將信息展現(xiàn)所用到的圖形、表格等展現(xiàn)形式通過HTML5做成相應(yīng)的固定長寬比(1∶1或1∶2)的插件。然后將不同的插件進行組合，形成用戶查看信息時的界面文件，其中的插件布局信息通過界面配置文件進行記錄和管理，最后將界面文件裝入原生界面框架中，在移動設(shè)備上進行展示。

1) 插件主要實現(xiàn)的功能和效果插件實現(xiàn)多個頁面自動切換以及動畫效果；點擊手勢/拉開手勢跳轉(zhuǎn)詳細界面以及放大切換的動畫效果；支持插件跳轉(zhuǎn)幫助界面以及翻轉(zhuǎn)動畫效果。

2) 插件存放和更新插件在服務(wù)器端以zip包形式存在，zip名稱通過插件的唯一ID+版本號的方式確定，例如名稱為“spcx_1.0.zip”意思為商品產(chǎn)銷1.0版本的插件。客戶端會預置一部分最常用的數(shù)據(jù)插件，也可以從服務(wù)器端下載本地尚未存儲的插件。插件在客戶端采用文件夾的形式存在本地硬盤，命名規(guī)則與zip包的名稱保持一致?？蛻舳瞬寮母路绞绞菑脑贫讼螺d最新版的插件，將本地舊版本插件替換掉。

3) 插件結(jié)構(gòu)插件由配置文件和頁面樣式文件組成。

配置文件采用JSON格式，其中包括該插件的各種基本信息：插件名稱、插件唯一ID、版本號、皮膚風格ID、幫助頁路徑、文字模式內(nèi)容頁路徑、圖表模式內(nèi)容頁路徑、描述信息、插件分組信息等基本配置信息；這些數(shù)據(jù)用來升級插件，記錄插件使用情況和支持換膚等個性化定制的需要。

頁面樣式文件包含頁面的CSS、HTML、JS。這些文件支持插件在客戶端上顯示和簡單交互功能。

通過插件技術(shù)，進一步將布局與信息展示模塊進行分離，使界面布局能夠按照用戶的需求通過“搭積木”的方式進行配置。而插件也可以在不同的界面中重復調(diào)用，可以通過參數(shù)來控制插件中顯示的數(shù)據(jù)、皮膚等。從而使整個系統(tǒng)的可配置程度大大提高。

3.2界面配置設(shè)計

界面配置設(shè)計主要是在圖2中的“HTML5的原生服務(wù)支持”層中的“HTML5桌面?zhèn)€性化信息”模塊中使用。由系統(tǒng)維護人員，根據(jù)不同用戶群的不同需求，可以有兩種個性化界面的實現(xiàn)方式：(1) 為每一類的用戶群設(shè)計不同的展現(xiàn)頁面；(2) 當用戶數(shù)量小于10人的時候可以為每一個用戶設(shè)計個性化的展現(xiàn)頁面。系統(tǒng)將界面的配置信息通過配置文件下發(fā)到各移動終端設(shè)備，在終端上的應(yīng)用將按照圖3的流程進行信息展示。

圖3　配置實例執(zhí)行流程圖

信息展現(xiàn)模塊讀取需要展示的插件的配置文件和業(yè)務(wù)數(shù)據(jù)，將這些信息轉(zhuǎn)化成初始化參數(shù)，其中配置文件內(nèi)容包括此模塊所使用的桌面、插件及插件位置，配置文件使用XML的格式；通過移動終端的原生語言對XML文件進行解析，根據(jù)初始化參數(shù)讀取相應(yīng)的桌面、插件文件內(nèi)容，將文件內(nèi)容和初始化參數(shù)合并生成一個頁面文件。

頁面文件根據(jù)初始化參數(shù)中的插件位置信息，調(diào)用每個插件的位置設(shè)置方法，設(shè)置每個插件的位置；同時將初始化參數(shù)中的業(yè)務(wù)數(shù)據(jù)通過調(diào)用每個插件的業(yè)務(wù)數(shù)據(jù)設(shè)置方法，將業(yè)務(wù)數(shù)據(jù)傳入對應(yīng)插件。

頁面文件調(diào)用插件的初始化內(nèi)容方法，系統(tǒng)自動加載相應(yīng)的移動設(shè)備本地的離線數(shù)據(jù)，完成插件顯示內(nèi)容的初始化。

信息展現(xiàn)模塊通過移動原生語言載入頁面文件，將內(nèi)容呈現(xiàn)給用戶。

當用戶離開或關(guān)閉應(yīng)用時，信息展現(xiàn)模塊通過移動原生語言將頁面文件刪除。

3.3H-OAAS設(shè)計

本系統(tǒng)設(shè)計中的一項重要設(shè)計就是實現(xiàn)展示用數(shù)據(jù)的離線，使得展現(xiàn)信息的Web應(yīng)用層再不僅僅只具有頁面的顯示能力，還將具備把遠程數(shù)據(jù)同步到移動終端，并在本地對數(shù)據(jù)結(jié)構(gòu)化，使數(shù)據(jù)便于訪問和查詢[8,9]。

H-OAAS是基于HTML5技術(shù)的信息離線系統(tǒng)，通過H-OAAS實現(xiàn)服務(wù)器端將最新的數(shù)據(jù)下發(fā)給移動設(shè)備，實現(xiàn)離線數(shù)據(jù)更新的功能。包括客戶端和服務(wù)器端2個主要組成部分，在數(shù)據(jù)傳輸過程中采用HTTPS協(xié)議，如圖4所示。

圖4　H-OAAS架構(gòu)

由圖4可知，H-OAAS最主要的功能就是持久化數(shù)據(jù)緩存層的實現(xiàn)，該層包括狀態(tài)監(jiān)測、數(shù)據(jù)同步和數(shù)據(jù)緩存3個模塊。

1) 狀態(tài)監(jiān)測：檢測瀏覽器是否在線，根據(jù)在線或離線的狀態(tài)進行對應(yīng)處理。在HTML5中，提供了navigator.onLine屬性表示當前是否在線以及online/offline事件捕獲網(wǎng)絡(luò)狀態(tài)變化情況，當狀態(tài)發(fā)生變化時，navigator.onLine屬性值為true時，表示在線，否則為離線。

2) 數(shù)據(jù)同步：選擇以服務(wù)器端的修改時間為時間戳，本地時間戳以服務(wù)器時間戳加一個bool型更改標記。如果本地記錄的時間戳與服務(wù)器端的時間戳一致，則說明從上次同步到現(xiàn)在，服務(wù)器端的數(shù)據(jù)沒有發(fā)生變化。如果本地修改標記為true，則說明本地數(shù)據(jù)要比服務(wù)器端數(shù)據(jù)新，則需要將本地的數(shù)據(jù)更新到服務(wù)器端；如果本地修改標記為false,且服務(wù)端的時間戳比客戶端的時間戳大，則說明服務(wù)器端的數(shù)據(jù)比客戶端的數(shù)據(jù)新，需要將服務(wù)器端的數(shù)據(jù)同步到本地。

3) 數(shù)據(jù)緩存：H-OAAS采用WebStorage實現(xiàn)客戶端持久化緩存。在WebStorage中，包括了SessionStorage和LocalStorage兩種模式。SessionStorage只是在頁面會話期間保持數(shù)據(jù)可用，LocalStorage可持久化存儲數(shù)據(jù)。

4實驗及結(jié)果分析

以上所描述的架構(gòu)設(shè)計與功能設(shè)計，在某企業(yè)的移動運營分析平臺項目中進行了實施，并取得了良好的效果。

4.1跨平臺測試結(jié)果

本項目中使用了兩種移動終端設(shè)備：IPAD2和三星的T211。兩種設(shè)備上由于不同的屏幕大小，設(shè)計了不同的界面。具體開發(fā)的時候，IPAD應(yīng)用使用的是OBJECTC和HTML5的混合開發(fā)，三星的T211使用的是安卓操作系統(tǒng)，使用的是Java和HTML5的混合開發(fā)。其中的HTML5圖形插件是可以跨平臺使用的，具體的界面截圖見圖5和圖6所示。

圖5　IPAD應(yīng)用界面部分截圖

圖6　三星T211應(yīng)用界面部分截圖

在IPAD2和三星T211的兩種終端上的實際應(yīng)用開發(fā)中涉及了儀表盤、柱狀圖和折線圖。圖形的實現(xiàn)使用HTML5技術(shù)，定位，頁面布局等功能使用原生語言開發(fā)。最終的實現(xiàn)結(jié)果證明，使用HTML5技術(shù)設(shè)計的展現(xiàn)插件，很好地實現(xiàn)了跨平臺的需求。同時，兩種終端的平臺上，展現(xiàn)的圖形從風格到配色都保持一致，保證了不同移動終端下的展現(xiàn)時的規(guī)范和統(tǒng)一，避免了由于開發(fā)人員的差異而導致的展現(xiàn)界面的不一致。

4.2個性化信息展現(xiàn)測試結(jié)果

圖5和圖6的界面設(shè)置是通過配置文件，從服務(wù)器端下載到移動設(shè)備。由移動設(shè)備上的APP應(yīng)用解析配置文件，兩位用戶使用兩種不同的終端，關(guān)注不同的內(nèi)容，系統(tǒng)管理員通過配置管理，方便的實現(xiàn)了個性化應(yīng)用界面。

4.3離線數(shù)據(jù)存儲測試結(jié)果

對于離線數(shù)據(jù)存儲，實際項目中存在兩個場景。

項目場景一是離線數(shù)據(jù)的讀取。在移動設(shè)備斷網(wǎng)的情況下，用戶使用本應(yīng)用時，緩存檢測到離線事件，直接訪問設(shè)備上的緩存數(shù)據(jù)，進行界面展示。

項目場景二是聯(lián)線數(shù)據(jù)的更新。在移動設(shè)備斷網(wǎng)的情況下，對應(yīng)用服務(wù)器端的數(shù)據(jù)進行更新，當網(wǎng)絡(luò)恢復正常后，本應(yīng)用自動下載最新數(shù)據(jù)，并更新設(shè)備上的緩存數(shù)據(jù)。

由于系統(tǒng)設(shè)計的這部分功能是通過后臺自動進行的，所以沒有界面可以展示，實測下來兩個場景均順利實現(xiàn)。

表1給出的是查詢某品牌商品的銷售量，將采用H-OAAS的應(yīng)用同采用實時查詢方式的應(yīng)用進行對比。前者由于不依賴網(wǎng)絡(luò)，具有更快的速度，后者在網(wǎng)絡(luò)狀況良好的情況下，接近前者的速度。

表1　兩種不同開發(fā)模式下的查詢對比

在移動網(wǎng)絡(luò)應(yīng)用中，許多查詢結(jié)果所得到的數(shù)據(jù)是重復的，重復的查詢會給系統(tǒng)帶來一定的壓力。H-OAAS的使用減輕了服務(wù)器端的壓力，提高了前端性能。從表1中可以看出H-OAAS的應(yīng)用提高了用戶請求的響應(yīng)效率，同時由于采用數(shù)據(jù)離線存儲的機制也大大減輕了服務(wù)器實時響應(yīng)用戶操作的壓力。

5結(jié)語

基于當前移動應(yīng)用在使用過程中的局限性，本文提出移動商務(wù)智能信息展現(xiàn)系統(tǒng)的應(yīng)用框架，較好地解決了目前遇到的問題，使信息的分析結(jié)果能夠隨時隨地的為用戶提供支撐和服務(wù)。該系統(tǒng)目前已經(jīng)在國內(nèi)的一家大型企業(yè)中正式投入使用，為該企業(yè)的管理層提供整個企業(yè)的運營信息分析。

在后續(xù)的工作中，還將繼續(xù)針對系統(tǒng)的核心功能進行深入的研究和優(yōu)化：

1) 將繼續(xù)研究HTML5插件的設(shè)計與實現(xiàn)，進一步拓展展現(xiàn)模塊的跨平臺能力，如對微軟的手機操作系統(tǒng)(WindowsPhone)的支持；

2) 為用戶提供自定義界面的功能，由目前的由系統(tǒng)管理員對用戶界面進行配置轉(zhuǎn)變?yōu)橛勺罱K用戶自行對展現(xiàn)界面進行配置；

3) 進一步研究離線數(shù)據(jù)的壓縮與解壓縮方式，降低數(shù)據(jù)傳輸時所需要的流量，提高移動設(shè)備對壓縮數(shù)據(jù)的解壓效率，提升系統(tǒng)的響應(yīng)效率。

未來，還將在系統(tǒng)中細化權(quán)限機制，針對不同權(quán)限的用戶提供行列級的權(quán)限管理功能。增加用戶使用行為的記錄功能，用于后續(xù)研究用戶的使用習慣，使系統(tǒng)的功能更加完整，并為今后不斷的提升系統(tǒng)的用戶體驗，打下良好的基礎(chǔ)。

參考文獻

[1] 羅森,夏普.HTML5用戶指南[M].劉紅偉,譯.北京:機械工業(yè)出版社,2011.

[2]PeterLubbers,BrianAlbers,FrankSalim,etal.HTML5高級程序設(shè)計[M].2版.李杰,柳靜,劉淼,譯.北京:人民郵電出版社,2010.

[3]RetoMeier.Android4高級編程[M].3版.佘建偉,趙凱,譯.北京:清華大學出版社,2013.

[4] 楊宏焱.企業(yè)級iOS應(yīng)用開發(fā)實戰(zhàn)[M].北京:機械工業(yè)出版社,2013.

[5]GeneBacklin.iPhone&iPad高級編程[M].岳虹,凌沖,譯.北京:清華大學出版社,2012.

[6] 關(guān)東升.iOS網(wǎng)絡(luò)編程與云端應(yīng)用最佳實踐[M].北京:清華大學出版社,2013.

[7] 施偉,王碩蘋,郭鳴,等.跨平臺移動應(yīng)用中間適配層設(shè)計與實現(xiàn)[J].計算機工程與應(yīng)用,2014,50(16):39-44.

[8] 羅大暉,陳娟.基于HTML5的Web離線應(yīng)用研究與實現(xiàn)[J].計算機應(yīng)用與軟件,2012,29(12):262-264,305.

[9]DewsburyR.GoogleWebToolkit應(yīng)用程序開發(fā)[M].秦緒文,李松峰,譯.北京:機械工業(yè)出版社,2008.

[10] 陸晨,馮向陽,蘇厚勤.HTML5WebSocket握手協(xié)議的研究與實現(xiàn)[J].計算機應(yīng)用與軟件,2015,32(1):128-131,178.

[11]NathanYau.鮮活的數(shù)據(jù):數(shù)據(jù)可視化指南[M].向怡寧,譯.北京:人民郵電出版社,2012.

RESEARCH ON TECHNICAL ARCHITECTURE OF MOBILE COMMERCE-ORIENTEDINFORMATIONDISPLAY

Luan Xiaoyu

(Shanghai Tobacco Group Co.,Ltd.,Shanghai 200082,China)

AbstractIn light of the limitation of information display in current mobile commerce intelligence application, the author proposes a HTML5 technology-based configurable information technical architecture with pluggable interfaces, which reconciles the cross-platform requirements and native language advantages, to implement the customisation of display interface and the cross-platform application of plug-in modules. Apart from that, the author presents a technology of data offline application system H-OAAS (Html5-offlice applications and storage) to realise the proper operation of the mobile commerce system even in off-line situation. Finally, by carrying out practical projects, the author verifies the feasibility of the above technical architecture in both function and performance.

KeywordsMobile terminalsBusiness intelligenceData offlineHTML5Plug-in

收稿日期：2014-12-24。欒曉宇，工程師，主研領(lǐng)域：計算機信息技術(shù)。

中圖分類號TP3

文獻標識碼A

DOI:10.3969/j.issn.1000-386x.2016.06.007