JP2013161375A - Edition system - Google Patents

Abstract

PROBLEM TO BE SOLVED: To enable a user to manufacture a screen for Web on the Web by a simple operation, and to achieve output optimized for the other media such as a print medium or a smartphone, and to appropriately perform the output, edition or layout of the screen on the Web from a print original.SOLUTION: The edition system includes: input interface means for providing the creating/editing function of graphic data including graphics, images, texts and their layout on the Web to a user; a database for recording at least the data of each object about individual objects created by the input interface means and the layout information; and output interface means for reading and rearranging the data of each object and the layout information from the database in accordance with an output medium desired by the user to create output data.

Description

The present invention relates to an editing system that outputs an optimized layout according to a user's design for each output medium desired by the user in a single operation.

In recent years, it has become possible to edit various information by accessing Web pages on the Internet. These web pages are HTML (Hyper
It is a structured document written in a structured language such as Text Markup Language (XHTML) or Extensible Hyper Text Markup Language (XHTML). Even if they were printed as they were, satisfactory print output could not be obtained.

On the other hand, when printing on paper or the like, once the printing apparatus has been instructed to print in a description language such as PostScript, drawing or document creation is performed on the Web, and this is converted into PostScript or the like on a personal computer or the like and output. In this case, a very complicated conversion operation is required, and there is a problem that it is difficult to output the image. In booklet printing and the like, it is necessary to create and edit a document of a plurality of pages. For example, Patent Document 1 describes a technique for displaying a post-bookbinding state on an application when editing a printed matter for booklet printing, creating print data based on the display state, and performing printing.

Japanese Patent Laid-Open No. 2001-130083

Thus, with the conventional method, data created / edited on the Web cannot be printed out in a satisfactory manner, or a special application must be used. For example, an individual or a small business user It is realistic to edit freely on the web and print on their own personal computers to produce high-quality printed materials, place them on the printer as they are, or re-edit some of them and reuse them It was difficult. On the other hand, when a high-quality printed matter was created, even if it was posted on the website as it was, the optimal web screen could not be obtained.

The present invention has been made in view of the above-described problems. A web screen is produced on the web, and the output optimized for other media such as a print medium or a smartphone can be obtained by a simple operation. An editing system is provided that can appropriately perform output, editing, and layout of a screen on a Web from a printed document.

In order to solve the above-mentioned problem, the present inventor provides a database for recording data for each object and the layout information about each created individual object, and performs various outputs through the database, thereby The present inventors have found that the problems can be solved and have completed the present invention.

According to the present invention, a user creates a web screen on the web with a simple operation, and performs an output optimized for other media such as a print medium or a smartphone with a simple operation. Alternatively, it is possible to appropriately perform output, editing, and layout of a screen on the Web from a printed document.

It is a conceptual diagram of the system which shows typically one Embodiment of this invention. It is a block diagram which shows the output from the database in one Embodiment of this invention.

Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings. The following embodiments do not limit the present invention according to the claims, and all combinations of features described in the present embodiments are essential to the solution means of the present invention. Not exclusively.

FIG. 1 is a diagram schematically illustrating the present invention, and an input interface means for providing a user with a function of creating / editing graphic data including graphics, images, text, and their layout on the Web, and at least, A database that records the data for each object and its layout information about individual objects created by the input interface means, and the data and layout information for each object are read from the database and rearranged according to the output medium desired by the user. An editing system having output interface means for generating output data is shown.

The “input interface means” provides a user with a function for creating / editing graphic data including graphics, images, text, and their layouts on the Web. For example, in the upper diagram of FIG. 1, a schematic diagram (graphic) of a digital drum set and an explanatory text (text) thereof are drawn. The input interface means includes various drawing / drawing tools as well as general figure creation software, and includes, for example, straight line drawing, free curve drawing, Bezier curve drawing, polygonal line drawing, fixed figure drawing, Eraser etc. are included. For example, in addition to basic figures such as circles, arcs, ellipses, elliptical arcs, rectangles, and rhombuses, the standard figure drawing is a standard figure such as an arrow or JISX 0121: 1986 "Information Processing Flowchart / Program Network Diagram / System Resource Diagram Symbol" This includes typical figures. It is good also as what a user can register various figures as needed. Also included are functions for selecting the type of line (dotted line, solid line, broken line, etc.), its thickness, and other attributes (color, pencil, paint brush, shaded etc.). However, these are examples, and drawing and functions of figures not included here are naturally included in the present invention.

The “input interface means” is not particularly limited as long as it provides the user with the above functions. Usually, the “input interface means” may be created by a JAVA application or other dedicated function functioning on the Web. Software may be used.

As shown in FIG. 1, the “input interface means” provides various menus to the user. The data of each object generated by the above drawing / drawing function is stored in a database in a predetermined format. Is done. Here, for example, in the case of straight line drawing, the predetermined format is the thickness of the straight line drawn by the above drawing, the type of line, the color and other attribute values, the start point and the end point, and is generally vector data. . The object may be, for example, a unit of lines or figures actually drawn by the drawing function, or the entire drum set of FIG. 1 or individual drums (for example, ride cymbal, hi-hat, tam tom, snare drum, bass drum) Etc.). The semantic unit is basically set by the user selecting and grouping (for example, hi-hat component), but may be set according to the meaning that is automatically grasped (for example, human face, etc.) Can be automatically recognized as a semantic unit including the outline of the nose and mouth). Thereby, another figure can be easily generated by changing a part of the figure (for example, changing the arrangement of the cymbal system as in the upper part of FIG. 1).

The object may be a three-dimensional object. In this case, for example, the object may include a definition of a polygon or a texture (however, the three-dimensional drawing method is not particularly limited), and the display direction can be freely changed. You may be made to do. Also, as shown in FIG. 1, these figures may include text. The text can be in any language or font. Here, the object by the user's drawing / drawing has been described, but the object may be introduced (pasted) from the outside. Such objects introduced (pasted) from the outside include pictures and moving images in addition to figures and text.

The contents of these objects (hereinafter also referred to as content data) and layout data are registered in the database. Registration in the database may be performed every time drawing, drawing, introduction (pasting), or each time a file is saved.

A file generated by a drawing / drawing function on the Web can be displayed on the Web as it is. However, in the Web display, it is generally difficult to read if the line spacing is clogged, and the balance within the page is a very important factor on the paper. For example, in FIG. 1, the “input user interface” field shows a Web display mode (the upper row is an example of an edit screen, and the lower row is an example of a display-only screen). A layout with a large space is preferable. However, if this is printed as it is, it gives a stretched impression. As described above, the optimal form is generally different between the layout of the Web display and the layout of the print display.

In the present invention, the content data registered in the database is rearranged according to the output medium by such a layout rule or a user operation. In FIG. 1, an example of print output on a paper surface is shown in the leftmost column. For example, in the example in the upper part of FIG. 1, the page is divided, the rearrangement of the figure part is performed, and the positional relationship between the text and the figure is adjusted. In the example in the lower part of the figure, the text position, the text block recombination, The position is reduced, the size of the figure is enlarged, and the like. In the figure, print output is performed from the “input user interface”, but in reality, the content data registered in the database is rearranged according to the output medium (however, this point is conscious of the user). Need not be).

Note that the file generated by the web drawing / drawing function does not necessarily have to be for web display. For example, drawing / drawing may be performed with a layout for a print medium, and this may be converted to a web page. In particular, plain data that does not define an output medium is created first, and this is created for the web and print respectively. It may be converted into an application. What is important is that the content data is registered in the database, and is rearranged and optimized according to the output medium.

The output medium is, for example, paper, Web, iPad, etc., as shown in the right column of FIG. However, this is a typical example at the present time. For example, paper indicates general printing, Web indicates display on a personal computer through the Internet, and iPad indicates display on another electronic medium. In the present invention, an output optimized according to these outputs is performed by a layout change by a predetermined layout rule, a user-defined layout rule, or a user's manual adjustment. FIG. 2 schematically shows this process. Here, content data and layout data are recorded in the database. In general, administrative data (for example, user data) is also registered. When a user accesses the data, data required for collation, data required for content data and layout data for each user, data for billing, etc. Data etc. are also recorded. However, each data need not be recorded in a single database, and the logical and physical configuration of the database can be arbitrarily set.

In the present invention, each output file is generated from the content data stored in the database and the layout data for each medium. In FIG. 2, the layout data is shown stored in the database. However, as described above, the layout rules and the like may be stored in the database, and may be recalculated and arranged for output. Good.

In the present invention, the output file may be generated as another version of the same type. For example, in FIG. 2, as shown in the rightmost column, a Japanese version (JA), an English version (EN), and a German version (DE) are generated for each output file. This is because it is necessary to change the size of the text box because the size of the character, the length of the translated word, and the like differ depending on the language. In this case, for example, the difference in average translation length is recorded in advance, and the document optimized by each language is changed by changing the size of the text layout part or the size of the character according to the setting or instruction of the user. Etc. can be output. Although not clearly shown in the figure, such text data may be recorded in advance in a database for each sentence of {JA, EN, DE}, for example, A sentence in any language may be stored in a database and automatically translated when the document is output.

Here, examples of differences in translation languages are given, but various versions of output files can be assumed. For example, if it is a flyer for advertisement, you may make it produce several things which changed the price according to a certain rule, and change the style of the text, the contents, and the contents of the figure depending on the sex and age of the target person. May be. In the case of magazine advertisements, it is easy to create a plurality of compositions that reflect the difference in version.

Document changes can also be made over time. For example, the text style, content, and graphic content may be changed over time without changing the basic structure of the document. These can be automatically processed, but may be changed by a user's manual operation. For example, in the case of a flyer for advertisement, it is conceivable that a user calls content data from a database as necessary and re-edits and reuses it.

The output file may be in any format as long as it is generally used for the output medium. For example, for the Web, an HTML file or a file that can be displayed by a predetermined browser, or for printing, a PDF (Portable
Document format (EMF), Enhanced Meta File (EMF), PDF, XPS (XML Paper Specification), etc. The format format listed here for printing is an example of data having layout information, but bmp and jpeg may be combined with layout information as appropriate, and the format format is not limited to the above. Alternatively, the file format displayed by specific software may be used. Although different from the original display, the data in the database can also be exported as an XML file or a CSV file.

In the editing system of the present invention, a user (PC) connects to one or a plurality of servers via the Internet, displays a Web page, and performs drawing, drawing, and editing. A Web page is a structured document described in HTML or XHTML, and elements constituting the structured document such as text, images, and background information are described using tags. A CSS for specifying the display style of these elements is specified as a separate file in the structured document. The browser analyzes these structured document files and displays them on a display device such as a PC display. The PC may be connected to a local printer, and an output file (for example, PDF file) can be downloaded onto the PC and printed by the printer. Alternatively, the output file may be sent to the printer as it is.

The present invention also re-calculates a layout process for arranging the editing target element in at least one of the Web pages shown as an output layout, and layout data stored for each editing target element for each output medium, and prints There is provided an editing method including generating output data for each output medium without impairing an image of a Web page shown as a layout.

Although the configuration of the editing method of the present invention is not particularly limited, the document creation / editing module is, for example, plug-in software called from a browser (for example, a JAVA application, but not particularly limited), and a user accesses the Web This is executed when an edit instruction in the print layout is given on the Web.

In the document creation / editing module, for example, when the user edits the element to be edited with respect to the browser, the element to be edited extracts the element to be edited of the structured document file from the browser. The display elements in the present embodiment are part or all of the web page displayed by the browser, and are substantially the same as the screen area drawn on the connected display device. As will be described later, the elements extracted by the editing target element extraction unit are registered in the database and become reeditable editing target elements. Moreover, various methods can be used for the display element acquisition method. For example, a method in which a user extracts an element to be edited determined by designating a desired area or layer for a displayed Web page, or a browser that analyzes a structured document by a display element extraction unit. There are a method of automatically extracting from a screen, a method of specifying an element to be edited from an editing history, and the like. However, this embodiment does not specify the extraction method.

The display element extracted by the display element extraction unit is converted and held as extracted data in a database existing outside the structured document printing module. The extracted data is data having layout information obtained by extracting and converting the display elements displayed on the browser screen by the display element extracting unit, and includes content data and layout data as described above.

The edit target element display unit may perform display control in which extracted data is arranged and a final printed matter when printing is executed by executing a print function is displayed on the display device as a schematic print preview image. Various methods can be used as the arrangement method of the extracted data. For example, a method of automatically placing the extracted data at a predetermined position in the edit target element display unit, or the user selects desired extract data from a plurality of extracted data listed, and the edit target element display unit There is a way to arrange. In addition, there is a method of arranging the extracted data already arranged in the edit target element display unit by moving it to another position by a drag and drop operation, but this embodiment does not specify the arrangement method.

The coordinate detection unit detects a coordinate position indicating where the extracted data is located in the print preview image displayed on the display device by the editing target element display unit, and transmits the detected coordinate position and the extracted data to the database. . The coordinate position may indicate, for example, a coordinate in a window for displaying a print preview image, or may indicate a coordinate in an area where a page is arranged in the window.

Claims (4)

Input interface means for providing a user with a graphic data creation / editing function including graphics, images, texts and their layouts on the Web, and at least for each individual object created by the input interface means An editing system comprising a database for recording data and layout information thereof, and an output interface means for reading out and rearranging the data and layout information for each object from the database in accordance with an output medium desired by a user and creating output data . The output interface function has a calculation function for optimizing the data for each object and its layout information according to the medium in accordance with the output medium at the time of rearrangement. The editing system according to claim 1, which enables output. According to the user's instructions, it has a calculation function that optimizes the data for each object and its layout information to multiple versions according to the purpose for one type of output medium. The editing system according to claim 1, which enables output in the form of a version. An element creation / editing process for creating and / or editing an element to be edited in a web page corresponding to a structured document;
A layout process in which the editing target element is arranged in at least one of the Web pages shown as an output layout, and layout data stored for each editing target element is recalculated for each output medium, and the Web shown as a print layout An editing method comprising generating output data for each output medium without damaging a page image.