網頁批註的方法及系統的製作方法

2023-05-18 10:13:41

專利名稱：網頁批註的方法及系統的製作方法
技術領域：
本發明涉及網際網路文檔處理領域，尤其涉及一種網頁批註的方法及系統。
背景技術：
隨著計算機技術的發展，人們保留文件的方法開始由傳統的紙質文件儲存轉變為更為方便快捷的電子文檔存儲。尤其隨著信息化的推進和網際網路的發展，面向多用戶服務的電子文檔通常設計為易於瀏覽的網頁形式，且網頁上承載的信息成為人們重要的閱讀資料來源。與人們閱讀傳統紙質文件時做筆記的習慣類似，在人們閱讀網頁時，有時候也期望能在網頁上添加標記或批註，以記錄閱讀靈感、閱讀見解和閱讀心得等，同時期望該標記 或批註能夠長期保存以方便在另一次閱讀中調用參考。 現有技術中實現網頁批註的方法主要有兩種一種方法是結合瀏覽器插件實現，用戶需要安裝瀏覽器插件後對網頁內嵌文本進行批註，這不但限制了用戶使用網頁批註功能的場景，例如只能針對網頁內嵌的WORD文檔或PDF文檔使用相應插件進行批註，而且降低了用戶使用網頁批註功能的平均效率；另一種方法是針對靜態網頁或對網頁靜態化後，通過計算屏幕坐標來添加批註，這種方法面對日益更新的動態網頁生成技術，其局限性更為明顯。現有技術中未提供一種行之有效的方法來解決網頁批註過程中遇到的上述問題。

發明內容
本發明的目的在於提供一種網頁批註的方法及系統，以實現在不安裝瀏覽器插件的情況下實現網頁批註，以及該網頁批註的場景還原。為達到上述目的，一方面，本發明提供了一種網頁批註的方法，該方法包括根據圈選操作選擇待批註網頁展示的文本；計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標；根據針對所述文本進行的添加批註操作生成批註信息；相對於所述待批註網頁獨立地存儲所述文字坐標和所述批註信息。另一方面，本發明提供了一種網頁批註的系統，該系統包括客戶端和伺服器，其中所述客戶端用於展示待批註網頁，根據圈選操作選擇所述待批註網頁展示的文本，以及根據針對所述文本進行的添加批註操作生成批註信息所述伺服器包括文字定位模塊和批註存儲模塊；所述文字定位模塊，用於計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標；所述批註存儲模塊，用於相對於所述待批註網頁獨立地存儲所述文字坐標和所述
批註信息。本發明提供的網頁批註的方法及系統，通過相對於所述待批註網頁獨立地存儲所述文字坐標和所述批註信息，可有效地還原網頁批註的原始場景，可在展示相同原文內容的不同網頁上還原和展示批註，尤其面向針對多用戶使用的情況下高效地分別還原每一用戶對應的網頁批註的原始場景；記錄文字坐標這一技術手段有利於在待批註網頁對應的原文內容發生更新後保持網頁批註的準確性。


通過閱讀參照以下附圖所作的對非限制性實施例所作的詳細描述，本發明的其它特徵、目的和優點將會變得更明顯圖I是根據本發明的網頁批註的方法的一種具體實施方式
的流程圖；圖2至圖3是圖I示出的具體實施方式
的一個具體實施場景的示意圖；圖4是根據本發明的網頁批註的系統的一個具體實施方式
的結構示意圖；
附圖中相同或相似的附圖標記代表相同或相似的部件。
具體實施例方式首先請參考圖1，圖I是根據本發明的網頁批註的方法的一種具體實施方式
的流程圖，該方法包括步驟S100，根據圈選操作選擇待批註網頁展示的文本；步驟S200，計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標；步驟S300，根據針對所述文本進行的添加批註操作生成批註信息；步驟S400，相對於所述待批註網頁獨立地存儲所述文字坐標和所述批註信息。具體地，首先在步驟SlOO中，以本具體實施方式
應用於B/S或C/S結構為例，根據用戶使用瀏覽器/客戶端的請求，瀏覽器/客戶端一側從伺服器獲取該請求對應的所述待批註網頁，該待批註網頁內包含一個或多個文本段，瀏覽該網頁的用戶可從所述一個或多個文本段中圈選出若干字符以確定其所需批註的文本。典型地，所述圈選操作是用戶使用光標選中所述待批註網頁中展示一個文本，該文本包含的字符可以是字母、漢字、數字、符號以及空格符等常見的文字符號。步驟SlOO中的圈選操作在瀏覽器/客戶端上完成，並且瀏覽器/客戶端將該圈選操作選擇所得的所述文本反饋給伺服器。在步驟S200中，計算所述文本在所述待批註網頁所對應的原文內容的文字坐標。需要說明的是，在伺服器構建所述待批註網頁的HTML代碼時，至少根據一個原文內容形成所述待批註網頁內包含的一個或多個文本段，實質上，所述原文內容是用於構建所述待批註網頁的基礎文本信息，該原文內容僅包括字符串。步驟S200中計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標的具體方法是首先將步驟SlOO中圈選操作確定的文本處理為近似原文內容,例如從所述文本中除去顯示格式、HTML標籤、超連結信息等不利於與所述原文內容相比較的額外元素，使該文本還原為近似原文內容，即僅包含字符的字符串；進一步地，計算所述近似原文內容對應的字符串在所述原文內容的所有字符中的起始位置和結束位置，該起始位置和結束位置即所述文字坐標，其作用是唯一地確定用戶圈選的文本在所述原文內容中的具體位置。一種典型的處理方法是，遍歷所述原文內容並將其包含的字符進行編號，分別進行計算，以得到所述近似原文內容起首部分在所述原文內容中對應的字符的編號數值(即所述起始位置)，以及所述近似原文內容的結束部分在所述原文內容中對應的字符的編號數值(即所述結束位置)。通常由於所述原文內容不會發送給瀏覽器/客戶端，因此步驟S200涉及到調用該原文內容的問題，優選地步驟S200在伺服器一側進行；在另一個實施例中，若所述待批註網頁中還攜帶了其對應的原文內容，則步驟S200也可以在瀏覽器/客戶端一側進行。在步驟S300中，用戶在所述待批註網頁的顯示頁面中，通過所述瀏覽器/客戶端針對步驟SlOO中圈選所得的文本進行添加批註操作，並相應地根據所述添加批註操作瀏覽器/客戶端生成批註信息。與現有的針對電子文檔添加批註類似，所述添加批註操作包括高亮顯示所述文本,和/或針對所述文本輸入批註內容。其中，高亮顯示所述文本的基本流程包括首先，選擇高亮顯示的顏色，然後在所述待批註網頁中更改所述文本的顯示底色為所述高亮顯示的顏色，根據這一類型的添加批註操作生成的批註信息至少包括用於標識其操作類型的ID和所述顏色的信息。另一方面，針對所述文本輸入批註內容的基本流程包括在所述待批註網頁上生成批註區域，所述批註區域中記錄所述批註內容。所述待批註網頁的HTML代碼中內嵌合適的腳本以完成上述流程，包括繪製所述批註區域以及記錄所述批註內容。所述批註內容可以是常規的字符段，也可以是超連結、圖片、語音或視頻，上述 批註內容由發起添加批註操作的用戶通過瀏覽器/客戶端上傳以及編輯。步驟S300的一種典型處理方法是，瀏覽器/客戶端執行所述帶批註網頁的HTML代碼，該HTML代碼中內嵌的腳本啟動並執行，以將所述批註信息轉化為合適的格式發送至伺服器。步驟S400中，相對於所述待批註網頁獨立地存儲所述文字坐標和所述批註信息，具體地，伺服器一側從所述瀏覽器/客戶端獲取所述文字坐標和所述批註信息，並相對於構建所述帶批註網頁時調用的資源獨立地存儲，以保證所述批註信息的獨立性。可以設置一資料庫用於存儲所述文字坐標和所述批註信息，對於本方法應用於服務多個用戶的系統來說，還需要存儲所述文字坐標和所述批註信息對應的用戶ID，以保證多個用戶的批註數據彼此之間不會互相干擾。進一步說明的是，若某個原文內容進行更新，則需要對該原文內容對應的所有文字坐標進行更新。根據所述原文內容的更新前版本和更新後版本，可以調整所述文字坐標的參數，保持在更新後的原文內容中依然能追蹤出步驟Sioo中圈選的文本，以保證還原所述批註信息時的正確性。可選地，本具體實施方式
提供的方法流程還可以包括如下步驟根據所述文字坐標和所述批註信息構建批註展示網頁(圖I中未示出)。該步驟的功能是在用戶另一次向伺服器請求攜帶了步驟SlOO中圈選出來的文本的網頁時，能夠還原該用戶對其批註的原始場景，包括所述文本對應的高亮顯示效果和/或輸入的批註內容等。該步驟的通常處理流程包括根據所述文字坐標和所述批註信息生成HTML代碼段；將該HTML代碼段與代表所述批註展示網頁內元素的其他HTML代碼拼接為所述批註展示網頁的HTML代碼全文，解析該HTML代碼全文以得到的批註展示網頁。為了更好地說明圖I示出的方法流程，請參考圖2至圖3，圖2至圖3是圖I示出的具體實施方式
的一個具體實施場景的示意圖，首先參考圖2，瀏覽器201中展示待批註網頁,該待批註網頁中包括多個頁面元素,例如文本塊208和文本塊209。在本實施例中，用戶從文本塊209中圈選部分文本，例如使用光標圈選文本塊209中的句子202「致使該馳名商標註冊人的利益可能受到損害的」，所述帶批註網頁中出現浮動的功能選區203，該功能選區203用於確定圈選句子202下一步進行的批註操作的方式，例如點擊按鈕204用於將句子202高亮顯示，相應地，還可以選擇高亮顯示的顏色；點擊按鈕205用於插入針對句子202的批註內容，請參考圖3，批註框206浮動於瀏覽器201中示出的帶批註網頁之上，該批註框207中記錄用戶輸入的批註內容207。圖2和圖3示出的實施例中描述的待批註網頁中出現的各種網頁元素的樣式僅是示例性作用。相應地，本發明還公開了一種網頁批註的系統，請參考圖4，圖4是根據本發明的網頁批註的系統的一個具體實施方式
的結構示意圖，該系統包括客戶端300和伺服器400，其中客戶端300用於展示待批註網頁，根據圈選操作選擇所述待批註網頁展示的文 本，以及根據針對所述文本進行的添加批註操作生成批註信息伺服器400包括文字定位模塊410和批註存儲模塊420 ；所述文字定位模塊410，用於計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標；所述批註存儲模塊420，用於相對於所述待批註網頁獨立地存儲所述文字坐標和所述批註信息。具體地，本部分出現的術語和部分流程可以參考前文中有關方法的實施例中相關部分的說明。客戶端200可解析並展示所述待批註網頁，以及處理用戶針對所述待批註網頁的後續操作，例如添加批註操作，該添加批註操作包括高亮顯示所述文本，和/或針對所述文本輸入批註內容。其中，高亮顯示所述文本的一般流程是首先選擇高亮顯示的顏色，然後在所述待批註網頁中更改所述文本的顯示底色為所述高亮顯示的顏色；針對所述文本輸入批註內容的一般流程是在所述待批註網頁上生成批註區域，所述批註區域中記錄所述批註內容，而所述批註內容的形式包括但不限於字符段、超連結、圖片、語音或視頻。文字定位模塊410計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標的方法包括將所述文本處理為近似原文內容；計算所述近似原文內容對應的字符串在所述原文內容的所有字符中的起始位置和結束位置。批註存儲模塊420可實施為資料庫的形式，如圖4所示，伺服器400可能並行地為多個客戶端300提供服務，則本系統適用於多用戶操作，相應地批註存儲模塊不僅存儲所述文字坐標和所述批註信息，還存儲所述文字坐標和所述批註信息對應的用戶ID，以保證多個用戶的批註數據彼此之間不會互相干擾。可選地，伺服器400還包括網頁構建模塊430，用於根據所述文字坐標和所述批註信息構建批註展示網頁。具體地，網頁構建模塊430包括批註處理單元431和網頁全文單元432，其中批註處理單元431，用於根據所述文字坐標和所述批註信息生成HTML代碼段；網頁全文單元432，用於將該HTML代碼段與代表所述批註展示網頁內元素的其他HTML代碼拼接為所述批註展示網頁的HTML代碼全文。上文中提及的所述原文內容通常存儲在一原文資料庫500，該原文資料庫500可以集成在伺服器400中，方便伺服器400中各個模塊對其進行調用以獲得所述原文內容。若本系統實施為B/S結構，則客戶端300是瀏覽器；若本系統實施為C/S結構，則客戶端300是可執行應用程式。若本系統應用於移動終端平臺，優選地實施為C/S結構，考慮到所述移動終端可能存在脫機使用的情況，繼續參考圖4，客戶端300還包括脫機文字定位模塊310，用於在相對於所述伺服器400脫機使用所述客戶端300的情況下，計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標；脫機批註存儲模塊320，用於在相對於所述伺服器400脫機使用所述客戶端300的情況下，存儲所述批註信息；同步模塊330，用於在所述伺服器400和所述客戶端300處於聯機狀態的情況下，將所述文字坐標和所述批註信息發送至所述批註存儲模塊420。為了保證脫機文字定位模塊310正常運行，客戶端300接收到的待批註網頁集成了其對應的原文內容。客戶端300可實施為一種電腦程式產品,安裝在預裝了 windows系列0S、Linux、Mac OS> Symbian> Windows MobiIe> iOS> Android>Maemo> WebOS> Palm OS 或Blackberry OS等終端作業系統的智能終端上。上述電腦程式產品的實施例可以通過使用用於計算機可讀信息的任何記錄介質來實現，所述記錄介質包括磁介質、光介質或其他適合的介質。在一個實施例中，伺服器400可以實施在一臺物理伺服器設備中，在另一些實施例中，伺服器400可以實施為伺服器集群或伺服器矩陣結構，其包括的多個伺服器設備協同工作以實現伺服器400中各個模塊的邏輯關係和功能。在另一些實施例中，伺服器400實施為一種運行在分布式計算機系統上的電腦程式產品，上述電腦程式產品的實施例 可以通過使用用於計算機可讀信息的任何記錄介質來實現，所述記錄介質包括磁介質、光介質或其他適合的介質。本發明提供的一種網頁批註的方法可以使用可編程邏輯器件結合來實現，也可以優選地實施為電腦程式軟體，例如根據本發明的實施例可以是一種電腦程式產品，運行該程序產品使計算機執行用於所示範的方法。所述電腦程式產品包括計算機可讀存儲介質，該介質上包含電腦程式邏輯或代碼部分，用於實現上述方法的各個步驟。所述計算機可讀存儲介質可以是被安裝在計算機中的內置介質或者可從計算機主體拆卸的可移動介質(例如熱拔插技術存儲設備)。所述內置介質包括但不限於可重寫的非易失性存儲器，例如RAM、ROM、快閃記憶體和硬碟。所述可移動介質包括但不限於光存儲媒體(例如CD-ROM和DVD)、磁光存儲媒體(例如MO)、磁存儲媒體(例如盒帶或移動硬碟)、具有內置的可重寫的非易失性存儲器的媒體(例如存儲卡)和具有內置ROM的媒體(例如ROM盒)。本領域技術人員應當理解，任何具有適當編程裝置的計算機系統都將能夠執行包含在程序產品中的本發明的方法的諸步驟。儘管本說明書中描述的多數具體實施方式
都側重於軟體程序，但是作為固件和硬體實現本發明提供的方法的替代實施例同樣在本發明要求保護的範圍之內。本發明提供的網頁批註的方法及系統，通過相對於所述待批註網頁獨立地存儲所述文字坐標和所述批註信息，可有效地還原網頁批註的原始場景，可在展示相同原文內容的不同網頁上還原和展示批註，尤其面向針對多用戶使用的情況下高效地分別還原每一用戶對應的網頁批註的原始場景；記錄文字坐標這一技術手段有利於在待批註網頁對應的原文內容發生更新後保持網頁批註的準確性。以上所揭露的僅為本發明的一些較佳實施例而已，當然不能以此來限定本發明之權利範圍，因此依本發明權利要求所作的等同變化，仍屬本發明所涵蓋的範圍。
權利要求
1.一種網頁批註的方法，該方法包括 根據圈選操作選擇待批註網頁展示的文本； 計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標； 根據針對所述文本進行的添加批註操作生成批註信息； 相對於所述待批註網頁獨立地存儲所述文字坐標和所述批註信息。
2.根據權利要求I所述的方法，其中，計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標包括 將所述文本處理為近似原文內容； 計算所述近似原文內容對應的字符串在所述原文內容的所有字符中的起始位置和結束位置。
3.根據權利要求I所述的方法，其中，所述添加批註操作包括 聞売顯不所述文本，和/或 針對所述文本輸入批註內容。
4.根據權利要求3所述的方法，其中，高亮顯示所述文本包括 選擇聞売顯不的顏色； 在所述待批註網頁中更改所述文本的顯示底色為所述高亮顯示的顏色。
5.根據權利要求3所述的方法，其中，針對所述文本輸入批註內容包括 在所述待批註網頁上生成批註區域； 所述批註區域中記錄所述批註內容。
6.根據權利要求5所述的方法，其中，所述批註內容包括 字符段、超連結、圖片、語音或視頻。
7.根據權利要求I至6任一項所述的方法，該方法還包括 根據所述文字坐標和所述批註信息構建批註展示網頁。
8.根據權利要求7所述的方法，其中，根據所述文字坐標和所述批註信息構建批註展示網頁包括 根據所述文字坐標和所述批註信息生成HTML代碼段； 將該HTML代碼段與代表所述批註展示網頁內元素的其他HTML代碼拼接為所述批註展示網頁的HTML代碼全文。
9.一種網頁批註的系統，該系統包括客戶端和伺服器，其中 所述客戶端用於展示待批註網頁，根據圈選操作選擇所述待批註網頁展示的文本，以及根據針對所述文本進行的添加批註操作生成批註信息所述伺服器包括文字定位模塊和批註存儲模塊； 所述文字定位模塊，用於計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標； 所述批註存儲模塊，用於相對於所述待批註網頁獨立地存儲所述文字坐標和所述批註信息。
10.根據權利要求9所述的系統，其中，計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標包括 將所述文本處理為近似原文內容；計算所述近似原文內容對應的字符串在所述原文內容的所有字符中的起始位置和結束位置。
11.根據權利要求9所述的系統，其中，所述添加批註操作包括 聞売顯不所述文本，和/或 針對所述文本輸入批註內容。
12.根據權利要求11所述的系統,其中，高亮顯示所述文本包括 選擇聞売顯不的顏色； 在所述待批註網頁中更改所述文本的顯示底色為所述高亮顯示的顏色。
13.根據權利要求11所述的系統,其中,針對所述文本輸入批註內容包括 在所述待批註網頁上生成批註區域； 所述批註區域中記錄所述批註內容。
14.根據權利要求13所述的系統，其中，所述批註內容包括 字符段、超連結、圖片、語音或視頻。
15.根據權利要求9所述的系統，其中，所述伺服器還包括 網頁構建模塊，用於根據所述文字坐標和所述批註信息構建批註展示網頁。
16.根據權利要求15所述的系統，其中，所述網頁構建模塊包括 批註處理單元，用於根據所述文字坐標和所述批註信息生成HTML代碼段； 網頁全文單元，用於將該HTML代碼段與代表所述批註展示網頁內元素的其他HTML代碼拼接為所述批註展示網頁的HTML代碼全文。
17.根據權利要求9所述的系統，其中，所述客戶端還包括 脫機文字定位模塊，用於在相對於所述伺服器脫機使用所述客戶端的情況下，計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標； 脫機批註存儲模塊，用於在相對於所述伺服器脫機使用所述客戶端的情況下，存儲所述批註信息； 同步模塊，用於在所述伺服器和所述客戶端處於聯機狀態的情況下，將所述文字坐標和所述批註信息發送至所述批註存儲模塊。
全文摘要
本發明提供了一種網頁批註的方法，該方法包括根據圈選操作選擇待批註網頁展示的文本；計算所述文本在所述待批註網頁所對應的原文內容中的文字坐標；根據針對所述文本進行的添加批註操作生成批註信息；相對於所述待批註網頁獨立地存儲所述文字坐標和所述批註信息。相應地，本發明還提供了一種網頁批註的系統。實施本發明可以有效地還原網頁批註的原始場景，並在待批註網頁對應的原文內容發生更新後保持網頁批註的準確性。
文檔編號G06F17/30GK102799573SQ20121021564
公開日2012年11月28日 申請日期2012年6月27日 優先權日2012年6月27日
發明者劉松濤, 楊思魯, 姜耀遠 申請人:北京經輿典網絡科技有限公司