KR101509392B1 - Method for making homepage on the world wide web therefor - Google Patents
Method for making homepage on the world wide web therefor Download PDFInfo
- Publication number
- KR101509392B1 KR101509392B1 KR20140027957A KR20140027957A KR101509392B1 KR 101509392 B1 KR101509392 B1 KR 101509392B1 KR 20140027957 A KR20140027957 A KR 20140027957A KR 20140027957 A KR20140027957 A KR 20140027957A KR 101509392 B1 KR101509392 B1 KR 101509392B1
- Authority
- KR
- South Korea
- Prior art keywords
- user
- homepage
- content
- design
- information
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 21
- 238000013461 design Methods 0.000 claims abstract description 87
- 238000004891 communication Methods 0.000 claims description 12
- 238000003860 storage Methods 0.000 claims description 6
- 230000008859 change Effects 0.000 claims description 5
- 230000000007 visual effect Effects 0.000 claims description 4
- 230000005540 biological transmission Effects 0.000 claims 1
- 238000004519 manufacturing process Methods 0.000 description 38
- 238000005516 engineering process Methods 0.000 description 10
- 239000008186 active pharmaceutical agent Substances 0.000 description 5
- 230000000694 effects Effects 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 238000012217 deletion Methods 0.000 description 3
- 230000037430 deletion Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 239000003086 colorant Substances 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 238000012937 correction Methods 0.000 description 1
- 238000005034 decoration Methods 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
- 239000010813 municipal solid waste Substances 0.000 description 1
- 238000012958 reprocessing Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
Landscapes
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (AREA)
- Economics (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Information Transfer Between Computers (AREA)
Abstract
Description
본 발명은 웹 상에서 사용자 고유의 디자인으로 손쉽게 홈페이지를 제작하기 위한 방법에 관한 것으로, 보다 상세하게는 웹 상에서 마우스의 드래그 또는 클릭으로 홈페이지를 디자인할 수 있도록 구성되어, 홈페이지 제작에 들어가는 사용자의 불필요한 노력과 비용을 혁신적으로 줄이고, 사용자가 원하는 모습 그대로 아름답고 유려한 홈페이지를 손쉽게 제작할 수 있는 홈페이지 제작방법에 관한 것이다.The present invention relates to a method for easily creating a homepage using a user's own design on the web, and more particularly, to a method for designing a homepage by dragging or clicking a mouse on the web, And a method of manufacturing a homepage that can easily produce a beautiful and cheerful homepage in the same manner as a user desires.
인터넷에서 홈페이지는 하이퍼텍스트 등으로 표현된다. 그런데, 이 하이퍼텍스트는 HTML이라는 언어로 작성되기 때문에 홈페이지를 제작하기 위해서는 반드시 HTML을 알아야 하는 것으로 인식되고 있었다. 그러나 나모 웹에디터와 같은 에디터(editor) 프로그램이 개발되면서 사용자들이 HTML을 전혀 모르더라도 홈페이지를 제작할 수 있는 환경이 조성되었다.
On the Internet, homepages are represented by hypertext. However, since this hypertext is written in the language of HTML, it has been recognized that it is necessary to know HTML in order to make a homepage. However, with the development of an editor program such as Namo Web Editor, users can create homepages even if they do not know HTML at all.
그러나 이러한 에디터 프로그램에 의해서 제작된 홈페이지를 웹 상에 공유하기 위해서는 서버 호스팅, 네트워크 트래픽, 각종 하드웨어 설정과 같은 복잡한 내용에 대한 지식이 요구되었다. 결국 사용자는 에디터 프로그램을 이용하여 홈페이지를 제작하여도 데스크탑, 노트북 등의 단말기에 저장할 수 있을 뿐, 이를 월드 와이드 웹(world wide web) 상에 올리기 위해서는 복잡한 과정을 거쳐야하는 문제점이 있었다.However, in order to share the homepage created by the editor program on the web, knowledge of complex contents such as server hosting, network traffic, and various hardware configuration is required. As a result, a user can create a homepage using an editor program and store the same on a terminal such as a desktop or a notebook computer. However, there is a problem in that a complicated process must be performed in order to upload it on the world wide web.
이러한 문제점들 때문에 사용자는 홈페이지의 제작을 전문 홈페이지 제작 기관에 의뢰할 수밖에 없는 것이 현실이다. 하지만, 홈페이지의 제작을 전문 홈페이지 제작 기관에 의뢰하게 되는 경우, 경제적으로 불리한 문제, 사용자가 의도한바와 다른 방향으로 홈페이지가 제작되는 문제, 홈페이지가 웹 상에 개시된 이후에 홈페이지를 수정하려면 의뢰한 전문 홈페이지 제작 기관을 거쳐서 수정해야 하므로 별도로 비용을 부담해야하고 수정이 느려지는 문제, 홈페이지를 신속하고 간편하게 운영하기 어려운 문제, 도메인을 구입해야하므로 사용자가 원하는 기간에만 홈페이지를 이용할 수 없는 문제가 있었다.Due to these problems, it is a reality that the user can only refer the production of the homepage to the homepage production agency. However, when the homepage production is commissioned to a specialized homepage production agency, there are economically disadvantageous problems, a problem in which the homepage is produced in a different direction than the user intended, a request to modify the homepage after the homepage is started on the web, There is a problem that it is necessary to bear the cost separately and the modification is slow, the problem that it is difficult to operate the homepage quickly and easily, and the homepage can not be used only for the user's desired period since the domain must be purchased.
본 발명은 이러한 문제점을 해결하기 위하여 창안된 것으로서, 본 발명의 목적은, 한 줄의 프로그래밍 코드도 필요없이 오직 마우스의 드래그와 드롭, 클릭만으로 사용자가 원하는 고유의 디자인을 손쉽게 홈페이지에 구현할 수 있고, 최신 웹 브라우저가 제공하는 거의 모든 디자인 효과(HTML5, CSS3, javascript 기반)를 별다른 지식 없이 구현할 수 있으며, 고유의 보관함을 제공함으로써 콘텐츠의 통합관리가 가능해지고, 사용하고 싶은 개인 도메인을 필요한 기간동안만 사용할 수 있게되며, 서버 호스팅, 네트워크 트래픽 이나 각종 하드웨어 설정 같은 복잡한 부분에 관해 사용자가 고민할 필요가 없도록 구성되는 홈페이지 제작방법을 제공하는 데에 있다.It is an object of the present invention, which is created to solve such a problem, that an object of the present invention can easily implement a unique design desired by a user by only dragging, dropping and clicking of a mouse without requiring a single line of programming code, Almost all design effects (HTML5, CSS3, javascript based) provided by modern web browsers can be implemented without any knowledge, and it is possible to manage integrated contents by providing unique archives, And to provide a homepage creation method that is configured so that users do not have to worry about complex parts such as server hosting, network traffic, or various hardware configurations.
이하 본 발명의 목적을 달성하기 위한 구체적 수단에 대하여 설명한다.Hereinafter, specific means for achieving the object of the present invention will be described.
본 발명의 목적은, 웹 제작 서버에 의해 수행되는 홈페이지 제작방법에 있어서, 사용자에 의해 업로드된 콘텐츠를 수신하는 제1단계; 홈페이지 배경의 적어도 일부를 점유하고 상기 콘텐츠가 삽입되는 프레임인 복수개의 레이아웃에 대한 디자인 정보를 수신하는 제2단계; 상기 복수개의 레이아웃 중 적어도 하나에 삽입되는, 상기 사용자에 의해 선택된 상기 콘텐츠의 정보를 수신하는 제3단계; 및 상기 선택된 콘텐츠가 삽입된 상기 레이아웃을 포함하는 홈페이지를 인터넷 웹 상에서 온라인으로 운영하는 제4단계;를 포함하고, 상기 콘텐츠는 특정 이미지, 사용자의 입력에 의해 도안되는 도형, 사용자의 입력에 의해 작성되는 텍스트 및 특정 동영상 중 적어도 하나를 포함하며, 상기 디자인 정보는 위치, 크기, 형상 및 색상 중 적어도 하나를 포함하고, 상기 디자인 정보는 사용자가 설정할 수 있도록 구성되는 것을 특징으로 하는 홈페이지 제작방법을 제공하여 달성될 수 있다.An object of the present invention is to provide a method of creating a homepage, which is performed by a web authoring server, comprising: a first step of receiving a content uploaded by a user; A second step of receiving design information for a plurality of layouts, which are frames in which at least a part of the home page background is occupied and the contents are inserted; A third step of receiving information of the content selected by the user, which is inserted into at least one of the plurality of layouts; And a fourth step of operating a home page including the layout in which the selected content is embedded, on the Internet, on the Internet. The content may be a specific image, a figure drawn by the user's input, Wherein the design information includes at least one of position, size, shape, and color, and the design information is configured to be user-configurable. .
또한 상기 제4단계에서는, 특정 단말기에서만 상기 홈페이지에 접속할 수 있도록 상기 특정 단말기에만 접속 권한을 부여하고, 상기 제4단계는 상기 홈페이지의 접속에 비밀번호를 설정하는 모드 및 비밀 번호 없이 접속이 허용되는 별도의 홈페이지 주소를 설정하는 모드 중 적어도 하나의 모드를 포함하는 것을 특징으로 할 수 있다.In the fourth step, the access right is granted only to the specific terminal so that the specific terminal can access the homepage only. In the fourth step, the mode for setting the password for accessing the homepage and the separate mode And a mode for setting a home page address of the home page.
또한 제4단계 이후에, 상기 제1단계 내지 제4단계에 의해 제작된 홈페이지의 정보를 상기 사용자의 단말기에 송신하는 제5단계; 상기 사용자의 단말기에서 상기 레이아웃의 디자인 정보 및 상기 콘텐츠의 디자인 정보 중 적어도 하나가 수정되고, 수정된 상기 레이아웃의 디자인 정보 및 수정된 상기 콘텐츠의 디자인 정보를 수신하는 제6단계; 및 상기 디자인 정보가 수정된 상기 콘텐츠 및 상기 디자인 정보가 수정된 상기 레이아웃을 포함하는 홈페이지를 인터넷 웹 상에서 온라인으로 운영하는 제7단계;를 더 포함할 수 있다.A fifth step of transmitting information of the homepage produced by the first through fourth steps to the terminal of the user after the fourth step; A sixth step of receiving at least one of design information of the layout and design information of the content in the user's terminal, and receiving design information of the modified layout and design information of the modified content; And a seventh step of operating a home page on the Internet web, which includes the content in which the design information is modified and the layout in which the design information is modified, online.
또한 상기 레이아웃에는 상기 사용자의 선택에 의해 메뉴 및 갤러리 중 적어도 하나를 배치하고, 상기 메뉴는, 클릭 시 사용자의 홈페이지 상에서 특정 페이지로 연결되는 구성을 의미하며, 상기 갤러리는, 사용자에 의해 업로드되는 복수개의 콘텐츠 중 적어도 하나를 포함하며 특정 배열로 배치되는 구성을 의미하고, 상기 갤러리에 배치된 상기 복수개의 콘텐츠 중 적어도 하나가 홈페이지 이용자에 의해 선택되는 경우, 상기 선택된 콘텐츠에 특정 시각 효과를 부여하여 디스플레이하는 것을 특징으로 할 수 있다.In the layout, at least one of a menu and a gallery is arranged according to a user's selection, and the menu is linked to a specific page on a user's homepage when clicked. Means a configuration in which at least one of the contents is arranged in a specific arrangement, and when at least one of the plurality of contents arranged in the gallery is selected by a user of the homepage, .
또한 상기 특정 시각 효과는 확대, 반전, 색상 변화 및 이동 중 적어도 하나를 포함하는 것을 특징으로 할 수 있다.In addition, the specific visual effect may include at least one of magnification, inversion, hue change, and movement.
또한 상기 사용자가 자판 없이도 상기 레이아웃 및 콘텐츠 중 적어도 하나의 디자인 정보를 설정할 수 있도록 구성되는 것을 특징으로 할 수 있다.And the design information of at least one of the layout and the content can be set by the user without using a keyboard.
또한 상기 홈페이지는 HTML, CSS 및 javascript 중 적어도 하나를 기반으로 운영되는 것을 특징으로 할 수 있다.Also, the home page may be operated based on at least one of HTML, CSS, and javascript.
또한 사용자가 설정하는 인터넷 주소를 통한 상기 홈페이지로의 접속을 허용하는 것을 특징으로 할 수 있다.And allows access to the homepage through an Internet address set by a user.
또한 상기 레이아웃에는, 상기 콘텐츠, 메뉴 및 갤러리 중 적어도 하나만 배치될 수 있고, 상기 메뉴는, 클릭 시 사용자의 홈페이지 상에서 특정 페이지로 연결되는 구성을 의미하며, 상기 갤러리는, 사용자에 의해 업로드되는 복수개의 콘텐츠 중 적어도 하나를 포함하며 특정 배열로 배치되는 구성을 의미하고, 상기 갤러리에 배치된 상기 복수개의 콘텐츠가 홈페이지 이용자에 의해 선택되는 경우, 상기 선택된 콘텐츠에 특정 시각 효과를 부여하여 디스플레이하는 것을 특징으로 할 수 있다.
The layout may include at least one of the content, the menu, and the gallery. The menu may be linked to a specific page on the user's homepage when the user clicks the content. The gallery may include a plurality of The content is displayed in a specific arrangement including at least one of the contents, and when the plurality of contents arranged in the gallery are selected by a user of the website, can do.
상기한 바와 같이, 본 발명에 의하면 이하와 같은 효과가 있다.As described above, the present invention has the following effects.
첫째, 본 발명의 일실시예에 따르면 사용자는 단 한 줄의 프로그래밍 코드도 필요 없이, 오직 마우스만으로 홈페이지를 디자인하고 수정할 수 있는 효과가 있다. 스마트폰 또는 태블릿에서 구현되는 경우에는 손가락 또는 터치펜만을 이용할 수 있다.First, according to an embodiment of the present invention, a user can design and modify a homepage with only a mouse without requiring a single line of programming code. When implemented in a smartphone or tablet, only a finger or a touch pen can be used.
둘째, 본 발명의 일실시예에 따르면 사용자는 웹 상에 흩어진 채로 관리하던 콘텐츠를 통합하여 하나의 데이터베이스에서 관리할 수 있는 효과가 있다.Second, according to one embodiment of the present invention, a user can manage content distributed and managed on a web in a single database.
셋째, 본 발명의 일실시예에 따르면 복잡한 설정없이 사용하고 싶은 개인 도메인을 손쉽게 설정하여 사용할 수 있는 효과가 있다.Third, according to an embodiment of the present invention, it is possible to easily set and use a private domain that is desired to be used without complicated setting.
넷째, 본 발명의 일실시예에 따르면 사용자가 서버 호스팅, 네트워크 트래픽이나 각종 하드웨어 설정과 같은 복잡한 부분을 고려할 필요 없는 효과가 있다.Fourth, according to an embodiment of the present invention, a user does not have to consider complex parts such as server hosting, network traffic, and various hardware settings.
다섯째, 본 발명의 일실시예에 따르면 사용자가 필요한 기간 동안만 도메인과 홈페이지를 이용할 수 있도록 구성되는 효과가 있다.Fifth, according to an embodiment of the present invention, a user can use a domain and a homepage only for a necessary period.
여섯째, 본 발명의 일실시예에 따르면 사용자에게 허락된 홈페이지 이용자만 홈페이지를 열람할 수 있는 비밀모드를 제공하는 효과가 있다.Sixth, according to one embodiment of the present invention, there is an effect of providing a secret mode in which only the user of the homepage allowed to access the homepage can browse the homepage.
일곱째, 본 발명의 일실시예에 따르면 디자인적인 홈페이지를 구성하기 위해서 필요한 최소한의 구성과 컴포넌트로 디자인 관리창이 구성되기 때문에, 사용자는 별도의 학습이 필요없고, 홈페이지 제작에 부담을 느끼지 않아서 홈페이지 제작상의 효율성이 향상되는 효과가 있다.
Seventh, according to the embodiment of the present invention, since the design management window is constituted by the minimum configuration and components necessary for constituting the design homepage, the user does not need to learn separately and does not feel burden to the homepage production, The efficiency is improved.
본 명세서에 첨부되는 다음의 도면들은 본 발명의 바람직한 실시예를 예시하는 것이며, 발명의 상세한 설명과 함께 본 발명의 기술사상을 더욱 이해시키는 역할을 하는 것이므로, 본 발명은 그러한 도면에 기재된 사항에만 한정되어 해석되어서는 아니 된다.
도 1은 본 발명의 일실시예에 따른 홈페이지 제작방법이 구현되는 홈페이지 제작 시스템을 도시한 모식도,
도 2는 본 발명의 일실시예에 따른 홈페이지 제작방법을 도시한 흐름도,
도 3은 본 발명의 일실시예에 따른 초기화면,
도 4 내지 도 15는 본 발명의 일실시예에 따른 디자인 관리창의 메인 페이지,
도 16은 본 발명의 일실시예에 따른 디자인 관리창의 포토 페이지,
도 17은 본 발명의 일실시예에 따른 디자인 관리창의 프로필 페이지,
도 18은 본 발명의 일실시예에 따른 미리보기 창,
도 19 내지 도 21은 본 발명의 일실시예에 따른 콘텐츠 관리창,
도 22 내지 도 25는 본 발명의 일실시예에 따른 설정 관리창,
도 26은 본 발명의 일실시예에 따른 비밀모드가 설정된 초기화면,
도 27은 본 발명의 일실시예에 따라 제작된 홈페이지의 예시를 도시한 것이다.BRIEF DESCRIPTION OF THE DRAWINGS The accompanying drawings, which are included to provide a further understanding of the invention and are incorporated in and constitute a part of this application, illustrate preferred embodiments of the invention and, together with the description, And shall not be interpreted.
1 is a schematic diagram showing a homepage production system in which a homepage production method according to an embodiment of the present invention is implemented;
FIG. 2 is a flowchart illustrating a method of manufacturing a homepage according to an embodiment of the present invention;
FIG. 3 is a diagram illustrating an initial screen according to an embodiment of the present invention,
FIGS. 4 to 15 illustrate a main page of a design management window according to an embodiment of the present invention,
FIG. 16 is a view showing a photo page of a design management window according to an embodiment of the present invention,
17 is a view showing a profile page of a design management window according to an embodiment of the present invention,
FIG. 18 is a view showing a preview window according to an embodiment of the present invention,
FIGS. 19 to 21 show a content management window according to an embodiment of the present invention,
22 to 25 show a configuration management window according to an embodiment of the present invention,
26 is a diagram illustrating an initial screen in which a secret mode is set according to an embodiment of the present invention,
FIG. 27 illustrates an example of a home page produced according to an embodiment of the present invention.
이하 첨부된 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 본 발명을 쉽게 실시할 수 있는 실시예를 상세히 설명한다. 다만, 본 발명의 바람직한 실시예에 대한 동작원리를 상세하게 설명함에 있어서 관련된 공지기능 또는 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명을 생략한다.DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings. In the following detailed description of the operation principle of the preferred embodiment of the present invention, a detailed description of known functions and configurations incorporated herein will be omitted when it may unnecessarily obscure the subject matter of the present invention.
또한, 도면 전체에 걸쳐 유사한 기능 및 작용을 하는 부분에 대해서는 동일한 도면 부호를 사용한다. 명세서 전체에서, 어떤 부분이 다른 부분과 연결되어 있다고 할 때, 이는 직접적으로 연결되어 있는 경우뿐만 아니라, 그 중간에 다른 소자를 사이에 두고, 간접적으로 연결되어 있는 경우도 포함한다. 또한, 어떤 구성요소를 포함한다는 것은 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라, 다른 구성요소를 더 포함할 수 있는 것을 의미한다.
The same reference numerals are used for portions having similar functions and functions throughout the drawings. Throughout the specification, when a part is connected to another part, it includes not only a case where it is directly connected but also a case where the other part is indirectly connected with another part in between. In addition, the inclusion of an element does not exclude other elements, but may include other elements, unless specifically stated otherwise.
홈페이지 제작 시스템Homepage production system
본 발명의 일실시예에 따른 홈페이지 제작 시스템은 사용자 단말기(3), 디자인 데이터베이스(12), 콘텐츠 데이터베이스(14) 및 설정 데이터베이스(16)를 포함하는 웹 제작 서버(10)와 홈페이지 이용자 단말기(5)가 통신망을 통해 연동 접속된 네트워크 환경을 포함할 수 있다. 사용자 단말기(3)에서 웹 제작 서버(10)에 접속하여, 웹 제작 서버(10)에 연결된 디자인 데이터베이스(12), 콘텐츠 데이터베이스(14), 및 설정 데이터베이스(16)를 이용하여 고유의 홈페이지를 제작한다. 제작된 홈페이지가 웹 제작 서버(10)에 의해 공개되도록 사용자가 설정하면, 홈페이지 이용자 단말기(5)에서 웹 제작 서버(10)에 접속하여 사용자가 제작한 홈페이지를 서핑할 수 있게 된다.The home page production system according to an embodiment of the present invention includes a
본 발명의 일실시예에 따른 웹 제작 서버(10)는 사용자의 홈페이지 제작 편의를 위하여 여러가지의 서비스를 제공한다. 본 발명의 일실시예에 따른 웹 제작 서버(10)에서 제공되는 홈페이지는 페이지, 레이아웃, 컴포넌트로 구성되고, 컴포넌트는 텍스트, 이미지, 동영상, 도형 등의 콘텐츠와, 메뉴, 갤러리 등을 포함할 수 있다. 페이지는 사용자가 제작하는 홈페이지의 배경을 의미하고, 레이아웃은 페이지의 적어도 일부를 점유하고 컴포넌트가 삽입되는 프레임을 의미하며, 컴포넌트는 레이아웃에 삽입되는 콘텐츠, 메뉴, 갤러리를 의미할 수 있다. 컴포넌트 중 메뉴는 복수개의 페이지로 구성되는 홈페이지에서, 각 페이지에 대한 링크를 의미한다. 컴포넌트 중 갤러리는 이미지, 도형 또는 동영상 등의 콘텐츠가 홈페이지 이용자에 의해 선택되는 경우, 선택된 콘텐츠를 디스플레이하도록 구성되는 컴포넌트를 의미한다.The
첫 번째 서비스로 웹 제작 서버(10)는, 사용자가 단 한 줄의 프로그래밍 코드 없이, 오직 마우스만으로 홈페이지를 디자인할 수 있는 환경을 제공하게 된다. 터치스크린을 구비한 스마트폰 또는 태블릿의 경우에는 손가락 또는 터치펜만으로 홈페이지를 디자인할 수 있다. 기존의 오프라인의 단말기에서 구현되는 디자인 프로그램, 문서작성 프로그램의 제작 도구와 유사한 인터페이스가 웹 상에서 직접 구현되는 환경을 웹 제작 서버(10)에서 제공하여, 사용자가 추가적인 지식 없이 손쉽게 홈페이지를 제작할 수 있게 되는 효과가 발생된다.As a first service, the
두 번째 서비스로, 웹 제작 서버(10)에서 제공하는 환경에서 홈페이지가 제작되기 때문에, 사용자가 최신 웹 브라우저가 제공하는 거의 모든 디자인 효과(HTML5, CSS3, javascript 기반)를 지원하는 다양한 레이아웃을 이용할 수 있게 되는 환경을 제공하게 된다.As a second service, since the home page is created in the environment provided by the
세 번째 서비스로, 웹 제작 서버(10)에서 제공하는 환경에서 홈페이지가 제작되기 때문에, 사용자가 도메인을 구입하지 않고서도 개인 도메인 주소를 설정하고 홈페이지와 연결될 수 있는 환경을 제공하게 된다.In the third service, since the homepage is created in the environment provided by the
네 번째 서비스로, 웹 제작 서버(10)에서 제공하는 환경에서 홈페이지가 제작되기 때문에, 사용자는 서버, 호스팅, 네트워크 트래픽 또는 각종 하드웨어 설정과 같은 복잡한 문제를 고려하지 않아도 되고, 별도의 설치나 업그레이드 없이 안정적으로 홈페이지를 운영할 수 있는 환경이 제공되게 된다.As a fourth service, since the home page is created in the environment provided by the
다섯 번째 서비스로, 웹 제작 서버(10)에서 제공하는 환경에서 홈페이지가 제작되기 때문에, 사용자는 필요한 기간 동안만 웹 제작 서버(10)에 접속될 수 있도록 설정하는 것이 가능해지는 환경이 제공되게 된다. 기존에는 홈페이지를 운영하려면 도메인을 구입하여야 했기 때문에, 장기간 도메인 사용 계약을 맺거나, 도메인 주소를 구입하여야 하는 문제가 있었다.In the fifth service, since the home page is created in the environment provided by the
여섯 번째 서비스로, 콘텐츠 데이터베이스(14)를 포함하는 웹 제작 서버(10)에서 제공하는 환경에서 홈페이지가 제작되기 때문에, 사용자는 웹 또는 단말기 상에 흩어져있는 사용자의 콘텐츠를 콘텐츠 데이터베이스(14)에 저장하여 통합관리할 수 있으며, 통합 관리된 콘텐츠를 이용하여 효과적으로 홈페이지에 적용할 수 있는 환경이 제공되게 된다. 기존에는 이러한 클라우딩 서비스가 별도로 이용되고 있었고, 따라서 홈페이지를 제작하기 위해 필요한 콘텐츠들이 여러 공간에 흩어진 채로 존재하게 되는 문제가 있었다.
In the sixth service, since the homepage is created in the environment provided by the
홈페이지 제작방법How to make homepage
본 발명의 일실시예에 따른 홈페이지 제작방법은, 사용자 단말기(3), 디자인 데이터베이스(12), 콘텐츠 데이터베이스(14) 및 설정 데이터베이스(16)를 포함하는 웹 제작 서버(10)와 홈페이지 이용자 단말기(5)가 통신망을 통해 연동 접속된 네트워크 환경인 홈페이지 제작 시스템에서, 웹 제작 서버(10)에 의해 수행되는 홈페이지 제작방법으로서, 사용자 단말기(3)로부터 통신망을 통하여 사용자 계정 정보를 포함하는 접속요청을 수신하는 접속 단계, 및 사용자의 선택에 따라 디자인 관리모드, 콘텐츠 관리모드 또는 설정 관리모드로 진입하도록 접속을 허용하는 모드 선택 단계를 포함할 수 있다.A method of manufacturing a homepage according to an embodiment of the present invention includes a
사용자 계정 정보는 사용자가 제작하고 수정한 홈페이지의 디자인 정보, 사용자가 업로드하고 수정한 콘텐츠 정보 및 사용자 정보와 홈페이지 정보를 포함하는 설정 정보를 포함할 수 있다.The user account information may include design information of a homepage created and modified by a user, content information uploaded and modified by a user, and setting information including user information and homepage information.
디자인 정보는, 사용자가 제작하는 홈페이지의 배경인 페이지, 페이지의 적어도 일부를 점유하고 컴포넌트가 삽입되는 프레임인 레이아웃, 및 레이아웃과 페이지 중 적어도 하나에 삽입되는 컴포넌트 중 적어도 하나의 디자인 정보를 포함할 수 있다. 이러한 페이지, 레이아웃 및 컴포넌트의 디자인 정보는 위치, 크기, 형상, 내용 및 색상 중 적어도 하나를 포함할 수 있다. 또한 이와 더불어 콘텐츠의 내용, 보정 사항 등을 포함할 수 있다. 이러한 디자인 정보는 웹 제작 서버(10)에 연결된 디자인 데이터베이스(12)에 저장되고 관리되게 된다. 컴포넌트에는 텍스트, 이미지 등의 콘텐츠와 갤러리, 메뉴 등이 포함될 수 있다.The design information may include at least one design information among a page that is a background of a home page produced by a user, a layout that occupies at least a part of the page and which is a frame into which a component is inserted, and a component that is inserted into at least one of a layout and a page have. The design information of such pages, layouts, and components may include at least one of location, size, shape, content, and color. In addition, contents of contents, correction items, and the like can be included. The design information is stored and managed in the
콘텐츠 정보는, 문서, 이미지 및 동영상 정보 중 적어도 하나를 포함하고, 웹 제작 서버(10)에 연결된 콘텐츠 데이터베이스(14)에 저장되고 관리되게 된다. 또한 태그 시스템을 지원하여 콘텐츠를 손쉽게 분류할 수 있도록 구성할 수 있다. 또한 비공개 설정, 휴지통 기능 등을 제공하여 사용자가 효과적으로 콘텐츠 노출과 보관을 관리할 수 있도록 구성할 수 있다. 또한 웹 제작 서버(10)가 사용자의 각종 SNS 계정과 연결되어 웹 상에 흩어진 사용자의 콘텐츠를 모두 수집할 수 있도록 구성될 수 있다. 사용자는 본 발명의 일실시예에 따른 홈페이지 제작 시스템에 의해, 사용자의 콘텐츠 정보를 콘텐츠 관리창에 HTML5 API 기반의 드래그 앤 드롭 방식으로 간편하게 업로드할 수 있는 환경을 제공받을 수 있다. 이러한 클라우딩 서비스가 홈페이지 제작 시스템에 포함됨으로써, 종래보다 효율적이고 신속하며 창의적인 홈페이지 제작이 가능하도록 하는 효과가 발생된다.The content information includes at least one of document, image, and moving image information and is stored and managed in a
설정 정보는, 사용자 정보, 홈페이지 주소, 홈페이지 이름, 홈페이지 공개 여부, 비밀모드 여부 중 적어도 하나를 포함하고, 웹 제작 서버(10)에 연결된 설정 데이터베이스(16)에 저장되고 관리되게 된다. 사용자 정보는 사용자의 아이디, 비밀번호, 이메일 주소, 결제여부 및 내역, 사용기한 등을 포함할 수 있다. 홈페이지 주소는 사용자가 제작한 홈페이지의 웹 주소를 의미하고, 본 발명의 일실시예에 따른 홈페이지 제작 시스템은 사용자가 사용하고 싶은 개인 도메인을 손쉽게 설정하여 사용할 수 있도록 구성된다. 홈페이지 이름은 사용자가 제작한 홈페이지의 제목을 의미하며, 사용자가 사용하고 싶은 이름을 사용할 수 있다. 홈페이지 공개 여부는 사용자가 제작한 상기 홈페이지를 웹 상에 개시하였는지 여부를 의미하고, 본 발명의 일실시예에 따른 홈페이지 제작 시스템은 설정관리창 내에서 이를 수정할 수 있도록 구성된다. 비밀모드 여부는 사용자가 제작한 홈페이지에 비밀번호를 설정하거나, 새로운 주소를 부여하여 특정 이용자만 상기 홈페이지를 이용할 수 있도록 구성되는 비밀모드의 활성화 여부를 의미하고, 설정관리창 내에서 이를 수정할 수 있도록 구성된다.
The setting information includes at least one of user information, a homepage address, a homepage name, a homepage disclosure status, and a secret mode existence, and is stored and managed in a
도 2는 본 발명의 일실시예에 따른 홈페이지 제작방법을 도시한 흐름도이다. 도 2에 도시된 바와 같이, 사용자가 사용자 단말기(3)를 이용하여 웹 제작 서버(10)에 접속하게 되는 단계(S100), 사용자가 디자인 관리모드(S110), 콘텐츠 관리모드(S120) 또는 설정 관리모드(S130)을 선택하는 단계로 진행되게 된다. 디자인 관리모드(S110)는 레이아웃 설정(S111), 페이지 설정(S112) 및 컴포넌트 설정(S113)을 포함할 수 있다. 콘텐츠 관리모드(S120)는 메뉴(S121), 이미지(S122), 갤러리(S123) 및 텍스트(S124)의 설정을 포함할 수 있다. 또한 설정 관리모드(S130)는 사용자 설정(S131), 홈페이지 설정(S132), 공개여부 설정(S133) 및 비밀모드 설정(S134)를 포함할 수 있다.2 is a flowchart illustrating a method of manufacturing a homepage according to an embodiment of the present invention. A step S100 in which the user accesses the
이하에서는 이러한 홈페이지 제작방법에 따라 구현되는 홈페이지 제작 사이트의 일실시예을 통해 본 발명의 특징을 기술한다.
Hereinafter, the features of the present invention will be described with reference to an embodiment of a homepage creation site implemented according to the homepage creation method.
홈페이지 제작 사이트Homepage creation site
초기화면Initial Screen
도 3은 본 발명의 일실시예에 따른 초기화면을 도시한 것이다. 도 3에 도시된 바와 같이, 초기화면(100)에는 사용자 정보(102), 홈페이지 정보(104), 디자인 관리모드(110), 콘텐츠 관리모드(120), 설정 관리모드(130)이 표시될 수 있다. 3 shows an initial screen according to an embodiment of the present invention. 3, the
사용자 정보(102)에는 사용자의 이름, 사진 및 비밀번호 수정에 관한 링크(102a)가 표시될 수 있다. 또한 이메일 주소, 이메일 인증 여부, 관심분야(102b) 등이 표시될 수 있다. 또한 결제여부, 계정 종류, 사용 기한(102c) 등이 표시될 수 있다.In the
홈페이지 정보(104)에는 홈페이지 이름, 홈페이지 주소, 홈페이지 공개 여부, 비밀모드 여부 등이 표시될 수 있으며, 수정 버튼을 별도로 구비하여 수정 버튼 클릭 시 곧바로 설정 관리모드(130)에 진입되어 홈페이지 정보를 수정할 수 있도록 구성될 수 있다.In the
디자인 관리모드(110)는 홈페이지의 디자인을 제작, 수정 등의 작업을 하기 위한 모드로의 진입을 요청하는 버튼, 링크이다. 콘텐츠 관리모드(120)는 콘텐츠 데이터베이스(14)에 저장되는 콘텐츠를 분류, 업로드하고 삭제하는 등 관리하기 위한 모드로의 진입을 요청하는 버튼, 링크이다. 설정 관리모드(130)는 사용자 정보 및 홈페이지 정보 중 적어도 하나 이상을 생성, 수정하기 위한 모드로의 진입을 요청하는 버튼, 링크이다. 디자인 관리모드, 콘텐츠 관리모드 또는 설정 관리모드의 버튼을 클릭하면 각각의 모드로 진입하는 것이 허용된다. 이하에서는 각각의 모드로 진입한 후를 설명한다.
The
디자인 design 관리모드Management mode
본 발명의 일실시예에 따른 디자인 관리모드는, 통신망을 통하여 접속된 사용자 단말기로 디자인 관리창 정보를 전송하는 단계, 접속된 사용자 단말기의 디자인 관리창에 입력된 디자인 정보를 통신망을 통하여 수신하는 단계, 및 수신된 디자인 정보를 디자인 데이터베이스에 저장시키는 단계를 포함할 수 있다. 본 발명의 일실시예에 따른 디자인 관리창에서는, 사용자가 마우스의 드래그와 드롭, 또는 클릭 등으로 페이지, 레이아웃 및 컴포넌트 중 적어도 하나의 디자인 정보를 설정할 수 있도록 구성될 수 있다. 터치스크린을 구비한 스마트폰 또는 태블릿의 경우에는 손가락 또는 터치펜만으로 홈페이지를 디자인할 수 있다. 이에 의해 사용자는 프로그래밍 코드를 알지 못하더라도 손쉽게 사용자 고유의 디자인으로 구현되는 홈페이지를 제작할 수 있는 효과가 있다.The design management mode according to an exemplary embodiment of the present invention includes transmitting design management window information to a user terminal connected through a communication network, receiving design information input through a communication network, , And storing the received design information in the design database. In the design management window according to an exemplary embodiment of the present invention, a user can configure at least one of design information of a page, a layout, and a component by dragging, dropping, or clicking on the mouse. In the case of a smartphone or tablet with a touch screen, a homepage can be designed with only a finger or a touch pen. Accordingly, even if the user does not know the programming code, the user can easily create a homepage that is implemented in a user's own design.
상기의 컴포넌트는 메뉴, 이미지, 동영상, 도형, 텍스트 및 갤러리 중 적어도 하나를 포함하고, 컴포넌트 중 메뉴는 클릭 시 사용자의 홈페이지 상에서 특정 페이지로 연결되는 구성을 의미하고, 이미지는 사용자 단말기(3) 또는 콘텐츠 데이터베이스(14)에 저장된 이미지 콘텐츠를 의미하며, 동영상은 사용자 단말기(3) 또는 콘텐츠 데이터베이스(14)에 저장된 동영상 콘텐츠와 유투브(youtube.com)와 같은 별도의 사이트에서 제공하는 API를 로드한 동영상 콘텐츠를 의미하고, 도형은 사용자가 직접 도안이 가능하도록 구성되는 도형 콘텐츠를 의미하며, 텍스트는 사용자가 직접 텍스트의 입력 및 수정이 가능한 프레임을 의미하고, 갤러리는 사용자 단말기(3) 또는 콘텐츠 데이터베이스(14)에 저장된 이미지 콘텐츠를 적어도 하나 포함하며 이미지 콘텐츠가 홈페이지 이용자에 의해 선택되는 경우, 선택된 이미지 콘텐츠를 사용자가 설정한 방식에 따라 디스플레이하는 구성을 의미할 수 있다.
The above-mentioned components include at least one of a menu, an image, a moving picture, a graphic, a text, and a gallery, and a menu among the components refers to a configuration where a menu is linked to a specific page on a user's homepage when clicked. Refers to image content stored in the
본 발명의 일실시예에 따른 디자인 관리모드에 진입하게 되면, 디자인 관리창이 표시될 수 있다. 도 4 내지 도 15는 본 발명의 일실시예에 따른 디자인 관리창의 메인 페이지를 도시한 것이다. 도 4 내지 도 15에 도시된 바와 같이 디자인 관리창(111)은 선택바(112), 작업바(114), 사이드바(116), 종료 버튼(118), 미리보기(119)를 포함할 수 있고, 작업 공간은 페이지(110a), 레이아웃(110b), 컴포넌트(110c)를 포함할 수 있다.When entering the design management mode according to an embodiment of the present invention, a design management window can be displayed. 4 to 15 show a main page of a design management window according to an embodiment of the present invention. 4 to 15, the
선택바(112)는 작업 공간의 구성요소를 선택할 수 있도록 구성되는 메뉴이고, 작업바(114)에는 선택바(112)에서 선택된 구성요소에 대한 작업요소가 곧바로 표시되게 된다. 선택바(112)에서는 기본적으로 레이아웃, 페이지, 컴포넌트를 선택할 수 있으며, 부가적으로 텍스트, 이미지, 동영상, 도형, 갤러리, 메뉴를 포함하는 컴포넌트에 대한 부가 선택 메뉴가 생성될 수 있다.The
작업바(114)는 선택바(112)에서 선택된 구성요소에 따라 각기 다른 작업요소를 표시하도록 구성될 수 있다. 도 5에 도시된 바와 같이 선택바(112)에서 레이아웃을 선택하는 경우에는 레이아웃의 형태를 선택할 수 있도록 작업바(114)에 3단 레이아웃 및 2단 레이아웃의 예시가 아이콘으로 표시될 수 있다. 작업바(114)에 표시된 레이아웃의 예시를 사용자가 클릭하여 손쉽게 레이아웃의 구성을 수정할 수 있다. 또한 작업공간에서 레이아웃의 프레임을 마우스의 드래그와 드롭을 이용하여 손쉽게 레이아웃의 크기를 늘리거나 줄일 수 있다. 터치스크린을 구비한 스마트폰 또는 태블릿의 경우에는 손가락 또는 터치펜으로 레이아웃의 크기를 수정할 수 있다.The
도 6에 도시된 바와 같이 선택바(112)에서 페이지를 선택하는 경우에는 페이지 폭, 페이지 여백, 페이지 배경 등을 설정할 수 있도록 작업바(114)에 각각의 설정을 위한 아이콘이 표시될 수 있다. 본 발명의 일실시예에 따르면 페이지의 여백은 px 단위로 설정할 수 있으며, 페이지의 배경으로 색상, 이미지 또는 플래쉬와 같은 동영상을 선택할 수 있고, 페이지의 배경을 전체 반복할지, 페이지의 폭에 맞출지 등을 선택할 수 있다.6, when a page is selected in the
도 7에 도시된 바와 같이 선택바(112)에서 컴포넌트를 선택하는 경우에는 컴포넌트를 레이아웃에 삽입할 수 있도록 작업바(114)에 텍스트, 이미지, 동영상, 도형, 갤러리, 메뉴 등의 컴포넌트가 아이콘으로 표시될 수 있다. 작업바(114)에서 삽입할 컴포넌트의 아이콘을 선택하고, 삽입할 레이아웃을 선택하게 되면 선택된 레이아웃에 선택된 컴포넌트가 손쉽게 삽입되게 된다. 컴포넌트의 위치 및 크기는 마우스로 손쉽게 변경할 수 있다. 터치스크린을 구비한 스마트폰 또는 태블릿의 경우에는 손가락 또는 터치펜만으로 컴포넌트의 위치 및 크기를 수정할 수 있다. 본 발명의 일실시예에 따라 이미지를 삽입한 경우, 도 8과 같이 선택된 레이아웃에 이미지 창이 표시되게 된다. 표시된 이미지 창을 더블 클릭하는 경우, 도 9와 같이 이미지 등록창이 표시되게 된다. 이미지 등록창에서는 콘텐츠 데이터베이스(14)에 저장된 이미지도 삽입할 수 있고, 사용자 단말기(3)에 저장된 이미지도 업로드 할 수 있다. 사용자가 삽입할 이미지를 선택 또는 업로드하면 도 10에 도시된 바와 같이 이미지가 업로드 되게 된다. 도 10에 도시된 바와 같이 이미지의 위치, 크기를 마우스 또는 터치스크린에서 손가락 또는 터치펜으로 결정할 수 있도록 구성되어 사용자에게 손쉬운 홈페이지 제작 환경을 구현시켜준다.
When selecting a component in the
컴포넌트에 대한 부가 선택 메뉴에 대하여, 각 컴포넌트를 더블 클릭하여 선택하게 되면, 각 컴포넌트의 구체적인 작업을 위한 메뉴가 작업바(114)에 표시될 수 있다. 레이아웃과 관련하여, 도 11에 도시된 본 발명의 일실시예와 같이 작업 공간의 레이아웃을 선택하게 되면 선택바(112)에 '레이아웃 꾸미기'라는 부가 선택 메뉴가 표시되며, 작업바(114)에는 레이아웃에 대한 구체적인 작업을 위한 메뉴인 레이아웃 높이, 너비, 레이아웃 배경 설정 등이 표시되게 된다. When a component is selected by double-clicking on the additional selection menu for the component, a menu for the specific operation of each component can be displayed on the
텍스트와 관련하여, 도 12에 도시된 본 발명의 일실시예와 같이 작업 공간의 텍스트를 선택하게 되면 선택바(112)에 '텍스트 꾸미기'라는 부가 선택 메뉴가 표시되며, 작업바(114)에는 컴포넌트인 텍스트에 대한 구체적인 작업을 위한 메뉴인 글꼴 속성, 문단 속성, 색상, 음영, 하이퍼링크 등이 표시되게 된다.12, an additional selection menu called 'text decoration' is displayed on the
메뉴와 관련하여, 도 13에 도시된 본 발명의 일실시예와 같이 작업 공간의 메뉴를 선택하게 되면 선택바(112)에 '메뉴 꾸미기'라는 부가 선택 메뉴가 표시되며, 작업바(114)에는 컴포넌트인 메뉴에 대한 구체적인 작업을 위한 메뉴인 글꼴 속성, 문단 속성, 색상, 음영 등이 표시되게 된다.13, when a menu of a work space is selected, an additional selection menu called 'menu decorating' is displayed on the
갤러리와 관련하여, 도 14에 도시된 본 발명의 일실시예와 같이 작업 공간의 갤러리를 선택하게 되면 선택바(112)에 '갤러리 꾸미기'라는 부가 선택 메뉴가 표시되며, 작업바(114)에는 컴포넌트인 갤러리에 대한 구체적인 작업을 위한 메뉴인 행렬 설정, 여백 설정, 갤러리 액션 설정 등이 표시되게 된다. 갤러리 액션 설정은 홈페이지 이용자에 의해 갤러리의 특정 콘텐츠가 선택되는 경우, 표시되는 액션에 관한 설정으로서, 마우스를 가져가면 특정 콘텐츠의 제목을 보여준다던가, 클릭하면 특정 콘텐츠를 크게 확대 표시, 반전, 색상 변화 또는 이동 등의 액션을 포함할 수 있다. When a gallery of a work space is selected as in the embodiment of the present invention shown in FIG. 14, an additional selection menu 'Decorate a gallery' is displayed on the
도 15는 본 발명의 일실시예에 따른 갤러리 추가창을 도시한 것이다. 도 15에 도시된 바와 같이 본 발명의 일실시예에 따르면 갤러리를 추가할 때 갤러리의 표시양태를 선택할 수 있도록 구성될 수 있다. 갤러리의 표시양태는 리스트, 모자이크, 그리드 등의 형태를 포함할 수 있다.
FIG. 15 illustrates a gallery addition window according to an embodiment of the present invention. As shown in FIG. 15, according to an embodiment of the present invention, when adding a gallery, the display mode of the gallery can be selected. The display aspect of the gallery may include a list, a mosaic, a grid, and the like.
본 발명의 일실시예에 따라 제작되는 홈페이지는 복수개의 페이지를 포함할 수 있다. 사용자는 사이드바(116)에서 작업하려는 페이지를 선택할 수 있다. 도 4 내지 도 5에서는 본 발명의 일실시예에 따른 디자인 관리창의 메인 페이지를 도시한 것이고, 도 16은 본 발명의 일실시예에 따른 디자인 관리창의 포토 페이지, 도 17은 본 발명의 일실시예에 따른 디자인 관리창의 프로필 페이지를 도시한 것이다. 도 16, 17에 도시된 바와 같이 사용자는 사이드바(116)에서 작업하려는 페이지를 선택하여 사용자 단말기(3)의 화면상에 디스플레이할 수 있고, 위에 기술된 방법과 같은 방법으로 홈페이지를 꾸밀 수 있다.
A homepage produced according to an embodiment of the present invention may include a plurality of pages. The user can select the page to be worked on in the
종료 버튼(118)과 관련하여, 본 발명의 일실시예에 따른 종료 버튼(118)은 우측 상단에 구비되며, 디자인 관리모드를 종료하기 위한 버튼이다. 종료 버튼(118)을 클릭하면 디자인 관리창(111)이 종료되고 초기화면(100)이 사용자 단말기(3)의 화면에 표시된다.With respect to the
미리보기(119)와 관련하여, 본 발명의 일실시예에 따른 미리보기(119)는 우측 상단에 구비되며, 사용자가 제작한 홈페이지의 디자인이 실제로 어떻게 구현되는지 확인하기 위한 버튼이다. 도 18은 본 발명의 일실시예에 따른 미리보기 창의 실시예를 도시한 것이다. 도 18에 도시된 바와 같이, 실제 홈페이지 이용자 단말기(5)에서 구현되는 것과 같은 상태로 홈페이지의 디자인을 확인할 수 있다.
In connection with the
콘텐츠 contents 관리모드Management mode
본 발명의 일실시예에 따른 콘텐츠 관리모드는, 통신망을 통하여 접속된 사용자 단말기(3)로 콘텐츠 관리창 정보를 전송하는 단계, 접속된 사용자 단말기(3)의 콘텐츠 관리창에 입력된 콘텐츠를 통신망을 통하여 수신하는 단계, 및 수신된 콘텐츠를 콘텐츠 데이터베이스(14)에 저장시키는 단계를 포함할 수 있다.The content management mode according to an embodiment of the present invention includes the steps of transmitting content management window information to a
상기의 콘텐츠 관리창에서는, 콘텐츠 데이터베이스(14)에 저장된 콘텐츠를 업로드, 분류, 삭제, 또는 수정할 수 있도록 구성되며, 디자인 관리창(111)에서는, 사용자가 마우스만으로 콘텐츠 데이터베이스(14)에 저장된 콘텐츠를 컴포넌트로서 로드, 삭제 또는 수정할 수 있도록 구성될 수 있다. 터치스크린을 구비한 스마트폰 또는 태블릿의 경우에는 손가락 또는 터치펜만을 이용할 수 있다.
In the content management window, the content stored in the
본 발명의 일실시예에 따른 콘텐츠 관리 모드와 관련하여, 도 19 내지 도 21은 본 발명의 일실시예에 따른 콘텐츠 관리창을 도시한 것이다. 도 19 내지 도 21에 도시된 바와 같이, 본 발명의 일실시예에 따른 콘텐츠 관리창(121)은 선택바(122), 사이드바(124), 종료 버튼(126)을 포함할 수 있다. 선택바(122)에는 보관함, 업로드함, 삭제함을 의미하는 아이콘이 표시될 수 있으며, 각각의 아이콘을 클릭 시 설정된 저장공간이 화면상에 표시되게 된다. 사이드바(124)에는 사용자가 콘텐츠를 효율적으로 관리하기 위한 일환으로 콘텐츠의 그룹화가 가능하도록 하는 구성이다. 본 발명의 일실시예인 도 19에서는 콘텐츠의 태그를 이용하여 분류를 하였다. 종료 버튼(126)은 콘텐츠 관리 모드를 종료하고 초기화면(100)으로 돌아가기 위한 버튼이다.19 to 21 show a content management window according to an embodiment of the present invention, in relation to a content management mode according to an embodiment of the present invention. 19 to 21, the
도 19는 본 발명의 일실시예에 따른 보관함을 도시한 것이다. 보관함에는 기저장 콘텐츠(128a)들이 표시될 수 있다. 이러한 기저장 콘텐츠(128a)들의 비밀 여부, 태그, 파일명 등을 관리하고 삭제할 수 있다. 도 20은 본 발명의 일실시예에 따른 업로드함을 도시한 것이다. 업로드함에는 업로드할 콘텐츠(128b)들이 표시될 수 있다. 도 21은 본 발명의 일실시예에 따른 삭제함을 도시한 것이다. 삭제함에는 삭제될 콘텐츠(128c)들이 표시될 수 있다.
Figure 19 illustrates a storage compartment in accordance with an embodiment of the present invention. The
설정 Set 관리모드Management mode
본 발명의 일실시예에 따른 설정 관리모드는, 통신망을 통하여 접속된 사용자 단말기(3)로 설정 관리창 정보를 전송하는 단계, 접속된 사용자 단말기(3)의 설정 관리창에 입력된 설정 정보를 상기 통신망을 통하여 수신하는 단계, 및 수신된 설정 정보를 설정 데이터베이스(16)에 저장시키는 단계를 포함할 수 있다.The setting management mode according to an embodiment of the present invention includes the steps of transmitting setting management window information to the
설정 정보는, 사용자 정보, 홈페이지 주소, 홈페이지 이름, 홈페이지 공개 여부, 비밀모드 여부 중 적어도 하나를 포함하고, 웹 제작 서버(10)에 연결된 설정 데이터베이스(16)에 저장되고 관리되게 된다. 사용자 정보는 사용자의 아이디, 비밀번호, 이메일 주소, 결제여부 및 내역, 사용기한 등을 포함할 수 있다. The setting information includes at least one of user information, a homepage address, a homepage name, a homepage disclosure status, and a secret mode existence, and is stored and managed in a
홈페이지 주소는 사용자가 제작한 홈페이지의 웹 주소를 의미하고, 본 발명의 일실시예에 따른 홈페이지 제작 시스템은 사용자가 사용하고 싶은 개인 도메인을 손쉽게 설정하여 사용할 수 있도록 구성된다. 홈페이지 이름은 사용자가 제작한 홈페이지의 제목을 의미하며, 사용자가 사용하고 싶은 이름을 사용할 수 있다. 홈페이지 공개 여부는 사용자가 제작한 상기 홈페이지를 웹 상에 개시하였는지 여부를 의미하고, 본 발명의 일실시예에 따른 홈페이지 제작 시스템은 설정관리창 내에서 이를 수정할 수 있도록 구성된다. 비밀모드 여부는 사용자가 제작한 홈페이지에 비밀번호를 설정하거나, 새로운 주소를 부여하여 특정 이용자만 상기 홈페이지를 이용할 수 있도록 구성되는 비밀모드의 활성화 여부를 의미하고, 설정관리창 내에서 이를 수정할 수 있도록 구성된다.
The homepage address means a web address of a homepage created by a user, and the homepage creation system according to an embodiment of the present invention is configured to easily set and use a personal domain that a user wants to use. The homepage name means the title of the homepage created by the user, and the name that the user wants to use can be used. Whether or not the homepage is opened means that the homepage created by the user has been started on the web, and the homepage production system according to an embodiment of the present invention is configured to be able to modify it in the setting management window. Whether or not the secret mode is set means that a secret mode is configured to allow a specific user to use the homepage by setting a password on a homepage created by the user or giving a new address, do.
본 발명의 일실시예에 따른 설정 관리모드와 관련하여, 도 22 내지 도 25는 본 발명의 일실시예에 따른 설정 관리창을 도시한 것이다. 도 22 내지 도25에 도시된 바와 같이 본 발명의 일실시예에 따른 설정 관리창(131)은 간편관리(132), 주소관리(134), 비밀모드 관리(136) 등을 포함할 수 있다. 22 to 25 illustrate a configuration management window according to an embodiment of the present invention in connection with the configuration management mode according to an embodiment of the present invention. 22 to 25, the
간편관리(132)에서는 도 22에 도시된 바와 같이, 사용자가 자주 사용하게 되는 설정 정보를 변경할 수 있도록 홈페이지 주소 변경(132a), 홈페이지 이름 변경(132b), 홈페이지 공개 여부 설정(132c), 비밀모드 설정(132d) 등을 포함할 수 있다. 주소관리(134)에서는 도 23에 도시된 바와 같이, 홈페이지의 주소를 표시하고 구체적으로 홈페이지를 설정하기 위한 구성을 포함할 수 있다. 22, in the
비밀모드 관리(136)에서는 도 24에 도시된 바와 같이, 비밀모드의 사용여부를 표시할 수 있다. 비밀모드를 사용하는 경우에는 도 25에 도시된 바와 같이 비밀모드 접속 설정창이 표시되게 된다. 비밀모드 접속 설정창에서는 홈페이지에 접속이 허용되는 특정 이용자들을 위하여 비밀모드의 새로운 주소(비밀모드 주소)가 제공되고, 비밀번호의 설정을 위한 구성이 제공될 수 있다. 비밀모드가 활성화된 경우에는, 비밀모드 주소를 통해 접속하거나, 비밀번호를 통해 본 홈페이지 주소로 접속하는 방식으로만 사용자가 제작하고 공개한 홈페이지에 엑세스할 수 있다. 도 26은 본 발명의 일실시예에 따른 비밀모드가 활성화된 초기화면을 도시한 것이다. 비밀모드가 활성화되고 있음을 초기화면(100)의 홈페이지 정보(104) 부분에 표시할 수 있다. 이에 의해 사용자는 홈페이지의 상태를 초기화면(100)에서부터 확인할 수 있다.
In the
제작된 홈페이지Created homepage
도 27은 본 발명의 일실시예에 따라 제작된 홈페이지의 예시를 도시한 것이다. 도 27에 도시된 바와 같이 페이지, 레이아웃, 텍스트, 메뉴, 이미지, 동영상, 도형, 갤러리를 포함하는 컴포넌트 이용하여 디자인적으로 독창적이고 세련된 홈페이지를 사용자가 직접 손쉽게 구성할 수 있다. 예를 들어 좌측 상단에 표시된 컴포넌트는 텍스트에 흰색 글자를 기재하고 검정색 음영을 넣어 표현하였으며, 우측 상단에 표시된 컴포넌트는 홈페이지의 특정 페이지로 링크되어 있는 메뉴를 구성하고 있다. 중단 레이아웃에는 컴포넌트로서 이미지를 삽입하였고, 하단 레이아웃에는 컴포넌트로서 갤러리를 삽입하여 홈페이지 이용자 단말기(5)에서 이용자가 갤러리에 표시된 사진 하나를 클릭 시 확대, 반전, 색상 변화 또는 이동될 수 있도록 구성하였다.FIG. 27 illustrates an example of a home page produced according to an embodiment of the present invention. As shown in FIG. 27, a user can easily construct a unique and sophisticated homepage in design using a component including pages, layouts, texts, menus, images, moving images, graphics, and galleries. For example, the component displayed at the top left is written in white text with black shading, and the component at the top right shows a menu linked to a specific page on the home page. In the break layout, an image is inserted as a component, and a gallery is inserted as a component in the lower layout, so that a user displayed on the
본 발명의 일실시예에 따르면 복잡하게 프로그래밍 코드를 입력하지 않으면서도 도 27에 도시된 것과 같은 독창적인 홈페이지 디자인을 웹 상에서 손쉽게 제작할 수 있고, 이렇게 제작된 홈페이지의 주소를 설정하고 공개를 설정하여 곧바로 제작된 홈페이지를 홈페이지 이용자 단말기(5)에 제공할 수 있다. 본 발명의 일실시예에 따르면 최소한의 메뉴 구성으로 최적의 홈페이지 제작 효율성을 발생시키게 된다.
According to an embodiment of the present invention, it is possible to easily produce an original homepage design such as the one shown in FIG. 27 on the web without inputting a complicated programming code, and to set the address of the homepage, And can provide the created homepage to the
종래의 한계Conventional Limit
종래에는 본 발명의 일실시예와 같은 홈페이지 제작방법을 시행하려할 때 발생되는 다음과 같은 한계 때문에 본 발명을 실시하는 것, 본 발명의 기술적 사상에 다다르는 것이 사실상 불가능하였다. It has been practically impossible to carry out the present invention due to the following limitations that arise when attempting to implement the homepage production method as in the embodiment of the present invention.
첫째로, 디자인 관리모드와 관련하여, 웹의 기술력이 문제된다.First, regarding the design management mode, the technical power of the web is a problem.
웹표준 확립과 관련하여, 기존에는 브라우저 벤더마다 각기 다른 변종 HTML 언어를 제작하고 호환을 거부했다. 그러나, 2004년에 WHATWG를 중심으로 웹 표준을 지킬 수 있는 브라우저가 제작되기 시작했고, 이를 위해 HTML5가 최초로 정의되고 현재 명세의 마무리 중에 있다. 웹 표준이 확립이 되면서 기존에 웹 개발(홈페이지 제작)에 사용되던 많은 변종이 HTML5로 통합될 수 있게 되었다. 이러한 웹 표준 확립이 갖는 의미는 동일한 언어(HTML/CSS)로 모든 브라우저에서 동일한 홈페이지를 보여줄 수 있게 되었다는 점에 있다.Regarding the establishment of web standards, browser vendors have created different variant HTML languages and refused to be compatible. However, in 2004, WHATWG-based Web standards-compliant browsers began to be produced, and for this purpose HTML5 was first defined and in the process of being finalized. With the establishment of web standards, many of the variants previously used for web development (homepage creation) can be integrated into HTML5. The implication of this web standard establishment is that it can display the same homepage in all browsers in the same language (HTML / CSS).
결국 종래에 본 발명을 발명할 수 없었던 이유 중 하나는 웹 표준이 존재하지 않았기 때문이다. 즉, 각각의 홈페이지별로 일관되고 통일성 있는 홈페이지 소스코드를 작성할 수 없었기 때문이다.
As a result, one of the reasons why the present invention was not able to be invented conventionally is that a web standard does not exist. In other words, we could not write consistent and homogeneous homepage source code for each homepage.
웹 언어의 발전과 관련하여 HTML5의 등장은, 홈페이지 제작한 필요한 기술을 진일보 시켰다는 데에 또 하나의 커다란 의의가 있다. 기존에는 특정 화면을 나타내기 위해서, 어도비의 액션스크립트나 플래쉬, 마이크로소프트의 실버라이트 같은 기능을 사용해야 했다. 그러나 최근에는 웹 표준의 지원을 받고 있는 JAVASCRIPT를 기반으로 기존 기능을 구현할 수 있도록 발전하게 되었다. 그로 인해 무엇보다 라이센스가 필요하지 않게 되었고, 확립된 웹 표준 덕분에 모든 브라우저에서 JAVASCRIPT를 완벽히 지원하게 되었다.The emergence of HTML5 in relation to the development of the web language has another great significance in furthering the necessary technologies that are produced by the homepage. In the past, you had to use Adobe's ActionScript, Flash, and Microsoft's Silverlight features to display certain screens. However, in recent years, JAVASCRIPT, which is supported by web standards, has been developed to implement existing functions based on JAVASCRIPT. It no longer requires a license, and thanks to the established web standards, JAVASCRIPT is fully supported in all browsers.
결국 종래에 본 발명을 발명할 수 없었던 이유 중 하나는 현재와 같은 수준까지 웹 언어가 발전하지도, 통일되지도 못했기 때문이다.As a result, one of the reasons why the present invention was not able to be invented in the past is that the web language has not been developed until now, and it has not been unified.
웹 브라우저의 기능 향상과 관련하여, 웹 브라우저의 기능 향상은 현재의 웹 서비스를 가능하게 한 가장 중요한 이유 중 하나이다. 특히 구글 크롬(google chrome) 웹 브라우저의 경우 v8 엔진이라는 웹 브라우저 컴파일 엔진을 개발하여 웹 브라우저의 성능을 크게 높였다. 기존까지는 웹 브라우저의 성능이 형편없어서 멈추거나 로딩이 제대로 되지 않는 경우가 상당하였다. 브라우저의 성능이 향상되면서 웹 브라우저 상에서 풍부하고 다양한 사용자 인터액션이 가능하게 되었다. 특히나 본 발명의 일시예와 같이 수많은 동적인 변경과 서버 통신이 필요한 제품은 웹 브라우저의 성능이 핵심이다.With regard to the enhancement of web browsers, the enhancement of the web browsers is one of the most important reasons for enabling current web services. Especially, in case of google chrome web browser, we developed a web browser compilation engine called v8 engine, which greatly improved the performance of web browser. Until now, there were a lot of cases where the performance of the web browser was poor, so it could not stop or load properly. As the performance of browsers has improved, rich and diverse user interactions have become possible on web browsers. Particularly, the performance of a web browser is a key to a product that requires a lot of dynamic changes and server communication as in the case of the present invention.
결국 종래에 본 발명을 발명할 수 없었던 이유 중 하나는 사용자의 인터액션을 모두 지원할 수 있는 수준의 웹 브라우저 성능이 확보되지 않았기 때문이다.As a result, one of the reasons why the present invention was not able to be invented in the past is that the performance of the web browser is not ensured at a level that can support all the user's interactions.
둘째로, 설정 관리모드와 관련하여, 하드웨어의 기술력이 문제된다.Second, with regard to the configuration management mode, there is a problem in the hardware technology.
최근 클라우드 기술의 등장으로 하드웨어 기술이 크게 발전하게 되었다. 클라우드 기술은 다양한 장점이 있지만 무엇보다 하드웨어 확장의 자동화가 가능하다는 것이 큰 강점이다. 기존에는 이런 하드웨어 확장이 모두 수동으로 이루어졌기 때문에 본 발명의 일실시예와 같이 수많은 사람들이 홈페이지를 만들고, 또 각 홈페이지마다 수많은 사람들이 방문하는 대규모 트래픽을 감당하는 하드웨어를 구성하는 일이 사실상 불가능했다. 그러나, 최근의 클라우드 기술로 인해, 이런 확장이 자동화로 변경되었다. Recently, with the advent of cloud technology, hardware technology has been greatly developed. While cloud technology has many advantages, the ability to automate hardware extensions is a major strength. In the past, since all of these hardware extensions were manually performed, it was practically impossible for a large number of people to create a homepage and to configure hardware for a large number of people to visit each of the homepages, as in the embodiment of the present invention . However, due to the recent cloud technology, these extensions have changed to automation.
하지만 최근까지도 클라우드 기술은 불안전하고 신뢰도가 떨어지는 것으로 여겨졌다. 고객 레퍼런스나 실제 사례들이 부족하여 기술 수준이 안정화되고 대중화가 되기까지 몇 년의 시간이 걸렸다. 최근에 와서야 이런 클라우드 기술을 통한 하드웨어 인프라 활용이 안정적으로 서비스 되고 있다.Until recently, however, cloud technology was considered insecure and unreliable. It took years to stabilize and popularize the technology level due to the lack of customer references and practical examples. Recently, the availability of hardware infrastructure through such cloud technology has been steadily being serviced.
결국 종래에 본 발명을 발명할 수 없었던 이유 중 하나는 많은 사용자를 감당할 수 있는 하드웨어 구성 및 확장의 자동화가 불가능했기 때문이다.
As a result, one of the reasons why the present invention was not able to be invented in the past is that it is impossible to automate hardware configuration and expansion that can accommodate many users.
셋째로, 콘텐츠 관리모드와 관련하여, RSS, API 기술의 발전과 배포가 문제된다.Third, with respect to the content management mode, development and distribution of RSS and API technologies are problematic.
기존에는 콘텐츠를 수집하고 보관할 수 있는 방법이 복잡하고 어려웠다. 그러나 최근에는 공공 기관에서조차 오픈 API를 제공하여 원하면 공공기관의 DB 정보를 열람할 수 있는 방법을 제공한다. 또한, RSS 라는 기술을 통해서 웹 페이지의 내용을 로드하여 재가공할 수 있는 방법도 보편화되었다.Previously, there was a complex and difficult way to collect and archive content. However, in recent years, open APIs have been provided even in public institutions, providing a way to browse DB information of public institutions if desired. In addition, a method of loading and reprocessing the contents of a web page through a technique called RSS has become common.
이전까지는 사람들이 자신의 콘텐츠를 거의 하드 디스크에 보관해왔다. 그러나 최근에는 사람들이 SNS나 웹 페이지 상에 자신의 콘텐츠를 올려두기 시작하였으나, 이들을 통합하여 한 곳에 자동으로 수집해올 수 있는 방법이 없었다.Until now, people have kept their content on hard disks. However, in recent years, people have started to upload their content on SNS or web pages, but there is no way to integrate them and automatically collect them in one place.
그러나 각 서비스가 오픈 API를 제공하기 시작했고, 이런 태도가 편화되면서 흩어진 콘텐츠를 한 곳에 모아둘 수 있는 방법이 생기게 되었다. 또한, 인터넷 상에 이런 다량의 정보를 보관할 수 있는 하드웨어 공간의 사용 비용이 저렴해진 것도 큰 몫을 해주고 있다.
However, each service has begun to provide an open API, and as this attitude becomes more flattery, there is a way to gather scattered content in one place. In addition, the use of a hardware space that can store such a large amount of information on the Internet has become cheaper, which also contributes greatly.
본 발명의 일실시예에 따른 홈페이지 제작방법은 위에 언급된 사유에 의해 통상의 기술자가 기존에는 용이하게 발명할 수 없었으며, 기존에는 발명을 위한 동기도 찾을 수 없었던 홈페이지 제작방법이라 할 수 있다.
The method of manufacturing a homepage according to an embodiment of the present invention can be said to be a homepage production method in which a conventional technician could not easily invent an existing one due to the above-mentioned reason, and a motive for the invention was not found in the past.
이상에서 설명한 바와 같이, 본 발명이 속하는 기술 분야의 통상의 기술자는 본 발명이 그 기술적 사상이나 필수적 특징을 수정하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 상술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로서 이해해야만 한다. 본 발명의 범위는 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 등가 개념으로부터 도출되는 모든 수정 또는 변형된 형태가 본 발명의 범위에 포함하는 것으로 해석되어야 한다.
As described above, it will be understood by those skilled in the art that the present invention may be embodied in other specific forms without departing from the spirit or essential characteristics thereof. It is therefore to be understood that the above-described embodiments are to be considered in all respects only as illustrative and not restrictive. The scope of the present invention is defined by the appended claims rather than the detailed description, and all modifications or variations derived from the meaning and scope of the claims and their equivalents should be construed as being included within the scope of the present invention.
1: 홈페이지 제작 시스템
3: 사용자 단말기
5: 홈페이지 이용자 단말기
10: 웹 제작 서버
12: 디자인 데이터베이스
14: 콘텐츠 데이터베이스
16: 설정 데이터베이스
100: 초기화면
102: 사용자 정보
104: 홈페이지 정보
110: 디자인 관리모드
111: 디자인 관리창
112: 선택바
114: 작업바
116: 사이드바
118: 종료 버튼
119: 미리보기 버튼
120: 콘텐츠 관리모드
121: 콘텐츠 관리창
122: 선택바
124: 사이드바
126: 종료 버튼
128a: 저장된 콘텐츠
128b: 업로드된 콘텐츠
128c: 삭제된 콘텐츠
130: 설정 관리모드
131: 설정 관리창
132: 간편관리
134: 주소관리
136: 비밀모드 관리1: Homepage production system
3: User terminal
5: Homepage user terminal
10: Web Authoring Server
12: Design Database
14: Content database
16: Setting database
100: Initial screen
102: User information
104: Homepage information
110: Design management mode
111: Design Management Window
112: Selection bar
114: Taskbar
116: Sidebar
118: Exit button
119: Preview button
120: Content management mode
121: Content management window
122: Selection bar
124: Sidebar
126: Exit button
128a: Stored Content
128b: uploaded content
128c: Deleted content
130: Setting management mode
131: Configuration Management Window
132: Easy management
134: Address management
136: Secret Mode Management
Claims (9)
홈페이지는, 홈페이지의 배경인 페이지, 상기 페이지의 적어도 일부를 점유하고 컴포넌트가 삽입되는 프레임인 레이아웃 및 레이아웃에 삽입되는 콘텐츠, 메뉴 또는 갤러리인 컴포넌트를 포함하고,
상기 콘텐츠는, 특정 이미지, 사용자의 입력에 의해 도안되는 도형, 사용자의 입력에 의해 작성되는 텍스트 및 특정 동영상 중 적어도 하나를 포함하며,
상기 메뉴는, 클릭 시 사용자의 홈페이지 상에서 특정 페이지로 연결되는 구성을 의미하며,
상기 갤러리는, 사용자에 의해 업로드되는 복수개의 콘텐츠 중 적어도 하나를 포함하며 특정 배열로 배치되는 구성을 의미하고,
상기 웹 제작 서버는 디자인 데이터베이스, 콘텐츠 데이터베이스 및 설정 데이터베이스를 포함하며,
사용자 단말기로부터 통신망을 통하여 로그인 정보를 포함하는 접속 요청을 수신하는 접속요청 수신 단계;
상기 로그인 정보를 기초로 상기 사용자 단말기의 사용자가 제작하고 수정한 홈페이지의 디자인 정보, 상기 사용자가 업로드하고 수정한 콘텐츠 정보 및 사용자 정보와 홈페이지 정보를 포함하는 설정 정보를 로드하고, 접속을 요청하는 상기 사용자 단말기의 상기 웹 제작 서버로의 접속을 허용하는 접속허용 단계;
접속이 허용된 상기 사용자 단말기로부터 디자인 관리모드, 콘텐츠 관리모드 또는 설정 관리모드로의 접속 요청을 수신하는 모드 선택단계; 및
상기 사용자 단말기로부터 접속 요청이 수신된 모드로 진입하도록 접속을 허용하는 모드 접속단계;
를 포함하고,
상기 디자인 관리모드는, 홈페이지의 디자인을 제작 또는 수정의 작업을 하기 위한 모드로서, 상기 통신망을 통하여 접속된 상기 사용자 단말기로 디자인 관리창 정보를 전송하는 디자인 관리창 전송단계; 상기 사용자 단말기의 디자인 관리창에 입력된 디자인 정보를 상기 통신망을 통하여 수신하는 디자인 정보 수신단계; 및 수신된 상기 디자인 정보를 상기 디자인 데이터베이스에 저장시키는 디자인 정보 저장단계;를 포함하며,
상기 콘텐츠 관리모드는, 상기 콘텐츠 데이터베이스에 저장되는 콘텐츠를 분류, 업로드 또는 삭제하여 관리하는 콘텐츠 관리단계;를 포함하고,
상기 설정 관리모드는, 상기 사용자 정보 또는 상기 홈페이지 정보를 생성 또는 수정하기 위한 설정 관리단계;를 포함하며,
상기 디자인 관리모드에서 상기 디자인 정보 수신단계는, 페이지, 레이아웃 또는 컴포넌트의 선택에 대한 정보를 수신하는 선택단계; 및 선택된 페이지, 레이아웃 또는 컴포넌트의 위치, 크기, 형상, 내용 및 색상 중 적어도 하나에 대한 작업정보를 수신하는 작업단계;를 포함하고,
상기 디자인 정보는 사용자가 설정할 수 있도록 구성되고,
상기 디자인 관리모드에서는, 상기 콘텐츠 데이터베이스에 기저장되어 있는 콘텐츠를 이용하거나 상기 사용자가 직접 업로드하는 콘텐츠를 이용하는 것을 특징으로 하는 홈페이지 제작방법.
In a homepage creation method performed by a web creation server,
The home page includes a page which is a background of the homepage, a content which is a frame to be occupied by at least a part of the page and which is a frame into which the component is inserted, a content to be inserted into the layout,
The content includes at least one of a specific image, a graphic drawn by the user's input, a text created by the user's input, and a specific video,
The menu refers to a configuration in which a specific page is linked on the user's homepage when clicked,
The gallery means a configuration including at least one of a plurality of contents uploaded by a user and arranged in a specific arrangement,
The web authoring server includes a design database, a content database, and a setting database,
A connection request receiving step of receiving a connection request including login information from a user terminal through a communication network;
Loading design information including homepage design information created and modified by a user of the user terminal, content information uploaded and modified by the user, setting information including user information and homepage information based on the login information, A connection accepting step of allowing connection of the user terminal to the web authoring server;
A mode selecting step of receiving a connection request from the user terminal permitted to connect to the design management mode, the content management mode, or the setting management mode; And
A mode connection step of allowing connection from the user terminal to enter a mode in which a connection request is received;
Lt; / RTI >
The design management mode includes a design management window transmission step of transmitting design management window information to the user terminal connected through the communication network as a mode for creating or modifying a design of a homepage; A design information receiving step of receiving design information input through a design management window of the user terminal through the communication network; And a design information storage step of storing the received design information in the design database,
Wherein the content management mode includes a content management step of classifying, uploading or deleting the content stored in the content database to manage the content,
Wherein the setting management mode includes a setting management step for creating or modifying the user information or the homepage information,
In the design management mode, the design information receiving step may include: a selection step of receiving information on selection of a page, a layout, or a component; And job information for at least one of position, size, shape, content, and color of the selected page, layout, or component,
The design information is configured to be set by a user,
Wherein the design management mode uses a content previously stored in the content database or a content that the user directly uploads.
상기 설정 관리모드에서는, 특정 단말기에서만 상기 홈페이지에 접속할 수 있도록 상기 특정 단말기에만 접속 권한을 부여하는 비밀모드를 설정하는 비밀모드 설정단계;를 더 포함하고,
상기 비밀모드는 비밀 번호 없이 접속이 허용되는 별도의 홈페이지 주소를 설정하는 모드를 포함하는 것을 특징으로 하는 홈페이지 제작방법.
The method according to claim 1,
And a secret mode setting step of setting a secret mode for granting an access right only to the specific terminal so that the specific terminal can access the homepage only in the setting management mode,
Wherein the secret mode includes a mode of setting a separate homepage address allowing access without a password.
상기 갤러리에 배치된 상기 복수개의 콘텐츠 중 적어도 하나가 홈페이지 이용자에 의해 선택되는 경우, 상기 선택된 콘텐츠에 특정 시각 효과를 부여하여 디스플레이하고,
상기 특정 시각 효과는 확대, 반전, 색상 변화 및 이동 중 적어도 하나를 포함하는 것을 특징으로 하는 홈페이지 제작방법.
The method according to claim 1,
Displaying a selected visual content by giving a specific visual effect when at least one of the plurality of contents arranged in the gallery is selected by the user of the homepage,
Wherein the specific visual effect includes at least one of magnification, inversion, color change, and movement.
상기 사용자가 자판 없이도 상기 레이아웃 및 콘텐츠 중 적어도 하나의 디자인 정보를 설정할 수 있도록 구성되는 것을 특징으로 하는 홈페이지 제작방법.
The method according to claim 1,
Wherein the design information of at least one of the layout and the content is set by the user without using a keyboard.
상기 홈페이지는 HTML, CSS 및 javascript 중 적어도 하나를 기반으로 운영되는 것을 특징으로 하는 홈페이지 제작방법.
The method according to claim 1,
Wherein the homepage is operated based on at least one of HTML, CSS, and javascript.
사용자가 설정하는 인터넷 주소를 통한 상기 홈페이지로의 접속을 허용하는 것을 특징으로 하는 홈페이지 제작방법.
The method according to claim 1,
And allowing access to the homepage through an Internet address set by the user.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR20140027957A KR101509392B1 (en) | 2014-03-10 | 2014-03-10 | Method for making homepage on the world wide web therefor |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR20140027957A KR101509392B1 (en) | 2014-03-10 | 2014-03-10 | Method for making homepage on the world wide web therefor |
Publications (1)
Publication Number | Publication Date |
---|---|
KR101509392B1 true KR101509392B1 (en) | 2015-04-07 |
Family
ID=53032584
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR20140027957A KR101509392B1 (en) | 2014-03-10 | 2014-03-10 | Method for making homepage on the world wide web therefor |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101509392B1 (en) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20190119940A (en) * | 2018-04-13 | 2019-10-23 | 비브이에스(주) | Contents Management System for Managing Homepage of Organization or University and Method for operating Therefor |
WO2021035165A1 (en) * | 2019-08-21 | 2021-02-25 | Aveva Software, Llc | Responsive layout system and server |
WO2021066325A1 (en) * | 2019-10-04 | 2021-04-08 | (주)텐스 | Method and apparatus for generating web page |
KR102571475B1 (en) * | 2022-09-30 | 2023-08-25 | 강영실 | Apparatus and Method for Providing Homepage production and management solution |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20010011443A (en) * | 1999-07-28 | 2001-02-15 | 최재학 | Method For Manufacturing Of Homepage |
KR20070019374A (en) * | 2005-08-12 | 2007-02-15 | 김지현 | Establishing system and method of the homepage |
-
2014
- 2014-03-10 KR KR20140027957A patent/KR101509392B1/en active IP Right Grant
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20010011443A (en) * | 1999-07-28 | 2001-02-15 | 최재학 | Method For Manufacturing Of Homepage |
KR20070019374A (en) * | 2005-08-12 | 2007-02-15 | 김지현 | Establishing system and method of the homepage |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20190119940A (en) * | 2018-04-13 | 2019-10-23 | 비브이에스(주) | Contents Management System for Managing Homepage of Organization or University and Method for operating Therefor |
KR102257793B1 (en) | 2018-04-13 | 2021-05-28 | 비브이에스(주) | Contents Management System for Managing Homepage of Organization or University and Method for operating Therefor |
WO2021035165A1 (en) * | 2019-08-21 | 2021-02-25 | Aveva Software, Llc | Responsive layout system and server |
US11823647B2 (en) | 2019-08-21 | 2023-11-21 | Aveva Software, Llc | Responsive layout system and server |
WO2021066325A1 (en) * | 2019-10-04 | 2021-04-08 | (주)텐스 | Method and apparatus for generating web page |
US12045305B2 (en) | 2019-10-04 | 2024-07-23 | Tenth Co., Ltd. | Method and apparatus for generating web page using blocks |
KR102571475B1 (en) * | 2022-09-30 | 2023-08-25 | 강영실 | Apparatus and Method for Providing Homepage production and management solution |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11853728B2 (en) | System integrating a mobile device application creation, editing and distribution system with a website design system | |
US9971749B2 (en) | Editor for website and website menu | |
US8458596B1 (en) | Method and apparatus for a mashup dashboard | |
WO2022037336A1 (en) | Document processing method, apparatus and device, and medium | |
US20100251143A1 (en) | Method, system and computer program for creating and editing a website | |
US20120151329A1 (en) | On-page manipulation and real-time replacement of content | |
US20120144327A1 (en) | Website file and data structure, website management platform and method of manufacturing customized, managed websites | |
US20140237020A1 (en) | Web-based operating system framework application network | |
US20130019195A1 (en) | Aggregating multiple information sources (dashboard4life) | |
US20140282139A1 (en) | System for mobile content management | |
Dambruch et al. | Leveraging public participation in urban planning with 3D web technology | |
KR101509392B1 (en) | Method for making homepage on the world wide web therefor | |
JP2024038342A (en) | System and method for smart interaction between website components | |
WO2020216565A1 (en) | Systems and methods for providing real-time, interactive email content | |
US20140282140A1 (en) | Method for mobile content management | |
JP2022508086A (en) | Systems and methods for creating and processing configurable applications for website building systems | |
AU2015376591A1 (en) | Desktop sharing method and mobile terminal | |
JP2012064207A (en) | Host device and content display method of the same | |
US9965455B2 (en) | Previewing inline authoring of web content | |
US20140282115A1 (en) | System and method for retrieving and selecting content | |
KR101427308B1 (en) | System for publicating online album by oneself | |
Lair | Beginning Silverlight 5 in C | |
WO2014031011A1 (en) | Website building tool | |
KR20220140952A (en) | Method for making homepage on the world wide web therefor | |
Nebeling | Lightweight informed adaptation: Methods and tools for responsive design and development of very flexible, highly adaptive web interfaces |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
E701 | Decision to grant or registration of patent right | ||
FPAY | Annual fee payment |
Payment date: 20180308 Year of fee payment: 4 |
|
FPAY | Annual fee payment |
Payment date: 20190131 Year of fee payment: 5 |
|
FPAY | Annual fee payment |
Payment date: 20200303 Year of fee payment: 6 |