[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

KR19990032183A - Visual design of hypertext for web databases - Google Patents

Visual design of hypertext for web databases Download PDF

Info

Publication number
KR19990032183A
KR19990032183A KR1019970053158A KR19970053158A KR19990032183A KR 19990032183 A KR19990032183 A KR 19990032183A KR 1019970053158 A KR1019970053158 A KR 1019970053158A KR 19970053158 A KR19970053158 A KR 19970053158A KR 19990032183 A KR19990032183 A KR 19990032183A
Authority
KR
South Korea
Prior art keywords
database
hypertext
document
dynamic
web
Prior art date
Application number
KR1019970053158A
Other languages
Korean (ko)
Inventor
강대기
김중배
김성훈
함호상
Original Assignee
정선종
한국전자통신연구원
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 정선종, 한국전자통신연구원 filed Critical 정선종
Priority to KR1019970053158A priority Critical patent/KR19990032183A/en
Publication of KR19990032183A publication Critical patent/KR19990032183A/en

Links

Landscapes

  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

본 발명은 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 방법에 관한 것으로, 서버의 데이터베이스 시스템과 웹 서버의 디렉토리들을 설정하는 초기화 단계와, 그래프(graph) 구조의 하이퍼텍스트(hypertext) 데이터를 설계하는 단계와, 설계된 상기의 그래프의 노드(node)들 중 정적(static) 문서인 것들을 시각적인 방식으로 편집하는 단계와, 남아있는 그래프의 노드들인 동적 문서의 원형(prototype) 을 시각적인 방식으로 편집하는 단계와, 동적 문서의 내에서 데이터베이스의 결과가 나타나는 부분을 앞에서 정의된 서버의 데이터베이스 시스템에 맞추어 연결하는 단계와, 세부 편집이 끝난 각 노드들을 가지는 그래프 구조를 기반으로 FastCGI 소스 코드를 가지는 응용 서버 프로그램 소스를 생성하는 단계와 그리고 생성된 문서들과 코드들을 정련(refinement)하는 단계로 구성되어 웹 상의 데이터베이스 통로(gateway)를 시각적인 프로그래밍 방법을 통해 개발할 수 있게 하는 환경을 제공한다.The present invention relates to a method of visually designing hypertext for a web database, comprising: initializing a database system of a server and directories of a web server; designing hypertext data of a graph structure; Editing, in a visual manner, static documents among the nodes of the graph designed above, and visually editing prototypes of dynamic documents, which are nodes of the remaining graph; The application server program source with FastCGI source code is connected by connecting the part of the database result in the dynamic document to the database system of the server defined above, and the graph structure with each detailed edited node. Creating and refining the generated documents and codes ent) to provide an environment that enables the development of database gateways on the web through visual programming.

Description

웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 방법Visual design of hypertext for web databases

본 발명은 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계를 통해 최종적으로 HTML 문서들과 패스트 커몬 게이트웨이 인터페이스(FastCGI) 방식으로 연동되는 응용 서버(Application Server)의 C 언어 프로그램 소스 코드를 자동으로 생성하는 방법에 관한 것으로, 특히 정적 문서들과 동적 문서들로 이루어져 있는 하이퍼텍스트 그래프 데이터 구조의 모든 노드들을 시각적 객체 설계 기법을 이용하여 편집하고, 동적 문서를 생성하고 상태 관리를 하기 위한 FastCGI 응용 서버의 C 언어 소스 코드를 자동으로 생성하는 방법에 관한 것이다.The present invention provides a method for automatically generating C language program source code of an application server that is finally linked to HTML documents and Fast Common Gateway Interface (FastCGI) through a visual design of hypertext for a web database. In particular, the C language source of the FastCGI application server for editing all nodes of a hypertext graph data structure consisting of static and dynamic documents using visual object design techniques, creating dynamic documents, and managing state. How to generate code automatically.

웹과 데이터베이스 연동기술은 인터넷(Internet), 인트라넷(intranet), 엑스트라넷(extranet)의 등장으로 기존의 데이터베이스의 할용 측면에서 그 중요성이 날로 증대되고 있으며, 특히 이 분야는 네트워크 산업 분야와 데이터베이스 산업 분야에 큰 파급 효과를 나타내고 있어 선진 외국에서 유수의 기업들이 전략적으로 육성하고 있다.Web and database interworking technology is increasing in importance in terms of allocating existing databases due to the emergence of the Internet, intranet, and extranet. It shows great ripple effect, and strategically nurtures leading companies in advanced foreign countries.

종래의 연동 방법은 CGI(Common Gateway Interface) 응용 서버 방식, 확장 API(Application Programmable Interface) 방식 등이 있다. 그러나 CGI(Common Gateway Interface) 응용 서버 방식은 분배기가 생성되고 소멸되는 오버헤드를 가지고 있고, 응용 서버 프로세서 풀(pool)을 개발자가 직접 설계하고 관리해야 하는 불편함이 있으며, 확장 API 방식은 CGI 응용 서버 방식에 비해 속도는 빠르나 웹 서버에 부담이 많이 가고, 결정적으로 확장 API로 연결된 데이터베이스 통로의 결함이 웹 서버 전체의 수에 영향을 미치는 단점을 가지고 있다. 또한 종래에는 정적 문서를 생성하거나, 데이터베이스를 다루지 않는 단순 CGI 프로그램을 생성하는 수준에 머무르고 있다. 최근에는 가장 속도가 빠르고 구현이 용이하며 이식성이 뛰어난 방법으로 FastCGI에 의한 연동 방법이 점차 퍼져나가고 있다.Conventional interworking methods include a common gateway interface (CGI) application server method and an extended application program interface (API) method. However, the Common Gateway Interface (CGI) application server approach has the overhead of creating and destroying distributors and the inconvenience of the developer designing and managing the application server processor pool. Although it is faster than the server method, it is burdensome for the web server, and the defect of the database path connected to the extended API is decisively affecting the total number of web servers. Also, conventionally, they are only generating static documents or generating simple CGI programs that do not deal with databases. Recently, FastCGI interworking method is gradually spreading as the fastest, easy to implement and portable method.

이에 본 발명에서는 상기와 같은 단점을 보완하기 위해 사용자가 시각적 객체 개발 환경에서 사용자가 기술한 그래프 데이터 구조를 바탕으로 서버의 데이터베이스와 동적 문서들을 연결해 줄 FastCGI 응용 서버의 소스 코드를 자동으로 생성하는 방법을 제공하고자 한다.Accordingly, in the present invention, a method for automatically generating a source code of a FastCGI application server that connects a database and a dynamic document of a server based on a graph data structure described by a user in a visual object development environment to compensate for the above disadvantages. To provide.

본 발명에서는 이러한 웹과 데이터베이스의 연동을 위해, 웹의 하이퍼텍스트 구조를 시각적으로 설계하게 해주고, 이를 위한 FastCGI 방식의 데이터베이스 통로를 최종적으로 생성하게 해준다. 이러한 연동을 위한 데이터베이스 통로 프로그램 소스의 자동 생성 방법은, 개발 생산성을 크게 높일 수 있게 된다.In the present invention, for the interworking of the web and the database, it is possible to visually design the hypertext structure of the web, and finally to create a database path of the FastCGI method for this. The automatic generation of the database path program source for such interworking can greatly increase development productivity.

따라서 본 발명은 종래의 데이터베이스 관리 시스템(DBMS)과 날로 그 중요성이 커지는 웹과의 연동 시스템 개발 시에, 복잡한 프로그래밍 과정을 거치지 않고도 사용자가 시각적인 표현들의 편집을 통해 강력한 기능을 가진 연동 시스템을 개발 할 수 있게 해주어, 이로써 웹 사용자들에게 효과적인 서비스를 제공할 수 있도록 하는 데 그 목적이 있다.Therefore, in the present invention, when developing an interworking system between a DBMS and a web that is increasingly important, a user can develop an interlocking system having a powerful function through editing visual expressions without going through a complicated programming process. Its purpose is to make it possible to provide effective services to web users.

도 1은 본 발명에 관한 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 시스템의 구성도.1 is a block diagram of a hypertext visual design system for a web database according to the present invention.

도 2는 본 발명에 관한 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 시스템의 흐름도.2 is a flowchart of a hypertext visual design system for a web database according to the present invention;

도 3은 본 발명에 관한 하이퍼텍스트 그래프 설계 흐름도.3 is a flowchart of a hypertext graph design according to the present invention;

도 4는 본 발명에 관한 정적(static) 문서 및 동적 문서 원형(prototype)의 틀(template)의 시각적 편집에 대한 자료 흐름도.4 is a data flow diagram for visual editing of a template of static and dynamic document prototypes in accordance with the present invention.

도 5는 본 발명에 관한 동적 문서 내의 데이터베이스 연결 흐름도.5 is a database connection flow diagram in a dynamic document in accordance with the present invention.

도 6은 본 발명에 관한 패스트 커몬 게이트웨이 인터페이스(FastCGI : Fast Common Gateway Interface)응용 서버 프로그램 소스 생성에 대한 자료 흐름도.6 is a data flow diagram for generating a Fast Common Gateway Interface (FastCGI) application server program source according to the present invention.

*도면의 주요부분에 대한 부호의 설명** Description of the symbols for the main parts of the drawings *

3 : 그래프 설계 프로세서 4 : 코드생성 프로세서3: graph design processor 4: code generation processor

5 : 데이터베이스 연결관리 프로세서 6 : 동적문서편집 프로세서5: Database connection management processor 6: Dynamic document editing processor

7 : 텍스트 편집 프로세서 8 : 디렉토리 연결관리 프로세서7: Text editing processor 8: Directory connection management processor

9 : 정적문서 관리 프로세서 71 : 텍스트 속성 제어 프로세서9: static document management processor 71: text attribute control processor

81 : 문서 편집 프로세서 114 : HTML 관리 프로세서81: document editing processor 114: HTML management processor

115 : CGI관리 프로세서115: CGI Management Processor

상기 목적을 달성하는 본 발명에 의한 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 방법은 데이터베이스를 초기화하고, 데이터 파일들의 저장을 위한 디렉토리의 패스(path)를 초기화하는 단계와; 사용자 명령을 입력받아 그 사용자 명령에 의거하여, 웹 사이트 구축을 위한 하이퍼 텍스트의 그래프 구조를 설계하는 단계와; 상기 하이퍼 텍스트 그래프를 구성하는 노드들 중 그 속성이 정적문서인 노드들에 대하여 정적 문서 편집을 하고, 남아있는 그래프의 노드들인 동적 문서 속성을 가지는 노드들에 대하여 동적문서 편집을 수행하는 단계와; 상기 동적문서 편집이 끝난 각 노드들을 포함하는 그래프 구조를 기반으로 하여 패스트 커몬 게이트웨이 인터페이스(FastCGI) 응용 서버 프로그램 소스를 생성하는 단계와; 상기 정적문서 편집단계와 상기 동적문서 편집단계에서 생성된 문서들과, 상기 패스트 커몬 게이트웨이 인터페이스(FastCGI) 소스 생성단계에서 생성된 프로그램 코드들을 테스트해보고 정련(refine)하는 정련단계를 수행하여, 웹 상의 데이터베이스 통로를 시각적인 프로그래밍 방법을 통해 개발할 수 있게 하는 환경을 제공한다.According to an aspect of the present invention, there is provided a method of visually designing a hypertext for a web database, comprising: initializing a database and initializing a path of a directory for storing data files; Receiving a user command and designing a graph structure of hypertext for building a web site based on the user command; Performing static document editing on nodes whose attributes are static documents among the nodes constituting the hypertext graph, and performing dynamic document editing on nodes having dynamic document properties, which are nodes of the remaining graph; Generating a fast common gateway interface (FastCGI) application server program source based on a graph structure including each node of the dynamic document editing; Performs a refinement step of testing and refining the documents generated in the static document editing step and the dynamic document editing step, and the program codes generated in the fast common gateway interface (FastCGI) source generation step. It provides an environment that enables the development of database pathways through visual programming.

이하 첨부된 도면을 참조하여 본 발명을 상세히 설명한다.Hereinafter, the present invention will be described in detail with reference to the accompanying drawings.

도 1은 본 발명에 관한 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 시스템의 구성도이고, 도 2는 본 발명에 관한 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 시스템의 동작 흐름도이고, 도 3은 본 발명에 관한 하이퍼텍스트 그래프 설계 흐름도이고, 도 4는 본 발명에 관한 정적(static) 문서와 동적(dynamic) 문서의 시각적인 편집에 대한 자료 흐름도이고, 도 5는 본 발명에 관한 동적 문서 내의 데이터베이스 연결 흐름도이고, 도 6은 본 발명에 관한 FastCGI 응용 서버 프로그램 소스 생성에 대한 흐름도이다.1 is a configuration diagram of a hypertext visual design system for a web database according to the present invention, FIG. 2 is an operation flowchart of a hypertext visual design system for a web database according to the present invention, and FIG. FIG. 4 is a data flow diagram for visual editing of static and dynamic documents, and FIG. 5 is a database connection flow diagram within a dynamic document, according to the present invention. 6 is a flowchart for generating a FastCGI application server program source according to the present invention.

본 발명은 웹과 데이터베이스의 연동을 위한 방법들 중에 가장 속도가 빠르고 구현이 용이하며 이식성이 뛰어난 방법인 FastCGI에 의한 연동 방법을 사용하는 데이터베이스 통로 프로그램을, 시각적인 표현들을 통해 설계하고 설계된 자료 구조를 가지고 소스를 자동으로 생성하게 한다.The present invention is a database path program using FastCGI interworking method, which is the fastest, easy to implement and portable method among web and database interworking methods. To generate the source automatically.

도 1은 본 발명에 관한 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 시스템의 전체 구성도로, 도시된 바와 같이 코드 생성기(4), 텍스트 편집기(7), 데이터베이스 연결 관리 프로세서(5), 디렉토리 연결 관리 프로세서(8), 그래프 설계 프로세서(3), 동적 문서 편집 프로세서(6), 정적 문서 편집 프로세서(9)로 구성되어 있다.1 is an overall configuration diagram of a hypertext visual design system for a web database according to the present invention, as shown, a code generator 4, a text editor 7, a database connection management processor 5, a directory connection management processor (8), a graph design processor (3), a dynamic document editing processor (6), and a static document editing processor (9).

또한 주로 사용되는 자료구조는 코드 풀(1)과 그래프 자료 구조(2)이다. 정적 문서 편집 프로세서의 결과로 나오는 HTML(HyperText Markup Language) 문서(13)와 동적 문서 편집 프로세서(6)와 데이터베이스 관리 프로세서(5), 코드 생성기(4)의 결과로 나오는 HTML 문서 틀(10), FastCGI 응용 서버 원시 코드(11), 데이터 파일(12)이 있다.Also used are the code pool (1) and the graph data structure (2). Hypertext Markup Language (HTML) document (13) resulting from the static document editing processor, HTML document frame (10) resulting from the dynamic document editing processor (6), database management processor (5), code generator (4), FastCGI application server source code (11), data file (12).

사용자가 서버를 위한 기계와 인터넷 접속, 보조 기억 장치 그리고 웹 서버를 갖추어 웹 사이트를 구축하고자 하면, 웹 사이트의 하이퍼텍스트(hypertext) 구조를 나타내기 위한 그래프 구조를 설계해야 한다. 컴퓨터에 의한 시각적 표현에 의한 설계의 도움이 없으면, 사용자가 직접 손으로 설계해야 한다. 종래의 기술들은 이미 보조 기억 장치에 존재하며 그 내용이 변하지 않는 정적 문서(13)까지는 그래프 표현이 가능하도록 하고 있다. 본 발명에서는 FastCGI 응용 서버(10,11,12)의 결과로 사용자의 요구에 의해 생기는 동적 문서까지 틀(template)의 개념을 도입하여 그래프 자료 구조 테이블(2)에 포함하여 나타내고 있다. 이러한 그래프 자료 구조 테이블(2)은 그래프 설계 프로세서(3)에 의해 설계된다.If a user wants to build a web site with a machine for the server, internet access, auxiliary storage, and a web server, he must design a graph structure to represent the hypertext structure of the web site. Without the aid of visual design by computer, the user must design by hand. Conventional techniques already allow graph representations up to static documents 13, which already exist in auxiliary storage and whose contents do not change. In the present invention, as a result of the FastCGI application server 10, 11, 12, the concept of a template is introduced and included in the graph data structure table 2 up to the dynamic document generated by the user's request. This graph data structure table 2 is designed by the graph design processor 3.

그래프 자료 구조(2)를 구성하는 각 노드들은 정적 문서이거나 동적 문서로 정적 문서 편집 프로세서(9)와 동적 문서 편집 프로세서(6)에 의해 편집된다. 정적 문서이건 동적 문서이건 그 내용은 FastCGI 응용 서버(10,11,12)의 결과가 들어가는 부분을 제외하고는 비슷하므로 정적 문서와 동적 문서 틀은 동일한 문서 편집프로세서(81)를 사용하는 것이 경제적이다. 따라서 실제로 구현하는 경우, 정적 문서와 동적 문서 틀을 같이 편집할 수 있는 동일한 문서 편집프로세서를 개발한다. 이 문서 편집 프로세서(81)는 WYSIWYG(What You See Is What You Get) 방식이며, 도 4에서 설명하고 있다. 그러나 개념적으로는 정적 문서와 동적 문서의 편집을 분리하는 것이 이해에 더 도움이 되므로 도 1에서는 이 둘을 분리하였다. 정적 문서 편집 프로세서의 결과로는 HTML 문서(13)가 나오며 이 HTML 문서는 웹 브라우져(Web Browser)를 통해 바로 볼 수 있다.Each node constituting the graph data structure 2 is a static document or a dynamic document and edited by the static document editing processor 9 and the dynamic document editing processor 6. It is economical to use the same document editing processor 81 for static documents and dynamic document frames, since the contents of the document are static or dynamic, except that the contents of the FastCGI application server (10, 11, 12) are included. . So, in a real world implementation, you develop the same document editing processor that can edit static and dynamic document frameworks together. This document editing processor 81 is a WYSIWYG (What You See Is What You Get) method, and is described in FIG. However, conceptually, separating the editing of the static document from the dynamic document is more helpful for understanding, so the two are separated in FIG. The result of the static document editing processor is an HTML document 13 which can be viewed directly through a web browser.

그래프 자료 구조 테이블(2)에서 동적 문서를 나타내는 노드는 CGI 표시기에 의해 FastCGI 응용 서버(10,11,12)로 연결되게 된다. FastCGI 응용 서버(10,11,12)는 편집된 동적 문서에서 자동으로 생성되는 데, FastCGI 응용 서버 원시 코드(11)는 코드 풀(1)에서 참조되어 만들어지는 데, 코드에서 사용되는 디렉토리나 외부 데이터는 디렉토리 연결 관리 프로세서(8)에 의해 지정되어 데이터 파일(12)에 저장되고, 데이터베이스 참조의 결과는 데이터베이스 연결 관리 프로세서(5)에 의해 사용자가 시각적으로 데이터베이스와 테이블, 그리고 보고 싶은 결과를 정하게 하여, 그에 대응하는 SQL 연산을 생성하고 이를 동적 문서 내에 포함하게 된다. HTML 문서 틀(10)은 FastCGI 응용 서버 원시 코드가 번역(compile)되어 만들어진 응용 서버 프로그램의 결과를 웹 상에서 HTML 형식으로 출력하기 위해 사용된다.The node representing the dynamic document in the graph data structure table 2 is connected to the FastCGI application server 10, 11, 12 by the CGI indicator. FastCGI application servers (10, 11, 12) are automatically generated from edited dynamic documents. FastCGI application server source code (11) is created by referencing in the code pool (1), which is the directory used in the code or external. The data is designated by the directory connection management processor 8 and stored in the data file 12, and the results of the database references are determined by the database connection management processor 5 to visually determine the database and tables and the results that the user wants to see. This creates the corresponding SQL operation and includes it in the dynamic document. The HTML document frame 10 is used to output the result of the application server program generated by the FastCGI application server source code in a HTML format on the web.

이렇게 정적 문서를 편집한 결과로는 HTML 문서(13)가 있고, 동적 문서를 편집한 결과인 FastCGI 응용 서버(10,11,12)는 HTML 문서 틀(10), FastCGI 응용 서버 원시 코드(11), 데이터 파일(12)로 구성되어 있는 데, 이들을 좀더 전문적으로 개선하거나 직접 변경하고자 하는 경우를 위해, 텍스트 편집기(7)가 사용된다.The result of editing the static document is an HTML document (13). The FastCGI application server (10, 11, 12), which is the result of editing the dynamic document, is the HTML document frame (10) and the FastCGI application server source code (11). It consists of a data file 12, in which case a text editor 7 is used in order to improve them directly or to change them directly.

도 2는 본 발명에 관한 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 시스템의 동작흐름도이다.2 is a flowchart of a hypertext visual design system for a web database according to the present invention.

전체 흐름을 보면 우선 사용할 데이터베이스가 있는 서버의 데이터베이스 관리 시스템(Database Management System : DBMS)에 접속하기 위한 사용자 이름(username), 패스워드(password), 접속 방법을 초기에 정해 주기 위해 데이터베이스 초기화(21)를 수행한다. 여러 기계에 설치된 서로 다른 DBMS를 사용하기 위해서는 각각의 데이터베이스를 모두 초기화 해준다. 다음에는 생성된 HTML 문서(13)들과 HTML 문서 틀(10)들, FastCGI 응용 서버 원시 코드(11)들, 데이터 파일(12)들이 저장되기 위한 디렉토리 패스(directory path)를 정하기 위해 디렉토리 초기화를 수행한다(22).The overall flow shows that the database initialization (21) is used to initially set the username, password, and connection method to connect to the database management system (DBMS) of the server where the database is to be used. To perform. Initialize each database to use different DBMS installed on several machines. Next, a directory initialization is performed to set a directory path for storing generated HTML documents 13 and HTML document templates 10, FastCGI application server source code 11, and data files 12. Perform (22).

초기화가 완료되면, 사용자 명령을 받아서 분석하여(23) 그래프 자료 구조 설계단계(24)와, 정적 문서 편집단계(26)와, 동적 문서 편집단계(28)와, 코드 생성단계(31) 중 대응되는 루틴(routine)을 수행한다. 상기의 네 단계(24,26,28,31)는 소스 생성 이전의 실제 편집 단계이다. 사용자가 그래프 자료 구조 설계단계(24)를 선택하면 이에 대해 그래프 자료 구조 설계 작업을 수행한다(25). 도 3에서 그래프 자료 구조 설계 작업에 대해 더 자세히 설명하고 있다. 그래프 자료 구조의 설계는 그래프 자료 구조에 노드 추가(54), 노드 삭제(56), 노드 속성 변경(58), 그래프 자료 구조 내의 노드 이동(60), 정적/동적 문서 편집(62) 작업을 반복함으로써 설계된다. 그래프 자료 구조를 설계하면서 동시에 생성된 노드에 대해 정적 문서 또는 동적 문서로 구분하여 정적 문서의 경우에는 정적 문서 편집 작업(27), 동적 문서의 경우에는 동적 문서 편집 작업(29), CGI 표시기 연결(30), SQL 생성(32)을 수행한다. 정적 문서 편집 작업(27)과 동적 문서 편집 작업(29)에서 문서 편집은 같으나 동적 문서의 경우 CGI 표시기와 SQL 문장들이 포함되어 있다. 이들은 사용자의 코드 생성(31) 명령으로 FastCGI 소스 생성(33)을 거쳐서 HTML 문서 틀(10)들, FastCGI 응용 서버 원시 코드(11)들, 데이터 파일(12)의 형태로 생성된다. 일단 코드가 생성된 후에는 사용자 명령(34)을 통해 코드 테스트(35)를 위해서는 생성된 코드 테스트 작업(36), 코드 세부 조정(37)을 위한 생성된 코드 세부 조정 작업(38), 설치를 위한 설치 작업(40)들을 수행하게 된다.When the initialization is completed, the user command is analyzed (23) to correspond to the graph data structure design step 24, the static document editing step 26, the dynamic document editing step 28, and the code generation step 31. Execute routines. The four steps 24, 26, 28 and 31 are the actual editing steps before source generation. If the user selects a graph data structure design step 24, the user performs a graph data structure design task (25). 3, the graph data structure design work is described in more detail. The design of the graph data structure repeats adding nodes to the graph data structure (54), deleting nodes (56), changing node attributes (58), moving nodes within the graph data structure (60), and editing static and dynamic documents (62). By design. Design a graph data structure and divide it into static or dynamic documents for nodes created at the same time, so that static document editing (27) for static documents, dynamic document editing (29) for dynamic documents, and linking CGI indicators ( 30), SQL generation 32 is performed. In the static document editing task 27 and the dynamic document editing task 29, the document editing is the same, but the dynamic document includes the CGI indicator and the SQL statement. These are generated in the form of HTML document frameworks 10, FastCGI application server source code 11, and data file 12 via FastCGI source generation 33 with a user code generation 31 command. Once the code has been generated, the generated code test task 36 for the code test 35, the generated code fine tuning task 38 for the code fine tuning 37, and the installation are performed via the user command 34. Installation tasks 40 will be performed.

도 3은 본 발명에 관한 하이퍼텍스트 그래프 설계 흐름도이다. 사용자 입력(52)이 노드 추가(53), 노드 삭제(55), 노드 속성(57), 노드 이동(59), 노드에 할당된 문서 편집(61) 조건 중 어느 것인지에 따라서, 그래프 자료 구조에 노드 추가(54), 그래픽 자료 구조에서 노드 삭제(56), 노드 속성 변경(58), 그래프 자료 구조 내의 노드 이동(60), 정적/동적 문서 편집(62)을 하는 정적 문서와 동적 문서의 시각적인 편집에 대한 자료 흐름도이다. 문서 편집 프로세서(81)가 그래프 구조 설계 프로세서(3)에서 문서 편집이 수행될 노드의 자료 구조를 받아(74) 문서를 편집하고 편집 결과 신호를 그래프 구조 설계 프로세서(3)에 반환한다(75). 편집된 정적 문서와 동적 문서는 그래프 자료 구조 데이터 테이블에 저장된다(79). 그래프 구조 설계 프로세서(3)는 그래프 자료 구조 데이터 테이블(2)을 조회하여(73) 문서 편집 내용을 알 수 있고 그래프 구조의 변화를 그래프 자료 구조 테이블(2)에 저장하는 역할도 한다(72). 문서 편집 프로세서(81)에서는 HTML 사양(specification)에 따라 문서 내의 텍스트의 속성을 변환할 수 있도록 하는 텍스트 속성 변환(76)을 텍스트 속성 제어 프로세서(71)에게 맡긴다. 텍스트 속성 제어 프로세서에서(71)는 TAG 데이터 테이블(83)에서 텍스트 속성에 대한 정보를 가져와서 텍스트 속성 변환을 수행한 후, 그 텍스트 속성 변환 결과(77)를 문서 편집 프로세서(81)에 반환한다. 문서 편집(81) 과정에서 하이퍼링크(hyperlink)를 위한 문서 연결 정보(80)는 그래프 자료 구조(2)에서 얻을 수 있으며 HTML 택(82)에 대한 정보는 TAG 데이터 테이블(83)에서 얻을 수 있다. 동적 문서를 편집하는 데 필요한 CGI 표시기는 문서 편집(81) 과정에서 삽입된다. 초기화된 데이터베이스와 디렉토리에서 CGI 표시기에 사용될 데이터베이스와 디렉토리를 미리 알 수 있다. 삽입된 CGI 표시기는 데이터베이스 연결 관리 프로세서(50)로 넘어가서 사용자에 의해 데이터베이스, 테이블, 열(column)들이 시각적으로 선택되어 정해진 후, 그에 따라 SQL문장(85)들이 생성되어 문서 편집 프로세서(81)로 반환된다. 반환된 SQL 문장(85)들은 CGI 표시기를 위한 확장 택(extended TAG) 안에 저장된다. 도 5에서 동적 문서를 위한 데이터베이스 연결에 관해 좀 더 자세히 설명하고 있다. 동적 문서의 편집프로세서(81)에서 동적문서의 편집을 하고, 텍스트 속성 제어 프로세서(71)에서 텍스트 속성 제어가 끝나고 CGI 표시기의 내용이 결정되면, FastCGI 소스 생성 프로세서(4)로 편집된 동적 문서가 전달되고(87), FasatCGI 소스 생성 프로세서(4)에서는 HTML 문서 틀(10)들과, FastCGI 응용 서버 원시 코드(11)들과, 데이터 파일(12)이 생성된다. 도 6은 FastCGI 응용 서버 프로그램 소스 생성에 대해 좀더 자세히 설명하고 있다. 하나의 동적 문서 내에 여러 개의 서로 다른 CGI 표시기가 있을 수 있다. 이들 중에는 FastCGI 소스 생성을 거친 것도 있고 그렇지 않은 것도 있다. FasatCGI 소스 생성(4) 프로세서에선 소스 생성이 완료된 CGI 표시기에 대해서 등록되었음을 나타내는 CGI 표시기 등록 플랙(flag)을 설정하여 반환한다(86).3 is a flowchart of a hypertext graph design according to the present invention. Depending on whether the user input 52 is a condition of adding node 53, deleting node 55, node attribute 57, moving node 59, or editing document 61 assigned to the node, the node in the graph data structure Visualize static and dynamic documents with Add (54), Delete Node from Graphical Data Structure (56), Change Node Attributes (58), Move Nodes within Graph Data Structure (60), Edit Static / Dynamic Documents (62). Data flow for editing. The document editing processor 81 receives the data structure of the node where the document editing is to be performed in the graph structure design processor 3 (74), edits the document, and returns the edit result signal to the graph structure design processor 3 (75). . The edited static and dynamic documents are stored in the graph data structure data table (79). The graph structure design processor 3 can query the graph data structure data table 2 (73) to know the document edits and store the changes in the graph structure in the graph data structure table (72) (72). . The document editing processor 81 entrusts the text attribute control processor 71 with the text attribute conversion 76 which enables the attribute of the text in the document to be converted according to the HTML specification. The text attribute control processor 71 obtains the information on the text attribute from the TAG data table 83, performs the text attribute conversion, and returns the text attribute conversion result 77 to the document editing processor 81. . In document editing 81, document linking information 80 for hyperlink can be obtained from graph data structure 2, and information about HTML tag 82 can be obtained from TAG data table 83. . The CGI indicator required to edit the dynamic document is inserted during document editing 81. From the initialized databases and directories, you know in advance which database and directory will be used for the CGI indicator. The inserted CGI indicator is passed to the database connection management processor 50. After the database, tables, and columns are visually selected and defined by the user, SQL statements 85 are generated accordingly, and the document editing processor 81 is generated. Is returned. The returned SQL statements 85 are stored in an extended tag for the CGI indicator. Figure 5 describes in more detail the database connection for dynamic documents. When the dynamic document is edited in the dynamic document editing processor 81 and the text property control is finished in the text property control processor 71 and the contents of the CGI indicator are determined, the dynamic document edited by the FastCGI source generation processor 4 is displayed. Passed 87, the FasatCGI source generation processor 4 generates HTML document frames 10, FastCGI application server source code 11, and data file 12. 6 illustrates FastCGI application server program source generation in more detail. There can be several different CGI indicators in one dynamic document. Some of these have gone through the creation of FastCGI sources and some do not. FasatCGI source generation (4) The processor sets and returns a CGI indicator registration flag indicating that the source generation has been registered for the completed CGI indicator (86).

도 5는 본 발명에 관한 동적 문서 내의 데이터베이스 연결에 대한 흐름도이다. 우선 동적 문서내에서 단어를 획득하여(91) 문서의 끝인가를 분석해서(92) 문서의 끝이 아닌 경우에는 CGI 표시기가 있는가를 살펴(93), CGI 표시기가 있는 경우 사용 가능한 데이터베이스 리스트를 GUI(Graphics User Interface)를 통해 시각적 표현으로 출력하고(94), 데이터 베이스 선택을 대한 사용자 입력을 받아 들여(95) 데이터베이스를 선택하고(96) 사용 가능한 테이블 리스트를 출력한다(97). 사용할 테이블에 대한 사용자 입력을 받아 들여(98) 사용할 테이블들을 선택한 후(99) 테이블의 내용들을 출력한다(100). 상기 선택된 테이블들에서 열(column)과 출력할 행의 개수를 선택(101, 102, 103)한 후, SQL을 생성한다(104).5 is a flow diagram for a database connection in a dynamic document in accordance with the present invention. First, the word is acquired in the dynamic document (91), and whether it is the end of the document (92) is checked if there is a CGI indicator if it is not at the end of the document (93). Graphics user interface) (94), accepts user input for database selection (95) selects a database (96) and outputs a list of available tables (97). The user inputs the table to be used (98), selects the tables to be used (99), and outputs the contents of the table (100). After selecting (101, 102, 103) the number of columns and the number of rows to be output in the selected tables, SQL is generated (104).

도 6은 본 발명에 따른 FastCGI 응용 서버 프로그램 소스 생성에 대한 자료 흐름도이다. FastCGI 코드 생성 프로세서(4)의 부 프로세서인 문서 분석 프로세서(84)는 문서 편집 프로세서(81)에서 동적 문서를 받아(85) HTML로 표현된 부분들과, CGI 표시기에 의해 FastCGI 응용 프로그램의 결과로 표현할 부분들을 나눈다. 상기 HTML로 표현된 부분들은 차례로 HTML 관리 프로세서(114)로 보내진다(112). HTML 관리 프로세서(114)에서는 HTML 표현 부분들을 받아서(112) 링크드 리스트(linked list)로 묶어서 HTML 문서 틀(HTML Document Template)을 생성하여 HTML 문서 틀 테이블(10)에 저장한다(116). CGI 표시기로 표현된 부분은 역시 FastCGI 코드 생성 프로세서(4)의 부 프로세서인 CGI 관리 프로세서(115)로 보내진다(113). CGI 관리 프로세서(115)는 코드 풀(1)에서 기본적인 코드 골격(Code Skeleton)을 받아서(110) 임베딩된 SQL(Embedded SQL) 방법으로 응용 서버 원시 코드와 응용 서버 데이터를 생성하여 생성된 응용 서버 원시 코드를 FastCGI 응용 서버 원시 코드 테이블(11)에 저장하고(117), 상기 응용 서버 데이터는 데이터 파일 테이블(12)에 저장한다(118).6 is a data flow diagram for generating a FastCGI application server program source according to the present invention. The document analysis processor 84, which is a subprocessor of the FastCGI code generation processor 4, receives a dynamic document from the document editing processor 81 (85) and renders the portions represented in HTML as a result of the FastCGI application by the CGI indicator. Divide the parts you want to express. The portions represented in HTML are in turn sent to HTML management processor 114 (112). The HTML management processor 114 receives the HTML presentation parts (112), generates an HTML document template by grouping them into a linked list, and stores the HTML document template in the HTML document template table 10 (116). The portion represented by the CGI indicator is sent to CGI management processor 115, which is also a subprocessor of FastCGI code generation processor 4 (113). The CGI management processor 115 receives a basic code skeleton from the code pool 1 and generates an application server source code and application server data using an embedded SQL method. The code is stored in FastCGI application server source code table 11 (117), and the application server data is stored in data file table 12 (118).

본 발명에 의하면 웹과 데이터베이스의 연동에 필수적인 응용 서버(Application Server)를 소스 수준에서 자동 생성하게 하며, GUI(Graphics User Interface)를 통해 시각적인 표현들로 연동에 사용되는 파일과 데이터베이스, 출력을 위한 HTML 문서를 쉽게 편집할 수 있게 할수 있다. 특히 생성되는 응용 서버는 FastCGI를 지원하도록 하였는데, FastCGI는 현재 사용되는 연동 방법 중 가장 확장성이 뛰어나고 안정적이며 성능이 우수한 것으로 그 시장이 계속 커가고 있으므로, 본 발명의 수요도 앞으로 크게 증가할 것이다.According to the present invention, it is possible to automatically generate an application server (Application Server) necessary for interworking of the web and the database at the source level, and to use files, databases, and output for interworking with visual representations through a GUI (Graphics User Interface). You can easily edit HTML documents. In particular, the generated application server to support FastCGI, FastCGI is the most extensible, stable and excellent among the currently used interlocking methods, the market is growing, the demand of the present invention will increase greatly in the future.

Claims (5)

데이터베이스를 초기화하고, 데이터 파일들의 저장을 위한 디렉토리의 패스를 초기화하는 단계와;Initializing a database and initializing a path of a directory for storing data files; 사용자 명령을 입력받아 그 사용자 명령에 의거하여, 웹 사이트 구축을 위한 하이퍼 텍스트의 그래프 구조를 설계하는 단계와;Receiving a user command and designing a graph structure of hypertext for building a web site based on the user command; 상기 하이퍼 텍스트 그래프를 구성하는 노드들 중 그 속성이 정적문서인 노드들에 대하여 정적 문서 편집을 하고, 남아있는 그래프의 노드들인 동적 문서 속성을 가지는 노드들에 대하여 동적문서 편집을 수행하는 단계와;Performing static document editing on nodes whose attributes are static documents among the nodes constituting the hypertext graph, and performing dynamic document editing on nodes having dynamic document properties, which are nodes of the remaining graph; 상기 동적문서 편집이 끝난 각 노드들을 포함하는 그래프 구조를 기반으로 하여 패스트 커몬 게이트웨이 인터페이스(FastCGI) 응용 서버 프로그램 소스를 생성하는 단계와;Generating a fast common gateway interface (FastCGI) application server program source based on a graph structure including each node of the dynamic document editing; 상기 정적문서 편집단계와 상기 동적문서 편집단계에서 생성된 문서들과, 상기 패스트 커몬 게이트웨이 인터페이스(FastCGI) 소스 생성단계에서 생성된 프로그램 코드들을 테스트해보고 정련(refine)하는 정련단계를 수행하여,A refinement step of testing and refining the documents generated in the static document editing step and the dynamic document editing step and the program codes generated in the fast common gateway interface (FastCGI) source generation step is performed. 웹 상의 데이터베이스 통로를 시각적으로 프로그래밍하는 환경을 제공하는 것을 특징으로 하는 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 방법.A method of visually designing hypertext for a web database, characterized by providing an environment for visually programming database passages on the web. 제 1 항에 있어서,The method of claim 1, 상기 그래프 구조 설계단계는,The graph structure design step, 초기화가 완료되면, 사용자 명령을 받아서 사용자 명령이 노드 추가, 노드 삭제, 노드 속성변환, 노드 이동, 노드에 할당된 문서 편집 조건 중 어느 것인가분석하여 그 사용자 명령에 의거하여, 정적 문서들과 동적 문서들로 이루어져 있는 하이퍼텍스트 그래프 데이터 구조에 대하여 노드 추가, 그래픽 자료 구조에서 노드 삭제, 노드 속성 변경, 그래프 자료 구조 내의 노드 이동, 정적/동적 문서 편집을 그래픽 유저 인터페이스(GUI)를 통해 웹 사이트 구축을 위한 그래프 자료구조를 설계하는 것을 특징으로 하는 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 방법.Upon completion of initialization, the user command is received and the user command analyzes any of the conditions of adding node, deleting node, changing node properties, moving node, and editing document assigned to the node. For a hypertext graph data structure made up of multiple nodes, add a node, delete a node from a graphic data structure, change node properties, move nodes within the graph data structure, and edit static / dynamic documents to build a Web site through a graphical user interface (GUI). A visual design method of hypertext for a web database, characterized by designing a graph data structure. 제 1 항에 있어서,The method of claim 1, 상기 동적문서 편집단계는,The dynamic document editing step, 동적 문서내에서 패스트 커몬 게이트웨이 인터페이스(FastCGI)를 지원하는 파일 처리 프로그램이나 데이터베이스 응용 프로그램의 결과가 나타나는 부분을 컴퓨터 그래픽 인터페이스를 통해 표시하는 컴퓨터 그래픽 인터페이스 표시기에 의해 동적 데이터의 위치를 정하고, 데이터베이스의 연결과 디렉토리 연결을 위한 각각의 데이터 베이스 연결 관리 프로세서와 디렉토리 연결 관리 프로세서를 두어 서버의 데이터베이스 시스템과 파일 구조에 맞추어 연결하여, 동적문서내에 포함된 구조화 질의어(SQL)문장들과 파일들의 위치를 상기 컴퓨터 그래픽 인터페이스 표시기 내부에 저장하여 동적 문서를 표현하는 것을 특징으로 하는 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 방법.The location of dynamic data is determined by a computer graphical interface indicator that displays the results of a file processing program or database application that supports Fast Common Gateway Interface (FastCGI) in a dynamic document through a computer graphical interface. Each database connection management processor and directory connection management processor for directory and directory connection are connected to the server's database system and file structure, and the structured query statements (SQL) statements and files included in the dynamic document are located in the computer. A visual design method of hypertext for a web database, characterized by storing it inside a graphical interface indicator to represent a dynamic document. 제 3 항에 있어서The method of claim 3 상기 컴퓨터 그래픽 인터페이스를 통해 표시하는 단계는,The displaying through the computer graphic interface may include: 확장 HTML 택(Extended HTML Tag)으로 동적 문서 내에서 표현하고, 데이터베이스와의 연동을 위해 데이터베이스의 목록을 나타내는 데이터베이스 리스트와, 테이블의 목록을 나타내는 테이블 리스트와, 열과 행을 시각적인 표현을 바탕으로 그래픽 유저 인터페이스(GUI)를 통해 단계적으로 설정하는 것을 특징으로 하는 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 방법.Expresses in dynamic documents with Extended HTML Tag, and displays a list of databases, a list of tables, a list of tables, and a visual representation of columns and rows for interworking with the database. A visual design method of hypertext for a web database, characterized by setting in stages through a user interface (GUI). 제 1 항에 있어서,The method of claim 1, 상기 패스트 컴퓨터 그래픽 인터페이스 소스 생성단계는,The fast computer graphic interface source generation step, 편집이 완료된 동적 문서를 바탕으로 HTML문서를 관리하는 HTML 프로세서를 통해 HTML 문서 틀을 편집하고, 컴퓨터 그래픽 인터페이스 표시기에 의해 표현되는 부분은 컴퓨터 그래픽 인터페이스 관리프로세서를 통해 웹 사이트를 구축하기 위한 웹 사이트의 하이퍼텍스트의 구조를 나타내는 코드 풀의 내용을 바탕으로 응용 서버의 원시 코드와 응용 서버의 데이터를 생성하는 것을 특징으로 하는 웹 데이터베이스를 위한 하이퍼텍스트의 시각적 설계 방법.The HTML document frame is edited by an HTML processor that manages the HTML document based on the edited dynamic document, and the part represented by the computer graphic interface indicator is the web site for building the web site through the computer graphic interface management processor. A method of visually designing hypertext for a web database, comprising generating source code of an application server and data of an application server based on the contents of a code pool representing the structure of the hypertext.
KR1019970053158A 1997-10-16 1997-10-16 Visual design of hypertext for web databases KR19990032183A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1019970053158A KR19990032183A (en) 1997-10-16 1997-10-16 Visual design of hypertext for web databases

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1019970053158A KR19990032183A (en) 1997-10-16 1997-10-16 Visual design of hypertext for web databases

Publications (1)

Publication Number Publication Date
KR19990032183A true KR19990032183A (en) 1999-05-06

Family

ID=66042247

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1019970053158A KR19990032183A (en) 1997-10-16 1997-10-16 Visual design of hypertext for web databases

Country Status (1)

Country Link
KR (1) KR19990032183A (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20030046768A (en) * 2001-12-06 2003-06-18 (주)와이솔루션즈 Web site management system and method based on the inference theory of the artificial intelligence expert systems
KR100389932B1 (en) * 2000-06-16 2003-07-02 송용욱 Web site management system and method based on the inference theory of the artificial intelligence expert systems
KR100398711B1 (en) * 2000-11-08 2003-09-19 주식회사 와이즈엔진 Content publication system for supporting real-time integration and processing of multimedia contents including dynamic data and method thereof

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100389932B1 (en) * 2000-06-16 2003-07-02 송용욱 Web site management system and method based on the inference theory of the artificial intelligence expert systems
KR100398711B1 (en) * 2000-11-08 2003-09-19 주식회사 와이즈엔진 Content publication system for supporting real-time integration and processing of multimedia contents including dynamic data and method thereof
KR20030046768A (en) * 2001-12-06 2003-06-18 (주)와이솔루션즈 Web site management system and method based on the inference theory of the artificial intelligence expert systems

Similar Documents

Publication Publication Date Title
US6799299B1 (en) Method and apparatus for creating stylesheets in a data processing system
US20060015839A1 (en) Development of software systems
Vanderdonckt et al. Flexible reverse engineering of web pages with vaquista
Alderson Meta-CASE technology
US20040090458A1 (en) Method and apparatus for previewing GUI design and providing screen-to-source association
US20080276163A1 (en) Content creation system, content creation method, computer executable program for executing the same content creation method, computer readable storage medium having stored the same program, graphical user interface system and display control method
Feldt Programming Firefox: Building rich internet applications with XUL
US20140006913A1 (en) Visual template extraction
US7496828B2 (en) Method and system for mapping tags to classes using namespaces
JPH09134282A (en) Program generation method
KR101275871B1 (en) System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor
JPH0683598A (en) Job flow specification automatic generating method
US20030023639A1 (en) Application generator for creating web pages
CN103646023A (en) Page and control increasing method based on WEB
CN113158651A (en) Web server system and demonstration application generation method
KR101552914B1 (en) Web server application framework web application processing method using the framework and computer readable medium processing the method
Coppit et al. Spotlight: A prototype tool for software plans
KR100261265B1 (en) Apparatus for making a web document and method of operating it
US9501598B1 (en) System and method for assertion publication and re-use
EP1215572A2 (en) Windows resource file parameterization system and method
KR19990032183A (en) Visual design of hypertext for web databases
Schwabe et al. OOHDM-WEB: Rapid prototyping of hypermedia applications in the WWW
EP0692112B1 (en) Dynamic browser system
JP6531855B2 (en) INFORMATION PROCESSING APPARATUS, CONTROL METHOD FOR INFORMATION PROCESSING APPARATUS, AND PROGRAM
KR102025239B1 (en) Method for automatic generating of auto-cad files

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application