KR101648126B1 - System and method for web site editing in software as a service environment - Google Patents

System and method for web site editing in software as a service environment Download PDF

Info

Publication number
KR101648126B1
KR101648126B1 KR1020140175600A KR20140175600A KR101648126B1 KR 101648126 B1 KR101648126 B1 KR 101648126B1 KR 1020140175600 A KR1020140175600 A KR 1020140175600A KR 20140175600 A KR20140175600 A KR 20140175600A KR 101648126 B1 KR101648126 B1 KR 101648126B1
Authority
KR
South Korea
Prior art keywords
components
web site
user
web page
editing
Prior art date
Application number
KR1020140175600A
Other languages
Korean (ko)
Other versions
KR20160075879A (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 KR1020140175600A priority Critical patent/KR101648126B1/en
Publication of KR20160075879A publication Critical patent/KR20160075879A/en
Application granted granted Critical
Publication of KR101648126B1 publication Critical patent/KR101648126B1/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

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

본 발명은 복수 개의 웹 페이지를 포함하는 웹 사이트를 편집하는 프로그램이 저장된 메모리 및 프로그램을 실행시키는 프로세서를 포함한다. 이때, 프로세서는 프로그램의 실행에 따라, 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 생성하고, 복수 개의 컴포넌트 중 선택된 컴포넌트를 편집하도록 입력된 사용자의 편집신호에 따라 선택된 컴포넌트를 수정하며, 소정의 웹 페이지에 수정된 컴포넌트를 반영하여 배포한다. The present invention includes a processor for executing a program and a memory storing a program for editing a web site including a plurality of web pages. At this time, according to the execution of the program, the processor creates a plurality of components constituting a predetermined web page, modifies the selected component according to the edit signal of the user inputted to edit a selected one of the plurality of components, It distributes the modified component to the page.

Description

서비스형 소프트웨어 환경에서의 웹 사이트 편집 시스템 및 방법{SYSTEM AND METHOD FOR WEB SITE EDITING IN SOFTWARE AS A SERVICE ENVIRONMENT}TECHNICAL FIELD [0001] The present invention relates to a system and a method for editing a web site in a service type software environment,

본 발명은 서비스형 소프트웨어 환경에서의 웹 사이트 편집 시스템 및 방법에 관한 것이다.The present invention relates to a web site editing system and method in a service type software environment.

웹 사이트는 동적이나 정적으로 배치되는 텍스트, 표, 이미지 및 다양한 종류의 멀티미디어 컨텐츠를 제공하는 웹 페이지를 포함한다. 최근에는 스마트 디바이스에 보급에 따라 웹 사이트에 접속하는 디바이스의 종류가 다양해지고 있으며, 이로 인하여 다양한 스크린 크기에 적합하도록 반응형 웹 디자인(responsive web design)을 적용한 웹 사이트에 대한 요구가 높아지고 있다. Web sites include web pages that provide dynamic or statically arranged text, tables, images, and various kinds of multimedia content. In recent years, various types of devices connected to a web site have been diversified according to the spread of smart devices, and as a result, there is a growing demand for web sites using responsive web design suitable for various screen sizes.

이러한 웹 사이트는 디자이너, 프로그래머, 기획자 및 관리자 등 다수의 사용자에 의하여 편집되고 서비스되며 관리될 수 있다. 그러므로 다수의 다양한 사용자가 편리하게 웹 사이트를 생성하고 편집할 수 있으며, 관리가 쉬운 웹 사이트 편집 및 서비스 방법이 필요하다. 또한, 다양한 디바이스 및 다국어를 지원할 수 있는 웹 사이트 편집 및 서비스 방법이 필요하다. These websites can be edited, serviced and managed by a number of users, including designers, programmers, planners and administrators. Therefore, there is a need for a method of editing and servicing a Web site that allows a large number of various users to conveniently create and edit Web sites, and is easy to manage. In addition, there is a need for a web site editing and service method capable of supporting various devices and multiple languages.

이러한 웹 사이트 편집 및 서비스 방법에 대한 종래 기술은 다음과 같다. The prior art for this web site editing and service method is as follows.

한국 공개특허공보 제2014-0130799호(발명의 명칭: 웹 페이지 저작과 그 저작된 웹 페이지를 제공하는 시스템과 그 방법)는 웹 페이지에 포함된 이미지 및 레이아웃을 웹 브라우저의 다양한 화면 사이즈 맞춰 자동으로 최적화시켜 표시할 수 있는 시스템 빛 방법을 개시하고 있다. Korean Patent Laid-Open Publication No. 2014-0130799 entitled " Web page authoring and system and method for providing authored web page ") automatically aligns images and layouts included in a web page with various screen sizes of a web browser A system light method capable of optimizing and displaying light.

또한, 한국 등록특허공보 제2005-0071720호(발명의 명칭: 동적으로 홈페이지를 제작하는 방법 및 이 방법을 웹에서구현하는 장치)는 사용자가 선택하는 스타일을 동적으로 구성하여 웹 페이지를 제작하는 방법 및 장치에 관한 기술을 개시하고 있다. 구체적으로 이 발명은 웹 페이지의 메뉴별로 파일을 관리하며, 웹 페이지들 간의 스타일을 공유할 수 있어, 사용자의 단순한 마우스 클릭으로 웹 페이지를 제작할 수 있다. Korean Patent Registration No. 2005-0071720 (entitled " Method of dynamically creating a homepage and a device implementing this method on the web) is a method of dynamically configuring a style selected by a user to produce a web page And a device. Specifically, the present invention manages a file for each menu of a web page, and can share a style between web pages, thereby making it possible to produce a web page with a simple mouse click of a user.

본 발명의 본 실시예는 서비스형 소프트웨어 환경에서의 웹 사이트를 편집하는 웹 사이트 편집 서버 및 웹 사이트를 관리할 수 있는 웹 사이트 관리 서버를 포함하는 웹 사이트 편집 시스템 및 방법을 제공하는데 그 목적이 있다. It is an object of the present invention to provide a web site editing system and method including a web site editing server for editing a web site in a service type software environment and a web site management server for managing the web site .

다만, 본 실시예가 이루고자 하는 기술적 과제는 상기된 바와 같은 기술적 과제로 한정되지 않으며, 또 다른 기술적 과제들이 존재할 수 있다.It should be understood, however, that the technical scope of the present invention is not limited to the above-described technical problems, and other technical problems may exist.

상술한 기술적 과제를 달성하기 위한 기술적 수단으로서, 본 발명의 제 1 측면에 따른 서비스형 소프트웨어 환경에서의 웹 사이트 편집 서버는 복수 개의 웹 페이지를 포함하는 웹 사이트를 편집하는 프로그램이 저장된 메모리 및 프로그램을 실행시키는 프로세서를 포함한다. 이때, 프로세서는 프로그램의 실행에 따라, 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 생성하고, 복수 개의 컴포넌트 중 선택된 컴포넌트를 편집하도록 입력된 사용자의 편집신호에 따라 선택된 컴포넌트를 수정하며, 소정의 웹 페이지에 수정된 컴포넌트를 반영하여 배포한다.According to a first aspect of the present invention, there is provided a web site editing server in a service-type software environment including a memory for storing a program for editing a web site including a plurality of web pages, And the like. At this time, according to the execution of the program, the processor creates a plurality of components constituting a predetermined web page, modifies the selected component according to the edit signal of the user inputted to edit a selected one of the plurality of components, It distributes the modified component to the page.

또한, 본 발명의 제 2 측면에 따른 서비스형 소프트웨어 환경에서의 웹 사이트 관리 서버는 클라우드 스토리지 및 레거시 시스템 중 적어도 하나와 통신하는 통신 모듈, 웹 사이트 편집 서버에 의해 편집되어 배포된 적어도 하나의 웹 사이트를 관리하는 프로그램이 저장된 메모리 및 프로그램을 실행시키는 프로세서를 포함한다. 이때, 프로세서는 프로그램의 실행에 따라, 통신 모듈을 통해 수신된 데이터를 기초로 웹 사이트 내 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 관리한다. The web site management server in the service type software environment according to the second aspect of the present invention includes a communication module for communicating with at least one of cloud storage and legacy system, at least one web site edited and distributed by the web site editing server, And a processor for executing the program. At this time, according to the execution of the program, the processor manages a plurality of components constituting a predetermined web page in the web site based on the data received through the communication module.

또한, 본 발명의 제 3 측면에 따른 서비스형 소프트웨어 환경에서 서버의 웹 사이트 편집 방법은 웹 사이트에 포함된 복수 개의 웹 페이지 중 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 생성하는 단계; 복수 개의 컴포넌트 중 선택된 컴포넌트를 편집하도록 입력된 사용자의 편집신호에 따라 선택된 컴포넌트를 수정하는 단계; 및 소정의 웹 페이지에 수정된 컴포넌트를 반영하여 배포하는 단계를 포함한다. According to a third aspect of the present invention, there is provided a method of editing a web site of a server in a service-oriented software environment, the method comprising: generating a plurality of components constituting a predetermined web page among a plurality of web pages included in the web site; Modifying a selected component in accordance with an edit signal of an input user to edit a selected one of the plurality of components; And distributing the modified web page by reflecting the modified component.

또한, 본 발명의 제 4 측면에 따른 서비스형 소프트웨어 환경에서 서버의 웹 사이트 관리 방법은 클라우드 스토리지 및 레거시 시스템 중 적어도 하나와 통신하는 단계; 웹 사이트 편집 서버에 의하여 편집되어 배포된 적어도 하나의 웹 사이트를 관리하는 단계; 및 클라우드 스토리지 및 레거시 시스템 중 적어도 하나에서 수신된 데이터를 기초로 웹 사이트 내 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 관리하는 단계를 포함한다. According to a fourth aspect of the present invention, there is provided a method of managing a website of a server in a service-oriented software environment, the method comprising: communicating with at least one of a cloud storage and a legacy system; Managing at least one web site edited and distributed by a web site editing server; And managing a plurality of components constituting a predetermined web page in the website based on the data received from at least one of the cloud storage and the legacy system.

전술한 과제 해결 수단 중 어느 하나에 의하면, 본 발명의 일 실시예는 웹 사이트를 컴포넌트 단위로 편집할 수 있으며, 외부 서비스와의 연동을 통하여 웹 사이트에 포함된 컨텐츠 및 서비스 사용자의 권한을 쉽게 관리할 수 있어 웹 사이트를 편집하고 관리하는 사용자의 편의성을 증대시킬 수 있다. According to one of the above-mentioned means for solving the above-mentioned problems, an embodiment of the present invention can edit a web site in units of components, and can easily manage contents and user rights of a user included in a web site through interoperation with an external service So that the convenience of the user who edits and manages the web site can be increased.

그리고 본 발명의 일 실시예는 하이브리드 반응형 웹 디자인 및 다국어를 지원한다. 이를 통하여, 본 발명의 일 실시예는 웹 사이트 서비스 사용자의 접근을 용이하게 하여, 웹 사이트를 활성화할 수 있다. One embodiment of the present invention supports hybrid response type web design and multiple languages. Through this, an embodiment of the present invention facilitates access to a website service user, thereby enabling a web site.

도 1은 본 발명의 일 실시예에 따른 웹 사이트 편집 시스템의 구성도이다.
도 2는 본 발명의 일 실시예에 따른 웹 사이트 편집 서버의 구성도이다.
도 3은 본 발명의 일 실시예에 따른 컴포넌트를 설명하기 위한 예시도이다.
도 4는 본 발명의 일 실시예에 따른 하이브리드 반응형 웹 디자인을 설명하기 위한 예시도이다.
도 5는 본 발명의 일 실시예에 따른 다국어 서비스를 설명하기 위한 예시도이다.
도 6은 본 발명의 일 실시예에 따른 웹 사이트 관리 서버의 구성도이다.
도 7은 본 발명의 일 실시예에 따른 웹 사이트 편집 서버의 웹 사이트 편집 방법의 순서도이다.
도 8은 본 발명의 일 실시예에 따른 웹 사이트 관리 서버의 웹 사이트 관리 방법의 순서도이다.
1 is a configuration diagram of a web site editing system according to an embodiment of the present invention.
2 is a configuration diagram of a web site editing server according to an embodiment of the present invention.
3 is an exemplary view for explaining a component according to an embodiment of the present invention.
FIG. 4 is an exemplary diagram illustrating a hybrid response type web design according to an embodiment of the present invention. Referring to FIG.
FIG. 5 is an exemplary diagram illustrating a multilingual service according to an embodiment of the present invention. Referring to FIG.
6 is a block diagram of a web site management server according to an embodiment of the present invention.
7 is a flowchart illustrating a method of editing a web site of a web site editing server according to an exemplary embodiment of the present invention.
8 is a flowchart of a method of managing a website of a website management server according to an embodiment of the present invention.

아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였다.Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings, which will be readily apparent to those skilled in the art. The present invention may, however, be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. In order to clearly explain the present invention in the drawings, parts not related to the description are omitted.

명세서 전체에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한, 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다.Throughout the specification, when a part is referred to as being "connected" to another part, it includes not only "directly connected" but also "electrically connected" with another part in between . Also, when a part is referred to as "including " an element, it does not exclude other elements unless specifically stated otherwise.

이하에서는 도 1 내지 도 6을 참조하여 본 발명의 일 실시예에 따른 웹 사이트 편집 시스템(100)을 설명한다. Hereinafter, a web site editing system 100 according to an embodiment of the present invention will be described with reference to FIGS. 1 to 6. FIG.

도 1은 본 발명의 일 실시예에 따른 웹 사이트 편집 시스템(100)의 구성도이다. 1 is a configuration diagram of a web site editing system 100 according to an embodiment of the present invention.

도 1을 참조하면, 본 발명의 일 실시예에 따른 서비스형 소프트웨어 환경(software as a service; SaaS)에서의 웹 사이트 편집 시스템(100)은 웹 사이트를 편집하고 관리한다. 이때, 웹 사이트 편집 시스템(100)은 웹 사이트 편집 서버(110), 웹 사이트 관리 서버(120) 및 데이터베이스(130)를 포함한다. Referring to FIG. 1, a web site editing system 100 in a software as a service (SaaS) according to an embodiment of the present invention edits and manages a web site. At this time, the web site editing system 100 includes a web site editing server 110, a web site management server 120, and a database 130.

구체적으로 웹 사이트 편집 시스템(100)에서는 웹 사이트 편집 사용자 디바이스(140)가 웹 사이트 편집 서버(110)를 통하여 웹 사이트를 편집하고 배포한다. 배포된 웹 사이트는 데이터베이스(130)에 저장된다. 또한, 배포된 웹 사이트는 웹 사이트 관리 서버(120)에 의하여 웹 사이트 서비스 사용자 디바이스(160)로 서비스되며, 웹 사이트 관리자 디바이스(170)에 의하여 관리된다. 이때, 웹 사이트 관리 서버(120)는 클라우드 스토리지(cloud storage service; 171) 및 레거시 시스템(legacy system; 172) 등과 같은 외부 서비스(170)와 연동 될 수 있다.Specifically, in the web site editing system 100, the web site editing user device 140 edits and distributes the web site through the web site editing server 110. The distributed website is stored in the database 130. Also, the distributed website is served by the website management server 120 to the website service user device 160 and is managed by the website administrator device 170. At this time, the website management server 120 may be interworked with an external service 170 such as a cloud storage service 171 and a legacy system 172.

웹 사이트 편집 시스템(100)을 구성하는 각 구성요소는 네트워크(network)를 통해 연결될 수 있다. 네트워크는 서버 및 단말과 같은 각각의 노드 상호 간에 정보 교환이 가능한 연결 구조를 의미하는 것이다. 이러한 네트워크의 일 예에는 3GPP(3rd Generation Partnership Project) 네트워크, LTE(Long Term Evolution) 네트워크, WIMAX(World Interoperability for Microwave Access) 네트워크, 인터넷(Internet), LAN(Local Area Network), Wireless LAN(Wireless Local Area Network), WAN(Wide Area Network), PAN(Personal Area Network), 블루투스(Bluetooth) 네트워크, 위성 방송 네트워크, 아날로그 방송 네트워크, DMB(Digital Multimedia Broadcasting) 네트워크 등이 포함되나 이에 한정되지는 않는다.The components constituting the website editing system 100 can be connected through a network. A network is a connection structure in which information can be exchanged between each node such as a server and a terminal. Examples of such networks include, but are not limited to, a 3rd Generation Partnership Project (3GPP) network, a Long Term Evolution (LTE) network, a World Interoperability for Microwave Access (WIMAX) network, But is not limited to, an area network, a wide area network (WAN), a personal area network (PAN), a Bluetooth network, a satellite broadcast network, an analog broadcast network, a digital multimedia broadcasting (DMB)

웹 사이트 편집 시스템(100)에 포함된 웹 사이트 편집 서버(110) 및 웹 사이트 관리 서버(120)는 독립적인 서버 컴퓨터(server computer)에서 실행되거나, 서버 컴퓨터에 각각 서버 프로그램(server program)으로 탑재되어 서비스될 수 있다. 또한, 웹 사이트 편집 서버(110) 및 웹 사이트 관리 서버 (120)는 동일한 서버 컴퓨터에 탑재될 수 있다. The web site editing server 110 and the website management server 120 included in the web site editing system 100 may be implemented as independent server computers or as server programs respectively And can be serviced. In addition, the web site editing server 110 and the web site management server 120 may be installed in the same server computer.

데이터베이스(130)는 웹 사이트 편집 서버(110)에 의하여 배포된 하나 이상의 웹 사이트 및 웹 사이트에서 사용하는 데이터를 저장할 수 있다. 예를 들어, 데이터베이스(130)에 저장되는 웹 사이트는 웹 사이트에 포함되는 하나 이상의 웹 페이지의 하이퍼텍스트 마크업 언어(hypertext markup language; html) 및 캐스케이딩 스타일 시트(cascading style sheets; CSS) 등을 포함할 수 있다. 또한, 데이터베이스(130)는 저장되는 웹 사이트에서 사용되는 사용자의 정보, 사용자의 접속 이력 정보, 게시물 및 컨텐츠 데이터 등의 다양한 데이터를 저장할 수 있다. The database 130 may store data used by one or more web sites and web sites distributed by the web site editing server 110. For example, a web site stored in the database 130 may include hypertext markup language (html) and cascading style sheets (CSS) of one or more web pages included in a web site . ≪ / RTI > In addition, the database 130 may store various data such as user information used in a web site to be stored, user's access history information, posts, and content data.

도 2는 본 발명의 일 실시예에 따른 웹 사이트 편집 서버(110)의 구성도이다. 2 is a configuration diagram of a web site editing server 110 according to an embodiment of the present invention.

본 발명의 일 실시예에 따른 웹 사이트 편집 서버(110)는 웹 사이트를 편집하는 사용자의 요청에 따라 웹 사이트에 포함된 웹 페이지를 생성하고, 배포한다. 이러한 웹 사이트 편집 서버(110)는 도 2에 도시된 것과 같이, 메모리(200) 및 프로세서(210)를 포함한다. The web site editing server 110 according to an embodiment of the present invention creates and distributes a web page included in a web site according to a request of a user editing the web site. This website editing server 110 includes a memory 200 and a processor 210, as shown in FIG.

이때, 메모리(200)는 복수 개의 웹 페이지를 포함하는 웹 사이트를 편집하는 프로그램을 저장한다. 여기에서, 메모리(200)는 전원이 공급되지 않아도 저장된 정보를 계속 유지하는 비휘발성 저장장치를 통칭하는 것이다. 예를 들어, 메모리(200)는 콤팩트 플래시(compact flash; CF) 카드, SD(secure digital) 카드, 메모리 스틱(memory stick), 솔리드 스테이트 드라이브(solid-state drive; SSD) 및 마이크로(micro) SD 카드 등과 같은 낸드 플래시 메모리(NAND flash memory), 하드 디스크 드라이브(hard disk drive; HDD) 등과 같은 마그네틱 컴퓨터 기억 장치 및 CD-ROM, DVD-ROM 등과 같은 광학 디스크 드라이브(optical disc drive) 등을 포함할 수 있다.At this time, the memory 200 stores a program for editing a web site including a plurality of web pages. Here, the memory 200 is collectively referred to as a non-volatile storage device that keeps stored information even when power is not supplied. For example, the memory 200 may be a compact flash (CF) card, a secure digital (SD) card, a memory stick, a solid-state drive (SSD) A magnetic computer storage device such as a NAND flash memory, a hard disk drive (HDD) and the like, and an optical disc drive such as a CD-ROM, a DVD-ROM, etc. .

또한, 메모리(200)에 저장된 프로그램은 소프트웨어 또는 FPGA(Field Programmable Gate Array) 또는 ASIC(Application Specific Integrated Circuit)와 같은 하드웨어 형태로 구현될 수 있으며, 소정의 역할들을 수행할 수 있다. In addition, the program stored in the memory 200 may be implemented in hardware such as software or an FPGA (Field Programmable Gate Array) or an ASIC (Application Specific Integrated Circuit), and may perform predetermined roles.

프로세서(210)는 프로그램에 실행에 따라, 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트(component)를 생성한다. 예를 들어, 컴포넌트는 컴포넌트의 세부 영역에 대한 스타일, 텍스트 영역, 이미지 영역, 표 영역 및 멀티미디어 컨텐츠 영역 중 적어도 어느 하나가 될 수 있다. 또한, 컴포넌트는 하나 이상의 컴포넌트를 포함할 수 있다. 컴포넌트는 도 3을 참조하여 설명한다. The processor 210 generates a plurality of components constituting a predetermined web page according to the execution of the program. For example, the component may be at least one of a style, a text area, an image area, a table area, and a multimedia content area for a detailed area of the component. A component may also include one or more components. The components are described with reference to Fig.

도 3은 본 발명의 일 실시예에 따른 컴포넌트를 설명하기 위한 예시도이다. 3 is an exemplary view for explaining a component according to an embodiment of the present invention.

도 3을 참조하면, 컴포넌트는 웹 페이지에 포함된 이미지 영역(P300 내지 P320) 및 텍스트 영역(P330, P340)이 될 수 있다. 또한, 텍스트 영역 컴포넌트에 포함된 텍스트 영역(P341) 및 이미지 영역(P342)도 컴포넌트가 될 수 있다. Referring to FIG. 3, a component may be an image area P300 to P320 and a text area P330 or P340 included in a web page. In addition, the text area P341 and the image area P342 included in the text area component may also be components.

본 발명의 일 실시예에 따른 프로세서(210)는 생성된 복수 개의 컴포넌트 중 웹 사이트 편집 사용자 디바이스(140)에 의하여 입력된 사용자의 편집 신호에 따라 선택된 컴포넌트를 수정한다. 컴포넌트가 수정되면, 프로세서(210)는 수정된 컴포넌트를 반영하여 배포한다. 이때, 웹 사이트 편집 사용자 디바이스(140)는 프로세서(210)에 프로그램에 포함된 위즈위그(what you see is what you get; WYSISYG) 형식의 편집이 가능한 툴에 기초하여 입력된 사용자의 편집 신호를 전달할 수 있다. The processor 210 according to an exemplary embodiment of the present invention modifies a selected component according to a user's editing signal input by the website editing user device 140 among a plurality of generated components. When the component is modified, the processor 210 distributes the modified component in a reflection manner. At this time, the website editing user device 140 transmits to the processor 210 the editing signal of the input user based on a tool capable of editing the format of what you see is what you get (WYSISYG) included in the program .

또한, 프로세서(210)는 소정의 웹 페이지를 배포하기 전에, 웹 사이트 편집 사용자의 디바이스(140)에 수정된 컴포넌트가 소정의 웹 페이지에 반영된 상태로 실시간으로 디스플레이 되도록 처리할 수 있다. 그러므로 편집을 수행하는 사용자는 웹 사이트 편집 사용자 디바이스(140)에 디스플레이되는 컴포넌트에 기초하여 직관적 컴포넌트를 편집할 수 있다. In addition, the processor 210 may process the web site editing user's device 140 so that the modified component is displayed on the predetermined web page in real time before the predetermined web page is distributed. Thus, the user performing the editing can edit the intuitive component based on the components displayed on the website editing user device 140. [

또한, 메모리(200)에 저장된 프로그램은 소정의 웹 페이지에서 복수 개의 컴포넌트 중 적어도 하나의 컴포넌트 배치 구성이 소정의 웹 페이지를 디스플레이하는 디바이스의 종류 또는 언어 설정에 따라 달라지도록 수정 가능한 하이브리드 반응형 웹 디자인(hybrid responsive web design) 툴을 지원할 수 있다. In addition, the program stored in the memory 200 may be configured such that at least one component arrangement among a plurality of components in a predetermined web page is changed according to a type or a language setting of a device displaying a predetermined web page, (hybrid responsive web design) tool.

하이브리드 반응형 웹 디자인은 웹 사이트 편집 사용자 디바이스(140)의 설정에 따라 반응형 웹 디자인 및 비 반응형 웹 디자인을 제공하는 것일 수 있다. 반응형 웹 디자인은 웹 사이트에 접속하는 디바이스에 반응하는(responsive) 디자인(design)을 의미하며, 사이트를 접속하는 디바이스의 스크린 크기에 기초하여 실시간으로 레이아웃을 변경하는 것이다. 즉, 하이브리드 반응형 웹 디자인은 웹 사이트를 편집하는 사용자의 설정에 따라 반응형 또는 비 반응형으로 웹 디자인을 제공한다. The hybrid responsive web design may be to provide responsive web design and non-responsive web design according to the settings of the web site editing user device 140. Responsive web design refers to a design that is responsive to a device that connects to a web site and changes the layout in real time based on the screen size of the device connecting the site. That is, the hybrid responsive web design provides responsive or unresponsive web design depending on the setting of the user editing the website.

그러므로 웹 사이트 편집 사용자 디바이스(140)는 메모리(200)에 저장된 하이브리드 반응형 웹 디자인 툴에 따라 하이브리드 반응형 웹 디자인을 지원하도록 컴포넌트 배치의 구성을 설정할 수 있다. 하이브리드 반응형 웹 디자인은 도 4를 참조하여 설명한다.Thus, the website editing user device 140 may configure the configuration of the component deployment to support the hybrid responsive web design according to the hybrid responsive web design tool stored in the memory 200. [ The hybrid responsive web design is described with reference to FIG.

도 4는 본 발명의 일 실시예에 따른 하이브리드 반응형 웹 디자인을 설명하기 위한 예시도이다. FIG. 4 is an exemplary diagram illustrating a hybrid response type web design according to an embodiment of the present invention. Referring to FIG.

예를 들어 도 4를 참조하면, 웹 사이트 편집 사용자 디바이스(140)는 웹 사이트 편집 서버(110)에서 웹 페이지의 본문 및 메뉴 컴포넌트에는 반응형 웹 디자인을 적용하고, 이미지 컴포넌트에는 비 반응형 웹 디자인을 적용할 수 있다. 이렇게 하이브리드 반응형 웹 디자인이 적용된 웹 페이지가 배포되어 서비스되면, 도 4와 같이 웹 사이트 서비스 사용자 디바이스(160)는 웹 사이트에 접속하는 디바이스의 종류에 따라 이미지 컴포넌트의 레이아웃이 동일하며, 메뉴 및 본문 컴포넌트의 레이아웃이 변경된 웹 사이트를 사용할 수 있다. For example, referring to FIG. 4, a web site editing user device 140 may apply responsive web design to a web page body and menu components in a web site editing server 110, Can be applied. As shown in FIG. 4, when the web page to which the hybrid response type web design is applied is distributed and served, the website service user device 160 has the same layout of the image components according to the types of devices connected to the website, You can use a website with a changed layout of components.

즉, 동일한 웹 사이트일지라도 웹 사이트 서비스 사용자 디바이스(160)의 종류가 PC, 스마트폰, 태블릿 PC인지에 따라 컴포넌트의 구성, 배치, 디자인 등이 변경될 수 있다. 일 예에 따르면, 변경되는 컴포넌트는 반응형 웹 디자인이 적용된 것일 수 있다. That is, the configuration, layout, design, and the like of components may be changed depending on whether the web site service user device 160 is a PC, a smart phone, or a tablet PC, even in the same web site. According to one example, the component to be modified may be that of a reactive web design.

또한, 본 발명의 일 실시예에 따른 프로그램은 소정의 웹 페이지에서 복수 개의 컴포넌트 중 적어도 하나의 컴포넌트의 언어가 소정의 웹 페이지를 디스플레이하는 디바이스의 언어 설정에 따라 달라지도록 수정 가능한 다국어 웹 디자인 툴을 지원할 수 있다. 그러므로 웹 사이트 편집 사용자 디바이스(140)는 다국어 웹 디자인 툴에 기초하여 언어 설정에 따라 컴포넌트 및 컴포넌트의 배치가 달라지도록 웹 페이지를 생성할 수 있다. 다국어를 지원하는 웹 디자인은 도 3 및 도 5를 참조하여 설명한다. Also, a program according to an exemplary embodiment of the present invention may include a multilingual web design tool that can be modified so that the language of at least one of a plurality of components in a predetermined web page is changed according to a language setting of a device displaying a predetermined web page . Therefore, the web site editing user device 140 can generate a web page based on the multilingual web design tool so that the arrangement of the components and the components is changed according to the language setting. A web design supporting multiple languages will be described with reference to FIGS. 3 and 5. FIG.

도 5는 본 발명의 일 실시예에 따른 다국어 서비스를 설명하기 위한 예시도이다. FIG. 5 is an exemplary diagram illustrating a multilingual service according to an embodiment of the present invention. Referring to FIG.

상술한 도 3은 언어 설정이 한국어로 설정된 디바이스에 서비스되는 웹 사이트의 예시도이다. 도 3을 참조하면, 웹 사이트는 한국어 언어 설정에 따라, 생성된 “한국”이라는 텍스트를 포함하는 컴포넌트를 표시할 수 있다. 또한, 웹 사이트는 텍스트 영역(P330, P340)에 한국어로 작성된 컴포넌트를 서비스할 수 있다. 3 is an exemplary view of a web site served to a device whose language setting is set to Korean. Referring to FIG. 3, the web site may display a component including the generated text " Korea " in accordance with the Korean language setting. In addition, the web site can serve components written in Korean in the text areas P330 and P340.

다국어를 지원하는 웹 사이트는 언어 설정이 일본어로 설정된 디바이스에서 웹 사이트는 도 5와 같이 서비스 될 수 있다. 도 5를 참조하면, 웹 사이트는 일본어 언어 설정에 따라, 생성된 “日本”이라는 텍스트를 포함하는 컴포넌트를 표시할 수 있다. 또한, 웹 사이트는 텍스트 영역(P530, P540)에 일본어로 작성된 컴포넌트를 서비스할 수 있다. Web sites that support multilingual languages can be served as shown in FIG. 5 in a device where the language setting is set to Japanese. Referring to FIG. 5, the web site may display a component including the generated text " Japan " in accordance with the Japanese language setting. In addition, the web site can serve components written in Japanese in the text areas P530 and P540.

예를 들어, 동일한 웹 사이트일지라도 웹 사이트 서비스 사용자 디바이스의 종류 또는 사용자 언어 설정에 따라 컴포넌트의 구성, 배치, 디자인 등이 변경될 수 있다. 일 예에 따르면, 변경되는 컴포넌트는 반응형 웹 디자인이 적용된 것일 수 있다. For example, the configuration, layout, design, and the like of a component may be changed according to the type of a web site service user device or a user language setting, even in the same web site. According to one example, the component to be modified may be that of a reactive web design.

한편, 웹 사이트 관리 서버(120)는 웹 사이트 편집 서버(110)를 통하여 배포된 하나 이상의 웹 사이트를 관리하고 서비스한다. 이때, 웹 사이트 관리 서버(120)는 웹 서버 프로그램(web server)일 수 있다. Meanwhile, the web site management server 120 manages and services one or more web sites distributed through the web site editing server 110. At this time, the website management server 120 may be a web server.

도 6은 본 발명의 일 실시예에 따른 웹 사이트 관리 서버(120)의 구성도이다. 6 is a configuration diagram of a website management server 120 according to an embodiment of the present invention.

도 6을 참조하면, 웹 사이트 관리 서버(120)는 통신 모듈(600), 메모리(610) 및 프로세서(620)를 포함한다. Referring to FIG. 6, the website management server 120 includes a communication module 600, a memory 610, and a processor 620.

통신 모듈(600)은 클라우드 스토리지 및 레거시 시스템과 같은 외부 서비스(170) 중 적어도 하나와의 통신을 수행한다. 이때, 통신 모듈(600)은 유선 통신 모듈 및 무선 통신 모듈을 모두 포함할 수 있다. 예를 들어, 유선 통신 모듈은 전력선 통신 장치, 전화선 통신 장치, 케이블 홈(MoCA), 이더넷(Ethernet), IEEE1294, 통합 유선 홈 네트워크 및 RS-485 제어 장치로 구현될 수 있다. 또한, 무선 통신 모듈은 WLAN(wireless LAN), Bluetooth, HDR WPAN, UWB, ZigBee, Impulse Radio, 60GHz WPAN, Binary-CDMA, 무선 USB 기술 및 무선 HDMI 기술 등으로 구현될 수 있다.The communication module 600 communicates with at least one of the external services 170, such as cloud storage and legacy systems. At this time, the communication module 600 may include both a wired communication module and a wireless communication module. For example, the wired communication module may be implemented as a power line communication device, a telephone line communication device, a cable home (MoCA), an Ethernet, an IEEE1294, an integrated wired home network, and an RS-485 control device. In addition, the wireless communication module can be implemented with a wireless LAN (WLAN), Bluetooth, HDR WPAN, UWB, ZigBee, Impulse Radio, 60 GHz WPAN, Binary-CDMA, wireless USB technology and wireless HDMI technology.

또한, 메모리(610)는 웹 사이트 편집 서버(110)에 의해 편집되어 배포된 적어도 하나의 웹 사이트를 관리하는 프로그램이 저장된다. 여기에서, 메모리(610)는 전원이 공급되지 않아도 저장된 정보를 계속 유지하는 비휘발성 저장장치를 통칭하는 것이다. 예를 들어, 메모리(610)는 앞에서 설명한 웹 사이트 서비스 편집 서버(110)와 유사하게 콤팩트 플래시 카드, SD 카드, 메모리 스틱, 솔리드 스테이트 드라이브 및 마이크로 SD 카드 등과 같은 낸드 플래시 메모리, 하드 디스크 드라이브 등과 같은 마그네틱 컴퓨터 기억 장치 및 CD-ROM, DVD-ROM 등과 같은 광학 디스크 드라이브 등을 포함할 수 있다.The memory 610 stores a program for managing at least one web site edited and distributed by the web site editing server 110. [ Here, the memory 610 is collectively referred to as a non-volatile storage device that keeps stored information even when power is not supplied. For example, the memory 610 may be, for example, a NAND flash memory, a hard disk drive, etc., such as a compact flash card, an SD card, a memory stick, a solid state drive and a micro SD card, Magnetic computer storage devices, and optical disk drives such as CD-ROMs, DVD-ROMs, and the like.

또한, 메모리(610)에 저장된 프로그램은 소프트웨어 또는 FPGA 또는 ASIC와 같은 하드웨어 형태로 구현될 수 있으며, 소정의 역할들을 수행할 수 있다. In addition, the program stored in the memory 610 may be implemented in hardware such as software or an FPGA or an ASIC, and may perform predetermined roles.

프로세서(620)는 웹 사이트를 웹 사이트 서비스 사용자 디바이스(160)에 서비스할 수 있다. 또한, 프로세서(620)는 웹 사이트 관리자 디바이스(150)에서 수신된 관리 신호에 기초하여 서비스되는 웹 사이트의 관리를 수행할 수 있다. 예를 들어, 웹 사이트의 관리는 접속 통계 및 웹 사이트의 회원 및 컨텐츠의 관리 등이 될 수 있다. 또한, 웹 사이트 관리는 웹 사이트에 포함된 복수 개의 웹 페이지 및 복수 개의 컴포넌트에 대한 접속 및 권한 일 수 있다. The processor 620 may service the website to the website service user device 160. [ In addition, the processor 620 may perform management of the served web site based on the management signal received at the web site manager device 150. [ For example, the management of a web site can be access statistics, management of members and contents of a web site, and so on. Further, the website management may be a connection and a right to a plurality of web pages and a plurality of components included in the web site.

그리고 프로세서(620)는 프로그램의 실행에 따라 통신 모듈(600)을 통해 수신된 데이터를 기초로 웹 사이트 내 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 관리한다. The processor 620 manages a plurality of components constituting a predetermined web page in the web site based on the data received through the communication module 600 according to the execution of the program.

또한, 프로세서(620)는 통신 모듈을 통하여 연동되는 클라우드 스토리지(171)에 저장된 컨텐츠를 소정의 웹 페이지를 구성하는 컴포넌트로 사용할 수 있다. 그러므로 프로세서(620)는 클라우드 스토리지(171)에 저장된 컨텐츠가 변경되는 경우, 복수 개의 컴포넌트 중 적어도 하나를 변경된 데이터와 연동하여 변경시킬 수 있다. In addition, the processor 620 may use the content stored in the cloud storage 171 linked through the communication module as a component constituting a predetermined web page. Therefore, when contents stored in the cloud storage 171 are changed, the processor 620 can change at least one of the plurality of components in association with the changed data.

예를 들어, 프로세서(620)는 클라우드 스토리지(171)에 웹 사이트에 게시할 인사말을 저장하고, 웹 페이지의 인사말 컴포넌트와 연동할 수 있다. 이때, 웹 페이지 관리자 디바이스(150)에 의하여 클라우드 스토리지(171)에 저장된 인사말이 변경되면, 프로세서(620)는 웹 페이지의 인사말 컴포넌트의 내용을 클라우드 스토리지(171)에 변경된 내용으로 변경할 수 있다. For example, the processor 620 may store a greeting to be posted on a web site in the cloud storage 171 and interwork with the greeting component of the web page. At this time, if the greeting stored in the cloud storage 171 is changed by the web page manager device 150, the processor 620 can change the contents of the greeting component of the web page to the changed contents in the cloud storage 171. [

또한, 프로세서(620)는 미리 구축된 레거시 시스템과 연동하여 상기 웹 사이트를 서비스할 수 있다. 예를 들어, 레거시 시스템(172)은 미리 구축된 통제관리 시스템, 전사적 자원 관리 시스템(enterprise resource planning system; ERP), 그룹 웨어(groupware) 및 회원 관리 시스템 등일 수 있다. 프로세서(620)는 미리 구축된 레거시 시스템(172)에 포함된 사용자 권한 및 그룹 권한에 기초하여 웹 사이트의 사용자 권한 및 그룹 권한을 설정할 수 있다. In addition, the processor 620 can service the website in conjunction with a pre-built legacy system. For example, the legacy system 172 may be a pre-built control management system, an enterprise resource planning system (ERP), a groupware and a membership management system. The processor 620 may set the user rights and group rights of the web site based on the user rights and group rights included in the pre-built legacy system 172. [

그러므로 프로세서(620)는 레거시 시스템에 저장된 권한 정보에 따라 복수 개의 컴포넌트 중 적어도 하나를 변경 또는 접근할 수 있는 권한을 부여할 수 있다. 이때, 컴포넌트에 접근은 컴포넌트를 웹 사이트 서비스 사용자 디바이스(160)에서 볼 수 있게 하는 것일 수 있다. Therefore, the processor 620 may grant authority to change or access at least one of the plurality of components according to the authority information stored in the legacy system. At this time, access to the component may be to make the component visible to the website service user device 160.

또한, 프로세서(620)는 서비스형 소프트웨어 환경에서 과부하 방지를 위하여 복수 개의 웹 사이트를 싱글 인스턴스(single instance)로 관리할 수 있다. In addition, the processor 620 may manage a plurality of web sites in a single instance in order to prevent overload in a service type software environment.

이하에서는 도 7 및 도 8을 참조하여 본 발명의 일 실시예에 따른 서비스 형 소프트웨어 환경에서의 웹 사이트 편집 방법 및 웹 사이트 서비스 방법을 설명한다. Hereinafter, a web site editing method and a web site service method in a service-type software environment according to an embodiment of the present invention will be described with reference to FIG. 7 and FIG.

도 7은 본 발명의 일 실시예에 따른 웹 사이트 편집 서버(110)의 웹 사이트 편집 방법의 순서도이다 7 is a flowchart of a method of editing a web site of the web site editing server 110 according to an embodiment of the present invention

도 7을 참조하면, 웹 사이트 편집 서버(110)는 웹 사이트에 포함된 복수 개의 웹 페이지 중 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 생성한다(S700). 이때, 컴포넌트는 앞에서 예를 든 것과 같이, 컴포넌트의 세부 영역에 대한 스타일, 텍스트 영역, 이미지 영역, 표 영역 및 멀티미디어 컨텐츠 영역 중 적어도 어느 하나가 될 수 있다. 또한, 컴포넌트는 하나 이상의 컴포넌트를 포함할 수 있다.Referring to FIG. 7, the web site editing server 110 creates a plurality of components constituting a predetermined web page among a plurality of web pages included in the web site (S700). At this time, the component may be at least one of a style, a text area, an image area, a table area, and a multimedia content area for the detailed area of the component, as described above. A component may also include one or more components.

그리고 웹 사이트 편집 서버(110)는 복수 개의 컴포넌트 중 선택된 컴포넌트를 편집하도록 입력된 사용자의 편집신호에 따라 선택된 컴포넌트를 수정한다(S710). 이때, 컴포넌트를 편집하는 사용자는 프로그램에 포함된 위즈위그 형식의 편집이 가능한 툴에 기초하여 편집신호를 입력할 수 있다. In step S710, the web site editing server 110 modifies the selected component in accordance with the editing signal of the user to edit the selected component among the plurality of components. At this time, the user editing the component can input the edit signal based on the tool capable of editing in a wizwig format included in the program.

또한, 웹 사이트 편집 서버(110)는 선택된 컴포넌트의 수정이 완료하면, 소정의 웹 페이지에 수정된 컴포넌트를 반영하여 배포한다(S720). When the modification of the selected component is completed, the website editing server 110 distributes the modified component to the predetermined web page (S720).

웹 사이트 편집 서버(110)는 소정의 웹 페이지에서 복수 개의 컴포넌트 중 적어도 하나의 컴포넌트 배치 구성이 소정의 웹 페이지를 디스플레이하는 디바이스의 종류 또는 언어 설정에 따라 달라지도록 수정 가능한 하이브리드 반응형 웹 디자인 툴을 지원할 수 있다. The web site editing server 110 may include a hybrid response type web design tool that can be modified so that at least one component arrangement among a plurality of components in a predetermined web page varies depending on the type or language setting of a device displaying a predetermined web page .

또한, 웹 사이트 편집 서버(110)는 소정의 웹 페이지에서 복수 개의 컴포넌트 중 적어도 하나의 컴포넌트의 언어가 소정의 웹 페이지를 디스플레이하는 디바이스의 언어 설정에 따라 달라지도록 수정 가능한 다국어 웹 디자인 툴을 지원할 수 있다. In addition, the web site editing server 110 can support a multilingual web design tool that can be modified so that the language of at least one of the plurality of components in a predetermined web page changes according to a language setting of a device displaying a predetermined web page have.

도 8은 본 발명의 일 실시예에 따른 웹 사이트 관리 서버(120)의 웹 사이트 관리 방법의 순서도이다. 8 is a flowchart of a method of managing a website of the website management server 120 according to an embodiment of the present invention.

본 발명의 일 실시예에 따른 웹 사이트 관리 서버(120)는 클라우드 스토리지 및 레거시 시스템 중 적어도 하나와 통신한다(S800). 그리고 웹 사이트 관리 서버(120)는 웹 사이트 서비스 사용자 디바이스(160)에 해당 웹 사이트를 서비스한다.The web site management server 120 according to an embodiment of the present invention communicates with at least one of the cloud storage and the legacy system (S800). Then, the web site management server 120 serves the web site to the web site service user device 160.

또한, 웹 사이트 관리 서버(120)는 웹 사이트 편집 서버에 의하여 편집되고 배포된 웹 사이트를 적어도 하나의 웹 사이트를 운영한다(S810). In addition, the web site management server 120 operates at least one web site on the web site edited and distributed by the web site editing server (S810).

그리고 웹 사이트 관리 서버(120)는 클라우드 스토리지 및 레거시 시스템 중 적어도 하나에서 수신된 데이터를 기초로 운영 중인 웹 사이트 내 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 관리한다(S820). The web site management server 120 manages a plurality of components constituting a predetermined web page in an operating web site based on data received from at least one of the cloud storage and the legacy system (S820).

또한, 웹 사이트 관리 서버(120)는 운영 중인 웹 사이트의 관리를 수행할 수 있다. 이때, 웹 사이트 관리는 웹 사이트의 접속 통계, 이력, 회원 및 컨텐츠 관리 등이 될 수 있다. 또한, 웹 사이트 관리는 웹 사이트에 포함된 복수 개의 웹 페이지 및 복수 개의 컴포넌트에 대한 접속 및 권한 일 수 있다.In addition, the website management server 120 can perform management of an operating web site. At this time, the management of the website can be the access statistics of the website, the history, the member and the content management. Further, the website management may be a connection and a right to a plurality of web pages and a plurality of components included in the web site.

본 발명의 일 실시예에 따른 웹 사이트 편집 서비스(100) 및 방법은 웹 사이트를 컴포넌트 단위로 편집할 수 있으며, 외부 서비스(170)와의 연동을 통하여 웹 사이트에 포함된 컨텐츠 및 서비스 사용자의 권한을 쉽게 관리할 수 있어 웹 사이트를 편집하고 관리하는 사용자의 편의성을 증대시킬 수 있다. The web site editing service 100 and method according to an embodiment of the present invention can edit a web site in units of components and can control the contents and the user of the service user included in the web site through the interoperation with the external service 170 And can be easily managed, thereby improving the convenience of users who edit and manage the Web site.

또한, 웹 사이트 편집 서비스(100) 및 방법은 하이브리드 반응형 웹 디자인 및 다국어를 지원할 수 있다. 이를 통하여, 웹 사이트 편집 서비스(100) 및 방법은 웹 사이트 서비스 사용자의 접근이 용이하게 하여, 웹 사이트를 활성화 시킬 수 있다. In addition, the web site editing service 100 and method may support hybrid responsive web design and multiple languages. In this way, the web site editing service 100 and the method facilitates the access of the web site service user, thereby enabling the web site.

본 발명의 일 실시예는 컴퓨터에 의해 실행되는 프로그램 모듈과 같은 컴퓨터에 의해 실행 가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 컴퓨터 판독 가능 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체 및 통신 매체를 모두 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다. 통신 매체는 전형적으로 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈, 또는 반송파와 같은 변조된 데이터 신호의 기타 데이터, 또는 기타 전송 메커니즘을 포함하며, 임의의 정보 전달 매체를 포함한다. One embodiment of the present invention may also be embodied in the form of a recording medium including instructions executable by a computer, such as program modules, being executed by a computer. Computer readable media can be any available media that can be accessed by a computer and includes both volatile and nonvolatile media, removable and non-removable media. In addition, the computer-readable medium can include both computer storage media and communication media. Computer storage media includes both volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data. Communication media typically includes any information delivery media, including computer readable instructions, data structures, program modules, or other data in a modulated data signal such as a carrier wave, or other transport mechanism.

본 발명의 방법 및 시스템은 특정 실시예와 관련하여 설명되었지만, 그것들의 구성 요소 또는 동작의 일부 또는 전부는 범용 하드웨어 아키텍쳐를 갖는 컴퓨터 시스템을 사용하여 구현될 수 있다.While the methods and systems of the present invention have been described in connection with specific embodiments, some or all of those elements or operations may be implemented using a computer system having a general purpose hardware architecture.

전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.It will be understood by those skilled in the art that the foregoing description of the present invention is for illustrative purposes only and that those of ordinary skill in the art can readily understand that various changes and modifications may be made without departing from the spirit or essential characteristics of the present invention. will be. It is therefore to be understood that the above-described embodiments are illustrative in all aspects and not restrictive. For example, each component described as a single entity may be distributed and implemented, and components described as being distributed may also be implemented in a combined form.

본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.The scope of the present invention is defined by the appended claims rather than the detailed description and all changes or modifications derived from the meaning and scope of the claims and their equivalents are to be construed as being included within the scope of the present invention do.

100: 웹 사이트 편집 시스템
110: 웹 사이트 편집 서버
120: 웹 사이트 관리 서버
130: 데이터베이스
140: 웹 사이트 편집 사용자 디바이스
150: 웹 사이트 관리자 디바이스
160: 웹 사이트 서비스 사용자 디바이스
170: 외부 서비스
171: 클라우드 스토리지
172: 레거시 시스템
100: Website editing system
110: Website Edit Server
120: Website Management Server
130: Database
140: Edit the website User device
150: Website administrator device
160: Website service user device
170: External service
171: Cloud storage
172: Legacy system

Claims (12)

서비스형 소프트웨어 환경에서의 웹 사이트 편집 서버에 있어서,
복수 개의 웹 페이지를 포함하는 웹 사이트를 편집하는 프로그램이 저장된 메모리 및
상기 프로그램을 실행시키는 프로세서를 포함하고,
상기 프로세서는 상기 프로그램의 실행에 따라, 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 생성하고,
상기 복수 개의 컴포넌트 중 선택된 컴포넌트를 편집하도록 입력된 사용자의 편집신호에 따라 상기 선택된 컴포넌트를 수정하며,
상기 소정의 웹 페이지에 상기 수정된 컴포넌트를 반영하여 배포하되,
상기 복수 개의 컴포넌트 중 각 컴포넌트는 상기 컴포넌트의 세부 영역에 대한 스타일, 텍스트, 이미지, 표 및 멀티미디어 컨텐츠 중 적어도 두 개의 요소를 포함하고,
상기 각 컴포넌트에 포함되는 상기 요소들 중 일부는 사용자의 디바이스의 종류에 반응하여 변경되는 반응형으로 동작하고, 상기 요소들 중 나머지는 상기 사용자의 디바이스의 종류에 반응하지 않는 비반응형으로 동작하여, 상기 각 컴포넌트는 하이브리드 반응형으로 동작하는 것이고,
상기 각 컴포넌트는 상기 소정의 웹페이지를 디스플레이 하는 상기 사용자의 디바이스의 종류에 따라 그 배치 상태가 달라지고,
상기 각 컴포넌트는 상기 소정의 웹 페이지를 디스플레이하는 상기 사용자의 디바이스의 언어 설정에 따라 언어 및 배치 상태가 달라지도록 생성된 것인 웹 사이트 편집 서버.
A web site editing server in a service type software environment,
A memory for storing a program for editing a website including a plurality of web pages,
And a processor for executing the program,
The processor generates a plurality of components constituting a predetermined web page according to execution of the program,
Modifying the selected component according to an editing signal of a user input for editing a selected one of the plurality of components,
Distributing the modified component to the predetermined web page,
Wherein each of the plurality of components includes at least two of a style, a text, an image, a table, and a multimedia content for a detailed area of the component,
Some of the elements included in each of the components operate in a reaction type that is changed in response to the type of the user's device and the rest of the elements operate in a non-responsive manner that does not respond to the type of the user's device , Each of the components operating in a hybrid reaction mode,
Wherein each of the components has a different arrangement state according to a type of the user device displaying the predetermined web page,
Wherein each of the components is generated so that a language and a layout state thereof are changed according to a language setting of the device of the user displaying the predetermined web page.
제 1 항에 있어서,
상기 프로세서는 상기 소정의 웹 페이지를 배포하기 전에, 상기 사용자의 디바이스에 상기 수정된 컴포넌트가 상기 소정의 웹 페이지에 반영된 상태로 실시간으로 디스플레이 되도록 처리하는 웹 사이트 편집 서버.
The method according to claim 1,
Wherein the processor processes the modified device to be displayed on the device of the user in real time in a state that the modified component is reflected on the predetermined web page before distributing the predetermined web page.
삭제delete 삭제delete 삭제delete 서비스형 소프트웨어 환경에서의 웹 사이트 관리 서버에 있어서,
클라우드 스토리지 및 레거시 시스템 중 적어도 하나와 통신하는 통신 모듈,
웹 사이트 편집 서버에 의해 편집되어 배포된 적어도 하나의 웹 사이트를 관리하는 프로그램이 저장된 메모리 및
상기 프로그램을 실행시키는 프로세서를 포함하고,
상기 프로세서는 상기 프로그램의 실행에 따라, 상기 통신 모듈을 통해 수신된 데이터를 기초로 상기 웹 사이트 내 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 관리하되,
상기 복수 개의 컴포넌트 중 각 컴포넌트는 상기 컴포넌트의 세부 영역에 대한 스타일, 텍스트, 이미지, 표 및 멀티미디어 컨텐츠 중 적어도 두 개의 요소를 포함하고,
상기 각 컴포넌트에 포함되는 상기 요소들 중 일부는 사용자의 디바이스의 종류에 반응하여 변경되는 반응형으로 동작하고, 상기 요소들 중 나머지는 상기 사용자의 디바이스의 종류에 반응하지 않는 비반응형으로 동작하여, 상기 각 컴포넌트는 하이브리드 반응형으로 동작하는 것이고,
상기 각 컴포넌트는 상기 소정의 웹페이지를 디스플레이 하는 상기 사용자의 디바이스의 종류에 따라 그 배치 상태가 달라지고,
상기 각 컴포넌트는 상기 소정의 웹 페이지를 디스플레이하는 상기 사용자의 디바이스의 언어 설정에 따라 언어 및 배치 상태가 달라지도록 생성된 것인 웹 사이트 관리 서버.
A web site management server in a service type software environment,
A communication module for communicating with at least one of cloud storage and legacy systems,
Web site editing A memory that stores a program that manages at least one Web site edited and distributed by the server.
And a processor for executing the program,
Wherein the processor manages a plurality of components constituting a predetermined web page in the web site based on data received through the communication module according to the execution of the program,
Wherein each of the plurality of components includes at least two of a style, a text, an image, a table, and a multimedia content for a detailed area of the component,
Some of the elements included in each of the components operate in a reaction type that is changed in response to the type of the user's device and the rest of the elements operate in a non-responsive manner that does not respond to the type of the user's device , Each of the components operating in a hybrid reaction mode,
Wherein each of the components has a different arrangement state according to a type of the user device displaying the predetermined web page,
Wherein each of the components is generated so that a language and a layout state thereof are changed according to a language setting of the device of the user displaying the predetermined web page.
제 6 항에 있어서,
상기 프로세서는 상기 클라우드 스토리지에 저장된 데이터가 변경되는 경우,
상기 복수 개의 컴포넌트 중 적어도 하나를 상기 변경된 데이터와 연동하여 변경시키는 웹 사이트 관리 서버.
The method according to claim 6,
Wherein the processor, when data stored in the cloud storage is changed,
And changes at least one of the plurality of components in association with the changed data.
제 6 항에 있어서,
상기 프로세서는 상기 레거시 시스템에 저장된 권한 정보에 따라 상기 복수 개의 컴포넌트 중 적어도 하나를 변경 또는 접근할 수 있는 권한을 부여하는 웹 사이트 관리 서버.
The method according to claim 6,
Wherein the processor grants the right to change or access at least one of the plurality of components according to the authority information stored in the legacy system.
제 6 항에 있어서,
상기 프로세서는 상기 레거시 시스템에 저장된 상기 웹 페이지에 대한 편집 이력 데이터를 기초로 상기 복수 개의 컴포넌트 중 적어도 하나를 상기 웹 사이트 편집 서버에 의해 편집되기 이전으로 변경시키는 웹 사이트 관리 서버.
The method according to claim 6,
Wherein the processor changes at least one of the plurality of components prior to being edited by the website edit server based on edit history data of the web page stored in the legacy system.
제 6 항에 있어서,
상기 프로세서는 복수 개의 웹 사이트를 싱글 인스턴스로 관리하는 웹 사이트 관리 서버.
The method according to claim 6,
Wherein the processor manages a plurality of web sites as a single instance.
서비스형 소프트웨어 환경에서 서버의 웹 사이트 편집 방법에 있어서,
웹 사이트에 포함된 복수 개의 웹 페이지 중 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 생성하는 단계;
상기 복수 개의 컴포넌트 중 선택된 컴포넌트를 편집하도록 입력된 사용자의 편집신호에 따라 상기 선택된 컴포넌트를 수정하는 단계; 및
상기 소정의 웹 페이지에 상기 수정된 컴포넌트를 반영하여 배포하는 단계를 포함하되,
상기 복수 개의 컴포넌트 중 각 컴포넌트는 상기 컴포넌트의 세부 영역에 대한 스타일, 텍스트, 이미지, 표 및 멀티미디어 컨텐츠 중 적어도 두 개의 요소를 포함하고,
상기 각 컴포넌트에 포함되는 상기 요소들 중 일부는 사용자의 디바이스의 종류에 반응하여 변경되는 반응형으로 동작하고, 상기 요소들 중 나머지는 상기 사용자의 디바이스의 종류에 반응하지 않는 비반응형으로 동작하여, 상기 각 컴포넌트는 하이브리드 반응형으로 동작하는 것이고,
상기 각 컴포넌트는 상기 소정의 웹페이지를 디스플레이 하는 상기 사용자의 디바이스의 종류에 따라 그 배치 상태가 달라지고,
상기 각 컴포넌트는 상기 소정의 웹 페이지를 디스플레이하는 상기 사용자의 디바이스의 언어 설정에 따라 언어 및 배치 상태가 달라지도록 생성된 것인 웹 사이트 편집 방법.
A method of editing a web site of a server in a service type software environment,
The method comprising: generating a plurality of components constituting a predetermined web page from among a plurality of web pages included in the web site;
Modifying the selected component according to an edit signal of a user input for editing a selected one of the plurality of components; And
Reflecting the modified component to the predetermined web page,
Wherein each of the plurality of components includes at least two of a style, a text, an image, a table, and a multimedia content for a detailed area of the component,
Some of the elements included in each of the components operate in a reaction type that is changed in response to the type of the user's device and the rest of the elements operate in a non-responsive manner that does not respond to the type of the user's device , Each of the components operating in a hybrid reaction mode,
Wherein each of the components has a different arrangement state according to a type of the user device displaying the predetermined web page,
Wherein each of the components is generated so that a language and a layout state thereof are changed according to a language setting of the device of the user displaying the predetermined web page.
서비스형 소프트웨어 환경에서 서버의 웹 사이트 관리 방법에 있어서,
클라우드 스토리지 및 레거시 시스템 중 적어도 하나와 통신하는 단계;
웹 사이트 편집 서버에 의하여 편집되어 배포된 적어도 하나의 웹 사이트를 관리하는 단계; 및
상기 클라우드 스토리지 및 레거시 시스템 중 적어도 하나에서 수신된 데이터를 기초로 상기 웹 사이트 내 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 관리하는 단계를 포함하되,
상기 복수 개의 컴포넌트 중 각 컴포넌트는 상기 컴포넌트의 세부 영역에 대한 스타일, 텍스트, 이미지, 표 및 멀티미디어 컨텐츠 중 적어도 두 개의 요소를 포함하고,
상기 각 컴포넌트에 포함되는 상기 요소들 중 일부는 사용자의 디바이스의 종류에 반응하여 변경되는 반응형으로 동작하고, 상기 요소들 중 나머지는 상기 사용자의 디바이스의 종류에 반응하지 않는 비반응형으로 동작하여, 상기 각 컴포넌트는 하이브리드 반응형으로 동작하는 것이고,
상기 각 컴포넌트는 상기 소정의 웹페이지를 디스플레이 하는 상기 사용자의 디바이스의 종류에 따라 그 배치 상태가 달라지고,
상기 각 컴포넌트는 상기 소정의 웹 페이지를 디스플레이하는 상기 사용자의 디바이스의 언어 설정에 따라 언어 및 배치 상태가 달라지도록 생성된 것인 웹 사이트 관리 방법.
A method of managing a web site of a server in a service type software environment,
Communicating with at least one of cloud storage and legacy systems;
Managing at least one web site edited and distributed by a web site editing server; And
Managing a plurality of components constituting a predetermined web page in the web site based on data received from at least one of the cloud storage and the legacy system,
Wherein each of the plurality of components includes at least two of a style, a text, an image, a table, and a multimedia content for a detailed area of the component,
Some of the elements included in each of the components operate in a reaction type that is changed in response to the type of the user's device and the rest of the elements operate in a non-responsive manner that does not respond to the type of the user's device , Each of the components operating in a hybrid reaction mode,
Wherein each of the components has a different arrangement state according to a type of the user device displaying the predetermined web page,
Wherein each of the components is generated so that a language and a layout state thereof are changed according to a language setting of the device of the user displaying the predetermined web page.
KR1020140175600A 2014-12-09 2014-12-09 System and method for web site editing in software as a service environment KR101648126B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020140175600A KR101648126B1 (en) 2014-12-09 2014-12-09 System and method for web site editing in software as a service environment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140175600A KR101648126B1 (en) 2014-12-09 2014-12-09 System and method for web site editing in software as a service environment

Publications (2)

Publication Number Publication Date
KR20160075879A KR20160075879A (en) 2016-06-30
KR101648126B1 true KR101648126B1 (en) 2016-08-23

Family

ID=56352434

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140175600A KR101648126B1 (en) 2014-12-09 2014-12-09 System and method for web site editing in software as a service environment

Country Status (1)

Country Link
KR (1) KR101648126B1 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20210014854A (en) 2019-07-31 2021-02-10 여승기 System and method of generating backend and administrator web page for information management

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20090114908A (en) * 2008-04-30 2009-11-04 주식회사 올플랜 Web page server and web page editing method thereof
KR20120045152A (en) * 2010-10-29 2012-05-09 에스케이플래닛 주식회사 Contents service system, contents creating service apparatus and method based on template, and terminal unit thereof
KR101328249B1 (en) * 2011-02-25 2013-11-14 주식회사 팬택 Method of providing a cloud service and terminal using the cloud service
KR101275871B1 (en) * 2011-10-13 2013-06-18 연세대학교 산학협력단 System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor

Also Published As

Publication number Publication date
KR20160075879A (en) 2016-06-30

Similar Documents

Publication Publication Date Title
Casany et al. SOA initiatives for eLearning. A Moodle case
US9430449B2 (en) Systems, methods, and media for managing editable previews of webpages
BR112019024309A2 (en) edit database while viewing virtual web page
CN107979632B (en) Processing method, device and system for push information
US10362359B2 (en) Video player framework for a media distribution and management platform
US20150215376A1 (en) Systems and methods for deploying legacy software in the cloud
US11341589B2 (en) Method and system for providing a cooperative working environment that facilitates management of property
CN103701909B (en) The rapid generation and system of Video Applications
US9003433B2 (en) Off-premise and codeless process-centric business mashup to integrate BPEL based processes and web 2.0 widgets
US20200066304A1 (en) Device-specific video customization
KR101525967B1 (en) Method for providing sharing service of configuration profile
US10481570B1 (en) System and method for propagating control results in an enterprise
KR101648126B1 (en) System and method for web site editing in software as a service environment
KR101353320B1 (en) System for management contents on social network service
Rab A University website using Content Management System (CMS) and add-on plugins
KR20140024114A (en) System for editing digital signage template in smart tv and method thereof
KR20160070254A (en) Providing system, method for real time canvas, program and recording medium thereof
CN106211353A (en) Data capture method, device and system
CN105407076A (en) Method and system for achieving media bridge
US10255564B2 (en) Context specific resource editors
KR20160070255A (en) Providing system, method for real time canvas, program and recording medium thereof
Guerrero et al. SOA initiatives for eLearning: A Moodle case
Dayarathna et al. Infoshare: design and implementation of scalable multimedia signage architecture for wireless ubiquitous environments
US20180109576A1 (en) Real-time content providing method and system
CN107749858A (en) The method for switching between and device of a kind of end points

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
AMND Amendment
E601 Decision to refuse application
AMND Amendment
X701 Decision to grant (after re-examination)
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20190530

Year of fee payment: 4