基于JQuery Mobile框架的地震移動門戶網站開發

王丹寧　周輝

移動終端WEB應用日益成為現今互聯網的熱點。本文針對地震移動門戶網站的需求，首先介紹國內外移動互聯網的發展概括，突出移動版門戶網站的必要性；其次，著重介紹開發移動版門戶網站的關鍵技術和框架，在此基礎上，簡單分析網站的開發流程，以指導課題未來的工作。

【關鍵詞】門戶網站 Web應用 JQuery Mobile

1 前言

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

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

2 國內外研究概況

移動版網站的本質，實際上就是現今最流行的Mobile Web App應用。

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

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

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

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

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

3 關鍵技術介紹

3.1 PhoneGap框架

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

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

3.2 JQuery Mobile框架

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

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

3.3 PHPCMS V9內容管理系統

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

PHPCMS V9系統采用PHP5+MYSQL作為技術基礎進行開發，采用最為流行的OOP（面向對象）方式進行多層架構設計，模塊化開發方式作為功能開發形式。框架易于功能擴展，代碼維護，特別是優秀的二次開發能力，提供優秀的、全方位的內容管理系統解決方案。

本課題將結合PHPCMS V9系統的豐富功能，進行傳統版和移動版兩類網站內容的共同管理和維護。

4 移動版網站應用開發流程分析

4.1 欄目內容設置

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

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

4.2 集成開發環境

建立快速有效的集成開發環境，是移動版網站開發的基礎。表1為本課題所需主要開發工具及軟件包的詳細列表：

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

4.3 移動版網站開發流程

結合上述內容，總結本網站應用的開發流程如下：

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

（2）建立Web App開發環境。

（3）利用JQuery Mobile、CSS等技術進行移動版網站UI設計開發。

（4）利用PHP等動態技術進行系統業務邏輯的開發。

（5）結合內容管理系統，進行中心兩類網站內容的共同管理和維護。

5 結語

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

作者簡介

王丹寧（1981-），男，陜西省合陽縣人。碩士研究生學歷。現為中國地震局第二監測中心工程師。主要研究方向為數據處理、Web開發。

參考文獻

[1]陶國榮.JQuery Mobile權威指南[M].北京：機械工業出版社，2012.

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

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

[4]魯維，胡山.我國移動互聯網業務發展現狀及趨勢分析[J].電信技術，2009.

[5]韓保華.淺析當今移動互聯網發展[J].科技視界，2012.

作者單位

1.中國地震局第二監測中心 陜西省西安市 710054

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