KR101697290B1 - Method and system for making homepage using web browser - Google Patents

Method and system for making homepage using web browser Download PDF

Info

Publication number
KR101697290B1
KR101697290B1 KR1020160104496A KR20160104496A KR101697290B1 KR 101697290 B1 KR101697290 B1 KR 101697290B1 KR 1020160104496 A KR1020160104496 A KR 1020160104496A KR 20160104496 A KR20160104496 A KR 20160104496A KR 101697290 B1 KR101697290 B1 KR 101697290B1
Authority
KR
South Korea
Prior art keywords
common object
common
setting
signal
web
Prior art date
Application number
KR1020160104496A
Other languages
Korean (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 KR1020160104496A priority Critical patent/KR101697290B1/en
Application granted granted Critical
Publication of KR101697290B1 publication Critical patent/KR101697290B1/en
Priority to PCT/KR2017/008954 priority patent/WO2018034509A1/en

Links

Images

Classifications

    • G06F17/3089
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Abstract

The present invention is to provide an interface which enables a user to make and edit a web site on a web browser without installing an additional program or coding. According to an embodiment of the present invention, a system for making a web site realized in a web browser comprises: a common object setting unit for receiving an object setting signal from a web browser installed in a user terminal, and setting a set of one or more objects as a common object; a display position determining unit for setting a web page to insert the common object; and a common object modifying unit for obtaining a modifying signal on the common object from the user terminal, and modifying the common object of all web pages into which the common object is inserted so as to match the modifying signal.

Description

웹 브라우저에서 구현되는 웹사이트 제작 방법 및 시스템{METHOD AND SYSTEM FOR MAKING HOMEPAGE USING WEB BROWSER}METHOD AND SYSTEM FOR MAKING HOMEPAGE USING WEB BROWSER [0001]

본 발명은 웹 브라우저에서 구현되는 웹사이트 제작 방법 및 시스템에 관한 것으로서, 별도의 코딩이나 프로그램 없이도 웹 페이지 상에서 공통 객체를 수정할 수 있는 웹사이트 제작 방법 및 시스템에 관한 것이다.The present invention relates to a method and system for creating a web site, which is implemented in a web browser, and a method and system for creating a web site that can modify a common object on a web page without any additional coding or program.

인터넷의 확산과 더불어 해마다 엄청난 숫자의 새로운 인터넷 웹사이트가 생성되고 있다. 웹사이트란 월드와이드웹(WWW)의 화면 또는 WWW가 제공하는 화면의 총칭을 말한다. 웹사이트를 만들기 위해서 웹사이트 제작도구와 저장공간이 필요하다. 웹사이트 제작 프로그램으로는 나모인터렉티브에서 개발한 나모 웹에디터, 마이크로소프트의 프론트페이지와 매크로미디어의 드림위버 등이 잘 알려져 있으며, PC 통신이나 IP 업체들이 가입자에게 웹사이트 내용을 저장할 수 있는 공간을 제공하고 있다.With the proliferation of the Internet, a huge number of new Internet websites are being created every year. A Web site refers to the World Wide Web (WWW) screen or the WWW-provided screen. Web site creation tools and storage space are required to create a website. Namo WebEditor developed by Namo Interactive, Microsoft's front page and Macromedia's Dreamweaver are well-known as Web site creation programs. PC communication and IP companies provide space for subscribers to store their website contents. have.

그러나, 일반적으로 웹사이트는 웹사이트에 제작에 대한 전문 지식이나 경험이 없는 통상의 인터넷 사용자들이 제작하기는 용이하지 않기 때문에, 웹사이트 제작을 전문으로 하는 업체에 의뢰하여 제작하고 있다.However, in general, websites are not produced by ordinary Internet users who do not have expertise or experience in production on the website, so they are commissioned by a company specializing in website production.

그러나, 이 경우 웹사이트 제작에 너무 많은 비용과 시간이 소요되고, 제작된 웹사이트를 수정하거나 관리하기 위해서 별도의 용역이 필요한 문제점이 있었다.However, in this case, it takes a lot of time and cost to make a website, and there is a problem that a separate service is required to modify or manage the produced website.

또한, 포털 사이트와 같은 일부 웹사이트에서 자동으로 웹사이트를 제작하여 주는 서비스를 제공하고 있으나, 이러한 서비스는 사용자가 입력한 정보를 단순히 출력할 수 있는 단순한 기능의 웹페이지를 생성하는 수준에 불과하여, 웹사이트 제작에 경험이 없는 일반인이 다양한 기능의 웹사이트를 제작하기에는 어려움이 있었다.In addition, some web sites, such as portal sites, provide services that automatically create web sites, but these services are only a matter of creating a simple web page that can simply output the information entered by the user , It has been difficult for a general person who is not experienced in creating a website to produce a web site having various functions.

본 발명은 별도의 프로그램 설치나 코딩 없이도 웹 브라우저 상에서 웹사이트 제작 및 편집을 가능하게 하는 인터페이스를 제공하는 것을 일 목적으로 한다.It is an object of the present invention to provide an interface enabling web site creation and editing on a web browser without installing or coding a separate program.

본 발명은 웹사이트를 제작함에 있어서 하나의 페이지에서만 공통 객체를 변경하면 별도의 코딩 작업 없이도 공통 객체가 적용된 모든 페이지에서 변경된 공통 객체가 적용되는 인터페이스를 제공하는 것을 다른 목적으로 한다.Another object of the present invention is to provide an interface in which a changed common object is applied to all pages to which a common object is applied without changing a common object in a single page when a web site is produced.

본 발명은 웹사이트를 제작함에 있어서 사용자가 공통 객체로서 등록된 객체를 로딩하여 하나 이상의 도메인에 포함된 웹페이지에 삽입할 수 있고, 등록된 객체를 로딩하여 다양한 스타일로 변형할 수 있도록 하는 인터페이스를 제공하는 것을 다른 목적으로 한다.The present invention relates to an interface for allowing a user to load an object registered as a common object in a web site and insert the object into a web page included in one or more domains, Provide for other purposes.

본 발명의 일 실시예에 따르면 웹 브라우저에서 구현되는 웹사이트 제작 시스템으로서, 사용자 단말에 설치된 웹 브라우저로부터 객체 설정 신호를 수신하여, 하나 이상의 객체들의 집합을 공통 객체로 설정하는 공통 객체 설정부; 상기 공통 객체를 삽입할 웹페이지를 설정하는 표시 위치 결정부; 상기 사용자 단말로부터 상기 공통 객체에 대한 수정 신호를 획득하고, 상기 공통 객체가 삽입된 모든 웹페이지들의 상기 공통 객체를 상기 수정 신호에 부합하도록 변경하는 공통 객체 변경부; 를 포함하는 웹사이트 제작 시스템이 제공된다.According to an embodiment of the present invention, there is provided a web site creation system implemented by a web browser, the system comprising: a common object setting unit for receiving an object setting signal from a web browser installed in a user terminal and setting a set of one or more objects as a common object; A display position determination unit configured to determine a web page to insert the common object; A common object changing unit that obtains a correction signal for the common object from the user terminal and changes the common object of all web pages into which the common object is inserted to match the correction signal; Is provided.

본 발명에 있어서, 상기 공통 객체 설정부는, 상기 사용자 단말에 설치된 웹 브라우저에 상기 설정 신호를 입력할 수 있는 객체 설정 인터페이스를 제공할 수 있다.In the present invention, the common object setting unit may provide an object setting interface capable of inputting the setting signal to a web browser installed in the user terminal.

본 발명에 있어서, 상기 표시 위치 결정부는, 상기 사용자 단말에 설치된 웹 브라우저에 상기 공통 객체를 삽입할 웹페이지를 선택할 수 있는 객체 설정 인터페이스를 제공할 수 있다.In the present invention, the display position determining unit may provide an object setting interface capable of selecting a web page to insert the common object into a web browser installed in the user terminal.

본 발명에 있어서, 상기 공통 객체 변경부는, 상기 사용자 단말에 설치된 웹 브라우저에 상기 수정 신호를 입력할 수 있는 객체 설정 인터페이스를 제공할 수 있다.In the present invention, the common object changing unit may provide an object setting interface for inputting the modification signal to a web browser installed in the user terminal.

본 발명에 있어서, 상기 객체 설정 신호 및 상기 수정 신호는 사용자가 상기 사용자 단말에 설치된 웹 브라우저를 이용하여 입력한 신호일 수 있다.In the present invention, the object setting signal and the modification signal may be signals input by a user using a web browser installed in the user terminal.

본 발명에 있어서, 상기 사용자 단말로부터 그룹 지정 요청을 수신하여, 하나 이상의 객체들로 이루어진 다중 객체를 생성하는 다중 객체 생성부; 를 더 포함할 수 있다.In the present invention, a multi-object generating unit receives a group designation request from the user terminal and generates multiple objects composed of one or more objects; As shown in FIG.

본 발명에 있어서, 상기 공통 객체를 상기 웹사이트 제작 시스템에 등록하고, 등록된 공통 객체를 로딩할 수 있는 인터페이스를 제공하는 객체 관리부; 를 더 포함할 수 있다.The object management unit may register the common object in the website production system and provide an interface for loading the registered common object; As shown in FIG.

본 발명에 있어서, 상기 객체 관리부는, 상기 등록된 공통 객체를 로딩하여 서로 다른 도메인에 포함된 웹페이지들에 삽입할 수 있는 인터페이스를 제공할 수 있다.In the present invention, the object management unit may provide an interface by which the registered common object can be loaded and inserted into web pages included in different domains.

본 발명에 있어서, 상기 객체 관리부는, 객체의 종류, 객체의 위치, 객체에 설정된 링크 주소, 객체의 표시 효과, 객체들이 겹쳤을 때의 우선 순위, 객체 설정 메뉴, 결재 정보 중 하나 이상을 포함하는 객체 속성을 관리할 수 있다.In the present invention, the object management unit may include at least one of an object type, an object position, a link address set for the object, a display effect of the object, a priority when the objects overlap, an object setting menu, You can manage object properties.

본 발명에 있어서, 상기 객체 관리부는 로딩된 공통 객체에 대한 변경 신호를 상기 사용자 단말로부터 수신하여, 변경된 공통 객체를 상기 웹사이트 제작 시스템에 등록할 수 있다.In the present invention, the object management unit may receive a change signal for the loaded common object from the user terminal, and register the changed common object in the website production system.

본 발명에 있어서, 상기 웹사이트 제작 시스템을 사용하여 생성된 웹사이트를 모바일용 웹사이트와 동기화하고, 상기 수정 신호에 대응하여 상기 모바일용 웹사이트에 삽입된 상기 공통 객체를 변경하는 모바일 연동부; 를 더 포함할 수 있다.A mobile interworking unit synchronizing a website created using the website production system with a mobile website and modifying the common object inserted in the mobile website in response to the modification signal; As shown in FIG.

본 발명의 다른 일 실시예에 따르면 웹 브라우저에서 구현되는 웹사이트 제작 방법으로서, 사용자 단말에 설치된 웹 브라우저로부터 객체 설정 신호를 수신하여, 하나 이상의 객체들의 집합을 공통 객체로 설정하는 공통 객체 설정 단계; 상기 공통 객체를 설정할 웹페이지를 설정하는 표시 위치 결정 단계; 상기 사용자 단말로부터 상기 공통 객체에 대한 수정 신호를 획득하고, 상기 공통 객체가 설정된 모든 웹페이지들의 상기 공통 객체를 상기 수정 신호에 부합하도록 변경하는 공통 객체 변경 단계; 를 포함하는 웹사이트 제작 방법이 제공될 수 있다.According to another embodiment of the present invention, there is provided a method of creating a web site implemented in a web browser, the method comprising: a common object setting step of receiving an object setting signal from a web browser installed in a user terminal and setting a set of one or more objects as a common object; A display position determining step of setting a web page to set the common object; A common object changing step of obtaining a correction signal for the common object from the user terminal and changing the common object of all web pages in which the common object is set to match the correction signal; A web site creation method may be provided.

본 발명에 의하면, 별도의 프로그램 설치나 코딩 없이도 웹 브라우저 상에서 용이하게 웹사이트를 제작 및 편집할 수 있다.According to the present invention, it is possible to easily create and edit a web site on a web browser without installing or coding another program.

본 발명에 의하면, 별도의 코딩 작업 없이도 복수의 페이지에 공통적으로 적용된 객체를 웹 브라우저 상에서 일괄적으로 변경할 수 있다.According to the present invention, an object commonly applied to a plurality of pages can be collectively changed on a web browser without a separate coding operation.

본 발명에 의하면, 웹사이트 제작에 필요한 객체를 다양한 스타일로 저장 및 등록할 수 있고, 등록된 객체를 로딩하여 변형 사용하는 것이 가능하므로, 웹사이트 제작을 보다 용이하게 할 수 있다.According to the present invention, objects necessary for web site creation can be stored and registered in various styles, and it is possible to use modified objects by loading registered objects, thereby making web site production easier.

도 1 은 본 발명의 일 실시예에 따른 웹사이트 제작 시스템의 구성을 나타낸 도면이다.
도 2 는 본 발명의 일 실시예에 따른 서비스 서버(100)의 내부 구성을 도시한 도면이다.
도 3 은 본 발명의 일 실시예에 따른 웹사이트 제작 서비스의 편집 모드의 화면을 예시한 도면이다.
도 4 는 본 발명의 일 실시예에 따라 공통 객체를 설정하는 객체 설정 인터페이스를 설명하기 위한 도면이다.
도 5 는 본 발명의 일 실시예에 따라 공통 객체가 표시될 페이지를 설정하는 객체 설정 인터페이스를 설명하기 위한 도면이다.
도 6 은 본 발명의 일 실시예에 따라 객체를 수정할 수 있는 객체 설정 인터페이스를 설명하기 위한 도면이다.
도 7 은 본 발명의 일 실시예에 따라 등록된 객체를 추가하는 객체 추가 인터페이스를 설명하기 위한 도면이다.
도 8 은 본 발명의 일 실시예에 따라 등록된 객체가 페이지에 적용된 예를 나타낸 도면이다.
도 9 는 본 발명의 일 실시예에 따른 웹사이트 제작 방법을 시계열적으로 나타낸 도면이다.
1 is a diagram showing a configuration of a web site creation system according to an embodiment of the present invention.
2 is a diagram illustrating an internal configuration of a service server 100 according to an embodiment of the present invention.
3 is a view illustrating a screen of an editing mode of a web site creation service according to an embodiment of the present invention.
4 is a view for explaining an object setting interface for setting a common object according to an embodiment of the present invention.
5 is a diagram for explaining an object setting interface for setting a page on which a common object is to be displayed according to an embodiment of the present invention.
6 is a view for explaining an object setting interface capable of modifying an object according to an embodiment of the present invention.
7 is a view for explaining an object addition interface for adding a registered object according to an embodiment of the present invention.
8 is a diagram illustrating an example in which a registered object is applied to a page according to an embodiment of the present invention.
FIG. 9 is a time-series diagram illustrating a method of producing a web site according to an embodiment of the present invention.

후술하는 본 발명에 대한 상세한 설명은, 본 발명이 실시될 수 있는 특정 실시예를 예시로서 도시하는 첨부 도면을 참조한다. 이러한 실시예는 당업자가 본 발명을 실시할 수 있기에 충분하도록 상세히 설명된다. 본 발명의 다양한 실시예는 서로 다르지만 상호 배타적일 필요는 없음이 이해되어야 한다. 예를 들어, 본 명세서에 기재되어 있는 특정 형상, 구조 및 특성은 본 발명의 정신과 범위를 벗어나지 않으면서 일 실시예로부터 다른 실시예로 변경되어 구현될 수 있다. 또한, 각각의 실시예 내의 개별 구성요소의 위치 또는 배치도 본 발명의 정신과 범위를 벗어나지 않으면서 변경될 수 있음이 이해되어야 한다. 따라서, 후술하는 상세한 설명은 한정적인 의미로서 행하여지는 것이 아니며, 본 발명의 범위는 특허청구범위의 청구항들이 청구하는 범위 및 그와 균등한 모든 범위를 포괄하는 것으로 받아들여져야 한다. 도면에서 유사한 참조부호는 여러 측면에 걸쳐서 동일하거나 유사한 구성요소를 나타낸다.The following detailed description of the invention refers to the accompanying drawings, which illustrate, by way of illustration, specific embodiments in which the invention may be practiced. These embodiments are described in sufficient detail to enable those skilled in the art to practice the invention. It should be understood that the various embodiments of the present invention are different, but need not be mutually exclusive. For example, the specific shapes, structures, and characteristics described herein may be implemented by changing from one embodiment to another without departing from the spirit and scope of the invention. It should also be understood that the location or arrangement of individual components within each embodiment may be varied without departing from the spirit and scope of the present invention. Therefore, the following detailed description is not to be taken in a limiting sense, and the scope of the present invention should be construed as encompassing the scope of the appended claims and all equivalents thereof. In the drawings, like reference numbers designate the same or similar components throughout the several views.

이하에서는, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자가 본 발명을 용이하게 실시할 수 있도록 하기 위하여, 본 발명의 여러 실시예에 관하여 첨부된 도면을 참조하여 상세히 설명하기로 한다.DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings in order to facilitate a person skilled in the art to which the present invention pertains.

도 1 은 본 발명의 일 실시예에 따른 웹사이트 제작 시스템의 구성을 나타낸 도면이다.1 is a diagram showing a configuration of a web site creation system according to an embodiment of the present invention.

본 발명은 웹에서 구현되는 웹사이트 제작 방법 및 시스템에 관한 것으로, 본 발명의 일 실시예에 따르면 별도의 프로그램 설치나 코딩 없이도 웹 브라우저(web bowser) 상에서 용이하게 웹사이트를 제작 및 편집할 수 있는 인터페이스가 제공된다. 또한, 본 발명의 일 실시예에 따르면 여러 페이지로 이루어지는 웹사이트를 제작함에 있어서, 하나의 페이지에서만 공통 객체를 변경하면 사용자가 별도로 코드 작업을 할 필요 없이 전체 페이지에서 자동으로 공통 객체가 변경되어 저장되는 인터페이스를 제공할 수 있다.The present invention relates to a method and system for producing a web site implemented on the web. According to an embodiment of the present invention, a web site can be easily created and edited on a web browser without installing or coding a separate program. Interface is provided. In addition, according to the embodiment of the present invention, when a common object is changed only in one page in the production of a multi-page web site, the common object is automatically changed in the entire page, Lt; / RTI > interface.

보다 상세하게는, 본 발명의 일 실시예에 따른 웹사이트 제작 시스템은 후술하는 바와 같이, 서비스 서버(100), 서비스 서버(100)로부터 웹사이트 제작 및 편집 인터페이스를 제공받는 복수개의 사용자 단말(300)들, 상기 서비스 서버(100)와 복수개의 사용자 단말(300)을 연결하는 통신망(400)을 포함한다.More specifically, as described later, the web site creation system according to an embodiment of the present invention includes a service server 100, a plurality of user terminals 300 And a communication network 400 for connecting the service server 100 to a plurality of user terminals 300.

먼저, 본 발명의 일 실시예에 따르면 서비스 서버(100)는 본 발명의 일 실시예에 따라 웹사이트를 제작 및 편집할 수 있는 인터페이스를 사용자 단말(300)에 제공하는 서비스 서버(100)이다.First, according to an embodiment of the present invention, a service server 100 is a service server 100 that provides an interface to a user terminal 300 to create and edit a web site according to an embodiment of the present invention.

또한, 복수개의 휴대용 단말(300)들은 유무선 통신 환경에서 웹 서비스를 이용할 수 있고, 온라인 학습을 위한 애플리케이션이 설치 및 구동될 수 있는 다양한 종류의 단말기를 의미한다. 즉, 휴대용 단말(300)는 태블릿 퍼스널 컴퓨터(tablet personal computer), 이동 전화(mobile telephone), 스마트폰(smart phone), 전화(telephone), 퍼스널 컴퓨터(personal computer), 및 퍼스널 디지털 보조장치(personal digital assistant), 전자책 단말기(e-book reader)와 같은 클라이언트 컴퓨팅 환경들과 실질적으로 동일한 구성요소일 수 있다. 여기서, 도 1에는 휴대용 단말(300)가 퍼스널 컴퓨터(personal computer)(301) 또는 스마트폰(smart phone)(302)인 것으로 도시되어 있으나, 본 발명의 사상은 이에 제한되지 아니하면, 상술한 바와 같이 온라인 학습을 위해 소정의 문제가 디스플레이되고 사용자로부터 정답을 입력받는 애플리케이션이 설치 및 구동될 수 있는 모든 종류의 전자기기가 상정가능하다 할 것이다. In addition, the plurality of portable terminals 300 may be various types of terminals that can use a web service in a wired / wireless communication environment and an application for on-line learning can be installed and operated. That is, the portable terminal 300 may be a tablet personal computer, a mobile telephone, a smart phone, a telephone, a personal computer, and a personal digital assistant digital assistant, e-book reader, and the like. 1, the portable terminal 300 is a personal computer 301 or a smart phone 302. However, the present invention is not limited to the above embodiments, Likewise, all kinds of electronic devices, in which an application for which a predetermined problem is displayed for on-line learning and an answer input from a user can be installed and driven, are presumably available.

한편, 통신망(400)은 복수 개의 휴대용 단말(300)들과 애플리케이션 서버(100)를 연결하는 역할을 수행한다. 즉, 통신망(400)은 휴대용 단말(300)들이 애플리케이션 서버(100)에 접속한 후 패킷 데이터를 송수신할 수 있도록 접속 경로를 제공하는 통신망을 의미한다.Meanwhile, the communication network 400 plays a role of connecting a plurality of portable terminals 300 to the application server 100. That is, the communication network 400 refers to a communication network that provides a connection path so that the portable terminals 300 can transmit and receive packet data after accessing the application server 100.

기존에는 그래픽 유저 인터페이스를 사용하여 사용자에게 컨텐츠를 편집할 수 있도록 하는 프로그램이 다수 개발되어 있다. 대표적인 예로서, 마이크로소프트사의 파워 포인트(power point)를 이용하면 슬라이드 내에서 사용자는 텍스트와 같은 컨텐츠 뿐만 아니라 도형, 이미지, 수식, 동영상, 소리 등의 다양한 멀티미디어 컨텐츠를 마우스 클릭으로 생성 및 편집하는 것이 가능하다. 또한, 파워 포인트(power point)에서는 공통된 컨텐츠들을 마스터 모드를 이용하여 편집 가능했으나, 마스터 모드에서 설정된 공통된 컨텐츠들은 동일한 형식을 갖는 모든 페이지들에 일괄적으로 적용되어 버리는 불편함이 있었다.A number of programs have been developed that allow users to edit content using a graphical user interface. As a representative example, when a power point of Microsoft is used, a user can create and edit various multimedia contents such as graphics, images, formulas, moving pictures, sound, It is possible. In addition, although the common contents can be edited using the master mode at the power point, common contents set in the master mode are inconveniently applied to all the pages having the same format.

그러나, 상기와 같이 별도의 그래픽 유저 인터페이스를 제공하여 사용자에게 텍스트가 아닌 멀티미디어 컨텐츠를 편집할 수 있도록 하는 것은 파워포인트와 같이 일부 개발 및 배포된 프로그램에서만 가능하였다. 이에 반해, 웹사이트 제작의 경우 웹페이지를 생성할 수 있는 언어 자체가 웹사이트를 구성하여, 그래픽 유저 인터페이스를 사용하여 사용자에게 편집 기능을 제공하기 어려운 면이 있었다. 따라서, 웹사이트 제작을 위해서는 숙련된 웹 기능을 다룰 줄 아는 기술자이거나, 혹은 제공된 별도의 프로그램을 통해서만 웹사이트를 제작하는 것이 가능하였다. 혹은, 블로그와 같이 매우 제한된 형식 내에서 간단한 이미지, 텍스트 등만을 바꿀 수 있는 방법으로 웹사이트 제작 서비스가 제공되고 있었다. 따라서, 기존의 웹사이트 제작 방법에 의하면 직접 전문가에게 의뢰하거나 프로그램을 구입하기 위한 비용이 많이 투입되었으며, 혹은 제한된 형식의 웹사이트 밖에 제작하지 못하였다.However, it is possible to edit multimedia contents other than text by providing a separate graphic user interface as described above only in some developed and distributed programs such as PowerPoint. On the other hand, in the case of web site production, the language itself capable of generating a web page constitutes a web site, and it has been difficult to provide a user with an editing function using a graphic user interface. Therefore, it was possible to produce a website only through a technician who can handle skilled web functions, or through a separate program provided. Alternatively, a web site creation service was provided in such a way that only a simple image, text, etc. can be changed within a very limited format such as a blog. Therefore, according to the conventional method of producing a website, it is costly to directly refer to a specialist or purchase a program, or to make only a limited format website.

이에 반해, 본 발명의 일 실시예에 따른 서비스 서버(100)는 웹 브라우저 상에서 웹사이트를 제작 및 편집하되, 도메인 및 페이지들 간에 공통되는 객체를 자유롭게 조정할 수 있도록 하는 웹사이트 제작 및 편집 인터페이스를 사용자 단말(300)에 제공한다.On the other hand, the service server 100 according to an embodiment of the present invention may include a web site creation and editing interface for creating and editing a web site on a web browser, And provides it to the terminal 300.

도 2 는 본 발명의 일 실시예에 따른 서비스 서버(100)의 내부 구성을 도시한 도면이다.2 is a diagram illustrating an internal configuration of a service server 100 according to an embodiment of the present invention.

먼저, 서비스 서버(100)는 통신부(110), 메모리(120), 프로그램 저장부(130), 제어부(140), 데이터베이스(150), 공통 객체 설정부(161), 표시 위치 결정부(162), 공통 객체 변경부(163), 다중 객체 생성부(164), 객체 관리부(165) 및 코딩 적용부(166)를 포함한다.First, the service server 100 includes a communication unit 110, a memory 120, a program storage unit 130, a control unit 140, a database 150, a common object setting unit 161, a display position determination unit 162, A common object changing unit 163, a multiple object generating unit 164, an object managing unit 165, and a coding application unit 166.

통신부(110)는 서비스 서버(100)와 사용자 단말(300)들 간의 송수신 신호를 패킷 데이터 형태로 제공하는 데 필요한 통신 인터페이스를 제공한다. 여기서, 통신부(110)는 다른 네트워크 장치와 유무선 연결을 통해 제어 신호 또는 데이터 신호와 같은 신호를 송수신하기 위해 필요한 하드웨어 및 소프트웨어를 포함하는 장치일 수 있다. The communication unit 110 provides a communication interface necessary for providing transmission / reception signals between the service server 100 and the user terminals 300 in the form of packet data. Here, the communication unit 110 may be a device including hardware and software necessary for transmitting / receiving signals such as a control signal or a data signal through a wired / wireless connection with other network devices.

메모리(120)는 제어부(140)가 처리하는 데이터를 일시적 또는 영구적으로 저장하는 기능을 수행한다. 여기서, 메모리(120)는 자기 저장 매체(magnetic storage media) 또는 플래시 저장 매체(flash storage media)를 포함할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.The memory 120 performs a function of temporarily or permanently storing data processed by the controller 140. Here, the memory 120 may include magnetic storage media or flash storage media, but the scope of the present invention is not limited thereto.

프로그램 저장부(130)는 본 발명의 일 실시예에 따라 후술할 제어부(140)가 실행하는 모든 과정을 지시하는 명령으로 구성된 프로그램을 저장할 수 있다.The program storage unit 130 may store a program including instructions for instructing all the processes executed by the control unit 140, which will be described later, according to an embodiment of the present invention.

제어부(140)는 일종의 중앙처리장치로서 웹사이트 제작 및 편집을 위한 인터페이스를 제공하는 전체 과정을 제어한다. 즉, 제어부(140)는 프로그램 저장부(130)에 탑재된 제어 소프트웨어를 구동하고, 서비스 서버(100)내의 각 부를 제어하여 사용자 단말(200)에 조언을 제공하는 기능을 수행할 수 있다.The control unit 140 controls the entire process of providing an interface for web site creation and editing as a kind of central processing unit. That is, the control unit 140 may operate the control software installed in the program storage unit 130, and may control the respective units in the service server 100 to provide advice to the user terminal 200. [

여기서, 제어부(140)는 프로세서(processor)와 같이 데이터를 처리할 수 있는 모든 종류의 장치를 포함할 수 있다. 여기서, '프로세서(processor)'는, 예를 들어 프로그램 내에 포함된 코드 또는 명령으로 표현된 기능을 수행하기 위해 물리적으로 구조화된 회로를 갖는, 하드웨어에 내장된 데이터 처리 장치를 의미할 수 있다. 이와 같이 하드웨어에 내장된 데이터 처리 장치의 일 예로써, 마이크로프로세서(microprocessor), 중앙처리장치(central processing unit: CPU), 프로세서 코어(processor core), 멀티프로세서(multiprocessor), ASIC(application-specific integrated circuit), FPGA(field programmable gate array) 등의 처리 장치를 망라할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.Here, the control unit 140 may include all kinds of devices capable of processing data, such as a processor. Herein, the term " processor " may refer to a data processing apparatus embedded in hardware, for example, having a circuit physically structured to perform a function represented by a code or an instruction contained in the program. As an example of the data processing apparatus built in hardware, a microprocessor, a central processing unit (CPU), a processor core, a multiprocessor, an application-specific integrated circuit (ASIC) circuit, and a field programmable gate array (FPGA), but the scope of the present invention is not limited thereto.

데이터베이스(150)는 본 명세서에서 후술할 객체들 및 객체들의 속성에 대한 데이터가 저장될 수 있으며, 후술한는 객체 관리부(165)는 객체들을 데이터베이스(150)에 등록하거나 등록된 객체들을 로딩할 수 있다. 한편, 후술하는 바와 같이 본 발명의 다른 실시예에 있어서는, 객체들은 데이터베이스(150)에 저장 및 로딩될 필요 없이 실시간으로 사용자의 웹 브라우저에 반영될 수도 있다.The database 150 may store data on attributes of objects and objects described later in this specification, and the object management unit 165 may register the objects in the database 150 or load the registered objects . Meanwhile, in another embodiment of the present invention, as described later, the objects may be reflected in the user's web browser in real time without having to be stored and loaded into the database 150.

공통 객체 설정부(161)는 사용자 단말(300)에 설치된 웹 브라우저로부터 객체 설정 신호를 수신하여, 하나 이상의 객체들의 집합을 공통 객체로 설정한다. 이때, 공통 객체란 하나 이상의 웹페이지 혹은 하나 이상의 도메인에서 공통적으로 표시되는 객체를 의미한다. 즉, 공통 객체 설정부(161)는 사용자가 웹 브라우저 상에서 선택한 객체를 공통 객체로 설정할 수 있다. 이를 위해, 공통 객체 설정부(161)는 사용자 단말(300)에 설치된 웹 브라우저에 설정 신호를 입력할 수 있는 객체 설정 인터페이스를 제공한다. 혹은, 본 발명의 다른 일 실시예에 따르면 공통 객체 설정부(161)는 서비스 서버(100)에 기저장된 하나 이상의 객체들의 집합을 공통 객체로 설정할 수도 있다. 또한, 공통 객체 설정부(161)는 사용자 단말(300)로부터의 객체 설정 신호를 사용자 정보와 함께 획득함으로써, 데이터베이스(150)에 공통 객체를 저장 및 로딩할 필요 없이 실시간으로 사용자가 편집 중인 웹브라우저에 공통 객체가 반영되도록 할 수 있다.The common object setting unit 161 receives an object setting signal from a web browser installed in the user terminal 300, and sets a set of one or more objects as a common object. In this case, a common object means an object that is commonly displayed in one or more web pages or one or more domains. That is, the common object setting unit 161 can set the object selected by the user on the web browser as a common object. To this end, the common object setting unit 161 provides an object setting interface for inputting a setting signal to a web browser installed in the user terminal 300. Alternatively, according to another embodiment of the present invention, the common object setting unit 161 may set a set of one or more objects previously stored in the service server 100 as a common object. The common object setting unit 161 acquires the object setting signal from the user terminal 300 together with the user information so that the common object setting unit 161 can set the common object in the database 150, So that the common object can be reflected.

본 발명의 일 실시예에 있어서, '페이지'란 브라우저 상에 로딩되는 파일에 대응되는 개념이고, '도메인'은 페이지들로 이루어진 사이트의 주소를 의미한다. 예를 들어, 도메인은 'aa.com', 'bb.com' 등의 사이트 주소를 의미하고, 하나의 도메인에 포함된 페이지들은 'aa.com/a1.html', 'aa.com/a2.html' 일 수 있다. 본 발명의 일 실시예에 따른 공통 객체들은 하나의 도메인에 포함된 페이지들에 공통적으로 표시될 수도 있고, 사용자가 공통 객체를 본 발명의 시스템에 등록하는 경우, 다른 도메인의 페이지에서도 로딩되어 사용될 수 있다. 이에 대해서는 하기에서 보다 상세히 살펴보기로 한다.In one embodiment of the present invention, 'page' is a concept corresponding to a file loaded on a browser, and 'domain' means an address of a site composed of pages. For example, a domain refers to site addresses such as' aa.com ',' bb.com ', and' aa.com/a1.html ',' aa.com/a2. html '. Common objects according to an exemplary embodiment of the present invention may be displayed in common to pages included in one domain. When a user registers a common object in the system of the present invention, have. This will be described in more detail below.

한편, 본 발명의 일 실시예에 따른 서비스 서버(100)는 사용자에게 웹사이트를 제작 및 수정할 수 있는 그래픽 유저 인터페이스를 웹 브라우저 상에서 지원한다. 이에 따라, 사용자는 웹 브라우저 상에서, 별도의 코딩이나 프로그램을 사용할 필요 없이, 웹사이트의 표시 내용을 보고 직접 객체들을 편집하여 웹사이트를 제작할 수 있다. 즉, 본 발명의 일 실시예에 따른 웹사이트 제작 시스템은 사용자가 별도의 코딩이나 프로그램을 사용하지 않고, 웹 브라우저 상에서 그래픽 유저 인터페이스를 이용하여 자신의 웹사이트를 제작 및 편집할 수 있는 인터페이스를 제공한다.Meanwhile, the service server 100 according to an embodiment of the present invention supports a graphical user interface that enables a user to create and modify a web site on a web browser. Accordingly, the user can create the web site by directly viewing the contents of the web site and editing the objects without using a separate coding or a program on the web browser. That is, the web site creation system according to an embodiment of the present invention provides an interface through which a user can create and edit his / her web site using a graphic user interface on a web browser without using a separate coding or a program do.

보다 상세히, 사용자는 본 발명의 일 실시예에 따른 웹사이트 제작 서비스에 로그인하여, 웹사이트의 편집 모드로 들어갈 수 있다. 이하의 설명에서, 사용자의 행위는 모두 본 발명의 서비스 서버(100)가 제공한 웹사이트 편집 모드에서 이루어지는 것으로 가정하고 설명하기로 한다.In more detail, the user may log into the website creation service according to an embodiment of the present invention and enter the edit mode of the web site. In the following description, it is assumed that all the actions of the user are performed in the website editing mode provided by the service server 100 of the present invention.

도 3 은 본 발명의 일 실시예에 따른 웹사이트 제작 서비스의 편집 모드의 화면을 예시한 도면이다.3 is a view illustrating a screen of an editing mode of a web site creation service according to an embodiment of the present invention.

도 3 을 참조하면, 현재 웹사이트에는 메뉴바(a1) 및 컨텐츠(a2)가 존재하며, 사용자는 메뉴바(a1) 및 컨텐츠(a2)에 존재하는 객체들의 속성을 원하는 대로 변경할 수 있다. 예를 들어, 사용자는 메뉴바(a1)의 위치를 옮기거나, 내용을 변경할 수 있다. 또한, 사용자는 컨텐츠(a2)에 존재하는 객체를 변경할 수 있다. 이때, 본 발명의 '객체' 란, 웹페이지 상에서 구현될 수 있는 이미지, 텍스트, 소리, 동영상 등의 멀티미디어 컨텐츠를 모두 포함할 수 있다Referring to FIG. 3, a menu bar a1 and a content a2 exist in the current web site, and the user can change attributes of objects existing in the menu bar a1 and the content a2 as desired. For example, the user can move the position of the menu bar (a1) or change the contents. In addition, the user can change an object existing in the content a2. Here, the 'object' of the present invention may include multimedia contents such as images, texts, sounds, and videos that can be implemented on a web page

예를 들어, 도 3 에 도시된 바와 같이 'HOME' 페이지의 컨텐츠 영역(a2)에는 복수개의 이미지와 복수개의 텍스트 컨텐츠들이 존재할 수 있으며, a21 는 전화모양의 이미지 객체, a22 및 a23 는 이미지 객체이다. 본 발명의 일 실시예에 따른 웹사이트 제작 서비스에서, 사용자는 각 객체를 선택하여 편집할 수 있다. 예를 들어, 사용자는 a21 객체를 선택한 후 이미지를 변경하거나, a22 객체를 선택하여 텍스트를 변경할 수 있다.For example, as shown in FIG. 3, a plurality of images and a plurality of text contents may exist in the content area a2 of the 'HOME' page, a21 is a phone image object, a22 and a23 are image objects . In the web site creation service according to the embodiment of the present invention, the user can select and edit each object. For example, the user can change the text by selecting the a21 object and then changing the image, or by selecting the a22 object.

한편, 도 3 의 실시예에서는, a2 의 메뉴 표시 영역에 나타난 바와 같이, 해당 웹사이트는 페이지로서 HOME, COURSES, PRICES, TEACHER, CONTACTS 를 가질 수 있다. 편집 모드에서, 사용자는 메뉴의 항목을 증가시키거나, 메뉴의 이름을 변경시키는 등의 편집 기능을 수행하여 페이지를 증가시키거나 변경할 수 있다.On the other hand, in the embodiment of FIG. 3, as shown in the menu display area of a2, the corresponding website may have HOME, COURSES, PRICES, TEACHER, CONTACTS as pages. In the edit mode, the user can increase or change the page by performing an editing function such as increasing the menu item or changing the menu name.

즉, 일반적인 하나의 도메인은 도 3 에서 예시한 바와 같이 복수개의 페이지로 이루어질 수 있다. 본 발명의 일 실시예에 의하면, 복수개의 페이지 상에 공통 객체들이 동일 형상으로 동일 위치에 표시될 수 있고, 이러한 속성을 가지는 객체들을 공통 객체라고 칭할 수 있다. 상술한 바와 같이, 본 발명의 일 실시예에 따라 공통 객체 설정부(161)는 사용자 단말에 설치된 웹 브라우저로부터 객체 설정 신호를 수신하여, 하나 이상의 객체들의 집합을 공통 객체로 설정할 수 있다.That is, a general one domain may be composed of a plurality of pages as illustrated in FIG. According to an embodiment of the present invention, common objects may be displayed on the same page in the same shape on a plurality of pages, and objects having such attributes may be referred to as common objects. As described above, according to an embodiment of the present invention, the common object setting unit 161 may receive an object setting signal from a web browser installed in the user terminal, and set a set of one or more objects as a common object.

도 4 는 본 발명의 일 실시예에 따라 공통 객체를 설정하는 객체 설정 인터페이스를 설명하기 위한 도면이다.4 is a view for explaining an object setting interface for setting a common object according to an embodiment of the present invention.

도 4 에서 볼 수 있는 바와 같이, 본 발명의 일 실시예에 따라 사용자가 특정 객체(도 4 의 실시예에서는 홈버튼(a3))에 대해 추가 설정을 원하여 객체를 선택한 후 마우스 오른쪽 버튼을 클릭하면, 객체 설정 메뉴(a4, a5)가 표시될 수 있다. 이때, 도 4 의 실시예에 따르면 사용자가 특정 객체를 공통 객체로 표시하고자 하는 경우, 사용자는 해당 객체의 속성 중 '여러 페이지 표시'를 선택하여 여러 객체를 표시할 수 있다. 예를 들어, 사용자는 도 3 의 왼쪽에 표시된 홈버튼(a3)가 페이지가 바뀌는 것에 상관없이 항상 같은 모양으로, 같은 위치에 표시되기를 원하는 경우 해당 객체를 선택한 후, 마우스 오른쪽 버튼을 눌러 나타나는 객체 설정 메뉴(a4)에서 '여러 페이지 표시'를 선택하여 홈버튼(a3) 객체가 공통 객체가 되도록 설정할 수 있다. 이 경우, 홈버튼(a3)은 페이지가 바뀌는 것에 상관없이 항상 같은 위치에 표시될 수 있으므로, 홈버튼(a3)에 'HOME' 페이지의 링크를 함께 걸어두는 경우 도메인의 이용자들은 현재 표시되고 있는 페이지에 상관없이 편하게 'HOME' 페이지로 이동할 수 있다.As shown in FIG. 4, according to an embodiment of the present invention, when a user desires additional setting for a specific object (the home button a3 in the embodiment of FIG. 4) , The object setting menus a4 and a5 may be displayed. In this case, according to the embodiment of FIG. 4, when a user wants to display a specific object as a common object, the user can select 'display multiple pages' among the attributes of the object to display various objects. For example, if the user desires to display the home button a3 on the left side of FIG. 3 at the same position regardless of whether the page is changed, the user selects the corresponding object, The user can set the home button a3 to be a common object by selecting 'display multiple pages' on the menu a4. In this case, since the home button a3 can be always displayed at the same position regardless of the page being changed, when a link of the home page is put together with the home button a3, You can easily go to the 'HOME' page.

표시 위치 결정부(162)는 본 발명의 일 실시예에 따라 공통 객체를 표시할 페이지를 설정할 수 있다. 상술한 바와 같이 공통 객체들은 복수개의 웹페이지에 표시될 수 있다. 이 경우, 표시 위치 결정부(162)는 동일 도메인에 속하는 페이지들에서도 공통 객체들이 표시될 페이지와, 표시되지 않을 페이지를 설정할 수 있다. 이를 위해, 표시 위치 결정부(162)는 사용자 단말(200)에 설치된 웹 브라우저에 상기 공통 객체를 표시할 페이지를 선택할 수 있는 객체 설정 인터페이스를 제공할 수 있다. 또한, 표시 위치 결정부(162)는 반드시 동일한 도메인 내의 페이지들에 대해서만 공통 객체를 표시할 것을 설정하는 것이 아니라, 서로 다른 도메인 내의 복수개의 페이지들에 대해서도 공통 객체를 표시할 것을 설정할 수 있다.The display position determining unit 162 may set a page to display the common object according to an embodiment of the present invention. As described above, the common objects can be displayed on a plurality of web pages. In this case, the display position determining unit 162 can set a page on which common objects are displayed and a page that is not to be displayed even on pages belonging to the same domain. For this purpose, the display position determining unit 162 may provide an object setting interface for selecting a page to display the common object in a web browser installed in the user terminal 200. [ In addition, the display position determining unit 162 may be configured not to display only common objects for pages within the same domain but to display common objects for a plurality of pages in different domains.

본 발명의 일 실시예에 따르면 공통 객체를 표시하기 위해서는, 공통 객체가 표시되는 페이지에 동일한 내용의 코딩이 삽입될 필요가 있다. 따라서, 표시 위치 결정부(162)는, 공통 객체가 표시될 페이지에는 공통 객체와 관련한 코딩을 삽입하고, 표시되지 않을 페이지에는 공통 객체와 관련한 코딩을 삽입하지 않을 수 있다.According to an embodiment of the present invention, in order to display a common object, it is necessary that coding of the same content is inserted in a page in which a common object is displayed. Therefore, the display position determination unit 162 may insert coding related to the common object into the page on which the common object is to be displayed, and not insert coding related to the common object into the page that is not to be displayed.

따라서, 본 발명의 일 실시예에 따르면 공통 객체를 설정하더라도, 반드시 모든 페이지에 공통 객체가 표시되는 것이 아니라, 공통 객체가 표시될 수 있는 페이지를 각각 지정할 수 있으므로, 웹사이트 제작 및 편집의 자유도가 높아질 수 있다.Therefore, according to the embodiment of the present invention, even if the common object is set, not only common objects are displayed on all pages, but pages on which common objects can be displayed can be respectively designated, Can be increased.

예를 들어, 일반적인 웹사이트의 홈페이지, 즉 해당 도메인 주소를 입력했을 때 나타나는 첫 페이지는 다른 페이지들과 달리 세부적인 내용을 포함하고 있지 않을 수 있다. 예를 들어, 페이지들의 가장 하단에 일반적으로 표시되는 연락처, 대표자, 회사 정보 등의 정보는 홈페이지에는 표시되지 않을 수 있다. 이 경우 연락처, 대표자, 회사 정보를 공통 객체를 설정하되, 공통 객체가 삽입되는 페이지를 홈페이지가 아닌 다른 모든 페이지로 설정함으로써, 웹사이트를 용이하게 제작할 수 있다. For example, the homepage of a general web site, that is, the first page that appears when a domain address is input, may not contain detailed details unlike other pages. For example, information such as contacts, representatives, company information, and the like generally displayed at the bottom of pages may not be displayed on the home page. In this case, a common object is set as a contact, a representative, and a company information, but a page in which a common object is inserted is set to all pages other than the homepage, so that a website can be easily produced.

도 5 는 본 발명의 일 실시예에 따라 공통 객체가 표시될 페이지를 설정하는 객체 설정 인터페이스를 설명하기 위한 도면이다.5 is a diagram for explaining an object setting interface for setting a page on which a common object is to be displayed according to an embodiment of the present invention.

도 5 는 도 4 의 실시에에 후속하여, 홈버튼(a3)에 대한 객체 설정 메뉴(a4)에서 '여러 페이지 표시'를 선택한 경우 나타날 수 있는, 페이지 설정에 대한 객체 설정 메뉴(a4')를 나타내고 있다. 즉, 사용자가 특정 객체를 공통 객체로 설정하기 위해 '여러 페이지 표시'를 선택한 경우, 도 4 의 객체 설정 메뉴(a4')와 같이 해당 객체가 표시되는 페이지를 설정할 수 있는 메뉴가 나타난다. 이때, 객체 설정 메뉴(a4')에는 웹사이트들의 페이지 목록인 HOME, COURSES, PRICES, TEACHER, CONTACTS 가 표시되고, 사용자는 원하는 페이지 옆의 체크박스를 선택하여 공통 객체가 표시될 페이지를 선택할 수 있다. 도 5 의 예시에서, 사용자는 HOME, COURSES, TEACHER 페이지에 홈버튼(a3)이 표시되도록 설정할 수 있다. 사용자의 입력에 따라 표시 위치 결정부(162)는 공통 객체를 표시할 위치를 설정할 수 있다.5 shows an example of setting an object setting menu (a4 ') for a page setting, which may be displayed when' display multiple pages' is selected in the object setting menu a4 for the home button a3 Respectively. That is, when the user selects' display multiple pages' to set a specific object as a common object, a menu for setting the page on which the object is displayed is displayed as shown in the object setting menu (a4 ') of FIG. At this time, HOME, COURSES, PRICES, TEACHER, and CONTACTS are displayed on the object setting menu a4 ', and the user can select a page to display the common object by selecting a check box next to the desired page . In the example of FIG. 5, the user can set the home button a3 to be displayed on the HOME, COURSES, and TEACHER pages. The display position determining unit 162 may set a position at which the common object is displayed according to the input of the user.

공통 객체 변경부(163)는 공통 객체에 대한 수정 신호를 획득하고, 공통 객체가 표시된 모든 웹페이지들의 공통 객체를 수정 신호에 부합하도록 변경한다. 즉, 공통 객체 변경부(163)는 공통 객체가 표시된 일 페이지 상에서 입력된 공통 객체의 수정 사항을, 공통 객체를 포함하는 모든 페이지에 적용될 수 있도록 한다. 이로써, 사용자는 공통 객체를 하나의 페이지에서만 수정하여도, 공통 객체가 포함된 모든 페이지에서 수정 사항이 반영되는 효과를 가질 수 있다. 달리 말해, 공통 객체 변경부(163)는 공통 객체가 표시된 웹페이지 상에서, 수정 신호가 획득되는 경우, 상기 공통 객체가 표시된 다른 웹페이지들에 포함된 공통 객체를 모두 상기 수정 신호에 부합하도록 변경한다. 마찬가지로, 공통 객체에 대한 수정 신호는 사용자 단말(300)로부터 획득되며, 수정 신호는 사용자가 사용자 단말(300)에 설치된 웹 브라우저 상에서 입력한 수정 신호이다. 이를 위해, 공통 객체 변경부(163)는 사용자 단말(300)에 설치된 웹 브라우저에 수정 신호를 입력할 수 있는 객체 설정 인터페이스를 제공할 수 있다.The common object changing unit 163 obtains the correction signal for the common object and changes the common object of all the web pages displaying the common object to match the correction signal. That is, the common object changing unit 163 allows the modification of the common object inputted on one page displayed with the common object to be applied to all pages including the common object. Accordingly, even if the user modifies the common object in only one page, the user can have the effect that the modification is reflected in all the pages including the common object. In other words, when the modification signal is obtained on the web page on which the common object is displayed, the common object changing unit 163 changes all the common objects included in the other web pages displayed with the common object to match the modification signal . Likewise, a modification signal for the common object is obtained from the user terminal 300, and the modification signal is a modification signal entered by the user on the web browser installed in the user terminal 300. [ To this end, the common object changing unit 163 may provide an object setting interface for inputting a modification signal to a web browser installed in the user terminal 300. [

한편, 비록 도 4 및 도 5 에서는 도시되지 않았지만, 공통 객체 설정부(161)는 하나 이상의 객체들의 집합을, 하나 이상의 도메인에 포함된 페이지들에 삽입될 수 있는 공통 객체로 설정할 수도 있다. 즉, 도 4 에 도시된 '여러 페이지 표시'메뉴를 선택하는 경우, 동일 도메인 내의 복수개의 페이지에 삽입되는 공통 객체를 선택할 수 있지만, 본 발명의 다른 일 실시예에 따르면 서로 다른 도메인의 페이지들에 삽입될 수 있는 공통 객체를 설정하는 인터페이스를 제공할 수 있다. 이를 위해, 본 발명의 일 실시예에 따른 공통 객체 설정부(161)는 복수의 도메인에 포함된 페이지들에 삽입될 수 있는 공통 객체들을 웹사이트 제작 시스템에 등록할 수 있다. 등록된 공통 객체들은, 후술하는 도 7 에 도시된 객체 추가(a8) 메뉴의 객체들을 사용하여 서로 다른 도메인 혹은 서로 다른 페이지들 간에 사용되기 위해 로딩될 수 있다.Although not shown in FIGS. 4 and 5, the common object setting unit 161 may set a set of one or more objects as common objects that can be inserted into pages included in one or more domains. In other words, when selecting the 'Display Multiple Pages' menu shown in FIG. 4, it is possible to select common objects to be inserted into a plurality of pages in the same domain. However, according to another embodiment of the present invention, It can provide an interface for setting common objects that can be inserted. To this end, the common object setting unit 161 according to an embodiment of the present invention may register common objects that can be embedded in pages included in a plurality of domains in a website production system. The registered common objects can be loaded for use between different domains or between different pages using the objects of the add object (a8) menu shown in Fig. 7 to be described later.

본 발명의 명세서에서는 공통 객체를 변경할 때 페이지마다 단순히 '변경될 수 있다' 라고 표현되지만, 코딩 적용부(166)는 페이지들의 공통 객체를 일괄적으로 변경하기 위해, 공통 객체와 관련한 부분의 코딩이 수정 신호에 따라 변경되도록 할 수 있다. 이 밖에도, 본 발명의 일 실시예에 따른 웹사이트 제작 및 편집 인터페이스를 제공하기 위한 모든 웹 코딩을 수행될 수 있다.In the specification of the present invention, when a common object is changed, it is simply expressed as 'can be changed' for each page. However, in order to change the common objects of the pages collectively, the coding application unit 166 applies coding It can be changed according to the correction signal. In addition, all web coding for providing a web site creation and editing interface according to an embodiment of the present invention can be performed.

도 6 은 본 발명의 일 실시예에 따라 객체를 수정할 수 있는 객체 설정 인터페이스를 설명하기 위한 도면이다.6 is a view for explaining an object setting interface capable of modifying an object according to an embodiment of the present invention.

도 5 의 실시예에 계속하여, 공통 객체로 설정된 홈버튼(a3)은 HOME, COURSES, TEACHER 에 표시되어 있을 수 있다. 이때, 도 6 의 메뉴(a1)에 도시된 바와 같이 사용자는 현재 페이지인 COURSES 페이지에서 홈버튼(a3)을 수정함으로써, HOME 및 TEACHER 페이지에 표시되는 홈버튼(a3)을 한꺼번에 수정할 수 있다. 보다 상세히, 도 6 의 실시예에 따르면, 사용자가 객체 설정 메뉴(a5) 중 '도형 변경' 메뉴를 선택하는 경우, 도형 변경과 관련한 객체 설정 메뉴(a6)가 제공될 수 있다. 도형 변경과 관련한 객체 설정 메뉴(a6)에서 홈버튼(a3)의 도형을 대체할 다른 도형을 선택할 수 있으며, 선택된 도형으로 COURSES 페이지의 홈버튼(a3')은 물론, HOME 및 TEACHER 페이지의 홈버튼(a3')이 한꺼번에 수정될 수 있다. 이로써, 사용자는 별도의 코딩이나 프로그램이 없이도 복수의 페이지들에 공통적으로 표시되는 공통 객체를 설정 및 편집할 수 있다.Continuing with the embodiment of FIG. 5, the home button a3 set as a common object may be displayed in HOME, COURSES, and TEACHER. At this time, as shown in the menu (a1) of FIG. 6, the user can modify the home button a3 displayed on the HOME and TEACHER pages at once by modifying the home button a3 on the current page COURESES. More specifically, according to the embodiment of Fig. 6, when the user selects the 'change figure' menu among the object setting menu a5, an object setting menu a6 related to the change of the figure can be provided. It is possible to select another figure to be replaced with the figure of the home button a3 in the object setting menu a6 related to the figure change, and the home button a3 'of the COURSES page as well as the HOME button of the HOME and TEACHER page (a3 ') can be modified at once. Thereby, the user can set and edit a common object that is commonly displayed on a plurality of pages without a separate coding or a program.

다중 객체 생성부(164)는 그룹 지정 요청을 수신하여, 하나 이상의 객체들로 이루어진 다중 객체를 생성할 수도 있다. 즉, 사용자는 본 발명의 일 실시예에 따른 웹사이트 제작 서비스의 편집 화면에서, 하나의 객체 뿐만 아니라 복수개의 객체를 선택하여 그룹 지정 요청을 전송할 수 있다. 그룹 지정 요청은, 다수개의 객체를 선택하면 제공되는 객체 설정 인터페이스를 이용하여 생성할 수 있으며, 예를 들어 사용자는 복수개의 객체를 드래그한 후에 나타나는 객체 설정 인터페이스로 다중 객체에 대한 그룹 지정 요청을 생성할 수 있다. 다중 객체 생성부(164)는 그룹 지정 요청에 포함된 객체들의 속성에 기초하여, 복수개의 객체들로 이루어진 다중 객체를 생성한다. 생성된 다중 객체는 일반적인 객체와 마찬가지로 취급되며, 상술한 공통 객체가 될 수 있음은 물론이다.The multiple object generation unit 164 may receive a group designation request to generate multiple objects including one or more objects. That is, the user can select not only one object but also a plurality of objects on the editing screen of the web site creation service according to an embodiment of the present invention, and transmit the group designation request. The group designation request can be generated by using an object setting interface provided when a plurality of objects are selected. For example, a user creates a group designation request for multiple objects with an object setting interface appearing after dragging a plurality of objects can do. The multiple object generation unit 164 generates multiple objects including a plurality of objects based on the attributes of the objects included in the group designation request. The generated multiple objects are handled in the same way as general objects, and of course, they can be the common objects described above.

객체 관리부(165)는 객체들을 관리할 수 있다. 객체 관리부(165)는 일반 단일 객체뿐만 아니라 상술한 공통 객체 및 다중 객체를 등록 및 관리할 수 있다. 이때, 객체 관리부(165)는 공통 객체를 본 발명의 시스템에 등록하고, 등록된 객체들을 해당 페이지 뿐만 아니라 다른 페이지, 또한 다른 도메인의 페이지들에도 적용할 수 있는 인터페이스를 제공할 수 있다. 이때, 등록된 객체들은 등록한 사용자 본인이 로딩하여 사용할 수도 있고, 혹은 타 사용자가 로딩하여 사용할 수도 있다. 또한, 등록된 객체는 사용자들이 등록한 것이 아니라 시스템 상에서 기본적으로 제공되는 객체일 수도 있다.The object management unit 165 may manage the objects. The object management unit 165 can register and manage not only the general single object but also the common objects and the multiple objects described above. At this time, the object management unit 165 may register a common object in the system of the present invention and provide an interface that can apply the registered objects not only to the corresponding page but also to other pages, and also to pages of other domains. At this time, the registered objects can be used by the registered user himself or by other users. Also, the registered object may not be registered by the users, but may be an object basically provided on the system.

또한, 본 발명의 일 실시예에 따르면 사용자는 등록된 객체를 로딩한 후 다양한 스타일로 변형하여 새로운 객체로 등록할 수 있고, 다른 스타일의 적용을 원하는 경우 별도의 코드 작업 없이 다른 스타일의 저장된 객체를 바로 적용할 수 있다. 즉, 본 발명의 일 실시예에 따르면 객체 관리부(165)는 등록된 객체들이 다른 도메인의 페이지들에서 적용될 수 있도록 하고, 등록된 객체를 사용하는 경우에도 해당 객체를 변경할 수 있는 인터페이스를 제공한다.In addition, according to an embodiment of the present invention, a user may load registered objects and then transform them into various styles and register them as new objects. If another style is desired, It can be applied immediately. That is, according to one embodiment of the present invention, the object management unit 165 allows the registered objects to be applied to pages of different domains, and provides an interface for changing the object even when the registered object is used.

예를 들어, 많이 쓰이는 '홈버튼'과 같은 공통 객체가 시스템에 등록되고, 다른 도메인의 페이지들에서도 동일한 '홈버튼'이 사용될 수 있도록 저장된 객체들을 불러올 수 있는 인터페이스가 제공될 수 있다. 사용자는 다른 도메인의 웹사이트 제작 시에도 등록된 '홈버튼'을 로딩하여 페이지에 사입할 수 있다. 또한, 사용자는 불러온 '홈버튼'의 스타일을 별도의 코딩 작업 없이 변경하는 것과, 변경된 '홈버튼' 객체를 새로운 공통 객체로 등록하는 것도 가능하다.For example, an interface may be provided that allows a common object such as a popular 'home button' to be registered in the system, and to retrieve stored objects so that the same 'home button' may be used in the pages of other domains. The user can load the registered 'home button' and insert it into the page even when creating a website of another domain. Also, it is possible for the user to change the style of the loaded 'home button' without any coding work and to register the changed 'home button' object as a new common object.

도 7 은 본 발명의 일 실시예에 따라 등록된 객체를 페이지에 추가하는 객체 추가 인터페이스를 설명하기 위한 도면이다.7 is a view for explaining an object addition interface for adding a registered object to a page according to an embodiment of the present invention.

도 7 을 참조하면, 페이지 설정 메뉴(a7)에서 사용자가 객체 추가 버튼(예를 들어, 가운데 버튼)을 선택하여, 객체 추가 메뉴(a8)가 나타난 것을 알 수 있다. 도 7 에 나타난 바와 같이, 객체 추가 메뉴(a8)는 메뉴, 이미지, 텍스트, 도형, 버튼 등 객체의 종류 별로 카테고리화되어 있는 것을 알 수 있다. 그러나, 본 발명은 반드시 이에 한정되지 않고 등록된 객체를 추가할 수 있도록 하는 다양한 인터페이스를 제공할 수 있다. 도 7 에서 볼 수 잇는 바와 같이, 객체 추가 메뉴(a8) 중 컨텐츠 카테고리에는 뉴스, 상품에 대한 이미지, 텍스트 객체들의 집합으로 구성된 다중 객체들이 표시될 수 있다. 이와 같은 다중 객체를 사용하는 경우, 사용자는 정형화된 컨텐츠들을 보다 편리하게 다양한 도메인 및 페이지에서 등록할 수 있다.Referring to FIG. 7, in the page setting menu a7, the user selects an object addition button (for example, middle button), and the object addition menu a8 appears. As shown in FIG. 7, it can be seen that the object addition menu a8 is categorized according to the types of objects such as a menu, an image, a text, a graphic, and a button. However, the present invention is not limited thereto, and it is possible to provide various interfaces for adding registered objects. As shown in FIG. 7, in the content category of the object addition menu (a8), multiple objects composed of a news, a product image, and a set of text objects can be displayed. When such a multi-object is used, the user can more easily register the formatted contents in various domains and pages.

즉,상술한 도 4 의 예시에서는 동일한 도메인 내에서 공통 객체를 설정('여러 페이지 표시' 선택)하여 동일한 도메인 내의 복수개의 페이지에서 공통 객체를 표시하는 구성을 설명하였다. 추가적으로, 본원 발명의 다른 일 실시예에 따르면, 사용자는 특정 객체를 서로 다른 도메인의 페이지들에서도 사용할 수 있도록 객체를 등록할 수 있다. 예를 들어, 도 7 에 도시된 객체 추가(a8) 메뉴의 객체들은 사용자가 서로 다른 도메인 혹은 서로 다른 페이지들 간에 사용하기 위해 등록한 공통 객체일 수 있다. 다른 예시에서는, 도 7 에 도시된 객체 추가(a8) 메뉴의 객체들은 시스템에서 미리 등록된 공통 객체일 수도 있다.That is, in the example of FIG. 4, a common object is displayed in a plurality of pages in the same domain by setting a common object (selecting 'display multiple pages') in the same domain. In addition, according to another embodiment of the present invention, a user can register an object so that a specific object can be used also in pages of different domains. For example, the objects of the object addition (a8) menu shown in FIG. 7 may be common objects registered by the user for use between different domains or between different pages. In another example, the objects of the object addition (a8) menu shown in Fig. 7 may be a common object registered in advance in the system.

도 8 은 본 발명의 일 실시예에 따라 등록된 객체가 페이지에 적용된 예를 나타낸 도면이다.8 is a diagram illustrating an example in which a registered object is applied to a page according to an embodiment of the present invention.

본 발명의 일 실시예에 따르면, 사용자는 하나 이상의 도메인에 포함된 웹페이지에서 사용하기 위해 등록된 공통 객체를 선택하여 원하는 도메인의 페이지에 삽입할 수 있다. 또한, 본 발명의 일 실시예에 따르면 사용자가 등록된 객체를 사용하더라도 원하는 스타일로 변형 및 등록할 수 있으므로, 복잡한 코딩 과정을 거치지 않더라도 등록된 객체의 형식에 맞춰 본인이 원하는 컨텐츠를 생성할 수 있다.According to an embodiment of the present invention, a user can select a common object registered for use in a web page included in one or more domains and insert the same into a page of a desired domain. In addition, according to an embodiment of the present invention, even if a user uses a registered object, it is possible to transform and register a desired style, so that a user can create desired content according to the format of the registered object without complicated coding process .

일 예로, 도 8 에 도시된 기업소개(a9)는 하나 이상의 도메인에 포함된 웹페이지에서 사용하기 위해 등록된 공통 객체를 로딩한 것으로서, 사용자는 '요약 설명 1, 2, 3' 에 자신의 컨텐츠를 입력하여 저장할 수 있다. 이로써, 사용자는 직접 '기업 소개'와 같은 정형적인 콘텐츠를 직접 코딩하지 않아도 제공된 객체를 사용하여 용이하게 웹사이트에 삽입할 수 있다.For example, the enterprise introduction (a9) shown in FIG. 8 is a loading of a common object registered for use in a web page included in one or more domains, and the user inputs' Can be input and stored. In this way, the user can easily insert into the website using the provided object without directly coding the formal contents such as 'company introduction' directly.

추가적으로, 객체 관리부(165)는 객체들의 속성을 관리할 수 있다. 객체들의 속성이란, 객체의 종류(그림, 텍스트, 동영상, 소리 등), 객체의 위치, 객체에 설정된 링크 주소, 객체를 선택했을 때 나타난 효과, 객체의 표시 효과(그림자 효과, 테두리 효과 등), 객체들이 겹쳤을 때의 우선 순위, 객체를 선택했을 때 나타날 수 있는 객체 설정 메뉴, 어플 연동 정보, 결재 정보 등을 포함할 수 있다.In addition, the object management unit 165 may manage the attributes of the objects. The attributes of the objects include the type of the object (picture, text, video, sound, etc.), the position of the object, the link address set in the object, the effect displayed when the object is selected, the display effect (shadow effect, An object setting menu that can be displayed when an object is selected, an application linkage information, and approval information.

특히, 본 발명의 일 실시예에 따르면 객체 관리부(165)는 객체가 결재 정보에 대한 속성을 갖도록 할 수 있다. 결재 정보에 대한 속성이란, 해당 객체와 연관된 가격, 할인율, 카드사, 결재 수단 등이 될 수 있다. 본 발명에 따르면 객체 자체가 결재 정보에 대한 속성을 가지고 있으므로, 해당 객체를 공통 객체로 설정하여 다른 페이지에 표시되도록 하는 경우에도, 중복하여 결재 정보를 입력할 필요가 없다.In particular, according to an embodiment of the present invention, the object management unit 165 may allow an object to have attributes for approval information. The attribute of the settlement information may be a price associated with the object, a discount rate, a credit card company, a settlement means, and the like. According to the present invention, since the object itself has an attribute for approval information, even when the object is set as a common object and displayed on another page, there is no need to input approval information redundantly.

예를 들어, 특정 객체가 상품에 대한 이미지로서 '신상품' 페이지에 삽입되고, 해당 이미지는 결재 정보로서 '상품가: 10000원' 이라는 속성을 갖는 경우를 상정할 수 있다. 이때, 사용자가 해당 이미지를 공통 객체로서 설정한 후 '베스트 상품' 페이지에 삽입하도록 선택하는 경우, '베스트 상품' 페이지에도 동일한 결재 속성을 갖는 이미지가 삽입될 수 있다. 즉, 객체 자체가 결재 정보에 대한 속성을 갖는 경우, 공통 객체로서 설정될 때 복수개의 페이지에 동일한 결재 속성을 갖는 객체들이 용이하게 등록될 수 있으므로, 중복되는 객체에 대한 결재 정보를 일일이 입력할 필요가 없어 쇼핑몰 사이트를 제작할 때 편리함이 도모될 수 있다.For example, it can be assumed that a specific object is inserted as an image for a product in a " new product " page, and the image has an attribute of 'goods price: 10000 won' as the settlement information. At this time, if the user selects the image to be inserted into the 'best product' page after setting the image as a common object, the image having the same approval attribute may be inserted into the 'best product' page. That is, when the object itself has an attribute for the approval information, objects having the same approval attribute can be easily registered in a plurality of pages when the object is set as a common object. Therefore, it is necessary to input the approval information for the overlapping object There is no way to make it easy to create a shopping mall site.

모바일 연동부(166)는 본 발명의 일 실시예에 따른 웹사이트 제작 시스템을 이용하여 제작된 웹사이트를 모바일 웹사이트와 동기화시키는 역할을 수행한다. 또한, 웹브라우저 상에서 입력된 공통 객체의 수정 신호에 대응하여 모바일용 웹사이트에 삽입된 공통 객체 역시 동일한 수정 내용이 반영되도록 변경한다. 일반적으로, 데스크탑에서 디스플레이될 수 있는 화면과 모바일 상에서 디스플레이 될 수 있는 화면은 크기 차이로 인해 콘텐츠 형식 및 제공량에 있어서 차이점이 존재한다. 따라서, 본 발명에서는 사용자가 웹브라우저 상에서 본 발명의 웹사이트 제작 시스템을 이용하여 웹사이트를 제작하더라도, 모바일 페이지에서도 적절한 방식으로 변형되도록 할 수 있다.The mobile interworking unit 166 synchronizes the web site created using the web site creation system according to an embodiment of the present invention with the mobile web site. Also, the common object inserted in the mobile website for the modification of the common object input on the web browser is also changed to reflect the same modification. Generally, there is a difference in the content type and the presentation amount due to the size difference between the screen that can be displayed on the desktop and the screen that can be displayed on the mobile. Accordingly, in the present invention, even if a user uses a web site creation system of the present invention to create a web site on a web browser, the web page can be modified in an appropriate manner even in a mobile page.

예를 들어, 도 4 및 도 5에 표시된 웹사이트의 각 객체들은 모바일 페이지에 적합하도록 객체의 사이즈, 위치, 레이아웃 및 컨텐츠가 적절하게 조정될 수 있다. 또한, 홈버튼(a3) 역시, 사용자가 웹브라우저 상에서 편집모드를 이용하여 공통 객체로 설정하는 경우 모바일 페이지에서도 마찬가지로 공통 객체로 설정되어, 모바일 페이지의 'HOME', 'COURSES', 'TEACHER' 페이지도 동일하게 삽입될 수 있다.For example, the size, location, layout, and content of an object can be appropriately adjusted so that each object of the website shown in Figs. 4 and 5 is suitable for a mobile page. Also, the home button a3 is also set as a common object in the mobile page when the user sets the common object using the edit mode on the web browser, and the 'HOME', 'COURSES', and 'TEACHER' Can be inserted in the same manner.

또한, 사용자가 웹브라우저 상에서 편집 모드를 이용하여 특정 객체에 결재 정보와 관련한 속성을 부여하는 경우, 모바일 상의 대응되는 객체 역시 동일 결재 정보를 가질 수 있다. 즉, 모바일 페이지에 적합하게 객체의 위치, 크기 및 레이아웃 등이 변경되는 경우에도, 사용자가 등록한 결재에 관한 속성은 모바일 상의 대응되는 객체가 동일하게 가질 수 있다.In addition, when a user gives an attribute related to the approval information to a specific object using the edit mode on the web browser, the corresponding object on the mobile can also have the same approval information. That is, even when the position, size, layout, and the like of the object are changed suitably for the mobile page, the attribute related to the payment registered by the user can have the same corresponding object on the mobile.

도 9 는 본 발명의 일 실시예에 따른 웹사이트 제작 방법을 시계열적으로 나타낸 도면이다.FIG. 9 is a time-series diagram illustrating a method of producing a web site according to an embodiment of the present invention.

도 9 를 참조하면, 사용자 단말에 설치된 웹 브라우저로부터 객체 설정 신호를 수신하여, 하나 이상의 객체들의 집합을 공통 객체로 설정한다(S01)9, an object setting signal is received from a web browser installed in a user terminal, and a set of one or more objects is set as a common object (S01)

상기 공통 객체를 표시할 웹페이지를 설정한다(S02).A web page to display the common object is set (S02).

상기 사용자 단말로부터 상기 공통 객체에 대한 수정 신호를 획득하고, 상기 공통 객체가 표시된 모든 웹페이지들의 상기 공통 객체를 상기 수정 신호에 부합하도록 변경한다(S03). (S03), acquiring a modification signal for the common object from the user terminal, and changing the common object of all web pages displayed with the common object to match the modification signal.

본 발명에서 설명하는 특정 실행들은 일 실시 예들로서, 어떠한 방법으로도 본 발명의 범위를 한정하는 것은 아니다. 명세서의 간결함을 위하여, 종래 전자적인 구성들, 제어 시스템들, 소프트웨어, 상기 시스템들의 다른 기능적인 측면들의 기재는 생략될 수 있다. 또한, 도면에 도시된 구성 요소들 간의 선들의 연결 또는 연결 부재들은 기능적인 연결 및/또는 물리적 또는 회로적 연결들을 예시적으로 나타낸 것으로서, 실제 장치에서는 대체 가능하거나 추가의 다양한 기능적인 연결, 물리적인 연결, 또는 회로 연결들로서 나타내어질 수 있다. 또한, “필수적인”, “중요하게” 등과 같이 구체적인 언급이 없다면 본 발명의 적용을 위하여 반드시 필요한 구성 요소가 아닐 수 있다.The specific acts described in the present invention are, by way of example, not intended to limit the scope of the invention in any way. For brevity of description, descriptions of conventional electronic configurations, control systems, software, and other functional aspects of such systems may be omitted. Also, the connections or connecting members of the lines between the components shown in the figures are illustrative of functional connections and / or physical or circuit connections, which may be replaced or additionally provided by a variety of functional connections, physical Connection, or circuit connections. Also, unless stated otherwise such as " essential ", " importantly ", etc., it may not be a necessary component for application of the present invention.

본 발명의 명세서(특히 특허청구범위에서)에서 “상기”의 용어 및 이와 유사한 지시 용어의 사용은 단수 및 복수 모두에 해당하는 것일 수 있다. 또한, 본 발명에서 범위(range)를 기재한 경우 상기 범위에 속하는 개별적인 값을 적용한 발명을 포함하는 것으로서(이에 반하는 기재가 없다면), 발명의 상세한 설명에 상기 범위를 구성하는 각 개별적인 값을 기재한 것과 같다. 마지막으로, 본 발명에 따른 방법을 구성하는 단계들에 대하여 명백하게 순서를 기재하거나 반하는 기재가 없다면, 상기 단계들은 적당한 순서로 행해질 수 있다. 반드시 상기 단계들의 기재 순서에 따라 본 발명이 한정되는 것은 아니다. 본 발명에서 모든 예들 또는 예시적인 용어(예들 들어, 등등)의 사용은 단순히 본 발명을 상세히 설명하기 위한 것으로서 특허청구범위에 의해 한정되지 않는 이상 상기 예들 또는 예시적인 용어로 인해 본 발명의 범위가 한정되는 것은 아니다. 또한, 당업자는 다양한 수정, 조합 및 변경이 부가된 특허청구범위 또는 그 균등물의 범주 내에서 설계 조건 및 팩터에 따라 구성될 수 있음을 알 수 있다.The use of the terms " above " and similar indication words in the specification of the present invention (particularly in the claims) may refer to both singular and plural. In addition, in the present invention, when a range is described, it includes the invention to which the individual values belonging to the above range are applied (unless there is contradiction thereto), and each individual value constituting the above range is described in the detailed description of the invention The same. Finally, the steps may be performed in any suitable order, unless explicitly stated or contrary to the description of the steps constituting the method according to the invention. The present invention is not necessarily limited to the order of description of the above steps. The use of all examples or exemplary language (e.g., etc.) in this invention is for the purpose of describing the present invention only in detail and is not to be limited by the scope of the claims, It is not. It will also be appreciated by those skilled in the art that various modifications, combinations, and alterations may be made depending on design criteria and factors within the scope of the appended claims or equivalents thereof.

이상 설명된 본 발명에 따른 실시예는 다양한 컴퓨터 구성요소를 통하여 실행될 수 있는 프로그램 명령어의 형태로 구현되어 컴퓨터 판독 가능한 기록 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능한 기록 매체는 프로그램 명령어, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 컴퓨터 판독 가능한 기록 매체에 기록되는 프로그램 명령어는 본 발명을 위하여 특별히 설계되고 구성된 것이거나 컴퓨터 소프트웨어 분야의 당업자에게 공지되어 사용 가능한 것일 수 있다. 컴퓨터 판독 가능한 기록 매체의 예에는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등과 같은, 프로그램 명령어를 저장하고 실행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령어의 예에는, 컴파일러에 의하여 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용하여 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드도 포함된다. 하드웨어 장치는 본 발명에 따른 처리를 수행하기 위하여 하나 이상의 소프트웨어 모듈로 변경될 수 있으며, 그 역도 마찬가지이다.The embodiments of the present invention described above can be implemented in the form of program instructions that can be executed through various computer components and recorded in a computer-readable recording medium. The computer-readable recording medium may include program commands, data files, data structures, and the like, alone or in combination. The program instructions recorded on the computer-readable recording medium may be those specifically designed and configured for the present invention or may be those known and used by those skilled in the computer software arts. Examples of computer-readable media include magnetic media such as hard disks, floppy disks and magnetic tape, optical recording media such as CD-ROM and DVD, magneto-optical media such as floptical disks, medium, and hardware devices specifically configured to store and execute program instructions, such as ROM, RAM, flash memory, and the like. Examples of program instructions include machine language code, such as those generated by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like. The hardware device may be modified into one or more software modules for performing the processing according to the present invention, and vice versa.

이상에서 본 발명이 구체적인 구성요소 등과 같은 특정 사항과 한정된 실시예 및 도면에 의하여 설명되었으나, 이는 본 발명의 보다 전반적인 이해를 돕기 위하여 제공된 것일 뿐, 본 발명이 상기 실시예에 한정되는 것은 아니며, 본 발명이 속하는 기술분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정과 변경을 꾀할 수 있다.While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, Those skilled in the art will appreciate that various modifications and changes may be made thereto without departing from the scope of the present invention.

따라서, 본 발명의 사상은 상기 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐만 아니라 이 특허청구범위와 균등한 또는 이로부터 등가적으로 변경된 모든 범위는 본 발명의 사상의 범주에 속한다고 할 것이다.Accordingly, the spirit of the present invention should not be construed as being limited to the above-described embodiments, and all ranges that are equivalent to or equivalent to the claims of the present invention as well as the claims .

100: 서비스 서버
300: 사용자 단말
400: 통신망
100: service server
300: user terminal
400: communication network

Claims (20)

웹 브라우저에서 구현되는 웹사이트 제작 시스템으로서,
사용자 단말에 설치된 웹 브라우저로부터 객체 설정 신호를 수신하여, 하나 이상의 객체들의 집합을 공통 객체로 설정하는 공통 객체 설정부;
상기 공통 객체를 삽입할 복수개의 웹페이지를 선택하는 신호를 수신하여, 상기 공통 객체가 삽입될 웹페이지를 설정하는 표시 위치 결정부;
상기 사용자 단말로부터 상기 공통 객체에 대한 수정 신호를 획득하고, 상기 공통 객체가 삽입된 모든 웹페이지들의 상기 공통 객체를 상기 수정 신호에 부합하도록 변경하는 공통 객체 변경부;
를 포함하고,
상기 공통 객체를 삽입할 복수개의 웹페이지를 선택하는 신호란, 동일 도메인 내의 전체 웹페이지들 중 일부의 복수개의 웹페이지를 선택하는 신호인, 웹사이트 제작 시스템.
A web site creation system implemented in a web browser,
A common object setting unit receiving an object setting signal from a web browser installed in a user terminal and setting a set of one or more objects as a common object;
A display position determining unit for receiving a signal for selecting a plurality of web pages to insert the common object and setting a web page into which the common object is inserted;
A common object changing unit that obtains a correction signal for the common object from the user terminal and changes the common object of all web pages into which the common object is inserted to match the correction signal;
Lt; / RTI >
Wherein the signal for selecting a plurality of web pages to insert the common object is a signal for selecting a plurality of web pages of all the web pages in the same domain.
제 1 항에 있어서,
상기 공통 객체 설정부는, 상기 사용자 단말에 설치된 웹 브라우저에 상기 설정 신호를 입력할 수 있는 객체 설정 인터페이스를 제공하는, 웹사이트 제작 시스템.
The method according to claim 1,
Wherein the common object setting unit provides an object setting interface capable of inputting the setting signal to a web browser installed in the user terminal.
제 1 항에 있어서,
상기 표시 위치 결정부는, 상기 사용자 단말에 설치된 웹 브라우저에 상기 공통 객체를 삽입할 웹페이지를 선택할 수 있는 객체 설정 인터페이스를 제공하는, 웹사이트 제작 시스템.
The method according to claim 1,
Wherein the display position determination unit provides an object setting interface capable of selecting a web page to insert the common object into a web browser installed in the user terminal.
제 1 항에 있어서,
상기 공통 객체 변경부는, 상기 사용자 단말에 설치된 웹 브라우저에 상기 수정 신호를 입력할 수 있는 객체 설정 인터페이스를 제공하는, 웹사이트 제작 시스템.
The method according to claim 1,
Wherein the common object changing unit provides an object setting interface for inputting the modification signal to a web browser installed in the user terminal.
제 1 항에 있어서,
상기 객체 설정 신호 및 상기 수정 신호는 사용자가 상기 사용자 단말에 설치된 웹 브라우저를 이용하여 입력한 신호인, 웹사이트 제작 시스템.
The method according to claim 1,
Wherein the object setting signal and the modification signal are signals inputted by a user using a web browser installed in the user terminal.
제 1 항에 있어서,
상기 사용자 단말로부터 그룹 지정 요청을 수신하여, 하나 이상의 객체들로 이루어진 다중 객체를 생성하는 다중 객체 생성부; 를 더 포함하는, 웹사이트 제작 시스템.
The method according to claim 1,
A multi-object generating unit receiving a group designation request from the user terminal and generating multiple objects composed of one or more objects; The web site creation system further comprising:
제 1 항에 있어서,
상기 공통 객체를 상기 웹사이트 제작 시스템에 등록하고, 등록된 공통 객체를 로딩할 수 있는 인터페이스를 제공하는 객체 관리부; 를 더 포함하는, 웹사이트 제작 시스템.
The method according to claim 1,
An object management unit for registering the common object in the website production system and providing an interface for loading the registered common object; The web site creation system further comprising:
제 7 항에 있어서,
상기 객체 관리부는, 상기 등록된 공통 객체를 로딩하여 서로 다른 도메인에 포함된 웹페이지들에 삽입할 수 있는 인터페이스를 제공하는, 웹사이트 제작 시스템.
8. The method of claim 7,
Wherein the object management unit provides an interface by which the registered common object can be loaded and inserted into web pages included in different domains.
제 7 항에 있어서,
상기 객체 관리부는, 객체의 종류, 객체의 위치, 객체에 설정된 링크 주소, 객체의 표시 효과, 객체들이 겹쳤을 때의 우선 순위, 객체 설정 메뉴, 결재 정보 중 하나 이상을 포함하는 객체 속성을 관리하는, 웹사이트 제작 시스템.
8. The method of claim 7,
The object management unit manages object attributes including at least one of a type of an object, a position of an object, a link address set in the object, a display effect of the object, a priority when the objects overlap, an object setting menu, , Website creation system.
제 7 항에 있어서,
상기 객체 관리부는 로딩된 공통 객체에 대한 변경 및 등록신호를 상기 사용자 단말로부터 수신하여, 변경된 공통 객체를 상기 웹사이트 제작 시스템에 새로운 객체로 등록하는, 웹사이트 제작 시스템.
8. The method of claim 7,
Wherein the object management unit receives a change and registration signal for the loaded common object from the user terminal and registers the changed common object as a new object in the website production system.
제 1 항에 있어서,
상기 웹사이트 제작 시스템을 사용하여 생성된 웹사이트를 모바일용 웹사이트와 동기화하고, 상기 수정 신호에 대응하여 상기 모바일용 웹사이트에 삽입된 상기 공통 객체를 변경하는 모바일 연동부; 를 더 포함하는 웹사이트 제작 시스템.
The method according to claim 1,
A mobile interworking unit synchronizing a website created using the website production system with a mobile website and modifying the common object inserted in the mobile website in response to the modification signal; The web site creation system further comprising:
웹 브라우저에서 구현되는 웹사이트 제작 방법으로서,
사용자 단말에 설치된 웹 브라우저로부터 객체 설정 신호를 수신하여, 하나 이상의 객체들의 집합을 공통 객체로 설정하는 공통 객체 설정 단계;
상기 공통 객체를 삽입할 복수개의 웹페이지를 선택하는 신호를 수신하여, 상기 공통 객체가 삽입될 웹페이지를 설정하는 표시 위치 결정 단계;
상기 사용자 단말로부터 상기 공통 객체에 대한 수정 신호를 획득하고, 상기 공통 객체가 삽입된 모든 웹페이지들의 상기 공통 객체를 상기 수정 신호에 부합하도록 변경하는 공통 객체 변경 단계;
를 포함하고,
상기 공통 객체를 삽입할 복수개의 웹페이지를 선택하는 신호란, 동일 도메인 내의 전체 웹페이지들 중 일부의 복수개의 웹페이지를 선택하는 신호인, 웹사이트 제작 방법.
A web site creation method implemented in a web browser,
A common object setting step of receiving an object setting signal from a web browser installed in a user terminal and setting a set of one or more objects as a common object;
A display position determining step of receiving a signal for selecting a plurality of web pages to insert the common object and setting a web page into which the common object is inserted;
A common object changing step of obtaining a modification signal for the common object from the user terminal and changing the common object of all web pages into which the common object is inserted to match the modification signal;
Lt; / RTI >
Wherein the signal for selecting a plurality of web pages to insert the common object is a signal for selecting a plurality of web pages of all the web pages in the same domain.
제 12 항에 있어서,
상기 공통 객체 설정 단계는, 상기 사용자 단말에 설치된 웹 브라우저에 상기 설정 신호를 입력할 수 있는 객체 설정 인터페이스를 제공하는, 웹사이트 제작 방법.
13. The method of claim 12,
Wherein the common object setting step provides an object setting interface capable of inputting the setting signal to a web browser installed in the user terminal.
제 12 항에 있어서,
상기 표시 위치 결정 단계는, 상기 사용자 단말에 설치된 웹 브라우저에 상기 공통 객체를 삽입할 웹페이지를 선택할 수 있는 객체 설정 인터페이스를 제공하는, 웹사이트 제작 방법.
13. The method of claim 12,
Wherein the display position determination step provides an object setting interface capable of selecting a web page to insert the common object into a web browser installed in the user terminal.
제 12 항에 있어서,
상기 공통 객체 변경 단계는, 상기 사용자 단말에 설치된 웹 브라우저에 상기 수정 신호를 입력할 수 있는 객체 설정 인터페이스를 제공하는, 웹사이트 제작 방법.
13. The method of claim 12,
Wherein the common object changing step provides an object setting interface capable of inputting the modification signal to a web browser installed in the user terminal.
제 12 항에 있어서,
상기 객체 설정 신호 및 상기 수정 신호는 사용자가 상기 사용자 단말에 설치된 웹 브라우저를 이용하여 입력한 신호인, 웹사이트 제작 방법.
13. The method of claim 12,
Wherein the object setting signal and the modification signal are signals input by a user using a web browser installed in the user terminal.
제 12 항에 있어서,
상기 사용자 단말로부터 그룹 지정 요청을 수신하여, 하나 이상의 객체들로 이루어진 다중 객체를 생성하는 다중 객체 생성 단계; 를 더 포함하는, 웹사이트 제작 방법.
13. The method of claim 12,
A multiple object generation step of receiving a group designation request from the user terminal and generating multiple objects composed of one or more objects; Further comprising the steps of:
제 12 항에 있어서,
상기 공통 객체를 등록하고, 등록된 공통 객체를 로딩할 수 있는 인터페이스를 제공하는 객체 관리 단계; 를 더 포함하는, 웹사이트 제작 방법.
13. The method of claim 12,
An object management step of registering the common object and providing an interface capable of loading a registered common object; Further comprising the steps of:
제 18 항에 있어서,
상기 객체 관리 단계는, 상기 등록된 공통 객체를 로딩하여 서로 다른 도메인에 포함된 웹페이지들에 삽입할 수 있는 인터페이스를 제공하는, 웹사이트 제작 방법.
19. The method of claim 18,
Wherein the object management step provides an interface by which the registered common object can be loaded and inserted into web pages included in different domains.
제 18 항에 있어서,
상기 객체 관리 단계는 로딩된 공통 객체에 대한 변경 및 등록 신호를 상기 사용자 단말로부터 수신하여, 변경된 공통 객체를 새로운 객체로 등록하는, 웹사이트 제작 방법.
19. The method of claim 18,
Wherein the object management step receives a change and registration signal for the loaded common object from the user terminal and registers the changed common object as a new object.
KR1020160104496A 2016-08-17 2016-08-17 Method and system for making homepage using web browser KR101697290B1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020160104496A KR101697290B1 (en) 2016-08-17 2016-08-17 Method and system for making homepage using web browser
PCT/KR2017/008954 WO2018034509A1 (en) 2016-08-17 2017-08-17 Website creating method and system implemented in web browser

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020160104496A KR101697290B1 (en) 2016-08-17 2016-08-17 Method and system for making homepage using web browser

Publications (1)

Publication Number Publication Date
KR101697290B1 true KR101697290B1 (en) 2017-01-17

Family

ID=57990498

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020160104496A KR101697290B1 (en) 2016-08-17 2016-08-17 Method and system for making homepage using web browser

Country Status (2)

Country Link
KR (1) KR101697290B1 (en)
WO (1) WO2018034509A1 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109783756A (en) * 2018-12-28 2019-05-21 网宿科技股份有限公司 A kind of creation method of website, server and computer readable storage medium
KR20190143760A (en) 2018-06-21 2019-12-31 주식회사투버미디어 System for providign automatic structuring service of atypically elements reflected homepage

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20130082524A (en) * 2011-12-07 2013-07-22 이미선 Method for website design
KR20140130799A (en) * 2013-05-02 2014-11-12 주식회사 코드엠 A system for authoring web pages and providing the authored web pages and the method thereof
KR20150006612A (en) * 2013-07-09 2015-01-19 애니라인주식회사 Web page making system and method for maintaining compatibility of web browser and font

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20130082524A (en) * 2011-12-07 2013-07-22 이미선 Method for website design
KR20140130799A (en) * 2013-05-02 2014-11-12 주식회사 코드엠 A system for authoring web pages and providing the authored web pages and the method thereof
KR20150006612A (en) * 2013-07-09 2015-01-19 애니라인주식회사 Web page making system and method for maintaining compatibility of web browser and font

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
"윅스(Wix)로 하루만에 홈페이지 만들기 강좌", 다음 블로그(pp. 1-13), 2015.05.27.* *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20190143760A (en) 2018-06-21 2019-12-31 주식회사투버미디어 System for providign automatic structuring service of atypically elements reflected homepage
CN109783756A (en) * 2018-12-28 2019-05-21 网宿科技股份有限公司 A kind of creation method of website, server and computer readable storage medium
CN109783756B (en) * 2018-12-28 2021-05-28 网宿科技股份有限公司 Website creation method, server and computer readable storage medium

Also Published As

Publication number Publication date
WO2018034509A1 (en) 2018-02-22

Similar Documents

Publication Publication Date Title
US10416851B2 (en) Electronic publishing mechanisms
US7831660B2 (en) System and method for contents upload using a mobile terminal
US10210554B2 (en) System and method for automatically distributing and controlling electronic catalog content from remote merchant computers to a catalog server computer over a communications network
CN103975357B (en) Presence based on other mobile applications and the method for being adapted to the advertisement drawn in a mobile device
CN108469970B (en) Page tab information processing method and device
US9586144B2 (en) Contents providing system and operating method thereof
US11586772B2 (en) Method and device for displaying information
US20190384616A1 (en) Method for displaying and changing mobile commerce elements within native application instantly without code build
TWI537856B (en) Information processing device, information processing method, memory media
JP5864651B2 (en) Method, system and medium for monetization of interactive network-based information objects
CN109255581A (en) For providing the method and device thereof of personalized ventilation system based on Email
CN111580788B (en) Template collocation information recommendation method and device and electronic equipment
KR101697290B1 (en) Method and system for making homepage using web browser
WO2021236267A1 (en) Shopping list and cart integration
KR20160108731A (en) The method and apparatus for generating online shopping mall application and analyzing information on an access for the online shopping mall application
KR102034633B1 (en) System for sharing knowhow and method for providing service of the same
CN107113334B (en) Method for constructing interactive digital directory, computer readable recording medium and interactive digital directory using the same
US20200349635A1 (en) System and method for content creation tool for use with shoppable content data
KR101869247B1 (en) Method and system for providing auction service of the contents by using object-information-service based on spot images of video
CN113781084A (en) Questionnaire display method and device
JP2020043534A (en) Information display program, information display device, information display method, and distribution device
JP2020042636A (en) Information display program, information display device, information display method, and delivery device
CN116700701B (en) Code-free software development method and device and electronic equipment
KR102336676B1 (en) Electronic device for providing function for creating web page and method for operating thereof
Zafeiri et al. Selling culture: implementation of e-commerce and WAP-based prototypes

Legal Events

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

Payment date: 20200106

Year of fee payment: 4