[发明专利]基于HTML5的虚拟操作系统的图标拖拽方法及系统

说明书

技术领域

本发明涉及一种基于HTML5的虚拟操作系统的图标拖拽方法及系统，尤其涉及一种基于浏览器或其他HTML5环境下的虚拟操作系统或Web应用中的图标拖拽及操作处理。

背景技术

随着互联网的飞速发展，浏览器不再仅仅用来表示Web内容，随着HTML5的技术的问世，Web进入了一个成熟的应用平台，在HTML 5平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。如今已进入后Web2.0时代，人机交互、人网交互已经成为常态，我们已经不能满足于网页上简单的图片和文字展示，尤其在浏览器上管理云端文件、文件夹、应用等时，普遍使用点击超链接和页面转跳的方式进行操作及展示，不仅用户体现极差，并且在页面转跳时耗费大量的时间以及网络流量。我们更希望能像本地操作系统那样直观地展示和操作，因此，为了迎合互联网技术发展的需求，研发一种基于HTML5的图标拖拽方法及系统，可运行于基于浏览器或其他HTML5环境下的虚拟操作系统或Web应用中，在客户端中，通过按下鼠标并移动或手指在触摸屏上滑动就可以进行图标拖拽的操作，当图标拖拽到另一个控件后并进行放置，系统自动进行相关操作。实现了云计算可视化操作，并把操作结果反馈到服务器中进行处理并以图形方式显示于客户端，方便用户对文件进行可视化远程操作。也提供了通过拖拽本地计算机系统上的图标到运行本发明的应用或系统上，即可实现上传文件的功能。同时，由于HTML5的跨平台、跨终端的特性，也使改图标展示方法及系统具备了跨平台、跨终端的特性,并提供了适用于鼠标操作和适用于触摸屏操作的两种用户操作习惯，大大增强了Web的人机交互、人网交互的用户体现。

发明内容

为了迎合互联网技术发展的需求，增强了Web的人机交互、人网交互的用户体现，提供的一种基于HTML5的跨平台、跨终端的图标拖拽方法及系统，以通过拖拽和放置计算机图形图标的方式对云端服务器中的文件、文件夹、应用、快捷方式及超链接等数据进行操作及管理，并将操作数据返回给服务器处理及保存，也提供了通过拖拽本地计算机系统上的图标到运行本发明的应用或系统上，即可实现上传文件的功能。同时也具备了适用于鼠标操作或适用于触摸屏操作的两种用户操作习惯。不仅如此，所述的图标展示方法系统还提供API接口，以供第三方应用的调用、操作和进行数据交互。本发明是通过以下技术方案来实现的：

一种基于HTML5的虚拟操作系统的图标拖拽方法及系统，包括控件初始化模块、图标拖拽处理模块、人性化显示辅助模块、图标放置处理模块、处理结果显示模块、API接口模块；所述控件初始化模块，用于设置图标或控件的HTML元素的事件（Events）及处理方法，设置来自API接口模块的拖拽处理方法；所述图标拖拽处理模块，用于处理图标拖拽过程中的计算机图形图标的移动及检测鼠标指针（或触摸屏下的手指接触位置）下的可放置控件，及其放置方法；所述人性化显示辅助模块，用于在图标拖拽过程中，提供人性化的处理提示，对鼠标指针下（或触摸屏下的手指接触位置）的控件进行判断并进行模拟操作，如自动切换屏幕或应用，确保图标可拖拽范围的最大化；所述图标放置处理模块，对图标进行放置后的操作，并将拖拽后的图标信息发送给API接口模块；所述处理结果显示模块，用于显示图标在拖拽后的位置及状态；所述API接口模块，用于与虚拟操作系统以及第三方应用的对接。

进一步地，为了让图标可以进行实际的拖拽处理，还包括与所述API接口模块交互对接的虚拟操作系统，用于处理进行拖拽后的图标信息；为了让所述虚拟操作系统对图标拖拽操作处理后的信息得以保存，该图标拖拽方法及系统还包括与所述虚拟操作系统对接的服务器，用于接收并处理来自终端虚拟操作系统发送的图标修改信息，并将处理后的信息返回到所述终端虚拟操作系统中。

进一步地，为了让所述图标拖拽方法及系统更广泛地应用，还可以包括与所述API接口模块交互对接的第三方应用，可以自定义人性化显示辅助提示的文字或图形信息，也可以自定义图标拖拽处理方法及图标放置处理方法；为了让所述第三方应用对图标拖拽操作处理后的信息得以保存，该图标拖拽方法及系统还包括与所述第三方应用对接的服务器，用于接收并处理来自终端第三方应用发送的图标修改信息，并将处理后的信息返回到所述终端第三方应用中。