CN100371935C - 基于浏览器的仿操作系统人机交互实现方法 - Google Patents

Abstract

本发明涉及一种基于浏览器的仿操作系统人机交互实现方法，包括步骤：(1)客户端通过网络连接服务器，并通过浏览器登录到服务器内设置的客户设定页面；(2)浏览器读取并运行客户设定页面中的桌面程序，在浏览器内创建网络桌面；(3)浏览器下载客户设定页面中的交互程序和配置数据；(4)客户端解析配置数据；(5)交互程序读取配置数据，创建桌面管理器；(6)桌面管理器根据配置数据创建并布局桌面交互元素。所述桌面交互元素包括快捷方式对象、窗口对象、任务栏和任务栏按钮对象，用户可以像操作实际操作系统那样在仿操作系统上进行各种操作，具有交互功能强、不受任何限制、响应速度快、不需要浏览器刷新页面等特点，最大限度地提高了交互性能。

Description

基于浏览器的仿操作系统人机交互实现方法

技术领域

本发明涉及一种基于浏览器的仿操作系统人机交互实现方法，尤其是一种在浏览器内部生成网络桌面、快捷方式对象、任务栏、任务栏按钮对象以及窗口对象的交互界面的创建方法和操作方法。

背景技术

计算机的广泛普及使现代社会的个性化需求越来越强烈。个人计算机用户由于较长时间操作某一台计算机，配置了专用软件，以自己习惯的方式管理文件，设置符合个人喜好的桌面和外观，因此越来越多的用户在工作时十分依赖自己的计算机软件环境。而实际工作、生活中，用户常常需要在公司计算机和家用计算机上交替工作，有时需要在公司以外的办公室甚至在网吧等场合进行计算机操作。因此，用户不得不面临忍受自己所不喜欢的计算机操作界面及软件安装不全或受限制等等问题，同时也需要重新习惯计算机环境和使用平台的时间和耐心。大多数用户十分希望能实现无论在任何时间、任何地方、在任何一台计算机上都能使用自己熟悉、喜好的计算机软件环境。

一种硬件的解决方案是移动笔记本，将整个个人计算机软硬件携带。此方案的好处是可以根据需要通过硬件接入相关网络，但相对网络应用来说其也有一定缺点，如需要携带硬件终端、需要网络接入口等。一种软件的解决方案是通过虚拟软件(如VMWare)在当地计算机上虚拟出自己所需的操作系统和软件环境，但此方案需要在计算机上安装虚拟软件。由于虚拟软件的文件很大，对计算机配置要求高，且运行时占用计算机资源相当多，所以虚拟环境运行速度慢，使用起来十分不便。

网络的日益普及可以减少用户对本地计算机软件环境的依赖，通过远程登录到远端计算机(或服务器)可以在一定程度上解决上面的问题。目前基于网络的应用很多，简单的像网页、Email，复杂的有如即时通讯、多媒体播放等，但并不是所有的网络应用都基于浏览器。一些高级的网络应用软件往往不是基于浏览器，而是在传统的个人电脑上安装独立的客户软件运行。其中一个很重要的原因是浏览器自身存在局限性，其所能提供的交互机制功能较弱，无法支持高级应用对人机交互能力的需要。由于浏览器无法集成有些应用，造成用户在使用网络应用时，除了开启浏览器外、还要在本地开起独立的应用程序，一方面造成对用户终端配置要求提高，另一方面造成软件环境的复杂化。当用户不是在自己常用的个人电脑上工作时，往往因为软件环境的不熟悉导致工作效率下降，甚至无法工作。

浏览器自身交互功能较弱的局限性是由其结构体系决定的。浏览器中提供的UI元素一般为交互式HTML元素，标准的只有有限几种，如文本域、按钮、复选框等。这些元素由浏览器解析网页中的HTML后生成并显示出来，在生成之后一般为静态元素或只能进行一些简单的属性变化交互，如按钮状态、复选框状态变化等，存在功能不足和操作不直观等问题，如不能提供可拖动和叠放窗口、用户无法直接改变已经显示出来的网页中HTML元素的排版方式等。此外，交互过程又存在响应速度慢、需要页面刷新等缺点。因此，仅依靠浏览器中提供的UI元素来实现灵活的交互操作存在很大困难，更无法在浏览器环境下实现操作系统界面并进行交互操作。

发明内容

本发明的目的是提供一种基于浏览器的仿操作系统人机交互实现方法，通过在浏览器内提供仿操作系统人机交互方式，使需要高级交互支持的应用可以基于浏览器运行，用户使用网络应用时无需再在本地开启独立的应用。

本发明进一步的目的是提供在仿操作系统环境下运行程序、提交数据以及保存仿操作系统人机交互界面的实现方法，使用户在任何客户端通过浏览器登录服务器后，都能在自己熟悉的操作系统及软件环境下工作，操作过程中的数据结果都是浏览器中所支持的元素存储和表现，用户可以不依赖本地程序对自己文件的形式和内容进行修改，完成创建、处理和发布自己的数据。

本发明更进一步的目的是提供在浏览器内对仿操作系统桌面交互元素进行操作的实现方法，基于人机交互方式在浏览器内实现对个人电脑应用程序的管理，管理基于浏览器的网络应用，实现网络应用的集成。

为了实现上述目的，本发明提供了一种基于浏览器的仿操作系统人机交互实现方法，包括步骤：

步骤10、客户端通过网络连接服务器，并通过浏览器登录到所述服务器内设置的客户设定页面；

步骤20、浏览器读取并运行所述客户设定页面中的桌面程序，在所述浏览器内创建网络桌面；

步骤30、浏览器下载所述客户设定页面中的交互程序和配置数据；

步骤40、客户端解析所述配置数据；

步骤50、所述交互程序读取所述配置数据，创建桌面管理器；

步骤60、所述桌面管理器根据所述配置数据创建并布局桌面交互元素。

所述桌面交互元素包括任务栏和任务栏按钮对象、快捷方式对象和窗口对象，所述桌面管理器包括每个桌面交互元素的布局管理器、绘制器、交互逻辑器和数据模型。其中桌面布局管理器负责布局任务栏、快捷方式对象和窗口对象，任务栏布局管理器负责布局任务栏按钮对象，桌面绘制器、任务栏绘制器、任务栏按钮绘制器、快捷方式绘制器和窗口绘制器负责绘制各桌面交互元素，快捷方式交互逻辑器、窗口交互逻辑器和任务栏交互逻辑器负责响应用户的操作，快捷方式数据模型、窗口数据模型和任务栏按钮数据模型负责存储交互元素的属性和状态。所述步骤60具体包括：

步骤61、创建任务栏和任务栏按钮对象；

步骤62、创建快捷方式对象；

步骤63、创建窗口对象；

步骤64、所述布局管理器进行网络桌面上各网络桌面交互元素的布局；

步骤65、所述绘制器进行各网络桌面交互元素的绘制。

在本发明优选技术方案中，在所述步骤60后可以包括运行所述快捷方式对象所对应程序的步骤，也可以包括向所述服务器提交数据的步骤，还可以包括保存当前交互界面的步骤，还可以进一步包括设置所述窗口对象和按钮对象状态的步骤。其中设置所述窗口对象和按钮对象的状态包括设置窗口对象为当前窗口、关闭、最小化、最大化、还原状态和/或设置按钮对象为当前按钮或非当前按钮状态。

在本发明进一步的优选技术方案中，所述桌面程序为Flash应用程序，所述交互程序为HTML+JavaScript+ActionScript开发语言程序。

本发明提出了一种基于浏览器的仿操作系统人机交互实现方法，用户在客户端使用浏览器登录到服务器中设置的客户设定页面，通过读取桌面程序、交互程序和配置数据并在浏览器中运行，最终生成了模拟实际操作系统的仿操作系统人机交互界面。在所述仿操作系统人机交互界面上，网络桌面、快捷方式、窗口等桌面交互元素均是用户熟悉的软件环境，用户可以像操作实际操作系统那样在浏览器内所述仿操作系统上进行各种操作。所述桌面程序为Flash应用程序，所述交互程序为采用HTML+JavaScript+ActionScript开发语言编写的程序，其中HTML是作为容器，用来封装本发明的人机交互界面，以使其能在浏览器中显示；Flash应用程序是人机交互界面的核心库，桌面交互元素中的UI控件都是通过Flash应用程序实现的；JavaScript充当HTML和Flash应用程序的桥梁，JavaScript可以对浏览器的对象进行操作，通过其Flash应用程序可以调用浏览器的功能。因此，本发明实际上是在浏览器内生成一系列模拟实际操作系统外观的对象，对仿操作系统中任何桌面交互元素的任何操作仅仅是对浏览器内某一对象的操作，由Flash应用程序调用浏览器的功能来实现操作过程或操作结果的显示。在实现手段上，本发明通过创建桌面管理器以及由所述桌面管理器创建的任务栏管理器、快捷方式管理器和窗口管理器进行桌面交互元素的创建，并通过布局管理器和绘制器进行网络桌面上各桌面交互元素的布局和绘制。其中任务栏管理器对任务栏按钮对象进行管理，并设置当前任务栏按钮对象；快捷方式管理器对快捷方式对象进行管理，并建立快捷方式对象和其所对应程序的关系；窗口管理器进行显示管理，负责创建和释放窗口对象，拥有所有窗口对象并管理窗口对象在网络桌面上的显示层次，确保网络桌面上只有一个当前窗口，使交互过程更加逼真，符合用户的习惯。

从上述技术方案可以看出，本发明在浏览器内生成的仿操作系统人机交互界面以及桌面交互元素并不取决于浏览器所提供的UI元素，完全突破了现有技术中浏览器交互式HTML元素有限的文本域、按钮、复选框等静态元素，因此可以实现更加灵活的交互操作。同时，所采用的技术手段与浏览器功能实现有机、无缝的结合，具有直观的显示和操作。本发明的桌面程序采用Flash应用程序编写，程序小、交互灵活，使用户可在浏览器内环境下可定制其背景，可以选择相关的图片或图案，并可以指定其在浏览器内的显示方式。因此本发明能提供更复杂的显示机制和交互机制，实现程序小，实现代码的体积小，运行时对用户终端硬件配置要求低，是浏览器环境下实现操作系统界面操作较完美的解决方案。

本发明通过设置快捷方式交互逻辑器、任务栏交互逻辑器和窗口交互逻辑器响应用户的各种操作，如鼠标点击、焦点切换等动作，实现了在浏览器中动态的、全面功能的交互操作，有效解决了现有技术中浏览器只显示静态元素以及功能不足(如不能拖动和叠放窗口)等技术缺陷，使用户在浏览器内可实现像在个人电脑内管理应用程序一样，管理基于浏览器的网络应用，实现网络应用的集成。

本发明的技术方案还可以实现在仿操作系统环境下运行程序、提交数据以及将仿操作系统人机交互界面数据保存在服务器上等功能，使得需要高级交互支持的应用可以基于浏览器运行，用户使用网络应用时无需再在本地开启独立的应用，且操作过程中的数据结果都采用浏览器支持的元素存储和表现，用户可以不依赖本地程序对自己文件的形式和内容进行修改，完成创建、处理和发布自己的数据。其中提交数据过程所采用的后台操作技术方案不影响用户操作，进一步提高了交互操作的连贯性，较之通过刷新页面进行数据交换的现有技术，本发明具有交互功能强、不受任何限制、响应速度快等特点，更重要的是用户的交互操作不需要浏览器刷新页面，最大限度地提高了交互性能，更接近实际操作系统的操作过程。通过对仿操作系统人机交互界面的保存，用户可随时更新服务器中的配置数据文件，当用户下一次通过浏览器进入服务器后，系统都给予其与上一次相同的网络桌面和交互界面，使本发明能满足更加个性化的需求。

综上所述，本发明技术方案模拟出一个用户眼中的操作系统，可以称之为“网络操作系统”。所述网络操作系统的显示、操作及数据交换都是以浏览器中所支持的元素存储和表现，用户可以不依赖本地程序对自己文件的网络发布形式进行显示、运行、编辑、修改，具有动态、功能全面、交互功能强、不受任何限制、响应速度快、不需要浏览器刷新页面等特点。本发明在有效解决现有技术存在问题的基础上，其所实现的功能具有广泛的应用领域，其所达到的技术效果具有深远的扩展前景，具体体现在：

(1)可应用于虚拟的个人工作平台。服务器上保存用户上一次的人机交互元素的配置数据，用户可以在任何地点、任何时间、任何的设备和连接、以任何浏览器通过本发明在自己熟悉的人机交互环境下工作，并保存操作数据，有如使用个人自己的终端一样。例如，用户可以通过手机、PDA、PC等终端随时用本发明创建、处理和发布数据；

(2)解决了远程应用和移动办公。由于没有必要在客户端安装相应的虚拟软件，所以对客户端的硬件、软件配置需求降低到最低程度，用户在远程或移动中很容易利用现有设备进行工作，实现真正意义的Thin-Client应用模式；

(3)跨越多平台障碍。几乎所有形式的支持浏览器的客户端设备(包括各类PC机、基于UNIX、Linux系统等)，都可以呈现本发明的仿操作系统；

(4)满足个性化需求。用户可以根据不同的需求和应用特点，实现在不同操作界面上的不同工作，实现个性需求与工作需求的统一，用户端既可访问服务器上的程序和数据，又可利用当地本机资源进行独立性工作，形成无缝的视窗界面；

(5)有利于实现基于浏览器的应用集成。此种人机交互方式有利于用户在浏览器中同时使用和管理多个数据处理应用，有如在个人计算机同时开启多个应用进行数据处理。

(6)数据安全性高。由于数据存储在服务器上，网络传输的只是客户端显示所需的指定数据，不是完整的数据包，并且通过控制访问和修改权限可进一步保证应用软件和数据的安全，如果再加上多种加密技术，即使利用Internet公网，也同样能够保证数据的安全；

(7)经济收效明显。客户端运行的程序来源于服务器，减少了客户端硬件、软件配置费用，升级、维护、故障处理等工作由面缩小到点，可以充分利用现有的网络资源和设施的投资。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

图1为本发明在浏览器内生成仿操作系统人机交互界面的流程图；

图2为本发明创建和布局桌面交互元素的流程；

图3为本发明创建任务栏和任务栏按钮对象流程；

图4为本发明创建快捷方式对象流程；

图5为本发明创建窗口对象流程；

图6为本发明布局桌面交互元素的流程；

图7为本发明绘制桌面交互元素的流程；

图8为本发明运行快捷方式对象所对应程序的流程图；

图9为本发明向所述服务器提交数据的流程图；

图10为本发明保存当前交互界面的流程图；

图11为本发明设置窗口对象和按钮对象状态的内容；

图12为本发明设置窗口对象为当前窗口状态的流程图；

图13为本发明设置窗口对象为关闭状态的流程图；

图14为本发明设置窗口对象为最小化状态的流程图；

图15为本发明设置窗口对象为最大化状态的流程图；

图16为本发明设置窗口对象为还原状态的流程图；

图17本发明为设置按钮对象为当前或非当前按钮状态的流程图。

具体实施方式

图1为本发明在浏览器内生成仿操作系统人机交互界面的流程图，包括：

步骤10、客户端通过网络连接服务器，并通过浏览器登录到所述服务器内设置的客户设定页面；

步骤20、浏览器读取并运行所述客户设定页面中的桌面程序，在所述浏览器内创建网络桌面；

步骤30、浏览器下载所述客户设定页面中的交互程序和配置数据；

步骤40、客户端解析所述配置数据；

步骤50、所述交互程序读取所述配置数据，创建桌面管理器；

步骤60、桌面管理器根据所述配置数据创建并布局网络桌面交互元素。

在上述技术方案中，所述客户端是指任何一台配置网络接口和浏览器软件的客户机或客户机集群，不论其配置何种操作系统、使用何种浏览器。所述网络可以是局域网、互联网或其他网络。所述服务器是指预先配置了桌面程序和交互程序，并设置有客户设定页面的服务器或服务器集群。所述客户设定页面用于存储用户个人计算机上与其操作系统有关的数据，可以是桌面图案、桌面上文件、各磁盘中的文件夹、文件夹中的文件等，也可以包括邮箱设定、通讯簿、工作及记事、浏览器设置等，本发明将这些数据定义为配置数据。在本发明技术方案中，客户端通过浏览器登录到所述客户设定页面的过程可以理解为通过浏览器访问某指定网址的操作过程，登录过程中可以包括设置权限、密码等本领域技术人员惯常采用的安全措施。

在上述技术方案中，所述客户设定页面中的桌面程序用于创建网络桌面，所述网络桌面是可在浏览器中显示的、处于最下层的界面元素，是本发明其他界面交互元素的容器，其显示效果就像用户个人计算机的桌面。在本发明优选方案中，所述桌面程序为Flash应用程序，程序小、交互灵活，用户在浏览器内环境下可定制其背景，可以选择相关的图片或图案，并可以指定其在浏览器内的显示方式。所述交互程序用于创建、布局和绘制网络桌面上的各桌面交互元素，包括任务栏和任务栏按钮对象、快捷方式对象和窗口对象。所述交互程序为采用HTML+JavaScript+ActionScript开发语言编写的在浏览器内快速运行的程序，其中HTML是作为容器，用来封装本发明的人机交互界面，以使其能在浏览器中显示；Flash应用程序是人机交互界面的核心库，桌面交互元素中的UI控件都是通过Flash应用程序实现的；JavaScript充当HTML和Flash应用程序的桥梁，JavaScript可以对浏览器的对象进行操作，通过其Flash应用程序可以调用浏览器的功能。在具体实现手段上，由所述交互程序创建的桌面管理器采用的是MVC(Model-VieW-Control)架构，每个交互元素都采用此结构实现，交互元素的实现分为下面几个部分：

布局管理器

作为容器的特有元素，如网络桌面和任务栏，负责对放在容器中的交互元素进行布局。其中桌面布局管理器负责布局任务栏、快捷方式对象和窗口对象，任务栏布局管理器负责布局任务栏按钮对象。

绘制器

负责绘制各桌面交互元素，其再调用更底层的“图形绘制库”来绘制具体图形(如矩形、圆形、线条、点)，由各桌面交互元素所在的容器来负责调用相应的绘制器进行绘制。在本发明技术方案中，包括桌面绘制器、任务栏绘制器、任务栏按钮绘制器、快捷方式绘制器和窗口绘制器。

交互逻辑器

负责响应用户的操作，如鼠标点击、焦点切换等。在本发明技术方案中，包括快捷方式交互逻辑器、窗口交互逻辑器和任务栏交互逻辑器。

数据模型

负责存储交互元素的属性和状态。在本发明技术方案中，包括快捷方式数据模型、窗口数据模型和任务栏按钮数据模型。

图2为本发明通过交互程序和配置数据在浏览器内的网络桌面上创建和布局桌面交互元素的流程，即由交互程序创建的桌面管理器根据配置数据创建并布局网络桌面交互元素。其中桌面管理器创建网络桌面交互元素包括创建任务栏和任务栏按钮对象(步骤61)、创建快捷方式对象(步骤62)和创建窗口对象(步骤63)等步骤，桌面管理器布局网络桌面交互元素包括由布局管理器进行网络桌面上各桌面交互元素的布局(步骤64)和由绘制器进行各桌面交互元素的绘制(步骤65)等步骤，最终形成具有形式和内容与实际操作系统界面完全一样的仿操作系统交互界面。

图3为创建任务栏和任务栏按钮对象(步骤61)的流程，具体为：

步骤61a、桌面管理器创建任务栏管理器；

步骤61b、任务栏管理器根据配置数据创建任务栏和任务栏按钮对象集合；

步骤61c、任务栏管理器将任务栏按钮对象添加到任务栏中，并设置当前任务栏按钮对象。

图4为创建快捷方式对象(步骤62)的流程，具体为：

步骤62a、桌面管理器创建快捷方式管理器；

步骤62b、快捷方式管理器根据配置数据创建快捷方式对象集合；

步骤62c、快捷方式管理器将快捷方式对象添加到网络桌面上，并且根据配置数据建立快捷方式对象和其所对应程序的关系。

图5为创建窗口对象(步骤63)的流程，具体为：

步骤63a、桌面管理器创建窗口管理器；

步骤63b、窗口管理器根据配置数据创建窗口对象集合；

步骤63c、窗口管理器将窗口对象添加到网络桌面上，并确定窗口对象层次顺序，确定当前窗口对象。

图6为布局网络桌面上各桌面交互元素(步骤64)的流程，具体为：

步骤64a、桌面布局管理器进行网络桌面上任务栏、快捷方式对象、窗口对象的布局；

步骤64b、任务栏布局管理器进行任务栏按钮对象的布局。

图7为绘制网络桌面上各桌面交互元素(步骤65)的流程，具体为：

步骤65a、桌面绘制器进行网络桌面界面的绘制；

步骤65b、任务栏绘制器进行任务栏的绘制；

步骤65c、任务栏按钮绘制器进行任务栏按钮对象的绘制；

步骤65d、快捷方式绘制器进行快捷方式对象的绘制；

步骤65e、窗口绘制器进行窗口对象的绘制。

通过本发明上述流程，完成了本发明在浏览器内生成网络桌面、快捷方式对象、窗口对象、任务栏和任务栏按钮对象的过程，形成具有形式和内容与实际操作系统界面完全一样的仿操作系统交互界面，但所述的内容仅仅是表现在仿操作系统中的项目名称，并不包含每个项目的数据内容。也就是说，本发明利用快捷方式管理器、窗口管理器和任务栏管理器只生成了反映操作系统中真实项目的项目名称或显示图标，并建立了所述项目名称与真实项目数据内容的对应关系。因此，本发明生成仿操作系统交互界面所需读取和运行的数据很少，响应很快。

在已生成的仿操作系统人机交互界面上，用户所面对的网络桌面、快捷方式、窗口等交互元素是用户熟悉的软件环境，用户可以像操作个人计算机那样在所述仿操作系统上进行各种操作。本发明通过快捷方式管理器、窗口管理器和任务栏管理器，使用户的操作具有交互功能强、不受任何限制、响应速度快等特点，最重要的是用户的交互操作不需要浏览器刷新页面。

在本发明提供的优选技术方案中，在所述步骤60后可以包括运行所述快捷方式对象所对应程序的步骤70，也可以包括向所述服务器提交数据的步骤80，还可以包括保存当前交互界面的步骤90，还可以进一步包括设置所述窗口对象和任务栏按钮对象状态的步骤100，或步骤70-100中的任意组合。

图8为本发明运行快捷方式对象所对应程序的流程图，具体为：

步骤71、快捷方式交互逻辑器响应用户点击；

步骤72、快捷方式管理器运行所述快捷方式对象所对应的程序启动画面；

步骤73、快捷方式管理器载入所述快捷方式对象所对应的程序实体和程序运行参数；

步骤74、窗口管理器在网络桌面上创建一个窗口对象，并将所述窗口对象放到窗口管理器的窗口对象集合中；

步骤75、任务栏管理器在任务栏上生成一个按钮对象，并将所述按钮对象放到任务栏管理器的按钮对象集合中；

步骤76、所述窗口对象显示所述程序实体和程序运行参数的运行内容。

上述步骤72、73中，本发明通过快捷方式管理器进一步载入配置数据中的快捷方式数据，使快捷方式对象所对应程序得以运行。本发明快捷方式数据包括至少四个子元素，分别为程序图标、程序启动画面、程序实体和程序运行参数，数据采用XML描述。在前述步骤中，快捷方式管理器仅读取了“程序图标”数据，生成快捷方式对象显示在网络桌面上，而在快捷方式管理器中建立了快捷方式对象与快捷方式数据中程序启动画面、程序实体和程序运行参数的对应关系。当用户运行此快捷方式对象所对应的程序时，快捷方式管理器首先显示对应的“程序启动画面”，然后再载入对应的“程序实体”(可以为swf格式)和程序运行参数。之后通过窗口管理器创建一个窗口对象，供程序运行时使用，并显示在网络桌面上。

图9为本发明向所述服务器提交数据的流程图，具体为：

步骤81、客户端生成一个本地缓存；

步骤82、本地缓存接收客户端提交的数据，更新本地缓存中数据；

步骤83、本地缓存数据被提交到所述服务器的操作队列中；

步骤84、所述服务器存储所述数据。

在上述步骤82之后，本地缓存马上响应用户的下一个动作，步骤83、84是后台操作，如果操作失败，服务器将返回客户端相关信息，客户端给出响应提示。在本发明中，客户端与服务器交换的数据主要有2种，一种是基于XML格式的数据，另一种是swf格式的二进制数据，其中swf的数据可以作为一个对象被XML格式的数据引用。

图10为本发明保存当前交互界面的流程图，具体为：

步骤91、根据当前网络桌面更新桌面程序中的相关数据；

步骤92、根据当前快捷方式对象的属性和状态生成快捷方式数据模型；

步骤93、根据当前窗口对象的属性和状态生成窗口数据模型；

步骤94、根据当前任务栏和任务栏按钮对象的属性和状态生成任务栏数据模型和任务栏按钮数据模型；

步骤95、将所述快捷方式数据模型、窗口数据模型、任务栏数据模型和任务栏按钮数据模型封装成配置数据；

步骤96、客户端向服务器提交桌面程序和配置数据；

步骤97、所述服务器更新客户设定页面中的相关数据。

通过上述操作，浏览器内呈现的网络桌面、快捷方式对象、窗口对象、任务栏和按钮对象所对应的数据得以在服务器上保存。用户下一次通过浏览器进入服务器后，系统都给予其与上一次相同的网络桌面和交互界面，使本发明能满足更加个性化的需求。同时，本发明还具有相当功能的扩展能力，例如，本发明可在当前客户端设置一个Cookies文件，将浏览器内的相关数据实时存储起来，当用户使用该客户端重新进入服务器后，该客户端就可以从Cookies文件中读取数据，使本发明生成网络桌面和交互界面的速度更快。又如，本发明也可以实现数据保密的设置，不论是建立文件或修改数据，都在本发明设置的应用程序和临时文件中执行，当工作完成后退出程序，所有数据随之消失，不会留在使用过的客户端中，保障数据安全。

图11为本发明设置所述窗口对象和按钮对象状态的内容。本发明窗口对象的轮廓为矩形，上方设置有标题栏，标题栏上设置了三个标题栏按钮，分别是最小化按钮、关闭按钮、最大化或恢复按钮。所述窗口对象可用鼠标拖动，改变其在网络桌面上的位置，也可通过鼠标点击其边框来改变大小。根据用户的操作需要，本发明设置窗口对象和按钮对象状态的内容包括：

A：设置窗口对象为当前窗口状态；

B：设置窗口对象为关闭状态；

C：设置窗口对象为最小化状态；

D：设置窗口对象为最大化状态；

E：设置窗口对象为还原状态；

F：设置按钮对象为当前按钮或非当前按钮状态。

图12为本发明设置窗口对象为当前窗口状态的流程图，具体为：

步骤A1、窗口交互逻辑器响应用户点击一个被其他窗口对象盖住部分区域的窗口对象；

步骤A2、窗口管理器将被点击窗口对象设置为焦点窗口，并将其置放在其他窗口对象之前；

步骤A3、所述焦点窗口改变显示状态，以表明自身为当前窗口；

步骤A4、任务栏管理器将所述当前窗口相对应的任务栏按钮对象设置为焦点按钮；

步骤A5、所述焦点按钮改变显示状态，以表明自身是当前任务栏按钮。

图13为本发明设置窗口对象为关闭状态的流程图，具体为：

步骤B1、窗口交互逻辑器响应用户点击标题栏按钮中的关闭按钮；

步骤B2、所述窗口对象关闭显示；

步骤B3、窗口管理器在窗口对象集合中删除所述窗口对象；

步骤B4、窗口管理器在窗口对象集合中搜索下一个最高层级的窗口对象，并将其设置为当前窗口；

步骤B5、任务栏管理器将所述当前窗口相对应的任务栏按钮对象设置为当前任务栏按钮。

图14为本发明设置窗口对象为最小化状态的流程图，具体为：

步骤C1、窗口交互逻辑器响应用户点击标题栏按钮中的最小化按钮；

步骤C2、所述窗口对象隐藏显示；

步骤C3、窗口管理器在窗口对象集合中搜索除隐藏窗口对象外的最高层级的窗口对象，并将其设置为当前窗口；

步骤C4、任务栏管理器将所述当前窗口相对应的任务栏按钮对象设置为当前任务栏按钮。

图15为本发明设置窗口对象为最大化状态的流程图，具体为：

步骤D1、窗口交互逻辑器响应用户点击标题栏按钮中的最大化按钮；

步骤D2、所述窗口对象记录其当前的大小和位置数据；

步骤D3、最大化所述窗口，从而使所述窗口对象扩大至充满网络桌面上除任务栏以外的所有区域。

图16为本发明设置窗口对象为还原状态的流程图，具体为：

步骤E1、窗口交互逻辑器响应用户点击标题栏按钮中的还原按钮；

步骤E2、所述窗口对象读取其最大化前的大小和位置数据；

步骤E3、所述窗口对象在指定位置上以指定大小显示。

图17本发明为设置按钮对象为当前或非当前按钮状态的流程图，具体为：

步骤F1、任务栏交互逻辑器响应用户点击任务栏上的一个任务栏按钮对象；

步骤F2、任务栏管理器将所述任务栏按钮对象的状态设置为与原来的状态相反；

骤F3、窗口管理器将与所述任务栏按钮对象所对应的窗口对象设置为与原来状态相反。

最后所应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或者等同替换，而不脱离本发明技术方案的精神和范围。

Claims (22)

1.一种基于浏览器的仿操作系统人机交互实现方法，其中，包括步骤：

步骤10、客户端通过网络连接服务器，并通过浏览器登录到所述服务器内设置的客户设定页面；

步骤20、浏览器读取并运行所述客户设定页面中的桌面程序，在所述浏览器内创建网络桌面；

步骤30、浏览器下载所述客户设定页面中的交互程序和配置数据；

步骤40、客户端解析所述配置数据；

步骤50、所述交互程序读取所述配置数据，创建桌面管理器；

步骤60、所述桌面管理器根据所述配置数据创建并布局包括任务栏和任务栏按钮对象、快捷方式对象和窗口对象的网络桌面交互元素。

2.如权利要求1所述的基于浏览器的仿操作系统人机交互实现方法，其中，步骤60中所述网络桌面交互元素包括任务栏和任务栏按钮对象、快捷方式对象和窗口对象，所述桌面管理器创建网络桌面交互元素包括步骤：

步骤61、创建任务栏和任务栏按钮对象；

步骤62、创建快捷方式对象；

步骤63、创建窗口对象。

3.如权利要求2所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤61具体为：

步骤61a、桌面管理器创建任务栏管理器；

步骤61b、任务栏管理器根据配置数据创建任务栏和任务栏按钮对象集合；

步骤61c、任务栏管理器将任务栏按钮对象添加到任务栏中，并设置当前任务栏按钮对象。

4.如权利要求2所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤62具体为：

步骤62a、桌面管理器创建快捷方式管理器；

步骤62b、快捷方式管理器根据配置数据创建快捷方式对象集合；

步骤62c、快捷方式管理器将快捷方式对象添加到网络桌面上，并且根据配置数据建立快捷方式对象和其所对应程序的关系。

5.如权利要求2所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤63具体为：

步骤63a、桌面管理器创建窗口管理器；

步骤63b、窗口管理器根据配置数据创建窗口对象集合；

步骤63c、窗口管理器将窗口对象添加到网络桌面上，并确定窗口对象层次顺序，确定当前窗口对象。

6.如权利要求1所述的基于浏览器的仿操作系统人机交互实现方法，其中，步骤60中所述桌面管理器包含布局管理器和绘制器，所述桌面管理器布局网络桌面交互元素包括步骤：

步骤64、所述布局管理器进行网络桌面上各网络桌面交互元素的布局；

步骤65、所述绘制器进行各网络桌面交互元素的绘制。

7.如权利要求6所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述布局管理器包括桌面布局管理器和任务栏布局管理器，所述步骤64具体为：

步骤64a、桌面布局管理器进行网络桌面上任务栏、快捷方式对象、窗口对象的布局；

步骤64b、任务栏布局管理器进行任务栏按钮对象的布局。

8.如权利要求6所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述绘制器包括桌面绘制器、任务栏绘制器、任务栏按钮绘制器、快捷方式绘制器和窗口绘制器，所述步骤65具体为：

步骤65a、桌面绘制器进行网络桌面界面的绘制；

步骤65b、任务栏绘制器进行任务栏的绘制；

步骤65c、任务栏按钮绘制器进行任务栏按钮对象的绘制；

步骤65d、快捷方式绘制器进行快捷方式对象的绘制；

步骤65e、窗口绘制器进行窗口对象的绘制。

9.如权利要求1、2或6所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤60后还包括：

步骤70、运行所述快捷方式对象所对应的程序。

10.如权利要求9所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤70具体为：

步骤71、快捷方式交互逻辑器响应用户点击；

步骤72、快捷方式管理器运行所述快捷方式对象所对应的程序启动画面；

步骤73、快捷方式管理器载入所述快捷方式对象所对应的程序实体和程序运行参数；

步骤74、窗口管理器在网络桌面上创建一个窗口对象，并将所述窗口对象放到窗口管理器的窗口对象集合中；

步骤75、任务栏管理器在任务栏上生成一个任务栏按钮对象，并将所述任务栏按钮对象放到任务栏管理器的按钮对象集合中；

步骤76、窗口对象显示所述程序实体和程序运行参数的运行内容。

11.如权利要求1、2或6所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤60后还包括：

步骤81、客户端生成一个本地缓存；

步骤82、本地缓存接收客户端提交的数据，更新本地缓存中数据；

步骤83、本地缓存数据被提交到所述服务器的操作队列中；

步骤84、所述服务器存储所述数据。

12.如权利要1、2或6所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤60后还包括：

步骤90、保存当前网络桌面及桌面交互界面。

13.如权利要求12所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤90具体为：

步骤91、根据当前网络桌面更新桌面程序中的相关数据；

步骤92、根据当前快捷方式对象的属性和状态生成快捷方式数据模型；

步骤93、根据当前窗口对象的属性和状态生成窗口数据模型；

步骤94、根据当前任务栏和任务栏按钮对象的属性和状态生成任务栏数据模型和任务栏按钮数据模型；

步骤95、将所述快捷方式数据模型、窗口数据模型、任务栏数据模型和任务栏按钮数据模型封装成配置数据；

步骤96、客户端向服务器提交桌面程序和配置数据；

步骤97、所述服务器更新客户设定页面中的相关数据。

14.如权利要求1、2或6所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤60后还包括：

步骤100、设置所述窗口对象和任务栏按钮对象的状态。

15.如权利要求14所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤100中包括设置窗口对象为当前窗口的步骤，具体为：

步骤A1、窗口交互逻辑器响应用户点击一个被其他窗口对象盖住部分区域的窗口对象；

步骤A2、窗口管理器将被点击窗口对象设置为焦点窗口，并将其置放在其他窗口对象之前；

步骤A3、所述焦点窗口改变显示状态，以表明自身为当前窗口；

步骤A4、任务栏管理器将所述当前窗口相对应的任务栏按钮对象设置为焦点按钮；

步骤A5、所述焦点按钮改变显示状态，以表明自身是当前任务栏按钮。

16.如权利要求14所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤100中包括设置窗口对象为关闭状态的步骤，具体为：

步骤B1、窗口交互逻辑器响应用户点击标题栏按钮中的关闭按钮；

步骤B2、所述窗口对象关闭显示；

步骤B3、窗口管理器在窗口对象集合中删除所述窗口对象；

步骤B4、窗口管理器在窗口对象集合中搜索下一个最高层级的窗口对象，并将其设置为当前窗口；

步骤B5、任务栏管理器将所述当前窗口相对应的任务栏按钮对象设置为当前任务栏按钮。

17.如权利要求14所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤100中包括设置窗口对象为最小化状态的步骤，具体为：

步骤C1、窗口交互逻辑器响应用户点击标题栏按钮中的最小化按钮；

步骤C2、所述窗口对象隐藏显示；

步骤C3、窗口管理器在窗口对象集合中搜索除隐藏窗口对象外的最高层级的窗口对象，并将其设置为当前窗口；

步骤C4、任务栏管理器将所述当前窗口相对应的任务栏按钮对象设置为当前任务栏按钮。

18.如权利要求14所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤100中包括设置窗口对象为最大化状态的步骤，具体为：

步骤D1、窗口交互逻辑器响应用户点击标题栏按钮中的最大化按钮；

步骤D2、所述窗口对象记录其当前的大小和位置数据；

步骤D3、最大化所述窗口对象，从而使所述窗口对象的大小扩大至充满网络桌面上除任务栏以外的所有区域。

19.如权利要求14所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤100中包括设置窗口对象为还原状态的步骤，具体为：

步骤E1、窗口交互逻辑器响应用户点击标题栏按钮中的还原按钮；

步骤E2、所述窗口对象读取其最大化前的大小和位置数据；

步骤E3、所述窗口对象在指定位置上以指定大小显示。

20.如权利要求14所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述步骤100中包括设置按钮对象为当前按钮或非当前按钮状态的步骤，具体为：

步骤F1、任务栏交互逻辑器响应用户点击任务栏上的一个任务栏按钮对象；

步骤F2、任务栏管理器将所述任务栏按钮对象的状态设置为与原来的状态相反；

步骤F3、窗口管理器将与所述任务栏按钮对象所对应的窗口对象设置为与原来状态相反。

21.如权利要求1所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述桌面程序为Flash应用程序。

22.如权利要求1所述的基于浏览器的仿操作系统人机交互实现方法，其中，所述交互程序为采用HTML+JavaScript+ActionScript开发语言编写的程序。

Images