KR20230111054A - 웹사이트 제작 방법 및 웹사이트 제작 서비스 제공 서버 - Google Patents

웹사이트 제작 방법 및 웹사이트 제작 서비스 제공 서버 Download PDF

Info

Publication number
KR20230111054A
KR20230111054A KR1020220006804A KR20220006804A KR20230111054A KR 20230111054 A KR20230111054 A KR 20230111054A KR 1020220006804 A KR1020220006804 A KR 1020220006804A KR 20220006804 A KR20220006804 A KR 20220006804A KR 20230111054 A KR20230111054 A KR 20230111054A
Authority
KR
South Korea
Prior art keywords
website
menu
template
menus
user terminal
Prior art date
Application number
KR1020220006804A
Other languages
English (en)
Other versions
KR102600743B1 (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 KR1020220006804A priority Critical patent/KR102600743B1/ko
Publication of KR20230111054A publication Critical patent/KR20230111054A/ko
Application granted granted Critical
Publication of KR102600743B1 publication Critical patent/KR102600743B1/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—Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services
    • 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
    • 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
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/186—Templates

Abstract

웹사이트 제작 서비스 제공 서버에 의한 웹사이트 제작 방법이 개시된다. 본 발명의 웹사이트 제작 방법은 서비스에 가입된 사용자들에 의해 제작되어 업로드된 복수의 웹사이트 템플릿(template)을 저장하는 단계, 사용자 단말로부터, 제작할 웹사이트를 구성하는 메뉴의 개수 및 뎁스(depth)를 포함하는 메뉴 구조에 대한 정보를 수신하는 단계, 저장된 웹사이트 템플릿 중 수신된 메뉴 구조에 대한 정보에 대응되는 메뉴 구조를 가지는 웹사이트 템플릿의 후보 리스트를 선정하여 사용자 단말에 제공하는 단계 및, 사용자 단말에 의해 후보 리스트 중 어느 하나의 웹사이트 템플릿이 선택되면, 선택된 웹사이트 템플릿에 따라 사용자의 웹사이트를 제작하는 단계를 포함한다.

Description

웹사이트 제작 방법 및 웹사이트 제작 서비스 제공 서버 { WEBSITE BUILDING METHOD AND WEBSITE BUILDING SERVICE PROVIDING SERVER }
본 발명은 웹사이트 제작 방법 및 웹사이트 제작 서비스 제공 서버에 관한 것으로, 더욱 상세하게는 기 저장된 템플릿을 이용하여 웹사이트를 제작하기 위한 방법 및 이를 위한 웹사이트 제작 서비스 제공 서버에 관한 것이다.
HTML(Hepertext Markup Language), CSS(Cascading Style Sheets) 등을 배우지 않은 일반 사용자가 홈페이지 등 웹사이트를 만드는 것은 매우 어려운 일이어서 종래 웹사이트 제작은 웹 개발자, 웹디자이너 등의 고유 영역이었으나, 최근에는 웹 개발자 등의 도움 없이도 웹 사이트를 구성하는 레이아웃을 편집하고, 메뉴 및 그림 등의 컴포넌트를 삽입하여 웹사이트를 제작하는 위지위그(WYSIWYG:What You See Is What You Get) 방식의 서비스가 등장하여 사용자가 자체적으로 간단한 웹사이트를 개설할 수 있다.
그러나, 이러한 제작 환경에서도 레이아웃을 편집하고 메뉴를 만들고 웹페이지를 연결하는 등 웹사이트의 제작 과정이 어렵고 복잡하여 일반 사용자들이 쉽게 접근하기는 어려운 상황이다.
또한, 위지위그 방식의 웹사이트 제작 서비스에서 일정한 형식의 웹사이트 템플릿을 제공한다고 하더라도, 그 수가 제한적이고 다양하지 않아 사용자가 웹사이트를 통해 제공하고자 하는 정보로 접근하기 위한 메뉴의 구조에 따른 적절한 형식의 웹사이트를 만들거나 찾는 것이 어려운 문제가 있다.
본 발명은 상술한 니즈를 충족시키기 위한 것으로, 본 발명의 목적은 웹사이트의 핵심이 되는 메뉴 구조를 중심으로 하는 최적의 디자인을 가지는 웹사이트를 좀 더 효과적이고 편리하게 제작할 수 있는 웹사이트 제작 방법 및 웹사이트 제작 서비스 제공 서버를 제공하기 위한 것이다.
상술한 목적을 달성하기 위한 본 발명의 일 실시 예에 따른 웹사이트 제작 서비스 제공 서버에 의한 웹사이트 제작 방법은 상기 서비스에 가입된 사용자들에 의해 제작되어 업로드된 복수의 웹사이트 템플릿(template)을 저장하는 단계, 사용자 단말로부터, 제작할 웹사이트를 구성하는 메뉴의 개수 및 뎁스(depth)를 포함하는 메뉴 구조에 대한 정보를 수신하는 단계, 상기 저장된 웹사이트 템플릿 중 상기 수신된 메뉴 구조에 대한 정보에 대응되는 메뉴 구조를 가지는 웹사이트 템플릿의 후보 리스트를 선정하여 상기 사용자 단말에 제공하는 단계 및, 상기 사용자 단말에 의해 상기 후보 리스트 중 어느 하나의 웹사이트 템플릿이 선택되면, 상기 선택된 웹사이트 템플릿에 따라 상기 사용자의 웹사이트를 제작하는 단계를 포함한다.
이때, 상기 메뉴 구조에 대한 정보는 상기 메뉴 중 상기 사용자 단말로부터 지정된 적어도 하나의 핵심 메뉴에 대한 정보를 더 포함할 수 있다.
또한, 상기 제작하는 단계는 상기 선택된 웹사이트 템플릿에 포함된 메뉴 중 상기 지정된 핵심 메뉴를 다른 메뉴와 구별되어 표시되도록 제작할 수 있다.
또한, 상기 제작하는 단계는 상기 지정된 핵심 메뉴의 크기 및 색상 중 적어도 하나를 다른 메뉴와 다르게 표시하거나, 상기 지정된 핵심 메뉴가 일 영역에 그룹화되어 표시되도록 제작할 수 있다.
또한, 상기 웹사이트 제작 방법은 상기 제작된 웹사이트를 구성하는 메뉴 중 기 설정된 기간 동안의 방문자의 페이지 뷰 및 체류시간에 기초하여 핵심 메뉴를 선정하는 단계 및, 상기 선정된 핵심 메뉴를 다른 메뉴와 구별되어 표시되도록 변경하는 단계를 더 포함할 수 있다.
또한, 상기 웹사이트 제작 방법은 상기 사용자 단말에 의해 선택된 웹사이트 템플릿에 대하여 상기 선택에 따른 포인트를 부가하는 단계 및, 상기 부가된 포인트에 따라 상기 선택된 웹사이트 템플릿이 상기 후보 리스트에서 리스팅되는 우선 순위가 결정되는 단계를 더 포함할 수 있다.
한편, 본 발명의 일 실시 예에 따른 웹사이트 제작 서비스 제공 서버는 상기 서비스에 가입된 사용자들에 의해 제작되어 업로드된 복수의 웹사이트 템플릿(template)을 저장하는 저장부, 사용자 단말로부터, 제작할 웹사이트를 구성하는 메뉴의 개수 및 뎁스(depth)를 포함하는 메뉴 구조에 대한 정보를 수신하는 통신부 및, 상기 저장된 웹사이트 템플릿 중 상기 입력된 메뉴 구조에 대한 정보에 대응되는 메뉴 구조를 가지는 웹사이트 템플릿의 후보 리스트를 선정하여 상기 사용자 단말에 제공하고, 상기 사용자 단말에 의해 상기 후보 리스트 중 어느 하나의 웹사이트 템플릿이 선택되면, 상기 선택된 웹사이트 템플릿에 따라 상기 사용자의 웹사이트를 제작하는 프로세서를 포함한다.
이상과 같은 본 발명의 다양한 실시 예에 따르면, 사용자들이 자체적으로 제작한 다양한 웹사이트의 템플릿을 서로 공유하도록 하고, 웹사이트의 핵심이 되는 메뉴 구조에 걸맞는 최적의 디자인을 가지는 템플릿을 선정하여 줌으로써, 사용자가 웹사이트를 좀 더 효과적이고 편리하게 제작할 수 있도록 할 수 있다.
본 발명의 상세한 설명에서 인용되는 도면을 보다 충분히 이해하기 위하여 각 도면의 간단한 설명이 제공된다.
도 1은 본 발명의 일 실시 예에 따른 웹사이트 제작 서비스를 제공하기 위한 시스템을 설명하기 위한 도면,
도 2는 본 발명의 일 실시 예에 따른 웹사이트 제작 방법을 간략히 설명하기 위한 흐름도,
도 3은 본 발명의 일 실시 예에 따른 메뉴 구조를 나타낸 블록도,
도 4는 본 발명의 일 실시 예에 따른 웹사이트 템플릿을 나타낸 도면,
도 5는 본 발명의 일 실시 예에 따라 제작된 웹사이트를 나타낸 도면,
도 6은 본 발명의 일 실시 예에 따른 웹사이트 제작 서비스 제공 서버의 구성을 간략히 설명하기 위한 블록도이다.
먼저, 본 명세서 및 청구범위에서 사용되는 용어는 본 발명의 다양한 실시 예들에서의 기능을 고려하여 일반적인 용어들을 선택하였다. 하지만, 이러한 용어들은 당 분야에 종사하는 기술자의 의도나 법률적 또는 기술적 해석 및 새로운 기술의 출현 등에 따라 달라질 수 있다. 또한, 일부 용어는 출원인이 임의로 선정한 용어일 수 있다. 이러한 용어에 대해서는 본 명세서에서 정의된 의미로 해석될 수 있으며, 구체적인 용어 정의가 없으면 본 명세서의 전반적인 내용 및 당해 기술 분야의 통상적인 기술 상식을 토대로 해석될 수도 있다.
또한, 본 명세서에 첨부된 각 도면에 기재된 동일한 참조 번호 또는 부호는 실질적으로 동일한 기능을 수행하는 부품 또는 구성요소를 나타낸다. 설명 및 이해의 편의를 위해서 서로 다른 실시 예들에서도 동일한 참조번호 또는 부호를 사용하여 설명하도록 한다. 즉, 복수의 도면에서 동일한 참조 번호를 가지는 구성 요소를 모두 도시하고 있다고 하더라도, 복수의 도면들이 하나의 실시 예를 의미하는 것은 아니다.
또한, 본 명세서 및 청구범위에서는 구성요소들 간의 구별을 위하여 '제1', '제2' 등과 같이 서수를 포함하는 용어가 사용될 수 있다. 이러한 서수는 동일 또는 유사한 구성 요소들을 서로 구별하기 위하여 사용하는 것이며, 이러한 서수 사용으로 인하여 용어의 의미가 한정 해석되어서는 안될 것이다. 일 예로, 이러한 서수와 결합된 구성 요소는 그 숫자에 의해 사용 순서나 배치 순서 등이 제한 해석되어서는 안된다. 필요에 따라서는, 각 서수들은 서로 교체되어 사용될 수도 있다.
본 명세서에서 단수의 표현은 문맥상 명백하게 다름을 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, '포함하다' 또는 '구성하다' 등의 용어는 명세서 상에 기재된 특징, 숫자, 단계, 동작, 구성 요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성 요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
또한, 본 발명의 실시 예에서, 어떤 부분이 다른 부분과 연결되어 있다고 할 때, 이는 직접적인 연결뿐 아니라, 다른 매체를 통한 간접적인 연결의 경우도 포함한다. 또한 어떤 부분이 어떤 구성 요소를 포함한다는 의미는, 특별히 반대되는 기재가 없는 한 다른 구성 요소를 제외하는 것이 아니라 다른 구성 요소를 더 포함할 수 있다는 것을 의미한다.
이하, 첨부된 도면을 참조하여 본 발명을 더욱 구체적으로 설명하기로 한다.
도 1은 본 발명의 일 실시 예에 따른 웹사이트 제작 서비스를 제공하기 위한 시스템을 설명하기 위한 도면이다.
도 1을 참조하면, 본 발명의 일 실시 예에 따른 웹사이트 제작 서비스를 제공하기 위한 시스템(1000)은 웹사이트 제작 서비스 제공 서버(100) 및 복수의 사용자 단말(200)을 포함할 수 있으며, 웹사이트 제작 서비스 제공 서버(100) 및 복수의 사용자 단말(200)은 네트워크(10)를 통해 서로 연결될 수 있다.
여기서, 네트워크(10)는 유선 네트워크와 무선 네트워크를 포함할 수 있다. 예를 들어, 네트워크(10)는 근거리 네트워크(LAN: Local Area Network), 도시권 네트워크(MAN: Metropolitan Area Network), 광역 네트워크(WAN: Wide Area Network) 등 다양한 네트워크를 포함할 수 있다. 또한, 네트워크(10)는 공지의 월드 와이드 웹(WWW:World Wide Web)을 포함할 수도 있다. 그러나, 본 발명의 실시 예에 따른 네트워크(10)는 상기 열거된 네트워크에 국한되지 않고, 공지의 무선 데이터 네트워크나 공지의 전화 네트워크, 공지의 유무선 텔레비전 네트워크를 적어도 일부로 포함할 수도 있다.
웹사이트 제작 서비스 제공 서버(100)는 사용자의 웹사이트 제작 편의를 위하여 여러가지의 제작 관련 서비스를 제공하는 구성이다. 여기서, 웹사이트는 포털 사이트, 검색 사이트, 전자상거래 사이트, 다운로드 사이트, 정보 사이트 블로그 사이트 등 다양한 종류의 홈페이지 또는 웹사이트를 포함할 수 있다.
본 발명의 실시 예에 따른 웹사이트 제작 서비스 제공 서버(100)는 웹사이트를 구성하는 웹페이지, 레이아웃, 컴포넌트로 구성되고, 컴포넌트는 텍스트, 이미지, 동영상, 도형 등의 콘텐츠와 메뉴, 갤러리 등을 포함할 수 있다. 여기서, 메뉴는 복수 개의 웹페이지로 구성되는 웹사이트에서, 각 웹페이지로 연결되는 링크를 제공하는 컴포넌트를 의미한다.
웹사이트 제작 서비스 제공 서버(100)는 사용자가 프로그래밍 코드를 직접 입력하지 않고도 웹사이트를 디자인할 수 있는 도구 및 환경을 제공할 수 있다. 이를 위해, 웹사이트 제작 서비스 제공 서버(100)는 기존의 디자인 프로그램이나 문서작성 프로그램의 제작 도구와 유사한 인터페이스가 웹 상에서 직접 구현되는 환경을 제공할 수 있다.
또한, 웹사이트 제작 서비스 제공 서버(100)는 웹사이트 제작 서비스 제공 서버(100)에서 제공하는 환경에서 웹사이트가 제작되기 때문에, 사용자가 최신 웹 브라우저가 제공하는 거의 모든 디자인 효과(HTML5, CSS3, javascript 기반)를 지원하는 다양한 레이아웃을 이용할 수 있게 되는 환경을 제공할 수 있다.
특히, 웹사이트 제작 서비스 제공 서버(100)는 웹사이트를 구성하는 메뉴의 구조, 웹페이지의 적어도 일부를 점유하고 컴포넌트가 삽입되는 프레임인 레이아웃, 웹페이지에 삽입되는 컴포넌트의 종류 및 디자인 등이 이미 결정된 웹사이트 템플릿을 제공하여 사용자가 제공되는 웹사이트 템플릿을 바로 적용하거나 일부 편집하여 보다 편리하게 웹사이트를 제작하도록 할 수 있다.
사용자 단말(200)은 웹사이트를 제작하고자 하는 사용자가 이용하는 단말로, 웹사이트 제작 서비스 제공 서버(100)로부터 제공되는 템플릿에 기초하여 웹사이트를 제작할 수 있다. 도 1은 사용자 단말(200)로서 데스크탑 PC를 도시하고 있으나, 이는 하나의 예시일 뿐이며, 사용자 단말(200)은 데스크탑 PC 외에 네트워크(10)를 통해 웹사이트 제작 서비스 제공 서버(100)와 통신할 수 있는 스마트폰, 태블릿 PC, 노트북 등 다양한 종류의 단말을 포함할 수 있다.
이하에서는 도 2 이하를 참조하여, 본 발명의 일 실시 예에 따른 웹사이트 제작 서비스 제공 방법에 대해 구체적으로 설명하도록 한다.
도 2는 본 발명의 일 실시 예에 따른 웹사이트 제작 방법을 간략히 설명하기 위한 흐름도이다.
먼저, 웹사이트 제작 서비스 제공 서버(100)는 웹사이트 제작 서비스에 가입된 사용자들에 의해 제작되어 업로드된 복수의 웹사이트 템플릿을 저장한다(S210).
구체적으로, 웹사이트 제작 서비스 제공 서버(100)는 웹사이트 제작 서비스에 가입된 사용자들이 제공된 도구 및 환경을 이용하여 독창적으로 웹사이트 템플릿을 제작하고, 제작된 웹사이트 템플릿을 서버(100)의 데이터베이스에 업로드하도록 할 수 있다. 웹사이트 제작 서비스 제공 서버(100)는 데이터베이스에 업로드되어 저장된 웹사이트 템플릿을 사용자들이 공유하도록 하고, 공유된 웹사이트 템플릿에 대하여 사용자들에 의해 선택되어 적용된 수 및/또는 추천 수에 따른 포인트를 부가할 수 있다. 부가된 포인트는 시스템(1000) 내에서 사용가능한 재화로 이용되거나 환전할 수 있도록 함으로써, 웹사이트 템플릿을 제작한 사용자에게 웹사이트 템플릿의 공유에 따른 보상이 제공되도록 할 수 있다.
이후, 웹사이트 제작 서비스 제공 서버(100)는 사용자 단말(200)로부터, 제작할 웹사이트를 구성하는 메뉴의 개수 및 뎁스(depth)를 포함하는 메뉴 구조에 대한 정보를 수신한다(S220).
여기서, 메뉴의 개수는 메인 메뉴의 수를 의미하거나, 메인 메뉴의 수 및 메인 메뉴의 하위에 있는 서브 메뉴의 수를 모두 포함하는 메뉴의 총 개수를 의미할 수 있다. 또한, 메뉴의 뎁스는 메인 메뉴를 기점으로 하는 메뉴의 구조에 있어서 각 서브 메뉴의 계층(hierarchy)을 의미할 수 있다.
도 3을 참조하면, 사용자가 제작할 웹사이트를 구성하는 메뉴의 구조는 메인 메뉴로 구성되는 제1 계층(31), 제1 계층(31)의 각 메인 메뉴의 하위 메뉴인 제1서브 메뉴로 구성되는 제2 계층(32), 제2 계층(32)의 각 제1 서브 메뉴의 하위 메뉴인 제2 서브 메뉴로 구성되는 제3 계층(33)으로 이루어질 수 있다.
예를 들어, 메인 메뉴 #1가 대분류인 '고객 지원'이라면, 제1 서브 메뉴#11은 중분류로서 고객 지원 메뉴 중 세부적인 하위 메뉴인 '이용 안내'이고, 제2 서브 메뉴#111은 소분류로서 이용 안내 메뉴 중 좀 더 세부적인 하위 메뉴인 '이용 안내 동영상'일 수 있다.
사용자 단말(200)은 도 3에 도시된 바와 같은 제작할 웹사이트의 메뉴 구조에 대한 정보를 웹사이트 제작 서비스 제공 서버(100)로 전송할 수 있다. 이때, 웹사이트 제작 서비스 제공 서버(100)는 사용자가 도 3과 같은 메뉴 구조를 트리 형태로 쉽고 편리하게 입력할 수 있는 에디터(editor) 형식의 메뉴 구조 입력기를 사용자 단말(200)에 제공할 수 있다.
이후, 웹사이트 제작 서비스 제공 서버(100)는 저장된 웹사이트 템플릿 중 수신된 메뉴 구조에 대한 정보에 대응되는 메뉴 구조를 가지는 웹사이트 템플릿의 후보 리스트를 선정하여 사용자 단말(200)에 제공한다(S230).
구체적으로, 웹사이트 제작 서비스 제공 서버(100)는 사용자 단말(200)로부터 수신된 웹사이트의 메뉴 구조에 대한 정보에 기초하여, 저장된 웹사이트 템플릿 중 메뉴 구조가 일치하거나 유사한 웹사이트 템플릿을 후보 리스트로 선정하여 사용자 단말(200)에 제공할 수 있다.
도 4는 메뉴 구조가 일치하거나 유사한 웹사이트 템플릿에 대한 후보 리스트의 예를 도시한 것이다.
도 4에 도시된 바와 같이, 웹사이트 템플릿은 웹사이트의 컴포넌트(메뉴 및 콘텐츠)가 웹사이트의 어느 위치에서 어느 크기로 배치되어 있는지, 콘텐츠 엘리먼트의 종류는 무언인지, 메뉴의 구조 및 서브 메뉴가 표시되는 방식이 무엇인지 등을 시각적으로 보여줄 수 있다. 도 4의 (a) 내지 (c)에 도시된 웹사이트 템플릿은 사용자 단말(200)로부터 수신된 메뉴 구조와 동일하거나 유사한 메뉴 구조를 가질 수 있으며, 동일 또는 유사 여부는 상술한 바와 같이 웹사이트 제작 서비스 제공 서버(100)가 메인 메뉴 및 서브 메뉴의 개수, 서브 메뉴의 위치 및 메뉴의 뎁스를 서로 비교하여 판단할 수 있다.
도 4의 (a)는 메인 메뉴가 컨텐츠 영역의 왼쪽 영역에 위치하며 마우스를 메인 메뉴 위로 가져가면 숨겨져 있던 서브 메뉴가 표시되는 드롭다운(dropdown) 메뉴로 이루어진 웹사이트 템플릿, 도 4의 (b)는 동일한 메뉴 형식의 메인 메뉴가 컨텐츠 영역의 오른쪽 영역에 위치하는 웹사이트 템플릿을, 도 4의 (c)는 메인 메뉴가 헤더 영역과 콘텐츠 영역의 사이에 위치하며, 메인 메뉴 중 선택된 어느 하나의 메인 메뉴에 대한 서브 메뉴가 콘텐츠 영역의 왼쪽에 전체로서 표시되는 웹사이트 템플릿을 도시한 것이다. 이와 같이 사용자 단말(200)에 표시된 웹사이트 템플릿의 후보 리스트 중 사용자가 제작할 웹사이트에 적용할 어느 하나의 웹사이트 템플릿을 선택할 수 있다.
웹사이트 제작 서비스 제공 서버(100)는 사용자 단말(200)에 의해 후보 리스트 중 어느 하나의 웹사이트 템플릿이 선택되면, 선택된 웹사이트 템플릿에 따라 사용자의 웹사이트를 제작할 수 있다(S240).
웹사이트 제작 서비스 제공 서버(100)는 사용자 단말(200)에 의해 선택된 웹사이트 템플릿에 대하여 선택에 따른 포인트를 부가할 수 있으며, 부가된 포인트에 따라 선택된 웹사이트 템플릿이 후보 리스트에서 리스팅되는 우선 순위가 결정될 수 있다. 예를 들어, 포인트가 가장 많이 누적된 웹사이트 템플릿이 후보 리스트에서 최상단에 표시될 수 있으며, 포인트가 누적될수록 메뉴 구조가 동일하거나 유사한 웹사이트 템플릿의 각각의 다른 후보 리스트에 속하게 될 확률도 높아질 수 있다.
한편, 메뉴 구조에 대한 정보는 메뉴 중 사용자 단말(200)로부터 지정된 적어도 하나의 핵심 메뉴에 대한 정보를 더 포함할 수 있다. 이에 따라, 웹사이트 제작 서비스 제공 서버(100)는 메인 메뉴 및 서브 메뉴의 개수, 서브 메뉴의 위치 및 메뉴의 뎁스 외에도 핵심 메뉴로 지정된 메뉴를 서로 비교하여, 후보가 되는 웹사이트 템플릿을 선정할 수 있다.
핵심 메뉴는 메뉴를 구성하는 메인 메뉴 및 서브 메뉴 중에서 중요한 정보를 제공하거나 클릭 수가 많을 것이라고 예측되는 메뉴 등 핵심이 되는 메뉴라고 사용자가 지정한 메뉴로서, 사용자 단말(200)로부터 수신된 메뉴 구조에 있어서 이러한 핵심 메뉴의 위치의 동일성 내지 유사성은 사용자에게 적절한 웹사이트 템플릿을 후보로 선정하기 위한 효과적인 수단이 될 수 있다.
이를 위하여, 도 3에 도시된 바와 같이 사용자가 웹사이트 제작 서비스 제공 서버(100)로부터 제공되는 메뉴 구조 입력기 상에서 적어도 하나의 핵심 메뉴(34)를 별도로 지정할 수 있도록 할 수 있다.
또한, 웹사이트 제작 서비스 제공 서버(100)는 사용자로부터 선택된 웹사이트 템플릿에 포함된 메뉴 중 사용자에 의해 지정된 핵심 메뉴를 다른 메뉴와 구별되어 표시되도록 제작할 수 있다. 특히, 웹사이트 제작 서비스 제공 서버(100)는 지정된 핵심 메뉴의 크기 및 색상 중 적어도 하나를 다른 메뉴와 다르게 표시하거나, 지정된 핵심 메뉴가 일 영역에 그룹화되어 표시되도록 제작할 수 있다.
도 5는 사용자에 의해 선택된 웹사이트 템플릿을 적용하여 제작된 웹사이트의 예를 도시한 것이다. 화면에 표시된 웹사이트의 왼쪽 상단 영역에는 로고가, 왼쪽 하단 영역에는 메뉴가 표시될 수 있으며, 웹사이트의 다른 영역에는 콘텐츠 및 부가 메뉴가 표시될 수 있다.
왼쪽 하단 영역에 표시된 메뉴는 5개의 메인 메뉴와 그 하위 서브 메뉴로 구성되는 드롭다운 메뉴일 수 있다. 도 5에 도시된 바와 같이, 제1 메인 메뉴(MAIN 1)가 선택되면, 숨겨져 있던 그 하위 4개의 서브 메뉴(SUB 1 ~ SUB 4)가 표시될 수 있다. 이때, 메뉴 중 사용자 단말(200)에 의해 핵심 메뉴로 지정된 제1 서브 메뉴(SUB 1)(51)와 제4 메인 메뉴(MAIN 4)(52)는 도 5에 도시된 바와 같이, 메뉴의 색상이 다르게 표시되거나 메뉴가 더 크고 굵은 글자로 표시되는 등 다른 메뉴와 구별되는 형태로 표시될 수 있다.
또한, 본 발명의 일 실시 예에 따르면, 웹사이트 제작 서비스 제공 서버(100)는 도 5에 도시된 바와 같이 지정된 핵심 메뉴(51, 52)가 일 영역(53)에 그룹화되어 별도로 표시되도록 제작할 수도 있다.
한편, 본 발명의 다른 실시 예에 따르면, 웹사이트 제작 서비스 제공 서버(100)는 사용자가 핵심 메뉴를 지정하지 않더라도 제작된 웹 사이트를 구성하는 메뉴 중 기 설정된 기간 동안의 방문자의 페이지 뷰(page view) 및 체류시간에 기초하여 핵심 메뉴를 선정하고, 선정된 핵심 메뉴를 다른 메뉴와 구별되어 표시되도록 변경할 수도 있다.
이 경우, 방문자들의 총 페이지 뷰의 수가 높거나 방문자들의 총 체류시간이 높은 메뉴 중 순위에 따른 기 설정된 개수의 메뉴가 핵심 메뉴로 지정될 수 있다.
이와 같은 다양한 실시 예에 따라, 해당 웹사이트의 방문자들이 자주 클릭하는 메뉴 또는 중요하다고 생각되는 정보를 제공하는 메뉴를 쉽게 찾도록 유도할 수 있다.
도 6은 본 발명의 일 실시 예에 따른 웹사이트 제작 서비스 제공 서버의 구성을 간략히 설명하기 위한 블록도이다.
도 6을 참조하면, 본 발명의 일 실시 예에 따른 웹사이트 제작 서비스 제공 서버(100)는 저장부(110), 통신부(120) 및 프로세서(130)를 포함할 수 있다.
저장부(110)는 웹사이트 제작 서비스 제공 서버(100)를 제어하고, 사용자의 요청에 따른 웹사이트를 제작하는 데 필요한 각종 프로그램 및 소프트웨어를 저장할 수 있다. 또한, 저장부(110)는 각 사용자의 회원 계정 정보, 결제 정보, 각 사용자 단말(200)로부터 업로드된 웹사이트 템플릿, 웹사이트 제작에 필요한 각종 도구 및 라이브러리, 사용자에 의해 제작된 웹사이트 등을 저장할 수 있다.
저장부(110)는 HDD(Hard Disk Drive), SSD(Solid State Drive), DRAM 메모리, SRAM 메모리, FRAM 메모리 및 플래시 메모리 중 하나로 구현될 수 있으며, 이 밖에도 다양한 형태의 데이터를 기록 가능한 저장 장치로 구현될 수 있다.
통신부(120)는 각 사용자 단말(200)과 통신을 수행하는 구성이다. 통신부(120)의 통신 방식은 도 1에서 설명한 네트워크에 따른 통신 방식과 중복되므로 구체적인 방식에 대한 설명은 생략하도록 한다.
프로세서(130)는 웹사이트 제작 서비스 제공 서버(100)의 전반적인 동작을 제어하는 구성이다.
구체적으로, 프로세서(130)는 저장부(110)에 저장된 웹사이트 템플릿 중 입력된 메뉴 구조에 대한 정보에 대응되는 메뉴 구조를 가지는 웹사이트 템플릿의 후보 리스트를 선정하여 사용자 단말(200)에 제공하고, 사용자 단말(200)에 의해 후보 리스트 중 어느 하나의 웹사이트 템플릿이 선택되면, 선택된 웹사이트 템플릿에 따라 사용자의 웹사이트를 제작할 수 있다.
또한, 프로세서(130)는 선택된 웹사이트 템플릿에 포함된 메뉴 중 지정된 핵심 메뉴를 다른 메뉴와 구별되어 표시되도록 제작할 수 있다. 또한, 프로세서(130)는 지정된 핵심 메뉴의 크기 및 색상 중 적어도 하나를 다른 메뉴와 다르게 표시하거나, 지정된 핵심 메뉴가 화면의 일 영역에 그룹화되어 표시되도록 제작할 수도 있다.
이상과 같은 본 발명의 다양한 실시 예에 따르면, 사용자들이 자체적으로 제작한 다양한 웹사이트의 템플릿을 서로 공유하도록 하고, 웹사이트의 핵심이 되는 메뉴 구조에 걸맞는 최적의 디자인을 가지는 템플릿을 선정하여 줌으로써, 사용자가 웹사이트를 좀 더 효과적이고 편리하게 제작할 수 있도록 할 수 있다.
한편, 상술한 다양한 실시 예에 따른 웹사이트 제작 방법은 프로그램으로 구현되어 다양한 기록 매체에 저장될 수 있다. 즉, 각종 프로세서에 의해 처리되어 상술한 웹사이트 제작 방법을 실행할 수 있는 컴퓨터 프로그램이 기록 매체에 저장된 상태로 사용될 수도 있다.
일 예로, ⅰ) 웹사이트 제작 서비스에 가입된 사용자들에 의해 제작되어 업로드된 복수의 웹사이트 템플릿을 저장하는 단계, ⅱ) 사용자 단말로부터, 제작할 웹사이트를 구성하는 메뉴의 개수 및 뎁스를 포함하는 메뉴 구조에 대한 정보를 수신하는 단계, ⅲ) 저장된 웹사이트 템플릿 중 수신된 메뉴 구조에 대한 정보에 대응되는 메뉴 구조를 가지는 웹사이트 템플릿의 후보 리스트를 선정하여 사용자 단말에 제공하는 단계 및, ⅳ) 사용자 단말에 의해 후보 리스트 중 어느 하나의 웹사이트 템플릿이 선택되면, 선택된 웹사이트 템플릿에 따라 사용자의 웹사이트를 제작하는 단계를 수행하는 프로그램이 저장된 비일시적 판독 가능 매체(non-transitory computer readable medium)가 제공될 수 있다.
비일시적 판독 가능 매체란 레지스터, 캐쉬, 메모리 등과 같이 짧은 순간 동안 데이터를 저장하는 매체가 아니라 반영구적으로 데이터를 저장하며, 기기에 의해 판독(reading)이 가능한 매체를 의미한다. 구체적으로는, 상술한 다양한 어플리케이션 또는 프로그램들은 CD, DVD, 하드 디스크, 블루레이 디스크, USB, 메모리카드, ROM 등과 같은 비일시적 판독 가능 매체에 저장되어 제공될 수 있다.
이상에서는 본 발명의 바람직한 실시 예에 대하여 도시하고 설명하였지만, 본 발명은 상술한 특정의 실시 예에 한정되지 아니하며, 청구범위에서 청구하는 본 발명의 요지를 벗어남이 없이 당해 발명이 속하는 기술분야에서 통상의 지식을 가진 자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 발명의 기술적 사상이나 전망으로부터 개별적으로 이해되어져서는 안될 것이다.
10: 네트워크 100: 웹사이트 제작 서비스 제공 서버
110: 저장부 120: 통신부
130: 프로세서 200: 사용자 단말

Claims (8)

  1. 웹사이트 제작 서비스 제공 서버에 의한 웹사이트 제작 방법에 있어서,
    상기 서비스에 가입된 사용자들에 의해 제작되어 업로드된 복수의 웹사이트 템플릿(template)을 저장하는 단계;
    사용자 단말로부터, 제작할 웹사이트를 구성하는 메뉴의 개수 및 뎁스(depth)를 포함하는 메뉴 구조에 대한 정보를 수신하는 단계;
    상기 저장된 웹사이트 템플릿 중 상기 수신된 메뉴 구조에 대한 정보에 대응되는 메뉴 구조를 가지는 웹사이트 템플릿의 후보 리스트를 선정하여 상기 사용자 단말에 제공하는 단계; 및
    상기 사용자 단말에 의해 상기 후보 리스트 중 어느 하나의 웹사이트 템플릿이 선택되면, 상기 선택된 웹사이트 템플릿에 따라 상기 사용자의 웹사이트를 제작하는 단계;를 포함하는 웹사이트 제작 방법.
  2. 제1항에 있어서,
    상기 메뉴 구조에 대한 정보는,
    상기 메뉴 중 상기 사용자 단말로부터 지정된 적어도 하나의 핵심 메뉴에 대한 정보를 더 포함하는 것을 특징으로 하는 웹사이트 제작 방법.
  3. 제2항에 있어서,
    상기 제작하는 단계는,
    상기 선택된 웹사이트 템플릿에 포함된 메뉴 중 상기 지정된 핵심 메뉴를 다른 메뉴와 구별되어 표시되도록 제작하는 것을 특징으로 하는 웹사이트 제작 방법.
  4. 제3항에 있어서,
    상기 제작하는 단계는,
    상기 지정된 핵심 메뉴의 크기 및 색상 중 적어도 하나를 다른 메뉴와 다르게 표시하거나, 상기 지정된 핵심 메뉴가 일 영역에 그룹화되어 표시되도록 제작하는 것을 특징으로 하는 웹사이트 제작 방법.
  5. 제1항에 있어서,
    상기 제작된 웹사이트를 구성하는 메뉴 중 기 설정된 기간 동안의 방문자의 페이지 뷰 및 체류시간에 기초하여 핵심 메뉴를 선정하는 단계; 및
    상기 선정된 핵심 메뉴를 다른 메뉴와 구별되어 표시되도록 변경하는 단계;를 더 포함하는 것을 특징으로 하는 웹사이트 제작 방법.
  6. 제1항에 있어서,
    상기 사용자 단말에 의해 선택된 웹사이트 템플릿에 대하여 상기 선택에 따른 포인트를 부가하는 단계; 및
    상기 부가된 포인트에 따라 상기 선택된 웹사이트 템플릿이 상기 후보 리스트에서 리스팅되는 우선 순위가 결정되는 단계;를 더 포함하는 것을 특징으로 하는 웹사이트 제작 방법.
  7. 웹사이트 제작 서비스 제공 서버에 있어서,
    상기 서비스에 가입된 사용자들에 의해 제작되어 업로드된 복수의 웹사이트 템플릿(template)을 저장하는 저장부;
    사용자 단말로부터, 제작할 웹사이트를 구성하는 메뉴의 개수 및 뎁스(depth)를 포함하는 메뉴 구조에 대한 정보를 수신하는 통신부; 및
    상기 저장된 웹사이트 템플릿 중 상기 입력된 메뉴 구조에 대한 정보에 대응되는 메뉴 구조를 가지는 웹사이트 템플릿의 후보 리스트를 선정하여 상기 사용자 단말에 제공하고, 상기 사용자 단말에 의해 상기 후보 리스트 중 어느 하나의 웹사이트 템플릿이 선택되면, 상기 선택된 웹사이트 템플릿에 따라 상기 사용자의 웹사이트를 제작하는 프로세서;를 포함하는 웹사이트 제작 서비스 제공 서버.
  8. 제1항 내지 제6항 중 어느 한 항의 웹사이트 제작 방법을 실행하도록 하는 프로그램이 저장된 기록매체를 포함하는 컴퓨터 프로그램 제품.
KR1020220006804A 2022-01-17 2022-01-17 웹사이트 제작 방법 및 웹사이트 제작 서비스 제공 서버 KR102600743B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020220006804A KR102600743B1 (ko) 2022-01-17 2022-01-17 웹사이트 제작 방법 및 웹사이트 제작 서비스 제공 서버

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020220006804A KR102600743B1 (ko) 2022-01-17 2022-01-17 웹사이트 제작 방법 및 웹사이트 제작 서비스 제공 서버

Publications (2)

Publication Number Publication Date
KR20230111054A true KR20230111054A (ko) 2023-07-25
KR102600743B1 KR102600743B1 (ko) 2023-11-13

Family

ID=87428683

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020220006804A KR102600743B1 (ko) 2022-01-17 2022-01-17 웹사이트 제작 방법 및 웹사이트 제작 서비스 제공 서버

Country Status (1)

Country Link
KR (1) KR102600743B1 (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 (주)플랜아이 웹서비스 구축 자동화 시스템 및 방법, 이를 이용한 웹서비스 제공 방법

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100522186B1 (ko) * 2003-04-16 2005-10-18 주식회사 참좋은인터넷 동적으로 홈페이지를 제작하는 방법 및 이 방법을 웹에서구현하는 장치
KR101760777B1 (ko) * 2016-01-09 2017-08-04 주식회사 넥스트비즈 반응형 웹사이트 빌더 시스템 및 그 방법
KR20190013154A (ko) * 2017-07-31 2019-02-11 주식회사 아이온커뮤니케이션즈 웹 사이트 제작 지원 서버 및 이에 의한 웹 사이트 제작 지원 방법
KR20200112020A (ko) * 2019-03-20 2020-10-05 주식회사위즈위그 레이아웃 템플릿 기반 통합 사이트 관리 시스템 및 방법
KR102234562B1 (ko) * 2020-10-14 2021-03-31 랜드소프트 주식회사 웹 사이트 자동 구축 방법, 서버 및 시스템

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100522186B1 (ko) * 2003-04-16 2005-10-18 주식회사 참좋은인터넷 동적으로 홈페이지를 제작하는 방법 및 이 방법을 웹에서구현하는 장치
KR101760777B1 (ko) * 2016-01-09 2017-08-04 주식회사 넥스트비즈 반응형 웹사이트 빌더 시스템 및 그 방법
KR20190013154A (ko) * 2017-07-31 2019-02-11 주식회사 아이온커뮤니케이션즈 웹 사이트 제작 지원 서버 및 이에 의한 웹 사이트 제작 지원 방법
KR20200112020A (ko) * 2019-03-20 2020-10-05 주식회사위즈위그 레이아웃 템플릿 기반 통합 사이트 관리 시스템 및 방법
KR102234562B1 (ko) * 2020-10-14 2021-03-31 랜드소프트 주식회사 웹 사이트 자동 구축 방법, 서버 및 시스템

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
KR102600743B1 (ko) 2023-11-13

Similar Documents

Publication Publication Date Title
US10409895B2 (en) Optimizing a document based on dynamically updating content
CN101278252B (zh) 数据库应用程序用户界面提供功能的方法及其界面部署的方法
US8595635B2 (en) System, method and apparatus for selecting content from web sources and posting content to web logs
US8370750B2 (en) Technology for generating service program
US9569406B2 (en) Electronic content change tracking
US20160217106A1 (en) Automated generation of mobile optimized website
CN101263490B (zh) 用于提供直接样式表编辑的方法和系统
US20110258562A1 (en) Cross-browser web dialog platform
CN102637184A (zh) 用于定制网页的方法和系统
CN102142011A (zh) 网站字体预览
CN106354483B (zh) 一种数据处理方法、装置及电子设备
KR101547496B1 (ko) 웹 페이지 재구성 방법 및 장치
US7581173B1 (en) Methods and apparatuses for formatting web pages
US20230297768A1 (en) System, method, and apparatus for snapshot sharding
US20160259771A1 (en) Information processing system, information processing apparatus, control method, and storage medium
US10126902B2 (en) Contextual help system
JP2009110391A (ja) 情報処理装置および制御方法および制御プログラム
KR102600743B1 (ko) 웹사이트 제작 방법 및 웹사이트 제작 서비스 제공 서버
US10452748B2 (en) Deconstructing and rendering of web page into native application experience
US20180246859A1 (en) Representing position of graphical user interface elements with hierarchical identifiers
Harris HTML5 and CSS3 All-in-one for Dummies
US7849193B1 (en) Multiple hyperlinks in a uniform resource locator
KR20230033803A (ko) 사용자 편의성을 개선한 웹사이트 제작 툴 제공 방법, 장치 및 시스템
US11243649B2 (en) Method and apparatus for providing web browsing interface including dividing the content display region into at least two spaces, and allowing selection of different modes for loading web pages ot the at elast two spaces
US20230185976A1 (en) Systems and methods for editing and rendering tables

Legal Events

Date Code Title Description
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant