【正文】 ...................... 19 . 登錄時(shí)序圖 ............................................................................................ 20 . 瀏覽條目時(shí)序圖 .................................................................................... 20 . 管理訂閱時(shí)序圖 .................................................................................... 21 . 新聞評(píng)論時(shí)序圖 .................................................................................... 22 開(kāi)發(fā)平臺(tái) .............................................................................................................. 22 應(yīng)用運(yùn)行環(huán)境 ...................................................................................................... 22 . 服務(wù)器端硬件與軟件環(huán)境 .................................................................... 23 . 客戶端硬件與軟件環(huán)境 ........................................................................ 23 4 跨移動(dòng)平臺(tái)的新聞閱讀應(yīng)用的概要設(shè)計(jì) .................................................................... 24 應(yīng)用的系統(tǒng)結(jié)構(gòu)與開(kāi)發(fā)模型 .............................................................................. 24 . B/S 系統(tǒng)結(jié)構(gòu) ......................................................................................... 24 . MVC 開(kāi)發(fā)模型 ...................................................................................... 24 應(yīng)用系統(tǒng)結(jié)構(gòu)圖 .................................................................................................. 25 數(shù)據(jù)庫(kù)設(shè)計(jì) .......................................................................................................... 25 . 數(shù)據(jù)字典 ................................................................................................ 26 5 跨移動(dòng)平臺(tái)的新聞閱讀應(yīng)用的詳細(xì)設(shè)計(jì) .................................................................... 29 應(yīng)用結(jié)構(gòu)圖 .......................................................................................................... 29 功能實(shí)現(xiàn) .............................................................................................................. 30 . 注冊(cè)模塊與注冊(cè)模塊 ............................................................................ 30 . 管理訂閱模塊 ........................................................................................ 31 . 瀏覽訂閱模塊 ........................................................................................ 34 . 管理?xiàng)l目模塊 ........................................................................................ 38 . 新聞評(píng)論模塊 ........................................................................................ 40 6 項(xiàng)目測(cè)試 ........................................................................................................................ 42 單元測(cè)試 .............................................................................................................. 42 集成測(cè)試 .............................................................................................................. 42 系統(tǒng)測(cè)試 .............................................................................................................. 42 響應(yīng)性能測(cè)試 ...................................................................................................... 43 項(xiàng)目總結(jié) ............................................................................................................................ 45 參考文獻(xiàn) ............................................................................................................................ 46 致謝 .................................................................................................................................... 47 廣州大學(xué)華軟軟件學(xué)院 軟件工程系 鄧?guó)櫧? 基于 HTML5 與 jQuery Mobile 的跨移動(dòng)平臺(tái)的新聞閱讀應(yīng)用 1 前 言 研究背景和意義 本文主要探討跨平臺(tái)新聞聚合閱讀應(yīng)用在移動(dòng)中的重要地位。隨著信息爆炸時(shí)代的到來(lái)，個(gè)人獲取信息的渠道異常豐富，各種渠道提供了不同的信息，如果沒(méi)有統(tǒng)一的管理工具，要查看新聞信息必須查看信息源，同時(shí)要從一大堆信息中分辯哪些是舊的，哪些是新的，這會(huì)導(dǎo)致產(chǎn)生大量重復(fù)性的工作產(chǎn)生，如果要獲取多個(gè)信息源的新聞，那重復(fù)的工作會(huì)更加的多。但是如果使用信息聚合應(yīng)用，就可以把多個(gè)信息源集中起來(lái)，統(tǒng)一瀏覽與管理，只要查看這個(gè)應(yīng)用就能查看到最新的新聞資訊，并且可以查找以前看過(guò)的內(nèi)容，實(shí)現(xiàn)個(gè)人信息源 中心的作用。 現(xiàn)在移動(dòng)互聯(lián)網(wǎng)的資費(fèi)越來(lái)越低，很多人都通過(guò)移動(dòng)終端來(lái)獲取信息，這的確是一個(gè)非常便利的手段，因?yàn)檫@可以十分便利地聯(lián)網(wǎng)與別人交流或者獲取資訊。因?yàn)橐苿?dòng)平臺(tái)的激烈競(jìng)爭(zhēng)，誕生了像 iOS、 Android、 WP7 等不同的移動(dòng)操作系統(tǒng)，這些系統(tǒng)給用戶提供的更多的選擇與不同的體驗(yàn)，卻增加了開(kāi)發(fā)人員的負(fù)擔(dān)，因?yàn)橄胍嗟挠脩艟鸵嫒莞嗟南到y(tǒng)，這樣在開(kāi)發(fā)和升級(jí)上的工作就會(huì)大大增加。近幾年快速發(fā)展的 HTML5 給更好的跨移動(dòng)平臺(tái)應(yīng)用提供了技術(shù)的支持，現(xiàn)在 HTML5提供了豐富的功能如：視頻標(biāo)簽、畫布、離線支持，加上越 來(lái)越強(qiáng)大的 CSS3，在開(kāi)發(fā)跨移動(dòng)平臺(tái)應(yīng)用時(shí)能夠使開(kāi)發(fā)人員更加專注于功能的實(shí)現(xiàn)，而不用顧慮太多的平臺(tái)相關(guān)兼容，所以使用 HTML5 相關(guān)技術(shù)在開(kāi)發(fā)跨移動(dòng)平臺(tái)應(yīng)用時(shí)是個(gè)不錯(cuò)的選擇。 研究方法與要達(dá)到的要求 使用 jQuery Mobile 框架開(kāi)發(fā)一個(gè) Web 應(yīng)用，通過(guò)使用 jQuery Mobile 框架 API提供的功能模塊和方法事件實(shí)現(xiàn)較豐富的跨移動(dòng)平臺(tái)新聞閱讀應(yīng)用，另外使用HTML5 與 CSS3 實(shí)現(xiàn)增強(qiáng)性的功能，提供更好的用戶體驗(yàn)。同時(shí)測(cè)試該應(yīng)用在不同平臺(tái)上面的表現(xiàn)效果，以此測(cè)試應(yīng)用跨平臺(tái)性的適應(yīng)性，探討跨移動(dòng)平臺(tái) 應(yīng)用的開(kāi)發(fā)方向。 該 Web 應(yīng)用要完成任務(wù)設(shè)定的基本要求，和部分考慮實(shí)現(xiàn)功能，能夠在主流移動(dòng)平臺(tái)如： Android和 iOS上運(yùn)行良好，同時(shí)有較好的用戶體驗(yàn)，以此證明基于 HTML5廣州大學(xué)華軟軟件學(xué)院 軟件工程系 鄧?guó)櫧? 基于 HTML5 與 jQuery Mobile 的跨移動(dòng)平臺(tái)的新聞閱讀應(yīng)用 2 的 jQuery Mobile 開(kāi)發(fā)的應(yīng)用能夠勝任跨移動(dòng)平臺(tái)開(kāi)發(fā)的任務(wù)，能夠提供較好的平臺(tái)適應(yīng)性。 圖 01 效果圖 與國(guó)內(nèi)研究對(duì)比 國(guó)外知名的新聞閱讀應(yīng)用《 Google reader》和國(guó)內(nèi)領(lǐng)先的新聞閱讀應(yīng)用《鮮果閱讀》都有推出移動(dòng)版的應(yīng)用，以下就這些應(yīng)用與本應(yīng)用的異同做些簡(jiǎn)單分析： ：《 Google reader》的移動(dòng)版本有移動(dòng)網(wǎng)頁(yè)版和客戶端版，移動(dòng)網(wǎng)頁(yè)版的功能有所精簡(jiǎn)，比較簡(jiǎn)單。《鮮果閱讀》的移動(dòng)版本也有移動(dòng)網(wǎng)頁(yè)版和客戶端版，但是移動(dòng)網(wǎng)頁(yè)版更加簡(jiǎn)單，只實(shí)現(xiàn)了基本的功能。本應(yīng)用基于移動(dòng)網(wǎng)頁(yè)提供了一致的功能體驗(yàn)，但是需要較新的瀏覽器支持。 ：《 Google reader》的客戶端版功能齊全，同時(shí)提供了良好的體驗(yàn)?！鄂r果閱讀》的客戶端版提供了相對(duì)簡(jiǎn)單的功能，但是有很好的用戶體驗(yàn)。本應(yīng)用通過(guò)較新的 HTML5 與 jQuery Mobile 提供了較完整的功能與比較好的用戶體驗(yàn)。 ：《 Google reader》與《鮮果閱讀》作為商業(yè)化應(yīng)用在瀏覽器兼容上面考慮廣州大學(xué)華軟軟件學(xué)院 軟件工程系 鄧?guó)櫧? 基于 HTML5 與 jQuery Mobile 的跨移動(dòng)平臺(tái)的新聞閱讀應(yīng)用 3 更多，所以他們?cè)谝苿?dòng)網(wǎng)頁(yè)上的功能會(huì)有所精簡(jiǎn)，而重點(diǎn)維護(hù)客戶端版本。本應(yīng)用因?yàn)檠芯啃缘男枰淮_保在主流移動(dòng)平臺(tái)如 Android 和 iOS 上能良好運(yùn)行，其它一些較老的移動(dòng)平臺(tái)和較舊版本的瀏覽器，在兼容方法可能有所欠缺。 研究范圍 圍繞跨移動(dòng)平臺(tái)新聞閱讀應(yīng)用的需求，使用 jQuery Mobile 框架作為核心架構(gòu)，實(shí)現(xiàn)應(yīng)用基本功能，另外再使用 HTML5 與 CSS3 增強(qiáng)用戶體驗(yàn)與完成考慮添加的功能。研究范圍集中于實(shí)驗(yàn) jQuery Mobile 的提供的 API 是否滿足跨 移動(dòng)平臺(tái)應(yīng)用開(kāi)發(fā)的需要，同時(shí)嘗試結(jié)合 HTML5 與 CSS3 進(jìn)行開(kāi)發(fā)，研究這些最新技術(shù)在現(xiàn)有平臺(tái)上面的適應(yīng)性。 廣州大學(xué)華軟軟件學(xué)院 軟件工程系 鄧?guó)櫧? 基于 HTML5 與 jQuery Mobile 的跨移動(dòng)平臺(tái)的新聞閱讀應(yīng)用 4 1 相關(guān)技術(shù)介紹 HTML5相關(guān)新特性介紹 HTML5 的上一個(gè)版本是 ，發(fā)布時(shí)間在 1999 年，這會(huì)使人覺(jué)得奇怪為什么一個(gè)版本間會(huì)隔了十多年， 其實(shí)這是因?yàn)?W3C 在發(fā)布 版本后就改變研究方向到 XHTML，但是因?yàn)?XHTML 發(fā)展的過(guò)于超前和規(guī)范太嚴(yán)格，所以沒(méi)被業(yè)界接受，反而是 Opera、 Apple 的瀏覽器廠商在 HTML 基礎(chǔ)上面發(fā)展的新版本受到歡迎，后來(lái)W3C 加入到 HTML 新版本的開(kāi)發(fā)上 面，這就是現(xiàn)在的 HTML5，這個(gè)新版本有如下幾點(diǎn)新特性： 1. 簡(jiǎn)單的聲明 之前的 文件類型聲明 ： ! DOCTYPE html PUBLIC //W3C/DTD HTML 和 文件類型聲明 ： ! DOCTYPE html PUBLIC //W3C/DTD XHTML Strict//EN