基于HTML5的虚拟操作系统的图标拖拽方法及系统技术方案

本发明专利技术的一种基于HTML5的虚拟操作系统的图标拖拽方法及系统,主要包括控件初始化模块、图标拖拽处理模块、人性化显示辅助模块、图标放置处理模块、处理结果显示模块、API接口模块、虚拟操作系统和第三方应用。实现了云计算可视化操作，通过拖拽和放置计算机图形图标的方式对云端服务器中的文件、文件夹、应用、快捷方式及超链接等数据进行操作及管理，并将操作数据返回给服务器处理及保存，也提供了通过拖拽本地计算机系统上的图标到运行本发明专利技术的应用或系统上，即可实现上传文件的功能；同时也具备了适用于鼠标操作或适用于触摸屏操作的两种用户操作习惯，图标展示方法系统还提供API接口，以供第三方应用的调用、操作、或进行数据交互。

【技术实现步骤摘要】
【专利摘要】本专利技术的一种基于HTML5的虚拟操作系统的图标拖拽方法及系统，主要包括控件初始化模块、图标拖拽处理模块、人性化显示辅助模块、图标放置处理模块、处理结果显示模块、API接口模块、虚拟操作系统和第三方应用。实现了云计算可视化操作，通过拖拽和放置计算机图形图标的方式对云端服务器中的文件、文件夹、应用、快捷方式及超链接等数据进行操作及管理，并将操作数据返回给服务器处理及保存，也提供了通过拖拽本地计算机系统上的图标到运行本专利技术的应用或系统上，即可实现上传文件的功能；同时也具备了适用于鼠标操作或适用于触摸屏操作的两种用户操作习惯，图标展示方法系统还提供API接口，以供第三方应用的调用、操作、或进行数据交互。【专利说明】基于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 接口模块交互对接的第三方应用，可以自定义人性化显示辅助提示的文字或图形信息，也 可以自定义图标拖拽处理方法及图标放置处理方法；为了让所述第三方应用对图标拖拽 操作处理后的信息得以保存，该图标拖拽方法及系统还包括与所述第三方应用对接的服务 器，用于接收并处理来自终端第三方应用发送的图标修改信息，并将处理后的信息返回到 所述终端第三方应用中。 进一步地，该图标拖拽方法及系统为用户提供了交互式的可视化操作界面，此操 作界面的实施包括以下步骤，所述API接口模块接收来自所述虚拟操作系统或所述第三 方应用的初始化信息后，将该信息发送给所述控件初始化模块，所述控件初始化模块对接 收到的初始化信息进行分析并应用到相应的图标或控件；所述初始化信息包括：可拖拽图 标、可放置控件、可放置的图标类型、可视化辅助视图信息、拖拽过程处理方法、放置处理方 法和错误调用方法。 进一步地，该图标拖拽方法及系统的拖拽操作由以下步骤进行实施：用户通过可 视化操作界面进行拖拽操作，图标拖拽处理模块对图标进行拖动的可视化预览和对指针下 (或触摸屏下的手指接触位置）的控件进行分析，并将检测出来的控件保存为焦点控件；调 用人性化辅助模块进行处理，人性化辅助模块对坐标和控件信息进行分析，进行相应的操 作提醒，和人性化地进行模拟操作，如切换应用、切换屏幕；当用户松开鼠标(或用户的手指 离开触摸屏）后，图标放置处理模块进行可否放置的判断，若不能放置，调用处理结果显示 模块将图标还原的原有的位置和状态，若可以放置，调用处理结果显示模块进行可视化处 理，并通过所述API接口模块将处理信息发送到所述虚拟操纵系统或第三方应用中。 进一步地，为了确保操作的有效进行及对错误处理，该图标拖拽方法及系统的拖 拽操作有以下步骤：所述处理信息发送给所述虚拟操纵系统或第三方应用后，所述虚拟操 纵系统或第三方应用对在终端或将信息返回到服务器中进行处理，此时可以得到两种结 果，处理成功或处理失败，并将该结果返回给所述API接口模块；若处理结果为成功，则操 作完毕；若处理结果为失败，则调用处理结果显示模块将图标还原的原有的位置和状态。 进一步地，所述可拖拽图标有可能为单个或多个，所述可拖拽图标为多个的情况 下，则循环执行每个图标的放置方法。 进一步地，该图标拖拽方法及系统还为基于HTML5的虚拟操作系统提供了一套默 认的拖拽操作方法，本文档来自技高网...

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

【技术特征摘要】

【专利技术属性】
技术研发人员：侯金涛，
申请(专利权)人：侯金涛，
类型：发明
国别省市：广东;44