KR102358855B1 - 웹 페이지를 생성하는 방법 및 장치 - Google Patents

웹 페이지를 생성하는 방법 및 장치 Download PDF

Info

Publication number
KR102358855B1
KR102358855B1 KR1020190123059A KR20190123059A KR102358855B1 KR 102358855 B1 KR102358855 B1 KR 102358855B1 KR 1020190123059 A KR1020190123059 A KR 1020190123059A KR 20190123059 A KR20190123059 A KR 20190123059A KR 102358855 B1 KR102358855 B1 KR 102358855B1
Authority
KR
South Korea
Prior art keywords
blocks
information
web page
block
area
Prior art date
Application number
KR1020190123059A
Other languages
English (en)
Other versions
KR20210040611A (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 KR1020190123059A priority Critical patent/KR102358855B1/ko
Priority to PCT/KR2020/011316 priority patent/WO2021066325A1/ko
Publication of KR20210040611A publication Critical patent/KR20210040611A/ko
Application granted granted Critical
Publication of KR102358855B1 publication Critical patent/KR102358855B1/ko
Priority to US17/712,227 priority patent/US12045305B2/en

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
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/186—Templates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Business, Economics & Management (AREA)
  • Databases & Information Systems (AREA)
  • Tourism & Hospitality (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • Data Mining & Analysis (AREA)
  • Economics (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

웹 페이지 생성 방법은 웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공하는 단계, 복수의 블록 각각을 선택하고, 작업 영역에 배치하는 입력에 기초하여 작업 영역에 상기 복수의 블록 각각을 배치하는 단계, 복수의 블록 각각을 수정하는 입력에 기초하여 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 단계, 작업 영역에 대한 복수의 블록 각각의 배치 정보 및 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 웹 페이지를 출력하는 단계 및 웹 페이지에 관한 정보 및 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장하는 단계를 포함하고, 복수의 블록 각각의 배치 정보는 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함하고, 위치 정보 및 해상도 정보에 기초하여 웹페이지에 접근하는 장치의 해상도에 따라 작업 영역에서의 상기 복수의 블록 각각의 배치가 변동될 수 있다.

Description

웹 페이지를 생성하는 방법 및 장치{METHOD AND APPARATUS FOR GENERATING WEB PAGE}
본 발명은 웹 페이지를 생성하는 방법 및 장치에 관한 것이다.
일반적으로　웹사이트는　웹사이트에　제작에 대한 전문 지식이나 경험이 없는 통상의 인터넷 사용자들이　제작하기는　용이하지 않았으나, 일부　웹사이트에서 자동으로　웹사이트를　제작하여 주는 서비스를 제공하고 있다. 하지만, 이러한 서비스는 사용자가 입력한 정보를 단순히 출력할 수 있는 단순한 기능의　웹페이지를 생성하는 수준에 불과하여,　웹사이트　제작에 경험이 없는 일반인이 다양한 기능의　웹사이트를　제작하기에는 어려움이 있었다.
한편, 최근에는 비전문가도 웹사이트를 간편하게 제작할 수 있는 홈페이지 작성 솔루션이 개발되었다. 이러한 홈페이지 제작 솔루션은 스킨 중심의 솔루션으로서 미리 만들어진 스킨을 불러와 홈페이지를 구성할 구성 요소(예컨대, 이미지, 텍스트, 버튼 등)를 개별적으로 선택하고, 선택된 구성 요소에 대한 편집을 거쳐 홈페이지를 제작하는 방식을 제공한다.
그러나, 상술한 종래의 홈페이지 제작 솔루션의 경우, 사용자가 기존의 홈페이지 제작 솔루션에서 데모로 제공된 홈페이지 레이아웃을 그대로 사용하게 될 경우, 홈페이지를 빠른 시간 내에 구축할 수 있지만, 데모로 제공된 홈페이지 레이아웃을 그대로 이용하지 않고, 사용자 취향 및 목적에 맞게 수정하는 경우, 홈페이지의 제작에 상당한 시간이 소요될 수 있는 문제가 있다. 또한, 사용자가 특정 목적을 갖는 홈페이지(예컨대, 홍보용 홈페이지 등)를 제작하고자 하는 경우, 해당 홈페이지에 사용되는 특수 기능은 기존의 홈페이지 제작 솔루션에서 제공하지 않기 때문에 사용자는 플러그인을 별도로 구매하여 설치해야 하는 번거로움이 있었다.
한국공개특허공보 제2006-0100491호 (2006.09.21. 공개)
본 발명은 전술한 종래 기술의 문제점을 해결하기 위한 것으로서, 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록 중 선택된 복수의 블록을 배치하여 다양한 형태의 웹 페이지를 생성하고자 한다. 또한, 본 발명은 웹 페이지에 접근하는 장치의 해상도에 따라 웹 페이지의 작업 영역에서의 각 블록의 배치가 변동된 웹 페이지를 출력하고자 한다. 다만, 본 실시예가 이루고자 하는 기술적 과제는 상기된 바와 같은 기술적 과제들로 한정되지 않으며, 또 다른 기술적 과제들이 존재할 수 있다.
상술한 기술적 과제를 달성하기 위한 기술적 수단으로서, 본 발명의 제 1 측면에 따른 웹 페이지 생성 방법은 웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공하는 단계; 상기 복수의 블록 각각을 선택하고, 작업 영역에 배치하는 입력에 기초하여 상기 작업 영역에 상기 복수의 블록 각각을 배치하는 단계; 상기 복수의 블록 각각을 수정하는 입력에 기초하여 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 단계; 상기 작업 영역에 대한 상기 복수의 블록 각각의 배치 정보 및 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 웹 페이지를 출력하는 단계; 및 상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장하는 단계를 포함하고, 상기 복수의 블록 각각의 배치 정보는 상기 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함하고, 상기 위치 정보 및 해상도 정보에 기초하여 상기 웹페이지에 접근하는 장치의 해상도에 따라 상기 작업 영역에서의 상기 복수의 블록 각각의 배치가 변동될 수 있다.
본 발명의 제 2 측면에 따른 웹 페이지를 생성하는 웹 페이지 생성 장치는 웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공하는 블록 제공부; 상기 웹 페이지의 작업 영역에 배치하는 입력에 기초하여 상기 복수의 블록 중 선택된 블록을 배치하는 블록 배치부; 상기 작업 영역에 배치된 복수의 블록 각각에 대한 수정 입력에 기초하여 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 수정부; 상기 작업 영역에 대한 상기 복수의 블록 각각의 배치 정보 및 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 상기 웹 페이지를 출력하는 웹 페이지 출력부; 및 상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장하는 저장부를 포함하고, 상기 복수의 블록 각각의 배치 정보는 상기 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함하고, 상기 위치 정보 및 해상도 정보에 기초하여 상기 웹페이지에 접근하는 장치의 해상도에 따라 상기 작업 영역에서의 상기 복수의 블록 각각의 배치가 변동될 수 있다.
상술한 과제 해결 수단은 단지 예시적인 것으로서, 본 발명을 제한하려는 의도로 해석되지 않아야 한다. 상술한 예시적인 실시예 외에도, 도면 및 발명의 상세한 설명에 기재된 추가적인 실시예가 존재할 수 있다.
전술한 본 발명의 과제 해결 수단 중 어느 하나에 의하면, 본 발명은 하나의 스킨(블록들이 기조합되어 특정 레이아웃이 형성된 형태)에 종속되는 구조(종래의 문제점)를 벗어나 웹 페이지를 구성하는 개별 기능들을 모듈화하여 블록 형태로 시각화하여 제공할 수 있다.
또한, 본 발명은 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록 중 선택된 복수의 블록을 배치하여 다양한 형태의 웹 페이지를 생성할 수 있다. 구체적으로, 본 발명은 사용자가 직접 모듈화된 복수의 블록을 조합하여 보다 쉽게 레이아웃을 생성할 수 있고, 사용자의 사용 목적에 맞게 블록을 자유롭게 조합하거나 편집할 수 있어 사용자 맞춤형의 웹 페이지를 제작할 수 있다.
또한, 본 발명은 웹 페이지에 접근하는 장치의 해상도에 따라 웹 페이지의 작업 영역에서의 각 블록의 배치가 변동된 웹 페이지를 출력할 수 있다. 이를 통해, 본 발명은 기능성 웹 페이지(예컨대, 게시판, 갤러리 등이 포함된 웹 페이지)를 별도의 개발과정 없이도 구축할 수 있어 웹 페이지의 개발 비용을 줄일 수 있고, 홈페이지를 운영하는데 발생하는 인건비를 대폭 줄일 수 있다.
도 1은 본 발명의 일 실시예에 따른, 웹 페이지 생성 장치의 블록도이다.
도 2a 내지 2e는 본 발명의 일 실시예에 따른, 웹 페이지를 생성하는 방법을 설명하기 위한 도면이다.
도 3은 본 발명의 일 실시예에 따른, 웹 페이지에 접근하는 장치의 해상도에 따라 웹 페이지를 구성하는 블록도의 배치가 변동된 화면을 도시한 도면이다.
도 4는 본 발명의 일 실시예에 따른, 복수의 블록을 조립하여 생성된 웹 페이지를 나타낸 예시 도면이다.
도 5는 본 발명의 일 실시예에 따른, 타사용자에 의해 기완성된 웹 페이지의 블록 구성에 따라 웹 페이지를 편집하는 방법을 설명하기 위한 도면이다.
도 6은 본 발명의 일 실시예에 따른, 웹 페이지의 생성 방법을 나타낸 흐름도이다.
아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.
명세서 전체에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다.
본 명세서에 있어서 '부(部)'란, 하드웨어에 의해 실현되는 유닛(unit), 소프트웨어에 의해 실현되는 유닛, 양방을 이용하여 실현되는 유닛을 포함한다. 또한, 1 개의 유닛이 2 개 이상의 하드웨어를 이용하여 실현되어도 되고, 2 개 이상의 유닛이 1 개의 하드웨어에 의해 실현되어도 된다.
본 명세서에 있어서 단말 또는 디바이스가 수행하는 것으로 기술된 동작이나 기능 중 일부는 해당 단말 또는 디바이스와 연결된 서버에서 대신 수행될 수도 있다. 이와 마찬가지로, 서버가 수행하는 것으로 기술된 동작이나 기능 중 일부도 해당 서버와 연결된 단말 또는 디바이스에서 수행될 수도 있다.
이하, 첨부된 구성도 또는 처리 흐름도를 참고하여, 본 발명의 실시를 위한 구체적인 내용을 설명하도록 한다.
도 1은 본 발명의 일 실시예에 따른, 웹 페이지 생성 장치(10)의 블록도이다.
도 1을 참조하면, 웹 페이지 생성 장치(10)는 블록 제공부(100), 블록 배치부(110), 수정부(120), 웹 페이지 출력부(130), 저장부(140) 및 웹페이지 추천부(150)를 포함할 수 있다. 다만, 도 1에 도시된 웹 페이지 생성 장치(10)는 본 발명의 하나의 구현 예에 불과하며, 도 1에 도시된 구성요소들을 기초로 하여 여러 가지 변형이 가능하다.
이하에서는 도 1과 함께 도 2a 내지 5를 참조하여 설명하기로 한다.
블록 제공부(100)는 웹 페이지를 구성하는 적어도 하나의 구성(개별 디자인 또는 기능을 갖는 구성)에 관한 정보를 포함하는 복수의 블록을 제공할 수 있다. 블록 제공부(100)는 전체 블록 데이터베이스로부터 웹 페이지를 구성하는데 사용될 복수의 블록을 검색 및 추출하여 제공할 수 있다. 여기서, 복수의 블록은 개별 디자인을 갖는 적어도 하나의 구성(예컨대, 텍스트 구성, 이미지 구성, 버튼 구성 등)이 모듈화되어 결합된 블록이다. 예를 들어, 제 1 블록은 복수개의 텍스트 구성 및 하나의 갤러리 구성이 결합된 블록이고, 제 2 블록은 및 배경 이미지 구성에 하나의 텍스트 구성 및 이미지 구성이 결합된 블록일 수 있다.
웹 페이지의 저작 화면은 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 중 적어도 하나를 포함하는 작업 영역을 포함하고 있고, 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 각각은 웹 페이지에서 위치가 정해져 있을 수 있다.
블록 제공부(100)는 웹 페이지의 작업 영역 별로 각 영역에 대응하는 복수의 블록을 제공할 수 있다. 예를 들어, 블록 제공부(100)는 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 중 사용자에 의해 요청 또는 선택된 영역에 대응하는 복수의 블록을 전체 블록 데이터베이스로부터 검색하여 제공할 수 있다.
도 2a를 참조하면, 블록 제공부(100)는 웹 페이지의 영역을 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역으로 구분하여 메뉴 영역에 대응하는 복수의 블록(20), 헤더 영역에 대응하는 복수의 블록(22), 컨텐츠 영역에 대응하는 복수의 블록(24) 및 푸터 영역에 대응하는 복수의 블록(26)을 제공할 수 있다.
예를 들어, 도 2b를 참조하면, 웹 페이지의 생성 솔루션을 제공하는 사이트로 접속한 사용자 단말이 웹 페이지의 저작 화면(200-1)의 상단에 커서를 놓게 되면, 블록 제공부(100)는 웹 페이지의 상단에 배치될 수 있는 메뉴 영역 및 헤더 영역 각각에 대응하는 복수의 블록을 서브 화면(200-2)을 통해 제공할 수 있다. 사용자 단말이 웹 페이지의 저작 화면(200-1)의 중단에 커서를 놓게 되면, 블록 제공부(100)는 웹 페이지의 중단에 배치될 수 있는 컨텐츠 영역에 대응하는 복수의 블록을 서브 화면(200-2)을 통해 제공할 수 있다. 사용자 단말이 웹 페이지의 저작 화면(200-1)의 하단에 커서를 놓게 되면, 블록 제공부(100)는 웹 페이지의 하단에 배치될 수 있는 푸터 영역에 대응하는 복수의 블록을 서브 화면(200-2)을 통해 제공할 수 있다.
다른 실시 예로, 블록 제공부(100)는 사용자 단말이 웹 페이지의 저작 화면(200-1)의 작업 영역에 커서를 놓지 않더라도 서브 화면(200-2)을 통해 각 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 별로 대응되는 복수의 블록을 동시에 제공할 수 있다. 이 경우, 사용자 단말에 의해 선택된 블록은 각 블록에 속하는 작업 영역의 기설정된 위치로 웹 페이지의 저작 화면(200-1)에 배치될 수 있다. 예를 들어, 사용자 단말이 서브 화면(200-2)에서 메뉴 영역에 대응되는 복수의 블록 중 제 1 블록을 선택하고, 컨텐츠 영역에 대응되는 복수의 블록 중 제 2 블록을 선택하고, 푸터 영역에 대응되는 복수의 블록 중 제 3 블록을 선택한 경우, 제 1 블록은 웹 페이지의 저작 화면(200-1)에서 메뉴 영역이 위치할 상단에 배치되고, 제 2 블록은 웹 페이지의 저작 화면(200-1)에서 컨텐츠 영역이 위치할 중단에 배치되고, 제 3 블록은 웹 페이지의 저작 화면(200-1)에서 푸터 영역이 위치할 하단에 배치될 수 있다.
다시 도 1로 돌아오면, 블록 배치부(110)는 복수의 블록이 선택되면, 작업 영역에 배치하는 입력에 기초하여 작업 영역에 복수의 블록 각각을 배치할 수 있다. 예를 들어, 도 2b를 참조하면, 사용자 단말이 서브 화면(200-2)에 배치된 메뉴 영역에 대응하는 복수의 블록 중 제 1 블록(201)을 선택 및 드래그하여 메뉴 영역이 배치될 웹 페이지의 저작 화면(200-1)의 상단에 드롭하게 되면, 블록 배치부(110)는 해당 상단에 제 1 블록(201)을 배치시킬 수 있다. 다른 예로, 사용자 단말이 서브 화면(200-2)에서 제 1 블록(201)을 더블 클릭하면, 블록 배치부(110)는 제 1 블록(201)이 속하는 메뉴 영역이 위치할 저작 화면(200-1)의 상단에 제 1 블록(201)을 배치할 수 있다.
예를 들어, 도 2a 내지 도 2c를 참조하면, 사용자 단말이 메뉴 영역에 대응하는 복수의 블록(20) 중 제 2 블록(203)을 선택하고, 헤더 영역에 대응하는 복수의 블록(22) 중 제 3 블록(205)을 선택하고, 컨텐츠 영역에 대응하는 복수의 블록(24) 중 제 4 블록(207), 제 5 블록(209) 및 제 6 블록(211)을 선택하고, 푸터 영역에 대응하는 복수의 블록(26) 중 제 7 블록(213)을 선택한 경우, 블록 배치부(110)는 도면부호 215와 같이 제 2 블록(203)을 웹 페이지의 저작 화면(200-1)의 메뉴 영역에 배치하고, 제 3 블록(205)을 웹 페이지의 저작 화면(200-1)의 헤더 영역에 배치하고, 제 4 블록(207), 제 5 블록(209) 및 제 6 블록(211)을 웹 페이지의 저작 화면(200-1)의 컨텐츠 영역에 배치하고, 제 7 블록(213)을 웹 페이지의 저작 화면(200-1)의 푸터 영역에 배치할 수 있다.
블록 배치부(110)는 작업 영역에 배치된 복수의 블록 각각의 크기를 변경할 수 있다. 예를 들어, 사용자가 웹 페이지의 컨텐츠 영역에 넣은 블록이 2개 이상이고, 사용자로부터 블록에 대한 배치 및 크기 입력(예컨대, 블록의 배치 및 크기 조절 인터페이스를 통해 조절된 블록의 배치 순서 및 크기 입력값)을 수신한 경우, 블록 배치부(110)는 블록에 대한 배치 및/또는 크기 입력에 기초하여 각 블록의 배치 순서를 조정하고, 각 블록의 크기를 변경할 수 있다. 만일, 복수의 블록 중 사용자에 의해 하나의 블록에 대한 크기만이 변경되도록 하는 입력이 수신되면, 다른 블록은 자동으로 위치 및 크기가 변경될 수도 있다.
저장부(140)는 웹 페이지의 URL 정보(웹 페이지의 식별 정보)와 매핑하여 웹 페이지에 사용된 복수의 블록 각각에 대한 정보를 트리 형식으로 사용자 블록 데이터베이스에 저장할 수 있다. 예를 들어, 저장부(140)는 웹 페이지의 URL 정보와 매핑된 복수의 블록 별로 각 블록에서 사용된 이미지, 텍스트, 동영상 등을 사용자 블록 데이터베이스에 저장할 수 있다.
구체적으로, 저장부(140)는 웹 페이지의 URL 정보, 웹 페이지에 사용된 복수의 블록 각각의 식별자, 복수의 블록 각각의 배치 정보, 복수의 블록 각각의 해상도 정보 중 하나를 사용자 블록 데이터베이스에 저장할 수 있다.
예를 들어, 저장부(140)는 웹 페이지의 URL 정보와 함께 웹 페이지의 페이지 번호에 대응하는 페이지에 사용된 복수의 블록 각각의 식별자를 페이지 번호 및 페이지 타입 정보에 매핑하여 사용자 블록 데이터베이스에 저장할 수 있다. 각 페이지 별로 조합된 복수의 블록은 웹 페이지의 URL 정보 및 페이지 번호의 아이디에 링크되어 스킨 구조로 사용자 블록 데이터베이스에 저장될 수 있다.
예를 들어, 도 2b를 참조하면, 저장부(140)는 사용자의 아이디에 할당된 웹 페이지의 URL 정보(외부 사용자가 접속 가능한 URL 주소), 웹 페이지의 저작 화면(200-1)의 상단에 배치된 제 1 블록(201)에 대한 식별자, 제 1 블록(201)의 배치 정보, 제 1 블록(201)의 해상도 정보를 매핑하여 사용자 블록 데이터베이스에 저장할 수 있다.
한편, 블록은 디자인 블록 및 기능 블록을 포함할 수 있다. 여기서, 디자인 블록은 html 정보를 포함하는 구성, 배경 정보를 포함하는 구성, 이미지 정보를 포함하는 구성 및 텍스트 정보를 포함하는 구성 중 적어도 하나의 구성을 포함할 수 있다. 예를 들어, 제 1 디자인 블록은 html 정보를 포함하는 구성 및 배경 정보를 포함하는 구성으로 이루어진 블록일 수 있고, 제 2 디자인 블록은 배경 정보를 포함하는 구성, 이미지 정보를 포함하는 구성 및 텍스트 정보를 포함하는 구성만으로 이루어진 블록일 수 있고, 제 3 디자인 블록은 html 정보를 포함하는 구성, 배경 정보를 포함하는 구성, 이미지 정보를 포함하는 구성 및 텍스트 정보를 포함하는 구성으로 이루어진 블록일 수 있다. 모든 디자인 블록의 경우, 사용자의 목적에 맞게 디자인 블록에 포함된 구성들의 위치, 내용, 이미지 등의 컨텐츠 내용을 편집할 수 있는 에디터가 제공될 수 있다.
여기서, 기능 블록은 웹 페이지의 이용자와의 상호 작용이 가능하도록 하기 위한 블록으로서, 디자인 블록의 구성(html 정보, 배경 정보, 이미지 정보 및 텍스트 정보)에 게시판 또는 갤러리(예컨대, 앨범형 갤러리, 리스트형 갤러리 등)의 기능의 구현을 위한 정보를 포함할 수 있다. 예를 들어, 게시판의 기능을 구현하는 기능 블록은 게시판에 쓰기 권한 또는 읽기 권한을 설정하거나, 게시판의 댓글의 허용 유무를 설정하거나 비밀글의 작성 유무를 설정하도록 하는 기능을 포함할 수 있다. 예를 들어, 게시판의 기능이 구현된 제 1 기능 블록의 경우, 텍스트 정보를 포함하는 구성에 게시판의 쓰기 권한 기능을 설정하거나 읽기 권한 기능을 설정할 수 있다. 예를 들어, 갤러리의 기능을 구현하는 기능 블록은 사진 또는 이미지를 업로드하거나 다운로드할 수 있는 기능을 포함할 수 있다. 예를 들어, 갤러리의 기능이 구현된 제 2 기능 블록의 경우, 이미지 정보를 포함하는 구성에 사용자가 사진/이미지를 업로드할 수 있는 기능을 설정할 수 있다.
수정부(120)는 복수의 블록 각각을 수정하는 입력에 기초하여 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정할 수 있다.
구체적으로, 수정부(120)는 복수의 블록 각각에 포함된 적어도 하나의 구성에 대한 디자인 수정, 권한 설정, 필드 속성 수정 중 적어도 하나를 수행할 수 있다. 예를 들어, 도 2d를 참조하면, 수정부(120)는 복수의 디자인 블록 중 사용자에 의해 선택된 디자인 블록(217)에 대한 편집 기능을 제공하는 디자인 블록 편집 화면창(219)을 제공할 수 있다.
수정부(120)는 디자인 블록 편집 화면창(219)을 통해 사용자에 의해 수정된 디자인의 수정 내용(예컨대, 배경색 변경, 이미지 정보 및 테 텍스트 정보의 위치 변경, 폰트 크기, 굵기 및 컬러의 변경, 텍스트 내용 변경 등)에 기초하여 선택된 디자인 블록(217)에 포함된 적어도 하나의 구성을 수정할 수 있다. 또는, 수정부(120)는 복수의 기능 블록 중 사용자에 의해 선택된 기능 블록(221)에 대한 편집 기능을 제공하는 기능 블록 편집 화면창(223)을 제공할 수 있다.
수정부(120)는 기능 블록 편집 화면창(223)을 통해 수정된 게시판(또는 갤러리)에 대한 권한 설정(예컨대, 게시물/게시판 읽기 권한, 쓰기 권한, 비밀글 읽기 권한의 설정 등) 및 필드 속성(예컨대, 게시판 또는 갤러리의 제목 및 내용 변경 등)의 수정 내용에 기초하여 선택된 기능 블록(221)에 포함된 적어도 하나의 구성을 수정할 수 있다.
또한, 수정부(120)는 디자인 블록에 대한 코드 내용을 코드 영역을 통해 제공하고, 코드 영역의 수정 입력에 기초하여 코드 영역에 포함된 내용을 수정할 수 있다.
예를 들어, 도 2e를 참조하면, 수정부(120)는 사용자에 의해 완성된 웹 페이지(225)를 구성하는 복수의 블록 중 특정 디자인 블록(227)에 대한 수정 요청을 수신한 경우, 사용자 블록 데이터베이스로부터 수정 요청된 특정 디자인 블록(227)을 불러온 후, 특정 디자인 블록(227)에 대한 디자인 수정을 위한 디자인 블록 편집 화면창(219)을 제공하거나 특정 디자인 블록(227)에 대한 코드 내용을 수정할 수 있도록 코드 영역(229)을 출력할 수 있다. 여기서, 특정 디자인 블록(227)에 대한 코드 영역(229)에는 특정 디자인 블록(227)에 대한 HTML 정보, 자바 스크립트 정보 및 CSS 정보가 포함되고, 특정 디자인 블록(227)을 구성하는 이미지 정보가 표시될 수 있다. 또한, 수정부(120)는 사용자에 의해 수정 입력된 내용에 기초하여 특정 디자인 블록(227)에 대한 코드 영역(229)의 내용을 수정할 수 있다.
저장부(140)는 웹 페이지의 특정 블록에 대한 수정이 완료되면, 사용자 블록 데이터베이스에 저장된 웹 페이지의 URL 정보와 매핑된 웹 페이지에 사용된 복수의 블록 각각 중 사용자에 의해 수정된 블록에 대한 정보를 수정하여 사용자 블록 데이터베이스에 재저장할 수 있다.
또한, 수정부(120)는 사용자에 의해 완성된 웹 페이지를 구성하는 복수의 블록 중 특정 디자인 블록에 대한 삭제를 요청한 경우, 웹 페이지에서 특정 디자인 블록을 삭제하고, 저장부(140)는 사용자 블록 데이터베이스에서 삭제 요청된 특정 디자인 블록을 삭제할 수 있다.
이처럼, 본 발명은 사용자의 목적 및 취향에 따라 웹 페이지에 포함된 적어도 하나의 블록에 대한 내용을 수정하고, 사용자가 자유롭게 복수의 블록을 조합함으로써 레이아웃을 자유롭게 구성할 수 있다.
웹 페이지 출력부(130)는 웹 페이지의 작업 영역에 대한 복수의 블록 각각의 배치 정보 및 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 웹 페이지를 출력할 수 있다.
구체적으로, 웹 페이지 출력부(130)는 사용자 블록 데이터베이스로부터 접속 요청된 웹 페이지에 관한 정보 및 복수의 블록 각각에 대한 정보를 추출하고, 추출된 웹 페이지에 관한 정보 및 복수의 블록 각각에 대한 정보에 기초하여 복수의 블록 각각이 배치된 웹 페이지를 출력할 수 있다.
예를 들어, 제 1 웹 페이지의 URL 주소로 접속 요청이 수신되면, 웹 페이지 출력부(130)는 사용자 블록 데이터베이스로부터 제 1 웹 페이지의 URL 주소와 매핑되어 저장된 제 1 웹 페이지의 첫 페이지를 구성하는 복수의 블록 각각에 대한 정보를 추출하고, 추출된 복수의 블록 각각에 대한 정보에 기초하여 각 블록이 배치된 제 1 웹 페이지의 첫 페이지를 출력할 수 있다.
또한, 웹 페이지 출력부(130)는 제 1 웹 페이지 중 사용자에 의해 다른 페이지(예컨대, 제 1 웹 페이지의 첫 페이지에 표시된 복수의 메뉴 중 선택된 메뉴에 해당하는 페이지)로의 화면이 이동하는 경우, 해당 다른 페이지를 구성하는 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스로부터 추출하여 추출된 각 블록이 배치된 제 1 웹 페이지의 다른 페이지를 출력할 수 있다.
웹 페이지 출력부(130)는 사용자 블록 데이터베이스로부터 웹 페이지에 관한 정보 및 복수의 블록 각각에 대한 정보에 기초하여 복수의 블록 각각의 배치가 변동된 웹 페이지를 출력할 수 있다. 웹 페이지에 포함된 복수의 블록의 위치는 해상도에 따라 웹 페이지의 작업 영역 상에서 배치가 변동되도록 구현되어 있기 때문에 사용자가 별도로 사용자 단말의 종류별로 PC용 웹페이지와 모바일용 웹페이지 각각으로 제작할 필요가 없고, 해상도에 따른 컨텐츠 변화를 따로 설정하지 않아도 된다.
구체적으로, 웹 페이지 출력부(130)는 웹 페이지에 접근하는 장치의 해상도에 따라 웹 페이지에 포함된 복수의 블록 각각의 위치 정보 및 해상도 정보에 기초하여 작업 영역에서의 복수의 블록 각각의 배치를 변동시켜 웹 페이지를 출력할 수 있다.
예를 들어, 도 3을 참조하면, 웹 페이지 출력부(130)는 제 1 웹 페이지(301)에 접근하는 장치가 제 1 종류의 사용자 단말(예컨대, 노트북, 데스크탑 등)인 경우, 제 1 종류의 사용자 단말을 통해 제 1 웹 페이지(301)를 출력하고, 제 1 웹 페이지(301)에 접근하는 장치가 제 2 종류의 사용자 단말(예컨대, 모바일 단말 등)인 경우, 도면부호 303과 같이, 제 2 종류의 사용자 단말의 해상도에 따라 제 1 웹 페이지(301)의 크기가 조절되고, 제 1 웹 페이지(301)에 포함된 복수의 블록 각각의 위치가 재정렬된 제 1 웹 페이지를 제 2 종류의 사용자 단말을 통해 출력할 수 있다.
여기서, 제 1 웹 페이지(301)를 구성하는 복수의 블록은 사용자가 조립한 순서대로 웹표준 논리 구조를 갖고 있다. 복수의 블록은 논리 순서대로 자동 넘버링되고, 제 2 종류의 사용자 단말의 해상도에 따라 기설정된 순서대로 좌측에서 우측으로 위에서 아래로 자동 정렬되며, 제 2 종류의 사용자 단말의 화면 크기에 따라 자동으로 조절될 수 있다.
이처럼, 본 발명은 도 4와 같이, 복수의 블록(401) 중 사용자에 의해 선택된 블록들을 조합하여 다양한 스킨으로 구성된 웹 페이지들(403)을 디자인할 수 있다. 본 발명은 사용자에 의해 디자인된 복수의 웹 페이지(403) 각각에 사용자가 설정한 컨텐츠들(이미지, 텍스트 등)(405)을 링크하여 제공할 수 있다.
한편, 본 발명은 도 5와 같이, 이미 만들어진 완성형의 웹 페이지(501)에 대한 템플릿(즉, 기제작된 디자인 블록이 조합된 스킨)(503)을 사용자에게 제공할 수 있고, 사용자는 해당 웹 페이지에 대한 템플릿을 그대로 카피하고, 웹 페이지에 포함된 각 블록에 대한 정보를 편집하여 웹 페이지를 제작할 수 있다.
한편, 웹페이지 추천부(150)는 사용자로부터 사용자 정보(예컨대, 사용자의 업종, 연령, 지역, 선호하는 색상, 웹 페이지의 주요 이용 고객층에 대한 정보, 웹 페이지의 성향에 대한 필요한 정보 등)를 입력받은 경우, 입력받은 사용자 정보에 기초하여 사용자의 맞춤형 웹 페이지를 제공할 수 있다.
구체적으로, 웹페이지 추천부(150)는 입력받은 사용자 정보에 기초하여 레이아웃 데이터베이스로부터 적어도 하나 이상의 레이아웃을 선정할 수 있다. 여기서, 레이아웃 데이터베이스에 저장된 복수의 레이아웃은 예를 들어, 원페이지 안에서 사이트맵을 모두 표현할 수 있는 웹 컨텐츠를 배치할 수 있는 제 1 레이아웃(즉, 스크롤타입 레이아웃)과, 사이트 맵 각각이 독립된 URL로 구성된 웹 페이지를 갖는 제 2 레이아웃(즉, 멀티페이지타입 레이아웃)과, 디바이스의 해상도 크기에 반응하여 웹 컨텐츠가 재배치되는 제 3 레이아웃(즉, 반응형타입 레이아웃)과, 웹 페이지로 접근하는 디바이스의 종류에 따라 선택적으로 웹 컨텐츠가 배치되는 제 4 레이아웃(즉, 최적화 홈페이지 타입 레이아웃) 등을 포함할 수 있다.
웹페이지 추천부(150)는 입력받은 사용자 정보를 웹 페이지 추천 알고리즘에 입력하여 딥러닝한 후, 레이아웃 데이터베이스로부터 적어도 하나의 레이아웃을 도출하고, 도출된 레이아웃 중 최적의 레이아웃을 선정할 수 있다.
웹페이지 추천부(150)는 선정된 레이아웃을 다시 웹 페이지 추천 알고리즘에 딥러닝하여 도출된 결과를 이용하여 사이트 맵(sitemap)을 생성할 수 있다. 예를 들어, 웹페이지 추천부(150)는 20~30대 고객층이고, 블루 컬러를 선호하는 서울지역 카페업종을 포함한 사용자 정보에 따라 제 2 레이아웃과 제 4 레이아웃이 선정된 경우, 웹 페이지 추천 알고리즘에 의해 도출된 웹 페이지에서의 선호 기능(예컨대, 동적 갤러리, 동적 게시판, 출석체크, 예약 기능, 메시지 기능, 지도, 스템프 기능 등)에 기초하여 사이트 맵을 생성할 수 있다.
웹페이지 추천부(150)는 생성된 사이트 맵을 웹 페이지 추천 알고리즘에 입력함으로써 딥러닝하여 도출된 복수의 블록을 웹 페이지의 작업 영역에 배치함으로써 맞춤형 웹 페이지를 생성할 수 있다.
예를 들어, 웹페이지 추천부(150)는 생성된 사이트 맵, 선정된 레이아웃 및 사용자 정보에 기초하여 가장 적합한 적어도 하나의 블록(디자인 블록, 기능 블록)을 웹 페이지의 작업 영역 별로 전체 블록 데이터베이스로부터 추출하고, 추출된 블록을 조합하여 맞춤형 웹 페이지를 생성할 수 있다.
한편, 당업자라면, 블록 제공부(100), 블록 배치부(110), 수정부(120), 웹 페이지 출력부(130), 저장부(140) 및 웹페이지 추천부(150) 각각이 분리되어 구현되거나, 이 중 하나 이상이 통합되어 구현될 수 있음을 충분히 이해할 것이다.
도 6은 본 발명의 일 실시예에 따른, 웹 페이지의 생성 방법을 나타낸 흐름도이다.
도 6을 참조하면, 단계 S601에서 웹 페이지 생성 장치(10)는 웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공할 수 있다. 여기서, 복수의 블록은 복수의 디자인 블록 및 복수의 기능 블록을 포함하고, 디자인 블록은 적어도 하나의 구성으로서 html 정보, 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나를 포함하고, 기능 블록은 적어도 하나의 구성으로서 html 정보, 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나를 포함하고, 게시판 또는 갤러리의 기능의 구현을 위한 정보를 더 포함할 수 있다.
단계 S603에서 웹 페이지 생성 장치(10)는 복수의 블록 각각을 선택하고, 작업 영역에 배치하는 입력에 기초하여 작업 영역에 복수의 블록 각각을 배치할 수 있다. 여기서, 작업 영역은 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 중 적어도 하나를 포함할 수 있다.
단계 S605에서 웹 페이지 생성 장치(10)는 복수의 블록 각각을 수정하는 입력에 기초하여 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정할 수 있다.
단계 S607에서 웹 페이지 생성 장치(10)는 작업 영역에 대한 복수의 블록 각각의 배치 정보 및 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 웹 페이지를 출력할 수 있다. 여기서, 복수의 블록 각각의 배치 정보는 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함할 수 있다. 여기서, 복수의 블록 각각의 위치 정보 및 해상도 정보에 기초하여 웹페이지에 접근하는 장치의 해상도에 따라 작업 영역에서의 복수의 블록 각각의 배치가 변동될 수 있다.
단계 S609에서 웹 페이지 생성 장치(10)는 웹 페이지에 관한 정보 및 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장할 수 있다.
상술한 설명에서, 단계 S601 내지 S609는 본 발명의 구현예에 따라서, 추가적인 단계들로 더 분할되거나, 더 적은 단계들로 조합될 수 있다. 또한, 일부 단계는 필요에 따라 생략될 수도 있고, 단계 간의 순서가 변경될 수도 있다.
본 발명의 일 실시예는 컴퓨터에 의해 실행되는 프로그램 모듈과 같은 컴퓨터에 의해 실행 가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 컴퓨터 판독 가능 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체를 모두 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다.
전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.
본 발명의 범위는 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
10: 웹 페이지 생성 장치
100: 블록 제공부
110: 블록 배치부
120: 수정부
130: 웹 페이지 출력부
140: 저장부
150: 웹페이지 추천부

Claims (14)

  1. 웹 페이지 생성 방법에 있어서,
    웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공하는 단계;
    상기 복수의 블록 각각을 선택하고, 작업 영역에 배치하는 입력에 기초하여 상기 작업 영역에 상기 복수의 블록 각각을 배치하는 단계;
    상기 복수의 블록 각각을 수정하는 입력에 기초하여 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 단계;
    상기 작업 영역에 대한 상기 복수의 블록 각각의 배치 정보 및 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 웹 페이지를 출력하는 단계; 및
    상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장하는 단계
    를 포함하고,
    상기 복수의 블록 각각의 배치 정보는 상기 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함하고,
    상기 위치 정보 및 해상도 정보에 기초하여 상기 웹페이지에 접근하는 장치의 해상도에 따라 상기 작업 영역에서의 상기 복수의 블록 각각의 배치가 변동되되,
    상기 복수의 블록 각각은 개별 기능들이 각각 모듈화된 블록이고,
    상기 복수의 블록 각각은 상기 복수의 블록에 대한 코드 내용을 수정할 수 있도록 상기 적어도 하나의 구성으로서 html 정보를 포함하는 것인, 웹 페이지 생성 방법.
  2. 제 1 항에 있어서,
    상기 복수의 블록은 디자인 블록 및 기능 블록을 포함하고,
    상기 디자인 블록은 상기 적어도 하나의 구성으로서 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나를 더 포함하고,
    상기 기능 블록은 상기 적어도 하나의 구성으로서 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나 및 게시판 또는 갤러리의 기능의 구현을 위한 정보를 더 포함하는 것인, 웹 페이지 생성 방법.
  3. 제 1 항에 있어서,
    상기 작업 영역은 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 중 적어도 하나를 포함하고,
    상기 복수의 블록을 제공하는 단계는
    상기 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 각각에 대응하는 복수의 블록을 제공하는 단계를 포함하는 것인, 웹 페이지 생성 방법.
  4. 제 1 항에 있어서,
    상기 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 단계는
    상기 적어도 하나의 구성에 대한 디자인 수정, 권한 설정, 필드 속성 수정 중 적어도 하나를 수행하는 단계를 포함하는 것인, 웹 페이지 생성 방법.
  5. 제 1 항에 있어서,
    상기 복수의 블록 각각을 배치하는 단계는
    상기 복수의 블록 각각의 크기를 변경하는 단계를 포함하는 것인, 웹 페이지 생성 방법.
  6. 제 1 항에 있어서,
    상기 사용자 블록 데이터베이스에는 상기 웹 페이지의 URL 정보, 상기 웹 페이지에 사용된 복수의 블록 각각의 식별자, 상기 복수의 블록 각각의 상기 배치 정보, 상기 복수의 블록 각각의 상기 해상도 정보 중 적어도 하나가 저장되는 것인, 웹 페이지 생성 방법.
  7. 제 1 항에 있어서,
    상기 장치로부터 상기 웹 페이지의 출력 요청을 수신하는 단계;
    상기 사용자 블록 데이터베이스로부터 상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 추출하는 단계; 및
    상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보에 기초하여 상기 복수의 블록 각각의 배치가 변동된 상기 웹 페이지를 출력하는 단계를 더 포함하는 것인, 웹 페이지 생성 방법.
  8. 웹 페이지를 생성하는 웹 페이지 생성 장치에 있어서,
    웹 페이지를 구성하는 적어도 하나의 구성에 관한 정보를 포함하는 복수의 블록을 제공하는 블록 제공부;
    상기 웹 페이지의 작업 영역에 배치하는 입력에 기초하여 상기 복수의 블록 중 선택된 블록을 배치하는 블록 배치부;
    상기 작업 영역에 배치된 복수의 블록 각각에 대한 수정 입력에 기초하여 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성을 수정하는 수정부;
    상기 작업 영역에 대한 상기 복수의 블록 각각의 배치 정보 및 상기 복수의 블록 각각에 포함되는 적어도 하나의 구성에 대한 정보에 기초하여 상기 웹 페이지를 출력하는 웹 페이지 출력부; 및
    상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 사용자 블록 데이터베이스에 저장하는 저장부를 포함하고,
    상기 복수의 블록 각각의 배치 정보는 상기 복수의 블록 각각의 위치 정보 및 해상도 정보를 포함하고,
    상기 위치 정보 및 해상도 정보에 기초하여 상기 웹페이지에 접근하는 장치의 해상도에 따라 상기 작업 영역에서의 상기 복수의 블록 각각의 배치가 변동되되,
    상기 복수의 블록 각각은 개별 기능들이 각각 모듈화된 블록이고,
    상기 복수의 블록 각각은 상기 복수의 블록에 대한 코드 내용을 수정할 수 있도록 상기 적어도 하나의 구성으로서 html 정보를 포함하는 것인, 웹 페이지 생성 장치.
  9. 제 8 항에 있어서,
    상기 복수의 블록은 디자인 블록 및 기능 블록을 포함하고,
    상기 디자인 블록은 상기 적어도 하나의 구성으로서 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나를 더 포함하고,
    상기 기능 블록은 상기 적어도 하나의 구성으로서 배경 정보, 이미지 정보 및 텍스트 정보 중 적어도 하나 및 게시판 또는 갤러리의 기능의 구현을 위한 정보를 더 포함하는 것인, 웹 페이지 생성 장치.
  10. 제 8 항에 있어서,
    상기 작업 영역은 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 중 적어도 하나를 포함하고,
    상기 블록 제공부는 상기 메뉴 영역, 헤더 영역, 컨텐츠 영역 및 푸터 영역 각각에 대응하는 복수의 블록을 제공하는 것인, 웹 페이지 생성 장치.
  11. 제 8 항에 있어서,
    상기 수정부는 상기 적어도 하나의 구성에 대한 디자인 수정, 권한 설정, 필드 속성 수정 중 적어도 하나를 수행하는 것인, 웹 페이지 생성 장치.
  12. 제 8 항에 있어서,
    상기 블록 배치부는 상기 복수의 블록 각각의 크기를 변경하는 것인, 웹 페이지 생성 장치.
  13. 제 8 항에 있어서,
    상기 저장부는 상기 웹 페이지의 URL 정보, 상기 웹 페이지에 사용된 복수의 블록 각각의 식별자, 상기 복수의 블록 각각의 상기 배치 정보, 상기 복수의 블록 각각의 상기 해상도 정보 중 적어도 하나를 상기 사용자 블록 데이터베이스에 저장하는 것인, 웹 페이지 생성 장치.
  14. 제 8 항에 있어서,
    상기 웹 페이지 출력부는
    상기 사용자 블록 데이터베이스로부터 상기 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보를 추출하고,
    상기 추출된 웹 페이지에 관한 정보 및 상기 복수의 블록 각각에 대한 정보에 기초하여 상기 복수의 블록 각각의 배치가 변동된 상기 웹 페이지를 출력하는 것인, 웹 페이지 생성 장치.
KR1020190123059A 2019-10-04 2019-10-04 웹 페이지를 생성하는 방법 및 장치 KR102358855B1 (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020190123059A KR102358855B1 (ko) 2019-10-04 2019-10-04 웹 페이지를 생성하는 방법 및 장치
PCT/KR2020/011316 WO2021066325A1 (ko) 2019-10-04 2020-08-25 웹 페이지를 생성하는 방법 및 장치
US17/712,227 US12045305B2 (en) 2019-10-04 2022-04-04 Method and apparatus for generating web page using blocks

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020190123059A KR102358855B1 (ko) 2019-10-04 2019-10-04 웹 페이지를 생성하는 방법 및 장치

Publications (2)

Publication Number Publication Date
KR20210040611A KR20210040611A (ko) 2021-04-14
KR102358855B1 true KR102358855B1 (ko) 2022-02-08

Family

ID=75337137

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020190123059A KR102358855B1 (ko) 2019-10-04 2019-10-04 웹 페이지를 생성하는 방법 및 장치

Country Status (2)

Country Link
KR (1) KR102358855B1 (ko)
WO (1) WO2021066325A1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102639324B1 (ko) 2023-10-31 2024-02-21 (주)플랜아이 웹서비스 구축 자동화 시스템 및 방법, 이를 이용한 웹서비스 제공 방법

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102637888B1 (ko) * 2022-03-21 2024-02-20 주식회사 가비아씨엔에스 웹사이트 모듈 기반 웹사이트 제작 시스템 및 그 방법
KR102524187B1 (ko) * 2022-03-29 2023-04-21 주식회사 오투유엑스 웹 페이지 업그레이드를 위한 평가 데이터 제공 장치 및 방법
KR102570254B1 (ko) * 2023-02-01 2023-08-24 주식회사 비지웰 사용자 맞춤형 홈페이지 제작 지원 방법 및 이를 실행하는 사용자 맞춤형 홈페이지 제작 지원 서버

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20060100491A (ko) 2005-03-17 2006-09-21 박상덕 웹사이트 구축시 레이아웃 및 컨텐츠 자동생성관리시스템
US9389759B2 (en) * 2013-05-07 2016-07-12 Axure Software Solutions, Inc. Environment for responsive graphical designs
KR101509392B1 (ko) * 2014-03-10 2015-04-07 윤영조 웹 상에서 구현되는 홈페이지 제작방법
WO2016129765A1 (ko) * 2015-02-13 2016-08-18 김효환 웹페이지 구축 장치 및 방법
KR101760777B1 (ko) * 2016-01-09 2017-08-04 주식회사 넥스트비즈 반응형 웹사이트 빌더 시스템 및 그 방법
KR101771473B1 (ko) * 2017-04-20 2017-08-25 주식회사 코코아스튜디오 반응형 웹페이지 생성 방법 및 장치

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102639324B1 (ko) 2023-10-31 2024-02-21 (주)플랜아이 웹서비스 구축 자동화 시스템 및 방법, 이를 이용한 웹서비스 제공 방법

Also Published As

Publication number Publication date
KR20210040611A (ko) 2021-04-14
US20220222310A1 (en) 2022-07-14
WO2021066325A1 (ko) 2021-04-08

Similar Documents

Publication Publication Date Title
KR102358855B1 (ko) 웹 페이지를 생성하는 방법 및 장치
US9128800B2 (en) Personalized platform for accessing internet applications
US10346525B2 (en) Electronic newspaper
US20160034437A1 (en) Mobile social content-creation application and integrated website
US20080005669A1 (en) Life event recording system
US20110035660A1 (en) System and method for the automated creation of a virtual publication
US20080052620A1 (en) Method and server system for enabling a customer to create a customized publication through the internet
US20060174187A1 (en) System and method for a look and feel designer with a page-view interface
US7581173B1 (en) Methods and apparatuses for formatting web pages
US20060174195A1 (en) System and method for a look and feel designer with a style sheet editor
JP4055382B2 (ja) ディジタルコンテンツ表示装置及びプログラム及びコンピュータ読み取り可能な記録媒体
US20100269036A1 (en) System and method for designing and generating online stationery
KR101596793B1 (ko) 반응형 뉴스 웹 서비스 시스템 및 이를 이용한 실시간 기사정보 게시방법.
KR101649822B1 (ko) 웹페이지 구축 장치 및 방법
KR101546359B1 (ko) 웹 브라우저 호환성 및 폰트 유지를 위한 웹 페이지 생성방법 및 시스템
JP4776998B2 (ja) 画像レイアウト編集装置およびその制御方法およびプログラム
US12045305B2 (en) Method and apparatus for generating web page using blocks
Yoshioka et al. Unified Symbol Framework to Improve UI Comprehension
TW202123029A (zh) 基於網頁瀏覽最佳化的評估方法及其優化方法
Amin et al. Blaise On-the-Go: Using Blaise IS With Mobile Devices
JP6518025B1 (ja) Ｗｅｂページの表示を指示する表示指示データを変換するためのプログラム、記録媒体及びシステム
WO2014050960A1 (ja) 電子書籍制作装置、電子書籍制作方法、電子書籍閲覧システム、ビューワ装置、及び電子書籍閲覧方法
KR20030006451A (ko) 사용자 정의 모드의 웹문서 생성 방법
JP5312194B2 (ja) ドキュメント処理装置及びドキュメント処理方法
JP2002183037A (ja) ホームページ作成支援システム

Legal Events

Date Code Title Description
E902 Notification of reason for refusal
AMND Amendment
E601 Decision to refuse application
X091 Application refused [patent]
AMND Amendment
X701 Decision to grant (after re-examination)
GRNT Written decision to grant