KR100727083B1 - 웹 기반 프로그램 관리 방법 및 시스템 - Google Patents

Abstract

본 발명은 웹 기반 프로그램 관리 방법 및 시스템에 관한 것으로서, 더욱 상세하게는 소정의 URL과 연관된 웹 리소스를 상기 웹 리소스의 디자인에 관한 디자인 페이지 및 상기 웹 리소스의 이벤트 처리에 관한 클라이언트 페이지로 구분하여 프로그램할 수 있도록 함으로써, 웹 리소스의 수정 및 관리를 용이하게 하는 방법 및 시스템에 관한 것이다. 본 발명의 일실시예에 따라 웹 기반 프로그램을 효율적으로 관리하는 클라이언트 엔진 시스템은 URL을 소정의 서버에 전달하여 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 요청하고, 상기 서버로부터 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 수신하는 서비스 요청 모듈, 상기 수신한 디자인 페이지에 기초하여 사용자 인터페이스 화면을 표시하는 브라우저 관리 모듈, 및 상기 사용자 인터페이스 화면과 연관된 이벤트가 발생하면 상기 이벤트에 관한 이벤트 정보를 상기 클라이언트 페이지에 전달하여 상기 이벤트에 대응하는 처리를 수행하도록 하는 이벤트 송신 모듈을 포함한다. 본 발명에 따른 웹 기반 프로그램 관리 방법 및 시스템은 웹페이지를 디자인 페이지와 클라이언트 페이지로 구분하여 관리할 수 있으므로, 상기 웹페이지를 디자인하는 디자이너와 상기 웹페이지에 관련된 프로그래밍을 수행하는 프로그래머의 작업이 독립적으로 진행될 수 있도록 할 수 있다.

웹 페이지, 클라이언트, 서버, 디자인 페이지, 클라이언트 페이지, HTML

Description

웹 기반 프로그램 관리 방법 및 시스템{METHOD AND SYSTEM FOR MANAGING WEB-BASED PROGRAM}

도 1은 종래 기술에 따른 웹 기반 프로그램의 실행예를 도시한 도면이다.

도 2는 종래 기술에 따른 웹 기반 프로그램의 일실시예를 도시한 도면이다.

도 3은 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 시스템의 클라이언트와 서버의 네트워크 연결을 도시한 도면이다.

도 4는 본 발명에 일실시예에 따른 웹 기반 프로그램 관리 시스템의 클라이언트 엔진 시스템의 구성 및 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 과정을 도시한 도면이다.

도 5는 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 시스템의 서버 엔진 시스템의 구성 및 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 과정을 도시한 도면이다.

도 6은 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 시스템에서 제공하는 디자인 페이지 및 클라이언트 페이지의 일례를 도시한 도면이다.

도 7은 본 발명의 다른 실시예에 따른 웹 기반 프로그램 관리 시스템에서 제공하는 디자인 페이지의 일례를 도시한 도면이다.

도 8은 본 발명의 다른 실시예에 따른 웹 기반 프로그램 관리 시스템에서 제 공하는 클라이언트 페이지의 일례를 도시한 도면이다.

도 9는 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 시스템에서 제공하는 서버 페이지를 도시한 도면이다.

도 10는 본 발명에 따른 웹 기반 프로그램 관리 시스템을 구성하는 데 채용될 수 있는 범용 컴퓨터 시스템의 내부 블록도이다.

<도면의 주요 부분에 대한 부호의 설명>

301: 클라이언트 엔진 시스템 302: 네트워크

303: 서버 엔진 시스템 304, 404: 서비스 요청 모듈

305: 브라우저 관리 모듈 306, 407: 이벤트 송신 모듈

307: 페이지 서비스 모듈 308: 데이터 서비스 모듈

309: 웹 서버 모듈 401: 브라우저 관리 모듈

402: 다큐먼트 관리 모듈 403: 다큐먼트 제어 모듈

405: 페이지 서비스 요청 모듈 406: 데이터 서비스 요청 모듈

408: 이벤트 수신 모듈

본 발명은 웹 기반 프로그램 관리 방법 및 시스템에 관한 것으로서, 더욱 상세하게는 소정의 URL과 연관된 웹 리소스를 상기 웹 리소스의 디자인에 관한 디자인 페이지 및 상기 웹 리소스의 이벤트 처리에 관한 클라이언트 페이지로 구분하여 프로그램할 수 있도록 함으로써, 웹 리소스의 수정 및 관리를 용이하게 하는 방법 및 시스템에 관한 것이다.

종래 기술에 의하면, 소정의 URL과 관련된 통상의 웹 기반 프로그램(웹 리소스)의 개발 과정은 다음과 같다.

(1) 먼저 디자이너가 사용자에게 제공할 사용자 인터페이스 화면을 디자인하고, 상기 인터페이스 화면에 대응하는 HTML 파일을 작성한다. 이때 디자이너는 마이크로소프트사의 프론트페이지와 같은 HTML 작성 프로그램(HTML Authoring Tool)을 이용하기도 한다. 이렇게 생성된 파일은 통상 HTML 또는 HTM이라는 확장자를 가진다.

(2) 상기와 같이 디자이너에 의한 HTML 파일의 작성이 끝나면, 프로그래머가 상기 HTML 파일에 의하여 제공되는 웹 화면에서 생성되는 이벤트들을 처리하는 프로그램을 상기 HTML 파일에 추가한다. 상기 프로그램은 프로그래머가 HTML에 JAVA SCRIPT, SP(ASP, JSP) 등을 부가하는 방식으로 추가될 수 있다. 이렇게 생성된 파일은 ASP, JSP 등의 확장자를 가진다.

상기와 같은 방식 웹 기반 프로그램(HTML 파일에 이벤트 처리를 위한 프로그램 코드를 추가하여 생성된 ASP, JSP 파일 등) 제작 방법은 여러 가지 장점들로 인하여 널리 사용되고 있다.

그러나, 이러한 현재의 웹 기반 프로그램 제작 방법은 최초로 웹 기반 프로 그램을 생성할 때에는 용이하게 웹 기반 프로그램을 생성할 수 있지만, 상기 웹 기반 프로그램을 수정하려고 하는 경우(사용자 인터페이스의 디자인을 변경하는 경우뿐 아니라 이벤트 처리를 위한 프로그램 부분을 변경하는 경우에도) 어려움이 있었다.

즉 종래기술에 따르면, 사용자 인터페이스 화면을 변경, 추가하는 경우에는 디자이너가 이에 대응하여 웹 기반 프로그램을 수정한다. 또한, 웹 기반 프로그램에서 이벤트 처리 등을 수행하는 프로그램 부분을 변경, 추가하는 경우에는 프로그래머가 이에 대응하여 웹 기반 프로그램을 수정한다. 이와 같이 디자이너와 프로그래머의 역할이 분리되어 있으면서도, 디자이너와 프로그래머 모두 웹 기반 프로그램의 수정 시에는 사용자 인터페이스 화면의 디자인을 정의하는 HTML 코드와 이벤트 처리를 정의하는 프로그램 코드가 섞여 있는 전체 프로그램에서 각자의 해당 코드를 찾아 수정하여야 하는 불편함이 있었다.

특히, 통상의 디자이너의 경우에는 ASP 등의 프로그램 코드를 잘 알지 못하기 때문에, 자신이 작성했던 HTML 코드에 이벤트 처리 관련 코드가 부가된 ASP 프로그램 파일로부터 HTML 코드 부분을 식별하는 것도 어려웠다. 이러한 어려움은 전체 프로그램 코드의 길이가 길어질수록 더욱 가중된다.

따라서, 상기와 같은 종래의 방식으로는 사용자와 인터렉티브(interactive)하게 작용하는 웹 페이지 또는 웹 어플리케이션을 개발하고 이를 유지 보수하는 데 많은 어려움이 있었다.

또한 오늘날의 웹 기반 프로그램은 단순히 정보 공유에 사용되는 차원을 넘 어 전자 상거래, 또는 기업의 업무 환경 구축 등에 사용됨에 따라 상기와 같은 종래 기술의 한계점을 극복할 수 있는 기술의 필요성이 증대되고 있다.

본 발명을 설명하기 전에 먼저 현재의 웹 기반 프로그래밍 방식을 설명한다. 도 1 은 종래 기술에 따른 웹 기반 프로그램의 실행예를 도시한 도면이다. 도 1을 참조하면, 종래 기술에 따른 웹 기반 프로그램은 사용자가 단말기를 이용하여 도면부호(101)과 같이 특정 URL에 접속하는 경우, 도 1의 (a)와 같은 화면을 사용자 인터페이스로 제공할 수 있다.

도 1의 (b)에 도시된 바와 같이 사용자는 사용자 인터페이스 상의 검색창(102)에 소정의 번호를 입력하고, 검색을 선택 입력할 수 있다. 상기 사용자가 상기 번호를 검색창에 입력하고, 검색을 선택 입력하는 것은 상기 사용자 인터페이스에서 이벤트가 발생하는 것이다. 이러한 이벤트로는 사용자 인터페이스 화면에서의 버튼의 클릭, 문자 등의 입력 등이 포함된다. 이와 같이 사용자 인터페이스 화면에서의 이벤트에 대하여는 이벤트 처리가 정의되는데, 예를 들어 상기와 같이 사용자가 검색창에 번호를 입력하고 검색을 선택 입력하는 이벤트에 대응해서는 상기 입력 받은 번호에 대응하는 이름을 소정의 데이터베이스로부터 검색하고, 이를 검색 결과창에 출력하는 것이 이벤트 처리가 된다.

종래 기술에 따른 웹 기반 프로그램은 상기와 같이 사용자 인터페이스 화면과 연관된 이벤트가 발생하면, 상기 이벤트에 대응하는 처리를 수행하여 결과를 사용자 인터페이스에 출력한다.

도 1의 (c)는 종래 기술에 따른 웹 기반 프로그램에서 이벤트를 처리하여 결 과를 사용자 인터페이스에 출력한 화면을 도시한 것이다. 도 1의 (c)를 참조하면, 종래 기술에 따른 웹 기반 프로그램은 사용자로부터 입력 받은 번호(102)에 대응하는 데이터를 검색하여 검색 결과창(103)에 출력할 수 있다.

도 2는 종래 기술에 따른 웹 기반 프로그램의 일실시예를 도시한 도면이다. 도 2는 상기 도 1의 실행예를 구현하는 웹 기반 프로그램을 도시한 도면이다.

도 2 를 참조하면, 도 2에 구현된 전체 프로그램은 상기 도 1의 (a)에 도시된 바와 같이 사용자 인터페이스 화면의 디자인을 정의하는 HTML 코드, 도 1의 (b) 및 (c)와 같이 사용자로의 입력에 의하여 이벤트가 발생하였을 때 이를 처리하는 프로그램 코드가 모두 포함되어 있음을 알 수 있다.

이와 같이 종래 기술에 의한 웹 기반 프로그램에 의하면, 웹페이지의 HTML 소스와 사용자로부터 이벤트를 입력 받고, 이를 처리하기 위한 프로그램이 혼재되어 있으므로 상기 웹페이지의 관리가 어려워지는 문제점이 있다. 도 2에 도시된 프로그램은 간단하기 때문에, 디자이너와 프로그래머가 자신에 해당하는 부분을 찾는 것이 용이하지만, 통상의 경우 웹 기반 프로그램의 코드가 매우 길고 수만 라인(line)에 달하는 경우도 있어서, 디자이너와 프로그래머가 자신에 해당하는 부분을 찾는 것은 매우 어렵다. 이러한 어려움은 웹페이지에 출력되는 콘텐츠, 또는 웹페이지에서 실행되는 이벤트가 많아질수록 더욱 증대된다.

따라서, 웹페이지에서 제공되는 이벤트 처리, 웹페이지의 수정 등의 관리를 더욱 편리하게 할 수 있고, 사용자와 인터렉티브(interactive)하게 작용하는 웹 페이지 또는 웹 어플리케이션을 제공할 수 있는 웹 기반 프로그램의 필요성이 증대되 고 있다.

본 발명에 따른 웹 기반 프로그램 관리 방법 및 시스템은 웹 리소스(웹 기반 프로그램)를 사용자 인터페이스 화면의 디자인을 정의하는 디자인 페이지와 상기 사용자 인터페이스 화면과 관련된 이벤트 처리를 정의하는 클라이언트 페이지로 구분하여 관리함으로써, 상기 웹 페이지를 디자인하는 디자이너와 상기 웹 페이지에 관련된 프로그래밍을 수행하는 프로그래머의 작업이 독립적으로 진행될 수 있도록 하는 웹 기반 프로그램 관리 방법 및 시스템을 제공하는 것을 목적으로 한다.

또한 본 발명에 따른 웹 기반 프로그램 관리 방법 및 시스템은 웹페이지에서 제공되는 이벤트 및 웹 페이지를 수정하거나 추가하는 관리를 편리하게 할 수 있는 웹 기반 프로그램 관리 방법 및 시스템을 제공하는 것을 그 목적으로 한다.

또한 본 발명에 따른 웹 기반 프로그램 관리 방법 및 시스템은 사용자와 인터렉티브(interactive)하게 작용 가능한 웹페이지를 제공할 수 있는 웹 기반 프로그램 관리 방법 및 시스템을 제공하는 것을 그 목적으로 한다.

상기의 목적을 달성하고, 상술한 종래기술의 문제점을 해결하기 위하여, 본 발명의 일실시예에 따라 웹 기반 프로그램을 효율적으로 관리하는 클라이언트 엔진 시스템은 URL을 소정의 서버에 전달하여 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 요청하고, 상기 서버로부터 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 수신하는 서비스 요청 모듈(SRM: service request module); 상기 수신한 디자인 페이지에 기초하여 사용자 인터페이스 화면을 표시하는 브라우저 관리 모듈(BM: Browser Manager); 및 상기 사용자 인터페이스 화면과 연관된 이벤트가 발생하면 상기 이벤트에 관한 이벤트 정보를 상기 클라이언트 페이지에 전달하여 상기 이벤트에 대응하는 처리를 수행하도록 하는 이벤트 송신 모듈(ESM: Event Sending Module)을 포함하는 것을 특징으로 한다.

또한 웹 기반 프로그램의 실행 방법은 클라이언트 엔진 모듈에서 URL을 소정의 서버로 전달하여 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 요청하는 단계; 상기 클라이언트 엔진 모듈에서 상기 서버로부터 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 수신하는 단계; 상기 디자인 페이지에 기초하여 사용자 인터페이스 화면을 표시하는 단계; 및 상기 클라이언트 엔진 모듈에서 상기 사용자 인터페이스 화면과 연관된 이벤트가 발생하면 상기 이벤트를 클라이언트 페이지에 전달하여 상기 이벤트에 대응하는 처리를 수행하는 단계를 포함하는 것을 특징으로 한다.

이하 첨부된 도면을 참조하여 본 발명에 따른 웹 기반 프로그램 관리 방법 및 시스템에 대하여 상세히 설명한다.

도 3은 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 시스템의 클라이언트와 서버의 네트워크 연결을 도시한 도면이다. 본 발명에 따른 웹 기반 프로그램 관리 시스템은 클라이언트(사용자 단말기)(310)와 서버(311)로 구성되고, 상기 클라이언트(310) 및 서버(311)는 인터넷과 같은 통신망을 통하여 연결된다.

본 발명의 사용자 단말기는 PC, PDA(Personal Digital Assistant), 스마트폰 (Smart phone), 핸드헬드(handheld) PC, 핸드폰 등과 같이 CDMA(Code Division Multiplexing Access) 모듈, 블루투스 모듈, 적외선 통신 모듈(IrDA), 유무선 랜카드와 같은 소정의 통신 모듈을 구비할 수 있으며, 소정의 마이크로프로세서를 탑재함으로써 소정의 연산 능력을 갖춘 단말기를 모두 포함한다.

본 발명에 따른 클라이언트(310)는 클라이언트 엔진 시스템(Client Engine System, 301) 및 웹 브라우저(Web Browser, 312)를 포함한다.

클라이언트 엔진 시스템(301)은 사용자 단말기(310)에 설치된다. 예를 들어, 사용자 단말기(310)에 클라이언트 엔진 시스템(301)이 설치되어 있지 않은 상태에서 사용자가 서버(311)에 접속하면 클라이언트 엔진 시스템(301)이 자동적으로 클라이언트(310)에 다운로드되어 클라이언트에 설치된다. 이 경우, 서버(311)는 사용자에게 사용자 식별자 및 패스워드의 입력을 요청하고, 사용자가 인증된 경우에 클라이언트 엔진 시스템(301)을 클라이언트에 다운로드할 수 있다.

클라이언트 엔진 시스템(301)은 디자인 페이지 및 클라이언트 페이지로 구분하여 작성된 웹 페이지를 수신하고, 상기 웹페이지에서 실행되는 이벤트를 처리하기 위한 구성요소이다. 또한, 클라이언트 엔진 시스템(301)은 상기 웹페이지의 관리 및 수정을 용이하게 하고, 이벤트 처리를 신속하게 한다. 클라이언트 엔진 시스템(301)은 서비스 요청 모듈(Service Request Module, 304), 브라우저 관리 모듈(Browser Manager, 305), 이벤트 송신 모듈(Event Sending Module)을 포함한다. 상기 클라이언트 엔진 시스템에 포함되는 구성 요소는 도 4 및 도 5를 참조하여 뒤에서 구체적으로 설명한다.

웹 브라우저(312)는 마이크로소프트사의 인터넷 익스플로러가 사용될 수 있다.

서버(311)는 서버 엔진 시스템(Server Engine System, 303) 및 웹 서버 모듈(Web Server Module, 309)을 포함한다. 서버 엔진 시스템(303)과 웹 서버 모듈은 물리적으로 하나의 서버에 포함될 수도 있고, 서로 다른 서버에 구현될 수도 있다.

서버(311)는 클라이언트 엔진 시스템(301)으로부터 수신한 페이지 요청에 응답하여 디자인 페이지 및 클라이언트 페이지를 클라이언트 엔진 시스템(301)에 제공하고, 상기 클라이언트 페이지로부터 수신한 서비스 요청에 응답하여 서비스를 제공한다. 서버 엔진 시스템(303)은 페이지 서비스 모듈(Page Service Module, 307)과 데이터 서비스 모듈(Data Service Module, 308)을 포함한다. 서버(311)에 포함되는 구성 요소별 기능은 도 4 및 도 5를 참조하여 뒤에서 구체적으로 설명한다.

도 4는 본 발명에 일실시예에 따른 웹 기반 프로그램 관리 시스템의 클라이언트 엔진 시스템의 구성 및 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 과정을 도시한 도면이다.

도 4를 참조하면, 본 발명의 일실시예에 따른 클라이언트 엔진 시스템은 브라우저 관리 모듈(Browser Manager, 401), 다큐먼트 관리 모듈(Document Manager, 402), 다큐먼트 제어 모듈(Document Control Module, 403), 서비스 요청 모듈(Service Request Module, 404), 이벤트 송신 모듈(Event Sending Module, 407), 이벤트 수신 모듈(Event Receiving Module, 408)을 포함한다.

도 5는 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 시스템의 서버 엔진 시스템의 구성 및 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 과정을 도시한 도면이다.

도 5를 참조하면, 본 발명의 일실시예에 따른 서버는 서버 엔진 시스템(Server Engine System, 501) 및 웹 서버 모듈(Web Server Module, 503)로 구성된다. 서버 엔진 시스템(501)은 페이지 서비스 모듈(Page Service Module, 502) 및 데이터 서비스 모듈(Data Service Module, 504)를 포함한다.

이하 도 4 및 도 5를 참조하여 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 시스템의 구성과 본 발명에 따른 웹 기반 프로그램 관리 과정을 상세히 설명한다.

본 발명에서 디자인 페이지(Design Page)는 사용자 인터페이스 화면의 디자인을 정의하는 파일이고, 클라이언트 페이지(Client Page)는 상기 사용자 인터페이스 화면과 관련된 이벤트의 처리를 정의하는 파일이다. 본 발명에 따르면, 디자이너는 디자인 페이지를 작성하고, 프로그래머는 클라이언트 페이지만을 작성한다. 따라서, 종래기술에서는 하나의 웹 페이지를 위하여 하나의 웹 기반 프로그램(예를 들어, 하나의 ASP 파일)이 작성되었지만, 본 발명에 따르면 하나의 웹 페이지에 디자인 페이지와 클라이언트 페이지가 각각 하나씩 작성된다.

사용자가 본 발명에 따른 웹 기반 프로그램 관리 시스템에서 제공하는 서버(500)에 접속하면 상기 서버에서 클라이언트 엔진 시스템(400)을 상기 사용자의 사용자 단말기로 다운로드한다. 이 때, 상기 서버(500)는 사용자에게 소정의 사용자 인증 과정을 요구할 수 있다. 상기 클라이언트 엔진 시스템은 소정의 설치 단계를 거쳐 상기 사용자 단말기에 설치된다. 예를 들어, 클라이언트 엔진 시스템은 웹 브라우저(312)에 플러그인으로 설치될 수 있다.

사용자 단말기에 클라이언트 엔진 시스템이 설치된 후부터, 상기 사용자가 소정의 웹 서버에 접속하면, 본 발명에 따라 서비스가 제공된다.

먼저 사용자는 자신의 사용자 단말기에 설치된 웹 브라우저를 이용하여 소정의 URL로 접속한다. 이때 상기 설치된 클라이언트 엔진 시스템(400)의 브라우저 관리 모듈(401)은 상기 웹 브라우저로부터 상기 URL을 수신한다(단계 401). 브라우저 관리 모듈(401)은 웹 브라우저에서 새로운 URL 접속을 요청하는 경우 이를 인터셉트(intercept)하여 다큐먼트 제어 모듈(403)로 전달한다.

브라우저 관리 모듈(401)은 사용자 단말기 정보에 따라 브라우저가 디자인 페이지를 출력할 수 있도록 웹 브라우저의 환경을 설정한다. 또한 브라우저 관리 모듈(401)은 상기 디자인 페이지를 클라이언트 페이지에서 컨트롤 할 수 있도록 환경을 설정한다.

또한 브라우저 관리 모듈(401)은 디자인 페이지(Design page, 409)에 기초하여 사용자 인터페이스 화면을 표시할 수 있다. 상기 디자인 페이지(409)는 상기 URL에 대응한 사용자 인터페이스 화면의 디자인을 정의하는 구성이다. 디자인 페이지(409)는 웹 디자이너에 의해 개발된다. 디자인 페이지(409)는 프로그램 코드가 포함되지 않은 HTML 파일일 수 있다.

단계(S402)에서 브라우저 관리 모듈(401)은 수신한 URL을 다큐먼트 제어 모 듈(403)에 전달한다.

단계(S403)에서 다큐먼트 제어 모듈(403)은 수신한 URL을 서비스 요청 모듈(SRM)에 전달한다.

서비스 요청 모듈(SRM, 404)은 상기 수신한 URL을 서버(500)의 서버 엔진 시스템(501)에 전달하여 상기 URL과 연관된 디자인 페이지(409) 및 클라이언트 페이지(410)를 요청한다. 또한, 서비스 요청 모듈(SRM, 404)은 상기 서버 엔진 시스템으로부터 상기 URL과 연관된 디자인 페이지(409) 및 클라이언트 페이지(410)를 수신한다. 서비스 요청 모듈(404)는 페이지 서비스 요청 모듈(Page Service Request Module, 405) 및 데이터 서비스 요청 모듈(Data Service Request Module, 406)을 포함한다.

상기 클라이언트 페이지(410)는 상기 URL에 대응하는 사용자 인터페이스 화면과 관련된 이벤트의 처리를 정의하는 파일이다. 상기 클라이언트 페이지(410)은 프로그램 개발자에 의해 개발되며, 소정의 프로그램, 일례로 마이크로 소프트사의 닷넷 언어나 SUN의 JAVA 언어를 사용하여 프로그램될 수 있다.

단계(S404)에서 서비스 요청 모듈(404)의 페이지 서비스 요청 모듈(405)는 상기 수신한 URL을 서버 엔진 시스템(501)의 페이지 서비스 모듈(Page Service Module, 502)에 전달하여 상기 URL과 연관된 디자인 페이지(409)를 요청한다.

상기 페이지 서비스 모듈(502)는 소정의 저장 수단에 복수 개의 디자인 페이지를 URL과 연관하여 저장하고 있다.

단계(S405)에서 서버 엔진 시스템의 페이지 서비스 모듈(502)는 상기 요청에 응답하여 상기 저장 수단에서 상기 URL과 연관된 디자인 페이지(409)를 검색하고, 상기 검색된 디자인 페이지(409)를 상기 페이지 서비스 요청 모듈(405)로 전송한다.

이 때, 상기 페이지 서비스 모듈은 상기 디자인 페이지(409)를 데이터 스토어(Data Store)에 담아서 전달 할 수 있다. 데이터 스토어는 상기 디자인 페이지를 포함하여 전달하기 위한 수단으로, 상기 페이지 서비스 모듈은 데이터 스토어에 상기 디자인 페이지 외에 다른 데이터를 추가하여 상기 페이지 서비스 요청 모듈로 전달할 수 있다. 데이터 스토어를 이용하여 데이터를 전달하면, 한번의 전송으로 여러 종류의 데이터를 전달할 수 있기 때문에, 데이터 전달의 효율성을 높일 수 있다.

상기 서버 엔진 시스템(500)은 복수의 URL에 대응하는 서버 페이지를 소정의 저장 수단에 저장하고 있을 수 있다. 상기 페이지 서비스 모듈(502)는 상기 URL에 대응하는 서버 페이지(Server Page)를 상기 저장 수단으로부터 검색하여 로딩한다.

상기 서버 페이지는 클라이언트 페이지에 대응하여 서버 엔진 시스템에서 수행되는 작업을 정의하는 구성이다. 예를 들어, 상기 서비스 페이지는 상기 URL에 대응하는 디자인 페이지에서 이벤트가 발생하는 경우, 이를 판별한 클라이언트 페이지에서 수신한 요청에 응답하여, 소정의 데이터 베이스를 참조하여 이를 처리하기 위한 구성일 수 있다. 즉, 이벤트의 처리가 클라이언트단에서 완료될 수 있는 경우에는 클라이언트 페이지에서의 처리로 종결되지만, 서버단에서의 처리가 필요한 경우에는 상기와 같이 해당하는 서버 페이지가 로딩되어 서버단에서 필요한 처 리를 수행한다.

단계(S406)에서 서비스 요청 모듈(404)의 페이지 서비스 요청 모듈(405)은 서버 엔진 시스템의 웹 서버 모듈(503)에 상기 수신한 URL을 전달하고, 클라이언트 페이지(410)를 요청한다.

상기 웹서버 모듈(503)은 복수의 URL과 연관된 클라이언트 페이지를 소정의 저장 수단에 저장하고 있을 수 있다. 단계(S407)에서 상기 웹서버 모듈(503)은 상기 수신한 URL과 관련한 클라이언트 페이지를 상기 저장 수단에서 검색하고, 검색한 클라이언트 페이지를 상기 페이지 서비스 요청 모듈(406)로 전송한다. 상기 페이지 서비스 요청 모듈(406)은 상기 수신한 클라이언트 페이지를 다큐먼트 제어 모듈(403)으로 전송한다.

다큐먼트 제어 모듈(403)은 상기 수신한 클라이언트 페이지(410)을 저장하고 상기 사용자 단말기에 클라이언트 페이지(410)를 로딩한다.

단계(S408)에서 상기 서비스 요청 모듈(404)는 상기 수신한 데이터 스토어를 다큐먼트 제어 모듈(404)로 전송한다.

단계(S409)에서 다큐먼트 제어 모듈(404)은 상기 수신한 데이터 스토어를 분석하여 상기 데이터 스토어에 포함된 디자인 페이지(409)를 브라우저 관리 모듈(401)에 전달한다.

단계(410)에서 브라우저 관리 모듈(401)은 상기 수신한 디자인 페이지(409)를 사용자 단말기의 브라우저 창에 출력하고, 상기 사용자 단말기에 상기 디자인 페이지(409)를 컨트롤하기 위한 환경을 설정한다. 이 단계에서 클라이언트의 웹 브라우저에 URL에 대응하는 화면이 표시되게 된다.

단계(S411)에서 다큐먼트 제어 모듈(403)은 상기 수신한 데이터 스토어를 상기 로딩 중인 클라이언트 페이지(410)에 전달한다. 상기 데이터 스토어에는 페이지 서비스 모듈(502)에서 전송한 각종 데이터가 저장되어 있다. 상기 데이터에는 서버 페이지의 동작과 관련된 데이터가 포함될 수 있다.

단계(S412)에서 클라이언트 페이지(410)은 이벤트 수신 모듈(408)에 이벤트 설정을 의뢰한다.

단계(S413)에서 이벤트 수신 모듈(408)은 상기 이벤트 설정 의뢰에 응답하여 다큐먼트 관리 모듈(402)로 이벤트 설정 응답을 전송하고, 단계(S414)에서 다큐먼트 관리 모듈(402)는 클라이언트 페이지(410)을 참조하여 디자인 페이지(409)에 이벤트를 설정한다.

따라서, 단계(S413)까지의 단계에서 본 발명에 따른 클라이언트 엔진 시스템은 웹 브라우저로부터 URL을 수신하여, 상기 URL과 관련된 디자인 페이지 및 클라이언트 페이지를 서버에 요청하고, 상기 서버로부터 디자인 페이지 및 클라이언트 페이지를 각각 수신한다. 클라이언트 엔진 시스템은 상기 수신한 디자인 페이지를 웹 브라우저에 출력하고, 상기 클라이언트 페이지는 사용자 단말기에서 로딩하여, 상기 디자인 페이지로부터 수신되는 이벤트 정보를 대기한다.

이와 같이 본 발명에 따른 클라이언트 엔진 시스템은, 종래기술과 달리, 특정 URL과 관련하여 HTML로 구성된 디자인 페이지와, 상기 디자인 페이지에서 발생하는 이벤트 발생을 처리하기 위한 클라이언트 페이지를 분리하여 전송 받는다. 또한 본 발명에 따른 클라이언트 엔진 시스템은 상기 분리하여 전송 받은 클라이언트 페이지가 상기 디자인 페이지에서 발생하는 이벤트를 처리할 수 있도록 설정한다.

따라서 본 발명에 따르면 웹페이지의 디자인 페이지와 클라이언트 페이지를 분리하여 전송 받아 각각 독립적으로 운영할 수 있으므로, 디자이너와 프로그래머가 독립적으로 편리하게 각 분야에 해당하는 페이지만를 개발하도록 할 수 있다.

예를 들어, 특정 웹페이지에 관련된 디자인 페이지는 디자이너가, 상기 디자인 페이지에서 발생하는 이벤트 처리와 관련된 클라이언트 페이지는 프로그래머가 독립적으로 개발하여 특정 URL과 연관하여 서버 엔진 시스템에 등록할 수 있다.

상기 독립적으로 개발된 디자인 페이지와 클라이언트 페이지는 본 발명에 따른 클라이언트 엔진 시스템에서 연동하여 동작할 수 있으므로, 사용자는 단지 클라이언트 엔진 시스템을 단말기에 다운받는 것만으로 상기 디자이너와 프로그래머가 각자 개발한 페이지를 통합적으로 이용할 수 있다.

또한 상기 디자인 페이지와 클라이언트 페이지는 특정 URL과 연관되어 있으므로, URL마다 개발되면 된다. 또한, 사용자는 상기 클라이언트 엔진 시스템을 한 번 다운로드 받아 설치하면, 본 발명을 이용할 수 있다.

단계(S415)에서 사용자가 사용자 단말기의 웹 브라우저에 출력된 디자인 페이지를 통해 이벤트를 발생시키면, 다큐먼트 관리 모듈(402)은 상기 설정된 이벤트가 발생한 것을 판단하여 상기 이벤트에 관한 정보를 이벤트 송신 모듈(407)로 전달한다. 다큐먼트 관리 모듈(402)은 웹 브라우저에 출력된 디자인 페이지와 관련 된 이벤트가 발생하면 상기 이벤트를 인터셉트하여 이벤트 송신 모듈(407)로 전달한다.

상기 이벤트는 사용자가 브라우저 창에 출력된 디자인 페이지를 이용하여 발생시킬 수 있는 모든 선택 입력을 포함한다.

예를 들면, 사용자는 디자인 페이지에 포함된 검색창을 통해 사원 번호를 입력할 수 있고, 검색을 선택 입력함으로써, 상기 사원 번호에 대응하는 사원의 성명을 검색할 수 있다. 이 때, 디자인 페이지에 포함된 검색창에 사원 번호를 입력하고 검색 버튼을 선택하는 과정이 본 발명에서 이벤트이다.

상기 예에서, 디자인 페이지는 상기 사원 번호 검색 웹페이지에 해당하고, 상기 사원 번호 검색 웹페이지는 디자이너에 의해 HTML로 제작될 수 있다.

상기 예에서, 클라이언트 페이지는 상기 디자인 페이지에서 발생한 이벤트를 처리할 수 있는 프로그램이다. 즉, 상기 예에서 클라이언트 페이지는 상기 사용자가 사원 번호를 검색창에 입력하고 검색 버튼을 선택하면, 상기 사원 번호에 대응하는 사원의 이름을 출력하는 프로그램일 수 있다.

단계(S416)에 이벤트 송신 모듈(407)은 상기 전달된 이벤트에 관한 정보를 이벤트 수신 모듈로 전송한다.

단계(S417)에서 상기 이벤트 수신 모듈(408)은 상기 수신한 이벤트에 관한 정보를 클라이언트 페이지(410)에 전달하여 상기 이벤트에 대응하는 처리를 수행하도록 한다.

상기 클라이언트 페이지(410)은 상기 이벤트에 대한 정보를 수신하여 상기 이벤트에 대응하는 처리를 수행한다. 이때 이벤트에 대응한 처리가 클라이언트 페이지 내에서 수행될 수 있는 것이면 클라이언트 페이지 내에서 처리한다.

만약 상기 이벤트에 대응한 처리가 클라이언트 페이지 내에서 처리될 수 없고, 서버단의 도움을 필요로 하는 경우에는, 클라이언트 페이지(410)는 상기 이벤트에 대응하는 데이터 서비스 요청을 서비스 요청 모듈(404)의 데이터 서비스 요청 모듈(406)로 전송한다.

데이터 서비스 요청 모듈(406)은 상기 수신한 데이터 서비스 요청을 서버(500)의 서버 엔진 시스템(501)의 데이터 서비스 모듈(504)로 전송한다.

데이터 서비스 모듈(504)는 상기 데이터 서비스 요청에 대한 응답하여 클라이언트 페이지(410)에 대응하는 서버 페이지에서 상기 요청에 대한 처리를 수행하고, 상기 처리 결과 응답을 상기 데이터 서비스 요청 모듈(406)로 전송한다. 예를 들어, 사용자가 사원 번호를 입력하고 사원 이름을 요청하는 이벤트를 발생시킨 경우, 서버 페이지는 서버에 연결되어 있는 사원 데이터베이스를 참조하여 상기 사원 번호에 대응하는 사원 이름을 검색하고, 이를 데이터 서비스 모듈(504)을 통하여 데이터 서비스 요청 모듈(406)로 전송한다.

상기 데이터 서비스 요청 모듈(406)은 상기 수신한 응답을 클라이언트 페이지(410)로 전달한다.

클라이언트 페이지(410)은 상기 수신한 응답을 상기 디자인 페이지에 출력하도록 제어할 수 있다.

따라서 본 발명에 따른 웹 기반 프로그램 관리 방법 및 시스템에 의하면 디 자인 페이지에서 발생한 이벤트를 클라이언트 페이지에서 판별하여 이에 대한 응답을 서버 엔진 시스템에 요청하고, 서버 엔진 시스템은 상기 요청에 대한 응답을 로딩 중인 서버 페이지에서 처리하고, 이 응답을 클라이언트 페이지에 전달하여 디자인 페이지에 출력되도록 할 수 있다.

상기 예에서, 특정 URL과 연관되어 사원 번호 검색을 수행할 수 있는 디자인 페이지에서, 사용자가 사원 번호를 검색창에 입력하여 검색을 선택 입력하는 경우, 상기 선택 입력을 클라이언트 페이지에서 판별하여 상기 입력한 사원 번호에 해당하는 성명을 서버 엔진 시스템에 요청하고, 서버 엔진 시스템은 상기 번호에 대응하는 사원의 성명을 로딩 중인 서버 페이지에서 처리할 수 있다.

상기 서버 페이지는 상기 번호에 대응하는 사원의 성명을 소정의 데이터베이스에서 검색하고, 상기 검색한 성명을 클라이언트 페이지에 전달하여 상기 성명이 디자인 페이지에 출력되도록 할 수 있다.

따라서, 본 발명에 따르면 디자인 페이지와 클라이언트 페이지를 독립적으로 저장하고, 사용자 단말기로 독립적으로 전송하나, 상기 디자인 페이지와 클라이언트 페이지는 상호 연동할 수 있고, 서버 엔진 시스템의 서버 페이지를 이용하여 상기 디자인 페이지에서 발생한 이벤트를 빠르고 정확하게 처리할 수 있는 효과가 있다.

즉, 본 발명에 의하면, 상기 클라이언트 엔진 시스템에서 서버 엔진 시스템으로 클라이언트 페이지와 디자인 페이지를 요청할 때 이미 해당 URL에 대응하는 서버 페이지를 로딩하므로, 디자인 페이지에서 이벤트가 발생한 경우 이를 신속하 게 처리할 수 있는 효과가 있다.

도 6은 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 시스템에서 제공하는 디자인 페이지 및 클라이언트 페이지의 일례를 도시한 도면이다. 도 6을 참조하면, 본 발명에 따른 디자인 페이지(601)는 HTML로 구성됨을 알 수 있다.

디자인 페이지(601)에 따른 사용자 인터페이스의 출력 결과는 도면 부호(602)에 도시되어 있다. 상기 디자인 페이지(601)에 대한 클라이언트 페이지는 도면 부호(603)과 같다. 디자인 페이지(601)와 관련하여서는 하나의 이벤트가 가능한데, "SKIP"이라는 버튼을 클릭하는 이벤트이다. 클라이언트 페이지(603)는 사용자가 상기 디자인 페이지의 출력 결과에서 "SKIP" 버튼을 선택하면, 도 7의 사원 번호 입력창을 통해 사원 번호 입력을 요구하는 화면을 출력하는 프로그램이다. 즉, 클라이언트 페이지(603)는 "SKIP"이라는 버튼을 클릭하는 이벤트에 대응하여 사원 번호 입력창을 통해 사원 번호 입력을 요구하는 화면을 출력하는 이벤트 처리를 정의한다.

사용자가 웹 브라우저를 통하여 본 발명에 따른 서버에 접속하면, URL에 해당하는 디자인 페이지(602) 및 클라이언트 페이지(603)가 클라이언트에 다운로드된다. 즉, 클라이언트에 설치되어 있는 클라이언트 엔진 시스템(400)의 서비스 요청 모듈(404)이 서버(500)의 페이지 서비스 모듈(502)과 웹 서버 모듈(503)에 URL을 전달하고, 페이지 서비스 모듈(502)과 웹 서버 모듈(503)로부터 각각 디자인 페이지(601) 및 클라이언트 페이지(603)를 수신한다. 서비스 요청 모듈(404)은 수신한 디자인 페이지(601)를 브라우저 관리 모듈(401)에 전달하고, 브라우저 관리 모듈 (401)은 웹 브라우저에 디자인 페이지(601)를 출력하도록 한다. 이렇게 출력된 화면이 도 6의 도면부호(602)이다.

사용자가 도면부호(602)의 화면에서 "SKIP" 버튼을 클릭하면, 상기 발생된 이벤트는 다큐먼트 관리 모듈(402)에 의하여 인터셉트되어, 이벤트 송신 모듈(407)로 전달된다. 상기 이벤트는 이벤트 송신 모듈(407), 이벤트 수신 모듈(408)을 거쳐 클라이언트 페이지(410)로 전달되고, 클라이언트 페이지(410)는 상기 이벤트에 대응하는 처리를 수행한다. 상기 이벤트에 대응한 처리가 도 7의 도면부호(702)의 화면을 출력하는 것인 경우에는 클라이언트 페이지(410)는 도면부호(702)에 해당하는 URL을 서버로 전달하여 상기 URL에 대응하는 디자인 페이지 및 클라이언트 페이지를 요청하게 된다.

상기와 같이 본 발명에 따르면 디자인 페이지와 클라이언트 페이지는 독립적으로 구성되면서 상호 연동할 수 있다. 또한, 디자이너는 사용자 인터페이스 화면을 변경하고 싶은 경우에는 자신이 쉽게 파악할 수 있는 디자인 페이지(601)만을 수정하면 되기 때문에, 매우 편하게 수정 작업을 할 수 있다. 프로그래머의 경우에도 이벤트에 대한 처리를 변경하고 싶은 경우에는 이벤트 처리 부분만 분리되어 있는 클라이언트 페이지(603)만을 수정하면 되기 때문에, 역시 매우 편하게 수정 작업을 할 수 있다.

도 7은 본 발명의 다른 실시예에 따른 웹 기반 프로그램 관리 시스템에서 제공하는 디자인 페이지의 일례를 도시한 도면이다.

도면 부호(701)은 디자인 페이지를 나타내고, 도면 부호(702)는 상기 디자인 페이지에 따른 사용자 인터페이스의 출력 결과이다. 상기 디자인 페이지(701)는 사원 번호를 입력할 수 있는 검색창과 검색 버튼을 웹 브라우저에 표시하는 HTML 파일이다.

도 8은 본 발명의 다른 실시예에 따른 웹 기반 프로그램 관리 시스템에서 제공하는 클라이언트 페이지의 일례를 도시한 도면이다.

도면 부호(801)은 상기 도 7의 디자인 페이지(702)에서 발생하는 이벤트를 처리하기 위한 클라이언트 페이지이다. 즉, 클라이언트 페이지(801)은 상기 도면 부호(702)에서 사용자가 검색창에 사원 번호를 입력하여 검색 버튼을 클릭하는 경우, 상기 사원 번호를 서버 페이지에 전달하여 성명을 검색하도록 하는 프로그램이다. 도면 부호(802)는 사용자가 디자인 페이지(702)에서 사원 번호를 입력한 화면을 나타낸 것이다.

도 9는 본 발명의 일실시예에 따른 웹 기반 프로그램 관리 시스템에서 제공하는 서버 페이지를 도시한 도면이다.

도면 부호(901)은 클라이언트 페이지에서 요청한 정보에 대응하여 응답을 생성하고, 상기 생성된 응답을 클라이언트 페이지로 전달하기 위한 서버 페이지이다.

상기 예에서, 서버 페이지는 상기 디자인 페이지에 입력된 사원 번호에 대응하는 사원 성명을 소정의 데이터베이스에서 검색하고, 상기 검색 결과를 클라이언트 페이지로 전달한다. 상기 검색 결과는 클라이언트 페이지로 전달되고 다큐먼트 관리 모듈에 의하여 웹 브라우저에 표시된다.

도면 부호(902)는 본 발명에 따라 상기 서버 페이지에서의 처리 결과로 검색 된 사원 성명을 디자인 페이지에 출력한 화면을 도시한 도면이다.

사용자가 도면부호(702)의 화면에서 "050201"이라는 사원번호를 입력하고, "검색" 버튼을 클릭하면, 이벤트가 발생하고, 상기 발생된 이벤트는 다큐먼트 관리 모듈(402)에 의하여 인터셉트되어, 이벤트 송신 모듈(407)로 전달된다. 상기 이벤트는 이벤트 송신 모듈(407), 이벤트 수신 모듈(408)을 거쳐 클라이언트 페이지(801)로 전달되고, 클라이언트 페이지(801)는 상기 이벤트에 대응하는 처리를 수행한다.

본 실시예에서 클라이언트 페이지(801)는 이벤트의 처리를 위하여 서버 페이지(901)의 도움을 필요로 한다. 따라서, 클라이언트 페이지(801)는 서비스 요청 모듈(404)의 데이터 서비스 요청 모듈(406)을 통하여 서버(500)의 서버 엔진 시스템(501)에 포함된 데이터 서비스 모듈(504)에 데이터 서비스를 요청한다. 그러면, 데이터 서비스 모듈(504)은 URL에 대응하는 서버 페이지(901)를 수행하여 요청된 데이터 서비스를 처리한다. 즉, "050201"이라는 사원번호에 대응하는 사원명을 데이터베이스에서 검색하여 데이터 서비스 모듈(504)을 통하여 클라이언트의 데이터 서비스 요청 모듈(406)로 전달한다. 데이터 서비스 요청 모듈(406)은 이를 다큐먼트 제어 모듈(403)에 전달하고, 다큐먼트 제어 모듈(403)을 통하여 클라이언트 페이지(801)에 전달한다. 클라이언트 페이지(801)는 수신한 사원명인 "HANBSOL"을 웹 브라우저에 출력한다. 상기 출력 화면이 도면부호(902)이다.

본 발명에 따른 웹 기반 프로그램 관리 시스템은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록 될 수 있다.

즉, 본 발명의 디자인 페이지는 소정의 URL에 대응하여 사용자 인터페이스 화면의 디자인을 정의하는 디자인 페이지 파일의 형태로 기록 매체에 기록될 수 있다. 이 때, 디자인 페이지 파일은 프로그램 코드가 포함되지 않은 HTML 파일일 수 있다.

또한 본 발명의 클라이언트 파일은 상기 디자인 페이지와 다른 파일로 구성되고, 상기 사용자 인터페이스 화면과 관련된 이벤트의 처리를 정의하는 클라이언트 페이지 프로그램의 형태로 기록 매체에 기록될 수 있다.

또한 본 발명의 클라이언트 엔진 시스템은 상기 사용자 인터페이스 화면과 관련된 이벤트가 발생한 경우 상기 이벤트를 상기 클라이언트 페이지에 전달하여 상기 이벤트를 처리하도록 하는 클라이언트 엔진 프로그램의 형태로 컴퓨터 판독 가능한 기록 매체에 기록될 수 있다.

또한 본 발명에 따른 서버 엔진 시스템은 복수 개의 디자인 페이지 파일 및 클라이언트 페이지 프로그램을 URL과 연관하여 저장하고, 클라이언트의 상기 URL과 연관된 디자인 페이지 파일 및 클라이언트 페이지 프로그램의 요청에 응답하여, 상기 URL과 연관된 디자인 페이지 파일 및 클라이언트 페이지 프로그램을 검색하고, 상기 검색된 디자인 페이지 파일 및 클라이언트 페이지 프로그램을 상기 클라이언트로 송신하는 서버 엔진 프로그램을 기록한 컴퓨터 판독 가능 기록매체일 수 있다.

상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등 을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 상기 매체는 프로그램 명령, 데이터 구조 등을 지정하는 신호를 전송하는 반송파를 포함하는 광 또는 금속선, 도파관 등의 전송 매체일 수도 있다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 본 발명의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.

도 10는 본 발명에 따른 웹 기반 프로그램 관리 시스템을 구성하는 데 채용될 수 있는 범용 컴퓨터 시스템의 내부 블록도이다.

컴퓨터 시스템(1000)은 램(RAM: Random Access Memory)(1002)과 롬(ROM: Read Only Memory)(1003)을 포함하는 주기억장치와 연결되는 하나 이상의 프로세서(1001)를 포함한다. 프로세서(1001)는 중앙처리장치(CPU)로 불리기도 한다. 본 기술분야에서 널리 알려져 있는 바와 같이, 롬(1003)은 데이터(data)와 명령 (instruction)을 단방향성으로 CPU에 전달하는 역할을 하며, 램(1002)은 통상적으로 데이터와 명령을 양방향성으로 전달하는 데 사용된다. 램(1002) 및 롬(1003)은 컴퓨터 판독 가능 매체의 어떠한 적절한 형태를 포함할 수 있다. 대용량 기억장치(Mass Storage)(1004)는 양방향성으로 프로세서(1001)와 연결되어 추가적인 데이터 저장 능력을 제공하며, 상기된 컴퓨터 판독 가능 기록 매체 중 어떠한 것일 수 있다. 대용량 기억장치(1004)는 프로그램, 데이터 등을 저장하는데 사용되며, 통상적으로 주기억장치보다 속도가 느린 하드디스크와 같은 보조기억장치이다. CD 롬(1006)과 같은 특정 대용량 기억장치가 사용될 수도 있다. 프로세서(1001)는 비디오 모니터, 트랙볼, 마우스, 키보드, 마이크로폰, 터치스크린 형 디스플레이, 카드 판독기, 자기 또는 종이 테이프 판독기, 음성 또는 필기 인식기, 조이스틱, 또는 기타 공지된 컴퓨터 입출력장치와 같은 하나 이상의 입출력 인터페이스(1005)와 연결된다. 마지막으로, 프로세서(1001)는 네트워크 인터페이스(1007)를 통하여 유선 또는 무선 통신 네트워크에 연결될 수 있다. 이러한 네트워크 연결을 통하여 상기된 방법의 절차를 수행할 수 있다. 상기된 장치 및 도구는 컴퓨터 하드웨어 및 소프트웨어 기술 분야의 당업자에게 잘 알려져 있다.

상기된 하드웨어 장치는 본 발명의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있다.

이상과 같이 본 발명은 비록 한정된 실시예와 도면에 의해 설명되었으나, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 이는 본 발명이 속하는 분야에서 통상의 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다. 따라서, 본 발명 사상은 아래에 기재된 특허청구범위에 의해서만 파악되어야 하고, 이의 균등 또는 등가적 변형 모두는 본 발명 사상의 범주에 속한다고 할 것이다.

본 발명에 따른 웹 기반 프로그램 관리 방법 및 시스템은 웹페이지를 디자인 페이지와 클라이언트 페이지로 구분하여 관리할 수 있으므로, 상기 웹페이지를 디자인하는 디자이너와 상기 웹페이지에 관련된 프로그래밍을 수행하는 프로그래머의 작업이 독립적으로 진행되도록 할 수 있다.

또한 본 발명에 따른 웹 기반 프로그램 관리 방법 및 시스템은 웹페이지에서 제공되는 이벤트의 처리, 웹페이지의 수정 등의 관리를 편리하게 할 수 있는 웹 기반 프로그램 관리 방법 및 시스템을 제공할 수 있다.

또한 본 발명에 따른 웹 기반 프로그램 관리 방법 및 시스템은 사용자와 인터렉티브(interactive)하게 작용 가능한 웹페이지를 제공할 수 있는 웹 기반 프로그램 관리 방법 및 시스템을 제공할 수 있다.

Claims (19)

1. 웹 기반 프로그램을 효율적으로 관리하는 클라이언트 엔진 시스템에 있어서,

   URL을 소정의 서버에 전달하여 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 요청하고, 상기 서버로부터 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 수신하는 서비스 요청 모듈(SRM: service request module);

   상기 수신한 디자인 페이지에 기초하여 사용자 인터페이스 화면을 표시하는 브라우저 관리 모듈(BM: Browser Manager);

   상기 사용자 인터페이스 화면과 연관된 이벤트가 발생하면 상기 이벤트에 관한 이벤트 정보를 상기 클라이언트 페이지에 전달하여 상기 이벤트에 대응하는 처리를 수행하도록 하는 이벤트 송신 모듈(ESM: Event Sending Module);

   상기 클라이언트 페이지를 참조하여 상기 디자인 페이지에 이벤트를 설정하고, 상기 설정된 이벤트가 발생하면 상기 이벤트에 관한 이벤트 정보를 상기 이벤트 송신 모듈에 전달하는 다큐먼트 관리 모듈(Document Manager); 및

   상기 이벤트 송신 모듈로부터 상기 이벤트 정보를 수신하고, 상기 이벤트 정보를 상기 클라이언트 페이지에 전달하는 이벤트 수신 모듈(ERM: Event Receiving Module)

   을 포함하는 것을 특징으로 하는 웹 기반 프로그램 관리 시스템.
2. 제1항에 있어서,

   상기 디자인 페이지는 상기 URL에 대응하여 사용자 인터페이스 화면의 디자인을 정의하고, 상기 클라이언트 페이지는 상기 사용자 인터페이스 화면과 관련된 이벤트의 처리를 정의하는 것을 특징으로 하는 웹 기반 프로그램 관리 시스템.
3. 제2항에 있어서,

   상기 디자인 페이지는 프로그램 코드가 포함되지 않은 HTML 파일인 것을 특 징으로 하는 웹 기반 프로그램 관리 시스템.
4. 제1항에 있어서,

   상기 서비스 요청 모듈은,

   상기 URL을 상기 서버의 서버 엔진 모듈(Server Engine Module)의 페이지 서비스 모듈(PSM: Page Service Module)에 전달하여 상기 URL과 연관된 디자인 페이지를 요청하고, 상기 URL을 상기 서버의 웹 서버 모듈(Web Server Module)에 전달하여 상기 URL과 연관된 클라이언트 페이지를 요청하는 페이지 서비스 요청 모듈(Page Service Request Module)을 포함하는 것을 특징으로 하는 웹 기반 프로그램 관리 시스템.
5. 제1항에 있어서,

   상기 서비스 요청 모듈은,

   상기 클라이언트 페이지로부터 데이터 서비스 요청을 수신하고, 상기 데이터 서비스 요청을 상기 서버의 서버 엔진 모듈에 전달하고, 상기 서버 엔진 모듈로부터 수신한 상기 데이터 서비스 요청에 대한 응답을 상기 클라이언트 페이지로 전달하는 데이터 서비스 요청 모듈(Data Service Request Module)을 포함하는 것을 특징으로 하는 웹 기반 프로그램 관리 시스템.
6. 제1항에 있어서,

   상기 디자인 페이지는 프로그램 코드가 포함되지 않은 HTML 파일이고,

   상기 브라우저 관리 모듈은 상기 HTML 파일을 웹 브라우저에 표시하는 것을 특징으로 하는 웹 기반 프로그램 관리 시스템.
7. 제1항에 있어서,

   상기 브라우저 관리 모듈로부터 상기 URL을 수신하여 상기 URL을 상기 서비스 요청 모듈에 전달하고, 상기 서비스 요청 모듈로부터 수신한 디자인 페이지는 상기 브라우저 관리 모듈에 전달하고, 상기 서비스 요청 모듈로부터 수신한 클라이언트 페이지를 저장하는 다큐먼트 제어 모듈(DCM: Document Control Module)

   을 더 포함하는 것을 특징으로 하는 웹 기반 프로그램 관리 시스템.
8. 삭제
9. 삭제
10. 제1항에 있어서,

    복수 개의 디자인 페이지를 URL과 연관하여 저장하고, 상기 서비스 요청 모듈로부터 수신한 디자인 페이지 요청에 응답하여 상기 URL과 연관된 디자인 페이지를 검색하고, 상기 검색된 디자인 페이지를 상기 서비스 요청 모듈로 전달하는 페이지 서비스 모듈(PSM: Page Service Module); 및

    상기 서비스 요청 모듈을 통하여 상기 클라이언트 페이지로부터 수신한 데이터 서비스 요청에 응답하여 상기 클라이언트 페이지에 대응하는 서버 페이지를 수행하는 데이터 서비스 모듈(DSM: Data Service Module)

    을 포함하는 서버 엔진 시스템

    을 더 포함하고,

    상기 서버 엔진 시스템과 상기 클라이언트 엔진 시스템은 네트워크를 통하여 연결되는 것을 특징으로 하는 웹 기반 프로그램 관리 시스템.
11. 컴퓨터 판독 가능 기록매체에 있어서,

    소정의 URL에 대응하여 사용자 인터페이스 화면의 디자인을 정의하는 디자인 페이지 파일;

    상기 디자인 페이지와 다른 파일로 구성되고, 상기 사용자 인터페이스 화면과 관련된 이벤트의 처리를 정의하는 클라이언트 페이지 프로그램; 및

    상기 사용자 인터페이스 화면과 관련된 이벤트가 발생한 경우 상기 이벤트를 상기 클라이언트 페이지 프로그램에 전달하여 상기 이벤트를 처리하도록 하는 클라이언트 엔진 프로그램을 저장하고,

    상기 클라이언트 엔진 프로그램은,

    상기 사용자 인터페이스 화면과 연관된 이벤트가 발생하면 상기 이벤트에 관한 이벤트 정보를 상기 클라이언트 페이지 프로그램에 전달하여 상기 이벤트에 대응하는 처리를 수행하도록 하는 동작;

    상기 클라이언트 페이지를 참조하여 상기 디자인 페이지에 이벤트를 설정하고, 상기 설정된 이벤트가 발생하면 상기 이벤트에 관한 이벤트 정보를 이벤트 송신 모듈에 전달하는 동작; 및

    상기 이벤트 송신 모듈로부터 상기 이벤트 정보를 수신하고, 상기 이벤트 정보를 상기 클라이언트 페이지 프로그램에 전달하는 동작

    을 수행하는 것을 특징으로 하는 컴퓨터 판독 가능 기록매체.
12. 제11항에 있어서,

    상기 디자인 페이지 파일은 프로그램 코드가 포함되지 않은 HTML 파일인 것을 특징으로 하는 컴퓨터 판독 가능 기록매체.
13. 제11항에 있어서,

    복수 개의 디자인 페이지 파일 및 클라이언트 페이지 프로그램을 URL과 연관하여 저장하고, 클라이언트의 상기 URL과 연관된 디자인 페이지 파일 및 클라이언트 페이지 프로그램의 요청에 응답하여, 상기 URL과 연관된 디자인 페이지 파일 및 클라이언트 페이지 프로그램을 검색하고, 상기 검색된 디자인 페이지 파일 및 클라이언트 페이지 프로그램을 상기 클라이언트로 송신하는 서버 엔진 프로그램을 더 기록한 컴퓨터 판독 가능 기록매체.
14. 웹 기반 프로그램의 실행 방법에 있어서,

    클라이언트 엔진 모듈에서 URL을 소정의 서버로 전달하여 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 요청하는 단계;

    상기 클라이언트 엔진 모듈에서 상기 서버로부터 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 수신하는 단계;

    상기 디자인 페이지에 기초하여 사용자 인터페이스 화면을 표시하는 단계;

    상기 클라이언트 페이지를 참조하여 상기 디자인 페이지에 이벤트를 설정하고, 상기 설정된 이벤트가 발생하면 상기 이벤트에 관한 이벤트 정보를 이벤트 송신 모듈에 전달하는 단계;

    상기 이벤트 송신 모듈로부터 상기 이벤트 정보를 수신하고, 상기 이벤트 정보를 상기 클라이언트 페이지에 전달하는 단계; 및

    상기 클라이언트 엔진 모듈에서 상기 사용자 인터페이스 화면과 연관된 이벤트가 발생하면 상기 이벤트를 클라이언트 페이지에 전달하여 상기 이벤트에 대응하는 처리를 수행하는 단계

    를 포함하는 것을 특징으로 하는 웹 기반 프로그램의 실행 방법.
15. 제14항에 있어서,

    상기 디자인 페이지는 상기 URL에 대응하여 사용자 인터페이스 화면의 디자인을 정의하고, 상기 클라이언트 페이지는 상기 사용자 인터페이스 화면과 관련된 이벤트의 처리를 정의하는 것을 특징으로 하는 웹 기반 프로그램의 실행 방법.
16. 제15항에 있어서,

    상기 디자인 페이지는 프로그램 코드가 포함되지 않은 HTML 파일인 것을 특징으로 하는 웹 기반 프로그램의 실행 방법.
17. 제14항에 있어서,

    상기 서버에서 복수 개의 디자인 페이지 및 클라이언트 페이지를 URL과 연관 하여 저장하는 단계; 및

    상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지의 요청에 응답하여, 상기 서버에서 상기 URL과 연관된 디자인 페이지 및 클라이언트 페이지를 검색하고, 상기 검색된 디자인 페이지 및 클라이언트 페이지를 상기 클라이언트 엔진 모듈로 송신하는 단계

    를 더 포함하는 것을 특징으로 하는 웹 기반 프로그램의 실행 방법.
18. 제14항에 있어서,

    상기 서버에서 상기 URL과 연관된 서버 페이지를 검색하여 로딩하는 단계

    를 더 포함하고,

    상기 서버 페이지는 상기 클라이언트 페이지에 대응하여 상기 서버에서 수행될 작업을 정의하는 것을 특징으로 하는 웹 기반 프로그램의 실행 방법.
19. 제14항 내지 제18항 중 어느 하나의 항을 방법을 수행하는 프로그램을 기록한 컴퓨터 판독 가능 기록매체.

Images