KR101730070B1 - Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same - Google Patents

Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same Download PDF

Info

Publication number
KR101730070B1
KR101730070B1 KR1020150023548A KR20150023548A KR101730070B1 KR 101730070 B1 KR101730070 B1 KR 101730070B1 KR 1020150023548 A KR1020150023548 A KR 1020150023548A KR 20150023548 A KR20150023548 A KR 20150023548A KR 101730070 B1 KR101730070 B1 KR 101730070B1
Authority
KR
South Korea
Prior art keywords
file
web page
page
widget
template
Prior art date
Application number
KR1020150023548A
Other languages
Korean (ko)
Other versions
KR20150098215A (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 (주)나모인터랙티브
Publication of KR20150098215A publication Critical patent/KR20150098215A/en
Application granted granted Critical
Publication of KR101730070B1 publication Critical patent/KR101730070B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00Digital computing or data processing equipment or methods, specially adapted for specific functions
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F15/00Digital computers in general; Data processing equipment in general
    • G06F15/16Combinations of two or more digital computers each having at least an arithmetic unit, a program unit and a register, e.g. for a simultaneous processing of several programs
    • G06F17/248
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Hardware Design (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Mathematical Physics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

본 발명은 SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체에 관한 것이다.
본 발명의 일측면에 따르면, 네트워크를 통해 웹페이지 서버에서 클라이언트로 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 제공하는 방법으로서, 웹페이지 생성을 위한 논리적 요소로서 페이지 및 마스터, 위젯, 컴포넌트, 엘리먼트, 핸들러, 인터랙션을 포함하며, 웹페이지 생성을 위한 물리적 요소로서 메타정보 파일 및 템플릿 파일, 단위 뷰 파일, 정적 뷰 파일을 포함하도록 웹페이지 요소를 관리하되, 웹페이지 요소 생성 시에는, 클라이언트로부터 입력된 요청 정보에 근거하여 웹페이지 서버에 구비된 에디터가 페이지 또는 마스터, 위젯 템플릿 파일을 생성하고, 웹페이지 서버에 구비된 파서가 상기 페이지 또는 마스터, 위젯 템플릿 파일에 대한 구문 분석을 하여 분석 결과에 따라 기 저장된 상기 단위 뷰 파일 중 적어도 하나 이상을 구성 요소로 하여 페이지 또는 마스터, 위젯 정적 뷰 파일을 생성하며, 웹페이지 랜더링 시에는, 클라이언트로부터 요청된 웹페이지 정보에 근거하여 웹페이지 서버가 요청된 웹페이지에 해당하는 페이지 또는 마스터, 위젯 정적 뷰 파일을 랜더링하여 웹페이지를 제공하도록 구성된 SaaS 환경에서의 웹페이지 서비스 방법이 개시된다.
The present invention relates to a web page service method in a SaaS environment, a computer program therefor, and a recording medium therefor.
According to an aspect of the present invention, there is provided a method for providing a generating means necessary for generating a web page from a web page server to a client and a rendering means required for providing a web page through a network, It manages Web page elements to include meta information files, template files, unit view files, and static view files as physical elements for creating web pages, including widgets, components, elements, handlers and interactions. An editor provided in the web page server generates a page, a master, and a widget template file based on the request information input from the client, and the parser provided in the web page server parses the page, master, and widget template file And stores the previously stored unit view file A page or a master and a widget static view file are generated by using at least one component as a component. When rendering a web page, the web page server requests a page or a master corresponding to the requested web page based on the web page information requested from the client A Web page service method in a SaaS environment configured to render a widget static view file to provide a web page is disclosed.

Description

SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체 { Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same }TECHNICAL FIELD [0001] The present invention relates to a web page service method in a SaaS environment, a computer program for the web page service method, a storage medium storing the same,

본 발명은 SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체에 관한 것으로, 더욱 상세하게는 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 SaaS 환경으로 제공하며, 다양한 디바이스 환경에서 대응하여 유연한 웹페이지를 구현 가능하도록 구성된 SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체에 관한 것이다.
The present invention relates to a web page service method in a SaaS environment, a computer program for the web page service method, and a recording medium, and more particularly, to a SaaS environment in which a generating means necessary for generating a web page and a rendering means necessary for providing a web page are provided in a SaaS environment, To a web page service method in a SaaS environment configured to be able to implement a flexible web page in response to various device environments, a computer program therefor, and a recording medium therefor.

최근 컴퓨터 산업과 통신산업의 발전과 인터넷 전용회선의 보급으로 인하여 기업이나 개인의 홈페이지 숫자가 기하급수적으로 증가되고 있다. 홈페이지란 HTML(Hyper Text Markup Language)로 제작된 파일로서 서버에 저장되어 있다가 웹을 통해 접근한 브라우저를 통해 표시되는 화상 미디어를 총칭하는 것이다. 하나의 홈페이지는 일반적으로 하나 이상의 페이지를 포함하여 사용자 조작 또는 서버의 명령에 의해 페이지 변환이 가능하도록 구성되며, 이렇게 변환을 이루도록 구성된 각각의 페이지를 일반적으로 웹페이지라고 한다. Recently, due to the development of the computer industry and the telecommunication industry and the dissemination of Internet private lines, the number of websites of enterprises and individuals has been increasing exponentially. A home page is a file produced in HTML (Hyper Text Markup Language), and is generally referred to as an image medium that is stored in a server and displayed through a browser accessed through the web. One homepage is generally configured to include one or more pages and to be capable of page conversion by a user operation or a command of the server, and each page configured to perform such conversion is generally referred to as a web page.

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

이에 따라 홈페이지 제작과 관련된 웹 디자이너나 웹 프로그래머 등과 같은 전문 인력에게 지급되는 비용(급여)이 상당한 부분을 차지하고 있다. 또한 웹 디자이너나 웹 프로그래머 등과 같은 전문 인력들의 잦은 이동으로 인해 대행업체의 영업과 이윤창출에 큰 차질을 빚고 있는 실정이다. 이는 대행업체에 홈페이지 제작을 의뢰한 이용자에게도 큰 부담이 된다.As a result, the costs (salaries) paid to professional staff such as web designers and web programmers related to the homepage production are considerable. In addition, frequent movements of professional staff such as web designers and web programmers are causing serious disruption to the sales and profits of agencies. This also puts a heavy burden on the users who have requested the agent to make the homepage.

따라서, 종래에는 사용자 스스로 간단하게 홈페이지를 제작할 수 있도록 하기 위해, Hihome, Freechal, Me2u2, Daum, Naver 등과 같은 포탈 서비스업체에서 홈페이지 제작/관리를 위한 홈페이지 제작/관리 마법사 기능을 제공하고 있다. Accordingly, conventionally, a portal service provider such as Hihome, Freechal, Me2u2, Daum, and Naver provides a homepage creation / management wizard function for homepage creation / management in order to easily create a homepage by users themselves.

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

이와 같이, 홈페이지는 홈페이지 제작에 대한 전문 지식이나 경험이 없는 통상의 인터넷 사용자들이 제작하기는 용이하지 않기 때문에, 홈페이지 제작을 전문으로 하는 업체에 의뢰하여 제작하고 있다.As such, it is not easy for ordinary Internet users who do not have the expertise or experience to make homepages to produce homepages, so they are commissioned by a company specialized in homepage production.

이때, 홈페이지의 제작비용은 홈페이지의 구성요소에 따라 결정되는데, 기본적인 구축작업에 필요한 인력, 시간, 콘텐츠 사용료 등으로 소요되는 비용이 적지 않으며, 간단한 IR사이트라도 업체 선정, 진행 단계별 소통, 검토, 테스팅에 절차적인 시간이 소요되고 있다.At this time, the cost of production of the homepage is determined according to the components of the homepage. The cost required for the basic construction work, the time required for the content usage fee, and the fee for the content usage are small. It is taking a procedural time.

이러한 많은 비용과 시간을 소요하므로 개인 사업체 또는 영세한 사업장에서는 홈페이지를 개설하고 싶어도 이와 같은 이유로 인하여 부담이 되는 경우가 있으며, 홈페이지를 개설한 후에도 인터넷 사용자들이 홈페이지에 방문했을 때, 제공하는 컨텐츠의 등록과 지속적인 업데이트를 진행하기에 어려운 문제점이 있다. Because it takes such a lot of time and cost, it is sometimes burdensome to open a homepage in a private business or a small business site. In some cases, even after opening a homepage, when an Internet user visits the homepage, And it is difficult to carry out continuous updating.

한편, 상기와 같은 문제점을 감안하여, SaaS 환경에서의 홈페이지 제공 서비스가 일부 시도된 바 있으나, 데스크탑 환경과 모바일 환경을 유기적으로 연결하여 홈페이지를 제공할 수 있는 정도로 수준 높은 서비스를 제공하는데에는 여전히 한계가 있었다.
In consideration of the above problems, some attempts have been made to provide a homepage providing service in a SaaS environment. However, there is still a limit to providing a high quality service that can provide a homepage by organically connecting a desktop environment and a mobile environment .

대한민국 등록특허 제10-1275871호 (2013년06월11일 등록)Korean Registered Patent No. 10-1275871 (registered on June 11, 2013)

본 발명은 상기와 같은 문제점을 감안하여 안출한 것으로서, 더욱 상세하게는 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 SaaS 환경으로 제공하며, 다양한 디바이스 환경에서 대응하여 유연한 웹페이지를 구현 가능하도록 구성된 SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체를 제공하는 것을 그 목적으로 한다.
SUMMARY OF THE INVENTION The present invention has been made in view of the above problems, and it is an object of the present invention to provide a SaaS environment in which a generating means necessary for generating a web page and a rendering means necessary for providing a web page are provided, A computer program for the web page service method in a SaaS environment configured to be able to be implemented, and a recording medium therefor.

상술한 본 발명의 목적을 달성하기 위한 본 발명의 일측면에 따르면, 네트워크를 통해 웹페이지 서버에서 클라이언트로 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 제공하는 방법으로서, 웹페이지 생성을 위한 논리적 요소로서 페이지 및 마스터, 위젯, 컴포넌트, 엘리먼트, 핸들러, 인터랙션을 포함하며, 웹페이지 생성을 위한 물리적 요소로서 메타정보 파일 및 템플릿 파일, 단위 뷰 파일, 정적 뷰 파일을 포함하도록 웹페이지 요소를 관리하되, 웹페이지 요소 생성 시에는, 클라이언트로부터 입력된 요청 정보에 근거하여 웹페이지 서버에 구비된 에디터가 페이지 또는 마스터, 위젯 템플릿 파일을 생성하고, 웹페이지 서버에 구비된 파서가 상기 페이지 또는 마스터, 위젯 템플릿 파일에 대한 구문 분석을 하여 분석 결과에 따라 기 저장된 상기 단위 뷰 파일 중 적어도 하나 이상을 구성 요소로 하여 페이지 또는 마스터, 위젯 정적 뷰 파일을 생성하며, 웹페이지 랜더링 시에는, 클라이언트로부터 요청된 웹페이지 정보에 근거하여 웹페이지 서버가 요청된 웹페이지에 해당하는 페이지 또는 마스터, 위젯 정적 뷰 파일을 랜더링하여 웹페이지를 제공하도록 구성된 SaaS 환경에서의 웹페이지 서비스 방법이 개시된다. According to an aspect of the present invention, there is provided a method of providing rendering means necessary for generating a web page and a rendering means necessary for providing a web page from a web page server to a client through a network, It is a logical element for creation. It contains pages and masters, widgets, components, elements, handlers, and interactions. Web pages are created to include meta information files and template files, unit view files, When the web page element is generated, an editor provided in the web page server generates a page, a master, and a widget template file based on the request information inputted from the client, and the parser provided in the web page server transmits the page Or master, analyze the widget by parsing the template file And a unit for generating a static view file of a page or a master and a widget using at least one of the previously stored unit view files as a constituent element in accordance with the web page information, Disclosed is a web page service method in a SaaS environment configured to render a web page corresponding to a requested web page by rendering a master or widget static view file.

바람직하게, 상기 페이지 및 마스터는 상기 템플릿 파일 또는 정적 뷰 파일의 형태로 관리하고, 상기 위젯은 상기 템플릿 파일 또는 정적 뷰 파일, 단위 뷰 파일의 형태로 관리하며, 상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션은 상기 메타정보 파일 또는 단위 뷰 파일의 형태로 관리하도록 구성된 것을 특징으로 한다. Preferably, the page and the master are managed in the form of the template file or the static view file, and the widget manages in the form of the template file, the static view file, and the unit view file, and the component, element, handler, The meta information file or the unit view file.

바람직하게, 상기 페이지 또는 마스터, 위젯은, 상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션 중 적어도 어느 하나 이상의 요소를 포함하여 구성되는 것을 특징으로 한다. Preferably, the page, the master, and the widget include at least one of the component, the element, the handler, and the interaction.

바람직하게, 상기 위젯은 상기 페이지를 구성하는 기능 요소이며, 상기 컴포넌트는 상기 페이지 또는 위젯을 구성하는 UI(user interface) 요소이며, 상기 엘리먼트는 HTML(Hypertext Markup Language) 요소를 표현하는 요소인 것을 특징으로 한다. Preferably, the widget is a functional element constituting the page, and the component is a UI (user interface) element constituting the page or the widget, and the element is an element representing an HTML (Hypertext Markup Language) element .

바람직하게, 상기 핸들러는 상기 웹페이지 서버에서 데이터 또는 로직을 처리하는 요소인 것을 특징으로 한다. Preferably, the handler is an element for processing data or logic in the web page server.

바람직하게, 상기 인터랙션은 상기 페이지 또는 위젯에서 화면흐름 처리 액션을 정의하는 요소인 것을 특징으로 한다. Preferably, the interaction is an element that defines a screen flow processing action in the page or the widget.

바람직하게, 상기 템플릿 파일은 상기 정적 뷰 파일을 만들기 위한 중간단계 파일이며, 상기 단위 뷰 파일은 상기 컴포넌트 또는 엘리먼트의 뷰 파일이거나 상기 인터랙션을 구성하는 JS(JavaScript) 파일이며, 상기 정적 뷰 파일은 상기 템플릿 파일이 파서를 통해 변환된 파일로서 페이지 랜더링시 출력되는 파일인 것을 특징으로 한다. Preferably, the template file is an intermediate file for creating the static view file, and the unit view file is a view file of the component or element or a JS (JavaScript) file constituting the interaction, And the template file is a file converted through the parser and output upon page rendering.

바람직하게, 상기 메타정보 파일은 웹페이지 구성 요소의 기본 정보를 정의하는 파일인 것을 특징으로 한다. Preferably, the meta information file is a file that defines basic information of a web page component.

바람직하게, 상기 메타정보 파일 및 템플릿 파일은 XML 파일형식으로 관리하며, 상기 단위 뷰 파일 및 정적 뷰 파일은 VM/CSS/JS(Velocity Template/Cascading Style Sheet/JavaScript) 중의 어느 하나의 파일형식으로 관리하는 것을 특징으로 한다. Preferably, the meta information file and the template file are managed in an XML file format, and the unit view file and the static view file are managed in a file format of VM / CSS / JS (Velocity Template / Cascading Style Sheet / JavaScript) .

바람직하게, 상기 파서는, 파서의 처리 방식을 정의한 설정파일과, 상기 설정파일에 따른 파일변환 처리를 하는 파일변환 프로그램 요소와, 파일변환 작업시 변수값을 처리하는 변수처리 프로그램 요소를 포함하며, 상기 파일변환 프로그램이 상기 설정파일을 독출하고, 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받는 변환 과정을 거쳐, 상기 페이지 또는 마스터, 위젯 템플릿 파일을 각각의 템플릿 파일에 대응하는 페이지 또는 마스터, 위젯 정적 뷰 파일로 변환 처리하는 것을 특징으로 한다. Preferably, the parser includes a configuration file defining a processing method of a parser, a file conversion program element performing a file conversion process according to the setting file, and a variable processing program element processing a variable value in a file conversion operation, The file conversion program reads the configuration file, invokes the variable processing program, and returns a variable processing result value to convert the page, master, and widget template file into a page or a master corresponding to each template file , And a widget static view file.

바람직하게, 페이지 또는 마스터 템플릿 파일에 대한 상기 변환 과정은, 변환 요청된 템플릿 파일을 파싱하고 상기 설정파일을 파싱하며, 위젯 템플릿 파일 및 컴포넌트 파일, 엘리먼트 파일 중 변환 요청된 상기 템플릿 파일에 정의된 파일을 독출하고, 설정파일로부터 독출한 설정값을 조합하여 중간단계 템플릿 데이터를 생성하며, 상기 중간단계 템플릿 데이터로부터 변수 처리대상을 추출하고 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받아 정적 뷰 파일 데이터를 생성하는 과정을 거쳐 상기 정적 뷰 파일을 생성하는 것을 특징으로 한다. Preferably, the conversion process for the page or the master template file parses the template file requested to be converted, parses the setting file, and stores the widget template file and the file defined in the template file, Extracts the variable processing object from the intermediate template data, calls the variable processing program, returns the variable processing result value, and outputs the static processing result to the static view And generating the static view file through a process of generating file data.

본 발명의 또다른 일측면에 따르면, 하드웨어와 결합되어 상기 SaaS 환경에서의 웹페이지 서비스 방법을 실행시키기 위하여 매체에 저장된 컴퓨터 프로그램이 개시된다.According to another aspect of the present invention, a computer program stored in a medium for executing a web page service method in SaaS environment in combination with hardware is disclosed.

본 발명의 또다른 일측면에 따르면, 상기 SaaS 환경에서의 웹페이지 서비스 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체가 개시된다.
According to another aspect of the present invention, there is provided a computer-readable recording medium having recorded thereon a computer program for executing a method of servicing a web page in a SaaS environment in a computer.

이와 같은 본 발명은, 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 SaaS 환경으로 제공하며, 다양한 디바이스 환경에서 대응하여 유연한 웹페이지를 구현 가능하도록 한다는 장점을 제공한다.
The present invention provides an advantage that SaaS environment provides a generating means necessary for generating a web page and a rendering means necessary for providing a web page, and a flexible web page can be implemented in various device environments.

도 1은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법을 제공하기 위한 시스템 구성도,
도 2는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 생성 과정을 나타낸 도면,
도 3은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 편집 과정을 나타낸 도면,
도 4는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 위젯 생성 과정을 나타낸 도면,
도 5는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 위젯 편집 과정을 나타낸 도면,
도 6은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조를 나타낸 도면,
도 7은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소의 개념을 나타낸 도면,
도 8은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소의 유형을 예시한 도면,
도 9는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 물리적 구조(파일 구조)를 나타낸 도면,
도 10은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 물리적 구조의 각 요소의 개념과 파일 형식을 나타낸 도면,
도 11은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소와 물리적 구조의 각 요소간의 상호 관계를 나타낸 도면,
도 12는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소와 물리적 구조의 각 요소간의 상호 관계 및 그 파일 형식을 함께 나타낸 도면,
도 13은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성 과정을 나타낸 도면,
도 14는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 나타낸 도면,
도 15는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 더욱 상세하게 나타낸 도면,
도 16은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 랜더링 제공 과정을 나타낸 도면.
1 is a system configuration diagram for providing a web page service method in a SaaS environment according to an embodiment of the present invention;
2 is a diagram illustrating a page creation process in a web page service method in a SaaS environment according to an embodiment of the present invention;
3 is a diagram illustrating a page editing process in a web page service method in a SaaS environment according to an embodiment of the present invention;
4 is a diagram illustrating a widget generating process in a web page service method in a SaaS environment according to an embodiment of the present invention;
5 is a diagram illustrating a widget editing process in a web page service method in a SaaS environment according to an embodiment of the present invention;
6 is a diagram illustrating a logical structure of a web page in a web page service method in a SaaS environment according to an embodiment of the present invention;
FIG. 7 is a diagram illustrating the concept of each element of a logical structure of a web page in a web page service method in a SaaS environment according to an embodiment of the present invention;
8 is a diagram illustrating the types of elements of a logical structure of a web page in a web page service method in a SaaS environment according to an embodiment of the present invention;
FIG. 9 is a diagram illustrating a physical structure (file structure) of a web page in a web page service method in a SaaS environment according to an embodiment of the present invention;
FIG. 10 is a diagram illustrating the concept and file format of each element of a physical structure of a web page in a method of providing a web page in a SaaS environment according to an embodiment of the present invention; FIG.
11 is a diagram illustrating a correlation between elements of a logical structure of a web page and elements of a physical structure in a web page service method in a SaaS environment according to an embodiment of the present invention;
FIG. 12 is a diagram illustrating a mutual relation between each element of a logical structure of a web page and each element of a physical structure and a file format thereof in a web page service method in a SaaS environment according to an embodiment of the present invention;
13 is a diagram illustrating a process of generating a static view file in a web page service method in a SaaS environment according to an embodiment of the present invention;
14 is a flowchart illustrating a parser process for generating a static view file in a web page service method in a SaaS environment according to an embodiment of the present invention;
15 is a diagram illustrating a process of parsing a static view file in a web page service method in a SaaS environment according to an embodiment of the present invention in more detail;
16 is a diagram illustrating a page rendering process in a web page service method in a SaaS environment according to an embodiment of the present invention.

본 발명은 그 기술적 사상 또는 주요한 특징으로부터 벗어남이 없이 다른 여러가지 형태로 실시될 수 있다. 따라서, 본 발명의 실시예들은 모든 점에서 단순한 예시에 지나지 않으며 한정적으로 해석되어서는 안된다.The present invention may be embodied in many other forms without departing from its spirit or essential characteristics. Accordingly, the embodiments of the present invention are to be considered in all respects as merely illustrative and not restrictive.

제1, 제2등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 상기 구성요소들은 상기 용어들에 의해 한정되어서는 안 된다. The terms first, second, etc. may be used to describe various components, but the components should not be limited by the terms.

상기 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다. 예를 들어, 본 발명의 권리 범위를 벗어나지 않으면서 제1구성요소는 제2구성요소로 명명될 수 있고, 유사하게 제2구성요소도 제1구성요소로 명명될 수 있다. The terms are used only for the purpose of distinguishing one component from another. For example, without departing from the scope of the present invention, the first component may be referred to as a second component, and similarly, the second component may also be referred to as a first component.

및/또는 이라는 용어는 복수의 관련된 기재된 항목들의 조합 또는 복수의 관련된 기재된 항목들 중의 어느 항목을 포함한다.And / or < / RTI > includes any combination of a plurality of related listed items or any of a plurality of related listed items.

어떤 구성요소가 다른 구성요소에 "연결되어" 있다거나 "접속되어" 있다고 언급된 때에는, 그 다른 구성요소에 직접적으로 연결되어 있거나 또는 접속되어 있을 수도 있지만, 중간에 다른 구성요소가 존재할 수도 있다고 이해되어야 할 것이다. It is to be understood that when an element is referred to as being "connected" or "connected" to another element, it may be directly connected or connected to the other element, .

반면에, 어떤 구성요소가 다른 구성요소에 "직접 연결되어" 있다거나 "직접 접속되어" 있다고 언급된 때에는, 중간에 다른 구성요소가 존재하지 않는 것으로 이해되어야 할 것이다.On the other hand, when an element is referred to as being "directly connected" or "directly connected" to another element, it should be understood that there are no other elements in between.

본 출원에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. The terminology used in this application is used only to describe a specific embodiment and is not intended to limit the invention. The singular expressions include plural expressions unless the context clearly dictates otherwise.

본 출원에서, "포함하다" 또는 "구비하다", "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.In the present application, the terms "comprises", "having", "having", and the like are intended to specify the presence of stated features, integers, steps, operations, components, Steps, operations, elements, components, or combinations of elements, numbers, steps, operations, components, parts, or combinations thereof.

다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다. Unless defined otherwise, all terms used herein, including technical or scientific terms, have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs.

일반적으로 사용되는 사전에 정의되어 있는 것과 같은 용어들은 관련 기술의 문맥상 가지는 의미와 일치하는 의미를 가지는 것으로 해석되어야 하며, 본 출원에서 명백하게 정의하지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다.Terms such as those defined in commonly used dictionaries are to be interpreted as having a meaning consistent with the contextual meaning of the related art and are to be interpreted as either ideal or overly formal in the sense of the present application Do not.

이하, 첨부된 도면을 참조하여 본 발명에 따른 바람직한 실시예를 상세히 설명하되, 도면 부호에 관계없이 동일하거나 대응하는 구성 요소는 동일한 참조 번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다. Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings, wherein like or corresponding elements are denoted by the same reference numerals, and a duplicate description thereof will be omitted.

본 발명을 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 본 발명의 요지를 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다.
DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, the present invention will be described in detail with reference to the accompanying drawings.

본 실시예의 SaaS 환경에서의 웹페이지 서비스 방법은, 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 SaaS 환경으로 제공하며, 다양한 디바이스 환경에서 대응하여 유연한 웹페이지를 구현 가능하도록 구성된다.
The web page service method in the SaaS environment of the present embodiment provides the SaaS environment with the generating means necessary for generating the web page and the rendering means necessary for providing the web page and is configured to be capable of implementing a flexible web page in various device environments .

도 1은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법을 제공하기 위한 시스템 구성도이다. 1 is a system configuration diagram for providing a web page service method in a SaaS environment according to an embodiment of the present invention.

본 실시예의 SaaS 환경에서의 웹페이지 서비스 방법은, 네트워크(10)를 통해 웹페이지 서버(200)에서 클라이언트(300)로 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 제공한다. 웹페이지 서버(200)에는 관리자 클라이언트(100)가 더욱 연동되어, 본 실시예의 웹페이지 서비스 제공과 관련된 서버 관리가 이뤄질 수 있다. The web page service method in the SaaS environment of the present embodiment provides a generating means necessary for generating a web page and a rendering means necessary for providing a web page from the web page server 200 to the client 300 through the network 10. The manager client 100 is further interlocked with the web page server 200 so that the server management related to the web page service provision of the present embodiment can be performed.

본 실시예의 웹페이지 서버(200)는, 클라이언트(300)의 요청에 따라 웹페이지 생성 서비스와 웹페이지 랜더링 서비스를 제공하기 위한 이벤트를 제어 관리하는 컨트롤러 시스템(210)과, 상기 컨트롤러 시스템(210)의 제어에 따라 웹페이지 생성 서비스와 웹페이지 랜더링 서비스를 제공하는 서비스 시스템(220)과, 상기 서비스 시스템(220)과 연동하여 웹페이지 생성 서비스와 웹페이지 랜더링 서비스에 필요한 각종 파일 관리 기능을 제공하는 파일 시스템(230)과, 상기 서비스 시스템(220)과 연동하여 페이지 및 위젯 등의 웹페이지 생성 요소에 관한 DB를 관리하는 DBMS(240)와, 상기 서비스 시스템(220)과 연동하여 페이지 구성/설정 정보를 관리하는 로컬 DB(250)를 포함하여 구성된다. The web page server 200 of the present embodiment includes a controller system 210 that controls and manages events for providing a web page creation service and a web page rendering service at the request of the client 300, A service system 220 for providing a web page creation service and a web page rendering service under the control of the service system 220 and various file management functions necessary for a web page creation service and a web page rendering service in cooperation with the service system 220 A DBMS 240 that manages a DB relating to a web page creation element such as a page and a widget in cooperation with the service system 220 and a DBMS 240 that manages a page configuration / And a local DB 250 for managing information.

상기 서비스 시스템(220)은 웹페이지 생성 서비스와 웹페이지 랜더링 서비스를 위한 전반적인 기능을 제공하며, 일예로, 페이지 에디터, 위젯 에디터, 파서 등의 기능을 제공한다. The service system 220 provides overall functions for a web page creation service and a web page rendering service, and provides functions such as a page editor, a widget editor, and a parser.

본 실시예의 클라이언트(300)는 네트워크(10, 인터넷, 이동통신망 등)를 통해 웹페이지 서버(200)에 접속하여, 웹페이지 생성에 필요한 생성 수단을 제공받거나, 웹페이지 제공에 필요한 랜더링 수단을 제공받는 클라이언트로 이해될 수 있으며, 랜더링된 웹페이지를 사용하는 사용자 클라이언트도 포함할 수 있다. 이러한 클라이언트(300)는 통상의 컴퓨팅 수단(예, PC, 태블릿 컴퓨터)이나, 모바일 단말 등의 형태로 구현될 수 있다.
The client 300 of the present embodiment accesses the web page server 200 via the network 10 (Internet, mobile communication network, etc.) and receives the generating means necessary for generating the web page, or provides the rendering means necessary for providing the web page It can be understood as a receiving client, and can include a user client using a rendered web page. Such a client 300 may be implemented in the form of conventional computing means (e.g., PC, tablet computer), mobile terminal, or the like.

도 6은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조를 나타낸 도면, 도 7은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소의 개념을 나타낸 도면, 도 8은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소의 유형을 예시한 도면, 도 9는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 물리적 구조(파일 구조)를 나타낸 도면, 도 10은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 물리적 구조의 각 요소의 개념과 파일 형식을 나타낸 도면, 도 11은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소와 물리적 구조의 각 요소간의 상호 관계를 나타낸 도면, 도 12는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소와 물리적 구조의 각 요소간의 상호 관계 및 그 파일 형식을 함께 나타낸 도면이다.
FIG. 6 is a diagram illustrating a logical structure of a web page in a web page service method in a SaaS environment according to an embodiment of the present invention. FIG. 7 is a diagram illustrating a web page service method in a SaaS environment according to an embodiment of the present invention. FIG. 8 is a diagram illustrating the types of elements of a logical structure of a web page in a method of providing a web page in a SaaS environment according to an embodiment of the present invention, and FIG. 9 (File structure) in a web page service method in a SaaS environment according to an embodiment of the present invention. FIG. 10 is a diagram illustrating a web page service method in a SaaS environment according to an embodiment of the present invention FIG. 11 is a diagram illustrating a concept of each element of a physical structure of a web page and a file format in the SaaS environment according to an embodiment of the present invention. FIG. 12 is a diagram illustrating a correlation between each element of a logical structure of a web page and each element of a physical structure in a web page service method of FIG. 12; and FIG. 12 is a diagram illustrating a web page service method in a SaaS environment according to an embodiment of the present invention. And also shows the mutual relationship between each element of the logical structure and each element of the physical structure and the file format thereof.

본 실시예에서는, 웹페이지 생성을 위한 논리적 요소로서 페이지 및 마스터, 위젯, 컴포넌트, 엘리먼트, 핸들러, 인터랙션을 포함하며, 웹페이지 생성을 위한 물리적 요소로서 메타정보 파일 및 템플릿 파일, 단위 뷰 파일, 정적 뷰 파일을 포함하도록 웹페이지 요소를 관리한다. In this embodiment, a logical element for generating a web page includes a page and a master, a widget, a component, an element, a handler, and an interaction. The meta information file and the template file, the unit view file, Manage Web page elements to include view files.

상기 페이지 및 마스터는 상기 템플릿 파일 또는 정적 뷰 파일의 형태로 관리하고, 상기 위젯은 상기 템플릿 파일 또는 정적 뷰 파일, 단위 뷰 파일의 형태로 관리하며, 상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션은 상기 메타정보 파일 또는 단위 뷰 파일의 형태로 관리하도록 구성된다. The page and the master are managed in the form of the template file or the static view file and the widget is managed in the form of the template file, the static view file and the unit view file, and the component, element, handler, File or unit view file.

본 실시예에 따르면, 다양한 디바이스 환경에서 대응하여 상기 각각의 물리적 요소를 관리할 수 있으므로, 각각의 디바이스 환경에 대응하여 유연한 웹페이지를 구현할 수 있게 된다. According to the present embodiment, since the physical elements can be managed correspondingly in various device environments, it is possible to implement a flexible web page corresponding to each device environment.

바람직하게, 상기 페이지 또는 마스터, 위젯은, 상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션 중 적어도 어느 하나 이상의 요소를 포함하여 구성된다. Preferably, the page or master and the widget include at least one of the component, the element, the handler, and the interaction.

이러한 웹페이지 구성 요소의 논리적 요소와 물리적 요소의 대응 관계와 각각 요소의 계층적 구조는 도 6 및 도 11을 통해 예시적으로 이해될 수 있으며, 바람직한 파일 형식의 예는 도 12를 통해 예시적으로 이해될 수 있다.
The correspondence between the logical elements and the physical elements of such a web page element and the hierarchical structure of each element can be understood by way of example with reference to FIGS. 6 and 11, and an example of a preferred file format is exemplarily shown in FIG. 12 Can be understood.

본 실시예에서, 페이지는 웹페이지를 구성하기 위한 기본 요소로 이해될 수 있다. In this embodiment, a page can be understood as a basic element for constituting a web page.

마스터는 상기 페이지의 구성 요소들을 미리 설정해 놓은 레이아웃으로 이해될 수 있다. 일예로, 페이지는 클라이언트의 요청에 의해 개별 페이지 특성에 따른 개별적인 레이아웃을 갖도록 설정될 수도 있으며, 미리 설정해 놓은 페이지 마스터를 선택적으로 적용하여 레이아웃을 갖도록 할 수도 있다. 마스터를 적용하는 경우, 사용자는 더욱 통일되고 편리한 페이지 구성을 제공받을 수 있다. 이를 위해, 마스터 적용을 위한 별도의 사용자 UI가 구비될 수 있다. The master can be understood as a layout in which the elements of the page are set in advance. For example, the page may be set to have a separate layout according to individual page characteristics at the request of the client, or may have a layout by selectively applying a preset page master. When a master is applied, the user can be provided with a more uniform and convenient page structure. To this end, a separate user UI for application of the master may be provided.

참고로, 도 8에 예시된 모듈은 페이지나 마스터에 의해 구현되는 사용자 기능 관점의 요소로 이해될 수 있으며, 일예로, 도 8에 예시된 것처럼 게시판, 회원가입, 카페, 블로그 등이 될 수 있다. For reference, the module illustrated in FIG. 8 can be understood as an element of a user function view that is implemented by a page or a master. For example, the module illustrated in FIG. 8 can be a board, a membership, a cafe, .

본 실시예에서, 상기 위젯은 상기 페이지를 구성하는 기능 요소이며, 일예로, 로그인 위젯, 게시물 추출 위젯, 배너 위젯 등의 위젯이 관리될 수 있다. In the present embodiment, the widget is a functional element constituting the page. For example, widgets such as a login widget, a post extracting widget, and a banner widget may be managed.

상기 컴포넌트는 상기 페이지 또는 위젯을 구성하는 UI(user interface) 요소이며, 일예로, 캘린더, 카운터, 그리드(grid), 맵(map) 등의 컴포넌트가 관리될 수 있다. The component is a user interface (UI) element constituting the page or the widget. For example, components such as a calendar, a counter, a grid, and a map may be managed.

상기 엘리먼트는 HTML(Hypertext Markup Language) 요소를 표현하는 요소이며, 일예로, 오디오, 북마크, 버튼 이미지, 체크박스 등의 엘리먼트가 관리될 수 있다. The element is an element representing an HTML (Hypertext Markup Language) element. For example, elements such as audio, bookmarks, button images, and check boxes can be managed.

또한, 상기 핸들러는 상기 웹페이지 서버에서 데이터 또는 로직을 처리하는 요소이며, 상기 인터랙션은 상기 페이지 또는 위젯에서 화면흐름 처리 액션을 정의하는 요소이다. 일예로, 핸들러는 클라이언트로부터 HTTP Request 요청을 받아 이를 처리한 후에 결과를 Request에 세팅 또는 JSON 형식으로 반환하는 기능을 수행한다. In addition, the handler is an element for processing data or logic in the web page server, and the interaction is an element for defining a screen flow processing action in the page or the widget. For example, a handler receives an HTTP request from a client, processes the request, and returns the result to the request or JSON format.

이러한 웹페이지 논리적 요소들의 개념은 도 7을 통해 예시적으로 이해될 수 있으며, 실제 관리되는 다양한 형태들은 도 8을 통해 예시적으로 이해될 수 있다.
The concept of these web page logical elements may be understood by way of example in FIG. 7, and various forms actually managed may be understood by way of example with reference to FIG.

본 실시예에서, 상기 템플릿 파일은 상기 정적 뷰 파일을 만들기 위한 중간단계 파일이며, 또한, 상기 단위 뷰 파일은 상기 컴포넌트 또는 엘리먼트의 뷰 파일이거나 상기 인터랙션을 구성하는 JS(JavaScript) 파일이며, 상기 메타정보 파일은 웹페이지 구성 요소의 기본 정보를 정의하는 파일이다. In the present embodiment, the template file is an intermediate file for creating the static view file, and the unit view file is a view file of the component or element or a JS (JavaScript) file constituting the interaction, An information file is a file that defines the basic information of a web page component.

상기 정적 뷰 파일은 상기 템플릿 파일이 파서를 통해 변환된 파일로서 페이지 랜더링시 출력되는 파일이다. The static view file is a file in which the template file is converted through a parser and is output at the time of page rendering.

바람직한 일예로, 본 실시예는, 상기 메타정보 파일 및 템플릿 파일은 XML 파일형식으로 관리하며, 상기 단위 뷰 파일 및 정적 뷰 파일은 VM/CSS/JS(Velocity Template/Cascading Style Sheet/JavaScript) 중의 어느 하나의 파일형식으로 관리한다. In a preferred embodiment, the meta information file and the template file are managed in an XML file format, and the unit view file and the static view file are managed by any of VM / CSS / JS (Velocity Template / Cascading Style Sheet / JavaScript) Manage in one file format.

이러한 웹페이지 물리적 요소들의 관계는 도 9를 통해 이해될 수 있으며, 물리적 요소들의 개념 및 파일 형식은 도 10을 통해 예시적으로 이해될 수 있다.
The relationship of these web page physical elements can be understood through FIG. 9, and the concept of physical elements and the file format can be exemplarily understood through FIG.

도 2는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 생성 과정을 나타낸 도면, 도 3은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 편집 과정을 나타낸 도면이다. FIG. 2 is a diagram illustrating a page creation process in a web page service method in a SaaS environment according to an embodiment of the present invention. FIG. 3 is a flowchart illustrating a page editing process in a web page service method in a SaaS environment according to an embodiment of the present invention. Fig.

본 실시예의 웹페이지 서비스 방법에서는, 웹페이지 요소 생성 시에는, 클라이언트로부터 입력된 요청 정보에 근거하여 웹페이지 서버에 구비된 에디터가 페이지 또는 마스터, 위젯 템플릿 파일을 생성하고, 웹페이지 서버에 구비된 파서가 상기 페이지 또는 마스터, 위젯 템플릿 파일에 대한 구문 분석을 하여 분석 결과에 따라 기 저장된 상기 단위 뷰 파일 중 적어도 하나 이상을 구성 요소로 하여 페이지 또는 마스터, 위젯 정적 뷰 파일을 생성한다. In the web page service method of the present embodiment, when a web page element is created, an editor provided in the web page server generates a page, a master, and a widget template file based on the request information input from the client, The parser parses the page, master, and widget template file, and generates a page, a master, and a widget static view file using at least one of the unit view files previously stored according to the analysis result as a component.

일예로, 상기 프로세스는 다음의 표 1과 같이 실행될 수 있으며, 작업 프로세스에 대한 상세 설명은 후술한다. For example, the above process can be executed as shown in Table 1 below, and a detailed description of the work process will be described later.

작업순서sequence of the work 작업 프로세스Work process 설명Explanation 1One 템플릿 파일 생성Create template file 직접 편집 또는 에디터 저장시 생성Created when editing directly or saving editors 22 구문(Syntax) 분석Syntax analysis 파서(Parser)가 템플릿 파일(예, XML)의 구문을 분석하여 JSON 결과로 변환Parser parses template files (eg, XML) and converts them to JSON results 33 뷰 파일 변환Converting View Files 구문 분석결과와 단위 뷰 파일을 참조하여 정적 뷰 파일의 데이터로 변환Convert parsing results and unit view files into static view file data 44 뷰 파일 생성Create View File 변환된 데이터를 정적 파일 생성규칙에 따라 파일 생성Generate converted files according to static file generation rules

도 2를 참조하여, 페이지 생성 과정을 보다 상세하게 예시적으로 설명한다. Referring to FIG. 2, the page creation process will be described in more detail.

본 실시예의 웹페이지 서버가 제공하는 페이지 에디터를 통해, 페이지 기본정보가 입력되면, 신규 페이지가 생성되고 페이지 마스터가 설정되어 DBMS의 페이지 DB 정보로 저장된다. When the page basic information is inputted through the page editor provided by the web page server of the present embodiment, a new page is created, and the page master is set and stored as the page DB information of the DBMS.

이후, 페이지 구성요소가 추가되면, 추가 내용에 따라, 위젯 화면 랜더링 및/또는 컴포넌트 화면 랜더링, 엘리먼트 화면 랜더링, 핸들러 추가 과정을 거쳐 추가 내용이 로컬 DB에 페이지 구성/설정 정보로서 저장된다. 이를 위해, 파일 시스템에서는 위젯 단위 뷰 파일, 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일이 독출된다. After the page component is added, the widget screen rendering and / or component screen rendering, element screen rendering, and handler addition process are performed according to the additional contents, and the additional contents are stored as page configuration / setting information in the local DB. To this end, in the file system, a widget unit view file, a component unit view file, and an element unit view file are read out.

이후, 페이지 편집 과정에서는, 위치이동/크기조절, 페이지 구성요소 추가/삭제, 인터랙션 추가/삭제의 과정을 거쳐 편집 내용이 로컬 DB에 페이지 구성/설정 정보로서 저장된다. In the page editing process, editing contents are stored as page configuration / setting information in the local DB through the process of position movement / size adjustment, page component addition / deletion, and interaction addition / deletion.

이후, 페이지 에디터를 통해, 페이지 구성요소 설정값이 입력되면, 페이지 정보 DB가 생성되고, 페이지 템플릿 파일이 파일 시스템에 생성된다. 페이지 구성요소 설정값은 로컬 DB에 페이지 구성/설정 정보로서 저장되고, 페이지 정보 DB는 DBMS의 페이지 DB 정보로 저장된다. Thereafter, when a page component setting value is inputted through a page editor, a page information DB is generated, and a page template file is created in the file system. The page component setting value is stored as page configuration / setting information in the local DB, and the page information DB is stored as the page DB information of the DBMS.

파서를 통해, 템플릿 파일이 독출되고, 페이지 구성요소별 변환규칙이 적용되어 페이지 정적 뷰 파일 데이터가 생성되고, 그에 따라 페이지 에디터에서 생성된 페이지 정적 뷰 파일 데이터를 통해 파일 시스템에 페이지 정적 뷰 파일이 생성된다. Through the parser, the template file is read, the page transformation rules are applied to generate the page static view file data, and the pages generated by the page editor are converted to the page static view file through the static view file data. .

페이지 구성요소별 변환규칙 적용 시, 위젯 단위 뷰 파일, 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일, 인터랙션 JS 파일이 독출 및 사용된다.
When a page component conversion rule is applied, a widget unit view file, a component unit view file, an element unit view file, and an interaction JS file are read and used.

도 3을 참조하여, 페이지 편집 과정을 보다 상세하게 예시적으로 설명한다. With reference to FIG. 3, the page editing process will be described in more detail.

본 실시예의 웹페이지 서버가 제공하는 페이지 에디터를 통해, 페이지 템플릿 파일이 독출되고 페이지 구성요소 화면 랜더링이 이뤄진다. 페이지 템플릿 파일은 파일 시스템으로부터 독출한다. Through the page editor provided by the web page server of the present embodiment, the page template file is read out and the page component screen rendering is performed. The page template file is read from the file system.

이를 위해, 위젯 화면 랜더링 및/또는 컴포넌트 화면 랜더링, 엘리먼트 화면 랜더링, 인터랙션 정보 출력, 핸들러 정보 출력이 이뤄지고, 페이지 편집이 이뤄진다. 이를 위해, 파일 시스템에서는 위젯 단위 뷰 파일, 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일이 독출된다.
To do this, widget screen rendering and / or component screen rendering, element screen rendering, interaction information output, handler information output, and page editing are performed. To this end, in the file system, a widget unit view file, a component unit view file, and an element unit view file are read out.

도 4는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 위젯 생성 과정을 나타낸 도면, 도 5는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 위젯 편집 과정을 나타낸 도면이다. FIG. 4 is a diagram illustrating a widget generating process in a web page service method in a SaaS environment according to an embodiment of the present invention. FIG. 5 is a flowchart illustrating a widget editing process in a web page service method in a SaaS environment according to an embodiment of the present invention. Fig.

도 4를 참조하여, 위젯 생성 과정을 보다 상세하게 예시적으로 설명한다. The widget creation process will be described in more detail with reference to FIG.

본 실시예의 웹페이지 서버가 제공하는 위젯 에디터를 통해, 위젯 기본정보가 입력되고, 위젯 기본정보가 로컬 DB에 위젯 구성/설정 정보로서 저장된다. Widget basic information is input through the widget editor provided by the web page server of the present embodiment, and widget basic information is stored as widget configuration / setting information in the local DB.

위젯 구성요소가 추가되면, 추가 내용에 따라, 컴포넌트 화면 랜더링 및/또는 엘리먼트 화면 랜더링, 핸들러 추가 과정을 거쳐 추가 내용이 로컬 DB에 위젯 구성/설정 정보로서 저장된다. 이를 위해, 파일 시스템에서는 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일이 독출된다. When the widget component is added, the component screen rendering and / or element screen rendering and handler addition process are performed according to the addition, and the additional contents are stored as widget configuration / setting information in the local DB. To this end, in the file system, a component unit view file and an element unit view file are read out.

이후, 위젯 편집 과정에서는, 위치이동/크기조절, 위젯 구성요소 추가/삭제, 인터랙션 추가/삭제의 과정을 거쳐 편집 내용이 로컬 DB에 위젯 구성/설정 정보로서 저장된다. Thereafter, in the editing process of the widget, edit contents are stored as widget configuration / setting information in the local DB through the process of location movement / size adjustment, widget component addition / deletion, and interaction addition / deletion.

이후, 위젯 에디터를 통해, 위젯 구성요소 설정값이 입력되면, 위젯 구성요소 설정값은 로컬 DB에 위젯 구성/설정 정보로서 저장된다. Thereafter, when the widget component setting value is input through the widget editor, the widget component setting value is stored as widget configuration / setting information in the local DB.

위젯 적용범위가 선택되면, 위젯 정보 DB는 DBMS의 위젯 DB 정보로 저장되고, 위젯 템플릿 파일이 파일 시스템에 생성된다. When widget coverage is selected, widget information DB is stored as widget DB information of DBMS, and widget template file is created in file system.

파서를 통해, 템플릿 파일이 독출되고, 위젯 구성요소별 변환규칙이 적용되어 위젯 정적 뷰 파일 데이터가 생성되고, 그에 따라 위젯 에디터 및 파일 시스템에 위젯 정적 뷰 파일이 생성된다. Through the parser, the template file is read out, the conversion rule for each widget component is applied, and widget static view file data is generated, and widget static view file is created in the widget editor and file system accordingly.

위젯 구성요소별 변환규칙 적용 시, 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일, 인터랙션 JS 파일이 독출 및 사용된다.
When a transformation rule is applied to a widget component, a component unit view file, an element unit view file, and an interaction JS file are read and used.

도 5를 참조하여, 위젯 편집 과정을 보다 상세하게 예시적으로 설명한다. With reference to FIG. 5, the widget editing process will be described in more detail.

본 실시예의 웹페이지 서버가 제공하는 위젯 에디터를 통해, 위젯 템플릿 파일이 선택 및 독출되고 위젯 구성요소 화면 랜더링이 이뤄진다. 위젯 템플릿 파일은 파일 시스템으로부터 독출한다. Through the widget editor provided by the web page server of the present embodiment, a widget template file is selected and read out, and a widget component screen rendering is performed. The widget template file is read from the file system.

이를 위해, 컴포넌트 화면 랜더링 및/또는 엘리먼트 화면 랜더링, 인터랙션 정보 출력, 핸들러 정보 출력이 이뤄지고, 위젯 편집이 이뤄진다. 이를 위해, 파일 시스템에서는 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일이 독출된다.
To do this, component screen rendering and / or element screen rendering, interaction information output, handler information output, and widget editing are performed. To this end, in the file system, a component unit view file and an element unit view file are read out.

도 13은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성 과정을 나타낸 도면, 도 14는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 나타낸 도면, 도 15는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 더욱 상세하게 나타낸 도면이다. FIG. 13 is a diagram illustrating a process of generating a static view file in a web page service method in a SaaS environment according to an embodiment of the present invention. FIG. FIG. 15 is a diagram illustrating a process of parsing a parser for generating a static view file according to an embodiment of the present invention. FIG. 15 is a diagram illustrating a parser for generating a static view file in a method for rendering a web page in a SaaS environment according to an embodiment of the present invention. FIG. 5 is a diagram showing the processing procedure in more detail.

본 실시예의 파서는 페이지/마스터/위젯 템플릿 파일을 각각의 정적 뷰 파일로 변환 처리를 담당하는 독립 프로그램으로 이해될 수 있다. The parser of the present embodiment can be understood as an independent program that is responsible for converting a page / master / widget template file into a respective static view file.

본 실시예에서, 상기 파서는, 파서의 처리 방식을 정의한 설정파일과, 상기 설정파일에 따른 파일변환 처리를 하는 파일변환 프로그램 요소와, 파일변환 작업시 변수값을 처리하는 변수처리 프로그램 요소를 포함하며, 상기 파일변환 프로그램이 상기 설정파일을 독출하고, 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받는 변환 과정을 거쳐, 상기 페이지 또는 마스터, 위젯 템플릿 파일을 각각의 템플릿 파일에 대응하는 페이지 또는 마스터, 위젯 정적 뷰 파일로 변환 처리한다. 이러한 파서의 구성 및 실행 과정은 도 13 및 도 14를 통해 이해될 수 있다. In the present embodiment, the parser includes a configuration file that defines a processing method of a parser, a file conversion program element that performs file conversion processing according to the setting file, and a variable processing program element that processes variable values in a file conversion operation The file conversion program reads the configuration file, invokes the variable processing program, and returns a variable processing result value to convert the page, master, or widget template file into a page corresponding to each template file Or master, widget static view file. The construction and execution process of such a parser can be understood from FIG. 13 and FIG.

도 15를 참조하여, 페이지 또는 마스터 템플릿 파일에 대한 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 보다 상세하게 예시적으로 설명한다. Referring to FIG. 15, a process of a parser for generating a static view file for a page or a master template file will be described in more detail.

먼저, 템플릿 파일 변환이 요청되면, 파서가 변환 요청된 템플릿 파일을 파싱하고 상기 설정파일을 파싱한다. 이를 위해, 파일 시스템에서는 페이지/마스터/위젯 템플릿 파일이 독출되고, 파서 설정파일이 독출된다. First, when a template file conversion is requested, the parser parses the template file requested to be converted and parses the configuration file. To this end, in the file system, the page / master / widget template file is read out and the parser configuration file is read out.

다음으로, 파서는 위젯 템플릿 파일 및 컴포넌트 파일, 엘리먼트 파일 중 변환 요청된 상기 템플릿 파일에 정의된 파일을 독출하고, 설정파일로부터 독출한 설정값을 조합하여 중간단계 템플릿 데이터를 생성한다. 이를 위해, 파일 시스템에서는 위젯 단위 뷰 파일, 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일이 독출된다. Next, the parser reads the widget template file, the component file, and the file defined in the template file requested to be converted in the element file, and combines the read setting values from the setting file to generate the intermediate template data. To this end, in the file system, a widget unit view file, a component unit view file, and an element unit view file are read out.

다음으로, 파서는 상기 중간단계 템플릿 데이터로부터 변수 처리대상을 추출하고 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받아 정적 뷰 파일 데이터를 생성하고, 정적 뷰 파일을 생성하여 파일 시스템에 저장한다. Next, the parser extracts the variable processing object from the intermediate template data, calls the variable processing program, returns the variable processing result value, generates static view file data, and creates and stores the static view file in the file system .

위젯 정적 뷰 파일도 상기 과정과 동일 내지 유사한 방식으로 생성된다.
The widget static view file is also created in the same or similar manner as the above process.

도 16은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 랜더링 제공 과정을 나타낸 도면이다. 16 is a diagram illustrating a page rendering process in a web page service method in a SaaS environment according to an embodiment of the present invention.

본 실시예의 웹페이지 서비스 방법에서는, 웹페이지 랜더링 시에, 클라이언트로부터 요청된 웹페이지 정보에 근거하여 웹페이지 서버가 요청된 웹페이지에 해당하는 페이지 또는 마스터, 위젯 정적 뷰 파일을 랜더링하여 웹페이지를 제공하도록 구성된다. In the web page service method of the present embodiment, when a web page is rendered, a web page server renders a page, a master, and a widget static view file corresponding to the requested web page based on the web page information requested by the client, .

도 16을 참조하여, 페이지 랜더링 제공 과정을 보다 상세하게 예시적으로 설명한다. Referring to FIG. 16, the process of providing page rendering will be described in more detail.

클라이언트로부터 페이지 URL 요청이 입력되면, 컨트롤러 시스템에서 페이지 컨트롤러를 호출한다. When the page URL request is input from the client, the controller system calls the page controller.

이후, 서비스 시스템에서 사이트 공통정보 조회 및 페이지 마스터 정보 조회, 페이지 정보 조회, 핸들러 실행, 페이지 뷰 결정이 이뤄진다. 이를 위해, DBMS로부터 페이지 마스터 DB 및 페이지 DB의 정보가 독출된다. Then, the service system inquires the site common information, the page master information inquiry, the page information inquiry, the handler execution, and the page view are determined. To this end, the information of the page master DB and the page DB is read out from the DBMS.

이후, 컨트롤러 시스템의 페이지 뷰 랜더링을 거쳐, 클라이언트로 페이지 응답 처리를 한다. 페이지 뷰 랜더링 시 파일 시스템으로부터 페이지 정적 뷰 파일이 독출된다.
After that, the controller system performs page response rendering to the client through page view rendering. Page view When rendering, the page static view file is read from the file system.

본 발명의 실시예 들은 다양한 컴퓨터로 구현되는 동작을 수행하기 위한 프로그램과 이를 기록한 컴퓨터 판독가능 매체를 포함한다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체는 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM, DVD, USB 드라이브와 같은 광기록 매체, 플롭티컬 디스크와 같은 자기-광 매체, 및 롬, 램, 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.Embodiments of the present invention include a computer readable medium having recorded thereon a program for performing various computer-implemented operations. The computer-readable medium may include program instructions, data files, data structures, and the like, alone or in combination. The media may be those specially designed and constructed for the present invention or may be those known to those skilled in the computer software. Examples of computer-readable media include magnetic media such as hard disks, floppy disks and magnetic tape, optical recording media such as CD-ROMs, DVDs, USB drives, self-optical media such as floppy disks, And a hardware device specifically configured to store and execute program instructions such as flash memory and the like. Examples of program instructions include machine language code such as those produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like.

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

100: 관리자 클라이언트
200: 웹 페이지 서버
300: 클라이언트
100: Administrator Client
200: Web page server
300: Client

Claims (13)

네트워크를 통해 웹페이지 서버에서 클라이언트로 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 제공하는 방법으로서,
웹페이지 생성을 위한 논리적 요소로서 페이지 및 마스터, 위젯, 컴포넌트, 엘리먼트, 핸들러, 인터랙션을 포함하며, 웹페이지 생성을 위한 물리적 요소로서 메타정보 파일 및 템플릿 파일, 단위 뷰 파일, 정적 뷰 파일을 포함하도록 웹페이지 요소를 관리하되,
웹페이지 요소 생성 시에는, 클라이언트로부터 입력된 요청 정보에 근거하여 웹페이지 서버에 구비된 에디터가 페이지 또는 마스터, 위젯 템플릿 파일을 생성하고, 웹페이지 서버에 구비된 파서가 상기 페이지 또는 마스터, 위젯 템플릿 파일에 대한 구문 분석을 하여 분석 결과에 따라 기 저장된 상기 단위 뷰 파일 중 적어도 하나 이상을 구성 요소로 하여 페이지 또는 마스터, 위젯 정적 뷰 파일을 생성하며,
웹페이지 랜더링 시에는, 클라이언트로부터 요청된 웹페이지 정보에 근거하여 웹페이지 서버가 요청된 웹페이지에 해당하는 페이지 또는 마스터, 위젯 정적 뷰 파일을 랜더링하여 웹페이지를 제공하되,
상기 페이지 및 마스터는 상기 템플릿 파일 또는 정적 뷰 파일의 형태로 관리하고,
상기 위젯은 상기 템플릿 파일 또는 정적 뷰 파일, 단위 뷰 파일의 형태로 관리하며,
상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션은 상기 메타정보 파일 또는 단위 뷰 파일의 형태로 관리하도록 구성된 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
There is provided a method for providing a generating means necessary for generating a web page from a web page server to a client via a network and a rendering means necessary for providing a web page,
It is a logical element for web page creation. It includes pages and masters, widgets, components, elements, handlers, and interactions. It also includes meta information files and template files, unit view files and static view files as physical elements for web page creation. Manage Web page elements,
At the time of creating a web page element, an editor provided in the web page server generates a page, a master, and a widget template file based on the request information inputted from the client, and the parser provided in the web page server transmits the page, Parses the file, generates a page, a master, and a widget static view file using at least one of the unit view files previously stored according to the analysis result as a component,
In rendering a web page, a web page server provides a web page by rendering a page or a master or a widget static view file corresponding to the requested web page based on the web page information requested from the client,
The page and the master are managed in the form of the template file or the static view file,
The widget manages the template file, the static view file, and the unit view file,
Wherein the component, the element, the handler, and the interaction are managed in the form of the meta information file or the unit view file.
삭제delete 제1항에 있어서,
상기 페이지 또는 마스터, 위젯은,
상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션 중 적어도 어느 하나 이상의 요소를 포함하여 구성되는 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
The method according to claim 1,
The page or master, widget,
Wherein the at least one element comprises at least one of the component, the element, the handler, and the interaction.
제1항에 있어서,
상기 위젯은 상기 페이지를 구성하는 기능 요소이며,
상기 컴포넌트는 상기 페이지 또는 위젯을 구성하는 UI(user interface) 요소이며,
상기 엘리먼트는 HTML(Hypertext Markup Language) 요소를 표현하는 요소인 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
The method according to claim 1,
Wherein the widget is a functional element constituting the page,
The component is a user interface (UI) element that constitutes the page or widget,
Wherein the element is an element representing an HTML (Hypertext Markup Language) element.
제1항에 있어서,
상기 핸들러는 상기 웹페이지 서버에서 데이터 또는 로직을 처리하는 요소인 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
The method according to claim 1,
Wherein the handler is an element for processing data or logic in the web page server.
제1항에 있어서,
상기 인터랙션은 상기 페이지 또는 위젯에서 화면흐름 처리 액션을 정의하는 요소인 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
The method according to claim 1,
Wherein the interaction is an element that defines a screen flow processing action in the page or the widget.
제1항에 있어서,
상기 템플릿 파일은 상기 정적 뷰 파일을 만들기 위한 중간단계 파일이며,
상기 단위 뷰 파일은 상기 컴포넌트 또는 엘리먼트의 뷰 파일이거나 상기 인터랙션을 구성하는 JS(JavaScript) 파일이며,
상기 정적 뷰 파일은 상기 템플릿 파일이 파서를 통해 변환된 파일로서 페이지 랜더링시 출력되는 파일인 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
The method according to claim 1,
The template file is an intermediate file for creating the static view file,
Wherein the unit view file is a view file of the component or element or a JS (JavaScript) file constituting the interaction,
Wherein the static view file is a file converted by the parser through the template file, and is output during page rendering.
제7항에 있어서,
상기 메타정보 파일은 웹페이지 구성 요소의 기본 정보를 정의하는 파일인 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
8. The method of claim 7,
Wherein the meta information file is a file that defines basic information of a web page component.
제8항에 있어서,
상기 메타정보 파일 및 템플릿 파일은 XML 파일형식으로 관리하며,
상기 단위 뷰 파일 및 정적 뷰 파일은 VM/CSS/JS(Velocity Template/Cascading Style Sheet/JavaScript) 중의 어느 하나의 파일형식으로 관리하는 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
9. The method of claim 8,
The meta information file and the template file are managed in an XML file format,
Wherein the unit view file and the static view file are managed in a file format of any one of a VM / CSS / JS (Velocity Template / Cascading Style Sheet / JavaScript) format.
제1항에 있어서,
상기 파서는,
파서의 처리 방식을 정의한 설정파일과, 상기 설정파일에 따른 파일변환 처리를 하는 파일변환 프로그램 요소와, 파일변환 작업시 변수값을 처리하는 변수처리 프로그램 요소를 포함하며,
상기 파일변환 프로그램이 상기 설정파일을 독출하고, 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받는 변환 과정을 거쳐,
상기 페이지 또는 마스터, 위젯 템플릿 파일을 각각의 템플릿 파일에 대응하는 페이지 또는 마스터, 위젯 정적 뷰 파일로 변환 처리하는 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
The method according to claim 1,
The parser,
A file conversion program element for performing a file conversion process according to the setting file; and a variable process program element for processing a variable value in a file conversion operation,
The file conversion program reads the configuration file, calls the variable processing program, and returns a variable processing result value,
And converting the page, master, and widget template file into a page, a master, and a widget static view file corresponding to the respective template files.
제10항에 있어서,
페이지 또는 마스터 템플릿 파일에 대한 상기 변환 과정은,
변환 요청된 템플릿 파일을 파싱하고 상기 설정파일을 파싱하며,
위젯 템플릿 파일 및 컴포넌트 파일, 엘리먼트 파일 중 변환 요청된 상기 템플릿 파일에 정의된 파일을 독출하고, 설정파일로부터 독출한 설정값을 조합하여 중간단계 템플릿 데이터를 생성하며,
상기 중간단계 템플릿 데이터로부터 변수 처리대상을 추출하고 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받아 정적 뷰 파일 데이터를 생성하는 과정을 거쳐 상기 정적 뷰 파일을 생성하는 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
11. The method of claim 10,
The conversion process for a page or a master template file may include:
Parses the template file requested to be converted and parses the configuration file,
Reads out a widget template file, a component file, and a file defined in the template file requested to be converted among the element files, and combines the set values read from the setting file to generate intermediate template data,
Wherein the static view file is generated by extracting a variable processing object from the intermediate template data, calling the variable processing program, and returning a variable processing result value to generate static view file data. Web page service method.
하드웨어와 결합되어 제1항, 제3항 내지 제11항 중의 어느 한 항에 따른 SaaS 환경에서의 웹페이지 서비스 방법을 실행시키기 위하여 기록 매체에 저장된 컴퓨터 프로그램.
13. A computer program stored on a recording medium for executing a web page service method in a SaaS environment according to any one of claims 1 to 11 in combination with hardware.
제1항, 제3항 내지 제11항 중의 어느 한 항에 따른 SaaS 환경에서의 웹페이지 서비스 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체.A computer-readable recording medium on which a computer program for executing a web page service method in a SaaS environment according to any one of claims 1 to 11 is recorded.
KR1020150023548A 2014-02-19 2015-02-16 Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same KR101730070B1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR20140019288 2014-02-19
KR1020140019288 2014-02-19

Publications (2)

Publication Number Publication Date
KR20150098215A KR20150098215A (en) 2015-08-27
KR101730070B1 true KR101730070B1 (en) 2017-04-25

Family

ID=54059698

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020150023548A KR101730070B1 (en) 2014-02-19 2015-02-16 Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same

Country Status (1)

Country Link
KR (1) KR101730070B1 (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101885067B1 (en) * 2017-09-12 2018-09-10 주식회사 명리 Method for providing real time response collecting service
CN109936605B (en) * 2017-12-18 2021-11-05 北京京东尚科信息技术有限公司 Method and device for loading interface data
KR102132385B1 (en) * 2018-10-17 2020-08-05 (주)지란지교소프트 System and method for controlling local file based on web browser

Also Published As

Publication number Publication date
KR20150098215A (en) 2015-08-27

Similar Documents

Publication Publication Date Title
US8788935B1 (en) Systems and methods for creating or updating an application using website content
US20080028302A1 (en) Method and apparatus for incrementally updating a web page
US10049095B2 (en) In-context editing of output presentations via automatic pattern detection
KR101951719B1 (en) A web reporting design system with programming event handling by using graphic interface
KR101275871B1 (en) System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor
US10417317B2 (en) Web page profiler
US20170031877A1 (en) Web Page Design System
CN104798067A (en) Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method
Anderson et al. Pro business applications with silverlight 4
US10742764B2 (en) Web page generation system
KR101730070B1 (en) Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same
US10324600B2 (en) Web page generation system
Hayakawa et al. Maintaining web applications by translating among different RIA technologies
Freeman Pro jQuery 2.0
Homann et al. Towards an End-User development tool for mobile ERP applications
Ragupathi Learning ASP. NET Core MVC Programming
Yu et al. Developing a web-based symbolic circuit analysis tool for learning and design aid
KR20220122246A (en) System and method for producing homepage in SaaS ENVIRONMENT
CN111367515B (en) Page card development method, device, computing equipment and storage medium
Nouri et al. Interactive, live mashup development through UI-oriented computing
KR20130040167A (en) System for producing homepage in saas environment, a computer-readable storage medium therefor
Tran Building a musical instrument store application using ReactJS
Guerrero et al. Fiori Applications in SAP HANA
Wang et al. Mobile financial news mashup development based on yql
CN116204175A (en) Front-end code-free development framework, method, medium and equipment driven by UI model

Legal Events

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

Payment date: 20200213

Year of fee payment: 4