利用基于web端的自然式應(yīng)用交互界面實現(xiàn)直觀操作的方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機(jī)技術(shù)領(lǐng)域，特別涉及一種利用基于WEB端的自然式應(yīng)用交互界面實現(xiàn)直觀操作的方法，還涉及一種設(shè)備。
【背景技術(shù)】
[0002]在現(xiàn)有的網(wǎng)頁端應(yīng)用系統(tǒng)當(dāng)中，尤其以O(shè)A、MIS系統(tǒng)為主要業(yè)務(wù)的在線辦公系統(tǒng)，雖在一定程度上滿足了用戶的功能需求，但琳瑯滿目的功能點僅以目錄、選項卡的方式呈現(xiàn)，弱化了該類型軟件的信息直觀性和操作便利性。傳統(tǒng)的網(wǎng)頁端信息系統(tǒng)完全基于網(wǎng)站后臺式的IFRAME結(jié)構(gòu)作為Π框架，過分強(qiáng)調(diào)了功能上的使用而忽略了實際過程中的用戶體驗，致使用戶的學(xué)習(xí)曲線呈幾何級增長，應(yīng)用系統(tǒng)正式上線后往往存在著“先培訓(xùn)、后使用”的現(xiàn)象，增加了用戶的時間成本和軟件承建方的工作成本。此外，挖掘率低下、功能隱藏層級較深、提示信息無法實際幫助用戶解決困難也使得后期的運(yùn)維成本不斷增加，單獨定制化的UI框架也難以滿足功能不斷擴(kuò)展升級的需求，UI設(shè)計人員往往需要耗費(fèi)較多的時間為新加入的功能調(diào)整大量的布局。

【發(fā)明內(nèi)容】

[0003]有鑒于此，為了解決上述問題，本發(fā)明的目的之一是提出了利用基于WEB端的自然式應(yīng)用交互界面實現(xiàn)直觀操作的方法，克服了傳統(tǒng)的網(wǎng)頁端信息系統(tǒng)不利于用戶學(xué)習(xí)上手的弊端；本發(fā)明的目的之二是提出一種基于WEB端的自然式應(yīng)用交互環(huán)境用戶界面實現(xiàn)的設(shè)備，以適用于各種類型的業(yè)務(wù)信息處理系統(tǒng)，降低開發(fā)人員、Π設(shè)計人員的冗余工作。
[0004]本發(fā)明的目的之一是通過以下技術(shù)方案實現(xiàn)的:
[0005]利用基于WEB端的自然式應(yīng)用交互界面實現(xiàn)直觀操作的方法，包括以下操作方式:
[0006]I)在圖形用戶界面GUI中顯示信息柵格IG和應(yīng)用柵格AG，所述應(yīng)用柵格AG為用戶顯示常用快捷方式，所述信息柵格IG用于為用戶動態(tài)顯示重要的信息和推送的通知內(nèi)容。
[0007]進(jìn)一步，還包括以下操作方式:
[0008]2)在圖形用戶界面⑶I中利用SenseWindow技術(shù)，使用者在處理業(yè)務(wù)信息時可打開多個模擬窗口 DIV，在基于網(wǎng)頁端的環(huán)境下可以實現(xiàn)對DIV的拽至屏幕頂端最大化窗體、拖拽至屏幕左端、右端50%最大化窗體功能；
[0009]3)在圖形用戶界面⑶I中利用FreeDragger技術(shù)，允許用戶自定義桌面柵格、快捷方式的排序，同時通過對任意快捷方式、信息柵格或應(yīng)用柵格的拖拽實現(xiàn)快捷條與桌面的豐富、元素的刪除操作。
[0010]進(jìn)一步，還包括以下操作方式:
[0011]4)在圖形用戶界面⑶I中利用SenseLauncher技術(shù)，將快捷工具條融合到系統(tǒng)中，通過設(shè)置始終居頂在任意窗口下瀏覽快捷工具條；
[0012]5)在圖形用戶界面⑶I中利用SuperInput超級搜索條實現(xiàn)快速檢索，而不必切換回到桌面查找；
[0013]進(jìn)一步，還包括以下操作方式:
[0014]6)在圖形用戶界面⑶I中利用SenseNotice消息推送技術(shù)，實現(xiàn)重要信息彈窗推送；
[0015]7)在圖形用戶界面⑶I中利用TimeStack技術(shù)，自動為使用者保存表單、重要數(shù)據(jù)的快照。
[0016]本發(fā)明的目的之二是通過以下技術(shù)方案實現(xiàn)的:
[0017]該基于WEB端的自然式應(yīng)用交互環(huán)境用戶界面實現(xiàn)的設(shè)備，包括:
[0018]用于在圖形用戶界面GUI中顯示信息柵格IG和應(yīng)用柵格AG的裝置，所述應(yīng)用柵格AG為用戶顯示常用快捷方式，所述信息柵格IG用于為用戶動態(tài)顯示重要的信息和推送的通知內(nèi)容。
[0019]進(jìn)一步，還包括:
[0020]用于在圖形用戶界面⑶I中利用SenseWindow技術(shù)，使用者在處理業(yè)務(wù)信息時可打開多個模擬窗口 DIV，在基于網(wǎng)頁端的環(huán)境下可以實現(xiàn)對DIV的拽至屏幕頂端最大化窗體、拖拽至屏幕左端、右端50%最大化窗體功能的裝置；以及
[0021]在圖形用戶界面GUI中利用FreeDragger技術(shù)，允許用戶自定義桌面柵格、快捷方式的排序，同時通過對任意快捷方式、信息柵格或應(yīng)用柵格的拖拽實現(xiàn)快捷條與桌面的豐富、元素的刪除操作的裝置。
[0022]進(jìn)一步，還包括:
[0023]在圖形用戶界面⑶I中利用SenseLauncher技術(shù)，將快捷工具條融合到系統(tǒng)中，通過設(shè)置始終居頂在任意窗口下瀏覽快捷工具條的裝置；以及
[0024]在圖形用戶界面⑶I中利用SuperInput超級搜索條實現(xiàn)快速檢索，而不必切換回到桌面查找的裝置。
[0025]進(jìn)一步，還包括:
[0026]在圖形用戶界面⑶I中利用SenseNotice消息推送技術(shù)，實現(xiàn)重要信息彈窗推送的裝置；以及
[0027]在圖形用戶界面⑶I中利用TimeStack技術(shù)，自動為使用者保存表單、重要數(shù)據(jù)的快照的裝置。
[0028]本發(fā)明的有益效果是:
[0029]本發(fā)明的利用基于WEB端的自然式應(yīng)用交互界面實現(xiàn)直觀操作的方法，能夠最大程度地降低用戶的學(xué)習(xí)曲線，將用戶最為熟悉的交互模型沿襲和繼承下來并加以豐富和完善，非常易于上手，同時，該方法使用的模型均完全脫離于傳統(tǒng)的后臺服務(wù)端，單獨依靠HTML+CSS+JS的方式實現(xiàn)，可適用于不同的后臺服務(wù)環(huán)境(如PHP、ASP.NET等)，適用性較強(qiáng)；以此為基礎(chǔ)設(shè)計的設(shè)備，適用于各種類型的業(yè)務(wù)信息處理系統(tǒng)，能夠降低開發(fā)人員、UI設(shè)計人員的冗余工作。
[0030]本發(fā)明的其他優(yōu)點、目標(biāo)和特征在某種程度上將在隨后的說明書中進(jìn)行闡述，并且在某種程度上，基于對下文的考察研宄對本領(lǐng)域技術(shù)人員而言將是顯而易見的，或者可以從本發(fā)明的實踐中得到教導(dǎo)。本發(fā)明的目標(biāo)和其他優(yōu)點可以通過下面的說明書和權(quán)利要求書來實現(xiàn)和獲得。
【附圖說明】
[0031]為了使本發(fā)明的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合附圖對本發(fā)明作進(jìn)一步的詳細(xì)描述，其中:
[0032]圖1為本發(fā)明操作方式一的顯示屏截屏示意圖；
[0033]圖2為本發(fā)明操作方式二的顯示屏截屏示意圖(拽至屏幕頂端最大化窗體功能);
[0034]圖3為本發(fā)明操作方式二的顯示屏截屏示意圖(拖拽至屏幕左端、右端50%最大化窗體功能)；
[0035]圖4為本發(fā)明操作方式三的顯示屏截屏示意圖；
[0036]圖5為本發(fā)明操作方式四的顯示屏截屏示意圖；
[0037]圖6為本發(fā)明操作方式五的顯示屏截屏示意圖；
[0038]圖7為本發(fā)明操作方式六的顯示屏截屏示意圖；
[0039]圖8為本發(fā)明操作方式七的顯示屏截屏示意圖。
【具體實施方式】
[0040]以下將參照附圖，對本發(fā)明的優(yōu)選實施例進(jìn)行詳細(xì)的描述。應(yīng)當(dāng)理解，優(yōu)選實施例僅為了說明本發(fā)明，而不是為了限制本發(fā)明的保護(hù)范圍。
[0041]本發(fā)明的利用基于WEB端的自然式應(yīng)用交互界面實現(xiàn)直觀操作的方法，應(yīng)用于任意類型的計算機(jī)化設(shè)備，例如個人計算機(jī)、工作站、便攜式計算設(shè)備、控制臺、膝上型計算機(jī)等，輸入設(shè)備通過I/o接口連接至處理器，使得用戶能夠提供輸入命令，當(dāng)然，本方法也可以采用安裝有觸摸屏的電腦設(shè)備完成。
[0042]總體來說，本發(fā)明的利用基于WEB端的自然式應(yīng)用交互界面實現(xiàn)直觀操作的方法，包括以下操作方式:
[0043]操作方式一:如圖1所示，在圖形用戶界面⑶I中顯示信息柵格IG和應(yīng)用柵格AG，所述應(yīng)用柵格AG為用戶顯示常用快捷方式，所述信息柵格IG用于為用戶動態(tài)顯示重要的信息和推送的通知內(nèi)容，作為進(jìn)一步的完善，使用者還可以設(shè)置自己喜歡的桌面，只需在桌面點擊右鍵打開壁紙庫即可實現(xiàn)更換壁紙，SenseDesktop能夠在網(wǎng)頁端支持隨機(jī)切換壁紙和自動切換壁紙。
[0044]操作方式二:如圖2、圖3所示，在圖形用戶界面⑶I中利用SenseWindow技術(shù)，使用者在處理業(yè)務(wù)信息時打開多個模擬窗口 DIV，在基于網(wǎng)頁端的環(huán)境下可以實現(xiàn)對DIV的拽至屏幕頂端最大化窗體、拖拽至屏幕左端、右端50%最大化窗體功能；
[0045]操作方式三:如圖4所示，在圖形用戶界面⑶I中利用FreeDragger技術(shù)