KR20130040057A - System and method for producing homepage in saas environment, a computer-readable storage medium therefor - Google Patents

System and method for producing homepage in saas environment, a computer-readable storage medium therefor Download PDF

Info

Publication number
KR20130040057A
KR20130040057A KR1020110104807A KR20110104807A KR20130040057A KR 20130040057 A KR20130040057 A KR 20130040057A KR 1020110104807 A KR1020110104807 A KR 1020110104807A KR 20110104807 A KR20110104807 A KR 20110104807A KR 20130040057 A KR20130040057 A KR 20130040057A
Authority
KR
South Korea
Prior art keywords
homepage
project
design
server
page
Prior art date
Application number
KR1020110104807A
Other languages
Korean (ko)
Other versions
KR101275871B1 (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 KR1020110104807A priority Critical patent/KR101275871B1/en
Publication of KR20130040057A publication Critical patent/KR20130040057A/en
Application granted granted Critical
Publication of KR101275871B1 publication Critical patent/KR101275871B1/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/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Tourism & Hospitality (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Data Mining & Analysis (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)
  • General Business, Economics & Management (AREA)
  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

PURPOSE: A homepage manufacturing system in an SaaS environment, a method thereof, and a computer-readable recoding medium including a computer program for executing the method in a computer are provided to implement WYSISYG type editing in a web browser for homepage manufacture and version change by performing widget type editing and design change. CONSTITUTION: Selectable domains are displayed on an expression layer(230). A homepage management server(222) changes and manages a homepage manufactured in a homepage construction server(221) according to the selection of a user. A core engine(223) processes data and commands used for processing various applications. An open-source frame network(224) provides an application framework based on an open source. A J2EE-based application server(225) processes and manages transactions and interlinks applications of different systems. A persistence layer(210) manages relational data. [Reference numerals] (211) File system; (212a) Design related information; (212b) Site related information; (212c) Widget related information; (221) Homepage construction server; (221a) Homepage planning module; (221b) Homepage design module; (221c) Homepage distribution module; (222) Homepage management server; (223) Core engine; (224) Open-source framework; (225) J2EE-based application server; (AA) Domain 1; (BB) Domain 2; (CC) Domain N; (DD) Operating a homepage; (EE) Widget HTML&CSS; (FF) Design theme CSS; (GG) Site page HTML;

Description

SaaS 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체{ System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor }System and method for producing homepage in SaaS environment, a computer-readable recording medium having recorded thereon a computer program for executing the method on a computer, A computer-readable storage medium therefor}

본 발명은 SaaS 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체에 관한 것으로, 더욱 상세하게는 홈페이지 제작에 필요한 툴이나 각종 파일 및 정보를 위즈위그 형식으로 제공하고, 사이트에 속하는 리소스 및 데이터를 버전별로 관리함으로써 운영 사이트의 다양한 버전으로 실시간 전환이 가능하도록 하는 SaaS 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체에 관한 것이다.
The present invention relates to a system and method for producing a home page in a SaaS environment, and to a computer readable recording medium having recorded thereon a computer program for executing the method on a computer. Homepage production system and method in SaaS environment that provides information in Wizwig format and manages the resources and data belonging to the site by version to enable real-time conversion to various versions of the operation site. A computer readable recording medium having a computer program recorded thereon.

최근 컴퓨터 산업과 통신산업의 발전과 인터넷 전용회선의 보급으로 인하여 기업이나 개인의 홈페이지 숫자가 기하급수적으로 증가되고 있다. 홈페이지 또는 웹페이지란 HTML(Hyper Text Markup Language)로 제작된 파일로서 서버에 저장되어 있다가 웹을 통해 접근한 브라우저를 통해 표시되는 화상 미디어를 총칭하는 것이다.Recently, due to the development of the computer industry and communication industry and the spread of the Internet dedicated line, the number of homepages of companies and individuals is increasing exponentially. A homepage or webpage is a file produced in HTML (Hyper Text Markup Language) and is a generic term for image media stored in a server and displayed through a web browser.

통상의 홈페이지는 크게 페이지 이름, 메뉴, 그래픽이나 플래시 등으로 이루어진 디자인 파트와 회원 로그인, 게시판, 상품검색, 장바구니 등의 각종 기능을 구현하기 위한 프로그램 파트로 이루어지며, 홈페이지에 프로그램을 붙이기 위해서는 디자이너가 디자인 코딩을 해서 프로그래머에게 전달하면 프로그래머가 해당 디자인 코딩에 프로그램 작업을 해서 홈페이지를 제작하여야 한다.A typical homepage consists of a design part consisting of a page name, menu, graphic or flash, and a program part for implementing various functions such as a member login, a bulletin board, a product search, a shopping cart, and the like. When design coding is sent to a programmer, the programmer must program the design coding to produce a homepage.

이에 따라 홈페이지 제작과 관련된 웹 디자이너나 웹 프로그래머 등과 같은 전문 인력에게 지급되는 비용(급여)이 상당한 부분을 차지하고 있다. 또한 웹 디자이너나 웹 프로그래머 등과 같은 전문 인력들의 잦은 이동으로 인해 대행업체의 영업과 이윤창출에 큰 차질을 빚고 있는 실정이다. 이는 대행업체에 홈페이지 제작을 의뢰한 이용자에게도 큰 부담이 된다.As a result, a large portion of the expenses (payments) paid to professionals such as web designers and web programmers involved in homepage production are significant. In addition, the frequent movement of professional personnel such as web designers and web programmers is causing a big obstacle to the sales and profit generation of agencies. This is a great burden for users who have requested the agency to produce a homepage.

따라서, 종래에는 사용자 스스로 간단하게 홈페이지를 제작할 수 있도록 하기 위해, Hihome, Freechal, Me2u2, Daum, Naver 등과 같은 포탈 서비스업체에서 홈페이지 제작/관리를 위한 홈페이지 제작/관리 마법사 기능을 제공하고 있다. Therefore, in the related art, in order to enable a user to easily create a home page, a portal service company such as Hihome, Freechal, Me2u2, Daum, Naver, etc. provides a homepage production / management wizard function for homepage production / management.

그럼에도 불구하고 사용자는 홈페이지 제작 및 관리를 위한 각종 콘텐츠나 이미지, 콘텐츠 등을 직접 준비하고, 사용자가 직접 혹은 웹호스팅업체를 통해 관리해야 하므로 홈페이지 제작에 긴 시간이 소요되고 제작비용도 높아질 뿐만 아니라 웹호스팅업체의 계정에 많은 정보를 저장 관리해야 하므로 추가적인 비용도 소요되는 문제점이 있다. Nevertheless, the user needs to prepare various contents, images, contents, etc. for homepage production and management, and manage the user directly or through a web hosting company. There is a problem that additional costs are required because a lot of information is stored and managed in the hosting company's account.

이와 같이, 홈페이지는 홈페이지 제작에 대한 전문 지식이나 경험이 없는 통상의 인터넷 사용자들이 제작하기는 용이하지 않기 때문에, 홈페이지 제작을 전문으로 하는 업체에 의뢰하여 제작하고 있다.As such, the homepage is not easy to be produced by ordinary Internet users without expertise or experience in homepage production. Therefore, the homepage is produced by a company specializing in homepage production.

이때, 홈페이지의 제작비용은 홈페이지의 구성요소에 따라 결정되는데, 기본적인 구축작업에 필요한 인력, 시간, 콘텐츠 사용료 등으로 소요되는 비용이 적지 않으며, 간단한 IR사이트라도 업체 선정, 진행 단계별 소통, 검토, 테스팅에 절차적인 시간이 소요되고 있다.At this time, the production cost of the homepage is determined by the components of the homepage, and the cost of manpower, time, content usage fee, etc. required for basic construction work is not small, and even a simple IR site is selected, vendor-specific communication, review, and testing. Procedural time is spent.

이러한 많은 비용과 시간을 소요하므로 개인 사업체 또는 영세한 사업장에서는 홈페이지를 개설하고 싶어도 이와 같은 이유로 인하여 부담이 되는 경우가 있으며, 홈페이지를 개설한 후에도 인터넷 사용자들이 홈페이지에 방문했을 때, 제공하는 컨텐츠의 등록과 지속적인 업데이트를 진행하기에 어려운 문제점이 있다.
Because of this cost and time, even if you want to open a homepage for a private business or a small business place, it may be a burden for this reason, and even after the homepage is opened, registration of contents provided by Internet users when they visit the homepage There is a problem that is difficult to proceed with the continuous update.

따라서, 본 발명의 목적은 위젯 방식의 사이트 페이지 편집과 디자인 변경이 가능할 뿐만 아니라 사이트에 속하는 리소스 및 데이터를 버전별로 관리함으로써 운영 사이트의 다양한 버전으로 실시간 전환이 가능하도록 하는 SaaS 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체를 제공하는 것이다.
Accordingly, an object of the present invention is to create a home page in a SaaS environment that enables not only widget-based site page editing and design change but also real-time conversion to various versions of an operation site by managing resources and data per site. And a computer readable recording medium having recorded thereon a computer program for executing the method on a computer.

상술한 본 발명의 목적을 달성하기 위한 본 발명의 일실시예에 따른 SaaS 환경에서의 홈페이지 제작 시스템은, 네트워크망을 통해 사용자 단말장치와 연동하여 홈페이지 제작 서비스를 제공하는 홈페이지 제작 시스템에 있어서, 사용자의 요청에 따라 상기 홈페이지 제작에 필요한 툴이나 각종 파일 및 정보를 제공하고, 사용자가 제작한 적어도 1개 이상의 웹사이트를 버전(version)별로 관리하며, 사용자 선택에 따라 해당 버전의 웹사이트를 홈페이지 적용하여 운영하는 홈페이지 제작 서버로 이루어진 것을 특징으로 한다.Homepage production system in a SaaS environment according to an embodiment of the present invention for achieving the above object of the present invention, in the homepage production system that provides a homepage production service in conjunction with a user terminal device over a network, the user Providing the tools, various files and information necessary for the homepage production according to the request of the user, managing at least one or more websites created by the user by version, and applying the website of the version according to the user's selection It is characterized by consisting of a homepage production server operated by.

이때, 상기 홈페이지 제작 서버는, 상기 홈페이지 제작시 사용자에 의해 생성, 수정, 삭제, 선택, 검색되는 관계형 데이터들을 관리하는 데이터 저장 계층(Persistence Layer)과, 상기 데이터 저장 계층과 상호 연동되어 데이터들을 교환하며, 상기 홈페이지 제작과 관련된 업무 로직을 처리하는 서비스 계층(Service Layer)과, 사용자가 선택할 수 있는 도메인들이 표시되고, 사용자 요청에 필요한 부가적인 정보 전달을 입력하는 표현 계층(Preswntation Layer)을 포함하여 이루어진 것을 특징으로 한다.At this time, the homepage production server exchanges data by interworking with the data storage layer and a data storage layer managing relational data generated, modified, deleted, selected, and retrieved by a user when the homepage is produced. And a service layer for processing business logic related to the homepage production, a presentation layer for displaying user selectable domains, and a presentation layer for inputting additional information required for a user request. Characterized in that made.

여기서, 상기 데이터 저장 계층은, 홈페이지 제작에 필요한 위젯, 디자인 테마, 사이트 페이지의 각각의 스타일 시트 및 HTML을 유지 및 관리하는 파일 시스템과, 디자인 관련 정보와 사이트 관련 정보를 저장하는 데이터베이스 관리 시스템을 포함하여 이루어진 것을 특징으로 한다.Here, the data storage layer includes a file system for maintaining and managing widgets, design themes, respective style sheets and HTML of site pages, and a database management system for storing design related information and site related information. Characterized in that made.

그리고, 상기 서비스 계층은 상기 홈페이지 기획, 디자인, 배포를 담당하는 홈페이지 구축 서버와, 상기 홈페이지 구축 서버에서 제작된 홈페이지를 운영하는 홈페이지 운영 서버와, 상기 홈페이지 제작 및 운영에 필요한 각종 어플리케이션 처리에 사용되는 명령 및 데이터를 처리하는 코어 엔진(Core Engine)과, 오픈 소스 기반의 어플리케이션 프레임워크를 제공하는 오픈소스 프레임워크(Open-source framework)와, 트랜잭션 처리 및 관리, 다른 기종 시스템 간의 애플리케이션 연동을 담당하는 어플리케이션 서버 중 적어도 하나를 포함하여 이루어진 것을 특징으로 한다.The service layer is used for homepage construction server in charge of homepage planning, design, and distribution, a homepage operation server for operating a homepage produced by the homepage construction server, and processing various applications required for the homepage production and operation. A core engine that processes commands and data, an open-source framework that provides an open source-based application framework, transaction processing and management, and application integration between other heterogeneous systems. Characterized in that it comprises at least one of the application server.

이때, 상기 홈페이지 구축 서버는, 상기 웹사이트를 생성하는 작업 단위인 프로젝트 생성, 페이지 추가, 마스터레이아웃 설정, 페이지 편집, 프로젝트 복사본 생성 중 적어도 하나를 담당하는 홈페이지 기획모듈과, 디자인 테마 적용, 테마 스타일 편집, 위젯 스타일 편집 중 적어도 하나를 담당하는 홈페이지 디자인 모듈과, 상기 프로젝트 배포 및 프로젝트 변경 중 적어도 하나를 담당하는 홈페이지 배포 모듈을 포함하여 이루어진 것을 특징으로 한다.At this time, the homepage building server, a homepage planning module responsible for at least one of project creation, page addition, master layout setting, page editing, project copy generation, which is a unit of work for generating the website, design theme application, theme style And a homepage design module for at least one of editing and widget style editing, and a homepage distribution module for at least one of the project distribution and the project change.

또한, 상기 홈페이지 기획 모듈은 페이지 편집시, 사이트 페이지를 구성하는 위젯의 추가, 삭제, 리사이즈, 정렬 중 적어도 하나의 기능을 제공하고, 위젯의 이벤트 처리를 위한 인터액션을 정의하는 것을 특징으로 한다.In addition, the homepage planning module may provide at least one function of adding, deleting, resizing, or aligning a widget constituting a site page when editing a page, and defining an interaction for event processing of the widget.

그리고, 상기 홈페이지 기획 모듈은 프로젝트 복사본 생성시, 1개의 프로젝트에 적어도 하나 이상의 버전의 사이트 구성 및 디자인 적용을 위해 프로젝트를 복사 처리하는 것을 특징으로 한다.In addition, the homepage planning module is characterized in that when the copy of the project is generated, copying the project for at least one version of the site configuration and design application to one project.

한편, 상기 홈페이지 배포 모듈은 상기 홈페이지 기획 모듈 및 상기 홈페이지 디자인 모듈을 통해 작업된 프로젝트의 정적 및 동적 데이터를 가지고 전체 사이트 페이지의 정적 파일을 생성하는 것을 특징으로 한다.On the other hand, the homepage distribution module is characterized by generating a static file of the entire site page with the static and dynamic data of the project worked through the homepage planning module and the homepage design module.

그리고, 상기 홈페이지 기획 모듈은, 적어도 상기 프로젝트 생성시 프로젝트 ID와 스냅샷 번호를 부여하고, 상기 사이트 페이지 생성시 페이지 번호를 부여하며, 상기 사이트 페이지에 레이아웃 적용시 레이아웃 ID를 부여하고, 상기 사이트 페이지를 구성하는 위젯에 위젯 ID를 부여하는 기능 중의 적어도 하나를 실행하는 것을 특징으로 한다.The homepage planning module provides at least a project ID and a snapshot number when generating the project, a page number when generating the site page, a layout ID when applying a layout to the site page, and the site page. It is characterized in that for executing at least one of the function of giving a widget ID to the widget constituting the.

이때, 상기 스냅샷 번호는 디자인 복사본을 구분하는 단위이고, 상기 프로젝트 생성시 최초 부여된 후 디자인 복사본 생성시 새로운 스냅샷 번호가 생성되는 것을 특징으로 한다.At this time, the snapshot number is a unit for distinguishing a design copy, and is characterized in that a new snapshot number is generated when a design copy is generated after the project is initially assigned.

그리고, 상기 홈페이지 기획 모듈은 프로젝트 복사본 생성시, 프로젝트의 현재 스냅샷 번호에 사이트 페이지 추가 또는 편집에 따른 정보가 저장되는 것을 특징으로 한다.And, the homepage planning module, when generating a copy of the project, characterized in that the information is stored according to the site page addition or editing in the current snapshot number of the project.

또한, 상기 홈페이지 디자인 모듈은, 상기 프로젝트에 디자인 테마 적용시 디자인 테마마다 스냅샷 번호와 테마 ID를 부여하는 것을 특징으로 한다.The homepage design module may be configured to assign a snapshot number and a theme ID to each design theme when the design theme is applied to the project.

한편, 상기 홈페이지 운영 서버는 상기 홈페이지 구축 서버에서 생성된 리소스 파일과 데이터베이스 데이터를 공유하는 것을 특징으로 한다.On the other hand, the homepage operation server is characterized in that the database and the data sharing the resource file generated by the homepage building server.

그리고, 상기 홈페이지 운영 서버는 상기 프로젝트 ID와 스냅샷 번호를 기준으로 상기 홈페이지 배포 모듈에서 생성된 사이트 페이지의 정적 파일을 찾아 웹서버를 통해 서비스하는 것을 특징으로 한다.The homepage operation server finds a static file of a site page generated by the homepage distribution module based on the project ID and the snapshot number and services the webpage through a web server.

상술한 본 발명의 목적을 달성하기 위한 본 발명의 또 다른 일실시예에 따른 SaaS 환경에서의 홈페이지 제작 방법은, 홈페이지 제작 서버에서 네트워크망을 통해 홈페이지 제작 서비스를 사용자의 단말장치로 제공하는 홈페이지 제작 방법에 있어서, 웹사이트를 생성하는 작업 단위인 프로젝트를 생성하고, 페이지 추가, 마스터 레이아웃 설정, 페이지 편집 중 적어도 하나의 기능을 수행하며, 상기 프로젝트에 적어도 1개 이상의 버전(Version)별 웹사이트 구성 및 디자인 적용을 위해 프로젝트 복사본을 생성하는 홈페이지 기획 단계와, 상기 홈페이지 기획 단계에서 기획된 사이트 페이지에 디자인 테마를 적용하는 홈페이지 디자인 단계와, 상기 홈페이지 기획 단계와 홈페이지 디자인 단계를 통해 제작된 프로젝트의 정적 및 동적 데이터를 가지고 전체 사이트 페이지의 정적 파일을 생성하고, 사용자가 선택한 버전의 홈페이지 운영 서비스가 적용된 프로젝트에 근거하여 홈페이지를 배포하는 홈페이지 배포 단계로 이루어진 것을 특징으로 한다.The homepage production method in a SaaS environment according to another embodiment of the present invention for achieving the above object of the present invention, the homepage production server provides a homepage production service to a user terminal device through a network network In the method, a project, which is a unit of work for creating a website, is created, and at least one of adding a page, setting a master layout, and editing a page is performed, and at least one version-specific website is configured in the project. And a homepage planning step of generating a copy of the project for design application, a homepage design step of applying a design theme to the site page planned in the homepage planning step, and a static of a project produced through the homepage planning step and the homepage design step. And have dynamic data full Create static pages and files on the site, based on a project the user is applied to the selected version of the website operation services characterized by the deployment phase consisting of a website to distribute the homepage.

이때, 상기 홈페이지 배포 단계에서 생성된 사이트 페이지의 정적 파일을 찾아 웹서버를 통해 서비스하는 홈페이지 운영 단계를 더 포함하는 것을 특징으로 한다.In this case, the method may further include a homepage operating step of searching for a static file of a site page generated in the homepage distribution step and serving the webpage through a web server.

그리고, 상기 홈페이지 기획 단계는 상기 프로젝트 생성시 프로젝트 ID와 스냅샷 번호를 부여하는 것을 특징으로 한다.The homepage planning step may include assigning a project ID and a snapshot number when the project is generated.

또한, 상기 홈페이지 배포 단계는 사용자 선택에 따라 다른 버전으로 변경시 홈페이지 운영 서비스가 적용된 프로젝트의 스냅샷 번호를 변경하여 적용하는 것을 특징으로 한다.In addition, the homepage distribution step is characterized by changing the snapshot number of the project to which the homepage operating service is applied when changing to another version according to user selection.

한편, 상기 홈페이지 기획 단계에서는 페이지 편집시, 사이트 페이지를 구성하는 위젯의 추가, 삭제, 리사이즈, 정렬 중 적어도 하나가 가능하고, 위젯의 이벤트 처리를 위한 인터액션을 정의하는 것을 특징으로 한다.Meanwhile, in the homepage planning step, at least one of adding, deleting, resizing, and aligning a widget constituting a site page is possible when editing a page, and defining an interaction for event processing of the widget.

본 발명의 다른 측면에 따르면, 상기 SaaS 환경에서의 홈페이지 제작 방법의 각 단계를 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체가 제공된다.
According to another aspect of the present invention, there is provided a computer-readable recording medium recording a program for executing each step of the method for producing a home page in the SaaS environment.

상기와 같은 SaaS 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체에 따르면, 홈페이지 제작 및 버전 변경시 웹브라우저 내에서 위즈위그(WYSISYG) 형식의 편집이 가능하도록 위젯 방식의 편집과 디자인 변경을 수행함으로써 홈페이지 제작과 관련한 전문 지식이 없는 사용자가 디자이너나 프로그래머의 지원 없이 독립적으로 자신이 원하는 홈페이지를 매우 간단하고 쉽게 제작할 수 있는 효과가 있다.According to the computer-readable recording medium in which the homepage production system and method in the SaaS environment and the computer program for executing the method are recorded, the WYSISYG is created in the web browser when the homepage is produced and the version is changed. By editing the widget method and changing the design so that the format can be edited, users who do not have expertise in homepage production can create their own homepage very simply and easily without the support of designers or programmers. .

또한, 본 발명은 사이트에 속하는 모든 리소스와 데이터를 프로젝트 복사본 생성을 통해 버전별로 관리함으로써 여러 버전의 웹사이트를 미리 만들어 배포해 놓고, 사용자가 원할 때에는 실시간 바로 버전을 변경할 수 있어, 실시간 홈페이지 구축 및 버전의 변경 시간이 단축이 되고 홈페이지 개발 인력이 줄어들게 되어 비용이 절감될 수 있으며, 어떤 사이트 버전을 선택하더라도 실제 홈페이지 운영 화면과 동일한 프리뷰(Preview)가 가능한 효과가 있다. In addition, the present invention manages all the resources and data belonging to the site by version by creating a copy of the project by creating and distributing several versions of the website in advance, the user can change the version immediately in real time, real-time homepage building and The version change time is shortened and the homepage development manpower is reduced, and the cost can be reduced, and any site version can be selected and the preview can be the same as the actual homepage operation screen.

결국, 본 발명은 홈페이지 제작과 관련된 웹 디자이너나 웹 프로그래머 등과 같은 전문 인력의 도움없이 사용자가 쉽게 홈페이지를 제작 및 디자인 변경할 수 있고, 운영 사이트의 다양한 버전으로 실시간 전환이 가능하여 사용자의 접근성이 용이할 뿐만 아니라 방문자 유도를 통하여 홈페이지를 활성화시키는 효과도 있다.
As a result, the present invention allows the user to easily create and change the homepage without the help of professional personnel such as web designers or web programmers who are involved in the homepage production, and can easily switch to various versions of the operation site for easy accessibility. In addition, it has the effect of activating the homepage through inducing visitors.

도 1은 본 발명의 실시예에 따른 SaaS 환경에서의 홈페이지 제작 시스템의 전체 구성이 도시된 도면,
도 2는 본 발명의 실시예에 따른 홈페이지 제작 서버의 세부 구성이 도시된 블록도,
도 3은 본 발명의 실시예에 따른 홈페이지 기획 과정 중 표시되는 페이지 편집 화면이 도시된 예시도,
도 4는 본 발명의 실시예에 따른 홈페이지 기획 모듈의 데이터 구조가 도시된 도면,
도 5는 본 발명의 실시예에 따른 홈페이지 디자인 모듈의 데이터 구조가 도시된 도면,
도 6은 본 발명의 실시예에 따른 홈페이지 배포 모듈의 데이터 구조가 도시된 도면,
도 7은 본 발명의 실시예에 따른 홈페이지 제작 서버의 구성이 도시된 블록도,
도 8은 본 발명의 실시예에 따른 SaaS 환경에서의 홈페이지 제작 방법이 도시된 순서도이다.
1 is a view showing the overall configuration of a homepage production system in a SaaS environment according to an embodiment of the present invention,
2 is a block diagram showing a detailed configuration of a homepage production server according to an embodiment of the present invention;
3 is an exemplary view showing a page edit screen displayed during the homepage planning process according to an embodiment of the present invention;
4 is a diagram showing a data structure of a homepage planning module according to an embodiment of the present invention;
5 is a diagram showing a data structure of a homepage design module according to an embodiment of the present invention;
6 is a diagram showing a data structure of a homepage distribution module according to an embodiment of the present invention;
7 is a block diagram showing the configuration of a homepage production server according to an embodiment of the present invention;
8 is a flowchart illustrating a method of manufacturing a homepage in a SaaS environment according to an embodiment of the present invention.

본 발명은 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나, 이는 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 각 도면을 설명하면서 유사한 참조부호를 유사한 구성요소에 대해 사용하였다. While the invention is susceptible to various modifications and alternative forms, specific embodiments thereof are shown by way of example in the drawings and will herein be described in detail. It should be understood, however, that the invention is not intended to be limited to the particular embodiments, but includes all modifications, equivalents, and alternatives falling within the spirit and scope of the invention. Like reference numerals are used for like elements in describing each drawing.

본 출원에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, "포함하다" 또는 "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.The terminology used herein is for the purpose of describing particular example embodiments only and is not intended to be limiting of the present invention. Singular expressions include plural expressions unless the context clearly indicates otherwise. In this application, the terms "comprise" or "have" are intended to indicate that there is a feature, number, step, operation, component, part, or combination thereof described in the specification, and one or more other features. It is to be understood that the present invention does not exclude the possibility of the presence or the addition of numbers, steps, operations, components, components, or a combination thereof.

다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다. 일반적으로 사용되는 사전에 정의되어 있는 것과 같은 용어들은 관련 기술의 문맥 상 가지는 의미와 일치하는 의미를 가지는 것으로 해석되어야 하며, 본 출원에서 명백하게 정의하지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다.Unless defined otherwise, all terms used herein, including technical or scientific terms, have the same meaning as commonly understood by one of ordinary skill in the art. Terms such as those defined in the commonly used dictionaries should be construed as having meanings consistent with the meanings in the context of the related art and shall not be construed in ideal or excessively formal meanings unless expressly defined in this application. Do not.

본 발명은 컴퓨터가 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록 매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록 장치를 포함한다. 컴퓨터가 읽을 수 있는 기록 매체의 예로는 ROM, RAM, CD-ROM, 자기 테이프, 플로피 디스크, 광 데이터 저장 장치 등이 있으며, 또한, 캐리어 웨이브(예를 들어 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다. 또한, 컴퓨터가 읽을 수 있는 기록 매체는 네트워크로 연결된 컴퓨터 시스템에 분산되어, 분산 방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다.
The present invention can be embodied as computer readable codes on a computer readable recording medium. The computer-readable recording medium includes all kinds of recording devices in which data that can be read by a computer system is stored. Examples of computer-readable recording media include ROM, RAM, CD-ROM, magnetic tape, floppy disk, optical data storage device, and the like, and are also implemented in the form of a carrier wave (for example, transmission over the Internet). It also includes. The computer readable recording medium can also be distributed over network coupled computer systems so that the computer readable code is stored and executed in a distributed fashion.

이하, 첨부한 도면들을 참조하여, 본 발명의 바람직한 실시예를 보다 상세하게 설명하고자 한다.
Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings.

도 1을 참조하면, 본 발명의 실시예에 따른 SaaS 환경에서의 홈페이지 제작 시스템은, 네트워크망을 통해 통신이 가능한 적어도 하나 이상의 단말 장치(100)와, 사용자의 요청에 따라 상기 홈페이지 제작에 필요한 툴이나 각종 파일 및 정보를 상기 단말 장치(100)에 제공하고, 사용자가 제작한 적어도 1개 이상의 웹사이트를 버전(version)별로 관리하며, 사용자 선택에 따라 해당 버전의 웹사이트를 홈페이지 적용하여 운영하는 홈페이지 제작 서버(200)로 이루어진다.Referring to FIG. 1, a homepage production system in a SaaS environment according to an embodiment of the present invention may include at least one terminal device 100 capable of communicating through a network and a tool necessary for producing the homepage according to a user's request. Or providing various files and information to the terminal device 100, managing at least one or more websites created by the user by version, and operating the website of the corresponding version according to user selection. It consists of a homepage production server 200.

이때, 상기 단말 장치(100)는 홈페이지를 생성 및 관리하기 위하여 상기 홈페이지 제작 서버(200)에 회원으로 가입한 개인이나 기업의 단말기를 의미하며, 통상적으로 PC가 사용되지만 이외에도 인터넷을 포함한 네트워크를 통하여 데이터의 송수신이 가능한 단말기라면 어떠한 장치라도 적용이 가능할 것이다.In this case, the terminal device 100 refers to a terminal of an individual or a company that has subscribed to the homepage production server 200 as a member in order to create and manage a homepage. A PC is generally used, but also through a network including the Internet. Any device capable of transmitting and receiving data may be applied to any device.

이러한 단말 장치(100)는 테스크탑 컴퓨터, 노트북 PC, 스마트폰, 태블릿 PC, 그 외에도 휴대 및 이동이 가능한 휴대 단말을 적어도 하나 이상을 포함한다. The terminal device 100 includes a desktop computer, a notebook PC, a smartphone, a tablet PC, and at least one or more portable terminals that can be carried and moved.

한편, 상기 홈페이지 제작 서버(200)는, 상기 홈페이지 제작시 사용자에 의해 생성, 수정, 삭제, 선택, 검색되는 관계형 데이터들을 관리하는 데이터 저장 계층(Persistence Layer)(210)과, 상기 데이터 저장 계층(210)과 상호 연동되어 데이터들을 교환하며, 상기 홈페이지 제작과 관련된 업무 로직을 처리하는 서비스 계층(Service Layer)(220)과, 사용자가 선택할 수 있는 도메인들이 표시되고, 사용자 요청에 필요한 부가적인 정보 전달을 입력하는 표현 계층(Presentation Layer)(230)으로 이루어진다.Meanwhile, the homepage production server 200 may include a data storage layer 210 that manages relational data generated, modified, deleted, selected, and retrieved by a user when the homepage is produced, and the data storage layer ( A service layer 220 for exchanging data by interworking with each other and processing business logic related to the homepage production, domains that can be selected by a user is displayed, and additional information required for user request is displayed. It consists of a presentation layer (230) for inputting.

이때, 상기 데이터 저장 계층(210)은, 홈페이지 제작에 필요한 위젯의 HTML 및 스타일 시트(CSS, cascading style sheets), 디자인 테마의 CSS, 사이트 페이지의 HTML을 유지 및 관리하는 파일 시스템(211)과, 홈페이지의 디자인 관련 정보와 사이트 관련 정보를 저장하는 데이터베이스 관리 시스템(DBMS)(212)으로 구성된다.In this case, the data storage layer 210 may include a file system 211 for maintaining and managing HTML and style sheets (CSS, cascading style sheets) of widgets, CSS for design themes, and HTML of site pages. And a database management system (DBMS) 212 that stores design related information and site related information of the home page.

특히, 상기 DBMS(212)는 디자인 관련 정보 DB(212a)와, 사이트 관련 정보 DB(212b), 위젯 관련 정보 DB(212c) 외에도 홈페이지 제작과 관련된 DB로 구성된다.In particular, the DBMS 212 includes a design related information DB 212a, a site related information DB 212b, a widget related information DB 212c, and a DB related to homepage production.

그리고, 상기 서비스 계층(220)은 상기 홈페이지 기획, 디자인, 배포를 담당하는 홈페이지 구축 서버(221)와, 상기 홈페이지 구축 서버(221)에서 제작된 홈페이지를 사용자의 선택에 따라 버전별 변경하여 운영하는 홈페이지 운영 서버(222)와, 상기 홈페이지 제작 및 운영에 필요한 각종 어플리케이션 처리에 사용되는 명령 및 데이터를 처리하는 코어 엔진(Core Engine)(223)과, 오픈 소스 기반의 어플리케이션 프레임워크를 제공하는 오픈소스 프레임워크(Open-source framework)(224)와, 트랜잭션 처리 및 관리, 다른 기종 시스템 간의 애플리케이션 연동을 담당하는 J2EE 기반의 어플리케이션 서버(225)로 구성된다.In addition, the service layer 220 is operated by changing the homepage building server 221 in charge of the homepage planning, design, distribution and the homepage produced by the homepage building server 221 by version according to the user's selection Homepage operation server 222, a core engine 223 for processing instructions and data used for processing various applications required for the homepage production and operation, and open source providing an application framework based on open source. It is composed of an open-source framework 224 and a J2EE-based application server 225 that is responsible for transaction processing and management, and application interworking between other heterogeneous systems.

자바(Java)는 프로그램 언어의 한 종류로써 JVM 이라는 가상 머신을 통하여 실행되는 객체지향 프로그램인데, 용도에 따라 J2SE, J2EE, J2ME 로 나뉘어 사용된다.Java is a kind of programming language. It is an object-oriented program that runs through a virtual machine called JVM. It is divided into J2SE, J2EE, and J2ME depending on the purpose.

특히, 상기 홈페이지 구축 서버(221)는, 상기 웹사이트를 생성하는 작업 단위인 프로젝트 생성, 페이지 추가, 마스터레이아웃 설정, 페이지 편집, 프로젝트 복사본 생성을 담당하는 홈페이지 기획 모듈(221a)과, 디자인 테마 적용, 테마 스타일 편집, 위젯 스타일 편집을 담당하는 홈페이지 디자인 모듈(221b)과, 상기 프로젝트 배포 및 프로젝트 변경을 담당하는 홈페이지 배포 모듈(221c)로 이루어진다.In particular, the homepage building server 221 is a homepage planning module 221a responsible for project generation, page addition, master layout setting, page editing, and project copy generation, which is a work unit for generating the website, and design theme application. , Homepage design module 221b for theme style editing and widget style editing, and homepage distribution module 221c for project distribution and project change.

이때, 상기 홈페이지 기획 모듈(221a)은 페이지 추가 기능 실행시, 사이트맵을 생성하고, 사이트맵에 속하는 페이지를 생성 및 삭제한다. 그리고, 마스터 레이아웃 설정 기능 실행시, 사이트 페이지에 적용되는 마스터 레이아웃을 선택하고, 디폴트는 모든 사이트 페이지에 적용되며, 필요시 특정 페이지의 레이아웃을 달리하여 적용할 수 있다. At this time, the homepage planning module 221a generates a sitemap when the page add function is executed, and creates and deletes a page belonging to the sitemap. When the master layout setting function is executed, a master layout applied to a site page is selected, and a default is applied to all site pages. If necessary, the layout of a specific page can be changed.

또한, 상기 홈페이지 기획 모듈(221a)은 페이지 편집시, 사이트 페이지를 구성하는 위젯의 추가, 삭제, 리사이즈, 정렬이 가능하고, 위젯의 이벤트 처리를 위한 인터액션을 정의한다.In addition, the homepage planning module 221a may add, delete, resize, or arrange widgets constituting a site page when editing a page, and define an interaction for event processing of the widget.

여기서, 상기 위젯은 사이트 페이지를 구성하는 최소 단위로서, 표 1에 나타나 있듯이 미리 정의된 확장 규칙에 맞게 개발되어야 한다. Here, the widget is a minimum unit constituting a site page, and should be developed according to a predefined extension rule as shown in Table 1.

위젯 정의 XMLWidget definition XML 위젯 이름, ID, 설명 등을 XML로 정의, 관리자가 위젯 추가시 위젯 정의 XML의 정보를 읽어서 위젯 생성Define widget name, ID, description, etc. in XML, and create widget by reading information of widget definition XML when administrator adds widget 위젯 뷰(View) 파일Widget View File 페이지에 보이는 위젯 뷰 처리 프로그램 또는 리소스 파일(HTML, CSS, 이미지, 자바스크립트 등)Widget view handlers or resource files (HTML, CSS, images, JavaScript, etc.) visible on the page 위젯 기능 프로그램
Widget function program
위젯의 비지니스 로직 처리 프로그램Widget's business logic processing program

표 2에는 위젯 디렉토리 일반적인 구조가 나타나 있고, 표 3에는 위젯 유형이 나타나 있다. Table 2 shows the general structure of the widget directory, and Table 3 shows the widget types.

디렉토리 구조Directory structure 설명Explanation /component/widget/{위젯ID}// component / widget / {widgetID} / adminadmin 위젯 설정 관리자 화면Widget Settings Manager Screen infoinfo 위젯 정의 XML 위치Widget definition XML location langlang 위젯 View 다국어 파일 위치Widget View multilingual file location skinsskins 젯 View CSS, 이미지 파일 위치위Jet View CSS, image file location /Of 프로그램 파일 위치
업무 구조에 맞게 생성하면 됨
Program file location
You can create it according to your business structure

위젯 유형Widget type 설명Explanation 위젯 예Widget example 일반 위젯Generic widget 페이지 화면의 일부 영역에 위치하며,
별도의 서브 페이지를 가지지 않음
Located in some area of the page screen,
Does not have a separate subpage
로그인, 로고, 게시물 추출 등Login, logo, post extraction, etc.
빅위젯Big Widget 페이지 메인 영역에 위치하며, 비지니스
로직 처리를 위한 서브 페이지를 가질 수 있음
Located in the main area of the page,
May have subpages for logic processing
게시판, 사이트 일정, 온라인 투표 등Bulletin boards, site schedules, online voting, etc.
요소(Element) 위젯Element widget HTML 요소들을 위젯화Widget HTML elements 입력(INPUT), 이미지, 선택(SELECT) 등INPUT, IMAGE, SELECT, etc.

이러한 위젯은 미리 정의된 확장 규칙에 따라 관리자에 의해 생성되고, 이렇게 생성된 위젯을 관리자 화면에서 등록 처리한다. 이때, 상기 위젯 정의 XML 데이터를 가지고 위젯 관련 정보 DB(212c)에 추가하고, 위젯 구성 파일을 서버의 해당 위치로 복사할 수 있다.These widgets are generated by an administrator according to a predefined extension rule, and the widgets thus generated are registered on the administrator screen. In this case, the widget definition XML data may be added to the widget related information DB 212c and the widget configuration file may be copied to a corresponding location of the server.

그리고, 상기 홈페이지 기획 모듈(221a)은 도 3에 도시된 바와 같이, 페이지 편집 화면에서 위젯 추가, 삭제, 리사이즈, 위치 변경, 정렬 등의 작업이 가능하다. As illustrated in FIG. 3, the homepage planning module 221a may perform operations such as adding, deleting, resizing, repositioning, and aligning a widget in a page edit screen.

한편, 상기 홈페이지 기획 모듈(221a)은 프로젝트 복사본 생성시, 1개의 프로젝트에 다양한 버전의 사이트 구성 및 디자인 적용을 위해 프로젝트를 복사하는데, 프로젝트 생성시 디자인 복사본을 구분하는 단위인 스냅샷(Snapshot) 번호를 최초 부여하고, 디자인 복사본 생성시 새로운 스냅샷 번호가 생성된다. Meanwhile, the homepage planning module 221a copies a project for creating various versions of a site and applying a design to one project when a project copy is generated, and a snapshot number which is a unit for distinguishing a design copy when creating a project. Is initially assigned, and a new snapshot number is created when creating a copy of the design.

이때, 상기 DBMS(212)의 디자인 관련 정보 DB(212a)에는 프로젝트의 현재 스냅샷 번호에 사이트 페이지 추가, 편집에 따른 정보가 저장된다.At this time, the design-related information DB 212a of the DBMS 212 stores information according to site page addition and editing in the current snapshot number of the project.

상기 홈페이지 기획 모듈(221a)은 하나의 프로젝트 버전을 사용하는 경우에는 프로젝트 복사본을 생성할 필요가 없다.The homepage planning module 221a does not need to generate a project copy when using a single project version.

이와 같이, 상기 홈페이지 기획 모듈(221a)은 프로젝트 복사본 생성이 가능할 뿐만 아니라 사이트에 속하는 모든 리소스와 데이터를 버전별로 관리하기 때문에 상기 홈페이지 운영 서버(222)에 여러 버전의 사이트를 실시간 바로 전환할 수 있도록 한다. As such, the homepage planning module 221a can not only generate a copy of the project but also manage all resources and data belonging to a site by version so that various versions of the site can be directly converted to the homepage operation server 222 in real time. do.

한편, 상기 홈페이지 디자인 모듈(221b)은 기획된 사이트 페이지에 디자인 테마를 적용하는데, 상기 디자인 테마의 기본 디자인 요소로 컬러, 폰트, 배경-스타일 등을 관리 및 적용한다.Meanwhile, the homepage design module 221b applies a design theme to a planned site page, and manages and applies color, font, and background-style as basic design elements of the design theme.

그리고, 상기 홈페이지 디자인 모듈(221b)은 테마 스타일 편집시 사이트 페이지에 적용된 기본 테마 스타일을 사용자가 편집하여 변화를 줄 수 있도록 하고, 마찬가지로 위젯 스타일 편집시 사이트 페이지를 구성하는 위젯의 기본 스타일을 사용자가 편집할 수 있도록 한다.In addition, the homepage design module 221b allows a user to change the default theme style applied to the site page when the theme style is edited, and similarly, when the user edits the widget style, Make it editable.

상기 홈페이지 배포 모듈(221c)은 상기 홈페이지 기획 모듈(221a) 및 홈페이지 디자인 모듈(221b)을 통해 작업된 프로젝트의 모든 정적 및 동적 데이터, 즉 디자인 관련 정보 DB(212a)에 저장된 정보와 위젯 관련 정보 DB(212c)에 저장된 위젯 HTML 및 CSS, 디자인 테마 CSS를 가지고 전체 사이트 페이지의 정적 HTML 및 CSS를 생성한다.The homepage distribution module 221c includes all static and dynamic data of a project worked through the homepage planning module 221a and the homepage design module 221b, that is, information stored in a design related information DB 212a and a widget related information DB. Take the widget HTML and CSS and design theme CSS stored at 212c to generate static HTML and CSS of the entire site page.

이때, 상기 프로젝트를 홈페이지 운영 서버(222)에 반영하려면, 반드시 배포(Publish) 과정을 통해 정적 파일을 생성해야 하는데, 상기 정적 파일을 생성하는 디렉토리 구조는 다음과 같다.In this case, in order to reflect the project to the homepage operation server 222, a static file must be generated through a publish process. The directory structure for generating the static file is as follows.

" /sites/프로젝트 ID/스냅샷 번호/페이지 번호/HTML&CSS" "/ sites / project ID / snapshot number / page number / HTML & CSS"

또한, 상기 홈페이지 배포 모듈(221c)은 사용자가 상기 홈페이지 운영 서버(222)에 적용된 프로젝트를 다른 버전으로 변경 요청할 경우에, 사이트 관련 정보 DB(212b)에서 해당 프로젝트의 스냅샷 번호만 변경한다.In addition, when the user requests to change the project applied to the homepage operation server 222 to another version, the homepage distribution module 221c changes only the snapshot number of the corresponding project in the site related information DB 212b.

그러면, 상기 홈페이지 운영 서버(222)는 사이트 관련 정보 DB(212b)에 저장된 프로젝트 ID와 스냅샷 번호를 기준으로 상기 홈페이지 배포 모듈(221c)에서 생성된 사이트 페이지의 정적 파일을 찾아 웹서버(310)를 통해 홈페이지 운영 서비스를 제공한다.Then, the homepage operation server 222 finds a static file of the site page generated by the homepage distribution module 221c based on the project ID and the snapshot number stored in the site related information DB 212b and the web server 310. Provides homepage operation service through

이와 같이, 도 4 내지 도 6에 도시된 데이터 구조를 참조하면, 상기 홈페이지 기획 모듈(221a), 홈페이지 디자인 모듈(221b), 및 홈페이지 배포 모듈(221c)은 각 프로세스가 실행될 때마다 해당 프로세스와 관계되는 처리 데이터와 참조 데이터를 파일 시스템(211) 및 DBMS(212)와 연동하여 처리한다.As such, referring to the data structure shown in FIGS. 4 to 6, the homepage planning module 221a, the homepage design module 221b, and the homepage distribution module 221c relate to the corresponding process as each process is executed. The processed data and reference data are processed in conjunction with the file system 211 and the DBMS 212.

한편, 상기 홈페이지 제작 서버(200)는 서버 구현 관점에서 보면, 도 7에 도시된 바와 같이, 웹 서버(310), WAS(Web Application Server) 서버(320), DB 서버(330)로 구성되는데, 상기 웹 서버(310)는 웹브라우저 상에서 다양한 정적인 컨텐츠를 보여주는 소프트웨어인 아파치(Apache) 서버(311), 파일 서버, 메일 서버를 포함한다.On the other hand, the homepage production server 200 from the perspective of server implementation, as shown in Figure 7, the web server 310, WAS (Web Application Server) server 320, DB server 330, The web server 310 includes an Apache server 311, a file server, and a mail server, which are software for displaying various static contents on a web browser.

상기 아파치 서버(311)는 'A Patch Server' 로서, 무료 소프트웨어 기반의 높은 성능과 안정성을 갖는 것으로 알려져 있다. The Apache server 311 is an 'A Patch Server' and is known to have high performance and stability based on free software.

또한, 상기 WAS 서버(320)는 톰캣(Tomcat) 클러스터로 이루어져 있는데, 톰캣 은 Servlet, JSP, Java 같은 동적인 컨텐츠를 처리하기 위해 사용되는 소프트웨어로서, 보통 개발 환경에서는 톰캣 서버(321)가 단독으로 사용되지만, 웹사이트를 운영하는 환경에서는 대부분 아파치 서버(311)와 연동되어 서비스된다.In addition, the WAS server 320 is composed of a Tomcat cluster. Tomcat is software used to process dynamic content such as Servlets, JSPs, and Java. In a general development environment, the Tomcat server 321 is used alone. Although used, the web site is mostly operated in conjunction with the Apache server 311.

그리고, 상기 DB 서버(330)는 MySQL 클러스터로 이루어지는데, MySQL는 오픈 소스(Open Source) 기반 관계형 데이터베이스 관리 시스템(DBMS)으로 질의 언어인 SQL을 통하여 데이터의 저장 및 삭제 등의 관리를 담당하는 소프트웨어이다.In addition, the DB server 330 is composed of a MySQL cluster, which is an open source relational database management system (DBMS) that manages the storage and deletion of data through SQL, a query language. to be.

상기 MySQL 클러스터는 일반 MySQL 서버(331)에 NDB라는 스토리지 엔진(332)을 통합하여, MySQL 서버(331), 데이터 노드(333), 매니지먼트(Management) 서버(334)가 포함된 컴퓨터와 데이터에 접근하기 위한 어플리케이션 프로그램으로 구성된다. The MySQL cluster integrates a storage engine 332 called NDB into a general MySQL server 331 to access a computer and data including a MySQL server 331, a data node 333, and a management server 334. It consists of an application program.

따라서, 데이터가 상기 NDB 스토리지 엔진(332)에 저장될 때, 테이블은 데이터 노드(333)에 저장되고, 각 테이블은 MySQL 서버(331)에서 직접 접근이 가능하다. 그래서 MySQL 클러스터의 어떤 정보를 업데이트하면, 다른 모든 MySQL 서버(331)에서 곧바로 확인할 수 있고, MySQL 클러스터의 데이터 노드(333)에 저장된 데이터는 미러링이 가능하며, MySQL 클러스터는 트랜잭션 중단 등 각 노드들의 상태에 대한 핸들링이 가능하다.Thus, when data is stored in the NDB storage engine 332, tables are stored in the data node 333, and each table is directly accessible from the MySQL server 331. So if you update some information in a MySQL cluster, it can be immediately checked on all other MySQL servers 331, the data stored in the data nodes 333 of the MySQL cluster can be mirrored, and the MySQL cluster will be able to mirror the status of each node, including aborting transactions. Handling is possible.

이와 같이, 상기 홈페이지 제작 서버(200)는 웹 서버(310), WAS 서버(320), DB 서버(330)로 구성될 수 있고, 네트워크망을 통해 독립적으로 운영되는 웹서버, WAS 서버, DB 서버와 연계될 수 있는데, 이때 독립적으로 운영되는 웹서버는 상기 단말 장치(100)로 사용자 인터페이스를 제공하기 위한 웹사이트를 운용한다.As such, the homepage production server 200 may be configured as a web server 310, a WAS server 320, and a DB server 330, and may be a web server, a WAS server, and a DB server operated independently through a network. In this case, an independent web server operates a website for providing a user interface to the terminal device 100.

또한, 상기 홈페이지 구축 서버(221), 홈페이지 운영 서버(222), 어플리케이션 서버(225)는 각각 별개의 서버로 도시되어 있지만, 이는 본 발명에 대한 이해를 보다 효과적으로 하기 위한 것으로서, 상기 각각의 서버는 적어도 하나 이상의 서버로 통합되어 구성될 수 있다.
In addition, although the homepage building server 221, the homepage operating server 222, and the application server 225 are each shown as separate servers, this is to more effectively understand the present invention. It may be integrated into at least one server.

이하, 본 발명의 실시예에 따른 SaaS 환경에서의 홈페이지 제작 시스템의 동작에 대해 도면을 참조하여 보다 구체적으로 설명한다.Hereinafter, the operation of the homepage production system in the SaaS environment according to an embodiment of the present invention will be described in more detail with reference to the accompanying drawings.

도 8은 본 발명의 실시예에 따른 SaaS 환경에서의 홈페이지 제작 방법이 도시된 순서도이다.8 is a flowchart illustrating a method of manufacturing a homepage in a SaaS environment according to an embodiment of the present invention.

도 8을 참조하면, 본 발명의 실시예에 따른 SaaS 환경에서의 홈페이지 제작 방법은, 홈페이지 기획 모듈(221a)에서 웹사이트를 생성하는 작업단위인 프로젝트를 생성하고, 상기 프로젝트에 프로젝트 ID 및 스냅샷 번호를 부여한다.(S1)Referring to FIG. 8, in the SaaS environment according to an exemplary embodiment of the present invention, the homepage production method may include generating a project, which is a work unit for creating a website, in the homepage planning module 221a, and generating a project ID and a snapshot in the project. Give a number (S1).

그리고, 상기 홈페이지 기획 모듈(221a)은 사이트 페이지를 추가하여 사이트맵을 생성한 후 사이트페이지에 적용되는 마스터 레이아웃을 선택하는데, 상기 사이트 페이지에 페이지 번호를 부여하며, 레이아웃에도 레이아웃 ID를 부여한다.(S2 및 S3)The homepage planning module 221a adds a site page to generate a site map and selects a master layout applied to the site page. The page layout is assigned to the site page and the layout ID is also assigned to the layout. (S2 and S3)

사용자가 페이지 편집을 요청할 경우에 사이트페이지를 구성하는 위젯 추가, 삭제, 리사이즈, 정렬 등을 수행하고, 사이트 페이지 위젯에 위젯 ID를 부여한다.(S4 및 S5)When a user requests editing of a page, widgets constituting the site page are added, deleted, resized, and aligned, and a widget ID is assigned to the site page widget (S4 and S5).

또한, 상기 홈페이지 기획 모듈(221a)은 1개의 프로젝트 버전만 사용하는 경우에는 프로젝트 복사본을 생성할 필요가 없지만, 하나의 프로젝트에 다양한 버전의 사이트 구성 및 디자인을 적용할 경우에는 프로젝트 복사본을 생성한다.(S6 및 S7)In addition, the homepage planning module 221a does not need to generate a copy of the project when only one project version is used, but generates a copy of the project when various versions of the site configuration and design are applied to a single project. (S6 and S7)

이때, 디자인 복사본을 구분하는 단위는 스냅샷번호이고, 프로젝트의 현재 스냅샷 번호에 사이트 페이지 추가, 편집에 따른 정보를 저장한다.At this time, the unit for dividing the design copy is the snapshot number, and the information of site page addition and editing is saved in the current snapshot number of the project.

한편, 홈페이지 디자인 모듈(221b)은 프로젝트에 디자인 테마를 적용하고 테마 ID를 부여한다.(S8) 그리고, 사용자는 테마 스타일 편집을 수행할 경우에 사이트 페이지에 적용된 기본 테마 스타일을 디자인 테마 CSS를 참조하여 컬러, 폰트, 배경 스타일 등을 변경한다.(S9 및 S10)On the other hand, the homepage design module 221b applies a design theme to the project and gives the theme ID (S8). When the user performs theme style editing, the user refers to the design theme CSS as the default theme style applied to the site page. To change the color, font, background style, etc. (S9 and S10).

또한, 사용자가 위젯 스타일 편집을 수행할 경우에도 DBMS(212)에서 위젯 ID를 읽어오고, 파일 시스템(211)에서 위젯 스킨 CSS를 참조하여 사이트페이지를 구성하는 위젯의 기본 스타일을 편집하여 변화를 줄 수 있다.(S11 및 S12)In addition, when the user performs widget style editing, the widget ID is read from the DBMS 212, and the widget style CSS is edited in the file system 211 to edit the basic style of the widget constituting the site page. (S11 and S12)

홈페이지 배포 모듈(221c)은 상기 홈페이지 기획 모듈(221a) 및 홈페이지 디자인 모듈(221b)를 통해 제작된 프로젝트의 모든 정적 및 동적 데이터를 가지고 전체 사이트 페이지의 정적 파일을 생성하여 배포 과정을 수행한다.(S13)The homepage distribution module 221c performs a distribution process by generating a static file of all site pages with all the static and dynamic data of the project produced by the homepage planning module 221a and the homepage design module 221b. S13)

그리고, 상기 홈페이지 배포 모듈(221c)은 사용자가 홈페이지 운영 서버(222)에서 운영 사이트에 적용시킨 프로젝트를 다른 버전으로 변경하고자 할 경우에, 해당 프로젝트의 스냅샷 번호만 변경하면 실시간 다른 버전으로 변경된다.(S14 및 S15)The homepage distribution module 221c is changed to another version in real time by changing only the snapshot number of the corresponding project when the user wants to change the project applied to the operation site by the homepage operation server 222. (S14 and S15)

따라서, 상기 홈페이지 운영 서버(222)는 사이트 관련 정보 DB(212b)에 저장된 프로젝트 ID와 스냅샷 번호를 기준으로 상기 홈페이지 배포 모듈(221c)에서 생성된 사이트페이지의 정적파일을 찾아 웹서버(310)를 통해 홈페이지를 운영하게 된다.Accordingly, the homepage operation server 222 finds a static file of the site page generated by the homepage distribution module 221c based on the project ID and the snapshot number stored in the site-related information DB 212b and the web server 310. The homepage will be operated through.

이와 같이, 본 발명은 홈페이지 제작 및 버전 변경시 웹브라우저 내에서 위즈위그(WYSISYG) 형식의 편집이 가능하도록 함으로써 홈페이지 제작과 관련한 전문 지식이 없는 사용자가 디자이너나 프로그래머의 지원 없이 독립적으로 자신이 원하는 홈페이지를 매우 간단하고 쉽게 제작할 수 있도록 한다.As such, the present invention enables a user who does not have professional knowledge related to homepage production without the support of a designer or a programmer to independently make a homepage by allowing the user to edit the WYSISYG format in a web browser when the homepage is produced and the version is changed. Make it very simple and easy to build.

또한, 본 발명은 프로젝트 복사본 생성을 통해 여러 버전의 웹사이트를 미리 만들어 배포해 놓고, 사용자가 원할 때에는 실시간 바로 버전을 변경할 수 있어 홈페이지 제작 및 버전의 변경 시간이 단축이 되고 홈페이지 개발 인력이 줄어들게 되어 비용이 절감될 수 있다.
In addition, the present invention is to create and distribute several versions of the website in advance by creating a copy of the project, the user can change the version immediately in real time when the user wants to shorten the time to change the homepage and version development and to reduce the website development personnel The cost can be reduced.

이상 실시예를 참조하여 설명하였지만, 해당 기술 분야의 숙련된 당업자는 하기의 특허 청구의 범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.
It will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the invention as defined in the appended claims. It will be possible.

본 발명은 SaaS 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체에 관한 것으로, 더욱 상세하게는 위젯 방식의 사이트 페이지 편집과 디자인 변경이 가능하도록 홈페이지 제작에 필요한 툴이나 각종 파일 및 정보를 위즈위그 형식으로 제공하고, 사이트에 속하는 리소스 및 데이터를 버전별로 관리함으로써 운영 사이트의 다양한 버전으로 실시간 전환이 가능하도록 하는 SaaS 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체에 관한 것이다.
The present invention relates to a system and method for producing a homepage in a SaaS environment, and to a computer readable recording medium having recorded thereon a computer program for executing the method on a computer. In order to make this possible, we provide tools, various files and information necessary for homepage production in Wizwig format, and manage homepage resources and data per version so that real-time conversion to various versions of the operation site is possible. A system and method, and a computer readable recording medium having recorded thereon a computer program for executing the method on a computer.

100 : 단말 장치 200 : 홈페이지 제작 서버
210 : 데이터 저장 계층 220 : 서비스 계층
230 : 표현 계층 211 : 파일 시스템
212 : DBMS 221 : 홈페이지 구축 서버
221a : 홈페이지 기획 모듈 221b : 홈페이지 디자인 모듈
221c : 홈페이지 배포 모듈 222 : 홈페이지 운영 서버
223 : 코어 엔진 224 : 오픈 소스 프레임워크
225 : 어플리케이션 서버 310 : 웹서버
320 : WAS 서버 330 : DB 서버
100: terminal device 200: homepage production server
210: data storage layer 220: service layer
230: presentation layer 211: file system
212: DBMS 221: homepage building server
221a: homepage planning module 221b: homepage design module
221c: homepage distribution module 222: homepage operation server
223: Core Engine 224: Open Source Framework
225: application server 310: web server
320: WAS server 330: DB server

Claims (20)

네트워크망을 통해 사용자 단말장치와 연동하여 홈페이지 제작 서비스를 제공하는 홈페이지 제작 시스템에 있어서,
사용자의 요청에 따라 상기 홈페이지 제작에 필요한 툴이나 각종 파일 및 정보를 제공하고, 사용자가 제작한 적어도 1개 이상의 웹사이트를 버전(version)별로 관리하며, 사용자 선택에 따라 해당 버전의 웹사이트를 홈페이지 적용하여 운영하는 홈페이지 제작 서버로 이루어진 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
In the homepage production system providing a homepage production service in conjunction with a user terminal device through a network,
Providing the tools, various files and information necessary for the homepage production according to the user's request, managing at least one website created by the user by version, and managing the website of the version according to the user's selection Homepage production system in the SaaS environment, characterized in that consisting of the homepage production server operating by applying.
제1항에 있어서,
상기 홈페이지 제작 서버는,
상기 홈페이지 제작시 사용자에 의해 생성, 수정, 삭제, 선택, 검색되는 관계형 데이터들을 관리하는 데이터 저장 계층(Persistence Layer)과,
상기 데이터 저장 계층과 상호 연동되어 데이터들을 교환하며, 상기 홈페이지 제작과 관련된 업무 로직을 처리하는 서비스 계층(Service Layer)과,
사용자가 선택할 수 있는 도메인들이 표시되고, 사용자 요청에 필요한 부가적인 정보 전달을 입력하는 표현 계층(Preswntation Layer)을 포함하여 이루어진 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
The method of claim 1,
The homepage production server,
A data storage layer for managing relational data generated, modified, deleted, selected, and retrieved by a user during the homepage production;
A service layer which interacts with the data storage layer to exchange data and processes business logic related to the homepage production;
A homepage production system in a SaaS environment, characterized in that domains that can be selected by a user are displayed and a presentation layer for inputting additional information required for a user request is included.
제2항에 있어서,
상기 데이터 저장 계층은,
홈페이지 제작에 필요한 위젯, 디자인 테마, 사이트 페이지의 각각의 스타일 시트 및 HTML을 유지 및 관리하는 파일 시스템과,
디자인 관련 정보와 사이트 관련 정보를 저장하는 데이터베이스 관리 시스템을 포함하여 이루어진 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
The method of claim 2,
The data storage layer,
A file system that maintains and manages the widgets, design themes, style sheets and HTML for site pages,
Homepage production system in a SaaS environment comprising a database management system for storing design-related information and site-related information.
제2항에 있어서,
상기 서비스 계층은
상기 홈페이지 기획, 디자인, 배포를 담당하는 홈페이지 구축 서버,
상기 홈페이지 구축 서버에서 제작된 홈페이지를 운영하는 홈페이지 운영 서버,
상기 홈페이지 제작 및 운영에 필요한 각종 어플리케이션 처리에 사용되는 명령 및 데이터를 처리하는 코어 엔진(Core Engine)과,
오픈 소스 기반의 어플리케이션 프레임워크를 제공하는 오픈소스 프레임워크(Open-source framework)와,
트랜잭션 처리 및 관리, 다른 기종 시스템 간의 애플리케이션 연동을 담당하는 어플리케이션 서버 중 적어도 하나를 포함하여 이루어진 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
The method of claim 2,
The service layer is
Homepage building server in charge of the homepage planning, design, distribution,
Homepage operation server for operating the homepage produced by the homepage building server,
A core engine for processing instructions and data used for processing various applications required for the homepage production and operation;
An open-source framework that provides an open source-based application framework,
Website processing system in a SaaS environment, characterized in that the transaction processing and management, including at least one of the application server responsible for the application interworking between different systems.
제4항에 있어서,
상기 홈페이지 구축 서버는,
상기 웹사이트를 생성하는 작업 단위인 프로젝트 생성, 페이지 추가, 마스터레이아웃 설정, 페이지 편집, 프로젝트 복사본 생성 중 적어도 하나를 담당하는 홈페이지 기획모듈과,
디자인 테마 적용, 테마 스타일 편집, 위젯 스타일 편집 중 적어도 하나를 담당하는 홈페이지 디자인 모듈과,
상기 프로젝트 배포 및 프로젝트 변경 중 적어도 하나를 담당하는 홈페이지 배포 모듈을 포함하여 이루어진 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
5. The method of claim 4,
The homepage building server,
A homepage planning module in charge of at least one of a project generation, a page addition, a master layout setting, a page editing, a copy of a project, which is a unit of work for generating the website;
A homepage design module responsible for applying at least one of design theme, theme style editing, widget style editing,
Homepage production system in a SaaS environment, characterized in that it comprises a homepage distribution module responsible for at least one of the project distribution and project changes.
제5항에 있어서,
상기 홈페이지 기획 모듈은 페이지 편집시, 사이트 페이지를 구성하는 위젯의 추가, 삭제, 리사이즈, 정렬 중 적어도 하나의 기능을 제공하고, 위젯의 이벤트 처리를 위한 인터액션을 정의하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
The method of claim 5,
The homepage planning module provides at least one function of adding, deleting, resizing, and arranging widgets constituting a site page when editing a page, and defines an interaction for event processing of widgets in a SaaS environment. Homepage production system.
제5항에 있어서,
상기 홈페이지 기획 모듈은 프로젝트 복사본 생성시, 1개의 프로젝트에 적어도 하나 이상의 버전의 사이트 구성 및 디자인 적용을 위해 프로젝트를 복사 처리하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
The method of claim 5,
The homepage planning module is a homepage production system in a SaaS environment, characterized in that the copying process of the project for the application of at least one or more versions of the site configuration and design to a project when creating a copy of the project.
제5항에 있어서,
상기 홈페이지 배포 모듈은 상기 홈페이지 기획 모듈 및 상기 홈페이지 디자인 모듈을 통해 작업된 프로젝트의 정적 및 동적 데이터를 가지고 전체 사이트 페이지의 정적 파일을 생성하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
The method of claim 5,
The homepage distribution module is a homepage production system in a SaaS environment, characterized in that to generate a static file of the entire site page with the static and dynamic data of the project worked through the homepage planning module and the homepage design module.
제5항에 있어서,
상기 홈페이지 기획 모듈은,
적어도 상기 프로젝트 생성시 프로젝트 ID와 스냅샷 번호를 부여하고,
상기 사이트 페이지 생성시 페이지 번호를 부여하며,
상기 사이트 페이지에 레이아웃 적용시 레이아웃 ID를 부여하고,
상기 사이트 페이지를 구성하는 위젯에 위젯 ID를 부여하는 기능 중의 적어도 하나를 실행하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
The method of claim 5,
The homepage planning module,
At least give a project ID and a snapshot number when creating the project,
Give a page number when creating the site page,
Assign layout ID when applying layout to the site page,
And at least one of a function of assigning a widget ID to a widget constituting the site page.
제9항에 있어서,
상기 스냅샷 번호는 디자인 복사본을 구분하는 단위이고, 상기 프로젝트 생성시 최초 부여된 후 디자인 복사본 생성시 새로운 스냅샷 번호가 생성되는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
10. The method of claim 9,
The snapshot number is a unit for distinguishing a copy of a design, and a homepage production system in a SaaS environment, wherein a new snapshot number is generated when a copy of a design is generated after being first given when the project is created.
제10항에 있어서,
상기 홈페이지 기획 모듈은 프로젝트 복사본 생성시, 프로젝트의 현재 스냅샷 번호에 사이트 페이지 추가 또는 편집에 따른 정보가 저장되는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
The method of claim 10,
The homepage planning module is a homepage production system in the SaaS environment, characterized in that the information stored according to the addition or editing of the site page in the current snapshot number of the project when creating a copy of the project.
제5항에 있어서,
상기 홈페이지 디자인 모듈은,
상기 프로젝트에 디자인 테마 적용시 디자인 테마마다 스냅샷 번호와 테마 ID를 부여하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
The method of claim 5,
The homepage design module,
When the design theme is applied to the project, the homepage production system in the SaaS environment, characterized in that the number of the theme and the theme ID assigned to each design theme.
제4항에 있어서,
상기 홈페이지 운영 서버는 상기 홈페이지 구축 서버에서 생성된 리소스 파일과 데이터베이스 데이터를 공유하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
5. The method of claim 4,
The homepage operation server is a homepage production system in a SaaS environment, characterized in that sharing the resource file and the database data generated by the homepage building server.
제9항 또는 제13항 중 어느 한 항에 있어서,
상기 홈페이지 운영 서버는 상기 프로젝트 ID와 스냅샷 번호를 기준으로 상기 홈페이지 배포 모듈에서 생성된 사이트 페이지의 정적 파일을 찾아 웹서버를 통해 서비스하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 시스템.
The method according to any one of claims 9 to 13,
The homepage operation server finds a static file of a site page generated by the homepage distribution module based on the project ID and a snapshot number, and services the homepage in a SaaS environment.
홈페이지 제작 서버에서 네트워크망을 통해 홈페이지 제작 서비스를 사용자의 단말장치로 제공하는 홈페이지 제작 방법에 있어서,
웹사이트를 생성하는 작업 단위인 프로젝트를 생성하고, 페이지 추가, 마스터 레이아웃 설정, 페이지 편집 중 적어도 하나의 기능을 수행하며, 상기 프로젝트에 적어도 1개 이상의 버전(Version)별 웹사이트 구성 및 디자인 적용을 위해 프로젝트 복사본을 생성하는 홈페이지 기획 단계와,
상기 홈페이지 기획 단계에서 기획된 사이트 페이지에 디자인 테마를 적용하는 홈페이지 디자인 단계와,
상기 홈페이지 기획 단계와 홈페이지 디자인 단계를 통해 제작된 프로젝트의 정적 및 동적 데이터를 가지고 전체 사이트 페이지의 정적 파일을 생성하고, 사용자가 선택한 버전의 홈페이지 운영 서비스가 적용된 프로젝트에 근거하여 홈페이지를 배포하는 홈페이지 배포 단계로 이루어진 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 방법.
In the homepage production method for providing a homepage production service to a user terminal device through a network in the homepage production server,
Create a project, which is a unit of work for creating a website, and perform at least one function of adding a page, setting a master layout, and editing a page, and applying a website configuration and design application by at least one version to the project. To create a copy of the project
A homepage design step of applying a design theme to a site page planned in the homepage planning step,
Homepage distribution that generates static files of all site pages with static and dynamic data of the project produced through the homepage planning step and homepage design step, and distributes the homepage based on the project to which the user selects the homepage operation service. Homepage production method in a SaaS environment, characterized in that consisting of steps.
제15항에 있어서,
상기 홈페이지 배포 단계에서 생성된 사이트 페이지의 정적 파일을 찾아 웹서버를 통해 서비스하는 홈페이지 운영 단계를 더 포함하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 방법.
16. The method of claim 15,
A homepage production method in a SaaS environment, characterized by further comprising a homepage operation step of finding a static file of a site page generated in the homepage distribution step and serving it through a web server.
제15항에 있어서,
상기 홈페이지 기획 단계는 상기 프로젝트 생성시 프로젝트 ID와 스냅샷 번호를 부여하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 방법.
16. The method of claim 15,
The homepage planning step is to create a homepage in the SaaS environment, characterized in that the project ID and snapshot number assigned to the project generation.
제17항 중 어느 한 항에 있어서,
상기 홈페이지 배포 단계는 사용자 선택에 따라 다른 버전으로 변경시 홈페이지 운영 서비스가 적용된 프로젝트의 스냅샷 번호를 변경하여 적용하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 방법.
The method of claim 17, wherein
The homepage distribution step is a homepage production method in a SaaS environment, characterized in that for changing to a different version in accordance with the user selection to change the snapshot number of the project to which the homepage operating service is applied.
제15항에 있어서,
상기 홈페이지 기획 단계에서는 페이지 편집시, 사이트 페이지를 구성하는 위젯의 추가, 삭제, 리사이즈, 정렬 중 적어도 하나가 가능하고, 위젯의 이벤트 처리를 위한 인터액션을 정의하는 것을 특징으로 하는 SaaS 환경에서의 홈페이지 제작 방법.
16. The method of claim 15,
In the homepage planning step, when editing a page, at least one of adding, deleting, resizing, and arranging a widget constituting a site page is possible, and creating a homepage in a SaaS environment, characterized in that an interaction for event processing of a widget is defined. Way.
제15항 내지 제19항 중의 어느 한 항에 따른 SaaS 환경에서의 홈페이지 제작 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체.A computer-readable recording medium having recorded thereon a computer program for executing a method of producing a home page in a SaaS environment according to any one of claims 15 to 19 on a computer.
KR1020110104807A 2011-10-13 2011-10-13 System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor KR101275871B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020110104807A KR101275871B1 (en) 2011-10-13 2011-10-13 System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020110104807A KR101275871B1 (en) 2011-10-13 2011-10-13 System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor

Related Child Applications (1)

Application Number Title Priority Date Filing Date
KR1020120125052A Division KR20130040167A (en) 2012-11-06 2012-11-06 System for producing homepage in saas environment, a computer-readable storage medium therefor

Publications (2)

Publication Number Publication Date
KR20130040057A true KR20130040057A (en) 2013-04-23
KR101275871B1 KR101275871B1 (en) 2013-06-18

Family

ID=48440046

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020110104807A KR101275871B1 (en) 2011-10-13 2011-10-13 System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor

Country Status (1)

Country Link
KR (1) KR101275871B1 (en)

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160075879A (en) * 2014-12-09 2016-06-30 나모웹비즈주식회사 System and method for web site editing in software as a service environment
KR101885067B1 (en) * 2017-09-12 2018-09-10 주식회사 명리 Method for providing real time response collecting service
WO2019013364A1 (en) * 2017-07-11 2019-01-17 주식회사 넥스트비즈 Responsive website builder system and method therefor
KR20200013915A (en) * 2018-07-31 2020-02-10 주식회사 피노 Method of operating platform supporting application development and server providing platform
WO2020040942A1 (en) * 2018-08-21 2020-02-27 Axure Software Solutions, Inc. Multi-view masters for graphical designs
US10769366B2 (en) 2013-05-07 2020-09-08 Axure Software Solutions, Inc. Variable dimension version editing for graphical designs
KR20230036392A (en) * 2021-09-07 2023-03-14 네이버 주식회사 Method and system for providing wysiwyg editor
US11645047B2 (en) 2019-09-13 2023-05-09 Axure Software Solutions, Inc. Focused specification generation for interactive designs
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
KR101619845B1 (en) 2014-05-26 2016-05-12 김일국 System and method for building homepage

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003513350A (en) * 1999-10-29 2003-04-08 サーフキャスト インコーポレイテッド System and method for simultaneously displaying multiple information sources
KR100764690B1 (en) * 2005-12-15 2007-10-08 주식회사 아이온커뮤니케이션즈 Integrated management system of web site and the method thereof

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10769366B2 (en) 2013-05-07 2020-09-08 Axure Software Solutions, Inc. Variable dimension version editing for graphical designs
US11409957B2 (en) 2013-05-07 2022-08-09 Axure Software Solutions, Inc. Variable dimension version editing for graphical designs
KR20160075879A (en) * 2014-12-09 2016-06-30 나모웹비즈주식회사 System and method for web site editing in software as a service environment
WO2019013364A1 (en) * 2017-07-11 2019-01-17 주식회사 넥스트비즈 Responsive website builder system and method therefor
KR101885067B1 (en) * 2017-09-12 2018-09-10 주식회사 명리 Method for providing real time response collecting service
KR20200013915A (en) * 2018-07-31 2020-02-10 주식회사 피노 Method of operating platform supporting application development and server providing platform
US10592589B1 (en) 2018-08-21 2020-03-17 Axure Software Solutions, Inc. Multi-view masters for graphical designs
US11068642B2 (en) 2018-08-21 2021-07-20 Axure Software Solutions, Inc. Multi-view masters for graphical designs
WO2020040942A1 (en) * 2018-08-21 2020-02-27 Axure Software Solutions, Inc. Multi-view masters for graphical designs
US11550988B2 (en) 2018-08-21 2023-01-10 Axure Software Solutions, Inc. Multi-view masters for graphical designs
US11645047B2 (en) 2019-09-13 2023-05-09 Axure Software Solutions, Inc. Focused specification generation for interactive designs
KR20230036392A (en) * 2021-09-07 2023-03-14 네이버 주식회사 Method and system for providing wysiwyg editor
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
KR101275871B1 (en) 2013-06-18

Similar Documents

Publication Publication Date Title
KR101275871B1 (en) System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor
JP7460689B2 (en) Software application development based on spreadsheets
JP6487282B2 (en) Method for developing application to be executed in workflow management system, and apparatus for supporting generation of application to be executed in workflow management system
CN109062567B (en) B/S structure-based information management system rapid development platform
KR101572509B1 (en) the operating method of user interface framework for web-based application construction
KR102170306B1 (en) System and Method for Managenting Unification Site Based on Layout Template
US20100251143A1 (en) Method, system and computer program for creating and editing a website
US20140281886A1 (en) Systems and methods for creating or updating an application using website content
US20150100946A1 (en) Using mock data to validate applications
US9817811B2 (en) Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method
KR20130110610A (en) Method of constructing database, server performing the same and storage media storing the same
US10417317B2 (en) Web page profiler
CN103646023A (en) Page and control increasing method based on WEB
JP2022508086A (en) Systems and methods for creating and processing configurable applications for website building systems
US11663199B1 (en) Application development based on stored data
KR101730070B1 (en) Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same
JP2004252951A (en) Introductory operation support system for integrated business software
JP7014960B2 (en) Information processing equipment, servers, their processing methods and programs
US20170031878A1 (en) Web Page Generation System
JP6231260B2 (en) Screen control system, screen control program, screen creation support program, and screen control method
JP2004318260A (en) Program generating device, program generating method, program, and recording medium
KR20130040167A (en) System for producing homepage in saas environment, a computer-readable storage medium therefor
KR20220122246A (en) System and method for producing homepage in SaaS ENVIRONMENT
JP6331307B2 (en) Information processing apparatus, information processing apparatus control method, and program
JP2018116750A (en) Information processing apparatus, control method for information processing apparatus, and program

Legal Events

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

Payment date: 20160526

Year of fee payment: 4

LAPS Lapse due to unpaid annual fee