KR20000015619A - Apparatus and method for generating a web document automatically - Google Patents

Abstract

PURPOSE: An apparatus and method is provided to prevent a mistake of a user previously detecting a connection of cursor and a use of erroneous icon. CONSTITUTION: The method for generating a web document comprises the steps of: analyzing icons comprehended in a document worked at an editor according to each class to check whether or not a use of the icon satisfies a spacial limit condition and a connection between icons is logical; dividing the icons to a lattice to calculate an icon location in a table by a location of the lattice; generating a HTML document by use of the location information of the icon; analyzing a document worked at a sight editor(204) to generate an SQL door for an icon of a quality when the icon of the quality is used; and generating a CGI code(102) for searching a database by the SQL door.

Description

Web document automatic generating device and method

The present invention relates to an apparatus and method for automatically generating a web document from graphical information created in a data flow method. In particular, the present invention relates to an automatic analysis of visually generated icons, and to an automatic editing of a document. The present invention relates to an automatic web document generator and method for automatically generating HTML code and CGI programs that support WYSIWYG (WYSIWYG), which allows the content to be displayed in real time.

In general, the Web uses the Hypertext Markup Language (HTML), which consists of tags for the transfer of information, and can handle dynamic data according to client requests as well as passive transmission of static data. Use Common Gateway Interface (CGI) program.

FIG. 1 illustrates a general configuration diagram of a system for operating such a web application. Referring to FIG. 1, the system for operating a web application includes a web client that wants to use a web application. Browser) 100, a web server 101 for providing a web application to the web client 100, and the web server 101 used as means for providing information to the web client 100. A web document 102, a database 106 for providing various data to the web document, and a database management system 105 for managing the database 106. The web document 102 includes an HTML code 103; And CGI code 104.

At this time, the web client 100 and the web server 101 communicate with the web client 100 by a hypertext transfer protocol (HTTP), and the CGI code 104 manages a database. The DB (Data Base Manegement System) 105 accesses the database 106 existing on the server and dynamically retrieves the information to generate a web document. First, the user's query is processed to process the SQL (Structured) Create a Query Language) statement and execute the generated SQL statement in the database management system. The SQL statement supports the use of declarative statements as a standard language for database access and retrieval.

In such a web application, the data flow method consists of a node and an arrow, and the input / output of the node is determined according to the direction of the arrow, which represents the web user access and database search operation in the web application. Arrows indicate data and control flow between nodes.

Conventional web documents created by the web application use WYSIWYG information, including location information, because HTML tags are input using text in an editor, or content composed of general word documents is converted into HTML tags. It is not reflected in the tag. In other words, the screen displayed during editing is different from the screen displayed by the actual web browser. In addition, since a CGI program for searching a database uses a text program separately from an editor, there is a difficulty in that a user must program in text to generate the CGI program.

Therefore, in order to improve the problems of the prior art as described above, and to create a web document more easily, the present invention provides a function for automatically generating a document written by a user as a web document in WYSI-WYG. Enables automatic generation of CGI programs for database searching, and provides a constraint on the documents created in the editor to detect the use of logically faulty icons and linking arrows to help users avoid mistakes. An apparatus and method for generating a document are provided.

The automatic web document generating apparatus provided by the present invention is icon information necessary for editing a web document, and information on the shape of the icon appearing when the icon is edited, the behavior of the icon performed by the user interaction, and the icon are converted into HTML tags. An information dictionary including an icon dictionary defining a rule to be converted, an information dictionary including a constraint defining an inclusion relationship of the icon or expressing a restriction on the connection of the icon, and a GUI representing a web user connection using the icons stored in the information dictionary A visual editor for creating a document including a process icon for performing an icon or database search and linking the attribute of the icon to the GUI icon to connect the retrieved database field and the web user connection; Written by visual editor It automatically checks whether there is no error by checking whether the icon information store for storing the document and the document created in the visual editor satisfy the spatial constraints on the use of the icon or whether the connection between the icons is logically valid. Consists of a web document generator that generates web documents.

The web document automatic generation method provided by the present invention comprises an icon analyzer, an HTML document generator, and a CGI code generator, the web document generator for automatically generating a web document by a document created by including an icon in the editor, A first process of analyzing the icon for each type of icon included in the document created by the editor to check whether the use of the icon satisfies spatial constraints and whether the connection between the icons is logically valid; The second process of viewing the table by dividing the icon included in the document into a grid to calculate the icon position in the table by the position information of the grid, and generating the HTML document by generating the position information of the icon as an actual HTML tag. And, if the query icon is used by analyzing the document created in the visual editor, After generating the SQL statement for the query icon, the third step is to generate CGI code for searching the database by the SQL statement.

1 is a configuration diagram of a system for operating a general web application;

2 is a block diagram of an apparatus for automatically generating a web document according to an embodiment of the present invention;

3 is a flowchart illustrating an icon analysis process according to an embodiment of the present invention;

4 is a flowchart illustrating a process of generating an HTML document according to an embodiment of the present invention;

5 is a flowchart illustrating a CGI code generation process according to an embodiment of the present invention.

<Explanation of symbols for main parts of drawing>

100: web client 101: web server

102: Web Document 103: HTML Code

104: CGI Code 105: DBMS

106: Database 201: Information Dictionary

204: Visual Editor 208: Icon Information Store

209: Web Document Generator

Hereinafter, the present invention will be described in detail with reference to the accompanying drawings.

2 is a block diagram of an apparatus for automatically generating a web document according to an embodiment of the present invention, FIG. 3 is a flowchart illustrating an icon analysis process according to an embodiment of the present invention, and FIG. 4 is an embodiment of the present invention. 5 is a flowchart illustrating a process of generating an HTML document according to an example, and FIG. 5 is a flowchart illustrating a process of generating a CGI code according to an embodiment of the present invention.

First, referring to FIG. 2, the apparatus for automatically generating web documents according to the present invention includes an information dictionary 201, a visual editor 204, an icon information storage 208, and a web document generator 209. At this time, the information dictionary 201 has an icon dictionary 202 necessary for editing and a constraint 203 for analyzing an icon. The icon dictionary 202 has information about the shape of an icon that appears during editing and a user. Define the behavior of the icon performed by the interaction and the rules by which the icon is converted to HTML tags, wherein the constraint 203 defines the inclusion relationship of the icon or represents a constraint on the connection of the icon.

The visual editor 204 creates a document containing an icon using the icons stored in the information dictionary 201 and stores the created document in the icon information store 208.

In this case, the icons included in the document may include a GUI icon, a process icon, and a flow icon. Accordingly, the visual editor 204 may edit the GUI icon editor 205 or the process icon editor 206. And a flow icon editor 207.

The GUI icon is an icon representing a web user connection and has the same shape as an icon used in an editor and a tag of a web browser. The process icon is an icon for performing a database search. It is used to link database fields with web user connections. On the other hand, the flow icon performs the connection between the icons, it is divided into a data flow for connecting data and a control flow indicating a control relationship according to the type of connection.

On the other hand, the web document generator 209 checks whether the document created by the visual editor 204 satisfies the spatial constraints in the use of the icon or whether the connection between the icons is logically valid, thereby checking whether there is no logical error. After the inspection, the web document is automatically generated, an icon analyzer 210 for checking icon correspondence, an HTML document generator 211 for automatically generating HTML documents, and a database search are performed. It consists of a CGI code generator 212 that automatically generates CGI code.

At this time, the icon analyzer 210 checks the correspondence of the icons according to the types of icons included in the document created by the visual editor 204 to determine whether the use of the icons satisfies the spatial constraints and the connection between the icons. Logically valid, the HTML document generator 211 looks at the document created by the visual editor 204 as a table, divides the icons included in the document into a grid, and positions the icons in the table by the location information of the grid. To generate the HTML document by generating the location information of the icon as an actual HTML tag. In addition, the CGI code generator 212 analyzes the document created by the visual editor 204, and if a query icon is used, generates a SQL statement for the query icon, and then searches for a database by the SQL statement. Generate CGI code.

3 to 5 will be described in more detail the process of performing the automatic web document generation method in the web document generator 209.

Referring to FIG. 3, an icon analysis process of the icon analyzer 210 is as follows. First, since icon analysis is performed differently according to the type of the icon, when the analysis operation of the icon analyzer 210 starts, the icon analyzer 210 searches the icon (302) to check the type (303). After that, an analysis task is performed for each kind, and the analysis task is continued until the icon no longer exists (311).

As a result of checking the icon type (303), if it is a GUI icon, the parent icon is searched (304), and if the parent icon satisfies the containment relation constraint with reference to the constraint 203 of FIG. If the constraint is not satisfied, an error message is output (306).

On the other hand, in the case of a process icon, first, it is examined whether the process icon is an imported icon (307), and if the icon is imported as a result of the investigation (307), the original icon is searched (308) if the original icon exists (309). The property of the original icon and the property of the imported icon are combined 310.

In this case, the import icon is an icon used for transferring arguments between pages when process icons performing the same task are commonly used in different web pages. The properties of the page icon will change as well. If, as a result of the original icon existence check 309, if the original icon for the import icon does not exist, an error message is output (306).

On the other hand, since there are two types of flow icons, a data flow and a control flow, first, the flow icon is examined (313).

At this time, the data flow is a flow in which the property of the start icon is set to the property of the end icon connected by the arrow, and the control flow is a situation in which the operation of the end icon connected to the flow is performed when a specific event occurs in the start icon. In this case, data flow is possible when the GUI icon starts with the GUI icon and the GUI icon or the process icon is connected to the end (314-316). The control flow is a connection only possible if the start icon is a GUI icon and the end icon is a process icon (318-321).

When the analysis of the icon is completed by such a process, a process of generating an HTML document is performed, which is shown in FIG. 4 in the process of generating such an HTML document.

In the present invention, the entire document is viewed as a table, and the space occupied by each icon is treated as a component of the table, and the process is divided into grids. Referring to FIG. 4, the process of generating an HTML document divides the icons included in the document into grids. (402-405), a table location of the icon, a tag that allows multiple columns to be combined into a single column (hereinafter referred to as rowspan), and a tag that allows multiple rows to be combined into a single row ( 406-411 is calculated, and steps 412-421 are actually generated as HTML tags.

First, the process of dividing the icon into a grid includes searching for the icon (402) until the icon no longer exists (404), and starting and ending points of the retrieved icon in the X-axis information list of the table for the X and Y axes ( widthListX) and Y-axis information list (widthListY) (403). That is, the X-axis start point and end point of the icon are input to the X-axis information list (widthListX), and the Y-axis start point and end point of the icon are input to the Y-axis information list (widthListY). Therefore, the X-axis information list (widthListX) and the Y-axis information list (widthListY) have the grid information of the document, and the complete grid information is maintained by sorting according to the order of the included values (405).

Based on the grid information created as described above, a process (406-408) of matching the value of the actual icon in the grid with the value of the table tag is continued.

First of all, the row and column occupied by the icon in the table mean the index of the list where the values of the X-axis information list (widthListX) and Y-axis information list (widthListY) match the X and Y values of the icon start point. The icon's X and Y positions are determined by the value (407), and the colspan of the icon is obtained by subtracting the index value of widthListX at the start point of the X axis from the index value of widthListX at the icon's X axis end point, Since the index value of widthListX at the X-axis starting point is obtained by subtracting the index value of widthListX at the X-axis starting point, colspan and rowspan of the icon are determined as described above (408).

That is, X = index value at widthListX, Y = index value at widthListY, colspan = (index value of widthListX at X-axis end point)-(index value of width _ListX at X-axis start point), rowspan = (Y Index value of widthListY at the end of the axis)-(index value of widthListY at the start of the Y axis).

The HTML tag code is generated 409 by referring to the icon dictionary 202 of FIG. 2. This series of processes (407-409) is repeated until the icon no longer exists (406, 410).

In this manner, when the table position information and the tag code of the icon are generated, the alignment is performed to combine with the actual table tag (411). The sort is sorted on the Y value of the table, and on the X value if there is an icon with the same value.

When the table information for the icon is set, it actually generates a complete HTML document (412-421). First, the tag corresponding to the HTML head (412) and the table tag are generated (413), and the column information of the table is input. As a method, an empty image is output (414) according to the size shown in widthListX.

Then, while searching for the icon (415), until the icon no longer exists (421), the processing row of the icon is determined (416), and if a new row is used, a new <TR> tag is generated (417), and the actual table An empty <TD> tag is entered up to a column of (418), and actually generates an HTML tag for the icon and then combines the HTML tag with the <TD> tag (419). At this time, the <TR> tag indicates that a new row of a table is started, and the <TD> tag indicates that a new column of a table is started.

When the HTML tag is completed as described above, a tag (</ Table>, </ HTML>) indicating the end of the HTML document is finally output (421).

In addition, a process of generating a CGI program is illustrated in FIG. 5. Referring to FIG. 5, in the process of generating a CGI program, first, a icon is searched (502) and a query icon is used (503). An SQL statement for the query is generated (504). The parameter transfer routine of the CGI program is generated by referring to the variable list of the query icon (505), the database open routine is generated (506), and a routine for executing an SQL query statement is generated (507).

After analyzing the HTML code of the previously generated HTML document to obtain the formatting information (508), the database search field and the formatting information is concatenated and output (509), and whether the previous or next page function is set. In operation 510, if the function is set, a previous or next page is generated and a link generation routine is created for the previous or next page.

By generating a web document using the apparatus and method of the present invention, by automatically generating HTML code supporting Wikiwick from graphic information generated using data flow, and automatically generating CGI code for database search. In addition, even users who do not know HTML tags or CGI programs can easily write web applications. In addition, the user can express logic in an intuitive manner by using a data flow that connects necessary functions to each other by using arrows, and it is easy to edit since the screen displayed when editing is the same as the screen appearing when executing.

Claims (8)

Icon dictionary required for editing web documents, including icon dictionary that defines information on the appearance of icons when editing icons, the behavior of icons performed by user interaction, and rules for converting icons into HTML tags. An information dictionary containing constraints defining a containment relationship or expressing constraints on the association of icons, A GUI icon representing a web user connection or a database search is performed using the icons stored in the information dictionary, and a connection between the retrieved database field and a process icon or icon that connects the searched database field to the web user connection by linking an icon attribute to the GUI icon. A visual editor for creating a document containing flow icons to perform, An icon information store for storing a document created by the visual editor, A web document generator that automatically generates a web document after checking whether a document created in the visual editor satisfies a spatial constraint in the use of an icon or whether a connection between the icons is logically valid, and then there is no logical error. Web document automatic generating device characterized in that consisting of. The web document generator of claim 1, wherein the web document generator comprises: An icon analyzer for checking the correspondence of the icons according to the types of icons included in the document created by the visual editor to check whether the use of the icons satisfies spatial constraints and whether the connection between the icons is logically valid; The document created in the visual editor is viewed as a table, the icons included in the document are divided into grids, the icon positions in the table are calculated from the grid position information, and the position information of the icons is generated as actual HTML tags. An HTML document generator for generating documents, If a query icon is used by analyzing a document created in the visual editor, a SQL statement for the query icon is generated, and then the CGI generator generates a CGI code for searching a database by the SQL statement. Web document automatic generator. In the web document generator, which consists of an icon analyzer, an HTML document generator, and a CGI code generator, which automatically generates a web document from a document created by including an icon in an editor, A first process of analyzing the icon for each type of icon included in the document created by the editor to check whether the use of the icon satisfies a spatial constraint and whether the connection between the icons is logically valid; View the document created in the editor as a table, divide the icons included in the document into a grid, calculate the icon position in the table by the position information of the grid, and generate the HTML document by generating the position information of the icon as an actual HTML tag. A second process of generating a; If a query icon is used by analyzing the document created in the visual editor, a third step of generating a SQL statement for the query icon, and then generating CGI code for searching the database by the SQL statement. How to automatically generate a web document. The method of claim 3, wherein the first process is If the icon type is a GUI icon representing a web user connection: The method of automatically generating a web document, characterized by checking whether the upper icon is an icon satisfying an inclusion relation condition by searching for the upper icon. The method of claim 3, wherein the first process is When the type of the icon is a process icon for performing a database search and linking the searched database fields to the web user connection by linking the icon's attributes to the GUI icon, Checking whether the current icon is an original icon or an imported icon, and in the case of the imported icon, combining the attributes of the original icon and the imported icon. The method of claim 3, wherein the first process is If the type of icon is a flow icon that performs a link between icons, Types of flows are data flows or control flows. If the flow type is a data flow, confirm that the start icon is a GUI icon, the end icon is a GUI icon, or a process icon, And if the flow type is a control flow, checking whether a start icon is a GUI icon and an end icon is a process icon. The method of claim 3, wherein the second process is A first step of dividing all icons included in the document created by the editor into a grid and setting the X-axis start point and end point and the Y-axis start point and end point of the icons; A second step of aligning start and end points of the X and Y axes of all the icons obtained in the first step; Determining a position in the table of the icons by starting and ending points of the X and Y axes of all the icons, calculating the horizontal and vertical sizes of the icons, and generating HTML tags of the icons; A fourth step of generating the HTML head tag and the HTML table tag by sorting the list of icons by Y values first; A fifth step of outputting a blank image according to the horizontal size of the icon to input column information of the table; Searching for the icon, determine the processing row for the icon, and create a new tag (<TR> tag) that indicates that a new row in the table will begin when a new row is used, and among the tags (<TD> tag) that indicate the beginning of the table. A sixth step of inputting an empty tag up to a column of an actual table, and then actually generating an HTML tag for an icon and combining the HTML tag with a tag (<TD> tag) indicating the start of the table; When generating the HTML tag for all icons in the sixth step, Web document automatic generation method comprising the seventh step of outputting the end of the HTML document. The method of claim 3, wherein the third process is Analyzing the document created in the visual editor and using the query icon, generating a SQL statement of the query icon; Generating a parameter transfer routine by referring to a variable list of the query icon; Generating a routine for executing the SQL0 query statement against the database after creating a database open routine; A fourth step of obtaining information about formatting by analyzing the HTML document generated in the second process, and concatenating a database search field and the formatting information; If the previous or next page function is set, the web document automatic generation method comprising the fifth step of generating the previous or next page and writing a link generation routine.