移動(dòng)WEB開發(fā)技術(shù)在商務(wù)網(wǎng)站建設(shè)中應(yīng)用淺析

鄭久虎

【摘 要】隨著電子商務(wù)和移動(dòng)終端設(shè)備的普及，移動(dòng)商務(wù)網(wǎng)站建設(shè)越來越受到重視，而基于HTML5的移動(dòng)WEB開發(fā)技術(shù)將成為移動(dòng)商務(wù)網(wǎng)站開發(fā)的趨勢(shì)。本文從移動(dòng)WEB開發(fā)和原生開發(fā)技術(shù)比較、HTML5的特點(diǎn)及開發(fā)模型平臺(tái)等方面進(jìn)行了論述，并對(duì)基于HTML5的移動(dòng)WEB技術(shù)在商務(wù)網(wǎng)站開發(fā)的前景進(jìn)行了展望。

【關(guān)鍵詞】移動(dòng)WEB技術(shù)；商務(wù)網(wǎng)站；建設(shè)

0 引言

隨著3G、WiFi等無線通信技術(shù)的應(yīng)用，移動(dòng)通信得到了廣泛應(yīng)用。智能手機(jī)、平板電腦等移動(dòng)終端設(shè)備在人們生活中的日益普及，特別是智能手機(jī)更成為人們隨身攜帶的必需品。移動(dòng)通信帶寬的大幅度提高帶動(dòng)了移動(dòng)通信應(yīng)用領(lǐng)域的不斷擴(kuò)展。隨著應(yīng)用要求的不斷提高，傳統(tǒng)的服務(wù)已經(jīng)不能滿足用戶多元化的需求，人們希望隨時(shí)隨地訪問互聯(lián)網(wǎng)，從中獲取豐富的信息和服務(wù)。移動(dòng)互聯(lián)網(wǎng)實(shí)現(xiàn)了傳統(tǒng)Web 和移動(dòng)通信的融合，加入了移動(dòng)性、位置可確定性、終端個(gè)人化等特點(diǎn)，使其成為產(chǎn)業(yè)界備受關(guān)注的領(lǐng)域，同時(shí)也面臨著了許多新的挑戰(zhàn)。

電子商務(wù)近幾年有了很大發(fā)展，深入了我們的生活，既使我們購(gòu)物更加快捷方便，也使網(wǎng)商成為了一個(gè)職業(yè)。電子商務(wù)成為了一個(gè)舉足輕重的商業(yè)模式，不僅有阿里集團(tuán)、京東商城等著名電商的繁榮發(fā)展，就象蘇寧、國(guó)美等傳統(tǒng)商業(yè)企業(yè)也紛紛大力發(fā)展其電子商務(wù)。據(jù)中國(guó)行業(yè)研究網(wǎng)2013年研究報(bào)告顯示[1]，中國(guó)電子商務(wù)市場(chǎng)2012年交易規(guī)模達(dá)7.85萬億元，僅阿里集團(tuán)的銷售規(guī)模就突破1萬億，全國(guó)電商交易額占社會(huì)消費(fèi)品零售總額的比重將突破5%。隨著無線通信的廣泛使用，移動(dòng)電子商務(wù)也成為電子商務(wù)一個(gè)重要的分支。移動(dòng)電子商務(wù)更具有開放性，可以無處不在，隨時(shí)隨地進(jìn)行，而用潛在用戶規(guī)模大[2]。

1 移動(dòng)商務(wù)網(wǎng)站應(yīng)用模式

隨著移動(dòng)電子商務(wù)的不斷發(fā)展，移動(dòng)電子商務(wù)網(wǎng)站建設(shè)需求越來越大。移動(dòng)應(yīng)用程序主要有兩種模式： 原生應(yīng)用和移動(dòng)Web 應(yīng)用[3]。原生應(yīng)用，就是編寫手機(jī)操作系統(tǒng)支持的應(yīng)用軟件（如：iPhone iOS 系統(tǒng)的應(yīng)用軟件，Google 的 Android 系統(tǒng)的應(yīng)用軟件等），然后在手機(jī)上安裝相應(yīng)的應(yīng)用軟件；移動(dòng) WEB 應(yīng)用，編寫移動(dòng)WEB應(yīng)用程序，部署在WEB服務(wù)器上，通過支持JavaScript、 CSS3、HTML5標(biāo)準(zhǔn)的內(nèi)核瀏覽器訪問服務(wù)器上的移動(dòng)WEB 應(yīng)用程序。

原生應(yīng)用只是針對(duì)某一特定的手機(jī)操作系統(tǒng)，調(diào)用其內(nèi)置的API，開發(fā)比較方便快捷，但也有很大局限性，不同的手機(jī)操作系統(tǒng)要開發(fā)不同的應(yīng)用軟件。根據(jù)IDC市場(chǎng)研究公司2013年一季度智能型手機(jī)操作系統(tǒng)排行榜顯示：銷售量在100萬部以上的手機(jī)操作系統(tǒng)有：Andriod、iOS、Black Berry、Windows Phone、Bada和Symaian等，如果針對(duì)每種智能手機(jī)操作系統(tǒng)都編寫應(yīng)用軟件，開發(fā)和維護(hù)成本較高。如淘寶網(wǎng)的手機(jī)客戶端就有買家、賣家和網(wǎng)上支付等，另外還要有Andriod、iOS、Black Berry等平臺(tái)的多種版本。

移動(dòng)WEB應(yīng)用軟件，利用瀏覽器和HTML5、JavaScript等技術(shù)，提供跨平臺(tái)、通用的解決方案。一次編程，可以滿足手機(jī)和平板電腦的移動(dòng)站點(diǎn)應(yīng)用，支持Android、iOS等各種主流平臺(tái)。移動(dòng)WEB不需要針對(duì)每一種手機(jī)操作系統(tǒng)開發(fā)相應(yīng)的應(yīng)用軟件，用戶更不用安裝客戶端應(yīng)用程序，系統(tǒng)維護(hù)只要在服務(wù)器端進(jìn)行。隨著4G 時(shí)代的到來和和免費(fèi)Wi-Fi的不斷推出，移動(dòng)互聯(lián)網(wǎng)將得到了快速的發(fā)展，越來越多的人利用移動(dòng)終端設(shè)備方便快捷地訪問網(wǎng)絡(luò)，獲取需要的服務(wù)和信息。隨著4G網(wǎng)的推出，智能手機(jī)性能的提高，移動(dòng)WEB將會(huì)越來越廣泛的應(yīng)用，真正做到隨時(shí)隨地訪問互聯(lián)網(wǎng)，在移動(dòng)互聯(lián)網(wǎng)上娛樂、購(gòu)物、辦公。

隨著手機(jī)和平板電腦普及，傳統(tǒng)網(wǎng)站和電子商務(wù)網(wǎng)站因市場(chǎng)需求逐漸向移動(dòng)WEB應(yīng)用轉(zhuǎn)移。而傳統(tǒng)網(wǎng)站在終端不能完全適應(yīng)需要，需要開發(fā)移動(dòng)WEB網(wǎng)站。移動(dòng)設(shè)備、移動(dòng)終端操作系統(tǒng)和移動(dòng)用戶都具有的獨(dú)特性，要求采用不同于傳統(tǒng)WEB開發(fā)方法進(jìn)行移動(dòng)商務(wù)網(wǎng)站開發(fā)。

傳統(tǒng)Web程序部署在WEB服務(wù)器上，通過超文本傳輸協(xié)議（HTTP）實(shí)現(xiàn)文檔和文件的共享。通過統(tǒng)一資源標(biāo)識(shí)符（URI）來訪問WEB服務(wù)器上的文本文件、標(biāo)記文檔和二進(jìn)制資源。而移動(dòng)WEB在傳統(tǒng)WEB程序的基礎(chǔ)上添加了新的數(shù)據(jù)類型、標(biāo)記語言、文檔格式，以解決移動(dòng)設(shè)備的資源受限、屏幕尺寸小需要優(yōu)化WEB內(nèi)容，移動(dòng)WEB瀏覽器可用性差等問題，用戶可直接通過移動(dòng)終端的瀏覽器訪問，不用安裝任何軟件。

開發(fā)一個(gè)能滿足主流的移動(dòng)平臺(tái)的移動(dòng)WEB應(yīng)用系統(tǒng)，可采用基于模型的開發(fā)方法，模型與平臺(tái)無關(guān)，可以解決平臺(tái)之間移植復(fù)用、設(shè)計(jì)標(biāo)準(zhǔn)和編碼規(guī)范問題，也支持原型開發(fā)，便于用戶理解系統(tǒng)[4]。

2 基于HTML5移動(dòng)應(yīng)用模型

HTML5是HTML新的版本，基于HTML5系列標(biāo)準(zhǔn)的應(yīng)用憑借其良好的跨平臺(tái)性，能很好地解決目前原生程序要為不同操作系統(tǒng)開發(fā)相應(yīng)的應(yīng)用程序的問題，將為移動(dòng)互聯(lián)網(wǎng)產(chǎn)業(yè)帶來快速發(fā)展，引導(dǎo)移動(dòng)WEB產(chǎn)業(yè)快速發(fā)展。將HTML5的技術(shù)優(yōu)勢(shì)廣泛地運(yùn)用于移動(dòng)互聯(lián)網(wǎng)中，基于HTML5的跨平臺(tái)特性，面向越來越豐富的智能終端提供移動(dòng)Web應(yīng)用，是加速HTML5應(yīng)用成熟、引導(dǎo)互聯(lián)網(wǎng)應(yīng)用產(chǎn)業(yè)良性發(fā)展的捷徑[5]。HTML5的優(yōu)勢(shì)在于跨平臺(tái)、可滿足不同分辨率顯示設(shè)備、系統(tǒng)維護(hù)比較方便等，它可支持同時(shí)支持PC機(jī)和移動(dòng)設(shè)備的瀏覽器示。HTML5對(duì)網(wǎng)頁(yè)的視覺功能進(jìn)行了擴(kuò)展，讓W(xué)eb應(yīng)用進(jìn)入無插件時(shí)代，在移動(dòng)終端用戶不需要下載客戶端就能夠觀看視頻、玩游戲，操作更加簡(jiǎn)單。HTML5的視音頻新技術(shù)解決了蘋果iOS和安卓系統(tǒng)對(duì)flash的支持問題，視頻性能表現(xiàn)比flash要更好。HTML5網(wǎng)頁(yè)不僅加強(qiáng)了網(wǎng)頁(yè)的視覺效果，甚至能夠看到三維立體特效。HTML5新增的標(biāo)簽，使搜索引擎抓取和索引網(wǎng)頁(yè)更為方便，從而網(wǎng)站獲得更多的訪問量。

常用HTML5移動(dòng)應(yīng)用框架開發(fā)平臺(tái)包括：jQuery Mobile、jQTouch、Sencha Touch和TitaniumMobile等。jQuery Mobile是jQuery 在智能手機(jī)和平板電腦等移動(dòng)設(shè)備上的版本，是一個(gè)被最廣泛使用的基于HTML5的移動(dòng)WEB開發(fā)模型。具有易于掌握、支持快速迭代、支持跨平臺(tái)和能滿足多種移動(dòng)設(shè)備開發(fā)等優(yōu)點(diǎn)，已成為移動(dòng)WEB 開發(fā)中主流框架模型。jQuery Mobile能很好地支持各種主流移動(dòng)平臺(tái)，提供了一個(gè)統(tǒng)一的jQuery移動(dòng)UI框架，開發(fā)出的移動(dòng)WEB程序可在不同移動(dòng)平臺(tái)的瀏覽器上運(yùn)行，讓開發(fā)人員能夠較輕松地開發(fā)出移動(dòng)WEB網(wǎng)站。掌握J(rèn)Query Mobile頁(yè)面、對(duì)話框、工具欄、按鈕、內(nèi)容格式化、表單元素、列表、API 等主要內(nèi)容后，可以快速制作出實(shí)用且漂亮的移動(dòng) WEB 頁(yè)面[6]。

3 移動(dòng)商務(wù)網(wǎng)站開發(fā)的展望

目前移動(dòng)設(shè)備日益普及、功能的不斷提高，隨著2014年中國(guó)全面進(jìn)入4G時(shí)代，移動(dòng)商務(wù)會(huì)進(jìn)入全面發(fā)展的階段，移動(dòng)商務(wù)網(wǎng)站建設(shè)必將進(jìn)入大發(fā)展階段，傳統(tǒng)的移動(dòng)平臺(tái)客戶端的原生應(yīng)用程序的形式越來越不能滿足需要，跨平臺(tái)、能適應(yīng)多種設(shè)備操作系統(tǒng)、瀏覽器的移動(dòng)WEB商務(wù)網(wǎng)站的形式才是發(fā)展方向。采用基于HTML5的JQuery Mobile模型框架跨瀏覽器兼容性較好，易于學(xué)習(xí)，但也存在一些問題。移動(dòng)WEB應(yīng)用程序僅能有限制地訪問底層數(shù)據(jù)和硬件，還不能充分發(fā)揮硬件的功能，軟件性能、運(yùn)行效率和用戶交互界面不能與原生應(yīng)用程序相比。而且，移動(dòng)WEB程序需要網(wǎng)絡(luò)連接，這對(duì)公共Wi-Fi還沒不普及并且無線網(wǎng)費(fèi)昂貴的中國(guó)用戶來說，也是個(gè)不小的障礙。移動(dòng)WEB應(yīng)用程序目前由于諸多因素還不是主流，開發(fā)人員缺乏，可借鑒的大型移動(dòng)WEB成功經(jīng)驗(yàn)還比較少，但隨著移動(dòng)WEB技術(shù)不斷完善，移動(dòng)設(shè)備的硬件性能不斷提高，移動(dòng)WEB開發(fā)（下轉(zhuǎn)第96頁(yè)）（上接第90頁(yè)）技術(shù)必然成為移動(dòng)商務(wù)網(wǎng)站開發(fā)的首選。

【參考文獻(xiàn)】

[1]2013年電子商務(wù)推動(dòng)經(jīng)濟(jì)發(fā)展?fàn)顩r探析[OL].中研普華，http：//www.chinairn.com/news/20130327/183717815.html.

[2]王靚，羅曉東，編.電子商務(wù)應(yīng)用基礎(chǔ)[M].南京大學(xué)出版社，2011，5：236.

[3]張永生.HTML5技術(shù)構(gòu)建移動(dòng)應(yīng)用的思考[J].福建電腦，2012（7）.

[4]李坤，鄧波.移動(dòng)WEB應(yīng)用程序開發(fā)研究[J].考試周刊，2010（10）.

[5]張成巖，吳靜，仇劍書，嚴(yán)斌峰.基于HTML5的移動(dòng)Web應(yīng)用淺析[J].信息通信技術(shù)，2013（4）.

[6]徐尤華，熊傳玉.JQuery Mobile 1.2 移動(dòng) Web 開發(fā)方法研究[J].信息技術(shù)，2013（8）.

[責(zé)任編輯：楊玉潔]