KR20230137120A - 웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법 - Google Patents

웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법 Download PDF

Info

Publication number
KR20230137120A
KR20230137120A KR1020220034867A KR20220034867A KR20230137120A KR 20230137120 A KR20230137120 A KR 20230137120A KR 1020220034867 A KR1020220034867 A KR 1020220034867A KR 20220034867 A KR20220034867 A KR 20220034867A KR 20230137120 A KR20230137120 A KR 20230137120A
Authority
KR
South Korea
Prior art keywords
website
module
website module
layout
modules
Prior art date
Application number
KR1020220034867A
Other languages
English (en)
Other versions
KR102637888B1 (ko
Inventor
지성근
Original Assignee
주식회사 가비아씨엔에스
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 가비아씨엔에스 filed Critical 주식회사 가비아씨엔에스
Priority to KR1020220034867A priority Critical patent/KR102637888B1/ko
Publication of KR20230137120A publication Critical patent/KR20230137120A/ko
Application granted granted Critical
Publication of KR102637888B1 publication Critical patent/KR102637888B1/ko

Links

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
    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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/0482—Interaction with lists of selectable items, e.g. menus
    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/04842—Selection of displayed objects or displayed text elements
    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/0486—Drag-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웹사이트 모듈은 레이아웃 웹사이트 모듈을 포함한다.

Description

웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법{SYSTEM FOR BUILDING WEBSITE BASED ON WEBSITE MODULE AND METHOD THEREOF}
본 발명은 웹사이트 제작 시스템에 관한 것으로, 상세하게는 위지위그(WYSIWYG) 방식 및 웹사이트 블록 단위로 전체 웹사이트를 구성하는 방식을 사용하는 홈페이지 또는 쇼핑몰 등의 웹사이트 제작 시스템 및 그 방법에 관한 것이다.
더욱 상세하게는, 본 발명은 웹사이트 블록에 대해 웹사이트 모듈을 제공하며, 상기 웹사이트 모듈의 한 유형인 레이아웃 웹사이트 모듈은 다른 웹사이트 모듈을 배치 가능한 미니 웹사이트 블록을 제공하는 웹사이트 제작 시스템 및 그 방법에 관한 것이다.
도 1은 종래 위지위그 방식 웹사이트 홈페이지 또는 쇼핑몰 파일 편집 화면을 도시한 도면이다.
도 1에 도시된 바와 같이, 위지위그 방식 웹사이트 파일 편집기는HTML형식에 맞게 웹사이트 홈페이지 또는 쇼핑몰 파일명(10)에 해당하는 파일을 작성, 편집 및 저장할 수 있다.
완성된 HTML 파일을 다양한 웹 브라우저를 통해 화면으로 출력할 때, 웹 브라우저 마다 HTML 표준을 따른 수준이 다를 수 있기 때문에 동일한 HTML 파일이라도 웹 브라우저 마다 출력 결과는 조금씩 다를 수 있다.
그렇지만, 일반적인 위지위그 방식 웹사이트 파일 편집기는 실제 각기 다른 웹 브라우저에서 출력되는 화면과 크게 다르지 않은 출력 화면을 위지위그 방식의 편집화면에서 보여준다.
또한, 위지위그 방식 웹사이트 파일 편집기는 마우스 커서(20)을 매개로 한 객체의 크기 조정, 위치 변경 등의 편집이 가능하여 웹사이트 파일의 레이아웃을 변경할 수 있다.
한편, 웹사이트 제작 시스템은 흔히 웹사이트 빌더로 불리기도 한다. 웹사이트 빌더는 일반적으로 코드 편집 없이 웹사이트를 구축할 수 있는 도구이다. 웹 호스팅 회사에서 제공하는 웹사이트 빌더는 대부분 빠른 시간 내에 신뢰할 수 있는 품질을 가지는 웹사이트를 구축하고 싶어하는 개인이나 단체가 웹사이트를 구축하는 용도로 사용된다.
최근 다수 웹사이트 빌더는 위지위그(WYSIWYG) 방식을 사용한다. 위지위그 방식은 워드 프로세서와 같은 소프트웨어에서 사용하는 방식으로, 작성 중인 문서가 화면상에 실제의 모습으로 나타나게 되어 있는 방식이다.
하지만, 웹사이트 빌더를 사용할 때의 단점도 많다. 일반적으로 웹사이트 빌더를 사용하여 상품 웹사이트를 만들 경우에는 웹사이트 소스 코드를 직접 작성해서 웹사이트를 만드는 경우보다 상품 브랜드와 부합하는 브랜드 이미지를 반영하는 독창적인 디자인을 웹사이트에 적용하기 어렵다.
구체적으로 지정된 블록에 지정된 기능을 삽입하는 방식으로 거의 정형화된 레이아웃의 디자인 사용이 강요된다. 또한 레이아웃을 변경하더라도 일일이 사용자가 블록의 크기를 조정하여 결과물을 확인하고, 부적합한 경우에는 다시 블록의 크기를 조정하여 다른 레이아웃을 적용해보는 번거로움이 발생한다.
또한 레이아웃 안에 포함되는 서브 블록의 기능 역시 교체하거나 업데이트하는데 사용자는 일일이 재작업을 하여 야하는 불편함이 발생한다.
따라서, 기존의 웹사이트 빌더의 문제점을 해결하기 위하여 다양한 레이아웃을 용이하게 구현하고 개별기능을 제공하는 웹사이트 제작 시스템을 요구하고 있다.
본 발명이 이루고자 하는 기술적 과제는 웹사이트를 구성하는 기본 요소를 독립적으로 수행하는 “웹사이트 모듈”을 제공하는 웹사이트 제작 시스템 및 그 방법을 제공하는 것이다.
또한, 본 발명은 다양한 웹사이트 레이아웃을 제공하는 “레이아웃 웹사이트 모듈”을 통해 홈페이지 또는 쇼핑몰 등 다양한 레이아웃의 웹사이트를 용이하게 제작할 수 있는 웹사이트 제작 시스템 및 그 방법을 제공하는 것이다.
또한, 본 발명은 “웹사이트 모듈”이 추가, 이동, 복사 및 제거되는 것에 따라 실시간적인 업데이트가 반영되는 웹사이트 제작 시스템을 제공하는 것이다.
본 발명이 이루고자 하는 기술적 과제는 이상에서 언급한 기술적 과제로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.
상기 기술적 과제를 달성하기 위하여, 본 발명의 일 실시예에 따른 웹사이트 모듈 기반 웹사이트 제작 시스템은, 상기 웹사이트 모듈에 웹사이트의 구성의 일부와 기능을 제공하는 웹사이트 기능 공유부; 웹사이트 블록에 배치될 수 있는 복수의 웹 사이트 모듈 중 적어도 하나를 선택할 수 있도록 웹사이트 모듈 트레이를 제공하는 웹사이트 모듈 공유부; 제1 웹사이트 모듈을 제공하는 제1 웹사이트 모듈 제공부; 및 상기 제1웹사이트 모듈과 상이한 제2웹사이트 모듈을 제공하는 제2웹사이트 모듈 제공부를 포함하며, 상기 제2웹사이트 모듈은 레이아웃 웹사이트 모듈을 포함한다.
한편, 상기 레이아웃 웹사이트 모듈은 상기 제1웹사이트 모듈이 배치될 수 있는 복수의 웹사이트 미니 블록을 포함할 수 있다.
또한, 상기 웹사이트 모듈은, 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 웹사이트 모듈 컨트롤러; 상기 웹사이트 모듈 컨트롤러에 의해 수행되는 어플리케이션의 상태 변화와 상태 정보 반환 등을 수행하는 웹사이트 모듈 모델; 및 상기 웹사이트 모듈 모델에서 데이터를 처리하고 수행한 결과를 반환 받아 화면을 구성하는 웹사이트 모듈 뷰를 포함할 수 있다.
여기서, 상기 웹사이트 기능 공유부는, 상기 웹사이트를 제어하는 컨트롤러, 상기 웹사이트의 경로 정보를 처리하는 루트 및 상기 웹사이트 전체에 동일하게 적용되는 메뉴를 제공하는 글로벌 내비게이션 바를 포함하며, 상기 컨트롤러는 상기 웹사이트 모듈로 확장되어 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환할 수 있다.
또한, 상기 웹사이트 모듈 공유부는, 상기 웹사이트 모듈 트레이에 웹사이트 모듈이 추가하거나 제거함에 대응하여 웹사이트 모듈 디스플레이를 추가하거나 제거할 수 있다.
또한, 상기 웹사이트 모듈 공유부는, 상기 레이아웃 웹사이트 모듈의 스케일이 축소된 복수의 웹사이트 레이아웃 모듈의 선택화면을 제공할 수 있다.
본 발명의 다른 실시예에 따른, 웹사이트 모듈 기반 웹사이트 제작 방법은, 웹사이트 모듈이 배치될 웹사이트 블록의 위치를 수신하는 단계; 상기 웹사이트 블록에 배치될 복수의 웹사이트 모듈 중 적어도 하나의 선택을 제공하는 단계; 상기 선택된 웹사이트 모듈이 제1웹사이트 모듈인지 제2웹사이트 모듈인지를 판단하는 단계; 상기 선택된 제2웹사이트 모듈인 경우, 적어도 하나의 미니 웹사이트 블록이 배치된 레이아웃 웹사이트 모듈의 선택을 제공하는 단계; 상기 적어도 하나의 미니 웹사이트 블록에 배치될 복수의 제1웹사이트 모듈의 선택을 제공하는 단계; 및 상기 선택된 제1웹사이트 모듈 및 제2웹사이트 모듈의 구성 및 동작에 필요한 요소를 웹사이트 기능 공유부를 통해 제공받는 단계;를 포함한다.
여기서, 상기 웹사이트 모듈은, 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 웹사이트 모듈 컨트롤러; 상기 웹사이트 모듈 컨트롤러에 의해 수행되는 어플리케이션의 상태 변화와 상태 정보 반환 등을 수행하는 웹사이트 모듈 모델; 및 상기 웹사이트 모듈 모델에서 데이터를 처리하고 수행한 결과를 반환 받아 화면을 구성하는 웹사이트 모듈 뷰를 포함한다.
또한, 상기 웹사이트 기능 공유부는, 상기 웹사이트를 제어하는 컨트롤러, 상기 웹사이트의 경로 정보를 처리하는 루트 및 상기 웹사이트 전체에 동일하게 적용되는 메뉴를 제공하는 글로벌 내비게이션 바를 포함하며, 상기 컨트롤러는 상기 웹사이트 모듈로 확장되어 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환할 수 있다.
여기서, 상기 레이아웃 웹사이트 모듈의 선택 제공 단계는, 상기 레이아웃 웹사이트 모듈의 스케일이 축소된 복수의 웹사이트 레이아웃 모듈의 선택화면을 제공할 수 있다.
본 발명의 실시예에 따르면, 웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법을 이용하여 웹사이트 블록을 조합하여 전체 웹사이트를 제작할 수 있다.
또한, 본 발명의 실시예에 따르면, 웹사이트를 구성하는 기본 요소를 독립적으로 가지고 있는 웹사이트 모듈을 웹사이트 블록에 배치할 수 있다.
또한, 본 발명의 실시예에 따르면, 레이아웃 웹사이트 모듈을 제외한 제1 웹사이트 모듈 유형 및 레이아웃 웹사이트 모듈을 포함한 제2 웹사이트 모듈 유형의 웹사이트 모듈을 제공할 수 있다.
따라서, 본 발명의 실시예에 따르면 다양한 레이아웃의 웹사이트를 적은 시간 및 비용으로 웹사이트를 제공할 수 있다.
또한, 본 발명의 실시예에 따르면, 제2 웹사이트 모듈 유형에 해당하는 웹사이트 모듈을 배치한 웹사이트 블록에는 미니 웹사이트 블록이 포함되며, 미니 웹사이트 블록에는 제1 웹사이트 모듈 유형에 해당하는 웹사이트 모듈을 배치할 수 있다.
또한, 본 발명의 실시예에 따르면, 웹사이트 모듈이 추가, 이동, 복사 및 제거되는 것에 따라 실시간으로 웹사이트 제작 시스템에 반영되는 웹사이트 제작 시스템을 제공할 수 있다.
본 발명의 효과는 상기한 효과로 한정되는 것은 아니며, 본 발명의 설명 또는 청구범위에 기재된 발명의 구성으로부터 추론 가능한 모든 효과를 포함하는 것으로 이해되어야 한다.
도 1은 종래 위지위그 방식 웹사이트 홈페이지 파일 편집 화면을 도시한 도면이다.
도 2는 본 발명의 실시예에 따른 웹사이트 제작 시스템을 도시한 블록도이다 .
도 3은 본 발명의 실시예에 따른 웹사이트 블록에 배치할 수 있는 웹사이트 유형목록 및 웹사이트 모듈 유형별 웹사이트 모듈 목록을 도시한 도면이다.
도 4는 본 발명의 실시예에 따른 웹사이트 블록에 제2 웹사이트 모듈을 배치하는 예시를 도시한 도면이다.
도 5는 본 발명의 실시예에 따른 미니 웹사이트 블록에 제1 웹사이트 모듈을 배치하는 예시를 도시한 도면이다.
도 6은 본 발명의 실시예에 따른 미니 웹사이트 블록에 제1웹사이트 모듈이 배치된 웹사이트 디자인모드 화면을 도시하고 있다.
도 7은 본 발명의 실시예에 따른 웹사이트 기능 공유부의 상세 구성을 도시한 도면이다.
도 8은 본 발명의 실시예에 따른 웹사이트 모듈 공유부의 상세 구성을 도시한 도면이다.
도 9는 본 발명의 실시예에 따른 웹사이트 제작 방법을 도시한 흐름도이다.
도 10은 본 발명의 실시예에 따른 웹사이트 모듈의 관리 방법을 도시한 도면이다.
이하에서는 첨부한 도면을 참조하여 본 발명을 설명하기로 한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며, 따라서 여기에서 설명하는 실시예로 한정되는 것은 아니다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.
명세서 전체에서, 어떤 부분이 다른 부분과 "연결(접속, 접촉, 결합)"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 부재를 사이에 두고 "간접적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 구비할 수 있다는 것을 의미한다.
본 명세서에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 명세서에서, "포함하다" 또는 "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
본 명세서에서, "모듈"은 하드웨어, 소프트웨어 또는 펌웨어로 구성된 유닛을 포함하며, 예컨대 로직, 논리 블록, 부품, 또는 회로 등의 용어와 상호 호환적으로 사용될 수 있다. 모듈은 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는 최소 단위 또는 그 일부가 될 수 있다. 예컨대 모듈은ASIC(application-specific integrated circuit)으로 구성될 수 있다.
이하 첨부된 도면을 참고하여 본 발명의 실시예를 상세히 설명하기로 한다.
도 2는 본 발명의 실시예에 따른 웹사이트 제작 시스템을 도시한 블록도이다.
도 2에 도시된 바와 같이, 본 발명의 실시예에 따른 웹사이트 제작 시스템(100)은 웹사이트 기능 공유부(110), 웹사이트 모듈 공유부(120), 제1 웹사이트 모듈 제공부(130), 제2 웹사이트 모듈 제공부(140) 및 데이터베이스부(150)를 포함할 수 있다.
한편, 본 발명의 실시예에서 사용되는 용어를 정의하면 이하와 같다.
용어 중 “웹사이트 블록”은 그 조합을 통해 웹사이트가 제작되는 단위로서, 웹사이트의 특정 위치 및 특정 영역에서 미리 정해진 컨텐츠나 웹사이트 기능을 제공하는 단위를 지칭한다. 통상 “웹사이트 블록”은 웹 브라우저를 통해 출력되는 웹사이트 화면의 최상단에서 시작해 하나씩 아래로, 공백 없이 추가되거나, 이미 추가된 웹사이트 블록의 사이에 추가될 수 있다. 또한, “웹사이트 블록”은 추가된 위치에서 이동, 복사 및 제거될 수 있다.
본 발명의 실시예의 용어 중 “웹사이트 모듈”은 웹사이트를 구성하는 기본 요소를 독립적으로 가지고 있는 웹사이트의 구성 요소로 정의한다. 일반적인 웹사이트는 컨트롤러, 모델, 뷰, 루트 및 글로벌 내비게이션 바의 기본 요소로 구성될 수 있다.
따라서, 본 발명의 실시예에 따른 “웹사이트 모듈”은 웹사이트의 구성 요소를 독립적으로 갖추게 되며, 그 구성 요소 역시 웹사이트 모듈 컨트롤러, 웹사이트 모듈 모델, 웹사이트 모듈 뷰, 웹사이트 모듈 루트 및 웹사이트 모듈 글로벌 내비게이션 바를 포함할 수 있다.
또한, 본 발명의 실시예에 따른 “웹사이트 모듈”은 웹사이트 제작 시스템에 의해 전술한 “웹사이트 블록”에 배치될 수 있다.
그리고, “웹사이트 모듈” 중 “레이아웃 웹사이트 모듈” 은 미리 정해진 레이아웃에서 복수의 웹사이트 모듈 이 배치될 수 있는 “미니 웹사이트 블록”을 제공한다.
전술한 “미니 웹사이트 블록”에는 “레이아웃 웹사이트 모듈”을 제외한 다른 “웹사이트 모듈”이 배치될 수 있다.
“레이아웃 웹사이트 모듈” 및 “미니 웹사이트 블록”에 관한 구체적인 설명은 관련된 도면의 실시예를 설명하면서 후술하도록 한다.
본 발명의 실시예에서는 “제1 웹사이트 모듈”은 “레이아웃 웹사이트 모듈”을 제외한 나머지 웹사이트 모듈로 정의한다.
또한, 본 발명의 실시예에서는 “제2 웹사이트 모듈”을 “레이아웃 웹사이트 모듈”로 정의한다.
웹사이트 기능 공유부(110)는 웹사이트 모듈에 필요한 요소를 제공하고, 웹사이트 기능 공유부(110)에 포함된 일부 요소는 웹사이트 모듈에 포함될 수도 있다.
구체적으로, 웹사이트 모듈은 기본적으로 웹사이트 모듈 컨트롤러, 웹사이트 모듈 모델 및 웹사이트 모듈 뷰를 포함하고 있으며, 웹사이트 기능 공유부(110)의 컨트롤러를 확장하여 웹사이트 모듈에 포함된 웹사이트 모듈 컨트롤러를 구성한다.
또한, 웹사이트 모듈은 웹사이트 제작 시스템에 의해 웹사이트 기능 공유부(110)의 일부 요소를 포함하여 웹사이트 모듈을 구성한다.
웹사이트 모듈 공유부(120)은 복수의 웹사이트 모듈 중 적어도 하나를 선택할 수 있도록 웹사이트 모듈 트레이를 제공한다. 웹사이트 모듈 트레이에는 웹사이트 모듈이 추가, 이동, 복사 및 제거될 수 있다.
상기 웹 사이트 모듈 트레이로부터의 선택에 응답하여 제1웹사이트 모듈 제공부(130) 또는 제2웹사이트 모듈 제공부(140)은 선택된 웹사이트 모듈을 제공한다.
제1 웹사이트 모듈 제공부(130)는 전술한 레이아웃 웹사이트 모듈을 제외한 나머지 웹사이트 모듈을 제공한다. 웹사이트 모듈의 예시는 도 3을 통해 상세히 설명하도록 한다.
제2 웹사이트 모듈 제공부(140)는 레이아웃 웹사이트 모듈을 제공한다.
전술한 것과 같이 레이아웃 웹사이트 모듈은 미리 정해진 레이아웃에 복수의 미니 웹사이트 블록이 배치된 웹사이트 모듈 유형이다. 상기 미니 웹사이트 블록에는 제1웹사이트 모듈이 배치될 수 있다.
데이터베이스부(150)는 웹사이트 기능 공유부(110), 웹사이트 모듈 공유부(120), 제1 웹사이트 모듈 제공부(130) 및 제2 웹사이트 모듈 제공부(140)에서 호출되는 데이터를 저장한다.
도 2에 도시된 바와 같이 웹사이트 제작 시스템(100)은 웹사이트 모듈의 공유를 제공하되, 유형이 상이한 제1웹사이트 모듈과 제2웹사이트 모듈을 제공하여 웹 사이트 제작에 다양한 레이아웃을 용이하게 제공한다. 이하, 도 3 내지 도 6을 참조하여 각 구성요소의 동작을 상세히 설명하도록 한다.
도 3은 본 발명의 실시예에 따른 웹사이트 블록에 배치할 수 있는 웹사이트 유형 목록 및 웹사이트 모듈 유형별 웹사이트 모듈 목록을 도시한 도면이다.
도 3에 도시된 바와 같이, 본 발명의 실시예에 따른 웹사이트 제작 시스템(미도시)은 웹사이트 블록(40)에 웹사이트 모듈을 배치할 수 있다. 구체적으로, 웹사이트 블록(40)에 배치할 수 있는 웹사이트 모듈은 웹사이트 모듈 유형 목록(50)에 포함된 웹사이트 모듈 목록에 속하는 웹사이트 모듈이다.
웹사이트 모듈 공유부(120)는 제공하는 웹사이트 모듈 유형 목록(50)은 다양한 웹사이트 모듈 유형 및 레이아웃 웹사이트 모듈(80)의 선택을 제공한다. 또한, 웹사이트 모듈 유형 목록(50)에는 새로운 웹사이트 모듈 유형이 추가될 수 있다.
만약, 슬라이드 배너 웹사이트 모듈(60)이 선택되었다면, 제1웹사이트 모듈 제공부(130)는 다양한 슬라이드 배너 웹사이트 모듈 목록(70)을 제공하고 선택된 슬라이드 배너는 웹사이트 블록(40)에 배치 될 수 있다.
한편, 레이아웃 웹사이트 모듈(80)이 선택되었다면, 제2웹사이트 모듈 제공부(140)은 레이아웃 웹사이트 모듈 목록(90)을 제공하고 선택된 레이아웃은 웹사이트 블록(40)에 배치할 수 있다.
도 4는 본 발명의 실시예에 따른 웹사이트 블록에 제2 웹사이트 모듈을 배치하는 예시를 도시한 도면이다.
전술한 바와 같이, 제2 웹사이트 모듈은 레이아웃 웹사이트 모듈을 의미한다.
도 4에 도시된 바와 같이, 레이아웃 웹사이트 모듈이 선택되면, 제2웹사이트 모듈 제공부가 레이아웃 모듈 목록(90)을 포함한 선택 화면을 제공한다. 디자인모드 화면(85)에 출력된 웹사이트 블록(40)에 레이아웃 웹사이트 모듈 목록(90)에서 선택된 레이아웃 웹사이트 모듈(91)이 배치될 수 있다.
도 4에 도시된 바와 같이, 선택 화면에는 스케일이 축소된 복수의 웹사이트 레이아웃 모듈을 미리 확인할 수 있다.
선택 및 배치된 레이아웃 웹사이트 모듈(91)은 레이아웃의 비율을 유지하면서 웹사이트 블록(40)의 스케일에 적합하게 미디 웹사이트 블록들을 생성한다.
생성된 미니 웹사이트 블록(41, 42)는 각각의 위치 및 크기에 따른 새로운 웹사이트 모듈이 배치될 수 있도록 디자인 선택을 제공한다.
즉, 미니 웹사이트 블록을 포함한 레이아웃 웹사이트 모듈이 배치된 웹사이트 디자인모드 화면(95)에는 또 다른 제1웹사이트 모듈이 배치될 수 있다.
도 5는 본 발명의 실시예에 따른 미니 웹사이트 블록에 제1 웹사이트 모듈을 배치하는 예시를 도시한 도면이다.
도 5에 도시된 바와 같이, 먼저, 본 발명의 실시예에 따른 웹사이트 제작 시스템(미도시)은 미니 웹사이트 블록이 배치된 웹사이트 디자인모드 화면(95)에서 미니 웹사이트 블록에 배치 가능한 웹사이트 모듈 목록(51)에 포함되는 웹사이트 모듈을 배치할 수 있다.
다음으로, 미니 웹사이트 블록에 배치 가능한 웹사이트 모듈 목록(51)은 텍스트 웹사이트 모듈 목록(72) 및 지도 웹사이트 모듈 목록(74) 등의 제1웹사이트 모듈 제공부(130)에 제공하는 웹사이트 모듈이다. 미니 웹사이트 블록에 배치 가능한 제1웹사이트 모듈은 레이아웃 웹사이트 모듈(제2웹사이트 모들)은 포함되지 않는다.
도 6은 본 발명의 실시예에 따른 미니 웹사이트 블록에 제1웹사이트 모듈이 배치된 웹사이트 디자인모드 화면을 도시하고 있다.
도 4 내지 도 5의 도시된 순서를 통해 웹사이트 블록에는 다수의 미니 웹사이트 블록이 조합된 레이아웃을 가진 웹사이트 모듈이 배치될 수 있다.
전술한 구성을 통해 웹사이트 제작자는 독립된 기능을 가진 웹사이트 모듈을 원하는 위치에 배치하여 웹사이트를 제작함과 더불어, 일일이 레이아웃을 조정하지 않고 미리 준비된 레이아웃 웹사이트 모듈을 선택하여 용이하게 원하는 웹사이트 제작을 수행할 수 있다.
도 7은 본 발명의 실시예에 따른 웹사이트 기능 공유부의 상세 구성을 도시한 도면이다.
웹사이트 기능 공유부(110)가 제공하는 기능은 컨트롤러(111), 루트(112) 및 글로벌 내비게이션 바(113)를 포함할 수 있다. 구체적으로, 웹사이트는 컨트롤러, 모델, 뷰, 루트 및 글로벌 내비게이션 바 등의 단위 요소로 구성될 수 있다.
한편, 본 발명의 실시예에 따른 웹사이트 모듈은 웹사이트를 구성하는 기본 요소를 독립적으로 가지고 있다. 따라서, 본 발명의 실시예에 따른 웹사이트 모듈은 웹사이트 모듈 컨트롤러, 웹사이트 모듈 모델, 웹사이트 모듈 뷰, 웹사이트 모듈 루트 및 웹사이트 모듈 글로벌 내비게이션 바를 포함할 수 있다.
웹사이트 기능 공유부(110)는 웹사이트 모듈에게 웹사이트 모듈을 구성하는데 필요한 기본 요소를 공유하는 역할을 수행한다.
기본적으로 웹사이트 모듈(121z)은 웹사이트 모듈 컨트롤러(121z1), 웹사이트 모듈 모델(121z2) 및 웹사이트 모듈 뷰(121z3)를 포함할 수 있다. 한편, 웹사이트 모듈(121z)는 웹사이트 기능 공유부(110)를 통해 웹사이트 모듈을 구성하는데 필요한 요소를 제공받는다.
예를 들어, 컨트롤러(111)는 웹사이트 모듈 컨트롤러(121z1)로 확장하여, 웹사이트의 컨트롤러에 대응하는 역할을 한다. 또한, 웹사이트 모듈 루트(112a)는 웹사이트 모듈(121z)에 포함되어 웹사이트의 루트에 대응하는 역할을 한다. 그리고, 웹사이트 모듈 글로벌 내비게이션 바(113a)는 웹사이트 모듈(121z)에 포함되어 웹사이트의 글로벌 내비게이션 바에 대응하는 역할을 할 수 있다.
전술한 웹사이트 기능 공유부(110)을 이용하여 웹사이트 모듈은 하나의 모듈내에서 독립적인 기능을 수행할 수 있다.
구체적으로, 웹사이트 모듈 컨트롤러는 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환한다. 그리고, 웹사이트 모듈 모델은 웹사이트 모듈 컨트롤러에 의해 수행되는 어플리케이션의 상태 변화, 상태 정보 반환 등을 수행한다. 마지막으로 웹사이트 모듈 뷰는 웹사이트 모듈 모델에서 데이터를 처리하고 수행한 결과를 반환 받아 화면을 구성한다.
전술한 웹사이트 모델 루트는 웹사이트의 경로 정보를 처리한다. 구체적으로, 웹사이트 모델 루트는 웹사이트에 요청된 URL과 요청 방식에 따른 서버의 처리 방식을 전달한다. 그리고, 웹사이트 글로벌 내비게이션 바는 웹사이트 전체에 동일하게 적용되는 메뉴를 제공한다.
따라서, 웹사이트 모듈(121z)은 웹사이트 모듈 컨트롤러(121z1), 웹사이트 모듈 모델(121z2), 웹사이트 모듈 뷰(121z3), 웹사이트 모듈 루트(112a) 및 웹사이트 모듈 글로벌 내비게이션 바(113a)를 갖추고, 웹사이트의 기본 요소에 대응하는 요소를 포함하는 웹사이트 모듈로써 기능할 수 있다.
도 8은 본 발명의 실시예에 따른 웹사이트 모듈 공유부의 상세 구성을 도시한 도면이다.
웹사이트 모듈 공유부(120)의 기능은 웹사이트 모듈 트레이(121)를 포함한다. 또한, 웹사이트 모듈 트레이(121)는 웹사이트 모듈 #1(121a), 웹사이트 모듈 #2(121b), 웹사이트 모듈 #5(121c) 및 웹사이트 모듈 #7(121d)의 보관, 제공, 추가를 수행할 수 있다.
웹사이트 모듈 트레이(121)에 포함된 각각의 웹사이트 모듈들은 웹사이트 모듈 디스플레이를 통해 출력한다.
예를 들어, 웹사이트 모듈 #1(121a)는 웹사이트 모듈 #1 디스플레이(121ad)에 대응하며, 웹사이트 모듈 #2(121b)는 웹사이트 모듈 #2 디스플레이(121bd)에 대응한다.
웹사이트 모듈 트레이(121)에 포함된 웹사이트 모듈(121a 내지 121d)은 웹사이트 모듈 별로 대응된 디스플레이(121ad 내지 121dd)가 출력된다.
또한, 웹사이트 모듈 트레이(121)에는 도 7에 도시된 실시예에서와 같이 웹사이트 기능 공유부(110)을 이용하여 제작된 웹사이트 모듈이 웹사이트 모듈이 추가될 수 있다. 웹사이트 모듈이 추가 및 제거될 때마다 대응된 디스플레이의 출력에 반영된다. 예를 들어, 웹사이트 모듈 #7(121d)이 추가되면 웹사이트 모듈 #7 디스플레이(121dd)가 출력된다.
따라서, 본 발명의 실시예는 웹사이트 모듈이 추가, 이동, 복사 및 제거에 따라 실시간으로 웹사이트 제작 시스템에 반영될 수 있다.
도 9는 본 발명의 실시예에 따른 웹사이트 제작 방법을 도시한 흐름도이다.
단계(S100)에서 웹사이트 제작 시스템은 웹사이트 모듈이 배치될 웹사이트 블록 위치를 수신한다. 웹사이트 제작 시스템은 다수의 사용자가 접속 가능한 서버 또는 클라우드 시스템으로 구현될 수 있다. 수신된 웹사이트 블록 위치는 웹 브라우저를 통해 보여지는 웹사이트의 특정 위치를 의미한다.
단계(S200)에서 웹사이트 제작 시스템은 웹사이트 블록에 배치할 수 있는 웹사이트 모듈 선택을 제공한다. 웹사이트 모듈은 제1 웹사이트 모듈과 제2 웹사이트 모듈로 나눌 수 있다. 제2 웹사이트 모듈은 레이아웃 웹사이트 모듈을 의미하며, 제1 웹사이트 모델은 레이아웃 웹사이트 모듈을 제외한 나머지 웹사이트 모듈을 의미한다.
단계(S310)에서 웹사이트 제작 시스템은 제1 웹사이트 모듈 유형에 포함된 웹사이트 모듈의 선택을 제공한다. 제1 웹사이트 모듈은 레이아웃 웹사이트 모듈을 포함하지 않기 때문에 단계(S310) 후에는 미니 웹사이트 블록의 위치를 수신하는 단계가 불필요하다. 제1 웹사이트 모듈에 해당되는 웹사이트 모듈 유형은 텍스트 웹사이트 모듈 유형, 이미지 웹사이트 모듈 유형, 지도 웹사이트 모듈 유형 등의 레이아웃 웹사이트 모듈을 제외한 웹사이트 모듈이다.
단계(S320)에서 웹사이트 제작 시스템은 제2 웹사이트 모듈 유형에 포함된 웹사이트 모듈의 선택을 제공한다. 제2 웹사이트 모듈은 다양한 레이아웃을 가진 레이아웃 웹사이트 모듈을 의미한다. 레이아웃 웹사이트 모듈에는 복수의 미니 웹사이트 블록이 배치될 수 있으며, 미니 웹사이트 블록에는 제1 웹사이트 모듈이 배치될 수 있다.
단계(S400)에서 웹사이트 제작 시스템은 제1 웹사이트 모듈이 배치될 미니 웹사이트 블록의 위치를 수신한다. 미니 웹사이트 블록에는 제1 웹사이트 모듈에 해당되는 텍스트 웹사이트 모듈 유형, 이미지 웹사이트 모듈 유형, 지도 웹사이트 모듈 유형 등의 웹사이트 모듈을 배치할 수 있다.
단계(S500)에서 웹사이트 제작 시스템은 미니 웹사이트 블록에 배치할 수 있는 제1 웹사이트 모듈의 선택을 제공한다.
단계(S600)에서 웹사이트 제작 시스템은 선택된 웹사이트 모듈을 확인한다.
단계(S700)에서 웹사이트 제작 시스템은 단계(S600)에서 확인한 웹사이트 모듈을 호출한다. 웹사이트 제작 시스템은 웹사이트 모듈을 구성 및 동작하는데 필요한 요소를 웹사이트 기능 공유부를 통해 제공받는다.
전술한 바와 같이, 웹사이트 기능 공유부의 컨트롤러는 웹사이트 모듈의 웹사이트 모듈 컨트롤러로 확장하여, 웹사이트의 컨트롤러에 대응하는 역할을 한다. 또한, 웹사이트 기능 공유부의 루트는 웹사이트 모듈에 포함되어 웹사이트의 루트에 대응하는 역할을 한다. 그리고, 웹사이트 기능 공유부의 웹사이트 모듈 글로벌 내비게이션 바는 웹사이트 모듈에 포함되어 웹사이트의 글로벌 내비게이션 바에 대응하는 역할을 할 수 있다.
전술한 과정을 통해 웹사이트 모듈은 웹사이트 기능 공유부의 요소를 확장 및 포함하여 웹사이트의 기본 요소에 대응하는 웹사이트 모듈의 기본 요소를 구성한다.
따라서, 웹사이트 제작 시스템에 의해 호출된 웹사이트 모듈은 웹사이트 모듈 컨트롤러, 웹사이트 모듈 모델, 웹사이트 모듈 뷰, 웹사이트 모듈 루트 및 웹사이트 모듈 글로벌 내비게이션 바를 포함할 수 있으며, 웹사이트의 기본 요소에 대응하는 요소를 포함하는 웹사이트 모듈로써 기능할 수 있다.
단계(S800)에서 웹사이트 제작 시스템이 호출하고, 웹사이트 제작 시스템에 의해 구성된 웹사이트 모듈은 웹사이트 블록이나 미니 웹사이트에 배치되고, 이를 웹사이트 제작 시스템상에서 디스플레이 하게 된다.
도 10은 본 발명의 실시예에 따른 웹사이트 모듈의 관리 방법을 도시한 도면이다.
웹사이트 제작 시스템은 웹사이트 제작 시스템에 추가된 웹사이트 모듈에 따라 실시간으로 관리자 페이지 메뉴 및 블록 디자인 추가 메뉴 등에 반영한다.
도 10에 도시된 바와 같이, 도 10(a)의 관리자 페이지 메뉴와 도 10(b)의 웹사이트 블록 디자인 추가 메뉴는 추가된 웹사이트 모듈을 실시간으로 반영할 수 있다.
도 10(a)의 예약기능 웹사이트 모듈 추가 전 관리자 페이지 메뉴(1100), 예약기능 웹사이트 모듈 추가 후 관리자 페이지 메뉴(1200) 및 관리자 페이지 메뉴에 추가된 예약기능 웹사이트 모듈 요소(1210)에 도시된 바와 같이, 예약기능 웹사이트 모듈이 웹사이트 제작 시스템에 추가되면 실시간으로 관리자 페이지 메뉴에 반영된다.
도 10(b)의 달력 웹사이트 모듈 추가 전 웹사이트 블록 디자인 추가 메뉴(1300), 달력 웹사이트 모듈 추가 후 웹사이트 블록 디자인 추가 메뉴(1400) 및 웹사이트 블록 디자인 추가 메뉴에 추가된 달력 웹사이트 모듈 요소(1410)에 도시된 바와 같이, 달력 웹사이트 모듈이 웹사이트 제작 시스템에 추가되면 실시간으로 블록 디자인 추가 메뉴에 반영된다.
웹사이트 제작 시스템은 웹사이트 제작 과정 중에도 완성된 웹사이트의 형상을 실시간으로 보여줄 수 있다. 또한, 웹사이트 제작 시스템은 추가 또는 제거된 웹사이트 모듈을 웹사이트 관리자 페이지나 웹사이트 디자인모드 화면에 실시간으로 반영한다.
전술한 본 발명의 실시예에 따라, 웹사이트 모듈은 독립적인 기능을 구현하여 지속적인 업데이트가 가능하며, 이는 웹사이트 모듈을 선택하여 웹사이트 제작을 수행하는 본 발명의 실시예의 사용성을 더욱 강화하게 된다.
전술한 본 발명의 실시예에 따른 방법은 다양한 컴퓨터 구성요소를 통하여 실행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능한 기록매체에 기록될 수 있다. 컴퓨터 판독 가능한 기록매체는 프로그램 명령어, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 컴퓨터 판독 가능한 기록매체에 기록되는 프로그램 명령은 본 발명의 실시예를 위하여 특별히 설계되고 구성된 것이거나, 컴퓨터 소프트웨어 분야의 통상의 기술자에게 공지되어 사용가능한 것일 수 있다. 컴퓨터 판독 가능한 기록매체는, 하드디스크, 플로피디스크, 자기테이프 등의 자기기록 매체, CD-ROM, DVD 등의 광기록 매체, 플롭티컬디스크 등의 자기-광 매체, ROM, RAM, 플래시 메모리 등과 같이, 프로그램 명령을 저장하고 수행하도록 구성된 하드웨어를 포함한다. 프로그램 명령은, 컴파일러에 의해 만들어지는 기계어 코드, 인터프리터를 사용하여 컴퓨터에서 실행될 수 있는 고급언어 코드를 포함한다. 하드웨어는 본 발명에 따른 방법을 처리하기 위하여 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있고, 그 역도 마찬가지이다.
본 발명의 실시예에 따른 방법은 프로그램 명령 형태로 전자장치에서 실행될 수 있다. 전자장치는 스마트폰이나 스마트패드 등의 휴대용 통신 장치, 컴퓨터 장치, 휴대용 멀티미디어 장치, 휴대용 의료 기기, 카메라, 웨어러블 장치, 가전 장치를 포함한다.
본 발명의 실시예에 따른 방법은 컴퓨터 프로그램 제품에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 기록매체의 형태로, 또는 어플리케이션 스토어를 통해 온라인으로 배포될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.
본 발명의 실시예에 따른 구성요소, 예컨대 모듈 또는 프로그램 각각은 단수 또는 복수의 서브 구성요소로 구성될 수 있으며, 이러한 서브 구성요소들 중 일부 서브 구성요소가 생략되거나, 또는 다른 서브 구성요소가 더 포함될 수 있다. 일부 구성요소들(모듈 또는 프로그램)은 하나의 개체로 통합되어, 통합되기 이전의 각각의 해당 구성요소에 의해 수행되는 기능을 동일 또는 유사하게 수행할 수 있다. 본 발명의 실시예에 따른 모듈, 프로그램 또는 다른 구성요소에 의해 수행되는 동작들은 순차적, 병렬적, 반복적 또는 휴리스틱하게 실행되거나, 적어도 일부 동작이 다른 순서로 실행되거나, 생략되거나, 또는 다른 동작이 추가될 수 있다.
전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.
본 발명의 범위는 후술하는 청구범위에 의하여 나타내어지며, 청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
100: 웹사이트 제작 시스템
110: 웹사이트 기능 공유부
120: 웹사이트 모듈 공유부
130: 제1웹사이트 모듈 제공부
140: 제2웹사이트 모듈 제공부
150: 데이터베이스부

Claims (10)

  1. 웹사이트 모듈 기반 웹사이트 제작 시스템에 있어서,
    상기 웹사이트 모듈에 웹사이트의 구성의 일부와 기능을 제공하는 웹사이트 기능 공유부;
    웹사이트 블록에 배치될 수 있는 복수의 웹 사이트 모듈 중 적어도 하나를 선택할 수 있도록 웹사이트 모듈 트레이를 제공하는 웹사이트 모듈 공유부;
    제1 웹사이트 모듈을 제공하는 제1 웹사이트 모듈 제공부; 및
    상기 제1웹사이트 모듈과 상이한 제2웹사이트 모듈을 제공하는 제2웹사이트 모듈 제공부를 포함하며,
    상기 제2웹사이트 모듈은 레이아웃 웹사이트 모듈을 포함하는 것인
    웹사이트 제작 시스템.
  2. 제1 항에 있어서,
    상기 레이아웃 웹사이트 모듈은 상기 제1웹사이트 모듈이 배치될 수 있는 복수의 웹사이트 미니 블록을 포함하는 것인 웹사이트 제작 시스템.
  3. 제2 항에 있어서,
    상기 웹사이트 모듈은,
    상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 웹사이트 모듈 컨트롤러;
    상기 웹사이트 모듈 컨트롤러에 의해 수행되는 어플리케이션의 상태 변화와 상태 정보 반환 등을 수행하는 웹사이트 모듈 모델; 및
    상기 웹사이트 모듈 모델에서 데이터를 처리하고 수행한 결과를 반환 받아 화면을 구성하는 웹사이트 모듈 뷰
    를 포함하는 것인 웹사이트 제작 시스템.
  4. 제3 항에 있어서,
    상기 웹사이트 기능 공유부는,
    상기 웹사이트를 제어하는 컨트롤러, 상기 웹사이트의 경로 정보를 처리하는 루트 및 상기 웹사이트 전체에 동일하게 적용되는 메뉴를 제공하는 글로벌 내비게이션 바를 포함하며,
    상기 컨트롤러는 상기 웹사이트 모듈로 확장되어 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 것인
    웹사이트 제작 시스템.
  5. 제2항에 있어서,
    상기 웹사이트 모듈 공유부는,
    상기 웹사이트 모듈 트레이에 웹사이트 모듈이 추가하거나 제거함에 대응하여 웹사이트 모듈 디스플레이를 추가하거나 제거하는 것인 웹사이트 제작 시스템.
  6. 제2항에 있어서,
    상기 웹사이트 모듈 공유부는,
    상기 레이아웃 웹사이트 모듈의 스케일이 축소된 복수의 웹사이트 레이아웃 모듈의 선택화면을 제공하는 것인 웹사이트 제작 시스템.
  7. 웹사이트 모듈 기반 웹사이트 제작 방법에 있어서,
    웹사이트 모듈이 배치될 웹사이트 블록의 위치를 수신하는 단계;
    상기 웹사이트 블록에 배치될 복수의 웹사이트 모듈 중 적어도 하나의 선택을 제공하는 단계;
    상기 선택된 웹사이트 모듈이 제1웹사이트 모듈인지 제2웹사이트 모듈인지를 판단하는 단계;
    상기 선택된 제2웹사이트 모듈인 경우, 적어도 하나의 미니 웹사이트 블록이 배치된 레이아웃 웹사이트 모듈의 선택을 제공하는 단계;
    상기 적어도 하나의 미니 웹사이트 블록에 배치될 복수의 제1웹사이트 모듈의 선택을 제공하는 단계; 및
    상기 선택된 제1웹사이트 모듈 및 제2웹사이트 모듈의 구성 및 동작에 필요한 요소를 웹사이트 기능 공유부를 통해 제공받는 단계;를 포함하는 웹사이트 제작 방법.
  8. 제7항에 있어서,
    상기 웹사이트 모듈은,
    상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 웹사이트 모듈 컨트롤러;
    상기 웹사이트 모듈 컨트롤러에 의해 수행되는 어플리케이션의 상태 변화와 상태 정보 반환 등을 수행하는 웹사이트 모듈 모델; 및
    상기 웹사이트 모듈 모델에서 데이터를 처리하고 수행한 결과를 반환 받아 화면을 구성하는 웹사이트 모듈 뷰
    를 포함하는 것인 웹사이트 제작 방법.
  9. 제8 항에 있어서,
    상기 웹사이트 기능 공유부는,
    상기 웹사이트를 제어하는 컨트롤러, 상기 웹사이트의 경로 정보를 처리하는 루트 및 상기 웹사이트 전체에 동일하게 적용되는 메뉴를 제공하는 글로벌 내비게이션 바를 포함하며,
    상기 컨트롤러는 상기 웹사이트 모듈로 확장되어 상기 웹사이트에 전달된 요청을 해석하여 처리하고 결과를 반환하는 것인
    웹사이트 제작 방법.
  10. 제7항에 있어서,
    상기 레이아웃 웹사이트 모듈의 선택 제공 단계는,
    상기 레이아웃 웹사이트 모듈의 스케일이 축소된 복수의 웹사이트 레이아웃 모듈의 선택화면을 제공하는 것인 웹사이트 제작 방법.
KR1020220034867A 2022-03-21 2022-03-21 웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법 KR102637888B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020220034867A KR102637888B1 (ko) 2022-03-21 2022-03-21 웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020220034867A KR102637888B1 (ko) 2022-03-21 2022-03-21 웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법

Publications (2)

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

Family

ID=88290158

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020220034867A KR102637888B1 (ko) 2022-03-21 2022-03-21 웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법

Country Status (1)

Country Link
KR (1) KR102637888B1 (ko)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110085945A (ko) * 2010-01-21 2011-07-27 심플렉스 인터넷 주식회사 웹 디자인을 이용한 동적 웹 사이트 개발 장치 및 방법
KR101313242B1 (ko) * 2012-08-27 2013-09-30 (주)보고닷컴 웹페이지 제공방법 및 시스템
KR20170083718A (ko) * 2016-01-09 2017-07-19 주식회사 넥스트비즈 반응형 웹사이트 빌더 시스템 및 그 방법
KR20200088152A (ko) * 2019-01-14 2020-07-22 주식회사위즈위그 템플릿을 이용한 반응형 웹 구현 장치 및 방법
KR102149189B1 (ko) * 2020-04-28 2020-08-28 손정희 온라인을 통한 웹페이지 제작방법과 제작시스템
KR20200112020A (ko) * 2019-03-20 2020-10-05 주식회사위즈위그 레이아웃 템플릿 기반 통합 사이트 관리 시스템 및 방법
KR20210040611A (ko) * 2019-10-04 2021-04-14 (주)텐스 웹 페이지를 생성하는 방법 및 장치

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110085945A (ko) * 2010-01-21 2011-07-27 심플렉스 인터넷 주식회사 웹 디자인을 이용한 동적 웹 사이트 개발 장치 및 방법
KR101313242B1 (ko) * 2012-08-27 2013-09-30 (주)보고닷컴 웹페이지 제공방법 및 시스템
KR20170083718A (ko) * 2016-01-09 2017-07-19 주식회사 넥스트비즈 반응형 웹사이트 빌더 시스템 및 그 방법
KR20200088152A (ko) * 2019-01-14 2020-07-22 주식회사위즈위그 템플릿을 이용한 반응형 웹 구현 장치 및 방법
KR20200112020A (ko) * 2019-03-20 2020-10-05 주식회사위즈위그 레이아웃 템플릿 기반 통합 사이트 관리 시스템 및 방법
KR20210040611A (ko) * 2019-10-04 2021-04-14 (주)텐스 웹 페이지를 생성하는 방법 및 장치
KR102149189B1 (ko) * 2020-04-28 2020-08-28 손정희 온라인을 통한 웹페이지 제작방법과 제작시스템

Also Published As

Publication number Publication date
KR102637888B1 (ko) 2024-02-20

Similar Documents

Publication Publication Date Title
US10282397B1 (en) Content management system employing a hybrid web application framework
CN104133828B (zh) 用于html文档的拖放剪贴板
US9037974B2 (en) Creating and editing dynamic graphics via a web interface
US8839093B1 (en) Systems and methods for website optimization
US20170052937A1 (en) Previews for Contextual Searches
US8074167B2 (en) Cross domain presence of web user interface and logic
KR101275871B1 (ko) ＳａａＳ 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체
CN104142826A (zh) 页面的构建方法、装置及系统
US20140006913A1 (en) Visual template extraction
JP2008503830A (ja) ウェブブラウザ上で直接ウィジウィグ編集が可能な組立式ホームページと、個人ポータルサイトの作成と編集、取引方法及びそのプログラム記録媒体
CN102591643B (zh) 选择性地启用应用的运行时编辑
JP2006178963A (ja) 複数コラムのレイアウトを生成する方法およびコンピュータ読取り可能媒体
CN108509207A (zh) Web应用程序的跨系统安装
TW201044274A (en) Platform extensibility framework
CN107832052B (zh) 展示预览页面的方法、装置和存储介质以及电子设备
CN101821730A (zh) 定义交互式用户界面
CN113095056B (zh) 生成方法、处理方法、装置、电子设备以及介质
Zelnick Nifty technology and nonconformance: the web in crisis
KR102637888B1 (ko) 웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법
US20210133282A1 (en) Methods and apparatus for generating a platform-agnostic mobile application configuration data structure with a dynamic quiz
WO2010093063A1 (ja) ホームページ作成装置、およびこれに用いるホームページ作成支援装置とホームページ作成のためのクライアント装置
KR20140098929A (ko) 사용자 지향적 개인 출판물 저작 도구를 이용하는 웹 기반의 온라인 전자책 출판 방법 및 웹 기반의 온라인 전자책 출판 시스템
US9135267B2 (en) Method for adding real time collaboration to existing data structure
CN112528204B (zh) 专题网页的制作方法及装置
KR101798867B1 (ko) 업무 시스템 개발 방법 및 장치

Legal Events

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