【文章內容簡介】 ................................................................. 46 一、 關鍵代碼 ： ........................................................................................................... 46 二、 英文原文： ........................................................................................................... 54 三 、英文翻譯： ........................................................................................................... 64 1 前 言 隨著互聯(lián)網的不斷發(fā)展，互聯(lián)網對人們的生活也在不斷地變化和加強，人們漸漸地已經開始習慣于互聯(lián)網所帶來的各類服務與應用，并且享受著它帶來的便利和豐富。當然隨著互聯(lián)網的基礎用戶和開發(fā)者不斷增多，人們不斷地去創(chuàng)造和完善它的速度也越來越快，無論從技術層面還是商業(yè)層面，新的模式和方法層出不窮，整個行業(yè)新陳代謝不斷加速，新的應用和新的公司不斷地挑戰(zhàn)著新的技術和新的模式，由于整個行業(yè)存在創(chuàng)業(yè)成 本很低、技術成本門檻卻較高等特點，大公司也不斷地推動著新的技術，基于此來創(chuàng)建一定的技術壁壘，同時基于此建立全新的服務和技術。但是畢竟整個互聯(lián)網是一個開放的環(huán)境，大家需要一種標準，而不是一家獨大的競爭下去，這樣就一定會失去民心，所以 HTML5 這種更加新的標準和技術體系在不斷地革新中發(fā)展壯大。 HTML5 是近十年來 Web 標準發(fā)展巨大的一個跨越，與以前的版本相比較， HTML5 不僅用來表示 Web 內容，而是將 Web 引入一個比較成熟的應用平臺，在這個平臺上，視頻、音頻、圖象和動畫，以及標準化與 電腦的交互。盡管 HTML5 的實現還有很長的路要走，但 HTML5 正在改變 Web。另外，目前的互聯(lián)網不僅僅是傳統(tǒng)意義上面的互聯(lián)網，所有的傳統(tǒng)應用和模式正在向著更加移動和便捷發(fā)展，人們可能通過手機、平板電腦等各類移動設備來獲取信息和使用更加豐富的應用，如物理位置定位信息等新的數據采集和多點觸控、重力感應等新的交互方式的應用，未來必將也會改變人們生活的方方面面。 HTML5 中也加入了以上各類新的元素和功能， 同時也考慮到了非健全人事使用互聯(lián)網時可能帶來的問題。 所以， 研究 HTML5 這種技術 體系來嘗試做一些應用是一個千載難逢的機遇，而基于這個變革的年代去使用類似的技術來創(chuàng)造更多新的應用更是能夠改變這個世界的一次機會。 該課題是基于 HTML5 來做一個最佳實踐， 完成之前不可能使用 WEB 技術來完成的功能，性能照比之前的技術體系要高出很多，而且有足夠的前瞻性和創(chuàng)新性。互聯(lián)網和其他的行業(yè)最大的區(qū)別就是這是一個創(chuàng)新驅動并且快速變化的行業(yè)，一種新的技術可能就會創(chuàng)造出新的應用、新的商業(yè)模式，該課題是基于 HTML5 技術在 Web 環(huán)境中實現的一個考勤系統(tǒng)，通過使用 HTML5 中的 Geolocation 來實現實時性，這無疑是對最新技術的一次最佳實踐和學習，也是對自己的能力的一次歷練。 2 第一章 緒論 隨著互聯(lián)網技術和信息技術的日益成熟，人類社會開始進入信息時代。信息時代的到來給社會生活的各個方面帶來了巨大的變化，這些變化同樣也影響到了網絡辦公平臺的建設。信息技術和信息系統(tǒng)幾乎滲透到了網絡辦公的每一個細節(jié)，對網絡辦公平臺的各個層次均產生了不容忽視的影響。 第一節(jié) 課題的研究背景 隨著計算機技術的飛速發(fā)展，計算機在管理中的廣泛應用，利用計算機實現基于 HTML5 geolocation 考勤管理勢在必行。對于基于 HTML5 geolocation 考勤管理來說，其中會員管理等是在隨時變化的。利用計算機支持完成基于 HTML5 geolocation 考勤管理事務，是適應現代企業(yè)制度要求的必要條件。然而基于 HTML5 geolocation 考勤管理是一項繁瑣而又細致的工作，一般不允許出錯，計算機進行管理工作，不僅能夠保證信息核對準確無誤，而且還可以利用計算機對各種信息進行有效統(tǒng)計處理?；?HTML5 geolocation 考勤管理系統(tǒng)能夠為管理員和用戶提供充足的信息和快捷的查詢手段。使 用計算機對基于 HTML5 geolocation 考勤進行管理，幫助用戶更加快捷應用電腦搜尋所需相冊信息，這些優(yōu)點能夠極大地提高查詢的效率，同時，這也是移動客戶服務管理科學化、正規(guī)化管理以及與世界先進管理技術接軌的重要條件。 因此，建立起高效的基于 HTML5 geolocation 考勤管理系統(tǒng)，能真正提升信息應用的效益 。 第二節(jié) 課題的研究目的和意義 基于 HTML5 geolocation 考勤管理實質是信息技術的高效處理，以計算機為基礎的現代信息處理的產生和發(fā)展，正是基于 HTML5 geolocation 考勤管理現代化的客觀要求。隨著計算機在中國的普遍應用，越來越多的基于 HTML5 geolocation 考勤管理者意識到基于 HTML5 geolocation 考勤管理系統(tǒng)對管理自身發(fā)展的重要作用，投入大量的人力、物力、財力進行基于 HTML5 geolocation 考勤管理系統(tǒng)的建設。 現代科技的飛速發(fā)展，基于 HTML5 geolocation 考勤管理系統(tǒng)處理從根本上可以為更多的管理者減少多方面的經濟資源，在實際操作上也是提高用戶與管理的效率捷徑，能夠很好 3 地做到基于 HTML5 geolocation考勤管理信息的有效共享和協(xié)同。可以說，有效的基于 HTML5 geolocation考勤管理系統(tǒng)是實現良好的整合關系的重要保證。 4 第二章 相關技術分析與介紹 第一節(jié) HTML5 一、 HTML5 簡介 HTML 標準 從 1999 年 12 月發(fā)布的 后，后繼的 HTML5 和其它標準被束之高閣，為了推動 Web 標準化運動的發(fā)展，一些公司聯(lián)合起來，成立了一個叫做 Web Hypertext Application Technology Working Group（ Web 超文本應用技術工作組 WHATWG）的組織。WHATWG 致 力于 Web 表單和應用程序，而 W3C（ World Wide Web Consortium，萬維網聯(lián)盟）專注于 。在 2020 年，雙方決定進行合作，來創(chuàng)建一個新版本的 HTML。 HTML5 草案的前身名為 Web Applications ，于 2020 年被 WHATWG 提出，于 2020年被 W3C 接納，并成立了新的 HTML 工作團隊。 HTML 5 的第一份正式草案已于 2020 年1 月 22 日公布。 HTML5 仍處于完善之中。然而，大部分現代瀏覽器已經具備了某些 HTML5 支持。 2020 年 12 月 17 日，萬維網聯(lián)盟（ W3C）正式宣布凝結了大量網絡工作者心血的 HTML5規(guī)范已經正式定稿。根據 W3C 的發(fā)言稿稱： “HTML5是開放的 Web 網絡平臺的奠基石。 ” 支持 Html5 的瀏覽器包括 Firefox（火狐瀏覽器）， IE9 及其更高版本， Chrome（谷歌瀏覽器）， Safari， Opera 等；國內的傲游瀏覽器（ Maxthon），以及基于 IE 或 Chromium（ Chrome的工程版或稱實驗版）所推出的 360 瀏覽器、搜狗瀏覽器、 瀏覽器、獵豹瀏覽器等國產瀏覽器同樣具備支持 HTML5 的能力。 二 、 HTML5 Geolocation API 介紹 地理位置（ Geolocation）是 HTML5 的重要特性之一，提供了確定用戶位置的功能，借助這個特性能夠開發(fā)基于位置信息的應用 程序 。 HTML5 Geolocation API 使用概述 HTML5 Geolocation API 的使用方法。請求一個位置信息，如果用戶同意，瀏覽器返回該位置信息，該位置是通過 HTML5 地理定位功能的底層設備（例如：筆記本電腦和手機）提供給瀏覽器的。位置由經度、緯度坐標和其他元素數據組成。有這些位置數據信息構建出位置感知類 應用程序。 位置數據信息 位置信息由緯度、經度坐標和一些其他元數據組成。例如北京故宮的位置信息主要由一對緯度和經度坐標組成：緯度：北緯 ，經度：東經 。 5 經緯度坐標有兩種表示方式：十進制格式（例如 ）和 DMS（ Degree Minute Second，角度）格式（例如 39 176。 54 ′ 20 ″）。 HTML5 Geolocation API 返回的坐標格式為十進制格式。除了緯度和經度坐標， HTML5 Geolocation 還提供位置坐標的準確度。除此之外，它還會提 供其他一些元數據，比如海拔、海拔準確度、行駛方向和速度等，具體情況取決于瀏覽器所在的硬件設備。 位置信息來源及比較 HTML5 Geolocationa API 不指定設備用哪種底層技術來定位應用程序的用戶。它只用于檢索位置信息的 API，而且通過該 API 檢索到的數據只具有某種程度的準確性。它并不保證設備返回的實際位置是精確的。 位置信息一般從如下數據源獲得： （ 1） IP 地址 （ 2） 三維坐標 （ 3） GPS（ Global Positioning System，全球 定位系統(tǒng)） （ 4） WiFi （ 5） 手機信號 （ 6） 用戶自定義數據 它們各有優(yōu)缺點如表 所示，為了保證更高的準確度，許多設備使用多個數據源組合的方式。 IP 地址地理定位數據。以前，基于 IP 地址的地理定位是獲取位置的唯一方式，其返回的位置信息通常并不靠譜?；?IP 地理位置的定位方式是：自動查找用戶的 IP 地址，然后檢索其注冊的物理地址。因此，如果用戶的地址是 ISP 提供的，位置就會由服務器供應商的物理地址決定，而地址可能距離用戶數千米。 GPS 地理定位數據。 能看到天空的地方， GPS 就可以提供精確的定位結果。 GPS 定位是通過地球周圍多個衛(wèi)星的 GPS 衛(wèi)星的信號實現的。 GPS 定位的時間比較長，所以不適合快速相應的應用程序。 WiFi 地理定位數據?；?WiFi 地理定位信息是通過三角距離計算得出，三角距離指的是用戶當前位置到已知的多個 WiFi（大多是在城市）接入點的距離。與 GPS 不同的是， WiFi在室內也非常精確。 手機地理定位數據?；谑謾C的地理定位信息是通過用戶到一些基站的三角距離確定位置結果。經常與 WiFi 和基于 GPS 的地理定位信息結合使 用。 用戶自定義的地理定位數據。除去通過編程計算出用戶的位置外，也可以通過用戶自定義其位置。應用程序可以允許用戶輸入他們的地址、郵政編碼和其他的一些關于位置的詳細信息。應用程序通過這些數據信息來提供位置的感知服務。 6 表 位置信息獲取方式對比 數據源 優(yōu)點 缺點 IP 地址 任何地方都可用 在服務器端處理 不精確（經常出錯，一般精確到城市級） 運算代價大 GPS 很精確 定位時間長，耗電量大 室內效果差 需要額外硬件設備支持 WiFi 精確 可在室內使用 簡單、快捷 在鄉(xiāng)村這些 WiFi 接入點少的地區(qū)無法使用 手機信號 相當準確 可在室內使用 簡單、快捷 需要能夠訪問手機或其 modem 設備 用戶自定義 可獲得比程序定位服務更準確的位置數據 用戶自行輸入可能比自動檢測更快 可能很不準確，特別是當用戶位置變更后 瀏覽器支持情況 各個瀏覽器對 HTML5 Geolocation 的支持程度不同，并且還在不斷更新中。在 HTML5 的所有功能中， HTML5 Geolocation 是第一批被全部接受和實現的功能之一，相關規(guī)范已經達到一個非常成熟的階段，不大可能做太大改變。如 表 所示，很多瀏覽器已經支持 HTML5 Geolocation： 7 表 2. 2 瀏覽器對 HTML5 Geolocation 的支持情況 隱私機制 HTML5 Geolocation 規(guī)范提供了一套保護用戶隱私的機制。只有得到用戶的許可，否者不可獲取用戶的地理位置。 這個合理的隱私機制同樣解釋了用戶一直對 HTML5 應用程序中的難題。從 HTML5 Geolocation的例子中可以看到，通常會鼓勵用戶共享這些信息。例如：用戶在咖啡廳喝咖啡，如果應用程序可以讓他們得知該咖啡店附近的商店在打折，那么用戶就可以共享他們的位置信息是完全可以接受的。