KR100586561B1 - Method and system for creating homepage using module insertion program - Google Patents
Method and system for creating homepage using module insertion program Download PDFInfo
- Publication number
- KR100586561B1 KR100586561B1 KR1020030062410A KR20030062410A KR100586561B1 KR 100586561 B1 KR100586561 B1 KR 100586561B1 KR 1020030062410 A KR1020030062410 A KR 1020030062410A KR 20030062410 A KR20030062410 A KR 20030062410A KR 100586561 B1 KR100586561 B1 KR 100586561B1
- Authority
- KR
- South Korea
- Prior art keywords
- module
- web page
- information
- configuration data
- user terminal
- Prior art date
Links
- 230000037431 insertion Effects 0.000 title claims abstract description 104
- 238000000034 method Methods 0.000 title claims abstract description 79
- 238000006243 chemical reaction Methods 0.000 claims abstract description 84
- 238000003780 insertion Methods 0.000 claims abstract description 84
- 238000004891 communication Methods 0.000 claims abstract description 24
- 230000006870 function Effects 0.000 claims description 9
- 239000000284 extract Substances 0.000 claims description 5
- 238000010586 diagram Methods 0.000 description 17
- 238000013461 design Methods 0.000 description 8
- 230000000694 effects Effects 0.000 description 7
- 238000012986 modification Methods 0.000 description 6
- 230000004048 modification Effects 0.000 description 6
- 238000012790 confirmation Methods 0.000 description 4
- 238000000605 extraction Methods 0.000 description 4
- 230000004044 response Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000012549 training Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION 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/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F17/00—Digital computing or data processing equipment or methods, specially adapted for specific functions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04W—WIRELESS COMMUNICATION NETWORKS
- H04W88/00—Devices specially adapted for wireless communication networks, e.g. terminals, base stations or access point devices
- H04W88/02—Terminal devices
Landscapes
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (AREA)
- Economics (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Information Transfer Between Computers (AREA)
Abstract
본 발명은 제1 사용자 단말기로부터 통신망을 통해 프로젝트 등록 정보를 수신하여 프로젝트를 등록하고, 제2 사용자 단말기로부터 접속 요청이 수신되면 제2 사용자 단말기의 사용자가 작업자로 지정된 하나 이상의 프로젝트 정보를 검색하여 제2 사용자 단말기로 전송하고, 선택된 임의의 프로젝트 정보에 상응하여 제2 사용자 단말기로부터 원시 웹 페이지 변환 요청을 수신하며, 원시 웹 페이지 구성 데이터를 이용하여 모듈 삽입 이미지 정보에 상응하도록 모듈 선택 정보에 상응하는 모듈 정보가 삽입된 변환 웹 페이지 구성 데이터를 생성하여 제2 사용자 단말기로 전송하는 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템에 관한 것으로, 상용 웹 에디터 프로그램을 이용하여 생성한 독특한 웹 페이지 구성 내에 사용자가 선택한 기능 모듈이 자동으로 삽입되므로 홈페이지 생성 과정의 간편화를 극대화할 수 있다.The present invention registers a project by receiving project registration information from a first user terminal through a communication network, and when a connection request is received from a second user terminal, a user of the second user terminal searches for one or more project information designated as an operator. 2 transmits to the user terminal, receives the raw web page conversion request from the second user terminal in accordance with any selected project information, and corresponds to the module selection information to correspond to the module insertion image information using the raw web page configuration data. The present invention relates to a method and system for creating a homepage using a module insertion program for generating converted web page configuration data including module information and transmitting the same to a second user terminal. Selected feature Since the modules are inserted automatically to maximize the simplicity of website creation process.
홈페이지, 쇼핑몰, 모듈, 웹 페이지, 프로젝트Homepage, shopping mall, module, webpage, project
Description
도 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
본 발명은 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템에 관한 것으로, 특히 상용 웹 에디터 프로그램을 이용하여 생성한 웹 페이지에 사용자가 원하는 개별 모듈(예를 들어, 게시판, 쇼핑몰, 앨범 등)을 삽입할 수 있도록 하여 개발자가 없더라도 원활한 홈페이지 생성 및 수정을 가능하게 하는 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템에 관한 것이다.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.
인터넷이 급속히 보급됨에 따라 인터넷상에서 홍보수단으로서 기업 또는 개 인의 홈페이지 공간이 점차 증가하고 있다. As the Internet spreads rapidly, 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.
본 발명의 또 다른 목적은 홈페이지 생성 과정에서 웹 페이지 데이터 변환 작업과 업로드 작업을 하나의 화면상에서 동시에 처리할 수 있도록 하는 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템을 제공하는 것이다.
Still another object of the present invention is to provide a method and system for creating a homepage using a module insertion program for simultaneously processing a web page data conversion and uploading operation 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
관리자 단말기(110)와 작업자 단말기(120)는 웹 페이지를 생성하기 위한 상용 웹 에이전트 프로그램(113a, 113b - 이하 113으로 칭함), 본 발명에 따른 모듈 삽입 프로그램(116a, 116b - 이하 116이라 칭함)을 구비한다. 상용 웹 에이전트 프로그램(113)은 웹 페이지 구성 데이터(예를 들어, 소스코드 등)를 생성하기 위한 노트패드(즉, C:\WINDOWS\NOTEPAD.EXE) 또는 웹 에이전트 프로그램(예를 들어, 프론트페이지(Microsoft FrontPage), 나모 웹 에디터(Namo Web Editor) 등) 등을 포함한다. 상용 웹 에이전트 프로그램(113)의 종류는 각 관리자 또는 각 작업자에 따라 자유롭게 선택될 수 있다. 모듈 삽입 프로그램(116)은 관리자 또는 작업자가 생성한 원시 웹 페이지 구성 데이터에 상응하여 적절한 개별 모듈(예를 들어, 게시판, 쿠폰 등록 영역, 쇼핑몰 등)이 미리 지정된 위치에 삽입하여 변환 웹 페이지 구성 데이터를 생성하고, 작업이 완료된 변환 웹 페이지 구성 데이터를 모듈 삽입 서버(130)의 개인 홈페이지 영역에 등록한다. 모듈 삽입 프로그램(116)의 기능에 대해서는 이후 관련 도면을 참조하여 상세히 설명한다.The
모듈 삽입 서버(130)는 홈페이지 생성 제어부(133), 모듈 정보 추출부(136), 소스코드 변환부(139), 송수신부(143) 및 저장부(146)를 포함한다. 도 1의 모듈 삽입 서버(130)의 각 구성 요소는 원시 웹 페이지를 변환 웹 페이지 데이터로 변환하기 위한 기능 위주로 도시되었으나 실질적으로 모듈 삽입 서버(130)는 관리자 단말기(110) 또는 작업자 단말기(120)에 의해 작업된 갱신 웹 페이지 데이터를 등록하여 홈페이지 등록 서비스를 제공하기 위한 구성 요소를 더 포함할 수 있다. 그러나, 생성된 웹 페이지 구성 데이터를 이용하여 홈페이지 등록 서비스를 제공하는 방법 및 구성 요소는 당업자에게 널리 알려진 주지의 사실이므로 이에 대한 구체적인 설명은 생략한다.The
홈페이지 생성 제어부(133)는 관리자 단말기(110) 또는 작업자 단말기(120)로부터 전송되는 모듈 삽입 요청에 상응하여 원시 웹 페이지 구성 데이터를 변환 웹 페이지 구성 데이터로 변환하기 위해 모듈 정보 추출부(136), 소스코드 변환부(139), 송수신부(143) 및 저장부(146)를 제어하는 기능을 수행한다.The homepage
모듈 정보 추출부(136)는 관리자 또는 작업자가 생성한 웹 페이지에 삽입되어야 할 모듈의 유형, 모듈의 크기를 판단하여 적절한 모듈 정보(예를 들어, 모듈 정보에 접속가능한 URL 정보 등)를 추출하는 기능을 수행한다.The module
소스코드 변환부(139)는 모듈 정보 추출부(136)에 의해 추출된 모듈 정보를 이용하여 관리자 단말기(110) 또는 작업자 단말기(120)로부터 수신된 원시 웹 페이지의 소스코드를 미리 지정된 형태로 변환하여 변환 웹 페이지를 생성하는 기능을 수행한다.The source
송수신부(143)는 관리자 단말기(110) 및/또는 작업자 단말기(120)로부터 데이터(예를 들어, 홈페이지 생성 기본 정보, 원시 웹 페이지 등)를 수신하고, 소스코드 변환부(139)에 의해 생성된 변환 웹 페이지를 관리자 단말기(110) 및/또는 작업자 단말기(120)로 전송하는 기능을 수행한다. 물론, 당해 관리자가 지정한 외부 웹 서버(150)에 당해 변환 웹 페이지를 등록하고자 하는 경우, 해당 변환 웹 페이지 구성 데이터를 당해 외부 웹 서버(150)로 전송하는 기능을 더 수행할 수 있다.The
저장부(146)는 웹페이지 생성 기본 정보(예를 들어, 홈페이지의 유형, 관리자 정보 등), 홈페이지별 작업자 선택 정보, 변환 웹 페이지 구성 데이터 등을 저장한다. 물론 저장부(146)는 복수로 구성되어 저장되는 데이터의 종류에 따라 구분될 수 있다.The
본 발명에 따른 웹 페이지 생성 방법은 상용 웹 에이전트 프로그램(113)과 모듈 삽입 프로그램(116)을 구비한 관리자 단말기(110) 또는 작업자 단말기(120)에서 독자적으로 수행될 수도 있으나, 이하에서는 관리자가 관리자 단말기(110)를 이용하여 홈페이지를 생성할 작업자를 지정하고, 작업자가 작업자 단말기(120)를 이용하여 홈페이지를 생성하는 방법을 중심으로 설명한다.Web page generation method according to the present invention may be performed independently in the
도 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
단계 215에서 모듈 삽입 서버(130)는 단계 210을 통해 수신된 접속 정보가 유효한지 여부를 판단한다. 유효한 경우 단계 220에서 모듈 삽입 서버(130)는 관리자 단말기(110)로 접속 승인 정보를 전송하고, 유효하지 않은 경우 단계 225에서 모듈 삽입 서버(130)는 에러 메시지를 관리자 단말기(110)로 전송한다. In
관리자 단말기(110)는 단계 225에서 모듈 삽입 서버(130)로부터 접속 승인 정보를 수신한다. 물론 단계 220 및 단계 225와 같이 별도로 접속 승인 정보를 전송하지 않고 로그인 화면의 다음 화면(도 2b 참조)으로 전환하도록 할 수도 있다.The
단계 230에서 관리자 단말기(110)는 관리자로부터 신규 프로젝트 등록 정보를 입력받는다. 그리고, 단계 235 및 단계 240을 통해 관리자 단말기(110)는 관리자로부터 웹 페이지 유형 선택과 작업자 선택을 입력받는다.In
단계 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 the
만일 관리자가 신규 프로젝트를 등록하고자 하여 프로젝트 등록 버튼을 클릭하면, 관리자 단말기(110) 표시부에는 도 2c와 같은 프로젝트 등록 화면이 디스플레이된다.If the manager wants to register a new project and clicks the project registration button, the
프로젝트 등록 화면은 프로젝트 생성 기본 정보 입력 영역(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
관리자는 프로젝트 생성 기본 정보 입력 영역(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
관리자가 모든 정보를 입력한 후 프로젝트 등록화면 하단에 구비된 확인 버 튼을 클릭함으로서 다음 단계(도 2d 참조)로 진행한다.After the administrator enters all the information, click the check button provided at the bottom of the project registration screen to proceed to the next step (see FIG. 2D).
다시 도 2a를 참조하면, 단계 245에서 관리자 단말기(110)는 관리자로부터 웹 페이지 상세 정보(예를 들어, 쇼핑몰인 경우 상호명, 사업자 번호, 대표자 성명 등)를 입력받는다.Referring again to FIG. 2A, in
도 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
다시 도 2a를 참조하면, 단계 250에서 관리자 단말기(110)는 관리자에 의해 정보 입력이 완료되었는지 여부를 판단한다. 예를 들어, 관리자가 상세 정보 입력 화면 하부의 '확인' 버튼을 클릭한 경우 정보 입력이 완료되었다고 판단할 수 있 다. 물론 도 2c에 도시된 프로젝트 등록 화면에서 일부의 정보가 입력된 후 '확인' 버튼이 클릭된 경우에도 정보 입력이 완료되었다고 판단할 수 있으며, 이 경우 도 2b의 프로젝트 수정 버튼을 이용하여 프로젝트 등록을 계속할 수 있다.Referring back to FIG. 2A, in
정보 입력이 완료된 경우 관리자 단말기(110)는 단계 255에서 관리자에 의해 입력된 프로젝트 등록 정보를 통신망을 통해 모듈 삽입 서버(130)로 전송한다. 그렇지 않은 경우에는 현재 작업 단계에서 대기한다. When the information input is completed, the
모듈 삽입 서버(130)는 단계 260에서 통신망을 통해 관리자 단말기(110)로부터 입력 정보를 수신하고 수신된 입력 정보를 해당 관리자에 상응하여 저장한다.The
도 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 Figure 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
단계 315에서 모듈 삽입 서버(130)는 단계 310을 통해 수신된 접속 정보가 유효한지 여부를 판단한다. 유효한 경우, 모듈 삽입 서버(130)는 단계 320에서 관리자에 의해 등록된 하나 이상의 프로젝트 중에서 당해 작업자를 디자이너로 지정한 프로젝트를 검색하고, 단계 325에서 검색된 프로젝트 목록을 통신망을 통해 작업자 단말기로 전송한다. 예를 들어, 관리자가 'A', 'B', 'C'라는 3개의 프로젝트를 등록하고, 'A'와 'B'는 작업자를 'a'로, 'C'는 작업자를 'b'로 지정한 경우, 단계 310을 통해 접속한 작업자가 'a'인 경우 모듈 삽입 서버(130)는 단계 320 및 단계 325를 통해 프로젝트 'A'와 'B'를 검색하고 검색 정보를 'a'의 사용자 단말기로 전송하는 것이다.In
그러나, 접속 정보가 유효하지 않은 경우 단계 330에서 모듈 삽입 서버(130)는 에러 메시지를 작업자 단말기(120)로 전송한다. However, if the access information is not valid, in
작업자 단말기(120)는 단계 335에서 당해 작업자가 디자이너로 등록된 프로젝트 목록 정보를 수신한다. The
작업자는 단계 340에서 도 3b에 도시된 프로젝트 선택 화면을 이용하여 작업 하고자 하는 프로젝트를 선택한다. 작업자는 도 3b에 도시된 프로젝트 선택 화면에서 작업 선택 버튼(410)을 클릭함으로써 디스플레이된 프로젝트 선택 창(420)을 이용하여 작업하고자 하는 프로젝트를 선택할 수 있다. 작업자는 임의의 프로젝트를 선택함으로서, 관리자가 등록한 프로젝트 등록 정보(예를 들어, 웹 페이지 유형)를 확인할 수 있고 프로젝트 등록 정보에 상응하는 웹 페이지를 생성(예를 들어, 웹 페이지 유형이 게시판인 경우, 게시판 모듈이 삽입된 웹 페이지 생성)할 수 있다.In
단계 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
단계 350에서 작업자가 웹 페이지 구성 확인 화면(즉, 모듈 삽입 프로그램의 일 기능)을 실행한 경우 작업자 단말기(120)는 도 3e와 같은 화면 표시를 표시부에 디스플레이한다.When the operator executes the web page configuration confirmation screen (that is, one function of the module insertion program) in
도 3e를 참조하면, 웹 페이지 구성 확인 화면은 작업 선택 버튼(410), 변환/업로드 버튼(455), 파일 목록 표시 영역(460) 및 미리 보기 영역(465)을 포함한다. Referring to FIG. 3E, the web page configuration confirmation screen includes a
작업자가 임의의 프로젝트에 상응하여 작업한 작업 파일이 위치한 폴더를 선택하면 해당 폴더내에 포함된 작업 파일들이 파일 목록 표시 영역(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
다시 도 3a를 참조하면, 단계 355에서 작업자 단말기(120)(즉, 모듈 삽입 프로그램)는 작업자로부터 원시 웹 페이지 변환 요청이 입력되는지 여부를 판단한다. 예를 들어, 이는 작업자에 의해 임의의 작업 파일이 선택되고 도 3f의 변환하기 버튼(470)이 입력되는지 여부를 검사하는 것일 수 있다. Referring back to FIG. 3A, in
원시 웹 페이지 변환 요청이 입력되는 경우, 단계 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
단계 370에서 모듈 삽입 서버(130)는 원시 웹 페이지 변환 요청에 상응하는 개별 모듈 정보(예를 들어, 웹 페이지 유형 정보, 모듈 접속 URL 등)를 추출하고, 추출된 개별 모듈 정보를 이용하여 변환 웹 페이지를 생성한다.In
모듈 삽입 서버(130)가 작업자 단말기(120)로부터 수신된 원시 웹 페이지 변환 요청에 상응하여 변환 웹 페이지를 생성하는 방법은 다양하게 적용할 수 있다. 그중 두가지 방법에 대해서만 예를 들어 설명한다.The
첫 번째 방법은 원시 웹 페이지 변환 요청에 원시 웹 페이지 구성 데이터, 웹 페이지 유형을 포함시키는 방법이다. 즉, 작업자가 임의의 작업 파일들을 선택한 후 원시 웹 페이지 변환 요청을 입력(즉, 변환하기 버튼(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
두 번째 방법은 원시 웹 페이지 변환 요청에 원시 웹 페이지 구성 데이터만이 포함되도록 하며, 작업자가 원시 웹 페이지 구성 데이터 내에 웹페이지 유형을 포함시키도록 하는 방법이다. 예를 들어, 도 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
이후, 단계 375에서 모듈 삽입 서버(130)는 단계 370을 통해 생성된 변환 웹 페이지를 통신망을 통해 작업자 단말기(120)로 전송된다.Thereafter, in
작업자 단말기(120)는 단계 380에서 모듈 삽입 서버(130)로부터 수신된 변환 웹 페이지를 저장한다. 그리고, 원시 웹 페이지의 변환 결과가 도 3g에 도시되어 있다. The
도 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
이하, 변환 웹 페이지의 구성 및 소스코드를 이용하여 소스코드의 변경 내용을 간략히 설명한다.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&... 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
다시 도 3a를 참조하면, 단계 385에서 작업자 단말기(120)는 작업자로부터 변환 웹 페이지 업로드 요청이 입력되는지 여부를 검사한다. 예를 들어, 도 3g에서 임의의 작업 파일(즉, 변환 웹 페이지 구성 데이터)을 선택한 후 서버에 올리기 버튼(475)이 클릭되는지 여부를 검사하는 것이다. 클릭되는 경우 단계 390에서 선택된 작업 파일을 통신만을 통해 모듈 삽입 서버(130)로 전송한다. 그러나, 그렇지 않은 경우에는 작업자가 요청한 단계로 진행한다. Referring again to FIG. 3A, in
모듈 삽입 서버(130)는 단계 395에서 변환 웹 페이지 구성 데이터를 수신하고, 당해 프로젝트(또는 관리자, 운영자 등) 및 지정된 URL에 상응하여 저장한다. 즉, 모듈 삽입 서버(130)가 홈페이지 서비스를 제공할 수 있는 것이다. 또한 앞서 도 2c를 참조하여 설명한 바와 같이 관리자가 홈페이지로서 외부 URL 주소를 추가 로 입력한 경우 당해 변환 웹 페이지 구성 데이터는 모듈 삽입 서버(130)외에 별도의 웹 서버(150)로도 전송되어 동일한 내용이 복수개의 서버를 통해 서비스되도록 할 수 있다.The
이와 같이 본 발명에 따른 웹 페이지 생성 과정에 기술적 사항의 이해가 없이 작업자가 원하는 디자인만 웹 페이지에 포함시키면 만족할만한 웹 페이지가 생성되므로 홈페이지 작성 비용 및 시간을 절감시킬 수 있다. 또한 웹 디자이너 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
도 4를 참조하면, 단계 355에서 작업자 단말기(120)(즉, 모듈 삽입 프로그램)는 작업자로부터 원시 웹 페이지 변환 요청이 입력되는지 여부를 판단한다. 예를 들어, 이는 작업자에 의해 임의의 작업 파일이 선택되고 도 3f의 변환하기 버튼(470)이 입력되는지 여부를 검사하는 것일 수 있다.Referring to FIG. 4, in
원시 웹 페이지 변환 요청이 입력되는 경우, 단계 560으로 진행하여 당해 원 시 웹 페이지에 포함되어야할 개별 모듈 정보(예를 들어, 모듈 접속 URL 등)를 추출한다. 당해 웹 페이지에 포함되어야할 개별 모듈 정보는 작업자가 소스코드 내에 포함시킨 웹 페이지 유형 정보(예를 들어, 'ModuleTag'="mall") 또는 관리자가 프로젝트 등록 단계에서 설정한 웹 페이지 유형 정보(예를 들어, '상점')를 이용하여 추출될 수 있다. 그리고, 작업자 단말기(120)에 설치된 모듈 삽입 프로그램(116)에 의해 추출될 수 있는 개별 모듈 정보는 관리자 단말기(110)의 저장부 내에 미리 저장된다. 그리고, 필요한 경우 모듈 삽입 프로그램(116)에 포함된 업데이트 버튼을 이용하여 신규 개별 모듈 정보를 업데이트할 수 있다.If a 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 original 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
단계 565에서 작업자 단말기(120)는 단계 560을 통해 추출된 개별 모듈 정보를 이용하여 변환 웹 페이지를 생성한다. 즉, 관리자가 프로젝트 등록시 입력한 운영자 정보, 개별 모듈 정보(예를 들어, 접속 주소로서 'wwa.urirang.com/db/mall/ shop/shop.asp') 등을 이용하여 원시 웹 페이지를 갱신(도 3i 참조)한다.In
단계 570에서 작업자 단말기(120)는 변환된 웹 페이지를 저장하고 변환 결과를 작업자 단말기(120) 표시부에 디스플레이한다(도 3g 참조).In
이후 단계 575에서 작업자 단말기(120)는 작업자로부터 변환 웹 페이지 업로드 요청이 입력되는지 여부를 검사하여, 입력되는 경우 단계 580을 통해 모듈 삽입 서버(130)로 변환 웹 페이지 구성 데이터를 전송한다.Thereafter, in
단계 585에서 모듈 삽입 서버(130)는 변환 웹 페이지를 수신하고 수신된 변환 웹 페이지를 프로젝트에 상응하여 저장한다.In
도 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
단계 620에서 작업자 단말기(120)는 저장부 내에 단계 610을 통해 추출된 소스코드와 동일한 소스코드에 상응하는 변환 웹 페이지가 존재하는지 여부를 판단한다.In
만일 해당 변환 웹 페이지가 존재하지 않으면 단계 630을 통해 변환 웹 페이지가 생성된다. 단계 630은 작업자 단말기(120) 또는 모듈 삽입 서버(130)에 의한 개별 모듈 추출 과정 및 변환 웹 페이지 생성 과정을 포함할 수 있다. 단계 640에서 작업자 단말기(120)는 작업자 단말기(120) 또는 모듈 삽입 서버(130)에 의해 생성된 변환 웹 페이지를 저장부에 저장하고 변환 결과를 표시부에 표시한다.If the corresponding conversion web page does not exist, the conversion web page is generated in
그러나, 단계 620에서 선택된 원시 웹 페이지에 상응하는 변환 웹 페이지가 존재하는 경우 단계 650으로 진행하여 작업자 단말기(120) 표시부에 안내 메시지(예를 들어, 변환 웹 페이지가 'c:\a302\bbs1.htm'에 이미 존재합니다)를 표시하고 단계를 종료한다.However, if there is a conversion web page corresponding to the raw web page selected in
도 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
또한 본 발명의 바람직한 또 다른 실시예에 따르면, 임의의 접속자가 당해 홈페이지에 통신망을 통해 접속한 경우 사용자 단말기 표시부의 크기에 상응하여 웹 페이지가 재구성되는 웹 페이지 표시 방법이 제공된다.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
따라서, 표시부에 표시되는 웹 페이지의 구성을 당해 사용자 단말기의 표시부 정보에 상응하도록 재 구성하여 제공할 수 있다.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 into the
상술한 바와 같이 본 발명에 따른 모듈 삽입 프로그램을 이용한 홈페이지 생성 방법 및 시스템은 소스코드를 수정할 수 있는 전문가가 없더라도 일반 인터넷 사용자가 원하는 홈페이지 구성과 개별 모듈을 가지는 웹 페이지를 생성할 수 있도록 하는 효과가 있다.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.
Claims (21)
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 KR20050025380A (en) | 2005-03-14 |
KR100586561B1 true 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) |
Cited By (1)
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 |
-
2003
- 2003-09-06 KR KR1020030062410A patent/KR100586561B1/en active IP Right Grant
Cited By (1)
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 |
---|---|
KR20050025380A (en) | 2005-03-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11372935B2 (en) | Automatically generating a website specific to an industry | |
US20070022419A1 (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 | |
US20150089339A1 (en) | Systems and methods for creating or updating an application using website content | |
US20100070862A1 (en) | In-page embeddable platform for media selection and playlist creation | |
KR20090005097A (en) | Systems and methods of transforming data for web communities and web applications | |
JP5096619B2 (en) | Homepage integrated service providing system and method | |
US20170109442A1 (en) | Customizing a website string content specific to an industry | |
JP2000067038A (en) | Homepage preparing device | |
WO2010093063A1 (en) | Web page creating device and web page creation support device used for same, and client device for web page creation | |
Griffin | Foundations of Popfly: rapid mashup development | |
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 | |
Lingam et al. | Supporting end-users in the creation of dependable web clips | |
KR20090105715A (en) | Method for Providing Expert's Recommendation Search Result and Recording Medium | |
JP2009157797A (en) | Data input support system, data input support method and program | |
KR101133853B1 (en) | Server for managing book information and control method thereof | |
KR20090105500A (en) | System and Method for Processing Searching Result and Program Recording Medium | |
KR20090105692A (en) | Method for Making Expert's Recommendation Search Result and Recording Medium | |
KR20100018674A (en) | System and method for providing blog portal | |
KR20070110953A (en) | System for personalized providing portal service | |
KR101167888B1 (en) | Method for forming report using multi-tenant based database as a service | |
JP2017040988A (en) | Information processing device and information processing program | |
Harwani | Make an E-commerce Site in a Weekend: Using PHP |
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 |