基于标准HTML5的移动Web框架移动设备信息实时处理外文翻译资料

英语原文共 9 页，剩余内容已隐藏，支付完成后下载完整资料

基于标准HTML5的移动Web框架移动设备信息实时处理

Kwangseob Kim1 bull; Kiwon Lee1

摘要：移动Web服务通常是随时随地通过Web浏览器为移动设备用户提供特定的应用服务。 HTML5的发展趋势是为环境提供诸如IndexedDB，WebSocket或WebGL等服务的核心功能。同时，基于基于开源的Spring框架构建基于电子政务标准框架的公共网络信息系统正在增加国内案例。同样，开放数据策略也被填充以通过访问Open API或下载数据集的方式来促进私有领域的应用程序。无论如何，公开开放数据的完整性和更新被视为私人用途的重要方面。本研究旨在设计并实现作为公开数据提供的空间属性数据的客户端环境用户界面中的实时管理技术。该方案是地理空间数据处理中的重要模块之一，可以很容易地用于特定应用领域的移动Web服务开发。

摘要：Web框架；移动Web；HTML5 API；IndexedDB；WebSocket

1. 引言

移动应用程序可以提供服务在专业领域，研究利用和分析数据通过应用程序在空间信息领域获得执行域[1]。最近，使用范围应用程序以及Web服务已经扩展。在一般来说，网络服务是一项可以使用的服务立即通过网络浏览器在各种环境下如移动设备，台式机和笔记本电脑。为了提供这样的网络服务，各种各样服务器和客户端技术是必需的。在客户端，超文本标记语言（HTML）即技术提供用户界面屏幕布局和文档元素被使用。相关标准是由W3C（万维网）建立和管理协会）。为了使用高级应用程序在网络上的功能，安装附加的服务方法如活动X或Flash的插件也被应用。这个插件技术仍然在很多服务中被实际使用直到现在，但由于网页浏览器的数量增加了，移动设备已被添加并成为问题如安全漏洞已被强调，这一点插件技术正在逐渐成为一项技术这是令人沮丧的。特别是各种智能设备（智能手机，平板电脑等），可以方便地使用在任何地方正在被释放。据调查2014年的互联网使用状况，对移动网络的兴趣由于广义移动，服务正在迅速增加设备使用情况[2]。除了插件技术前面提到还有其他一些要求在移动网络服务中的考虑包括分辨率，速度和各种设备的用户界面。在为了解决这个问题，把标记语言保留下来定义了每个Web浏览器的文档兼容性在最近呈现的新网页标准HTML5中。

在此外，为了替代技术提供的安装以前的插件，如图形，媒体和存储，基于JAVA脚本API的各种标准化（应用程序编程接口）正在进行中典型的例子包括Web存储，Web套接字，Web工作者，IndexedDB，地理位置和WebGL。在HTML5标准中，技术在移动网络上支持的文件是由文件管理的以支持移动网络的发展服务[3]。与用户的交互式通信正在进行中强调作为一个非常重要的事项供考虑目前正在运行mot web服务。发展动态网络服务，使互动通过组合和通信是可能的客户技术和服务技术之间的联系。作为空间信息的利用范围最近公共部门的系统及其数据已经公布增加，各种类型的框架只关注业务逻辑正在为此目的而开发在开发过程中重用系统的公共部分阶段和减少分开发展所需的时间的基础模块和开发难度。随着这种信息和通信技术的趋势，韩国引入了电子政务标准的概念框架，开发和分发相关的特定项目，自2009年以来为了改善目的而采取的措施标准化，软件的质量和可重用性。该基于开放源代码的标准框架保证了互操作性通过提出可与之相关的标准商业解决方案它分为执行环境，开发环境，运营环境和管理环境，以及整个系统的使用情况在执行环境中由spring框架组成。一般来说，政府获得并保留的数据或公共机构统称为公共数据。公开数据的公开和披露是重要的全球趋势，这些数据可以用于各种私人领域服务。以公开形式披露公共数据空间信息具有较高的利用率和波动性效果比其他数据也在不断增加。在美国的专题地图信息是通过geo.-data.gov是地理空间信息门户网站，并在英国提供各种空间信息通过数据门户服务中的位置服务。在韩国也通过各种方式提供空间信息路径。通常，韩国国家空间基础设施Portal（http://nsdi.go.kr）和Open Spatial Information平台（http://vworld.kr）提供空间信息基于Open API和国家空间信息Cleainghouse（http://nsic.go.kr）是空间信息销售系统可以让人们使用各种空间信息，如道路名称电子地图和COMS（通信，海洋和气象卫星）免费。在开放空间信息的使用服务中，即使没有提供其他附加功能，用户环境中提供的可视化功能也可以作为做出决定的重要元素。在实现这种可视化功能的情况下，与普通数据不同，空间信息具有与地形信息和属性信息相联系的复杂结构，因此有许多需要考虑管理的事项。不管任何类型的公开数据，如果它不能保持完整性或新近性，其利用率将会降低。

因此，应用于某种服务的开放数据管理方法成为一个需要考虑的重要问题。在空间信息的情况下，有时需要检查和修改现场的数据。因此，通过使用具有便携性的移动设备来管理这些数据，可以提高其效率。因此，有必要在移动环境下开发基于网络信息处理技术的空间信息管理技术。在这项研究中，利用开放的空间信息设计实时管理空间信息的技术。网络环境是通过考虑各种移动设备来选择的，并且开发结果也适用于台式计算机的网络浏览器。它旨在管理包含在空间信息中的属性信息，以便设计和实施可以实时管理这些数据的技术，并建立一个场景的演示环境。

1. 主要技术元素

2.1HTML5 API

HTML5作为W3C Web标准发布，以维护各种Web浏览器中的文档兼容性。与此同时，Java脚本API技术可实现高级应用程序功能，该功能需要先前安装插件才能运行，而无需安装此类插件。 也被释放。 HTML5中包含的功能是二维和三维图形表达式，可以保存数据以启用联机和脱机数据使用的数据库以及Web通信技术。 在这项研究中，利用了可以保存数据以实时管理空间和属性信息的IndexedDB以及基于HTML5的Java脚本API之间进行实时通信的WebSocket技术。

在HTML5发布之前，Cookie技术被用于保存Web浏览器中的数据。一个cookie只能存储非常小的数据，并且在维护性能方面存在一些问题[4]。补充这些缺点的新技术包括Web存储，IndexedDB和Web SQL数据库。在表1中，总结了这些技术元素的特征以及用于操作的移动web浏览器的最低版本。 Web SQL数据库是关系数据库类型技术，目前没有正在执行的标准化过程。 Web存储和IndexedDB是基于键值的数据存储。网络存储可以分为会话存储和本地存储。会议存储是一种临时存储，当Web浏览器选项卡关闭或终止时，数据将会丢失，但本地存储是即使Web浏览器终止也能永久存储数据的技术[5]。 Web存储配置方便使用，但存储数据的空间有限，因此它旨在用于保存简单的数据而不是复杂的数据。 IndexedDB是一个数据库，可以在Web浏览器中存储大量复杂的数据。这是使用Java脚本API编写的NoSQL数据库，它可以在Web浏览器内实现高效的存储，基本数据类型以及类对象类型可以保存在对象存储中[6]。除了这些特性外，与Web存储不同，存储大小没有限制，因此可以保存和使用海量数据。因此，本研究中使用IndexedDB作为一种技术元素，通过考虑通信状态以及实时管理空间和属性信息来保存和管理Web浏览器内的编辑数据。

HTTP通信经常用于Web客户端和服务器之间的通信。 轮询方法用于HTTP，考虑到通信周期，正在使用长轮询和流式传输。 HTML5 Java脚本API技术WebSocket是改进的规范。 WebSocket Java脚本API通过80号端口与Web服务器进行通信，与以前的HTTP相同，并使用协议版本1.1，但它使用升级后的标头进行请求。 由于它使用升级的报头，因此它通过一个插座进行操作，并提供全双工和双工通信通道[7]。

HTML5 API技术中的WebSocket被用作实时管理空间和属性信息的方法。 图1显示了图中HTTP轮询和WebSocket通信方法在服务器和客户端之间的请求和响应过程。 在如图1a所示的轮询方法的情况下，客户端和服务器每当彼此通信时都尝试连接。 由于每次建立连接时头信息应该同时发送，所以基本上数据量很大，并且是仅在客户端请求时才作出响应的单向通信。 相反，如图1b所示的WebSocket方法显示，在首次连接以交换数据并且双向通信可用之后连接被维持。

图1 交互流程图

2.2标准框架

在韩国，当公共部门实施基于网络的信息系统建立项目时，通过提供预先创建的基于Java的技术元素的功能和体系结构来支持高效的应用程序建立。这被称为电子政务标准框架。自1.0版于2009年发布以来，它不断升级，目前版本3.5已经发布和使用（截至2015年10月）。提供开发Web系统和批处理程序所需的基本环境和标准操作环境，以及移动应用程序。开发所需的配置可以通过执行环境来使用。为了配置每个项目的最佳环境，提供了执行环境以允许通过将选项划分为选择性类来安装配置，并将其分为基于弹簧框架核心的通用基础，屏幕处理，移动屏幕处理，数据处理，集成链接，任务处理和批处理（http://egovframe.go.kr）。 Spring框架是Java平台的开源应用程序框架，它包含用于高效开发动态网站的各种功能。 Java平台包括面向方面编程（AOP），数据访问和事务管理框架作为主要模块，它使用控制容器（IoC）和模型 - 视图 - 控制器模式的反转。

版本4.0弹簧框架已发布，并添加了各种功能。 Java版本8是最新的Java版本，并且反映了广义的体系结构趋势。 由于WebSocket是其中的HTML5通信API技术，因此支持服务器和客户端之间的双向通信。 WebSocket处理程序可以通过添加简单的库和设置Bean来实现和使用，并且也支持用SockJS通信来替换它，除了通过考虑不支持的浏览器[9]，具有相同方法来使用除了模式外。 春季版本4.0.9（基于版本3.5）也用于基于Spring框架的电子政务标准框架的执行环境，因此可以使用WebSocket。

2.3公共框架信息

政府，公共机构和地方政府保留的数据通过门户网站以开放式API和文件数据的形式与私营部门分享。存在各个领域的数据，并且在空间信息领域中可以使用的数据也存在。集成的空间信息系统显示正在创建的空间信息列表，以及允许用户通过鼠标点击直接显示地图上的开放空间信息或数据的系统，从而实现简单的Mashup制作。空间信息开放平台通过Open API在13个主题中分别提供数据，包括国土/土地，生活/安全以及文化/旅游。作为地方政府的首尔市政府通过首尔开放数据广场（http://data.seoul.go.kr）以DXF，小水电和GML文件的形式提供空间信息。当对区域进行数据可视化时，空间信息包括可以在地图上显示的2D元素，因此它可以成为制定决策的好工具。但是，空间信息的组成结构比其他数据更为复杂。因此，打开后管理这些空间信息是应该考虑的重要因素之一。在这项研究中，利用实际的开放空间信息，使用测试数据集来检查和管理配置的各个元素之间的属性信息的结构。

1. 实时空间和属性信息管理技术的设计

实时管理技术基本上是分别设计到客户端和应用服务器上的。在这项研究中，应用服务器和客户端是空间信息移动网络可视化技术开发研究的成果，它们被广泛地设计和开发[10]。考虑到非实时和实时管理，在客户端中使用了作为HTML5 Java脚本API技术的IndexedDB和WebSocket。它旨在当应用程序服务器从客户端收到实时管理请求时，实时添加和修改关于空间和属性信息的项目。

图2显示了IndexedDB和WebSocket的属性信息管理设计流程图。 IndexedDB由内部商店组成，并且可以在商店内保存各种键值。可以创建和使用各种商店，但本研究仅使用一家商店来有效管理属性信息。空间信息保存在键值（字符串）的图层名称下，属性信息保存在一个存储中的值（JSON数组）名称下。默认情况下，IndexedDB API中提供的功能包括基于商店创建和删除键值的数据库访问和搜索。由于属性信息值被保存为JSON数组，因此有必要开发和设计用于管理它的附加技术。在这项研究中，管理属性信息的数据库功能被设计为一个模块。在属性信息管理IndexedDB模块中实现了将属性信息输入JSON数组，查找，删除和修改等功能。

在设计WebSocket功能时，应考虑客户端和应用程序服务器。 在沟通上。 它被修改并应用于其他访问用户的移动网络浏览器以及应用服务器数据库。 图3显示了作为本研究结果呈现的一种情景。 有一位管理员和各种编辑人员在实际字段中修改属性信息。 管理员实时激活列表中要管理的属性信息，编辑人员选择与其任务对应的属性信息并进行实时编辑。 编辑后管理员可以立即看到修改后的属性信息。 本研究设计和实施的空间和属性信息管理技术可以应用于包括实际现场任务在内的各种场景。

图2 使用IndexedDB和WebSocket进行地理空间属性处理和管理的工作流程

图3 实时交流管理对象图

1. 系统实现

在这项研究中，演示系统是使用设计和实施的属性信息管理技术实施的，并且在移动网络上进行了测试。演示系统的开发和运行环境如表2所示。采用了基于应用服务器的电子政务标准框架3.5版。这使用Spring版本4，因此可以使用WebSocket。

演示系统的结果被分类为通过IndexedDB的属性信息管理任务结果和通过WebSocket通信的实时管理结果，并且结果画面被布置为如图1和图2所示。 4，5，6，7和8。

IndexedDB结果使用MacOS safari浏览器开发工具确认。图4显示了保存在IndexedDB webMappingDB商店中的移动Web上可视化的空间和属性信息的结果。图5显示了以非实时模式编辑的属性信息。图5a是

剩余内容已隐藏，支付完成后下载完整资料

资料编号：[23238]，资料为PDF文档或Word文档，PDF文档可免费转换为Word