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 PDFInfo
- 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
Links
- 238000000034 method Methods 0.000 title claims description 36
- 238000004891 communication Methods 0.000 claims description 17
- 230000004044 response Effects 0.000 claims description 9
- 230000008859 change Effects 0.000 claims description 4
- 230000008569 process Effects 0.000 claims description 2
- 238000006243 chemical reaction Methods 0.000 claims 4
- 238000006757 chemical reactions by type Methods 0.000 claims 4
- 238000007726 management method Methods 0.000 description 31
- 238000010586 diagram Methods 0.000 description 10
- 238000005516 engineering process Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 2
- 241001112258 Moca Species 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 238000013439 planning Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000007723 transport mechanism Effects 0.000 description 1
- 238000012384 transportation and delivery Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
Landscapes
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (AREA)
- Economics (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Information Transfer Between Computers (AREA)
Abstract
본 발명은 복수 개의 웹 페이지를 포함하는 웹 사이트를 편집하는 프로그램이 저장된 메모리 및 프로그램을 실행시키는 프로세서를 포함한다. 이때, 프로세서는 프로그램의 실행에 따라, 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 생성하고, 복수 개의 컴포넌트 중 선택된 컴포넌트를 편집하도록 입력된 사용자의 편집신호에 따라 선택된 컴포넌트를 수정하며, 소정의 웹 페이지에 수정된 컴포넌트를 반영하여 배포한다. 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
본 발명은 서비스형 소프트웨어 환경에서의 웹 사이트 편집 시스템 및 방법에 관한 것이다.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
도 1은 본 발명의 일 실시예에 따른 웹 사이트 편집 시스템(100)의 구성도이다. 1 is a configuration diagram of a web
도 1을 참조하면, 본 발명의 일 실시예에 따른 서비스형 소프트웨어 환경(software as a service; SaaS)에서의 웹 사이트 편집 시스템(100)은 웹 사이트를 편집하고 관리한다. 이때, 웹 사이트 편집 시스템(100)은 웹 사이트 편집 서버(110), 웹 사이트 관리 서버(120) 및 데이터베이스(130)를 포함한다. Referring to FIG. 1, a web
구체적으로 웹 사이트 편집 시스템(100)에서는 웹 사이트 편집 사용자 디바이스(140)가 웹 사이트 편집 서버(110)를 통하여 웹 사이트를 편집하고 배포한다. 배포된 웹 사이트는 데이터베이스(130)에 저장된다. 또한, 배포된 웹 사이트는 웹 사이트 관리 서버(120)에 의하여 웹 사이트 서비스 사용자 디바이스(160)로 서비스되며, 웹 사이트 관리자 디바이스(170)에 의하여 관리된다. 이때, 웹 사이트 관리 서버(120)는 클라우드 스토리지(cloud storage service; 171) 및 레거시 시스템(legacy system; 172) 등과 같은 외부 서비스(170)와 연동 될 수 있다.Specifically, in the web
웹 사이트 편집 시스템(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
웹 사이트 편집 시스템(100)에 포함된 웹 사이트 편집 서버(110) 및 웹 사이트 관리 서버(120)는 독립적인 서버 컴퓨터(server computer)에서 실행되거나, 서버 컴퓨터에 각각 서버 프로그램(server program)으로 탑재되어 서비스될 수 있다. 또한, 웹 사이트 편집 서버(110) 및 웹 사이트 관리 서버 (120)는 동일한 서버 컴퓨터에 탑재될 수 있다. The web
데이터베이스(130)는 웹 사이트 편집 서버(110)에 의하여 배포된 하나 이상의 웹 사이트 및 웹 사이트에서 사용하는 데이터를 저장할 수 있다. 예를 들어, 데이터베이스(130)에 저장되는 웹 사이트는 웹 사이트에 포함되는 하나 이상의 웹 페이지의 하이퍼텍스트 마크업 언어(hypertext markup language; html) 및 캐스케이딩 스타일 시트(cascading style sheets; CSS) 등을 포함할 수 있다. 또한, 데이터베이스(130)는 저장되는 웹 사이트에서 사용되는 사용자의 정보, 사용자의 접속 이력 정보, 게시물 및 컨텐츠 데이터 등의 다양한 데이터를 저장할 수 있다. The
도 2는 본 발명의 일 실시예에 따른 웹 사이트 편집 서버(110)의 구성도이다. 2 is a configuration diagram of a web
본 발명의 일 실시예에 따른 웹 사이트 편집 서버(110)는 웹 사이트를 편집하는 사용자의 요청에 따라 웹 사이트에 포함된 웹 페이지를 생성하고, 배포한다. 이러한 웹 사이트 편집 서버(110)는 도 2에 도시된 것과 같이, 메모리(200) 및 프로세서(210)를 포함한다. The web
이때, 메모리(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
또한, 메모리(200)에 저장된 프로그램은 소프트웨어 또는 FPGA(Field Programmable Gate Array) 또는 ASIC(Application Specific Integrated Circuit)와 같은 하드웨어 형태로 구현될 수 있으며, 소정의 역할들을 수행할 수 있다. In addition, the program stored in the
프로세서(210)는 프로그램에 실행에 따라, 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트(component)를 생성한다. 예를 들어, 컴포넌트는 컴포넌트의 세부 영역에 대한 스타일, 텍스트 영역, 이미지 영역, 표 영역 및 멀티미디어 컨텐츠 영역 중 적어도 어느 하나가 될 수 있다. 또한, 컴포넌트는 하나 이상의 컴포넌트를 포함할 수 있다. 컴포넌트는 도 3을 참조하여 설명한다. The
도 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
또한, 프로세서(210)는 소정의 웹 페이지를 배포하기 전에, 웹 사이트 편집 사용자의 디바이스(140)에 수정된 컴포넌트가 소정의 웹 페이지에 반영된 상태로 실시간으로 디스플레이 되도록 처리할 수 있다. 그러므로 편집을 수행하는 사용자는 웹 사이트 편집 사용자 디바이스(140)에 디스플레이되는 컴포넌트에 기초하여 직관적 컴포넌트를 편집할 수 있다. In addition, the
또한, 메모리(200)에 저장된 프로그램은 소정의 웹 페이지에서 복수 개의 컴포넌트 중 적어도 하나의 컴포넌트 배치 구성이 소정의 웹 페이지를 디스플레이하는 디바이스의 종류 또는 언어 설정에 따라 달라지도록 수정 가능한 하이브리드 반응형 웹 디자인(hybrid responsive web design) 툴을 지원할 수 있다. In addition, the program stored in the
하이브리드 반응형 웹 디자인은 웹 사이트 편집 사용자 디바이스(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
그러므로 웹 사이트 편집 사용자 디바이스(140)는 메모리(200)에 저장된 하이브리드 반응형 웹 디자인 툴에 따라 하이브리드 반응형 웹 디자인을 지원하도록 컴포넌트 배치의 구성을 설정할 수 있다. 하이브리드 반응형 웹 디자인은 도 4를 참조하여 설명한다.Thus, the website
도 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
즉, 동일한 웹 사이트일지라도 웹 사이트 서비스 사용자 디바이스(160)의 종류가 PC, 스마트폰, 태블릿 PC인지에 따라 컴포넌트의 구성, 배치, 디자인 등이 변경될 수 있다. 일 예에 따르면, 변경되는 컴포넌트는 반응형 웹 디자인이 적용된 것일 수 있다. That is, the configuration, layout, design, and the like of components may be changed depending on whether the web site
또한, 본 발명의 일 실시예에 따른 프로그램은 소정의 웹 페이지에서 복수 개의 컴포넌트 중 적어도 하나의 컴포넌트의 언어가 소정의 웹 페이지를 디스플레이하는 디바이스의 언어 설정에 따라 달라지도록 수정 가능한 다국어 웹 디자인 툴을 지원할 수 있다. 그러므로 웹 사이트 편집 사용자 디바이스(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
도 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
도 6은 본 발명의 일 실시예에 따른 웹 사이트 관리 서버(120)의 구성도이다. 6 is a configuration diagram of a
도 6을 참조하면, 웹 사이트 관리 서버(120)는 통신 모듈(600), 메모리(610) 및 프로세서(620)를 포함한다. Referring to FIG. 6, the
통신 모듈(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
또한, 메모리(610)는 웹 사이트 편집 서버(110)에 의해 편집되어 배포된 적어도 하나의 웹 사이트를 관리하는 프로그램이 저장된다. 여기에서, 메모리(610)는 전원이 공급되지 않아도 저장된 정보를 계속 유지하는 비휘발성 저장장치를 통칭하는 것이다. 예를 들어, 메모리(610)는 앞에서 설명한 웹 사이트 서비스 편집 서버(110)와 유사하게 콤팩트 플래시 카드, SD 카드, 메모리 스틱, 솔리드 스테이트 드라이브 및 마이크로 SD 카드 등과 같은 낸드 플래시 메모리, 하드 디스크 드라이브 등과 같은 마그네틱 컴퓨터 기억 장치 및 CD-ROM, DVD-ROM 등과 같은 광학 디스크 드라이브 등을 포함할 수 있다.The
또한, 메모리(610)에 저장된 프로그램은 소프트웨어 또는 FPGA 또는 ASIC와 같은 하드웨어 형태로 구현될 수 있으며, 소정의 역할들을 수행할 수 있다. In addition, the program stored in the
프로세서(620)는 웹 사이트를 웹 사이트 서비스 사용자 디바이스(160)에 서비스할 수 있다. 또한, 프로세서(620)는 웹 사이트 관리자 디바이스(150)에서 수신된 관리 신호에 기초하여 서비스되는 웹 사이트의 관리를 수행할 수 있다. 예를 들어, 웹 사이트의 관리는 접속 통계 및 웹 사이트의 회원 및 컨텐츠의 관리 등이 될 수 있다. 또한, 웹 사이트 관리는 웹 사이트에 포함된 복수 개의 웹 페이지 및 복수 개의 컴포넌트에 대한 접속 및 권한 일 수 있다. The
그리고 프로세서(620)는 프로그램의 실행에 따라 통신 모듈(600)을 통해 수신된 데이터를 기초로 웹 사이트 내 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 관리한다. The
또한, 프로세서(620)는 통신 모듈을 통하여 연동되는 클라우드 스토리지(171)에 저장된 컨텐츠를 소정의 웹 페이지를 구성하는 컴포넌트로 사용할 수 있다. 그러므로 프로세서(620)는 클라우드 스토리지(171)에 저장된 컨텐츠가 변경되는 경우, 복수 개의 컴포넌트 중 적어도 하나를 변경된 데이터와 연동하여 변경시킬 수 있다. In addition, the
예를 들어, 프로세서(620)는 클라우드 스토리지(171)에 웹 사이트에 게시할 인사말을 저장하고, 웹 페이지의 인사말 컴포넌트와 연동할 수 있다. 이때, 웹 페이지 관리자 디바이스(150)에 의하여 클라우드 스토리지(171)에 저장된 인사말이 변경되면, 프로세서(620)는 웹 페이지의 인사말 컴포넌트의 내용을 클라우드 스토리지(171)에 변경된 내용으로 변경할 수 있다. For example, the
또한, 프로세서(620)는 미리 구축된 레거시 시스템과 연동하여 상기 웹 사이트를 서비스할 수 있다. 예를 들어, 레거시 시스템(172)은 미리 구축된 통제관리 시스템, 전사적 자원 관리 시스템(enterprise resource planning system; ERP), 그룹 웨어(groupware) 및 회원 관리 시스템 등일 수 있다. 프로세서(620)는 미리 구축된 레거시 시스템(172)에 포함된 사용자 권한 및 그룹 권한에 기초하여 웹 사이트의 사용자 권한 및 그룹 권한을 설정할 수 있다. In addition, the
그러므로 프로세서(620)는 레거시 시스템에 저장된 권한 정보에 따라 복수 개의 컴포넌트 중 적어도 하나를 변경 또는 접근할 수 있는 권한을 부여할 수 있다. 이때, 컴포넌트에 접근은 컴포넌트를 웹 사이트 서비스 사용자 디바이스(160)에서 볼 수 있게 하는 것일 수 있다. Therefore, the
또한, 프로세서(620)는 서비스형 소프트웨어 환경에서 과부하 방지를 위하여 복수 개의 웹 사이트를 싱글 인스턴스(single instance)로 관리할 수 있다. In addition, the
이하에서는 도 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
도 7을 참조하면, 웹 사이트 편집 서버(110)는 웹 사이트에 포함된 복수 개의 웹 페이지 중 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 생성한다(S700). 이때, 컴포넌트는 앞에서 예를 든 것과 같이, 컴포넌트의 세부 영역에 대한 스타일, 텍스트 영역, 이미지 영역, 표 영역 및 멀티미디어 컨텐츠 영역 중 적어도 어느 하나가 될 수 있다. 또한, 컴포넌트는 하나 이상의 컴포넌트를 포함할 수 있다.Referring to FIG. 7, the web
그리고 웹 사이트 편집 서버(110)는 복수 개의 컴포넌트 중 선택된 컴포넌트를 편집하도록 입력된 사용자의 편집신호에 따라 선택된 컴포넌트를 수정한다(S710). 이때, 컴포넌트를 편집하는 사용자는 프로그램에 포함된 위즈위그 형식의 편집이 가능한 툴에 기초하여 편집신호를 입력할 수 있다. In step S710, the web
또한, 웹 사이트 편집 서버(110)는 선택된 컴포넌트의 수정이 완료하면, 소정의 웹 페이지에 수정된 컴포넌트를 반영하여 배포한다(S720). When the modification of the selected component is completed, the
웹 사이트 편집 서버(110)는 소정의 웹 페이지에서 복수 개의 컴포넌트 중 적어도 하나의 컴포넌트 배치 구성이 소정의 웹 페이지를 디스플레이하는 디바이스의 종류 또는 언어 설정에 따라 달라지도록 수정 가능한 하이브리드 반응형 웹 디자인 툴을 지원할 수 있다. The web
또한, 웹 사이트 편집 서버(110)는 소정의 웹 페이지에서 복수 개의 컴포넌트 중 적어도 하나의 컴포넌트의 언어가 소정의 웹 페이지를 디스플레이하는 디바이스의 언어 설정에 따라 달라지도록 수정 가능한 다국어 웹 디자인 툴을 지원할 수 있다. In addition, the web
도 8은 본 발명의 일 실시예에 따른 웹 사이트 관리 서버(120)의 웹 사이트 관리 방법의 순서도이다. 8 is a flowchart of a method of managing a website of the
본 발명의 일 실시예에 따른 웹 사이트 관리 서버(120)는 클라우드 스토리지 및 레거시 시스템 중 적어도 하나와 통신한다(S800). 그리고 웹 사이트 관리 서버(120)는 웹 사이트 서비스 사용자 디바이스(160)에 해당 웹 사이트를 서비스한다.The web
또한, 웹 사이트 관리 서버(120)는 웹 사이트 편집 서버에 의하여 편집되고 배포된 웹 사이트를 적어도 하나의 웹 사이트를 운영한다(S810). In addition, the web
그리고 웹 사이트 관리 서버(120)는 클라우드 스토리지 및 레거시 시스템 중 적어도 하나에서 수신된 데이터를 기초로 운영 중인 웹 사이트 내 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 관리한다(S820). The web
또한, 웹 사이트 관리 서버(120)는 운영 중인 웹 사이트의 관리를 수행할 수 있다. 이때, 웹 사이트 관리는 웹 사이트의 접속 통계, 이력, 회원 및 컨텐츠 관리 등이 될 수 있다. 또한, 웹 사이트 관리는 웹 사이트에 포함된 복수 개의 웹 페이지 및 복수 개의 컴포넌트에 대한 접속 및 권한 일 수 있다.In addition, the
본 발명의 일 실시예에 따른 웹 사이트 편집 서비스(100) 및 방법은 웹 사이트를 컴포넌트 단위로 편집할 수 있으며, 외부 서비스(170)와의 연동을 통하여 웹 사이트에 포함된 컨텐츠 및 서비스 사용자의 권한을 쉽게 관리할 수 있어 웹 사이트를 편집하고 관리하는 사용자의 편의성을 증대시킬 수 있다. The web
또한, 웹 사이트 편집 서비스(100) 및 방법은 하이브리드 반응형 웹 디자인 및 다국어를 지원할 수 있다. 이를 통하여, 웹 사이트 편집 서비스(100) 및 방법은 웹 사이트 서비스 사용자의 접근이 용이하게 하여, 웹 사이트를 활성화 시킬 수 있다. In addition, the web
본 발명의 일 실시예는 컴퓨터에 의해 실행되는 프로그램 모듈과 같은 컴퓨터에 의해 실행 가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 컴퓨터 판독 가능 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체 및 통신 매체를 모두 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다. 통신 매체는 전형적으로 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈, 또는 반송파와 같은 변조된 데이터 신호의 기타 데이터, 또는 기타 전송 메커니즘을 포함하며, 임의의 정보 전달 매체를 포함한다. 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.
상기 프로세서는 상기 소정의 웹 페이지를 배포하기 전에, 상기 사용자의 디바이스에 상기 수정된 컴포넌트가 상기 소정의 웹 페이지에 반영된 상태로 실시간으로 디스플레이 되도록 처리하는 웹 사이트 편집 서버. 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.
클라우드 스토리지 및 레거시 시스템 중 적어도 하나와 통신하는 통신 모듈,
웹 사이트 편집 서버에 의해 편집되어 배포된 적어도 하나의 웹 사이트를 관리하는 프로그램이 저장된 메모리 및
상기 프로그램을 실행시키는 프로세서를 포함하고,
상기 프로세서는 상기 프로그램의 실행에 따라, 상기 통신 모듈을 통해 수신된 데이터를 기초로 상기 웹 사이트 내 소정의 웹 페이지를 구성하는 복수 개의 컴포넌트를 관리하되,
상기 복수 개의 컴포넌트 중 각 컴포넌트는 상기 컴포넌트의 세부 영역에 대한 스타일, 텍스트, 이미지, 표 및 멀티미디어 컨텐츠 중 적어도 두 개의 요소를 포함하고,
상기 각 컴포넌트에 포함되는 상기 요소들 중 일부는 사용자의 디바이스의 종류에 반응하여 변경되는 반응형으로 동작하고, 상기 요소들 중 나머지는 상기 사용자의 디바이스의 종류에 반응하지 않는 비반응형으로 동작하여, 상기 각 컴포넌트는 하이브리드 반응형으로 동작하는 것이고,
상기 각 컴포넌트는 상기 소정의 웹페이지를 디스플레이 하는 상기 사용자의 디바이스의 종류에 따라 그 배치 상태가 달라지고,
상기 각 컴포넌트는 상기 소정의 웹 페이지를 디스플레이하는 상기 사용자의 디바이스의 언어 설정에 따라 언어 및 배치 상태가 달라지도록 생성된 것인 웹 사이트 관리 서버.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.
상기 프로세서는 상기 클라우드 스토리지에 저장된 데이터가 변경되는 경우,
상기 복수 개의 컴포넌트 중 적어도 하나를 상기 변경된 데이터와 연동하여 변경시키는 웹 사이트 관리 서버.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.
상기 프로세서는 상기 레거시 시스템에 저장된 권한 정보에 따라 상기 복수 개의 컴포넌트 중 적어도 하나를 변경 또는 접근할 수 있는 권한을 부여하는 웹 사이트 관리 서버.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.
상기 프로세서는 상기 레거시 시스템에 저장된 상기 웹 페이지에 대한 편집 이력 데이터를 기초로 상기 복수 개의 컴포넌트 중 적어도 하나를 상기 웹 사이트 편집 서버에 의해 편집되기 이전으로 변경시키는 웹 사이트 관리 서버.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.
상기 프로세서는 복수 개의 웹 사이트를 싱글 인스턴스로 관리하는 웹 사이트 관리 서버. 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.
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)
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)
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 |
-
2014
- 2014-12-09 KR KR1020140175600A patent/KR101648126B1/en active IP Right Grant
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 |