KR100856132B1 - 웹 대상물의 관리 시스템 - Google Patents

Abstract

본 발명에 따른 웹 대상물의 관리 시스템은, 마우스의 드래그 앤 드롭 방식으로 웹 컨텐츠 및 웹 어플리케이션을 포함하는 웹 대상물을 웹 플랫폼에서 위치 변경, 이벤트 부여를 하면서 편집할 수 있도록 하되, 상기 웹 플랫폼은 객체 정보의 수용 및 해석이 가능한 웹 대상물 편집모듈; 웹 대상물에 부여된 속성을 특정 신호로 개별 인코딩한 객체 정보를 속성 별로 생성하는 객체 정보 생성모듈; 웹 대상물 및 이에 종속된 객체 정보를 웹 서버에 저장 등록하는 객체 정보 등록모듈; 상기 웹 서버와 실시간 통신 및 상기 객체 정보의 수용/해석이 가능하여 이에 상기 편집된 웹 대상물이 표현되되, 웹 브라우저와 동일한 크기를 가져 웹 브라우저 활성 시에 웹 브라우저에 실시간으로 적층되는 성질을 가지는 레이어를 생성하는 레이어 생성모듈; 상기 레이어를 웹 브라우저 상에 적층함과 동시에 해당 객체 정보를 상기 투명 레이어 상에서 수신 및 디코딩하여 상기 레이어 상에서 웹 대상물 및 그 속성을 표현함으로써, 웹 브라우저 상에서 편집된 웹 대상물이 출력되는 효과를 나타내는 객체 정보 조합모듈;로 구성된 것을 특징으로 한다.

웹 어플리케이션, 편집, 웹 에디터, 웹 컨텐츠, 웹 플랫폼

Description

웹 대상물의 관리 시스템{SYSTEM FOR MANAGING WEB SUBJECTS}

본 발명은 웹 대상물의 관리 시스템에 관한 것으로서, 보다 상세히는 미니 홈페이지, 일반 홈페이지, 블로그와 같은 웹 공간에 적용되는 웹 컨텐츠는 물론 웹 어플리케이션(이러한 웹 컨텐츠 및 웹 어플리케이션을 웹 대상물이라 칭함)을 유저가 편집을 하는 과정에서 편집된 결과를 특정 신호 정보로서 변환 저장하고 편집 결과를 다시 디스플레이할 때에는 저장된 신호 정보를 불러들임과 동시에 마우스의 드래그 앤 드롭에 의하여 편집 처리가 가능하도록 하는 방식을 사용함으로써, 웹 서버의 트래픽을 줄이고 유저의 편의성을 극대화할 뿐 아니라 편집 결과의 다양성을 추구하는 웹 대상물의 관리 시스템에 관한 것이다.

웹 기술의 발달로 현재 웹 공간에서는 다양한 방식과 종류의 웹 형태(web form)가 존재하고 있는데, 실례로 최근 상당한 유행을 끌었던 개인 미니 홈페이지 및 블로그 형태는 물론 일반 홈 페이지에서 일상적으로 존재하는 게시판, 채팅창과 같은 커뮤니티 형태, 웹 메일 형태 등이 현재 일반 유저에게 활발히 사용되고 있는 웹 형태라 할 수 있을 것이다.

이러한 다양한 종류의 웹 형태는 통상적으로 HTML 방식으로 작성되어 있는 경우가 많고 이러한 웹 형태를 편집하기 위해서 여러 편집 툴과 어플리케이션을 구비한 HTML 방식의 웹 에디터가 존재하고 있다.

웹 형태를 구현하고 있는 웹 컨텐츠와 웹 어플리케이션은 특정한 웹 공간 내에 정해진 위치와 형식을 갖게 되는바, 이러한 속성은 주로 HTML 소스 코드에 의하여 작성되고 있다.

그런데, HTML 소스 코드가 현재 일반 유저에게도 널리 알려져 있는 상태이긴 하나 아직까지는 그 언어를 구사하고 사용할 수 있는 유저가 그리 많지 않아 HTML 소스 코드를 수정 및 변환하면서 일반 유저가 웹 컨텐츠를 편집하는 것은 불편한 일일 수밖에 없었다.

더불어 현재 게시판과 같은 웹 공간에서 단순히 댓글만 달거나 파일을 첨부하는 방식을 탈피하여 도표, 그래프 등을 삽입할 수 있는 일명 스마트 웹 에디터가 사용되고 있어 어느 정도 유저의 편의성을 도모하고는 있으나 이 역시 상기와 마찬가지로 HTML 소TM 코드 작성 방법을 모르는 유저에게는 큰 의미가 없다는 문제점이 있다.

더불어, HTML 소스 코드를 통해 웹 컨텐츠의 배열, 배치, 이벤트 부여와 같은 속성이 표현되는 것이 가능한데 만일 하나으 웹 컨텐츠에 다양한 속성을 부가할 경우에는 소스 코드 자체의 용량이 커져 웹 서버에 트래픽을 유발하게 될 뿐 아니라, 제 3자에게 공개되어 있어 이에 악의적인 악성 코드를 삽입하기가 쉬어 보안에 상당히 취약하다는 문제가 있었다.

또한, 현재 서비스되는 웹 에디터는 동영상 에디터, 이미지 에디터, HTML 에디터 등이 각각 별개로 서로 다른 UI(User Interface)에서 서비스가 이루어지기 때문에 유저가 HTML 에디터를 이용하여 이미지, 텍스트, 동영상 등의 웹 컨텐츠를 복합적으로 이용하고자할 때에는 각각 별도의 에디터를 통하여 작업한 결과를 업로드한 후 HTML 에디터를 이용하여 작성하는 방식으로 이루어져 사용상에 많은 불편을 초래하고 있다.

그리고 웹 컨텐츠를 필요에 따라 변경하고자 할 때 기존의 웹 에디터는 HTML 코딩 자체를 다시 제작하고 각 객체를 다시 배열해야 하기 때문에 웹 컨텐츠의 간당한 변경이라도 인력과 비용, 시간이 소요되는 문제점이 있었다.

그리고 웹 컨텐츠와 달리 프로그램에 의한 특정 기능을 수행하는 웹 어플리케이션은 웹 공간에 자유로이 삽입하는 것이 어려워 다양한 기능을 추구하는 웹 형태의 출현이 한정적일 수밖에 없었다.

본 발명은 상기 기술의 문제점을 극복하기 위해 안출된 것으로, 동영상/이미지/HTML 에디터가 통합된 통합형 UI를 제공하여 복합적인 웹 컨텐츠를 자유로이 제작할 수가 있고 마우스의 드래그 앤 드롭 방식으로 편집 과정을 거치도록 하여 HTML 소스 코드의 이해가 없는 유저라도 편리하고 간편하게 활용할 수 있는 웹 대상물의 관리 시스템을 제공하는 것을 주요 목적으로 한다.

본 발명에 따른 다른 목적은 웹 컨텐츠는 물론 웹 어플리케이션의 속성에 대한 데이터를 별도의 신호로서 인코딩하고 이를 다시 디코딩하여 디스플레이함으로써 보안성을 강화할 뿐 아니라 속성 표현에 필요한 데이터 용량을 현저히 줄임으로 웹 서버에 트래픽이 발생하는 문제를 차단하도록 하는 것이다.

본 발명에 따른 또 다른 목적은 편집에 의한 결과물을 HTML 문서는 물론, SWF 파일, Silver Light 기반의 파일 형식으로 제작하여 데이터 용량을 줄임과 동시에 보안성을 강화하도록 하는 것이다.

본 발명에 따른 추가 목적은 하나의 웹 어플리케이션을 여러 유저가 공유하여 실시간으로 통합 관리를 함과 동시에 실시간 커뮤니티를 이룰 수 있도록 하는 것이다.

본 발명의 추가 목적은 블로그, 미니 홈피, 웹 페이지에 기본적으로 포함되는 웹 어플리케이션을 하나의 조합으로 마련하거나 사용자 정의로서의 기능을 첨삭하여 기본 블로그, 미니 홈페이지를 뛰어 넘는 다양한 웹 형태를 도출하도록 하는 것이다.

본 발명의 추가 목적은 UCC 형 웹 사이트를 운영하고자 하는 유저에게 동영상, 이미지, 사운드, 텍스트 등이 어우러진 복합적인 웹 컨텐츠를 제작하여 적극적으로 유저의 의사를 웹 컨텐츠에 표현할 수 있도록 하여 보다 풍성하고 다채로운 UCC 웹 사이트를 운영할 수 있도록 하는 것이다.

본 발명의 추가 목적은 웹 사이트 빌더를 대체할 수 있도록, 전문 지식이 없는 유저에게 고급 디자인형 템플릿 내지 프리젠테이션 요소를 제공하여 고품격 웹 컨텐츠를 편리하게 제작할 수 있도록 하는 것이다.

상기 목적을 달성하기 위하여, 본 발명에 따른 웹 대상물의 관리 시스템은, 마우스의 드래그 앤 드롭 방식으로 웹 컨텐츠 및 웹 어플리케이션을 포함하는 웹 대상물을 웹 플랫폼에서 위치 변경, 이벤트 부여를 하면서 편집할 수 있도록 하되, 상기 웹 플랫폼은 객체 정보의 수용 및 해석이 가능한 웹 대상물 편집모듈; 웹 대상물에 부여된 속성을 특정 신호로 개별 인코딩한 객체 정보를 속성 별로 생성하는 객체 정보 생성모듈; 웹 대상물 및 이에 종속된 객체 정보를 웹 서버에 저장 등록하는 객체 정보 등록모듈; 상기 웹 서버와 실시간 통신 및 상기 객체 정보의 수용/해석이 가능하여 이에 상기 편집된 웹 대상물이 표현되되, 웹 브라우저와 동일한 크기를 가져 웹 브라우저 활성 시에 웹 브라우저에 실시간으로 적층되는 성질을 가지는 레이어를 생성하는 레이어 생성모듈; 상기 레이어를 웹 브라우저 상에 적층함과 동시에 해당 객체 정보를 상기 투명 레이어 상에서 수신 및 디코딩하여 상기 레이어 상에서 웹 대상물 및 그 속성을 표현함으로써, 웹 브라우저 상에서 편집된 웹 대상물이 출력되는 효과를 나타내는 객체 정보 조합모듈;로 구성된 것을 기본적인 특징으로 한다.

또한, 본 발명에 따른 시스템은 일정관리 기능, 게시판 기능, 갤러리 기능, 설문조사 기능, 방명록 기능, 메모장 기능을 비롯한 다양한 웹 어플리케이션을 유저에 의하여 검색 및 선택할 수 있도록 함과 동시에 공지의 웹 어플리케이션의 조합 형태를 상기 웹 대상물 편집모듈과 연동함으로 상기 웹 플랫폼에 마련하는 웹 어플리케이션 관리모듈;을 추가로 포함하는 것을 특징으로 한다.

더불어, 본 발명에 따른 시스템은 제 1 유저의 웹 브라우저 상에 적층된 레이어에서 구현되고 있는 특정 어플리케이션에 대한 객체 정보와 레이어를 활성화할 수 있도록 하는 정보를 조합하여 생성한 공유 정보를 제 2 유저에게 배포하거나 제 2 유저가 상기 공유 정보를 요청하여, 상기 공유 정보를 수신한 제 2 유저의 웹 브라우저에서 상기 공유 정보를 인식함으로 제 2 유저의 웹 브라우저 상에서 레이어가 활성화됨과 동시에 제 1 유저의 웹 어플리케이션이 실행됨으로써, 복수 개의 웹 브라우저에서 특정 웹 어플리케이션이 실시간으로 공유되도록 하는 공유 관리모듈;을 추가로 포함하는 것을 특징으로 한다.

본 발명에 따른 웹 대상물의 관리 시스템에 의하면,

1) 각각의 웹 대상물을 저용량 신호로 인코딩 및 디코딩하는 것이 가능함으로 웹 서버의 트래픽이 발생하는 것을 방지함과 동시에 보안성을 증가할 수 있는 장점이 있고,

2) 유저의 마우스에 의한 드래그 앤 드롭 방식으로 편리하고 손쉽게 웹 대상 물을 편집할 수 있는 인터페이스를 제공하며,

3) 웹 어플리케이션을 여러 유저가 공유하여 실시간으로 통합 관리의 편의성과 실시간 커뮤니티를 이룰 수가 있을 뿐 아니라,

4) 유저 중심에 의하여 다양한 웹 어플리케이션을 배치할 수 있기 때문에 블로그, 미니 홈피 형태는 물론 그 이상의 다양한 포맷을 가지는 웹 폼을 형성할 수가 있으며,

5) 고급 형식의 템플릿 내지 애니메이션, 프리젠테이션 요소를 지원하여 유저의 선택에 의하여 보다 고급스럽고 다양한 웹 폼을 연출할 수 있다는 효과를 가진다.

이하 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 상세하게 설명하도록 한다. 첨부된 도면은 축척에 의하여 도시되지 않았으며, 각 도면의 동일한 참조 번호는 동일한 구성 요소를 지칭한다.

도 1은 본 발명에 따른 시스템의 웹 대상물의 편집 과정을 개략적으로 도시한 개념도이고, 도 2는 본 발명에 따른 시스템의 웹 대상물에 대한 인코딩 및 디코딩 과정을 개략적으로 도시한 개념도이다.

또한, 도 4는 본 발명에 따른 시스템의 웹 대상물에 대한 인코딩 및 디코딩 과정을 개략적으로 도시한 순서도이다.

본 발명에 따른 시스템(10)은 유저의 마우스에 의한 드래그 앤 드롭(drag & drop)만으로 편리하고 간편하게 웹 컨텐츠 및 웹 어플리케이션을 웹 플랫폼(112)에 배열 및 저장할 수 있는 기능성 인터페이스를 제공하기 위한 것을 목적으로 하는바, 특히 웹 공간에 배열된 웹 컨텐츠 등의 형식/폼을 객체 정보로서 분할 추출하여 저장한 다음 이를 유저에게 디스플레이할 때에 객체 정보의 편집, 조합 과정을 거치도록 함과 동시에 웹 어플리케이션까지도 미리 준비된 라이브러리에서 드래드 앤 드롭(Drag & Drop)을 하여 유저의 웹 공간에 적용할 수 있기 때문에, 보다 적은 웹 컨텐츠 편집 정보 용량으로 웹 컨텐츠를 웹 공간에서 표시할 수 있을 뿐 아니라 특정 웹 어플리케이션들을 기본적으로 구비한 블로그, 미니 홈페이지 형식을 유저 스스로 자유로이 만들 수 있게 됨으로 상당히 다양한 유저 인터페이스 환경에 대한 확장 형태가 자유로이 도출될 수 있도록 하는 것을 주요 특성으로 삼고 있다.

일반적으로 웹상에서 편집되는 개체는 동영상, 텍스트, 이미지 등의 형태로 이루어진 '웹 컨텐츠(web contents)'와, 게시판, 일정관리, 달력, 방명록, 검색 바 등 웹 브라우저에서 흔히 사용되는 프로그램 형태인 '웹 어플리케이션(web application)'으로 구분되어 존재한다고 볼 수 있는바, 본 발명에서는 이러한 웹 컨텐츠와 웹 어플리케이션을 통합하여 '웹 대상물'이라 명명하고, 이러한 웹 대상물을 편집 및 관리하는 방식에 대해서 보다 구체적으로 서술이 될 것이다.

도 1,2 및 도 4를 보아 알 수 있듯이, 본 발명에 따른 웹 컨텐츠의 편집 과정의 핵심은 웹 에디터를 통하여 특정 웹 공간에서 웹 컨텐츠와 웹 어플리케이션을 적절히 편집하여 특정 배열과 조합 형태를 가진 웹 대상물을 작성한 다음, 웹 대상물을 웹 서버에 저장하되 웹 대상물의 저장 방식은 각 웹 대상물의 위치 좌표, 이 벤트 부여 상태, 회전각도 등의 속성 정보를 '객체 정보'로서 분할 저장을 하는 방식을 취하고, 이렇게 저장된 웹 대상물을 유저의 모니터를 통하여 다시 디스플레이하는 경우 웹 플랫폼(또는 웹 브라우저에 적층되는 레이어)에서 객체 정보만을 불러들여 웹 플랫폼(또는 레이어) 상에서 유저가 처음 작성한 상태의 웹 대상물 형태를 취할 수 있도록 하는 특정 파일 저장 및 호출 환경 내지 웹 플랫폼 환경을 제공하는 것이다.

즉, 과거 웹 대상물 편집 방식은 기 작성이 된 웹 컨텐츠 등을 유저의 클라이언트 서버에 전송할 때 HTML 에디터에 의하여 HTML 소스 코드를 작성하고 이를 유저 클라이언트 서버에 전송하는 방식을 취하였는데 이 경우 HTML 소스 코드가 많은 용량을 차지하여 웹 서버와 데이터베이스 서버에 과부하를 초래함으로 전송 속도가 느려지거나 다운로드를 해야 할 데이터 용량이 증대하게 되는 불편함이 있었지만, 본 발명에 따른 방식에서는 해당 웹 컨텐츠 등을 이루는 개별적인 속성만을 추출 분해하여 별도의 웹 서버에 저장한 이후에 이를 필요 시 각각 불러들인 다음 웹 플랫폼(레이어)에서 특정 방식을 통해 조합하여 출력하게 됨으로써, 기존 HTML 소스 코드와 같이 웹 서버에 과부하 발생을 초래하지 않게 되고 HTML 소스 코드에 악성 소스를 악의적으로 삽입하는 것이 어려워지게 된다.

도 3은 본 발명에 따른 시스템을 이루는 주요 구성을 개략적으로 도시한 블록도이다.

도 3을 참조하면, 본 발명에 따른 시스템은, 유저에 의하여 웹 대상물의 자 유로운 편집을 보장하는 웹 대상물 편집모듈(110), 웹 대상물의 주요 속성을 추출하여 별도의 정보로서 저장하는 객체 정보 생성모듈(120), 객체 정보를 그룹화하여 별도 정보로서 생성하는 객체 정보 그룹화 모듈(130), 웹 서버에 객체 정보를 저장, 등록하는 객체 정보 등록모듈(140), 상기 웹 대상물 편집모듈에서 편집된 웹 대상물을 그대로 표현하기 위하여 웹 대상물의 해당 객체 정보를 모두 수용 가능하되 웹 브라우저와 동일 크기를 가지는 레이어를 생성하는 레이어 생성모듈(155), 웹 서버에 저장된 객체 정보를 웹 플랫폼(112)에 불러 조합함으로 특정 파일 등의 형태로 웹 대상물을 디스플레이하는 객체 정보 조합모듈(150), 상기 웹 대상물 편집모듈과 연동하여 웹 컨텐츠의 동영상, 문서, 이미지 등의 형태를 각 형식에 알맞게 관리하는 웹 컨텐츠 관리모듈(160), 시스템에 미리 저장되어 있는 웹 컨텐츠에 대한 유용한 형식(각종 서식, 템플릿, 프리젠테이션)을 제공 및 관리하는 아이템 관리모듈(170), 블로그/미니 홈페이지/웹진과 같이 특정한 복수 개의 웹 어플리케이션을 구비하여 정형적인 형태를 가진 웹 표현 형식과 본 발명에 따른 편집 기능에 의하여 제작된 웹 대상물과 서로 연동할 수 있도록 하는 웹 어플리케이션 관리모듈(180), 웹 대상물을 복수의 유저가 서로 공유할 때 공유 상태를 제어 및 관리하는 공유 관리모듈(190), 공유 상태에서 웹 대상물을 재편집할 때 발생하는 일련의 상황을 제어하는 공유 편집 모듈(200)로 구성되어 있다.

이하, 도 3에 표시된 개별 구성요소의 기능과 작용을 보다 중점으로 설명하도록 한다.

도 5는 본 발명에 따른 웹 대상물 편집모듈의 개략적인 상태를 예시한 개념도이다.

도 5를 보아 알 수 있듯이, 본 발명에 따른 웹 대상물 편집 모듈(110)은 본 발명에서 제공하는 웹 에디터(111)를 통해 유저 중심의 다채롭고 개성 있는 웹 디자인과 이에 수반하는 기능 구현 환경을 꾸밀 수 있도록 하는 기능을 수행하고, 이러한 웹 에디터(111)는 웹 서버와 실시간 통신 상태를 이루는 상태에서 본 발명 고유의 웹 플랫폼(112)을 유저에게 제공한다.

본 발명에 따른 웹 플랫폼(112)은 웹 대상물(웹 컨텐츠, 웹 어플리케이션)이 표현되는 베이스 공간을 의미하는 것으로서, 객체 정보로서 분할되어 있는 웹 컨텐츠, 웹 어플리케이션을 표시/구동하기 위해 객체 정보를 웹 서버에 실시간으로 전송(수신)함으로 결과적으로 웹 서버와 웹 대상물에 대한 객체 정보를 매개하는 역할을 수행한다. 다시 말해, 웹 플랫폼(112)을 매개로 하여 유저 스스로 등록한 웹 대상물이 특정 속성을 포함한 객체 정보로서 생성이 되고 웹 서버에 저장이 되어 있는 객체 정보가 웹 플랫폼(112)의 호출에 의해 웹 플랫폼(112)으로 전송이 된 다음 웹 플랫폼(또는 레이어)에서 특정 파일 형태를 기반으로 한 상태에서 객체 정보를 조합하게 됨으로써 다시금 초기 상태의 웹 대상물의 배열 및 기능 구현 형태로서 표시되도록 한다. 즉, 웹 플랫폼(112)은 웹 대상물을 표시하는 공간의 역할 뿐 아니라 웹 대상물이 객체 정보로서 인코딩, 디코딩 처리된 것을 포함 및 해석하는 수단이기도 하며, 본 발명에 따른 웹 대상물 표시 모듈에서 후술할 객체 정보 생성모듈(120)과 객체 정보 조합모듈(150)의 기능을 겸비하여 유저가 웹 대상물을 등록 하고 편집하는 과정에서 실시간으로 객체 정보의 생성과 조합 기능을 수행할 수가 있다.

또한, 웹 플랫폼(112)은 마우스의 드래그 앤 드롭 방식으로서 웹 대상물의 위치 지정과 웹 서버에 이미 구비되어 있는 다양한 데이터베이스를 적용할 수 있고 다이내믹 HTML(DHTML) 방식에 의하여 3차원식으로 웹 대상물을 적층 처리하도록 함과 동시에, 웹 에디터의 이벤트 편집기를 통해 각 웹 대상물에 마우스 다운, 클릭, 더블클릭, effect/animation(오버랩, 페이드, 줌, 와이프 등) 등의 이벤트를 부여하는 기반을 제공하기도 한다.

이러한 웹 플랫폼(112)을 가지는 웹 에디터(111)는 이미지, 동영상, 사운드, 텍스트로 이루어진 웹 컨텐츠와 웹 어플리케이션을 마우스의 드래드 앤 드롭 방식으로 자유롭게 배치할 수 있도록 함과 동시에 실행 화면과 편집 화면과의 차이를 해결하기 위한 미리보기의 기능 없이 실시간으로 WYSIWYG(What You See Is What You Get)을 구현할 수 있도록 한다.

이러한 웹 대상물 편집모듈(110)을 통해 제공되는 웹 플랫폼(112)에서 유저가 다양한 웹 컨텐츠와 웹 어플리케이션을 삽입, 배열하고 이벤트 부여 등을 함으로써 편집 과정을 완료하게 되면, 유저에게 이러한 편집/설정 상태를 저장할지 여부를 묻게 되고 유저가 저장을 선택하게 되면 저장 파일 형식을 선택하도록 한 다음 각 웹 대상물에 부여된 위치, 이벤트 정보 등의 속성을 객체 정보로서 추출하여 웹 서버에 저장을 하게 되는데 이러한 과정은 본 발명에 따른 구성요소와 더불어 보다 상세히 설명이 될 것이다.

본 발명에 따른 객체 정보 생성모듈(120)은 웹 컨텐츠 및 웹 어플리케이션(즉, 웹 대상물)이 웹 플랫폼(112)에서 가지는 각종 속성을 객체 정보라는 별도의 정보로서 추출 및 생성하는 역할을 한다.

본 발명에서 객체 정보라 함은 웹 대상물이 웹 플랫폼(112)에서 가지는 각종 속성과 기능을 구분하여 각 웹 대상물 및 해당 속성별로 저장된 데이터로서, 이러한 객체 정보는 웹 플랫폼(112)에서 웹 대상물을 디스플레이할 때 특정 파일 형태(예를 들어 플래시 파일 형태인 swf 파일)로 보다 용이하게 표현을 하도록 함과 동시에 웹 서버의 과부하 문제를 방지하고 악의적인 악성 코드 삽입을 방지하는 작용을 제공하게 된다.

일반적으로 HTML 에디터를 통해 작성된 웹 대상물의 속성(위치 정보, 이벤트 정보 등)은 HTML 소스 코드로 생성이 되는데 이러한 HTML 소스 코드는 외부로부터 접근 및 확인이 가능하다. 접근이 허용된 이러한 HTML 소스 코드는 제 3 자의 악의적인 악성 코드 삽입이 손쉽게 이루어질 수 있어 피해가 심각했을 뿐 아니라, 속성이 다양할수록 HTML 소스 코드의 용량이 증대되어 이를 처리하는 웹 서버에 과도한 트래픽 내지 부하를 발생하여 서버의 다운을 야기하는 문제점이 있었다.

따라서 본 발명에서는 외부의 용이한 접근이 HTML 파일 형태보다 상대적으로 어려울 뿐 아니라 데이터 용량 자체를 줄일 수 있는 프래시(Flash) 파일 형태(확장자가 SWF 파일 형태)를 웹 컨텐츠로 활용하도록 하고, 더불어 보다 완벽하게 악성 코드 삽입을 방지하고 소스 자체의 용량을 줄일 수 있도록 하기 위하여 본 발명에 서 규율한 특정 룰에 따라 생성된 새로운 언어인 '객체 정보'를 모든 웹 대상물에 사용하는 것을 기본으로 한다.

즉, 객체 정보는 웹 대상물의 중요 데이터를 신호로서 처리하는 역할을 하되, 웹 대상물에서 특정 기준에 의한 복수 개의 데이터 속성을 추출하여 특정 신호로서 변환하여 이를 웹 서버에서 저장하여 관리하도록 하고(객체 정보로의 인코딩(encording) 과정: 객체 정보 생성모듈에서 수행), 웹 대상물을 디스플레이할 때 이를 웹 플랫폼(112)(또는 레이어)에서 불러들여 조합을 함(객체 정보의 디코딩(decording) 과정: 객체 정보 조합모듈에서 수행)으로써 웹 공간(웹 플랫폼, 레이어)에서 초기 상태의 웹 대상물이 표시되도록 하도록 하는 기본 신호로서, 다시 말해 웹 대상물에 대한 속성 데이터를 특정 해석방법에 의하여 해석 가능하도록 처리된 특정 신호를 말한다. 이러한 객체 정보는 웹 플랫폼(112) 또는 레이어에서 해석 및 표현이 가능하다.

본 발명에서와 같이 특정 웹 대상물의 속성 데이터를 객체 정보로 표시하게 되면, 특정 해석 기준을 모르는 이상 악성 코드를 삽입할 여지가 없게 되고 용량이 크지 않아도 충분히 신호 해석 처리가 가능하도록 해석 기준을 마련할 수 있기 때문에 웹 서버에 트래픽이 발생될 소지를 줄일 수 있다는 특성을 제공한다.

이러한 객체 정보는 먼저 객체 정보 생성모듈(120)의 객체 정보 정의부(121)에서 규정되기 시작한다.

객체 정보 정의부(121)는 객체 정보의 분류와 미리 마련된 객체 정보 해석 기준을 통해 객체 정보를 해석할 수 있는 수단을 마련한 것으로서, 웹 대상물 별로 아이디를 발급하여 웹 대상물을 기준으로 특정 기준에 의한 복수 개의 객체 정보를 1차적으로 추출하는 역할을 담당한다.

객체 정보는 객체 기본 정보와 ??체 이벤트 정보로 구분되어 설명이 가능한데, 객체 기본 정보는 웹 대상물이 웹 플랫폼에서 위치할 때의 좌표값, 넓이, 높이, 적층 상태, 웹 어플리케이션이 이를 저장하고 있는 웹 서버의 라이브러리에 속한 주소와 같은 정보를 의미하고, 객체 이벤트 정보는 웹 대상물에 부여된 이벤트 속성, 즉 마우스 왼쪽 버큰 클릭 시 플레이 처리, 더블 클릭 시 편집 처리, 각종 이펙트(effect)(페이드, 오버랩, 슬라이드 처리, 줌 등), 하이퍼링크, 특수 키(shift 키, alt 키 등) 값 지정 등의 정보를 의미한다.

특히, 웹 대상물 중 웹 어플리케이션의 경우에는 객체 정보의 기본 정보로서 레이아웃(lay-out) 개체를 포함하도록 하며 이러한 레이아웃 개체에 데이터를 적용한 상태도 별도의 객체 정보로서 처리할 수 있도록 하여, 예를 들어 게시판(웹 어플리케이션)에 리플(데이터)이 포함된 상태라 하더라도 게시판 레이아웃에 대한 객체 정보에 리플이라는 데이터를 적용하여 표시함으로 게시판 레이아웃을 완성 처리하는 것도 가능하다.

다시 말해, 객체 정보 정의부(121)는 각각의 웹 대상물의 고유 상태(위치 정보 등)와 이벤트 부여 상태의 다양한 속성을 파악하여 이를 추출하는 역할을 가지는 것이고, 실질적으로 객체 정보를 생성하는 작업은 객체 정보 부여부(122)에서 수행한다.

객체 정보 부여부(122)는 상기 객체 정보 정의부(121)에서 추출한 각 웹 대 상물에 대한 속성을 객체 정보로 변환하는 기능을 하는 것으로, 가급적 객체 정보 자체의 용량이 크지 않게 처리되도록 하기 위하여 예를 들어 각 키 값 정의와 같은 이벤트는 A에서 Z까지 소팅 처리를 하고 키의 각 기능은 a,b,c...와 같이 각 소문자에 의미를 부여하여 객체 정보 '1Aa'의 경우에는 '제 1 웹 대상물에 마우스 왼쪽 버튼을 클릭 시에 확대 기능을 부여한다'와 같은 의미가 수록되도록 객체 정보를 간소하게 생성할 수가 있다. 이러한 객체 정보의 부여를 통하여, 웹 플랫폼(112)에서 표시되는 다양한 웹 대상물에 따른 속성은 적고 슬림한 용량에 의하여 모두 수록 가능하게 된다.

추가적으로, 객체 정보 부여부(122)는 웹 어플리케이션의 경우 호출 이벤트 정보를 해당 웹 어플리케이션에 첨가하는 기능을 가진다.

즉 내용이 유저 마음대로 바뀌지 않는 정적 데이터 상태인 웹 컨텐츠와는 달리 웹 어플리케이션은 다양한 데이터가 실시간을 추가되는 동적 상태를 가짐으로 어느 웹 어플리케이션을 어느 시점에 비동기 통신하기 위하여 호출 이벤트를 구동할지가 명확하지 않기 때문에, 웹 서버로부터 객체 정보를 읽어 오는 과정에서 비동기 통신을 할 때 비동기 통신 시작을 알리기 위한 역할을 하는 호출 이벤트 정보가 필요하게 되는바, 이러한 호출 이벤트 정보를 웹 어플리케이션에 객체 정보의 추가 정보로서 수록할 필요가 있기 때문이다.

이라한 과정을 통하여, 웹 대상물에 속한 다양한 속성은 본 발명에서 규정한 해석 기준에 의해 해석 및 변환 처리 가능한 신호인 객체 정보로서 생성이 되어 후술할 객체 정보 등록모듈(140)을 통해 웹 서버에 등록, 저장이 되어 관리가 이루어 진다.

본 발명에 따른 객체 정보 그룹화모듈(130)은 특정한 의미를 가지고 있는 객체 정보를 그룹화하여 그룹화된 특정 객체 정보를 포함한 웹 대상물을 일괄적으로 관리할 수 있도록 하는 역할을 수행한다.

이러한 객체 정보 그룹화 모듈(130)에 의하면 예를 들어 투명도 조절이 x 라는 객체 정보로서 표현이 될 때, x 를 가지는 모든 웹 대상물을 식별할 수 있도록 표시하고 키보드 shift와 특정 웹 대상물에 대한 마우스 클릭에 의하여 그룹화를 할 필요가 있는 웹 대상물만을 그룹 처리하여, 유저가 편집 과정에서 투명도 조절을 할 필요가 있는 웹 대상물에 대하여 특정 키를 누를 경우 투명도가 조절되는 방식을 취하고 esc 키를 누르면 그룹화가 해제되는 방식을 취함으로써, 유저의 1회 작업에 의하여 그룹화된 복수 개의 웹 대상물을 일괄적으로 핸들링(handling)할 수 있는 편의성을 제공하는 것이 가능하다.

즉, 기조의 웹 에디터에서는 HTML 구성 요소를 그룹화하여 그룹 단위로 구성 요소를 컨트롤하거나 핸들링할 수 있는 기능을 제공하지 못하기 때문에 하나의 단조로운 이벤트를 웹 대상물에 동시에 부여하기 위해서도 일일이 모든 웹 대상물의 소스 코드를 변경해야하는 번거로움이 존재하였는데, 이러한 객체 정보 그룹화 모듈에 의하여 복수 개의 웹 대상물에 공통적인 이벤트 속성 부여가 1회의 작업에 의하여 동시에 수행될 수 있다는 간편함을 제공할 수 있다는 특성을 가진다.

본 발명에 따른 객체 정보 등록모듈(140)은 개별 웹 대상물별의 객체 정보를 웹 서버에 저장, 등록하는 기능을 수행하는 것으로 이 때 웹 컨텐츠의 속성을 제외한 기본 데이터는 특정 확장자를 가진 파일상태로 변환 처리가 되어 웹 서버에 등록을 시키는 기능을 겸비할 수 있다.

즉, 상대적으로 적은 용량으로서 정확한 표현과 다양한 기능을 부과할 수 있는 Adobe Flash Player 기반인 swf 파일, MS의 SilverLight 기반의 파일 형식으로 파일 변환하여 등록되는 것을 기반으로 하나, 물론 기존의 HTML 문서 형태로 저장되는 것도 기본 등록 방식으로서 포함할 수 있다.

보다 구체적으로는 웹 컨텐츠를 저장하는 단계에서 HTML, SWF, SilverLight 기반의 파일 중 유저가 원하는 형식을 지정하여 저장하도록 한다.

즉, html 문서 선택 시에는 편집된 웹 컨텐츠를 html 형식에 맞게 변환 저장 처리를 하고, swf 형식 선택 시에는 웹 컨텐츠를 MXML 형식으로, SilverLight 파일 형식 선택 시에는 웹 컨텐츠를 XAML 형식에 맞게 변환하여 등록 처리를 한다.

이렇게 변환 처리된 웹 컨텐츠는 이에 종속된 속성 정보인 객체 정보와 함께 세분화된 카테고리 기준에 의하여 라이브러리를 구축하게 되고, 라이브러리는 커뮤니티 별, 개인 별, 특정 용도별로 별도 저장 처리되어 운용되는 것이 가능하다.

여기서, 특히 웹 어플리케이션의 경우 웹 어플리케이션을 통째로 저장하는 것은 웹 서버 용량 간소화에 전혀 도움이 되지 않기 때문에, 웹 어플리케이션의 레이아웃 및 어느 기능을 수행하고 어느 이벤트가 부과되었는지에 대해 생성된 객체 정보만을 저장하고 있다가 후술하겠지만 이러한 웹 어플리케이션을 실행할 때에는 웹 서버에서 기존 기능으로 제공하고 있는 웹 어플리케이션 라이브러리에서 해당 웹 어플리케이션을 불러들인 다음 이에 해당 이벤트를 부과하는 것이 가능하기 때문에 웹 어플리케이션의 저장에서 역시 객체 정보의 유용성이 부각될 수가 있다.

본 발명에 따른 레이어 생성 모듈(155)은 웹 서버와 통신을 하고 객체 정보를 포함하거나 해석함으로써 웹 플랫폼(112)과 동일한 기능적 성질을 가지되 일반 웹 브라우저 상에서 웹 브라우저와 동일 크기 형태로 적층되는 레이어를 생성하는 역할을 한다.

본 발명에 따른 레이어(layer)라 함은 일반적인 웹 브라우저에 적층되는 일종의 막(membrane)과 같은 개념으로 이해가 가능하다.

다시 말해, 본 발명에 따른 웹 대상물이 편집 상태를 거친 이후에 일반적인 웹 브라우저에서 구현의 편의성과 범용성을 추구하기 위해서는 객체 정보를 특정 웹 브라우저의 특정 공간 내에 물리적으로 삽입하는 방식이 아니라 해당 웹 브라우저 상에 적층되는 특정 구성을 마련한 이후에 이 특정 구성에서 객체 정보를 포함, 인식, 해석할 수 있도록 할 필요가 있는바, 객체 정보를 포함/인식/해석할 수 있는 성질 및 웹 서버와 통신을 이룰 수 있는 성질을 가진 상태에서 막과 같은 식별성을 가지는 이러한 매체가 바로 레이어인 것이다.

다시 말해 본 발명에서 의미하는 레이어는 단순히 웹 브라우저를 물리적으로 덮고 있는 막과 같은 개념을 가지는 것 뿐 아니라, 그 실질적인 성질은 상술한 웹 플랫폼과 유사하다고 보는 것이 타당하다.

뿐만 아니라, 레이어는 링크, 문서/동영상 표시, 내용 입력 등이 모두 가능한 구조로 이루어져 있으며 이렇게 레이어가 일반적인 웹 브라우저 성질까지 가지고 있어야만 비로소 이에 객체 정보가 삽입되고 해석되어 최종적으로 웹 대상물이 이러한 레이어에 활성/출력이 될 수 있는 것이다.

다시 말해, 본 발명에 따른 레이어는 일반적인 웹 브라우저에 웹 서버와 통신 기능, 객체 정보 판독에 의한 웹 대상물의 출력 기능을 추가한 것으로 이해하면 된다. 대신, 레이어 아래에 위치하는 웹 브라우저(즉, 편집된 웹 대상물이 표현되어야 할 url 주소를 가지는 웹 브라우저)가 활성이 될 때 실시간으로 레이어가 해당 웹 브라우저 상에 적층됨으로써 마치 유저는 웹 브라우저에서 웹 대상물이 표현되는 것과 같은 인식을 주도록 구성되어 있다.

일반적인 웹 브라우저는 본 발명에 따른 객체 정보를 해석, 포함할 수 있는 구조를 가지고 있지 않기 때문에, 물론 웹 브라우저 구조를 변경하여 객체 정보를 해석하도록 하는 것도 불가능한 것은 아니나 일반 웹 브라우저와의 호환성을 더욱 고려하여 일반 웹 브라우저 상에 별도의 웹 브라우저, 즉 레이어를 적층 표시하게 된 것이다.

이러한 레이어는 유저 별 또는 해당 웹 페이지 별로 해당되는 객체 정보를 미리 포함하고 있거나 아니면 웹 브라우저의 활성과 동시에 웹 브라우저 상에 적층이 될 때 웹 서버로부터 객체 정보를 호출하는 방식 중 어느 것을 취하여도 무방하다.

본 발명에 따른 객체 정보 조합모듈(150)은 유저에 의하여 편집 저장된 웹 대상물을 디스플레이하기 위하여, 웹 브라우저에 적층되어 있는 레이어에 수록된 객체 정보를 디코딩하여 상기 객체 정보 등록모듈(140)에서 변환 저장되어 있는 형태와 동일한 파일 형태로 웹 대상물의 파일을 레이어에서 표현하는 기능을 수행한다.

기본의 웹 대상물 디스플레이 방식은 데이터베이스에 저장되어 있는 HTML 소스 코드를 클라이언트의 요청에 의하여 유저의 웹 브라우저에 전송 후 화면에 표시하는 방식을 취하였기 때문에 클라이언트와 서버 간의 불필요한 트래픽이 유발되는 문제점이 있었다.

하지만, 본 발명에 따른 객체 정보 조합모듈(150)은 예를 들어 웹 대상물이 SWF 파일 형식으로 라이브러리에 저장되어 있다고 가정을 한다면, 이미 레이어에서 웹 대상물에 대한 객체 정보를 수록하거나 웹 서버로 객체 정보를 요청하는 방식에 의하여 웹 대상물이 존재하게 될 특정 위치(물론 위치 속성을 포함한 객체 정보에 의하여 위치 지정이 가능)에 빈(empty) SWF 파일을 마련한 다음 이에 객체 정보에 따른 웹 대상물의 각종 속성과 데이터를 웹 서버로부터 전송받아 이에 채워 넣어 완성된 파일 형태를 취하도록 함으로 웹 대상물을 레이어에서 출력할 수 있는 환경을 제공한다.

즉, 레이어는 객체 정보를 수록하고 있거나 아니면 즉각적으로 웹 서버로부터 객체 정보를 전송받을 수 있는 상태를 가지기 때문에 해당 웹 브라우저가 활성이 될 때 관련 레이어를 웹 브라우저 상에 적층하고 이에 수록된 객체 정보를 조 합(디코딩)하여 객체 정보에 해당하는 웹 대상물의 각종 속성 등을 실시간으로 표시함과 더불어 웹 대상물의 데이터 역시 실시간으로 전송받아 서버와 클라이언트 간의 부하 없이 원활하게 레이어에 다양한 웹 대상물을 표시할 수가 있다.

여기서, 만일 웹 대상물 편집 모듈(110)의 기능을 사용하여 유저가 웹 대상물의 속성을 변경하도록 웹 대상물을 편집한 경우에는 웹 대상물 편집 모듈(110) 자체에서 상기 객체정보 생성모듈(120)과 객체정보 조합모듈(150)이 연동 가능하므로 객체 정보의 인코딩, 디코딩 기능을 수행할 수 있기 때문에 신규 객체 정보를 인코딩 및 재 저장 후 디코딩한 다음 변경된 속성을 레이어에 표시함으로 변경 상태를 가지는 웹 대상물을 출력하는 것이 가능하다.

상술한 본 발명에 따른 구성에 의하여, 웹 대상물의 데이터 처리 용량을 획기적으로 줄일 수 있을 뿐 아니라 악성 코드 삽입을 금지하고 유저 편의적인 마우스 드래그 앤 드롭 방식에 의하여 자유로이 웹 대상물을 배치, 변경할 수 있는 기반을 제공할 수 있다.

본 발명에 따른 웹 컨텐츠 관리모듈(160)은 유저가 직접 업로딩한 웹 컨텐츠 내지 시스템 차원에서 기 제공하는 웹 컨텐츠를 상기 웹 대상물 편집모듈(110)과 연동하여 웹 플랫폼(112)에 적용하는 제반적인 웹 컨텐츠 관리 상태를 제공하는 것으로, 구체적으로 미디어 저장부(161), 문서 관리부(162), 이미지 편집부(163), 동영상 편집부(164), 애니메이션 관리부(165)로 이루어져 있다.

미디어 저장부(161)는 각 유저의 이미지, 동영상, 음악 파일 등을 웹 서버에 업로딩 한 이후에 웹 대상물 편집모듈을 통해 편집을 하고 편집 내용을 관리하는 것으로 유저가 직접 이미지를 업로드할 수 있도록 하는 업로드 컴포넌트와 이미지를 편집 및 생성할 수 있는 이미지 편집기를 포함하는 이미지 관리 수단과 유저가 직접 동영상을 업로드할 수 있도록 하는 업로드 컴포넌트와 동영상을 편집할 수 있는 동영상 편집기를 포함하는 동영상 관리 수단 및 유저가 구매한 음악 파일을 관리할 수 있도록 하는 음악 관리 수단으로 구성되어 있다.

문서 관리부(162)는 텍스트, HTML 형태로 이루어진 문서를 관리하는 기능을 제공하는 것으로, 유저가 일반 텍스트 문서나 HTML 문서를 제작할 수 있도록 하는 HTML 편집기와 유저가 직접 제작한 문서를 검색 및 웹으로 출판하는 기능을 가지는 문서 활용기로 이루어져 있다.

이미지 편집부(163)는 기존의 웹 어플리케이션인 포토샵처럼 유저가 가지고 있는 이미지를 JPG, PNG, GIF 파일 등으로 자동 변환하여 생성한 후에 유저의 상기 미디어 저장부의 이미지 저장 공간상에 업로드(upload)할 수 있도록 하는 기능을 수행한다.

동영상 편집부(164)는 기존의 웹 어플리케이션인 프리미어처럼 유저가 가지고 있는 동영상을 재편집, 즉 잘라 붙이기, 합성, 분할 등의 과정을 수행하여 자동으로 FLV 내지 WMV 파일 형태로 변환 후에 유저의 상기 미디어 저장부의 동영상 저장 공간상에 업로드할 수 있도록 하는 기능을 제공한다.

애니메이션 관리부(165)는 유저가 작성한 이미지, 텍스트 등의 웹 컨텐츠에 미리 정의된 다양한 효과가 적용된 역동적인 애니메이션들을 적용할 수 있도록 하 는 기능을 수행하는 것으로, 이를 통해서 유저는 애니메이션 효과에 필요한 각종 설정값 및 애니메이션 총 지속 시간 등을 지정하여 제작한 이후 필요시 이를 호출하여 웹 컨텐츠에 사용할 수 있도록 하는 역할을 담당한다. 기존 애니메이션 적용 방식의 경우에는 이미 구성된 웹 컨텐츠 자체가 아니라 그 주변 내지 표면상에 예를 들어 눈 내리는 효과, 폭죽 효과와 같은 이펙트를 부여하는 것에 불과하였으나 본 발명에 따른 애니메이션 관리부(165)는 웹 컨텐츠 자체에 애니메이션 효과를 포함시킬 수 있는 특성을 제공한다는 차별성이 있다.

본 발명에 따른 아이템 관리모듈(170)은 유저가 직접 제작하거나 시스템 차원에서유료/무료 방식으로 제공하는 아이템을 유저에 의하여 검색, 웹 플랫폼에 삽입 내지 삭제하는 일련의 관리 기능을 수행한다.

도 6a는 본 발명에 따른 아이템 관리모듈에서 템플릿을 제공하는 상태를 예시한 개념도이다.

본 발명에서 의미하는 아이템은 웹 플랫폼(112)의 기본 형태를 제공하는 포맷 아이템, 이펙트와 같은 특수효과를 가지는 이벤트 아이템, 특정 레이아웃 형태를 가지되 전문가 수준의 디테일과 디자인을 가지는 웹 디자인 템플릿을 비롯하여 차트, 도표, 다이어그램 등과 함께 이의 슬라이드 효과까지 부여된 프리젠테이션 요소와 같은 것을 의미한다.

포맷 아이템의 경우, 중소 규모의 개인 내지 기업에서 웹 사이트를 제작할 시에 유저가 원하는 포맷 스타일을 선택한 이후 마우스의 드래그 앤 드롭 방식으로 손쉽게 편집을 하여 웹 사이트를 제작할 수 있는 것을 보조하게 되며, 웹 디자인 템플릿의 경우에는 유저가 많은 시간과 노력을 들이지 않고서도 전문가 수준으로 작성된 웹 디자인 템플릿을 활용할 수 있는 특성을 제공하게 된다.

도 6b는 본 발명에 따른 아이템 관리모듈에서 프리젠테이션 요소를 제공하는 상태를 예시한 개념도이다.

도 6b를 보아 알 수 있듯이, 프리젠테이션 요소는 웹 컨텐츠와 같이 일종의 웹 대상물로서 인식하여 프리젠테이션을 구성하는 다양한 요소를 유료/무료로 제공하여 유저가 마우스의 드래그 앤 드롭 방식으로 자유롭고 다채롭게 웹 플랫폼에 편집할 수 있도록 하는 기반을 제공하고, 더불어 도표 계산, 통계 분석과 같은 웹 어플리케이션까지 프리젠테이션 요소로 구비하여 프리젠테이션 제작, 편집, 수정에 있어 유저에게 편의적이고 다채로운 웹 컨텐츠 활용 형태를 제공할 수 있는 특성을 부여한다.

이러한 아이템 관리모듈(170)에서 관리되는 아이템은 웹 에디터(111)의 웹 플랫폼(112) 일 측에 마련된 공간에서 아이콘화되어 이를 클릭하게 되면 검색 및 선별이 가능하도록 이루어져 유저가 마우스로 드래그 앤 드롭을 하기에 편리하게 설정되는 것이 가능하다.

도 7은 본 발명에 따른 웹 어플리케이션 관리모듈을 통한 웹 어플리케이션 조합 구현 상태를 예시한 개념도이다.

도 7을 참조하면, 본 발명에 따른 웹 어플리케이션 관리모듈(180)은 비동기 통신, 웹상의 표준화된 데이터, 스크립트 언어를 이용하여 작성된 일정관리 기능, 게시판 기능, 갤러리 기능, 설문조사 기능, 방명록 기능, 메모장 기능 등의 다양한 웹 어플리케이션을 유저에 의하여 검색 및 선택할 수 있도록 함과 동시에 기존에 널리 활용되는 웹 어플리케이션의 조합 형태, 즉 블로그/미니 홈페이지 형태 등으로 이루어진 웹 어플리케이션 조합을 유저에게 제공하는 역할을 수행하는 것을 인식할 수 있다.

예를 들어, 블로그의 경우 방문자 파악, 카테고리 설정, 달력, 아웃 블로거, RSS, TrackBack을 지원하는 게시판 기능을 각각 담당하는 웹 어플리케이션의 조합으로 이루어져 있는데, 이와 같이 웹 어플리케이션을 미지 조합하거나 유저에 의하여 다른 웹 어플리케이션을 첨삭할 수 있도록 한 다음에 이를 곧바로 마우스의 드래그 앤 드롭에 의하여 웹 플랫폼(112)에 적용할 수 있는 기능을 제공한다.

웹 플랫폼(112)에 적용이 되면, 상술한 웹 대상물 편집모듈(110)의 기능에 의하여 각 웹 어플리케이션에 이벤트 부여, 위치 설정 등의 편집을 자유로이 수행할 수 있고 이러한 점에 근거하여 미니 홈페이지, 일반 홈페이지, 웹진과 같이 특정 기능을 구비한 복수 개의 웹 페이지로 이루어진 웹 대상물을 제작 및 관리할 수가 있게 된다.

즉, 본 발명에서 지원하는 웹 대상물의 객체 정보 분할 방식에 의하여 웹 컨텐츠는 물론 동적 역할을 하는 웹 어플리케이션까지 미리 객체 정보를 심어 놓거나 실시간으로 웹 서버에서 전송할 수 있는 웹 플랫폼(112)에 손쉽게 적용할 수가 있어 단순히 정적인 웹 컨텐츠 구현 방식만을 구현하는 것이 아니라 다양한 기능을 기반으로 하는 동적인 웹 컨텐츠 구현 방식까지 폭넓게 제공할 수 있다는 특성을 가질 수가 있다.

도 8은 본 발명에 따른 공유 관리모듈을 통해 다수의 유저가 웹 어플리케이션을 공유하는 상태를 예시한 개념도이다.

본 발명에 따른 공유 관리모듈(190)은 특정 유저의 웹 플랫폼(112)에 구현된 웹 대상물, 즉 웹 컨텐츠는 물론 웹 어플리케이션까지 다른 유저에게 배포 또는 특정 유저에게 특정 유저의 웹 어플리케이션에 대한 공유를 요청하여 서로 공유할 수 있도록 하는 기능을 제공한다.

기존의 웹 사이트는 복수 명의 유저들이 특정한 하나의 웹 컨텐츠를 공유하기 위하여 스크랩 기능을 제공하고 원격의 유저 간 의사소통을 위하여 트랙백 기능(또는 RSS 기능)을 제공하고 있는바, A라는 컨텐츠를 스크랩한 이후에 자신의 블로그(미니 홈페이지)에서 트랙백 기능을 통해 댓글을 다는 방식을 사용하였는데, 이 경우 온전한 양 방향 실시간 웹 컨텐츠 공유라기보다는 단순히 링크 기능만을 제공하거나 유저의 번거로운 행위(스크랩)에 의하여 다른 유저의 웹 공간에 있는 특정 웹 컨텐츠만을 일부 표현하는데 그치는 수준에 불과하였다.

그런데, 본 발명에 따른 공유 관리모듈(190)은 웹 어플리케이션을 웹 플랫폼(112)에 적용한 이후 이를 스크랩 또는 이메일 형식으로 하여 다른 유저에게 변환하게 되면 다른 유저가 본 발명에 따른 웹 플랫폼(112)만 설치되어 있다면 이 웹 플랫폼(112)에서 웹 어플리케이션의 객체 정보까지 수록되어 있기 때문에 웹 컨텐 츠는 물론 웹 어플리케이션을 공유하여 한 마디로 게시판과 같은 프로그램도 실시간으로 공유할 수 있어 보다 활발한 양 방향 공유 형태 및 실시간 커뮤니케이션을 할 수 있는 특성을 제공할 수 있다.

또한, 제 1 유저가 상술한 레이어에 웹 어플리케이션이 구비된 상태, 즉 레이어 활성을 위한 정보와 웹 어플리케이션의 출력 표시를 위한 객체 정보를 조합한 정보(이를 공유 정보라고 함)를 다른 유저, 즉 제 2 유저에게 전송을 하면 제 2 유저가 이 공유 정보를 수신하여 확인하게 될 때 제 2 유저의 웹 브라우저와 이 공유 정보가 연동 처리됨으로 웹 브라우저에서 이 공유 신호를 인식 및 해석 가능하도록 하여, 결과적으로 제 2 유저의 해당 웹 브라우저 상에서 레이어가 활성화되면서 제 1 유저가 사용하고 있는 웹 어플리케이션이 동시에 구동되도록 하는 것도 가능하다. 다시 말해, 특정 웹 어플리케이션이 구동되는 레이어를 복수 명의 유저, 즉 복수 개의 웹 브라우저에서 동시 구동하는 것이 가능하다는 의미이다. 이 때, 레이어는 반드시 웹 브라우저와 동일 크기로 형성되어 있어야 하는 것은 아니고 웹 브라우저의 일부 크기로 형성되어 해당 웹 어플리케이션이 위치할 웹 브라우저 부분 상에 활성화될 수가 있다.

레이어 상에서 구동되는 웹 어플리케이션은 단지 웹 어플리케이션 기능만을 구동하게 되는 것이 아니라, 제 1 유저의 웹 어플리케이션에 생성된 데이터(댓글 등)까지 공유되는 것이 가능하기 때문에 궁극적으로 제 1 유저의 웹 어플리케이션의 활용 상태까지 제 2 유저가 공유할 수 있게 되는 것이다.

다시 말해, 공유 관리 모듈(190)에서는 예를 들어 게시판과 같은 웹 어플리 케이션이 포함된 특정 웹 플랫폼(112)(레이어)의 전부/일부 부위를 전송 가능한 형태(즉, 스크랩 가능 형태 내지 이메일 제공 형태)로 설정함과 더불어 전송 가능한 상태의 일부/전부의 웹 플랫폼(112)(레이어)에 해당 웹 어플리케이션의 객체 정보까지 그대로 포함하도록 설정하는 것이 가능하여, 만일 다른 유저가 이를 제공받아 자신의 웹 플랫폼(112)에 적용하거나 웹 브라우저 상에 레이어를 형성하면 제공 유저와 게시판을 공동으로 사용할 수 있게 된다. 즉 실시간으로 게시판에 달린 글이 제공 유저와 피 제공 유저의 웹 브라우저에서 동시에 표시가 가능하고 이를 확장하여 사용한다면 실시간 커뮤니케이션 수단을 활용할 수가 있고, 물론 웹 컨텐츠 역시 공유되는 것도 가능하다.

더불어, 기존의 웹 대상물 공유 방식의 경우 A사에서 제작한 게시판 프로그램을 스크랩이나 이메일을 통하여 B사의 블로그, 이메일, 미니홈피 등에 자동으로 장착 사용하는 것이 불가능하였으나, 본 발명에 따른 공유 관리모듈에 의하면 제작 회사가 다름에도 불구하고 웹 어플리케이션을 공유할 수 있는 편의성을 가지게 된다. 이로 인하여, 예를 들어 웹 카페와 같은 공간에 여러 유저가 모여 집단 커뮤니티를 구성할 필요가 없이 자신의 블로그, 미니홈피 등에서 서로 웹 어플리케이션을 공유한다면 환경적인 요인에 상관없이 지반 내지 1:1 커뮤니티를 자동으로 구축할 수 있게 된다.

구체적으로, A라는 유저의 웹 어플리케이션을 B라는 유저가 사용하고자 할 경우 시스템은 이러한 동시 사용 상태를 파악하여 A 유저에게 'B라는 유저가 귀하의 웹 어플리케이션을 공유하고자 합니다. 허락하시겠습니까?'라는 사전 허락 단계 및 A 유저에 의한 허락에 의하여 비로소 공유 상태가 설정하는 단계를 구비함으로써 예상치 않은 공유 상태가 남발하는 것을 방지할 수도 있다.

본 발명에 따른 공유 편집모듈(200)은 상기 공유 관리모듈(190)을 통해 제 1 유저의 웹 대상물을 제 2 유저가 공유할 때, 제 2 유저가 자신만의 활용 상태로 웹 대상물을 재배치하고 새로운 이벤트 부여 등을 수행할 수 있도록 하는 기능을 제공한다.

즉, 웹 대상물을 공유하였을 때 예를 들어 초기 공유 상태에서 웹 대상물을 위치를 변경하거나 새로운 이벤트를 부여하고 각 웹 대상물 별로 공유 유지/해제 상태를 제어하는 것이 가능하며, 바람직하게는 웹 대상물을 제공하였던 유저에게 이러한 웹 대상물의 변경 상태를 통보하는 기능을 제공함으로써 자신의 웹 대상물이 다른 유저에게 변경된 사실을 확인할 수 있도록 하여 변경 양태에 따라 다른 유저에게의 공유 허락 여부를 판단할 수 있도록 하는 근거를 제시할 수가 있다.

또한, 본 발명에 따른 공유 편집모듈(200)은 자신의 웹 어플리케이션을 제 2 유저에게 제공한 제 1유저가 웹 어플리케이션에 수록된 특정 데이터를 제 2 유저에게 공개하지 않도록 브라인드(blind) 처리를 하는 설정 기능을 포함할 수 있다.

즉 사적인 내용이 수록된 데이터까지 공유됨으로 사생활 침해가 이루어지는 것을 방지하기 위하여 웹 어플리케이션에 수록된 일부 데이터만을 공유할 수 있도록 공유 데이터 선별 및 브라인드 설정하는 기능을 제공한다.

지금까지 설명한 바와 같이, 본 발명에 따른 웹 대상물의 관리 시스템의 구성 및 작용을 상기 설명 및 도면에 표현하였지만 이는 예를 들어 설명한 것에 불과하여 본 발명의 사상이 상기 설명 및 도면에 한정되지 않으며, 본 발명의 기술적 사상을 벗어나지 않는 범위 내에서 다양한 변화 및 변경이 가능함은 물론이다.

도 1은 본 발명에 따른 시스템의 웹 대상물의 편집 과정을 개략적으로 도시한 개념도.

도 2는 본 발명에 따른 시스템의 웹 대상물에 대한 인코딩 및 디코딩 과정을 개략적으로 도시한 개념도.

도 3은 본 발명에 따른 시스템에 대한 구성을 도시한 블록도.

도 4는 본 발명에 따른 시스템의 웹 대상물에 대한 인코딩 및 디코딩 과정을 개략적으로 도시한 순서도.

도 5는 본 발명에 따른 웹 대상물 편집모듈의 개략적인 상태를 예시한 개념도.

도 6a는 본 발명에 따른 아이템 관리모듈에서 템플릿을 제공하는 상태를 예시한 개념도.

도 6b는 본 발명에 따른 아이템 관리모듈에서 프리젠테이션 요소를 제공하는 상태를 예시한 개념도.

도 7은 본 발명에 따른 웹 어플리케이션 관리모듈을 통한 웹 어플리케이션 조합 구현 상태를 예시한 개념도.

도 8은 본 발명에 따른 공유 관리모듈을 통해 다수의 유저가 웹 어플리케이션을 공유하는 상태를 예시한 개념도.

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

10: 본 발명에 따른 시스템 160: 웹 컨텐츠 관리모듈

110: 웹 대상물 편집모듈 161: 미디어 저장부

111: 웹 에디터 162: 문서 관리부

112: 웹 플랫폼 163: 이미지 편집부

120: 객체정보 생성모듈 164: 동영상 편집부

121: 객체정보 정의부 165: 애니메이션 관리부

122: 객체정보 부여부 170: 아이템 관리모듈

130: 객체정보 그룹화모듈 180: 웹 어플리케이션 관리모듈

140: 객체정보 등록모듈 190: 공유 관리모듈

150: 객체정보 조합모듈 200: 공유 편집모듈

155: 레이어 생성모듈

Claims (10)

1. 웹 대상물의 관리 시스템으로서,

   마우스의 드래그 앤 드롭 방식으로 웹 컨텐츠 및 웹 어플리케이션을 포함하는 웹 대상물을 웹 플랫폼에서 위치, 이벤트 속성을 변경 내지 추가하면서 편집할 수 있도록 하되, 상기 웹 플랫폼은 객체 정보의 수용 및 해석이 가능한 웹 대상물 편집모듈;

   각 웹 대상물에 아이디를 부여하고 웹 대상물에 부여된 속성들을 특정 신호로 각각 인코딩하여 상기 아이디 별로 객체 정보를 생성하는 객체 정보 생성모듈;

   웹 대상물 및 이에 종속된 상기 객체 정보를 웹 서버에 저장 등록하는 객체 정보 등록모듈;

   웹 서버와 실시간 통신 및 상기 객체 정보의 수용 및 해석이 가능하여 이에 상기 편집된 웹 대상물이 표현되는 공간으로, 웹 브라우저와 동일한 크기를 가져 웹 브라우저 활성 시에 웹 브라우저에 실시간으로 적층되는 성질을 가지는 레이어를 생성하는, 레이어 생성모듈;

   상기 레이어를 웹 브라우저 상에 적층함과 동시에 해당 객체 정보를 상기 레이어 상에서 수신 및 디코딩하여 상기 레이어 상에서 웹 대상물 및 그 속성을 표현함으로써, 웹 브라우저 상에서 편집된 웹 대상물이 출력되는 효과를 나타내는 객체 정보 조합모듈;로 구성된 것을 특징으로 하는, 웹 대상물의 관리 시스템.
2. 제 1항에 있어서,

   웹 대상물이 웹 어플리케이션인 경우 상기 객체 정보 생성모듈은,

   웹 서버로부터 객체 정보를 읽어 오는 과정에서 비동기 통신을 할 때 비동기 통신 시작을 알리기 위한 역할을 하는 호출 이벤트 정보를 추가로 생성하여 해당 웹 어플리케이션의 객체 정보로서 포함하도록 하는 것을 특징으로 하는, 웹 대상물의 관리 시스템.
3. 제 1항에 있어서,

   특정한 의미를 가지고 있는 상기 객체 정보를 그룹화하여 그룹화된 특정 객체 정보를 포함한 웹 대상물을 일괄적으로 관리할 수 있도록 하는 객체 정보 그룹화모듈;을 추가로 포함하는 것을 특징으로 하는, 웹 대상물의 관리 시스템.
4. 제 1항에 있어서,

   상기 객체 정보 등록모듈은,

   유저의 선택에 따라 HTML, SWF, SilverLight 기반의 파일 중 어느 하나의 형태로 변환하여 저장하는 기능을 포함하는 것을 특징으로 하는, 웹 대상물의 관리 시스템.
5. 제 4항에 있어서,

   상기 객체 정보 조합모듈은,

   상기 객체 정보를 통해 상기 레이어에서 웹 대상물 및 그 속성을 상기 객체 정보 등록모듈에서 변환한 파일 형태로 표현하되,

   상기 레이어는 상기 객체 정보 등록모듈에서 변환한 파일 형태를 미리 구비하되 상기 파일 형태는 데이터가 없는 상태로서 초기 상태를 가지다가 상기 객체 정보에 의하여 웹 대상물이 표현되면서 해당 파일에 데이터를 채워 넣어 웹 대상물 파일을 완성하게 되는 기능을 포함하는 것을 특징으로 하는, 웹 대상물의 관리 시스템.
6. 제 1항에 있어서,

   유저가 직접 업로딩한 미디어, 문서, 이미지, 동영상, 애니메이션 형식으로 이루어져 있는 웹 컨텐츠 내지 기 제공된 웹 컨텐츠를 상기 웹 대상물 편집모듈과 연동함으로 상기 웹 플랫폼에 마련하여 웹 컨텐츠를 관리하는 웹 컨텐츠 관리모듈;을 추가로 포함하는 것을 특징으로 하는, 웹 대상물의 관리 시스템.
7. 제 1항에 있어서,

   웹 컨텐츠를 템플릿, 프리젠테이션 요소와 같은 정형 형식으로 미리 구비한 아이템을 상기 웹 대상물 편집모듈과 연동함으로 상기 웹 플랫폼에 마련하는 아이템 관리모듈;을 추가로 구비하는 것을 특징으로 하는, 웹 대상물의 관리 시스템.
8. 제 1항에 있어서,

   일정관리 기능, 게시판 기능, 갤러리 기능, 설문조사 기능, 방명록 기능, 메모장 기능을 비롯한 다양한 웹 어플리케이션을 유저에 의하여 검색 및 선택할 수 있도록 함과 동시에 공지의 웹 어플리케이션의 조합 형태를 상기 웹 대상물 편집모듈과 연동함으로 상기 웹 플랫폼에 마련하는 웹 어플리케이션 관리모듈;을 추가로 포함하는 것을 특징으로 하는, 웹 대상물의 관리 시스템.
9. 제 1항에 있어서,

   제 1 유저의 웹 브라우저 상에 적층된 레이어에서 구현되고 있는 특정 어플리케이션에 대한 객체 정보와 레이어를 활성화할 수 있도록 하는 정보를 조합하여 생성한 공유 정보를 제 2 유저에게 배포하거나 제 2 유저가 상기 공유 정보를 요청하여, 상기 공유 정보를 수신한 제 2 유저의 웹 브라우저에서 상기 공유 정보를 인식함으로 제 2 유저의 웹 브라우저 상에서 레이어가 활성화됨과 동시에 제 1 유저의 웹 어플리케이션이 실행됨으로써, 복수 개의 웹 브라우저에서 특정 웹 어플리케이션이 실시간으로 공유되도록 하는 공유 관리모듈;을 추가로 포함하는 것을 특징으로 하는, 웹 대상물의 관리 시스템.
10. 제 9항에 있어서,

    제 1 유저의 웹 어플리케이션을 지원받은 제 2 유저에 의하여, 공유 처리된 웹 어플리케이션에 추가 기능을 첨가하거나 기존 기능을 삭제할 수 있는 웹 어플리케이션 편집 기능을 제공하는 공유 편집모듈;을 추가로 포함하는 것을 특징으로 하는, 웹 대상물의 관리 시스템.

Images