一種對動態內容進行標註和顯示的方法及系統與流程
2023-05-14 16:53:07 2
本發明涉及計算機技術領域，尤其涉及一種對動態內容進行標註和顯示的方法及系統。
背景技術：
標註是一種在文檔中添加信息的技術，而當前網絡媒體已經成為人們了解信息的重要途徑，因此網頁標註技術也得到了重視和發展。網頁標註系統實際上是提供了一種標註裝置來幫助用戶對所瀏覽到的網頁進行標註，該標註裝置可以是包含瀏覽器的單獨軟體工具，可以是獨立與瀏覽器的單獨軟體工具，也可以是集成在瀏覽器中的擴展模塊。相對於傳統的標註方法，還有一種標註方法，通過選中待標註的文字，對其添加文字標註，而該標註方法用戶只能針對網頁上的文字信息區域進行標註，而對網頁上的圖片區域、多媒體信息區域和功能按鍵區域等其他區域則不能進行標註，因為標註時要先選中待標註的文字，因此，對網頁上的同一條文字只能進行一次標註，不能實現多人對一條文字的多次標註。
如申請號為：201310732914.2的中國專利公開了一種網頁標註方法及裝置，通過網頁伺服器加載第一網頁；所述第一網頁加載標註矢量圖層，接收用戶對所述第一網頁進行標註所產生的第一網頁標註數據，將所述第一網頁標註數據轉換為標註矢量數據，並將所述標註矢量數據繪製到所述標註矢量圖層；將繪製所述標註矢量數據之後的標註矢量圖層與所述第一網頁進行疊加，以實現第一網頁上顯示所述第一網頁標註數據。該申請通過設置矢量圖層進行標註，標記內容和原內容分離，無法確保標記的正確和有效性。
又如申請號為：201310376513.8的中國專利公開了一種網頁標註方法和裝置，接收針對網頁上任何區域的標註內容，並確定所述標註內容在網頁上的標註區域；建立包含所述標註內容和所述標註區域的標籤，並保存所述標籤，其中，保存所述標籤包括：建立網頁地址與標籤標識的映射關係，並建立標籤標識與標籤中標註內容和標註區域的映射關係，保存所述映射關係，當展示所述標籤時，將所述標籤對應的標註區域展示在網頁上。該申請通過建立網頁地址與標籤標識的映射關係，該映射關係一一對應，不能根據不同用戶的需求進行適當的增設，適用範圍比較小，用戶體驗不佳。
技術實現要素：
為克服現有技術中存在的無法實現在同一內容區域不同狀態下的標註，標記內容和原內容分離，無法確保標記的正確和有效性等問題，本發明提供了一種對動態內容進行標註和顯示的方法及系統。
具體技術方案如下：
一種對動態內容進行標註和顯示的方法，
步驟1：創建狀態變更觸發裝置和原始狀態樹，所述狀態變更觸發裝置用於監聽系統是否有輸入事件，所述原始狀態樹根據動態內容依次預存有多個節點；
步驟2：當狀態變更觸發裝置監聽到系統有輸入事件時，系統根據內容的變化量將當前狀態指針切換至原始狀態樹相應節點，在該節點處用戶進行批註並保存；
步驟3：狀態樹形成標註內容索引，並顯示；
步驟4：根據內容索引進行狀態切換和顯示。
在此基礎上，所述步驟2的具體步驟為：
步驟21：系統根據內容的變化量，生成狀態ID；
步驟22：匹配狀態ID與狀態樹中的預存節點，若匹配成功，則將當前狀態指針切換至原始狀態樹相應節點，若匹配不成功，則將該狀態ID添加到當前狀態ID的子節點中，並將當前狀態指針切換至該子節點處；
步驟23：用戶在相應節點處進行批註，並保存。
在此基礎上，所述步驟21中通過對變更的內容進行哈希計算得到狀態ID。
在此基礎上，步驟23還包括：
步驟231：將用戶的操作範圍與狀態ID所指向的範圍內容進行對比；
步驟232：若用戶的操作範圍與狀態ID所指向的範圍內容一致，則將標註的內容記錄到狀態ID所指向的標註內容存儲區域，若用戶的操作範圍超出狀態ID所指向的範圍內容，則繼續查找狀態ID的父狀態，直到查找到對應的狀態ID後將標註的內容記錄到狀態ID所指向的標註內容存儲區域。
在此基礎上，所述步驟23中保存的具體方法為將狀態樹序列化為字符串，並使用注釋標記保存到原內容的尾部。
在此基礎上，所述步驟3中索引包括同一用戶不同狀態下的標註和/或不同用戶同一狀態下的標註。
在此基礎上，所述步驟4中通過索引進行狀態切換時，系統判斷變更的狀態區域，並將存儲在變更狀態ID的子狀態節點的標註內容隱藏。
在此基礎上，所述步驟4中通過索引再次打開動態內容時，將狀態樹反序列化並顯示。
本發明還提供了一種對動態內容進行標註和顯示的系統，包括狀態變更觸發裝置、第一計算模塊和第二計算模塊，所述第二計算模塊包括預存模塊、對比模塊、存儲模塊和顯示模塊，
所述狀態變更觸發裝置用於監聽系統是否有輸入事件，所述第一計算模塊根據動態內容的變化量計算出狀態ID；所述第二計算模塊將第一計算模塊中所得數據與預存模塊中的數據進行對比後進行狀態切換和顯示。
在此基礎上，所述預存模塊為彈性模塊，用於預存原始數據和自動增設新節點。
與現有技術相比，本發明的有益效果是：
1、本發明通過創建狀態變更觸發裝置和原始狀態樹；當觸發裝置監聽到系統有輸入事件時，系統根據內容的變化量將當前狀態指針切換至原始狀態樹相應節點，在該節點處用戶進行批註並保存；狀態樹形成標註內容索引，並顯示；根據內容索引進行狀態切換和顯示。本發明還提供了與該方法相對應的系統，實現了在同一區域不同狀態下的標註，確保了標註的準確和有效性，且在狀態切換時會將部分內容隱藏，不會造成網頁信息紊亂，用戶體驗較好，適宜於推廣。
2、本發明中匹配狀態ID與狀態樹中的預存節點，若匹配成功，則將當前狀態指針切換至原始狀態樹相應節點，若匹配不成功，則將該狀態ID添加到當前狀態ID的子節點中，並將當前狀態指針切換至該子節點處；本發明子使用過程中存在差異性，能夠適用於不同用戶的需求，且通過自動添加狀態節點，允許同一內容進行多次批註，同時可以確保標記的正確和有效性。
3、本發明中通過對變更的內容進行哈希計算得到狀態ID，並將狀態ID與預存的節點進行遍歷，能夠保證用戶批註區域的準確無誤，易於之後的查看。
4、本發明中根據狀態ID均設置有對應的標註內容存儲區域，方便管理，可以在查看相應的標註內容時將其他無關內容進行隱藏，不會造成頁面混亂，視覺效果不佳的問題，且通過索引將標註內容展示，方便查看，不需要用戶逐個點開，方便快捷。
附圖說明
圖1是本發明一種對動態內容進行標註和顯示的方法的流程示意圖；
圖2是本發明一種對動態內容進行標註和顯示的方法及系統的動態內容標記結構示意圖；
圖3是本發明一種對動態內容進行標註和顯示的方法及系統中標記過程的流程示意圖；
圖4是本發明一種對動態內容進行標註和顯示的方法及系統中標記顯示過程的流程示意圖；
圖5是本發明一種對動態內容進行標註和顯示的系統的結構示意圖。
具體實施方式
以下結合附圖和實施例，對本發明進行進一步詳細說明。應當理解，此處所描述的具體實施例僅用以解釋本發明，並不用於限定本發明。
本發明披露了一種對動態內容進行標註和顯示的方法，可以對動態可交互的web內容進行標註和標註顯示。如圖1所示，該方法包括以下步驟：
步驟1：創建狀態變更觸發裝置1和原始狀態樹，狀態變更觸發裝置1用於監聽系統是否有輸入事件，該狀態變更觸發裝置1對應動態內容進行設置，每改變一次動態內容，均會觸發該裝置。該裝置設置有多個I/O輸入口，每個輸入口均與原始狀態對應設置，該觸發裝置監聽I/O輸入口，根據IO內容進行判斷，原始狀態發生變化時，觸發對應的I/O輸入口，進而觸發該裝置。原始狀態樹根據動態內容依次預存有多個節點。如圖2所示，為動態內容標記結構的示意圖，左側為原內容，右側為狀態樹，狀態樹與原內容一致設置有對應節點，節點與內容關聯，有多少種內容組合就有多少節點。
步驟2：當狀態變更觸發裝置1監聽到系統有輸入事件時，系統根據內容的變化量將當前狀態指針切換至原始狀態樹相應節點，在該節點處用戶進行批註並保存，內容的變化量即為系統根據I/O輸入輸出口的變化得出，原始狀態樹即為所有狀態內容，內容變化時可能是樹幹變動，也可能是樹枝變動，即為內容的變化量。
步驟2的具體如下：
步驟21：系統根據內容的變化量，生成狀態ID，優選地，通過對變更的內容進行哈希計算得到狀態ID。本發明中通過對變更的內容進行哈希計算得到狀態ID，並將狀態ID與預存的節點進行遍歷，能夠保證用戶批註區域的準確無誤，易於之後的查看。
步驟22：匹配狀態ID與狀態樹中的預存節點，即通過遍歷狀態樹中的預存節點，並將預存節點與狀態ID進行對比，優選地，狀態ID是預存節點的索引，節點內容哈希計算就是狀態ID，若匹配成功，則將當前狀態指針切換至原始狀態樹相應節點，若匹配不成功，則將該狀態ID添加到當前狀態ID的子節點中，並將當前狀態指針切換至該子節點處；如圖2所示，當原內容的某個節點，如節點1-2-1內容發生變化時，即單點狀態下發生變化，則對應狀態樹中的節點1-2-1，若在狀態樹中沒有與該狀態節點相對應的節點，則由狀態樹自動生成節點與之對應，又如多個節點發生變化時，即組合狀態下發生變化，相對應的狀態樹在當前狀態下自動增設節點1-2-2與之對應，本發明中多個同級節點變更也會產生新的狀態ID。本發明子使用過程中存在差異性，能夠適用於不同用戶的需求，且通過自動添加狀態節點，允許同一內容進行多次批註，同時可以確保標記的正確和有效性。
步驟23：用戶在相應節點處進行批註，並保存。優選地，步驟23還包括：步驟231：將用戶的操作範圍與狀態ID所指向的範圍內容進行對比；步驟232：若用戶的操作範圍與狀態ID所指向的範圍內容一致，則將標註的內容記錄到狀態ID所指向的標註內容存儲區域，若用戶的操作範圍超出狀態ID所指向的範圍內容，則繼續查找狀態ID的父狀態(任何動態內容都有一個初始化的頂級狀態ID)，直到查找到對應的狀態ID後將標註的內容記錄到狀態ID所指向的標註內容存儲區域。優選地，步驟23中保存的具體方法為將狀態樹序列化為字符串，並使用注釋標記保存到原內容的尾部。本發明中根據狀態ID均設置有對應的標註內容存儲區域，方便管理，可以在查看相應的標註內容時將其他無關內容進行隱藏，不會造成頁面混亂，視覺效果不佳的問題，且通過索引將標註內容展示，方便查看，不需要用戶逐個點開，方便快捷。
步驟3：狀態樹形成標註內容索引，並顯示；步驟3中索引包括同一用戶不同狀態下的標註和/或不同用戶同一狀態下的標註，即同一個用戶針對不同內容的標註和相同內容不同用戶的標註均由索引列出。
步驟4：根據內容索引進行狀態切換和顯示。步驟4中通過索引進行狀態切換時，系統判斷變更的狀態區域，並將存儲在變更狀態ID的子狀態節點的標註內容隱藏。不同用戶可以對相同內容進行多次標註，且多次標註內容不會相互覆蓋，不會混亂，便於查看。步驟4中通過索引再次打開動態內容時，將狀態樹反序列化並顯示。序列化即為二進位對象轉字符串，而反序列化即為字符串轉二進位。當用戶通過索引再次打開動態內容時，系統會自動檢測標註注釋標記是否存在，存在則取出狀態樹並通過反序列化進行顯示，期間，系統會通過渲染將標註直接顯示，方便快捷。
工作過程：
如圖3所示為用戶標註的流程示意圖，首先在動態文件中創建狀態樹和狀態變更觸發裝置1，狀態變更觸發裝置1實時監聽是否存在輸入事件，即內容樹是否有變更。當監聽到有輸入事件時，判斷UI是否變更，若沒有變更，則視為無操作；若UI發生變更，則對變更的內容進行哈希計算得到狀態ID，檢測狀態ID是否已經存在，若存在，則更改狀態指針到當前狀態ID；若不存在，則新增狀態ID到狀態樹，然後更改狀態指正到當前狀態ID。狀態指針更改後，用戶開始標註，並將用戶的標註內容添加到當前狀態節點。
如圖4所示為用戶標註顯示的流程示意圖，將動態文件中的內容和狀態樹進行序列化，當狀態變更觸發裝置1監聽到有輸入事件時，根據用戶操作判斷UI是否發生變更，若沒有變更，則視為無操作，若發生變更，則對變更的內容進行哈希計算得到狀態ID，檢測狀態ID是否已經存在，若不存在，是視為無操作，若存在則讀取狀態ID節點的標註內容，將標註內容通過反序列化顯示給用戶，其他無關的標註內容均隱藏。
本發明還披露了一種對動態內容進行標註和顯示的系統，如圖5所示，包括狀態變更觸發裝置1、第一計算模塊2和第二計算模塊3，第二計算模塊3包括預存模塊31、對比模塊32、存儲模塊33和顯示模塊34，
狀態變更觸發裝置1用於用於監聽系統是否有輸入事件，第一計算模塊2根據動態內容的變化量計算出狀態ID；第二計算模塊3將第一計算模塊2中所得數據與預存模塊31中的數據進行對比後進行狀態切換和顯示。預存模塊31為彈性模塊，用於預存原始數據和自動增設新節點，對比模塊32用於對比第一計算模塊2中計算得出的狀態ID與第二計算模塊3中的預存模塊31的預存節點，所述存儲模塊33用於存儲用戶的標註內容數據，所述顯示模塊34用於調取用戶的標註內容並將標註內容進行顯示。
系統工作過程如下：
(1)狀態變更觸發裝置1檢測到系統有輸入事件，並判斷是否為有效操作，若有效則觸發該裝置和第一計算模塊2，第一計算模塊2根據動態內容的變化量通過哈希算法計算出狀態ID，並由第二計算模塊3中的對比模塊32，將該狀態ID與預存模塊31中的預存數據進行對比，若該狀態ID已經存在，則允許用戶在存儲模塊33對相應內容進行批註，若該狀態ID不存在，則在預存模塊31中就當前狀態ID下添加子節點，並允許用戶在存儲模塊33對相應內容進行批註。用戶批註後存儲模塊33將存儲內容進行序列化存儲。
(2)當狀態變更觸發裝置1檢測到系統有輸入事件，並判斷是否為有效操作，若有效若有效則觸發該裝置和第一計算模塊2，第一計算模塊2根據動態內容的變化量通過哈希算法計算出狀態ID，並由第二計算模塊3中的對比模塊32，將該狀態ID與預存模塊31中的預存數據進行對比，若該狀態ID已經存在，則顯示模塊34讀取該狀態ID，並提取該狀態ID節點的標註內容，通過反序列化進行顯示；若該狀態ID不存在，則視為無操作。
本發明通過創建狀態變更觸發裝置1和原始狀態樹；當觸發裝置1監聽到系統有輸入事件時，系統根據內容的變化量將當前狀態指針切換至原始狀態樹相應節點，在該節點處用戶進行批註並保存；狀態樹形成標註內容索引，並顯示；根據內容索引進行狀態切換和顯示。本發明還提供了與該方法相對應的系統，實現了在同一區域不同狀態下的標註，確保了標註的準確和有效性，且在狀態切換時會將部分內容隱藏，不會造成網頁信息紊亂，用戶體驗較好，適宜於推廣。
上述說明示出並描述了本發明的優選實施例，如前所述，應當理解本發明並非局限於本文所披露的形式，不應看作是對其他實施例的排除，而可用於各種其他組合、修改和環境，並能夠在本文所述發明構想範圍內，通過上述教導或相關領域的技術或知識進行改動。而本領域人員所進行的改動和變化不脫離本發明的精神和範圍，則都應在本發明所附權利要求的保護範圍內。