題目: 《掌上路況》HTML5版本開發(fā)
院(系) 計算機科學與技術學院
專 業(yè) 軟件工程
屆 別 2012屆
摘 要
隨著計算機性能的不斷提升和互聯(lián)網(wǎng)技術的飛速發(fā)展,用戶享受互聯(lián)網(wǎng)的方式也開始變化要求開始提高,很多的應用變得可以直接以瀏覽器打開的方式使用,數(shù)據(jù)存儲在云端服務器,在更加的安全可靠的同時,也方便了用戶共享數(shù)據(jù)。在各種應用不斷向網(wǎng)絡化轉(zhuǎn)變的同時, 一種新的技術標準也隨之誕生,它就是HTML5。HTML5 是近十年來互聯(lián)網(wǎng)標準一次巨大的飛躍,和曾經(jīng)的HTML版本不同,HTML5 不僅僅可以用來表示W(wǎng)eb內(nèi)容,它還有另外一個使命,那就是將Web變成一個成熟的應用平臺,在這個平臺上,圖像、音頻、視頻和動畫,以及同電腦的交互全部被標準化。也就是說HTML5 是通過一個開放的標準和技術來實現(xiàn)一個沒有插件富客戶端,這個客戶端可以在個人計算機、移動終端、手機和其他有網(wǎng)絡的地方輕松的運行。所以此時研究并且大膽的實踐HTML5這個未來產(chǎn)品有著重要的意義。
課題內(nèi)容是《掌上路況HTML5版本開發(fā)》,該項目是廈門移動“無線城市-掌上路況WAP網(wǎng)站開發(fā)”項目的延伸,希望開發(fā)一套基于HTML5標準的應用程序,方便高端手持設備訪問;贖TML5的應用由于支持跨平臺遷移,可以比原生的App開發(fā)節(jié)省大量的開發(fā)資源,并且支持在線升級即刻生效,所以吸引了越來越多的關注。該項目希望在WAP版本的建設功能的基礎上,保持基本一致的功能,但是能夠給用戶提供更好的體驗,為后續(xù)更多的高級和延伸功能做準備。
關鍵詞:HTML5;Phonegap;掌上路況;百度地圖API
ABSTRACT
With the increasing development of the Internet technology and the constantly rising of the computer performance, users also begin to e
……(新文秘網(wǎng)http://m.120pk.cn省略1414字,正式會員可完整閱讀)……
s, and supports online upgrades, effective immediately, it attracted more and more attention. The project on, remain basically the same functions, but can provide a better e*perience to users and to prepare for the follow-up to more advanced and e*tended and e*tended functionality.
keywords: HTML5, Phonegap, Handheld traffic, Baidu Maps API
目 錄
摘 要 II
ABSTRACT III
圖表目錄 V
表格目錄 V
1 引言 1
1.1 課題目的 1
1.2 課題意義 1
1.3 國內(nèi)外發(fā)展概況 2
1.4 本章小結 4
2 方案論證 5
2.1 需求分析 5
2.2 相關技術基礎簡介 6
2.3 本章小結 13
3 系統(tǒng)設計 14
3.1 環(huán)境配置 14
3.2 模塊設計 14
3.3 主要功能介紹 15
3.4 本章小結 16
4 詳細設計 17
4.1 相關地圖API的使用 17
4.2 核心算法的設計與實現(xiàn) 17
4.3 本章小結 21
5 具體實現(xiàn) 22
5.1 主體框架的搭建 22
5.2 框架設計 23
5.3 細節(jié)功能 24
5.4 本章小結 25
結語 26
注釋 27
參考文獻 28
后記 29
圖表目錄
圖 2 1 Phonegap支持平臺 10
圖 2 2 Phonegap跨平臺性 11
圖 2 3 Phonegap如何調(diào)用API 12
圖 3 1 系統(tǒng)模塊功能設計圖 15
圖 5 1 主體框架 22
圖 5 2 www下的框架 22
圖 5 3 HTML5架構圖 23
表格目錄
表格 4.1 Info 19
表格 4.2 Details 19
表格 4.3 Nodes 20
表格 4.4 Edges 20
1 引言
1.1 課題目的
《掌上路況HTML5版本開發(fā)》項目是廈門移動“無線城市-掌上路況WAP網(wǎng)站開發(fā)”項目的延伸,希望開發(fā)一套基于HTML5標準的應用程序,方便高端手持設備訪問。基于HTML5的應用由于支持跨平臺遷移,可以比原生的App開發(fā)節(jié)省大量的開發(fā)資源,并且支持在線升級即刻生效,所以吸引了越來越多的關注。該項目希望在WAP版本的建設功能的基礎上,保持基本一致的功能,但是能夠給用戶提供更好的體驗,為后續(xù)更多的高級和延伸功能做準備
1.2 課題意義
從互聯(lián)網(wǎng)的誕生到現(xiàn)在,互聯(lián)網(wǎng)對人們的生活的影響在不斷地變化和加強,人們漸漸地開始習慣互聯(lián)網(wǎng)帶來的各類服務與應用,并享受著它的便捷和豐富。與此同時隨著互聯(lián)網(wǎng)的用戶和開發(fā)者的增多,人們?nèi)?chuàng)造和完善它的速度也變的飛快,無論從技術層面還是應用層面,新的模式和方法層出不窮,整個互聯(lián)網(wǎng)新陳代謝不斷加快,新的應用和新的公司不斷地挑戰(zhàn)——_新的技術和新的模式,由于互聯(lián)網(wǎng)存在創(chuàng)業(yè)成本低、技術門檻卻相對較高等特點,大公司也不斷地推動著新的技術,基于此來創(chuàng)建一定的技術壁壘,同時基于此建立全新的服務和技術。但是畢竟整個互聯(lián)網(wǎng)是一個開放的環(huán)境,大家需要一種標準,而不是一家獨大的競爭下去,這樣就一定會失去民心,應運而生HTML5 這種更加新的標準和技術體系在不斷地革新中發(fā)展壯大。
HTML5 是近十年來Web標準最巨大的飛躍,和曾經(jīng)的版本不同,HTML5 并不僅僅用來表示W(wǎng)eb 內(nèi)容,它的使命是將Web 帶入一個成熟的應用平臺,在這個平臺上,視頻、音頻、圖像和動畫,以及同電腦的交互都被標準化。盡管HTML5 的實現(xiàn)還有很長的路要走,但HTML5 正在改變Web。另外,目前的互聯(lián)網(wǎng)不僅僅是傳統(tǒng)意義上面的互聯(lián)網(wǎng),所有的傳統(tǒng)應用和模式正在向著更加移動和便捷發(fā)展,人們可能通過手機、平板電腦等各類移動設備來獲取信息和使用更加豐富的應用,如物理位置定位信息等新的數(shù)據(jù)采集和多點觸控、重力感應等新的交互方式的應用,未來必將也會改變?nèi)藗兩畹姆椒矫婷妗?br>HTML5 中也加入了以上各類新的元素和功能,同時也考慮到了非健全人事使用互聯(lián)網(wǎng)時可能帶來的問題[1] 。所以,研究HTML5 這種技術體系來嘗試做一些應用是一個千載難逢的機遇,而基于這個變革的年代去使用類似的技術來創(chuàng)造更多新的應用更是能夠改變這個世界的一次機會。
怎樣在智能手機(以及其他移動設備)上將HTML5應用程序作為本地程序運行?雖然現(xiàn)在Web技術發(fā)展得相當快,但是想要在瀏覽器上運行一個幾兆大小的應用程序還是非常困難的,因為瀏覽器的緩存是有限的。用戶必須通過打開一個鏈接訪問HTML5應用程序,而不能像訪問本地應用程序一樣,僅僅通過點擊一個圖標就能得到想要的結果,尤其是當移動設備脫機以后,用戶幾乎無法訪問HTML5應用程序。
PhoneGap是一個用基于HTML,CSS和JavaScript的,創(chuàng)建跨平臺移動應用程序的快速開發(fā)平臺。開發(fā)的程序?qū)⒉渴鹪谝粋特定的操作系統(tǒng)上(如Android,IOS,Windows Phone…),類似于在本地主機上運行的Apache實例。
1.3 國內(nèi)外發(fā)展概況
HTML的發(fā)展歷經(jīng)了多個年代,但時間其實不過也在20年左右。1993年HTML首次以因特網(wǎng)草案的形式發(fā)布。20世紀90年代的人見證了HTML的大幅發(fā)展,從2.0版,到3.2版和4.0版,再到1999年的4.01版。隨著HTML的發(fā)展,W3C(萬維網(wǎng)聯(lián)盟)掌握了對HTML規(guī)范的控制權。然而在快速發(fā)布了這四個版本之后,業(yè)界普遍認為HTML已經(jīng)到了窮途末路,對Web標準的焦點也開始轉(zhuǎn)移到了*ML和*HTML上,HTML被放到了次要的位置。不過在此期間,HTML體現(xiàn)了頑強的生命力,主要的網(wǎng)站內(nèi)容還是基于HTML的。為能支持新的Web應用,同時克服現(xiàn)有的缺點,HTML迫切需要添加新的功能,制定新的規(guī)范。
致力于將Web平臺提升到一個新的高度,一小組人在2004年成立了WHATWG 。他們創(chuàng)立了HTML5規(guī)范,同時開始專門針對Web應用開發(fā)新的功能,這被WHATWG認為是HTML中最薄弱的環(huán)節(jié)。Web2.0實至名歸,開創(chuàng)了Web的第二時代[2]。舊的靜態(tài)網(wǎng)站逐漸讓位于需要更多特性的動態(tài)網(wǎng)站和社交網(wǎng)站,這些網(wǎng)站中的新功能數(shù)不勝數(shù)。2006年W3C又重新介入HTML,并于2008年發(fā)布了HTML5的工作草案。2009年,*HTML2工作組停止工作。2010年因為HTML5能解決非常實際的問題,所以在規(guī)范還未定稿的情況下,各大瀏覽器廠家就已經(jīng)按耐不住了,開始對旗下產(chǎn)品進行升級以支持HTML5的新功能。得益于瀏覽器的實驗性反饋,HTML5規(guī)范也得到了持續(xù)的完善,HTML5以這種方式迅速融入到了對Web平臺的實質(zhì)性改進中。到目前為止HTML5規(guī)范已經(jīng)以工作草案的形式發(fā)布了,但還不是最終版本,不過現(xiàn)在在移動終端和Apple公司為主的產(chǎn)品的推動下,HTML5已經(jīng)得到了廣泛的使用[3]。
HTML5草案的前身名為WebApplications1.0,是在2004年由WHATWG提出, ……(未完,全文共22082字,當前僅顯示3972字,請閱讀下面提示信息。
收藏《畢業(yè)論文:《掌上路況》HTML5版本開發(fā)》)