TWI410817B - 網頁書籤的儲存方法、系統及使用其之電腦程式產品 - Google Patents

Description

網頁書籤的儲存方法、系統及使用其之電腦程式產品

本發明是有關於一種網頁書籤(Internet bookmark)的儲存方法，且特別是有關於一種以網頁畫面作為代表圖示的網頁書籤(Visual bookmark)的儲存方法、系統及使用其之電腦程式產品。

隨著網際網路的日新月異，網路上充斥著各式各樣的網頁。為了讓使用者能夠更方便地瀏覽各式網頁，便發展了將網頁的網址記錄至網頁書籤的技術。

網頁書籤主要用意是在於讓使用者能夠將其所喜愛的網頁編目並儲存，以便於日後藉由網頁書籤而快速地連結至其喜愛的網頁。藉由網頁書籤的輔助，使用者可以將多筆網址記錄至網頁書籤中來作為連接至此網頁的捷徑，並且可給定這些捷徑一個對應的名稱。據此，使用者透過這些捷徑所記錄的網址及名稱便能夠判別其所連結的網頁。

然而，當網頁書籤中的捷徑數量過於龐大時，使用者便容易產生混淆，而不容易由名稱清楚地知道各捷徑所連結的網頁內容。因此使用者僅能透過逐一地開啟各檔案所連結的網頁來確認其網頁內容，此舉不僅相當不便且耗費時間。

另外，現在已有將整個網頁的畫面作為代表圖示之網頁書籤。然而，當欲在小型顯示器上瀏覽網頁時，礙於其畫面尺寸的限制，使得解析度大幅降低而導致辨識度不佳，因此所呈現出網頁書籤代表圖示內容的字體亦會顯得過小而不易觀看。

有鑑於此，本發明提供一種網頁書籤的儲存方法，擷取網頁之特定區塊中的畫面來作為其網頁書籤的代表圖示。

本發明提供一種網頁書籤的儲存系統，以視覺化的網頁書籤輔助使用者快速連結至所喜愛的網頁。

本發明提供一種電腦程式產品，可藉由將電腦程式載入電子裝置執行上述網頁書籤的儲存方法，藉以讓使用者能夠藉由網頁書籤連結至喜愛的網頁。

具體而言，本發明提出一種網頁書籤的儲存方法。首先，連接至一網頁。之後，擷取網頁之特定區塊中的畫面，以將所擷取的畫面作為網頁之網頁書籤的代表圖示。接著，將代表圖示與網頁的網址相關聯。之後，儲存代表圖示與網址。

在本發明之一實施例中，上述方法更包括可判斷網頁是否有指定網頁尺寸。若此網頁有指定網頁尺寸，則選擇網頁的最左上方作為特定區塊。而若此網頁未指定網頁尺寸，則選擇網頁的中間最上方作為特定區塊。

在本發明之一實施例中，上述方法更包括讀取網頁的網頁標題，以將網頁標題與代表圖示相關聯。另外，亦可接收一輸入名稱，以將輸入名稱與代表圖示相關聯。

在本發明之一實施例中，上述代表圖示為所擷取之畫面的原始比例。

在本發明之一實施例中，當代表圖示被選取時，連結至代表圖示相關聯的網址。

從另一觀點來看，本發明提出一種網路書籤的儲存系統，其包括連接模組、擷取模組以及儲存單元。其中，擷取模組耦接至連接模組，而儲存單元耦接至擷取模組。上述連接模組用以連接至一網頁。之後由擷取模組來擷取網頁之特定區塊中的畫面，以將所擷取的畫面作為此網頁之網頁書籤的代表圖示。之後再將代表圖示與網頁的網址相關聯，並且將代表圖示與網址儲存至儲存單元。

在本發明之一實施例中，上述網路書籤的儲存系統更包括處理模組，其分別耦接至連接模組與擷取模組。透過處理模組來判斷網頁是否有指定網頁尺寸。若處理模組判定網頁有指定的網頁尺寸，則選擇網頁的最左上方作為特定區塊；而若判定網頁未指定網頁尺寸，則選擇網頁的中間最上方作為特定區塊。另外，更可藉由處理模組來讀取網頁的網頁標題，之後再透過擷取模組將網頁標題與代表圖示相關聯；或者，處理模組可接收一輸入名稱，再藉由擷取模組將輸入名稱與代表圖示相關聯。

在本發明之一實施例中，上述代表圖示為畫面的原始比例。

在本發明之一實施例中，當代表圖示被選取時，藉由連接模組連結至代表圖示相關聯的網址。

本發明另提供一種電腦程式產品，其係用以執行上述網頁書籤的儲存方法。此電腦程式產品基本上是由多數個程式碼片段所組成的(例如建立組織圖程式碼片段、簽核表單程式碼片段、設定程式碼片段、以及部署程式碼片段)，並且這些程式碼片段在載入電子裝置中並執行之後，即可完成上述網頁書籤的儲存方法的步驟與上述網頁書籤的儲存系統的功能。

基於上述，本發明擷取網頁特定區塊中的畫面來作為網頁書籤的代表圖示，並且以原始比例來儲存，使得在檢視網頁書籤時能夠清楚地顯示出網頁畫面。

為讓本發明之上述特徵和優點能更明顯易懂，下文特舉實施例，並配合所附圖式作詳細說明如下。

一般來說，在傳統的網頁書籤中，一旦網際網路捷徑的數量過於龐大時，使用者便容易產生混淆而無法清楚地知道各捷徑所連結的網頁。另外，倘若將整個網頁的畫面作為代表圖示，當欲在小型顯示器上瀏覽網頁時，所呈現之網頁書籤代表圖示內容的字體亦會顯得過小而不易觀看，而導致辨識度不佳。有鑑於此，本發明提供一種網頁書籤的儲存方法、系統及其電腦程式產品，將網頁的畫面之特定區塊作為網頁書籤的代表圖示，以供使用者來選取欲連結的網頁。為了使本發明之內容更為明瞭，以下特舉實施例作為本發明確實能夠據以實施的範例。

圖1是依照本發明一實施例所繪示的網頁書籤的儲存方法的流程圖。請參照圖1，首先，在步驟S105中，連接至一網頁。例如啟動瀏覽器，透過瀏覽器來連接至網頁。

接著，在網頁下載中或下載完成時，如步驟S110所示，擷取網頁之特定區塊中的畫面，以將所擷取的畫面作為此網頁之網頁書籤的代表圖示。一般而言，多數的網站會將其代表標誌置放於首頁的左上方。因此，在本實施例中，便將網頁的最左上方作為特定區塊。如此一來，擷取網頁特定區塊中的畫面便能夠取得此一網頁最具代表的部分。

值得一提的是，一般網頁倘若沒有特別指定其網頁尺寸，則其代表標誌一般而言會隨著瀏覽器的縮放而置放於中間(例如，搜尋網站「Google」)。因此，可利用判斷網頁是否有指定其網頁尺寸來決定以網頁的最左上方為特定區塊或是以網頁的中間最上方作為特定區塊。

也就是說，在執行步驟S110之前，先判斷網頁是否有指定其網頁尺寸。當網頁有指定網頁尺寸，則選擇網頁的最左上方作為特定區塊，再執行步驟S110；反之，若網頁未指定網頁尺寸，則選擇網頁的中間最上方作為特定區塊，再執行步驟S110。

舉例來說，圖2A與圖2B是依照本發明一實施例所繪示的瀏覽網頁的示意圖。圖3A與圖3B是依照本發明一實施例所繪示的網頁代表圖示的示意圖。在此，圖2A的網頁210例如為有指定網頁尺寸之網頁，圖2B的網頁230則例如為沒有指定網頁尺寸之網頁。而圖3A與圖3B分別為網頁210與網頁230的代表圖示。

在圖2A中，由於網頁210有指定其網頁尺寸，因此便以網頁210的最左上方作為特定區塊220。當網頁210已完整地下載至瀏覽器或是特定區塊220的部份已下載至瀏覽器時，便將特定區塊220的畫面擷取下來作為網頁書籤的代表圖示，如圖3A的代表圖示310。在此，代表圖示310是依照特定區塊220的畫面的原始比例而擷取。

另一方面，在圖2B中，由於網頁230並沒有指定其網頁尺寸，因此便以網頁230的中間最上方作為特定區塊240。當網頁230已完整地下載至瀏覽器或是特定區塊240的部份已下載至瀏覽器時，便將特定區塊240的畫面擷取下來作為網頁書籤的代表圖示，如圖3B的代表圖示320。在此，代表圖示320亦是依照特定區塊240的畫面的原始比例而擷取。

返回圖1，在將所擷取的畫面作為代表圖示之後，如步驟S115所示，將代表圖示與網頁的網址相關聯。具體而言，在代表圖示中建立一超連結，使得此超連結指向網頁的網址。據此當代表圖示被選取時，便會自動連結至代表圖示相關聯的網址。最後，在步驟S120中，儲存代表圖示與網址，以便於日後藉由點選圖示而連結至對應的網址。

值得一提的是，更可在代表圖示中嵌入一個名稱或是在代表圖示周圍標示一個名稱。例如，在網頁下載時便去讀取網頁的網頁標題，以將網頁標題與代表圖示相關聯，例如嵌入於代表圖示中或是標示在代表圖示的下方。或者，接收一輸入名稱，以將輸入名稱與代表圖示相關聯，同樣例如嵌入於代表圖示中或是標示在代表圖示的下方。以下便以圖2A的特定區塊220中的畫面來舉例說明。

圖4A與圖4B是依照本發明另一實施例所繪示的網頁代表圖示的示意圖。在此，圖4A所示為嵌入所讀取的網頁標題的代表圖示410，圖4B所示為嵌入有使用者輸入的輸入名稱的代表圖示420。

一般而言，大多數的網頁會在其原始檔的<title>標籤的內容中記錄其網頁標題。據此，便可自網頁原始檔中讀取<title>標籤的內容(也就是網頁標題)而將網頁標題嵌入至代表圖示410中。假設網頁210原始檔的<title>標籤的內容為「HTC-Touch Phone,PDA Phone,Smartphone,Mobile Computer」，因此在圖4A的代表圖示410中所嵌入的名稱則為「HTC-Touch Phone,PDA Phone,Smartphone,Mobile Computer」。

另外，使用者亦可自行輸入一個輸入名稱，如圖4B所示，將輸入名稱「行動通訊」嵌入至代表圖示420中。此外，在代表圖示410中，倘若使用者不滿意所嵌入的網頁標題，亦可以直接修改網頁標題。

又或者，使用者亦可將所讀取的網頁標題標示在代表圖示的下方，並同時將使用者所輸入之輸入名稱嵌入於代表圖示中(圖中未示)。

從另一觀點來看，本發明提出一種網路書籤的儲存系統。圖5是依照本發明一實施例所繪示的網頁書籤的儲存系統方塊圖。請參照圖5，此系統包括連接模組510、擷取模組520以及儲存單元530。其中，擷取模組520耦接至連接模組510，而儲存單元530耦接至擷取模組520。

上述連接模組510例如為瀏覽器(browser)，用以連接至一網頁。而在網頁下載完成時，則由擷取模組520來擷取網頁之特定區塊中的畫面，以將所擷取的畫面作為網頁書籤的代表圖示，之後再將代表圖示與網頁的網址相關聯，並且將代表圖示與網址儲存至儲存單元530。在此，儲存單元530例如為硬碟(hard disk)、快閃記憶體(flash memory)、隨機存取記憶體(Random Access Memory，RAM)或快取記憶體(cache memory)。

據此，在擷取模組520將所擷取的畫面作為代表圖示而儲存至儲存單元530之後，當代表圖示被選取時，便可藉由連接模組510連結至代表圖示相關聯的網址。

另外，本發明更提出一種網路書籤的儲存系統。圖6是依照本發明另一實施例所繪示的網頁書籤的儲存系統方塊圖。請參照圖6，此系統包括連接模組610、擷取模組620、儲存單元630以及處理模組640。其中，擷取模組620耦接至連接模組610，而儲存單元630耦接至擷取模組620，處理模組640其分別耦接至連接模組610與擷取模組620。在此，連接模組610、擷取模組620及儲存單元630的功能與前述連接模組510、擷取模組520及儲存單元530相同或相似，故不再贅述。

在本實施例中，透過處理模組640可判斷網頁是否有指定網頁尺寸。若處理模組640判定網頁有指定的網頁尺寸，則選擇網頁的最左上方作為特定區塊(如圖2A及3A所示)；而若判定網頁未指定網頁尺寸，則選擇網頁的中間最上方作為特定區塊(如圖2B及3B所示)。另外，藉由處理模組640亦可讀取網頁的網頁標題，之後再透過擷取模組620將網頁標題與代表圖示相關聯(如圖4A所示)；或者，處理模組640可接收一輸入名稱，再藉由擷取模組620將輸入名稱與代表圖示相關聯(如圖4B所示)。

本發明另提供一種電腦程式產品，其係包含程式指令用以執行上述網頁書籤的儲存方法，此電腦程式產品基本上是由多數個程式碼片段所組成的(例如建立組織圖程式碼片段、簽核表單程式碼片段、設定程式碼片段、以及部署程式碼片段)，並且這些程式碼片段在載入電子裝置中並執行之後，即可完成上述網頁書籤的儲存方法的步驟與上述網頁書籤的儲存系統的功能。

綜上所述，在上述實施例中，藉由將網頁中的畫面來作為網頁書籤的代表圖示，而以視覺化方式來呈現網頁書籤，在檢視上將更為直覺。另外，倘若將整個網頁的畫面作為代表圖示，則在進行檢視時，代表圖示勢必會受到壓縮，使得解析度大幅降低而導致辨識度不佳。而在行動電話此類小體積的裝置中，礙於顯示器的尺寸更是會讓代表圖示中的畫面更為模糊。據此，在上述實施例中，藉由擷取網頁的特定區塊中的畫面來作為網頁書籤的代表圖示，並且以原始比例來儲存，使得在檢視網頁書籤時能夠清楚地顯示出網頁畫面。

雖然本發明已以實施例揭露如上，然其並非用以限定本發明，任何所屬技術領域中具有通常知識者，在不脫離本發明之精神和範圍內，當可作些許之更動與潤飾，故本發明之保護範圍當視後附之申請專利範圍所界定者為準。

210、230‧‧‧網頁

220、240‧‧‧特定區塊

310、320、410、420‧‧‧代表圖示

510、610‧‧‧連接模組

520、620‧‧‧擷取模組

530、630‧‧‧儲存單元

640‧‧‧處理模組

S105~S120‧‧‧本發明網頁書籤的儲存方法的各步驟

圖1是依照本發明一實施例所繪示的網頁書籤的儲存方法的流程圖。

圖2A與圖2B是依照本發明一實施例所繪示的瀏覽網頁的示意圖。

圖3A與圖3B是依照本發明一實施例所繪示的網頁代表圖示的示意圖。

圖4A與圖4B是依照本發明另一實施例所繪示的網頁代表圖示的示意圖。

圖5是依照本發明一實施例所繪示的網頁書籤的儲存系統方塊圖。

圖6是依照本發明另一實施例所繪示的網頁書籤的儲存系統方塊圖。

S105~S120．．．本發明網頁書籤的儲存方法的各步驟

Claims (30)

1. 一種網頁書籤的儲存方法，包括：連接至一網頁；判斷該網頁是否有指定一網頁尺寸以產生一判斷結果；依據該判斷結果擷取該網頁之一特定區塊中的一畫面，以將所擷取的該畫面作為該網頁之一網頁書籤的一代表圖示；將該代表圖示與該網頁的網址相關聯；以及儲存該代表圖示與該網址。
2. 如申請專利範圍第1項所述之網頁書籤的儲存方法，其中該擷取該網頁之該特定區塊中的該畫面係在該網頁下載中或該網頁下載完成時。
3. 如申請專利範圍第1項所述之網頁書籤的儲存方法，其中擷取該網頁之該特定區塊中的該畫面之步驟係包括選擇該網頁的最左上方作為該特定區塊。
4. 如申請專利範圍第1項所述之網頁書籤的儲存方法，更包括：判斷該網頁是否有指定一網頁尺寸；若判定該網頁有指定該網頁尺寸，則選擇該網頁的最左上方作為該特定區塊；以及若判定該網頁未指定該網頁尺寸，則選擇該網頁的中間最上方作為該特定區塊。
5. 如申請專利範圍第1項所述之網頁書籤的儲存方 法，其中在該網頁下載完成之後，更包括：讀取該網頁的一網頁標題，以將該網頁標題與該代表圖示相關聯。
6. 如申請專利範圍第5項所述之網頁書籤的儲存方法，其中將該網頁標題與該代表圖示相關聯之步驟係包括將該網頁標題嵌入於該代表圖示中。
7. 如申請專利範圍第1項所述之網頁書籤的儲存方法，其中在該網頁下載完成之後，更包括：接收一輸入名稱，以將該輸入名稱與該代表圖示相關聯。
8. 如申請專利範圍第7項所述之網頁書籤的儲存方法，其中將該輸入名稱與該代表圖示相關聯之步驟係包括將該輸入名稱嵌入於該代表圖示中。
9. 如申請專利範圍第1項所述之網頁書籤的儲存方法，其中該代表圖示為該畫面的原始比例。
10. 如申請專利範圍第1項所述之網頁書籤的儲存方法，其中當該代表圖示被選取時，連結至該代表圖示相關聯的該網址。
11. 一種網路書籤的儲存系統，包括：一連接模組，用以連接至一網頁；一處理模組，耦接至該連接模組，用以判斷該網頁是否有指定一網頁尺寸以產生一判斷結果；一擷取模組，耦接至該連接模組與該處理模組，用以依據該判斷結果擷取該網頁之一特定區塊中的一畫面，以 將所擷取的該畫面作為該網頁之一網頁書籤的一代表圖示，之後將該代表圖示與該網頁的網址相關聯；以及一儲存單元，耦接至該擷取模組，用以儲存該代表圖示與該網址。
12. 如申請專利範圍第11項所述之網路書籤的儲存系統，其中該擷取模組在該網頁下載中或該網頁下載完成時，擷取該網頁之該特定區塊中的該畫面。
13. 如申請專利範圍第11項所述之網路書籤的儲存系統，其中該特定區塊係為該網頁的最左上方。
14. 如申請專利範圍第11項所述之網路書籤的儲存系統，其中：若該判斷結果為判定該網頁有指定該網頁尺寸，則該處理模組選擇該網頁的最左上方作為該特定區塊；若該判斷結果為判定該網頁未指定該網頁尺寸，則該處理模組選擇該網頁的中間最上方作為該特定區塊。
15. 如申請專利範圍第14項所述之網路書籤的儲存系統，其中該處理模組更包括讀取該網頁的一網頁標題，以藉由該擷取模組將該網頁標題與該代表圖示相關聯。
16. 如申請專利範圍第15項所述之網路書籤的儲存系統，其中該擷取模組更包括將該網頁標題嵌入於該代表圖示中。
17. 如申請專利範圍第14項所述之網路書籤的儲存系統，其中該處理模組更包括接收一輸入名稱，以藉由該擷取模組將該輸入名稱與該代表圖示相關聯。
18. 如申請專利範圍第17項所述之網路書籤的儲存系統，其中該擷取模組更包括將該輸入名稱嵌入於該代表圖示中。
19. 如申請專利範圍第11項所述之網路書籤的儲存系統，其中該代表圖示為該畫面的原始比例。
20. 如申請專利範圍第11項所述之網路書籤的儲存系統，其中當該代表圖示被選取時，藉由該連接模組連結至該代表圖示相關聯的該網址。
21. 一種電腦程式產品，經由一電子裝置載入該程式執行下列步驟：連接至一網頁；判斷該網頁是否有指定一網頁尺寸以產生一判斷結果；依據該判斷結果擷取該網頁之一特定區塊中的一畫面，以將所擷取的該畫面作為該網頁之一網頁書籤的一代表圖示；將該代表圖示與該網頁的網址相關聯；以及儲存該代表圖示與該網址。
22. 如申請專利範圍第21項所述之電腦程式產品，其中該擷取該網頁之該特定區塊中的該畫面係在該網頁下載中或該網頁下載完成時。
23. 如申請專利範圍第21項所述之電腦程式產品，其中擷取該網頁之該特定區塊中的該畫面之步驟係包括選擇該網頁的最左上方作為該特定區塊。
24. 如申請專利範圍第21項所述之電腦程式產品，其更包括：判斷該網頁是否有指定一網頁尺寸；若判定該網頁有指定該網頁尺寸，則選擇該網頁的最左上方作為該特定區塊；以及若判定該網頁未指定該網頁尺寸，則選擇該網頁的中間最上方作為該特定區塊。
25. 如申請專利範圍第21項所述之電腦程式產品，其更包括：讀取該網頁的一網頁標題，以將該網頁標題與該代表圖示相關聯。
26. 如申請專利範圍第25項所述之電腦程式產品，其中將該網頁標題與該代表圖示相關聯之步驟係包括將該網頁標題嵌入於該代表圖示中。
27. 如申請專利範圍第21項所述之電腦程式產品，其更包括：接收一輸入名稱，以將該輸入名稱與該代表圖示相關聯。
28. 如申請專利範圍第27項所述之電腦程式產品，其中將該輸入名稱與該代表圖示相關聯之步驟係包括將該輸入名稱嵌入於該代表圖示中。
29. 如申請專利範圍第21項所述之電腦程式產品，其中該代表圖示為該畫面的原始比例。
30. 如申請專利範圍第21項所述之電腦程式產品，其中當該代表圖示被選取時，連接至該代表圖示相關聯的該網址。