KR20020008299A - 3-dimensional web navigation method and apparatus - Google Patents
3-dimensional web navigation method and apparatus Download PDFInfo
- Publication number
- KR20020008299A KR20020008299A KR1020000041907A KR20000041907A KR20020008299A KR 20020008299 A KR20020008299 A KR 20020008299A KR 1020000041907 A KR1020000041907 A KR 1020000041907A KR 20000041907 A KR20000041907 A KR 20000041907A KR 20020008299 A KR20020008299 A KR 20020008299A
- Authority
- KR
- South Korea
- Prior art keywords
- screen
- processing
- data
- language
- dimensional
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/954—Navigation, e.g. using categorised browsing
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Radar, Positioning & Navigation (AREA)
- Remote Sensing (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
Description
본 발명은 인터넷과 같은 웹 통신망을 서핑(surfing)하는 것에 관한 것으로서, 특히 3차원적으로 웹을 네비게이션(navigation)하는 방법 및 그 장치에 관한 것이다.BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to surfing web communications networks such as the Internet, and more particularly, to a method and apparatus for navigating the web in three dimensions.
상용의 브라우저 프로그램을 사용하여 웹 사이트를 검색 혹은 서핑하는 네비게이션의 기존의 방법은 2차원적인 화면을 사용하는 것이다. 이런 경우에는 화면이 2차원적으로 구성되어 있으므로 화면의 x-y 평면상의 한계 때문에 제한된 영역에서만 네비게이션을 해야하는 제약이 있다. 현재 화면상에 가장 큰 영역을 사용하는 경우라도 화면의 크기가 최대 2048 x 1536의 픽셀(pixel)의 크기로 제약되어 있다. 이는 화면에 표시되는 해상도와 관련되어 설정되는 수치이다. 이런 평면적인 제약을 극복하기 위해 웹 사이트를 네비게이션하는 화면에 표시되는 팝업 메뉴(pop menu)나 스크롤(scroll)하는 기능 등을 자바(Java), 자바스크립트(JavaScript), ActiveX 등의 여러 가지 기술들을 사용해서 네비게이션 바(bar)를 제작하여 사용케 하거나 혹은 다른 적절한 메뉴를 개발하여 한 사이트를 방문한 사용자들이 쉽게 네비게이션하게 할 수 있도록 하고 있다.The traditional way of navigating or surfing a website using a commercial browser program is to use a two-dimensional screen. In this case, since the screen is two-dimensional, there is a limitation that navigation should be performed only in a limited area because of the limitation of the x-y plane of the screen. Even when using the largest area on the screen, the screen size is limited to a maximum size of 2048 x 1536 pixels. This value is set in relation to the resolution displayed on the screen. In order to overcome this flat limitation, various technologies such as pop-up menu and scrolling function that are displayed on the screen navigating the web site can be used such as Java, JavaScript, ActiveX, etc. Use it to create and use navigation bars, or develop other appropriate menus to make it easier for users who visit a site to navigate.
그러나 제공하는 서비스가 복잡한 사이트에서는 원하는 자료를 찾기가 쉽지 않으며, 원하는 주제 혹은 항목을 찾아주는 서치 엔진(search engine) 프로그램이나 포탈 사이트(portal site)를 이용하는 경우에도 한 단어만을 검색 기준으로 하여 검색을 하더라도 대단히 많은 검색 결과 페이지가 출력되어 사용자가 필요한 정보를 정확하게 찾는 것도 어렵게 된다.However, it is not easy to find the materials you want on sites with complex services. Even if you use a search engine program or portal site that searches for the topic or topic you want, you can search by only one word. Even so, a large number of search results pages are printed, making it difficult for users to find exactly the information they need.
또한 현재 사용자가 사이트에서 제공하는 서비스들 중에서 어디에 위치하는 가를 표시해주기도 하지만 정확한 위치를 아는 것도 쉬운 일이 아니다.It also indicates where users are currently located on the site, but knowing the exact location is not easy.
그리고 여러 단계의 네비게이션을 하는 경우 중간 단계의 웹 페이지를 로딩하는 경우에 서비스를 제공하는 서버에 부담을 주고 또한 사용자의 서비스를 기다리는 대기시간을 증가시키는 부하로 작용하게 된다. 이는 개인적으로 시간적인 지연을 가져오는 것 외에도 서비스를 제공하는 웹 사이트의 서비스 효율울 떨어뜨리는 결과를 초래하게 된다.In the case of several levels of navigation, the intermediate web page loads a burden on the server providing the service and increases the waiting time for the user's service. In addition to the time delay personally, this may result in a poor service efficiency of the web site providing the service.
그 외에도 링크된 웹 페이지중에서 필요없는 웹 페이지를 잘못 선택하는 경우 사용자는 그 페이지가 로딩되는 것을 멈추게 하거나 혹은 그 페이지가 로딩된 후에 다시 원래의 페이지로 돌아가거나 혹은 그 웹 페이지를 제공하는 사이트의 처음 페이지(홈 페이지가 될 것이다)부터 다시 네비게이션하는 불편함을 겪는 경우가 생긴다.In addition, if a user selects a wrong web page from a linked web page, the user can stop the page from loading, or return to the original page after the page loads, or the first site on the site that serves the web page. From the page (which will be the home page), you may experience the inconvenience of navigating again.
본 발명이 이루고자 하는 기술적인 과제는, 상기의 문제점들을 해결하기 위해, 복잡한 구조를 가진 대량의 웹 페이지를 포함하는 웹 사이트 또는 스크립트 등에 의해 해당 페이지가 대량으로 생성되는 웹 사이트를 네비게이션하는 있어 필요한 현재 사용자 위치 표시 및 쉬운 사용자 인터페이스를 가지며 복잡한 구조의 다양한 웹 페이지간의 연결을 도식적으로 표시하며 현재 사용자가 사용하고 있는 웹 페이지의 위치를 3차원적으로 표현하여 그 페이지와 연결된 다른 웹 페이지들 간의 관계를 시각적으로 확인할 수 있는 3차원적인 웹 네비게이션 방법 및 그 장치를 제공하는데 있다.The technical problem to be solved by the present invention is to solve the above problems, the present invention is required to navigate the web site that is generated in large quantities by a web site or a script including a large number of web pages having a complex structure, etc. It has a user location display and easy user interface, and graphically displays the connection between various web pages with complex structure. It also displays the location of the web page being used by the user in three dimensions and shows the relationship between other web pages connected to the page. It is to provide a three-dimensional web navigation method and apparatus that can be visually confirmed.
본 발명이 이루고자 하는 다른 기술적인 과제는 3차원적인 웹 네비게이션 방법을 포함하는 프로그램을 기록한 컴퓨터가 읽을 수 있는 기록 매체를 제공하는 데 있다.Another technical problem to be solved by the present invention is to provide a computer-readable recording medium recording a program including a three-dimensional web navigation method.
도 1은 본 발명에 따라 3차원적으로 웹 네비게이션을 하는 방법의 흐름을 도시한 것이다.Figure 1 illustrates the flow of a method for three-dimensional web navigation in accordance with the present invention.
도 2는 본 발명에 따라 3차원적으로 웹 네비게이션을 하는 장치의 구성을 블록으로 도시한 것이다.2 is a block diagram illustrating a configuration of an apparatus for three-dimensional web navigation according to the present invention.
도 3은 본 발명에 따라 3차원적으로 웹 네비게이션을 하는 다른 방법의 흐름을 도시한 것이다.Figure 3 illustrates the flow of another method of web navigation in three dimensions in accordance with the present invention.
도 4는 본 발명에 따라 3차원적으로 웹 네비게이션을 하는 다른 장치의 구성을 블록으로 도시한 것이다.4 is a block diagram showing the configuration of another apparatus for web navigation in three dimensions according to the present invention.
도 5는 본 발명에 따라 3차원적으로 웹 네비게이션을 하는 일 실시예의 흐름을 도시한 것이다.Figure 5 shows the flow of an embodiment of three-dimensional web navigation in accordance with the present invention.
도 6은 본 발명에 따라 3차원적으로 웹 네비게이션을 하는 다른 실시예의 흐름을 도시한 것이다.Figure 6 shows the flow of another embodiment of three-dimensional web navigation in accordance with the present invention.
도 7은 본 발명에 따라 3차원으로 웹 네비게이션을 하는 메뉴 배치 화면의 일예를 도시한 것이다.7 illustrates an example of a menu layout screen for web navigation in three dimensions according to the present invention.
도 8은 도 7의 메뉴간의 연결 관계를 트리식의 계층으로 도시한 것이다.FIG. 8 illustrates the connection relationship between the menus of FIG. 7 in a tree hierarchy.
도 9는 메뉴 배치를 바라보는 시점과 한 메뉴를 선택했을 때에 시점이 이동하는 일 예를 도시한 것이다.9 illustrates an example of viewing a menu layout and moving the viewpoint when a menu is selected.
도 10은 메뉴 배치를 바라보는 시점과 한 메뉴를 선택했을 때에 시점이 이동하는 다른 예를 도시한 것이다.10 illustrates another example of viewing a menu layout and moving the viewpoint when a menu is selected.
도 11은 메뉴 배치를 바라보는 시점과 한 메뉴를 선택했을 때에 시점이 이동하는 또 다른 예를 도시한 것이다.11 illustrates another example of viewing a menu layout and moving the viewpoint when a menu is selected.
도 12는 메뉴 배치를 바라보는 시점과 한 메뉴를 선택했을 때에 시점이 이동하는 또 다른 예를 도시한 것이다.12 illustrates another example of viewing a menu layout and moving the viewpoint when a menu is selected.
도 13은 본 발명에 따라 VRML이 웹 브라우저에 삽입되어 기능을 수행하는 구조를 블록으로 도시한 것이다.13 is a block diagram illustrating a structure in which a VRML is inserted into a web browser to perform a function according to the present invention.
도 14는 본 발명에 따라 네비게이션을 하는 화면의 일 예를 도시한 것이다.14 illustrates an example of a screen for navigation according to the present invention.
상기 기술적 과제를 해결하기 위한 본 발명에 의한, 웹(Web)에서의 3차원 처리를 위한 언어와 자바(Java) 언어를 이용하여 웹공간을 3차원적으로네비게이션(navigation)하는 방법은,According to the present invention for solving the above technical problem, a method for navigating the web space in three dimensions using a language for three-dimensional processing on the Web (Java) and Java (Java),
(a) 소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하는 단계;(a) identifying an overall hierarchy of services provided by a given web site;
(b) 상기 계층 중에서 한 계층을 상기 3차원 처리 언어와 상기 자바 언어를 이용해서 표시하는 화면에서, 링크된 다른 웹 페이지 화면이 선택되는 경우에 상기 다른 화면에 대응되는 자바스크립트(Javascript)를 이용하여 그 다른 화면을 표시하는 에치티엠엘(HTML)을 변경하여 상기 화면을 다른 화면으로 변경하며, 상기 표시된 계층과는 다른 계층을 표시하도록 선택되는 경우에는 상기 3차원 처리 언어와 자바 언어를 이용하여 상기 다른 계층을 표시하는 단계; 및(b) On a screen displaying one of the layers by using the 3D processing language and the Java language, when another linked web page screen is selected, JavaScript corresponding to the other screen is used. Change the screen to another screen by changing the HTML to display the other screen, and when the screen is selected to display a layer different from the displayed layer, the 3D processing language and the Java language are used. Displaying the other layer; And
(c) 상기 계층을 표시하는 화면에서 화면에 표시된 데이터의 일부가 변하는 경우에 변화되는 데이터의 성질에 따라 그 데이터에 대응되는 상기 3차원 처리 언어를 이용하거나 혹은 변화되는 상기 데이터에 대응되는 에치티엠엘을 처리하여 상기 변화된 데이터에 대응하는 화면 처리를 하는 단계를 포함하는 것을 특징으로 한다.(c) an etchant corresponding to the changed data using or using the three-dimensional processing language corresponding to the data according to the nature of the data that is changed when a part of the data displayed on the screen is changed on the screen displaying the hierarchy. And processing a screen corresponding to the changed data by processing ML.
상기 다른 기술적 과제를 해결하기 위한 본 발명에 의한, 웹(Web)에서의 3차원 처리를 위한 가상현실 모델링 언어(VRML)와 자바 언어를 이용하여 웹공간을 3차원적으로 네비게이션하는 방법은,According to the present invention for solving the other technical problem, a method of three-dimensional navigation of the web space using a virtual reality modeling language (VRML) and Java language for three-dimensional processing on the Web (Web),
(a) 소정의 웹 사이트에서 제공하는 서비스의 전체적인 계층 구조를 파악하는 단계;(a) identifying an overall hierarchy of services provided by a given web site;
(b) 상기 계층 중에서 한 계층을 표시하는 화면에서 링크된 다른 웹 페이지화면을 선택하는 경우에는 가상현실 모델링 언어에 포함된 상기 다른 화면에 대응되는 자바스크립트를 이용하여 그 다른 화면을 표시하는 에치티엠엘을 변경하며, 상기 표시된 계층과는 다른 계층을 표시하도록 선택되는 경우에는 상기 가상현실 모델링 언어를 이용하여 상기 다른 계층을 표시하는 단계; 및(b) When selecting another web page screen linked from a screen displaying one layer among the hierarchies, an etchant for displaying the other screen using JavaScript corresponding to the other screen included in the virtual reality modeling language. Changing an EL, and if the selected layer is selected to display a layer different from the displayed layer, displaying the other layer using the virtual reality modeling language; And
(c) 상기 계층을 표시하는 화면에서 화면에 표시된 데이터가 변하는 경우에 변화되는 데이터의 성질에 따라 그 데이터에 대응되는 상기 가상현실 모델링 언어를 이용하거나 혹은 변화되는 상기 데이터에 대응되는 에치티엠엘을 처리하여 상기 변화된 데이터에 대응하는 화면 처리를 하는 단계를 포함하는 것을 특징으로 한다.(c) using the virtual reality modeling language corresponding to the data according to the nature of the data to be changed when the data displayed on the screen changes on the screen displaying the hierarchy, And performing a screen process corresponding to the changed data by processing.
상기 또 다른 기술적 과제를 해결하기 위한 본 발명에 의한, 웹(Web)에서의 3차원 처리를 위한 언어와 자바(Java) 언어를 이용하여 웹 공간을 3차원적으로 네비게이션하는 장치는,In accordance with another aspect of the present invention, there is provided an apparatus for three-dimensional navigation of a web space using a language for three-dimensional processing on a web and a Java language.
소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하는 게층구조파악부;A hierarchical structure detecting unit which grasps an overall hierarchical structure of services provided by a predetermined web site;
상기 계층 중에서 한 계층을 상기 3차원 처리 언어와 상기 자바 언어를 이용해서 표시하며, 다른 계층을 표시하도록 선택되는 경우에는 해당하는 계층을 다시 표시하는 계층전환표시부;A hierarchical switching display for displaying one of the hierarchical layers by using the 3D processing language and the Java language, and redisplaying the corresponding hierarchical layer if it is selected to display another hierarchical layer;
상기 계층전환표시부에서 표시한 화면에서 링크된 다른 웹 페이지 화면이 선택되면 상기 다른 화면에 대응되는 자바스크립트(Javascript)를 이용하여 그 다른 화면을 표시하는 에치티엠엘(HTML)을 변경하여 화면을 다른 화면으로 변경하는 링크선택처리부;When another web page screen linked from the screen displayed by the hierarchical switching display is selected, the screen is changed by changing the HTML to display the other screen using JavaScript corresponding to the other screen. A link selection processing unit for changing to a screen;
상기 계층전환표시부에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변하는 데이터가 3차원 처리에 관련된 내용을 포함하는 경우 그 변하는 데이터에 대응하는 상기 3차원 처리 언어에 포함된 자바스크립트를 구동하고 상기 변하는 데이터에 대응하는 3차원 처리 언어를 이용하여 상기 변하는 데이터에 대응하는 3차원 처리를 실행하는 3차원이벤트처리부;When a part of the data displayed on the screen is changed on the screen displayed by the hierarchical switching display, when the changed data includes contents related to 3D processing, the JavaScript included in the 3D processing language corresponding to the changed data is driven. And a 3D event processor for executing 3D processing corresponding to the changing data using a 3D processing language corresponding to the changing data;
상기 계층전환표시부에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변하는 데이터가 3차원 처리에 관련된 내용을 포함하지 않는 경우 그 변하는 데이터에 대응하는 상기 3차원 처리 언어에 포함된 자바스크립트를 구동하여 에치티엠엘 처리를 준비하고, 그 변하는 데이터에 대응하는 자바 애플릿(applet)을 이용하여 상기 변하는 데이터에 대응하는 에치티엠엘을 처리하는 자바애플릿처리부; 및If a part of the data displayed on the screen is changed on the screen displayed by the hierarchical switching display, the JavaScript included in the 3D processing language corresponding to the changing data is not included when the changing data does not include contents related to the 3D processing. A Java applet processing unit configured to drive and prepare an ETML processing, and process the ETML corresponding to the changing data using a Java applet corresponding to the changing data; And
상기 링크선택처리부, 3차원이벤트처리부 및 자바애플릿처리부에서 처리된 내용을 사용자의 화면에 표시하는 화면표시부를 포함하는 것을 특징으로 한다.And a screen display unit which displays the content processed by the link selection processor, the 3D event processor, and the Java applet processor on the user's screen.
상기 또 다른 기술적 과제를 해결하기 위한 본 발명에 의한, 웹에서의 3차원 처리를 위한 언어와 자바 언어를 이용하여 웹공간을 3차원적으로 네비게이션하는 방법은,According to another aspect of the present invention for solving the above technical problem, a method for three-dimensional navigation of the web space using a language and a Java language for three-dimensional processing on the web,
(a) 소정의 HTML 혹은 데이터베이스에서 네비게이션하는 화면에 표시될 내용에 관한 데이터를 포함하는 정보를 자바 애플릿으로 읽어들이는 단계;(a) reading information into a Java applet including data about contents to be displayed on a screen navigating in a predetermined HTML or database;
(b) 읽어들인 상기 데이터에서 상기 네비게이션하는 화면에 표시될 내용에 대한 3차원 객체 정보와 상기 네비게이션 화면의 백그라운드의 3차원 처리를 위한언어에서 상기 네비게이션하는 화면을 생성하는 기본적인 설정 정보를 이용하여 상기 자바 애플릿에서 3차원 네비게이션을 위한 네비게이터 화면을 생성하는 단계;(b) using the 3D object information on the content to be displayed on the navigation screen from the read data and basic setting information for generating the navigation screen in a language for 3D processing of a background of the navigation screen; Generating a navigator screen for 3D navigation in a Java applet;
(c) 상기 생성된 화면에 입력되는 유알엘(URL)에 따라 결정되는 소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하는 단계;(c) identifying an overall hierarchical structure of services provided by a predetermined web site determined according to a URL input to the generated screen;
(d) 상기 계층 중에서 한 계층을 상기 3차원 처리 언어와 상기 자바 언어를 이용해서 표시하는 화면에서, 링크된 다른 웹 페이지 화면이 선택되는 경우에 상기 다른 화면에 대응되는 자바스크립트를 이용하여 그 다른 화면을 표시하는 에치티엠엘을 변경하여 상기 화면을 다른 화면으로 변경하며, 상기 표시된 계층과는 다른 계층을 표시하도록 선택되는 경우에는 상기 3차원 처리 언어와 자바 언어를 이용하여 상기 다른 계층을 표시하는 단계; 및(d) In a screen displaying one layer from among the layers using the 3D processing language and the Java language, when another linked web page screen is selected, the other layer is displayed using JavaScript corresponding to the other screen. The screen is changed to another screen by changing the etch TM to display the screen, and when the screen is selected to display a layer different from the displayed layer, the other layer is displayed using the 3D processing language and a Java language. step; And
(e) 상기 계층을 표시하는 화면에서 화면에 표시된 데이터의 일부가 변하는 경우에 변화되는 데이터의 성질에 따라 그 데이터에 대응되는 상기 3차원 처리 언어를 이용하거나 혹은 변화되는 상기 데이터에 대응되는 에치티엠엘을 처리하여 상기 변화된 데이터에 대응하는 화면 처리를 하는 단계를 포함하는 것을 특징으로 한다.(e) an etchant corresponding to the changed data using or using the three-dimensional processing language corresponding to the data according to the nature of the changed data when a part of the data displayed on the screen is changed on the screen displaying the hierarchy. And processing a screen corresponding to the changed data by processing ML.
상기 또 다른 기술적 과제를 해결하기 위한 본 발명에 의한, 웹에서의 가상현실 모델링 언어와 자바 언어를 이용하여 웹공간을 3차원적으로 네비게이션하는 방법은,In accordance with another aspect of the present invention for solving the above technical problem, a method of three-dimensional navigation of a web space using a virtual reality modeling language and a Java language on the web,
(a) 소정의 HTML 혹은 데이터베이스에서 네비게이션하는 화면에 표시될 내용에 관한 데이터를 포함하는 정보를 자바 애플릿으로 읽어들이는 단계;(a) reading information into a Java applet including data about contents to be displayed on a screen navigating in a predetermined HTML or database;
(b) 읽어들인 상기 데이터에서 네비게이션하는 화면에 표시될 내용에 대한 3차원 객체 정보와 상기 내비게이션하는 화면의 백그라운드의 가상현실 모델링 언어에서 상기 네비게이터를 생성하는 기본적인 설정 정보를 이용하여 상기 자바 애플릿에서 3차원 네비게이션을 위한 네비게이터 화면을 생성하는 단계;(b) using the 3D object information on the content to be displayed on the navigation screen from the read data and the basic configuration information for generating the navigator in the virtual reality modeling language of the background of the navigation screen. Generating a navigator screen for dimensional navigation;
(c) 상기 생성된 화면에 입력되는 유알엘(URL)에 따라 결정되는 소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하는 단계;(c) identifying an overall hierarchical structure of services provided by a predetermined web site determined according to a URL input to the generated screen;
(d) 상기 계층 중에서 한 계층을 표시하는 화면에서 링크된 다른 웹 페이지 화면을 선택하는 경우에는 상기 가상현실 모델링 언어에 포함된 상기 다른 화면에 대응되는 자바스크립트를 이용하여 그 다른 화면을 표시하는 에치티엠엘을 변경하며, 상기 표시된 계층과는 다른 계층을 표시하도록 선택되는 경우에는 상기 가상현실 모델링 언어를 이용하여 상기 다른 계층을 표시하는 단계; 및(d) In case of selecting another linked web page screen from a screen displaying one layer among the layers, an e.g. screen displaying the other screen using JavaScript corresponding to the other screen included in the virtual reality modeling language is selected. Displaying a different layer using the virtual reality modeling language when the CTI is changed to display a layer different from the displayed layer; And
(e) 상기 계층을 표시하는 화면에서 화면에 표시된 데이터가 변하는 경우에 변화되는 데이터의 성질에 따라 그 데이터에 대응되는 상기 가상현실 모델링 언어를 이용하거나 혹은 변화되는 상기 데이터에 대응되는 에치티엠엘을 처리하여 상기 변화된 데이터에 대응하는 화면 처리를 하는 단계를 포함하는 것을 특징으로 한다.(e) using the virtual reality modeling language corresponding to the data according to the nature of the data to be changed when the data displayed on the screen changes on the screen displaying the hierarchy, And performing a screen process corresponding to the changed data by processing.
상기 또 다른 기술적 과제를 해결하기 위한 본 발명에 의한, 웹에서의 3차원 처리를 위한 언어와 자바 언어를 이용하여 웹공간을 3차원적으로 네비게이션하는 장치는,In accordance with another aspect of the present invention, there is provided an apparatus for three-dimensional navigation of a web space using a language and a Java language for three-dimensional processing on the web.
네비게이션하는 화면에 표시될 내용에 관한 데이터를 포함하는 정보를 저장하는 데이터베이스부;A database unit for storing information including data about contents to be displayed on a navigation screen;
상기 네비게이션하는 화면의 백그라운드의 3차원 처리를 위한 언어에서 상기 네비게이션 화면 생성을 위한 기본적인 설정 정보를 저장하는 배경3차원자료저장부;A background three-dimensional data storage unit for storing basic setting information for generating the navigation screen in a language for three-dimensional processing of a background of the navigation screen;
상기 데이터베이스부 및 배경3차원자료저장부에 저장된 데이터를 입력으로 하여 3차원 객체 정보를 자바 애플릿을 이용하여 3차원 네비게이션을 위한 네비게이터 화면을 생성하는 자바애플릿처리부;A Java applet processing unit configured to generate a navigator screen for 3D navigation using 3D object information using a Java applet by inputting data stored in the database unit and the background 3D data storage unit;
상기 생성된 화면에 입력되는 유알엘(URL)에 따라 결정되는 소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하는 계층구조파악부;A hierarchical structure detecting unit which grasps an overall hierarchical structure of services provided by a predetermined web site determined according to a URL input to the generated screen;
상기 계층 중에서 한 계층을 상기 3차원 처리 언어와 상기 자바 언어를 이용해서 표시하며, 다른 계층을 표시하도록 선택되는 경우에는 해당하는 계층을 다시 표시하는 계층전환표시부;A hierarchical switching display for displaying one of the hierarchical layers by using the 3D processing language and the Java language, and redisplaying the corresponding hierarchical layer if it is selected to display another hierarchical layer;
상기 계층전환표시부에서 표시한 화면에서 링크된 다른 화면이 선택되면 상기 다른 화면에 대응되는 자바스크립트(Javascript)를 이용하여 그 다른 화면을 표시하는 에치티엠엘(HTML)을 변경하여 화면을 다른 화면으로 변경하는 링크선택처리부;When another screen linked from the screen displayed by the hierarchical switching display is selected, the screen is changed to another screen by changing the HTML to display the other screen using JavaScript corresponding to the other screen. A link selection processing unit to change;
상기 계층전환표시부에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변하는 데이터가 3차원 처리에 관련된 내용을 포함하는 경우 그 변하는 데이터에 대응하는 상기 3차원 처리 언어에 포함된 자바스크립트를 구동하고 상기 변하는 데이터에 대응하는 3차원 처리 언어를 이용하여 상기 변하는 데이터에 대응하는 3차원 처리를 실행하는 3차원이벤트처리부;When a part of the data displayed on the screen is changed on the screen displayed by the hierarchical switching display, when the changed data includes contents related to 3D processing, the JavaScript included in the 3D processing language corresponding to the changed data is driven. And a 3D event processor for executing 3D processing corresponding to the changing data using a 3D processing language corresponding to the changing data;
상기 계층전환표시부에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변하는 데이터가 3차원 처리에 관련된 내용을 포함하지 않는 경우 그 변하는 데이터에 대응하는 상기 3차원 처리 언어에 포함된 자바스크립트를 구동하여 에치티엠엘 처리를 준비하고, 그 변하는 데이터에 대응하는 자바 애플릿(applet)을 이용하여 상기 변하는 데이터에 대응하는 에치티엠엘을 처리하는 자바애플릿처리부; 및If a part of the data displayed on the screen is changed on the screen displayed by the hierarchical switching display, the JavaScript included in the 3D processing language corresponding to the changing data is not included when the changing data does not include contents related to the 3D processing. A Java applet processing unit configured to drive and prepare an ETML processing, and process the ETML corresponding to the changing data using a Java applet corresponding to the changing data; And
상기 링크선택처리부, 3차원이벤트처리부 및 자바애플릿처리부에서 처리된 내용을 사용자의 화면에 표시하는 화면표시부를 포함하는 것을 특징으로 한다.And a screen display unit which displays the content processed by the link selection processor, the 3D event processor, and the Java applet processor on the user's screen.
상기 또 다른 기술적 과제를 해결하기 위한 본 발명에 의한, 웹(Web)에서의 3차원 처리를 위한 언어와 자바(Java) 언어를 이용하여 웹공간을 3차원적으로 네비게이션(navigation)하는 프로그램을 기록한 컴퓨터가 읽을 수 있는 기록 매체는,According to the present invention for solving the another technical problem, a program for three-dimensional navigation of the web space by using a language for the web (Java) and Java (Java) language is recorded The computer-readable recording medium,
(a) 소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하는 단계;(a) identifying an overall hierarchy of services provided by a given web site;
(b) 상기 계층 중에서 한 계층을 상기 3차원 처리 언어와 상기 자바 언어를 이용해서 표시하는 화면에서, 링크된 다른 화면이 선택되는 경우에 상기 다른 화면에 대응되는 자바스크립트(Javascript)를 이용하여 그 다른 화면을 표시하는 에치티엠엘(HTML)을 변경하여 상기 화면을 다른 화면으로 변경하며, 상기 표시된 계층과는 다른 계층을 표시하도록 선택되는 경우에는 상기 3차원 처리 언어와 자바 언어를 이용하여 상기 다른 계층을 표시하는 단계; 및(b) On a screen displaying one layer from among the layers using the 3D processing language and the Java language, when another linked screen is selected, using JavaScript corresponding to the other screen; If the screen is changed to another screen by changing the HTML to display another screen, and the screen is selected to display a layer different from the displayed layer, the 3D processing language and the Java language are used to change the screen. Displaying a hierarchy; And
(c) 상기 계층을 표시하는 화면에서 화면에 표시된 데이터의 일부가 변하는경우에 변화되는 데이터의 성질에 따라 그 데이터에 대응되는 상기 3차원 처리 언어를 이용하거나 혹은 변화되는 상기 데이터에 대응되는 에치티엠엘을 처리하여 상기 변화된 데이터에 대응하는 화면 처리를 하는 단계를 포함하는 것을 특징으로 한다.(c) an etchant corresponding to the changed data using or using the three-dimensional processing language corresponding to the data according to the nature of the changed data when a part of the data displayed on the screen is changed on the screen displaying the hierarchy. And processing a screen corresponding to the changed data by processing ML.
상기 또 다른 기술적 과제를 해결하기 위한 본 발명에 의한, 웹에서의 3차원 처리를 위한 언어와 자바 언어를 이용하여 웹공간을 3차원적으로 네비게이션하는 프로그램을 기록한 컴퓨터가 읽을 수 있는 기록 매체는,According to another aspect of the present invention, there is provided a computer-readable recording medium recording a program for three-dimensionally navigating a web space using a language for three-dimensional processing on the web and a Java language.
(a) 소정의 HTML 혹은 데이터베이스에서 네비게이션하는 화면에 표시될 내용에 관한 데이터를 포함하는 정보를 자바 애플릿으로 읽어들이는 단계;(a) reading information into a Java applet including data about contents to be displayed on a screen navigating in a predetermined HTML or database;
(b) 읽어들인 상기 데이터에서 상기 네비게이션하는 화면에 표시될 내용에 대한 3차원 객체 정보와 상기 네비게이션 화면의 백그라운드의 3차원 처리를 위한 언어에서 상기 네비게이션하는 화면을 생성하는 기본적인 설정 정보를 이용하여 상기 자바 애플릿에서 3차원 네비게이션을 위한 네비게이터 화면을 생성하는 단계;(b) using the 3D object information on the content to be displayed on the navigation screen from the read data and basic setting information for generating the navigation screen in a language for 3D processing of a background of the navigation screen; Generating a navigator screen for 3D navigation in a Java applet;
(c) 상기 생성된 화면에 입력되는 유알엘(URL)에 따라 결정되는 소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하는 단계;(c) identifying an overall hierarchical structure of services provided by a predetermined web site determined according to a URL input to the generated screen;
(d) 상기 계층 중에서 한 계층을 상기 3차원 처리 언어와 상기 자바 언어를 이용해서 표시하는 화면에서, 링크된 다른 화면이 선택되는 경우에 상기 다른 화면에 대응되는 자바스크립트를 이용하여 그 다른 화면을 표시하는 에치티엠엘을 변경하여 상기 화면을 다른 화면으로 변경하며, 상기 표시된 계층과는 다른 계층을 표시하도록 선택되는 경우에는 상기 3차원 처리 언어와 자바 언어를 이용하여 상기다른 계층을 표시하는 단계; 및(d) In a screen displaying one of the layers by using the 3D processing language and the Java language, when another linked screen is selected, another screen is displayed using JavaScript corresponding to the other screen. Changing the displayed ETML to change the screen to another screen, and when the screen is selected to display a layer different from the displayed layer, displaying the other layer using the 3D processing language and a Java language; And
(e) 상기 계층을 표시하는 화면에서 화면에 표시된 데이터의 일부가 변하는 경우에 변화되는 데이터의 성질에 따라 그 데이터에 대응되는 상기 3차원 처리 언어를 이용하거나 혹은 변화되는 상기 데이터에 대응되는 에치티엠엘을 처리하여 상기 변화된 데이터에 대응하는 화면 처리를 하는 단계를 포함하는 것을 특징으로 한다.(e) an etchant corresponding to the changed data using or using the three-dimensional processing language corresponding to the data according to the nature of the changed data when a part of the data displayed on the screen is changed on the screen displaying the hierarchy. And processing a screen corresponding to the changed data by processing ML.
이하에서 첨부된 도면을 참조하여 본 발명의 바람직한 일 실시예를 상세히 설명한다.Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings.
도 1은 본 발명에 따라 3차원적으로 웹 네비게이션을 하는 방법의 흐름을 도시한 것이다.Figure 1 illustrates the flow of a method for three-dimensional web navigation in accordance with the present invention.
웹(Web)에서의 3차원 처리를 위한 언어와 자바(Java) 언어를 이용하여 웹공간을 3차원적으로 네비게이션(navigation)하는 이 방법은, 소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하고(100 단계), 한 계층을 3차원 처리 언어와 자바 언어를 이용해서 표시하는 화면에서, 링크된 다른 웹 페이지 화면이 선택되는 경우에 상기 다른 화면에 대응되는 자바스크립트(Javascript)를 이용하여 그 다른 화면을 표시하는 에치티엠엘(HTML)을 변경하여 상기 화면을 다른 화면으로 변경하며, 상기 표시된 계층과는 다른 계층을 표시하도록 선택되는 경우에는 상기 3차원 처리 언어와 자바 언어를 이용하여 상기 다른 계층을 표시하며(110 단계), 계층을 표시하는 화면에서 화면에 표시된 데이터의 일부가 변하는 경우에 변화되는 데이터의 성질에 따라 그 데이터에 대응되는 상기 3차원 처리 언어를 이용하거나 혹은 변화되는 상기 데이터에 대응되는 에치티엠엘을 처리하여 상기 변화된 데이터에 대응하는 화면 처리를 하게 된다(120 단계).This method of three-dimensional navigation of a web space using a language for three-dimensional processing on the Web and a Java language provides a general hierarchy of services provided by a given web site. In step (100), in a screen displaying one layer using a 3D processing language and a Java language, when another linked web page screen is selected, using a JavaScript corresponding to the other screen, If the screen is changed to another screen by changing the HTML to display another screen, and the screen is different from the displayed layer, the 3D processing language and the Java language are used. Another layer is displayed (step 110), and when the portion of the data displayed on the screen changes in the screen displaying the layer, In operation 120, the 3D processing language corresponding to the data is used or the ETML corresponding to the changed data is processed to perform screen processing corresponding to the changed data.
도 2는 본 발명에 따라 3차원적으로 웹 네비게이션을 하는 장치의 구성을 블록으로 도시한 것이다. 웹(Web)에서의 3차원 처리를 위한 언어와 자바(Java) 언어를 이용하여 웹 공간을 3차원적으로 네비게이션하는 이 장치는, 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하는 게층구조파악부(200), 상기 계층 중에서 한 계층을 상기 3차원 처리 언어와 상기 자바 언어를 이용해서 표시하며, 다른 계층을 표시하도록 선택되는 경우에는 해당하는 계층을 다시 표시하는 계층전환표시부(210), 계층전환표시부(210)에서 표시한 화면에서 링크된 다른 웹 페이지 화면이 선택되면 상기 다른 화면에 대응되는 자바스크립트(Javascript)를 이용하여 그 다른 화면을 표시하는 에치티엠엘(HTML)을 변경하여 화면을 다른 화면으로 변경하는 링크선택처리부(220), 계층전환표시부(210)에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변하는 데이터가 3차원 처리에 관련된 내용을 포함하는 경우 그 변하는 데이터에 대응하는 상기 3차원 처리 언어에 포함된 자바스크립트를 구동하고 상기 변하는 데이터에 대응하는 3차원 처리 언어를 이용하여 상기 변하는 데이터에 대응하는 3차원 처리를 실행하는 3차원이벤트처리부(240), 계층전환표시부(210)에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변하는 데이터가 3차원 처리에 관련된 내용을 포함하지 않는 경우 그 변하는 데이터에 대응하는 상기 3차원 처리 언어에 포함된 자바스크립트를 구동하여 에치티엠엘 처리를 준비하고, 그 변하는 데이터에 대응하는 자바 애플릿(applet)을 이용하여 상기 변하는 데이터에 대응하는 에치티엠엘을 처리하는 자바애플릿처리부(250) 및 링크선택처리부(220), 3차원이벤트처리부(240) 및 자바애플릿처리부(250)에서 처리된 내용을 사용자의 화면에 표시하는 화면표시부(260)를 포함한다.2 is a block diagram illustrating a configuration of an apparatus for three-dimensional web navigation according to the present invention. This device, which uses the language for three-dimensional processing on the web and the Java language, to navigate the web space three-dimensionally, grasps the hierarchical structure that grasps the overall hierarchical structure of the services provided by the web site. The unit 200 displays a layer from the layer using the 3D processing language and the Java language, and if it is selected to display another layer, the layer switching display unit 210 to display the corresponding layer again. When another web page screen linked from the screen displayed on the conversion display unit 210 is selected, the screen is changed by changing the HTML of the other screen using the JavaScript corresponding to the other screen. If a part of the data displayed on the screen is changed on the screen displayed by the link selection processing unit 220 and the hierarchical switching display unit 210 to change to another screen, If the data includes contents related to three-dimensional processing, the JavaScript included in the three-dimensional processing language corresponding to the changing data is driven and the three-dimensional processing language corresponding to the changing data is used to correspond to the changing data. When a part of the data displayed on the screen is changed on the screen displayed by the 3D event processor 240 and the hierarchical switching display 210 that executes the 3D processing, the changed data does not include the contents related to the 3D processing. Etchimell corresponding to the changing data is driven by preparing JavaScript processing by running JavaScript included in the 3D processing language corresponding to the changing data, and using a Java applet corresponding to the changing data. Java applet processing unit 250 and link selection processing unit 220, three-dimensional event processing unit 240 and Java apple processing It includes a screen display unit 260 for displaying the content processed by the processing unit 250 on the user's screen.
이때에 상기의 3차원 처리를 위한 언어에는 가상현실 모델링 언어(Virtual Reality Modeling Language; VRML), Java 3D, DirectX 3D 등과 같은 언어들이 있다. 본 발명을 적용하는 데에는 상기의 어떤 언어를 사용해도 본 발명이 실행된다. 종래의 화면은 x-y축으로만 화면을 설정할 수 있었으나 3차원 처리를 하면 zcnf으로까지 화면을 설정할 수 있으므로 종래의 2차원적인 설정에 비해 큰 영역에서 화면을 설정할 수 있어 효율적인 면이 커지게 된다.At this time, the languages for the 3D processing include languages such as Virtual Reality Modeling Language (VRML), Java 3D, DirectX 3D, and the like. In order to apply the present invention, the present invention is implemented in any of the above languages. In the conventional screen, the screen can be set only on the x-y axis. However, since the screen can be set up to zcnf by three-dimensional processing, the screen can be set in a large area compared to the conventional two-dimensional setting, thereby increasing the effective surface.
본 발명의 설명을 위해 3차원 처리를 위한 언어로 가상현실 모델링 언어(이하 VRML이라 함)을 사용해서 이하 설명을 진행한다. VRML의 표준에 대한 것은 ISO/IEC DIS 14772-1에 규정되어 있으며 이하 설명에서의 VRML에 대한 것은 상기의 표준에 따른 것이다.For the purpose of explanation, the following description will be made using a virtual reality modeling language (hereinafter referred to as VRML) as a language for three-dimensional processing. The standard for VRML is defined in ISO / IEC DIS 14772-1 and for the VRML in the description below is in accordance with the above standard.
VRML을 이용하는 경우 도 1의 방법과 도 2의 장치는 본 발명의 모습을 가지면서 약간 변형되며 이하 이에 따른 설명을 진행한다. 도 1의 방법이 변형된 것을 기술한다.In the case of using VRML, the method of FIG. 1 and the apparatus of FIG. 2 are slightly modified while having the appearance of the present invention, and will be described below. It describes a variant of the method of FIG.
도 1의 변형된 방법은 소정의 웹 사이트에서 제공하는 서비스의 전체적인 계층 구조를 파악하고(100 단계), 계층 중에서 한 계층을 표시하는 화면에서 링크된다른 웹 페이지 화면을 선택하는 경우에는 VRML에 포함된 상기 다른 화면에 대응되는 자바스크립트(JavaScript)를 이용하여 그 다른 화면을 표시하는 에치티엠엘(HTML)을 변경하며, 상기 표시된 계층과는 다른 계층을 표시하도록 선택되는 경우에는 VRML을 이용하여 상기 다른 계층을 표시하며(110 단계), 상기 계층을 표시하는 화면에서 화면에 표시된 데이터가 변하는 경우에 변화되는 데이터의 성질에 따라 그 데이터에 대응되는 VRML을 이용하거나 혹은 변화되는 상기 데이터에 대응되는 HTML을 처리하여 상기 변화된 데이터에 대응하는 화면 처리를 하게 된다(120 단계).The modified method of FIG. 1 grasps the overall hierarchical structure of the service provided by a given website (step 100), and is included in the VRML when selecting another linked web page screen from a screen displaying one hierarchy from among the hierarchies. The HTML corresponding to the other screen is changed using JavaScript corresponding to the other screen, and when it is selected to display a layer different from the displayed layer, the VRML is used. Another layer is displayed (step 110), and the HTML corresponding to the changed data is used or the VRML corresponding to the data is changed according to the nature of the data that is changed when the data displayed on the screen is changed on the screen displaying the hierarchy. Process the screen corresponding to the changed data (step 120).
네비게이션에 필요한 기능들은 하부 메뉴로의 이동, 선택한 웹 페이지를 로딩(loading)하고 다른 메뉴의 트리로 이동하는 것이 기본적인 요소이다. 추가적으로는 현재 사용자가 서비스를 이용하는 위치의 표시 및 관련 웹 페이지의 표시 등의 부가적인 정보를 제공하는 것이다.Basic functions include navigation to submenus, loading selected web pages, and tree navigation to other menus. In addition, it provides additional information such as the display of the location where the user is currently using the service and the display of the associated web page.
VRML과 자바 언어를 이용해서 본 발명에 따라 네비게이션 기능을 처리하는 일 실시예가 도 5에 표시되어 있다. 이의 설명을 위해 도 7 내지 도 12의 내용을 먼저 설명한다. 도 7은 본 발명에 따라 3차원으로 웹 네비게이션을 하는 메뉴 배치 화면의 일 예를 도시한 것이다.An embodiment of processing navigation functions in accordance with the present invention using VRML and the Java language is shown in FIG. 5. For the explanation, the contents of FIGS. 7 to 12 will be described first. 7 illustrates an example of a menu layout screen for web navigation in three dimensions according to the present invention.
도 7의 화면은 어떤 웹 사이트에서 제공하는 메뉴를 입체적으로 도시한 것이다. 제일 앞에 있는 MENU1 내지 MENU4는 그 사이트에서 제공하는 가장 상위의 서비스 항목을 나타낸다. 각 메뉴에는 하위 메뉴가 존재하며 각 메뉴를 선택하면 대응하는 하위 메뉴의 페이지로 이동하게 된다. 또한 LINK라고 표시된 부분들에는 VRML의 앵커(anchor) 객체가 달려있어 각각 대응되는 특정 페이지와 연결되어 있다. 즉 링크 메뉴를 선택하면 해당 웹 페이지로 이동하게 된다. 또한 BACK 메뉴는 이전 화면으로 가는 기능을 가지고 있어 이를 이용하여 이전의 페이지로 이동할 수 있다.The screen of FIG. 7 shows in three dimensions a menu provided by a web site. The frontmost MENU1 to MENU4 represent the highest service item provided by the site. Each menu has a sub menu, and selecting each menu moves to the page of the corresponding sub menu. In addition, the parts marked with LINK are anchored to VRML's anchor object, and are linked to each corresponding page. In other words, if you select the link menu, you will be taken to the web page. In addition, the BACK menu has the function to go to the previous screen, so you can move to the previous page by using it.
도 8은 도 7의 메뉴간의 연결 관계를 트리식의 계층으로 도시한 것이다. 예를 들어 (마우스와 같은 수단을 이용해서 네비게이터 화면에서 MENU1을 클릭하여) MENU1을 선택하면 화면에는 BACK LINK01 LINK02 LINK03의 메뉴가 표시되는 화면을 보게 될 것이다. 도 9 내지 도 12는 메뉴들이 배치된 것을 바라보는 시점과 어떤 메뉴를 선택했을 때에 그에 따라 시점이 이동하는 예들을 도시한 것이다. 이 도면들을 이용해 설명을 진행한다.FIG. 8 illustrates the connection relationship between the menus of FIG. 7 in a tree hierarchy. For example, if you select MENU1 (by clicking MENU1 on the Navigator screen using a mouse-like means), you will see a screen that displays the menu of BACK LINK01 LINK02 LINK03. 9 to 12 show examples of viewing a view of arrangement of menus and moving a view according to selection of a menu. The drawings will be used for explanation.
네비게이터를 이용해서 도 7 혹은 도 8과 같은 서비스 계층을 가진 사이트에 접속하면 도 9에서 camera01(900)의 시점(viewpoint)에서 바라본 MENU1(910) 내지 MENU4를 볼 수 있게 된다. 이때에 MENU1(910)의 하위 메뉴는 BACK(911), LINK01(912), LINK02(913), LINK03(914)가 될 것이다. 사용자가 MENU1(910)을 선택하면 시점은 camera01(900)에서 camera02로 변하게 되고 사용자가 보는 화면에는 BACK(911), LINK01(912), LINK02(913), LINK03(914)의 메뉴가 표시된다.When a user accesses a site having a service layer as shown in FIG. 7 or 8 using the navigator, MENU1 910 to MENU4 viewed from the viewpoint of camera01900 in FIG. 9 can be viewed. At this time, the lower menu of MENU1 910 will be BACK 911, LINK01 912, LINK02 913, and LINK03 914. When the user selects MENU1 910, the viewpoint changes from camera01 900 to camera02, and a menu of BACK 911, LINK01 912, LINK02 913, and LINK03 914 is displayed on the screen that the user sees.
도 10에서 사용자가 MENU2(920)을 선택하면 카메라의 시점은 camera03(904)로 이동하고 사용자는 BACK(921), LINK04(922), LINK05(923), MENU5(924)의 메뉴가 표시된 화면을 보게되며, 사용자가 MENU5(924)를 선택하면 시점은 camera04(906)으로 이동하여 사용자는 BACK(925), LINK06(926), LINK07(927), LINK08(928)의 메뉴가 표시된 화면을 표시하게 된다.In FIG. 10, when the user selects the MENU2 920, the camera's viewpoint moves to the camera03 904, and the user views the screen on which the menus of the BACK 921, LINK04 922, LINK05 (923), and MENU5 924 are displayed. When the user selects MENU5 (924), the view point moves to camera04 (906), which causes the user to display a screen displaying the menu of BACK (925), LINK06 (926), LINK07 (927), LINK08 (928). do.
도 11에서 사용자가 MENU3(930)을 선택하면 사용자의 시점은 camera05(908)로 이동하게 되고 사용자는 BACK(931), LINK09(932), LINK10(933), LINK11(934)의 메뉴가 표시된 화면을 보게 된다.In FIG. 11, when the user selects MENU3 (930), the user's viewpoint moves to camera05 (908), and the user displays the menu of BACK (931), LINK09 (932), LINK10 (933), and LINK11 (934). You will see
마찬가지로 도 12에서 사용자가 MENU4(940)을 선택하면 사용자의 시점은 camera06(909)로 이동하게 되고 사용자는 BACK(941), LINK09(942), LINK10(943), LINK11(944)의 메뉴가 표시된 화면을 보게 된다.Similarly, in FIG. 12, when the user selects MENU4 940, the user's viewpoint moves to camera06 909, and the user displays a menu of BACK 941, LINK09 942, LINK10 943, and LINK11 944. You will see the screen.
계층구조파악부(200)는 어떤 웹 사이트에 접속하여 네비게이션하기 위해 그 사이트에서 제공하는 서비스의 계층 구조를 파악한다(100 단계). 이를 위해서 그 사이트에서 제공하는 서비스를 계층적으로 소개하는 사이트에서 제공하는 데이터 파일을 이용할 수 있을 것이며 혹은 이전에 그 사이트를 방문했을 때에 얻은 자료에 의해서 파악할 수 있을 것이며 혹은 서비스의 계층 구조를 파악하기 위한 별도의 탐색 프로그램을 이용할 수 있을 것이다.The hierarchical structure detecting unit 200 grasps a hierarchical structure of a service provided by a site for accessing and navigating to a web site (step 100). To do this, you can use a data file provided by a site that provides a hierarchical introduction to the services offered by the site, or can be determined by the data you obtained when you visited the site before. A separate search program will be available.
계층전환표시부(210)는 상기 계층 중에서 한 계층에서 제공하는 서비스에 대한 메뉴를 VRML과 자바 언어를 이용해서 표시한다(110 단계). 예를 들면 도 7과 같이 표시할 수 있을 것이다. 또한 이와 같은 화면에서 다른 계층을 표시하도록 선택되는 경우에는 해당하는 계층을 다시 표시한다. 예를 들면 도 9에서 MENU1(901)을 사용자가 선택하면 camera02의 시점에서 BACK(911), LINK01(912), LINK02(913), LINK03(914)의 메뉴가 표시되게 된다.The layer switching display unit 210 displays a menu for a service provided by one of the layers using VRML and the Java language (step 110). For example, it may be displayed as shown in FIG. In addition, when the screen is selected to display another layer, the corresponding layer is displayed again. For example, when the user selects MENU1 901 in FIG. 9, a menu of BACK 911, LINK01 912, LINK02 913, and LINK03 914 is displayed at the camera02 point of view.
위의 과정은 도 5에서 한 시점(500)에서 메뉴를 표시하고 다른 화면으로 전환하는 경우 VRML 시점(viewpoint)을 전환하여(505) 다음 시점을 나타내는 앵커 객체를 이용하여 해당되는 화면으로 전환(510)하여 다른 시점(500)에서의 메뉴를 표시하게 된다.In the above process, when the menu is displayed at one time point 500 in FIG. 5 and is switched to another screen, the VRML view point is switched (505), and the screen is switched to the corresponding screen using an anchor object representing the next time point (510). To display a menu at another time point 500.
링크선택처리부(220)는 계층전환표시부(210)에서 표시한 화면에서 링크된 다른 웹 페이지 화면이 선택되면 상기 다른 화면에 대응되는 자바스크립트를 이용하여 그 다른 화면을 표시하는 HTML을 변경하여 화면을 다른 화면으로 변경한다(110 단계). 예를 들면 도 9에서 MENU1(910)을 선택한 후에 표시되는 메뉴들에서 LINK01(912) 내지 LINK03(914) 중의 한 링크를 선택하면 그 링크에 해당되는 페이지로 이동하게 된다.The link selection processing unit 220 changes the HTML displaying the other screen using a JavaScript corresponding to the other screen when the screen linked to the other web page is selected on the screen displayed by the hierarchical switching display unit 210 to display the screen. Change to another screen (step 110). For example, if one of links LINK01 912 to LINK03 914 is selected in the menus displayed after selecting MENU1 910 in FIG. 9, the page corresponding to the link is moved.
자바 언어는 코드를 작성한 후에 컴파일 과정을 거쳐서 생성된 내용을 HTML에 삽입하여 사용하지만 자바 스크립트는 직접 HTML에 해당 코드를 집어넣어 HTML과 함께 해석되어 사용된다. 따라서 자바스크립트를 사용하게 되면 필요한 코드를 작성하여 실행시키는 것이 간편하여지며 기능적으로 유연성이 높아지게 되는 장점이 있다.The Java language writes the code and compiles and inserts the generated content into the HTML. However, the Javascript is directly interpreted with the HTML by inserting the code directly into the HTML. Therefore, using JavaScript has the advantage that it is easy to write and execute the necessary code and increase the functional flexibility.
링크선택처리부(220)는 VRML의 앵커(anchor) 객체를 사용하여 상기 다른 화면인 해당 페이지 혹은 사이트의 유알엘(URL), 표시되는 화면의 내용을 나타내는 HTML인 타겟(target) 및 화면의 설명부분을 포함하는 디스크립션(Description)을 화면에 표시하는 것이 바람직하다. 이때에 디스크립션은 웹브라우저 화면의 하단에 표시되는 것이 일반적이다. 이 과정은 도 5의 참조번호 500 상태에서 링크를 선택하여 참조번호 515의 상태로 전환하는 것으로 도시되어 있다.The link selection processing unit 220 uses an anchor object of VRML to display a URL of the corresponding page or site, which is another screen, a target representing HTML, and a description of the screen. It is preferable to display a description including on the screen. In this case, the description is generally displayed at the bottom of the web browser screen. This process is shown by switching to the state of reference number 515 by selecting the link in the state 500 of FIG.
3차원처리자바스크립트구동부(230)는 계층전환표시부(210)에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변화되는 데이터가 3차원에 대한 데이터인지 아닌지를 판단한다(120 단계).If a part of the data displayed on the screen is changed in the screen displayed by the hierarchical switching display 210, the 3D processor driver 230 determines whether the changed data is data for 3D (step 120).
3차원이벤트처리부(240)는 계층전환표시부(210)에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변하는 데이터가 3차원 처리에 관련된 내용을 포함하는 경우 그 변하는 데이터에 대응하는 상기 3차원 처리 언어에 포함된 자바스크립트를 구동하고 상기 변하는 데이터에 대응하는 VRML을 이용하여 상기 변하는 데이터에 대응하는 3차원 처리를 실행한다(120 단계).The 3D event processing unit 240, when a part of the data displayed on the screen is changed in the screen displayed on the hierarchical switching display 210, the 3 corresponding to the changing data when the changing data includes the content related to the 3D processing In operation 120, the JavaScript included in the dimensional processing language is driven and the VRML corresponding to the changing data is used to execute the 3D processing corresponding to the changing data.
이를 위해 참조번호 120 단계는 상기 변하는 데이터에 대응하는 상기 가상현실 모델링 언어에 포함된 자바스크립트를 구동하여 3차원 처리를 준비하는 단계 및 상기 변하는 데이터에 대응하는 가상현실 모델링 언어를 이용하여 상기 변하는 데이터에 대응하는 3차원 처리를 하는 단계를 포함하는 것이 바람직하다.To this end, step 120 is to prepare a three-dimensional processing by driving the JavaScript included in the virtual reality modeling language corresponding to the changing data and the changing data using the virtual reality modeling language corresponding to the changing data It is preferable to include the step of performing a three-dimensional process corresponding to.
도 5에서 참조번호 505 상태에서 화면에 표시되는 데이터의 일부가 변하는 이벤트가 발생하는 경우, 예를 들면 사용자에 의해 혹은 다른 프로그램에 의해 발생되는 동작으로 인해서 화면에 표시된 데이터가 일부 변화하여 디스플레이된 내용이 변하는 경우에 VRML 내부에 포함시킨 자바스크립트가 동작하여(520) 그 이벤트가 VRML 이벤트, 즉 3차원적인 내용에 대한 경우라면 그 변하는 데이터에 대응되는 VRML을 이용하여(525) 3차원적인 처리를 하게 된다(530).In FIG. 5, when an event in which part of data displayed on the screen changes in the state of reference numeral 505 occurs, for example, the data displayed on the screen is partially changed due to an operation generated by a user or by another program. When the change is made, the JavaScript included in the VRML is operated (520). If the event is a VRML event, that is, a 3D content, the 3D processing is performed using the VRML corresponding to the changing data (525). 530.
자바애플릿처리부(250)는 계층전환표시부(210)에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변하는 데이터가 3차원 처리에 관련된 내용을 포함하지 않는 경우 그 변하는 데이터에 대응하는 VRML에 포함된 자바스크립트를 구동하여 HTML 처리를 준비하고, 그 변하는 데이터에 대응하는 자바 애플릿(applet)을 이용하여 상기 변하는 데이터에 대응하는 HTML을 처리한다(120 단계).Java applet processing unit 250, if a portion of the data displayed on the screen changes in the screen displayed by the hierarchical switching display 210, if the changing data does not include the content related to the three-dimensional processing to the VRML corresponding to the changing data The included JavaScript is driven to prepare the HTML processing, and the HTML corresponding to the changing data is processed by using a Java applet corresponding to the changing data (step 120).
이를 위해 참조번호 120 단계는 상기 변하는 데이터에 대응하는 상기 VRML에 포함된 자바스크립트를 구동하여 HTML 처리를 준비하는 단계 및 상기 변하는 데이터에 대응하는 자바 애플릿을 이용하여 상기 변하는 데이터에 대응하는 HTML을 처리하여 상기 변화된 데이터에 따라 화면을 처리하는 단계를 포함하는 것이 바람직하다.To this end, step 120 is to prepare the HTML processing by driving the JavaScript included in the VRML corresponding to the changing data and processing the HTML corresponding to the changing data using a Java applet corresponding to the changing data. And processing the screen according to the changed data.
도 5에서 참조번호 520 상태에서 3차원 처리에 관련된 내용이 아닌 HTML에 관련된 이벤트가 발생하는 경우에는 자바 애플릿을 이용하여 대응하는 HTML을 처리(535)하여 해당 웹 페이지를 처리하게 된다(540).In FIG. 5, when an event related to HTML other than the content related to 3D processing occurs in reference numeral 520, the corresponding HTML page is processed by processing a corresponding HTML using a Java applet (540).
도 5에서 참조번호 515의 상태와 참조번호 530 혹은 540의 차이는 전자는 네비게이션하는 화면 전체가 바뀌는 것이고 후자는 화면의 일부만이 바뀌어서 그에 대한 처리를 하는 것이다.In FIG. 5, the difference between the state of reference numeral 515 and reference numeral 530 or 540 is that the former changes the entire screen for navigation and the latter changes only a part of the screen to process the same.
화면표시부(260)는 링크선택처리부(220), 3차원이벤트처리부(240) 및 자바애플릿처리부(250)에서 처리된 내용을 사용자의 화면에 표시하여 네비게이션된 결과를 사용자에게 나타낸다.The screen display unit 260 displays the contents processed by the link selection processing unit 220, the 3D event processing unit 240, and the Java applet processing unit 250 on the user's screen to display the navigation results to the user.
위의 설명은 한 사이트에서만 이루어지는 것을 중점으로 설명된 것이지만 당연히 상기에 설명된 링크는 다른 사이트가 될 수도 있는 것이며, 다른 사이트에서도 상기에 설명된 동작이 그대로 일어나게 된다. 따라서 본 발명에 따른 3차원적인웹 네비게이션 방법은 소정의 웹 사이트에서 다른 웹 사이트로 이동하는 경우 참조번호 100 단계 내지 120 단계를 반복하는 것이 바람직하다.Although the above description focuses on only one site, the above-described link may be another site, and the above-described operation may be performed on the other site as it is. Therefore, in the three-dimensional web navigation method according to the present invention, it is preferable to repeat steps 100 to 120 when moving from a web site to another web site.
도 7 내지 도 12의 도면 중에서 도 8의 도면에 계층간의 연결을 표시하도록 그려져 있지만 다른 도면에서도 도 8의 도면에 표시된 계층간의 연결 관계를 표시하는 것이 가능하다. 또한 위에서의 설명처럼 변하는 시점마다 화면이 전부 변하면서 그에 대응되는 메뉴가 표시될 수도 있지만 사용자의 선택에 따라 도 9와 같은 화면(단 camera01 내지 camera06의 메뉴는 제외)을 표시하고 사용자가 직전에 선택한 메뉴를 더 밝게 혹은 다른 색으로 혹은 다른 모습으로 변화시키고 사용자가 선택한 메뉴에 따른 하부 메뉴들을(예를 들면 도 11에서 BACK(931), LINK09(932), LINK10(933), LINK11(934)의 메뉴들) 사용자의 눈에 더 잘 뜨이도록 별도의 표시를 하여 사용자가 현재 위치한 서비스를 명확하게 표시할 수도 있을 것이다.Although FIGS. 7 to 12 are drawn to show the connections between the layers in the drawing of FIG. 8, it is possible to display the connection relation between the layers shown in the drawing of FIG. In addition, as shown in the above description, the menu may be displayed while the screen is changed every time it changes, but according to the user's selection, the screen as shown in FIG. 9 (except for the menus of camera01 to camera06) is selected and the user immediately selects Change the menu to brighter or different colors or to different appearances and change the submenus according to the user-selected menu (e.g. BACK 931, LINK09 932, LINK10 933, LINK11 934 Menus) In addition, the user may clearly display the service where the user is currently located by displaying a separate display so as to be more visible to the user.
이를 위해 참조번호 110 단계 및 120 단계는 100 단계에서 파악된 계층 구조별로 사용자가 선택할 수 있는 서비스를 표시하는 메뉴를 사용자의 화면에 표시하며, 본 발명에 따른 3차원적인 웹 네비게이션 방법은 상기 표시된 메뉴 중에서 사용자가 선택한 메뉴에 따라 웹 페이지 이동을 하는 경우 상기 선택된 메뉴를 이전의 모습과는 다르게 표시함으로 해서 사용자가 사용하고 있는 서비스의 위치를 알수 있게 하는 단계를 더 포함하는 것이 바람직하다.To this end, steps 110 and 120 denote a menu displaying a service selectable by the user for each hierarchical structure identified in step 100 on the user's screen. In the case of moving the web page according to the menu selected by the user, it is preferable to further include the step of displaying the selected menu differently from the previous appearance so as to know the location of the service being used by the user.
상기와 같은 방법을 통해 VRML과 자바를 이용해서 3차원의 기능을 이용하는 사용자가 필요한 전용의 네비게이터 프로그램의 동작이 설명된 것이며, 상기의 설명을 바탕으로 본 발명이 속한 기술 분야에 통상을 지식을 가진 자는 용이하게 구현할 수 있을 것이다.Through the above method, the operation of a dedicated navigator program required by a user who uses a three-dimensional function using VRML and Java has been described, and based on the above description, those skilled in the art to which the present invention pertains. The chair will be easy to implement.
도 3은 본 발명에 따라 3차원적으로 웹 네비게이션을 하는 다른 방법의 흐름을 도시한 것이다. 웹에서의 3차원 처리를 위한 언어와 자바 언어를 이용하여 웹공간을 3차원적으로 네비게이션하는 이 방법은, 소정의 HTML 혹은 데이터베이스에서 네비게이션하는 화면에 표시될 내용에 관한 데이터를 포함하는 정보를 자바 애플릿으로 읽어들이며(300 단계), 읽어들인 데이터에서 네비게이션하는 화면에 표시될 내용에 대한 3차원 객체 정보와 상기 네비게이션 화면의 백그라운드의 3차원 처리를 위한 언어에서 상기 네비게이션하는 화면을 생성하는 기본적인 설정 정보를 이용하여 상기 자바 애플릿에서 3차원 네비게이션을 위한 네비게이터 화면을 생성한다(310 단계). 생성된 화면에 입력되는 유알엘(URL)에 따라 결정되는 소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하여(320), 계층들 중에서 한 계층을 상기 3차원 처리 언어와 상기 자바 언어를 이용해서 표시하는 화면에서, 링크된 다른 웹 페이지 화면이 선택되는 경우에 상기 다른 화면에 대응되는 자바스크립트를 이용하여 그 다른 화면을 표시하는 에치티엠엘을 변경하여 상기 화면을 다른 화면으로 변경하며, 상기 표시된 계층과는 다른 계층을 표시하도록 선택되는 경우에는 상기 3차원 처리 언어와 자바 언어를 이용하여 상기 다른 계층을 표시하며(330 단계), 계층을 표시하는 화면에서 화면에 표시된 데이터의 일부가 변하는 경우에 변화되는 데이터의 성질에 따라 그 데이터에 대응되는 상기 3차원 처리 언어를 이용하거나 혹은 변화되는 상기 데이터에 대응되는 에치티엠엘을 처리하여 상기 변화된 데이터에 대응하는 화면 처리를 하게된다(340 단계).Figure 3 illustrates the flow of another method of web navigation in three dimensions in accordance with the present invention. This method of three-dimensionally navigating a web space using a language for three-dimensional processing on the web and a Java language includes information about data including content about content to be displayed on a screen navigating in a predetermined HTML or database. Basic setting information for reading in an applet (step 300) and generating 3D object information on contents to be displayed on a screen for navigating from the read data and a language for 3D processing of a background of the navigation screen. In step 310, the Java applet generates a navigator screen for 3D navigation. The overall hierarchical structure of the services provided by a given web site determined according to the URL (URL) input to the generated screen is identified (320), and one of the hierarchies is used using the 3D processing language and the Java language. In the screen displayed by changing, when the other linked web page screen is selected, the screen is changed to another screen by changing the ETMT to display the other screen using JavaScript corresponding to the other screen. If it is selected to display a layer different from the displayed layer, the other layer is displayed using the 3D processing language and the Java language (step 330), and if a part of the data displayed on the screen is changed on the screen displaying the layer. The 3D processing language corresponding to the data may be used or changed depending on the nature of the data to be changed. Treat the chiti emel in corresponding to the data is the display process corresponding to the changed data (step 340).
도 4는 본 발명에 따라 3차원적으로 웹 네비게이션을 하는 다른 장치의 구성을 블록으로 도시한 것이다. 웹에서의 3차원 처리를 위한 언어와 자바 언어를 이용하여 웹공간을 3차원적으로 네비게이션하는 이 장치는, 네비게이션하는 화면에 표시될 내용에 관한 데이터를 포함하는 정보를 저장하는 데이터베이스부(400), 네비게이션하는 화면의 백그라운드의 3차원 처리를 위한 언어에서 네비게이션 화면 생성을 위한 기본적인 설정 정보를 저장하는 배경3차원자료저장부(420), 데이터베이스부(400) 및 배경3차원자료저장부(420)에 저장된 데이터를 입력으로 하여 3차원 객체 정보를 자바 애플릿을 이용하여 3차원 네비게이션을 위한 네비게이터 화면을 생성하는 자바애플릿처리부(410), 생성된 화면에 입력되는 유알엘(URL)에 따라 결정되는 소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하는 계층구조파악부(430), 상기 계층 중에서 한 계층을 3차원 처리 언어와 자바 언어를 이용해서 표시하며, 다른 계층을 표시하도록 선택되는 경우에는 해당하는 계층을 다시 표시하는 계층전환표시부(440), 계층전환표시부(440)에서 표시한 화면에서 링크된 다른 화면이 선택되면 상기 다른 화면에 대응되는 자바스크립트(Javascript)를 이용하여 그 다른 화면을 표시하는 HTML을 변경하여 화면을 다른 화면으로 변경하는 링크선택처리부(450), 계층전환표시부(440)에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변하는 데이터가 3차원 처리에 관련된 내용을 포함하는 경우 그 변하는 데이터에 대응하는 3차원 처리 언어에 포함된 자바스크립트를 구동하고 상기 변하는 데이터에 대응하는 3차원 처리 언어를 이용하여 상기 변하는 데이터에 대응하는 3차원 처리를 실행하는 3차원이벤트처리부(470), 계층전환표시부(440)에서 표시한 화면에서 화면에 표시된 데이터의 일부가 변하는 경우 그 변하는 데이터가 3차원 처리에 관련된 내용을 포함하지 않는 경우 그 변하는 데이터에 대응하는 3차원 처리 언어에 포함된 자바스크립트를 구동하여 HTML 처리를 준비하고, 그 변하는 데이터에 대응하는 자바 애플릿(applet)을 이용하여 상기 변하는 데이터에 대응하는 HTML을 처리하는 자바애플릿처리부(480) 및 링크선택처리부(450), 3차원이벤트처리부(470) 및 자바애플릿처리부(480)에서 처리된 내용을 사용자의 화면에 표시하는 화면표시부(490)를 포함한다.4 is a block diagram showing the configuration of another apparatus for web navigation in three dimensions according to the present invention. The apparatus for three-dimensionally navigating a web space using a language for three-dimensional processing on the web and a Java language includes a database unit 400 for storing information including data about contents to be displayed on a navigation screen. The background 3D data storage unit 420, the database unit 400, and the background 3D data storage unit 420 for storing basic setting information for generating a navigation screen in a language for 3D processing of a background of a navigation screen. Java applet processing unit 410 for generating a navigator screen for three-dimensional navigation using the Java applet to the three-dimensional object information as input to the data stored in the predetermined, predetermined according to the URL (URL) input to the generated screen Hierarchical structure detection unit 430 for identifying the overall hierarchical structure of services provided by the web site, one of the layers When the display is selected using a 3D processing language and a Java language, and another layer is selected to display another layer, another layer linked on the screen displayed by the layer switching display unit 440 or the layer switching display unit 440 to display the corresponding layer again. When a screen is selected, the link selection processing unit 450 and the hierarchical switching display unit 440 change the screen to another screen by changing HTML displaying the other screen using JavaScript corresponding to the other screen. When a part of the data displayed on the screen changes in one screen, when the changing data includes contents related to the 3D processing, the JavaScript included in the 3D processing language corresponding to the changing data is driven and the corresponding data is changed. Three-dimensional event processing unit 470 for executing three-dimensional processing corresponding to the changing data using a three-dimensional processing language ), When a part of the data displayed on the screen is changed on the screen displayed by the hierarchical switching display 440, and when the changing data does not include contents related to the 3D processing, the 3D processing language corresponding to the changing data is included. Java applet processing unit 480 and link selection processing unit 450, 3, which executes JavaScript to prepare HTML processing and processes HTML corresponding to the changing data by using a Java applet corresponding to the changing data. And a screen display unit 490 for displaying the content processed by the dimensional event processor 470 and the Java applet processor 480 on the user's screen.
상기의 3차원 처리를 위한 언어로는 가상현실 모델링 언어(Virtual Reality Modeling Language; VRML), Java 3D, DirectX 3D 등과 같은 언어들이 있다. 본 발명을 적용하는 데에는 도 1, 도 2에 대한 상기의 설명과 마찬가지로 상기의 어떤 언어를 사용해도 본 발명이 실행된다. 본 발명의 설명을 위해 3차원 처리를 위한 언어로 가상현실 모델링 언어(이하 VRML이라 함)을 사용해서 이하 설명을 진행한다. VRML을 이용하는 경우 도 3의 방법과 도 4의 장치는 본 발명의 모습을 가지면서 약간 변형되며 이하 이에 따른 설명을 진행한다.Languages for the 3D processing include languages such as Virtual Reality Modeling Language (VRML), Java 3D, DirectX 3D, and the like. In order to apply the present invention, the present invention is carried out using any of the above languages, similarly to the above description of FIGS. 1 and 2. For the purpose of explanation, the following description will be made using a virtual reality modeling language (hereinafter referred to as VRML) as a language for three-dimensional processing. In the case of using VRML, the method of FIG. 3 and the apparatus of FIG. 4 are slightly modified while having the appearance of the present invention, and the description thereof will be described below.
VRML과 자바 언어를 이용해서 도 3과 도 4의 본 발명에 따라 네비게이션 기능을 처리하는 일 실시예가 도 6에 표시되어 있다. 상기에 설명된 도 7 내지 도 12의 내용은 도 3, 도 4 및 도 6의 경우에도 똑같이 적용된다.An embodiment of processing navigation functions in accordance with the invention of FIGS. 3 and 4 using VRML and the Java language is shown in FIG. 6. 7 to 12 described above apply equally to the case of FIGS. 3, 4 and 6.
이하 도 3의 방법과 도 4의 구성을 참조하여 본 발명의 일 실시예의 동작인 도 6을 상세하게 설명한다. 이때에 상기에 설명된 도 1, 도 2 및 도 5에 대한 설명과 같은 과정은 상기의 설명으로 대신하고 상세한 설명은 생략할 것이다.Hereinafter, an operation of an embodiment of the present invention will be described in detail with reference to the method of FIG. 3 and the configuration of FIG. 4. In this case, the same process as the description of FIGS. 1, 2, and 5 described above will be replaced by the above description, and detailed description thereof will be omitted.
데이터베이스부(400)는 네비게이션하는 화면에 표시될 내용에 관한 데이터를 포함하는 정보를 저장한다. 이 정보들은 어떤 사이트에서 이전에 검색된 페이지에 대한 결과에 관련된 정보일 수도 있고, VRML의 노드 및 이미지(image)에 대한 데이터일 수도 있을 것이다. 이 데이터는 일반적인 형식의 데이터일 수도 있을 것이며 혹은 HTML의 형태로 저장될 수도 있을 것이다. 또한 이 데이터는 화면에 표시될 내용에 대한 파라메타(parameter) 및 태그(tag)를 포함하는 3차원 객체 정보일 수 있다. 이 데이터베이스부(400)는 도 6에서는 참조번호 600으로 표시되어 있다.The database unit 400 stores information including data about contents to be displayed on a screen for navigating. This information may be related to the results for pages previously retrieved from a site, or may be data about nodes and images in VRML. This data may be data in a general format or may be stored in HTML. In addition, the data may be three-dimensional object information including parameters and tags for the content to be displayed on the screen. This database unit 400 is indicated by the reference numeral 600 in FIG.
배경3차원자료저장부(420)는 네비게이션하는 화면의 백그라운드의 VRML에서 상기 네비게이션 화면 생성을 위한 기본적인 설정 정보를 저장한다. 배경3차원자료저장부(420)는 도 6에서 참조번호 630으로 표시되어 있다.The background 3D data storage unit 420 stores basic setting information for generating the navigation screen in the VRML of the background of the navigation screen. Background 3D data storage unit 420 is indicated by the reference numeral 630 in FIG.
자바애플릿처리부(410)는 데이터베이스부(400) 및 배경3차원자료저장부(420)에 저장된 데이터를 입력으로 하여(300 단계) 3차원 객체 정보를 자바 애플릿을 이용하여 3차원 네비게이션을 위한 네비게이터 화면을 생성한다(310 단계).The Java applet processing unit 410 receives the data stored in the database unit 400 and the background 3D data storage unit 420 (step 300), and uses the Java applet to display the 3D object information. Generate (step 310).
3차원 처리 언어가 VRML이면, 자바애플릿처리부(410)는 데이터베이스부(400)로부터 화면에 표시될 내용에 대한 파라메타(parameter) 및 태그(tag)를 포함하는 3차원 객체 정보를 로딩하는 로딩부(412) 및 로딩부(412)로부터의 3차원 객체 정보와 배경3차원자료저장부(420)로부터의 설정 정보를 입력으로 하여 3차원 네비게이터 화면을 생성하는 네비게이터생성부(414)를 포함하는 것이 바람직하다.If the 3D processing language is VRML, the Java applet processing unit 410 may load the 3D object information including parameters and tags for the content to be displayed on the screen from the database unit 400 ( And a navigator generation unit 414 for generating a 3D navigator screen by inputting 3D object information from the loading unit 412 and setting information from the background 3D data storage unit 420. Do.
도 6에서 자바애플릿처리부(410)는 참조번호 610으로 표시되어 있으며, 로딩부(412)는 참조번호 615의 로딩 모듈로 네비게이터생성부(414)는 참조번호 620으로표시되어 있다. 이런 과정을 통해 얻은 3차원 네비게티어(635)를 이용해서 사용자가 이용하려는 처음의 시점으로 이동하여 해당 웹 페이지를 읽어들여 그 사이트의 서비스들을 바라보는 시점을 설정하여 그에 따른 메뉴들을 보게되며 이 상태는 도 6의 참조번호 640에 표시되어 있다.In FIG. 6, the Java applet processing unit 410 is indicated by the reference numeral 610, and the loading unit 412 is the loading module of the reference numeral 615, and the navigator generation unit 414 is indicated by the reference numeral 620. Using this 3D navigator (635) obtained through this process, the user moves to the first point of time to use, reads the web page, sets the point of view of the services of the site, and views the menus accordingly. Is indicated at 640 in FIG.
이후의 도 3의 참조번호 320 내지 340의 단계는 도 1의 방법과, 도 4의 계층구조파악부(430) 이하의 구성부분들은 도 2의 장치의 구성부분들과 그리고 도 6의 참조번호 640 이하의 과정은 도 5의 과정과 동일하므로 더 이상의 설명은 생략한다.Subsequent steps 320 to 340 of FIG. 3 refer to the method of FIG. 1 and the components below the hierarchical structure detecting portion 430 of FIG. 4 are the components of the apparatus of FIG. 2 and the reference numeral 640 of FIG. 6. Since the following process is the same as the process of FIG. 5, further description is omitted.
도 3 및 도 4에 표시된 본 발명의 일실시예는 VRML 네비게이터를 범용적으로 구현하려는 목적에 사용할 수 있을 것이다. 즉 일반적인 파라미터와 태그들을 HTML 부분에 삽입하여 자바애플릿처리부(410)에 전송하여 VRML 네비게이터를 구성하는 것으로 일반적인 웹 브라우저 프로그램(예를 들면 Navigator 혹은 Internet Expolrer)에 VRML과 같은 3차원적인 처리를 위한 언어를 이용한 3차원 처리 모듈을 삽입하여 3차원 네비게이터의 기능을 하도록 하는 것이다.3 and 4 may be used for the purpose of universally implementing the VRML Navigator. In other words, it inserts general parameters and tags into HTML part and sends them to Java applet processing unit 410 to configure VRML Navigator. Language for 3D processing such as VRML in general web browser program (eg Navigator or Internet Expolrer) By inserting a 3D processing module using the function of the 3D Navigator.
도 13은 본 발명에 따라 VRML이 웹 브라우저에 삽입되어 기능을 수행하는 구조를 블록으로 도시한 것이다. 사용자가 사용하는 클라이언트 시스템(1300)은 일반적인 웹 브라우저 프로그램(1310) 및 VRML 보기용 플러그인(plug in) 프로그램(1320)을 포함하고 있으며, 일반 웹 호스팅 서버인 서비스 서버의 기능을 하는 HTML 내장 콤포넌트(1330)는 콤포넌트로서의 VRML 파일(1340)과 자바 애플릿 및 자바 EAI 클래스(1350)을 포함한다. EAI(Enternal Authoring Interface)는 VRML파일과 Java 애플릿을 연결시키는 기능을 한다. 상기 클라이언트 시스템(1300)과 HTML 내장 콤포넌트(1330)는 인터넷(1360)과 같은 통신망을 통해 연결된다.13 is a block diagram illustrating a structure in which a VRML is inserted into a web browser to perform a function according to the present invention. The client system 1300 used by the user includes a general web browser program 1310 and a plug-in program 1320 for viewing the VRML, and includes an HTML embedded component that functions as a service server which is a general web hosting server. 1330 includes a VRML file 1340 as a component and a Java applet and a Java EAI class 1350. The EAI (Enternal Authoring Interface) connects VRML files with Java applets. The client system 1300 and the HTML embedded component 1330 are connected through a communication network such as the Internet 1360.
도 14는 도 1 및 도 2의 개시된 본 발명에 따른 네비게이터로 네비게이션을 하는 화면의 일예를 도시한 것이다. 참조번호 1400의 화면에 1410의 화면이 중첩된 것을 표시하고 있다. 참조번호 1410에 도시된 각 메뉴는 네비게이션 시점 변화의 정보를 가지고 다음 메뉴로 화면을 이동할 수 있게 한다. 또한 각 메뉴의 하위에 링크된 객체(line object)를 삽입하여 그 링크를 택하면 해당 웹 페이지로 이동하게 되고 앞에서 설명된 것처럼 선택된 메뉴는 이전의 모습과 다르게 예를 들면 약간 움직이는 에니메이션 효과를 주거나 혹는 밝게 빛나는 효과를 주어 현재의 위치를 표시하게 할 수 있다.FIG. 14 illustrates an example of a screen for navigating with the navigator according to the present invention disclosed in FIGS. 1 and 2. The screen 1410 overlaps the screen 1400. Each menu shown at 1410 makes it possible to move the screen to the next menu with the information of the navigation viewpoint change. You can also insert a line object below each menu and select the link to go to the web page, and as previously explained, the selected menu will give you a slightly animated animation effect, unlike the previous one. You can give a bright glow to indicate your current location.
상기에 설명된 바와 같이 상기의 설명은 웹상에서의 3차원 처리를 위한 언어로 VRML을 사용하여 예가 들어졌으나 다른 3차원 처리를 위한 언어를 사용해도 같은 결과를 얻을 수 있는 것이다. 따라서 본 발명이 VRML만으로 한정되지 않는다는 것은 본 발명이 속한 기술 분야에 통상의 지식을 가진 사람에게는 자명할 것이다As described above, the above description is given using VRML as a language for three-dimensional processing on the web, but the same result can be obtained by using a language for other three-dimensional processing. Therefore, it will be apparent to those skilled in the art that the present invention is not limited to VRML.
그리고 상기의 설명에 포함된 예들은 본 발명에 대한 이해를 위해 도입된 것이며, 이 예들은 본 발명의 사상과 범위를 한정하지 않는다. 상기의 예들 외에도 본 발명에 따른 다양한 실시 태양이 가능하다는 것은, 본 발명이 속한 기술 분야에 통상의 지식을 가진 사람에게는 자명할 것이다. 또한 상기의 실시예에서는 인터넷을 통한경우를 예시하였으나, 다른 통신망, 예를 들어 공중전화망을 이용하여 구현하는 것도 이미 언급한 바와 같이 가능하며, 본 발명이 일반적인 프로그래밍 기법을 이용하여 소프트웨어적으로 또는 하드웨어적으로 다양하게 구현할 수 있다는 것은 이 분야에 통상의 기술을 가진 자라면 용이하게 알 수 있는 것이다.And examples included in the above description are introduced for the understanding of the present invention, these examples do not limit the spirit and scope of the present invention. It will be apparent to those skilled in the art that various embodiments in accordance with the present invention in addition to the above examples are possible. In addition, in the above embodiment is illustrated through the Internet, it is possible to implement using another communication network, for example, a public telephone network, as already mentioned, the present invention is software or hardware using a general programming technique The various implementations can be easily understood by those skilled in the art.
그리고 본 발명의 일부 단계들은, 또한, 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록장치를 포함한다. 컴퓨터가 읽을 수 있는 기록매체의 예로는 ROM, RAM, CD-ROM, CD-RW, 자기 테이프, 플로피디스크, HDD, 광 디스크, 광자기 저장장치 등이 있으며, 또한 캐리어 웨이브(예를 들어 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다. 또한 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분산되어, 분산방식으로 컴퓨터가 읽을 수 있는 코드로 저장되고 실행될 수 있다.And some steps of the invention may also be embodied as computer readable code on a computer readable recording medium. The computer-readable recording medium includes all kinds of recording devices in which data that can be read by a computer system is stored. Examples of computer-readable recording media include ROM, RAM, CD-ROM, CD-RW, magnetic tape, floppy disks, HDDs, optical disks, magneto-optical storage devices, and carrier wave (eg, Internet It also includes the implementation in the form of). The computer readable recording medium can also be distributed over network coupled computer systems so that the computer readable code is stored and executed in a distributed fashion.
본 발명에 의하면, 웹에서의 3차원 처리를 위한 언어와 자바 언어를 이용하여 웹공간을 3차원적으로 네비게이션하는 방법에 있어서, 소정의 웹 사이트에서 제공하는 서비스들의 전체적인 계층 구조를 파악하고, 계층 중에서 한 계층을 3차원 처리 언어와 자바 언어를 이용해서 표시하는 화면에서, 링크된 다른 웹 페이지 화면이 선택되는 경우에 다른 화면에 대응되는 자바스크립트를 이용하여 그 다른 화면을 표시하는 HTML을 변경하여 다른 화면으로 변경하며, 표시된 계층과는 다른 계층을 표시하도록 선택되는 경우에는 3차원 처리 언어와 자바 언어를 이용하여 상기 다른 계층을 표시하며, 상기 계층을 표시하는 화면에서 화면에 표시된 데이터의 일부가 변하는 경우에 변화되는 데이터의 성질에 따라 그 데이터에 대응되는 3차원 처리 언어를 이용하거나 혹은 변화되는 상기 데이터에 대응되는 HTML을 처리하여 변화된 데이터에 대응하는 화면 처리를 함으로 해서, 복잡한 구조의 다양한 웹 페이지간의 연결을 도식적으로 표시하여 웹에서의 네비게이션을 쉽게하고 현재 사용자가 사용하고 있는 웹 페이지의 위치를 3차원으로 표시가 가능하며, 그 페이지와 연결된 다른 페이지들간의 관계를 시각적으로 확인할 수 있어, 웹을 네비게이션하는 환경이 더욱 쉽고 편하게 되며 직관적으로 사용할 수 있게 되어, 인터넷과 같은 통신망을 통한 사용 환경이 극도로 개선되게 된다.According to the present invention, in a method for three-dimensional navigation of a web space using a language for three-dimensional processing on the web and a Java language, grasping the overall hierarchical structure of services provided by a given web site, In the screen displaying one layer using the 3D processing language and the Java language, when the linked other web page screen is selected, the HTML for displaying the other screen is changed by using JavaScript corresponding to the other screen. If the screen is changed to another screen and a layer different from the displayed layer is selected, the other layer is displayed using a 3D processing language and a Java language, and a part of the data displayed on the screen is displayed on the screen displaying the layer. In case of change, the 3D processing language corresponding to the data is used according to the nature of the data. By processing the HTML corresponding to the changed data or the screen processing corresponding to the changed data, it is possible to easily display navigation between the various web pages of a complicated structure to facilitate navigation on the web and to be used by the current user. The location of web pages can be displayed in three dimensions, and the relationships between the pages and other linked pages can be visually checked, making the web navigation environment easier and more convenient and intuitive to use. The use environment is extremely improved.
Claims (25)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020000041907A KR20020008299A (en) | 2000-07-21 | 2000-07-21 | 3-dimensional web navigation method and apparatus |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020000041907A KR20020008299A (en) | 2000-07-21 | 2000-07-21 | 3-dimensional web navigation method and apparatus |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| KR20020008299A true KR20020008299A (en) | 2002-01-30 |
Family
ID=19679181
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020000041907A KR20020008299A (en) | 2000-07-21 | 2000-07-21 | 3-dimensional web navigation method and apparatus |
Country Status (1)
| Country | Link |
|---|---|
| KR (1) | KR20020008299A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR100879983B1 (en) * | 2006-09-01 | 2009-01-23 | 삼성전자주식회사 | Independence component providing system using html component and event proecssing method thereof |
-
2000
- 2000-07-21 KR KR1020000041907A patent/KR20020008299A/en active IP Right Grant
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR100879983B1 (en) * | 2006-09-01 | 2009-01-23 | 삼성전자주식회사 | Independence component providing system using html component and event proecssing method thereof |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20210357101A1 (en) | System and Method for Providing Three-Dimensional Graphical User Interface | |
| US6271840B1 (en) | Graphical search engine visual index | |
| US8533580B1 (en) | System and method of navigating linked web resources | |
| JP4290871B2 (en) | A computer system for the display and interaction of data organized in a hierarchical data structure. | |
| US6938218B1 (en) | Method and apparatus for three dimensional internet and computer file interface | |
| US5675753A (en) | Method and system for presenting an electronic user-interface specification | |
| KR101512084B1 (en) | Web search system for providing 3 dimensional web search interface based virtual reality and method thereof | |
| US20020107892A1 (en) | Dynamic tree control system | |
| CN107818162A (en) | Bury a processing method, device, computer equipment and storage medium | |
| US20120151408A1 (en) | Dynamic network browser | |
| CN104216691A (en) | Application creating method and device | |
| US20050116966A1 (en) | Web imaging serving technology | |
| KR20140028029A (en) | Presentation format for an application tile | |
| JPH08287288A (en) | Plurality of side annotations interactive three-dimensional graphics and hot link | |
| WO2008019000A2 (en) | Web presence using cards | |
| US20140118405A1 (en) | Providing images with zoomspots | |
| KR20120139716A (en) | Method and system for organizing information with a sharable user interface | |
| US20020174121A1 (en) | Information management system and method | |
| KR20100124708A (en) | A method, module and device for displaying graphical information | |
| US8230319B2 (en) | Web-based visualization, refresh, and consumption of data-linked diagrams | |
| CN110990431A (en) | Method for realizing synchronous linkage carousel of China map and line graph data | |
| Jern | Information drill-down using web tools | |
| KR100989080B1 (en) | Method and System for experiential knowledge associated with spatial and temporal information | |
| KR20020008299A (en) | 3-dimensional web navigation method and apparatus | |
| Cammack | New map design challenges: Interactive map products for the World Wide Web |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A201 | Request for examination | ||
| E902 | Notification of reason for refusal | ||
| E701 | Decision to grant or registration of patent right | ||
| NORF | Unpaid initial registration fee |