KR20050025380A - Method and system for creating homepage using module insertion program - Google Patents

Method and system for creating homepage using module insertion program Download PDF

Info

Publication number
KR20050025380A
KR20050025380A KR1020030062410A KR20030062410A KR20050025380A KR 20050025380 A KR20050025380 A KR 20050025380A KR 1020030062410 A KR1020030062410 A KR 1020030062410A KR 20030062410 A KR20030062410 A KR 20030062410A KR 20050025380 A KR20050025380 A KR 20050025380A
Authority
KR
South Korea
Prior art keywords
web page
information
module
configuration data
project
Prior art date
Application number
KR1020030062410A
Other languages
Korean (ko)
Other versions
KR100586561B1 (en
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 KR1020030062410A priority Critical patent/KR100586561B1/en
Publication of KR20050025380A publication Critical patent/KR20050025380A/en
Application granted granted Critical
Publication of KR100586561B1 publication Critical patent/KR100586561B1/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00Digital computing or data processing equipment or methods, specially adapted for specific functions
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04WWIRELESS COMMUNICATION NETWORKS
    • H04W88/00Devices specially adapted for wireless communication networks, e.g. terminals, base stations or access point devices
    • H04W88/02Terminal devices

Abstract

A method and a system for creating a homepage using a module insertion program inserting an individual module into the homepage created from a commercial web editor program are provided to maximally simplify a homepage creating process by automatically inserting the desired homepage module into web page configuration created from the commercial web editor program. The system includes a manager terminal(110), a worker terminal(120), and a module insertion server(130). The manager terminal and the worker terminal are equipped with a commercial web agent program and the module insertion program. The module insertion program generates converted web page configuration data by inserting the individual module such as a bulletin board, a coupon registration section, and a shopping mall into a preset position of raw web page configuration data, and registers it to a personal homepage area of the module insertion server. The module insertion server includes a homepage creation controller(133), a module information extractor(136), a source code converter(139), a transceiver(143), and a storing part(146).

Description

모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템{METHOD AND SYSTEM FOR CREATING HOMEPAGE USING MODULE INSERTION PROGRAM} Method and system for creating homepage using module insertion program {METHOD AND SYSTEM FOR CREATING HOMEPAGE USING MODULE INSERTION PROGRAM}

본 발명은 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템에 관한 것으로, 특히 상용 웹 에디터 프로그램을 이용하여 생성한 웹 페이지에 사용자가 원하는 개별 모듈(예를 들어, 게시판, 쇼핑몰, 앨범 등)을 삽입할 수 있도록 하여 개발자가 없더라도 원활한 홈페이지 생성 및 수정을 가능하게 하는 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템에 관한 것이다.The present invention relates to a method and system for creating a homepage using a module insertion program. In particular, an individual module (for example, a bulletin board, a shopping mall, an album, etc.) desired by a user may be inserted into a web page generated using a commercial web editor program. The present invention relates to a method and system for creating a homepage using a module insertion program that enables a smooth homepage creation and modification even without a developer.

인터넷이 급속히 보급됨에 따라 인터넷상에서 홍보수단으로서 기업 또는 개인의 홈페이지 공간이 점차 증가하고 있다. With the rapid spread of the Internet, the space of homepages of companies or individuals is gradually increasing as a means of promotion on the Internet.

그러나, 홈페이지 생성에 관한 전문 교육을 받지 않은 일반 사용자가 만족할만한 홈페이지를 직접 만든다는 것은 용이하지 않다. 이러한 어려움을 해소하기 위해 다양한 상용 웹 에디터 프로그램(예를 들어, 프론트페이지, 나모 웹 에디터 등)이 제작 판매되고 있다. 그러나, 이러한 상용 웹 에디터 프로그램의 모든 기능을 활용하여 홈페이지를 제작하기 위해서는 별도의 교육이나 학습이 필요하므로, 일반 사용자가 이러한 상용 웹 에디터 프로그램을 이용하여 생성한 웹 페이지의 구성이나 모양 역시 대동소이할 수밖에 없다.However, it is not easy to directly create a satisfactory home page for a general user who has not received professional training on homepage creation. To address these difficulties, various commercial web editor programs (eg, front page, Namo web editor, etc.) are produced and sold. However, in order to create a homepage using all the functions of such a commercial web editor program, a separate education or learning is required. Therefore, the structure and shape of a web page generated by a general user using such a commercial web editor program may be similar. There is no choice but to.

또한, 최근에는 인터넷 사용자들에게 무료 홈페이지를 제공하는 웹사이트(예를 들어, 네이버 등)가 나타나고 있으며, 당해 웹사이트에 가입한 인터넷 사용자들은 해당 웹사이트에서 제공하는 홈페이지 생성 과정을 거쳐 자신만의 홈페이지를 생성할 수 있다.Recently, websites that provide free homepages to Internet users (eg, Naver, etc.) have appeared, and internet users who have subscribed to the website go through their homepage creation process provided by the website. You can create a home page.

그러나, 당해 웹사이트를 통해 생성한 홈페이지의 구성이나 모양이 모든 가입자에 대해 정형화된 형태(예를 들어, 개인소개, 게시판, 방명록, 카운터 등)를 지니고 있으며, 해당 가입자가 변경할 수 있는 내용은 게시판 내에 등록되는 게시물 등의 내용뿐으로 제한된다. 즉, 해당 가입자는 홈페이지의 구성이나 모양은 전혀 수정할 수 없는 한계를 가진다. 이러한 한계 때문에 가입자들은 형식상으로만 홈페이지를 가지고 있을 뿐 유용하게 홈페이지를 활용하지 못하고 있다.However, the structure or shape of the homepage created through the website has a standardized form (for example, personal introduction, bulletin board, guestbook, counter, etc.) for all subscribers. It is limited to contents such as posts registered within. In other words, the subscriber has a limitation that the structure or shape of the homepage cannot be modified at all. Due to these limitations, subscribers only have a homepage in form, but do not use the homepage usefully.

따라서, 종래의 홈페이지 생성 방법은 전문가의 도움없이는 만족할만한 홈페이지의 구성이나 모양을 가질 수 없기 때문에 홈페이지 생성이나 수정 작업을 위해 전문 인력이 필요하고, 웹 디자이너 등을 포함하는 일반 사용자들만으로는 충분하지 않은 문제점이 있었다.Therefore, the conventional homepage creation method cannot have a satisfactory homepage composition or shape without the help of an expert, and thus requires a professional manpower for creating or modifying a homepage, and it is not enough for ordinary users including web designers. There was a problem.

따라서, 본 발명의 목적은 소스코드를 수정할 수 있는 전문가가 없더라도 일반 인터넷 사용자가 원하는 홈페이지 구성과 개별 모듈을 가지는 웹 페이지를 생성할 수 있도록 하는 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템을 제공하는 것이다.Accordingly, an object of the present invention is to provide a method and system for creating a homepage using a module insertion program that enables a general Internet user to generate a web page having a desired homepage configuration and individual modules even if no expert can modify the source code. .

본 발명의 다른 목적은 상용 웹 에디터 프로그램(예를 들어, 프론트페이지, 나모 웹 에디터 등)을 이용하여 생성한 독특한 웹 페이지 구성 내에 사용자가 선택한 홈페이지 모듈(예를 들어, 쇼핑몰, 쿠폰, 게시판 등)이 자동으로 삽입되므로 홈페이지 생성 과정의 간편화를 극대화한 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템을 제공하는 것이다.Another object of the present invention is to select a homepage module (for example, a shopping mall, a coupon, a bulletin board, etc.) selected by a user within a unique web page configuration created using a commercial web editor program (for example, a front page or a namo web editor). It is automatically inserted to provide a method and system for creating a homepage using a module insertion program that maximizes the simplicity of the homepage creation process.

본 발명의 또 다른 목적은 최소 인원으로 만족할만한 홈페이지를 생성할 수 있도록 하는 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템을 제공하는 것이다.It is still another object of the present invention to provide a method and system for creating a homepage using a module insertion program for generating a homepage satisfactory with a minimum number of people.

본 발명의 또 다른 목적은 홈페이지에 삽입되는 개별 모듈의 크기를 웹 페이지를 생성하는 인터넷 사용자가 자유롭게 설정할 수 있어 개성있는 홈페이지 생성을 가능하게 하는 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템을 제공하는 것이다. It is still another object of the present invention to provide a method and system for creating a homepage using a module insertion program that enables an internet user to freely set the size of an individual module to be inserted into a homepage to create a personalized homepage. .

본 발명의 또 다른 목적은 홈페이지에 삽입된 개별 모듈이 접속자의 모니터 크기 또는 웹 브라우저 화면 크기를 산출하여 자동으로 적합한 크기로 변형될 수 있고, 또한 홈페이지 구성을 갱신할 수 있으므로 접속자의 원활한 웹 서핑을 가능하게 하는 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템을 제공하는 것이다.Another object of the present invention is that the individual module inserted in the homepage can be transformed into a suitable size automatically by calculating the monitor size or web browser screen size of the visitor, and also can update the homepage configuration, so that the user can surf the web smoothly. The present invention provides a method and system for generating a homepage using a module insertion program that enables the module.

본 발명의 또 다른 목적은 홈페이지 생성 과정에서 웹 페이지 데이터 변환 작업과 업로드 작업을 하나의 화면상에서 동시에 처리할 수 있도록 하는 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템을 제공하는 것이다. It is still another object of the present invention to provide a method and system for creating a homepage using a module insertion program for simultaneously processing a web page data conversion task and an upload task on a single screen in a homepage generation process.

상기 목적들을 달성하기 위하여, 본 발명의 일 측면에 따르면, 제1 사용자 단말기로부터 통신망을 통해 웹 페이지 생성 기본 정보, 운영자 정보, 웹 페이지 유형 정보, 작업자 지정 정보를 포함하는 프로젝트 등록 정보를 수신하여 프로젝트를 등록하는 단계와, 제2 사용자 단말기로부터 접속 요청이 수신된 경우, 상기 제2 사용자 단말기의 사용자가 작업자로 지정된 하나 이상의 프로젝트 정보를 검색하는 단계와, 상기 검색된 프로젝트 정보를 상기 제2 사용자 단말기로 전송하는 단계와, 상기 하나 이상의 프로젝트 정보 중에서 선택된 임의의 프로젝트 정보에 상응하여 상기 제2 사용자 단말기로부터 원시 웹 페이지 구성 데이터 및 모듈 선택 정보를 포함하는 원시 웹 페이지 변환 요청을 수신하는 단계-여기서, 상기 원시 웹 페이지 구성 데이터는 적어도 외부 이미지 정보 및 모듈 삽입 이미지 정보를 포함함-와, 상기 원시 웹 페이지 구성 데이터를 이용하여 상기 모듈 삽입 이미지 정보에 상응하도록 상기 모듈 선택 정보에 상응하는 모듈 정보가 삽입된 변환 웹 페이지 구성 데이터를 생성하는 단계 및 상기 변환 웹 페이지 구성 데이터를 통신망을 통해 상기 제2 사용자 단말기로 전송하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 생성 방법이 제공되고, 당해 웹 페이지 생성 방법의 수행을 가능하게 하는 시스템, 장치 및 기록매체가 제공된다. In order to achieve the above objects, according to an aspect of the present invention, by receiving a project registration information including web page generation basic information, operator information, web page type information, worker designation information from the first user terminal through a communication network Registering the information, and if the connection request is received from the second user terminal, searching for one or more project information designated as a worker by the user of the second user terminal, and converting the retrieved project information to the second user terminal. Transmitting a raw web page conversion request including raw web page configuration data and module selection information from the second user terminal in response to any project information selected from the one or more project information; Write down raw web page configuration data Including external image information and module embedded image information, and using the raw web page configuration data to generate converted web page configuration data into which module information corresponding to the module selection information is inserted so as to correspond to the module embedded image information. And a step of transmitting the converted web page configuration data to the second user terminal through a communication network, and a system for enabling the web page generation method to be performed. An apparatus and a record carrier are provided.

또한, 상기 웹 페이지 생성 기본 정보가 상기 변환 웹 페이지가 등록될 홈페이지 URL을 포함하는 경우, 상기 제2 사용자 단말기로부터 상기 변환 웹 페이지 구성 데이터의 등록 요청을 수신하는 단계와 상기 변환 웹 페이지 구성 데이터를 상기 홈페이지 URL에 상응하여 등록하는 단계를 더 포함할 수 있다. In addition, when the web page generation basic information includes a homepage URL where the converted web page is to be registered, receiving the request for registering the converted web page configuration data from the second user terminal and converting the converted web page configuration data. The method may further include registering to correspond to the homepage URL.

그리고, 상기 변환 웹 페이지 구성 데이터를 생성하는 단계는, 상기 모듈 선택 정보에 상응하는 모듈 정보를 추출하는 단계-여기서, 상기 모듈 정보는 적어도 상기 모듈 선택 정보에 상응하는 모듈로의 접속 URL을 포함함-와, 상기 모듈 삽입 이미지 정보에 상응하는 모듈 삽입 이미지의 크기를 검출하는 단계 및 상기 원시 웹 페이지 구성 데이터, 상기 모듈 정보, 상기 모듈 삽입 이미지의 크기를 이용하여 상기 변환 웹 페이지 구성 데이터를 생성하는 단계를 더 포함할 수 있다. The generating of the converted web page configuration data may include extracting module information corresponding to the module selection information, wherein the module information includes at least a connection URL to a module corresponding to the module selection information. Detecting a size of the module embedded image corresponding to the module embedded image information and generating the converted web page configuration data using the raw web page configuration data, the module information, and the size of the module embedded image. It may further comprise a step.

상기 모듈은 상기 원시 웹 페이지에 포함된 상기 모듈 삽입 이미지의 크기에 상응하도록 삽입되고, 상기 모듈 삽입 이미지의 크기가 변경되면 상기 모듈의 표시 크기도 이에 상응하여 변경된다.The module is inserted to correspond to the size of the module embedded image included in the raw web page, and when the size of the module embedded image is changed, the display size of the module is correspondingly changed.

또한, 상기 원시 웹 페이지 변환 요청이 언어 선택 정보를 포함하는 경우, 상기 모듈 선택 정보에 상응하는 모듈 정보를 추출하는 단계는 상기 언어 선택 정보에 상응하는 모듈 정보를 추출하는 단계이다. In addition, when the raw web page conversion request includes language selection information, extracting module information corresponding to the module selection information is extracting module information corresponding to the language selection information.

또한, 본 발명에 따른 웹 페이지 생성 방법은 제3 사용자 단말기로부터 상기 홈페이지 접속 요청을 수신하는 단계와, 상기 변환 웹 페이지 구성 데이터의 크기 정보 및 상기 제3 사용자 단말기 표시부의 크기 정보를 인식하는 단계와, 상기 제3 사용자 단말기 표시부의 크기 정보에 상응하여 상기 변환 웹 페이지 구성 데이터의 크기 정보를 갱신하는 단계와, 상기 갱신된 변환 웹 페이지 구성 데이터를 상기 제3 사용자 단말기로 전송하는 단계를 더 포함할 수 있다. In addition, the method for generating a web page according to the present invention comprises the steps of receiving the home page access request from a third user terminal, recognizing the size information of the converted web page configuration data and the size information of the third user terminal display unit; And updating the size information of the converted web page configuration data according to the size information of the third user terminal display unit, and transmitting the updated converted web page configuration data to the third user terminal. Can be.

또한, 상기 웹 페이지 생성 기본 정보가 상기 변환 웹 페이지가 등록될 외부 홈페이지 URL을 더 포함하는 경우, 상기 변환 웹 페이지 구성 데이터를 상기 외부 홈페이지 URL에 상응하는 웹 서버로 전송하는 단계를 더 포함할 수 있다. The method may further include transmitting the converted web page configuration data to a web server corresponding to the external home page URL when the web page generation basic information further includes an external home page URL to which the converted web page is registered. have.

그리고, 상기 제2 사용자 단말기에서 상기 원시 웹 페이지 변환 요청의 전송 및 상기 변환 웹 페이지 구성 데이터의 등록 요청은 하나의 화면상에 구비된 각 기능 버튼에 의해 이루어질 수 있다. In addition, the transmission of the original web page conversion request and the registration request of the conversion web page configuration data may be made by each function button provided on one screen in the second user terminal.

또한, 상기 변환 웹 페이지 구성 데이터를 통신망을 통해 상기 제2 사용자 단말기로 전송하는 단계는, 상기 홈페이지 URL에 상응하여 상기 변환 웹 페이지 구성 데이터가 등록될 주소 정보를 자동 생성하는 단계와, 상기 자동 생성된 주소 정보 및 상기 변환 웹 페이지 구성 데이터를 상기 제2 사용자 단말기로 전송하는 단계를 포함할 수 있다.The transmitting of the converted web page configuration data to the second user terminal through a communication network may include: automatically generating address information for registering the converted web page configuration data corresponding to the homepage URL; And transmitting the converted address information and the converted web page configuration data to the second user terminal.

상기 원시 웹 페이지 구성 데이터는 상용 웹 페이지 생성 프로그램을 이용하여 생성될 수 있으며, 상기 제1 사용자 단말기와 상기 제2 사용자 단말기는 일치할 수 있다. The raw web page configuration data may be generated using a commercial web page generation program, and the first user terminal and the second user terminal may coincide.

상기 원시 웹 페이지 구성 데이터는 둘 이상의 모듈 삽입 이미지 정보를 포함하고, 각 모듈 삽입 이미지 정보에 상응하여 독립된 모듈 정보가 삽입된 변환 웹 페이지 구성 데이터가 생성되는 것을 특징으로 한다.The raw web page configuration data may include two or more module insertion image information, and converted web page configuration data in which independent module information is inserted corresponding to each module insertion image information is generated.

그리고, 상기 모듈 정보는 게시판 모듈, 쇼핑몰 모듈, 앨범 모듈, 쿠폰 모듈, 자료실 모듈 등 중 적어도 어느 하나에 상응한다.The module information corresponds to at least one of a bulletin board module, a shopping mall module, an album module, a coupon module, a library module, and the like.

본 발명의 바람직한 일 실시예에 따르면, 사용자 단말기에서 통신망을 통해 접속된 모듈 삽입 서버를 이용하여 웹 페이지를 생성하는 방법에 있어서, 접속 정보가 입력된 경우 상기 접속 정보를 상기 모듈 삽입 서버로 전송하는 단계와, 상기 모듈 삽입 서버로부터 상기 접속 정보에 상응하는 사용자가 작업자로 지정된 하나 이상의 프로젝트 정보를 수신하는 단계-여기서, 상기 프로젝트 정보는 웹 페이지 생성 기본 정보, 웹 페이지 유형 정보를 포함함-와, 상기 하나 이상의 프로젝트 정보 중에서 임의의 프로젝트 정보에 대한 선택 정보를 입력받는 단계와, 상용 웹 페이지 생성 프로그램을 이용하여 생성된 원시 웹 페이지 구성 데이터에 대한 선택 정보를 입력받는 단계-여기서, 상기 원시 웹 페이지 구성 데이터는 적어도 외부 이미지 정보 및 모듈 삽입 이미지 정보를 포함함-와, 상기 원시 웹 페이지 구성 데이터에 대한 변환 요청이 입력되는 경우, 상기 원시 웹 페이지 구성 데이터 및 모듈 선택 정보를 상기 모듈 삽입 서버로 전송하는 단계와, 상기 모듈 삽입 서버로부터 상기 모듈 삽입 이미지 정보에 상응하도록 상기 모듈 선택 정보에 상응하는 모듈 정보가 삽입된 변환 웹 페이지 구성 데이터를 수신하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 생성 방법이 제공되고, 당해 웹 페이지 생성 방법의 수행을 가능하게 하는 시스템, 장치 및 기록매체가 제공될 수 있다.According to a preferred embodiment of the present invention, a method for generating a web page using a module insertion server connected through a communication network in a user terminal, when the connection information is input to transmit the connection information to the module insertion server Receiving one or more project information designated as a worker by a user corresponding to the connection information from the module insertion server, wherein the project information includes web page generation basic information and web page type information; Receiving selection information about arbitrary project information from the one or more project information, and receiving selection information about raw web page configuration data generated by using a commercial web page generating program, wherein the raw web page Configuration data is at least external image information and module shovel Including image information; and, when a conversion request for the raw web page configuration data is input, transmitting the raw web page configuration data and module selection information to the module insertion server; A method of generating a web page, the method comprising: receiving converted web page configuration data into which module information corresponding to the module selection information is inserted so as to correspond to module insertion image information. A system, apparatus, and recording medium may be provided to facilitate the operation.

그리고, 상기 변환 웹 페이지 구성 데이터를 수신하는 단계는, 상기 모듈 삽입 서버에 의해 생성된 상기 변환 웹 페이지 구성 데이터가 등록될 주소 정보를 더 수신하는 것을 특징으로 한다.The receiving of the converted web page configuration data may further include receiving address information to which the converted web page configuration data generated by the module insertion server is registered.

또한, 본 발명에 따른 웹 페이지 생성 방법은 상기 변환 웹 페이지 구성 데이터의 등록 요청을 입력받는 단계와, 상기 변환 웹 페이지 구성 데이터를 상기 주소 정보에 상응하여 등록하도록 상기 모듈 삽입 서버로 상기 변환 웹 페이지 구성 데이터의 등록 요청을 전송하는 단계를 더 포함할 수 있다.In addition, the web page generation method according to the present invention comprises the step of receiving the registration request of the conversion web page configuration data, and the conversion web page to the module insertion server to register the conversion web page configuration data corresponding to the address information The method may further include transmitting a registration request of configuration data.

또한, 본 발명에 따른 웹 페이지 생성 방법은 프로젝트 등록 정보를 입력받는 단계-여기서, 상기 프로젝트 등록 정보는 웹 페이지 생성 기본 정보, 운영자 정보, 웹 페이지 유형 정보, 작업자 지정 정보를 포함함-와, 프로젝트 등록 완료 정보가 입력되는 경우, 상기 프로젝트 등록 정보를 상기 모듈 삽입 서버로 전송하는 단계를 더 포함할 수 있다. In addition, the web page generation method according to the present invention is a step of receiving project registration information, wherein the project registration information includes web page generation basic information, operator information, web page type information, worker designation information, and a project When registration completion information is input, the method may further include transmitting the project registration information to the module insertion server.

그리고, 상기 원시 웹 페이지 구성 데이터에 대한 변환 요청이 입력되는 경우, 상기 원시 웹 페이지 구성 데이터에 상응하는 변환이 이미 수행되었는지 여부를 검사하는 단계와, 상기 변환이 이미 수행된 경우 에러 메시지를 디스플레이하는 단계를 더 포함할 수 있다.If a conversion request for the raw web page configuration data is input, checking whether or not the conversion corresponding to the raw web page configuration data has already been performed, and if the conversion has already been performed, displaying an error message. It may further comprise a step.

이하 첨부도면을 참조하여 본 발명의 바람직한 실시예를 상세히 설명하도록 한다.Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings.

도 1은 본 발명의 바람직한 일 실시예에 따른 홈페이지 생성 시스템의 블록 구성도이다.1 is a block diagram of a home page generation system according to an exemplary embodiment of the present invention.

도 1을 참조하면, 본 발명에 따른 홈페이지 생성 시스템은 관리자 단말기(110), 작업자 단말기(120) 및 모듈 삽입 서버(130)를 포함한다. Referring to FIG. 1, the homepage generation system according to the present invention includes an administrator terminal 110, a worker terminal 120, and a module insertion server 130.

관리자 단말기(110)와 작업자 단말기(120)는 웹 페이지를 생성하기 위한 상용 웹 에이전트 프로그램(113a, 113b - 이하 113으로 칭함), 본 발명에 따른 모듈 삽입 프로그램(116a, 116b - 이하 116이라 칭함)을 구비한다. 상용 웹 에이전트 프로그램(113)은 웹 페이지 구성 데이터(예를 들어, 소스코드 등)를 생성하기 위한 노트패드(즉, C:\WINDOWS\NOTEPAD.EXE) 또는 웹 에이전트 프로그램(예를 들어, 프론트페이지(Microsoft FrontPage), 나모 웹 에디터(Namo Web Editor) 등) 등을 포함한다. 상용 웹 에이전트 프로그램(113)의 종류는 각 관리자 또는 각 작업자에 따라 자유롭게 선택될 수 있다. 모듈 삽입 프로그램(116)은 관리자 또는 작업자가 생성한 원시 웹 페이지 구성 데이터에 상응하여 적절한 개별 모듈(예를 들어, 게시판, 쿠폰 등록 영역, 쇼핑몰 등)이 미리 지정된 위치에 삽입하여 변환 웹 페이지 구성 데이터를 생성하고, 작업이 완료된 변환 웹 페이지 구성 데이터를 모듈 삽입 서버(130)의 개인 홈페이지 영역에 등록한다. 모듈 삽입 프로그램(116)의 기능에 대해서는 이후 관련 도면을 참조하여 상세히 설명한다.The manager terminal 110 and the worker terminal 120 are commercial web agent programs 113a, 113b-hereinafter referred to as 113 for generating web pages, and module insertion programs 116a, 116b-116 hereinafter according to the present invention. It is provided. The commercial web agent program 113 may be a notepad (i.e., C: \ WINDOWS \ NOTEPAD.EXE) or a web agent program (e.g., front page) for generating web page configuration data (e.g., source code, etc.). (Microsoft FrontPage), Namo Web Editor, etc.). The type of commercial web agent program 113 may be freely selected according to each manager or each worker. The module insertion program 116 inserts the appropriate individual module (for example, a bulletin board, a coupon registration area, a shopping mall, etc.) into a predetermined position corresponding to the raw web page configuration data generated by the administrator or worker, and converts the converted web page configuration data. Generate and register the completed conversion web page configuration data in the personal homepage area of the module insertion server 130. The function of the module insertion program 116 will be described in detail later with reference to the accompanying drawings.

모듈 삽입 서버(130)는 홈페이지 생성 제어부(133), 모듈 정보 추출부(136), 소스코드 변환부(139), 송수신부(143) 및 저장부(146)를 포함한다. 도 1의 모듈 삽입 서버(130)의 각 구성 요소는 원시 웹 페이지를 변환 웹 페이지 데이터로 변환하기 위한 기능 위주로 도시되었으나 실질적으로 모듈 삽입 서버(130)는 관리자 단말기(110) 또는 작업자 단말기(120)에 의해 작업된 갱신 웹 페이지 데이터를 등록하여 홈페이지 등록 서비스를 제공하기 위한 구성 요소를 더 포함할 수 있다. 그러나, 생성된 웹 페이지 구성 데이터를 이용하여 홈페이지 등록 서비스를 제공하는 방법 및 구성 요소는 당업자에게 널리 알려진 주지의 사실이므로 이에 대한 구체적인 설명은 생략한다.The module insertion server 130 includes a homepage generation controller 133, a module information extractor 136, a source code converter 139, a transceiver 143, and a storage 146. Although each component of the module insertion server 130 of FIG. 1 is illustrated mainly for a function for converting a raw web page into converted web page data, the module insertion server 130 may be a manager terminal 110 or a worker terminal 120. It may further include a component for registering the updated web page data worked by to provide a homepage registration service. However, methods and components for providing a homepage registration service using generated webpage configuration data are well known to those skilled in the art, and thus detailed description thereof will be omitted.

홈페이지 생성 제어부(133)는 관리자 단말기(110) 또는 작업자 단말기(120)로부터 전송되는 모듈 삽입 요청에 상응하여 원시 웹 페이지 구성 데이터를 변환 웹 페이지 구성 데이터로 변환하기 위해 모듈 정보 추출부(136), 소스코드 변환부(139), 송수신부(143) 및 저장부(146)를 제어하는 기능을 수행한다.The homepage generation control unit 133 may include a module information extraction unit 136 to convert raw web page configuration data into converted web page configuration data in response to a module insertion request transmitted from the administrator terminal 110 or the worker terminal 120. Functions to control the source code converter 139, the transceiver 143 and the storage unit 146.

모듈 정보 추출부(136)는 관리자 또는 작업자가 생성한 웹 페이지에 삽입되어야 할 모듈의 유형, 모듈의 크기를 판단하여 적절한 모듈 정보(예를 들어, 모듈 정보에 접속가능한 URL 정보 등)를 추출하는 기능을 수행한다.The module information extracting unit 136 extracts the appropriate module information (eg, URL information accessible to the module information) by determining the type of the module to be inserted into the web page generated by the administrator or the operator and the size of the module. Perform the function.

소스코드 변환부(139)는 모듈 정보 추출부(136)에 의해 추출된 모듈 정보를 이용하여 관리자 단말기(110) 또는 작업자 단말기(120)로부터 수신된 원시 웹 페이지의 소스코드를 미리 지정된 형태로 변환하여 변환 웹 페이지를 생성하는 기능을 수행한다.The source code conversion unit 139 converts the source code of the original web page received from the administrator terminal 110 or the worker terminal 120 into a predetermined form using the module information extracted by the module information extraction unit 136. To generate the converted web page.

송수신부(143)는 관리자 단말기(110) 및/또는 작업자 단말기(120)로부터 데이터(예를 들어, 홈페이지 생성 기본 정보, 원시 웹 페이지 등)를 수신하고, 소스코드 변환부(139)에 의해 생성된 변환 웹 페이지를 관리자 단말기(110) 및/또는 작업자 단말기(120)로 전송하는 기능을 수행한다. 물론, 당해 관리자가 지정한 외부 웹 서버(150)에 당해 변환 웹 페이지를 등록하고자 하는 경우, 해당 변환 웹 페이지 구성 데이터를 당해 외부 웹 서버(150)로 전송하는 기능을 더 수행할 수 있다.The transceiver 143 receives data (for example, homepage generation basic information, raw web page, etc.) from the manager terminal 110 and / or the worker terminal 120, and generates the data by the source code conversion unit 139. And transmits the converted web page to the manager terminal 110 and / or the worker terminal 120. Of course, when the registered web page is registered in the external web server 150 designated by the administrator, the converted web page configuration data may be further transmitted to the external web server 150.

저장부(146)는 웹페이지 생성 기본 정보(예를 들어, 홈페이지의 유형, 관리자 정보 등), 홈페이지별 작업자 선택 정보, 변환 웹 페이지 구성 데이터 등을 저장한다. 물론 저장부(146)는 복수로 구성되어 저장되는 데이터의 종류에 따라 구분될 수 있다.The storage unit 146 stores web page generation basic information (eg, homepage type, manager information, etc.), worker selection information for each homepage, converted webpage configuration data, and the like. Of course, the storage unit 146 may be divided according to the type of data stored in a plurality.

본 발명에 따른 웹 페이지 생성 방법은 상용 웹 에이전트 프로그램(113)과 모듈 삽입 프로그램(116)을 구비한 관리자 단말기(110) 또는 작업자 단말기(120)에서 독자적으로 수행될 수도 있으나, 이하에서는 관리자가 관리자 단말기(110)를 이용하여 홈페이지를 생성할 작업자를 지정하고, 작업자가 작업자 단말기(120)를 이용하여 홈페이지를 생성하는 방법을 중심으로 설명한다.Web page generation method according to the present invention may be performed independently in the administrator terminal 110 or worker terminal 120 having a commercial web agent program 113 and the module insertion program 116, the following managers An operator to designate a homepage to be created using the terminal 110 will be described based on a method of creating a homepage using the worker terminal 120.

도 2a는 본 발명의 바람직한 일 실시예에 따른 홈페이지 생성 기본 정보 설정 방법을 나타낸 순서도이고, 도 2b는 본 발명의 바람직한 일 실시예에 따른 프로젝트 보기 화면의 예시도이다. 도 2c는 본 발명의 바람직한 일 실시예에 따른 프로젝트 등록 화면의 예시도이고, 도 2d는 본 발명의 바람직한 일 실시예에 따른 웹 페이지 상세 정보 입력 화면의 예시도이다.2A is a flowchart illustrating a method for setting homepage generation basic information according to an exemplary embodiment of the present invention, and FIG. 2B is an exemplary view of a project view screen according to an exemplary embodiment of the present invention. 2C is an exemplary diagram of a project registration screen according to an exemplary embodiment of the present invention, and FIG. 2D is an exemplary diagram of a web page detailed information input screen according to an exemplary embodiment of the present invention.

도 2a에 도시된 순서도를 설명함에 있어 이해의 편의를 도모하기 위해 도 2b 내지 도 2d의 화면 표시의 예시도를 함께 설명한다.In describing the flowchart shown in FIG. 2A, an exemplary view of the screen display of FIGS. 2B to 2D will be described together for convenience of understanding.

도 2a를 참조하면, 단계 210에서 관리자 단말기(110)(즉, 관리자 단말기(110)에 설치된 모듈 삽입 프로그램(116))는 관리자로부터 접속 정보(예를 들어, 아이디 및 비밀번호)를 입력받고 통신망을 통해 모듈 삽입 서버(130)로 전송한다.Referring to FIG. 2A, in step 210, the manager terminal 110 (that is, the module insertion program 116 installed in the manager terminal 110) receives access information (eg, an ID and a password) from the manager and establishes a communication network. Transmit to the module insertion server 130 through.

단계 215에서 모듈 삽입 서버(130)는 단계 210을 통해 수신된 접속 정보가 유효한지 여부를 판단한다. 유효한 경우 단계 220에서 모듈 삽입 서버(130)는 관리자 단말기(110)로 접속 승인 정보를 전송하고, 유효하지 않은 경우 단계 225에서 모듈 삽입 서버(130)는 에러 메시지를 관리자 단말기(110)로 전송한다. In operation 215, the module insertion server 130 determines whether the access information received through operation 210 is valid. If it is valid, the module insertion server 130 transmits the access approval information to the manager terminal 110 in step 220, and if it is not valid, the module insertion server 130 transmits an error message to the manager terminal 110 in step 225. .

관리자 단말기(110)는 단계 225에서 모듈 삽입 서버(130)로부터 접속 승인 정보를 수신한다. 물론 단계 220 및 단계 225와 같이 별도로 접속 승인 정보를 전송하지 않고 로그인 화면의 다음 화면(도 2b 참조)으로 전환하도록 할 수도 있다.The manager terminal 110 receives access approval information from the module insertion server 130 in step 225. Of course, as shown in step 220 and step 225, it is also possible to switch to the next screen (see Fig. 2b) of the login screen without transmitting the connection approval information separately.

단계 230에서 관리자 단말기(110)는 관리자로부터 신규 프로젝트 등록 정보를 입력받는다. 그리고, 단계 235 및 단계 240을 통해 관리자 단말기(110)는 관리자로부터 웹 페이지 유형 선택과 작업자 선택을 입력받는다.In operation 230, the manager terminal 110 receives new project registration information from the manager. In operation 235 and operation 240, the manager terminal 110 receives a web page type selection and a worker selection from the administrator.

단계 210 내지 단계 225를 통해 관리자의 접속 정보가 유효한 것으로 판단되면, 관리자 단말기(110)는 표시부에 도 2b와 같은 프로젝트 보기 화면을 디스플레이한다. 도 2b의 프로젝트 보기 화면은 프로젝트 등록 버튼, 프로젝트 수정 버튼, 상점 수정 버튼, 디자이너 관리 버튼 등을 포함하는 복수개의 선택 버튼 영역(270), 프로젝트 검색 영역(273) 및 등록된 프로젝트 표시 영역(275)을 포함한다. 프로젝트 등록 버튼을 이용하여 등록된 프로젝트가 존재하는 경우 등록된 프로젝트 표시 영역(275)에 해당 정보가 표시되고, 등록된 프로젝트 표시 영역(275)에 복수의 프로젝트 정보가 표시된 경우 프로젝트 검색 영역(273)을 이용하여 원하는 프로젝트를 용이하게 검색할 수 있다.If it is determined that the access information of the manager is valid through steps 210 to 225, the manager terminal 110 displays a project view screen as shown in FIG. 2B on the display unit. The project view screen of FIG. 2B includes a plurality of selection button areas 270 including a project registration button, a project modification button, a store modification button, a designer management button, a project search area 273, and a registered project display area 275. It includes. If a project registered using the project registration button exists, the corresponding information is displayed in the registered project display area 275, and if a plurality of project information is displayed in the registered project display area 275, the project search area 273 You can easily search for the project you want.

만일 관리자가 신규 프로젝트를 등록하고자 하여 프로젝트 등록 버튼을 클릭하면, 관리자 단말기(110) 표시부에는 도 2c와 같은 프로젝트 등록 화면이 디스플레이된다.If the manager wants to register a new project and clicks the project registration button, the manager terminal 110 display unit displays a project registration screen as shown in FIG. 2C.

프로젝트 등록 화면은 프로젝트 생성 기본 정보 입력 영역(280)(예를 들어, 웹 페이지 명칭, 하나이상의 홈페이지 주소, 운영자 정보 등), 웹 페이지 유형 선택 영역(283) 및 디자인 작업자 선택 영역(286)을 포함한다.The project registration screen includes a project creation basic information input area 280 (e.g., web page name, one or more homepage addresses, operator information, etc.), a web page type selection area 283, and a design worker selection area 286. do.

관리자는 프로젝트 생성 기본 정보 입력 영역(280)을 이용하여 원하는 웹 페이지의 명칭, 생성된 웹 페이지가 등록될 홈페이지 주소, 운영자 정보 등을 입력한다. 이후, 웹 페이지 유형 선택 영역(283) 및 디자인 작업자 선택 영역(286)을 이용하여 해당 웹 페이지에 상응하는 웹 페이지 유형을 선택(예를 들어, 상점, 게시판, 쿠폰, 앨범 등 중 어느 하나)하고, 생성된 웹 페이지를 작업할 작업자를 선택한다. 웹 페이지 유형 선택 영역(283) 및 디자인 작업자 선택 영역(286)은 드롭다운 메뉴 형태로 설정되어 관리자는 용이한 항목 선택이 가능하다.The administrator inputs the name of the desired web page, the homepage address to which the created web page is registered, the operator information, etc. using the project creation basic information input area 280. Thereafter, the web page type selection area 283 and the design worker selection area 286 are used to select a web page type corresponding to the web page (for example, one of a store, a bulletin board, a coupon, an album, and the like). Then, select the worker who will work with the generated web page. The web page type selection area 283 and the design worker selection area 286 are set in the form of a drop-down menu, so that the administrator can easily select items.

관리자가 모든 정보를 입력한 후 프로젝트 등록화면 하단에 구비된 확인 버튼을 클릭함으로서 다음 단계(도 2d 참조)로 진행한다.After the administrator inputs all the information, the user proceeds to the next step (see FIG. 2D) by clicking the confirmation button provided at the bottom of the project registration screen.

다시 도 2a를 참조하면, 단계 245에서 관리자 단말기(110)는 관리자로부터 웹 페이지 상세 정보(예를 들어, 쇼핑몰인 경우 상호명, 사업자 번호, 대표자 성명 등)를 입력받는다.Referring again to FIG. 2A, in step 245, the manager terminal 110 receives web page detailed information (eg, a business name, a business number, a representative name, etc.) from a manager.

도 2d에 상세 정보 입력 화면이 예시되어 있다. 즉, 관리자가 단계 235 및 도 2c의 웹 페이지 유형 선택 영역(283)을 이용하여 웹 페이지 유형으로 "상점"을 선택한 경우 해당 상점에 상응하는 상세 정보(예를 들어, 상호명, 사업자 번호, 대표자 성명 등)를 입력하기 위한 화면이다. 사용자가 이미 등록한 프로젝트가 다수개 존재하는 경우 검색 버튼(290)을 선택하여 복수의 프로젝트 중 원하는 프로젝트를 선택할 수 있다. 또한, 관리자는 상점 분류 버튼(293)을 선택하여 적합한 상점 분류를 선택할 수 있다. 예를 들어, 관리자가 상점 분류 버튼(293)을 선택한 경우 관리자 단말기(110) 표시부에는 별도의 상점 분류 화면이 디스플레이되도록 할 수 있다. 또한 상점 분류 화면에는 '결혼', '학원', '자동차', '의류' 등과 같은 대분류, 각 대분류에 하나 이상의 상세 분류(예를 들어, '의류' 항목의 하부로 '한복집', '신발', '유야용 의류' 등)가 포함되도록 하여 적절한 상점 분류가 가능하도록 한다. 관리자는 모든 정보의 입력을 완료한 후 상세 정보 입력 화면 하부의 '확인' 버튼을 클릭함으로써 프로젝트 등록을 완료할 수 있다.2D illustrates a detailed information input screen. That is, if the administrator selects "store" as the web page type using the web page type selection area 283 of step 235 and FIG. 2C, the detailed information corresponding to the store (e.g., business name, business number, representative name) Etc.). If there are a plurality of projects already registered by the user, the search button 290 may be selected to select a desired project from the plurality of projects. The administrator can also select a store classification button 293 to select a suitable store classification. For example, when the administrator selects the store classification button 293, the manager terminal 110 may display a separate store classification screen on the display unit. In addition, the store classification screen includes major categories such as 'marriage', 'school', 'car' and 'clothing', and one or more detailed classifications for each major category (for example, 'hanbok collection' and 'shoes' under the 'clothing' item). ',' Baby clothes, 'etc.) to ensure that the appropriate store classification. After completing the input of all information, the administrator can complete the project registration by clicking the 'OK' button at the bottom of the detailed information input screen.

다시 도 2a를 참조하면, 단계 250에서 관리자 단말기(110)는 관리자에 의해 정보 입력이 완료되었는지 여부를 판단한다. 예를 들어, 관리자가 상세 정보 입력 화면 하부의 '확인' 버튼을 클릭한 경우 정보 입력이 완료되었다고 판단할 수 있다. 물론 도 2c에 도시된 프로젝트 등록 화면에서 일부의 정보가 입력된 후 '확인' 버튼이 클릭된 경우에도 정보 입력이 완료되었다고 판단할 수 있으며, 이 경우 도 2b의 프로젝트 수정 버튼을 이용하여 프로젝트 등록을 계속할 수 있다.Referring back to FIG. 2A, in step 250, the manager terminal 110 determines whether information input is completed by the manager. For example, when the administrator clicks the 'OK' button at the bottom of the detailed information input screen, it may be determined that information input is completed. Of course, even when the 'OK' button is clicked after some information is input in the project registration screen shown in FIG. 2C, it can be determined that the information input is completed. You can continue.

정보 입력이 완료된 경우 관리자 단말기(110)는 단계 255에서 관리자에 의해 입력된 프로젝트 등록 정보를 통신망을 통해 모듈 삽입 서버(130)로 전송한다. 그렇지 않은 경우에는 현재 작업 단계에서 대기한다. When the information input is completed, the manager terminal 110 transmits the project registration information input by the manager in step 255 to the module insertion server 130 through the communication network. Otherwise, it waits at the current work step.

모듈 삽입 서버(130)는 단계 260에서 통신망을 통해 관리자 단말기(110)로부터 입력 정보를 수신하고 수신된 입력 정보를 해당 관리자에 상응하여 저장한다.The module insertion server 130 receives the input information from the manager terminal 110 through the communication network in step 260 and stores the received input information corresponding to the manager.

도 3a는 본 발명의 바람직한 일 실시예에 따른 작업자의 웹 페이지 생성 과정을 나타낸 순서도이고, 도 3b는 본 발명의 바람직한 일 실시예에 따른 작업자의 프로젝트 선택 화면을 예시한 도면이다. 도 3c는 본 발명의 바람직한 일 실시예에 따른 원시 웹 페이지의 구성을 나타낸 화면 표시의 예시도이고, 도 3d는 본 발명의 바람직한 일 실시예에 따른 원시 웹 페이지의 소스코드를 예시한 도면이다. 도 3e는 본 발명의 바람직한 일 실시예에 따른 원시 웹 페이지의 구성 확인 화면을 예시한 도면이고, 도 3f는 본 발명의 바람직한 일 실시예에 따른 원시 웹 페이지의 변환 요청 화면을 예시한 도면이다. 도 3g는 본 발명의 바람직한 일 실시예에 따른 원시 웹 페이지의 변환 결과를 나타내는 화면 표시의 예시도이고, 도 3h는 본 발명의 바람직한 일 실시예에 따른 변환 웹 페이지의 구성을 나타낸 화면 표시의 예시도이고, 도 3i는 본 발명의 바람직한 일 실시예에 따른 변환 웹 페이지의 소스코드를 예시한 도면이다.3A is a flowchart illustrating a web page generation process of an operator according to an exemplary embodiment of the present invention, and FIG. 3B is a diagram illustrating a project selection screen of an operator according to an exemplary embodiment of the present invention. 3C is an exemplary view of a screen display showing a configuration of a raw web page according to an exemplary embodiment of the present invention, and FIG. 3D is a diagram illustrating source code of a raw web page according to an exemplary embodiment of the present invention. FIG. 3E is a diagram illustrating a configuration confirmation screen of a raw web page according to an exemplary embodiment of the present invention, and FIG. 3F is a diagram illustrating a conversion request screen of a raw web page according to an exemplary embodiment of the present invention. 3G is an exemplary view of a screen display showing a conversion result of a raw web page according to a preferred embodiment of the present invention, Figure 3H is an example of a screen display showing the configuration of a conversion web page according to a preferred embodiment of the present invention 3I is a diagram illustrating the source code of the conversion web page according to an embodiment of the present invention.

도 3a에 도시된 순서도를 설명함에 있어 이해의 편의를 도모하기 위해 도 3b 내지 도 3i의 화면 표시의 예시도를 함께 설명한다.In describing the flowchart illustrated in FIG. 3A, an exemplary view of the screen display of FIGS. 3B to 3I will be described together for convenience of understanding.

도 3a를 참조하면, 단계 310에서 작업자 단말기(120)는 작업자로부터 접속 정보를 입력받고 통신망을 통해 당해 접속 정보를 모듈 삽입 서버(130)로 전송한다.Referring to FIG. 3A, in operation 310, the worker terminal 120 receives connection information from an operator and transmits the connection information to the module insertion server 130 through a communication network.

단계 315에서 모듈 삽입 서버(130)는 단계 310을 통해 수신된 접속 정보가 유효한지 여부를 판단한다. 유효한 경우, 모듈 삽입 서버(130)는 단계 320에서 관리자에 의해 등록된 하나 이상의 프로젝트 중에서 당해 작업자를 디자이너로 지정한 프로젝트를 검색하고, 단계 325에서 검색된 프로젝트 목록을 통신망을 통해 작업자 단말기로 전송한다. 예를 들어, 관리자가 'A', 'B', 'C'라는 3개의 프로젝트를 등록하고, 'A'와 'B'는 작업자를 'a'로, 'C'는 작업자를 'b'로 지정한 경우, 단계 310을 통해 접속한 작업자가 'a'인 경우 모듈 삽입 서버(130)는 단계 320 및 단계 325를 통해 프로젝트 'A'와 'B'를 검색하고 검색 정보를 'a'의 사용자 단말기로 전송하는 것이다.In operation 315, the module insertion server 130 determines whether the access information received through operation 310 is valid. If valid, the module insertion server 130 searches for a project designating the worker as a designer among one or more projects registered by the manager in step 320, and transmits the searched project list to the worker terminal through the communication network in step 325. For example, an administrator registers three projects, 'A', 'B', and 'C', 'A' and 'B' for worker 'a', and 'C' for worker 'b' If specified, if the operator connected through step 310 is 'a', the module insertion server 130 searches for projects 'A' and 'B' through steps 320 and 325 and returns the search information to the user terminal of 'a'. Will be sent to.

그러나, 접속 정보가 유효하지 않은 경우 단계 330에서 모듈 삽입 서버(130)는 에러 메시지를 작업자 단말기(120)로 전송한다. However, if the access information is not valid, in step 330, the module insertion server 130 transmits an error message to the worker terminal 120.

작업자 단말기(120)는 단계 335에서 당해 작업자가 디자이너로 등록된 프로젝트 목록 정보를 수신한다. The worker terminal 120 receives the project list information in which the worker is registered as a designer in step 335.

작업자는 단계 340에서 도 3b에 도시된 프로젝트 선택 화면을 이용하여 작업하고자 하는 프로젝트를 선택한다. 작업자는 도 3b에 도시된 프로젝트 선택 화면에서 작업 선택 버튼(410)을 클릭함으로써 디스플레이된 프로젝트 선택 창(420)을 이용하여 작업하고자 하는 프로젝트를 선택할 수 있다. 작업자는 임의의 프로젝트를 선택함으로서, 관리자가 등록한 프로젝트 등록 정보(예를 들어, 웹 페이지 유형)를 확인할 수 있고 프로젝트 등록 정보에 상응하는 웹 페이지를 생성(예를 들어, 웹 페이지 유형이 게시판인 경우, 게시판 모듈이 삽입된 웹 페이지 생성)할 수 있다.In step 340, the worker selects a project to be worked on using the project selection screen shown in FIG. 3B. The worker may select a project to work by using the project selection window 420 displayed by clicking the task selection button 410 on the project selection screen shown in FIG. 3B. By selecting any project, the operator can check the project properties (for example, web page type) registered by the administrator and create a web page corresponding to the project property (for example, if the web page type is bulletin board). , Create a web page with the bulletin board module inserted).

단계 345에서 작업자는 작업자 단말기(120)에 설치된 상용 웹 에이전트 프로그램(113)을 이용하여 원시 웹 페이지를 제작한다. 도 3c에 도시된 원시 웹 페이지는 텍스트, 외부 이미지(430)와 모듈 삽입 이미지(440)를 포함한다. 외부 이미지(430)는 모듈 삽입 이미지(440)를 제외한 웹 페이지 내의 모든 이미지를 지칭하는 것으로 하며, 상단 외부 이미지와 측면 외부 이미지로 구분될 수 있다. 모듈 삽입 이미지(440)는 모듈(예를 들어, 게시판, 쇼핑몰 등)이 삽입되기 위한 위치 및 모듈의 크기를 결정하기 위한 것이므로, 이미지의 종류는 작업자가 임의로 정할 수 있다. 도 3d에는 도 3c에 도시된 원시 웹 페이지의 소스코드가 예시되어 있다. 도 3d의 소스코드에는 모듈 삽입 이미지(440)를 나타내는 정보로서 "<img src="http://data.betanews.net/imgdb/ inline/1061738596.jpg" border='0' width="580" height "363">"이 삽입되어 있다. 즉, 모듈이 삽입되기 위한 위치와 삽입되는 모듈의 크기가 결정되는 것이다. 물론 작업자가 모듈 삽입 이미지(440)의 크기를 변경하면 삽입되는 모듈의 크기도 변경된다.In step 345, the worker creates a raw web page using a commercial web agent program 113 installed in the worker terminal 120. The raw web page shown in FIG. 3C includes text, an external image 430, and a module embedded image 440. The external image 430 refers to all images in the web page except for the module insertion image 440, and may be divided into a top external image and a side external image. Since the module insertion image 440 is for determining the position and the size of the module into which the module (eg, a bulletin board, a shopping mall, etc.) is inserted, the type of the image may be arbitrarily determined by the operator. Figure 3d illustrates the source code of the raw web page shown in Figure 3c. In the source code of FIG. 3D, information indicating the module insertion image 440 is "<img src =" http://data.betanews.net/imgdb/inline/1061738596.jpg "border = '0' width =" 580 " height "363"> "is inserted. That is, the position for inserting the module and the size of the module to be inserted are determined. Of course, if the operator changes the size of the module insertion image 440, the size of the inserted module is also changed.

단계 350에서 작업자가 웹 페이지 구성 확인 화면(즉, 모듈 삽입 프로그램의 일 기능)을 실행한 경우 작업자 단말기(120)는 도 3e와 같은 화면 표시를 표시부에 디스플레이한다.When the operator executes the web page configuration confirmation screen (that is, one function of the module insertion program) in operation 350, the operator terminal 120 displays a screen display as shown in FIG. 3E on the display unit.

도 3e를 참조하면, 웹 페이지 구성 확인 화면은 작업 선택 버튼(410), 변환/업로드 버튼(455), 파일 목록 표시 영역(460) 및 미리 보기 영역(465)을 포함한다. Referring to FIG. 3E, the web page configuration confirmation screen includes a job selection button 410, a convert / upload button 455, a file list display area 460, and a preview area 465.

작업자가 임의의 프로젝트에 상응하여 작업한 작업 파일이 위치한 폴더를 선택하면 해당 폴더내에 포함된 작업 파일들이 파일 목록 표시 영역(460)에 표시되고, 파일 목록 표시 영역(460) 내의 임의의 작업 파일을 선택한 경우 미리 보기 영역(465)에 해당 작업 파일에 상응하는 웹 페이지가 표시된다. 즉, 작업자는 작업 파일을 변환/업로드 버튼(455)을 이용하여 변환/업로드 작업을 수행하기 전에 미리 보기 영역(465)을 이용하여 작업한 내용을 재확인할 수 있다. 또한 작업자가 미리 보기 영역(465)에 표시된 웹 페이지를 수정하고자 하는 경우 해당 웹 페이지의 수정도 가능하다. 예를 들어, 작업자가 미리 보기 영역(465)위에서 마우스 오른쪽 버튼을 클릭한 경우 해당 웹 페이지를 작업 또는 수정할 수 있도록 미리 지정된 프로그램 목록(예를 들어, 노트패드, 프론트페이지, 나모 웹 에디터 등)이 디스플레이되고 작업자가 임의의 프로그램을 선택하면 해당 프로그램이 실행되며 해당 웹 페이지의 수정을 가능하게 한다. 이후 작업자에 의해 변환/업로드 버튼(455)이 클릭되면 도 3f와 같은 변환 파일 선택 화면이 작업자 단말기(120) 표시부에 디스플레이되고, 도 3a의 단계 355로 진행한다.When the worker selects the folder where the work file corresponding to any project is located, the work files included in the folder are displayed in the file list display area 460, and any work file in the file list display area 460 is displayed. When selected, the preview area 465 displays a web page corresponding to the work file. That is, the worker may reconfirm the work contents using the preview area 465 before performing the conversion / upload operation using the conversion / upload button 455. In addition, when the operator wants to modify the web page displayed in the preview area 465, it is also possible to modify the web page. For example, if a worker right-clicks over the preview area 465, a list of predefined programs (for example, Notepad, Frontpage, Namo Web Editor, etc.) will be available for you to work with or modify that web page. When displayed and the operator selects an arbitrary program, the program is executed and the modification of the web page is made possible. Thereafter, when the conversion / upload button 455 is clicked by the worker, the conversion file selection screen shown in FIG. 3F is displayed on the display of the worker terminal 120, and the flow proceeds to step 355 of FIG. 3A.

다시 도 3a를 참조하면, 단계 355에서 작업자 단말기(120)(즉, 모듈 삽입 프로그램)는 작업자로부터 원시 웹 페이지 변환 요청이 입력되는지 여부를 판단한다. 예를 들어, 이는 작업자에 의해 임의의 작업 파일이 선택되고 도 3f의 변환하기 버튼(470)이 입력되는지 여부를 검사하는 것일 수 있다. Referring back to FIG. 3A, in step 355, the worker terminal 120 (that is, the module insertion program) determines whether a raw web page conversion request is input from the worker. For example, this may be to check whether any work file is selected by the operator and the convert button 470 of FIG. 3F is input.

원시 웹 페이지 변환 요청이 입력되는 경우, 단계 365로 진행하여 통신망을 통해 모듈 삽입 서버(130)로 원시 웹 페이지 변환 요청을 전송한다. 그러나, 원시 웹 페이지 변환 요청이 입력되지 않는 경우, 작업자에 의해 선택된 단계로 다시 진행한다.When the raw web page conversion request is input, the flow proceeds to step 365 to transmit the raw web page conversion request to the module insertion server 130 through the communication network. However, if the raw web page conversion request is not entered, the process proceeds back to the step selected by the worker.

단계 370에서 모듈 삽입 서버(130)는 원시 웹 페이지 변환 요청에 상응하는 개별 모듈 정보(예를 들어, 웹 페이지 유형 정보, 모듈 접속 URL 등)를 추출하고, 추출된 개별 모듈 정보를 이용하여 변환 웹 페이지를 생성한다.In step 370, the module insertion server 130 extracts individual module information (eg, web page type information, module access URL, etc.) corresponding to the raw web page conversion request, and converts the converted web using the extracted individual module information. Create a page.

모듈 삽입 서버(130)가 작업자 단말기(120)로부터 수신된 원시 웹 페이지 변환 요청에 상응하여 변환 웹 페이지를 생성하는 방법은 다양하게 적용할 수 있다. 그중 두가지 방법에 대해서만 예를 들어 설명한다.The module insertion server 130 may generate various methods of generating the converted web page in response to the raw web page conversion request received from the worker terminal 120. Only two of them are described by way of example.

첫 번째 방법은 원시 웹 페이지 변환 요청에 원시 웹 페이지 구성 데이터, 웹 페이지 유형을 포함시키는 방법이다. 즉, 작업자가 임의의 작업 파일들을 선택한 후 원시 웹 페이지 변환 요청을 입력(즉, 변환하기 버튼(470) 클릭)하면, 해당 웹 페이지 구성 데이터, 웹 페이지 유형이 함께 모듈 삽입 서버(130)로 전송되도록 한다. 모듈 삽입 서버(130)는 웹 페이지 유형을 이용하여 어떤 모듈이 삽입되어야 할 것인지를 판단하고, 개별 모듈 정보를 추출한 후 추출된 개별 모듈 정보에 상응하도록 원시 웹 페이지 구성 데이터를 변환한다. 도 3d에 도시된 원시 웹 페이지의 소스코드는 첫 번째 방법이 적용되는 경우를 나타낸다.The first is to include the raw web page configuration data and the web page type in the raw web page conversion request. That is, when a worker selects arbitrary work files and inputs a raw web page conversion request (that is, clicks the convert button 470), the corresponding web page configuration data and web page type are transmitted to the module insertion server 130 together. Be sure to The module insertion server 130 determines which module should be inserted using the web page type, extracts individual module information, and converts raw web page configuration data to correspond to the extracted individual module information. The source code of the original web page shown in FIG. 3d represents a case where the first method is applied.

두 번째 방법은 원시 웹 페이지 변환 요청에 원시 웹 페이지 구성 데이터만이 포함되도록 하며, 작업자가 원시 웹 페이지 구성 데이터 내에 웹페이지 유형을 포함시키도록 하는 방법이다. 예를 들어, 도 3d에 도시된 소스코드 내에서, 작업자가 생성한 원시 웹 페이지의 소스코드내의 모듈 삽입 이미지(440) 영역을 "<img src="http://data.betanews.net/imgdb/inline/1061738596.jpg" 'ModuleTag'="mall" border='0' width="580" height "363">"과 같이 수정하는 것이다. 두 번째 방법은 첫 번째 방법에 비해 하나의 홈페이지에 여러 개의 모듈이 삽입될 필요가 있는 경우에 편리하다. 물론, 각 모듈을 구성하는 디자인 형태가 여러 개가 존재하는 경우 임의의 디자인을 선택(예를 들어, 'design양식'="w001")할 수도 있다. 물론, 이와 같이 작업자가 소스코드를 수정하도록 하는 경우에도 기술적 내용의 수정이 아닌 선택 사항의 입력 정도에 그치므로 소스코드 구성에 대한 기술적 지식이 없더라도 충분히 가능하다.The second method is to ensure that only the raw web page configuration data is included in the raw web page conversion request, and that the worker includes the web page type in the raw web page configuration data. For example, in the source code shown in FIG. 3D, the module insertion image 440 area in the source code of the worker-created raw web page is set to "<img src =" http://data.betanews.net/imgdb /inline/1061738596.jpg "'ModuleTag' =" mall "border = '0' width =" 580 "height" 363 ">" The second method is convenient when several modules need to be inserted in one homepage compared to the first method. Of course, if there are several design forms constituting each module, it is possible to select an arbitrary design (for example, 'design form' = "w001"). Of course, even if the operator is to modify the source code in this way, only the input degree of the option, not the modification of the technical content is enough even without technical knowledge of the source code configuration.

이후, 단계 375에서 모듈 삽입 서버(130)는 단계 370을 통해 생성된 변환 웹 페이지를 통신망을 통해 작업자 단말기(120)로 전송된다.Thereafter, in step 375, the module insertion server 130 transmits the converted web page generated in step 370 to the worker terminal 120 through the communication network.

작업자 단말기(120)는 단계 380에서 모듈 삽입 서버(130)로부터 수신된 변환 웹 페이지를 저장한다. 그리고, 원시 웹 페이지의 변환 결과가 도 3g에 도시되어 있다. The worker terminal 120 stores the converted web page received from the module insertion server 130 in step 380. And the conversion result of a raw web page is shown in FIG. 3G.

도 3g에 도시된 변환 결과 화면은 변환 웹 페이지 구성 데이터가 저장된 주소(예를 들어, E:\a302\bbs1.htm), 원시 웹 페이지 구성 데이터가 새롭게 저장된 주소(예를 들어, E:\a302\bbs1.tmp.htm), 변환 웹 페이지 구성 데이터를 통신망을 통해 홈페이지에 등록할 때 변환 웹 페이지가 등록될 주소(예를 들어, http://wwa.urirang.com/store/warehouse/bbs1.htm)를 포함한다. 즉, 변환 웹 페이지 구성 데이터가 원시 웹 페이지 구성 데이터의 파일명으로 대체되어 저장되고, 원시 웹 페이지 구성 데이터는 임시 파일명으로 갱신되어 저장된다. 그리고, 당해 변환 웹 페이지가 등록된 홈페이지 내의 주소가 모듈 삽입 서버(130)에 의해 자동으로 설정되어 변환 결과 화면에 표시된다. 또한, 도 3f의 변환 파일 선택 화면이나 도 3g의 변환 결과 화면은 '메뉴' 항목을 더 포함할 수 있다. 작업자가 '메뉴' 항목을 클릭한 후 변환하기 버튼(470)을 선택한 경우 모듈 삽입 서버(130)는 당해 원시 웹 페이지를 변환하는 과정에서 당해 웹 페이지에 삽입되어야할 모듈에 상응하는 기본 메뉴바를 함께 삽입할 수 있다. 예를 들어, 당해 웹 페이지가 상점에 관한 것이고, 삽입되어야할 모듈이 쇼핑몰 모듈이라면 이와 함께 삽입되는 기본 메뉴바는 "상품 검색, 주문하기, 장바구니 보기 등"의 메뉴를 포함할 수 있다.The conversion result screen shown in FIG. 3G includes an address (for example, E: \ a302 \ bbs1.htm) in which the conversion web page configuration data is stored, and an address in which the raw web page configuration data is newly stored (for example, E: \ a302). \ bbs1.tmp.htm), the address where the conversion web page will be registered when registering the conversion web page configuration data to the homepage via the network (for example, http://wwa.urirang.com/store/warehouse/bbs1. htm). That is, the converted web page configuration data is replaced with a file name of the raw web page configuration data and stored, and the raw web page configuration data is updated and stored with a temporary file name. The address in the homepage where the conversion web page is registered is automatically set by the module insertion server 130 and displayed on the conversion result screen. Also, the conversion file selection screen of FIG. 3F or the conversion result screen of FIG. 3G may further include a 'menu' item. When the operator clicks the 'menu' item and selects the convert button 470, the module insertion server 130 includes a basic menu bar corresponding to the module to be inserted into the web page in the process of converting the raw web page. Can be inserted. For example, if the web page is about a store and the module to be inserted is a shopping mall module, the basic menu bar inserted therein may include a menu such as "search for a product, place an order, and view a shopping cart".

이하, 변환 웹 페이지의 구성 및 소스코드를 이용하여 소스코드의 변경 내용을 간략히 설명한다.Hereinafter, the changes of the source code will be briefly described using the structure of the converted web page and the source code.

도 3h에는 변환 웹 페이지의 구성이 도시되어 있고, 도 3g에는 도 3h에 도시된 변환 웹 페이지의 소스코드가 표시되어 있다. 즉, 도 3h의 변환 웹 페이지는 당해 웹 페이지의 유형을 관리자가 '상점'으로 미리 지정(도 2c 참조)했고, 작업자가 이에 상응하여 작업하였으며, 모듈 삽입 서버(130)가 당해 웹 페이지의 모듈 삽입 이미지(440)에 쇼핑몰 모듈(480)을 삽입하여 생성된 것이다. 쇼핑몰 모듈(480)이 삽입된 위치의 소스코드를 살펴보면 <iframe id='megryan887-7-Z001' frameborder='0' src='/util/expirechk.asp?Link=/mall/shop/shop.asp&master=megryan887-7-Z001&amp;... style='left: ; top: ; position: ; width: 580px; height: 363px;' forcate='mall' ...>로 되어 있다. 즉, 도 3d의 소스코드인 "<img src="http://data.betanews.net/imgdb/ inline/1061738596.jpg" border='0' width="580" height "363">"에서 모듈의 크기는 일정하게 유지되나 실제 쇼핑몰 모듈에 접속할 수 있는 주소가 새롭게 삽입된 것이다. 또한 해당 쇼핑몰 모듈에 상응하는 운영자 정보(즉, megryan887 - 도 2c 참조)가 함께 삽입된다. 따라서 만일 당해 모듈이 기간제 비용 지불 방법으로 이용된다면 비용 지불자 정보로서 당해 운영자 정보를 활용할 수도 있는 것이다.The configuration of the conversion web page is shown in FIG. 3H, and the source code of the conversion web page shown in FIG. 3H is shown in FIG. That is, in the converted web page of FIG. 3H, the administrator designates the type of the web page as 'store' in advance (see FIG. 2C), the worker works accordingly, and the module insertion server 130 performs the module of the web page. The shopping mall module 480 is inserted into the inserted image 440. Looking at the source code of the location where the shopping mall module 480 is inserted, the <iframe id = 'megryan887-7-Z001' frameborder = '0' src = '/ util / expirechk.asp? Link = / mall / shop / shop.asp & master = megryan887-7-Z001 &amp; ... style = 'left:; top:; position:; width: 580 px; height: 363px; ' forcate = 'mall' ...> That is, the module in the source code "<img src =" http://data.betanews.net/imgdb/ inline / 1061738596.jpg "border = '0' width =" 580 "height" 363 ">" of FIG. 3D. The size of is kept constant, but a new address for accessing the actual shopping mall module is inserted. In addition, operator information corresponding to the corresponding shopping mall module (ie, megryan887-see FIG. 2C) is inserted together. Thus, if the module is used as a term payment method, the operator information may be used as the payer information.

다시 도 3a를 참조하면, 단계 385에서 작업자 단말기(120)는 작업자로부터 변환 웹 페이지 업로드 요청이 입력되는지 여부를 검사한다. 예를 들어, 도 3g에서 임의의 작업 파일(즉, 변환 웹 페이지 구성 데이터)을 선택한 후 서버에 올리기 버튼(475)이 클릭되는지 여부를 검사하는 것이다. 클릭되는 경우 단계 390에서 선택된 작업 파일을 통신만을 통해 모듈 삽입 서버(130)로 전송한다. 그러나, 그렇지 않은 경우에는 작업자가 요청한 단계로 진행한다. Referring again to FIG. 3A, in operation 385, the worker terminal 120 determines whether a request for uploading a conversion web page is input from the worker. For example, in Figure 3G, after selecting any work file (i.e., converting web page configuration data), it is checked whether the upload to server button 475 is clicked. If clicked in step 390 transmits the selected work file to the module insertion server 130 through communication only. If not, however, proceed to the step requested by the operator.

모듈 삽입 서버(130)는 단계 395에서 변환 웹 페이지 구성 데이터를 수신하고, 당해 프로젝트(또는 관리자, 운영자 등) 및 지정된 URL에 상응하여 저장한다. 즉, 모듈 삽입 서버(130)가 홈페이지 서비스를 제공할 수 있는 것이다. 또한 앞서 도 2c를 참조하여 설명한 바와 같이 관리자가 홈페이지로서 외부 URL 주소를 추가로 입력한 경우 당해 변환 웹 페이지 구성 데이터는 모듈 삽입 서버(130)외에 별도의 웹 서버(150)로도 전송되어 동일한 내용이 복수개의 서버를 통해 서비스되도록 할 수 있다.The module insertion server 130 receives the converted web page configuration data in step 395 and stores it in correspondence with the project (or administrator, operator, etc.) and the designated URL. That is, the module insertion server 130 may provide a homepage service. Also, as described above with reference to FIG. 2C, when the administrator additionally inputs an external URL address as a homepage, the converted web page configuration data is also transmitted to a separate web server 150 in addition to the module insertion server 130 to have the same contents. Can be serviced through multiple servers.

이와 같이 본 발명에 따른 웹 페이지 생성 과정에 기술적 사항의 이해가 없이 작업자가 원하는 디자인만 웹 페이지에 포함시키면 만족할만한 웹 페이지가 생성되므로 홈페이지 작성 비용 및 시간을 절감시킬 수 있다. 또한 웹 디자이너 1인만으로도 원하는 기능을 포함하는 웹 페이지를 자유자재로 생성할 수 있다. 또한 웹 페이지에 포함된 개별 모듈의 크기를 작업자가 임의로 변경할 수 있으므로 모듈 사이즈에 맞춘 웹 페이지 구성이 아니라 웹 페이지 구성에 맞춘 모듈 사이즈의 구현이 가능하다.As such, if a web page generation process according to the present invention includes only a design desired by a worker without understanding technical matters, a satisfactory web page is generated, thereby reducing homepage cost and time. In addition, only one web designer can freely create a web page that includes desired functions. In addition, since the size of individual modules included in the web page can be arbitrarily changed by the operator, the module size can be implemented according to the web page configuration rather than the web page configuration according to the module size.

도 4는 본 발명의 바람직한 다른 실시예에 따른 작업자의 웹 페이지 생성 과정을 나타낸 순서도이다.4 is a flowchart illustrating a web page generation process of a worker according to another exemplary embodiment of the present invention.

다만 도 4에 도시된 순서도를 설명함에 있어 앞서 도 3a를 참조하여 설명한 단계 310 내지 350과 동일한 단계 510 내지 단계 550에 대한 설명은 생략한다.However, in describing the flowchart illustrated in FIG. 4, descriptions of steps 510 to 550 that are the same as steps 310 to 350 described above with reference to FIG. 3A will be omitted.

도 4를 참조하면, 단계 355에서 작업자 단말기(120)(즉, 모듈 삽입 프로그램)는 작업자로부터 원시 웹 페이지 변환 요청이 입력되는지 여부를 판단한다. 예를 들어, 이는 작업자에 의해 임의의 작업 파일이 선택되고 도 3f의 변환하기 버튼(470)이 입력되는지 여부를 검사하는 것일 수 있다.Referring to FIG. 4, in step 355, the worker terminal 120 (that is, the module insertion program) determines whether a raw web page conversion request is input from the worker. For example, this may be to check whether any work file is selected by the operator and the convert button 470 of FIG. 3F is input.

원시 웹 페이지 변환 요청이 입력되는 경우, 단계 560으로 진행하여 당해 원시 웹 페이지에 포함되어야할 개별 모듈 정보(예를 들어, 모듈 접속 URL 등)를 추출한다. 당해 웹 페이지에 포함되어야할 개별 모듈 정보는 작업자가 소스코드 내에 포함시킨 웹 페이지 유형 정보(예를 들어, 'ModuleTag'="mall") 또는 관리자가 프로젝트 등록 단계에서 설정한 웹 페이지 유형 정보(예를 들어, '상점')를 이용하여 추출될 수 있다. 그리고, 작업자 단말기(120)에 설치된 모듈 삽입 프로그램(116)에 의해 추출될 수 있는 개별 모듈 정보는 관리자 단말기(110)의 저장부 내에 미리 저장된다. 그리고, 필요한 경우 모듈 삽입 프로그램(116)에 포함된 업데이트 버튼을 이용하여 신규 개별 모듈 정보를 업데이트할 수 있다.When the raw web page conversion request is input, the process proceeds to step 560 to extract individual module information (eg, module access URL, etc.) to be included in the raw web page. The individual module information that should be included in the web page includes the web page type information (eg 'ModuleTag' = "mall") included in the source code by the worker or the web page type information (e.g. For example, it can be extracted using 'store'. In addition, the individual module information that can be extracted by the module insertion program 116 installed in the worker terminal 120 is stored in advance in the storage of the manager terminal 110. If necessary, the new individual module information may be updated using the update button included in the module insertion program 116.

단계 565에서 작업자 단말기(120)는 단계 560을 통해 추출된 개별 모듈 정보를 이용하여 변환 웹 페이지를 생성한다. 즉, 관리자가 프로젝트 등록시 입력한 운영자 정보, 개별 모듈 정보(예를 들어, 접속 주소로서 'wwa.urirang.com/db/mall/ shop/shop.asp') 등을 이용하여 원시 웹 페이지를 갱신(도 3i 참조)한다.In operation 565, the worker terminal 120 generates a conversion web page using the individual module information extracted in operation 560. That is, the raw web page is updated by using administrator information inputted by the administrator when registering the project and individual module information (for example, 'wwa.urirang.com/db/mall/shop/shop.asp' as an access address). 3i).

단계 570에서 작업자 단말기(120)는 변환된 웹 페이지를 저장하고 변환 결과를 작업자 단말기(120) 표시부에 디스플레이한다(도 3g 참조).In operation 570, the worker terminal 120 stores the converted web page and displays the conversion result on the display of the worker terminal 120 (see FIG. 3G).

이후 단계 575에서 작업자 단말기(120)는 작업자로부터 변환 웹 페이지 업로드 요청이 입력되는지 여부를 검사하여, 입력되는 경우 단계 580을 통해 모듈 삽입 서버(130)로 변환 웹 페이지 구성 데이터를 전송한다.Thereafter, in step 575, the worker terminal 120 checks whether a conversion web page upload request is input from the worker, and if so, transmits the conversion web page configuration data to the module insertion server 130 through step 580.

단계 585에서 모듈 삽입 서버(130)는 변환 웹 페이지를 수신하고 수신된 변환 웹 페이지를 프로젝트에 상응하여 저장한다.In step 585, the module insertion server 130 receives the converted web page and stores the received converted web page corresponding to the project.

도 5는 본 발명의 바람직한 일 실시예에 따른 동일한 원시 웹 페이지의 변환 작업 제한 방법을 나타낸 순서도이다.5 is a flowchart illustrating a method of limiting conversion operations of the same raw web page according to an exemplary embodiment of the present invention.

도 5에 도시된 순서도는 작업자가 이미 특정 원시 웹 페이지를 변환하였음에도 추후 동일한 원시 웹 페이지를 재차 변환하고자 하는 경우 웹 페이지 변환에 발생하는 로드를 절감시키기 위한 것이다. 즉, 도 3a 또는 도 4에 도시된 순서도에 의해 원시 웹 페이지 변환 과정 수행 중에 동일한 원시 웹 페이지에 대한 변환 요청이 입력된 경우 도 5에 도시된 순서도에 따른 단계가 진행될 수 있다. The flowchart shown in FIG. 5 is intended to reduce the load incurred in web page conversion in case the worker wants to convert the same raw web page again later even though the worker has already converted a specific raw web page. That is, when a conversion request for the same raw web page is input while performing the raw web page conversion process according to the flowchart shown in FIG. 3A or 4, the steps according to the flowchart shown in FIG. 5 may be performed.

도 5를 참조하면, 작업자 단말기(120)는 단계 610에서 작업자에 의해 변환 작업을 위해 선택된 하나 이상의 제1 원시 웹 페이지의 소스코드를 추출한다.Referring to FIG. 5, the worker terminal 120 extracts source code of one or more first source web pages selected for conversion by the worker in step 610.

단계 620에서 작업자 단말기(120)는 저장부 내에 단계 610을 통해 추출된 소스코드와 동일한 소스코드에 상응하는 변환 웹 페이지가 존재하는지 여부를 판단한다.In operation 620, the worker terminal 120 determines whether a conversion web page corresponding to the same source code as the source code extracted through operation 610 exists in the storage unit.

만일 해당 변환 웹 페이지가 존재하지 않으면 단계 630을 통해 변환 웹 페이지가 생성된다. 단계 630은 작업자 단말기(120) 또는 모듈 삽입 서버(130)에 의한 개별 모듈 추출 과정 및 변환 웹 페이지 생성 과정을 포함할 수 있다. 단계 640에서 작업자 단말기(120)는 작업자 단말기(120) 또는 모듈 삽입 서버(130)에 의해 생성된 변환 웹 페이지를 저장부에 저장하고 변환 결과를 표시부에 표시한다.If the corresponding conversion web page does not exist, the conversion web page is generated in step 630. Operation 630 may include an individual module extraction process and a conversion web page generation process by the worker terminal 120 or the module insertion server 130. In operation 640, the worker terminal 120 stores the converted web page generated by the worker terminal 120 or the module insertion server 130 in the storage unit and displays the conversion result on the display unit.

그러나, 단계 620에서 선택된 원시 웹 페이지에 상응하는 변환 웹 페이지가 존재하는 경우 단계 650으로 진행하여 작업자 단말기(120) 표시부에 안내 메시지(예를 들어, 변환 웹 페이지가 'c:\a302\bbs1.htm'에 이미 존재합니다)를 표시하고 단계를 종료한다.However, if there is a conversion web page corresponding to the raw web page selected in step 620, the flow proceeds to step 650 where a guidance message (for example, the conversion web page is' c: \ a302 \ bbs1. htm 'already exists).

도 6은 본 발명의 바람직한 다른 실시예에 따른 웹 페이지 구조를 예시한 도면이다.6 is a diagram illustrating a web page structure according to another preferred embodiment of the present invention.

이제까지 도 2 내지 도 5를 참조하여 설명한 웹 페이지 생성 방법은 하나의 웹 페이지에 하나의 모듈만을 삽입하는 방법에 대한 것이었다.The web page generation method described above with reference to FIGS. 2 to 5 has been directed to a method of inserting only one module in one web page.

그러나, 본 발명에 따른 웹 페이지 생성 방법은 하나의 웹 페이지 내에 다수의 모듈을 작업자가 자유롭게 삽입할 수 있다. 이는 각 모듈이 독립적으로 존재하며 하나의 html 문서상에 함께 존재할 수 있도로 설계되었기 때문이다. 도 6은 작업자가 하나의 웹 페이지에 쇼핑몰 모듈과 게시판 모듈을 함께 삽입한 경우를 예시한 도면이다.However, in the web page generation method according to the present invention, a worker can freely insert a plurality of modules in one web page. This is because each module is designed to exist independently and exist together in one html document. 6 is a diagram illustrating a case in which a worker inserts a shopping mall module and a bulletin board module together in one web page.

이 경우, 모듈 삽입 서버(130) 또는 작업자 단말기(120)에서 해당 웹 페이지에 삽입될 적절한 모듈들을 추출하는 방법으로 관리자가 도 2c에 도시된 프로젝트 등록 화면에서 웹 페이지 유형을 다수개로 설정(예를 들어, 상점 및 게시판)하는 방법, 작업자가 복수의 모듈 삽입 이미지를 삽입하고 각각의 모듈 삽입 이미지에 상응하는 소스코드에 웹 페이지 유형을 설정(예를 들어, 제1 이미지에는 'ModuleTag'="mall", 제2 이미지에는 'ModuleTag'="bbs" 삽입)하는 방법 등이 적용될 수 있다. 물론 각각의 모듈에 대해 다양한 구성이 존재하는 경우 작업자는 임의의 구성을 선택(예를 들어, 'design 양식'="b001"을 각 모듈 삽입 이미지에 상응하는 소스코드내에 추가)할 수 있다. In this case, the administrator inserts a plurality of web page types in the project registration screen shown in FIG. 2C by extracting the appropriate modules to be inserted into the corresponding web page from the module insertion server 130 or the worker terminal 120 (for example, For example, a store and a bulletin board, a worker inserts a plurality of module insert images and sets the web page type in the source code corresponding to each module insert image (for example, 'ModuleTag' = "mall in the first image). ", 'ModuleTag' =" bbs "is inserted into the second image). Of course, if different configurations exist for each module, the operator can select any configuration (eg, add 'design form' = "b001" into the source code corresponding to each module embed image).

또한 본 발명의 바람직한 또 다른 실시예에 따르면, 임의의 접속자가 당해 홈페이지에 통신망을 통해 접속한 경우 사용자 단말기 표시부의 크기에 상응하여 웹 페이지가 재구성되는 웹 페이지 표시 방법이 제공된다.According to still another preferred embodiment of the present invention, a web page display method is provided in which a web page is reconfigured according to the size of a user terminal display unit when an arbitrary user accesses the home page through a communication network.

즉, 각 접속자의 사용자 단말기는 자체 표시부의 크기 또는 웹 브라우저의 화면 크기를 알고 있으며, 당해 사용자 단말기가 통신망을 통해 모듈 삽입 서버(130)에 접속할 때 모듈 삽입 서버(130)도 해당 표시부 정보를 알게 된다.That is, the user terminal of each accessor knows the size of its own display unit or the screen size of the web browser. When the user terminal accesses the module insertion server 130 through a communication network, the module insertion server 130 also knows the corresponding display unit information. do.

따라서, 표시부에 표시되는 웹 페이지의 구성을 당해 사용자 단말기의 표시부 정보에 상응하도록 재 구성하여 제공할 수 있다.Therefore, the configuration of the web page displayed on the display unit can be reconfigured and provided to correspond to the display unit information of the user terminal.

예를 들어, 작업자에 의해 작성된 웹 페이지가 크기 '1024 x 768'을 기준으로 작성되었고 모듈의 크기가 '580 x 353'인 경우, 접속자 사용자 단말기 표시부의 크기가 '800 x 600'이라면 당해 모듈의 크기도 해당 비율만큼 축소되어 표시되도록 할 수 있다. For example, if a web page created by an operator is created based on the size '1024 x 768' and the module size is '580 x 353', the size of the visitor user terminal display unit is '800 x 600'. The size can also be reduced by the ratio.

이제까지 작업자에 의해 생성되는 웹 페이지에 작업자 또는 관리자가 원하는 모듈을 삽입할 수 있도록 하는 웹 페이지 생성 방법에 대해 설명하였으나, 이외에도 작업자 또는 관리자가 원하는 특수 효과(예를 들어, 플래시 애니메이션 삽입, 눈내림 효과 삽입 등)를 당해 웹 페이지에 더 추가할 수 있음은 당연하다. So far, we have described how to create a web page that allows the worker or administrator to insert the desired module into the web page generated by the worker. In addition, the special effects desired by the worker or administrator (for example, inserting a flash animation, snowing effect). Naturally, it can be added to the web page.

또한, 이제까지 모듈 삽입 이미지(440) 내에 삽입되는 모듈의 언어가 한국어인 경우를 중심으로 설명하였으나, 작업자가 언어를 지정하는 코드를 원시 웹 페이지의 소스코드 내에 삽입(예를 들어, 'Lang'='KR' 또는 'Lang'='EN' 등)한 경우 해당 언어에 상응하는 모듈이 삽입되도록 할 수도 있다. 즉, 작업자가 외국어에 능통하지 않더라도 언어 선택만으로 적합한 모듈이 웹 페이지내에 삽입되도록 할 수 있다.In addition, although the description has been focused on the case where the language of the module inserted in the module insertion image 440 is Korean, the operator designates a language to be inserted into the source code of the raw web page (for example, 'Lang' = In the case of 'KR' or 'Lang' = 'EN', etc., a module corresponding to the language may be inserted. That is, even if the operator is not fluent in a foreign language, the appropriate module can be inserted into the web page only by language selection.

상술한 바와 같이 본 발명에 따른 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템은 소스코드를 수정할 수 있는 전문가가 없더라도 일반 인터넷 사용자가 원하는 홈페이지 구성과 개별 모듈을 가지는 웹 페이지를 생성할 수 있도록 하는 효과가 있다.As described above, the method and system for creating a homepage using the module insertion program according to the present invention have an effect of generating a webpage having a homepage configuration and individual modules desired by a general Internet user even without an expert who can modify the source code. have.

또한, 본 발명은 상용 웹 에디터 프로그램(예를 들어, 프론트페이지, 나모 웹 에디터 등)을 이용하여 생성한 독특한 웹 페이지 구성 내에 사용자가 선택한 홈페이지 모듈(예를 들어, 쇼핑몰, 쿠폰, 게시판 등)이 자동으로 삽입되므로 홈페이지 생성 과정의 간편화를 극대화할 수 있는 효과도 있다.In addition, the present invention provides a homepage module selected by a user (eg, a shopping mall, a coupon, a bulletin board, etc.) within a unique web page configuration created using a commercial web editor program (eg, a front page, a Namo web editor, etc.). Since it is inserted automatically, it can maximize the simplification of the homepage creation process.

또한, 본 발명은 최소 인원으로 만족할만한 홈페이지를 생성할 수 있도록 하는 효과도 있다.In addition, the present invention has the effect of generating a homepage satisfactory with a minimum number of people.

또한, 본 발명은 홈페이지에 삽입되는 개별 모듈의 크기를 웹 페이지를 생성하는 인터넷 사용자가 자유롭게 설정할 수 있어 개성있는 홈페이지 생성이 가능한 효과도 있다.In addition, the present invention can freely set the size of the individual module to be inserted into the home page, the Internet user can create a unique homepage effect.

또한, 본 발명은 홈페이지에 삽입된 개별 모듈이 접속자의 모니터 크기 또는 웹 브라우저 화면 크기를 산출하여 자동으로 적합한 크기로 변형될 수 있고, 또한 홈페이지 구성을 갱신할 수 있으므로 접속자의 원활한 웹 서핑을 가능하게 하는 효과도 있다.In addition, according to the present invention, the individual module inserted into the homepage can be automatically transformed into a suitable size by calculating the monitor size or the web browser screen size of the visitor, and also can update the homepage configuration so that the visitor can surf the web smoothly. There is also an effect.

또한, 본 발명은 홈페이지 생성 과정에서 웹 페이지 데이터 변환 작업과 업로드 작업을 하나의 화면상에서 동시에 처리할 수 있는 효과도 있다.In addition, the present invention has the effect that can simultaneously process the web page data conversion and upload operation on a single screen in the home page generation process.

상기에서는 본 발명의 바람직한 실시예를 참조하여 설명하였지만, 해당 기술 분야에서 통상의 지식을 가진 자라면 하기의 특허 청구의 범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.Although the above has been described with reference to a preferred embodiment of the present invention, those skilled in the art to which the present invention pertains without departing from the spirit and scope of the present invention as set forth in the claims below It will be appreciated that modifications and variations can be made.

도 1은 본 발명의 바람직한 일 실시예에 따른 홈페이지 생성 시스템의 블록 구성도.1 is a block diagram of a home page generation system according to an embodiment of the present invention.

도 2a는 본 발명의 바람직한 일 실시예에 따른 홈페이지 생성 기본 정보 설정 방법을 나타낸 순서도.2A is a flowchart illustrating a method for setting homepage generation basic information according to an exemplary embodiment of the present invention.

도 2b는 본 발명의 바람직한 일 실시예에 따른 프로젝트 보기 화면의 예시도. 2B is an exemplary view of a project view screen according to an embodiment of the present invention.

도 2c는 본 발명의 바람직한 일 실시예에 따른 프로젝트 등록 화면의 예시도.Figure 2c is an illustration of a project registration screen according to an embodiment of the present invention.

도 2d는 본 발명의 바람직한 일 실시예에 따른 웹 페이지 상세 정보 입력 화면의 예시도.2D is an exemplary view of a web page detail information input screen according to a preferred embodiment of the present invention.

도 3a는 본 발명의 바람직한 일 실시예에 따른 작업자의 웹 페이지 생성 과정을 나타낸 순서도.3A is a flowchart illustrating a web page generation process of an operator according to an exemplary embodiment of the present invention.

도 3b는 본 발명의 바람직한 일 실시예에 따른 작업자의 프로젝트 선택 화면을 예시한 도면. Figure 3b is a diagram illustrating a project selection screen of the worker according to an embodiment of the present invention.

도 3c는 본 발명의 바람직한 일 실시예에 따른 원시 웹 페이지의 구성을 나타낸 화면 표시의 예시도.3C is an exemplary diagram of a screen display showing a configuration of a raw web page according to a preferred embodiment of the present invention.

도 3d는 본 발명의 바람직한 일 실시예에 따른 원시 웹 페이지의 소스코드를 예시한 도면. 3D illustrates the source code of a raw web page in accordance with one preferred embodiment of the present invention.

도 3e는 본 발명의 바람직한 일 실시예에 따른 원시 웹 페이지의 구성 확인 화면을 예시한 도면.3E is a diagram illustrating a configuration confirmation screen of a raw web page according to a preferred embodiment of the present invention.

도 3f는 본 발명의 바람직한 일 실시예에 따른 원시 웹 페이지의 변환 요청 화면을 예시한 도면. 3F is a diagram illustrating a conversion request screen of a raw web page according to one preferred embodiment of the present invention.

도 3g는 본 발명의 바람직한 일 실시예에 따른 원시 웹 페이지의 변환 결과를 나타내는 화면 표시의 예시도.3G is an exemplary diagram of a screen display showing a conversion result of a raw web page according to a preferred embodiment of the present invention.

도 3h는 본 발명의 바람직한 일 실시예에 따른 변환 웹 페이지의 구성을 나타낸 화면 표시의 예시도.3H is an exemplary diagram of a screen display showing the structure of a conversion web page according to a preferred embodiment of the present invention.

도 3i는 본 발명의 바람직한 일 실시예에 따른 변환 웹 페이지의 소스코드를 예시한 도면.3I illustrates the source code of a converted web page in accordance with one preferred embodiment of the present invention.

도 4는 본 발명의 바람직한 다른 실시예에 따른 작업자의 웹 페이지 생성 과정을 나타낸 순서도.4 is a flowchart illustrating a web page generation process of an operator according to another exemplary embodiment of the present invention.

도 5는 본 발명의 바람직한 일 실시예에 따른 동일한 원시 웹 페이지의 변환 작업 제한 방법을 나타낸 순서도.Figure 5 is a flow chart illustrating a method of limiting conversion operations of the same raw web page in accordance with a preferred embodiment of the present invention.

도 6은 본 발명의 바람직한 다른 실시예에 따른 웹 페이지 구조를 예시한 도면.6 illustrates a web page structure according to another preferred embodiment of the present invention.

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

110 : 관리자 단말기110: manager terminal

120 : 작업자 단말기120: worker terminal

130 : 모듈 삽입 서버130: module insertion server

133 : 홈페이지 생성 제어부133: homepage generation control

136 : 모듈 정보 추출부136: module information extraction unit

139 : 소스코드 변환부139: source code conversion unit

143 : 송수신부143: transceiver

146 : 저장부146: storage unit

Claims (21)

모듈 삽입 서버에서 통신망을 통한 웹 페이지 생성 방법에 있어서,In the method of generating a web page through a communication network in the module insertion server, 제1 사용자 단말기로부터 통신망을 통해 웹 페이지 생성 기본 정보, 운영자 정보, 웹 페이지 유형 정보, 작업자 지정 정보를 포함하는 프로젝트 등록 정보를 수신하여 프로젝트를 등록하는 단계;Registering a project by receiving project registration information including web page generation basic information, operator information, web page type information, and worker designation information from a first user terminal through a communication network; 제2 사용자 단말기로부터 접속 요청이 수신된 경우, 상기 제2 사용자 단말기의 사용자가 작업자로 지정된 하나 이상의 프로젝트 정보를 검색하는 단계;Retrieving one or more project information designated as a worker by a user of the second user terminal when a connection request is received from a second user terminal; 상기 검색된 프로젝트 정보를 상기 제2 사용자 단말기로 전송하는 단계;Transmitting the retrieved project information to the second user terminal; 상기 하나 이상의 프로젝트 정보 중에서 선택된 임의의 프로젝트 정보에 상응하여 상기 제2 사용자 단말기로부터 원시 웹 페이지 구성 데이터 및 모듈 선택 정보를 포함하는 원시 웹 페이지 변환 요청을 수신하는 단계-여기서, 상기 원시 웹 페이지 구성 데이터는 적어도 외부 이미지 정보 및 모듈 삽입 이미지 정보를 포함함-;Receiving a raw web page conversion request including raw web page configuration data and module selection information from the second user terminal in correspondence with any project information selected from the one or more project information, wherein the raw web page configuration data Includes at least external image information and module embed image information; 상기 원시 웹 페이지 구성 데이터를 이용하여 상기 모듈 삽입 이미지 정보에 상응하도록 상기 모듈 선택 정보에 상응하는 모듈 정보가 삽입된 변환 웹 페이지 구성 데이터를 생성하는 단계; 및Generating converted web page configuration data into which module information corresponding to the module selection information is inserted, corresponding to the module insertion image information using the raw web page configuration data; And 상기 변환 웹 페이지 구성 데이터를 통신망을 통해 상기 제2 사용자 단말기로 전송하는 단계Transmitting the converted web page configuration data to the second user terminal through a communication network. 를 포함하는 것을 특징으로 하는 웹 페이지 생성 방법.Web page generation method comprising a. 제1항에 있어서,The method of claim 1, 상기 웹 페이지 생성 기본 정보가 상기 변환 웹 페이지가 등록될 홈페이지 URL을 포함하는 경우,When the web page generation basic information includes a homepage URL where the converted web page is to be registered, 상기 제2 사용자 단말기로부터 상기 변환 웹 페이지 구성 데이터의 등록 요청을 수신하는 단계;Receiving a registration request of the converted web page configuration data from the second user terminal; 상기 변환 웹 페이지 구성 데이터를 상기 홈페이지 URL에 상응하여 등록하는 단계Registering the converted web page configuration data corresponding to the homepage URL 를 더 포함하는 것을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that it further comprises. 제1항에 있어서,The method of claim 1, 상기 변환 웹 페이지 구성 데이터를 생성하는 단계는,Generating the converted web page configuration data, 상기 모듈 선택 정보에 상응하는 모듈 정보를 추출하는 단계-여기서, 상기 모듈 정보는 적어도 상기 모듈 선택 정보에 상응하는 모듈로의 접속 URL을 포함함-;Extracting module information corresponding to the module selection information, wherein the module information includes at least a connection URL to a module corresponding to the module selection information; 상기 모듈 삽입 이미지 정보에 상응하는 모듈 삽입 이미지의 크기를 검출하는 단계; 및Detecting a size of a module embedded image corresponding to the module embedded image information; And 상기 원시 웹 페이지 구성 데이터, 상기 모듈 정보, 상기 모듈 삽입 이미지의 크기를 이용하여 상기 변환 웹 페이지 구성 데이터를 생성하는 단계Generating the converted web page configuration data by using the raw web page configuration data, the module information, and the size of the module insertion image. 를 더 포함하는 것을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that it further comprises. 제3항에 있어서,The method of claim 3, 상기 모듈은 상기 원시 웹 페이지에 포함된 상기 모듈 삽입 이미지의 크기에 상응하도록 삽입되고,The module is inserted to correspond to the size of the module embedded image included in the raw web page, 상기 모듈 삽입 이미지의 크기가 변경되면 상기 모듈의 표시 크기도 이에 상응하여 변경되는 것When the size of the module insertion image is changed, the display size of the module is also changed accordingly. 을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that. 제3항에 있어서,The method of claim 3, 상기 원시 웹 페이지 변환 요청이 언어 선택 정보를 포함하는 경우,If the raw web page conversion request includes language selection information, 상기 모듈 선택 정보에 상응하는 모듈 정보를 추출하는 단계는 상기 언어 선택 정보에 상응하는 모듈 정보를 추출하는 단계인 것Extracting module information corresponding to the module selection information is extracting module information corresponding to the language selection information. 을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that. 제2항에 있어서,The method of claim 2, 제3 사용자 단말기로부터 상기 홈페이지 접속 요청을 수신하는 단계;Receiving the homepage connection request from a third user terminal; 상기 변환 웹 페이지 구성 데이터의 크기 정보 및 상기 제3 사용자 단말기 표시부의 크기 정보를 인식하는 단계;Recognizing size information of the converted web page configuration data and size information of the third user terminal display unit; 상기 제3 사용자 단말기 표시부의 크기 정보에 상응하여 상기 변환 웹 페이지 구성 데이터의 크기 정보를 갱신하는 단계;Updating size information of the converted web page configuration data according to size information of the third user terminal display unit; 상기 갱신된 변환 웹 페이지 구성 데이터를 상기 제3 사용자 단말기로 전송하는 단계Transmitting the updated converted web page configuration data to the third user terminal. 를 더 포함하는 것을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that it further comprises. 제2항에 있어서,The method of claim 2, 상기 웹 페이지 생성 기본 정보가 상기 변환 웹 페이지가 등록될 외부 홈페이지 URL을 더 포함하는 경우, 상기 변환 웹 페이지 구성 데이터를 상기 외부 홈페이지 URL에 상응하는 웹 서버로 전송하는 단계Transmitting the converted webpage configuration data to a web server corresponding to the external homepage URL when the webpage generation basic information further includes an external homepage URL to which the converted webpage is to be registered. 를 더 포함하는 것을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that it further comprises. 제2항에 있어서,The method of claim 2, 상기 제2 사용자 단말기에서 상기 원시 웹 페이지 변환 요청의 전송 및 상기 변환 웹 페이지 구성 데이터의 등록 요청은 하나의 화면상에 구비된 각 기능 버튼에 의해 이루어지는 것The transmission of the raw web page conversion request and the registration request of the conversion web page configuration data from the second user terminal are performed by each function button provided on one screen. 을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that. 제2항에 있어서,The method of claim 2, 상기 변환 웹 페이지 구성 데이터를 통신망을 통해 상기 제2 사용자 단말기로 전송하는 단계는,Transmitting the converted web page configuration data to the second user terminal through a communication network, 상기 홈페이지 URL에 상응하여 상기 변환 웹 페이지 구성 데이터가 등록될 주소 정보를 자동 생성하는 단계;Automatically generating address information for registering the converted web page configuration data corresponding to the home page URL; 상기 자동 생성된 주소 정보 및 상기 변환 웹 페이지 구성 데이터를 상기 제2 사용자 단말기로 전송하는 단계Transmitting the automatically generated address information and the converted web page configuration data to the second user terminal. 를 포함하는 것을 특징으로 하는 웹 페이지 생성 방법.Web page generation method comprising a. 제1항에 있어서,The method of claim 1, 상기 원시 웹 페이지 구성 데이터는 상용 웹 페이지 생성 프로그램을 이용하여 생성되는 것The raw web page configuration data is generated using a commercial web page generation program. 을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that. 제1항에 있어서,The method of claim 1, 상기 제1 사용자 단말기와 상기 제2 사용자 단말기는 일치하는 것The first user terminal and the second user terminal match 을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that. 제1항에 있어서,The method of claim 1, 상기 원시 웹 페이지 구성 데이터는 둘 이상의 모듈 삽입 이미지 정보를 포함하고, 각 모듈 삽입 이미지 정보에 상응하여 독립된 모듈 정보가 삽입된 변환 웹 페이지 구성 데이터가 생성되는 것Wherein the raw web page configuration data includes two or more module insertion image information, and generated conversion web page configuration data in which independent module information is inserted corresponding to each module insertion image information is generated. 을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that. 제1항에 있어서,The method of claim 1, 상기 모듈 정보는 게시판 모듈, 쇼핑몰 모듈, 앨범 모듈, 쿠폰 모듈, 자료실 모듈 중 적어도 어느 하나에 상응하는 것The module information corresponds to at least one of a bulletin board module, a shopping mall module, an album module, a coupon module, and a library module. 을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that. 사용자 단말기에서 통신망을 통해 접속된 모듈 삽입 서버를 이용하여 웹 페이지를 생성하는 방법에 있어서,A method for generating a web page using a module insertion server connected through a communication network in a user terminal, 접속 정보가 입력된 경우 상기 접속 정보를 상기 모듈 삽입 서버로 전송하는 단계;Transmitting the access information to the module insertion server when access information is input; 상기 모듈 삽입 서버로부터 상기 접속 정보에 상응하는 사용자가 작업자로 지정된 하나 이상의 프로젝트 정보를 수신하는 단계-여기서, 상기 프로젝트 정보는 웹 페이지 생성 기본 정보, 웹 페이지 유형 정보를 포함함-;Receiving one or more project information designated as a worker by a user corresponding to the access information from the module insertion server, wherein the project information includes web page generation basic information and web page type information; 상기 하나 이상의 프로젝트 정보 중에서 임의의 프로젝트 정보에 대한 선택 정보를 입력받는 단계;Receiving selection information on arbitrary project information from the at least one project information; 상용 웹 페이지 생성 프로그램을 이용하여 생성된 원시 웹 페이지 구성 데이터에 대한 선택 정보를 입력받는 단계-여기서, 상기 원시 웹 페이지 구성 데이터는 적어도 외부 이미지 정보 및 모듈 삽입 이미지 정보를 포함함-;Receiving selection information on raw web page configuration data generated using a commercial web page generating program, wherein the raw web page configuration data includes at least external image information and module embedding image information; 상기 원시 웹 페이지 구성 데이터에 대한 변환 요청이 입력되는 경우, 상기 원시 웹 페이지 구성 데이터 및 모듈 선택 정보를 상기 모듈 삽입 서버로 전송하는 단계;Transmitting the raw web page configuration data and module selection information to the module insertion server when a conversion request for the raw web page configuration data is input; 상기 모듈 삽입 서버로부터 상기 모듈 삽입 이미지 정보에 상응하도록 상기 모듈 선택 정보에 상응하는 모듈 정보가 삽입된 변환 웹 페이지 구성 데이터를 수신하는 단계Receiving conversion web page configuration data into which module information corresponding to the module selection information is inserted so as to correspond to the module insertion image information from the module insertion server. 를 포함하는 것을 특징으로 하는 웹 페이지 생성 방법.Web page generation method comprising a. 제14항에 있어서,The method of claim 14, 상기 변환 웹 페이지 구성 데이터를 수신하는 단계는,Receiving the converted web page configuration data, 상기 모듈 삽입 서버에 의해 생성된 상기 변환 웹 페이지 구성 데이터가 등록될 주소 정보를 더 수신하는 것Further receiving address information to which the conversion web page configuration data generated by the module insertion server is registered. 을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that. 제15항에 있어서,The method of claim 15, 상기 변환 웹 페이지 구성 데이터의 등록 요청을 입력받는 단계;Receiving a registration request of the converted web page configuration data; 상기 변환 웹 페이지 구성 데이터를 상기 주소 정보에 상응하여 등록하도록 상기 모듈 삽입 서버로 상기 변환 웹 페이지 구성 데이터의 등록 요청을 전송하는 단계Transmitting a registration request of the conversion web page configuration data to the module insertion server to register the conversion web page configuration data corresponding to the address information. 를 더 포함하는 것을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that it further comprises. 제14항에 있어서,The method of claim 14, 프로젝트 등록 정보를 입력받는 단계-여기서, 상기 프로젝트 등록 정보는 웹 페이지 생성 기본 정보, 운영자 정보, 웹 페이지 유형 정보, 작업자 지정 정보를 포함함-;Receiving project registration information, wherein the project registration information includes web page generation basic information, operator information, web page type information, and worker designation information; 프로젝트 등록 완료 정보가 입력되는 경우, 상기 프로젝트 등록 정보를 상기 모듈 삽입 서버로 전송하는 단계Transmitting project registration information to the module insertion server when project registration completion information is inputted 를 더 포함하는 것을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that it further comprises. 제14항에 있어서,The method of claim 14, 상기 원시 웹 페이지 구성 데이터에 대한 변환 요청이 입력되는 경우, 상기 원시 웹 페이지 구성 데이터에 상응하는 변환이 이미 수행되었는지 여부를 검사하는 단계; When a conversion request for the raw web page configuration data is input, checking whether conversion corresponding to the raw web page configuration data has already been performed; 상기 변환이 이미 수행된 경우 에러 메시지를 디스플레이하는 단계Displaying an error message if the conversion has already been performed 를 더 포함하는 것을 특징으로 하는 웹 페이지 생성 방법.Web page generation method characterized in that it further comprises. 통신망을 통한 웹 페이지 생성 방법을 수행하는 모듈 삽입 서버에 있어서, In the module insertion server for performing a web page generation method through a communication network, 제1 사용자 단말기로부터 통신망을 통해 웹 페이지 생성 기본 정보, 운영자 정보, 웹 페이지 유형 정보, 작업자 지정 정보를 포함하는 프로젝트 등록 정보, 제2 사용자 단말기로부터 접속 요청 및 원시 웹 페이지 구성 데이터 및 모듈 선택 정보를 포함하는 원시 웹 페이지 변환 요청을 수신하는 수단-여기서, 상기 원시 웹 페이지 구성 데이터는 적어도 외부 이미지 정보 및 모듈 삽입 이미지 정보를 포함함-;Web page generation basic information, operator information, web page type information, worker registration information including project registration information from the first user terminal, connection request and raw web page configuration data and module selection information from the second user terminal. Means for receiving a raw web page conversion request, wherein the raw web page configuration data includes at least external image information and module embedded image information; 상기 프로젝트 등록 정보에 상응하는 프로젝트를 등록하는 단계;Registering a project corresponding to the project registration information; 상기 접속 요청을 이용하여 상기 제2 사용자 단말기의 사용자가 작업자로 지정된 하나 이상의 프로젝트 정보를 검색하는 수단;Means for retrieving one or more project information designated as a worker by a user of the second user terminal using the connection request; 상기 원시 웹 페이지 구성 데이터를 이용하여 상기 모듈 삽입 이미지 정보에 상응하도록 상기 모듈 선택 정보에 상응하는 모듈 정보가 삽입된 변환 웹 페이지 구성 데이터를 생성하는 수단;Means for generating converted web page configuration data into which module information corresponding to the module selection information is inserted using the raw web page configuration data to correspond to the module insertion image information; 상기 검색된 프로젝트 정보 및 상기 변환 웹 페이지 구성 데이터를 통신망을 통해 상기 제2 사용자 단말기로 전송하는 수단Means for transmitting the retrieved project information and the converted web page configuration data to the second user terminal via a communication network. 을 포함하는 것을 특징으로 하는 모듈 삽입 서버.Module insertion server comprising a. 웹 페이지 생성 방법을 수행하기 위해 모듈 삽입 서버에 의해 실행될 수 있는 명령어들의 프로그램이 유형적으로 구현되어 있으며, 상기 모듈 삽입 서버에 의해 판독될 수 있는 기록매체에 있어서, In the recording medium that can be read by the module insertion server, a program of instructions that can be executed by the module insertion server is tangibly implemented to perform a web page generation method. 제1 사용자 단말기로부터 통신망을 통해 웹 페이지 생성 기본 정보, 운영자 정보, 웹 페이지 유형 정보, 작업자 지정 정보를 포함하는 프로젝트 등록 정보를 수신하여 프로젝트를 등록하는 단계;Registering a project by receiving project registration information including web page generation basic information, operator information, web page type information, and worker designation information from a first user terminal through a communication network; 제2 사용자 단말기로부터 접속 요청이 수신된 경우, 상기 제2 사용자 단말기의 사용자가 작업자로 지정된 하나 이상의 프로젝트 정보를 검색하는 단계;Retrieving one or more project information designated as a worker by a user of the second user terminal when a connection request is received from a second user terminal; 상기 검색된 프로젝트 정보를 상기 제2 사용자 단말기로 전송하는 단계;Transmitting the retrieved project information to the second user terminal; 상기 하나 이상의 프로젝트 정보 중에서 선택된 임의의 프로젝트 정보에 상응하여 상기 제2 사용자 단말기로부터 원시 웹 페이지 구성 데이터 및 모듈 선택 정보를 포함하는 원시 웹 페이지 변환 요청을 수신하는 단계-여기서, 상기 원시 웹 페이지 구성 데이터는 적어도 외부 이미지 정보 및 모듈 삽입 이미지 정보를 포함함-;Receiving a raw web page conversion request including raw web page configuration data and module selection information from the second user terminal in correspondence with any project information selected from the one or more project information, wherein the raw web page configuration data Includes at least external image information and module embed image information; 상기 원시 웹 페이지 구성 데이터를 이용하여 상기 모듈 삽입 이미지 정보에 상응하도록 상기 모듈 선택 정보에 상응하는 모듈 정보가 삽입된 변환 웹 페이지 구성 데이터를 생성하는 단계;Generating converted web page configuration data into which module information corresponding to the module selection information is inserted, corresponding to the module insertion image information using the raw web page configuration data; 상기 변환 웹 페이지 구성 데이터를 통신망을 통해 상기 제2 사용자 단말기로 전송하는 단계Transmitting the converted web page configuration data to the second user terminal through a communication network. 를 실행할 수 있는 프로그램을 기록한 기록매체.Recording medium that records a program that can run. 웹 페이지 생성 방법을 수행하기 위해 사용자 단말기에 의해 실행될 수 있는 명령어들이 유형적으로 구성되어 있으며, 상기 사용자 단말기에 의해 판독될 수 있는 프로그램에 있어서, In the program that can be read by the user terminal is composed of instructions that can be executed by the user terminal to perform a web page generating method, 접속 정보가 입력된 경우 상기 접속 정보를 상기 모듈 삽입 서버로 전송하는 단계;Transmitting the access information to the module insertion server when access information is input; 상기 모듈 삽입 서버로부터 상기 접속 정보에 상응하는 사용자가 작업자로 지정된 하나 이상의 프로젝트 정보를 수신하는 단계-여기서, 상기 프로젝트 정보는 웹 페이지 생성 기본 정보, 웹 페이지 유형 정보를 포함함-;Receiving one or more project information designated as a worker by a user corresponding to the access information from the module insertion server, wherein the project information includes web page generation basic information and web page type information; 상기 하나 이상의 프로젝트 정보 중에서 임의의 프로젝트 정보에 대한 선택 정보를 입력받는 단계;Receiving selection information on arbitrary project information from the at least one project information; 상용 웹 페이지 생성 프로그램을 이용하여 생성된 원시 웹 페이지 구성 데이터에 대한 선택 정보를 입력받는 단계-여기서, 상기 원시 웹 페이지 구성 데이터는 적어도 외부 이미지 정보 및 모듈 삽입 이미지 정보를 포함함-;Receiving selection information on raw web page configuration data generated using a commercial web page generating program, wherein the raw web page configuration data includes at least external image information and module embedding image information; 상기 원시 웹 페이지 구성 데이터에 대한 변환 요청이 입력되는 경우, 상기 원시 웹 페이지 구성 데이터 및 모듈 선택 정보를 상기 모듈 삽입 서버로 전송하는 단계;Transmitting the raw web page configuration data and module selection information to the module insertion server when a conversion request for the raw web page configuration data is input; 상기 모듈 삽입 서버로부터 상기 모듈 삽입 이미지 정보에 상응하도록 상기 모듈 선택 정보에 상응하는 모듈 정보가 삽입된 변환 웹 페이지 구성 데이터를 수신하는 단계Receiving conversion web page configuration data into which module information corresponding to the module selection information is inserted so as to correspond to the module insertion image information from the module insertion server. 를 실행할 수 있는 프로그램.Programs that can run.
KR1020030062410A 2003-09-06 2003-09-06 Method and system for creating homepage using module insertion program KR100586561B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020030062410A KR100586561B1 (en) 2003-09-06 2003-09-06 Method and system for creating homepage using module insertion program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020030062410A KR100586561B1 (en) 2003-09-06 2003-09-06 Method and system for creating homepage using module insertion program

Publications (2)

Publication Number Publication Date
KR20050025380A true KR20050025380A (en) 2005-03-14
KR100586561B1 KR100586561B1 (en) 2006-06-07

Family

ID=37383696

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020030062410A KR100586561B1 (en) 2003-09-06 2003-09-06 Method and system for creating homepage using module insertion program

Country Status (1)

Country Link
KR (1) KR100586561B1 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101546359B1 (en) * 2013-07-09 2015-08-27 애니라인주식회사 Web page making system and method for maintaining compatibility of web browser and font

Also Published As

Publication number Publication date
KR100586561B1 (en) 2006-06-07

Similar Documents

Publication Publication Date Title
US11372935B2 (en) Automatically generating a website specific to an industry
US7971147B2 (en) Methods and systems for automatically creating a site menu
US8595635B2 (en) System, method and apparatus for selecting content from web sources and posting content to web logs
KR101444389B1 (en) Message catalogs for remote modules
CN102081645B (en) WEB notebook tools
JP4659725B2 (en) Information access support method, system, and recording medium therefor
EP1766539B1 (en) Data compilation apparatus and method
US20040162895A1 (en) Web site management with electronic storefront and page categorization
US20070136255A1 (en) System and method for generating, maintaining, and rendering landing and web pages
KR20090005097A (en) Systems and methods of transforming data for web communities and web applications
JP5096619B2 (en) Homepage integrated service providing system and method
US20100070862A1 (en) In-page embeddable platform for media selection and playlist creation
WO2010093063A1 (en) Web page creating device and web page creation support device used for same, and client device for web page creation
JP2006065467A (en) Device for creating data extraction definition information and method for creating data extraction definition information
KR100586561B1 (en) Method and system for creating homepage using module insertion program
KR100962342B1 (en) System and method for providing creation, registration and management service of homepage
KR100929925B1 (en) System and method for providing total homepage service
Lingam et al. Supporting end-users in the creation of dependable web clips
KR20090105715A (en) Method for Providing Expert&#39;s Recommendation Search Result and Recording Medium
JP2009157797A (en) Data input support system, data input support method and program
KR20100018674A (en) System and method for providing blog portal
KR20070110953A (en) System for personalized providing portal service
KR20130127924A (en) Content connecting system and method thereof
KR100988558B1 (en) A control system and method of contents for web site
WO2006033493A1 (en) Method and system for creating homepage using module insertion program

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20120525

Year of fee payment: 7

FPAY Annual fee payment

Payment date: 20130328

Year of fee payment: 8

FPAY Annual fee payment

Payment date: 20141113

Year of fee payment: 9

FPAY Annual fee payment

Payment date: 20160526

Year of fee payment: 11

FPAY Annual fee payment

Payment date: 20170512

Year of fee payment: 12

FPAY Annual fee payment

Payment date: 20180524

Year of fee payment: 13

FPAY Annual fee payment

Payment date: 20190528

Year of fee payment: 14