KR19990027325A - Apparatus for web document authoring and its operation method - Google Patents

Abstract

The present invention relates to an apparatus for authoring a web document and a method of operating the apparatus. The apparatus of the present invention provides an information dictionary for storing various types of information for authoring a web document, and visually authors a web document by receiving the information from the information dictionary. A web browser for performing a web-action visual editor, a web browser generated page by page by the web-action visual editor, and a project browser showing a connection flow between documents by collectively managing the entire web application from the perspective of an application; It is composed of an information store that stores and manages various information used in the visual editor so that it can be reused next time. The method provided by the present invention provides a visual environment for nodes representing arbitrary tasks or connection relations between the nodes. A time editing step for editing, and a node or flow edited in the time editing step It consists of web document management step that manages web documents created after the function of web browser is executed, so that users who do not know HTML tags, CGI programs and plug-ins can easily write web applications. It has the advantage of increasing economic efficiency and efficiency.

Description

Apparatus for web document authoring and its operation method

The present invention relates to an apparatus for authoring a web document that visually supports the authoring of a web document and a method of operating the web document. In particular, the present invention supports a web user access design using a Wiziwick / drag-and-drop method, and a data flow method. The present invention relates to an apparatus for creating a web document and a method of operating the same, which can generate a high-level web application program, which can detect errors in editing and manage entire web pages by providing a consistency checking function.

The web document used on the Internet is composed of HyperText Markup Language (HTML), and the web document can create a high-level web application by using a common gateway interface (CGI) program and a plug-in, wherein the CGI program Refers to a program that processes dynamic data according to the client's request as well as passive transmission of static data. The plug-in adds a specific function to a web browser by using functions provided by the web browser. Say the program.

A schematic diagram of a web authoring system using such a CGI program and plug-in is shown in FIG. 1. Referring to FIG. 1, the web authoring system provides a database 40 for storing and managing information and a web function. A web authoring system for sharing the information of the web server 10 and the database 40 with the web server 10, and for creating a web application by using the CGI program 30 and the plug-in 50 ( 20).

Existing editors that support the authoring of web documents with the above configuration are text editors that automatically enter the corresponding first and last tags when a specific tag is entered. In order to author web documents, it is necessary to learn about HTML tags, and it takes a lot of time and effort to author web documents with such a text editor.

In addition, since the use of the CGI program or the plug-in program is all composed of texts, it is difficult to develop high-level applications.

Therefore, in the present invention, in order to solve the above problems, a web user connection design is performed by using Wigwick / Drag-and-Drop method, and a CGI program or plug-in is used by using a data flow method to express the logic of the program. Device for web document authoring that can detect errors by enabling the use of check-in and performing consistency check during editing, and enables development of the entire application rather than page-based web document authoring. We want to provide a method of operation.

The apparatus provided by the present invention includes an information dictionary for storing various types of information for web document authoring, a web-action visual editor for visually performing a web document by receiving the information of the information dictionary, and the web-action visual editor. The web document generated page by page can be integrated and managed from the perspective of the entire application, and the project browser showing the connection flow between the documents and the various information used in the web storage visual editor can be stored for later reuse. And an information repository for managing, the method provided by the present invention includes a visual editing step of editing nodes representing a task or a connection relationship between the nodes by a visual environment, and a node edited in the visual editing step. Or a web document created after the function of the web browser Lee Web consists of a document management step.

1 is a conceptual diagram illustrating a web document authoring system;

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

3 is a process flow diagram for a visual editing function according to the present invention;

4 is a processing flowchart of a management function of a web document according to the present invention;

<Explanation of symbols for main parts of drawing>

10: Web Server 20: Web Authoring System

30: CGI Program 40: Database

50: plug-in 60: information dictionary

70: Visual Editor 80: Project Browser

90: information store

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

2 is a block diagram of an apparatus for authoring a web document according to the present invention, FIG. 3 is a processing flowchart for a visual editing function according to the present invention, and FIG. 4 is a process for managing a web document management function according to the present invention. It is a flow chart.

Referring to FIG. 2, the web document authoring apparatus according to the present invention visually performs an authoring of a web document by receiving an information dictionary 60 storing various kinds of information for web document authoring and receiving the information from the information dictionary 60. A project browser that displays a connection flow between documents by collectively managing a web document generated page by page by the web interaction visual editor 70 and the web interaction visual editor 70. 80) and an information store 90 for storing and managing various pieces of information used in the web storage visual editor 70 for reuse later.

The information dictionary 60 includes a node dictionary 61 which stores the shape and attributes of the nodes and rules for converting them into HTML tags, spatial constraints on the placement of the nodes, and connection constraints when the nodes are connected in a flow. Constraints (62) information that stores information about the node, where the node corresponds to a web user access that supports Wikiwick, or elements for tasks such as searching the database or playing multimedia.

On the other hand, the visual editor 70 is a node editor 71 that edits a node or a flow, and supports a user connection design by a Wiziwick / drag-and-drop method that is intuitive to the user, and between the nodes. It consists of a flow editor 72 for establishing a connection relationship, and interprets an event and then expresses the arrangement of nodes or the connection of flows, and excludes illogical input by performing a consistency check in parallel.

In addition, the project browser 80 performs a function of browsing the structure of the entire web application, unlike an existing editor that performs authoring on a page basis. In other words, the web document generated by page is integrated and managed from the perspective of the entire application to show the flow of connections between the documents. Browsing of web documents represents each document as a node and indicates the link information between the documents. By expressing the relationship between the entire document.

In addition to managing these individual web documents, you can browse the links between them and manage the images, videos, and audio files used in the document.

On the other hand, the information store 90 stores and manages various information used in the editor and can be written to the next.

With the apparatus of the present invention having the above configuration, a method for authoring a web document includes a visual editing step of editing nodes representing a certain task or a connection relationship between the nodes by a visual environment, and the visual editing step. The web document management step of managing a web document generated after the function of the web browser is performed by the node or flow edited in the step, the time editing step is the attribute information of the node stored in the information dictionary (60) Determining the shape or size of the node with reference to the node, and checking the spatial consistency of the node to create a node when the spatial consistency is satisfied, the node generation step of displaying the result on the screen, and among the generated nodes The connection consistency is satisfied by selecting the start node and the arrival node and the attributes of each node, and confirming the connection consistency of the nodes. In this case, a flow generation step of drawing an arrow indicating a connection between each node is configured, and the web document management step extracts and stores management information about an arbitrary document in the information store 90, and in the document. After extracting all the used link information and storing it in the information storage 90, the document storage step of displaying the link information between the documents by the arrow, and extracts the information about the resources used by the corresponding node The storage step of the node for storing the information storage 90.

3 is a flowchart illustrating a time editing function according to the present invention. Referring to FIGS. 2 and 3, the process of processing time editing is as follows.

First, by analyzing the event to recognize the icon selected in the toolbox (s300), and check whether the recognized icon is a node icon (s301), and if the selected icon is a node icon as a result of the check (s301), node editing is performed, If it is not a node icon, it is checked whether it is a flow icon (s309), and if it is a flow icon, flow editing is performed.

In the case of node editing, after determining the shape of the node with reference to the node dictionary 61 (s302), the size / position of the node is determined according to the input of the mouse (s303). The appearance of is the same as it would appear when it was expressed as an HTML tag with support for Wiziwick. After determining the shape (s302), size and position of the node as described above (s303), it is checked whether the size and position of the node has a spatially useful position and size (s304). It generates (s305) and initializes the attribute value of the node (s306). In operation 308, a window control having a shape most similar to the generated node is generated and displayed on the screen, and information about the node is stored in the information storage 90 (s308).

On the other hand, in the case of flow editing, first select the properties of the start node and the start node to connect with the mouse (s310), select the properties of the arrival node and the arrival node (s311), and then connect according to the connected node and the properties of the node Consistency check (s312) is performed, and the constraint 62 of the information dictionary 60 defines a possible connection according to the type between the two nodes. If the result of the consistency check (s312) is satisfied, the position information of the node selected as the start or arrival node is extracted, and the start point, the arrival point, and the direction of the arrow are calculated (s313), and the attributes of the connected nodes are next to the arrow. After displaying 314 in text, a directional arrow is drawn according to the value calculated in step S313 (S315), and information about the flow is stored in the information storage 90 (S316).

In the case of node editing, if the position / size of the node determined to be newly generated does not satisfy the condition for spatial consistency, the operation of editing the node is terminated. As a result of checking whether the connection is consistent (s312) If the conditions for the connection consistency of the nodes selected for the connection are not satisfied, the work on the flow editing is terminated.

4 is a flowchart illustrating a management function of a web document according to the present invention. Referring to FIGS. 2 and 4, a process of processing web document management is as follows.

First, the event is interpreted (S400) to determine whether the desired function is the storage of the document or the storage of the node (s401), and if the result of the check (s401) saves the document, the function of storing the document is performed. Perform the storage function of the node.

When storing the web document as a result of the checking (s401), first, information on document management such as a document name and a file location is extracted (s402), and the extracted information is stored in the information storage 90 (s403). Check whether a link exists in the document (s404).

If there is a link in the document as a result of the checking (s404), all the link information used in the document is extracted (s405) and the extracted information is stored in the information store (s406), and then it is checked whether the document to be linked exists (s407). If there is no document to be linked, a temporary document is created (s408) and displayed in a browser so that a user does not accidentally miss a document used for a link.

In addition, the link information storing step (s404) (s405) (s406) (s407) (s408) is repeated until no link exists in the document, and if the link does not exist in the document as a result of the checking (s404), the document Each is represented by a node (s409), and the link information is indicated by an arrow (S410) to show the connection flow of the entire web document on one screen.

On the other hand, if it is not the storage of the result document (s401) confirms whether or not the storage of the node (s411) when storing the node when storing the information of the node corresponding to the information storage (90) (s412), the node is an image After checking whether the resource is used, such as a video or an audio file (S413) and extracting the information on the used file (S414) by copying the resource to a directory for transmitting the information (S415), the information is In the storage 90 (s416). The process of copying the file used in the specific directory (s415) is performed to facilitate the transmission.

According to the present invention, an HTML document can be easily created by the Wiegwick / Drag-and-Drop method, and a high-level web application including a CGI program and a plug-in can be written using the data flow method. In addition, it supports a consistent web authoring process by authoring the entire application program rather than page-based authoring. Therefore, even users who do not know HTML tags, CGI programs, and plug-ins can easily write web applications, and have the advantage of increasing economics and efficiency in web authoring.

Claims (6)

An information dictionary for storing various kinds of information for web document authoring, A web action visual editor for visually authoring a web document by receiving the information from the information dictionary; A project browser showing the connection flow between the documents by managing the web documents generated page by page by the web-action visual editor integratedly from the perspective of the entire application; And an information store configured to store and manage various information used in the web storage visual editor for reuse later. The method of claim 1, The information dictionary is A node dictionary that stores the shape and attributes of the nodes and the rules for converting them to HTML tags, And constraint information for storing information about spatial constraints on placement of nodes and connection constraints when the nodes are connected in a flow. The method of claim 1, The visual editor A node editor that supports user-initiated design by the Wiziwick / drag-and-drop method that is intuitive to the user, Apparatus for authoring a web document, characterized in that composed of a flow editor for establishing a connection relationship between each node. An information dictionary for storing various types of information for web document authoring, a web-action visual editor for visually authoring a web document by receiving the information of the information dictionary, and a web generated for each page by the web-action visual editor It has a project browser that manages documents in an integrated view of the entire application to show the flow of connections between documents, and an information repository for storing and managing various pieces of information used in the web interaction visual editor for later reuse. So A visual editing step of editing nodes representing a task or a connection relationship between the nodes by a visual environment; And a web document management step of managing a web document generated after a function of a web browser is performed by a node or a flow edited in the visual editing step. The method of claim 4, wherein The visual editing step The shape or size of the node is determined by referring to the attribute information of the node stored in the information dictionary, the node is created when the spatial consistency is satisfied by checking the spatial consistency of the node, and the result is displayed on the screen. Node creation step, Selecting a start node and an arrival node and attributes of each node among the generated nodes, and confirming the connection consistency of the nodes, when the connection consistency is satisfied, a flow generating step of drawing an arrow representing a connection between each node; Method for operating a device for authoring a web document, characterized in that consisting of. The method of claim 4, wherein The web document management step After extracting the management information for any document and storing it in the information store, extracting and storing all the link information used in the document in the information store, and displaying the link information between the documents with arrows. Storage steps, And a storage step of a node which extracts information about a resource used by a corresponding node and stores the information in the information repository.