KR20060127582A

KR20060127582A - 독립 모듈형 웹문서 표시방법 및 이를 기록한 기록매체

Info

Publication number: KR20060127582A
Application number: KR1020050048759A
Authority: KR
Inventors: 박배억
Original assignee: 박배억
Priority date: 2005-06-08
Filing date: 2005-06-08
Publication date: 2006-12-13

Abstract

웹브라우저를 통해 표시되는 웹문서 표시방법에 있어서, (a') 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제1 외곽 동적 프레임을 생성하고, 상기 생성된 제1 외곽 동적 프레임에 제1 서브파일을 로딩시켜 실행하는 단계; (b') 상기 로딩된 제1 서브파일에 포함된 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제2 외곽 동적 프레임을 생성하고, 상기 생성된 제2 외곽 동적 프레임에 제2 서브파일을 로딩시켜 실행하는 단계; 및 (c') 상기 단계들을 순차적으로 반복하여 n번째 외곽 동적 프레임을 생성하고, 상기 생성된 n번째 외곽 동적 프레임에 n번째 서브파일을 로딩시켜 실행하는 단계;를 포함하는 웹문서 표시방법과 그러한 웹문서가 기록된 컴퓨터로 읽을 수 있는 기록매체를 개시한다.

아이프레임, 웹문서

Description

독립 모듈형 웹문서 표시방법 및 이를 기록한 기록매체{Method for displaying web documents in the form of independent module and computer-readable recording medium recording the same}

도 1은 본 발명의 바람직한 실시예에 따른 웹문서 표시방법을 구현하기 위한 메인파일의 구조예를 나타낸 도면이다.

도 2는 본 발명의 바람직한 실시예에 따른 웹문서 표시방법에 있어서 동적 아이프레임의 순차적인 생성예를 나타낸 도면이다.

도 3은 본 발명의 바람직한 실시예에 따른 웹문서 표시방법에 있어서 순차적으로 형성된 동적 아이프레임의 구조를 도식적으로 나타낸 도면이다.

도 4는 본 발명의 바람직한 실시예에 따른 웹문서 표시방법을 구현하기 위한 서브파일의 구조예를 나타낸 도면이다.

도 5는 본 발명의 바람직한 실시예에 따른 웹문서 표시방법을 구현하기 위한 외부 이벤트 파일의 구조예를 나타낸 도면이다.

도 6은 본 발명의 바람직한 실시예에 따른 웹문서 표시방법을 구현하기 위한 제어정보파일의 구조예를 나타낸 도면이다.

도 7은 본 발명의 바람직한 실시예에 따라 메인파일의 주요 프로그램 소스 예를 나타낸 도면이다.

도 8은 본 발명의 바람직한 실시예에 따라 제1 서브파일의 주요 프로그램 소스 예를 나타낸 도면이다.

도 9는 본 발명의 바람직한 실시예에 따라 제2 서브파일의 주요 프로그램 소스 예를 나타낸 도면이다.

도 10은 본 발명의 바람직한 실시예에 따라 외부 이벤트 파일의 주요 프로그램 소스 예를 나타낸 도면이다.

도 11은 본 발명의 바람직한 실시예에 따라 이미지 제어정보파일과 동영상 제어정보파일의 주요 프로그램 소스 예를 나타낸 도면이다.

도 12는 본 발명의 바람직한 실시예에 따라 외부 이미지 소스파일 IMAGE_SOURCE.HTM의 주요 프로그램 소스 예를 나타낸 도면이다.

도 13은 본 발명의 바람직한 실시예에 따라 외부 동영상 소스파일 MOVIE_SOURCE.HTM의 주요 프로그램 소스 예를 나타낸 도면이다.

도 14는 본 발명의 바람직한 실시예에 따른 웹문서 표시방법을 설명하기 위한 웹문서 구조와 그 동작 순서를 나타낸 도면이다.

도 15는 본 발명의 바람직한 실시예에 따른 웹문서 표시방법에 따라 웹브라우저 상에 표시된 메인파일의 초기화면을 나타낸 도면이다.

도 16은 본 발명의 바람직한 실시예에 따른 웹문서 표시방법에 따라 웹브라우저 상에 가상현실 공간의 쇼핑몰에 대한 동영상창(PVR창)이 열린 상태를 나타낸 도면이다.

도 17은 본 발명의 바람직한 실시예에 따른 웹문서 표시방법을 설명하기 위 한 웹문서 구조와 그 동작 순서를 나타낸 도면이다.

도 18은 본 발명의 바람직한 실시예에 따른 웹문서 표시방법에 따라 웹브라우저 상에 이미지창이 열린 상태를 나타낸 도면이다.

도 19는 본 발명의 바람직한 실시예에 따른 웹문서 표시방법에 따라 웹브라우저 상에 동영상창이 열린 상태를 나타낸 도면이다.

도 20은 본 발명에 따른 웹문서 표시방법이 적용된 웹문서의 웹브라우저 상에 나타난 초기화면을 보여주는 도면이다.

도 21은 도 20의 도면에서 아이프레임 생성에 따라 동영상창(PVR창)이 열린 상태를 나타낸 도면이다.

도 22는 도 21의 도면에서 초기화면 상의 메뉴를 클릭함으로써 웹페이지가 전환된 상태를 나타낸 도면이다.

본 발명은 웹문서 표시방법에 관한 것으로서, 보다 상세하게는 웹문서들이 독립적인 기능을 수행하는 동시에, 이들 웹문서들의 조합에 의해 종합적이고 새로운 기능을 수행하는 새로운 콘텐츠의 생성이 가능한 독립 모듈형 웹문서 표시방법에 관한 것이다. 또한 본 발명은 그러한 독립 모듈형 웹문서를 기록한 컴퓨터로 읽을 수 있는 기록매체에 관한 것이기도 하다.

오늘날, 기본적으로 서버와 브라우저(browsers)로 구성되는 월드와이드웹 (World Wide Web)은 텍스트, 이미지 및 음향을 포함하는 다양한 형태의 멀티미디어(multimedia) 데이타를 제공한다. 사용자는 자신의 클라이언트 단말기에 설치된 브라우저를 이용하여 월드와이드웹을 '넷서핑(net surfing)'하면서 다양한 정보소스를 획득하거나 소위 '쇼핑몰'에서 원하는 물건을 구매하기도 한다.

특히, 3차원 가상공간을 표현하는 기술언어(description language)의 개발과 발전으로 인해, 사용자는 마치 현실세계에 있는 것처럼 가상공간 속의 거리를 걷거나 상점을 방문하여 물건을 구매할 수 있다. 이와 같은 가상현실 공간의 구현에는 플래시(Flash) 형식, 디렉터(Director) 형식, 자바 애플릿(Java Applet) 형식, 에이브이아이(AVI) 형식으로 된 콘텐츠들이 종종 사용되는데, 이들은 일반적으로 임베디드(embedded) 방식으로 웹페이지 내에 삽입된다. 그런데, 이들 임베디드 형식의 콘텐츠들은 HTML 언어 및 그 호환언어인 자바 스크립트(Java Script) 언어, 브이비 스크립트(VB Script) 언어 등과의 언어 차이로 인해 서로간의 정보교환이 극히 제한적이어서, 하이퍼텍스트 링크(Hypertext Link)와 같은 제한된 태그만이 지원된다.

상기 하이퍼텍스트 링크는 예를 들어, 새로운 웹페이지를 열거나 또는 기존의 웹페이지를 새로운 웹페이지로 전환시킨다. 그런데, 새롭게 열린 웹페이지(자식 웹페이지)는 원래의 웹페이지(부모 웹페이지)에 대해 독립적으로 생성됨으로써 양자 사이의 정보 교류는 불가능하다. 이것은 메인페이지인 부모 웹페이지에 정보와 콘텐츠를 집중시킬 뿐만 아니라, 부모 웹페이지 내부의 필요한 태그 자원을 자식 웹페이지가 공유할 수 없도록 함으로써, 자식 웹페이지 내부에 중복적으로 태그 자 원을 보유하도록 한다. 이러한 중복적인 태그 자원의 보유는 웹페이지의 용량을 증가시키고, 사용자측 시스템에 부담을 주며, 프로그래머의 소스코드 제작 및 수정작업을 복잡하게 만든다. 특히, 링크 태그의 남용은 부모 웹페이지와 자식 웹페이지 사이의 동질감을 저하시키고, '새창열기' 방식으로 표시되는 많은 수의 웹페이지들은 구매자를 혼란스럽게 만들어, 구매자의 관심을 떨어뜨리는 원인이 된다. 이렇게, 임베디드형 콘텐츠의 제한적인 외부연결구조는 임베디드형 콘텐츠를 이용한 다양한 웹 콘텐츠의 개발을 억제하는 요인이 된다.

또한, 종래에는 임베디드형 콘텐츠를 동적으로 웹브라우저 화면상에 표시할 수 없는 문제점이 있었다. 정적인 웹페이지의 경우에, 웹페이지 내부에 웹페이지를 삽입하기 위해서는, 부모 웹페이지 내부에 정적인 프레임을 생성하고, 여기에 자식 웹페이지를 불러들여야 하는데, 이때 상기 정적인 프레임의 크기와 위치는 초기에 결정되어야 하며, 이를 수정하고자 할 경우에는 재로딩을 하여야 한다.

아울러, 종래의 웹페이지들에 있어서 HTML 요소들이 수평적으로 배치되기 때문에 동일한 위치에 동시에 두 개 이상의 자식 웹페이지가 위치할 수 없었는데, 이것은 한정된 웹브라우저 화면 상에 많은 HTML 요소들을 복잡하게 배치시킬 수 밖에 없는 요인이 되었다.

본 발명은 상기와 같은 문제점을 해결하기 위한 것으로서, 독립적으로 기능을 수행하는 독립 모듈 형식의 웹문서를 채용하고 이들을 상호 조합함으로써 임베디드형 콘텐츠와 웹문서의 연결 및 임베디드형 콘텐츠 상호간의 연결을 용이하게 하는 독립 모듈형 웹문서 표시방법과 그러한 웹문서 구조를 기록한 컴퓨터로 읽을 수 있는 기록매체를 제공하는 것을 목적으로 한다.

본 발명에 따르면, 임베디드형 콘텐츠는 HTML 언어 형식의 태그로 링크된 제어정보파일을 매개로 하여 웹페이지내로 전달된다.

또한, 본 발명의 웹문서 구조는 동적뷰어 생성수단에 의해 여러개의 웹페이지를 동적으로 생성하고, 웹페이지 상호간의 제어를 통해 이차적인 다양한 콘텐츠를 생성할 수 있다.

또한, 본 발명은 독립적인 각각의 파일들을 최외각 동적 프레임 내에서 제어함으로써 마치 단일 웹페이지 내에서 모든 정보들이 관리되는 효과를 가져온다.

상기와 같은 목적을 달성하기 위해 본 발명의 바람직한 실시예에 따른 웹브라우저를 통해 표시되는 웹문서 표시방법에 있어서, (a) 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 외곽 동적 프레임을 생성하는 단계; 및 (b) 상기 생성된 외곽 동적 프레임에 서브파일을 로딩시켜 실행하는 단계;를 포함한다.

바람직하게, 본 발명의 표시방법은, 내부 이벤트 발생수단을 포함하는 메인파일을 로딩하여 표시하는 단계;를 포함하고, 상기 내부 이벤트 발생수단의 실행에 의해 상기 단계(a)가 실행되도록 한다.

여기에서, 상기 내부 이벤트 발생수단은 상기 메인파일의 화면에 표시되는 이벤트 트리거를 클릭함으로써 구동된다.

또한, 본 발명의 방법은, 동적 객체 소스를 포함하는 외부 이벤트 파일을 로딩시키는 단계; 및 상기 서브파일에 포함된 동적 뷰어 생성수단에 의해 상기 로딩된 외부 이벤트 파일의 동적 객체 소스를 실행하여 디스플레이하는 단계;를 포함한다.

여기서, 상기 동적 객체 소스는 가상현실구현 데이타 소스이다.

나아가, 본 발명의 표시방법은, 상기 동적 객체 소스의 실행으로 디스플레이된 화면에 따라 외부 이벤트 신호를 발생시키는 단계; 상기 외부 이벤트 신호가 발생하면 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하는 단계; 및 상기 생성된 영점 동적 프레임에 외부 파일을 로딩시켜 실행되도록 하는 단계;를 포함한다.

바람직하게, 상기 외부 이벤트 신호는, 상기 동적 객체 소스의 실행 화면에 표시된 이벤트 트리거를 클릭함으로써 발생된다.

본 발명의 또 다른 측면에 따르면, 웹브라우저를 통해 표시되는 웹문서 표시방법에 있어서, (a') 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제1 외곽 동적 프레임을 생성하고, 상기 생성된 제1 외곽 동적 프레임에 제1 서브파일을 로딩시켜 실행하는 단계; (b') 상기 로딩된 제1 서브파일에 포함된 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제2 외곽 동적 프레임을 생성하고, 상기 생성된 제2 외곽 동적 프레임에 제2 서브파일을 로딩시켜 실행하는 단계; 및 (c') 상기 단계들을 순차적으로 반 복하여 n번째 외곽 동적 프레임을 생성하고, 상기 생성된 n번째 외곽 동적 프레임에 n번째 서브파일을 로딩시켜 실행하는 단계;를 포함하는 표시방법이 제공된다.

바람직하게, 본 발명은, 내부 이벤트 발생수단을 포함하는 메인파일을 로딩하여 표시하는 단계;를 포함하고, 상기 내부 이벤트 발생수단의 구동에 의해 상기 단계(a')가 실행된다.

바람직하게, 본 발명은, 상기 동적 객체 소스의 실행으로 디스플레이된 화면에 따라 외부 이벤트 신호를 발생시키는 단계; 상기 외부 이벤트 신호가 발생하면 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하는 단계; 및 상기 생성된 영점 동적 프레임에 외부 파일을 로딩시켜 실행되도록 하는 단계;를 포함한다.

더욱 바람직하게, 상기 외부 파일은, 임베디드형 콘텐츠가 구성요소로 삽입된 외부소스파일을 호출하여, 상기 서브파일들 중에서 어느 하나에 포함된 동적 뷰어 생성수단에 의해 실행되도록 하는 제어정보파일이다.

더욱 바람직하게, 상기 제어정보파일은, 이미지 콘텐츠가 삽입된 외부소스파일을 호출하여 실행되도록 하는 이미지 제어정보파일과, 동영상 콘텐츠가 삽입된 외부소스파일을 호출하여 실행되도록 하는 동영상 제어정보파일을 포함한다.

본 발명의 또 다른 측면에 따르면, 웹브라우저를 통해 표시되는 웹문서 표시방법에 있어서, (A) 메인파일을 로딩하여 이벤트 트리거를 포함하는 화면을 표시하는 단계; (B) 상기 이벤트 트리거를 클릭함으로써 내부 이벤트 발생수단을 구동하는 단계; (C) 상기 내부 이벤트 발생수단이 구동되면, 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제1 외곽 동적 프레임을 생성하고, 상기 생성된 제1 외곽 동적 프레임에 제1 서브파일을 로딩시켜 실행하는 단계; (D) 상기 로딩된 제1 서브파일에 포함된 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제2 외곽 동적 프레임을 생성하고, 상기 생성된 제2 외곽 동적 프레임에 제2 서브파일을 로딩시켜 실행하는 단계; 및 (E) 상기 제2 서브파일에 포함된 동적 뷰어 생성수단에 의해 동적 객체 소스를 포함하는 외부 이벤트 파일을 호출하여 상기 동적 객체 소스를 실행하여 디스플레이하는 단계;를 포함하는 웹문서 표시방법이 제공된다.

본 발명은 또한, 상기 동적 객체 소스의 실행 화면에 표시된 이벤트 트리거를 클릭함으로써 외부 이벤트 신호를 발생시키는 단계; 상기 외부 이벤트 신호가 발생하면 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하는 단계; 상기 생성된 영점 동적 프레임에 외부 파일을 로딩시키는 단계; 및 상기 외부 파일에 의해 임베디드형 콘텐츠가 구성요소로 삽입된 외부소스파일을 호출하고, 상기 제1 서브파일에 포함된 동적 뷰어 생성수단에 의해 실행되도록 하는 단계;를 포함한다.

본 발명의 또 다른 측면에 따르면, 웹브라우저를 통해 표시되는 웹문서 표시방법에 있어서, (A') 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하는 단계; 및 (B') 상기 생성된 영점 동적 프레임에 외부파일을 로딩시켜 실행되도록 하는 단계;를 포함하는 웹문서 표시방법이 개시된다.

또한, 본 발명은, 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 외곽 동적 프레임을 생성하고, 상기 생성된 외곽 동적 프레임에 서브파일을 로딩시켜 실행하는 동적 프레임 생성수단을 구비한 파일을 포함하는 웹문서가 기록된 컴퓨터로 읽을 수 있는 기록매체를 제공한다.

바람직하게, 본 발명은 이벤트 트리거를 제공하고 이벤트 발생 신호에 따라 상기 동적 프레임 생성수단을 구동시키는 내부 이벤트 발생수단을 더 포함한다.

더욱 바람직하게, 상기 웹문서는 동적 객체 소스를 구비한 외부 이벤트 파일을 포함하고, 상기 서브파일은 상기 외부 이벤트 파일의 동적 객체 소스를 실행하여 디스플레이하는 동적 뷰어 생성수단을 포함한다.

또한, 상기 외부 이벤트 파일은, 상기 동적 객체 소스의 실행화면에 이벤트 트리거를 제공하고, 이벤트 신호를 발생시키는 외부 이벤트 발생수단; 및 상기 외부 이벤트 신호가 발생하면 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하고, 생성된 영점 동적 프레임에 외부 파일을 로딩시켜 실행시키는 외부정보 처리수단;을 포함한다.

본 발명의 바람직한 또 다른 측면에 따르면, 메인파일 및 제1, 2,....,n-1, n번째 서브파일을 포함하는 웹문서가 기록된 컴퓨터로 읽을 수 있는 기록매체로서, 상기 메인파일은, 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제1 외곽 동적 프레임을 생성하고, 상기 생성된 제1 외곽 동적 프레임에 제1 서브파일을 로딩시켜 실행하는 동적 프레임 생성수단을 포함하고, 상기 제1 서브파일은, 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제2 외곽 동적 프레임을 생성하고, 상기 생성된 제2 외곽 동적 프레임에 제2 서브파일을 로딩시켜 실행하는 동적 프레임 생성수단을 포함하고, 상기 n-1번째 서브파일은, 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 n번째 외곽 동적 프레임을 생성하고, 상기 생성된 n번째 외곽 동적 프레임에 n번째 서브파일을 로딩시켜 실행하는 동적 프레임 생성수단을 포함하는 컴퓨터로 읽을 수 있는 기록매체가 제공된다.

바람직하게, 상기 메인파일은, 이벤트 트리거를 제공하고 이벤트 발생 신호에 따라 상기 동적 프레임 생성수단을 구동시키는 내부 이벤트 발생수단을 더 포함한다.

더욱 바람직하게, 상기 웹문서는 동적 객체 소스를 구비한 외부 이벤트 파일을 포함하고, 상기 서브파일들 중에서 적어도 하나는, 상기 외부 이벤트 파일의 동적 객체 소스를 실행하여 디스플레이하는 동적 뷰어 생성수단을 포함한다.

또한, 상기 외부 이벤트 파일은, 상기 동적 객체 소스의 실행화면에 이벤트 트리거를 제공하고, 이벤트 신호를 발생시키는 외부 이벤트 발생수단; 및 상기 외부 이벤트 신호가 발생하면 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하고, 생성된 영점 동적 프레임에 외부 파일을 로딩시켜 실행시키는 외부정보 처리수단;을 포함하는 것이 바람직하다.

여기서, 상기 외부 파일은, 임베디드형 콘텐츠가 구성요소로 삽입된 외부소스파일을 호출하여, 상기 서브파일들 중에서 적어도 하나에 포함된 동적 뷰어 생성수단에 의해 실행되도록 하는 제어정보파일이다.

바람직하게, 상기 제어정보파일은, 이미지 콘텐츠가 삽입된 외부소스파일을 호출하여 실행되도록 하는 이미지 제어정보파일과, 동영상 콘텐츠가 삽입된 외부소스파일을 호출하여 실행되도록 하는 동영상 제어정보파일을 포함한다.

본 발명은 또한, 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하고, 상기 생성된 영점 동적 프레임에 외부파일을 로딩시켜 실행하는 외부정보 처리수단을 구비한 파일을 포함하는 웹문서가 기록된 컴퓨터로 읽을 수 있는 기록매체를 제공한다.

이하, 첨부된 도면을 참조로 본 발명의 바람직한 실시예를 상세히 설명하기로 한다. 이에 앞서, 본 명세서 및 청구범위에 사용된 용어나 단어는 다음과 같이 정의되고 사용된다.

본 명세서 및 청구범위에서 "파일"이라 함은 HTML 언어 또는 그 호환언어로 작성되며, 웹브라우저에 의해 해석되고 표시될 수 있는 단위 웹페이지 또는 웹문서를 말한다.

본 명세서 및 청구범위에서 "수단"이라 함은 특정 기능을 수행하기 위한 프로그램 단위를 말하며, 예를 들어 웹문서 내에 HTML 언어로 코딩된 태그 집합체가 될 수 있다.

본 명세서 및 청구범위에서 "동적"이란 이미 열려있는 웹문서 상에서 문서의 이동 또는 재로딩없이 새로운 웹문서를 생성하여 표시한다는 의미이다.

본 발명에 따른 웹문서 구조는 메인파일과 그에 따른 복수개의 서브파일들을 포함한다. 상기 메인파일은 웹브라우저 상에 표시되는 초기 화면으로서 웹문서의 부모 파일에 해당한다. 도 1을 참조하면, 이러한 메인파일(10)은 동적 프레임 생성수단(11)과 내부 이벤트 발생수단(12)을 포함한다.

상기 동적 프레임 생성수단(11)은 HTML 태그의 일종인 아이프레임(iframe) 태그를 포함하는 프레임 생성 명령어 또는 코드들의 집합이다. 본 발명에 따른 전형적인 동적 프레임 생성수단(11)은 다음과 같은 코드로 표현된다.

동적 프레임 생성수단

아이프레임은 부모 웹페이지 또는 부모 파일(PARENT.htm)의 일부 영역을 분할하여 자식 웹페이지 또는 자식 파일(CHILD.htm)에 할당함으로써, 웹브라우저 화면 상에 두 개의 프레임이 동시에 표시된다. 본 발명에 따르면, 아이프레임 태그에 의해 생성되는 동적 프레임의 크기는 부모 파일과 자식 파일이 서로 동일하며, 프레임의 크기 속성은 웹브라우저 화면 크기 이상으로 설정되며, 바람직하게는 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 것으로 설정 된다. 위 예시에서는 웹브라우저 화면의 크기로 속성이 설정되어 있다.

이와 같은 경우, 부모 파일과 자식 파일이 계층 구조적으로는 여전히 종속관계가 유지되지만, 부모 프레임과 자식 프레임의 크기가 동일하므로 자식 파일에 속하는 콘텐츠만이 표시되고, 부모 파일에 속하는 콘텐츠는 표시되지 않게 된다.

상기 아이프레임을 사용함에 있어서, 자바스크립트 프로그램이 파싱되는 문서에 HTML 텍스트를 동적으로 추가하기 위해서 도큐먼트 객체의 라이트 태그를 사용하여 다음과 같이 구성될 수 있다.

document.write('<iframe src="CHILD.htm" name="PARENT" width="'+window.screen.width+'" height="'+window.screen.height+'" align="left" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe>)

본 발명에 따르면, 복수의 독립된 모듈형 웹문서를 상기 동적 프레임 생성수단(11)을 통해 연결함으로써 동일한 크기를 가지는 복수의 동적 프레임(이하 '외곽 동적 프레임'이라 함)을 순차적으로 생성시킬 수 있다.

구체적으로, 도 2에 도시된 바와 같이, 파일1 내지 파일n-1이 각각 하위 파일을 로딩시키는 동적 프레임 생성수단(11_₁) 내지 (11__n-1)을 포함할 경우, 순차적으로 외곽 동적 프레임을 생성하게 된다. 그 결과, 도 3에 도시된 바와 같이 크기 가 동일한 복수개의 외곽 동적 프레임이 연속적으로 생성될 수 있다.

상기와 같은 본 발명의 특징은 웹문서의 이동이나 재로딩(새로고침을 포함)없이 다양한 콘텐츠들을 표현할 수 있도록 해준다. 즉, 웹프로그래머는 상기 외곽 동적 프레임 중 어느 하나의 프레임을 선택할 수 있고, 그 프레임에 HTML 및 자바스크립트 언어 등을 이용하여 생성된 HTML 요소(콘텐츠)를 임의로 삽입함으로써 표시되도록 할 수 있다.

상기 내부 이벤트 발생수단(12)은 초기 화면에서 정보를 불러오기 위해 예를 들어, 특정 아이콘이나 메뉴와 같은 이벤트 트리거를 제공하고, 사용자가 이를 클릭함(이를 '내부 이벤트'라 함)으로써 내부 이벤트 신호가 발생할 경우 그에 따라 지정된 명령을 수행하는 명령어 또는 코드 집합이다.

내부 이벤트 발생수단

위에서 예시한 바와 같이 내부 이벤트 발생수단은 HTML 함수와 함께 사용되어 상기 외곽 동적 프레임을 생성하는 트리거 요소가 될 수 있다.

상기 메인파일은 후술하는 서브파일을 도입하는 관문 역할을 하는 기본 페이지이며, 따라서 본 발명의 실시예를 구현하는 충분조건이 될 뿐 필요조건은 아니라 는 점을 이해하여야 한다. 즉 상기 메인파일은 종래의 웹 페이지에 이식성을 높이기 위해 임의로 설정한 파일이며, 복수개의 서브파일을 불러들이고, 서브파일들이 웹 브라우저 화면상에서 어떻게 배치되는가를 설정하는 길잡이 역할을 한다.

따라서 일단 서브파일이 로딩되면, 메인파일은 웹브라우저 화면상에서 사라지게 되고, 필요시 복수개의 서브파일 중 가장 후미에 로딩되는 서브파일의 동적 프레임 생성 수단에 의해 호출되어 웹 브라우저 화면상에 표현된다.

다음 코드는 후술하는 실시예의 제1 서브파일 프로그램 소스 내에 포함되어 있으며, 로딩되는 순서에 상관없이 언제나 부모 프레임 혹은 부모 문서로 위치하도록 해준다.

url = self.location.href;

if( parent != self ) {

if (location.replace) {top.location.replace(url);}

else {top.location.href = url;}

}

도 4에는 서브파일(20)의 구성예가 도시되어 있다. 도시된 바와 같이, 서브파일(20)은 동적 프레임 생성수단(21)과 동적 뷰어 생성수단(22)을 포함한다.

상기 동적 프레임 생성수단(21)은 전술한 바와 동일하므로 그에 대한 설명을 생략한다.

상기 동적 뷰어 생성수단(22)은 임베디드형 콘텐츠를 포함하는 외부의 동영상 또는 이미지 객체 소스를 로딩하고 이를 실행함으로써 동영상 또는 이미지를 구현하는 명령어 또는 코드 집합체이다. 예를 들어, 가상의 쇼핑몰을 보여주는 3차원 동영상 소스 파일을 불러들여 이를 실행하거나 외부 이벤트 발생에 따라 지정된 외부소스파일을 로딩시키고 실행함으로써 디스플레이한다.

본 발명의 바람직한 실시예에서는 임베디드형 외부 콘텐츠를 로딩하여 동영상이나 이미지를 구현하는 제1 동적 뷰어 생성수단과, PVR소스를 로딩하여 가상 쇼핑몰 공간을 구현하는 제2 동적 뷰어 생성수단이 개시된다.

제1 동적 뷰어 생성수단

function img_frame(name,iwidth,iheight){

var img = 'images/'+name+'.htm';

if (ie){

imgobj=document.all.showimg1;

if(imgAction) {

imgobj.style.left=initLeft;

imgobj.style.top=initTop;

imgAction=false;

}

else if(imgAction==false && imgToggle==false) {

imgobj.style.left=document.body.

scrollLeft+event.clientX;

imgobj.style.top=document.body.

scrollTop+event.clientY;

}

imgobj.innerHTM='<iframe src="'+img+'" name="ke_img" width="'+iwidth+'" height="'+iheight+'" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe>';

imgobj.style.visibility="visible";

moveobj.style.visibility="visible";

return false;

}

else {return true;}

}

제2 동적 뷰어 생성수단

function pvr_frame(name){

if (ie){

pvrobj=document.all.showpvr;

if (pvrobj.style.visibility=="hidden"){

if (pvrAction) {

pvrobj.style.left=initLeft;

pvrobj.style.top=initTop;

pvrAction = false;

}

else {

pvrobj.style.left=zpvrobj.style.left;

pvrobj.style.top=zpvrobj.style.top;

}

pvrobj.innerHTM='<iframe src="'+name+'" name= "ke_pvr" width="672" height="414" marginwidth="0" marginheight="1" scrolling="no" frameborder="0"></iframe>';

pvrobj.style.visibility="visible";

}

else {pvrobj.style.visibility="hidden";}

return false;

}

else {return true;}

}

또한, 본 발명에 따른 웹문서 구조는 외부 이벤트 파일을 포함하며, 상기 서 브파일의 동적 뷰어 생성수단은 상기 외부 이벤트 파일에서 발생된 이벤트 신호에 따라서 지정된 소스 파일을 로딩시켜 구동시키게 된다.

도 5에는 상기와 같은 외부 이벤트 파일(30)의 구성이 개략적으로 나타나 있다. 도시된 바와 같이, 외부 이벤트 파일(30)은 외부정보 처리수단(31)과 외부 이벤트 발생수단(32)을 포함한다.

상기 외부정보 처리수단(31)은 전술한 아이프레임(iframe) 태그를 포함하는 프레임 생성 명령어 또는 코드들의 집합으로서, 상기 외부 이벤트 발생수단(32)에 의해 외부 이벤트가 발생할 경우 후술하는 외부 파일인 제어정보파일을 실행함으로써 외부소스파일의 외부 정보를 내부 파일인 서브파일의 동적 뷰어 생성수단에서 실행할 수 있도록 한다.

외부정보 처리수단

document.open();

document.write('<iframe src="" name="PVR_CONTROL" width="0" height="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe>');

document.close();

본 발명의 특징에 따르면, 상기 외부정보 처리수단은 아이프레임(iframe)의 크기(폭과 높이)가 "0"으로 설정되어 웹브라우저 화면 상에서 보이지 않는 동적 프레임(이하 '영점 동적 프레임'이라 함)을 생성한다. 이것은 동적 아이프레임 (iframe)이 사용자 이벤트에 따라서 패키지된 외부 정보를 불러서 실행하는 정보 통로로만 사용되기 때문이다.

상기 외부 이벤트 발생수단(32)은 동적 뷰어 생성수단에 의해 디스플레이된 동적 객체 소스 실행화면에 아이콘과 같은 이벤트 트리거를 제공하고, 사용자가 이를 마우스로 클릭하는 경우 임베디드형 파일 내부에서 이벤트가 발생되도록 하는 것으로서, 예를 들어 가상의 쇼핑몰을 둘러보는 사용자가 쇼핑몰에 전시된 특정 제품을 선택하여 클릭할 경우 그에 따라 이벤트를 발생시키는 명령어 또는 코드들의 집합이다.

외부 이벤트 발생수단

위에서 예시된 외부 이벤트 발생수단은 자바 애플릿(JAVA APPLET) 내부에 설정된 링크 객체(이벤트 트리거)에 대해 이벤트가 발생할 경우, 제어정보파일(IMAGE_CONTROL.HTM)을 상기 외부정보 처리수단에서 생성된 아이프레임(name="PVR_CONTROL")에서 실행되도록 함으로써 자바 애플릿 내부의 정보를 상기 동적 뷰어 생성수단을 가진 서브파일(20)에 전달하는 것과 동일한 효과를 발생시킨 다.

도 6에는 상기 제어정보파일(40)의 구성이 도시되어 있다. 제어정보파일(40)은 캡슐 형태로 웹브라우저가 직접 혹은 간접적으로 처리 가능한 정보를 담고 있는 HTML 문서 또는 HTML 호환문서이다.

상기 제어정보파일(40)은 외부제어수단(41)을 포함하는데, 외부제어수단(41)은 상기 외부정보 처리수단(31)의 실행에 따라서 외부소스파일을 로딩하여 상기 서브파일(20)에서 실행되도록 링크하는 명령어 또는 코드들의 집합이다.

외부제어수단

function setEvent() {

top.img_frame('IMAGE_SOURCE',352,538);

return false;

}

또는

function setEvent() {

top.img_frame('MOVIE_SOURCE',350,435);

return false;

}

상기 외부소스파일은 동영상이나 이미지 등의 임베디드형 콘텐츠가 구성요소 로 삽입된 웹문서이다.

본 발명의 특징적인 구성과 그에 따른 효과는 이하에서 예시하는 구체적인 실시예에 의해 더욱 명확하게 이해될 수 있을 것이다. 도 7 내지 도 13에는 본 발명의 바람직한 실시예에 따른 웹문서의 요부가 도시되어 있다. 편의를 위해, HTML 문서의 기본적인 태그와 양식은 생략되었으며 본 발명의 실시에 필요한 기능만을 도식적으로 발췌하여 나타낸다. 또한, 도 14에는 본 실시예에 따른 웹문서의 표시방법이 개략적으로 도시되어 있다.

상기 도면들에 도시된 바와 같이, 메인파일(10)은 MAIN.HTM으로, 서브파일 중의 하나인 제1 서브파일(20-1)은 IMAGE.HTM으로, 또 다른 제2 서브파일(20-2)은 PVR.HTM으로, 외부 이벤트 파일(30)은 PVR_SOURCE.HTM으로, 제어정보파일(40) 중에서 이미지를 제어하는 이미지 제어정보파일(40-1)은 IMAGE_CONTROL.HTM으로, 동영상을 제어하는 동영상 제어정보파일(40-2)은 MOVIE_CONTROL.HTM으로, 외부소스파일(50) 중에서 이미지 소스파일은 IMAGE_SOURCE.HTM으로, 동영상 소스파일은 MOVIE_SOURCE.HTM으로 각각 예시되어 있다.

상기 도면들을 참조하면, 먼저 메인파일(10)이 컴퓨터에 설치된 웹브라우저에 의해 해석되어 디스플레이된다. 상기 메인파일(10)은 예를 들어, 사용자의 클라이언트 단말기가 쇼핑몰 서버에 접속하였을 경우 클라이언트 단말에 로딩되는 초기 서비스 화면이 된다. 이러한 초기 화면은 통상적으로 각종 메뉴바와 아이콘 등의 이벤트 수단을 제공한다. 초기 화면이 로딩된 예가 도 15에 도시되어 있다.

상기 초기 화면은 사용자가 가상공간의 쇼핑몰과 같은 원하는 화면을 보기 위해 이벤트를 발생시킬 수 있는 아이콘을 제공하는데, 이것은 도 7에 도시된 내부 이벤트 발생수단(12)에 의해 달성된다.

즉, 내부 이벤트 발생수단(12)은 내부 이미지(pvrview.gif)를 제공받아 참조번호 100(도 15)으로 표시된 아이콘을 생성하고, 사용자는 상기 아이콘(100)을 클릭함으로써 내부 이벤트를 발생시킨다. 사용자에 의해 내부 이벤트가 발생하면 상기 내부 이벤트 발생수단(12)은 내부함수 lodding_frame('IMAGE.HTM')를 호출함으로써 동적 프레임 생성수단(11)을 트리거한다(단계(1)).

상기 내부 이벤트 발생수단(12)에 의해 트리거된 동적 프레임 생성수단(11)은 지정된 자식 파일인 제1 서브파일(20-1) IMAGE.HTM을 내부인자로 받아 첫번째 외곽 동적 프레임을 생성하고, 생성된 외곽 동적 프레임 내부에 제1 서브파일 IMAGE.HTM을 로딩한다(단계(2)).

이때, 생성되는 외곽 동적 프레임은 부모 파일과 크기가 같으며 웹브라우저 화면의 크기 이상으로 설정되므로, 웹 브라우저 상에는 상기 프레임에 로딩된 제1 서브파일(20-1) IMAGE.HTM의 구성요소만이 표시된다.

이어서, 로딩된 제1 서브파일(20-1)도, 도 8에 도시된 바와 같이, 동적 프레임 생성수단(21-1)을 포함하고 있으므로, 이것이 실행되어 다시 두번째 외곽 동적 프레임을 생성하고 여기에 지정된 자식 파일인 제2 서브파일(20-2) PVR.HTM을 로딩한다(단계(3)). 이때 생성되는 외곽 동적 프레임 역시 웹브라우저 화면의 크기 이상이다. 이것은 연속적으로 동일한 외곽 프레임이 동적으로 생성됨을 의미하며, 도 3에 도시된 바와 같이 복수개의 아이프레임이 순차적으로 형성될 수 있다.

이상과 같이, 최종적으로 생성된 외곽 동적 프레임에는 제2 서브파일(20-2) PVR.HTM이 로딩되어 그 구성요소가 디스플레이된다. 도 9에 도시된, 제2 서브파일(20-2)의 내부소스를 참조하면, PVR.HTM 파일이 열림과 동시에 예컨대, 참조번호 23으로 지시된 태그가 자동으로 실행되고, 그에 따라 외부 이벤트 파일(30) PVR_SOURCE.HTM을 내부인자로 하여 제2 동적 뷰어 생성수단(22-2)의 pvr_frame('PVR_SOURCE.htm')을 호출하여 실행되도록 한다(단계(4)).

따라서, 트리거된 제2 동적 뷰어 생성수단(22-2)은 레이어 형태의 동적 객체를 생성하고, 도 9의 참조번호 200으로 도시된 소스코드에 따라 동적 객체 내부에 아이프레임을 설정한 뒤, 여기에 PVR 소스파일인 PVR_SOURCE.HTM을 로딩하여 실행시킨다. 그에 따라, PVR_SOURCE.HTM 파일 내에 포함된 동적 객체 소스인 PVR소스(도 10의 33)가 실행된다.

본 실시예에 따르면, 상기 PVR소스(33)는 이미지 랜더링을 통해 가상공간의 쇼핑몰을 구현하는 가상현실(VR)구현 데이타 소스로서, 그 실행된 화면의 예가 도 16으로 도시되어 있다. 이러한 가상현실구현 데이타 소스는 이미 알려진 바와 같이 촬영 및 스티칭(stitching)을 거쳐 기본 이미지를 획득하고 이를 자바 애플릿(java applet) 또는 액티브 엑스(activX) 등을 기반으로 코딩함으로써 얻어진다.

이러한 과정에 따라, 사용자는 웹브라우저를 통해 모니터 상에 구현되는 가상현실공간의 쇼핑몰을 접할 수 있게 된다. 이어서, 사용자는 상기 쇼핑몰을 둘러본 뒤 자신이 원하는 제품에 대한 구체적인 정보를 얻기 위해 해당 제품 또는 해당 제품과 연관되어 표시된 아이콘(110)(120)을 클릭함으로써 외부 이벤트를 발생시킨 다.

외부 이벤트의 발생은 상기 외부 이벤트 발생수단(32)에 의해 수행되는데, 예를 들어, 제2 동적 뷰어 생성수단(22-2)에 의해 생성된 도 16의 화면에서 사용자가 아이콘(110) 또는 (120)을 클릭하여 외부 이벤트를 발생시키면, 각각 외부 이벤트 발생수단(32)의 함수(도 10의 32) param name=hotspot0 또는 param name = hotspot1이 실행된다. 이러한 외부 이벤트 발생과 그에 따른 웹문서 표시방법은 도 17에 도시되어 있다.

도면을 참조하면, 사용자가 아이콘(110) 또는 (120)을 클릭함으로써 이벤트 신호가 발생하면 외부 이벤트 발생수단(32)은 지정된 제어정보파일(40)을 내부인자로 하여 외부정보 처리수단(31)을 트리거하여 실행되도록 한다(단계(5) 및 (6)).

예를 들어, 사용자가 좌측 아이콘(110)을 클릭할 경우에는 함수 param name=hotspot0 이 실행되면서, 제어정보파일 중에서 이미지 제어정보파일(도 11의 40-1) IMAGE_CONTROL.HTM을 호출하여 상기 외부정보 처리수단(31)에서 실행되도록 한다.

도 10에서 보듯이 외부정보 처리수단(31)에서 생성되는 영점 동적 프레임의 크기는 제로('0')이므로 웹브라우저 상에서 보이지 않는다. 즉, 이 경우 아이프레임은 외부 제어 파일을 로딩하여 실행하는 정보처리통로로서만 작용한다.

상기 외부정보 처리수단(31)에 로딩되는 이미지 제어정보파일(40-1) IMAGE_CONTROL.HTM에는 외부제어수단인 이미지 제어수단(41-1)이 포함되어 있다. 상기 이미지 제어수단(41-1)은 상기 서브파일들 중에서 어느 하나의 서브파일(20- 1)에 있는 동적 뷰어 생성수단(22-1)을 트리거하여 실행시키되 그 인자값으로 임베디드형 콘텐츠(60)를 포함하는 외부소스파일(50) IMAGE_SOURCE.HTM(도 12)을 호출하여 설정한다(단계(7)).

따라서, 본 실시예의 경우, 이미지 제어수단(41-1)에 의해 외부소스파일(50) IMAGE_SOURCE.HTM이 내부 인자로 설정되어, 제1 서브파일(20-1)의 제1 동적 뷰어 생성수단(22-1)에 내재된 동적뷰어 생성함수 img_frame(name,iwidth,iheight)가 실행된다(단계(8)).

이렇게 실행된 웹브라우저 화면이 도 18로 예시되어 있다. 도면에서 보듯이, 팝업된 이미지창(130)은 제1 서브파일(20-1) 레이어의 프레임에서 외부정보 처리수단(31)의 외부 파일 처리에 따라 생성된 것이다. 따라서, 이러한 제1 서브파일(20-1) 레이어 상의 구성요소인 이미지창(130)은 다른 레이어인 제2 서브파일(20-2)의 콘텐츠에 영향을 미치지 아니하고 독립적으로 구현된다. 이것은 새창열기 또는 웹페이지의 전환으로 웹문서의 구성요소를 불러들이는 기존의 방식과 본질적인 차이점이라고 할 수 있다.

반면에, 도 16의 화면에서 사용자가 우측 아이콘(120)을 클릭할 경우에는 함수 param name=hotspot1 이 실행되면서, 제어정보파일 중에서 동영상 제어정보파일(도 11의 40-2) MOVIE_CONTROL.HTM을 호출하여 상기 외부정보 처리수단(31)에서 실행되도록 한다.

이 경우에도 외부정보 처리수단(31)에서 생성되는 영점 동적 프레임의 크기는 제로('0')이며 외부 제어 파일을 로딩하여 실행하는 정보처리통로로서 작용한 다.

상기 외부정보 처리수단(31)에 로딩되는 동영상 제어정보파일(40-2) MOVIE_CONTROL.HTM에는 외부제어수단인 동영상 제어수단(41-2)이 포함되어 있다. 상기 동영상 제어수단(41-2)은 상기 서브파일들 중에서 어느 하나의 서브파일(20-1)에 있는 제1 동적 뷰어 생성수단(22-1)을 트리거하여 실행시키되 그 인자값으로 임베디드형 콘텐츠(60)를 포함하는 외부소스파일(50) MOVIE_SOURCE.HTM(도 13)을 호출하여 설정한다(단계(7)).

따라서, 동영상 제어수단(41-2)에 의해 외부소스파일(50) MOVIE_SOURCE.HTM가 내부 인자로 설정되어, 제1 서브파일(20-1)의 제1 동적 뷰어 생성수단(22-1)에 내재된 동적뷰어 생성함수 img_frame(name,iwidth,iheight)가 실행된다(단계(8)).

이렇게 실행된 웹브라우저 화면이 도 19로 예시되어 있다. 도면에서 보듯이, 팝업된 동영상창(140)은 제1 서브파일(20-1) 레이어의 프레임에서 외부정보 처리수단(31)의 외부 파일 처리에 따라 생성된 것이다. 따라서, 이러한 제1 서브파일(20-1) 레이어 상의 구성요소인 동영상창(140)은 다른 레이어의 콘텐츠에 영향을 미치지 아니하고 독립적으로 구현된다.

본 발명에 따른 웹문서들이 각각 독립적으로 구현된다는 것은 본 발명의 기술적 사상이 적용된 또 다른 실시예인 도 20을 참조하면 더욱 명확하게 이해될 수 있다.

도 20은 도 7의 메인파일의 소스코드를 종래의 웹 페이지 메인파일 내부에 삽입하여 종래의 웹 페이지를 로딩함으로써 웹 브라우저 화면상에 표현된 초기장면 이며, 도 21은 도 20에서 이벤트(150)가 발생함으로서 제1 서브파일, 제2 서브파일이 순차적으로 로딩되어 제2 서브파일의 동적 프레임 생성수단에 의해 종래의 웹 페이지가 로드되어 화면상에 표현된 것이다.

통상적인 홈페이지의 초기 화면을 나타내는 도 20에서 참조부호 150으로 지시된 아이콘을 클릭하게 되면, 동적 아이프레임 생성과 함께 내부 함수 동적 뷰어 생성수단이 구동되어 도 21에 도시된 바와 같이 가상현실 공간의 쇼핑몰에 대한 동영상창(이하 'PVR창'이라 함)(160)이 표시된다.

그런데, 상기 PVR창(160)은 초기화면과는 다른 서브파일 레이어의 동적 아이프레임에 의해 생성된 것이므로 바탕이 된 초기화면과는 무관하게 서로 독립적으로 동작한다. 이를 살펴보기 위해, 초기화면의 바탕 메뉴 중에서 자유게시판(FREEBOARD)(170)을 클릭하면, 도 22에 도시된 바와 같이 하이퍼링크 설정에 따라 웹페이지가 전환되면서 자유게시판 화면이 디스플레이된다. 그러나, PVR창(160)은 바탕 화면의 전환과는 무관하게 원상태로 유지되고 있음을 확인할 수 있다.

본 발명의 이러한 특징은 종래의 하이퍼링크 전환이나 새로열기창 등에 의해 사용자로 하여금 혼란을 느끼게 하였던 불편을 제거할 수 있도록 해준다.

본 발명의 독립 모듈형 웹문서 표시방법에 따르면, 임베디드형 콘텐츠와의 이질감을 해소시킴으로써 양적 측면뿐만 아니라, 질적 측면에서도 제작자와 사용자 모두의 선택의 폭이 넓어지며, 나아가 임베디드형 콘텐츠와 웹 문서와의 정보교환뿐만 아니라 제어정보파일을 중간 매개로하여 독립된 임베디드형 콘텐츠 상호간의 정보교류가 가능해진다.

또한, 동적 뷰어 객체의 생성으로 웹 브라우저 화면을 종래의 면적방식에서 체적방식으로 사용하는 것이 가능해지고 적절한 시기에 적절한 웹 브라우저 화면상에 동적으로 표현하는 것이 가능해진다.

본 발명에 따른 독립 모듈 방식의 웹 문서제작은 호환 가능한 콘텐츠들을 모듈별로 제작하여 서비스가 가능하도록 해주며 작업을 모듈별로 분업하므로써 대용량 콘텐츠 제작이 용이하고, 사용자는 자신이 원하는 콘텐츠만을 모듈단위로 선택하여 구매 및 사용할 수 있으며, 다양한 모듈들의 조합으로 2차적인 콘텐츠 효과도 거둘 수 있다.

이러한 효과들은 가상현실과 이미지 및 동영상 그리고 제품 에니메이션등의 모듈별 조합을 통한 전자상거래 및 사이버관광, 그리고 동식물의 생태계에 대한 이미지와 동영상 및 프리젠테이션 등의 조합을 통한 자연과 환경에 대한 가상교육, 기업 및 생산지 현지에서의 가상현실 및 동영상 등을 이용한 기업홍보와 구매자와의 신뢰감 구축, 또한 전시회장 박물관 및 미술관에 대한 사이버 전시회 등 다양한 분야에서 적용 가능하게 된다.

Claims

웹브라우저를 통해 표시되는 웹문서 표시방법에 있어서,

(a) 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 외곽 동적 프레임을 생성하는 단계; 및

(b) 상기 생성된 외곽 동적 프레임에 서브파일을 로딩시켜 실행하는 단계;를 포함하는 것을 특징으로 하는 웹문서 표시방법.
제1항에 있어서,

내부 이벤트 발생수단을 포함하는 메인파일을 로딩하여 표시하는 단계;를 포함하고,

상기 내부 이벤트 발생수단의 실행에 의해 상기 단계(a)가 실행되는 것을 특징으로 하는 웹문서 표시방법.
제2항에 있어서,

상기 내부 이벤트 발생수단은 상기 메인파일의 화면에 표시되는 이벤트 트리거를 클릭함으로써 구동되는 것을 특징으로 하는 웹문서 표시방법.
제1항에 있어서,

동적 객체 소스를 포함하는 외부 이벤트 파일을 로딩시키는 단계; 및

상기 서브파일에 포함된 동적 뷰어 생성수단에 의해 상기 로딩된 외부 이벤트 파일의 동적 객체 소스를 실행하여 디스플레이하는 단계;를 포함하는 것을 특징으로 하는 웹문서 표시방법.
제4항에 있어서,

상기 동적 객체 소스는 가상현실구현 데이타 소스인 것을 특징으로 하는 웹문서 표시방법.
제4항에 있어서,

상기 동적 객체 소스의 실행으로 디스플레이된 화면에 따라 외부 이벤트 신호를 발생시키는 단계;

상기 외부 이벤트 신호가 발생하면 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하는 단계; 및

상기 생성된 영점 동적 프레임에 외부 파일을 로딩시켜 실행되도록 하는 단계;를 포함하는 것을 특징으로 하는 웹문서 표시방법.
제6항에 있어서,

상기 외부 이벤트 신호는,

상기 동적 객체 소스의 실행 화면에 표시된 이벤트 트리거를 클릭함으로써 발생되는 것을 특징으로 하는 웹문서 표시방법.
웹브라우저를 통해 표시되는 웹문서 표시방법에 있어서,

(a') 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제1 외곽 동적 프레임을 생성하고, 상기 생성된 제1 외곽 동적 프레임에 제1 서브파일을 로딩시켜 실행하는 단계;

(b') 상기 로딩된 제1 서브파일에 포함된 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제2 외곽 동적 프레임을 생성하고, 상기 생성된 제2 외곽 동적 프레임에 제2 서브파일을 로딩시켜 실행하는 단계; 및

(c') 상기 단계들을 순차적으로 반복하여 n번째 외곽 동적 프레임을 생성하고, 상기 생성된 n번째 외곽 동적 프레임에 n번째 서브파일을 로딩시켜 실행하는 단계;를 포함하는 것을 특징으로 하는 웹문서 표시방법.
제8항에 있어서,

내부 이벤트 발생수단을 포함하는 메인파일을 로딩하여 표시하는 단계;를 포함하고,

상기 내부 이벤트 발생수단의 구동에 의해 상기 단계(a')가 실행되는 것을 특징으로 하는 웹문서 표시방법.
제9항에 있어서,

상기 내부 이벤트 발생수단은 상기 메인파일의 화면에 표시되는 이벤트 트리거를 클릭함으로써 구동되는 것을 특징으로 하는 웹문서 표시방법.
제8항에 있어서,

동적 객체 소스를 포함하는 외부 이벤트 파일을 로딩시키는 단계; 및

상기 서브파일들 중 적어도 하나에 포함된 동적 뷰어 생성수단에 의해 상기 로딩된 외부 이벤트 파일의 동적 객체 소스를 실행하여 디스플레이하는 단계;를 포함하는 것을 특징으로 하는 웹문서 표시방법.
제11항에 있어서,

상기 동적 객체 소스는 가상현실구현 데이타 소스인 것을 특징으로 하는 웹문서 표시방법.
제11항에 있어서,

상기 동적 객체 소스의 실행으로 디스플레이된 화면에 따라 외부 이벤트 신호를 발생시키는 단계;

상기 외부 이벤트 신호가 발생하면 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하는 단계; 및

상기 생성된 영점 동적 프레임에 외부 파일을 로딩시켜 실행되도록 하는 단 계;를 포함하는 것을 특징으로 하는 웹문서 표시방법.
제13항에 있어서,

상기 외부 이벤트 신호는,

상기 동적 객체 소스의 실행 화면에 표시된 이벤트 트리거를 클릭함으로써 발생되는 것을 특징으로 하는 웹문서 표시방법.
제13항에 있어서,

상기 외부 파일은,

임베디드형 콘텐츠가 구성요소로 삽입된 외부소스파일을 호출하여, 상기 서브파일들 중에서 어느 하나에 포함된 동적 뷰어 생성수단에 의해 실행되도록 하는 제어정보파일인 것을 특징으로 하는 웹문서 표시방법.
제15항에 있어서,

상기 제어정보파일은,

이미지 콘텐츠가 삽입된 외부소스파일을 호출하여 실행되도록 하는 이미지 제어정보파일과, 동영상 콘텐츠가 삽입된 외부소스파일을 호출하여 실행되도록 하는 동영상 제어정보파일을 포함하는 것을 특징으로 하는 웹문서 표시방법.
웹브라우저를 통해 표시되는 웹문서 표시방법에 있어서,

(A) 메인파일을 로딩하여 이벤트 트리거를 포함하는 화면을 표시하는 단계;

(B) 상기 이벤트 트리거를 클릭함으로써 내부 이벤트 발생수단을 구동하는 단계;

(C) 상기 내부 이벤트 발생수단이 구동되면, 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제1 외곽 동적 프레임을 생성하고, 상기 생성된 제1 외곽 동적 프레임에 제1 서브파일을 로딩시켜 실행하는 단계;

(D) 상기 로딩된 제1 서브파일에 포함된 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제2 외곽 동적 프레임을 생성하고, 상기 생성된 제2 외곽 동적 프레임에 제2 서브파일을 로딩시켜 실행하는 단계; 및

(E) 상기 제2 서브파일에 포함된 동적 뷰어 생성수단에 의해 동적 객체 소스를 포함하는 외부 이벤트 파일을 호출하여 상기 동적 객체 소스를 실행하여 디스플레이하는 단계;를 포함하는 것을 특징으로 하는 웹문서 표시방법.
제17항에 있어서,

상기 동적 객체 소스의 실행 화면에 표시된 이벤트 트리거를 클릭함으로써 외부 이벤트 신호를 발생시키는 단계;

상기 외부 이벤트 신호가 발생하면 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하는 단계;

상기 생성된 영점 동적 프레임에 외부 파일을 로딩시키는 단계; 및

상기 외부 파일에 의해 임베디드형 콘텐츠가 구성요소로 삽입된 외부소스파일을 호출하고, 상기 제1 서브파일에 포함된 동적 뷰어 생성수단에 의해 실행되도록 하는 단계;를 포함하는 것을 특징으로 하는 웹문서 표시방법.
웹브라우저를 통해 표시되는 웹문서 표시방법에 있어서,

(A') 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하는 단계; 및

(B') 상기 생성된 영점 동적 프레임에 외부파일을 로딩시켜 실행되도록 하는 단계;를 포함하는 것을 특징으로 하는 웹문서 표시방법.
아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 외곽 동적 프레임을 생성하고, 상기 생성된 외곽 동적 프레임에 서브파일을 로딩시켜 실행하는 동적 프레임 생성수단을 구비한 파일을 포함하는 웹문서가 기록된 컴퓨터로 읽을 수 있는 기록매체.
제20항에 있어서,

이벤트 트리거를 제공하고 이벤트 발생 신호에 따라 상기 동적 프레임 생성수단을 구동시키는 내부 이벤트 발생수단을 더 포함하는 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
제21항에 있어서,

상기 웹문서는 동적 객체 소스를 구비한 외부 이벤트 파일을 포함하고,

상기 서브파일은 상기 외부 이벤트 파일의 동적 객체 소스를 실행하여 디스플레이하는 동적 뷰어 생성수단을 포함하는 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
제22항에 있어서,

상기 동적 객체 소스는 가상현실구현 데이타 소스인 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
제22항에 있어서,

상기 외부 이벤트 파일은,

상기 동적 객체 소스의 실행화면에 이벤트 트리거를 제공하고, 이벤트 신호를 발생시키는 외부 이벤트 발생수단; 및

상기 외부 이벤트 신호가 발생하면 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하고, 생성된 영점 동적 프레임에 외부 파일을 로딩시켜 실행시키는 외부정보 처리수단;을 포함하는 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
메인파일 및 제1, 2,....,n-1, n번째 서브파일을 포함하는 웹문서가 기록된 컴퓨터로 읽을 수 있는 기록매체로서,

상기 메인파일은, 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제1 외곽 동적 프레임을 생성하고, 상기 생성된 제1 외곽 동적 프레임에 제1 서브파일을 로딩시켜 실행하는 동적 프레임 생성수단을 포함하고,

상기 제1 서브파일은, 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 제2 외곽 동적 프레임을 생성하고, 상기 생성된 제2 외곽 동적 프레임에 제2 서브파일을 로딩시켜 실행하는 동적 프레임 생성수단을 포함하고,

상기 n-1번째 서브파일은, 아이프레임(iframe) 태그에 의해 웹브라우저 화면 크기와 웹브라우저에 로딩되는 프레임의 크기 중에서 큰 크기를 가지는 n번째 외곽 동적 프레임을 생성하고, 상기 생성된 n번째 외곽 동적 프레임에 n번째 서브파일을 로딩시켜 실행하는 동적 프레임 생성수단을 포함하는 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
제25항에 있어서,

상기 메인파일은, 이벤트 트리거를 제공하고 이벤트 발생 신호에 따라 상기 동적 프레임 생성수단을 구동시키는 내부 이벤트 발생수단을 더 포함하는 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
제25항에 있어서,

상기 웹문서는 동적 객체 소스를 구비한 외부 이벤트 파일을 포함하고,

상기 서브파일들 중에서 적어도 하나는, 상기 외부 이벤트 파일의 동적 객체 소스를 실행하여 디스플레이하는 동적 뷰어 생성수단을 포함하는 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
제27항에 있어서,

상기 동적 객체 소스는 가상현실구현 데이타 소스인 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
제27항에 있어서,

상기 외부 이벤트 파일은,

상기 동적 객체 소스의 실행화면에 이벤트 트리거를 제공하고, 이벤트 신호를 발생시키는 외부 이벤트 발생수단; 및

상기 외부 이벤트 신호가 발생하면 아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하고, 생성된 영점 동적 프레임에 외부 파일을 로딩시켜 실행시키는 외부정보 처리수단;을 포함하는 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
제29항에 있어서,

상기 외부 파일은,

임베디드형 콘텐츠가 구성요소로 삽입된 외부소스파일을 호출하여, 상기 서브파일들 중에서 적어도 하나에 포함된 동적 뷰어 생성수단에 의해 실행되도록 하는 제어정보파일인 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
제30항에 있어서,

상기 제어정보파일은,

이미지 콘텐츠가 삽입된 외부소스파일을 호출하여 실행되도록 하는 이미지 제어정보파일과, 동영상 콘텐츠가 삽입된 외부소스파일을 호출하여 실행되도록 하는 동영상 제어정보파일을 포함하는 것을 특징으로 하는 컴퓨터로 읽을 수 있는 기록매체.
아이프레임(iframe) 태그에 의해 크기가 "0"인 영점 동적 프레임을 생성하고, 상기 생성된 영점 동적 프레임에 외부파일을 로딩시켜 실행하는 외부정보 처리수단을 구비한 파일을 포함하는 웹문서가 기록된 컴퓨터로 읽을 수 있는 기록매체.