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 _為根據本發明—具體實施綱頁編輯系統的流1248〇〇2 IX. Description of the invention: [Technical field to which the invention pertains] The present invention relates to an online web page editing system and method; in particular, to a combination of a plurality of types of broadcasts to make it suitable for network browsing. Compound file (c0D1p0uncj documents) Online web page editing system and method. [Prior Art] A prior art method related to the present invention, a method for directly viewing the contents of an archive file on the Internet, which presents the contents of the archive file in a manner similar to the content of the web page. This method utilizes a web browser itself or a different application installed in a computer system, and the user can easily open and view the file contents of various file formats, and the file format that can be opened is not limited to Text file (*.txt), which can be * X1S (excel file), * mdb (gana file), *.doc (word file), *.ppt (powerpoint file), *.txt (text file), *.rtf (text file), *.wri (text file), *.pdf (e-book), *plus (web file), * emi (mail), *.url (URL), *.asp (dynamic Webpages and files of various formats, such as _images (*jpg, *gif, *bmp), open and view various file contents by calling the corresponding computer application in the browser. However, in the foregoing prior art method of combining various types of archive files with a web browser, it is combined with browsing of different file format materials, but the method must be opened by related software (for example: word, excel, PowerPoint), Viewing the file is therefore inconvenient to use; in addition, if the user only needs to view one of the pages of an excel file, or open one of the slides of a poweipoint file, if The above-mentioned technology calls the related application to open the entire file without being able to page through the preview, which is not only time consuming but also inconvenient for the user. SUMMARY OF THE INVENTION Based on the problems found in the foregoing techniques, one of the objects of the present invention is to provide a composite file file editing system disk method capable of combining 1248002 multiple types of building types, and the user can It is expected that the __ age will be uploaded to the individual lining area. Afterwards, through the editing system, it is possible to use a variety of HTML files (Marking Language) and Mark (extensible meditation).语十. extensible Markup Language) file format data stored in a single package file ^ make two ^ through the network sand Gu (7) such as · Internet Εχ ρ1 ·) can work and ·, when editing file files, the editing system has a preview interface . In addition, the present invention further aims to use the composite file archive webpage editing system and method to record the file files in the personal data area through the editing system, hide, and change the title of the file; wherein, the editing interface of the editing system is Edited with intuitive drag and drop (draganddr〇p), users can drag files from the "personal data area" to the "file integration area" and adjust the order of the files. In short, the editing system can integrate the non-case type of Liu, editing and building format conversion. [Embodiment] Some embodiments of the present invention will be described in detail below. However, the present invention may be widely practiced in other practical aspects, and the present invention is not limited thereto, and the following patents are turned into further, to provide a clearer description and to more easily understand the present invention. The parts in the drawing are not drawn according to their relative sizes. Some sizes have been exaggerated compared with other related scales, and the irrelevant details are not completely drawn to make the drawings simple. In summary, the present invention provides a webpage editing system capable of combining a plurality of file types into a composite file file suitable for web browsing, and the user can upload different types of files to the personal data area, and then through The editor can convert various files with different file formats into HTML standard format, or save the file format into a single package file, so that it can be previewed and opened only through the browser, and the above different standards include: P〇w teacher file), *.doc (word file), *.xls (excei file), (single package page), general image file (*.bmp, *.jpg, *.gif, *.png) . 1248002 The first figure is a schematic diagram of a web page editing system according to an embodiment of the present invention, wherein 110 is a client (client) and 12 is a word server end (se and). The client terminal 11 has various file materials 111 and a browser H2, and the server terminal 12 has a file uploading module 12, a file conversion module 122, a file temporary storage area 123, and a personal network folder 124, wherein the user terminal The 110 system uploads various file materials to the server terminal 12 by the file uploading module 121. The step of uploading the file negative data is to use the network standard file (RequestF()rC() mments; 1867 to be wired (wire- Based or wireless (Wireless) network connection method to upload files by HTML markup language, which is "Form-based File Upload in HTML". A _ is a flow according to the present invention - specific implementation page editing system
程圖。首先’參考第二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);接著，透過财轉換模組將文件資料Cheng Tu. First, referring to the second A®, the client uploads the file data to the server through the file uploading module (step 211), and then converts the file data into the file in the html format through the file conversion module (step 212). ), this file conversion module uses Micr〇s〇ft 〇ffice χρ's c〇M component (COM Component) to transfer the file into an HTML format file, where c〇M is the Component Object Model. Then, the file converted into HTML format is stored in the file temporary storage area (step 214), and each time the conversion step generates a data, (folder) and corresponding HTML file, image file or other related file. Then, the file data can be selected to be stored in the personal network folder (step 215) or stored as a single-package with the XML-based standard file; (step 216), so that the website profile viewer can view the content. Document data (step 217). In addition, we can also make various types of documents and documents to make a reading, the actual riding is as follows: · User · Upload the file information from the difficult upload module to the fox H end (step Step 211); then, through the financial conversion module to file information
轉換成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其他功能列Convert to HTML subtraction (transfer 212); (4), I will convert the file into HTML format to create and edit the composite file (step 213), for example, select the p_^〇int file and several of the required pages. (slide) or excel file several of the required pages, and then store the money to the file temporary storage area (step 214); then, you can choose to save the file data to the network personal folder (step 215) Or it is a fox-like broadcast & into a single package (step 216), so that the composite file can be viewed through a web browser (step 217). ' 1248002 Referring to Figure 2B, we can also choose to retrieve relevant documents from the personal network folder (step 221); then, edit the file data (step 222); then, save the file to the file temporary storage area ( Step 214); Then, the file data may be selected to be stored in the network profile (step 215) or stored in a xml format as a single package (step 216)', so that the file can be viewed through the web browser. Information (step 217). The following will give an example of practical application to illustrate the above steps of converting file data into html format file. m will be converted into HTML meditation, which is to generate a data using the C0M component of MSOffice XP towel. Lost a lot of related *htmi, jpg, ^gif, txml; Then, get the slide of each slide page of this slide file, for example, the title of each page. Then, the information is combined with the relative path stored after the conversion, and written to another ship file; _, we can also convert other types of broadcasts and write to this XML file. With this standard, you can know all the routing paths and their descriptions (file names, titles). Through the user interface provided by this editor, you can manipulate the editing order and modify the title. Next, the above-described composite file archive web page editing system suitable for network dramas will be more clearly explained, as shown in the third section, which is a main function column of the web page editing secret according to the present invention. The user interface of the editing system includes three main areas, 31〇$ file integration area, 320 is a personal data area, and 330 is a file preview area, wherein the file integration area 31 is used to edit various file materials, and the personal data area 320 is used. The file preview area 330 is used to display the file data of the user end, and the file preview area 330 is used to preview the file content of the file data. As shown in the fourth figure, the webpage editing system according to the present invention is used to describe the file data uploading. Wei, the towel is executed when the file is executed, the editing system will be opened - the web page to the live frame 'steps to upload the file using the network standard file (R called Fuga Comments 'RFC) 1867 for wired or wireless network The connection method uploads the project by HTML markup language, which is also called "Form-basedFile UploadinHTML". As shown in the fifth figure, it is a webpage editing system according to the present invention-specifically, to describe the function of the file pet, 1248002, after the file of each type format is converted into an HTML format file by the editing system, Preview the file project through the web browser (for example: Internet Explorer). As shown in the sixth figure, it is a webpage editing system according to an embodiment of the present invention for explaining the function of file editing. After the file file in the personal data area 320 is converted into an HTML format file, the editing system can be Paging preview, such as the slide file (*.ppt) in the sixth picture, can be divided into different pages through the editing system: "Crash Example", "Product Manufacturing Analysis", "Transportation Cost Analysis", "Employee Watch Table" "Working Capital Management", "Securities Portfolio" and "Circuit Design". In the above steps of file editing and page previewing, the internal mechanism is to write the file name of each page and the relative URL path stored in the xml file describing all the uploaded file data files by the editing system. Finally, it is compressed into a single file by a compression mechanism (zip). Users can connect to the server through the user interface provided by the editing system to perform "editing of file order", "change of title", "file hiding and rendering" and "view of documents". Next, as shown in the seventh figure, the webpage editing system according to an embodiment of the present invention is combined with an electronic whiteboard to describe the function of the briefing, and the uppermost toolbar of the sixth figure is an electronic whiteboard. The auxiliary function column 710 and the other function column 720, therefore, one of the advantages brought by converting various types of file files into the HTML format is that the electronic whiteboard can be combined to perform further editing and modification of the building. It should be noted here that since the electronic whiteboard is not an important part of the present invention, it will not be particularly expensive. While the present invention has been described above in terms of several preferred embodiments, it is not intended to limit the invention, and the invention may be modified and modified in a manner that does not depart from the spirit and scope of the invention. The protection of the invention shall be subject to the definition of patent scope. BRIEF DESCRIPTION OF THE DRAWINGS Many aspects of the present invention can be more clearly understood by referring to the following drawings. Correlation diagram 1248002 In addition, a digital diagram is used to provide a schematic diagram of a webpage editing system according to an embodiment of the present invention; FIGS. AA to II; 6 are flowcharts of a webpage editing system according to an embodiment of the present invention. The third figure is a main function column of the webpage editing system according to an embodiment of the present invention; the fourth figure is a webpage editing system for explaining the function of file uploading according to an embodiment of the present invention, fifth The figure is a webpage editing system according to an embodiment of the present invention for explaining a function of file preview; the sixth figure is a webpage editing system for explaining a function of file editing according to an embodiment of the present invention; and a seventh figure The webpage editing system according to an embodiment of the present invention is combined with an electronic whiteboard to illustrate the function of the presentation. [Main component symbol description] 110 client 111 various file data 112 browser 120 server end 121 file upload module 122 file conversion module 123 file temporary storage area 124 personal network folder 130 upload file data 310 file integration area 320 profile area 11 1248002 330 file preview area 710 auxiliary function column 720 other function column