TWI248002B - System and method of web-based editor for compound documents - Google Patents

Description

1248〇〇2 九、發明說明： 【發明所屬之技術領域】 本發明係有關於一種線上網頁編輯系統與方法；特別是有關於一種結 合多種播案類型使之成為適於網路潘|覽的複合文件（c0D1p0uncj documents) 樓案之線上網頁編輯系統與方法。 【先前技術】 與本發明相關之先前技術令，一種可於網路上直接檢視檔案文件内容 的方法，其係將檔案文件内容以類似網頁内容的方式呈現。此方法利用網 頁瀏覽器（web browser )本身或是結合安裝於電腦系統中的不同應用程式， 使用者可以輕易地開啟並檢視各種檔案格式的檔案内容，其中可開啟之檐 案袼式並不限於文字檔（*.txt)，其可以是* X1S (excel檔案）、* mdb (咖娜 檔案）、*.doc (word 檔案）、*.ppt (powerpoint 檔案）、*.txt (文字檔）、*.rtf (文子檔）、*.wri (文字擋）、*.pdf (電子書）、*上加（網頁檔案）、* emi (郵件）、*.url (網址）、*.asp (動態網頁）與_般圖擋（*jpg、* gif、* bmp) 等各種格式之檔案，，藉由瀏覽器呼叫相對應之電腦應用程式來開啟、檢視 各種檔案内容。 然而，在前述先前技術_結合網路瀏覽器檢視各式檔案文件的方法， 其係結合不同檔案格式資料之瀏覽，但是此方法必須藉由相關軟體（例如： word、excel、PowerPoint)來開啟、檢視檔案，因此在使用上較為不方便； 此外，假設使用者僅需檢視一個excel檔案的其中一個頁面（sheet)、或是 開啟一個poweipoint檔案的其中一張投影片（slide)時，若是藉由前述技 術中呼叫相關應用程式來開啟整個檔案而無法分頁預覽，不僅較為費時且 造成使用者不方便之情況。 【發明内容】 基於前述技術中所發現的問題，本發明目的之一係為提供一種能結合 1248002 多種樓案類型使之成為適_路職的複合文件檔義頁編輯系統盘方 法，使用者可以料__龄上傳至個人麟區，其後透過編輯系統 可以將各種不隨雜摘難賴成HTML(敎件標示語言咖的加 Markup Language)檔案格式資料，亦可以Μ (可延伸式禪示語十. extensible Markup Language)檔案格式資料儲存成單一封裝檔案^使二^需 透過網砂顧⑺如·· Internet Εχρ1·)即可以職及·，在編輯文件 檔案時，編輯系統具備預覽的介面。 此外，本發明另-目的係為藉由複合文件檔案網頁編輯系統與方法， 將個人資料區中的文件檔案透過編輯系統分頁_、文件隱藏、更改文件 之標題；其中，編輯系統的操作介面係以直覺式拖矣（draganddr〇p)來加 以編輯，使用者可以將文件由「個人資料區」拖良至「文件整合區」，並且 可以調整文件之順序。簡言之，編輯系統可以整合不_案類型之劉覽、 編輯與樓案格式轉換。 【實施方式】 本發明的一些實施例會詳細描述如下。然而，除了詳細描述外，本發 明還可以廣泛地在其他的實關施行，且本發賴細不受限定，其以之 後的專利翻為再者，為提供更清楚的描述及更易理解本發明，圖式 内各部分並沒有依照其相對尺寸繪圖，某些尺寸與其他相關尺度相比已經 被誇張，不相關之細節部分也未完全繪出，以求圖式的簡潔。 、綜上所述，本發明係提供一種能結合多種檔案類型使之成為適於網路 瀏覽的複合文件檔案之網頁編輯系統，使用者可以將不同類型的檔案上傳 至個人資料區，其後透過編輯器可以將各種檔案格式不同的檔案轉換成 HTML標案格式，亦可以檔案格式存成單一封裝檔案，使之僅需透過 劉覽器即可以預覽及開啟，而上述之不同標案包含：(p〇w师檐 案）、*.doc (word 檔案）、*.xls (excei 檔案）、(單一封裝網頁）、一 般圖檔（*.bmp、*.jpg、*.gif、*.png)。 1248002 第一圖係為根據本發明一具體實施例網頁編輯系統之簡要示意圖，其 中110為用戶端（client)、12〇為词服器端（se而）。用戶端11〇具有各式 文件資料111、瀏覽器H2，而伺服器端12〇具有檔案上傳模組12卜檔案 轉換模組122、文件暫存區123、個人網路資料夾124，其中用戶端110係 藉由檔案上傳模組121將各式文件資料lu上傳至伺服器端12〇，上傳文件 負料之步驟係利用網路標準文件（RequestF()rC()mments;1867以有 線（wire-based)或無線（Wireless)網路連接方式藉由HTML標示語言來 上傳檔案，也就是「Form-based File Upload in HTML」。 A _為根據本發明—具體實施綱頁編輯系統的流

程圖。首先’參考第二A ®所示，用戶端藉由檔案上傳模組上傳文件資料 至祠服器端（步驟211 )，接著，透過檔案轉換模組將文件資料轉換成html 格式之檔案（步驟212 )，此文件轉換模組係利用Micr〇s〇ft 〇ffice χρ的c〇M 元件（COM Component)將檔案轉存成HTML格式的檔案，其中c〇M係 為元件物件模型（Component Object Model”再接著，將轉換成HTML格 式之檔案儲存至文件暫存區（步驟214)，每次的轉檔步驟都會產生一資料 ，（folder)及相對應的HTML檔案、圖片檔或其他相關的Μ檔案；接 著，可以選擇將這些檔案資料儲存至個人網路資料夾（步驟215)或是以 XML格摘標案儲存成單-封裝;^ (步驟216)，於是便可以透過網頁測覽 器觀看這些文件資料（步驟217)。此外，我們亦可以將各種標案類型的文 件資料製作颜合讀髓，實騎驟如下··用戶·由難上傳模組上 傳文件資料至彳狐H端（步驟211);接著，透過财轉換模組將文件資料

轉換成HTML減讀案（轉212);再㈣，我墙這雜換成HTML 格式之檔案加以製作、編輯複合文件（步驟213)，例如，選取p_^〇int 檔案其中幾個所需的頁面（slide)或excel檔案其中幾個所需的頁面（sheet)， 接著，將财儲存至文件暫存區（步驟214);然後，可以選擇將這些檔案 資料儲存至網路個人資料夾（步驟215)或是以狐袼式的播案储&成單 一封裝檔（步驟216)，於是便可以透過網頁瀏覽器觀看此複合文件資料（ 驟 217)。 ’ 1248002 參考第二B圖所示，我們亦可選擇從個人網路資料夾取得相關文件資 料（步驟221);接著，編輯文件資料（步驟222);然後，將檔案儲存至文 件暫存區（步驟214);然後，可以選擇將這些檔案資料儲存至網路個人資 料央（步驟215)或是以xml格式的檔案儲存成單一封裝檔（步驟216)'， 於是便可以透過網頁瀏覽器觀看文件資料（步驟217)。 以下將舉一實際應用的範例來說明上述將文件資料轉換成html格式 檔案之步m將-個投影片職（*ppt)轉換成HTML髓，其係 ，用MSOffice XP巾的C0M元件產生一個資料失及許多相關的*htmi、 jpg、^gif、txml ;接著，取得此投影片檔案每一投影片頁面（slide)之 貝成，例如·每一頁面的標題。再接著，將這些資訊結合轉檔後所存放的 相對路徑，寫到另-個舰檔案中；_，我們也可以轉換其他類型的播 案’並寫入此XML檔案中。有了此一 標案，才能知道轉微的所有 为布路徑及其描述（檔名、標題），透過此編齡麟提供的顧者介面， 便能操作編輯順序、修改標題等功能。 接著，，了更清楚地說明上述適於網路剧覽的複合文件檔案網頁編輯 系統，如第三®所示係為根據本發明—具體實施例之網頁編輯祕各項主 要功能列。編輯系統的使用者介面包含三個主要區域，31〇 $文件整合區、 320為個人資料區、330為文件預覽區，其中文件整合區31〇用以編輯各式 文件資料，個人資料區320用以顯示顯示用戶端之文件資料，而文件預覽 區330用以預覽文件資料之檔案内容^ 如第四圖所不’其係為根據本發明—具體實施例之網頁編輯系統用以 說明文件資料上傳之魏，其巾當執行±傳檔案的步糾，編輯系統會開 啟-網頁對活框’上傳檔案的步驟係利用網路標準文件（R叫福加 Comments ’ RFC) 1867以有線或無線網路連接方式藉由HTML標示語言來 上傳樓案’也就疋「Form-basedFile UploadinHTML」。如第五圖所示，其 係為根據本發明-具體實_之網頁編輯系_以說明文件寵之功能， 1248002 當各類型格式的檔案藉由編輯系統轉換成HTML格式的檔案之後，便可以 透過網頁劉覽器（例如：Internet Explorer )來預覽文件樓案。 如第六圖所示，其係為根據本發明一具體實施例之網頁編輯系統用以 說明文件編輯之功能，其中個人資料區320中的文件檔案轉換成HTML格 式的檔案後，可以透過編輯系統分頁預覽，例如第六圖中的投影片檔案 (*.ppt)，透過編輯系統可以將之分成不同的頁面：「速成範例」、「產品製 造分析」、「運輸費用分析」、「員工值班表」、「營運資金管理」、「證券投資 組合」以及「電路設計」。上述之文件編輯、分頁預覽的步驟，其内部機制 係藉由編輯系統係將各個頁面的檔名以及所存放的相對路徑（relative URL path)寫入描述著所有上傳文件資料檔的xml檔案中，最後利用一壓縮機 制（zip)將之壓縮成單一檔案。使用者可以透過此編輯系統所提供的使用 者介面，連接至伺服器端，做「文件順序的編輯」、「標題的更改」、「文件 隱藏與呈現」及「文件的劉覽」。 接著，如第七圖所示，其係為根據本發明一具體實施例之網頁編輯系 統結合電子白板用以說明簡報製作之功能，其申第六圖的最上方的工具列 係為電子白板之輔助功能列710、其他功能列720，因此將各種類型的文件 檔案轉換為HTML格式所帶來的優點之一，便是可以結合電子白板來做更 進一步的樓案編輯、修改的動作。此處需加以說明的是，由於電子白板不 是本發明著重的部分，將不特別花費篇幅介紹。 雖然本發明已以若干較佳實施例揭露如上，然其並非用以限定本發 明，任何熟習此技藝者，在不脫離本發明之精神和範圍内，當可作些許之 更動與潤飾’因此本發明之保護當視後附之中請專利範圍所界定者為 準。 【圖式簡單說明】 本發明的許多觀點可以參考以下的圖式而更加清楚的了解。相關圖式 1248002 此外，使用數字 ^圖係為根據本發明一具體實施例網頁編輯系統的簡要示意圖； 第-A圖至第二；6圖係為根據本發明一具體實施例網頁編輯系統的流 程圖； 第三圖係為根據本發明一具體實施例之網頁編輯系統各項主要功能 列； 第四圖係為根據本發明一具體實施例之網頁編輯系統用以說明文件上 傳之功能， 第五圖係為根據本發明一具體實施例之網頁編輯系統用以說明文件預 覽之功能； 第六圖係為根據本發明一具體實施例之網頁編輯系統用以說明文件編 輯之功能；以及 第七圖係為根據本發明一具體實施例之網頁編輯系統結合電子白板用 以說明簡報製作之功能。 【主要元件符號說明】 110用戶端 111各式文件資料 112瀏覽器 120伺服器端 121檔案上傳模組 122檔案轉換模組 123文件暫存區 124個人網路資料夾 130上傳文件資料 310文件整合區 320個人資料區 11 1248002 330文件預覽區 710輔助功能列 720其他功能列

Claims (1)

1248002 十、申請專利範圍： 1·一種適於網路瀏覽的複合文件檔案線上網頁編輯方法，包含： 提供一使用者介面，該使用者介面具有一個人資料區、一文件整合區 以及一文件預覽區，其中該個人資料區用以顯示一用戶端之複數個文件資 料、該文件整合區用以編輯該複數個文件資料，而該文件預覽區用以預覽 該複數個文件資料之内容； 藉由一檔案上傳模組將該複數個文件資料傳送至一伺服器端，其中該 伺服器端具有一檔案轉換模組、一文件暫存區、一個人網路資料夾以及該 檔案上傳模組； x 藉由該檔案轉換模組將每一該複數個文件資料轉換為一網頁資料文件 (web document)，其中該網頁資料文件包含一資料夾、一第一標示語言格 式資料、一影像檔以及一第二標示語言格式資料；以及 儲存該網頁資料文件該文件暫存區。 2·如申請專繼圍第1項所述之適於網路種的複合文件齡線上網頁編 輯方法，更包含： ， 將該網頁資料文件儲存至該個人網路資料夾；以及 於該文件預覽區檢視該網頁資料文件。 輯方法，更包含： 3.如申請專利細第1項所述之適於網路概的複合文件_線上網頁編 藉由該樓案轉換模組將該網頁資料文件轉換為一單一封裝播案，其令 該單一封裝檔案係為一 -種以可延伸式標示語言為基礎（)的複合 文件檔案； 儲存該單一封裝檔案至該個人網路資料失；以及 於該文件預覽區檢視該單一封裝檔案。 ;以及 A » L ^ -fe ^ .t JbAr r*n A-V 一

13 1248002 *.doc ( word 樓案）、* xis (excei 播案） (*.bmp、*.jpg、*.gif、*png)。 *.mht (單一封裝網頁）、一般圖檔 第1項所述之適於網路劉覽的複合文件樓案線上網頁編 輯方法，其t該第-標雜言格式資科_—超請標雜言（html ; HyperText Markup Language)袼式資料。 6:如申請辅顧第丨項職之適_路觀賴合文件職線上網頁編 輯方法’其t雜二赫語言格式資料係為_可延伸式標祕言（鼠； extensible Markup Language )袼式資料。 如申請專讎圍第2項所述之適於網路職的複合文件職線上網頁編 輯方法，#中檢視該網頁資料文件係利用_網詞覽器（滅⑽丽）。 8.如申請專利制第3顧述之適於網路觀的複合文件儲線上網頁編 輯方法，其中檢視該單一封裝檔案係利用一網頁瀏覽器。 9:如申請專利細第1項所述之適於網路戰的複合文件齡線上網頁編 輯方法，其中該檔案上傳模組係利用網路標準文件（处^ ; Request f〇r Comments) 1867以有線或無線網路連接方式來上傳該複數個文件資料。 1〇·如申請專利範圍第1項所述之適於網路瀏覽的複合文件檔案線上網頁編 輯方法，其中該檔案轉換模組係利用Mier〇s〇ft 〇ffiee之元件物件模型 (COM ; Component Object Model)來轉換該複數個文件資料。 11·如申請專利範圍第1項所述之適於網路瀏覽的複合文件檔案線上網頁編 輯方法，其中當每一該複數個文件資料轉換為該網頁資料文件之後，進行 一編輯該網頁資料文件的步驟。 1248002 12·^ e WjH® $ u項所述之適於網路劉覽的複合文件健線上網頁 編輯方法’其巾·_步驟包含：赃賴㈣料文件之順序、更改該 網頁資料文件之標題、隱藏軸職敎件、分f繼細κ資料文件。 13·-種適於網路_的複合文倾案線上網頁編輯祕，包含： 一用戶端，具有複數個文件資料以及一網頁瀏覽器； -使用者介面’具有-個人資料區、—文件整合區以及_文件預覽區， 其中該個人資料區肋齡該複數個文件倾、敎件整合 複數個文件資料，而敎件職區㈣龍該複數敏件轉之内容；以 及 -舰ϋ端，具有-檔案轉換模組、—文件暫存區、—個人網·路資料 夾以及-髓上傳模組，其中麵案上傳模組侧來將該複數個文件資料 上傳至該個人資料區，雜雜賴組伽祕每—職數敏件資料轉 換一網頁資料文件（web document)，該網頁資料文件包含一資料夾、一第 一標示語言格式資料、一影像檔以及一第二標示語言格式資料: 14·如申請專利細第13項親之適於_概的複合文件儲線上網 編輯系統，其中該第一標示語言格式資料係為一超文件標示語言'(html ; HyperText Markup Language )格式資料。 15.如申請料m®第13獅述之適於__的複合文件 編輯系統’其中該第二標不s吾s格式資料係為一可延伸气把_ : (XMT, · extensible Markup Language )格式資料。 16.如申請專利範圍第13項所述之適於網路劉覽的複合 編輯系統，其中該複數個文件資料係選自下列族群· * 虽…、網頁 t) ^ ^,00 (w〇rd^)-，1S (excei . (·^7ΐ^Γ -般_ (*.bmp、*.jpg、、*嗍）。 卞部件、顺封存）、 15 1248002 刚13項所述之適棚路概的複合請健線上網頁 編輯系統，其中該文件預覽區係藉由綱頁姆絲檢機㈣資料文件。 18士申請專利細第13撕述之適於_職的複合文件職線上網頁 編輯系統，其令該樓案上傳模組係利用網路標準文件⑽C ;吻祕如 Comments)鑛財線絲__财絲场該缝做件資料。 19.如申請專利細第13項所述之適於網路觀的複合文件齡線上網頁 編輯系統’其令該難轉換模組*係利用Mie_ft ΟΙ之元件物件模型 =〇M ; Component 0_Model)來將每一該複數個文件資 頁資料女株。 20·如申請專概圍第13賴狀適___複合文件顧線上網頁 編輯系統，其t顧雜換模_以將該網„料文件轉換為—單一封裝 檔案該單-封裝檔案係為一種以可延伸式標示語言為基礎（测 的複合文件檔案。 21.如申請專概圍第2〇項所狀適_路概的複合文件儲線上網頁 編輯系統，其中該文件預係齡該網__來檢視該單—封裝檔案。 22十申請專概圍第13項所述之適於網路概的複合文件職線上網頁 編輯系統，其中當每一該複數個文件資料轉換為該網頁資料文件之後，該 文件整合區係用以編輯該網頁資料文件。 ~ 23.如申請專概圍第22項所述之適_路_的複合文倾絲上網頁 編輯系統，其令該編輯的功能包含：調整該網頁資料文件之順序、更改該 網頁資料文件之標題、隱藏該網頁資料文件、分頁瀏覽該網頁資料文件f 16