TW201337605A - Multipurpose network editing page automatic conversion mechanism - Google Patents

Multipurpose network editing page automatic conversion mechanism Download PDF

Info

Publication number
TW201337605A
TW201337605A TW101108871A TW101108871A TW201337605A TW 201337605 A TW201337605 A TW 201337605A TW 101108871 A TW101108871 A TW 101108871A TW 101108871 A TW101108871 A TW 101108871A TW 201337605 A TW201337605 A TW 201337605A
Authority
TW
Taiwan
Prior art keywords
page
file
network
function
module
Prior art date
Application number
TW101108871A
Other languages
Chinese (zh)
Inventor
Long-Hwa Teng
Ju-Ya Chen
Original Assignee
Long-Hwa Teng
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Long-Hwa Teng filed Critical Long-Hwa Teng
Priority to TW101108871A priority Critical patent/TW201337605A/en
Publication of TW201337605A publication Critical patent/TW201337605A/en

Links

Landscapes

  • Information Transfer Between Computers (AREA)
  • Processing Or Creating Images (AREA)

Abstract

A network digital content automatic conversion mechanism is provided in this invention. A user can use the tool provided by the network make-up editing mechanism to upload or link the existing digital elements, such as graphics, texts, video, and audio source materials on the personal computer, web album or community website, to the online digital editing platform provided by the system, and various editing tools provided by the network editing platform are employed to perform multi- or single-page editing on the page layout either customized or provided by the system. The files after the network editing can be stored in the network server. A user can convert these network stored files selected arbitraily into html webpage file, flash page-turning e-book, printing use PDF file or APP (application) e-book through the automatic conversion information module provided by the platform, in order to meet the needs of producing a variety of applications at one time.

Description

多用途網路編輯頁面自動轉檔技術Multi-purpose network editing page automatic transfer technology

本發明提供經由網際網路,將網路伺服器編輯平台上所完成包含圖、文、影、音等數位元素編輯好的多頁可攜式檔案,可由個別資訊轉檔模組將此儲存於網路伺服器的檔案,透過不同的轉檔模組同步轉換為各種運用於商業、教學或資訊傳達運用的最終數位檔案,包括Html網頁檔、Flash翻頁電子書、印刷用PDF文件或APP(Application)電子書,此技術可廣泛運用於電子書製作、文件印製及網頁製作。The invention provides a multi-page portable file which is edited on a web server editing platform and includes digital elements such as pictures, texts, images, sounds and the like through an internet network, and can be stored by an individual information conversion module. Web server files are simultaneously converted to a variety of final digital files for business, teaching or messaging applications through different transition modules, including Html web files, Flash page e-books, PDF files for printing or APP ( Application) E-book, this technology can be widely used in e-book production, document printing and web page production.

中華民國發明專利公告號505866一種經由網路製作多媒體文件之方法,包括以下步驟。儲存多個多媒體物件於多個物件層中。在一客戶端產生一介面,此介面顯示該多個物件層並使多媒體物件依據物件層被選擇。在一伺服端產生組合被選擇多媒體物件之文件。本發明藉由提供一物件化且具結構性之網路編輯介面,使多媒體文件之製作與輸出更容易。以物件層的技術進行固定版型的線上編輯,此發明主要為於網路上運用固定版型進行校稿及印製。Republic of China Invention Patent Bulletin No. 505866 A method of making multimedia files via the Internet, including the following steps. Storing multiple multimedia objects in multiple object layers. An interface is created at a client, the interface displays the plurality of object layers and causes the multimedia object to be selected according to the object layer. A file that combines the selected multimedia objects is generated at a server. The present invention facilitates the production and output of multimedia files by providing a materialized and structured web editing interface. The online editing of the fixed version is carried out by the technology of the object layer. The invention mainly uses a fixed version for proofing and printing on the network.

中華民國發明專利公告號473672為一種結合網路或其他媒介與資料庫之多種媒體編輯排版全自動化作業系統及方法,主要係於伺服端分別建立圖文資料庫及樣版資料庫,又透過一自動執行手段將圖文資料庫中所收集客戶端的多媒體資料載入樣版資料庫中一指定的版面樣本上,隨即可自動產生如平面印刷型錄、光碟或網頁等多種多媒體產品;利用前述設計可解決傳統排版必須多重人力、多次校稿而浪費人力時間之困擾,同時可代為執行重覆性工作、提高工作效率、降低成本,更可透過多媒體資料庫的擴充,滿足不同媒體的客戶需求。此發明主要為網路上運用多媒體資料庫及版型資料庫進行固定版面的印刷稿件製作校稿及印製。The Republic of China Invention Patent No. 473672 is a fully automated operating system and method for editing and formatting a variety of media in combination with a network or other medium and database. The main purpose is to establish a graphic database and a sample database on the server side, respectively. The automatic execution means loads the multimedia data of the client collected in the graphic database into a specified layout sample in the template database, and automatically generates various multimedia products such as a flat print catalog, a CD or a web page; It can solve the problem that traditional typesetting requires multiple manpower, multiple proofs and wasted manpower time. At the same time, it can perform repeated work, improve work efficiency, reduce costs, and expand the multimedia database to meet the needs of different media customers. . This invention mainly produces and prints manuscripts for printed manuscripts with fixed layouts using multimedia databases and layout databases on the Internet.

中華民國發明專利公告號I317102為一線上或離線編輯器,提供使用者進行各種線上或離線式編輯操作,以使使用者經由該系統完成前述編輯排版與出版服務。其中該編輯器係將每一個字形之外框分別以向量數據表示,使得每一字形成為一個可被單獨使用之物件。提出在線上使用下列步驟:1.線上文字轉向量圖;2.線上向量文字壓縮檔;3.線上點陣圖高檔轉低檔;4.線上VML編輯排版;5.線上RGB/CMYK對照表等技術。此發明主要在網路上運用編輯器中文字轉檔機制,結合版型機制以解決印刷出版中文字字型對應的問題同時提供版型供使用者運用,整合後可運用於印刷業。The Republic of China Invention Patent No. I317102 is an online or offline editor that provides users with various online or offline editing operations to enable the user to complete the aforementioned editing, typesetting and publishing services via the system. Wherein the editor expresses each glyph outer frame as vector data, so that each word is formed as an object that can be used alone. The following steps are proposed on the line: 1. Online text to vector map; 2. Online vector text compression file; 3. Online dot matrix high-grade downgrade; 4. Online VML editing and layout; 5. Online RGB/CMYK comparison table and other technologies . The invention mainly uses the editor's Chinese character transfer mechanism on the network, and combines the layout mechanism to solve the problem corresponding to the text type in the printing and publishing, and provides the layout for the user to use, and can be applied to the printing industry after integration.

綜上所述現有之發明皆為強調運用網路編輯機制以完成印刷作業流程,同時運用多媒體資料庫及版型資料庫進行固定版面的印刷稿件製作校稿及印製,固定版面資料庫內的版型和多媒體素材需由系統建置者提供,使用者只能按照現有版面位置去擺放圖片或文字而無法進行版面變更。但是面對使用者眾多的客製化版面製作需求及媒體種類如網頁、電子書及App等實無法滿足現有環境需求。In summary, the existing inventions all emphasize the use of a network editing mechanism to complete the printing workflow, and at the same time use the multimedia database and the type database to print and print the fixed-page printed manuscripts in the fixed layout database. The layout and multimedia material need to be provided by the system builder, and the user can only place the image or text according to the existing layout position and cannot change the layout. However, in the face of the user's numerous customized layout requirements and media types such as web pages, e-books and apps, it is unable to meet the existing environmental needs.

而印刷流程中包括版面尺寸、樣式、字型等各行各業使用者端需求完全不同,些微的差異皆需重新設定版面,如此將造成使用者無法於固定的套版機制下來完成使用者的需求,同時現今個人社群網站及影像部落格使用普遍,使用者需更加彈性的圖、文、影音資料輸入介面便於將現有的數位素材來運用於電子書製作。The printing process includes layout size, style, font and other user requirements in different industries. The slight difference needs to be re-set, which will result in users not being able to complete the user's needs in a fixed plate mechanism. At the same time, today's personal social networking sites and video blogs are commonly used. Users need more flexible graphics, text, and audio and video input interfaces to facilitate the use of existing digital materials for e-book production.

綜上所述可發現先前技術主要解決固定版型的線上編輯後印刷問題,欠缺和使用者產生互動的編輯機制,更無法處理網頁或翻頁電子書的需求,經由此發明可有效解決此一問題。In summary, it can be found that the prior art mainly solves the problem of online editing and printing of a fixed version, lacks an editing mechanism that interacts with the user, and is unable to handle the demand of a web page or a page turning e-book. This invention can effectively solve this problem. problem.

現有之網路編輯機制其主要最終的功能為提供給印刷使用,如編輯機制結合向量文字處理,而後套用於固定編輯版型上例如圖像框及文字框位置固定,使用者需於固定位置處放入圖、文,當有多行文字或版面較大時因為全部需轉成向量檔,此轉檔方式將耗費伺服器端大量CPU運算資源,同時過大的檔案不利於即時的網路處理。The main final function of the existing network editing mechanism is to provide printing use, such as editing mechanism combined with vector word processing, and the latter set is used for fixed editing type, for example, the image frame and the text frame are fixed, and the user needs to be at a fixed position. Putting a picture or a text, when there are multiple lines of text or a large layout, since all need to be converted into a vector file, this conversion method will consume a large amount of CPU computing resources on the server side, and an excessively large file is not conducive to instant network processing.

而其它使用多媒體資料庫結合版型的方式,雖可克服檔案過大處理較慢的問題,圖像框及文字框位置固定所以亦無法提供印刷版型所需由使用者自訂版型的功能,使用者只能於現有固定版型端,選擇適當的版型套版使用,而無法將現有版型修改成符合自己需求的版型,如此將限制使用者的便利性和使用效率。Other ways of using the multimedia database combined with the layout can overcome the problem of slow processing of the file too large, and the image frame and the text frame are fixed, so that the function of the user-defined version of the printed version cannot be provided. Users can only select the appropriate version of the plate on the existing fixed version, and cannot modify the existing version to the version that suits their needs, which will limit the convenience and efficiency of the user.

更何況現今所需面對的媒體更加多元,有網站、電子書、APP及印刷品,而所需處理的數位元素也更加多元包括圖、文、影、音及超連結和檔案下載等,此皆為先前的技術未加以考慮的部份。What's more, today's media needs to be more diverse, including websites, e-books, apps and prints, and the digital elements needed to be processed are more diverse, including graphics, text, movies, sounds, hyperlinks and file downloads. The part that was not considered in the prior art.

因此需要開發一種可於網路上自由編輯的版面編輯機制,使用者不會受限於無法變動的版型,反而可選擇一現有版型庫所提供的版型於網路上直接進行修改成自己所需的版型,可以減少溝通時間提高工作效率,同時編輯機制除一般文字或圖像功能外需提供影音超連結、插頁、加頁及刪頁等功能以符合現今電子書的製作需求,而當檔案製作完成後需提供多功能的自動化流程轉檔機制,可以將此網路儲存檔案轉換為Html網頁檔、Flash翻頁電子書、印刷用PDF文件或APP(Application)電子書,以符合一次製作多種用途的需求。Therefore, it is necessary to develop a layout editing mechanism that can be freely edited on the network. The user is not limited to the version that cannot be changed, but instead, the version provided by the existing version library can be directly modified on the network into his own. The required version can reduce communication time and improve work efficiency. At the same time, the editing mechanism needs to provide audio and video hyperlinks, inserts, pages and delete pages in addition to the general text or image functions to meet the needs of today's e-book production. After the file is created, a multi-functional automated process transfer mechanism is required, which can convert the network storage file into Html web file, Flash page e-book, printing PDF file or APP (Application) e-book to conform to one production. A variety of needs.

本發明為一適用於網路伺服器平台上的網路編輯機制,經由中介轉檔介面(Middleware Interface)結合一網路多功能轉檔模組,其中網路編輯機制提供各種常用頁面編輯功能如圖像新增、裁切、自動讀入、自動套版及文字字型、字級選擇、文字顏色、物件鎖定及影音超連結等編輯功能,當使用者自訂或新增各種圖像或文字物件,可進行物件搬移或複製以完成製作自己需求的版面配置,系統同步使用XML(eXtensible Markup Language)以標記各物件相關位置及屬性,如文字物件位於版面上的X、Y座標及物件屬性如圖像、文字、影音超連結等,並將此屬性資料傳遞到物件影像處理模組(Object Image Processor),物件影像處理模組據以判斷物件特徵而進行正確功能回應,如圖像物件框需判斷影像解析度、裁切範圍等,文字物件需判斷文字物件框內字數、字體及字級等,同時可針對各頁面內物件框內容的細微改變進行多執行緒(Multi Thread)和即時(Real Time)的處理,並將此執行後的結果重新遞回給瀏覽器,使瀏覽器可局部更新物件修改過的網頁頁面,而非全部更新以減少伺服器運算時間,物件影像處理模組(Object Image Processor)可針對整體頁面進行高低檔轉換如為網頁瀏覽用將提供讀取低檔(72dpi),以加快瀏覽器讀取檔案速度,如為電子書或印刷用將提供讀取高檔(250dpi)以上可確保檔案閱讀及印刷品質。The invention is a network editing mechanism suitable for a network server platform, and a network multi-function conversion module is combined via a mediation interface (Middleware Interface), wherein the network editing mechanism provides various common page editing functions such as Editing functions such as image addition, cropping, automatic reading, automatic pattern and text font, word level selection, text color, object lock and video hyperlink, when users customize or add various images or texts. object may be an object moved or copied to complete the production of their needs layout, system synchronization using XML (e X tensible M arkup L anguage) to mark each of the objects related to the position and attributes, such as text objects located on the X on the plate, Y-coordinate And object properties such as images, text, audio and video hyperlinks, and the property data is passed to the Object Image Processor (Object Image Processor), the object image processing module to determine the object characteristics and correct function response, as shown Like the object frame, it is necessary to judge the image resolution, the cutting range, etc., and the text object needs to judge the number of words, the font and the word level in the text object box, and at the same time, The subtle changes in the contents of the object boxes in each page are processed by Multi Thread and Real Time, and the result of this execution is returned to the browser, so that the browser can partially update the object. Web pages, not all updates to reduce server computing time, Object Image Processor can perform high and low file conversion for the entire page. For web browsing, it will provide low reading (72dpi) to speed up the browser. Read file speed, such as reading high-end (250dpi) for e-books or printing to ensure file reading and print quality.

當檔案完成編輯後可儲存於伺服器中,經由一中介轉檔介面提供流程資訊整合,包括前端和物件影像處理模組的溝通介面以及儲存於伺服器中的檔案資訊,運用XML標記將所需資訊如檔案儲存路徑、名稱、頁數、轉檔格式需求、物件連結資訊等,遞送給網路多功能轉檔模組進行自動轉檔工作程序,網路多功能轉檔模組為資料轉換的標準處理模組,可在系統控制下接收所有轉檔遞送訊息並進行已儲存頁面格式轉換,可提供轉換好的檔案管理功能,如新增、刪除、呈現等功能。After the file is edited, it can be stored in the server, and the process information integration is provided through an intermediary transfer interface, including the communication interface of the front end and the object image processing module, and the file information stored in the server, and the XML markup is needed. Information such as file storage path, name, page number, file format requirements, object link information, etc., delivered to the network multi-function transfer module for automatic transfer work procedures, network multi-function transfer module for data conversion The standard processing module can receive all the transfer delivery messages under the control of the system and convert the stored page format, and can provide converted file management functions, such as adding, deleting, and rendering functions.

網路多功能轉檔模組中Html處理模組(Html Processor Module)運用XML標記可將所需資訊經由中介轉檔介面傳遞給物件影像處理模組,而將物件影像處理模組遞回的檔案儲存頁面加上CSS(Cascading Style Sheets)網頁框架,以轉換成網頁同時自動產出網頁的URL(Uniform Resource Locator)位址,使用者將可因此取得網頁所在位址以進行連結、瀏覽和嵌入。The Html Processor Module in the network multi-function transfer module uses XML tags to transfer the required information to the object image processing module via the mediation transfer interface, and the file image processing module returns the file. The storage page plus the CSS (Cascading Style Sheets) web page frame is converted into a web page and automatically generates a URL (Uniform Resource Locator) address, so that the user can obtain the address of the web page for linking, browsing and embedding.

網路多功能轉檔模組中Flash翻頁電子書模組(Flash Processor Module)運用XML標記可將所需資訊經由中介轉檔介面傳遞給物件影像處理模組,而將物件影像處理模組遞回的檔案儲存頁面套上Flash翻頁電子書的功能框架,轉換成swf檔同時自動產出URL位址,使用者將可因此取得swf檔所在位址以進行連結、瀏覽和嵌入。In the network multi-function conversion module, the Flash page module uses the XML tag to transmit the required information to the object image processing module via the mediation transfer interface, and the object image processing module is delivered. The file storage page of the back is set on the function framework of the Flash page e-book, and is converted into a swf file and automatically generates the URL address, so that the user can obtain the address of the swf file for linking, browsing and embedding.

網路多功能轉檔模組中PDF處理模組(PDF Processor Module)運用XML標記可將所需資訊經由中介轉檔介面傳遞給物件影像處理模組,而將物件影像處理模組遞回的檔案儲存頁面,轉換成PDF檔同時自動產出URL位址,使用者將可因此取得PDF檔所在位址以進行連結和下載。The PDF processor module in the network multi-function conversion module uses XML tags to transfer the required information to the object image processing module via the mediation conversion interface, and the file image processing module returns the file. The page is saved, converted into a PDF file and the URL address is automatically generated, and the user can obtain the address of the PDF file for linking and downloading.

網路多功能轉檔模組中APP處理模組(APP Processor Module)運用XML標記可將所需資訊經由中介轉檔介面傳遞給物件影像處理模組,而將物件影像處理模組遞回的檔案儲存頁面,套入APP電子書閱讀框架同時自動產出URL(位址,使用者將可因此取得APP檔所在位址以進行連結和閱讀。The APP processor module in the network multi-function transfer module uses XML tags to transfer the required information to the object image processing module via the mediation transfer interface, and the file image processing module returns the file. Save the page, nest into the APP e-book reading frame and automatically generate the URL (address, the user will be able to obtain the address of the APP file for linking and reading.

在此以附圖來詳細說明此技術實施方式,藉此來詳細描述整體技術實施流程及方法以解決技術問題。The technical embodiments are described in detail herein with reference to the accompanying drawings, in which the overall technical implementation flow and method are described in detail to solve the technical problems.

根據本發明,此自動轉檔模組為建構於伺服器上的網際網路服務機制其完整圖示請參考圖示一,包括一使用者端12可經由網路13執行一儲存於伺服器端11的網頁執行程序版面編輯機制14於網路上,版面編輯機制14其完整圖示請參考圖示二具有文字、圖像、版型、影音等編輯工具的網頁版面編輯機制,每個編輯工具和編輯操作皆可被定義成唯一的XML標記,版面編輯機制14可讀取和定義複數個標記,並且將此複數個標記傳遞到物件影像處理模組15,物件影像處理模組15其完整圖示請參考圖示三,根據標記內的定義進行物件影像即時繪製,並將個別物件繪製資料訊息於使用者尚未執行版面編輯機制14的儲存程序時,將物件繪製的標記依照執行順序暫存於物件影像處理模組15內的資料暫存區,便於編輯頁面上所有物件尚未儲存於資料儲存區18時個別被即時繪製的標記物件可被快速取用,此標記物件資料依據標記內容於物件影像處理模組15轉換成一影像檔,回應給版面編輯機制14以執行物件頁面顯示此影像檔為便於瀏覽器描繪的PNG或JPG檔,當使用者確定版面編輯完成時可於版面編輯機制14執行儲存程序,此時會將最終版面編輯機制14上現有頁面各物件的標記內容產生一頁面標記,並將其儲存到伺服器端11的資料儲存區內18,同時經由物件影像處理模組將頁面資訊及所有標記的物件資料整合成一低解析度(72dpi)同時等比例縮小至便於瀏覽器描繪的PNG或JPG檔其比例大小可依實際需求進行適當調整,使用者端12可直接瀏覽此縮圖以確定是否取用,如此將可縮短頁面取用及編輯時間。According to the present invention, the automatic transfer module is an Internet service mechanism built on the server. Referring to FIG. 1 , a user terminal 12 can perform a storage on the server side via the network 13 . 11 web page execution program layout editing mechanism 14 on the network, the layout editing mechanism 14 its complete illustration, please refer to the second page editing mechanism with editing tools such as text, image, layout, audio and video, each editing tool and The editing operation can be defined as a unique XML markup. The layout editing mechanism 14 can read and define a plurality of tags, and pass the plurality of tags to the object image processing module 15, and the object image processing module 15 has a complete icon. Referring to FIG. 3, the object image is immediately drawn according to the definition in the mark, and the object is drawn to the object when the user has not executed the stored program of the layout editing mechanism 14, and the mark drawn by the object is temporarily stored in the object according to the execution order. The data temporary storage area in the image processing module 15 is convenient for editing the objects that are individually drawn when all the objects on the page have not been stored in the data storage area 18 The object can be quickly accessed, and the tag object data is converted into an image file according to the tag content in the object image processing module 15, and is sent to the layout editing mechanism 14 to execute the object page to display the image file for the PNG or JPG that is convenient for the browser to draw. The file is executed by the layout editing mechanism 14 when the user determines that the layout editing is completed. At this time, the mark content of each object on the existing page of the final layout editing mechanism 14 is generated as a page mark, and is stored on the server side. In the data storage area of the 18, the page information and all the marked object data are integrated into a low resolution (72 dpi) and scaled down to a PNG or JPG file that is easy for the browser to draw. Appropriate adjustment according to actual needs, the user terminal 12 can directly browse the thumbnail to determine whether to access, which will shorten the page access and editing time.

使用者端12可以經由網路介面17執行程序將儲存於伺服器端11的資料儲存區18中的頁面標記依需求進行頁面轉檔程序,經由執行網路多功能轉檔模組16可將儲存於伺服器端11的儲存頁面標記經由物件影像處理模組18轉換成一整體頁面,此頁面依據轉檔內容需求而將檔案轉換為PDF檔案格式以及一整體頁面的標記,而後將此整體頁面標記進行資訊傳遞回給網路多功能轉檔模組16,經由網路多功能轉檔模組16將此PDF檔案格式依據標記內容來將檔案轉換成Html、PDF、SWF或APP檔並將將檔案及檔案路徑儲存於資料儲存區18同時產生一對應URL位置,使用者12可透過網路13經由網路介面17讀取此URL位置。The user terminal 12 can execute a program via the network interface 17 to process the page mark stored in the data storage area 18 of the server end 11 according to requirements, and the file transfer program can be stored via the execution network multi-function transfer module 16. The stored page mark on the server end 11 is converted into an overall page by the object image processing module 18, and the page converts the file into a PDF file format and a mark of the entire page according to the content requirement of the transfer, and then marks the entire page. The information is transmitted back to the network multi-function conversion module 16, and the PDF file format is converted into Html, PDF, SWF or APP files according to the marked content via the network multi-function conversion module 16 and the files and files are The file path is stored in the data storage area 18 and a corresponding URL location is generated. The user 12 can read the URL location via the network interface 17 via the network 13.

系統各模組標記同步使用延伸標記語言XML(eXtensible Markup Language)之規範以標記各物件相關位置及屬性,以文字物件為例包括文字物件編號<id></id>、位於版面上的頁次<Pages page=""></Pages>、大小<size></size>、顏色<color></color>、字體<ttf></ttf>、X<x></x>座標、Y<y></y>座標,所標記內容同時包括物件屬性如圖像<pic></pic>、文字<text></text>及影音<video></video>等,本發明以上述舉例來說明文字物件描述之型式,並未以此作為文字物件即時描述之功能限制,整體圖像請參考圖示一。Each modular system sync mark using Extensible Markup Language XML (e X tensible M arkup L anguage) specification of each article to mark the position and attributes related to text objects including text objects Case number <id></id>, is located in the layout Pages <Pages page=""></Pages>, size <size></size>, color <color></color>, font <ttf></ttf>, X<x></x > coordinates, Y<y></y> coordinates, and the marked content includes object attributes such as image <pic></pic>, text <text></text>, and video <video></video>. The invention exemplifies the type of text object description by the above example, and does not use this as a function limitation of the text object instant description. For the overall image, please refer to FIG.

版面編輯機制整體規劃請參考圖示二,其線上編輯功能包括有:文字編輯功能如圖示21可直接點選文字物件210後可新增文字物件211於編輯頁面201,以滑鼠點擊文字物件兩下即可於編輯頁面201跳出文字輸入框212,於文字輸入框212輸入文字後點選文字輸入框的送出後文字會依文字物件框的範圍即時呈現於編輯頁面201如圖示2A,可點選編輯功能刪除215將文字物件即時刪除可點選文字輸入框212關閉功能216將文字文字輸入框212關閉。圖像編輯功能如圖示22包括有可直接點選圖像物件220後新增圖像物件221於於編輯頁面201,拖拉相本區226圖像可將圖像自動填入圖像物件圖像框221如圖示22A,圖像會依圖像物件的圖像框即時呈現於編輯頁面201如圖示22B,可點選鎖定213將物件鎖定於固定位置,可點選解除鎖定214後物件可於編輯頁面201上以滑鼠點選拖拉移動,可點選刪除215將圖像物件即時刪除,可點選裁切222執行裁切程序運用遮照將圖像物件進行裁切,可直接以滑鼠拖拉相本區226圖像物件到編輯頁面201,可於編輯頁面201用滑鼠拖拉調整圖像物件於適當位置如圖示22C,影像連結功能如圖示23包括有可直接點選於編輯頁面201上的文字物件後點選影像連結物件230後將新增連結網址於連結對話框231輸入。版型變換功能如圖示24,可點選版型選項241進行版型更換如圖示24,更換版型為圖示24A,於版面編輯機制中還需包括一些附屬編輯功能包括圖示2中的檔名修改功能251可修改檔案的檔名,檔案儲存功能可儲存編輯中或編輯完成的檔案,當使用者點選儲存元件252後將執行網頁程序,將所有在版面編輯機制頁面上的物件資訊以XML加以編碼經由物件影像處理模組將頁面上所有XML標記的物件資料儲存到伺服器端的資料儲存區內,便於下一次取用,步驟還原功能253可讀取物件影像處理模組內資料暫存區內的物件變動記錄以還原上下一步,字級選擇功能254可更改字級,字體選擇功能255可選擇伺服器端現有安裝之文字字體,文字上色功能256可變更文字顏色,文字加粗功能257可改變文字為粗體,文字齊左功能258,文字居中功能259,文字齊右功能260,物件複製功能261,物件旋轉功能262,頁面刪除功能263,頁面插入功能264,頁面選擇區265,圖像選擇區266,上述版面編輯功能可協助使用者快速於網路上完成頁面編輯,所有功能可依使用者操作需求而輪流使用或個別使用,且使用次數不限定。For the overall layout of the layout editing mechanism, please refer to Figure 2. The online editing function includes: text editing function. As shown in Figure 21, you can directly add the text object 210 to add the text object 211 to the editing page 201, and click the text object with the mouse. Two times, the text input box 212 can be jumped out on the edit page 201, and after inputting the text in the text input box 212, the text input box will be immediately displayed on the edit page 201 according to the range of the text object box, as shown in FIG. 2A. Click the edit function delete 215 to delete the text object instantly. Click the text input box 212 to close the function 216 to close the text input box 212. The image editing function, as shown in FIG. 22, includes a new image object 221 added to the edit page 201 after the image object 220 is directly clicked, and the image of the image area is automatically dragged into the image object image frame. 221, as shown in FIG. 22A, the image is immediately presented on the edit page 201 according to the image frame of the image object as shown in FIG. 22B, and the lock 213 can be clicked to lock the object to the fixed position, and the object can be selected after unlocking 214. On the editing page 201, the mouse clicks to select the dragging movement, and the deletion 215 can be clicked to delete the image object instantly, and the cutting 222 can be clicked to perform the cutting program to use the occlusion to cut the image object, which can be directly used to the mouse. Drag and drop the area 226 image object to the editing page 201, and use the mouse to drag and adjust the image object in the appropriate position on the editing page 201 as shown in FIG. 22C. The image linking function as shown in FIG. 23 includes direct selection on the editing page 201. After the text object is clicked, the image link object 230 is clicked, and the new link URL is input in the link dialog box 231. The layout conversion function is shown in Figure 24. The layout option 241 can be selected for the layout replacement as shown in Figure 24. The replacement version is shown in Figure 24A. In the layout editing mechanism, some auxiliary editing functions are also included, including Figure 2. The file name modification function 251 can modify the file name of the file, and the file storage function can store the file in the editing or editing. When the user clicks the storage element 252, the web page program will be executed, and all the objects on the page editing mechanism page will be executed. The information is encoded in XML. The object image data on the page is stored in the data storage area of the server by the object image processing module, so that the next access is available, and the step restore function 253 can read the data in the image processing module of the object. The object change record in the temporary storage area is restored to the next step, the word level selection function 254 can change the word level, the font selection function 255 can select the text font currently installed on the server side, and the text coloring function 256 can change the text color, and the text plus The coarse function 257 can change the text to bold, the text left function 258, the text center function 259, the text right function 260, and the object copy function 261, The piece rotation function 262, the page deletion function 263, the page insertion function 264, the page selection area 265, and the image selection area 266, the above-mentioned layout editing function can assist the user to complete the page editing on the network quickly, and all functions can be operated according to the user's operation. It is used in turn or individually, and the number of uses is not limited.

物件影像處理模組其架構圖參考圖示三,當使用者於Web編輯頁面將個別物件修改的需求送出時,經由XML解碼介面310將線上編輯頁面傳遞的物件標記語言解譯後分析標記內容進行資訊派送。The object image of the object image processing module refers to the third figure. When the user sends the request for modifying the individual object on the web editing page, the object markup language transmitted by the online editing page is interpreted by the XML decoding interface 310 to analyze the mark content. Information delivery.

如為文字物件則遞交給文字處理模組320以進行字數321、字級322、字體323、顏色324、物件座標325、物件尺寸326等的變化即時同步處理,運用SOAP(Simple Object Access Protocol)傳輸協定傳輸XML的頁面服務,並在使用者端採用JavaScript以處理來自伺服器的回應,當伺服器將處理結果轉換成一圖像物件且將轉換成的圖像物件,以XML標記語言經由JavaScript產生一網頁程序後即可將程序執行結果呈現於版面編輯機制的頁面上。If it is a text object, it is submitted to the word processing module 320 to perform the instant synchronization processing of the word number 321, the word level 322, the font 323, the color 324, the object coordinate 325, the object size 326, etc., and uses SOAP (Simple Object Access Protocol). The transport protocol transfers the XML page service and uses JavaScript on the consumer side to process the response from the server. When the server converts the processing result into an image object and converts the image object into an XML markup language via JavaScript. After a web page program, the program execution result can be presented on the page of the layout editing mechanism.

如為圖像物件則以XML標記語言遞交給圖像處理模組330以進行圖像座標331、圖像尺寸332、使用圖片333、裁切大小334、等的變化即時同步處理其中圖像尺寸332可同步判斷圖像解析度和尺寸間變化的關係,以提醒使用者於編輯頁面放大圖像物件尺寸時輸出解析度是否足夠,運用SOAP傳輸協定傳輸XML的頁面服務,並在使用者端採用JavaScript以處理來自伺服器的回應,當伺服器將處理結果轉換成一圖像物件且將轉換成的圖像物件相關結果,以XML標記語言經由JavaScript產生一網頁程序後即可將程序執行結果呈現於版面編輯機制的頁面上。If it is an image object, it is submitted to the image processing module 330 in an XML markup language to perform image synchronization, image size 332, use of the image 333, crop size 334, etc., and the image size 332 is processed in real time. The relationship between the image resolution and the size change can be synchronously determined to remind the user whether the output resolution is sufficient when the edit page enlarges the image object size, and the XML page service is transmitted by using the SOAP transport protocol, and the JavaScript is used on the user side. To process the response from the server, when the server converts the processing result into an image object and converts the image object related result into a web page language to generate a web page program via JavaScript, the program execution result can be presented in the layout. Edit the mechanism on the page.

版型及頁數相關變動則以XML標記語言遞交給版型處理模組340以進行版型樣式341及文件頁數342變化即時同步處理其中文件頁數342可同步判斷是否有插頁或加頁的變動,並將處理結果分別遞送給應用軟體介面進行資料登錄及用SOAP傳輸協定傳輸XML的頁面服務,並在使用者端採用JavaScript以處理來自伺服器的回應,以XML標記語言經由JavaScript產生一網頁程序後即可將程序執行結果呈現於版面編輯機制的頁面上,以進行顯示頁面內容同步更新。The version and the number of pages related changes are submitted to the layout processing module 340 in the XML markup language to change the layout style 341 and the number of file pages 342. The instant synchronization processing is performed, wherein the number of file pages 342 can be synchronously determined whether there is an insert or a page. The change, and the processing result is respectively delivered to the application software interface for data login and the page service for transmitting XML with the SOAP transport protocol, and the JavaScript is used on the client side to process the response from the server, and the XML markup language generates a JavaScript via the XML markup language. After the webpage program, the program execution result can be presented on the page of the layout editing mechanism to synchronously update the content of the displayed page.

編輯頁面資料變動時於檔案儲存模組350會將變動資料的標記依變動順序記錄於資料暫存區351待版面編輯機制儲存需求提交後,以XML標記語言遞交給檔案儲存模組350,將資料暫存區內頁面各物件上的最後一筆標記資料經由標記整合352產生一最新的頁面同時經由頁面縮圖353同步產生一頁面縮圖檔,而後將頁面標記和縮圖路徑經由資料處理介面370儲存於伺服器端的資料儲存區。When the edit page data is changed, the file storage module 350 records the change data mark in the data temporary storage area 351 to be edited by the layout editing mechanism, and submits the data to the file storage module 350 in the XML markup language. The last mark data on each object of the page in the temporary storage area generates a new page through the mark integration 352 and simultaneously generates a page thumbnail file via the page thumbnail 353, and then stores the page mark and thumbnail path via the data processing interface 370. The data storage area on the server side.

編輯頁面資料變動時如為影像物件連結則以XML標記語言,遞交給連結處理模組360,經由影像連結361進行影像連結資料處理後可將引用連結影像檔以XML標記語言經由JavaScript產生一網頁程序後即可將程序執行結果呈現於版面編輯機制的頁面上。When the edited page data is changed, if the image object is connected, the image is linked to the link processing module 360 in the XML markup language, and the image link data is processed via the image link 361, and the reference link image file can be used to generate a web page program in the XML markup language via JavaScript. The program execution results can then be rendered on the page of the layout editing mechanism.

以上方式將可確保所有編輯頁面內的物件變動,皆為經由伺服器端的物件影像處理模組進行物件轉換成影像物件後於網頁上呈現,如此將可避免因最終輸出解析度不同造成和網頁所呈現內容或位置不同,以達到所見即所得,同時使用者端因採用JavaScript程序技術,將可以針對各別物件的變動進行即時執行程序,使用者端編輯頁面因JavaScript程序執行而使得編輯頁面內容進行改變,因為針對各別編輯頁面上的元件進行改變而非整體網頁全部同時改變,可以達到減少CPU運算及提升網路效能進而同時提高網路編輯頁面的工作效率,以縮短編輯時間。The above method will ensure that all the objects in the edit page are changed, and the objects are converted into image objects after being converted into image objects through the object image processing module on the server side, so that the webpages can be avoided due to different final output resolutions. The content or location is different to achieve WYSIWYG, and the user terminal can execute the program for the change of each object by using the JavaScript program technology. The user-side editing page causes the editing page content to be executed due to the execution of the JavaScript program. Change, because the changes to the components on the individual editing pages rather than the entire page at the same time, can reduce CPU computing and improve network performance, while improving the efficiency of the network editing page, in order to shorten the editing time.

網路多功能轉檔模組其流架構圖參考圖示四,當使用者於Web頁面針對已儲存於資料庫內的檔案送出轉檔需求後,經由網路介面410將以XML標記語言傳遞的物件標記語言解譯後分析標記內容進行資訊派送,如為Html轉檔需求則遞交給Html轉檔模組411去呼叫物件影像處理模組15,由物件影像處理模組11的中介軟體介面31將儲存於資料儲存區中的頁面各別物件從資料儲存區18內取出,依據資料儲存區18內已儲存的物件描述XML標記去組合成一Html頁面型式後,包含Html檔及一組XML標記並將轉好的檔案另存於伺服器資料儲存區18中,此組XML標記將記載此檔案的檔名、頁數、頁面尺寸、創作日期及儲存位置等資訊,經由中介軟體介面31而後提交回Html轉檔模組411,Html轉檔模組411為運用CSS(Cascading Style Sheets)網頁框架機制可將網頁的結構和網頁顯示分開的特性,將Html檔及XML標記分別進行Html框架套入,並將套入Html框架的相關頁面資料檔案XML標記儲存於伺服器端資料儲存區18並回應一URL(Uniform Resource Locator)的Html檔案位置,使用者可將此URL放於網頁上進行分享或超連結。The flow diagram of the network multi-function switch module is shown in Figure 4. After the user sends a translation request to the file stored in the database on the web page, the user passes the XML markup language via the network interface 410. After the object markup language is interpreted, the content of the mark is analyzed for information delivery, and if the Html transfer request is submitted to the Html transfer module 411 to call the object image processing module 15, the intermediate software interface 31 of the object image processing module 11 will be The individual objects of the page stored in the data storage area are taken out from the data storage area 18, and the Html file and a set of XML tags are included after being combined into an Html page type according to the stored object description XML tags in the data storage area 18. The converted file is stored in the server data storage area 18. The XML mark of the group will record the file name, page number, page size, creation date and storage location of the file, and then submit the information back to Html via the intermediary software interface 31. The file module 411, the Html file transfer module 411 is a CSS (Cascading Style Sheets) web page framework mechanism that can separate the structure of the web page from the web page display, and mark the Html file and the XML mark. Do not carry out the Html framework nesting, and store the relevant page data archive XML tag embedded in the Html framework in the server side data storage area 18 and respond to a URL (Uniform Resource Locator) Html file location, the user can put this URL Share or hyperlink on the web.

當使用者於Web頁面針對已儲存於資料庫內的檔案送出轉檔需求後,經由網路介面410將以XML標記語言傳遞的物件標記語言解譯後分析標記內容進行資訊派送,如判定為Flash電子書轉檔需求則遞交給Flash電子書轉檔模組412去呼叫物件影像處理模組15,由物件影像模組15的中介軟體介面31將儲存於資料儲存區18中的頁面各別物件從資料儲存區18內取出,依據資料儲存區18內已儲存的物件描述XML標記去組合成一頁面型式後,將檔案重新組合並轉換為PDF檔及一組XML標記並另存於伺服器資料儲存區18中,此組XML標記將記載此檔案的檔名、頁數、頁面尺寸、創作日期及儲存位置等資訊,經由中介軟體介面31而後提交回Flash電子書轉檔模組412,同時運用Flash電子書轉檔模組412內已植入的Flash網頁執行程序執行框架套入,此網頁執行程序包含一附檔名為.swf的Flash電子書功能框架及各種頁面格式轉換執行程序如PDF轉成JPG、SWF等頁面檔案格式,此附檔名為.swf的Flash電子書功能框架可依據PDF檔的XML標記將已轉換好的頁面檔案如PDF或JPG分頁嵌入,Flash電子書閱讀功能框架有書籤、翻頁、放大、縮小、跳頁及標記等各種電子書常用閱讀功能,並將此套有Flash功能框架的Flash電子書相關頁面資料產生一XML標記資料檔案儲存於伺服器端資料儲存區18後回應一URL的檔案位置,使用者可將此URL放於網頁上進行分享或超連結。After the user sends the translation request to the file stored in the database on the web page, the object markup language transmitted in the XML markup language is interpreted by the web interface 410 to analyze the mark content for information distribution, such as determining that it is Flash. The e-book transfer request is submitted to the Flash e-book transfer module 412 to call the object image processing module 15. The media interface 31 of the object image module 15 stores the individual objects stored in the data storage area 18. After the data storage area 18 is taken out, the XML tags are combined into a page type according to the stored object descriptions in the data storage area 18, and the files are recombined and converted into a PDF file and a set of XML tags and saved in the server data storage area 18 In this group, the XML tag will record the file name, page number, page size, creation date and storage location of the file, and then submit it back to the Flash e-book conversion module 412 via the media software interface 31, and use the Flash e-book. The Flash webpage execution program execution frame nested in the transition module 412, the webpage execution program includes a Flash e-book function box with a file name of .swf And various page format conversion execution programs such as PDF into JPG, SWF and other page file formats, the attached file name is .swf Flash e-book function framework can convert the converted page files such as PDF or JPG according to the XML mark of the PDF file. Pagination embedding, Flash e-book reading function frame has a variety of e-book common reading functions such as bookmarking, page turning, zooming in, zooming out, page jumping and markup, and generating an XML markup on the Flash e-book related page data with the Flash function framework. After the data file is stored in the server side data storage area 18, it responds to the file location of a URL, and the user can place the URL on the web page for sharing or hyperlinking.

當使用者於Web頁面針對已儲存於資料庫內的檔案送出轉檔需求後,經由網路介面410將以XML標記語言傳遞的物件標記語言解譯後分析標記內容進行資訊派送,如判定為APP電子書轉檔需求則遞交給APP電子書轉檔模組412去呼叫物件影像處理模組15,由物件影像模組的中介軟體介面31將儲存於資料儲存區18中的頁面各別物件從資料儲存區18內取出,依據資料儲存區18內已儲存的物件描述XML標記去組合成一頁面型式後,將檔案重新組合為PDF檔及一組XML標記並另存於伺服器資料儲存區18中,此組XML標記將記載此檔案的檔名、頁數、頁面尺寸、創作日期及儲存位置等資訊,經由中介軟體介面31而後提交回APP電子書轉檔模組413,同時運用APP電子書轉檔模組413內已植入的APP網頁執行程序執行APP電子書功能框架套入,此網頁執行程序包含一附檔名為.apk的APP電子書功能框架,此附檔名為.apk的電子書閱讀功能框架可依據PDF檔的XML標記將PDF檔分頁嵌入,APP電子書閱讀功能框架有書籤、翻頁、放大、縮小、跳頁及標記等各種電子書常用閱讀功能,並將此套有APP功能框架的APP電子書相關頁面資料產生一XML標記資料檔案儲存於伺服器端資料儲存區18後回應一URL的檔案位置,使用者可將此URL放於網頁上進行分享或超連結。After the user sends a translation request to the file stored in the database on the web page, the object markup language transmitted in the XML markup language is interpreted by the network interface 410 to analyze the mark content for information distribution, for example, as an APP. The e-book transfer request is submitted to the APP e-book transfer module 412 to call the object image processing module 15, and the individual object of the page stored in the data storage area 18 is obtained from the media interface 31 of the object image module. After being taken out in the storage area 18, the XML tags are combined into a page type according to the stored object descriptions in the data storage area 18, and the files are reassembled into a PDF file and a set of XML tags and stored in the server data storage area 18, The group XML tag will record the file name, page number, page size, creation date and storage location of the file, and then submit it back to the APP e-book transfer module 413 via the media software interface 31, and use the APP e-book transfer mode. The APP webpage execution program embedded in the group 413 executes the APP e-book function framework, and the webpage execution program includes an APP e-book function framework with an .apk file name. The e-book reading function framework with the file name .apk can be embedded in the PDF file according to the XML mark of the PDF file. The APP e-book reading function frame has various e-books such as bookmarking, page turning, zooming in, zooming out, page jumping and marking. The reading function generates an XML markup data file of the APP e-book related page data of the APP function frame and stores it in the server end data storage area 18, and responds to a URL file location, and the user can place the URL on the webpage. Share or hyperlink on.

當使用者於Web頁面針對已儲存於資料庫內的檔案送出轉檔需求後,經由網路介面410將以XML標記語言傳遞的物件標記語言解譯後分析標記內容進行資訊派送,如判定為PDF電子書轉檔需求則遞交給PDF電子書轉檔模組412去呼叫物件影像處理模組15,由物件影像模組15的中介軟體介面31將儲存於資料儲存區18中的頁面各別物件從資料儲存區18內取出,依據資料儲存區18內已儲存的物件描述XML標記去轉換為高解析度PDF(250 DPI)檔及一組XML標記並另存於資料儲存區18中,此組XML標記將記載此檔案的檔名、頁數、頁面尺寸、創作日期及儲存位置等資訊,經由中介軟體介面31而後提交回PDF電子檔轉檔模組,將相關頁面資料產生一組XML標記資料,高解析度PDF檔案儲存於伺服器端資料儲存區後回應一URL的檔案位置,使用者可於網路上下載此高解析度的PDF檔以進行印刷使用。After the user sends a translation request to the file stored in the database on the web page, the object markup language transmitted in the XML markup language is interpreted by the network interface 410 to analyze the mark content for information distribution, for example, as a PDF. The e-book transfer request is submitted to the PDF e-book transfer module 412 to call the object image processing module 15, and the individual objects of the page stored in the data storage area 18 are separated by the intermediary software interface 31 of the object image module 15. The data storage area 18 is taken out, converted into a high-resolution PDF (250 DPI) file and a set of XML tags according to the stored object description XML tags in the data storage area 18, and stored in the data storage area 18, the set of XML tags Information such as the file name, page number, page size, creation date and storage location of the file will be recorded, and then submitted to the PDF electronic file conversion module via the intermediary software interface 31, and a set of XML markup data will be generated for the relevant page data. The resolution PDF file is stored in the server data storage area and responds to the URL location of the URL. The user can download the high-resolution PDF file on the network for printing.

本發明網路自動轉檔流程圖如「圖五」所示,其整體步驟流程為:使用者(501)於網路上讀取儲存於伺服器端(502)的預設使用者介面網頁,判斷是否須進入編輯程序(503),如果不需編輯程序時可直接進入轉檔流程,如果需重新編輯頁面,或修改已儲存於伺服器端的頁面時可下載並執行版面編輯(504)執行程序,進行頁面編輯,經由物件影像處理模組(505)將編輯完成之檔案每一頁皆整合成一圖像頁面及一XML標記,並將其儲存於伺服器端的資料儲存區(506),便於日後取用,如需執行轉檔流程時,經由伺服器端使用者介面提供的轉檔需求選項Html/Flash/APP/PDF(509)提交給網路多工能轉檔模組(510)去執行頁面轉檔程序,轉檔過程中由網路多工能轉檔模組將所需轉檔檔案經由物件影像處理模組(511)的中介軟體介面依據XML標記將儲存於資料儲存區中的頁面各別物件從資料儲存區內取出,依據資料儲存區內已儲存的物件描述XML標記去組合成一頁面型式後,將檔案重新組合並由物件影像處理模組中的頁面轉檔機制將編輯頁面轉換為一組XML標記和一組轉檔所需的檔案格式,依轉檔需求檔案可為Html/Flash/APP/PDF並另存於伺服器資料儲存區中,此組XML標記將記載此檔案的檔名、頁數、頁面尺寸、創作日期及儲存位置等資訊,經由物件影像處理模組(511)中介軟體介面而後提交回網路多工能轉檔模組(510),將檔案儲存於伺服器端資料儲存區後回應並發佈一組URL(514)的檔案位置,便於資料下載或連結。The flow chart of the network automatic transfer of the present invention is as shown in FIG. 5, and the overall step flow is: the user (501) reads the preset user interface webpage stored on the server end (502) on the network, and judges Whether to enter the editing program (503), if you do not need to edit the program, you can directly enter the conversion process. If you need to re-edit the page, or modify the page already stored on the server, you can download and execute the layout editing (504) execution program. Performing page editing, integrating each page of the edited file into an image page and an XML mark via the object image processing module (505), and storing the file in an information storage area (506) on the server side for later retrieval. If the transfer process is to be executed, the transfer request option Html/Flash/APP/PDF (509) provided by the server-side user interface is submitted to the network multiplexer transfer module (510) to execute the page. In the transfer process, during the transfer process, the network multiplexer can transfer the required file to the page stored in the data storage area via the intermediate software interface of the object image processing module (511) according to the XML mark. Other items from data storage After the internal extraction, according to the stored object description XML tags in the data storage area to be combined into a page type, the files are recombined and converted into a set of XML tags and a page by the page transfer mechanism in the object image processing module. The file format required for the group transfer can be Html/Flash/APP/PDF and stored in the server data storage area. The XML mark of this group will record the file name, page number and page size of the file. Information such as creation date and storage location, through the object image processing module (511) mediating software interface and then submitting back to the network multiplex power transfer module (510), storing the file in the server end data storage area and responding Publish a set of URL (514) file locations for easy data download or link.

11...伺服器端11. . . Server side

12...使用者端12. . . User side

13...網路13. . . network

14...版面編輯機制14. . . Layout editing mechanism

15...物件影像處理模組15. . . Object image processing module

16...網路多功能轉檔模組16. . . Network multi-function transfer module

17...預設使用者介面17. . . Default user interface

18...資料儲存區18. . . Data storage area

201~266...第2圖像功能元件201~266. . . Second image function

31...中介軟體介面31. . . Mediation software interface

32...XML介面32. . . XML interface

320...文字處理模組320. . . Word processing module

321~326...文字處理模組功能元件321~326. . . Word processing module function

330...圖像處理模組330. . . Image processing module

331~334...圖像處理模組功能元件331~334. . . Image processing module function

340...版型處理模組340. . . Version processing module

341~342...版型處理模組功能元件341~342. . . Layout processing module function

350...檔案儲存模組350. . . File storage module

351~353...檔案儲存模組功能元件351~353. . . File storage module function

360...連結處理模組360. . . Link processing module

361...影像連結功能元件361. . . Image link function

410...預設使用者介面410. . . Default user interface

411...Html轉檔模組411. . . Html transfer module

412...Flash電子書轉檔模組412. . . Flash e-book transfer module

413...APP電子書轉檔模組413. . . APP e-book transfer module

414...PDF電子檔轉檔模組414. . . PDF electronic file transfer module

第1圖為本發明網路多用途自動轉檔系統之系統方塊圖;1 is a system block diagram of a network multi-purpose automatic transfer system of the present invention;

第2圖為本發明網路多用途自動轉檔系統版面編輯功能圖;2 is a layout editing function diagram of the network multi-purpose automatic transfer system of the present invention;

第21圖至第24A圖為本發明網路多用途自動轉檔系統版面編輯功能操作示意圖;21 to 24A are schematic diagrams showing the operation of the layout editing function of the network multi-purpose automatic transfer system according to the present invention;

第3圖為本發明網路多用途自動轉檔系統物件影像處理模組之系統結構示意圖;3 is a schematic structural diagram of a system for processing an image processing module of a network multi-purpose automatic transfer system according to the present invention;

第4圖為本發明網路多用途自動轉檔系統網路多功能轉檔模組之系統結構示意圖;4 is a schematic diagram of a system structure of a network multi-function transfer module of the network multi-purpose automatic transfer system according to the present invention;

第5圖為本發明網路多用途自動轉檔系統實施方法流程示意圖。FIG. 5 is a schematic flow chart of a method for implementing a network multi-purpose automatic transfer system according to the present invention.

11...伺服器端11. . . Server side

12...使用者端12. . . User side

13...網路13. . . network

14...版面編輯機制14. . . Layout editing mechanism

15...物件影像處理模組15. . . Object image processing module

16...網路多功能轉檔模組16. . . Network multi-function transfer module

17...預設使用者介面17. . . Default user interface

18...資料儲存區18. . . Data storage area

Claims (19)

一種網路線上轉檔機制其內容包括:一網路版面編輯機制,可於瀏覽器上執行一伺服器端提供的頁面編輯程序,具有文字、圖像、版型、跳頁、超連結等編輯工具,使用者可據此於網路上進行頁面編輯。一物件影像處理模組位於伺服器端,可接收版面編輯機制複數個標記標籤,可執行多執行序工作,可各別執行網路版面編輯機制物件修改要求,並可將各別編輯好的物件結合成一整體頁面並將其呈現於網路版面編輯機制上,可接受網路轉檔模組之請求,將儲存於資料儲存區的頁面標記進行檔案轉換成PDF檔,並將PDF檔案儲存於資料儲存區的位置和頁面標記遞送給網路多功能轉檔模組。一網路多功能轉檔模組位於伺服器端,其可執行使用者指定之轉檔需求,可和物件影像處理模組經由中介軟體進行資訊傳遞,並將物件影像模組轉好之檔案依使用者指定之需求加上一電子書框架和產生一標記儲存於資料儲存區,供使用者取用。一伺服器端儲存網路線上轉檔機制所需使用之網頁程序,以及儲存使用者儲存檔案之檔案元件標記、檔案路徑,以及轉檔後之數位檔案及URL位置。A network online transfer mechanism includes: a network layout editing mechanism, which can execute a page editing program provided by a server on a browser, and has edits such as text, image, layout, page jump, hyperlink, etc. A tool that allows users to edit pages on the web. An object image processing module is located at the server end, and can receive a plurality of mark labels of the layout editing mechanism, and can perform multiple execution order work, and can respectively perform the object modification requirements of the network layout editing mechanism, and can respectively edit the edited objects. Combine into a whole page and present it on the network layout editing mechanism, accept the request of the network transfer module, convert the page mark stored in the data storage area into a PDF file, and store the PDF file in the data file. The location of the storage area and the page mark are delivered to the network multi-function transfer module. A network multi-function transfer module is located at the server end, and can execute a user-specified transfer request, and can perform information transmission with the object image processing module via the intermediary software, and convert the object image module to a file according to the file. The user-specified requirements plus an e-book frame and a mark are stored in the data storage area for the user to access. A server program stores a webpage program required for a network online transfer mechanism, and a file component tag, a file path for storing a user stored file, and a digital file and a URL location after the file is transferred. 如申請範圍第1項所述之一種網路線上轉檔機制,其中網路版面編輯機制的文字編輯即時顯示功能至少包含有文字物件新增、修改、拖拉、縮放、旋轉、顏色、字體、字級、加粗、齊左、齊中、齊右等功能及其功能被引用後產生相對應的XML元素標記編號、識別碼。The online online transfer mechanism of the first aspect of the application, wherein the text editing instant display function of the network layout editing mechanism includes at least a text object addition, modification, drag, zoom, rotation, color, font, word The functions such as level, bold, left, center, and right are referenced to generate the corresponding XML element tag number and identification code. 如申請範圍第1項所述之一種網路線上轉檔機制,其中網路版面編輯機制圖像編輯即時顯示功能至少包含有圖像物件新增、修改、拖拉、縮放、裁切、換圖等功能及其功能被引用後產生相對應的XML標記編號、識別碼。The network online transfer mechanism described in the first aspect of the application, wherein the online editing function of the network layout editing mechanism includes at least an image object addition, modification, dragging, zooming, cutting, changing, and the like. The function and its function are referenced to generate the corresponding XML tag number and identification code. 如申請範圍第1項所述之一種網路轉檔機制,其中網路版面編輯機制連結功能,包括有連結物件新增、刪除、拖拉、縮放等功能及其功能被引用後產生相對應的XML元素標記編號、識別碼。The network translation mechanism of the first aspect of the application, wherein the network layout editing mechanism linking function includes adding, deleting, dragging, zooming, and the like of the linked object, and the function is referenced to generate the corresponding XML. Element tag number, identification code. 如申請範圍第1項所述之一種網路轉檔機制,其中網路版面編輯機制版型變換功能,可點選版型選項進行版型更換,可點選插頁或刪除頁面以進行頁數更換等功能及其功能被引用後產生相對應的XML元素標記編號、識別碼。For example, the network translation mechanism described in the first item of the application scope, wherein the network layout editing mechanism version conversion function can be selected by the layout option, and the page number can be selected or deleted. The replacement function and its functions are referenced to generate the corresponding XML element tag number and identification code. 如申請範圍第1項所述之一種網路轉檔機制,其中網路版面編輯機制的檔名修改功能可修改儲存於伺服器中的檔名,當使用者點選檔案儲存功能後將執行網頁程序,將所有在網頁編輯頁面上的物件資訊以XML加以編碼,經由物件影像處理模組將所有XML標記的物件資料傳遞到伺服器端的資料儲存區內,便於下一次取用。A network transfer mechanism as described in claim 1, wherein the file name modification function of the network layout editing mechanism can modify the file name stored in the server, and the user executes the web page when the user selects the file storage function. The program encodes all the object information on the webpage editing page in XML, and transmits all the XML marked object data to the data storage area of the server through the object image processing module, so that the next access is convenient. 如申請範圍第1項所述之一種網路轉檔機制,其中步驟還原功能可還原上一步、下一步,物件複製功能可複製文字、圖像及連結物件,頁面刪除功能可刪除頁面,頁面插入功能可插入頁面,頁面選擇區可呈現所有頁面及點選任意頁面進行編輯。A network transfer mechanism as described in claim 1, wherein the step restore function can restore the previous step, the next step, the object copy function can copy text, images, and linked objects, and the page delete function can delete the page and insert the page. The function can be inserted into the page, and the page selection area can display all the pages and click any page for editing. 如申請範圍第1項所述之一種網路轉檔機制,其中該標記為以XML作為多媒體物件資料描述性的方法,標記描述性內容包括該些多媒體物件之屬性特徵區分為文字、圖像、版型、連結、檔案等標記。。The network transfer mechanism of claim 1, wherein the mark is a descriptive method using XML as a multimedia object data, and the mark descriptive content includes the attribute features of the multimedia objects are classified into text, image, Types, links, files, etc. . 如申請範圍第8項所述之方法其中標記標籤描述性內容包括該物件一般性描述至少包括座標、尺寸及物件編號等。The method of claim 8, wherein the descriptive content of the tag includes the general description of the object including at least a coordinate, a size, and an item number. 如申請範圍第1項所述之一種網路轉檔機制,其中物件影像處理模組包含一解碼介面,可將線上編輯頁面傳遞的物件XML標記解譯後分析標記內容進行資訊派送,如為文字物件則遞交給文字處理模組,如為圖像物件則遞交給圖像處理模組,版型及頁數相關變動遞交給版型處理模組,各模組依標記內容將物件轉換成圖像物件,可將程序執行結果呈現於版面編輯機制的頁面上。The network transposition mechanism of claim 1, wherein the object image processing module comprises a decoding interface, and the XML tag of the object transmitted by the online editing page is interpreted and analyzed, and the information is delivered, such as text. The object is submitted to the word processing module, and if it is an image object, it is submitted to the image processing module, and the type and page number related changes are submitted to the pattern processing module, and each module converts the object into an image according to the marked content. An object that presents the results of the program execution on the page of the layout editing mechanism. 如申請範圍第11項所述之物件影像處理模組,其中的檔案儲存模組會將編輯頁面變動資料的標記依變動順序記錄於資料暫存區,待版面編輯機制儲存需求提交後,以XML標記語言遞交給檔案儲存模組,將資料暫存區內頁面各物件上的最後一筆標記資料經由標記頁面整合模組產生一最新的頁面,同時經由縮圖模組同步產生一頁面縮圖檔,而後將頁面標記和縮圖路徑儲存於伺服器端的資料儲存區。The image processing module of the object of claim 11, wherein the file storage module records the mark of the edited page change data in the data temporary storage area according to the change order, and after the file editing requirement is submitted, the XML is submitted. The markup language is submitted to the file storage module, and the last mark data on each object of the page in the data temporary storage area is generated by the mark page integration module to generate a new page, and a page thumbnail file is generated through the thumbnail module synchronization. The page mark and thumbnail path are then stored in the data storage area of the server. 如申請範圍第12項所述之檔案儲存模組其中包含一資料暫存區,可將所有在版面編輯機制頁面上的物件標記的物件資料依照取用順序將標記資料分別記錄下來,如需將編輯步驟還原到上一步時可快速取用標計內容。The file storage module described in item 12 of the application scope includes a data temporary storage area, and all the object data marked on the page on the layout editing mechanism page can be recorded separately according to the order of use, if necessary, The editing step can be quickly accessed when you revert to the previous step. 如申請範圍第1項所述之一種網路轉檔機制其中網路多功能轉檔模組,更包含一Html轉檔模組可將物件影像模組轉出的Html頁面依據Html標記資訊套入CSS框架並將套入CSS框架的相關頁面資料檔案標記儲存於伺服器端資料儲存區,並回應一URL的Html檔案位置,使用者可將此URL放於網頁上進行分享或超連結。The network transfer mechanism of the first aspect of the application, wherein the network multi-function transfer module further includes an Html transfer module to insert the Html page of the object image module according to the Html mark information. The CSS framework stores the relevant page data file tags embedded in the CSS framework in the server-side data storage area and responds to the Html file location of a URL, which the user can place on the web page for sharing or hyperlinking. 如申請範圍第1項所述之一種網路轉檔機制其中網路多功能轉檔模組,更包含一Flash電子書轉檔模組可將物件影像模組轉出的PDF頁面依據PDF標記資訊套入Flash框架並將套入Flash框架的相關頁面資料檔案標記儲存於伺服器端資料儲存區並回應一URL的Flash檔案位置,使用者可將此URL放於網頁上進行分享或超連結。A network transfer mechanism according to the first aspect of the application, wherein the network multi-function transfer module further includes a Flash e-book transfer module that can transfer the PDF image of the object image module according to the PDF mark information. Nested into the Flash framework and stored in the server-side data storage area of the Flash framework and responded to the URL file location of the URL, the user can place the URL on the web page for sharing or hyperlinking. 如申請範圍第14項所述之Flash電子書轉檔模組,包含一附檔名為.swf的Flash電子書功能框架及各種頁面格式轉換執行程序如PDF轉成JPG、SWF等頁面檔案格式,此附檔名為.swf的Flash電子書功能框架可依據PDF檔的XML標記將已轉換好的頁面檔案如PDF或JPG分頁嵌入,Flash電子書閱讀功能框架有書籤、翻頁、放大、縮小、跳頁及標記等各種電子書常用閱讀功能。For example, the Flash e-book conversion module described in item 14 of the application scope includes a Flash e-book function frame with a file name of .swf and various page format conversion execution programs such as PDF to JPG, SWF and other page file formats. The Flash e-book function framework with the .swf file can embed the converted page files such as PDF or JPG pages according to the XML mark of the PDF file. The Flash e-book reading function frame has bookmarks, page turning, zoom in, zoom out, Common reading functions for various e-books such as page jumps and markup. 如申請範圍第1項所述之一種網路轉檔機制其中網路多功能轉檔模組,更包含一APP電子書轉檔模組,可將物件影像模組轉出的PDF頁面依據PDF標記資訊套入APP電子書框架並將套入APP電子書框架的相關頁面資料檔案標記儲存於伺服器端資料儲存區並回應一URL的APP檔案位置,使用者可將此URL放於網頁上進行分享或超連結。A network transfer mechanism according to the first aspect of the application, wherein the network multi-function transfer module further includes an APP e-book transfer module, and the PDF page of the object image module can be converted according to the PDF mark. The information is embedded in the APP e-book framework and the relevant page data file tag embedded in the APP e-book frame is stored in the server-side data storage area and responds to the URL file location of the URL, and the user can place the URL on the web page for sharing. Or hyperlink. 如申請範圍第16項所述之APP電子書轉檔模組,包含一附檔名為.apk的APP電子書功能框架及各種頁面格式轉換執行程序如PDF轉成JPG、SWF等頁面檔案格式,此附檔名為.apk的APP電子書功能框架可依據PDF檔的XML標記將已轉換好的頁面檔案如PDF或JPG分頁嵌入,APP電子書閱讀功能框架有書籤、翻頁、放大、縮小、跳頁及標記等各種電子書常用閱讀功能。The APP e-book conversion module described in item 16 of the application scope includes an APP e-book function framework with an .apk file name and various page format conversion execution programs such as PDF to JPG, SWF and other page file formats. The APP e-book function framework with the file name .apk can embed the converted page file such as PDF or JPG page according to the XML mark of the PDF file. The APP e-book reading function frame has bookmarks, page turning, zoom in, zoom out, Common reading functions for various e-books such as page jumps and markup. 如申請範圍第1項所述之一種網路轉檔機制其中網路多功能轉檔模組,更包含一PDF電子書轉檔模組,可將物件影像模組轉出的高解析度PDF頁面依據PDF標記資料儲存於伺服器端資料儲存區,並回應一URL的檔案位置,使用者可將此URL放於網頁上進行分享或超連結。For example, in the network transfer mechanism described in the first item of the application, the network multi-function conversion module further includes a PDF e-book conversion module, and the high-resolution PDF page can be transferred from the object image module. The PDF markup data is stored in the server-side data storage area and responds to the URL location of the URL, and the user can place the URL on the webpage for sharing or hyperlinking. 如申請範圍第1項所述之一種網路轉檔機制其中網路多功能轉檔模組,儲存於資料儲存區的標記將記載此機制轉出檔案的檔名、頁數、頁面尺寸、創作日期及儲存位置等資訊。In the network transfer mechanism described in item 1 of the application, wherein the network multi-function transfer module, the mark stored in the data storage area records the file name, page number, page size, and creation of the file transferred out of the file. Information such as date and storage location.
TW101108871A 2012-03-15 2012-03-15 Multipurpose network editing page automatic conversion mechanism TW201337605A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW101108871A TW201337605A (en) 2012-03-15 2012-03-15 Multipurpose network editing page automatic conversion mechanism

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW101108871A TW201337605A (en) 2012-03-15 2012-03-15 Multipurpose network editing page automatic conversion mechanism

Publications (1)

Publication Number Publication Date
TW201337605A true TW201337605A (en) 2013-09-16

Family

ID=49627877

Family Applications (1)

Application Number Title Priority Date Filing Date
TW101108871A TW201337605A (en) 2012-03-15 2012-03-15 Multipurpose network editing page automatic conversion mechanism

Country Status (1)

Country Link
TW (1) TW201337605A (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI638314B (en) * 2017-08-10 2018-10-11 易易資設有限公司 Method for editing an html document
CN111324841A (en) * 2018-12-14 2020-06-23 英业达科技有限公司 Test question file format conversion system and method
CN112269960A (en) * 2020-11-12 2021-01-26 携程旅游网络技术(上海)有限公司 Webpage updating method, system, equipment and storage medium based on associated report
TWI728641B (en) * 2020-01-06 2021-05-21 中華電信股份有限公司 Two-layer multi-thread database transfer and comparison system and method

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI638314B (en) * 2017-08-10 2018-10-11 易易資設有限公司 Method for editing an html document
CN109388787A (en) * 2017-08-10 2019-02-26 易易资设有限公司 Method for editing hyper document markup language document
CN111324841A (en) * 2018-12-14 2020-06-23 英业达科技有限公司 Test question file format conversion system and method
TWI728641B (en) * 2020-01-06 2021-05-21 中華電信股份有限公司 Two-layer multi-thread database transfer and comparison system and method
CN112269960A (en) * 2020-11-12 2021-01-26 携程旅游网络技术(上海)有限公司 Webpage updating method, system, equipment and storage medium based on associated report
CN112269960B (en) * 2020-11-12 2024-02-13 携程旅游网络技术(上海)有限公司 Webpage updating method, system, equipment and storage medium based on associated report

Similar Documents

Publication Publication Date Title
US11514234B2 (en) Method and system for annotation and connection of electronic documents
EP1597680B1 (en) Markup language cut-and-paste
US8566711B1 (en) Document views
JP4829662B2 (en) Automatic layout system, information providing method, and server system
US7240294B2 (en) Method of constructing a composite image
JP5383234B2 (en) Information processing apparatus and print control method
US7240281B2 (en) System, method and program for printing an electronic document
US20090132907A1 (en) Annotation Structure for Web Pages, System and Method for Annotating Web Pages
US20140047530A1 (en) System, method and apparatus for selecting content from web sources and posting content to web logs
US20110035660A1 (en) System and method for the automated creation of a virtual publication
JP2009524883A (en) Presenting digital content to the network
US10210142B1 (en) Inserting linked text fragments in a document
US20170075530A1 (en) System and method for creating and displaying previews of content items for electronic works
US8132097B2 (en) Computer-implemented system for creating a publication and method thereof
US9449126B1 (en) System and method for displaying content according to a target format for presentation on a target presentation device
EP2065809A1 (en) Annotation structure for web pages, system and method for annotating web pages
WO2002037939A9 (en) Method of constructing a composite image within an image space of a webpage
TW201337605A (en) Multipurpose network editing page automatic conversion mechanism
JP2015138541A (en) Web content generation system
US20040199874A1 (en) Method and apparatus to display paper-based documents on the internet
CN115309476A (en) Browser-based ofd file display and editing method
JP2007183849A (en) Document processor
JP2010049598A (en) Web-site creation support device and program
US20090287733A1 (en) Method for preparing prepress image data
AU2007237256A1 (en) Annotation structure for web pages, system and method for annotating web pages