基于JQuery Mobile框架的地震移動門戶網(wǎng)站開發(fā)

王丹寧　周輝

移動終端WEB應(yīng)用日益成為現(xiàn)今互聯(lián)網(wǎng)的熱點。本文針對地震移動門戶網(wǎng)站的需求，首先介紹國內(nèi)外移動互聯(lián)網(wǎng)的發(fā)展概括，突出移動版門戶網(wǎng)站的必要性；其次，著重介紹開發(fā)移動版門戶網(wǎng)站的關(guān)鍵技術(shù)和框架，在此基礎(chǔ)上，簡單分析網(wǎng)站的開發(fā)流程，以指導(dǎo)課題未來的工作。

【關(guān)鍵詞】門戶網(wǎng)站 Web應(yīng)用 JQuery Mobile

1 前言

中國地震局第二監(jiān)測中心門戶網(wǎng)站作為中心面向社會和本行業(yè)的一個重要窗口，是本中心開展政務(wù)公開和信息交流的重要平臺，是本中心密切聯(lián)系群眾、獲取公眾認可、提高辦公效率和服務(wù)水平的重要渠道，是推進中心管理方式創(chuàng)新的重要舉措。

移動版門戶網(wǎng)站隨著個人智能終端設(shè)備和3G網(wǎng)絡(luò)的普及而日漸成為社會各級用戶了解目標單位情況的首選窗口。智能手機等移動設(shè)備上網(wǎng)方便、了解信息便捷，可以替代一部分傳統(tǒng)版門戶網(wǎng)站的功能，使得中心各級人員用手機等設(shè)備方便查看中心新聞，更使得社會大眾更快、更便捷的了解本中心。

2 國內(nèi)外研究概況

移動版網(wǎng)站的本質(zhì)，實際上就是現(xiàn)今最流行的Mobile Web App應(yīng)用。

目前移動設(shè)備的時代可謂是潛力最大，發(fā)展最為迅猛，也是競爭最為激烈的一個時代。現(xiàn)在雙核1.5G的CPU，4寸，甚至5寸的超大屏手機已開始成為用戶心中的主流手機。毫無疑問，這種手機的處理能力已經(jīng)開始能夠趕上PC的處理能力。在硬件處理能力不斷強大的同時，移動設(shè)備的操作系統(tǒng)的競爭也開始越來越激烈，不僅僅是iOS， Android， 還有不知道市場反響如何的Windows Phone。與此同時，HTML 5能力的不斷強大，使得Web App和Native App之爭不斷升溫，在移動設(shè)備上的討論尤為突出。

目前，我國3G的發(fā)展處在一個過渡時期，不僅有網(wǎng)絡(luò)覆蓋和產(chǎn)業(yè)發(fā)展極為成熟的2G業(yè)務(wù)，基本滿足了用戶急需的大部分移動通信需求，而未來還面臨平滑升級至LTE的4G技術(shù)替代，加上目前快速普及的互聯(lián)網(wǎng)業(yè)務(wù)和寬帶傳輸速度的提升，3G網(wǎng)絡(luò)未來發(fā)展總體趨勢是3G技術(shù)將演進到最先進的4G技術(shù)。

據(jù)數(shù)據(jù)顯示，中國移動互聯(lián)網(wǎng)用戶規(guī)模從2006年的1.14億增長到2012年的6.06億，6年時間，增長達到5.3倍，遠高于同期全球市場。并且在未來幾年還將保持快速的增長。

移動互聯(lián)網(wǎng)已經(jīng)滲入到了人們生活的方方面面，移動上網(wǎng)也成為人們主要的上網(wǎng)方式之一。用戶對于移動服務(wù)的使用不在拘泥于基礎(chǔ)通信服務(wù)，娛樂應(yīng)用、商務(wù)應(yīng)用等需求日益提高。基于此，專為移動應(yīng)用開發(fā)的Web App便迅猛發(fā)展起來。

Web application是指通過使用Web和Web瀏覽器技術(shù)，跨越網(wǎng)絡(luò)完成一個或多個任務(wù)的應(yīng)用程序，通常需要使用Web瀏覽器。在Mobile Web App開發(fā)中，SENCHA以及JQTouch已經(jīng)提供了非常強大的界面開發(fā)支持。同時在界面庫方面，JQuery Mobile可以認為是一種增強型的JavaScript庫，能夠有效地幫助用戶來解決和提升開發(fā)效率。

3 關(guān)鍵技術(shù)介紹

3.1 PhoneGap框架

PhoneGap是一個用基于Html，CSS和JavaScript的，創(chuàng)建移動跨平臺移動應(yīng)用程序的快速開發(fā)平臺。它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian，WP7，Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。

PhoneGap的最大價值在于跨平臺，理想情況下應(yīng)該只需開發(fā)一份代碼就可以同時發(fā)布到IOS/Android等平臺上。因此開發(fā)效率與開發(fā)本地應(yīng)用相比有非常大的提升。

3.2 JQuery Mobile框架

JQuery Mobile是jQuery 在手機上和平板設(shè)備上的版本。JQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。

jQuery Mobile其實是一堆的樣式集和JAVA事件。比如寫一個按鈕，iOS和android的是不同的，用HTML做出來的往往很丑。一般的處理方式是重新定義按鈕的樣式，使它變得更像手機平臺上的按鈕。jQuery Mobile為你提供了這一套框架，你可以通過很簡單的屬性設(shè)置就可以做出跟手機平臺下車差不多的按鈕，相當(dāng)方便。

3.3 PHPCMS V9內(nèi)容管理系統(tǒng)

PHPCMS V9是PHPCMS出品的一款基于PHP技術(shù)和AJAX技術(shù)的企業(yè)級網(wǎng)站內(nèi)容管理系統(tǒng)，旨在幫助用戶解決日益復(fù)雜與重要的Web內(nèi)容的創(chuàng)建、維護、發(fā)布和應(yīng)用。自然地，該系統(tǒng)可以為數(shù)據(jù)共享網(wǎng)站的建設(shè)、改造、管理、二次開發(fā)等提供框架支持。

PHPCMS V9系統(tǒng)采用PHP5+MYSQL作為技術(shù)基礎(chǔ)進行開發(fā)，采用最為流行的OOP（面向?qū)ο螅┓绞竭M行多層架構(gòu)設(shè)計，模塊化開發(fā)方式作為功能開發(fā)形式。框架易于功能擴展，代碼維護，特別是優(yōu)秀的二次開發(fā)能力，提供優(yōu)秀的、全方位的內(nèi)容管理系統(tǒng)解決方案。

本課題將結(jié)合PHPCMS V9系統(tǒng)的豐富功能，進行傳統(tǒng)版和移動版兩類網(wǎng)站內(nèi)容的共同管理和維護。

4 移動版網(wǎng)站應(yīng)用開發(fā)流程分析

4.1 欄目內(nèi)容設(shè)置

移動版門戶網(wǎng)站作為傳統(tǒng)版網(wǎng)站的有益補充，其在內(nèi)容上和形式上都應(yīng)該有所側(cè)重。形式上，移動版網(wǎng)站應(yīng)該遵循普遍的移動應(yīng)用如android等系統(tǒng)的業(yè)界標準；而在內(nèi)容上，移動版網(wǎng)站應(yīng)該適時的對傳統(tǒng)版網(wǎng)站的內(nèi)容進行壓縮，以適應(yīng)移動終端的瀏覽。

本中心傳統(tǒng)版網(wǎng)站包括十幾個一級欄目、幾十個二級子欄目以及若干三級子欄目，若想將全部內(nèi)容都顯示在移動版網(wǎng)站上是不現(xiàn)實也不合理的。本課題設(shè)想移動版網(wǎng)站欄目內(nèi)容設(shè)置包括工作動態(tài)、震情信息、監(jiān)測科研、監(jiān)測一線等相關(guān)方面的內(nèi)容，主要以實時性的內(nèi)容為主。endprint

4.2 集成開發(fā)環(huán)境

建立快速有效的集成開發(fā)環(huán)境，是移動版網(wǎng)站開發(fā)的基礎(chǔ)。表1為本課題所需主要開發(fā)工具及軟件包的詳細列表：

其中，Cordova為Adobe收購PhoneGap后，賦予其的新名字。

4.3 移動版網(wǎng)站開發(fā)流程

結(jié)合上述內(nèi)容，總結(jié)本網(wǎng)站應(yīng)用的開發(fā)流程如下：

（1）首先對本中心已改版的傳統(tǒng)版網(wǎng)站進行欄目內(nèi)容、后臺管理等的調(diào)查、分析和研究；然后對傳統(tǒng)版和移動版網(wǎng)站內(nèi)容、職能等方面進行詳細劃分，以清晰網(wǎng)站建設(shè)需求。

（2）建立Web App開發(fā)環(huán)境。

（3）利用JQuery Mobile、CSS等技術(shù)進行移動版網(wǎng)站UI設(shè)計開發(fā)。

（4）利用PHP等動態(tài)技術(shù)進行系統(tǒng)業(yè)務(wù)邏輯的開發(fā)。

（5）結(jié)合內(nèi)容管理系統(tǒng)，進行中心兩類網(wǎng)站內(nèi)容的共同管理和維護。

5 結(jié)語

移動版門戶網(wǎng)站通過它的使用普遍性、易用性和先進性等特點，日益成為用戶web瀏覽的首選。本年度，本中心PC版本的門戶網(wǎng)站已從PHPCMS 2008升級到了PHPCMS V9系統(tǒng)，新的系統(tǒng)帶來了新的功能，網(wǎng)站管理員、信息員將會更加方便的管理和發(fā)布網(wǎng)站內(nèi)容。移動版門戶網(wǎng)站也將會更好的集成到該內(nèi)容管理框架當(dāng)中。新的開發(fā)語言和框架也為移動版網(wǎng)站前端和后端的開發(fā)提供技術(shù)基礎(chǔ)。

作者簡介

王丹寧（1981-），男，陜西省合陽縣人。碩士研究生學(xué)歷。現(xiàn)為中國地震局第二監(jiān)測中心工程師。主要研究方向為數(shù)據(jù)處理、Web開發(fā)。

參考文獻

[1]陶國榮.JQuery Mobile權(quán)威指南[M].北京：機械工業(yè)出版社，2012.

[2]陸明.JQuery Mobile開發(fā)指南[M].北京：人民郵電出版社，2014.

[3]李東博.HTML5+CSS3從入門到精通[M].北京：清華大學(xué)出版社，2013.

[4]魯維，胡山.我國移動互聯(lián)網(wǎng)業(yè)務(wù)發(fā)展現(xiàn)狀及趨勢分析[J].電信技術(shù)，2009.

[5]韓保華.淺析當(dāng)今移動互聯(lián)網(wǎng)發(fā)展[J].科技視界，2012.

作者單位

1.中國地震局第二監(jiān)測中心 陜西省西安市 710054

2.中國地震地球物理研究所（地震觀測與地球物理成像重點實驗室） 北京市 100081endprint