KR102637888B1 - System for building website based on website module and method thereof - Google Patents

System for building website based on website module and method thereof Download PDF

Info

Publication number
KR102637888B1
KR102637888B1 KR1020220034867A KR20220034867A KR102637888B1 KR 102637888 B1 KR102637888 B1 KR 102637888B1 KR 1020220034867 A KR1020220034867 A KR 1020220034867A KR 20220034867 A KR20220034867 A KR 20220034867A KR 102637888 B1 KR102637888 B1 KR 102637888B1
Authority
KR
South Korea
Prior art keywords
website
module
website module
layout
provides
Prior art date
Application number
KR1020220034867A
Other languages
Korean (ko)
Other versions
KR20230137120A (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 KR1020220034867A priority Critical patent/KR102637888B1/en
Publication of KR20230137120A publication Critical patent/KR20230137120A/en
Application granted granted Critical
Publication of KR102637888B1 publication Critical patent/KR102637888B1/en

Links

Images

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/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Business, Economics & Management (AREA)
  • Tourism & Hospitality (AREA)
  • General Health & Medical Sciences (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • Primary Health Care (AREA)
  • Marketing (AREA)
  • Human Resources & Organizations (AREA)
  • Economics (AREA)
  • Health & Medical Sciences (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

본 발명의 실시예에 따른 웹사이트 모듈 기반 웹사이트 제작 시스템은, 상기 웹사이트 모듈에 웹사이트의 구성의 일부와 기능을 제공하는 웹사이트 기능 공유부; 웹사이트 블록에 배치될 수 있는 복수의 웹 사이트 모듈 중 적어도 하나를 선택할 수 있도록 웹사이트 모듈 트레이를 제공하는 웹사이트 모듈 공유부; 제1 웹사이트 모듈을 제공하는 제1 웹사이트 모듈 제공부; 및 상기 제1웹사이트 모듈과 상이한 제2웹사이트 모듈을 제공하는 제2웹사이트 모듈 제공부를 포함하며, 상기 제2웹사이트 모듈은 레이아웃 웹사이트 모듈을 포함한다. A website production system based on a website module according to an embodiment of the present invention includes a website function sharing unit that provides part of the website structure and functions to the website module; a website module sharing unit that provides a website module tray to select at least one of a plurality of website modules that can be placed in a website block; a first website module providing unit that provides a first website module; and a second website module providing unit that provides a second website module different from the first website module, and the second website module includes a layout website module.

Description

웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법{SYSTEM FOR BUILDING WEBSITE BASED ON WEBSITE MODULE AND METHOD THEREOF}Website module-based website production system and method {SYSTEM FOR BUILDING WEBSITE BASED ON WEBSITE MODULE AND METHOD THEREOF}

본 발명은 웹사이트 제작 시스템에 관한 것으로, 상세하게는 위지위그(WYSIWYG) 방식 및 웹사이트 블록 단위로 전체 웹사이트를 구성하는 방식을 사용하는 홈페이지 또는 쇼핑몰 등의 웹사이트 제작 시스템 및 그 방법에 관한 것이다.The present invention relates to a website production system, and more specifically, to a website production system and method for a homepage or shopping mall using the WYSIWYG method and a method of constructing the entire website in website block units. will be.

더욱 상세하게는, 본 발명은 웹사이트 블록에 대해 웹사이트 모듈을 제공하며, 상기 웹사이트 모듈의 한 유형인 레이아웃 웹사이트 모듈은 다른 웹사이트 모듈을 배치 가능한 미니 웹사이트 블록을 제공하는 웹사이트 제작 시스템 및 그 방법에 관한 것이다.More specifically, the present invention provides a website module for a website block, and the layout website module, which is a type of the website module, is a website creation that provides a mini website block on which other website modules can be placed. It relates to systems and methods.

도 1은 종래 위지위그 방식 웹사이트 홈페이지 또는 쇼핑몰 파일 편집 화면을 도시한 도면이다.Figure 1 is a diagram showing a conventional WYSIWYG website homepage or shopping mall file editing screen.

도 1에 도시된 바와 같이, 위지위그 방식 웹사이트 파일 편집기는HTML형식에 맞게 웹사이트 홈페이지 또는 쇼핑몰 파일명(10)에 해당하는 파일을 작성, 편집 및 저장할 수 있다.As shown in Figure 1, the WYSIWYG website file editor can create, edit, and save a file corresponding to the website homepage or shopping mall file name (10) in HTML format.

완성된 HTML 파일을 다양한 웹 브라우저를 통해 화면으로 출력할 때, 웹 브라우저 마다 HTML 표준을 따른 수준이 다를 수 있기 때문에 동일한 HTML 파일이라도 웹 브라우저 마다 출력 결과는 조금씩 다를 수 있다.When outputting a completed HTML file to the screen through various web browsers, the level of compliance with the HTML standard may be different for each web browser, so even for the same HTML file, the output results may be slightly different for each web browser.

그렇지만, 일반적인 위지위그 방식 웹사이트 파일 편집기는 실제 각기 다른 웹 브라우저에서 출력되는 화면과 크게 다르지 않은 출력 화면을 위지위그 방식의 편집화면에서 보여준다.However, a typical WYSIWYG website file editor displays an output screen that is not much different from the screen actually displayed in different web browsers on the WYSIWYG editing screen.

또한, 위지위그 방식 웹사이트 파일 편집기는 마우스 커서(20)을 매개로 한 객체의 크기 조정, 위치 변경 등의 편집이 가능하여 웹사이트 파일의 레이아웃을 변경할 수 있다.In addition, the WYSIWYG website file editor allows editing such as adjusting the size and location of objects using the mouse cursor 20, thereby changing the layout of the website file.

한편, 웹사이트 제작 시스템은 흔히 웹사이트 빌더로 불리기도 한다. 웹사이트 빌더는 일반적으로 코드 편집 없이 웹사이트를 구축할 수 있는 도구이다. 웹 호스팅 회사에서 제공하는 웹사이트 빌더는 대부분 빠른 시간 내에 신뢰할 수 있는 품질을 가지는 웹사이트를 구축하고 싶어하는 개인이나 단체가 웹사이트를 구축하는 용도로 사용된다.Meanwhile, website creation systems are often called website builders. A website builder is a tool that allows you to build websites, usually without editing code. Website builders provided by web hosting companies are mostly used to build websites by individuals or organizations who want to build a website with reliable quality in a short period of time.

최근 다수 웹사이트 빌더는 위지위그(WYSIWYG) 방식을 사용한다. 위지위그 방식은 워드 프로세서와 같은 소프트웨어에서 사용하는 방식으로, 작성 중인 문서가 화면상에 실제의 모습으로 나타나게 되어 있는 방식이다. Recently, many website builders use the WYSIWYG method. The WYSIWYG method is used in software such as word processors, and is a method in which the document being written is displayed in its actual form on the screen.

하지만, 웹사이트 빌더를 사용할 때의 단점도 많다. 일반적으로 웹사이트 빌더를 사용하여 상품 웹사이트를 만들 경우에는 웹사이트 소스 코드를 직접 작성해서 웹사이트를 만드는 경우보다 상품 브랜드와 부합하는 브랜드 이미지를 반영하는 독창적인 디자인을 웹사이트에 적용하기 어렵다.However, there are many disadvantages to using a website builder. In general, when using a website builder to create a product website, it is more difficult to apply a unique design that reflects a brand image that matches the product brand to the website than when creating a website by directly writing the website source code.

구체적으로 지정된 블록에 지정된 기능을 삽입하는 방식으로 거의 정형화된 레이아웃의 디자인 사용이 강요된다. 또한 레이아웃을 변경하더라도 일일이 사용자가 블록의 크기를 조정하여 결과물을 확인하고, 부적합한 경우에는 다시 블록의 크기를 조정하여 다른 레이아웃을 적용해보는 번거로움이 발생한다. The use of an almost standardized layout design is forced by inserting designated functions into specifically designated blocks. In addition, even if the layout is changed, the user has to manually adjust the size of the blocks to check the result, and if it is inappropriate, it is inconvenient to adjust the block size again and apply a different layout.

또한 레이아웃 안에 포함되는 서브 블록의 기능 역시 교체하거나 업데이트하는데 사용자는 일일이 재작업을 하여 야하는 불편함이 발생한다.Additionally, the functions of sub-blocks included in the layout are also replaced or updated, which causes the inconvenience of having to rework the user one by one.

따라서, 기존의 웹사이트 빌더의 문제점을 해결하기 위하여 다양한 레이아웃을 용이하게 구현하고 개별기능을 제공하는 웹사이트 제작 시스템을 요구하고 있다.Therefore, in order to solve the problems of existing website builders, there is a need for a website production system that easily implements various layouts and provides individual functions.

본 발명이 이루고자 하는 기술적 과제는 웹사이트를 구성하는 기본 요소를 독립적으로 수행하는 “웹사이트 모듈”을 제공하는 웹사이트 제작 시스템 및 그 방법을 제공하는 것이다.The technical problem to be achieved by the present invention is to provide a website production system and method that provides a “website module” that independently performs the basic elements constituting a website.

또한, 본 발명은 다양한 웹사이트 레이아웃을 제공하는 “레이아웃 웹사이트 모듈”을 통해 홈페이지 또는 쇼핑몰 등 다양한 레이아웃의 웹사이트를 용이하게 제작할 수 있는 웹사이트 제작 시스템 및 그 방법을 제공하는 것이다. In addition, the present invention provides a website production system and method that can easily create websites with various layouts, such as homepages or shopping malls, through a “layout website module” that provides various website layouts.

또한, 본 발명은 “웹사이트 모듈”이 추가, 이동, 복사 및 제거되는 것에 따라 실시간적인 업데이트가 반영되는 웹사이트 제작 시스템을 제공하는 것이다.Additionally, the present invention provides a website production system that reflects real-time updates as “website modules” are added, moved, copied, and removed.

본 발명이 이루고자 하는 기술적 과제는 이상에서 언급한 기술적 과제로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.The technical problem to be achieved by the present invention is not limited to the technical problem mentioned above, and other technical problems not mentioned can be clearly understood by those skilled in the art from the description below. There will be.

상기 기술적 과제를 달성하기 위하여, 본 발명의 일 실시예에 따른 웹사이트 모듈 기반 웹사이트 제작 시스템은, 상기 웹사이트 모듈에 웹사이트의 구성의 일부와 기능을 제공하는 웹사이트 기능 공유부; 웹사이트 블록에 배치될 수 있는 복수의 웹 사이트 모듈 중 적어도 하나를 선택할 수 있도록 웹사이트 모듈 트레이를 제공하는 웹사이트 모듈 공유부; 제1 웹사이트 모듈을 제공하는 제1 웹사이트 모듈 제공부; 및 상기 제1웹사이트 모듈과 상이한 제2웹사이트 모듈을 제공하는 제2웹사이트 모듈 제공부를 포함하며, 상기 제2웹사이트 모듈은 레이아웃 웹사이트 모듈을 포함한다. In order to achieve the above technical problem, a website module-based website production system according to an embodiment of the present invention includes a website function sharing unit that provides part of the website configuration and functions to the website module; a website module sharing unit that provides a website module tray to select at least one of a plurality of website modules that can be placed in a website block; a first website module providing unit that provides a first website module; and a second website module providing unit that provides a second website module different from the first website module, and the second website module includes a layout website module.

한편, 상기 레이아웃 웹사이트 모듈은 상기 제1웹사이트 모듈이 배치될 수 있는 복수의 웹사이트 미니 블록을 포함할 수 있다. Meanwhile, the layout website module may include a plurality of website mini blocks in which the first website module can be placed.

또한, 상기 웹사이트 모듈은, 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 웹사이트 모듈 컨트롤러; 상기 웹사이트 모듈 컨트롤러에 의해 수행되는 어플리케이션의 상태 변화와 상태 정보 반환 등을 수행하는 웹사이트 모듈 모델; 및 상기 웹사이트 모듈 모델에서 데이터를 처리하고 수행한 결과를 반환 받아 화면을 구성하는 웹사이트 모듈 뷰를 포함할 수 있다. Additionally, the website module includes a website module controller that interprets and processes requests sent to the website and returns a result; a website module model that changes the state of the application executed by the website module controller and returns state information; and a website module view that configures a screen by processing data from the website module model and returning the results.

여기서, 상기 웹사이트 기능 공유부는, 상기 웹사이트를 제어하는 컨트롤러, 상기 웹사이트의 경로 정보를 처리하는 루트 및 상기 웹사이트 전체에 동일하게 적용되는 메뉴를 제공하는 글로벌 내비게이션 바를 포함하며, 상기 컨트롤러는 상기 웹사이트 모듈로 확장되어 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환할 수 있다. Here, the website function sharing unit includes a controller that controls the website, a route that processes path information of the website, and a global navigation bar that provides a menu that applies equally to the entire website, and the controller It can be extended to the website module to interpret and process requests sent to the website and return results.

또한, 상기 웹사이트 모듈 공유부는, 상기 웹사이트 모듈 트레이에 웹사이트 모듈이 추가하거나 제거함에 대응하여 웹사이트 모듈 디스플레이를 추가하거나 제거할 수 있다. Additionally, the website module sharing unit may add or remove a website module display in response to adding or removing a website module from the website module tray.

또한, 상기 웹사이트 모듈 공유부는, 상기 레이아웃 웹사이트 모듈의 스케일이 축소된 복수의 웹사이트 레이아웃 모듈의 선택화면을 제공할 수 있다. Additionally, the website module sharing unit may provide a selection screen of a plurality of website layout modules in which the scale of the layout website module is reduced.

본 발명의 다른 실시예에 따른, 웹사이트 모듈 기반 웹사이트 제작 방법은, 웹사이트 모듈이 배치될 웹사이트 블록의 위치를 수신하는 단계; 상기 웹사이트 블록에 배치될 복수의 웹사이트 모듈 중 적어도 하나의 선택을 제공하는 단계; 상기 선택된 웹사이트 모듈이 제1웹사이트 모듈인지 제2웹사이트 모듈인지를 판단하는 단계; 상기 선택된 제2웹사이트 모듈인 경우, 적어도 하나의 미니 웹사이트 블록이 배치된 레이아웃 웹사이트 모듈의 선택을 제공하는 단계; 상기 적어도 하나의 미니 웹사이트 블록에 배치될 복수의 제1웹사이트 모듈의 선택을 제공하는 단계; 및 상기 선택된 제1웹사이트 모듈 및 제2웹사이트 모듈의 구성 및 동작에 필요한 요소를 웹사이트 기능 공유부를 통해 제공받는 단계;를 포함한다. According to another embodiment of the present invention, a method for creating a website based on a website module includes receiving the location of a website block in which a website module is to be placed; providing a selection of at least one of a plurality of website modules to be placed in the website block; determining whether the selected website module is a first website module or a second website module; In the case of the selected second website module, providing a selection of a layout website module in which at least one mini website block is arranged; providing a selection of a plurality of first website modules to be placed in the at least one mini website block; and receiving elements necessary for the configuration and operation of the selected first website module and the second website module through the website function sharing unit.

여기서, 상기 웹사이트 모듈은, 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 웹사이트 모듈 컨트롤러; 상기 웹사이트 모듈 컨트롤러에 의해 수행되는 어플리케이션의 상태 변화와 상태 정보 반환 등을 수행하는 웹사이트 모듈 모델; 및 상기 웹사이트 모듈 모델에서 데이터를 처리하고 수행한 결과를 반환 받아 화면을 구성하는 웹사이트 모듈 뷰를 포함한다. Here, the website module includes: a website module controller that interprets and processes requests sent to the website and returns a result; a website module model that changes the state of the application executed by the website module controller and returns state information; and a website module view that configures a screen by processing data from the website module model and returning the results.

또한, 상기 웹사이트 기능 공유부는, 상기 웹사이트를 제어하는 컨트롤러, 상기 웹사이트의 경로 정보를 처리하는 루트 및 상기 웹사이트 전체에 동일하게 적용되는 메뉴를 제공하는 글로벌 내비게이션 바를 포함하며, 상기 컨트롤러는 상기 웹사이트 모듈로 확장되어 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환할 수 있다. In addition, the website function sharing unit includes a controller that controls the website, a route that processes route information of the website, and a global navigation bar that provides a menu that applies equally to the entire website, and the controller It can be extended to the website module to interpret and process requests sent to the website and return results.

여기서, 상기 레이아웃 웹사이트 모듈의 선택 제공 단계는, 상기 레이아웃 웹사이트 모듈의 스케일이 축소된 복수의 웹사이트 레이아웃 모듈의 선택화면을 제공할 수 있다. Here, the step of providing selection of the layout website module may provide a selection screen of a plurality of website layout modules in which the scale of the layout website module is reduced.

본 발명의 실시예에 따르면, 웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법을 이용하여 웹사이트 블록을 조합하여 전체 웹사이트를 제작할 수 있다.According to an embodiment of the present invention, an entire website can be created by combining website blocks using a website module-based website production system and method.

또한, 본 발명의 실시예에 따르면, 웹사이트를 구성하는 기본 요소를 독립적으로 가지고 있는 웹사이트 모듈을 웹사이트 블록에 배치할 수 있다. Additionally, according to an embodiment of the present invention, a website module that independently contains the basic elements constituting a website can be placed in a website block.

또한, 본 발명의 실시예에 따르면, 레이아웃 웹사이트 모듈을 제외한 제1 웹사이트 모듈 유형 및 레이아웃 웹사이트 모듈을 포함한 제2 웹사이트 모듈 유형의 웹사이트 모듈을 제공할 수 있다.Additionally, according to an embodiment of the present invention, a website module of a first website module type excluding the layout website module and a second website module type including the layout website module may be provided.

따라서, 본 발명의 실시예에 따르면 다양한 레이아웃의 웹사이트를 적은 시간 및 비용으로 웹사이트를 제공할 수 있다.Therefore, according to an embodiment of the present invention, it is possible to provide a website with various layouts at a reduced time and cost.

또한, 본 발명의 실시예에 따르면, 제2 웹사이트 모듈 유형에 해당하는 웹사이트 모듈을 배치한 웹사이트 블록에는 미니 웹사이트 블록이 포함되며, 미니 웹사이트 블록에는 제1 웹사이트 모듈 유형에 해당하는 웹사이트 모듈을 배치할 수 있다.In addition, according to an embodiment of the present invention, the website block in which the website module corresponding to the second website module type is placed includes a mini website block, and the mini website block corresponds to the first website module type. You can deploy website modules that do this.

또한, 본 발명의 실시예에 따르면, 웹사이트 모듈이 추가, 이동, 복사 및 제거되는 것에 따라 실시간으로 웹사이트 제작 시스템에 반영되는 웹사이트 제작 시스템을 제공할 수 있다.In addition, according to an embodiment of the present invention, it is possible to provide a website production system in which addition, movement, copying, and removal of website modules are reflected in the website production system in real time.

본 발명의 효과는 상기한 효과로 한정되는 것은 아니며, 본 발명의 설명 또는 청구범위에 기재된 발명의 구성으로부터 추론 가능한 모든 효과를 포함하는 것으로 이해되어야 한다.The effects of the present invention are not limited to the effects described above, and should be understood to include all effects that can be inferred from the configuration of the invention described in the description or claims of the present invention.

도 1은 종래 위지위그 방식 웹사이트 홈페이지 파일 편집 화면을 도시한 도면이다.
도 2는 본 발명의 실시예에 따른 웹사이트 제작 시스템을 도시한 블록도이다 .
도 3은 본 발명의 실시예에 따른 웹사이트 블록에 배치할 수 있는 웹사이트 유형목록 및 웹사이트 모듈 유형별 웹사이트 모듈 목록을 도시한 도면이다.
도 4는 본 발명의 실시예에 따른 웹사이트 블록에 제2 웹사이트 모듈을 배치하는 예시를 도시한 도면이다.
도 5는 본 발명의 실시예에 따른 미니 웹사이트 블록에 제1 웹사이트 모듈을 배치하는 예시를 도시한 도면이다.
도 6은 본 발명의 실시예에 따른 미니 웹사이트 블록에 제1웹사이트 모듈이 배치된 웹사이트 디자인모드 화면을 도시하고 있다.
도 7은 본 발명의 실시예에 따른 웹사이트 기능 공유부의 상세 구성을 도시한 도면이다.
도 8은 본 발명의 실시예에 따른 웹사이트 모듈 공유부의 상세 구성을 도시한 도면이다.
도 9는 본 발명의 실시예에 따른 웹사이트 제작 방법을 도시한 흐름도이다.
도 10은 본 발명의 실시예에 따른 웹사이트 모듈의 관리 방법을 도시한 도면이다.
Figure 1 is a diagram showing a homepage file editing screen of a conventional WYSIWYG website.
Figure 2 is a block diagram showing a website production system according to an embodiment of the present invention.
Figure 3 is a diagram illustrating a list of website types and a list of website modules by website module type that can be placed in a website block according to an embodiment of the present invention.
Figure 4 is a diagram showing an example of arranging a second website module in a website block according to an embodiment of the present invention.
Figure 5 is a diagram illustrating an example of arranging a first website module in a mini website block according to an embodiment of the present invention.
Figure 6 shows a website design mode screen in which a first website module is placed in a mini website block according to an embodiment of the present invention.
Figure 7 is a diagram showing the detailed configuration of a website function sharing unit according to an embodiment of the present invention.
Figure 8 is a diagram showing the detailed configuration of a website module sharing unit according to an embodiment of the present invention.
Figure 9 is a flowchart showing a website production method according to an embodiment of the present invention.
Figure 10 is a diagram illustrating a method for managing a website module according to an embodiment of the present invention.

이하에서는 첨부한 도면을 참조하여 본 발명을 설명하기로 한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며, 따라서 여기에서 설명하는 실시예로 한정되는 것은 아니다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.Hereinafter, the present invention will be described with reference to the attached drawings. However, the present invention may be implemented in various different forms and, therefore, is not limited to the embodiments described herein. In order to clearly explain the present invention in the drawings, parts that are not related to the description are omitted, and similar parts are given similar reference numerals throughout the specification.

명세서 전체에서, 어떤 부분이 다른 부분과 "연결(접속, 접촉, 결합)"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 부재를 사이에 두고 "간접적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 구비할 수 있다는 것을 의미한다.Throughout the specification, when a part is said to be "connected (connected, contacted, combined)" with another part, this means not only "directly connected" but also "indirectly connected" with another member in between. "Includes cases where it is. Additionally, when a part is said to “include” a certain component, this does not mean that other components are excluded, but that other components can be added, unless specifically stated to the contrary.

본 명세서에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 명세서에서, "포함하다" 또는 "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.The terms used herein are only used to describe specific embodiments and are not intended to limit the invention. Singular expressions include plural expressions unless the context clearly dictates otherwise. In this specification, terms such as “comprise” or “have” are intended to indicate the presence of features, numbers, steps, operations, components, parts, or combinations thereof described in the specification, but are not intended to indicate the presence of one or more other features. It should be understood that this does not exclude in advance the possibility of the existence or addition of elements, numbers, steps, operations, components, parts, or combinations thereof.

본 명세서에서, "모듈"은 하드웨어, 소프트웨어 또는 펌웨어로 구성된 유닛을 포함하며, 예컨대 로직, 논리 블록, 부품, 또는 회로 등의 용어와 상호 호환적으로 사용될 수 있다. 모듈은 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는 최소 단위 또는 그 일부가 될 수 있다. 예컨대 모듈은ASIC(application-specific integrated circuit)으로 구성될 수 있다.In this specification, “module” includes a unit comprised of hardware, software, or firmware, and may be used interchangeably with terms such as logic, logic block, component, or circuit, for example. A module may be an integrated part, a minimum unit that performs one or more functions, or a part thereof. For example, the module may be composed of an application-specific integrated circuit (ASIC).

이하 첨부된 도면을 참고하여 본 발명의 실시예를 상세히 설명하기로 한다.Hereinafter, embodiments of the present invention will be described in detail with reference to the attached drawings.

도 2는 본 발명의 실시예에 따른 웹사이트 제작 시스템을 도시한 블록도이다.Figure 2 is a block diagram showing a website production system according to an embodiment of the present invention.

도 2에 도시된 바와 같이, 본 발명의 실시예에 따른 웹사이트 제작 시스템(100)은 웹사이트 기능 공유부(110), 웹사이트 모듈 공유부(120), 제1 웹사이트 모듈 제공부(130), 제2 웹사이트 모듈 제공부(140) 및 데이터베이스부(150)를 포함할 수 있다.As shown in FIG. 2, the website creation system 100 according to an embodiment of the present invention includes a website function sharing unit 110, a website module sharing unit 120, and a first website module providing unit 130. ), a second website module providing unit 140, and a database unit 150.

한편, 본 발명의 실시예에서 사용되는 용어를 정의하면 이하와 같다. Meanwhile, the terms used in the embodiments of the present invention are defined as follows.

용어 중 “웹사이트 블록”은 그 조합을 통해 웹사이트가 제작되는 단위로서, 웹사이트의 특정 위치 및 특정 영역에서 미리 정해진 컨텐츠나 웹사이트 기능을 제공하는 단위를 지칭한다. 통상 “웹사이트 블록”은 웹 브라우저를 통해 출력되는 웹사이트 화면의 최상단에서 시작해 하나씩 아래로, 공백 없이 추가되거나, 이미 추가된 웹사이트 블록의 사이에 추가될 수 있다. 또한, “웹사이트 블록”은 추가된 위치에서 이동, 복사 및 제거될 수 있다.Among the terms, “website block” is a unit in which a website is created through its combination, and refers to a unit that provides predetermined content or website functions in a specific location and area of the website. Typically, “website blocks” start at the top of the website screen displayed through a web browser and are added one by one, without spaces, or can be added between website blocks that have already been added. Additionally, “website blocks” can be moved, copied and removed from the location where they were added.

본 발명의 실시예의 용어 중 “웹사이트 모듈”은 웹사이트를 구성하는 기본 요소를 독립적으로 가지고 있는 웹사이트의 구성 요소로 정의한다. 일반적인 웹사이트는 컨트롤러, 모델, 뷰, 루트 및 글로벌 내비게이션 바의 기본 요소로 구성될 수 있다. Among the terms of the embodiments of the present invention, “website module” is defined as a component of a website that independently has the basic elements that make up the website. A typical website may consist of the following basic elements: controller, model, view, root, and global navigation bar.

따라서, 본 발명의 실시예에 따른 “웹사이트 모듈”은 웹사이트의 구성 요소를 독립적으로 갖추게 되며, 그 구성 요소 역시 웹사이트 모듈 컨트롤러, 웹사이트 모듈 모델, 웹사이트 모듈 뷰, 웹사이트 모듈 루트 및 웹사이트 모듈 글로벌 내비게이션 바를 포함할 수 있다.Therefore, the “website module” according to an embodiment of the present invention is independently equipped with website components, and its components also include website module controller, website module model, website module view, website module root and Website modules can include a global navigation bar.

또한, 본 발명의 실시예에 따른 “웹사이트 모듈”은 웹사이트 제작 시스템에 의해 전술한 “웹사이트 블록”에 배치될 수 있다.Additionally, the “website module” according to an embodiment of the present invention can be placed in the aforementioned “website block” by a website creation system.

그리고, “웹사이트 모듈” 중 “레이아웃 웹사이트 모듈” 은 미리 정해진 레이아웃에서 복수의 웹사이트 모듈 이 배치될 수 있는 “미니 웹사이트 블록”을 제공한다. Also, among the “website modules,” the “layout website module” provides a “mini website block” where multiple website modules can be placed in a predetermined layout.

전술한 “미니 웹사이트 블록”에는 “레이아웃 웹사이트 모듈”을 제외한 다른 “웹사이트 모듈”이 배치될 수 있다.Other “website modules” other than the “layout website module” may be placed in the aforementioned “mini website block.”

“레이아웃 웹사이트 모듈” 및 “미니 웹사이트 블록”에 관한 구체적인 설명은 관련된 도면의 실시예를 설명하면서 후술하도록 한다.A detailed description of the “layout website module” and “mini website block” will be provided later while explaining the embodiments of the related drawings.

본 발명의 실시예에서는 “제1 웹사이트 모듈”은 “레이아웃 웹사이트 모듈”을 제외한 나머지 웹사이트 모듈로 정의한다.In an embodiment of the present invention, the “first website module” is defined as the remaining website modules excluding the “layout website module”.

또한, 본 발명의 실시예에서는 “제2 웹사이트 모듈”을 “레이아웃 웹사이트 모듈”로 정의한다. Additionally, in the embodiment of the present invention, “second website module” is defined as “layout website module.”

웹사이트 기능 공유부(110)는 웹사이트 모듈에 필요한 요소를 제공하고, 웹사이트 기능 공유부(110)에 포함된 일부 요소는 웹사이트 모듈에 포함될 수도 있다. The website function sharing unit 110 provides elements necessary for the website module, and some elements included in the website function sharing unit 110 may be included in the website module.

구체적으로, 웹사이트 모듈은 기본적으로 웹사이트 모듈 컨트롤러, 웹사이트 모듈 모델 및 웹사이트 모듈 뷰를 포함하고 있으며, 웹사이트 기능 공유부(110)의 컨트롤러를 확장하여 웹사이트 모듈에 포함된 웹사이트 모듈 컨트롤러를 구성한다. Specifically, the website module basically includes a website module controller, a website module model, and a website module view, and the website module included in the website module is extended by extending the controller of the website function sharing unit 110. Configure the controller.

또한, 웹사이트 모듈은 웹사이트 제작 시스템에 의해 웹사이트 기능 공유부(110)의 일부 요소를 포함하여 웹사이트 모듈을 구성한다.Additionally, the website module includes some elements of the website function sharing unit 110 by the website production system to configure the website module.

웹사이트 모듈 공유부(120)은 복수의 웹사이트 모듈 중 적어도 하나를 선택할 수 있도록 웹사이트 모듈 트레이를 제공한다. 웹사이트 모듈 트레이에는 웹사이트 모듈이 추가, 이동, 복사 및 제거될 수 있다.The website module sharing unit 120 provides a website module tray so that at least one of a plurality of website modules can be selected. Website modules can be added, moved, copied, and removed from the website module tray.

상기 웹 사이트 모듈 트레이로부터의 선택에 응답하여 제1웹사이트 모듈 제공부(130) 또는 제2웹사이트 모듈 제공부(140)은 선택된 웹사이트 모듈을 제공한다. In response to the selection from the website module tray, the first website module providing unit 130 or the second website module providing unit 140 provides the selected website module.

제1 웹사이트 모듈 제공부(130)는 전술한 레이아웃 웹사이트 모듈을 제외한 나머지 웹사이트 모듈을 제공한다. 웹사이트 모듈의 예시는 도 3을 통해 상세히 설명하도록 한다. The first website module providing unit 130 provides the remaining website modules except for the layout website module described above. An example of a website module will be described in detail with reference to FIG. 3.

제2 웹사이트 모듈 제공부(140)는 레이아웃 웹사이트 모듈을 제공한다.The second website module providing unit 140 provides a layout website module.

전술한 것과 같이 레이아웃 웹사이트 모듈은 미리 정해진 레이아웃에 복수의 미니 웹사이트 블록이 배치된 웹사이트 모듈 유형이다. 상기 미니 웹사이트 블록에는 제1웹사이트 모듈이 배치될 수 있다. As mentioned above, a layout website module is a type of website module in which a plurality of mini website blocks are arranged in a predetermined layout. A first website module may be placed in the mini website block.

데이터베이스부(150)는 웹사이트 기능 공유부(110), 웹사이트 모듈 공유부(120), 제1 웹사이트 모듈 제공부(130) 및 제2 웹사이트 모듈 제공부(140)에서 호출되는 데이터를 저장한다.The database unit 150 stores data called from the website function sharing unit 110, the website module sharing unit 120, the first website module providing unit 130, and the second website module providing unit 140. Save.

도 2에 도시된 바와 같이 웹사이트 제작 시스템(100)은 웹사이트 모듈의 공유를 제공하되, 유형이 상이한 제1웹사이트 모듈과 제2웹사이트 모듈을 제공하여 웹 사이트 제작에 다양한 레이아웃을 용이하게 제공한다. 이하, 도 3 내지 도 6을 참조하여 각 구성요소의 동작을 상세히 설명하도록 한다. As shown in FIG. 2, the website production system 100 provides sharing of website modules, but also provides first website modules and second website modules of different types to facilitate various layouts for website production. to provide. Hereinafter, the operation of each component will be described in detail with reference to FIGS. 3 to 6.

도 3은 본 발명의 실시예에 따른 웹사이트 블록에 배치할 수 있는 웹사이트 유형 목록 및 웹사이트 모듈 유형별 웹사이트 모듈 목록을 도시한 도면이다.Figure 3 is a diagram illustrating a list of website types and a list of website modules by website module type that can be placed in a website block according to an embodiment of the present invention.

도 3에 도시된 바와 같이, 본 발명의 실시예에 따른 웹사이트 제작 시스템(미도시)은 웹사이트 블록(40)에 웹사이트 모듈을 배치할 수 있다. 구체적으로, 웹사이트 블록(40)에 배치할 수 있는 웹사이트 모듈은 웹사이트 모듈 유형 목록(50)에 포함된 웹사이트 모듈 목록에 속하는 웹사이트 모듈이다.As shown in FIG. 3, the website creation system (not shown) according to an embodiment of the present invention can place a website module in the website block 40. Specifically, the website module that can be placed in the website block 40 is a website module belonging to the website module list included in the website module type list 50.

웹사이트 모듈 공유부(120)는 제공하는 웹사이트 모듈 유형 목록(50)은 다양한 웹사이트 모듈 유형 및 레이아웃 웹사이트 모듈(80)의 선택을 제공한다. 또한, 웹사이트 모듈 유형 목록(50)에는 새로운 웹사이트 모듈 유형이 추가될 수 있다.The website module type list 50 provided by the website module sharing unit 120 provides selection of various website module types and layout website modules 80. Additionally, new website module types may be added to the website module type list 50.

만약, 슬라이드 배너 웹사이트 모듈(60)이 선택되었다면, 제1웹사이트 모듈 제공부(130)는 다양한 슬라이드 배너 웹사이트 모듈 목록(70)을 제공하고 선택된 슬라이드 배너는 웹사이트 블록(40)에 배치 될 수 있다.If the slide banner website module 60 is selected, the first website module providing unit 130 provides a list of various slide banner website modules 70 and the selected slide banner is placed in the website block 40. It can be.

한편, 레이아웃 웹사이트 모듈(80)이 선택되었다면, 제2웹사이트 모듈 제공부(140)은 레이아웃 웹사이트 모듈 목록(90)을 제공하고 선택된 레이아웃은 웹사이트 블록(40)에 배치할 수 있다.Meanwhile, if the layout website module 80 is selected, the second website module providing unit 140 may provide a list of layout website modules 90 and place the selected layout in the website block 40.

도 4는 본 발명의 실시예에 따른 웹사이트 블록에 제2 웹사이트 모듈을 배치하는 예시를 도시한 도면이다.Figure 4 is a diagram showing an example of arranging a second website module in a website block according to an embodiment of the present invention.

전술한 바와 같이, 제2 웹사이트 모듈은 레이아웃 웹사이트 모듈을 의미한다.As described above, the second website module refers to the layout website module.

도 4에 도시된 바와 같이, 레이아웃 웹사이트 모듈이 선택되면, 제2웹사이트 모듈 제공부가 레이아웃 모듈 목록(90)을 포함한 선택 화면을 제공한다. 디자인모드 화면(85)에 출력된 웹사이트 블록(40)에 레이아웃 웹사이트 모듈 목록(90)에서 선택된 레이아웃 웹사이트 모듈(91)이 배치될 수 있다. As shown in FIG. 4, when a layout website module is selected, the second website module provider provides a selection screen including a list of layout modules 90. The layout website module 91 selected from the layout website module list 90 may be placed in the website block 40 displayed on the design mode screen 85.

도 4에 도시된 바와 같이, 선택 화면에는 스케일이 축소된 복수의 웹사이트 레이아웃 모듈을 미리 확인할 수 있다.As shown in FIG. 4, a plurality of reduced-scale website layout modules can be confirmed in advance on the selection screen.

선택 및 배치된 레이아웃 웹사이트 모듈(91)은 레이아웃의 비율을 유지하면서 웹사이트 블록(40)의 스케일에 적합하게 미디 웹사이트 블록들을 생성한다. The selected and placed layout website module 91 creates MIDI website blocks suitable for the scale of the website block 40 while maintaining the proportions of the layout.

생성된 미니 웹사이트 블록(41, 42)는 각각의 위치 및 크기에 따른 새로운 웹사이트 모듈이 배치될 수 있도록 디자인 선택을 제공한다. The created mini website blocks 41 and 42 provide design choices so that new website modules can be placed according to their respective positions and sizes.

즉, 미니 웹사이트 블록을 포함한 레이아웃 웹사이트 모듈이 배치된 웹사이트 디자인모드 화면(95)에는 또 다른 제1웹사이트 모듈이 배치될 수 있다. That is, another first website module may be placed on the website design mode screen 95 where the layout website module including the mini website block is placed.

도 5는 본 발명의 실시예에 따른 미니 웹사이트 블록에 제1 웹사이트 모듈을 배치하는 예시를 도시한 도면이다.Figure 5 is a diagram illustrating an example of arranging a first website module in a mini website block according to an embodiment of the present invention.

도 5에 도시된 바와 같이, 먼저, 본 발명의 실시예에 따른 웹사이트 제작 시스템(미도시)은 미니 웹사이트 블록이 배치된 웹사이트 디자인모드 화면(95)에서 미니 웹사이트 블록에 배치 가능한 웹사이트 모듈 목록(51)에 포함되는 웹사이트 모듈을 배치할 수 있다.As shown in Figure 5, first, the website creation system (not shown) according to an embodiment of the present invention provides a web that can be placed in a mini website block on the website design mode screen 95 where the mini website block is placed. Website modules included in the site module list (51) can be placed.

다음으로, 미니 웹사이트 블록에 배치 가능한 웹사이트 모듈 목록(51)은 텍스트 웹사이트 모듈 목록(72) 및 지도 웹사이트 모듈 목록(74) 등의 제1웹사이트 모듈 제공부(130)에 제공하는 웹사이트 모듈이다. 미니 웹사이트 블록에 배치 가능한 제1웹사이트 모듈은 레이아웃 웹사이트 모듈(제2웹사이트 모들)은 포함되지 않는다.Next, the website module list 51 that can be placed in the mini website block is provided to the first website module provider 130, such as the text website module list 72 and the map website module list 74. It is a website module. The first website module that can be placed in a mini website block does not include the layout website module (second website module).

도 6은 본 발명의 실시예에 따른 미니 웹사이트 블록에 제1웹사이트 모듈이 배치된 웹사이트 디자인모드 화면을 도시하고 있다.Figure 6 shows a website design mode screen in which a first website module is placed in a mini website block according to an embodiment of the present invention.

도 4 내지 도 5의 도시된 순서를 통해 웹사이트 블록에는 다수의 미니 웹사이트 블록이 조합된 레이아웃을 가진 웹사이트 모듈이 배치될 수 있다. A website module having a layout that combines multiple mini website blocks can be placed in the website block through the order shown in FIGS. 4 and 5.

전술한 구성을 통해 웹사이트 제작자는 독립된 기능을 가진 웹사이트 모듈을 원하는 위치에 배치하여 웹사이트를 제작함과 더불어, 일일이 레이아웃을 조정하지 않고 미리 준비된 레이아웃 웹사이트 모듈을 선택하여 용이하게 원하는 웹사이트 제작을 수행할 수 있다. Through the above-mentioned configuration, the website creator can create a website by placing website modules with independent functions in the desired location, and can easily create the desired website by selecting a pre-prepared layout website module without manually adjusting the layout. Production can be performed.

도 7은 본 발명의 실시예에 따른 웹사이트 기능 공유부의 상세 구성을 도시한 도면이다.Figure 7 is a diagram showing the detailed configuration of a website function sharing unit according to an embodiment of the present invention.

웹사이트 기능 공유부(110)가 제공하는 기능은 컨트롤러(111), 루트(112) 및 글로벌 내비게이션 바(113)를 포함할 수 있다. 구체적으로, 웹사이트는 컨트롤러, 모델, 뷰, 루트 및 글로벌 내비게이션 바 등의 단위 요소로 구성될 수 있다. Functions provided by the website function sharing unit 110 may include a controller 111, a route 112, and a global navigation bar 113. Specifically, a website may be composed of unit elements such as controller, model, view, root, and global navigation bar.

한편, 본 발명의 실시예에 따른 웹사이트 모듈은 웹사이트를 구성하는 기본 요소를 독립적으로 가지고 있다. 따라서, 본 발명의 실시예에 따른 웹사이트 모듈은 웹사이트 모듈 컨트롤러, 웹사이트 모듈 모델, 웹사이트 모듈 뷰, 웹사이트 모듈 루트 및 웹사이트 모듈 글로벌 내비게이션 바를 포함할 수 있다.Meanwhile, the website module according to the embodiment of the present invention independently has the basic elements that make up the website. Therefore, a website module according to an embodiment of the present invention may include a website module controller, a website module model, a website module view, a website module root, and a website module global navigation bar.

웹사이트 기능 공유부(110)는 웹사이트 모듈에게 웹사이트 모듈을 구성하는데 필요한 기본 요소를 공유하는 역할을 수행한다. The website function sharing unit 110 serves to share the basic elements necessary to configure the website module with the website module.

기본적으로 웹사이트 모듈(121z)은 웹사이트 모듈 컨트롤러(121z1), 웹사이트 모듈 모델(121z2) 및 웹사이트 모듈 뷰(121z3)를 포함할 수 있다. 한편, 웹사이트 모듈(121z)는 웹사이트 기능 공유부(110)를 통해 웹사이트 모듈을 구성하는데 필요한 요소를 제공받는다.Basically, a website module (121z) may include a website module controller (121z1), a website module model (121z2), and a website module view (121z3). Meanwhile, the website module 121z receives the elements necessary to configure the website module through the website function sharing unit 110.

예를 들어, 컨트롤러(111)는 웹사이트 모듈 컨트롤러(121z1)로 확장하여, 웹사이트의 컨트롤러에 대응하는 역할을 한다. 또한, 웹사이트 모듈 루트(112a)는 웹사이트 모듈(121z)에 포함되어 웹사이트의 루트에 대응하는 역할을 한다. 그리고, 웹사이트 모듈 글로벌 내비게이션 바(113a)는 웹사이트 모듈(121z)에 포함되어 웹사이트의 글로벌 내비게이션 바에 대응하는 역할을 할 수 있다. For example, the controller 111 extends to the website module controller 121z1 and serves as a counterpart to the website controller. Additionally, the website module root 112a is included in the website module 121z and serves to correspond to the root of the website. Additionally, the website module global navigation bar 113a may be included in the website module 121z and serve as a counterpart to the global navigation bar of the website.

전술한 웹사이트 기능 공유부(110)을 이용하여 웹사이트 모듈은 하나의 모듈내에서 독립적인 기능을 수행할 수 있다. By using the above-described website function sharing unit 110, the website module can perform independent functions within one module.

구체적으로, 웹사이트 모듈 컨트롤러는 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환한다. 그리고, 웹사이트 모듈 모델은 웹사이트 모듈 컨트롤러에 의해 수행되는 어플리케이션의 상태 변화, 상태 정보 반환 등을 수행한다. 마지막으로 웹사이트 모듈 뷰는 웹사이트 모듈 모델에서 데이터를 처리하고 수행한 결과를 반환 받아 화면을 구성한다.Specifically, the website module controller interprets and processes requests sent to the website and returns results. Additionally, the website module model changes the state of the application performed by the website module controller and returns state information. Lastly, the website module view processes data from the website module model and returns the results to construct the screen.

전술한 웹사이트 모델 루트는 웹사이트의 경로 정보를 처리한다. 구체적으로, 웹사이트 모델 루트는 웹사이트에 요청된 URL과 요청 방식에 따른 서버의 처리 방식을 전달한다. 그리고, 웹사이트 글로벌 내비게이션 바는 웹사이트 전체에 동일하게 적용되는 메뉴를 제공한다.The aforementioned website model route processes website path information. Specifically, the website model root delivers the URL requested to the website and the server's processing method according to the request method. Additionally, the website global navigation bar provides menus that apply equally to the entire website.

따라서, 웹사이트 모듈(121z)은 웹사이트 모듈 컨트롤러(121z1), 웹사이트 모듈 모델(121z2), 웹사이트 모듈 뷰(121z3), 웹사이트 모듈 루트(112a) 및 웹사이트 모듈 글로벌 내비게이션 바(113a)를 갖추고, 웹사이트의 기본 요소에 대응하는 요소를 포함하는 웹사이트 모듈로써 기능할 수 있다.Therefore, the website module 121z includes the website module controller 121z1, the website module model 121z2, the website module view 121z3, the website module root 112a, and the website module global navigation bar 113a. It can function as a website module that contains elements that correspond to the basic elements of the website.

도 8은 본 발명의 실시예에 따른 웹사이트 모듈 공유부의 상세 구성을 도시한 도면이다.Figure 8 is a diagram showing the detailed configuration of a website module sharing unit according to an embodiment of the present invention.

웹사이트 모듈 공유부(120)의 기능은 웹사이트 모듈 트레이(121)를 포함한다. 또한, 웹사이트 모듈 트레이(121)는 웹사이트 모듈 #1(121a), 웹사이트 모듈 #2(121b), 웹사이트 모듈 #5(121c) 및 웹사이트 모듈 #7(121d)의 보관, 제공, 추가를 수행할 수 있다. The function of the website module sharing unit 120 includes the website module tray 121. In addition, the website module tray 121 stores and provides website module #1 (121a), website module #2 (121b), website module #5 (121c), and website module #7 (121d). Addition can be performed.

웹사이트 모듈 트레이(121)에 포함된 각각의 웹사이트 모듈들은 웹사이트 모듈 디스플레이를 통해 출력한다.Each website module included in the website module tray 121 is output through the website module display.

예를 들어, 웹사이트 모듈 #1(121a)는 웹사이트 모듈 #1 디스플레이(121ad)에 대응하며, 웹사이트 모듈 #2(121b)는 웹사이트 모듈 #2 디스플레이(121bd)에 대응한다. For example, website module #1 (121a) corresponds to website module #1 display (121ad), and website module #2 (121b) corresponds to website module #2 display (121bd).

웹사이트 모듈 트레이(121)에 포함된 웹사이트 모듈(121a 내지 121d)은 웹사이트 모듈 별로 대응된 디스플레이(121ad 내지 121dd)가 출력된다.The website modules 121a to 121d included in the website module tray 121 display displays 121ad to 121dd corresponding to each website module.

또한, 웹사이트 모듈 트레이(121)에는 도 7에 도시된 실시예에서와 같이 웹사이트 기능 공유부(110)을 이용하여 제작된 웹사이트 모듈이 웹사이트 모듈이 추가될 수 있다. 웹사이트 모듈이 추가 및 제거될 때마다 대응된 디스플레이의 출력에 반영된다. 예를 들어, 웹사이트 모듈 #7(121d)이 추가되면 웹사이트 모듈 #7 디스플레이(121dd)가 출력된다.Additionally, a website module produced using the website function sharing unit 110 may be added to the website module tray 121 as in the embodiment shown in FIG. 7 . Whenever a website module is added or removed, it is reflected in the output of the corresponding display. For example, if website module #7 (121d) is added, website module #7 display (121dd) is output.

따라서, 본 발명의 실시예는 웹사이트 모듈이 추가, 이동, 복사 및 제거에 따라 실시간으로 웹사이트 제작 시스템에 반영될 수 있다.Accordingly, embodiments of the present invention can be reflected in the website production system in real time as website modules are added, moved, copied, and removed.

도 9는 본 발명의 실시예에 따른 웹사이트 제작 방법을 도시한 흐름도이다. Figure 9 is a flowchart showing a website production method according to an embodiment of the present invention.

단계(S100)에서 웹사이트 제작 시스템은 웹사이트 모듈이 배치될 웹사이트 블록 위치를 수신한다. 웹사이트 제작 시스템은 다수의 사용자가 접속 가능한 서버 또는 클라우드 시스템으로 구현될 수 있다. 수신된 웹사이트 블록 위치는 웹 브라우저를 통해 보여지는 웹사이트의 특정 위치를 의미한다.In step S100, the website production system receives the website block location where the website module will be placed. A website production system can be implemented as a server or cloud system accessible to multiple users. The received website block location refers to the specific location of the website displayed through a web browser.

단계(S200)에서 웹사이트 제작 시스템은 웹사이트 블록에 배치할 수 있는 웹사이트 모듈 선택을 제공한다. 웹사이트 모듈은 제1 웹사이트 모듈과 제2 웹사이트 모듈로 나눌 수 있다. 제2 웹사이트 모듈은 레이아웃 웹사이트 모듈을 의미하며, 제1 웹사이트 모델은 레이아웃 웹사이트 모듈을 제외한 나머지 웹사이트 모듈을 의미한다.In step S200, the website creation system provides a selection of website modules that can be placed in website blocks. Website modules can be divided into first website modules and second website modules. The second website module refers to the layout website module, and the first website model refers to the remaining website modules excluding the layout website module.

단계(S310)에서 웹사이트 제작 시스템은 제1 웹사이트 모듈 유형에 포함된 웹사이트 모듈의 선택을 제공한다. 제1 웹사이트 모듈은 레이아웃 웹사이트 모듈을 포함하지 않기 때문에 단계(S310) 후에는 미니 웹사이트 블록의 위치를 수신하는 단계가 불필요하다. 제1 웹사이트 모듈에 해당되는 웹사이트 모듈 유형은 텍스트 웹사이트 모듈 유형, 이미지 웹사이트 모듈 유형, 지도 웹사이트 모듈 유형 등의 레이아웃 웹사이트 모듈을 제외한 웹사이트 모듈이다.In step S310, the website production system provides selection of website modules included in the first website module type. Since the first website module does not include a layout website module, the step of receiving the location of the mini website block is unnecessary after step S310. The website module type corresponding to the first website module is a website module excluding the layout website module, such as a text website module type, an image website module type, and a map website module type.

단계(S320)에서 웹사이트 제작 시스템은 제2 웹사이트 모듈 유형에 포함된 웹사이트 모듈의 선택을 제공한다. 제2 웹사이트 모듈은 다양한 레이아웃을 가진 레이아웃 웹사이트 모듈을 의미한다. 레이아웃 웹사이트 모듈에는 복수의 미니 웹사이트 블록이 배치될 수 있으며, 미니 웹사이트 블록에는 제1 웹사이트 모듈이 배치될 수 있다.In step S320, the website production system provides selection of website modules included in the second website module type. The second website module refers to a layout website module with various layouts. A plurality of mini website blocks may be placed in the layout website module, and a first website module may be placed in the mini website block.

단계(S400)에서 웹사이트 제작 시스템은 제1 웹사이트 모듈이 배치될 미니 웹사이트 블록의 위치를 수신한다. 미니 웹사이트 블록에는 제1 웹사이트 모듈에 해당되는 텍스트 웹사이트 모듈 유형, 이미지 웹사이트 모듈 유형, 지도 웹사이트 모듈 유형 등의 웹사이트 모듈을 배치할 수 있다.In step S400, the website production system receives the location of the mini website block where the first website module will be placed. In the mini website block, website modules such as text website module type, image website module type, and map website module type that correspond to the first website module can be placed.

단계(S500)에서 웹사이트 제작 시스템은 미니 웹사이트 블록에 배치할 수 있는 제1 웹사이트 모듈의 선택을 제공한다.In step S500, the website creation system provides a selection of a first website module that can be placed in a mini website block.

단계(S600)에서 웹사이트 제작 시스템은 선택된 웹사이트 모듈을 확인한다.In step S600, the website production system checks the selected website module.

단계(S700)에서 웹사이트 제작 시스템은 단계(S600)에서 확인한 웹사이트 모듈을 호출한다. 웹사이트 제작 시스템은 웹사이트 모듈을 구성 및 동작하는데 필요한 요소를 웹사이트 기능 공유부를 통해 제공받는다.In step S700, the website production system calls the website module confirmed in step S600. The website production system receives the elements necessary to configure and operate website modules through the website function sharing unit.

전술한 바와 같이, 웹사이트 기능 공유부의 컨트롤러는 웹사이트 모듈의 웹사이트 모듈 컨트롤러로 확장하여, 웹사이트의 컨트롤러에 대응하는 역할을 한다. 또한, 웹사이트 기능 공유부의 루트는 웹사이트 모듈에 포함되어 웹사이트의 루트에 대응하는 역할을 한다. 그리고, 웹사이트 기능 공유부의 웹사이트 모듈 글로벌 내비게이션 바는 웹사이트 모듈에 포함되어 웹사이트의 글로벌 내비게이션 바에 대응하는 역할을 할 수 있다. As described above, the controller of the website function sharing unit extends to the website module controller of the website module and plays a role of corresponding to the controller of the website. Additionally, the root of the website function sharing part is included in the website module and serves to correspond to the root of the website. Additionally, the website module global navigation bar of the website function sharing unit may be included in the website module and serve as a counterpart to the website's global navigation bar.

전술한 과정을 통해 웹사이트 모듈은 웹사이트 기능 공유부의 요소를 확장 및 포함하여 웹사이트의 기본 요소에 대응하는 웹사이트 모듈의 기본 요소를 구성한다.Through the above-described process, the website module expands and includes elements of the website function sharing part to form the basic elements of the website module corresponding to the basic elements of the website.

따라서, 웹사이트 제작 시스템에 의해 호출된 웹사이트 모듈은 웹사이트 모듈 컨트롤러, 웹사이트 모듈 모델, 웹사이트 모듈 뷰, 웹사이트 모듈 루트 및 웹사이트 모듈 글로벌 내비게이션 바를 포함할 수 있으며, 웹사이트의 기본 요소에 대응하는 요소를 포함하는 웹사이트 모듈로써 기능할 수 있다.Therefore, the website module called by the website creation system may include the website module controller, website module model, website module view, website module root, and website module global navigation bar, and the basic elements of the website. It can function as a website module containing elements corresponding to .

단계(S800)에서 웹사이트 제작 시스템이 호출하고, 웹사이트 제작 시스템에 의해 구성된 웹사이트 모듈은 웹사이트 블록이나 미니 웹사이트에 배치되고, 이를 웹사이트 제작 시스템상에서 디스플레이 하게 된다. In step S800, the website production system is called, and the website module configured by the website production system is placed in a website block or mini website and displayed on the website production system.

도 10은 본 발명의 실시예에 따른 웹사이트 모듈의 관리 방법을 도시한 도면이다.Figure 10 is a diagram illustrating a method for managing a website module according to an embodiment of the present invention.

웹사이트 제작 시스템은 웹사이트 제작 시스템에 추가된 웹사이트 모듈에 따라 실시간으로 관리자 페이지 메뉴 및 블록 디자인 추가 메뉴 등에 반영한다.The website production system reflects the admin page menu and block design addition menu in real time according to the website modules added to the website production system.

도 10에 도시된 바와 같이, 도 10(a)의 관리자 페이지 메뉴와 도 10(b)의 웹사이트 블록 디자인 추가 메뉴는 추가된 웹사이트 모듈을 실시간으로 반영할 수 있다.As shown in FIG. 10, the administrator page menu in FIG. 10(a) and the website block design addition menu in FIG. 10(b) can reflect the added website module in real time.

도 10(a)의 예약기능 웹사이트 모듈 추가 전 관리자 페이지 메뉴(1100), 예약기능 웹사이트 모듈 추가 후 관리자 페이지 메뉴(1200) 및 관리자 페이지 메뉴에 추가된 예약기능 웹사이트 모듈 요소(1210)에 도시된 바와 같이, 예약기능 웹사이트 모듈이 웹사이트 제작 시스템에 추가되면 실시간으로 관리자 페이지 메뉴에 반영된다.In the administrator page menu 1100 before adding the reservation function website module in Figure 10(a), the administrator page menu 1200 after adding the reservation function website module, and the reservation function website module element 1210 added to the administrator page menu. As shown, when the reservation function website module is added to the website production system, it is reflected in the administrator page menu in real time.

도 10(b)의 달력 웹사이트 모듈 추가 전 웹사이트 블록 디자인 추가 메뉴(1300), 달력 웹사이트 모듈 추가 후 웹사이트 블록 디자인 추가 메뉴(1400) 및 웹사이트 블록 디자인 추가 메뉴에 추가된 달력 웹사이트 모듈 요소(1410)에 도시된 바와 같이, 달력 웹사이트 모듈이 웹사이트 제작 시스템에 추가되면 실시간으로 블록 디자인 추가 메뉴에 반영된다.The calendar website added to the website block design addition menu (1300) before adding the calendar website module in Figure 10(b), the website block design addition menu (1400) after adding the calendar website module, and the website block design addition menu. As shown in the module element 1410, when the calendar website module is added to the website production system, it is reflected in the block design addition menu in real time.

웹사이트 제작 시스템은 웹사이트 제작 과정 중에도 완성된 웹사이트의 형상을 실시간으로 보여줄 수 있다. 또한, 웹사이트 제작 시스템은 추가 또는 제거된 웹사이트 모듈을 웹사이트 관리자 페이지나 웹사이트 디자인모드 화면에 실시간으로 반영한다.The website production system can display the shape of the completed website in real time even during the website production process. Additionally, the website production system reflects added or removed website modules on the website manager page or website design mode screen in real time.

전술한 본 발명의 실시예에 따라, 웹사이트 모듈은 독립적인 기능을 구현하여 지속적인 업데이트가 가능하며, 이는 웹사이트 모듈을 선택하여 웹사이트 제작을 수행하는 본 발명의 실시예의 사용성을 더욱 강화하게 된다.According to the above-described embodiment of the present invention, the website module implements independent functions and can be continuously updated, which further enhances the usability of the embodiment of the present invention that performs website creation by selecting the website module. .

전술한 본 발명의 실시예에 따른 방법은 다양한 컴퓨터 구성요소를 통하여 실행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능한 기록매체에 기록될 수 있다. 컴퓨터 판독 가능한 기록매체는 프로그램 명령어, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 컴퓨터 판독 가능한 기록매체에 기록되는 프로그램 명령은 본 발명의 실시예를 위하여 특별히 설계되고 구성된 것이거나, 컴퓨터 소프트웨어 분야의 통상의 기술자에게 공지되어 사용가능한 것일 수 있다. 컴퓨터 판독 가능한 기록매체는, 하드디스크, 플로피디스크, 자기테이프 등의 자기기록 매체, CD-ROM, DVD 등의 광기록 매체, 플롭티컬디스크 등의 자기-광 매체, ROM, RAM, 플래시 메모리 등과 같이, 프로그램 명령을 저장하고 수행하도록 구성된 하드웨어를 포함한다. 프로그램 명령은, 컴파일러에 의해 만들어지는 기계어 코드, 인터프리터를 사용하여 컴퓨터에서 실행될 수 있는 고급언어 코드를 포함한다. 하드웨어는 본 발명에 따른 방법을 처리하기 위하여 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있고, 그 역도 마찬가지이다.The method according to the above-described embodiment of the present invention may be implemented in the form of program instructions that can be executed through various computer components and recorded on a computer-readable recording medium. A computer-readable recording medium may include program instructions, data files, data structures, etc., singly or in combination. Program instructions recorded on a computer-readable recording medium may be specially designed and configured for embodiments of the present invention, or may be known and usable by those skilled in the computer software field. Computer-readable recording media include magnetic recording media such as hard disks, floppy disks, and magnetic tapes, optical recording media such as CD-ROMs and DVDs, magneto-optical media such as floptical disks, ROM, RAM, and flash memory. , includes hardware configured to store and execute program instructions. Program instructions include machine language code created by a compiler and high-level language code that can be executed on a computer using an interpreter. The hardware may be configured to operate as one or more software modules for processing the method according to the invention and vice versa.

본 발명의 실시예에 따른 방법은 프로그램 명령 형태로 전자장치에서 실행될 수 있다. 전자장치는 스마트폰이나 스마트패드 등의 휴대용 통신 장치, 컴퓨터 장치, 휴대용 멀티미디어 장치, 휴대용 의료 기기, 카메라, 웨어러블 장치, 가전 장치를 포함한다.The method according to an embodiment of the present invention may be executed in an electronic device in the form of program instructions. Electronic devices include portable communication devices such as smartphones and smart pads, computer devices, portable multimedia devices, portable medical devices, cameras, wearable devices, and home appliances.

본 발명의 실시예에 따른 방법은 컴퓨터 프로그램 제품에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 기록매체의 형태로, 또는 어플리케이션 스토어를 통해 온라인으로 배포될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.The method according to an embodiment of the present invention may be provided and included in a computer program product. Computer program products are commodities and can be traded between sellers and buyers. Computer program products may be distributed in the form of machine-readable recording media or online through an application store. In the case of online distribution, at least a portion of the computer program product may be at least temporarily stored or created temporarily in a storage medium such as the memory of a manufacturer's server, an application store's server, or a relay server.

본 발명의 실시예에 따른 구성요소, 예컨대 모듈 또는 프로그램 각각은 단수 또는 복수의 서브 구성요소로 구성될 수 있으며, 이러한 서브 구성요소들 중 일부 서브 구성요소가 생략되거나, 또는 다른 서브 구성요소가 더 포함될 수 있다. 일부 구성요소들(모듈 또는 프로그램)은 하나의 개체로 통합되어, 통합되기 이전의 각각의 해당 구성요소에 의해 수행되는 기능을 동일 또는 유사하게 수행할 수 있다. 본 발명의 실시예에 따른 모듈, 프로그램 또는 다른 구성요소에 의해 수행되는 동작들은 순차적, 병렬적, 반복적 또는 휴리스틱하게 실행되거나, 적어도 일부 동작이 다른 순서로 실행되거나, 생략되거나, 또는 다른 동작이 추가될 수 있다.Each component, such as a module or program, according to an embodiment of the present invention may be composed of a single or a plurality of sub-components, and some of these sub-components may be omitted or other sub-components may be added. may be included. Some components (modules or programs) may be integrated into one entity and perform the same or similar functions performed by each corresponding component before integration. Operations performed by modules, programs, or other components according to embodiments of the present invention are executed sequentially, in parallel, repeatedly, or heuristically, or at least some operations are executed in a different order, omitted, or other operations are added. It can be.

전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.The description of the present invention described above is for illustrative purposes, and those skilled in the art will understand that the present invention can be easily modified into other specific forms without changing the technical idea or essential features of the present invention. will be. Therefore, the embodiments described above should be understood in all respects as illustrative and not restrictive. For example, each component described as single may be implemented in a distributed manner, and similarly, components described as distributed may also be implemented in a combined form.

본 발명의 범위는 후술하는 청구범위에 의하여 나타내어지며, 청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.The scope of the present invention is indicated by the claims described below, and all changes or modified forms derived from the meaning and scope of the claims and their equivalent concepts should be construed as being included in the scope of the present invention.

100: 웹사이트 제작 시스템
110: 웹사이트 기능 공유부
120: 웹사이트 모듈 공유부
130: 제1웹사이트 모듈 제공부
140: 제2웹사이트 모듈 제공부
150: 데이터베이스부
100: Website Creation System
110: Website function sharing unit
120: Website module sharing unit
130: First website module provision unit
140: Second website module provision unit
150: Database unit

Claims (10)

웹사이트 모듈 기반 웹사이트 제작 시스템에 있어서,
상기 웹사이트 모듈에 웹사이트의 구성의 일부와 기능을 제공하는 웹사이트 기능 공유부;
상기 웹사이트 특정 위치 및 특정 영역에서 미리 정해진 컨텐츠나 웹사이트 기능을 제공하는 단위인 웹사이트 블록에 배치될 수 있는 복수의 웹 사이트 모듈 중 적어도 하나를 선택할 수 있도록 웹사이트 모듈 트레이를 제공하는 웹사이트 모듈 공유부;
제1 웹사이트 모듈을 제공하는 제1 웹사이트 모듈 제공부; 및
상기 제1웹사이트 모듈과 상이한 제2웹사이트 모듈을 제공하는 제2웹사이트 모듈 제공부를 포함하며,
상기 제2웹사이트 모듈은 레이아웃 웹사이트 모듈을 포함하고,
상기 레이아웃 웹사이트 모듈은 상기 제1웹사이트 모듈이 배치될 수 있는 복수의 웹사이트 미니 블록을 포함하며,
상기 웹사이트 모듈 공유부는, 상기 레이아웃 웹사이트 모듈의 스케일이 축소된 복수의 웹사이트 레이아웃 모듈의 선택화면을 제공하는 것인 웹사이트 제작 시스템.
In a website module-based website production system,
a website function sharing unit that provides part of the website structure and functions to the website module;
A website that provides a website module tray to select at least one of a plurality of website modules that can be placed in a website block, which is a unit that provides predetermined content or website functions in a specific location and area of the website. module sharing unit;
a first website module providing unit that provides a first website module; and
It includes a second website module providing unit that provides a second website module that is different from the first website module,
The second website module includes a layout website module,
The layout website module includes a plurality of website mini-blocks in which the first website module can be placed,
A website production system wherein the website module sharing unit provides a selection screen of a plurality of website layout modules in which the scale of the layout website module is reduced.
삭제delete 제1 항에 있어서,
상기 웹사이트 모듈은,
상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 웹사이트 모듈 컨트롤러;
상기 웹사이트 모듈 컨트롤러에 의해 수행되는 어플리케이션의 상태 변화와 상태 정보 반환 등을 수행하는 웹사이트 모듈 모델; 및
상기 웹사이트 모듈 모델에서 데이터를 처리하고 수행한 결과를 반환 받아 화면을 구성하는 웹사이트 모듈 뷰
를 포함하는 것인 웹사이트 제작 시스템.
According to claim 1,
The website module is,
a website module controller that interprets and processes requests sent to the website and returns results;
a website module model that changes the state of the application executed by the website module controller and returns state information; and
Website module view that processes data from the above website module model and returns the results to construct a screen.
A website creation system that includes a.
제3 항에 있어서,
상기 웹사이트 기능 공유부는,
상기 웹사이트를 제어하는 컨트롤러, 상기 웹사이트의 경로 정보를 처리하는 루트 및 상기 웹사이트 전체에 동일하게 적용되는 메뉴를 제공하는 글로벌 내비게이션 바를 포함하며,
상기 컨트롤러는 상기 웹사이트 모듈로 확장되어 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 것인
웹사이트 제작 시스템.
According to clause 3,
The website function sharing department,
It includes a controller that controls the website, a route that processes route information of the website, and a global navigation bar that provides a menu that applies equally to the entire website,
The controller is extended to the website module to interpret and process requests sent to the website and return the results.
Website creation system.
제1항에 있어서,
상기 웹사이트 모듈 공유부는,
상기 웹사이트 모듈 트레이에 웹사이트 모듈이 추가하거나 제거함에 대응하여 웹사이트 모듈 디스플레이를 추가하거나 제거하는 것인 웹사이트 제작 시스템.
According to paragraph 1,
The website module sharing section,
A website creation system that adds or removes a website module display in response to the addition or removal of a website module to the website module tray.
삭제delete 웹사이트 모듈 기반 웹사이트 제작 방법에 있어서,
웹사이트 모듈이 배치될 웹사이트 블록의 위치를 수신하는 단계;
상기 웹사이트 블록에 배치될 복수의 웹사이트 모듈 중 적어도 하나의 선택을 제공하는 단계;
상기 선택된 웹사이트 모듈이 제1웹사이트 모듈인지 제2웹사이트 모듈인지를 판단하는 단계;
상기 선택된 제2웹사이트 모듈인 경우, 적어도 하나의 미니 웹사이트 블록이 배치된 레이아웃 웹사이트 모듈의 선택을 제공하는 단계;
상기 적어도 하나의 미니 웹사이트 블록에 배치될 복수의 제1웹사이트 모듈의 선택을 제공하는 단계; 및
상기 선택된 제1웹사이트 모듈 및 제2웹사이트 모듈의 구성 및 동작에 필요한 요소를 웹사이트 기능 공유부를 통해 제공받는 단계;를 포함하며,
상기 웹사이트 블록은, 상기 웹사이트의 특정 위치 및 특정 영역에서 미리 정해진 컨텐츠나 웹사이트 기능을 제공하는 단위이며,
상기 레이아웃 웹사이트 모듈의 선택 제공 단계는, 상기 레이아웃 웹사이트 모듈의 스케일이 축소된 복수의 웹사이트 레이아웃 모듈의 선택화면을 제공하는 것인 웹사이트 제작 방법.
In the website module-based website production method,
Receiving the location of the website block in which the website module is to be placed;
providing a selection of at least one of a plurality of website modules to be placed in the website block;
determining whether the selected website module is a first website module or a second website module;
In the case of the selected second website module, providing a selection of a layout website module in which at least one mini website block is arranged;
providing a selection of a plurality of first website modules to be placed in the at least one mini website block; and
A step of receiving elements necessary for the configuration and operation of the selected first website module and the second website module through the website function sharing unit,
The website block is a unit that provides predetermined content or website functions in a specific location and area of the website,
The step of providing selection of the layout website module includes providing a selection screen of a plurality of website layout modules in which the scale of the layout website module is reduced.
제7항에 있어서,
상기 웹사이트 모듈은,
상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 웹사이트 모듈 컨트롤러;
상기 웹사이트 모듈 컨트롤러에 의해 수행되는 어플리케이션의 상태 변화와 상태 정보 반환 등을 수행하는 웹사이트 모듈 모델; 및
상기 웹사이트 모듈 모델에서 데이터를 처리하고 수행한 결과를 반환 받아 화면을 구성하는 웹사이트 모듈 뷰
를 포함하는 것인 웹사이트 제작 방법.
In clause 7,
The website module is,
a website module controller that interprets and processes requests sent to the website and returns results;
a website module model that changes the state of the application executed by the website module controller and returns state information; and
Website module view that processes data from the above website module model and returns the results to construct a screen.
A method of creating a website including.
제8 항에 있어서,
상기 웹사이트 기능 공유부는,
상기 웹사이트를 제어하는 컨트롤러, 상기 웹사이트의 경로 정보를 처리하는 루트 및 상기 웹사이트 전체에 동일하게 적용되는 메뉴를 제공하는 글로벌 내비게이션 바를 포함하며,
상기 컨트롤러는 상기 웹사이트 모듈로 확장되어 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 것인
웹사이트 제작 방법.
According to clause 8,
The website function sharing department,
It includes a controller that controls the website, a route that processes route information of the website, and a global navigation bar that provides a menu that applies equally to the entire website,
The controller is extended to the website module to interpret and process requests sent to the website and return the results.
How to create a website.
삭제delete
KR1020220034867A 2022-03-21 2022-03-21 System for building website based on website module and method thereof KR102637888B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020220034867A KR102637888B1 (en) 2022-03-21 2022-03-21 System for building website based on website module and method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020220034867A KR102637888B1 (en) 2022-03-21 2022-03-21 System for building website based on website module and method thereof

Publications (2)

Publication Number Publication Date
KR20230137120A KR20230137120A (en) 2023-10-04
KR102637888B1 true KR102637888B1 (en) 2024-02-20

Family

ID=88290158

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020220034867A KR102637888B1 (en) 2022-03-21 2022-03-21 System for building website based on website module and method thereof

Country Status (1)

Country Link
KR (1) KR102637888B1 (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101313242B1 (en) * 2012-08-27 2013-09-30 (주)보고닷컴 System and method for providing webpage
KR102149189B1 (en) 2020-04-28 2020-08-28 손정희 Web-page creating method and system on online

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101228877B1 (en) * 2010-01-21 2013-02-07 심플렉스 인터넷 주식회사 Device and Method for Producing Dynamic Web Site Using Web Design
KR101760777B1 (en) * 2016-01-09 2017-08-04 주식회사 넥스트비즈 System of Building Responsive Website And Method there-of
KR20200088152A (en) * 2019-01-14 2020-07-22 주식회사위즈위그 Apparatus and method for Implementing Responsive Web using Template
KR102170306B1 (en) * 2019-03-20 2020-10-26 주식회사 위즈위그 System and Method for Managenting Unification Site Based on Layout Template
KR102358855B1 (en) * 2019-10-04 2022-02-08 (주)텐스 Method and apparatus for generating web page

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101313242B1 (en) * 2012-08-27 2013-09-30 (주)보고닷컴 System and method for providing webpage
KR102149189B1 (en) 2020-04-28 2020-08-28 손정희 Web-page creating method and system on online

Also Published As

Publication number Publication date
KR20230137120A (en) 2023-10-04

Similar Documents

Publication Publication Date Title
US10282397B1 (en) Content management system employing a hybrid web application framework
CN104133828B (en) Drag and drop clipbook for html document
US10902196B1 (en) Systems and methods for website optimization
US20170052937A1 (en) Previews for Contextual Searches
US10210142B1 (en) Inserting linked text fragments in a document
KR101275871B1 (en) System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor
CN104142826A (en) Method, device and system for constructing page
US20080172600A1 (en) Method and system for dynamically assembling presentations of web pages
US8812964B2 (en) Managing evelopment of an enterprise application
US20140006913A1 (en) Visual template extraction
JP2008503830A (en) Assembly-type homepage that can be edited directly on a web browser, creation and editing of personal portal site, transaction method and program recording medium
US20080120596A1 (en) Cross domain presence of web user interface and logic
TW201044274A (en) Platform extensibility framework
CN107832052B (en) Method and device for displaying preview page, storage medium and electronic equipment
CN101821730A (en) Defining interactive user interface
CN113095056B (en) Generation method, processing method, device, electronic equipment and medium
KR102637888B1 (en) System for building website based on website module and method thereof
Zelnick Nifty technology and nonconformance: the web in crisis
US20210133282A1 (en) Methods and apparatus for generating a platform-agnostic mobile application configuration data structure with a dynamic quiz
WO2010093063A1 (en) Web page creating device and web page creation support device used for same, and client device for web page creation
KR20140098929A (en) Web-based online e-book publishing method and system using user oriented self publishing tool
US9135267B2 (en) Method for adding real time collaboration to existing data structure
CN112528204B (en) Method and device for manufacturing thematic webpage
KR101798867B1 (en) Method and apparatus for developing work system
JP4906424B2 (en) Web service design method and apparatus

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant