KR20150136173A - System and method for building homepage - Google Patents

System and method for building homepage Download PDF

Info

Publication number
KR20150136173A
KR20150136173A KR1020140062960A KR20140062960A KR20150136173A KR 20150136173 A KR20150136173 A KR 20150136173A KR 1020140062960 A KR1020140062960 A KR 1020140062960A KR 20140062960 A KR20140062960 A KR 20140062960A KR 20150136173 A KR20150136173 A KR 20150136173A
Authority
KR
South Korea
Prior art keywords
information
screen
file
homepage
post
Prior art date
Application number
KR1020140062960A
Other languages
Korean (ko)
Other versions
KR101619845B1 (en
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 KR1020140062960A priority Critical patent/KR101619845B1/en
Publication of KR20150136173A publication Critical patent/KR20150136173A/en
Application granted granted Critical
Publication of KR101619845B1 publication Critical patent/KR101619845B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION 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/00Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services

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

Disclosed are a system and a method for producing a homepage, capable of providing homepage environment which is convenient for a user to produce all homepages in a program. The system for producing a homepage includes: a production tool operation unit providing a main screen of a homepage work environment to which a metro user interface design is applied, to a work terminal of an operator by operating a homepage work environment program according to a request of the operator through authentication of the operator; a design framework operation unit providing the main screen in a reaction type form by dynamically treating homepage design information which the operator selects or inputs on a design management screen included in the main screen; a file management operation unit dynamically generating, correcting, deleting, and uploading folder information and file information on a file management screen included in the main screen and providing the folder information and the file information in the reaction type for the main screen; and a menu management operation unit dynamically generating, correcting, deleting, and uploading menu information on a menu management screen included in the main screen and providing the menu information in the reaction type form for the main screen.

Description

홈페이지 제작 시스템 및 방법{SYSTEM AND METHOD FOR BUILDING HOMEPAGE}SYSTEM AND METHOD FOR BUILDING HOMEPAGE

본 발명은 홈페이지 제작 시스템 및 방법에 관한 것으로서, 더욱 상세하게는 홈페이지 제작을 하나의 프로그램에서 모두 제작할 수 있도록 사용자 편의적인 홈페이지 환경을 제공할 수 있는 홈페이지 제작 시스템 및 방법에 관한 것이다.
The present invention relates to a homepage creation system and method, and more particularly, to a homepage creation system and method capable of providing a user-friendly homepage environment so that homepage creation can be produced in one program.

인터넷에 대한 네티즌들의 관심도가 높아지면서 자신만의 홈페이지(웹사이트 전체를 통칭하는말로, 이하 '홈페이지'라 칭한다)를 제작하고자 하는 이용자가 증가하고 있다.As netizens are increasingly interested in the Internet, more and more users are wishing to create their own homepage (hereinafter referred to as a "home page").

일반적으로, 홈페이지를 제작하기 위해서는 본인의 단말기('작업자 단말기'라 칭함)에 홈페이지 제작을 위한 제작 프로그램(예: HTML과 XML를 이용한 에디터, 또는 홈페이지 제작 전용 에디터(예: 드림위버, 나모웹에디터, FTP프로그램)등)을 설치하고, 상기 설치 프로그램에서 각 웹페이지 문서 및 디자인을 제작하게 된다. 또는 HTML(Hyper Text Markup Language)을 사용하여 홈페이지 문서와 디자인을 자체적으로 제작하게 된다.Generally, in order to produce a homepage, a production program for producing a homepage (e.g., an editor using HTML and XML, or an editor dedicated to homepage production (e.g., Dreamweaver, Namo Web Editor, FTP program), etc.) are installed, and each web page document and design is produced by the installation program. Or HTML (Hyper Text Markup Language) to create their own homepage documents and designs.

그러나, 홈페이지 제작자(작업자)가 자신의 작업자 단말기에서 제작한 문서, 디자인 및 제작 프로그램을 홈페이지 제작 서버로 업로드하기 위해 특정 홈페이지 제작 서버에 계정을 발급받은 후, FTP(File Transfer Protocol)나 다른 통신 프로토콜을 이용해서 자신이 제작한 홈페이지 문서, 디자인 및 제작 프로그램을 홈페이지 제작 서버에 업로드하여 홈페이지 제작이 이루어질 수 있다.However, after the home page creator (operator) issues an account to the home page production server in order to upload the document, design and production program produced by his / her own worker terminal to the home page production server, an FTP (File Transfer Protocol) The homepage document, the design and the production program produced by the user can be uploaded to the homepage production server, and the homepage can be produced.

이와 홈페이지 제작 서버에 업로드하는 방식은 홈페이지 문서, 디자인 및 제작 프로그램을 수정해야 하는 경우, 상기 제작자는 자신의 작업자 단말기에서 다시 작업을 행하여 수정한 후, 다시 홈페이지 제작 서버에 업로드해야 하는 문제점이 발생하였다.In a method of uploading to a homepage production server, when a homepage document, a design and a production program are to be modified, the producer has to perform work again on his / her worker terminal and then modify the homepage document, .

아울러, 앞서 설명한 HTML과 XML를 이용한 에디터, 또는 홈페이지 제작 전용 에디터와 같은 홈페이지 제작을 위한 특정 프로그램들에 대한 툴 학습과 언어 학습이 선행되어야지만, 홈페이지 제작이 이루어지기 때문에 전문 지식을 갖추지 못한 일반 사람들에게는 홈페이지 제작이 더욱 더 어려운 문제점이 있었다.
In addition, tool learning and language learning should be preceded with the above-mentioned HTML and XML-based editors, or specific programs for creating homepages such as an editor dedicated to homepage production. However, since homepage creation is performed, general people There was a problem that the homepages were made more difficult.

1. 한국공개특허 : 제2005-0071720호, 공개일자 : 2005년 07월 08일, 발명의 명칭 : 동적으로 홈페이지를 제작하는 방법 및 이 방법을 웹에서구현하는 장치.1. A method for dynamically creating a homepage and a device for implementing the method on a web. 2. Description of the Related Art 2. 한국공개특허 : 제2007-0037203호, 공개일자 : 2007년 04월 04일, 발명의 명칭 : 자동 홈페이지 제작 서비스 시스템 및 방법.2. Korean Patent Publication No. 2007-0037203, publication date: April 04, 2007 Title: Automatic homepage production service system and method.

본 발명은 상술한 문제점을 해결하기 위하여 안출된 것으로서, 홈페이지 제작 서버에 접속하여 하나의 홈페이지 제작 프로그램을 실행시켜 그 안에서 업로드없이 동적이고 즉시 반응하는 홈페이지 제작 시스템 및 방법을 제공하는데 그 목적이 있다.It is an object of the present invention to provide a homepage creation system and method which are connected to a homepage creation server to execute a homepage creation program and are dynamic and immediately responsive without uploading.

또한, 본 발명은 홈페이지 제작에 필요한 파일 관리, 포스트 관리 및 디자인 관리를 하나의 홈페이지 제작 프로그램에서 동시에 동적으로 처리하여 메인 화면에 즉시 확인할 수 있는 홈페이지 제작 시스템 및 방법을 제공하는데 그 다른 목적이 있다.
It is another object of the present invention to provide a homepage creation system and method that can dynamically process file management, post management, and design management necessary for homepage creation simultaneously in one homepage creation program and immediately check the main screen.

상기한 바와 같은 본 발명의 목적을 달성하고, 후술하는 본 발명의 특징적인 기능을 수행하기 위한, 본 발명의 특징은 다음과 같다.The features of the present invention for achieving the objects of the present invention as described above and performing the characteristic functions of the present invention described below are as follows.

본 발명의 일 관점에 따르면, 홈페이지 제작 서버에 접속하여 반응형 홈페이지를 제작하기 위한 홈페이지 제작 시스템으로서, 상기 홈페이지 제작 서버는 작업자의 인증을 통해 작업자의 요청에 따라 홈페이지 작업환경 프로그램을 구동시켜 메트로 사용자 인테페이스 디자인(metro user interface design)이 적용된 홈페이지 작업환경의 메인 화면을 상기 작업자의 작업 단말기로 제공하는 제작툴 구동부; 상기 메인 화면에 포함된 디자인관리 화면에서 상기 작업자가 선택하거나 입력한 홈페이지 디자인 정보를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 제공하는 디자인 프레임워크 동작부; 상기 메인 화면에 포함된 파일관리 화면에서 폴더 정보와 파일 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 제공하는 파일 관리 동작부; 상기 메인 화면에 포함된 메뉴관리 화면에서 메뉴 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 제공하는 메뉴 관리 동작부; 및 상기 메인 화면에 포함된 포스트관리 화면에서 공지사항과 게시글 정보를 입력하면 입력된 게시글과 공지사항 정보를 상기 메인 화면에 반응형 형태로 제공하는 포스트관리 동작부를 포함하는 홈페이지 제작 시스템이 제공된다.According to one aspect of the present invention, there is provided a homepage creation system for creating a responsive homepage by connecting to a homepage creation server, wherein the homepage creation server drives a homepage work environment program according to a request of an operator through authentication of a worker, A production tool driving unit for providing a main screen of a home work environment to which a metro user interface design is applied to a work terminal of the worker; A design framework operation unit for dynamically processing the homepage design information selected or input by the operator on the design management screen included in the main screen and providing the processed homepage design information in a responsive form to the main screen; A file management operation unit for dynamically processing, generating, modifying, deleting and uploading folder information and file information in a file management screen included in the main screen, and providing the main screen in a responsive form; A menu management operation unit for dynamically processing, creating, modifying, deleting and uploading menu information in a menu management screen included in the main screen and providing the menu information in a responsive form to the main screen; And a post management operation unit for providing the posted bulletin and announcement information in response to the main screen by inputting announcement and bulletin information on the post management screen included in the main screen.

여기서, 본 발명의 다른 일 관점에 따르면, 홈페이지 제작 서버에 접속하여 반응형 홈페이지를 제작하기 위한 방법으로서, (a) 작업자의 인증을 통해 작업자의 요청에 따라 홈페이지 작업환경 프로그램을 제작툴 구동부에서 구동시키는 단계; (b) 상기 구동에 대응하여 메트로 사용자 인테페이스 디자인(metro user interface design)이 적용된 홈페이지 작업환경의 메인 화면을 작업 단말기로 제공하여 표시하는 단계; (c) 표시된 상기 메인 화면에 포함된 디자인관리 화면에서 상기 작업자가 선택하거나 입력한 홈페이지 디자인 정보를 디자인 프레임워크 동작부에서 동적으로 처리하여 상기 메인 화면에 반응형 형태로 제공하는 단계; (d) 상기 메인 화면에 포함된 파일관리 화면에서 폴더 정보와 파일 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 파일 관리 동작부에서 제공하는 단계; (e) 상기 메인 화면에 포함된 메뉴관리 화면에서 메뉴 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 메뉴 관리 화면에서 제공하는 단계; 및 (f) 상기 메인 화면에 포함된 포스트관리 화면에서 공지사항과 게시글 정보를 입력하면 입력된 게시글과 공지사항 정보를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 포스트관리 동작부에서 제공하는 단계를 포함하는 홈페이지 제작 방법이 제공된다.According to another aspect of the present invention, there is provided a method for creating a responsive homepage by accessing a homepage production server, the method comprising: (a) driving a homepage work environment program in a production tool driving unit according to an operator's request step; (b) providing and displaying a main screen of a home work environment to which a metro user interface design is applied corresponding to the driving, to a work terminal; (c) dynamically processing the homepage design information selected or input by the operator in the design management screen included in the main screen displayed on the main screen, and dynamically processing the provided homepage design information in response to the main screen; (d) dynamically processing, creating, modifying, deleting, and uploading folder information and file information in a file management screen included in the main screen, and providing the file information in response to the main screen in a file management operation unit; (e) dynamically processing, creating, modifying, deleting, and uploading menu information in a menu management screen included in the main screen, and providing the menu screen in a responsive form on the main screen; And (f) dynamically processing the posted bulletin and announcement information by inputting announcement and bulletin information on the post management screen included in the main screen, and providing the posted bulletin and announcement information in a responsive form to the main screen in a post management operation unit Is provided.

여기서, 본 발명의 각 관점에 따른 상기 포스트관리 동작부는 상기 포스트 편집 화면에서 상기 공지사항과 게시글 정보가 생성, 수정 및 삭제될 경우 이를 동적으로 처리하여 처리된 정보들을 담아 상기 메인 화면에 디자인 형식으로 제공할 수 있다.Here, the post management operation unit according to each aspect of the present invention dynamically processes the announcement and posting information when the announcement and posting information are created, edited, and deleted on the post edit screen, .

또한, 본 발명의 각 관점에 따른 상기 파일관리 화면은 상기 폴더 정보와 파일 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하는 파일 동적 편집 화면과; 상기 파일 정보와 디자인 정보 및 공지사항과 게시글 정보를 제작할 홈페이지의 페이지에 맞게 매칭시켜 배치하도록 상기 파일 정보와 디자인 정보 및 게시글과 공지사항 정보간의 관계를 PHP 프로그램을 이용해 코딩되어 작동되도록 하는 PHP 코팅 화면을 포함하여 이루어질 수 있다.The file management screen according to each aspect of the present invention includes a file dynamic edit screen for dynamically processing, modifying, deleting, and uploading the folder information and file information; A PHP-coated screen for allowing the file information, the design information, the notice, and the posting information to be coded by using a PHP program so as to match the file information, design information, . ≪ / RTI >

또한, 본 발명의 각 관점에 따른 상기 PHP 코딩 화면은 코딩된 상기 PHP 프로그램이 작동되면, 코딩된 정보들이 FTP 업로드 절차없이 반응형 형태로 동작하여 상기 메인 화면에 제공할 수 있다.In addition, when the coded PHP program is operated, the coded information according to each aspect of the present invention can be provided to the main screen by operating in a reactive form without the FTP uploading process.

또한, 본 발명의 각 관점에 따른 상기 포스트관리 화면은 상기 공지사항과 게시글 정보를 담고 있는 포스트 파일을 관리하는 포스트 파일화면과; 상기 포스트 파일에 링크된 상기 공지사항과 게시글 정보를 생성, 수정 및 삭제를 동적으로 처리하는 포스트 편집 화면을 포함하여 이루어질 수 있다.
Further, the post management screen according to each aspect of the present invention includes: a post file screen for managing a post file containing the announcement and the post information; And a post edit screen for dynamically processing to create, modify, and delete the announcement and posting information linked to the post file.

이상과 같이, 본 발명에 따르면, 홈페이지 제작을 위한 하나의 전용 프로그램을 실행한 후, 홈페이지 제작 서버에 접속한 상태에서 자신이 만든 홈페이지 디자인, 파일, 메뉴 및 포스트 관리를 동적으로 관리하기 때문에 제작 오류를 줄이고 빠른 시간안에 홈페이지를 제작할 수 있다.As described above, according to the present invention, since one dedicated program for creating a homepage is executed, and a homepage design, a file, a menu and a post management created by the user are dynamically managed while connected to the homepage production server, And can make homepages in a short time.

특히, 본 발명은 하나의 제작 환경에서 홈페이지 디자인, 파일, 메뉴 및 포스트 관리를 통해 홈페이지 제작이 가능하므로 누구나 쉽게 홈페이지를 제작할 수 있는 효과가 있다.In particular, since the present invention can produce a homepage through a homepage design, a file, a menu, and a post management in one production environment, it is possible to easily produce a homepage.

또한, 본 발명에 따르면, 홈페이지 제작을 위한 PHP 프로그램 코딩을 파일 관리 화면에서 제공하므로 FTP 업로드없이도 PHP 프로그램에 연동된 디자인, 폴더 정보, 파일, 메뉴와 공지사항 및 게시글 정보를 동적으로 처리하여 바로 메인 화면에서 확인할 수 있어 이 또한 에 제작 오류를 줄이고 빠른 시간안에 홈페이지를 제작할 수 있다.
According to the present invention, since the PHP program coding for the homepage is provided on the file management screen, the design, the folder information, the file, the menu, the announcement and the posting information linked with the PHP program are dynamically processed without FTP uploading, This can also be confirmed on the screen, which can reduce the production error and make the homepage quickly.

도 1은 본 발명의 제1 실시예에 따른 홈페이지 제작 시스템(100)을 예시적으로 나타낸 도면이다.
도 2는 본 발명의 제1 실시예에 따른 홈페이지 제작 서버(120)의 구성을 보다 상세하게 나타낸 구성도이다.
도 3은 본 발명의 일 실시예들에 따른 홈페이지 작업환경의 메인 화면 구성을 나타낸 도면이다.
도 4는 본 발명의 일 실시예들에 따른 홈페이지 작업환경의 파일관리 화면 구성을 나타낸 도면이다.
도 5는 본 발명의 일 실시예들에 따른 홈페이지 작업환경의 메뉴 관리 화면 구성을 나타낸 도면이다.
도 6은 본 발명의 일 실시예들에 따른 홈페이지 작업환경의 포스트관리 화면 구성을 나타낸 도면이다.
도 7은 본 발명의 일 실시예들에 따른 공지사항과 게시글 정보를 동적으로 처리하여 메인 화면에 디자인 형태로 나타낸 결과 도면이다.
도 8은 본 발명의 제2 실시예에 따른 홈페이지 제작 방법(S100)을 예시적으로 나타낸 도면이다.
FIG. 1 is a view showing an exemplary homepage production system 100 according to a first embodiment of the present invention.
FIG. 2 is a block diagram showing the configuration of the homepage creation server 120 according to the first embodiment of the present invention in more detail.
3 is a view showing a main screen configuration of a homepage work environment according to one embodiment of the present invention.
4 is a view showing a file management screen configuration of a homepage work environment according to one embodiment of the present invention.
5 is a diagram illustrating a menu management screen configuration of a homepage work environment according to one embodiment of the present invention.
6 is a diagram illustrating a post management screen configuration of a homepage work environment according to one embodiment of the present invention.
FIG. 7 is a drawing showing a design in a main screen by dynamically processing announcements and post information according to one embodiment of the present invention.
FIG. 8 is a view illustrating an example of a homepage making method (S100) according to the second embodiment of the present invention.

이하, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자가 본 발명을 용이하게 실시할 수 있도록 하기 위하여, 본 발명의 바람직한 실시예들에 관하여 첨부된 도면을 참조하여 상세히 설명하기로 한다. 도면에서 유사한 참조부호는 여러 측면에 걸쳐서 동일하거나 유사한 기능을 지칭한다.Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings, so that those skilled in the art can easily carry out the present invention. In the drawings, like reference numerals refer to the same or similar functions throughout the several views.

제1 실시예First Embodiment

도 1은 본 발명의 제1 실시예에 따른 홈페이지 제작 시스템(100)을 예시적으로 나타낸 도면이다.FIG. 1 is a view showing an exemplary homepage production system 100 according to a first embodiment of the present invention.

도 1에 도시된 바와 같이, 본 발명의 제1 실시예에 따른 홈페이지 제작 시스템(100)은 작업자 단말기(110) 및 홈페이지 제작 서버(120)를 포함한다.As shown in FIG. 1, a home page production system 100 according to the first embodiment of the present invention includes a worker terminal 110 and a home page production server 120.

먼저, 본 발명에 따른 작업자 단말기(110)는 통신망을 경유하여 홈페이지 제작 서버(120)에 접속한 후, 홈페이지 제작 설치 프로그램을 다운받아 설치한 후 이를 실행시킨다. 상기 홈페이지 제작 설치 프로그램이 정상적으로 실행이 이루어지면, 홈페이지 제작 서버(120)의 홈페이지 작업환경 프로그램에 접속될 수 있으며, 이로써 작업자가 원하는 홈페이지를 제작할 수 있게 된다.First, the worker terminal 110 according to the present invention accesses the homepage creation server 120 via a communication network, downloads and installs a homepage creation and installation program, and then executes the same. When the homepage creation and installation program is normally executed, the homepage creation server 120 can be connected to the homepage work environment program, so that the worker can create a homepage desired by the user.

이때, 상기 홈페이지 작업환경 프로그램은 제작할 홈페이지 안에 들어갈 디자인과 메뉴, 파일 및 포스트 정보를 처리하기 위한 사용자 인터페이스 환경으로서, 이를 위해 디자인관리 화면, 파일관리 화면 및 포스트관리 화면으로 구성된다. 이러한 각 화면은 추후에 보다 상세히 설명하고자 한다.At this time, the home work environment program is a user interface environment for processing design, menu, file, and post information to be included in a home page to be produced, and is composed of a design management screen, a file management screen, and a post management screen. Each of these screens will be described later in more detail.

이와 같은 작업자 단말기(110)는 통신망, 예컨대 유선 통신망에 접속될 수 있는 개인용 컴퓨터 및 노트북이거나, 무선 통신말에 접속될 수 있는 스마트폰, 테블릿 PC 및 노트북과 같은 모바일 단말기일 수 있다. 그러나, 이에 한정되지 않고 다양한 개인용 단말기가 본 발명에서 말하는 작업자 단말기에 포함될 수도 있다.Such a worker terminal 110 may be a personal computer and a notebook capable of being connected to a communication network, for example, a wired communication network, or a mobile terminal such as a smart phone, a tablet PC, and a notebook, which may be connected to a wireless communication terminal. However, the present invention is not limited thereto, and various personal terminals may be included in the worker terminal according to the present invention.

다음으로, 본 발명에 따른 홈페이지 제작 서버(120)는 각 작업자에게 반응형 홈페이지 제작을 지원하기 위하여 작업자가 상기 홈페이지 작업환경 프로그램에서 작업한 홈페이지 제작 정보들을 동적으로 처리하여 해당 홈페이지의 메인 화면에 보여줄 수 있다.Next, the homepage creation server 120 according to the present invention dynamically processes the homepage creation information that the worker has worked on in the homepage work environment program to support the production of the responsive homepage to each worker, and displays it on the main screen of the homepage .

동적으로 처리된 홈페이지 제작 정보들은 데이터베이스에 저장하여 작업자가 다음에 추가로 작업할 때 해당 내용들을 메인 화면을 통해 다시 보여준다. 따라서, 작업자는 언제라도 홈페이지 제작 서버(120)에 접속하여 자신이 원하는 홈페이지 제작을 이어서 진행할 수 있게 된다. Dynamically processed homepage production information is stored in the database and the contents are displayed again on the main screen when the operator next performs additional work. Therefore, the operator can access the homepage creation server 120 at any time to continue the homepage creation desired by himself / herself.

이때, 홈페이지 제작 정보들은 디자인 정보, 메뉴 정보, 파일 정보 및 게시판 정보 및 공지 사항 정보등을 포함하는 보다 넓은 개념을 의미한다. 이러한 홈페이지 제작 정보들은 앞서 설명한 디자인관리 화면, 파일관리 화면 및 포스트관리 화면에서 발생되어 PHP 코딩 프로그램에 의해 동적으로 처리된다.At this time, the homepage production information means a broader concept including design information, menu information, file information, bulletin board information, and announcement information. These homepage creation information is generated in the design management screen, the file management screen and the post management screen described above and is dynamically processed by the PHP coding program.

따라서, 상기와 같이 동적으로 처리된 결과는 홈페이지 메인 화면에 반응형 형태로 표시되므로 작업자는 자신이 작업한 상황을 메인 화면에서 수시로 확인하고, 체크할 수 있을 것이다.Accordingly, since the dynamically processed result is displayed in a responsive form on the home page main screen, the operator can check and check the situation of his / her work from time to time on the main screen.

마지막으로, 본 발명에 따른 통신망은 유무선 인터넷이 가능한 유선 통신망 또는 무선 통신망일 수 있다. 이러한 유무선 통신망은 근거리 통신망(LAN; Local Area Network), 도시권 통신망(MAN; Metropolitan Area Network), 광역 통신망(WAN; Wide Area Network) 및 월드와이드웹(WWW; World Wide Web)과 같은 네트워크로 구성될 수 있다.Finally, the communication network according to the present invention may be a wired communication network or a wireless communication network capable of wired and wireless Internet. The wired / wireless communication network may include a network such as a local area network (LAN), a metropolitan area network (MAN), a wide area network (WAN), and a world wide web (WWW) .

이하에서는, 앞서 설명한 홈페이지 제작 서버(120)의 구성에 대하여 보다 상세히 설명하고자 한다.Hereinafter, the configuration of the homepage creation server 120 described above will be described in detail.

홈페이지 제작 서버(120)의 예Example of the homepage creation server 120

도 2는 본 발명의 제1 실시예에 따른 홈페이지 제작 서버(120)의 구성을 보다 상세하게 나타낸 구성도이다.FIG. 2 is a block diagram showing the configuration of the homepage creation server 120 according to the first embodiment of the present invention in more detail.

도 2에 도시된 바와 같이, 본 발명의 제1 실시예에 따른 홈페이지 제작 서버(120)는 홈페이지 제작 서버에 접속하여 반응형 홈페이지를 제작하기 위하여 제작툴 구동부(121), 디자인 프레임워크 동작부(122), 파일 관리 동작부(123), 메뉴 관리 동작부(124), 포스트 관리 동작부(125), 통신 모듈부(126) 및 제어부(127)를 포함한다.2, the homepage creation server 120 according to the first exemplary embodiment of the present invention includes a production tool driving unit 121, a design framework operation unit 122 A file management operation section 123, a menu management operation section 124, a post management operation section 125, a communication module section 126 and a control section 127.

먼저, 본 발명에 따른 제작툴 구동부(121)는 작업자의 인증을 통해 홈페이지 제작 설치 프로그램을 작업자 단말기(110)로 다운로드 한다. 따라서, 작업자는 자신의 작업자 단말기(110)에 설치된 홈페이지 제작 설치 프로그램을 동작시켜 홈페이지 제작 서버(120)에 접속할 수 있게 된다.First, the production tool driver 121 according to the present invention downloads the home page production installation program to the worker terminal 110 through the authentication of the operator. Accordingly, the worker can operate the homepage creation and installation program installed in his worker terminal 110 to access the homepage creation server 120.

이럴 경우, 본 발명에 따른 제작툴 구동부(121)는 앞서 설명한 홈페이지 제작 설치 프로그램이 동작되면, 작업자의 요청에 따라 홈페이지 작업환경 프로그램을 구동시킨다. 이와 같이 구동되는 홈페이지 작업환경 프로그램은 메트로 사용자 인테페이스 디자인(metro user interface design)이 적용된 홈페이지 작업환경의 메인 화면을 구비한다. In this case, the production tool driver 121 according to the present invention drives the homepage work environment program at the request of the operator when the homepage production installation program described above is operated. The homepage work environment program driven in this way has a main screen of a homepage work environment to which a metro user interface design is applied.

상기 홈페이지 작업환경의 메인 화면은 메트로 UI 디자인이 적용된 초기화면으로서, 도 3에 나타내었다. 도 3에 도시된 메인 화면은 디자인관리 화면, 파일 관리화면, 메뉴 관리 화면 및 포스트 관리 화면을 포함한다.The main screen of the homepage work environment is an initial screen to which the Metro UI design is applied, and is shown in FIG. The main screen shown in Fig. 3 includes a design management screen, a file management screen, a menu management screen, and a post management screen.

다음으로, 본 발명에 따른 디자인 프레임워크 동작부(122)는 앞서 설명한 메인 화면에 포함된 디자인관리 화면에서 작업자가 선택하거나 입력한 홈페이지 디자인 정보를 동적으로 처리한다.Next, the design framework operation unit 122 according to the present invention dynamically processes the homepage design information selected or input by the operator on the design management screen included in the main screen described above.

이때, 상기 홈페이지 디자인 정보가 동적으로 처리되면, 메인 화면에 반응형 형태로 제공할 수 있다. 이는 홈페이지 제작 서버(120)에 접속한 작업자 단말기(110)에서 처리한 것처럼 효과를 주어 작업자 단말기(110)에서 접속된 홈페이지 작업환경의 메인화면에 즉시 보여지는 것을 의미한다.At this time, if the homepage design information is dynamically processed, the homepage design information can be provided in a responsive form on the main screen. This means that it is displayed on the main screen of the homepage work environment connected by the worker terminal 110 by giving an effect as if processed by the worker terminal 110 connected to the homepage production server 120.

다음으로, 본 발명에 따른 파일 관리 동작부(123)는 앞서 설명한 메인 화면에 포함된 파일관리 화면에서 폴더 정보와 파일 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하여 메인 화면에 반응형 형태로 제공하게 된다.Next, the file management operation unit 123 according to the present invention dynamically processes the creation, modification, deletion, and upload of the folder information and the file information on the file management screen included in the main screen described above, .

여기서, 상기 메인 화면에 반응형 형태로 제공된 파일관리 화면은 도 4와 같이 나타낼 수 있다. 도 4에 도시된 파일관리 화면은 동적 편집 화면(123a)과 PHP 코팅 화면(123b)를 포함한다. 상기 동적 편집 화면(123a)는 제작할 각 홈페이지의 페이지마다 폴더 정보와 파일 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리할 수 있도록 제작할 각 홈페이지의 페이지마다 폴더 메뉴와 파일 메뉴를 구비할 수 있다.Here, the file management screen provided in a responsive form on the main screen may be as shown in FIG. The file management screen shown in FIG. 4 includes a dynamic editing screen 123a and a PHP coating screen 123b. The dynamic editing screen 123a may include a folder menu and a file menu for each page of each homepage to be created so that the folder information and the file information can be generated, modified, deleted and uploaded dynamically for each page of the homepage to be produced .

반면, 상기 PHP 코딩 화면(123b)은 앞서 설명한 파일 정보 및 디자인 정보를 제작할 홈페이지의 페이지에 맞게 매칭시켜 배치하도록 상기 파일 정보 및 디자인 정보뿐만 아니라 그들의 관계를 PHP 프로그램을 이용하여 코딩될 수 있는 환경을 제공하게 된다. On the other hand, the PHP coding screen 123b is an environment in which not only the file information and the design information but also their relationship can be coded by using a PHP program, so that the above-described file information and design information are matched to the page of the home page to be produced .

이와 같이, 코딩된 PHP 프로그램이 동작되면, 코딩된 정보(파일, 디자인, 메뉴 및 포스트 정보 등)들이 FTP 업로드 절차없이 반응형 형태로 동작하여 앞서 설명한 바와 같이 홈페이지 작업환경의 메인 화면에 나타나게 되는 것이다.When the coded PHP program is operated as described above, the coded information (file, design, menu, and post information) operates in a reactive form without the FTP upload procedure and is displayed on the main screen of the home page work environment as described above .

다음으로, 본 발명에 따른 메뉴 관리 동작부(124)는 앞서 설명한 메인 화면에 포함된 메뉴관리 화면에서 메뉴 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하여 메인 화면에 반응형 형태로 제공하게 된다. 이러한 메뉴 관리 화면은 도5와 같이 나타낼 수 있다.Next, the menu management operation unit 124 according to the present invention dynamically processes, creates, modifies, deletes, and uploads the menu information on the menu management screen included in the main screen described above, and provides the generated information in a responsive form to the main screen do. This menu management screen can be displayed as shown in FIG.

도 5에 도시된 메뉴 관리 화면은 메뉴 파일을 한눈에 볼수 있도록 한 메뉴 파일 화면(124a)과 메뉴 정보를 생성, 수정, 삭제 및 업로드를 행할 수 있는 메뉴 편집 화면(124b)를 구비한다. 상기 메뉴 편집 화면(124b)에는 제작할 홈페이지의 메인화면의 각 메뉴와 그 서브디렉토리에 있는 메뉴까지도 생성, 수정, 삭제 및 업로드를 간편하게 제작할 수 있도록 도와준다.The menu management screen shown in FIG. 5 includes a menu file screen 124a for viewing a menu file at a glance, and a menu editing screen 124b for creating, modifying, deleting, and uploading menu information. The menu editing screen 124b facilitates creation, modification, deletion, and uploading of each menu on the main screen of the home page to be produced and a menu in the sub directory.

다음으로, 본 발명에 따른 포스트관리 동작부(125)는 앞서 설명한 홈페이지 작업환경의 메인 화면에 포함된 포스트관리 화면에서 공지사항과 게시글 정보를 입력하면 입력된 게시글과 공지사항 정보를 메인 화면에 반응형 형태로 제공하게 된다. 이때, 상기 공지 사항과 게시글 정보는 입력뿐만 아니라 수정 및 삭제도 가능하다.Next, the post management operation unit 125 according to the present invention inputs the announcement and the bulletin information on the post management screen included in the main screen of the homepage work environment described above, and inputs the posted bulletin and the announcement information to the main screen Type. At this time, the announcement and the posting information can be input, modified, and deleted.

이러한 포스트 관리 화면은 도 6과 같이 나타낼 수 있다. 도 6에 도시된 포스트관리 화면에는 공지사항과 게시글 정보를 담고 있는 포스트 파일을 관리하는 포스트 파일 화면(125a)과 포스트 파일에 링크된 공지사항과 게시글 정보를 생성, 수정 및 삭제를 동적으로 편집할 수 있는 포스트 편집 화면(125b)를 구비한다. 상기 포스트 편집 화면(125b)에는 공지사항, 묻고 답하기, 자료실 및 갤러리 형식의 4가지 게시판이 제공된다.Such a post management screen can be represented as shown in FIG. The post management screen shown in FIG. 6 includes a post file screen 125a for managing a post file containing announcement and post information, and a post file screen 125a for dynamically editing, editing, and deleting announcement and post information linked to the post file And a post editing screen 125b. In the post editing screen 125b, four bulletin boards are provided, including a notice, a question and answer, a data room, and a gallery format.

한편, 본 발명에 따른 포스트관리 동작부(125)는 포스트 편집 화면(125b)에서 공지사항과 게시글 정보가 생성, 수정 및 삭제될 경우 이를 동적으로 처리하여 처리된 정보들을 담아 메인 화면에 디자인 형식으로 더 제공할 수도 있다. 이와 같이 디자인 형식으로 제공된 메인 화면의 예는 도 7에 나타내었다.On the other hand, the post management operation unit 125 according to the present invention dynamically processes the announcement and post information in the post edit screen 125b, and stores the processed information in the form of a design You can also provide more. An example of the main screen provided in this design format is shown in Fig.

다음으로, 본 발명에 따른 통신 모듈부(126)는 작업자 단말기(110) 및 홈페이지 제작 서버(120)간 데이터 전송이 원활히 이루어질 수 있도록 통신 인터페이스를 제공한다. 상기 통신 인터페이스는 작업자 단말기(110) 및 홈페이지 제작 서버(120)간 통신망 형태에 따라 달라질 수 있음은 물론이다.Next, the communication module unit 126 according to the present invention provides a communication interface so that data transmission between the worker terminal 110 and the homepage production server 120 can be smoothly performed. It goes without saying that the communication interface may vary depending on the type of communication network between the worker terminal 110 and the homepage production server 120.

다음으로, 본 발명에 따른 제어부(127)는 앞서 설명한 제작툴 구동부(121), 디자인 프레임워크 동작부(122), 파일 관리 동작부(123), 메뉴 관리 동작부(124), 포스트 관리 동작부(125) 및 통신 모듈부(126)간의 데이터 흐름을 제어한다. The control unit 127 according to the present invention includes the manufacturing tool driving unit 121, the design framework operation unit 122, the file management operation unit 123, the menu management operation unit 124, the post management operation unit 125, and the communication module 126. [

따라서, 각 제작툴 구동부(121), 디자인 프레임워크 동작부(122), 파일 관리 동작부(123), 메뉴 관리 동작부(124) 및 포스트 관리 동작부(125)에서는 앞서 설명한 바와 같이 해당하는 고유의 기능을 수행하게 되는 것이다. Therefore, in each of the production tool driving unit 121, the design framework operation unit 122, the file management operation unit 123, the menu management operation unit 124, and the post management operation unit 125, Function.

한편, 이상에서 각 구성에서 처리된 정보, 예컨대 디자인, 폴더 정보, 파일, 메뉴와 공지사항 및 게시글 정보들은 데이터베이스에 저장된다. 상기 데이터베이스는 컴퓨터 판독 가능한 기록 매체를 포함하는 개념으로서, 협의의 데이터베이스뿐만 아니라, 파일 시스템에 기반한 데이터 기록 등을 포함하는 넓은 의미의 데이터베이스도 포함하여 지칭하며, 단순한 로그의 집합이라도 이를 검색하여 데이터를 추출할 수 있다면 본 발명에서 말하는 데이터베이스에 포함된다.Meanwhile, information processed in each configuration, such as design, folder information, file, menu and announcement and post information, is stored in the database. The database is a concept including a computer-readable recording medium. It includes not only a consultation database but also a database having a wide meaning including data records based on a file system. Even a simple set of logs can be used to search for data If it can be extracted, it is included in the database referred to in the present invention.

제2 실시예Second Embodiment

도 8은 본 발명의 제2 실시예에 따른 홈페이지 제작 방법(S100)을 예시적으로 나타낸 도면이다.FIG. 8 is a view illustrating an example of a homepage making method (S100) according to the second embodiment of the present invention.

도 8에 도시된 바와 같이, 본 발명의 제2 실시예에 따른 홈페이지 제작 방법(S100)은 홈페이지 제작 서버에 접속하여 반응형 홈페이지를 제작하기 위하여 S110 단계 내지 S160 단계를 포함하여 이루어진다.As shown in FIG. 8, the homepage authoring method (S100) according to the second embodiment of the present invention includes steps S110 to S160 for accessing the homepage authoring server and creating a responsive homepage.

먼저, 본 발명에 따른 S110 단계에서는 작업자의 인증을 통해 홈페이지 제작 설치 프로그램을 작업자 단말기(110)로 다운로드 한다. 따라서, 작업자는 자신의 작업자 단말기(110)에 설치된 홈페이지 제작 설치 프로그램을 동작시켜 홈페이지 제작 서버(120)에 접속할 수 있게 된다.First, in step S110 according to the present invention, a homepage creation and installation program is downloaded to the worker terminal 110 through authentication of an operator. Accordingly, the worker can operate the homepage creation and installation program installed in his worker terminal 110 to access the homepage creation server 120.

이럴 경우, 본 발명에 따른 S110 단계에서는 앞서 설명한 홈페이지 제작 설치 프로그램이 동작되면, 작업자의 요청에 따라 홈페이지 작업환경 프로그램을 제작툴 구동부(121)에서 구동시킨다. 이와 같이 구동되는 홈페이지 작업환경 프로그램은 메트로 사용자 인테페이스 디자인(metro user interface design)이 적용된 홈페이지 작업환경의 메인 화면을 구비한다. In this case, in step S110 according to the present invention, when the above-described homepage production installation program is operated, the homepage work environment program is driven by the production tool driving unit 121 at the request of the operator. The homepage work environment program driven in this way has a main screen of a homepage work environment to which a metro user interface design is applied.

상기 홈페이지 작업환경의 메인 화면은 메트로 UI 디자인이 적용된 초기화면으로서, 도 3에 나타내었다. 도 3에 도시된 메인 화면은 디자인관리 화면, 파일 관리화면, 메뉴 관리 화면 및 포스트 관리 화면을 포함할 수 있다.The main screen of the homepage work environment is an initial screen to which the Metro UI design is applied, and is shown in FIG. The main screen shown in FIG. 3 may include a design management screen, a file management screen, a menu management screen, and a post management screen.

이후, 본 발명에 따른 S120 단계에서는 앞서 설명한 S110 단계에서 수행된 구동에 대응하여 메트로 사용자 인테페이스 디자인(metro user interface design)이 적용된 홈페이지 작업환경의 메인 화면을 작업 단말기(110)로 제공하여 표시하게 된다.Thereafter, in step S120 according to the present invention, a main screen of a homepage work environment to which a metro user interface design is applied corresponding to the driving performed in step S110 described above is provided to the job terminal 110 and displayed .

이후, 본 발명에 따른 S130 단계에서는 앞서 설명한 메인 화면에 포함된 디자인관리 화면에서 작업자가 선택하거나 입력한 홈페이지 디자인 정보를 동적으로 처리한다.Thereafter, in step S130 according to the present invention, the homepage design information selected or inputted by the operator is dynamically processed in the design management screen included in the main screen described above.

이때, 상기 홈페이지 디자인 정보가 동적으로 처리되면, 메인 화면에 반응형 형태로 디자인 프레임워크 동작부(122)에서 제공할 수 있다. 이는 홈페이지 제작 서버(120)에 접속한 작업자 단말기(110)에서 처리한 것처럼 효과를 주어 작업자 단말기(110)에서 접속된 홈페이지 작업환경의 메인화면에 즉시 보여지는 것을 의미한다.At this time, if the homepage design information is processed dynamically, the design framework operation unit 122 may provide the main screen in a responsive form. This means that it is displayed on the main screen of the homepage work environment connected by the worker terminal 110 by giving an effect as if processed by the worker terminal 110 connected to the homepage production server 120.

이후, 본 발명에 따른 S140 단계에서는 앞서 설명한 메인 화면에 포함된 파일관리 화면에 있는 폴더 정보와 파일 정보를 생성,수정,삭제 및 업로드를 동적으로 처리하여 메인 화면에 반응형 형태로 파일 관리 동작부(123)에서 제공하게 된다.Thereafter, in step S140 according to an embodiment of the present invention, the folder information and the file information on the file management screen included in the main screen described above are generated, modified, deleted, and uploaded dynamically, (123).

여기서, 상기 메인 화면에 반응형 형태로 제공된 파일관리 화면은 도 4와 같이 나타낼 수 있다. 도 4에 도시된 파일관리 화면은 동적 편집 화면(123a)과 PHP 코팅 화면(123b)를 포함한다. 상기 동적 편집 화면(123a)는 제작할 각 홈페이지의 페이지마다 폴더 정보와 파일 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리할 수 있도록 제작할 각 홈페이지의 페이지마다 폴더 메뉴와 파일 메뉴를 구비할 수 있다.Here, the file management screen provided in a responsive form on the main screen may be as shown in FIG. The file management screen shown in FIG. 4 includes a dynamic editing screen 123a and a PHP coating screen 123b. The dynamic editing screen 123a may include a folder menu and a file menu for each page of each homepage to be created so that the folder information and the file information can be generated, modified, deleted and uploaded dynamically for each page of the homepage to be produced .

반면, 상기 PHP 코딩 화면(123b)은 앞서 설명한 파일 정보 및 디자인 정보를 제작할 홈페이지의 페이지에 맞게 매칭시켜 배치하도록 상기 파일 정보 및 디자인 정보뿐만 아니라 그들의 관계를 PHP 프로그램을 이용하여 코딩될 수 있는 환경을 제공하게 된다. On the other hand, the PHP coding screen 123b is an environment in which not only the file information and the design information but also their relationship can be coded by using a PHP program, so that the above-described file information and design information are matched to the page of the home page to be produced .

이와 같이, 코딩된 PHP 프로그램이 동작되면, 코딩된 정보(파일, 디자인, 메뉴 및 포스트 정보 등)들이 FTP 업로드 절차없이 반응형 형태로 동작하여 앞서 설명한 바와 같이 홈페이지 작업환경의 메인 화면에 나타나게 되는 것이다.When the coded PHP program is operated as described above, the coded information (file, design, menu, and post information) operates in a reactive form without the FTP upload procedure and is displayed on the main screen of the home page work environment as described above .

이후, 본 발명에 따른 S150 단계에서는 앞서 설명한 메인 화면에 포함된 메뉴관리 화면에서 메뉴 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하여 메인 화면에 반응형 형태로 메뉴 관리 동작부(124)에서 제공하게 된다. 이러한 메뉴 관리 화면은 도5와 같이 나타낼 수 있다.In step S150 according to the present invention, menu creation, modification, deletion and uploading of menu information are dynamically processed in the menu management screen included in the main screen described above, and the menu management operation unit 124 . This menu management screen can be displayed as shown in FIG.

도 5에 도시된 메뉴 관리 화면은 메뉴 파일을 한눈에 볼수 있도록 한 메뉴 파일 화면(124a)과 메뉴 정보를 생성, 수정, 삭제 및 업로드를 행할 수 있는 메뉴 편집 화면(124b)를 구비한다. 상기 메뉴 편집 화면(124b)에는 제작할 홈페이지의 메인화면의 각 메뉴와 그 서브디렉토리에 있는 메뉴까지도 생성, 수정, 삭제 및 업로드를 간편하게 제작할 수 있도록 도와준다.The menu management screen shown in FIG. 5 includes a menu file screen 124a for viewing a menu file at a glance, and a menu editing screen 124b for creating, modifying, deleting, and uploading menu information. The menu editing screen 124b facilitates creation, modification, deletion, and uploading of each menu on the main screen of the home page to be produced and a menu in the sub directory.

이후, 본 발명에 따른 S160 단계에서는 앞서 설명한 홈페이지 작업환경의 메인 화면에 포함된 포스트관리 화면에서 공지사항과 게시글 정보를 입력하면 입력된 게시글과 공지사항 정보를 메인 화면에 반응형 형태로 포스트관리 동작부(125)에서 제공하게 된다. 이때, 상기 공지 사항과 게시글 정보는 입력뿐만 아니라 수정 및 삭제도 가능하다.Then, in step S160 according to the present invention, when the notice and the bulletin information are input in the post management screen included in the main screen of the homepage work environment described above, the posted bulletin and the announcement information are transmitted to the main screen in a responsive form, And is provided by the unit 125. At this time, the announcement and the posting information can be input, modified, and deleted.

이러한 포스트 관리 화면은 도 6과 같이 나타낼 수 있다. 도 6에 도시된 포스트관리 화면에는 공지사항과 게시글 정보를 담고 있는 포스트 파일을 관리하는 포스트 파일 화면(125a)과 포스트 파일에 링크된 공지사항과 게시글 정보를 생성, 수정 및 삭제를 동적으로 편집할 수 있는 포스트 편집 화면(125b)를 구비한다. 상기 포스트 편집 화면(125b)에는 공지사항, 묻고 답하기, 자료실 및 갤러리 형식의 4가지 게시판이 제공된다.Such a post management screen can be represented as shown in FIG. The post management screen shown in FIG. 6 includes a post file screen 125a for managing a post file containing announcement and post information, and a post file screen 125a for dynamically editing, editing, and deleting announcement and post information linked to the post file And a post editing screen 125b. In the post editing screen 125b, four bulletin boards are provided, including a notice, a question and answer, a data room, and a gallery format.

한편, 본 발명에 따른 S160에서는 공지사항과 게시글 정보가 생성, 수정 및 삭제될 경우 이를 동적으로 처리하여 처리된 정보들을 담아 메인 화면에 디자인 형식(형태로)으로 포스트관리 동작부(125)에서 더 제공할 수도 있다. 이와 같이 디자인 형식으로 제공된 메인 화면의 예는 도 7에 나타내었다. Meanwhile, in S160 according to the present invention, when announcement and posting information are generated, modified and deleted, the post management operation unit 125 dynamically processes the generated information, and stores the processed information in a design format . An example of the main screen provided in this design format is shown in Fig.

이와 같이, 홈페이지 제작을 위한 하나의 전용 프로그램을 실행한 후, 홈페이지 제작 서버에 접속한 상태에서 자신이 만든 홈페이지 디자인, 파일, 메뉴 및 포스트 관리를 동적으로 관리하기 때문에 제작 오류를 줄이고 빠른 시간안에 홈페이지를 제작할 수 있을 것이다.In this way, after executing a dedicated program for homepage production, it is possible to dynamically manage homepage design, file, menu and post management created by the user while accessing the homepage production server, .

이상에서와 같이, 첨부된 도면을 참조하여 본 발명의 실시예를 설명하였으나, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고 다른 구체적인 형태로 실시할 수 있다는 것을 이해할 수 있을 것이다. 따라서 이상에서 기술한 실시예는 모든 면에서 예시적인 것이며 한정적이 아닌 것이다.
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 exemplary embodiments or constructions. You can understand that you can do it. The embodiments described above are therefore to be considered in all respects as illustrative and not restrictive.

100 :홈페이지 제작 시스템 110 : 작업자 단말기
120 : 홈페이지 제작 서버 121 : 제작툴 구동부
122 : 디자인 프레임워크 동작부 123 : 파일 관리 동작부
124 : 메뉴 관리 동작부 125 : 포스트 관리 동작부
126 : 통신 모듈부 127 : 제어부
123a: 동적 편집 화면 123b: PHP 코팅 화면
124a: 메뉴 파일 화면 124b: 메뉴 편집 화면
125a: 포스트 파일 화면 125b: 포스트 편집 화면
100: Homepage production system 110: Worker terminal
120: home page production server 121:
122 design framework operation section 123: file management operation section
124: menu management operation unit 125: post management operation unit
126: Communication module unit 127: Control unit
123a: Dynamic Editing Screen 123b: PHP Coating Screen
124a: Menu File Screen 124b: Menu Edit Screen
125a: Post file screen 125b: Post edit screen

Claims (10)

홈페이지 제작 서버에 접속하여 반응형 홈페이지를 제작하기 위한 홈페이지 제작 시스템으로서,
상기 홈페이지 제작 서버는,
작업자의 인증을 통해 작업자의 요청에 따라 홈페이지 작업환경 프로그램을 구동시켜 메트로 사용자 인테페이스 디자인(metro user interface design)이 적용된 홈페이지 작업환경의 메인 화면을 상기 작업자의 작업 단말기로 제공하는 제작툴 구동부;
상기 메인 화면에 포함된 디자인관리 화면에서 상기 작업자가 선택하거나 입력한 홈페이지 디자인 정보를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 제공하는 디자인 프레임워크 동작부;
상기 메인 화면에 포함된 파일관리 화면에서 폴더 정보와 파일 정보를 생성,수정,삭제 및 업로드를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 제공하는 파일 관리 동작부;
상기 메인 화면에 포함된 메뉴관리 화면에서 메뉴 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 제공하는 메뉴 관리 동작부; 및
상기 메인 화면에 포함된 포스트관리 화면에서 공지사항과 게시글 정보를 입력하면 입력된 게시글과 공지사항 정보를 상기 메인 화면에 반응형 형태로 제공하는 포스트관리 동작부;
를 포함하는 홈페이지 제작 시스템.
A homepage creation system for creating a responsive homepage by accessing a homepage creation server,
The homepage creation server,
A production tool driver for providing a main screen of a home work environment in which a metro user interface design is applied by driving a home work environment program according to a request of an operator through authentication of an operator to a work terminal of the worker;
A design framework operation unit for dynamically processing the homepage design information selected or input by the operator on the design management screen included in the main screen and providing the processed homepage design information in a responsive form to the main screen;
A file management operation unit for dynamically processing, generating, modifying, deleting and uploading folder information and file information in a file management screen included in the main screen, and providing the main screen in a responsive form;
A menu management operation unit for dynamically processing, creating, modifying, deleting and uploading menu information in a menu management screen included in the main screen and providing the menu information in a responsive form to the main screen; And
A post management operation unit for providing the posted bulletin and announcement information in a responsive form to the main screen by inputting announcement and bulletin information on the post management screen included in the main screen;
.
제1항에 있어서,
상기 파일관리 화면은,
상기 폴더 정보와 파일 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하는 파일 동적 편집 화면과;
상기 파일 정보와 디자인 정보 및 공지사항과 게시글 정보를 제작할 홈페이지의 페이지에 맞게 매칭시켜 배치하도록 상기 파일 정보와 디자인 정보 및 게시글과 공지사항 정보간의 관계를 PHP 프로그램을 이용해 코딩되어 작동되도록 하는 PHP 코팅 화면;
을 포함하는 것을 특징으로 하는 홈페이지 제작 시스템.
The method according to claim 1,
The file management screen displays,
A file dynamic editing screen for dynamically processing the creation, modification, deletion, and upload of the folder information and the file information;
A PHP-coated screen for allowing the file information, the design information, the notice, and the posting information to be coded by using a PHP program so as to match the file information, design information, ;
The system comprising:
제2항에 있어서,
상기 PHP 코딩 화면은,
코딩된 상기 PHP 프로그램이 작동되면, 코딩된 정보들이 FTP 업로드 절차없이 반응형 형태로 동작하여 상기 메인 화면에 제공하는 것을 특징으로 하는 홈페이지 제작 시스템.
3. The method of claim 2,
The PHP coding screen,
Wherein when the coded PHP program is operated, the coded information is provided in the main screen in a responsive manner without the FTP upload procedure.
제2항에 있어서,
상기 포스트관리 화면은,
상기 공지사항과 게시글 정보를 담고 있는 포스트 파일을 관리하는 포스트 파일화면과;
상기 포스트 파일에 링크된 상기 공지사항과 게시글 정보를 생성, 수정 및 삭제를 동적으로 처리하는 포스트 편집 화면;
을 포함하는 것을 특징으로 하는 홈페이지 제작 시스템.
3. The method of claim 2,
The post management screen includes:
A post file screen for managing a post file containing the announcement and the post information;
A post edit screen for dynamically processing, creating, modifying, and deleting the announcement and posting information linked to the post file;
The system comprising:
제4항에 있어서,
상기 포스트관리 동작부는,
상기 포스트 편집 화면에서 상기 공지사항과 게시글 정보가 생성, 수정 및 삭제될 경우 이를 동적으로 처리하여 처리된 정보들을 담아 상기 메인 화면에 디자인 형식으로 제공하는 것을 특징으로 하는 홈페이지 제작 시스템.
5. The method of claim 4,
The post management operation unit,
Modifying and deleting the announcement and posting information on the post editing screen, and dynamically processing the posted information and providing the processed information in a design format on the main screen.
홈페이지 제작 서버에 접속하여 반응형 홈페이지를 제작하기 위한 방법으로서,
(a) 작업자의 인증을 통해 작업자의 요청에 따라 홈페이지 작업환경 프로그램을 제작툴 구동부에서 구동시키는 단계;
(b) 상기 구동에 대응하여 메트로 사용자 인테페이스 디자인(metro user interface design)이 적용된 홈페이지 작업환경의 메인 화면을 작업 단말기로 제공하여 표시하는 단계;
(c) 표시된 상기 메인 화면에 포함된 디자인관리 화면에서 상기 작업자가 선택하거나 입력한 홈페이지 디자인 정보를 디자인 프레임워크 동작부에서 동적으로 처리하여 상기 메인 화면에 반응형 형태로 제공하는 단계;
(d) 상기 메인 화면에 포함된 파일관리 화면에서 폴더 정보와 파일 정보를 생성,수정,삭제 및 업로드를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 파일 관리 동작부에서 제공하는 단계;
(e) 상기 메인 화면에 포함된 메뉴관리 화면에서 메뉴 정보를 생성, 수정, 삭제 및 업로드를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 메뉴 관리 화면에서 제공하는 단계; 및
(f) 상기 메인 화면에 포함된 포스트관리 화면에서 공지사항과 게시글 정보를 입력하면 입력된 게시글과 공지사항 정보를 동적으로 처리하여 상기 메인 화면에 반응형 형태로 포스트관리 동작부에서 제공하는 단계;
를 포함하는 홈페이지 제작 방법.
A method for creating a responsive homepage by accessing a homepage creation server,
(a) driving a home work environment program in a production tool driving unit at the request of an operator through authentication of an operator;
(b) providing and displaying a main screen of a home work environment to which a metro user interface design is applied corresponding to the driving, to a work terminal;
(c) dynamically processing the homepage design information selected or input by the operator in the design management screen included in the main screen displayed on the main screen, and dynamically processing the provided homepage design information in response to the main screen;
(d) dynamically processing, creating, modifying, deleting, and uploading folder information and file information in a file management screen included in the main screen, and providing the file information in response to the main screen in a file management operation unit;
(e) dynamically processing, creating, modifying, deleting, and uploading menu information in a menu management screen included in the main screen, and providing the menu screen in a responsive form on the main screen; And
(f) dynamically processing inputted posts and announcement information by inputting announcement and posting information in a post management screen included in the main screen, and providing the posted posting and announcement information in response to the main screen in a post management operation unit;
The method comprising:
제6항에 있어서,
상기 파일관리 화면은,
상기 폴더 정보와 파일 정보를 생성,수정,삭제 및 업로드를 동적으로 처리하는 파일 동적 편집 화면과;
상기 파일 정보와 디자인 정보 및 공지사항과 게시글 정보를 제작할 홈페이지의 페이지에 맞게 매칭시켜 배치하도록 상기 파일 정보와 디자인 정보 및 게시글과 공지사항 정보간의 관계를 PHP 프로그램을 이용해 코딩되어 작동되도록 하는 PHP 코팅 화면;
을 포함하는 것을 특징으로 하는 홈페이지 제작 방법.
The method according to claim 6,
The file management screen displays,
A file dynamic editing screen for dynamically processing the creation, modification, deletion, and upload of the folder information and the file information;
A PHP-coated screen for allowing the file information, the design information, the notice, and the posting information to be coded by using a PHP program so as to match the file information, design information, ;
The method comprising the steps of:
제7항에 있어서,
상기 PHP 코딩 화면은,
코딩된 상기 PHP 프로그램이 작동되면, 코딩된 정보들이 FTP 업로드 절차없이 반응형 형태로 동작하여 상기 메인 화면에 제공하는 것을 특징으로 하는 홈페이지 제작 방법.
8. The method of claim 7,
The PHP coding screen,
Wherein when the coded PHP program is activated, the coded information operates in a reactive form without the FTP uploading procedure and is provided to the main screen.
제7항에 있어서,
상기 포스트관리 화면은,
상기 공지사항과 게시글 정보를 담고 있는 포스트 파일을 관리하는 포스트 파일화면과;
상기 포스트 파일에 링크된 상기 공지사항과 게시글 정보를 생성, 수정 및 삭제를 동적으로 처리하는 포스트 편집 화면;
을 포함하는 것을 특징으로 하는 홈페이지 제작 방법.
8. The method of claim 7,
The post management screen includes:
A post file screen for managing a post file containing the announcement and the post information;
A post edit screen for dynamically processing, creating, modifying, and deleting the announcement and posting information linked to the post file;
The method comprising the steps of:
제9항에 있어서,
상기 (f) 단계는,
상기 포스트 편집 화면에서 상기 공지사항과 게시글 정보가 생성, 수정 및 삭제될 경우 이를 동적으로 처리하여 처리된 정보들을 담아 상기 메인 화면에 디자인 형식으로 포스트관리 동작부에서 제공하는 것을 특징으로 하는 홈페이지 제작 방법.
10. The method of claim 9,
The step (f)
Wherein the post management information is dynamically processed when the notice and the post information are generated, modified and deleted on the post edit screen, and the post management information is provided in the form of a design on the main screen, .
KR1020140062960A 2014-05-26 2014-05-26 System and method for building homepage KR101619845B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020140062960A KR101619845B1 (en) 2014-05-26 2014-05-26 System and method for building homepage

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140062960A KR101619845B1 (en) 2014-05-26 2014-05-26 System and method for building homepage

Publications (2)

Publication Number Publication Date
KR20150136173A true KR20150136173A (en) 2015-12-07
KR101619845B1 KR101619845B1 (en) 2016-05-12

Family

ID=54872184

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140062960A KR101619845B1 (en) 2014-05-26 2014-05-26 System and method for building homepage

Country Status (1)

Country Link
KR (1) KR101619845B1 (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20200112020A (en) * 2019-03-20 2020-10-05 주식회사위즈위그 System and Method for Managenting Unification Site Based on Layout Template
KR102213291B1 (en) * 2020-07-30 2021-02-04 배도연 System for making website
US11514481B2 (en) 2018-05-25 2022-11-29 Sang Yup Lee Sales support marketing system
KR102571475B1 (en) * 2022-09-30 2023-08-25 강영실 Apparatus and Method for Providing Homepage production and management solution

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102596930B1 (en) 2023-07-17 2023-11-01 (주)샤이닝 Method, device and system for automating creation of homepage production information using artificial intelligence model

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100784633B1 (en) 2006-06-05 2007-12-12 박희섭 method of creation of home page by assembling two-tier components edited in wysiwyg on web browser
KR101275871B1 (en) 2011-10-13 2013-06-18 연세대학교 산학협력단 System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11514481B2 (en) 2018-05-25 2022-11-29 Sang Yup Lee Sales support marketing system
KR20200112020A (en) * 2019-03-20 2020-10-05 주식회사위즈위그 System and Method for Managenting Unification Site Based on Layout Template
KR102213291B1 (en) * 2020-07-30 2021-02-04 배도연 System for making website
KR102571475B1 (en) * 2022-09-30 2023-08-25 강영실 Apparatus and Method for Providing Homepage production and management solution

Also Published As

Publication number Publication date
KR101619845B1 (en) 2016-05-12

Similar Documents

Publication Publication Date Title
US10565293B2 (en) Synchronizing DOM element references
KR101619845B1 (en) System and method for building homepage
CN109062567B (en) B/S structure-based information management system rapid development platform
US20080172608A1 (en) Site builder
EP3449384A1 (en) Web-based embeddable collaborative workspace
JP5984215B2 (en) Dynamic manual creation device and method, and computer program
CN104252521A (en) Web content management using predetermined project templates
KR101559389B1 (en) System and method for producing smart phone application
CN105701183A (en) User personalized template implementation method and apparatus
US20150242528A1 (en) Operating a portal environment
CN111343074A (en) Video processing method, device and equipment and storage medium
US20180181269A1 (en) Systems and methods for online-content and print-content assembly
US9075891B2 (en) Method and device for editing an object represented in a web page
CN101876998A (en) Method and system for editing data
KR101815924B1 (en) Online document editing service apparatus that provides a collaborative environment so that a plurality of users can create electronic documents online and operating method thereof
JP7014960B2 (en) Information processing equipment, servers, their processing methods and programs
CN116610394A (en) Template and module-based data visualization page configuration method, system and device
KR20150102150A (en) Homepage automatic creation system and method
CN104899044A (en) Method and device for realizing flow operation on mobile terminal
KR20030073001A (en) Method for creating and editing web page to produce web site
KR101091773B1 (en) Homepage manufacture system and method that design cording for program include
KR100447633B1 (en) Method and system for authoring of wireless contents/site
CN113806596B (en) Operation data management method and related device
KR100433820B1 (en) Sytem,method and storing media for representing expression or symbol on bbs
KR20220068076A (en) Method of creating web page with improved user interface

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20190425

Year of fee payment: 4