本發(fā)明專利技術(shù)公布了一種基于HTML5的圖標(biāo)結(jié)構(gòu)、展示方法及系統(tǒng),所述基于HTML5的圖標(biāo)結(jié)構(gòu)包括：圖標(biāo)容器、圖標(biāo)圖片、縮略圖、疊加圖、圖標(biāo)名稱、圖標(biāo)屬性、進度欄、通知數(shù)量、復(fù)選框控件和刪除控件。本發(fā)明專利技術(shù)實現(xiàn)了無須下載安裝即可運行于支持HTML5的瀏覽器或應(yīng)用中，以從服務(wù)器返回的簡單數(shù)據(jù)創(chuàng)建圖標(biāo)并進行展示，也可按需求進行排列、分組，并提供一系列的圖標(biāo)管理方法及功能；同時，由于該HTML5的跨平臺、跨終端的特性，也使改圖標(biāo)展示方法及系統(tǒng)具備了跨平臺、跨終端的特性,并提供了適用于鼠標(biāo)和鍵盤配合操作或適用于觸摸屏操作的兩種用戶操作習(xí)慣，可在不同的終端機使用最符合用戶的操作習(xí)慣，大大增強了Web的人機交互、人網(wǎng)交互的用戶體現(xiàn)。
【技術(shù)實現(xiàn)步驟摘要】
【專利摘要】本專利技術(shù)公布了一種基于HTML5的圖標(biāo)結(jié)構(gòu)、展示方法及系統(tǒng)，所述基于HTML5的圖標(biāo)結(jié)構(gòu)包括：圖標(biāo)容器、圖標(biāo)圖片、縮略圖、疊加圖、圖標(biāo)名稱、圖標(biāo)屬性、進度欄、通知數(shù)量、復(fù)選框控件和刪除控件。本專利技術(shù)實現(xiàn)了無須下載安裝即可運行于支持HTML5的瀏覽器或應(yīng)用中，以從服務(wù)器返回的簡單數(shù)據(jù)創(chuàng)建圖標(biāo)并進行展示，也可按需求進行排列、分組，并提供一系列的圖標(biāo)管理方法及功能；同時，由于該HTML5的跨平臺、跨終端的特性，也使改圖標(biāo)展示方法及系統(tǒng)具備了跨平臺、跨終端的特性，并提供了適用于鼠標(biāo)和鍵盤配合操作或適用于觸摸屏操作的兩種用戶操作習(xí)慣，可在不同的終端機使用最符合用戶的操作習(xí)慣，大大增強了Web的人機交互、人網(wǎng)交互的用戶體現(xiàn)。【專利說明】-種基于HTML5的圖標(biāo)結(jié)構(gòu)、展示方法及系統(tǒng)
本專利技術(shù)涉及一種基于HTML5的圖標(biāo)結(jié)構(gòu)、展示方法及系統(tǒng)，尤其涉及一種應(yī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進入了一個成熟的應(yīng)用平臺，在HTML 5平臺上，視頻，音頻，圖象，動畫，以及同 電腦的交互都被標(biāo)準(zhǔn)化。如今已進入后Web2. 0時代，人機交互、人網(wǎng)交互已經(jīng)成為常態(tài)，我 們已經(jīng)不能滿足于網(wǎng)頁上簡單的圖片和文字展示，尤其在瀏覽器上管理云端文件、文件夾、 應(yīng)用等時，我們更希望能像本地操作系統(tǒng)那樣直觀地展示和操作。因此，為了迎合互聯(lián)網(wǎng)技 術(shù)發(fā)展的需求，研發(fā)一種基于HTML5的圖標(biāo)展示方法及系統(tǒng)，無須下載安裝即可運行于支 持HTML5的瀏覽器或應(yīng)用中，以從服務(wù)器返回的簡單數(shù)據(jù)創(chuàng)建圖標(biāo)并進行展示，也可按需 求進行排列、分組，并提供一系列的圖標(biāo)管理方法及功能。同時，由于HTML5的跨平臺、跨終 端的特性，也使改圖標(biāo)展示方法及系統(tǒng)具備了跨平臺、跨終端的特性，并提供了適用于鼠 標(biāo)和鍵盤配合操作或適用于觸摸屏操作的兩種用戶操作習(xí)慣，在不同的終端機使用最符合 用戶操作習(xí)慣，大大增強了 Web的人機交互、人網(wǎng)交互的用戶體現(xiàn)。
技術(shù)實現(xiàn)思路
為了迎合互聯(lián)網(wǎng)技術(shù)發(fā)展的需求，增強了 Web的人機交互、人網(wǎng)交互的用戶體現(xiàn)， 以及在不同終端或平臺下用戶操作習(xí)慣而提供的一種基于HTML5的跨平臺、跨終端的圖標(biāo) 結(jié)構(gòu)、展示方法及系統(tǒng)，以計算機圖形圖標(biāo)的方式展現(xiàn)云端服務(wù)器中的文件、文件夾、應(yīng)用、 快捷方式及超鏈接等數(shù)據(jù)，更具備了一系列的圖標(biāo)管理方法及功能，在進行圖標(biāo)數(shù)據(jù)更新 的操作后，將更新后的圖標(biāo)數(shù)據(jù)返回給服務(wù)器處理及保存，同時也具備了適用于鼠標(biāo)和鍵 盤配合操作或適用于觸摸屏操作的兩種用戶操作習(xí)慣。不僅如此，所述的圖標(biāo)展示方法系 統(tǒng)還提供API接口，以供第三方應(yīng)用的調(diào)用、操作、或進行數(shù)據(jù)交互。本專利技術(shù)是通過以下技 術(shù)方案來實現(xiàn)的： 一種基于HTML5的圖標(biāo)結(jié)構(gòu)、展不方法及系統(tǒng)，所述基于HTML5的圖標(biāo)結(jié)構(gòu)，包括圖標(biāo) 容器、圖標(biāo)圖片、縮略圖、疊加圖、圖標(biāo)名稱、圖標(biāo)屬性、進度欄、通知數(shù)量、復(fù)選框控件和刪 除控件；所述圖標(biāo)的主要功能方法包括：刪除、重命名、顯示、隱藏、高亮關(guān)鍵詞、設(shè)置透明 度、通知、警告設(shè)置、顯示進度、編輯模式、銷毀等；所述圖標(biāo)的展示在圖標(biāo)展示版面內(nèi)，通過 計算按順序地排列；所述圖標(biāo)的排列可以分成橫行排列和縱向排列；所述圖標(biāo)展示版面： 用于包含并展示圖標(biāo)，同時向用戶提供一系的界面交互操作方法。 進一步地，所述基于HTML5的展示方法包括以下步驟：通過從服務(wù)器中獲取圖標(biāo) 數(shù)據(jù)或從接收來自第三方應(yīng)用的圖標(biāo)數(shù)據(jù)；對圖標(biāo)數(shù)據(jù)進行完善及對象化處理；根據(jù)圖標(biāo) 數(shù)據(jù)進行圖標(biāo)圖形元素的創(chuàng)建；對圖標(biāo)進行排序、分組地展示；對所述圖標(biāo)進行排序、分組 地展示還包括以下步驟：根據(jù)設(shè)置中的排列方式對圖標(biāo)進行重新排列；根據(jù)設(shè)置中的分組 方式對圖標(biāo)進行分組；根據(jù)圖標(biāo)數(shù)據(jù)創(chuàng)建圖標(biāo)；通過計算圖標(biāo)位置將創(chuàng)建的圖標(biāo)有序地排 列展示到圖標(biāo)展示版面；對所述圖標(biāo)進行展示還包括根據(jù)圖標(biāo)的分組將圖標(biāo)分別放置在不 同的區(qū)域，此方法尤其適用于基于HTML5的虛擬操作系統(tǒng)的桌面圖標(biāo)，如此將同一組圖標(biāo) 放置在同一區(qū)域，方便用戶對桌面圖標(biāo)進行查找，操作方便；所述基于HTML5的展示方法還 包括：通過界面交互模塊對展示的圖標(biāo)設(shè)置用戶操作監(jiān)控，接收用戶對圖標(biāo)進行修改的信 息，將修改后的圖標(biāo)信息返回給服務(wù)器或第三方應(yīng)用進行處理及保存；所述界面交互模塊 還包括兩種操作模式，一種為適用于鼠標(biāo)和鍵盤配合的操作模式，另一種為適用于觸摸屏 的操作模式。 進一步地，所述基于HTML5的圖標(biāo)展示系統(tǒng)包括服務(wù)器、及與所述服務(wù)器進行交 互的多個客戶端，以及與客戶端進行圖標(biāo)信息交互的第三方應(yīng)用；所述的客戶端通過從服 務(wù)器中獲取圖標(biāo)數(shù)據(jù)或從接收來自第三方應(yīng)用的圖標(biāo)數(shù)據(jù)，對圖標(biāo)數(shù)據(jù)進行完善及對象化 處理，根據(jù)圖標(biāo)數(shù)據(jù)進行圖標(biāo)圖形元素的創(chuàng)建，對圖標(biāo)進行排序、分組地展示。 進一步地，所述客戶端包括：數(shù)據(jù)管理模塊，用于對圖標(biāo)信息進行完善及對象化處 理，并存儲處理后的圖標(biāo)信息；圖標(biāo)創(chuàng)建模塊，用于根據(jù)圖標(biāo)信息創(chuàng)建圖標(biāo)圖形的HTML元 素，設(shè)置事件監(jiān)控及方法；所述圖標(biāo)展示模塊，根據(jù)數(shù)據(jù)中心存儲的圖標(biāo)信息，調(diào)用所述圖 標(biāo)創(chuàng)建模塊并對圖標(biāo)創(chuàng)建模塊進行按指定的排列方式、分組方式，單區(qū)域或分區(qū)域地展示； 所述界面交互模塊，用于對展示的圖標(biāo)進行用戶操作監(jiān)控，接收來自用戶的修改指令，對所 述圖標(biāo)展示模塊的圖標(biāo)信息進行修改，并將修改后的圖標(biāo)信息存儲在數(shù)據(jù)中心。 進一步地，所述客戶端還包括：收發(fā)模塊，用于向服務(wù)發(fā)送查詢請求，接收服務(wù)器 返回的所述圖標(biāo)信息并傳送給數(shù)據(jù)中心。 進一步地，所述客戶端還包括：API接口模塊，用于和第三方應(yīng)用進行交互，接收 來自第三應(yīng)用的查詢請求或操作命令，然后將圖標(biāo)信息或進行處理后將處理后結(jié)果反饋給 第三方應(yīng)用。 進一步地，所述客戶端還包括：環(huán)境監(jiān)測模塊，用于對平臺及終端機進行操作模式 的判斷，并設(shè)置所述界面交互模塊所使用的操作模式；所述收發(fā)模塊和API接口模塊，可根 據(jù)需求進行選擇性地運行，可兩個模塊同時運行，也可只運行其中的一個，但至少運行其中 的一個模塊才能使所述客戶端正常運作；所述環(huán)境監(jiān)測模塊只需在客戶端啟動時運行，當(dāng) 對環(huán)境檢測完畢并設(shè)置所述界面交互模塊所使用的操作模式后自動銷毀并釋放內(nèi)存。 進一步地，所述界面交互模塊所使用的操作模式包括：適用于鼠標(biāo)和鍵盤配合的 操作模式或適用于觸摸屏的操作模式，也可以兩種操作模式同時使用。 進一步地，所述服務(wù)器包括通信接口，用于接收來自客戶端圖標(biāo)查詢請求或上傳 的圖標(biāo)信息，并轉(zhuǎn)發(fā)給圖標(biāo)數(shù)據(jù)中心，圖標(biāo)數(shù)據(jù)中心將圖標(biāo)查詢結(jié)果或圖標(biāo)信息處理結(jié)果 返回給通信接口，通信接口再將數(shù)據(jù)返回給客戶端；圖標(biāo)數(shù)據(jù)中心，由數(shù)據(jù)庫和文件系統(tǒng)組 成，用于通過數(shù)據(jù)庫存儲圖標(biāo)信息和通過文件系統(tǒng)存儲圖標(biāo)信息相對應(yīng)的實際文件信息， 也用于處理來自通信接口的圖標(biāo)信息查詢請求、圖標(biāo)數(shù)據(jù)更新請求，并將處理結(jié)果返回給 通信接口。 進一步地，所述服務(wù)器還包括客戶端生成模塊，用于收到來自終端機上的支持 HTML5的瀏覽器或應(yīng)用的加載請求時，返回客戶端的Javascript代碼，使客戶端無需下載 安裝即可運行本文檔來自技高網(wǎng)...
【技術(shù)保護點】
一種基于HTML5的圖標(biāo)結(jié)構(gòu)、展示方法及系統(tǒng)，其特征在于：所述基于HTML5的圖標(biāo)結(jié)構(gòu)包括圖標(biāo)容器、圖標(biāo)圖片、縮略圖、疊加圖、圖標(biāo)名稱、圖標(biāo)屬性、進度欄、通知數(shù)量、復(fù)選框控件和刪除控件；所述圖標(biāo)的主要功能方法包括：刪除、重命名、顯示、隱藏、高亮關(guān)鍵詞、設(shè)置透明度、通知、警告設(shè)置、顯示進度、編輯模式和銷毀；所述圖標(biāo)的展示在圖標(biāo)展示版面內(nèi)，按順序地排列；所述圖標(biāo)的排列可以分成橫行排列和縱向排列；所述圖標(biāo)展示版面:用于包含并展示圖標(biāo)，同時向用戶提供一系的界面交互操作方法。
【技術(shù)特征摘要】
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：侯金濤，
申請(專利權(quán))人：侯金濤，
類型：發(fā)明
國別省市：廣東;44
還沒有人留言評論。發(fā)表了對其他瀏覽者有用的留言會獲得科技券。