TW200939730A - Method of browsing network information by hand-held communication device - Google Patents

Description

200939730 九、發明說明： 【發明所屬之技術領域】 本發明係、關於-種以手持通訊裝置割覽網⑬資訊的方 法’尤指-種可客製欲劉覽之網頁以方便在手持通訊裝置 之有限顯示區域輕易觀看的方法。 【先前技術】 目前網際網路的蓬勃發展，讓個人電腦、筆記型電腦、 O pda等透過網路連接上網際網路已經是一個不可或缺的應 用，透過網際網路，人們可藉由瀏覽各式各樣的網頁，獲 得各種所需的資訊。然而現在於網際網路上提供的資訊内 容’以及網頁上的編排設計’均是針對現有個人電腦的瀏 覽環境所設計，因此在設計與技術上皆針對個人電腦的硬 體架構而考量。在這樣的考量之下，會假設使用者的個人 電腦配置有一桌上型、高解析度的顯示螢幕（大於8〇〇χ6〇〇 pixels)、一具有極強運算能力(大於1GHzCpUc|〇ck)的處 〇理器及以充裕的網路頻寬（ADSL/Fiber c〇nnecti〇n)，利用 該螢幕透過一網頁瀏覽器（web browser)來觀看網頁。 另一方面，因為手持通訊裝置如手機、個人數位助理 (PDA)等的普及率逐漸提高且具備多樣化的功能，其中之 一便是利用手持通訊裝置進行上網操作，但手持通訊裝置 由=必須具有可揭性，因此在螢幕尺寸、螢幕解析度、耗 電量、續航力、記憶趙容量、處理器計算能力、上網連線 速度，甚至行動上網網路傳輸費用等，相對於個人電腦的 4 200939730 運作環境有著極大的差異，以手機、pda等裝置上網劉覽 網頁時，往往無法像使用個人電腦般順暢地觀看。因此目 刖使用手持通訊裝置進行上網的使用者，一般都會有不甚 愉快的使用經驗，常見問題包含觀看速度過慢'螢幕太小 需要不斷地捲動翻頁，甚至因為網站編寫網頁所使用的語 言（ActiveX/ Java Applet/ JavaScript)導致根本無法於手持 通訊裝置上正常瀏覽。 為因應日益蓬勃發展的可上網手持通訊裝置，網頁内 〇容供應商也提供了 一些解決方案。例如RSS (Really Simple Syndication)技術，便是使用簡化過的文件編碼格式以減 低資料傳輸的流量與瀏覽器所需要的運算能力。然而這類 的解決方案，往往需要專門再進一步為手持通訊裝置重新 調整網頁格式’對於絕對多數的網頁内容來說，並無法有 效地解決手持通訊裝置瀏覽的問題。因此，以RSS來說， 如第^ 圖所示，該技術僅能提供網頁的標題連結（title link)及其綱要（abstract) ’當使用者欲進一步仔細觀看詳細 〇 内容時’必須點選一超連結（hyper-link)»如第十二圖所示， 點選超連結後仍是連結至供一般個人電腦瀏覽的原始複雜 組成網頁。大多數的網頁内容提供者甚至沒有考慮到手持 通訊裝置的瀏覽需求，因此在網頁上根本沒有提供RSS服 務’完全不適合手持通訊裝置潘j覽。 一般的個人電腦中除了具有Microsoft Windows、 Apple MAC等作業系統外，亦安裝有一瀏覽器（web browser)，所謂的瀏覽器是一種應用軟體，常見的種類有 200939730

Internet ExP|0rer、Firef0X等。瀏覽器主要用來將來自一 遠端網站傳送而來的網頁資料解譯成人類可讀取辨識的展 現形式（human readable format)，例如以文字、圖片、影 像、音樂等型態呈現，而個人電腦端接收到的網頁資料在 未解譯前是採用數位編碼技術組成的二進位資料串 (binary data stream)。除了由遠端網站傳送資訊到用戶的 個人電腦端，很多的應用尚需由用戶端輸出資料至遠端網 站，以獲得雙向的互動，這些會發生在查詢、過濾、驗證 〇 用戶等情況。 為了包裝前述網頁的文字、圖片、影像、音樂等等内 容，並提供用戶互動性，業界制定了一套標準的通訊協定， 即超文字標記語言（HyperText Markup Language, HTML)，這是一種提供網頁編製的語言（makeup丨抓叫叫㊀ for web pages)。請參考第十三圖所示，透過htmL的編 碼（encoding)過程，網站可以把所有的文字、圖片、影像、 音樂，甚至如JavaScript之類的程式碼等内容先行包裝 ©後，再傳送至使用者電腦中的瀏覽器，以瀏覽器解開這些 包裝後，還原原始内容而呈現給使用者。 由於HTML支援多樣性的設計，因此要將各種不同格 式的文字、圖片、影像、音樂等皆嵌入相同網頁内，是相 當簡易的事情。如此一來，對目前大多數的網頁而言，同 一個網址所傳回的畫面中便夾雜有大量的多媒體資料以及 内欲的JavaScript。這對於一般用戶個人電腦中的瀏覽器 來說，並不會造成困擾，而且由於網頁提供者在設計網頁 6 200939730 當時，已經針對使用個人電腦的環境預先進行過最佳化， 故此多樣性的網頁設計，基於原本的單一文件而隨後加入 各種文字、圖表、聲音、影像、互動javaScript、甚至是 Flash Player等外掛物件，讓用戶有了更加豐富的使用感 受’吸引用戶繼續瀏覽與點閱網站中所提供的其他内容。 目前已知技術中，有某些網路服務供應商（丨sp)提供了 代理閘道器（proxy gateway)利用了轉譯器（t「ans|at〇r)的設 計方法，將一個專供個人電腦瀏覽的複雜元件組合而成的 ©網頁，透過轉譯過程濾除一般手持通訊裝置無法瀏覽的語 法，然後再轉發至手持通訊裝置上。此種設計在某種程度 上解決手持通訊裝置完全無法觀看某些網頁的問題，然 而，這僅僅解決軟硬體上瀏覽的相容性問題，經過轉譯、 刪減步驟後，所剩餘的資訊往往不具意義，無助於讓使用 者取得真正想觀看的内容，實際上，當使用者欲㈣某網 頁時，其出發點在於取得當中對他有意義的内容，若最後 的顯示結果非其所需，此類技術亦不具備任何實質助益。 【發明内容】 鑑於前述連線上網的缺點，本發明係提供 通，劉覽網路資訊的方法，透過預先指定一網頁2 :私資訊，使手持通訊裝置能直接觀看使用者所需的訊 心，排除網頁上多餘的廣告及其它非感興趣的内容^ ° ^達成前述目的’本發㈣令該方法包含有下列步驟 建立萃取規則於-網頁萃取伺服器中； _ 7 200939730 該網頁萃取伺服器接受由一手持通訊裝置發出的速線 請求，該連線請求包含一指定萃取規則的指令，· 該網頁萃取伺服器依據前述連線請求，透過網際網路 查詢一目標網頁，並依據所指令的萃取規則，萃取過濾該 目標網頁的内容； 該網頁萃取伺服器將萃取過濾後所得的目標資訊回覆 給手持通訊裝置，供手持通訊裝置直接顯示。 Ο 其中，萃取規則可定義有原始目標網頁之網址、所欲 萃取物件、過濾規則、轉換規則及重新編碼規則等。 透過前述步驟，使用者可客製自己所感興趣的網頁内 容而顯示於一手持通訊上，使用者這一端亦無須預先安裝 任何程式於其個人電腦或手持通訊裝置内，利用網頁萃取 飼服器的擷取功能’即可進行客制化訂製個人網頁的萃取 規貝！’且於母次連線觀看時，亦是同步獲得該目標網頁上 的即時資料》 【實施方式】 請參考第一圖所示，為實施本發明之一系統架構圖， 包含有： —網頁伺服器（Web Server)(10)，為已存在於目前網 際網路上的非特定伺服器，該伺服器提供有複數網頁以供 使用者連線瀏覽，其内容可包含文字、影像、圖片'音樂 等多媒體物件，撰寫建立該網頁的技術包含但不限制於以 8 200939730 下數種.WAP、HTML、CSS、JavaScript、PHP、JSP、 XHTML、XML、DHTML ' JASP、ASP、PERL、Flash。 一網頁萃取伺服器（Web Page Capture Server)(20)， 係可供用戶登錄並辨識登入者的身分，該網頁萃取伺服器 (20)可連線至前述網頁伺服器（10); 一用戶端主機（30)，係透過網際網路連線至前述網頁 萃取词服器（20)，以於網頁萃取伺服器（20)上建立並編輯 複數個不同的客製萃取規則，各萃取規則中可定義原始目 ©標網頁、所欲萃取物件、過濾規則、轉換規則、重新編碼 規則等’可自網頁伺服器（10)内其中一對應的原始目標網 頁上棟取出目標資訊（content of interest)，而非該網頁内 的全部資訊内容，其中該用戶端主機（30)可為一般的個人 電腦； 一手持通訊裝置（40)，為一具有顯示螢幕、操作介面 及上網能力的通訊裝置，例如手機或個人數位助理（pdA)， 操作介面可包含但不限制於鍵盤、觸控螢幕及按鍵，上網 ©連線功能包含但不受限於Dialup、WLAN、GPRS及3G 等’可連結至前述網頁萃取伺服器（2〇)並藉由已預先建立 的萃取規則連線至該網頁伺服器（1〇)以觀看該目標資訊。 請進一步參考第二圖所示’為更詳細解釋本發明的具 體技術’故輔以一流程圖加以說明，本發明以手持通訊裝 置瀏覽網路資訊的方法主要包含兩階段，第一階段是建立 萃取規則’第二階段是以手持通訊裝置（4〇)瀏覽網頁資訊， 其中在建立萃取規則階段包含有以下步驟 9 200939730 料至網頁萃取词服器（201)，請參考第三圖所示，使 用者藉由用戶端主機（30>經網際網路連線到網頁萃取伺服 器（20) ’利用已經預先註冊取得的個人帳號（21)及密碼⑽ 且入到網頁萃取伺服器(2〇)，若同一位使用者曾經登入過， 亦可以透豸cookie紀錄方式，直接進人已登人晝面。 指定一目標網址予該網頁萃取伺服器（2〇2)，請參考第 四圖所示，备使用者順利登入該網頁萃取伺服器（2〇)後， 係可執行該網頁萃取伺服器（2〇)所提供的網頁萃取功能 © (23)(Capture from Web ρ3_，執行此項功能後先將 目標網站的網址（web address)輸入，網頁萃取伺服器（2〇) 將會先去抓取此網址所對應網頁的全部資訊，並回傳予於 用戶端主機（30)上，並以圖形化介面方式（GLM)展現給用戶 目前此個網頁所有組成的物件。 鎖定目標資訊（203)，假設使用者指定的目標網址為 http://finance.yah00.C0m/，網頁萃取伺服器（2〇)在收到此 要求後，將自動連線到該網址所代表之網頁，並將該網頁 ©所有物件取回分析，分析後的結果回傳至用戶端主機（3〇) 顯示，在此過程令，網頁萃取伺服器（2〇)已經自動預先分 析整個目標網頁的組成元件，並且將每個物件編號，請參 考第五A圖及第五B圖所示，當用戶使用滑鼠移動到任一 個可選取的物件上時，將會自動顯示出一選取外框（24), 該選取外框（24)在畫面上可用一粗紅色實線框表示其選取 範圍；例如在第五A圖的下半部，滑鼠移動到一線型圖物 件時，該線型圖物件將自動出現一選取外框（24)，表示該 10 200939730 &件可供選取，同理，如第五B圖的下半部，當滑鼠的游 標移動到其他物件時，例如一新聞區塊，該新聞區塊將自 動出現選取外框（24)。於確認選取的物件之後，該用戶 端主機（30)發出一指令予網頁萃取伺服器（2〇)，而將此選 取的物作鎖定為目標資訊，此一被選取的物件即是在後續 階段中’欲利用手持通訊裝置（40)連線觀看的目標資訊。 預覽選取之目標資訊（2〇4)，如第五b圖的左上角所示， 當選定好物件後’可在此訂製功能的頁面上展示一預覽區 〇域（25)供使用者確認’若預覽的内容確認無誤後，可對此 次的設定作業命名’據此建立一對應該目標網址内所包含 之目標資訊的萃取規則（26)，如第六圖所示，即是於網頁 萃取伺服器（20)上已完成建立複數個萃取規則（26)，各萃 取規則（26)可任意指定有一圖示。 於萃取規則（26)建立完成後，使用者便得以利用該手 持通訊裝置（40)檢視網頁資訊，於第二階段中包含有下列 步驟： © 登入網頁萃取伺服器（205)，如第七圖所示，係以手持 通訊裝置（40)發出一連線請求，該連線請求為一符合HTTP 或HTTPS等通訊協定的請求，藉此連接到該網頁萃取伺 服器（20) ’並於一登入頁面上輸入使用者正確的個人帳號 (21)及密碼（22)，或者使用cookie直接進入登入狀態。 指定萃取規則（206)，請參考第八圖所示，當網頁萃取 伺服器（20)確認手持通訊裝置（40)順利完成登入作業後， 則可進入使用者於網頁萃取伺服器（2〇)中的個人操作環 11 200939730 境，於此操作環境下可顯示在前一階段已經建立好的客製 化萃取規則（26)，可透過該手持通訊裝置（40)選擇一欲連 結的萃取規則（26);請參考第九圖所示。網頁萃取伺服器（2〇) 除了可由使用者自己預先建立萃取規則（26)之外，亦可針 對較為常用的資訊、網頁等預先設計好萃取規則提供額外 的公用萃取規則（26A)，例如天氣、路況、新聞及股市等， 提供更方便快速的連線捷徑，供使用者直接點選。 顯示目標資訊（207)，如第十圖所示，無論是使用者自 〇 己建立的客製萃取規則（26)或是公用萃取規則（26A),當選 定完成後，該網頁萃取伺服器（20)會依據萃取規則（26)(26A) 的網址連線到該網頁伺服器（1 〇)，令使用者的手持通訊裝 置（40)僅看到預先鎖定的目標資訊，本實施例中是以一線 型圖物件為例，如此一來，便可濾除在同一網頁中其它不 必要的多餘資料’確保在手持通訊裝置（40)的小型顯示畫 面上能方便的觀看所感興趣的物件。 以上步驟即為本發明之實施範例與流程。又上述之鎖 ❹定目標資訊（203)步驟於程式實作上，可採取如下的方法。 例如目標網頁的撰寫語言為HTML，則網頁萃取伺服器（2〇) 取回該網頁後，先通過HTML的語法分析器，以解析出 原始網頁中所有内嵌的物件。經過此步驟後，便可取得所 有組成物件的清單，再將各個物件依次編號造冊。其後， 依照物件的特性與可選取性，仿照原先晝面的版面編排， 重新產生一個由JavaScript所撰寫的新畫面，並將上步驟 所產生的清單中物件依次加入新版面，如第五A圖及第五 12 200939730 B圖所不加入新畫面過程中一併為各個可選取物件加上 勞幕座b範圍6又定，當滑鼠移動至範圍内時即出現可選取 外框（24)，以及點選時可紀錄該物件的編號並回傳至網頁 萃取伺服器（20)的程式邏輯。 當用戶點選某物件後’該物件的編號將回傳至網頁萃 取伺服器（20)。由於該物件編號已經預先在先前建立的物 件清單中連結了原始網頁登入過程、網頁操作流程、網頁 資訊S求物件...等等相關資訊，因此網頁萃取祠服器（2〇) ❹可以依照所有的相關資訊建立一個專屬於存取該物件所需 的流程，以及存取到該原始網頁後所需的後續過濾、萃取 該物件需要的步驟。最終此套過程可以存檔於用戶所命名 的萃取規則，以便下次需要時’可以重新執行此萃取規則， 然後取得該物件的即時更新資訊。以上說明僅闡述可能的 實施做法之一，實務上達成上述過程的等效程式邏輯有許 多的可能性。 本發明利用數個預先設計或者客戶自行訂製的萃取規 ©則搭配一網頁萃取伺服器提供筛選後的資訊，俾使手持通 訊裝置例如手機、PDA等能利用其顯示晝面即可觀看所需 資訊的全貌，相較於現有的連線上網作法，本發明的優點 係具有： 1·使用本發明的訂製方式，用戶端無須預先安裝任何 程式於其個人電腦或手持移動裝置内。而是透過網頁萃取 伺服器的擷取功能，即可進行客制化訂製個人網頁的萃取 規則。如此可以避免使用不同軟硬體所造成的相容性問 13 200939730 題，同時對用戶端來說，可將操作的複雜度降至最低。 2·藉由本發明的訂製個人網頁作法每位用戶在不需 要自行撰寫程式的狀況下，可以方便的創造專屬個人的萃 取規則，達成網頁内容轉譯自動化。 3.網頁萃取伺服器在用戶訂製個人網頁過程中已預 先解析並將原始目標網頁中的各個物件編號與列表。當用 戶4製成為萃取規則時’選取的物件會被紀錄其特定編號 代碼，因此往後透過手持裝置顯示目標資訊時，網頁萃取 〇飼服器會依此物件編號去重新抓取最新即時的内容。因此 萃取規則並非舊有技術僅止於對於原始目標網頁的刪除與 重新格式化，而是對整體網頁構成物件的分析、過濾、提 取最新内谷、重組、與編排。此創新的做法對於新聞、即 時報價等等時刻變動的網頁，亦可獲得最新的資訊。 4_用戶端可有效運用以手持通訊裝置進行上網的時 間由於用戶可先利用個人電腦編輯、建立符合自己需求 的連線資訊，當使用一手持通訊裝置上網後便是立即進入 ❹該目標資訊的所在位置’有效節省用戶層層進入網頁、移 動網頁畫面、執行連結等待網頁轉換等繁項的操作過程， 不僅可有效降低多餘的操作時間，亦大幅降低使用者連線 上網的費用。 5_由於各式各樣的手持式裝置的顯示規格、運算能 力、輸入方法、連線速度有著非常大的差異欲在目前的 網際網路環境中劉覽原為個人電腦編排的網頁極其困難。 但透過本發明之客制化訂製個人網頁的過程後，可以取得 200939730 劉覽可讀性的重大改進’最終展現的結果亦可以滿足每個 人所使用的不同手持裝置，取得每個人所不同喜好的資 訊0 综上所述，本發明實一極具新穎及具備顯著功效增進 的發明，於符合專利要件前提下，爰依法提出申請。 【圖式簡單說明】 第一圖：係實現本發明之一系統構圖。 〇 第二圖：係本發明之流程圖。 第二圖：係本發明連線至一網頁萃取伺服器之登入頁 面。 第四圖：係本發明連線至網頁萃取伺服器後開啟網頁 萃取功能之操作頁面。 第五A、五B圖：係本發明於一網頁上鎖定目標資訊 之操作頁面。 第六圖：係本發明於一網頁萃取伺服器上建立複數個 〇萃取規則的畫面示意圖。 第七圖··係本發明以一手持通訊裝置連線至一網頁萃 取伺服器中執行登入的操作頁面。 第八圖：係本發明以手持通訊裝置連線至一網頁萃取 飼服器中後指定客製萃取規則的操作頁面。 第九圖：係本發明以手持通訊裝置連線至一網頁萃取 词服器中後指定預設萃取規則的操作頁面。 第十圖··係本發明以手持通訊裝置連線至萃取規則的 15 200939730 - 示意圖。 第十一圖：係以RSS技術提供標題連結（tme)及其綱 要（abstract)的一網頁。 第十二圖：係點選第十一圖其中一標題連結後所連結 的一本文網頁。 第十三圖：係一兼具文字、圖片、影像等多媒體形態 的網頁。 0 【主要元件符號說明】 (10)網頁伺服器 (20) 網頁萃取伺服器 (21) 個人帳號 (22) 密碼 (23) 網頁萃取功能 (24) 選取外框 (25) 預覽區域 〇 (26)萃取規則 (26A)公用萃取規則 (30)用戶端主機 (40)手持通訊裝置

Claims (1)

1. 200939730 十、申請專利範園： 1 . 一種以手持通訊裝置瀏覽網路資訊的方法，包含： 預先建立萃取規則於一網頁萃取伺服器中，該萃取規 則至少包括一目標網頁之網址及欲萃取之目標資訊； 該網頁萃取伺服器接受由一手持通訊裝置發出的連線 請求，該連線請求包含一指定萃取規則的指令； 該網頁萃取伺服器依據前述連線請求，透過網際網路 查詢該目標網頁，並依據所指令的萃取規則，萃取過濾並 ❹ 重新組合該目標網頁的内容； 該網頁萃取伺服器將萃取過濾後所得的目標資訊回覆 給手持通訊裝置，供手持通訊裝置直接顯示。 2·如申請專利範圍第1項所述以手持通訊裝置瀏覽 網路資訊的方法’該網頁萃取伺服器中所建立的萃取規則 為該手持通訊裝置之使用者其自行建立的客製萃取規則。 3·如申請專利範圍第1項所述以手持通訊裝置瀏覽 網路資訊的方法’該網頁萃取伺服器中所建立4的萃取規則 〇為該網頁萃取伺服器端自行建立的公用萃取規則。 4·如申請專利範圍第2項所述以手持通訊裝置瀏覽 網路資訊的方法’該客製萃取規則之建立步驟包含： 以一用戶端主機透過網際網路連線至該網頁萃取伺服 器； 該用戶端主機指定一目標網址予該網頁萃取伺服器， 7網頁萃取飼服器先去抓取此網址所對應網頁的全部資 訊’並回傳予該用戶端主機； 17 200939730 鎖定目標資訊，該用戶端主機發出一指令予網頁萃取 伺服器，係於前述網頁的全部資訊當中鎖定部分内容為目 標資訊。 5 .如申請專利範圍第4項所述以手持通訊裝置瀏覽 網路資訊的方法’該客製萃取規則之建立步驟進一步包 含： 預覽選取之目標資訊，該網頁萃取伺服器係提供一預 覽功能以於該用戶端主機上顯示鎖定目標資訊。 〇 6 .如申請專利範圍第4項所述以手持通訊裝置劉覽 網路資訊的方法，於鎖定目標資訊之步驟中，該網頁萃取 伺服器係分析該網頁的全部資訊而加以物件化，並提供一 選取外框的功能以允許用戶端主機以該選取外框鎖定目標 資訊。 7 .如申請專利範圍第4項所述以手持通訊裝置瀏覽 網路資訊的方法’於該用戶端主機透過網際網路連線至該 ❹ 網頁萃取飼服器時，該用戶端主機傳送個人帳號及密碼以 登入至該網頁萃取伺服器。 嘲路^如巾料利㈣第1項所述以手持通訊裝置劉覽 辦路資訊的方法，主、 作介面及置為—具有顯示螢幕、操 乍介面及上網能力的通訊裝置。 網路:二m範圍第1項所述以手持通訊裝置瀏覽 合二 次HTTPS協定的請求。 1 〇 .如申請專利範圍第 巧所迷以手持通訊裝置瀏 200939730 覽網路資訊的方法，建立該目標網頁的技術包含WAP、 HTML、CSS、JavaScript、PHP、JSP、XHTML、XML、 DHTML、JASP、ASP、PERL 或 Flash。 1 1 .如申請專利範圍第1項所述以手持通訊裝置瀏 覽網路資訊的方法，各萃取規則進一步包含：過滤規則、 轉換規則及重新編碼規則。 十一、囷式：

   如次頁

   19