利用基于web端的自然式应用交互界面实现直观操作的方法
【技术领域】
[0001]本发明涉及计算机技术领域，特别涉及一种利用基于WEB端的自然式应用交互界面实现直观操作的方法，还涉及一种设备。
【背景技术】
[0002]在现有的网页端应用系统当中，尤其以OA、MIS系统为主要业务的在线办公系统，虽在一定程度上满足了用户的功能需求，但琳琅满目的功能点仅以目录、选项卡的方式呈现，弱化了该类型软件的信息直观性和操作便利性。传统的网页端信息系统完全基于网站后台式的IFRAME结构作为Π框架，过分强调了功能上的使用而忽略了实际过程中的用户体验，致使用户的学习曲线呈几何级增长，应用系统正式上线后往往存在着“先培训、后使用”的现象，增加了用户的时间成本和软件承建方的工作成本。此外，挖掘率低下、功能隐藏层级较深、提示信息无法实际帮助用户解决困难也使得后期的运维成本不断增加，单独定制化的UI框架也难以满足功能不断扩展升级的需求，UI设计人员往往需要耗费较多的时间为新加入的功能调整大量的布局。
【发明内容】
[0003]有鉴于此，为了解决上述问题，本发明的目的之一是提出了利用基于WEB端的自然式应用交互界面实现直观操作的方法，克服了传统的网页端信息系统不利于用户学习上手的弊端；本发明的目的之二是提出一种基于WEB端的自然式应用交互环境用户界面实现的设备，以适用于各种类型的业务信息处理系统，降低开发人员、Π设计人员的冗余工作。
[0004]本发明的目的之一是通过以下技术方案实现的:
[0005]利用基于WEB端的自然式应用交互界面实现直观操作的方法，包括以下操作方式:
[0006]I)在图形用户界面GUI中显示信息栅格IG和应用栅格AG，所述应用栅格AG为用户显示常用快捷方式，所述信息栅格IG用于为用户动态显示重要的信息和推送的通知内容。
[0007]进一步，还包括以下操作方式:
[0008]2)在图形用户界面⑶I中利用SenseWindow技术，使用者在处理业务信息时可打开多个模拟窗口 DIV，在基于网页端的环境下可以实现对DIV的拽至屏幕顶端最大化窗体、拖拽至屏幕左端、右端50%最大化窗体功能；
[0009]3)在图形用户界面⑶I中利用FreeDragger技术，允许用户自定义桌面栅格、快捷方式的排序，同时通过对任意快捷方式、信息栅格或应用栅格的拖拽实现快捷条与桌面的丰富、元素的删除操作。
[0010]进一步，还包括以下操作方式:
[0011]4)在图形用户界面⑶I中利用SenseLauncher技术，将快捷工具条融合到系统中，通过设置始终居顶在任意窗口下浏览快捷工具条；
[0012]5)在图形用户界面⑶I中利用SuperInput超级搜索条实现快速检索，而不必切换回到桌面查找；
[0013]进一步，还包括以下操作方式:
[0014]6)在图形用户界面⑶I中利用SenseNotice消息推送技术，实现重要信息弹窗推送；
[0015]7)在图形用户界面⑶I中利用TimeStack技术，自动为使用者保存表单、重要数据的快照。
[0016]本发明的目的之二是通过以下技术方案实现的:
[0017]该基于WEB端的自然式应用交互环境用户界面实现的设备，包括:
[0018]用于在图形用户界面GUI中显示信息栅格IG和应用栅格AG的装置，所述应用栅格AG为用户显示常用快捷方式，所述信息栅格IG用于为用户动态显示重要的信息和推送的通知内容。
[0019]进一步，还包括:
[0020]用于在图形用户界面⑶I中利用SenseWindow技术，使用者在处理业务信息时可打开多个模拟窗口 DIV，在基于网页端的环境下可以实现对DIV的拽至屏幕顶端最大化窗体、拖拽至屏幕左端、右端50%最大化窗体功能的装置；以及
[0021]在图形用户界面GUI中利用FreeDragger技术，允许用户自定义桌面栅格、快捷方式的排序，同时通过对任意快捷方式、信息栅格或应用栅格的拖拽实现快捷条与桌面的丰富、元素的删除操作的装置。
[0022]进一步，还包括:
[0023]在图形用户界面⑶I中利用SenseLauncher技术，将快捷工具条融合到系统中，通过设置始终居顶在任意窗口下浏览快捷工具条的装置；以及
[0024]在图形用户界面⑶I中利用SuperInput超级搜索条实现快速检索，而不必切换回到桌面查找的装置。
[0025]进一步，还包括:
[0026]在图形用户界面⑶I中利用SenseNotice消息推送技术，实现重要信息弹窗推送的装置；以及
[0027]在图形用户界面⑶I中利用TimeStack技术，自动为使用者保存表单、重要数据的快照的装置。
[0028]本发明的有益效果是:
[0029]本发明的利用基于WEB端的自然式应用交互界面实现直观操作的方法，能够最大程度地降低用户的学习曲线，将用户最为熟悉的交互模型沿袭和继承下来并加以丰富和完善，非常易于上手，同时，该方法使用的模型均完全脱离于传统的后台服务端，单独依靠HTML+CSS+JS的方式实现，可适用于不同的后台服务环境(如PHP、ASP.NET等)，适用性较强；以此为基础设计的设备，适用于各种类型的业务信息处理系统，能够降低开发人员、UI设计人员的冗余工作。
[0030]本发明的其他优点、目标和特征在某种程度上将在随后的说明书中进行阐述，并且在某种程度上，基于对下文的考察研宄对本领域技术人员而言将是显而易见的，或者可以从本发明的实践中得到教导。本发明的目标和其他优点可以通过下面的说明书和权利要求书来实现和获得。
【附图说明】
[0031]为了使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步的详细描述，其中:
[0032]图1为本发明操作方式一的显示屏截屏示意图；
[0033]图2为本发明操作方式二的显示屏截屏示意图(拽至屏幕顶端最大化窗体功能);
[0034]图3为本发明操作方式二的显示屏截屏示意图(拖拽至屏幕左端、右端50%最大化窗体功能)；
[0035]图4为本发明操作方式三的显示屏截屏示意图；
[0036]图5为本发明操作方式四的显示屏截屏示意图；
[0037]图6为本发明操作方式五的显示屏截屏示意图；
[0038]图7为本发明操作方式六的显示屏截屏示意图；
[0039]图8为本发明操作方式七的显示屏截屏示意图。
【具体实施方式】
[0040]以下将参照附图，对本发明的优选实施例进行详细的描述。应当理解，优选实施例仅为了说明本发明，而不是为了限制本发明的保护范围。
[0041]本发明的利用基于WEB端的自然式应用交互界面实现直观操作的方法，应用于任意类型的计算机化设备，例如个人计算机、工作站、便携式计算设备、控制台、膝上型计算机等，输入设备通过I/o接口连接至处理器，使得用户能够提供输入命令，当然，本方法也可以采用安装有触摸屏的电脑设备完成。
[0042]总体来说，本发明的利用基于WEB端的自然式应用交互界面实现直观操作的方法，包括以下操作方式:
[0043]操作方式一:如图1所示，在图形用户界面⑶I中显示信息栅格IG和应用栅格AG，所述应用栅格AG为用户显示常用快捷方式，所述信息栅格IG用于为用户动态显示重要的信息和推送的通知内容，作为进一步的完善，使用者还可以设置自己喜欢的桌面，只需在桌面点击右键打开壁纸库即可实现更换壁纸，SenseDesktop能够在网页端支持随机切换壁纸和自动切换壁纸。
[0044]操作方式二:如图2、图3所示，在图形用户界面⑶I中利用SenseWindow技术，使用者在处理业务信息时打开多个模拟窗口 DIV，在基于网页端的环境下可以实现对DIV的拽至屏幕顶端最大化窗体、拖拽至屏幕左端、右端50%最大化窗体功能；
[0045]操作方式三:如图4所示，在图形用户界面⑶I中利用FreeDragger技术