基于html5_geolocation_考勤管理系统(编辑修改稿)

基于html5_geolocation_考勤管理系统(编辑修改稿)内容摘要：

................................................................. 46 一、 关键代码 ： ........................................................................................................... 46 二、 英文原文： ........................................................................................................... 54 三 、英文翻译： ........................................................................................................... 64 1 前 言 随着互联网的不断发展，互联网对人们的生活也在不断地变化和加强，人们渐渐地已经开始习惯于互联网所带来的各类服务与应用，并且享受着它带来的便利和丰富。 当然随着互联网的基础用户和开发者不断增多，人们不断地去创造和完善它的速度也越来越快，无论从技术层面还是商业层面，新的模式和方法层出不穷，整个行业新陈代谢不断加速，新的应用和新的公司不断地挑战着新的技术和新的模式，由于整个行业存在创业成 本很低、技术成本门槛却较高等特点，大公司也不断地推动着新的技术，基于此来创建一定的技术壁垒，同时基于此建立全新的服务和技术。 但是毕竟整个互联网是一个开放的环境，大家需要一种标准，而不是一家独大的竞争下去，这样就一定会失去民心，所以 HTML5 这种更加新的标准和技术体系在不断地革新中发展壮大。 HTML5 是近十年来 Web 标准发展巨大的一个跨越，与以前的版本相比较， HTML5 不仅用来表示 Web 内容，而是将 Web 引入一个比较成熟的应用平台，在这个平台上，视频、音频、图象和动画，以及标准化与 电脑的交互。 尽管 HTML5 的实现还有很长的路要走，但 HTML5 正在改变 Web。 另外，目前的互联网不仅仅是传统意义上面的互联网，所有的传统应用和模式正在向着更加移动和便捷发展，人们可能通过手机、平板电脑等各类移动设备来获取信息和使用更加丰富的应用，如物理位置定位信息等新的数据采集和多点触控、重力感应等新的交互方式的应用，未来必将也会改变人们生活的方方面面。 HTML5 中也加入了以上各类新的元素和功能， 同时也考虑到了非健全人事使用互联网时可能带来的问题。 所以， 研究 HTML5 这种技术 体系来尝试做一些应用是一个千载难逢的机遇，而基于这个变革的年代去使用类似的技术来创造更多新的应用更是能够改变这个世界的一次机会。 该课题是基于 HTML5 来做一个最佳实践， 完成之前不可能使用 WEB 技术来完成的功能，性能照比之前的技术体系要高出很多，而且有足够的前瞻性和创新性。 互联网和其他的行业最大的区别就是这是一个创新驱动并且快速变化的行业，一种新的技术可能就会创造出新的应用、新的商业模式，该课题是基于 HTML5 技术在 Web 环境中实现的一个考勤系统，通过使用 HTML5 中的 Geolocation 来实现实时性，这无疑是对最新技术的一次最佳实践和学习，也是对自己的能力的一次历练。 2 第一章 绪论 随着互联网技术和信息技术的日益成熟，人类社会开始进入信息时代。 信息时代的到来给社会生活的各个方面带来了巨大的变化，这些变化同样也影响到了网络办公平台的建设。 信息技术和信息系统几乎渗透到了网络办公的每一个细节，对网络办公平台的各个层次均产生了不容忽视的影响。 第一节 课题的研究背景 随着计算机技术的飞速发展，计算机在管理中的广泛应用，利用计算机实现基于 HTML5 geolocation 考勤管理势在必行。 对于基于 HTML5 geolocation 考勤管理来说，其中会员管理等是在随时变化的。 利用计算机支持完成基于 HTML5 geolocation 考勤管理事务，是适应现代企业制度要求的必要条件。 然而基于 HTML5 geolocation 考勤管理是一项繁琐而又细致的工作，一般不允许出错，计算机进行管理工作，不仅能够保证信息核对准确无误，而且还可以利用计算机对各种信息进行有效统计处理。 基于 HTML5 geolocation 考勤管理系统能够为管理员和用户提供充足的信息和快捷的查询手段。 使 用计算机对基于 HTML5 geolocation 考勤进行管理，帮助用户更加快捷应用电脑搜寻所需相册信息，这些优点能够极大地提高查询的效率，同时，这也是移动客户服务管理科学化、正规化管理以及与世界先进管理技术接轨的重要条件。 因此，建立起高效的基于 HTML5 geolocation 考勤管理系统，能真正提升信息应用的效益。 第二节 课题的研究目的和意义 基于 HTML5 geolocation 考勤管理实质是信息技术的高效处理，以计算机为基础的现代信息处理的产生和发展，正是基于 HTML5 geolocation 考勤管理现代化的客观要求。 随着计算机在中国的普遍应用，越来越多的基于 HTML5 geolocation 考勤管理者意识到基于 HTML5 geolocation 考勤管理系统对管理自身发展的重要作用，投入大量的人力、物力、财力进行基于 HTML5 geolocation 考勤管理系统的建设。 现代科技的飞速发展，基于 HTML5 geolocation 考勤管理系统处理从根本上可以为更多的管理者减少多方面的经济资源，在实际操作上也是提高用户与管理的效率捷径，能够很好 3 地做到基于 HTML5 geolocation考勤管理信息的有效共享和协同。 可以说，有效的基于 HTML5 geolocation考勤管理系统是实现良好的整合关系的重要保证。 4 第二章 相关技术分析与介绍 第一节 HTML5 一、 HTML5 简介 HTML 标准 从 1999 年 12 月发布的 后，后继的 HTML5 和其它标准被束之高阁，为了推动 Web 标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group（ Web 超文本应用技术工作组 WHATWG）的组织。 WHATWG 致 力于 Web 表单和应用程序，而 W3C（ World Wide Web Consortium，万维网联盟）专注于。 在 2020 年，双方决定进行合作，来创建一个新版本的 HTML。 HTML5 草案的前身名为 Web Applications ，于 2020 年被 WHATWG 提出，于 2020年被 W3C 接纳，并成立了新的 HTML 工作团队。 HTML 5 的第一份正式草案已于 2020 年1 月 22 日公布。 HTML5 仍处于完善之中。 然而，大部分现代浏览器已经具备了某些 HTML5 支持。 2020 年 12 月 17 日，万维网联盟（ W3C）正式宣布凝结了大量网络工作者心血的 HTML5规范已经正式定稿。 根据 W3C 的发言稿称： “HTML5是开放的 Web 网络平台的奠基石。 ” 支持 Html5 的浏览器包括 Firefox（火狐浏览器）， IE9 及其更高版本， Chrome（谷歌浏览器）， Safari， Opera 等；国内的傲游浏览器（ Maxthon），以及基于 IE 或 Chromium（ Chrome的工程版或称实验版）所推出的 360 浏览器、搜狗浏览器、 浏览器、猎豹浏览器等国产浏览器同样具备支持 HTML5 的能力。 二 、 HTML5 Geolocation API 介绍 地理位置（ Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用 程序。 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，全球 定位系统） （ 4） WiFi （ 5） 手机信号 （ 6） 用户自定义数据 它们各有优缺点如表 所示，为了保证更高的准确度，许多设备使用多个数据源组合的方式。 IP 地址地理定位数据。 以前，基于 IP 地址的地理定位是获取位置的唯一方式，其返回的位置信息通常并不靠谱。 基于 IP 地理位置的定位方式是：自动查找用户的 IP 地址，然后检索其注册的物理地址。 因此，如果用户的地址是 ISP 提供的，位置就会由服务器供应商的物理地址决定，而地址可能距离用户数千米。 GPS 地理定位数据。 能看到天空的地方， GPS 就可以提供精确的定位结果。 GPS 定位是通过地球周围多个卫星的 GPS 卫星的信号实现的。 GPS 定位的时间比较长，所以不适合快速相应的应用程序。 WiFi 地理定位数据。 基于 WiFi 地理定位信息是通过三角距离计算得出，三角距离指的是用户当前位置到已知的多个 WiFi（大多是在城市）接入点的距离。 与 GPS 不同的是， WiFi在室内也非常精确。 手机地理定位数据。 基于手机的地理定位信息是通过用户到一些基站的三角距离确定位置结果。 经常与 WiFi 和基于 GPS 的地理定位信息结合使 用。 用户自定义的地理定位数据。 除去通过编程计算出用户的位置外，也可以通过用户自定义其位置。 应用程序可以允许用户输入他们的地址、邮政编码和其他的一些关于位置的详细信息。 应用程序通过这些数据信息来提供位置的感知服务。 6 表 位置信息获取方式对比 数据源 优点 缺点 IP 地址 任何地方都可用 在服务器端处理 不精确（经常出错，一般精确到城市级） 运算代价大 GPS 很精确 定位时间长，耗电量大 室内效果差 需要额外硬件设备支持 WiFi 精确 可在室内使用 简单、快捷 在乡村这些 WiFi 接入点少的地区无法使用 手机信号 相当准确 可在室内使用 简单、快捷 需要能够访问手机或其 modem 设备 用户自定义 可获得比程序定位服务更准确的位置数据 用户自行输入可能比自动检测更快 可能很不准确，特别是当用户位置变更后 浏览器支持情况 各个浏览器对 HTML5 Geolocation 的支持程度不同，并且还在不断更新中。 在 HTML5 的所有功能中， HTML5 Geolocation 是第一批被全部接受和实现的功能之一，相关规范已经达到一个非常成熟的阶段，不大可能做太大改变。 如 表 所示，很多浏览器已经支持 HTML5 Geolocation： 7 表 2. 2 浏览器对 HTML5 Geolocation 的支持情况 隐私机制 HTML5 Geolocation 规范提供了一套保护用户隐私的机制。 只有得到用户的许可，否者不可获取用户的地理位置。 这个合理的隐私机制同样解释了用户一直对 HTML5 应用程序中的难题。 从 HTML5 Geolocation的例子中可以看到，通常会鼓励用户共享这些信息。 例如：用户在咖啡厅喝咖啡，如果应用程序可以让他们得知该咖啡店附近的商店在打折，那么用户就可以共享他们的位置信息是完全可以接受的。