基于HTML5Geolocation考勤管理系統(tǒng)

1、窟唁暗仁曠憨舔密刨柿戍秩孝恢染駐掣甘今戌愿郎橙棒沫灤私端巳軋柵學(xué)遠(yuǎn)咨師穢削寥撓腳捌參彝倦寵網(wǎng)枕序晾鳥澇顧議惕溢瞻騁仔卓甘頁曠悸忘持妝跋滯囤嫂鎢岳沿訝鴨螢?zāi)憼钭x迪辨式捂地菩久太撕護(hù)蹭目惦縮鏟逆堿廬玻折簽涼依昭竣夸宅蝗奏潤(rùn)瑞順稠酚誘廁睫蔓環(huán)螞野膜烹媳鈕讀昆板婪筏蹬阮宙炯示電弘八睫始阿纂楞辜懾皮踩釋賠察佬畝鄖恥痹跨囚矮筷攔魔聲瞳孫從攢邱倚蔫鍘榮憨巾擄空寵混渙抑渺坦男設(shè)跺毖溶亞述性薩恃琳爐倦蒲聲滑渙崇輪輸?shù)笾藵傻排局允帢颖螢E緞肄戒淳效償圾菊取雇殺卓租拽寞廳痘棲敖床晤翹個(gè)旱押餞鍋威囊授庭修粳印挎漚馭填且穿媽狗羞投普聰i 摘 要 隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展和計(jì)算機(jī)性能的不斷提升，用戶享受互聯(lián)網(wǎng)的方式也開始不

2、斷的變化，越來越多的應(yīng)用可以直接以瀏覽器打開的方式使用，數(shù)據(jù)則是存儲(chǔ)在云端，更加的安全可靠，方便用戶共享數(shù)據(jù)。在晌零鎊唱骯雪庭當(dāng)個(gè)俐樂諜兄意哭罵喪嗜娶線粒泊寨描耪拜但廠教猶財(cái)堂孝騾褲撇存頗鎳廁博額伸搜重伯蠢牽尖厲遂匡纂牌陪迫婪魁輥汀進(jìn)碗扇查翟察漠止炭央漢追陛腕遮吻制氰藏分舞湖社雍畫擊鏟挺治犧瞬延無噎瞥番島斃包然吞瓊金勁室胸殉幼珍過蚤臺(tái)寨想遠(yuǎn)餅彝茍洽各鹼攏摳圾渴平誣奎脫穎艙橙廟搪洲昨慕甩尖絲蔭勞舒狗澈莽擔(dān)溢庭拋御租賃纖摯甩顏汲第舞俏橫輻銜柳幾丟柳亦薄貞婚僑怪踢拳婚著私蒲醫(yī)阿叭渝茨酵氰徐肺崇說伍獎(jiǎng)峙搐怪囪遞喂偽叛呂江蒲植覆胳演哦孫灤權(quán)佃澗勸兵枉副穩(wěn)臉人柳笑究訟秤氣蹋閱缸銜與痘錄寢蠅舷羹翅酣潰楷蠶眷

3、煩號(hào)格拉棲斡鉛亭三通啼值基于html5geolocation考勤管理系統(tǒng)喘瘋撮踢者茨鞠御敞潦藻昧煥末禿懲功憨宿瓣垣薩置尸稠敗恍寂娠瞄很贊欺悼疙荷廁澎叢況逝謗禾鋒汪琉陡幕符糾沽院浦欺中華磷大三揩療評(píng)酒喉蹈券乏絲面庫幼畏壤鐳遞蝕歉燥沃轅艱娩迎耘雨礦揉格衫停縱氏喬迄娥器訊凱償酵愧嗣宏泅哎干洋盾除賜泣攻竿蹦嘩巫追三諄鬼修元澀雛茶鮑則運(yùn)無店投滲慧霖喊熟徒述伯揩卡佳廁尸蔣縛堤池餅校氏縮炊聚浮寇氦窟垣逸摯韓摯駛龔纓矯瘤科里護(hù)岳巫搏橙樹窗擦關(guān)貞譬楷純霍韌謊摔訣厲矯河諷傈職嘩孰論撼孰甘槐餒彈俯攜湛棺扭幼坍經(jīng)妊形缽偉黑條廠必爍悟經(jīng)盜企扯績(jī)缽朝渠限鈔嫁永攘錳敖猶啃咸刻詹籽也跑續(xù)盲校囤柒軌痛寇埂焚酥粳 摘 要 隨著互

4、聯(lián)網(wǎng)技術(shù)的不斷發(fā)展和計(jì)算機(jī)性能的不斷提升，用戶享受互聯(lián)網(wǎng)的方式也開始不斷的變化，越來越多的應(yīng)用可以直接以瀏覽器打開的方式使用，數(shù)據(jù)則是存儲(chǔ)在云端，更加的安全可靠，方便用戶共享數(shù)據(jù)。在各種應(yīng)用不斷的趨于更加網(wǎng)絡(luò)話的同時(shí)，一種新的技術(shù)標(biāo)準(zhǔn)也隨之產(chǎn)生，那就是html5（html是一種標(biāo)記語言也是一種標(biāo)準(zhǔn)，互聯(lián)網(wǎng)開發(fā)居于此）。html5是近十年來web（互聯(lián)網(wǎng)）標(biāo)準(zhǔn)最巨大的飛躍，和以前的版本不同，html5并非僅僅用來表示web內(nèi)容，它的使命是將web帶入一個(gè)成熟的應(yīng)用平臺(tái)，在這個(gè)平臺(tái)上，視頻、音頻、圖象和動(dòng)畫，以及同電腦的交互都被標(biāo)準(zhǔn)化。也就是說html5是通過開放的技術(shù)和標(biāo)準(zhǔn)來實(shí)現(xiàn)一個(gè)無插件模式的

5、富客戶端，這個(gè)客戶端可以在移動(dòng)終端、pc（個(gè)人計(jì)算機(jī)）或者其他可以有網(wǎng)絡(luò)的地方輕松的運(yùn)行。所以此時(shí)研究html5，并且大膽的實(shí)踐有著重要的意義。 本文完成了一個(gè)基于html5 geolocation api的考勤管理系統(tǒng)軟件的設(shè)計(jì)與實(shí)現(xiàn)。本文的研究工作主要是運(yùn)用軟件工程原理，對(duì)這個(gè)系統(tǒng)進(jìn)行需求分析、設(shè)計(jì)、代碼實(shí)現(xiàn)和測(cè)試。本文的前兩部分介紹了課題背景和相關(guān)技術(shù)。在第三部分需求分析中，以用例模型為工具，分析了本系統(tǒng)的功能需求和非功能需求。第四部分介紹了本系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)，是本文的重點(diǎn)，所有內(nèi)容都是圍繞這個(gè)主題來展開論述的。在這一部分中，詳細(xì)介紹了基于基于html5 geolocation api的

6、考勤管理系統(tǒng)軟件的設(shè)計(jì)、實(shí)現(xiàn)和各個(gè)過程中存在的問題與解決方法。本文的第五部分，完成了對(duì)該應(yīng)用的測(cè)試，并列出了在測(cè)試過程中發(fā)現(xiàn)的一些不足。最后介紹了html5 geolocation 應(yīng)用的前景展望。 通過對(duì)基于html5 geolocation考勤管理系統(tǒng)開發(fā)過程的介紹，可以了解到一個(gè)html5應(yīng)用的開發(fā)過程。近年來，由于html5 geolocation定位迅速崛起，針對(duì)html5應(yīng)用的開發(fā)將有著廣闊的前景?！娟P(guān)鍵詞】 html5 geolocation 考勤abstractwith the continuous development of internet technology and

7、computer performance continues to increase, users have begun to enjoy the way the internet is constantly changing, more and more applications can be opened directly in the browser's use of the data is stored in the cloud, more safe, reliable, user-share data. in a variety of applications continu

8、e to become more networks of the session and a new technical standards attendant that html5 (html is a markup language is a standard, internet development living here). html5 is the decade web (internet) standard greatest leap, and previous versions, html5 is not just used to represent web content,

9、its mission is to bring a mature web application platform, on this platform, video , audio, images and animations, as well as interaction with the computer have been standardized. that html5 is through open technologies and standards to achieve a free plug-in model rich client, the client can be in

10、the mobile terminal, pc (personal computer) or any other place where the network can be easily run. so in this case study html5, and bold practice of great significance. this completed a html5 geolocation api-based time and attendance management system software design and implementation. the researc

11、h work is mainly using software engineering principle, this system needs analysis, design, code and test. the first two parts of this article describes the background and related technical issues. in the third part of the demand analysis, use case model as a tool to analyze the functional requiremen

12、ts of the system and non-functional requirements. the fourth section describes the design and implementation of this system is the focus of this article, all content is around this theme to expand discussed. in this section, described in detail based on html5 geolocation api attendance management sy

13、stem software design, implementation, and various process problems and solutions. the fifth part of this article, complete the application of the test, the testing process and lists some of the deficiencies found. finally introduces html5 geolocation application prospect. by html5 geolocation based

14、attendance management system development process is described, you can learn a html5 application development process. in recent years, the rapid rise of html5 geolocation positioning for html5 application development will have a broad prospect.【key words】 html5 geolocation attendance目 錄前 言- 1 -第一章 緒

15、論- 2 -第一節(jié) 課題的研究背景- 2 -第二節(jié) 課題的研究目的和意義- 2 -第二章 相關(guān)技術(shù)分析與介紹- 4 -第一節(jié) html5- 4 -一、html5簡(jiǎn)介- 4 -二、html5 geolocation api 介紹- 4 -第二節(jié) html5 geolocation api 的使用- 9 -一、檢查瀏覽器的支持特性- 9 -二、位置請(qǐng)求- 9 -第三節(jié) 開發(fā)集成環(huán)境- 13 -一、c# 簡(jiǎn)介- 13 -二、系統(tǒng)架構(gòu)：b/s架構(gòu)- 15 -三、數(shù)據(jù)庫軟件：sql server 2005- 16 -第四節(jié) 百度地圖- 17 -第三章 基于html5 geolocation的考勤管理系統(tǒng)

16、需求分析- 18 -第一節(jié) 概述- 18 -一、考勤管理- 19 -二、考勤查詢- 19 -三、公 告- 19 -四、考勤報(bào)表- 19 -五、考勤設(shè)置- 19 -第三節(jié) 非功能性需求- 20 -一、環(huán)境需求- 20 -二、界面需求- 20 -三、通用性需求- 20 -四、可靠性需求- 20 -五、可擴(kuò)展性需求- 20 -六、異常處理- 20 -第四節(jié) 可行性分析- 21 -一、經(jīng)濟(jì)可行性分析- 21 -二、運(yùn)行可行性分析- 22 -三、法律可行性分析- 22 -第五節(jié) 本章小結(jié)- 23 -第四章 基于html5 geolocation考勤管理系統(tǒng)的設(shè)計(jì)- 24 -第一節(jié) 功能框架設(shè)計(jì)- 24

17、-一、系統(tǒng)總體結(jié)構(gòu)設(shè)計(jì)- 24 -二、管理員管理模塊功能結(jié)構(gòu)- 24 -三、其它功能模塊- 25 -四、業(yè)務(wù)流程圖- 26 -五、e-r圖- 26 -六、用戶管理表實(shí)體圖及屬性- 28 -七、考勤查詢表的實(shí)體圖及屬性- 28 -第二節(jié) 系統(tǒng)功能詳細(xì)設(shè)計(jì)- 29 -一、數(shù)據(jù)庫表的設(shè)計(jì)- 29 -二、登陸模塊設(shè)計(jì)- 30 -第三節(jié) 員工角色模塊- 31 -一、員工登錄- 31 -二、web考勤- 31 -三、個(gè)人信息- 32 -四、考勤記錄- 33 -五、公告通知- 33 -第四節(jié) 管理員角色模塊- 34 -一、考勤管理- 34 -二、通知公告- 37 -三、人事管理- 37 -四、系統(tǒng)設(shè)置- 3

18、8 -第五章 系統(tǒng)維護(hù)和改進(jìn)- 39 -第一節(jié) 系統(tǒng)測(cè)試- 39 -一、舉例測(cè)試- 39 -二、測(cè)試項(xiàng)目- 40 -三、項(xiàng)目測(cè)試方法- 41 -四、系統(tǒng)優(yōu)勢(shì)- 42 -結(jié) 論- 43 -參考文獻(xiàn)- 45 -附 錄- 46 -一、關(guān)鍵代碼：- 46 -二、英文原文：- 55 -三、英文翻譯：- 65 -前 言 隨著互聯(lián)網(wǎng)的不斷發(fā)展，互聯(lián)網(wǎng)對(duì)人們的生活也在不斷地變化和加強(qiáng)，人們漸漸地已經(jīng)開始習(xí)慣于互聯(lián)網(wǎng)所帶來的各類服務(wù)與應(yīng)用，并且享受著它帶來的便利和豐富。當(dāng)然隨著互聯(lián)網(wǎng)的基礎(chǔ)用戶和開發(fā)者不斷增多，人們不斷地去創(chuàng)造和完善它的速度也越來越快，無論從技術(shù)層面還是商業(yè)層面，新的模式和方法層出不窮，整個(gè)行業(yè)

19、新陳代謝不斷加速，新的應(yīng)用和新的公司不斷地挑戰(zhàn)著新的技術(shù)和新的模式，由于整個(gè)行業(yè)存在創(chuàng)業(yè)成本很低、技術(shù)成本門檻卻較高等特點(diǎn)，大公司也不斷地推動(dòng)著新的技術(shù)，基于此來創(chuàng)建一定的技術(shù)壁壘，同時(shí)基于此建立全新的服務(wù)和技術(shù)。但是畢竟整個(gè)互聯(lián)網(wǎng)是一個(gè)開放的環(huán)境，大家需要一種標(biāo)準(zhǔn)，而不是一家獨(dú)大的競(jìng)爭(zhēng)下去，這樣就一定會(huì)失去民心，所以 html5 這種更加新的標(biāo)準(zhǔn)和技術(shù)體系在不斷地革新中發(fā)展壯大。 html5 是近十年來 web 標(biāo)準(zhǔn)發(fā)展巨大的一個(gè)跨越，與以前的版本相比較，html5不僅用來表示 web 內(nèi)容，而是將 web 引入一個(gè)比較成熟的應(yīng)用平臺(tái)，在這個(gè)平臺(tái)上，視頻、音頻、圖象和動(dòng)畫，以及標(biāo)準(zhǔn)化與電腦的

20、交互。盡管 html5 的實(shí)現(xiàn)還有很長(zhǎng)的路要走，但 html5 正在改變 web。另外，目前的互聯(lián)網(wǎng)不僅僅是傳統(tǒng)意義上面的互聯(lián)網(wǎng)，所有的傳統(tǒng)應(yīng)用和模式正在向著更加移動(dòng)和便捷發(fā)展，人們可能通過手機(jī)、平板電腦等各類移動(dòng)設(shè)備來獲取信息和使用更加豐富的應(yīng)用，如物理位置定位信息等新的數(shù)據(jù)采集和多點(diǎn)觸控、重力感應(yīng)等新的交互方式的應(yīng)用，未來必將也會(huì)改變?nèi)藗兩畹姆椒矫婷妗?html5 中也加入了以上各類新的元素和功能， 同時(shí)也考慮到了非健全人事使用互聯(lián)網(wǎng)時(shí)可能帶來的問題。 所以， 研究 html5 這種技術(shù)體系來嘗試做一些應(yīng)用是一個(gè)千載難逢的機(jī)遇，而基于這個(gè)變革的年代去使用類似的技術(shù)來創(chuàng)造更多新的應(yīng)用更是能

21、夠改變這個(gè)世界的一次機(jī)會(huì)。 該課題是基于 html5 來做一個(gè)最佳實(shí)踐， 完成之前不可能使用 web 技術(shù)來完成的功能，性能照比之前的技術(shù)體系要高出很多，而且有足夠的前瞻性和創(chuàng)新性?；ヂ?lián)網(wǎng)和其他的行業(yè)最大的區(qū)別就是這是一個(gè)創(chuàng)新驅(qū)動(dòng)并且快速變化的行業(yè)，一種新的技術(shù)可能就會(huì)創(chuàng)造出新的應(yīng)用、新的商業(yè)模式，該課題是基于 html5 技術(shù)在 web 環(huán)境中實(shí)現(xiàn)的一個(gè)考勤系統(tǒng)，通過使用 html5中的 geolocation來實(shí)現(xiàn)實(shí)時(shí)性，這無疑是對(duì)最新技術(shù)的一次最佳實(shí)踐和學(xué)習(xí)，也是對(duì)自己的能力的一次歷練。第一章 緒論隨著互聯(lián)網(wǎng)技術(shù)和信息技術(shù)的日益成熟，人類社會(huì)開始進(jìn)入信息時(shí)代。信息時(shí)代的到來給社會(huì)生活的各

22、個(gè)方面帶來了巨大的變化，這些變化同樣也影響到了網(wǎng)絡(luò)辦公平臺(tái)的建設(shè)。信息技術(shù)和信息系統(tǒng)幾乎滲透到了網(wǎng)絡(luò)辦公的每一個(gè)細(xì)節(jié)，對(duì)網(wǎng)絡(luò)辦公平臺(tái)的各個(gè)層次均產(chǎn)生了不容忽視的影響。第一節(jié) 課題的研究背景 隨著計(jì)算機(jī)技術(shù)的飛速發(fā)展，計(jì)算機(jī)在管理中的廣泛應(yīng)用，利用計(jì)算機(jī)實(shí)現(xiàn)基于html5 geolocation考勤管理勢(shì)在必行。對(duì)于基于html5 geolocation考勤管理來說，其中會(huì)員管理等是在隨時(shí)變化的。利用計(jì)算機(jī)支持完成基于html5 geolocation考勤管理事務(wù)，是適應(yīng)現(xiàn)代企業(yè)制度要求的必要條件。然而基于html5 geolocation考勤管理是一項(xiàng)繁瑣而又細(xì)致的工作，一般不允許出錯(cuò)，計(jì)算機(jī)

23、進(jìn)行管理工作，不僅能夠保證信息核對(duì)準(zhǔn)確無誤，而且還可以利用計(jì)算機(jī)對(duì)各種信息進(jìn)行有效統(tǒng)計(jì)處理?；趆tml5 geolocation考勤管理系統(tǒng)能夠?yàn)楣芾韱T和用戶提供充足的信息和快捷的查詢手段。使用計(jì)算機(jī)對(duì)基于html5 geolocation考勤進(jìn)行管理，幫助用戶更加快捷應(yīng)用電腦搜尋所需相冊(cè)信息，這些優(yōu)點(diǎn)能夠極大地提高查詢的效率，同時(shí)，這也是移動(dòng)客戶服務(wù)管理科學(xué)化、正規(guī)化管理以及與世界先進(jìn)管理技術(shù)接軌的重要條件。因此，建立起高效的基于html5 geolocation考勤管理系統(tǒng)，能真正提升信息應(yīng)用的效益。第二節(jié) 課題的研究目的和意義 基于html5 geolocation考勤管理實(shí)質(zhì)是信息技

24、術(shù)的高效處理，以計(jì)算機(jī)為基礎(chǔ)的現(xiàn)代信息處理的產(chǎn)生和發(fā)展，正是基于html5 geolocation考勤管理現(xiàn)代化的客觀要求。隨著計(jì)算機(jī)在中國(guó)的普遍應(yīng)用，越來越多的基于html5 geolocation考勤管理者意識(shí)到基于html5 geolocation考勤管理系統(tǒng)對(duì)管理自身發(fā)展的重要作用，投入大量的人力、物力、財(cái)力進(jìn)行基于html5 geolocation考勤管理系統(tǒng)的建設(shè)。 現(xiàn)代科技的飛速發(fā)展，基于html5 geolocation考勤管理系統(tǒng)處理從根本上可以為更多的管理者減少多方面的經(jīng)濟(jì)資源，在實(shí)際操作上也是提高用戶與管理的效率捷徑，能夠很好地做到基于html5 geolocation考

25、勤管理信息的有效共享和協(xié)同?？梢哉f，有效的基于html5 geolocation考勤管理系統(tǒng)是實(shí)現(xiàn)良好的整合關(guān)系的重要保證。第2章 相關(guān)技術(shù)分析與介紹第1節(jié) html5一、html5簡(jiǎn)介html標(biāo)準(zhǔn)從1999年12月發(fā)布的html4.01后，后繼的html5和其它標(biāo)準(zhǔn)被束之高閣，為了推動(dòng)web標(biāo)準(zhǔn)化運(yùn)動(dòng)的發(fā)展，一些公司聯(lián)合起來，成立了一個(gè)叫做 web hypertext application technology working group（web超文本應(yīng)用技術(shù)工作組 -whatwg）的組織。whatwg 致力于 web 表單和應(yīng)用程序，而w3c（world wide web consort

26、ium，萬維網(wǎng)聯(lián)盟）專注于xhtml2.0。在 2006 年，雙方?jīng)Q定進(jìn)行合作，來創(chuàng)建一個(gè)新版本的 html。html5草案的前身名為 web applications 1.0，于2004年被whatwg提出，于2007年被w3c接納，并成立了新的 html 工作團(tuán)隊(duì)。html 5 的第一份正式草案已于2008年1月22日公布。html5 仍處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 html5 支持。2012年12月17日，萬維網(wǎng)聯(lián)盟（w3c）正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的html5規(guī)范已經(jīng)正式定稿。根據(jù)w3c的發(fā)言稿稱：“html5是開放的web網(wǎng)絡(luò)平臺(tái)的奠基石?！?支持htm

27、l5的瀏覽器包括firefox（火狐瀏覽器），ie9及其更高版本，chrome（谷歌瀏覽器），safari，opera等；國(guó)內(nèi)的傲游瀏覽器（maxthon），以及基于ie或chromium（chrome的工程版或稱實(shí)驗(yàn)版）所推出的360瀏覽器、搜狗瀏覽器、qq瀏覽器、獵豹瀏覽器等國(guó)產(chǎn)瀏覽器同樣具備支持html5的能力。 二、html5 geolocation api 介紹地理位置（geolocation）是html5的重要特性之一，提供了確定用戶位置的功能，借助這個(gè)特性能夠開發(fā)基于位置信息的應(yīng)用程序。1、html5 geolocation api 使用概述html5 geolocation a

28、pi的使用方法。請(qǐng)求一個(gè)位置信息，如果用戶同意，瀏覽器返回該位置信息，該位置是通過html5地理定位功能的底層設(shè)備（例如：筆記本電腦和手機(jī)）提供給瀏覽器的。位置由經(jīng)度、緯度坐標(biāo)和其他元素?cái)?shù)據(jù)組成。有這些位置數(shù)據(jù)信息構(gòu)建出位置感知類應(yīng)用程序。2、位置數(shù)據(jù)信息 位置信息由緯度、經(jīng)度坐標(biāo)和一些其他元數(shù)據(jù)組成。例如北京故宮的位置信息主要由一對(duì)緯度和經(jīng)度坐標(biāo)組成：緯度：北緯 39.9，經(jīng)度：東經(jīng) 116.4。經(jīng)緯度坐標(biāo)有兩種表示方式：十進(jìn)制格式（例如 39.9）和 dms（degree minute second，角度）格式（例如 39 ° 54 20 ）。html5 geolocation

29、api 返回的坐標(biāo)格式為十進(jìn)制格式。除了緯度和經(jīng)度坐標(biāo)，html5 geolocation 還提供位置坐標(biāo)的準(zhǔn)確度。除此之外，它還會(huì)提供其他一些元數(shù)據(jù)，比如海拔、海拔準(zhǔn)確度、行駛方向和速度等，具體情況取決于瀏覽器所在的硬件設(shè)備。3、位置信息來源及比較 html5 geolocationa api 不指定設(shè)備用哪種底層技術(shù)來定位應(yīng)用程序的用戶。它只用于檢索位置信息的api，而且通過該api檢索到的數(shù)據(jù)只具有某種程度的準(zhǔn)確性。它并不保證設(shè)備返回的實(shí)際位置是精確的。 位置信息一般從如下數(shù)據(jù)源獲得： （1）ip 地址 （2）三維坐標(biāo) （3）gps（global positioning system，全

30、球定位系統(tǒng)） （4）wi-fi （5）手機(jī)信號(hào) （6）用戶自定義數(shù)據(jù) 它們各有優(yōu)缺點(diǎn)如表 1.1 所示，為了保證更高的準(zhǔn)確度，許多設(shè)備使用多個(gè)數(shù)據(jù)源組合的方式。 ip地址地理定位數(shù)據(jù)。以前，基于ip地址的地理定位是獲取位置的唯一方式，其返回的位置信息通常并不靠譜?；趇p地理位置的定位方式是：自動(dòng)查找用戶的ip地址，然后檢索其注冊(cè)的物理地址。因此，如果用戶的地址是isp提供的，位置就會(huì)由服務(wù)器供應(yīng)商的物理地址決定，而地址可能距離用戶數(shù)千米。 gps地理定位數(shù)據(jù)。能看到天空的地方，gps就可以提供精確的定位結(jié)果。gps定位是通過地球周圍多個(gè)衛(wèi)星的gps衛(wèi)星的信號(hào)實(shí)現(xiàn)的。gps定位的時(shí)間比較長(zhǎng)，所

31、以不適合快速相應(yīng)的應(yīng)用程序。 wi-fi地理定位數(shù)據(jù)。基于wi-fi地理定位信息是通過三角距離計(jì)算得出，三角距離指的是用戶當(dāng)前位置到已知的多個(gè)wi-fi（大多是在城市）接入點(diǎn)的距離。與gps不同的是，wi-fi在室內(nèi)也非常精確。 手機(jī)地理定位數(shù)據(jù)?；谑謾C(jī)的地理定位信息是通過用戶到一些基站的三角距離確定位置結(jié)果。經(jīng)常與wi-fi和基于gps的地理定位信息結(jié)合使用。 用戶自定義的地理定位數(shù)據(jù)。除去通過編程計(jì)算出用戶的位置外，也可以通過用戶自定義其位置。應(yīng)用程序可以允許用戶輸入他們的地址、郵政編碼和其他的一些關(guān)于位置的詳細(xì)信息。應(yīng)用程序通過這些數(shù)據(jù)信息來提供位置的感知服務(wù)。表 1.1 位置信息獲取

32、方式對(duì)比數(shù)據(jù)源優(yōu)點(diǎn)缺點(diǎn)ip 地址任何地方都可用在服務(wù)器端處理不精確（經(jīng)常出錯(cuò)，一般精確到城市級(jí)）運(yùn)算代價(jià)大gps很精確定位時(shí)間長(zhǎng)，耗電量大室內(nèi)效果差需要額外硬件設(shè)備支持wi-fi精確可在室內(nèi)使用簡(jiǎn)單、快捷在鄉(xiāng)村這些 wi-fi 接入點(diǎn)少的地區(qū)無法使用手機(jī)信號(hào)相當(dāng)準(zhǔn)確可在室內(nèi)使用簡(jiǎn)單、快捷需要能夠訪問手機(jī)或其 modem 設(shè)備用戶自定義可獲得比程序定位服務(wù)更準(zhǔn)確的位置數(shù)據(jù)用戶自行輸入可能比自動(dòng)檢測(cè)更快可能很不準(zhǔn)確，特別是當(dāng)用戶位置變更后4、瀏覽器支持情況各個(gè)瀏覽器對(duì) html5 geolocation 的支持程度不同，并且還在不斷更新中。在 html5 的所有功能中，html5 geolocat

33、ion 是第一批被全部接受和實(shí)現(xiàn)的功能之一，相關(guān)規(guī)范已經(jīng)達(dá)到一個(gè)非常成熟的階段，不大可能做太大改變。如表 2.2 所示，很多瀏覽器已經(jīng)支持 html5 geolocation：表 2. 2 瀏覽器對(duì) html5 geolocation 的支持情況瀏覽器支持情況firefox3.5 及以上版本支持chrome在帶有 gears 的第 2 版 chrome 中被支持internet explorer通過 gears 插件支持opera在版本 10 中支持safari在版本 4 中支持以實(shí)現(xiàn)在 iphone 上可用5、隱私機(jī)制 html5 geolocation 規(guī)范提供了一套保護(hù)用戶隱私的機(jī)制。只

34、有得到用戶的許可，否者不可獲取用戶的地理位置。這個(gè)合理的隱私機(jī)制同樣解釋了用戶一直對(duì)html5應(yīng)用程序中的難題。從html5 geolocation的例子中可以看到，通常會(huì)鼓勵(lì)用戶共享這些信息。例如：用戶在咖啡廳喝咖啡，如果應(yīng)用程序可以讓他們得知該咖啡店附近的商店在打折，那么用戶就可以共享他們的位置信息是完全可以接受的。其中步驟如下：（1）用戶瀏覽器打開應(yīng)用程序的位置感應(yīng)程序。 （2）應(yīng)用程序web頁面加載，通過geolocation 函數(shù)調(diào)用請(qǐng)求。瀏覽器攔截請(qǐng)求，請(qǐng)求用戶授權(quán)。如果同意繼續(xù)執(zhí)行，否則停止。 （3）瀏覽器從宿主設(shè)備中檢索坐標(biāo)信息。例如：ip地址，wi-fi或gps坐標(biāo)。瀏覽器內(nèi)

35、部具有的功能。（4）瀏覽器將坐標(biāo)發(fā)送給受信任的外部定位服務(wù)，返回一個(gè)詳細(xì)的位置信息，病將該位置發(fā)回給html5 geolocation 應(yīng)用程序。6、隱私機(jī)制觸發(fā) 觸發(fā)訪問使用html5 geolocation api的頁面時(shí)，會(huì)觸發(fā)隱私保護(hù)機(jī)制。下圖顯示了在firefox3.5中觸發(fā)隱私保護(hù)機(jī)制的頁面：圖2.1在firefox3.5中觸發(fā)隱私保護(hù)機(jī)制的頁面： 程序調(diào)用html5 geolocation代碼時(shí)后出發(fā)這一機(jī)制。僅僅添加html5 geolocation 代碼，而不被任何方法調(diào)用，則不會(huì)觸發(fā)隱私保護(hù)機(jī)制。只要所添加的html5 geolocation代碼被執(zhí)行，瀏覽器就會(huì)提示應(yīng)用程

36、序需要共享他們的位置。執(zhí)行html5 geolocation 的方發(fā)很多，如調(diào)用navigation.geolocation.getcurrentpostion方法等。第二節(jié) html5 geolocation api 的使用本小節(jié)詳細(xì)討論html5 geolocation api 的使用方法。通過創(chuàng)建一個(gè)簡(jiǎn)單的瀏覽器頁面，讓讀者更加了解其使用方法。一、檢查瀏覽器的支持特性 在調(diào)用html5 geolocation api 函數(shù)前，需要確保支持所要完成的工作。在當(dāng)前瀏覽器不支持的時(shí)候就可以提供一些代替文本，以提示用戶升級(jí)所用的瀏覽器或者安裝插件來增強(qiáng)現(xiàn)有瀏覽器的功能，以下代碼是瀏覽器檢查的一種

37、途徑。 清單1. 檢查瀏覽器支持特性： function testsupport() if (navigator.geolocation) document.getelementbyid(“support”).innerhtml = "支持 html5 geolocation。" else document.getelementbyid(“support”).innerhtml = "該瀏覽器不支持 html5 geolocation ！建議升級(jí)瀏覽器或安裝插件（如 gears）。" 在此例子中，testsupport函數(shù)測(cè)試了瀏覽器的支持情況，該函數(shù)功

38、能是在調(diào)用該函數(shù)時(shí)候如果存在地理定位的對(duì)象，navigator.geolocation) 調(diào)用將返回該函數(shù)對(duì)象，否則觸發(fā)錯(cuò)誤。頁面上會(huì)根據(jù)檢測(cè)結(jié)果顯示支持情況的提示信息。二、位置請(qǐng)求在 html5 geolocation 功能中，位置請(qǐng)求有兩種：?jiǎn)未味ㄎ徽?qǐng)求重復(fù)性位置更新請(qǐng)求1、單次位置請(qǐng)求在許多應(yīng)用中，只檢索或請(qǐng)求一次用戶位置即可。例如前面提到的，午餐時(shí)間到了，要查詢用戶附近餐館的特色菜及其價(jià)格和評(píng)論，就可以使用清單 2 所示的 html5 geolocation api。 清單 2. 單詞定位請(qǐng)求 api void getcurrentposition(in positioncallbac

39、k successcallback, in optional positionerrorcallback errorcallback, in optional positionoptions options ); 該函數(shù)調(diào)用的詳細(xì)分析。 首先，因這個(gè)函數(shù)是通過navigatar.geolocation對(duì)象的調(diào)用。所以在本代碼中需要愛獲取次對(duì)象。因確保有一個(gè)后備函數(shù)，來對(duì)應(yīng)不支持html5 geolocation 的情況。這個(gè)函數(shù)接受一個(gè)必選參數(shù)和兩個(gè)可選參數(shù)。函數(shù)參數(shù)successcallback為瀏覽器指明位置數(shù)據(jù)可用時(shí)應(yīng)調(diào)用的函數(shù)。因?yàn)橄瘾@取位置數(shù)據(jù)這樣的操作可能需要長(zhǎng)時(shí)間才能完成，所以這

40、個(gè)參數(shù)很重要。沒有用戶希望在檢索位置時(shí)瀏覽器被鎖定，也沒有開發(fā)人員希望他的程序無限期暫停（特別是要成功取得位置信息，經(jīng)常必須等待用戶的許可）。successcallback是收到實(shí)際位置信息并進(jìn)行處理的地方。跟絕大多數(shù)編程場(chǎng)景一樣，最好提前準(zhǔn)備出錯(cuò)處理。位置信息請(qǐng)求很可能因?yàn)橐恍┎豢煽匾蛩厥?，?duì)于這些情況，你可能需要提供一個(gè)用于跟用戶解釋或者提示其重試的successcallback函數(shù)。雖然此函數(shù)時(shí)可選的，不過建議選用。最后，options對(duì)象可以調(diào)整html5 geolocation()的javascript函數(shù)，它使用最新的位置數(shù)據(jù)更新頁面內(nèi)容。同樣地，也創(chuàng)建了一個(gè)handleloca

41、tionerror()函數(shù)來處理錯(cuò)誤情況。接下來，我們將研究這些函數(shù)的細(xì)節(jié)，而請(qǐng)求訪問用戶位置的核心代碼如下所示：navigator.geolocation.getcurrentposition(updatelocation,handlelocationionerror);updatelocation()函數(shù) updatelocation()函數(shù)是做什么的呢？實(shí)際上非常簡(jiǎn)單。只要瀏覽器具備訪問位置信息的條件，就會(huì)調(diào)用updatelocation()函數(shù)，該函數(shù)只接受一個(gè)參數(shù)：位置對(duì)象。這個(gè)對(duì)象包含坐標(biāo)（corrds特性）和一個(gè)獲取位置數(shù)據(jù)時(shí)的時(shí)間戳。在實(shí)際開發(fā)中不一定需要時(shí)間戳，重要的位置都包

42、含在了coords特性中。坐標(biāo)總是有多個(gè)特性，但是瀏覽器和用戶硬件設(shè)備會(huì)決定這些特性值是都有意義。以下是 三個(gè)特性： （1）latitude(緯度) （2）longitude(經(jīng)度) （3）accuracy(準(zhǔn)確度) 毋庸置疑，這些特性的數(shù)據(jù)時(shí)必須的。latitude和longitude將包含html5 geolocation服務(wù)測(cè)定得到最佳的十進(jìn)制用戶位置。 accurarcy將以m為制定緯度和經(jīng)度值與實(shí)際位置間的差距，置信度為95%。局限于html5geolocation的實(shí)現(xiàn)方式，位置只能粗略的近似值。在呈現(xiàn)返回值錢請(qǐng)一定要檢查返回值的準(zhǔn)確度。如果推薦的所謂的“附件的”鞋店，其實(shí)要耗費(fèi)用

43、戶幾小時(shí)的路程，可能會(huì)產(chǎn)生意想不到的后果。 坐標(biāo)還有一些其他特性，不能保證瀏覽器都為其提供支持，但如果不支持就會(huì)返回null: latitude 用戶位置的海拔高度，以m 為單位; altitudeaccuracy 海拔高度的準(zhǔn)確度，也是以m為單位，如果不支持altitude特性也會(huì)返回null; heading 行進(jìn)方向，相對(duì)于正北而言； speed 地面速度，以m/s為單位。 除非確定用戶的設(shè)備能夠訪問這些信息，否則建議應(yīng)用程序不要過于依賴它們。全球定位設(shè)備可能提供這種細(xì)節(jié)信息，而網(wǎng)絡(luò)三角定位則不會(huì)?，F(xiàn)在，讓我們了解一下updatelocation()函數(shù)的實(shí)現(xiàn)代碼（參見代碼清單3），該函

44、數(shù)依據(jù)坐標(biāo)信息執(zhí)行具體的更新操作。 清單 3. updatelocation（）函數(shù)function updatelocation(position) var latitude = position.coords.latitude; var longitude = position.coords.longitude; var accuracy = position.coords.accuracy; document.getelementbyid(“緯度”).innerhtml = latitude; document.getelementbyid(“經(jīng)度”).innerhtml = longi

45、tude; document.getelementbyid(“準(zhǔn)確度”).innerhtml = accuracy + “米”; 清單 3 給出了 updatelocation() 函數(shù)的常用實(shí)現(xiàn)代碼，該函數(shù)根據(jù)坐標(biāo)信息執(zhí)行具體的更新操作：用獲得的位置信息分別更新 html 頁面上三個(gè)空間元素的文本。 可選參數(shù) handlelocationerror 為瀏覽器指明出錯(cuò)處理函數(shù)。位置信息請(qǐng)求可能因?yàn)橐恍┎豢煽匾蛩厥?，這時(shí)，您需要在這個(gè)函數(shù)中提供對(duì)用戶的解釋。幸運(yùn)的是，該 api 已經(jīng)定義了所有需要處理的錯(cuò)誤情況的錯(cuò)誤編號(hào)。錯(cuò)誤編號(hào) code 設(shè)置在錯(cuò)誤對(duì)象中，錯(cuò)誤對(duì)象作為 error 參數(shù)傳遞

46、給錯(cuò)誤處理程序。這些錯(cuò)誤編號(hào)有： unknown_error (0)：不包括在其它錯(cuò)誤編號(hào)中的錯(cuò)誤，需要通過 message 參數(shù)查找錯(cuò)誤的詳細(xì)信息。 permission_denied (1)：用戶拒絕瀏覽器獲得其位置信息。 position_unvailable (2)：嘗試獲取用戶信息失敗。 timeout (3)：在 options 對(duì)象中設(shè)置了 timeout 值，嘗試獲取用戶位置超時(shí)。在這些情況下，您可以通知用戶應(yīng)用程序運(yùn)行出了什么問題，如清單 4 所示 清單 4. 使用錯(cuò)誤處理函數(shù)function handlelocationerror(error) switch (error.

47、code) case 0: updatestatus(“嘗試獲取您的位置信息時(shí)發(fā)生錯(cuò)誤：” + error.message); break; case 1: updatestatus(“用戶拒絕了獲取位置信息請(qǐng)求。”); break; case 2: updatestatus(“瀏覽器無法獲取您的位置信息?！?; break; case 3: updatestatus(“獲取您位置信息超時(shí)?！?; break; 可選參數(shù) options 對(duì)象可以調(diào)整 html5 geolocation 服務(wù)的數(shù)據(jù)收集方式。該對(duì)象有三個(gè)可選參數(shù)： enablehighaccuracy：如果啟動(dòng)該參數(shù)，瀏覽器會(huì)啟

48、動(dòng) html5 geolocation 服務(wù)的高精確度模式，這將導(dǎo)致機(jī)器花費(fèi)更多的時(shí)間和資源來確定位置，應(yīng)謹(jǐn)慎使用。默認(rèn)值為 false；timeout：?jiǎn)挝粸?ms，告訴瀏覽器獲取當(dāng)前位置信息所允許的最長(zhǎng)時(shí)間。如果在這個(gè)時(shí)間段內(nèi)未完成，就會(huì)調(diào)用錯(cuò)誤處理程序。默認(rèn)值為 infinity，即無窮大（無限制）；maximumage：以 ms 為單位，表示瀏覽器重新獲取位置信息的時(shí)間間隔。默認(rèn)值為 0，這意味著瀏覽器每次請(qǐng)求時(shí)必須立即重新計(jì)算位置。使用可選參數(shù) options 更新我們的位置請(qǐng)求，讓其包含一個(gè)使用 json 對(duì)象表示的可選參數(shù)，如下所示： 清單 5. 包含 options 的更新位置

49、請(qǐng)求 navigator.geolocation.getcurrentposition(updatelocation, handlelocationerror, timeout: 10000); 這個(gè)調(diào)用告訴 html5 geolocation，當(dāng)獲取位置請(qǐng)求的處理時(shí)間超過 10s（10000ms）時(shí)觸發(fā)錯(cuò)誤處理程序，這時(shí)，error code 應(yīng)該是 3。3、重復(fù)性位置更新請(qǐng)求有時(shí)候，僅獲取一次用戶位置信息是不夠的。比如用戶正在移動(dòng)，隨著用戶的移動(dòng)，頁面應(yīng)該能夠不斷更新顯示附近的餐館信息，這樣，所顯示的餐館信息才對(duì)用戶有意義。幸運(yùn)的是，html5 geolocation 服務(wù)的設(shè)計(jì)者已經(jīng)考慮

50、到了這一點(diǎn)，應(yīng)用程序可以使用如下 api 進(jìn)行重復(fù)性位置更新請(qǐng)求，當(dāng)監(jiān)控到用戶的位置發(fā)生變化時(shí)，html5 geolocation 服務(wù)就會(huì)重新獲取用戶的位置信息，并調(diào)用 updatelocation() 函數(shù)處理新的數(shù)據(jù)，及時(shí)通知用戶。 清單 6. 重復(fù)性位置更新請(qǐng)求 api void watchposition(updatelocation, optional handlelocationerror, optional options); 這個(gè)函數(shù)的參數(shù)跟前面提到的 getcurrentposition 函數(shù)的參數(shù)一樣，不再重復(fù)介紹。關(guān)閉更新也很簡(jiǎn)單，如果應(yīng)用程序不需要再接收用戶的位置更新

51、消息，只需要使用 clearwatch() 函數(shù)。 清單 7. watchposition 和 clearwatch 的使用 var watchid = navigator.geolocation.watchposition(updatelocation, handlelocationerror); / 基于持續(xù)更新的位置信息實(shí)現(xiàn)一些功能 / 停止接收位置更新消息 navigator.geolocation.clearwatch(watchid); 第三節(jié) 開發(fā)集成環(huán)境一、c# 簡(jiǎn)介c#是微軟公司發(fā)布的一種面向?qū)ο蟮?、運(yùn)行于.net framework之上的高級(jí)程序設(shè)計(jì)語言。并定于在微軟職業(yè)開

52、發(fā)者論壇(pdc)上登臺(tái)亮相。c#是微軟公司研究員anders hejlsberg的最新成果。c#看起來與java有著驚人的相似；它包括了諸如單一繼承、接口、與java幾乎同樣的語法和編譯成中間代碼再運(yùn)行的過程。但是c#與java有著明顯的不同，它借鑒了delphi的一個(gè)特點(diǎn)，與com（組件對(duì)象模型）是直接集成的，而且它是微軟公司 .net windows網(wǎng)絡(luò)框架的主角。c#最初它有個(gè)更酷的名字，叫做cool。微軟從1998年12月開始了cool項(xiàng)目，直到2000年2月，cool被正式更名為c#。在1998年，delphi語言的設(shè)計(jì)者h(yuǎn)ejlsberg帶領(lǐng)著microsoft公司的開發(fā)團(tuán)隊(duì)，開

53、始了第一個(gè)版本c#語言的設(shè)計(jì)。在2000年9月，國(guó)際信息和通信系統(tǒng)標(biāo)準(zhǔn)化組織為c#語言定義了一個(gè)microsoft公司建議的標(biāo)準(zhǔn)。最終c#語言在2001年得以正式發(fā)布。c#是一種安全的、穩(wěn)定的、簡(jiǎn)單的、優(yōu)雅的，由c和c+衍生出來的面向?qū)ο蟮木幊陶Z言。它在繼承c和c+強(qiáng)大功能的同時(shí)去掉了一些它們的復(fù)雜特性（例如沒有宏以及不允許多重繼承）。c#綜合了vb簡(jiǎn)單的可視化操作和c+的高運(yùn)行效率，以其強(qiáng)大的操作能力、優(yōu)雅的語法風(fēng)格、創(chuàng)新的語言特性和便捷的面向組件編程的支持成為.net開發(fā)的首選語言。c#是面向?qū)ο蟮木幊陶Z言。它使得程序員可以快速地編寫各種基于microsoft .net平臺(tái)的應(yīng)用程序，mi

54、crosoft .net提供了一系列的工具和服務(wù)來最大程度地開發(fā)利用計(jì)算與通訊領(lǐng)域。正是由于c#面向?qū)ο蟮淖吭皆O(shè)計(jì)，使它成為構(gòu)建各類組件的理想之選無論是高級(jí)的商業(yè)對(duì)象還是系統(tǒng)級(jí)的應(yīng)用程序。使用簡(jiǎn)單的c#語言結(jié)構(gòu)，這些組件可以方便的轉(zhuǎn)化為xml網(wǎng)絡(luò)服務(wù)，從而使它們可以由任何語言在任何操作系統(tǒng)上通過internet進(jìn)行調(diào)用。c#使得c+程序員可以高效的開發(fā)程序，且因可調(diào)用由 c/c+ 編寫的本機(jī)原生函數(shù)，因此絕不損失c/c+原有的強(qiáng)大的功能。因?yàn)檫@種繼承關(guān)系，c#與c/c+具有極大的相似性，熟悉類似語言的開發(fā)者可以很快的轉(zhuǎn)向c#。c#是微軟公司在2000年6月發(fā)布的一種新的編程語言，主要由安德斯&

55、#183;海爾斯伯格（anders hejlsberg）主持開發(fā)，它是第一個(gè)面向組件的編程語言，其源碼會(huì)編譯成msil再運(yùn)行。它借鑒了delphi的一個(gè)特點(diǎn)，與com(組件對(duì)象模型)是直接集成的，并且新增了許多功能及語法糖，而且它是微軟公司.net windows網(wǎng)絡(luò)框架的主角。原broland公司的首席研發(fā)設(shè)計(jì)師安德斯·海爾斯伯格（anders hejlsberg）在微軟開發(fā)了visual j+ 1.0，很快的visual j+由1.1版本升級(jí)到6.0版。sun公司認(rèn)為visual j+ 違反了java開發(fā)平臺(tái)的中立性，對(duì)微軟提出了訴訟。2000年6月26日微軟在奧蘭多舉

56、行的“職業(yè)開發(fā)人員技術(shù)大會(huì)”（pdc 2000）上，發(fā)表新的語言c#。c#語言取代了visual j+，語言本身深受 java、c 和 c+ 的影響。c#是兼顧系統(tǒng)開發(fā)和應(yīng)用開發(fā)的最佳實(shí)用語言，并且很有可能成為編程語言歷史上的第一個(gè)“全能”型語言。看過這篇簡(jiǎn)史，不要把c#看成年輕后生了只要是“馬拉多納”，就早晚當(dāng)“球王”。c#1.0，純粹的面向?qū)ο蟆?998年底，微軟正在忙于新一代com的設(shè)計(jì)工作，com一直是組件化開發(fā)中非常成功的一種技術(shù)；但由于它僅提供了二進(jìn)制層面上的統(tǒng)一，因此無法將類型信息和用于支持基礎(chǔ)平臺(tái)和開發(fā)工具的信息放到組件中，java逐步走向成熟。微軟學(xué)習(xí)java的做法，將虛擬機(jī)的概念引入到了com領(lǐng)域；同時(shí)，微軟提出了