本發(fā)明專利技術(shù)的一種基于HTML5的虛擬操作系統(tǒng)的圖標(biāo)拖拽方法及系統(tǒng),主要包括控件初始化模塊、圖標(biāo)拖拽處理模塊、人性化顯示輔助模塊、圖標(biāo)放置處理模塊、處理結(jié)果顯示模塊、API接口模塊、虛擬操作系統(tǒng)和第三方應(yīng)用。實(shí)現(xiàn)了云計(jì)算可視化操作，通過拖拽和放置計(jì)算機(jī)圖形圖標(biāo)的方式對云端服務(wù)器中的文件、文件夾、應(yīng)用、快捷方式及超鏈接等數(shù)據(jù)進(jìn)行操作及管理，并將操作數(shù)據(jù)返回給服務(wù)器處理及保存，也提供了通過拖拽本地計(jì)算機(jī)系統(tǒng)上的圖標(biāo)到運(yùn)行本發(fā)明專利技術(shù)的應(yīng)用或系統(tǒng)上，即可實(shí)現(xiàn)上傳文件的功能；同時(shí)也具備了適用于鼠標(biāo)操作或適用于觸摸屏操作的兩種用戶操作習(xí)慣，圖標(biāo)展示方法系統(tǒng)還提供API接口，以供第三方應(yīng)用的調(diào)用、操作、或進(jìn)行數(shù)據(jù)交互。
【技術(shù)實(shí)現(xiàn)步驟摘要】
【專利摘要】本專利技術(shù)的一種基于HTML5的虛擬操作系統(tǒng)的圖標(biāo)拖拽方法及系統(tǒng)，主要包括控件初始化模塊、圖標(biāo)拖拽處理模塊、人性化顯示輔助模塊、圖標(biāo)放置處理模塊、處理結(jié)果顯示模塊、API接口模塊、虛擬操作系統(tǒng)和第三方應(yīng)用。實(shí)現(xiàn)了云計(jì)算可視化操作，通過拖拽和放置計(jì)算機(jī)圖形圖標(biāo)的方式對云端服務(wù)器中的文件、文件夾、應(yīng)用、快捷方式及超鏈接等數(shù)據(jù)進(jìn)行操作及管理，并將操作數(shù)據(jù)返回給服務(wù)器處理及保存，也提供了通過拖拽本地計(jì)算機(jī)系統(tǒng)上的圖標(biāo)到運(yùn)行本專利技術(shù)的應(yīng)用或系統(tǒng)上，即可實(shí)現(xiàn)上傳文件的功能；同時(shí)也具備了適用于鼠標(biāo)操作或適用于觸摸屏操作的兩種用戶操作習(xí)慣，圖標(biāo)展示方法系統(tǒng)還提供API接口，以供第三方應(yīng)用的調(diào)用、操作、或進(jìn)行數(shù)據(jù)交互。【專利說明】基于HTML5的虛擬操作系統(tǒng)的圖標(biāo)拖拽方法及系統(tǒng)
本專利技術(shù)涉及一種基于HTML5的虛擬操作系統(tǒng)的圖標(biāo)拖拽方法及系統(tǒng)，尤其涉及一 種基于瀏覽器或其他HTML5環(huán)境下的虛擬操作系統(tǒng)或Web應(yīng)用中的圖標(biāo)拖拽及操作處理。
技術(shù)介紹
隨著互聯(lián)網(wǎng)的飛速發(fā)展，瀏覽器不再僅僅用來表示W(wǎng)eb內(nèi)容，隨著HTML5的技術(shù)的 問世，Web進(jìn)入了一個(gè)成熟的應(yīng)用平臺，在HTML 5平臺上，視頻，音頻，圖象，動畫，以及同電 腦的交互都被標(biāo)準(zhǔn)化。如今已進(jìn)入后Web2. 0時(shí)代，人機(jī)交互、人網(wǎng)交互已經(jīng)成為常態(tài)，我 們已經(jīng)不能滿足于網(wǎng)頁上簡單的圖片和文字展示，尤其在瀏覽器上管理云端文件、文件夾、 應(yīng)用等時(shí)，普遍使用點(diǎn)擊超鏈接和頁面轉(zhuǎn)跳的方式進(jìn)行操作及展示，不僅用戶體現(xiàn)極差，并 且在頁面轉(zhuǎn)跳時(shí)耗費(fèi)大量的時(shí)間以及網(wǎng)絡(luò)流量。我們更希望能像本地操作系統(tǒng)那樣直觀地 展示和操作，因此，為了迎合互聯(lián)網(wǎng)技術(shù)發(fā)展的需求，研發(fā)一種基于HTML5的圖標(biāo)拖拽方法 及系統(tǒng)，可運(yùn)行于基于瀏覽器或其他HTML5環(huán)境下的虛擬操作系統(tǒng)或Web應(yīng)用中，在客戶端 中，通過按下鼠標(biāo)并移動或手指在觸摸屏上滑動就可以進(jìn)行圖標(biāo)拖拽的操作，當(dāng)圖標(biāo)拖拽 到另一個(gè)控件后并進(jìn)行放置，系統(tǒng)自動進(jìn)行相關(guān)操作。實(shí)現(xiàn)了云計(jì)算可視化操作，并把操作 結(jié)果反饋到服務(wù)器中進(jìn)行處理并以圖形方式顯示于客戶端，方便用戶對文件進(jìn)行可視化遠(yuǎn) 程操作。也提供了通過拖拽本地計(jì)算機(jī)系統(tǒng)上的圖標(biāo)到運(yùn)行本專利技術(shù)的應(yīng)用或系統(tǒng)上，即可 實(shí)現(xiàn)上傳文件的功能。同時(shí)，由于HTML5的跨平臺、跨終端的特性，也使改圖標(biāo)展示方法及 系統(tǒng)具備了跨平臺、跨終端的特性，并提供了適用于鼠標(biāo)操作和適用于觸摸屏操作的兩種 用戶操作習(xí)慣，大大增強(qiáng)了 Web的人機(jī)交互、人網(wǎng)交互的用戶體現(xiàn)。
技術(shù)實(shí)現(xiàn)思路
為了迎合互聯(lián)網(wǎng)技術(shù)發(fā)展的需求，增強(qiáng)了 Web的人機(jī)交互、人網(wǎng)交互的用戶體現(xiàn)， 提供的一種基于HTML5的跨平臺、跨終端的圖標(biāo)拖拽方法及系統(tǒng)，以通過拖拽和放置計(jì)算 機(jī)圖形圖標(biāo)的方式對云端服務(wù)器中的文件、文件夾、應(yīng)用、快捷方式及超鏈接等數(shù)據(jù)進(jìn)行操 作及管理，并將操作數(shù)據(jù)返回給服務(wù)器處理及保存，也提供了通過拖拽本地計(jì)算機(jī)系統(tǒng)上 的圖標(biāo)到運(yùn)行本專利技術(shù)的應(yīng)用或系統(tǒng)上，即可實(shí)現(xiàn)上傳文件的功能。同時(shí)也具備了適用于鼠 標(biāo)操作或適用于觸摸屏操作的兩種用戶操作習(xí)慣。不僅如此，所述的圖標(biāo)展示方法系統(tǒng)還 提供API接口，以供第三方應(yīng)用的調(diào)用、操作和進(jìn)行數(shù)據(jù)交互。本專利技術(shù)是通過以下技術(shù)方案 來實(shí)現(xiàn)的： 一種基于HTML5的虛擬操作系統(tǒng)的圖標(biāo)拖拽方法及系統(tǒng)，包括控件初始化模塊、圖標(biāo) 拖拽處理模塊、人性化顯示輔助模塊、圖標(biāo)放置處理模塊、處理結(jié)果顯示模塊、API接口模 塊；所述控件初始化模塊，用于設(shè)置圖標(biāo)或控件的HTML元素的事件（Events)及處理方法， 設(shè)置來自API接口模塊的拖拽處理方法；所述圖標(biāo)拖拽處理模塊，用于處理圖標(biāo)拖拽過程 中的計(jì)算機(jī)圖形圖標(biāo)的移動及檢測鼠標(biāo)指針(或觸摸屏下的手指接觸位置）下的可放置控 件，及其放置方法；所述人性化顯示輔助模塊，用于在圖標(biāo)拖拽過程中，提供人性化的處理 提示，對鼠標(biāo)指針下(或觸摸屏下的手指接觸位置）的控件進(jìn)行判斷并進(jìn)行模擬操作，如自 動切換屏幕或應(yīng)用，確保圖標(biāo)可拖拽范圍的最大化；所述圖標(biāo)放置處理模塊，對圖標(biāo)進(jìn)行放 置后的操作，并將拖拽后的圖標(biāo)信息發(fā)送給API接口模塊；所述處理結(jié)果顯示模塊，用于顯 示圖標(biāo)在拖拽后的位置及狀態(tài)；所述API接口模塊，用于與虛擬操作系統(tǒng)以及第三方應(yīng)用 的對接。 進(jìn)一步地，為了讓圖標(biāo)可以進(jìn)行實(shí)際的拖拽處理，還包括與所述API接口模塊交 互對接的虛擬操作系統(tǒng)，用于處理進(jìn)行拖拽后的圖標(biāo)信息；為了讓所述虛擬操作系統(tǒng)對圖 標(biāo)拖拽操作處理后的信息得以保存，該圖標(biāo)拖拽方法及系統(tǒng)還包括與所述虛擬操作系統(tǒng)對 接的服務(wù)器，用于接收并處理來自終端虛擬操作系統(tǒng)發(fā)送的圖標(biāo)修改信息，并將處理后的 信息返回到所述終端虛擬操作系統(tǒng)中。 進(jìn)一步地，為了讓所述圖標(biāo)拖拽方法及系統(tǒng)更廣泛地應(yīng)用，還可以包括與所述API 接口模塊交互對接的第三方應(yīng)用，可以自定義人性化顯示輔助提示的文字或圖形信息，也 可以自定義圖標(biāo)拖拽處理方法及圖標(biāo)放置處理方法；為了讓所述第三方應(yīng)用對圖標(biāo)拖拽 操作處理后的信息得以保存，該圖標(biāo)拖拽方法及系統(tǒng)還包括與所述第三方應(yīng)用對接的服務(wù) 器，用于接收并處理來自終端第三方應(yīng)用發(fā)送的圖標(biāo)修改信息，并將處理后的信息返回到 所述終端第三方應(yīng)用中。 進(jìn)一步地，該圖標(biāo)拖拽方法及系統(tǒng)為用戶提供了交互式的可視化操作界面，此操 作界面的實(shí)施包括以下步驟，所述API接口模塊接收來自所述虛擬操作系統(tǒng)或所述第三 方應(yīng)用的初始化信息后，將該信息發(fā)送給所述控件初始化模塊，所述控件初始化模塊對接 收到的初始化信息進(jìn)行分析并應(yīng)用到相應(yīng)的圖標(biāo)或控件；所述初始化信息包括：可拖拽圖 標(biāo)、可放置控件、可放置的圖標(biāo)類型、可視化輔助視圖信息、拖拽過程處理方法、放置處理方 法和錯誤調(diào)用方法。 進(jìn)一步地，該圖標(biāo)拖拽方法及系統(tǒng)的拖拽操作由以下步驟進(jìn)行實(shí)施：用戶通過可 視化操作界面進(jìn)行拖拽操作，圖標(biāo)拖拽處理模塊對圖標(biāo)進(jìn)行拖動的可視化預(yù)覽和對指針下 (或觸摸屏下的手指接觸位置）的控件進(jìn)行分析，并將檢測出來的控件保存為焦點(diǎn)控件；調(diào) 用人性化輔助模塊進(jìn)行處理，人性化輔助模塊對坐標(biāo)和控件信息進(jìn)行分析，進(jìn)行相應(yīng)的操 作提醒，和人性化地進(jìn)行模擬操作，如切換應(yīng)用、切換屏幕；當(dāng)用戶松開鼠標(biāo)(或用戶的手指 離開觸摸屏）后，圖標(biāo)放置處理模塊進(jìn)行可否放置的判斷，若不能放置，調(diào)用處理結(jié)果顯示 模塊將圖標(biāo)還原的原有的位置和狀態(tài)，若可以放置，調(diào)用處理結(jié)果顯示模塊進(jìn)行可視化處 理，并通過所述API接口模塊將處理信息發(fā)送到所述虛擬操縱系統(tǒng)或第三方應(yīng)用中。 進(jìn)一步地，為了確保操作的有效進(jìn)行及對錯誤處理，該圖標(biāo)拖拽方法及系統(tǒng)的拖 拽操作有以下步驟：所述處理信息發(fā)送給所述虛擬操縱系統(tǒng)或第三方應(yīng)用后，所述虛擬操 縱系統(tǒng)或第三方應(yīng)用對在終端或?qū)⑿畔⒎祷氐椒?wù)器中進(jìn)行處理，此時(shí)可以得到兩種結(jié) 果，處理成功或處理失敗，并將該結(jié)果返回給所述API接口模塊；若處理結(jié)果為成功，則操 作完畢；若處理結(jié)果為失敗，則調(diào)用處理結(jié)果顯示模塊將圖標(biāo)還原的原有的位置和狀態(tài)。 進(jìn)一步地，所述可拖拽圖標(biāo)有可能為單個(gè)或多個(gè)，所述可拖拽圖標(biāo)為多個(gè)的情況 下，則循環(huán)執(zhí)行每個(gè)圖標(biāo)的放置方法。 進(jìn)一步地，該圖標(biāo)拖拽方法及系統(tǒng)還為基于HTML5的虛擬操作系統(tǒng)提供了一套默 認(rèn)的拖拽操作方法，本文檔來自技高網(wǎng)...
【技術(shù)保護(hù)點(diǎn)】
一種基于HTML5的虛擬操作系統(tǒng)的圖標(biāo)拖拽方法及系統(tǒng)，其特征在于：包括控件初始化模塊、圖標(biāo)拖拽處理模塊、人性化顯示輔助模塊、圖標(biāo)放置處理模塊、處理結(jié)果顯示模塊、API接口模塊；所述控件初始化模塊，用于設(shè)置圖標(biāo)或控件的HTML元素的事件（Events）及處理方法，設(shè)置來自API接口模塊的拖拽處理方法；所述圖標(biāo)拖拽處理模塊，用于處理圖標(biāo)拖拽過程中的計(jì)算機(jī)圖形圖標(biāo)的移動及檢測鼠標(biāo)指針（或觸摸屏下的手指接觸位置）下的可放置控件，及其放置方法；所述人性化顯示輔助模塊，用于在圖標(biāo)拖拽過程中，提供人性化的處理提示，對鼠標(biāo)指針下（或觸摸屏下的手指接觸位置）的控件進(jìn)行判斷并進(jìn)行模擬操作，如自動切換屏幕或應(yīng)用，確保圖標(biāo)可拖拽范圍的最大化；所述圖標(biāo)放置處理模塊，對圖標(biāo)進(jìn)行放置后的操作，并將拖拽后的圖標(biāo)信息發(fā)送給API接口模塊；所述處理結(jié)果顯示模塊，用于顯示圖標(biāo)在拖拽后的位置及狀態(tài)；所述API接口模塊，用于與虛擬操作系統(tǒng)以及第三方應(yīng)用的對接。
【技術(shù)特征摘要】
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：侯金濤，
申請(專利權(quán))人：侯金濤，
類型：發(fā)明
國別省市：廣東;44
還沒有人留言評論。發(fā)表了對其他瀏覽者有用的留言會獲得科技券。