TW200907703A - Method and system for editing web data - Google Patents

Description

200907703 玖、發明說明： 【發明所屬之技術領域】 本發明係關於一種網頁編輯方法及其系統，尤其是一 種可將網路資訊進行編輯，並可傳送至各種電子裝置之網 頁編輯方法及其系統。 【先前技術】 先前技術之網頁編輯係由設計者使用網頁編輯軟體（如 FrontPage、Dreamweaver等）進行，其需具備相關操作與設 計知識，因此並非每個人皆能熟練地進行網頁編輯。而當 編輯網頁時’各網頁頁面係皆由設計者從現有之4當案貧料 中逐一產生，因此傳統之網頁編輯相當耗時。 另外，先前技術中提供一種操作簡便之個人化網頁， 系統業者提供許多固定素材或資訊（如月曆、氣象、版面、 新聞等）供使用者挑選，然而，此種個人化網頁中可進行編 輯之内容有所偈限，使用者並無法隨心所欲地利用現有網 路上的各種資訊以進行網頁編輯。 此外，先前技術中提供一種可從網路中直接擷取資訊 以進行網頁編輯之方法，然而其主要係擷取文字、圖片資 訊，且編輯完成之網頁並無法直接傳遞並顯示於各種電子 裝置（如PDA、手機）。 因此，有必要提供一種網頁編輯方法及其系統，以改 善先前技術所存在的問題。 200907703 f發明内容】 本么明之目的係在提供一種網頁 路資訊，行編輯，並可傳送至各種電子^置法，其可將網 將網:的係在提供-種網頁編輯系統，其可 置。知編輯，亚可將編輯結果傳送至各種電子裝 頁編==上=目的，本發明之網頁編輯方法係用於網 = 訊進行編輯。網頁編輯方法= 至複數資編::面與游標’當游標移 當使用者選取該資訊時，擷“資；;:：呈現標示效果； :;將;f於網頁編輯介面之該資訊設

資，並將編輯資訊顯示於網頁編輯介面;將編輯 貝_換為可供電子裝置判讀之目標編輯資訊；以 目標編輯資訊至電子裝置。 專I 過網二目：用:發明之網頁編輯_^ =丁=，並可將編輯結果傳送至電子展置。網頁編輯系 、、先^括卜員不模組、擷取模組、編輯模組、轉化模組、資訊 ，达模組。其中，顯示模組用以顯示複數資訊、網頁編輯 ，丨面與游標’當游標移至複數資訊之其中之一資訊時，使 該資訊呈現標示效果；當使用者選取該資訊時，榻取模組 擷取该貢訊並顯示於網頁編輯介面；編輯模組用以將顯示 200907703 於網頁編輯介面之該資訊設定至少一參數欠 :並將編輯資訊顯示於網頁編輯介面;轉化=二 供電子裝置判讀之目標編輯資訊= 貝汛傳达杈、、且用以傳送目標編輯資訊至電子裝置。 【實施方式】 為讓本發明之上述和其他目的、特徵和 易懂’下文特舉出本發明之具體實施例，並配合:更月:貞 作詳細說明如下。 口所附圖式， 請先參考圖1，係本發明之網頁編輯系統之 編輯系統1係透過網路90以接收複數資訊;〇:使 其中，稷數資訊嶋為可透過網_傳遞 =訊’如文字資訊、靜態圖像資訊、動態影像資訊1 曰Ή或多媒體資訊等。電子裝置99係為具有螢幕且 置，舉㈣說’1子裝置99麵可攜式電子裝 桌上型個人電腦）。 〜4非可攜式裝置(如 網頁編輯系統i主要包括使用者電腦i〇與網 服益20，使用者電腦1〇與網頁編輯飼服器2〇電性連接輯兴 f可透過網路進行電性連接，使得使用者電腦二 與網頁編輯伺服器20之間可互相傳遞訊息。 尚 200907703 。使用者電腦ίο包括顯示模組u、掘取模組⑽網頁編 輯介面13°其中’網頁編輯介面13包括編輯模幻4。呈中 顯示模組1卜_模組12_輯模組14料敕體程式、，但 本發明並不以此為限。 網頁編輯飼服器20係為提供網頁編輯服務之祠服器， 其包括設備感知模組21、轉化模組22、資訊 使用者資訊資料庫24、電子穿铷衩、、且23 次 电于裝置規格負枓庫25與目標編輯

貝訊貝料庫26。其中，設備感知模組21、轉化㈣22斑資 訊傳輸，組23皆為軟體程式，但本發明並不以此為限了、 接著請-併參考圖1與圖2,圖2係本發明網頁編輯方法 之流程圖。以下便藉由圖丨與圖2以便瞭解本發明之網頁編 輯系統1之實際運作情形： 步驟200 :預備步驟。 當使用者電腦10初次與網頁編輯伺服器2〇連線時，需 提供使用者基本資料，以便建立使用者帳號，使用者基本 U 資料係儲存於使用者資訊資料庫24。當使用者電腦1 〇與網 頁編輯伺服器20連線時，必須進行登入網頁編輯伺服器2〇 的動作，以確認使用者電腦1〇。登入後，方可執行網頁編 輯伺服器20之設備感知模組21、轉化模組22與資訊傳輸模 組23，及讀取使用者資訊資料庫24 '電子裝置規格資料庫 25與目標編輯資訊資料庫26，以便提供個人化服務。 惟須注意的是，此登入網頁編輯伺服器2〇的動作亦可 於使用者電腦10與網頁編輯伺服器2〇電性連接時之任一時 間執行。 200907703 步驟201 :顯示複數#訊、網頁編輯介面與游標，當游標移 至複數資訊之其中之一資訊時，使資訊呈現桿示 效果。 不'、 n併4考圖3，係為顯示晝面之勞幕顯示實施例。使 用者電腦10執行顯示模組11後於使用者電腦10之螢幕上產 生顯示晝面3G。顯示晝面3〇包括複數資訊8()'網頁編輯介 面13與游標15。其中，複數資訊80係為任何可透過網路9〇 傳遞之貝讯。網頁編輯介面13係為係為網頁瀏覽器之外掛 程式，可供使用者於使用者電腦10中編輯複數資訊80，使 用者可透過網頁編輯介面13作初步編輯。 使用者電腦10包括指標器（如滑鼠），其可控制游標Μ 之^置。當使用者將游標15移至複數資訊8〇之其中之一資 訊時，使該資訊呈現標示效果，其標示效果足以讓使用者 了解所欲選取資訊之區域範圍。舉例來說，標示效果係為 底^效果或反白效果，#由不同顏色之底色、不同顏色之 文字，不同字體以區分選取與未選取之資訊。於本實施例 :，複數貧訊80係為文字資訊。當游標15移至文字資訊81 岭，文字資訊81之所在區域呈現反白效果，而未選取之文 字資訊82則維持原狀。 步驟202 :纽时選取該資訊時，娜該資訊並顯示於網 頁編輯介面。 请一併參考圖4，使用者電腦之螢幕顯示實施例。當 使用者決定欲選取已呈標示效果之文字、圖片、影像、或 200907703 :曰寻網UtK時，藉由使用者馳指標器之 ==取該資訊。操取模組12掘取使用者選取資訊^ =言段落，將她己語言儲存於網頁編輯系統1 ”細1〇 ’並將該貧訊顯示於網頁編輯介面13。惟 =思、的是，使用者選取資訊之相對應之標記語言亦可儲 存於網頁編輯伺服器2〇。 於本實_巾’制者⑽取文字f賴，文字資訊 ‘、，、員不於網頁編輯介面13，網頁編輯介面 可供使用者繼續編輯。 又子貝。扎81 步驟203:將顯示於網頁編輯介面之該資訊設定至少一參數 以成為編輯資訊，並將編輯資訊顯示於網頁編 介面。 〜至少-參數係為在標記語言與在多媒體中，所能改變 貝訊特性之各種參數。舉例來說’參數係為文字之字型、 顏色等參數、底色®案參數、顯示大小參數、解析 度芩數、影像壓縮參數等。 由於最終編輯完成的資訊將傳遞至電子裝置99， =種裝置之螢幕大小不同，「顯示大小參數」主要目的即 二L用不同电子裝置99之螢幕大小，如電子裝置99 =腦時，則網頁編輯介面13必須加大，如為手機1需 細小。 使用者可以各種方式調整「顯示大小參數」。舉例來 =網頁編輯介面13可提供一選擇或輸入區域，供使用者 M、顯示大小參數」。舉例來說，當使用者點選或輸入解 200907703 析度「640X480」時，網頁編輯介面13較大；輸入解析度 「320X160」時，網頁編輯介面13較小。此外，網頁編輯 介面13亦可設計為使用者可直接藉由控制滑鼠以改變網頁 編輯介面13四周之邊框以進行調整「顯示大小參數」。 當「顯示大小參數」改變時，資訊内容之文字會依據 電子裝置99之螢幕寬度重新排列’亦即使得每行字數改變 為適合電子裝置99之螢幕寬度，而不會以左右方向之捲軸 方式顯示，以方便使用者閱讀。請比較圖4與圖5之網頁編 輯介面13,圖4之網頁編輯介面13，經設定字型參數、顯示 大小參數等參數後’成為圖5之網頁編輯介面13。於本實施 例中’圖5之網頁編輯介面13之大小係為某型號⑽之營幕 由於網路90所獲取之資訊除了為文字資訊外，亦 ，種多媒體資訊。當欲擷取之f訊為靜態圖像晝面時，束 2包括圖標格式或解析度參數等。舉例來說，可將加 景;；i!:轉：成gif格式的圖檔；當欲擷取之資訊為動態 ^ T4數係包括影像壓縮與編碼等參數。 =參數後之編輯資訊131隨即顯示於網頁編輯介面 :因：面即為傳遞至電子裝置99後其螢幕之 面因此，網頁編輯介面13具有預先劉覽顯示之作用。- 進行中’步獅1至步驟203係於使用者電腦10 之後進行。接i入網頁編輯飼服器20的動作亦可於步驟2〇3 編輯_^〇 ’編1耳貧訊131從使用者電腦1G傳遞至網頁 L ’以便進行後續編輯作業。 200907703 惟須注意的是，步驟2〇 1至步驟203之部份或全部亦可 透過網頁編輯伺服器2〇進行。 步驟204 .藉由設備感知模組，以獲得電子裝置之標記語言 格式與多媒體格式。 當電子裝置99與網頁編輯伺服器2〇電性連接時，網頁 編輯伺服器20之設備感之模組21具有自行偵測電子裝置99 之特性’以獲得電子裝置99所使用之標記語言格式（如 HTML格式、WML格式）與多媒體格式（如3gp格式、MPEG4 格式）等。須注意的是，設備感知模組21亦可偵測電子裝置 99之其他特性，如螢幕顯示格式（大小、解析度等卜型號、 處理器種類等。 设備感知模組21透過偵测資料與電子裝置規格資料庫 25進行比對，以獲知電子裝置99之完整資訊。其中，電子 裝置規格資料庫25係儲存所有赍 整規格特性資訊。"有吊見之各種電子裝㈣之完 行偵測外，網頁編輯介面13亦 點選部分電子裝置99之規格資 除網頁編輯伺服器20自 可設計供使用者自行輸入或 訊（如裴置型號）。 須注意的是，由於設備感知 ί輪模組21自動偵測而獲得時，使用者便不 200907703 有關電子裝置99之規格資訊、使用者喜好設定儲存於 使用者貧訊資料庫24。舉例來說，使用者資訊資料庫24儲 存A人使用之電子裝置99之規格資訊，以方便下次使用。 步驟205 .將編輯資訊轉換為可供電子裝置判讀之目標編輯 資訊。 由於目前各種網頁資訊之格式種類眾多，各種電子裝 =99通常僅可判讀部份格式之資訊。舉例來說，可判讀html 才°式之電子裝置99可能無法判讀WML格式之網路資訊。因 藉由網頁編輯伺服器20之轉化模組22將編輯資訊131 軏換為可供電子裝置99判讀之目標編輯資訊132(如圖6所 示）。 —轉化模組22主要包括標記語言轉化單元與多媒體轉化 元77別用以轉化標§己語言格式與多媒體格式之資訊， ，係根據使用者之電子裝置99而決定適當的標記語言轉化 單元與多媒體轉化單元。舉例來說，當電子裝置99之資訊 ^ 式為 WML、XHTML、XHTML MP、CHTML· 等標記語言 格式，或JPG、GIF、BMP、TIF、WBMP等靜態圖像多媒 ，賁訊，或3gp、MPEG4、WMV、SWF等動態影像多媒體 貝矾時’轉化後之目標編輯資訊132亦為相配合之格式。 經過轉換之目標編輯資訊132儲存於目標編輯資訊資 料庫26。即使使用者電腦1 〇處於關機的狀態，亦可透過網 路使用其他電腦以讀取或編輯先前所編輯好的目標編輯資 。此外，在使用者的允許下，儲存於目標編輯資訊資 料庫26之目標編輯資訊132亦可透過網路以分享至他人使 200907703 用或進行進一步編輯。其中，目標編輯資訊132係可為單一 網頁之型式，或者亦可為由眾多網頁所組成之網站形式。 惟須注意的是，當欲將編輯資訊傳遞至標記語言格式 相同之電子裝置（如筆記型電腦）時，編輯資訊131便相同於 目標編輯資訊132。 步驟206 ··傳送目標編輯資訊至電子裝置。 請一併參考圖6，係電子設備之螢幕顯示實施例。藉由 資訊傳輸模組23將目標編輯資訊132傳送並顯示於電子裝 置99。於本實施例中，電子裝置99係為PDA，目標編輯資 訊132係為文字資訊。 於本實施例中，步驟204至步驟206係於網頁編輯伺服 器20進行。惟須注意的是，步驟204至步驟206之部份或全 部亦可透過使用者電腦10進行。 藉由本發明之網頁編輯方法，可從網路上輕易地擷取 所需資訊，不但可設定參數，且可傳送並顯示於指定之電 子裝置99，其顯示畫面並配合PDA之螢幕大小。 綜上所陳，本發明無論就目的、手段及功效，在在均 顯示其迥異於習知技術之特徵。惟須注意，上述實施例僅 為例示性說明本發明之原理及其功效，而非用於限制本發 明之範圍。本發明之權利保護範圍應如後述之申請專利範 圍所述。 【圖式簡單說明】 200907703 圖1係本發明之網頁編輯系統之架構圖。 圖2係本發明網頁編輯方法之流程圖。 圖3至圖5係使用者電腦之螢幕顯示實施例。 圖6係電子設備之螢幕顯示實施例。 【元件代表符號說明】 網頁編輯糸統1 顯示模組11 網頁編輯介面13 目標編輯資訊132 游標15 設備感知模組21 資訊傳輸模組23 電子裝置規格資料庫25 顯示晝面30、40 文字資訊81、82 電子裝置99 使用者電腦10 擷取模組12 編輯資訊131 編輯模組14 網頁編輯伺服器20 轉化模組22 使用者資訊資料庫24 目標編輯資訊資料庫26 資訊80 網路90

Claims (1)

1. 200907703 拾、申請專利範圍： 1. 一種網頁編輯方法，係用於— 透過-網路以接收複數資訊，1 統’該系統係 該複數資訊進行編輯，並可 H彻該系統將 置’該網頁、簡方法包果傳駐—電子裝 (A) 顯示該複數資訊、一 游標移至該複數資介，:游標，當該 呈現一標示效果；4之時，使該資訊 (B) 當該使用者選取該資訊時， ^ 一 網頁編輯介面； 以貝矾並顯示於該 於該網頁編輯介面之該資訊 以成為一編輯資訊，並將該 ^參數 編輯介面； x、、輯貝訊顯示於該網頁 之一目標 ⑼將該編輯資訊轉換為可供該 編輯資訊丨以及 丁衣置判碩 (E) 傳送該目標編輯資訊至該電子裝置。 2. 如申請專利範圍第！項所述之網頁編方 頁編輯系統包括-使用者電腦與_=，其中該網 中步驟⑷至步驟(C)係於該使用者、谁扁輯飼服器，其 與步驟(E)係於該網頁編輯飼服器進行。仃’步驟⑼ 3. ，申凊專利範圍第1項所述之網 括： 科乃，去’其中更包 (F) =該電子裝置之一標記語言格式與一多媒體格 200907703 4. 如申請專利範圍第！項所述之網頁編輯 數係為一顯示大小參數。 〃、中該參 5. 如申請專利範圍第i項所述之網頁 取之該資訊為靜態圖像晝面時，該參係，其中當擷 數。 "饰為一解析度參 6. 如申請專利範圍第i項所述之網頁編輯 取之該資訊為動態影像晝面時，該中當擷 參數。 /数係為—影像壓縮 7. 如申請專利範圍第i項所述之網頁編輯 不效果係為一底色效果或一反白效果。 /、中忒軚 8·如申請專利範圍第丨項所述之 用者電腦更包括-指標器，該指^其中該使 於步驟⑻中’係藉由該使用者操咖; 或拖曳功能以選取該資訊。 ’、时之占k 9·如申請專利範圍第i項所述之網頁編輯方法， =資訊之格式係為'顺Jp、 CHTML、JPG、GIF、BMP、TiF、WRA/m WMV、或 SWF格式。 ㈣MP、3gp、MPEG4、 專利範圍第1項所述之網頁編輯方法，其中該資 :係為:文字資訊、-靜態圖像資訊、—動態影像資 讯、一聲音資訊或一多媒體資訊。 請專利範圍第1項所述之網頁編輯方法，其中該電 子裝置係為一可攜式電子裝置。 200907703 圍第11項所述之網頁編輯方… 攜式電子裝置係為—手機、一_ =:去，其中該可 13. -種網頁編輯系統- ^己型電腦。 訊’ -使用者可利用該系統將該二：路以接收複數資 可將編輯結果傳送至—電子貝訊進行編輯，並 括： 1子裝置，_頁編輯系統包 一顯示模組’用以顯示該複數資訊、 一游標，當該游許全 ·、同頁、扁輯介面與 時，使今:=至該複數資訊之其中之-資气 使5玄貝矾呈現-標示效果； 貝汛 -擷取模組’當該使用者選取 顯示於該網頁編輯介面；、°、’魏該資訊並 一編輯模组，用以验 _ 定至少一 於該網頁編輯介面之該資訊設 ，数Μ成為一編輯資訊，並二 顯示於該網頁編輯介面； μ、扁輯貝汛 轉化Μ組’用以將該編輯資 判讀之一目標編輯資訊；以i U電子μ 傳送模組’用以傳送該目標編輯資訊至該電子裝 括申明專利圍第13項所述之網頁編輯系統，其中更包 才示冗語言格 没備感知模組，用以獲得該電子裝置之 式與一多媒體格式。 述之網頁編輯系統，其中該轉 匕栝己语言轉化單元與一多媒體轉化單元。 200907703 專利範圍第13項所述之網頁編輯系統，其中該系 統更包括一目標編輯資邱眘粗m '、 資訊。 ‘扁轉貝βί1貝抖庫’用以儲存該目標編輯 ’其中該參 17.如申請專利範圍第丨3項所述之網胃編輯系統 數係為一顯示大小參數。 網頁編輯系統，其中當擷 ，該參數係為一解析度參 18.如申請專利範圍第13項所述之 取之該資訊為靜態圖像晝面時 數。

   19. 如申請專利範圍第13項所述之網頁編輯系統，盆中當擷 取之該資訊為動態影像畫面時，該參數係為—影】 參數。 、 20. 如申請專利範圍第13項所述之網頁編輯系統，其中該標 示效果係為一底色效果或一反白效果。 2L如申請專利範圍第13項所述之網頁編輯系統，其中該使 用者電腦更包括-指標器，該指標器可控制該游標之位 置，5亥使用者係藉由操控該指標器之點選或拖曳功能以 選取該資訊。 22·如申請專利範圍第13項所述之網頁編輯系統，其中該目 標編輯資訊之格式係為WML·、XHTML·、XHTML· MP、 CHTML、JPG、GIF、BMP、TIF、WBMP、3gp、MPEG4、 WMV或SWF格式。 23.如申請專利範圍第13項所述之網頁編輯系統，其中該資 訊係為一文字資訊、一靜態圖像資訊、一動態影像資 讯、一聲音資訊或一多媒體資訊。 20 200907703 24. 如申請專利範圍第13項所述之網頁編輯系統，其中該電 子裝置係為一可攜式電子裝置。 25. 如申請專利範圍第24項所述之網頁編輯系統，其中該可 攜式電子裝置係為一手機、一PDA或一筆記型電腦。