KR100714718B1 - Three dimensional motion graphic user interface, method and apparutus for providing the user interface - Google Patents

Three dimensional motion graphic user interface, method and apparutus for providing the user interface Download PDF

Info

Publication number
KR100714718B1
KR100714718B1 KR1020060042626A KR20060042626A KR100714718B1 KR 100714718 B1 KR100714718 B1 KR 100714718B1 KR 1020060042626 A KR1020060042626 A KR 1020060042626A KR 20060042626 A KR20060042626 A KR 20060042626A KR 100714718 B1 KR100714718 B1 KR 100714718B1
Authority
KR
South Korea
Prior art keywords
information
space
component
polyhedron
polyhedron component
Prior art date
Application number
KR1020060042626A
Other languages
Korean (ko)
Other versions
KR20060058082A (en
Inventor
강현주
김성우
옥준호
이정봉
우주경
Original Assignee
삼성전자주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성전자주식회사 filed Critical 삼성전자주식회사
Priority to KR1020060042626A priority Critical patent/KR100714718B1/en
Publication of KR20060058082A publication Critical patent/KR20060058082A/en
Application granted granted Critical
Publication of KR100714718B1 publication Critical patent/KR100714718B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00Image analysis
    • G06T7/70Determining position or orientation of objects or cameras
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T19/00Manipulating 3D models or images for computer graphics
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00Indexing scheme for image data processing or generation, in general
    • G06T2200/24Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]

Abstract

본 발명은 3차원 모션 그래픽 사용자 인터페이스에 관한 발명으로서, 본 발명의 실시에 따른 사용자 인터페이스를 제공하는 장치는 사용자로부터의 입력을 수신하는 입력 모듈 및 정보 객체를 표시하는 그래픽 사용자 인터페이스를 출력하는 출력 모듈을 포함하는데, 상기 그래픽 사용자 인터페이스는 제1 다면체 컴포넌트가 존재하는 제1 공간 및 제2 다면체 컴포넌트가 존재하는 제2 공간을 포함하며, 상기 제1 다면체 컴포넌트는 상기 제2 다면체 컴포넌트를 식별하는 식별 정보를 포함하고, 상기 수신한 입력에 대응하여 선택된 정보 객체가 상기 제1 다면체 컴포넌트의 내부에 위치하는 경우에, 상기 선택된 정보 객체는 상기 식별 정보를 이용하여 상기 제2 다면체 컴포넌트의 내부로 이동한다. The present invention relates to a three-dimensional motion graphical user interface, wherein an apparatus for providing a user interface according to an embodiment of the present invention provides an input module for receiving an input from a user and an output module for outputting a graphical user interface for displaying an information object. Wherein the graphical user interface includes a first space in which a first polyhedron component exists and a second space in which a second polyhedron component exists, wherein the first polyhedron component identifies information identifying the second polyhedron component. Wherein, when the selected information object corresponding to the received input is located inside the first polyhedron component, the selected information object moves to the inside of the second polyhedron component using the identification information.

3차원 모션 그래픽 사용자 인터페이스, 이벤트 헬퍼 3D motion graphical user interface, event helper

Description

3차원 모션 그래픽 사용자 인터페이스 및 이를 제공하는 방법 및 장치{Three dimensional motion graphic user interface, method and apparutus for providing the user interface} Three dimensional motion graphic user interface, method and apparutus for providing the user interface

도 1은 종래의 PC 운영체제에서 지원하는 그래픽 사용자 인터페이스(Graphic User Interface) 컴포넌트를 사용한 UI를 나타내는 예시도이다.1 is an exemplary view showing a UI using a Graphic User Interface component supported by a conventional PC operating system.

도 2는 본 발명의 실시예에 따른 모션 그래픽 사용자 인터페이스의 전체 구성을 보여주는 예시도이다.2 is an exemplary view showing an overall configuration of a motion graphic user interface according to an embodiment of the present invention.

도 3은 본 발명의 실시예에 따른 모션 그래픽 사용자 인터페이스의 구성요소인 다면체 컴포넌트의 일 실시예를 보여주는 예시도이다.3 is an exemplary diagram illustrating an embodiment of a polyhedron component that is a component of a motion graphic user interface according to an embodiment of the present invention.

도 4a는 본 발명의 실시예에 따라 다면체 컴포넌트의 면에 정보가 매핑(Mapping)되고 있음을 나타내는 예시도이다.4A is an exemplary diagram illustrating that information is mapped onto a surface of a polyhedron component according to an exemplary embodiment of the present invention.

도 4b는 본 발명의 실시예에 따라 다면체 컴포넌트의 면에 매핑(Mapping)되는 정보가 3차원 입체형 정보인 경우를 나타내는 예시도이다.4B is an exemplary diagram illustrating a case where information mapped to a surface of a polyhedron component is 3D stereoscopic information according to an embodiment of the present invention.

도 5는 본 발명에 실시예에 따른 3차원 모션 그래픽 사용자 인터페이스를 제공하는 장치의 구성을 나타내는 블록도이다.5 is a block diagram showing the configuration of an apparatus for providing a three-dimensional motion graphical user interface according to an embodiment of the present invention.

도 6은 도 5에서 도시하고 있는 사용자 인터페이스 모듈의 상세 구성을 나타내는 예시도이다.6 is an exemplary diagram illustrating a detailed configuration of a user interface module illustrated in FIG. 5.

도 7은 본 발명에 실시예에 따라 사용자의 작용(Action)에 의해 다면체 컴포넌트의 모션이 발생하는 과정을 보여주는 플로우차트이다.FIG. 7 is a flowchart illustrating a process of generating motion of a polyhedron component by an action of a user according to an exemplary embodiment of the present invention.

도 8은 본 발명에 실시예에 따른 다면체 컴포넌트의 모션(Motion) 중 위치가 이동되는 모습을 나타내는 예시도이다.FIG. 8 is an exemplary view illustrating a position of a polyhedron component moving in motion according to an embodiment of the present invention.

도 9는 본 발명에 실시예에 따른 다면체 컴포넌트의 모션(Motion) 중 크기가 변하는 모습을 나타내는 예시도이다.9 is an exemplary view illustrating a state in which a size of a polyhedron component is changed during motion according to an embodiment of the present invention.

도 10은 본 발명에 실시예에 따른 다면체 컴포넌트의 모션(Motion) 중 회전하는 모습을 나타내는 예시도이다.FIG. 10 is an exemplary diagram illustrating a state in which a polyhedron component rotates in motion according to an embodiment of the present invention.

도 11은 본 발명에 실시예에 따른 다면체 컴포넌트의 모션(Motion) 중 스프링 락(Spring Lock)의 모습을 나타내는 예시도이다.FIG. 11 is an exemplary view illustrating a spring lock during motion of a polyhedron component according to an exemplary embodiment of the present invention.

도 12a는 본 발명에 실시예에 따른 카메라 뷰(Camera View)의 움직임에 따라 다면체 컴포넌트의 모션이 발생하는 모습을 나타내는 예시도이다.12A is an exemplary diagram illustrating a motion of a polyhedron component according to a movement of a camera view according to an embodiment of the present invention.

도 12b는 본 발명에 실시예에 따라 활성 공간(Active Space)과 비활성 공간(Inactive Space)의 분할에 따른 MGUI 공간의 변화를 나타내는 예시도이다.12B is an exemplary diagram illustrating a change in MGUI space according to division of an active space and an inactive space according to an embodiment of the present invention.

도 13은 본 발명에 실시예에 따라 다수의 다면체 컴포넌트로 이루어진 사용자 인터페이스에 의해 정보가 표시되는 과정을 나타내는 플로우차트이다.13 is a flowchart illustrating a process of displaying information by a user interface composed of a plurality of polyhedral components according to an embodiment of the present invention.

도 14 내지 도 19는 본 발명에 실시예에 따라 다수의 다면체 컴포넌트로 이루어진 그룹을 배치하는 모습을 나타내는 예시도이다.14 to 19 is an exemplary view showing the arrangement of a group consisting of a plurality of polyhedral components in accordance with an embodiment of the present invention.

도 20은 본 발명의 실시예에 따라 공간 점프 이벤트 헬퍼에 의하여 동영상 객체가 공간 이동되는 것을 나타내는 예시도이다.20 is an exemplary diagram illustrating that a video object is spatially moved by a space jump event helper according to an embodiment of the present invention.

도 21은 본 발명의 실시예에 따른 공간 점프 이벤트 헬퍼의 동작 과정을 나타내는 플로우차트이다. 21 is a flowchart illustrating an operation process of a space jump event helper according to an embodiment of the present invention.

도 22a 내지 도 22d는 본 발명의 실시예에 따른 공간 점프 이벤트 헬퍼 간의 경로 지정 방법을 나타내는 예시도이다.22A to 22D are exemplary views illustrating a path designation method between space jump event helpers according to an exemplary embodiment of the present invention.

도 23은 본 발명의 실시예에 따른 공간 점프 이벤트 헬퍼를 이용한 정보 객체의 공간 이동을 나타내는 예시도이다.23 is an exemplary diagram illustrating spatial movement of an information object using a space jump event helper according to an embodiment of the present invention.

도 24는 본 발명의 또다른 실시예에 따른 공간 점프 이벤트 헬퍼를 이용한 정보 객체의 공간 이동을 나타내는 예시도이다.24 is an exemplary diagram illustrating spatial movement of an information object using a spatial jump event helper according to another embodiment of the present invention.

도 25a 및 도 25b는 본 발명의 실시예에 따른 공간 점프 이벤트 헬퍼를 이용한 작업 공간의 이동을 나타내는 예시도이다.25A and 25B are exemplary views illustrating movement of a work space using a space jump event helper according to an exemplary embodiment of the present invention.

도 26는 본 발명의 실시예에 따라 이벤트 헬퍼의 모션을 나타내는 예시도이다.26 is an exemplary diagram illustrating a motion of an event helper according to an embodiment of the present invention.

<도면의 주요 부분에 대한 부호의 설명><Explanation of symbols for the main parts of the drawings>

500: 사용자 인터페이스 제공 장치500: user interface device

510: 입력 모듈510: input module

520: 사용자 인터페이스 모듈520: user interface module

530: 제어 모듈530: control module

540: 출력 모듈540: output module

550: 저장 모듈550: storage module

본 발명은 3차원 모션 그래픽 사용자 인터페이스(Motion Graphic User Interface; 이하 'MGUI'라 칭한다)및 이를 제공하는 방법 및 장치에 관한 것으로서, 더욱 상세하게는 사용자에 의한 작용(Action)에 따라 동적으로 변화하는 3차원 사용자 인터페이스로 정보를 제공함으로써, 시각적 효과를 높이고 정보 사용의 효율성을 높이는 사용자 인터페이스 제공 방법 및 장치에 관한 것이다. The present invention relates to a three-dimensional motion graphic user interface (hereinafter referred to as 'MGUI') and a method and apparatus for providing the same. More particularly, the present invention relates to a dynamic graphic user interface that dynamically changes according to an action by a user. By providing information in a three-dimensional user interface, and relates to a method and apparatus for providing a user interface to enhance the visual effect and the efficiency of information use.

기존의 디지털 장치의 사용자 인터페이스(User Interface; 이하 UI라 함)는 PC 운영체제의 그래픽 사용자 인터페이스의 컴포넌트들을 사용하고 있다. 따라서, 2차원 UI가 주류를 이루고 3차원 UI라 하더라도 정적이고 기존의 2차원 UI의 특징을 벗어나지 못한 것이 대부분이다. A user interface (hereinafter referred to as a UI) of a conventional digital device uses components of a graphical user interface of a PC operating system. Therefore, even though two-dimensional UI is mainstream and three-dimensional UI, it is mostly static and does not escape the characteristics of the existing two-dimensional UI.

도 1은 종래의 PC 운영체제에서 지원하는 그래픽 사용자 인터페이스(Graphic User Interface, 이하 'GUI'라 한다) 컴포넌트를 사용한 UI를 나타내는 예시도이다.1 is an exemplary diagram illustrating a UI using a Graphic User Interface (GUI) component supported by a conventional PC operating system.

종래의 UI들은 2차원의 UI로서 평면적이고 정적이다. 따라서 UI에 의해 표시되는 정보의 형태도 문서 중심이 되어 사용자의 감성을 만족시키기에는 부족하고 시각적으로 정보를 효과적으로 제공하는데는 한계가 있었다. 종래의 GUI가 제공하는 컴포넌트에는 3차원 컴포넌트도 존재하나 아직까지 2차원의 개념을 벗어나지 못하고 있으며, 이로인해 시각적으로는 3차원으로 보이지만 사용방식에서는 3차원의 장점이 많이 활용되지 못하고 있다. 모든 디지털 장치들에 PC 운영체제의 GUI가 적 합한 것이 아니고, 특히 멀티미디어 컨텐츠를 제공하는 장치의 경우 사용자의 감성을 만족시키고 엔터테인먼트의 기능을 제공하기에는 기존의 UI는 한계를 갖는다. 이에 여러 발명(예를 들면, 미국 등록 특허 6,344,863 '다양한 속도의 원근 이동을 하는 3차원 GUI 윈도우즈(Three-dimensional gui windows with variable-speed perspective movement)' 발명)이 제시되었으나 상술한 문제는 여전히 해결되지 않고 있다. 이에 다양한 컨텐츠를 제공하는 디지털 장치들을 위한 동적이고 실감나는 UI가 필요하게 되었다. Conventional UIs are flat and static as two-dimensional UIs. Therefore, the type of information displayed by the UI is also document-oriented, which is insufficient to satisfy the user's emotion, and there is a limit in providing information visually effectively. Although there are three-dimensional components in the components provided by the conventional GUI, it has not yet escaped from the concept of two-dimensional. As a result, the three-dimensional merits are not utilized much in the use method. The GUI of the PC operating system is not suitable for all digital devices, and in particular, a device providing multimedia contents has a limitation in the existing UI in order to satisfy user's emotions and provide entertainment functions. However, various inventions have been proposed (for example, US Patent No. 6,344,863, 'Three-dimensional gui windows with variable-speed perspective movement'), but the above-mentioned problems are still not solved. It is not. Accordingly, there is a need for a dynamic and realistic UI for digital devices that provide various contents.

본 발명은 상기한 문제점을 개선하기 위해 안출된 것으로, 본 발명은 3차원 컴포넌트를 이용하는 UI를 제공함으로써 직관적이고 사용자의 감성을 만족시키는 정보 제공 방법 및 장치를 제공하는데 그 목적이 있다. The present invention has been made to solve the above problems, and an object of the present invention is to provide a method and apparatus for providing information that is intuitive and satisfies user's emotion by providing a UI using a three-dimensional component.

본 발명의 목적들은 이상에서 언급한 목적들로 제한되지 않으며, 언급되지 않은 또 다른 목적들은 아래의 기재로부터 당업자에게 명확하게 이해될 수 있을 것이다. The objects of the present invention are not limited to the above-mentioned objects, and other objects that are not mentioned will be clearly understood by those skilled in the art from the following description.

상기 목적을 달성하기 위하여, 본 발명의 실시에 따른 그래픽 사용자 인터페이스는 제1 공간에 존재하는 제1 다면체 컴포넌트 및 제2 공간에 존재하는 제2 다면체 컴포넌트를 포함하는데, 상기 제1 다면체 컴포넌트는 상기 제2 다면체 컴포넌트를 식별하는 식별 정보를 포함하고, 사용자에 의해 선택된 정보 객체가 상기 제1 다면체 컴포넌트의 내부에 위치하는 경우에, 상기 정보 객체는 상기 식별 정보를 이용하여 상기 제2 다면체 컴포넌트의 내부로 공간 이동한다.In order to achieve the above object, a graphical user interface according to an embodiment of the present invention includes a first polyhedron component present in a first space and a second polyhedron component present in a second space, wherein the first polyhedron component comprises: An identification object identifying a two polyhedron component, wherein when the information object selected by the user is located inside of the first polyhedron component, the information object uses the identification information to enter into the second polyhedron component Space moves.

상기 목적을 달성하기 위하여, 본 발명의 실시에 따른 그래픽 사용자 인터페이스를 제공하는 장치는 다른 공간에 존재하는 다면체 컴포넌트에 대한 식별 정보를 포함하는 다면체 컴포넌트를 생성하는 제어 모듈과, 상기 제어 모듈에 의해 생성된 다면체 컴포넌트를 저장하는 저장 모듈과, 사용자에 의하여 선택된 정보 객체의 위치 정보를 입력받는 입력 모듈과, 상기 정보 객체의 위치 정보와 상기 제어 모듈에 의해 생성된 다면체 컴포넌트의 위치 정보를 비교하여 상기 정보 객체가 상기 생성된 다면체 컴포넌트의 내부에 위치하는 경우에, 상기 정보 객체가 상기 식별 정보에 의해 식별되는 다면체 컴포넌트의 내부에 위치하도록 상기 정보 객체의 위치 정보를 변경하는 사용자 인터페이스 모듈, 및 상기 사용자 인터페이스 모듈에 의해 처리된 결과를 디스플레이하는 출력 모듈을 포함한다.In order to achieve the above object, an apparatus for providing a graphical user interface according to an embodiment of the present invention is a control module for generating a polyhedron component including identification information for a polyhedron component existing in another space, and generated by the control module A storage module for storing the polyhedron component, an input module for receiving location information of the information object selected by the user, and location information of the information object and position information of the polyhedron component generated by the control module. A user interface module for changing location information of the information object so that the information object is located inside a polyhedron component identified by the identification information, when an object is located inside the generated polyhedron component, and the user interface Results processed by the module And an output module for displaying.

상기 목적을 달성하기 위하여, 본 발명의 실시에 따른 그래픽 사용자 인터페이스를 제공하는 방법은 사용자에 의하여 선택된 정보 객체가 다른 공간에 존재하는 다면체 컴포넌트에 대한 식별 정보를 포함하는 다면체 컴포넌트로 이동하는 (a) 단계와, 상기 정보 객체가 상기 식별 정보를 포함하는 다면체 컴포넌트의 내부에 위치하는 (b) 단계, 및 상기 정보 객체가 상기 식별 정보에 의해 식별되는 다면체 컴포넌트의 내부로 공간 이동하는 (c) 단계를 포함한다.In order to achieve the above object, a method for providing a graphical user interface according to an embodiment of the present invention is to move to a polyhedron component containing the identification information for the polyhedron component that the information object selected by the user exists in another space (a) (B) positioning said information object inside a polyhedron component containing said identification information, and (c) spatially moving said information object into a polyhedron component identified by said identification information. Include.

상기 목적을 달성하기 위하여, 본 발명의 실시에 따른 그래픽 사용자 인터페이스는 이벤트 활성화 정보가 설정된 다면체 컴포넌트와, 상기 이벤트가 발생되는 정보 객체를 포함하는데, 상기 이벤트는 상기 정보 객체가 상기 다면체 컴포넌트 내에 위치할 때 상기 이벤트 활성화 정보에 따라 해당하는 이벤트가 발생된다.In order to achieve the above object, a graphical user interface according to an embodiment of the present invention includes a polyhedron component in which event activation information is set, and an information object from which the event is generated, wherein the event is to be located in the polyhedron component. When the corresponding event is generated according to the event activation information.

상기 목적을 달성하기 위하여, 본 발명의 실시에 따른 그래픽 사용자 인터페이스를 제공하는 방법은 이벤트 활성화 정보가 설정된 다면체 컴포넌트와 상기 이벤트가 발생되는 정보 객체간의 위치 관계가 변동하는 단계, 상기 정보 객체가 상기 다면체 컴포넌트 내에 위치하는 단계 및 상기 이벤트 활성화 정보에 따라 상기 정보 객체가 해당하는 이벤트를 발생시키는 단계를 포함한다.In order to achieve the above object, a method for providing a graphical user interface according to an embodiment of the present invention comprises the steps of varying the positional relationship between the polyhedron component is set the event activation information and the information object is generated, the information object is the polyhedron Positioning in a component and generating a corresponding event by the information object according to the event activation information.

기타 실시예들의 구체적인 사항들은 상세한 설명 및 도면들에 포함되어 있다. Specific details of other embodiments are included in the detailed description and the drawings.

본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다 Advantages and features of the present invention and methods for achieving them will be apparent with reference to the embodiments described below in detail with the accompanying drawings. However, the present invention is not limited to the embodiments disclosed below, but can be implemented in various different forms, and only the embodiments make the disclosure of the present invention complete, and the general knowledge in the art to which the present invention belongs. It is provided to fully inform the person having the scope of the invention, which is defined only by the scope of the claims. Like reference numerals refer to like elements throughout.

이하, 본 발명의 실시예들에 의하여 MGUI를 설명하기 위한 블록도 또는 처리 흐름도에 대한 도면들을 참고하여 본 발명에 대해 설명하도록 한다. 이 때, 처리 흐름도 도면들의 각 블록과 흐름도 도면들의 조합들은 컴퓨터 프로그램 인스트럭션들에 의해 수행될 수 있음을 이해할 수 있을 것이다. 이들 컴퓨터 프로그램 인스트럭션들은 범용 컴퓨터, 특수용 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서에 탑재될 수 있으므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서를 통해 수행되는 그 인스트럭션들이 흐름도 블록(들)에서 설명된 기능들을 수행하는 수단을 생성하게 된다. 이들 컴퓨터 프로그램 인스트럭션들은 특정 방식으로 기능을 구현하기 위해 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 지향할 수 있는 컴퓨터 이용 가능 또는 컴퓨터 판독 가능 메모리에 저장되는 것도 가능하므로, 그 컴퓨터 이용가능 또는 컴퓨터 판독 가능 메모리에 저장된 인스트럭션들은 흐름도 블록(들)에서 설명된 기능을 수행하는 인스트럭션 수단을 내포하는 제조 품목을 생산하는 것도 가능하다. 컴퓨터 프로그램 인스트럭션들은 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에 탑제되는 것도 가능하므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에서 일련의 동작 단계들이 수행되어 컴퓨터로 실행되는 프로세스를 생성해서 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 수행하는 인스트럭션들은 흐름도 블록(들)에서 설명된 기능들을 실행하기 위한 단계들을 제공하는 것도 가능하다. Hereinafter, the present invention will be described with reference to a block diagram or a flowchart for explaining a MGUI according to embodiments of the present invention. At this point, it will be understood that each block of the flowchart illustrations and combinations of flowchart illustrations may be performed by computer program instructions. Since these computer program instructions may be mounted on a processor of a general purpose computer, special purpose computer, or other programmable data processing equipment, those instructions executed through the processor of the computer or other programmable data processing equipment may be described in flow chart block (s). It will create means to perform the functions. These computer program instructions may be stored in a computer usable or computer readable memory that can be directed to a computer or other programmable data processing equipment to implement functionality in a particular manner, and thus the computer usable or computer readable memory. It is also possible for the instructions stored in to produce an article of manufacture containing instruction means for performing the functions described in the flowchart block (s). Computer program instructions It is also possible to mount on a computer or other programmable data processing equipment, so that a series of operating steps are performed on the computer or other programmable data processing equipment to create a computer-implemented process to perform the computer or other programmable data processing equipment. It is also possible for the instructions to provide steps for performing the functions described in the flowchart block (s).

또한, 각 블록은 특정된 논리적 기능(들)을 실행하기 위한 하나 이상의 실행 가능한 인스트럭션들을 포함하는 모듈, 세그먼트 또는 코드의 일부를 나타낼 수 있다. 또, 몇 가지 대체 실행예들에서는 블록들에서 언급된 기능들이 순서를 벗어나서 발생하는 것도 가능함을 주목해야 한다. 예컨대, 잇달아 도시되어 있는 두 개의 블록들은 사실 실질적으로 동시에 수행되는 것도 가능하고 또는 그 블록들이 때때로 해당하는 기능에 따라 역순으로 수행되는 것도 가능하다.In addition, each block may represent a portion of a module, segment, or code that includes one or more executable instructions for executing a specified logical function (s). It should also be noted that in some alternative implementations, the functions noted in the blocks may occur out of order. For example, the two blocks shown in succession may in fact be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending on the corresponding function.

도 2는 본 발명의 실시예에 따른 MGUI의 전체 구성을 보여주는 예시도이다.2 is an exemplary view showing the overall configuration of the MGUI according to an embodiment of the present invention.

MGUI는 3차원 환경과 모션 그래픽스(Motion Graphics)를 기반으로 하여 보다 동적인 GUI 환경을 구축할 수 있는 UI 개념이다. MGUI 환경은 크게 다음과 같은 요소로 구성된다.MGUI is a UI concept that can build a more dynamic GUI environment based on 3D environment and Motion Graphics. The MGUI environment consists of the following elements.

1. MGUI 공간(space)MGUI space

2. MGUI 컴포넌트(component)2. MGUI component

3. MGUI 컴포넌트를 배치(Presentation)하는 방식3. How to present MGUI components

4. MGUI 카메라뷰(camera view)4. MGUI camera view

5. MGUI 정보면과 정보 공간5. MGUI Information Pages and Information Spaces

MGUI 공간(200)은 MGUI 환경을 구축하기 위한 공간 영역으로서, 공간이 지정될 때 공간 종류의 특성에 따라 활성 공간(active space)(210)과 비활성 공간(inactive space)(220)으로 나눌 수 있다. UI를 디자인할 때 사용할 수 있는 공간은 활성 공간(210)이다. 활성 공간(210)에 MGUI에서 제공하는 사용자 인터페이스용 컴포넌트(240)들을 배치시기 위해서는 활성 공간 내에서 정보 공간(230)의 영역을 설정해 주어야 한다. 즉, 정보 공간(230)은 활성 공간 내에서 MGUI 컴포넌트들(240)이 실제로 배치될 수 있는 영역이다.The MGUI space 200 is a space area for building an MGUI environment. When the space is designated, the MGUI space 200 may be divided into an active space 210 and an inactive space 220 according to characteristics of the space type. . The space that can be used when designing the UI is the active space 210. In order to arrange the user interface components 240 provided by the MGUI in the active space 210, an area of the information space 230 must be set in the active space. That is, the information space 230 is an area where the MGUI components 240 can be actually disposed in the active space.

MGUI 컴포넌트들(240)은 MGUI 환경에서 사용자와의 상호작용(Interaction)을 통하여 정보를 제공하는 MGUI의 구성 객체를 의미한다. MGUI 컴포넌트는 하나 이상의 정보면을 포함하는데, MGUI 컴포넌트 및 컴포넌트의 구성요소와 정보면 및 정보 공간에 대한 상세한 설명은 도 3에서 후술하도록 한다. The MGUI components 240 refer to configuration objects of the MGUI that provide information through interaction with a user in the MGUI environment. The MGUI component includes one or more information planes, which will be described in detail later with reference to FIG. 3.

MGUI 컴포넌트를 배치(Presentation)하는 방식이란 정보 공간 속에서 적어도 1개 이상의 컴포넌트들이 그룹으로 묶여 어떠한 방식으로 조작되고, 조작 과정에서 어떠한 모션이 일어나면서 화면에 배열되는지를 정해주는 방식이다. 이에 대한 상세한 설명은 도 13내지 도 19에서 후술하도록 한다. The method of arranging MGUI components is a method of determining how at least one or more components are grouped and manipulated in the information space, and which motions are arranged on the screen during the manipulation process. Detailed description thereof will be described later with reference to FIGS. 13 to 19.

카메라 뷰(Camera View)는 MGUI 환경 내에서의 시점(Viewpoint)을 말한다. 시점의 이동은 곧 공간 내에서의 네비게이션(Navigation)이 일어나는 것을 의미하며 이에 따라 공간 전체적으로 모션이 발생하게 된다. MGUI의 카메라 뷰는 MGUI의 각 컴포넌트들이 가지고 있는 고유의 모션 속성과 함께 MGUI 환경에서 모션을 일으키는 주된 요인이다. 이에 대한 상세한 설명은 도 12에서 후술하도록 한다.Camera view refers to a viewpoint within the MGUI environment. Movement of the viewpoint means that navigation occurs in the space, and thus motion occurs throughout the space. The camera view of MGUI is the main cause of motion in the MGUI environment along with the unique motion properties of each component of MGUI. A detailed description thereof will be described later with reference to FIG. 12.

도 3은 본 발명의 실시예에 따른 모션 그래픽 사용자 인터페이스의 구성요소인 다면체 컴포넌트의 일 실시예를 보여주는 예시도이다.3 is an exemplary diagram illustrating an embodiment of a polyhedron component that is a component of a motion graphic user interface according to an embodiment of the present invention.

다면체 컴포넌트(300)는 다수의 면(310)과 모서리(320)와 꼭지점(330)으로 이루어진다. 다면체는 적어도 4개 이상의 면이 모여 이루어지는 입체도형으로서 사면체, 오면체, 육면체 등이 이에 속한다. 구(Sphere)도 무수히 많은 면으로 이루어진 다면체로 근사될 수 있다. 이하에서는 본 발명의 용이한 설명을 위하여 다면체 중 육면체를 예를 들어 설명하도록 한다.Polyhedral component 300 consists of a number of faces 310, edges 320, and vertices 330. A polyhedron is a three-dimensional figure consisting of at least four or more faces, including tetrahedrons, pentagons, and hexahedrons. A sphere can also be approximated as a polyhedron consisting of a myriad of faces. Hereinafter, for exemplification of the present invention, a hexahedron of polyhedrons will be described.

다면체 컴포넌트(300)가 갖는 속성으로는 다면체의 식별자 및 크기 등이 있고, 면(310)이 갖는 속성으로는 번호, 색상, 투명도, 정보면인지 여부 등이 있다. 또한 모서리(320)가 갖는 속성으로는 모서리의 색상 등이 있다. 이 때, 이러한 속성들은 앞서 언급한 요소들에 한정되지 않으며 응용되는 분야에 따라 다양한 속성 들이 존재할 수 있다.Attributes of the polyhedron component 300 include an identifier and a size of the polyhedron, and attributes of the face 310 include a number, color, transparency, and an information surface. In addition, the attributes of the edge 320 include the color of the edge. At this time, these attributes are not limited to the aforementioned elements, and various attributes may exist according to the application field.

그리고, 상기 정보면이란 다면체 컴포넌트를 이루는 다수의 면 중 정보가 표현될 수 있는 면을 의미하는데, 도 4a 및 도 4b를 참조하여 설명하도록 한다.The information plane refers to a plane on which information can be expressed among a plurality of planes forming the polyhedron component, which will be described with reference to FIGS. 4A and 4B.

MGUI의 정보면은 종래의 GUI의 윈도우에 해당한다. MGUI에서 정보면은 MGUI 컴포넌트에 종속되어 있으며, MGUI 컴포넌트에 대한 종속은 다음의 2가지 방식으로 이루어질 수 있다. 첫째는 다면체를 구성하는 하나의 면으로 존재하는 것이고, 둘째는 다면체를 구성하는 면이 아닌 다면체와 분리된 가시화된 형태(예를 들어, 도 4a의 정보면(420))로 존재하는 것이다. 결국, 정보면이 MGUI 컴포넌트에 종속되어 있다 함은, MGUI 컴포넌트를 구성하는 면인지, 다면체를 구성하는 면과 분리된 형태인지에 상관없이 해당 정보면이 MGUI 컴포넌트와 연관되어 동작하고 정보를 표시하게 됨을 의미한다. The information surface of MGUI corresponds to the window of the conventional GUI. In MGUI, the information plane is dependent on the MGUI component, and the dependency on the MGUI component can be made in the following two ways. The first is to exist as one side constituting the polyhedron, and the second is to be in a visualized form separate from the polyhedron (eg, the information plane 420 of FIG. 4A). After all, the fact that the information plane is dependent on the MGUI component means that the information plane operates in conjunction with the MGUI component and displays information regardless of whether the information plane constitutes the MGUI component or is separated from the plane forming the polyhedron. It means.

도 4a는 MGUI의 다면체 컴포넌트의 하나인 육면체의 6면이 모두 정보면 속성을 갖고 각종 정보를 보여주는 것을 나타내고 있다. 육면체 컴포넌트(410)의 우측에 나타나고 있는 사각형(420)은 정보면이 마치 하나의 컴포넌트처럼 화면에 가시화된 모습을 보여준다. 이러한 경우 정보면은 종래의 GUI의 윈도우와 유사하게 깊이(depth)가 없는 2차원 면으로 화면에 존재하고, 육면체 컴포넌트가 표시하는 정보가 변하거나 육면체 컴포넌트(410)가 동작하면 이와 연동되어 정보가 변하고 동작한다.FIG. 4A shows that all six faces of a hexahedron, which is one of the polyhedral components of the MGUI, have information plane attributes and show various kinds of information. The square 420 that appears on the right side of the hexahedral component 410 shows the information surface visualized on the screen as if it were a component. In this case, the information plane exists on the screen as a two-dimensional plane without depth, similar to the window of the conventional GUI, and when the information displayed by the hexahedron component changes or the hexahedral component 410 operates, the information is linked to the information plane. Changes and works.

정보면에는 2D 비주얼 정보에 해당하는 텍스트, 이미지, 동영상, 2차원 위젯(Widget) 등이 표시될 수 있다. 또한 3차원 아이콘과 같이 입체형 정보도 정보면 에 표시 가능한데 도 4b에서 이를 나타내고 있다. 이러한 경우 입체형 정보(430)는 정보면 상에 부착된 것으로 볼 수 있다.The information surface may display text, an image, a video, and a 2D widget corresponding to 2D visual information. Also, like the three-dimensional icon, three-dimensional information can be displayed on the information surface, which is illustrated in FIG. 4B. In this case, the three-dimensional information 430 may be regarded as attached on the information surface.

정보면이 다면체 컴포넌트를 구성하는 하나의 면으로 존재하는 경우에는 다면체 컴포넌트에 부여된 속성에 따라 정보면에 정보가 표시되는 형태가 달라질 수 있다. 예를 들면 다면체 컴포넌트의 크기 또는 면의 크기 속성에 따라 정보면에 표시되는 정보의 크기 또는 정보의 양이 달라질 수 있다.When the information plane exists as one surface constituting the polyhedron component, the form in which the information is displayed on the information plane may vary according to the attributes assigned to the polyhedron component. For example, the size or amount of information displayed on the information plane may vary according to the size of the polyhedron component or the size attribute of the plane.

도 5는 본 발명에 실시예에 따른 3차원 모션 그래픽 사용자 인터페이스를 제공하는 장치의 구성을 나타내는 블록도이다.5 is a block diagram showing the configuration of an apparatus for providing a three-dimensional motion graphical user interface according to an embodiment of the present invention.

이 때, 상기 장치는 디지털 장치로 구성될 수 있다. 여기서 디지털 장치란 디지털 데이터를 처리하는 디지털 회로를 가진 장치로서, 컴퓨터, 프린터, 스캐너, 페이저, 디지털 카메라, 팩스, 디지털 복사기, 개인용 디지털 단말기(PDA), 핸드폰, 디지털 가전기기, 디지털 전화, 디지털 프로젝트, 홈서버, 디지털 비디오 레코더, 디지털 TV 방송 수신기, 디지털 위성 방송 수신기, 및 셋탑박스 등을 예로 들 수 있다.In this case, the device may be configured as a digital device. Digital devices are devices with digital circuits that process digital data. Computers, printers, scanners, pagers, digital cameras, fax machines, digital copiers, personal digital assistants (PDAs), mobile phones, digital home appliances, digital phones, and digital projects. , Home servers, digital video recorders, digital TV broadcast receivers, digital satellite broadcast receivers, and set-top boxes.

본 발명의 실시예에 따른 사용자 인터페이스 제공 장치(500)는 입력 모듈(510), 사용자 인터페이스 모듈(520), 제어 모듈(530), 출력 모듈(540), 저장 모듈(550)을 포함한다.The apparatus 500 for providing a user interface according to an exemplary embodiment of the present invention includes an input module 510, a user interface module 520, a control module 530, an output module 540, and a storage module 550.

이 때, 상기 '모듈'은 소프트웨어 또는 Field Programmable Gate Array(FPGA) 또는 주문형 반도체(Application Specific Integrated Circuit, ASIC)과 같은 하드웨어 구성요소를 의미하며, 모듈은 어떤 역할들을 수행한다. 그렇지만 모듈은 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다.  모듈은 어드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 실행시키도록 구성될 수도 있다.  따라서, 일 예로서 모듈은 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라버들, 펌웨어, 마이크로코드, 회로, 데이터, 데이터베이스, 데이터 구조들, 테이블들, 어레이들, 및 변수들을 포함한다.  구성요소들과 모듈들에서 제공되는 기능은 더 작은 수의 구성요소들 및 모듈들로 결합되거나 추가적인 구성요소들과 모듈들로 더 분리될 수 있다.  In this case, the 'module' refers to a hardware component such as software or a field programmable gate array (FPGA) or an application specific integrated circuit (ASIC), and the module plays a role. However, modules are not meant to be limited to software or hardware. The module may be configured to be in an addressable storage medium and may be configured to execute one or more processors. Thus, as an example, a module may include components such as software components, object-oriented software components, class components, and task components, and processes, functions, properties, procedures, subroutines. , Segments of program code, drivers, firmware, microcode, circuits, data, databases, data structures, tables, arrays, and variables. The functionality provided by the components and modules may be combined into a smaller number of components and modules or further separated into additional components and modules.

제어 모듈(530)은 MGUI 공간 또는 다면체 컴포넌트를 생성하고 다른 모듈들(510, 520, 540, 550)을 연결하고 관리한다.The control module 530 creates an MGUI space or polyhedron component and connects and manages other modules 510, 520, 540, 550.

저장 모듈(550)은 제어 모듈(530)에 의해 생성된 MGUI 공간 또는 다면체 컴포넌트를 저장한다.The storage module 550 stores the MGUI space or polyhedron component generated by the control module 530.

입력 모듈(510)은 다면체 컴포넌트에 대한 사용자의 작용과 관련된 데이터를 입력받는다. 이 때, 사용자의 작용이란 사용자가 다면체 컴포넌트에 접근(access)하거나, 특정 다면체 컴포넌트를 선택하거나, 다면체 컴포넌트의 특정 정보면 또는 정보면상의 특정 메뉴 등을 선택하거나, 다면체 컴포넌트를 동작시키는 행위 등을 모두 포함한다.The input module 510 receives data related to the user's action on the polyhedron component. In this case, the user's action refers to an action of a user accessing a polyhedron component, selecting a specific polyhedron component, selecting a specific information surface or a specific menu on the information surface, or operating a polyhedral component. It includes everything.

출력 모듈(540)은 사용자 인터페이스 모듈(520)에 의해 처리된 데이터를 디스플레이 장치를 통하여 디스플레이한다.The output module 540 displays the data processed by the user interface module 520 through the display device.

사용자 인터페이스 모듈(520)에 관한 설명은 도 6을 참조하여 구체적으로 설명하도록 한다. The description of the user interface module 520 will be described in detail with reference to FIG. 6.

사용자 인터페이스 모듈(520)은 제어 모듈(530)에서 생성된 MGUI 공간 또는 다면체 컴포넌트를 이용하여 사용자 인터페이스를 제공하는 역할을 한다. 사용자 인터페이스 모듈(520)은 컴포넌트 속성 부여 모듈(521), 모션 처리 모듈(522) 및 컴포넌트 그룹 관리 모듈(523)을 포함한다.The user interface module 520 serves to provide a user interface using the MGUI space or the polyhedron component generated by the control module 530. The user interface module 520 includes a component attribute assignment module 521, a motion processing module 522, and a component group management module 523.

컴포넌트 속성 부여 모듈(521)은 제어 모듈(530)에서 생성된 다면체 컴포넌트에 도 3에서 상술한 속성을 부여하고, 그 속성에 따라 다면체 컴포넌트의 정보면에 표시되는 정보를 매핑한다.The component attribute assigning module 521 assigns the above-mentioned attributes in FIG. 3 to the polyhedron component generated by the control module 530 and maps the information displayed on the information surface of the polyhedron component according to the attribute.

모션 처리 모듈(522)은 입력 모듈(510)에서 입력받은 사용자의 작용에 관한 데이터에 따라 MGUI 공간 내에서의 다면체 컴포넌트의 모션을 처리하고, 컴포넌트 속성 부여 모듈(521)를 이용하여 모션에 따라 다면체 컴포넌트의 정보면에 표시되는 정보를 다시 매핑시킨다.The motion processing module 522 processes the motion of the polyhedron component in the MGUI space according to the data about the user's action input from the input module 510, and uses the component attribute providing module 521 to process the polyhedron according to the motion. Remaps the information displayed on the information side of the component.

컴포넌트 그룹 관리 모듈(523)은 입력 모듈(510)로부터 사용자가 선택한 다면체 컴포넌트 그룹 내의 특정 다면체에 관한 데이터를 제공받아 선택된 다면체를 강조하는 처리를 하고, 컴포넌트 속성 부여 모듈(521)을 통하여 선택된 다면체의 정보면에 매핑되는 정보를 수정한다. 또한 그룹 내의 선택되지 않은 다른 다면체 컴포넌트들의 표시를 변화시킨다. 이와 같이 사용자 인터페이스 모듈(520)은 그 기능에 따라 세부 모듈(521, 522, 523)로 나누어지고, 이들에 의해 처리된 사용자 인터페이스에 관한 데이터는 제어 모듈(530)을 거쳐 출력 모듈(540)에 의해 디스플레 이된다.The component group management module 523 receives data about a specific polyhedron in the polyhedron component group selected by the user from the input module 510 and processes the data to highlight the selected polyhedron. Modify the information that maps to the information plane. It also changes the display of other unselected polyhedral components in the group. In this way, the user interface module 520 is divided into sub-modules 521, 522, and 523 according to its function, and the data about the user interface processed by them is passed to the output module 540 via the control module 530. Is displayed.

도 7은 본 발명에 실시예에 따라 사용자의 작용(Action)에 의해 다면체 컴포넌트의 모션이 발생하는 과정을 보여주는 플로우차트이다.FIG. 7 is a flowchart illustrating a process of generating motion of a polyhedron component by an action of a user according to an exemplary embodiment of the present invention.

MGUI의 다면체 컴포넌트는 사용자의 작용에 따라 모션이 일어나는 동적인 3차원 UI 컴포넌트이다. 모션이 일어나는 과정은 다음과 같다. 사용자가 다면체 컴포넌트에 접근(access)하여(S710) 다면체 컴포넌트에 일정한 작용(Action)을 한다(S720). 사용자의 작용(Action)(S720)에 따라 다면체 컴포넌트의 정보면들에 표시되는 정보가 변하면서(S730) 다면체 컴포넌트의 모션이 일어난다(S740).The polyhedron component of MGUI is a dynamic three-dimensional UI component in which motion occurs according to the user's action. The process of motion is as follows. The user accesses the polyhedron component (S710) and performs a certain action on the polyhedron component (S720). According to the action (S720) of the user, the information displayed on the information surfaces of the polyhedron component changes (S730), and the motion of the polyhedron component occurs (S740).

한편, 다른 실시예에서는 정보면들에 표시되는 정보가 변화하지 않고 다면체 컴포넌트의 모션이 발생할 수도 있는데, '공간 점프 이벤트 헬퍼(space jump envet helper)'라는 컴포넌트가 그 예이다. '공간 점프 이벤트 헬퍼(space jump envet helper)'에 대해서는 후술하기로 한다.Meanwhile, in another embodiment, the motion of the polyhedron component may occur without changing the information displayed on the information surfaces, for example, a component called a 'space jump enveter helper'. The 'space jump envet helper' will be described later.

사용자가 다면체 컴포넌트에 접근(access)하는 단계(S710)는, 사용자가 MGUI 환경에서 관심있는 정보를 표시하고 있는 특정 다면체 컴포넌트에 접근함으로써 이루어진다. 사용자의 다면체 컴포넌트에 대한 접근은 마우스, 키보드, 키 패드, 터치 패드 등의 다양한 입력 수단을 통하여 이루어질 수 있다.A step S710 in which a user accesses a polyhedron component is performed by accessing a specific polyhedron component that displays information of interest to the user in the MGUI environment. The user's access to the polyhedron component may be made through various input means such as a mouse, a keyboard, a keypad, a touch pad, and the like.

사용자가 다면체 컴포넌트에 일정한 작용(Action)을 하는 단계(S720)는 다면체 컴포넌트의 정보면에 있는 특정 메뉴를 선택하거나, 필요한 정보를 찾기 위하여 다면체 컴포넌트를 이동 또는 회전시키거나, 크기를 변화시키는 등의 형태로 일어날 수 있다. 특정 메뉴의 선택, 다면체 컴포넌트의 이동, 회전 등은 마우스, 키보 드, 키 패드, 터치 패드 등의 다양한 입력 수단을 통하여 이루어질 수 있다. 예를 들면, 특정 메뉴의 선택은 키 패드 상의 선택 버튼을 클릭하고, 다면체 컴포넌트의 이동 또는 회전은 키 패드 상의 화살표 버튼을 이용하여 이루어질 수 있다. 다른 실시예에서는 모션을 발생시키고자 하는 다면체 컴포넌트를 특정하면 디스플레이 상에 사용자가 선택할 수 있는 모션에 대한 메뉴가 팝업(Pop-Up)되어 메뉴를 선택함으로써 다면체 컴포넌트에 작용을 할 수 있다. 이러한 사용자의 접근 또는 사용자의 작용에 관한 데이터는 디지털 장치(500)의 입력 모듈(510)에 의해 제어 모듈(530)을 통하여 사용자 인터페이스 모듈(520)로 제공된다.In step S720, the user performs a certain action on the polyhedron component, such as selecting a specific menu on the information surface of the polyhedron component, moving or rotating the polyhedron component, changing the size, etc. to find necessary information. Can take place in the form. Selection of a specific menu, movement of a polyhedron component, rotation, etc. may be performed through various input means such as a mouse, a keyboard, a keypad, and a touch pad. For example, the selection of a particular menu can be clicked on the selection button on the keypad, and the movement or rotation of the polyhedron component can be made using the arrow buttons on the keypad. In another embodiment, specifying a polyhedron component to generate a motion pops up a menu for a motion that a user can select on the display, thereby acting on the polyhedron component by selecting a menu. The data regarding the user's access or the action of the user is provided to the user interface module 520 through the control module 530 by the input module 510 of the digital device 500.

사용자가 다면체 컴포넌트에 일정한 작용을 하면 그 작용에 따라 다면체 컴포넌트의 정보면들에 표시되는 정보가 바뀔 수 있다. 이는 사용자 인터페이스 모듈(520)내의 컴포넌트 속성 부여 모듈(521)이 정보면에 매핑되는 정보를 수정함으로써 이루어진다. 예를 들면, 사용자가 작용 단계(S720)에서 특정 정보면의 특정 메뉴를 선택하면 컴포넌트 속성 부여 모듈(521)은 다면체 컴포넌트의 정보면들에 선택된 메뉴의 하위 메뉴 또는 하위 정보들을 매핑하고 그 결과를 출력 모듈(540)이 디스플레이하게 된다. When a user has a certain action on the polyhedron component, the information displayed on the information planes of the polyhedron component may change according to the action. This is done by the component attribution module 521 in the user interface module 520 modifying the information that maps to the information plane. For example, if the user selects a specific menu of a specific information surface in operation S720, the component attribute assignment module 521 maps the submenu or sub information of the selected menu to the information surfaces of the polyhedron component and displays the result. The output module 540 is to be displayed.

또한 사용자의 작용에 따라 다면체 컴포넌트의 모션이 일어나는데 이는 사용자의 작용의 형태에 따라 다른 모션을 유발시킨다. 사용자의 작용에 따른 모션의 처리는 사용자 인터페이스 모듈(520)내의 모션 처리 모듈(522)에서 이루어진다. 모션 처리 모듈(522)은 모션에 따른 다면체 컴포넌트의 위치나 디스플레이에 필요한 데이터를 처리하고 그 결과를 출력 모듈(540)을 통하여 디스플레이한다. In addition, the motion of the polyhedron component occurs according to the user's action, which causes different motion depending on the type of the user's action. The motion processing according to the user's action is performed by the motion processing module 522 in the user interface module 520. The motion processing module 522 processes the data required for the display or the position of the polyhedron component according to the motion and displays the result through the output module 540.

다면체 컴포넌트가 취할 수 있는 모션에는 이동, 크기의 변동, 회전, 스프링 락 등이 있다. 이 때 모션의 기준이 되는 면은 다면체 컴포넌트의 정면이나 사용자와 배향된 면이 될 수 있다. 한편, 다른 실시예에서는 사용자가 모션의 기준이 되는 면을 다양한 입력 수단을 이용하여 선택할 수 있다. 또 다른 실시예에서는 모션의 기준이 되는 면에 포인터를 두어 사용자가 그 포인터를 움직여 모션의 기준이 되는 면을 선택할 수도 있다. 각각의 모션에 대하여는 도 8 내지 도 12를 참조하여 설명하도록 한다.The motions that a polyhedral component can take include movement, change in size, rotation, and spring lock. In this case, the plane on which the motion is based may be the front of the polyhedron component or the plane oriented with the user. On the other hand, in another embodiment, the user can select the surface on which the motion is a reference using various input means. In another embodiment, a pointer may be placed on a plane on which a motion is based, and a user may move the pointer to select a plane on which a motion is based. Each motion will be described with reference to FIGS. 8 to 12.

도 8은 본 발명에 실시예에 따른 다면체 컴포넌트의 모션(Motion) 중 위치가 이동되는 모습을 나타내는 예시도이다.FIG. 8 is an exemplary view illustrating a position of a polyhedron component moving in motion according to an embodiment of the present invention.

다면체 컴포넌트의 이동은 사용자가 특정 다면체 컴포넌트를 선택한 후 다양한 입력 수단에 의하여 이동 후의 위치를 지정해 줌으로써 해당 위치로의 이동이 일어난다. 예를 들면, 입력 수단이 마우스인 경우 사용자가 이동시키고자 하는 컴포넌트를 마우스로 클릭하여 선택한 후 이동시킬 위치로 컴포넌트를 드래그(Drag)할 수 있다.The movement of the polyhedron component is performed by selecting a specific polyhedron component and then designating the position after the movement by various input means. For example, when the input means is a mouse, the user may click and select a component to be moved with a mouse and drag the component to a position to be moved.

도 9는 본 발명에 실시예에 따른 다면체 컴포넌트의 모션(Motion) 중 크기가 변하는 모습을 나타내는 예시도이다.9 is an exemplary view illustrating a state in which a size of a polyhedron component is changed during motion according to an embodiment of the present invention.

사용자는 크기를 확대 또는 축소하고자 하는 다면체 컴포넌트를 선택한 후 크기를 변화시킨다. 예를 들면, 입력 수단이 마우스인 경우 다면체의 꼭지점을 선택하여 드래그(Drag)하는 방식으로 다면체 컴포넌트의 크기를 확대하거나 축소할 수 있다.The user selects a polyhedron component to be enlarged or reduced in size and then changes the size. For example, when the input means is a mouse, the polyhedron component may be enlarged or reduced in size by selecting and dragging a vertex of the polyhedron.

도 10은 본 발명에 실시예에 따른 다면체 컴포넌트의 모션(Motion) 중 회전하는 모습을 나타내는 예시도이다.FIG. 10 is an exemplary diagram illustrating a state in which a polyhedron component rotates in motion according to an embodiment of the present invention.

도 10은 육면체를 X축을 중심으로 오른쪽으로 회전시키는 것을 보여주고 있는데, 회전은 X축, Y축, 또는 Z축 뿐만 아니라 임의의 축을 중심으로 임의의 각도로 이루어질 수 있다.Figure 10 shows the rotation of the cube to the right about the X axis, the rotation can be made at any angle about any axis as well as the X, Y, or Z axis.

도 11은 본 발명에 실시예에 따른 다면체 컴포넌트의 모션(Motion) 중 스프링 락(Spring Lock)의 모습을 나타내는 예시도이다.FIG. 11 is an exemplary view illustrating a spring lock during motion of a polyhedron component according to an exemplary embodiment of the present invention.

스프링 락(Spring Lock)이란 사용자의 작용에 의하여 일정한 방향으로 사용자가 원하는 각만큼 회전이 되었다가 회전의 원인이 된 사용자의 작용이 해제되면 다시 원래의 상태로 돌아오는 것을 말한다. 다른 실시예에서는 회전된 상태에서 이를 유지하고 있다가 사용자가 특정 조작을 하면 원래 상태로 돌아가게 만들 수도 있다.The spring lock means that the user rotates by a desired angle in a predetermined direction by the user's action, and then returns to the original state when the user's action that causes the rotation is released. In another embodiment, it may be maintained in the rotated state and then returned to the original state when the user performs a specific operation.

다면체 컴포넌트의 모션은 상술한 바와 같이 사용자의 직접적인 작용에 의해 발생하나, MGUI 공간의 변화(활성 공간의 분할 방식 변동, 공간 축소, 공간 확대 등) 또는MGUI 공간에서의 시점(Viewpoint)인 카메라 뷰가 이동함에 따라 발생할 수도 있다.The motion of the polyhedron component is generated by the user's direct action as described above, but the camera view, which is a change in the MGUI space (change of active space partitioning, space reduction, space expansion, etc.) or a viewpoint in the MGUI space It can also occur as you move.

도 12a는 본 발명에 실시예에 따른 카메라 뷰(Camera View)의 움직임에 따라 다면체 컴포넌트의 모션이 발생하는 모습을 나타내는 예시도이다.12A is an exemplary diagram illustrating a motion of a polyhedron component according to a movement of a camera view according to an embodiment of the present invention.

도 12a에서는 카메라 뷰가 반시계방향으로 회전함에 따라 MGUI 공간 내의 모든 다면체 컴포넌트들이 시계방향으로 회전하는 효과를 보여주고 있다. 이외에 카 메라 뷰가 줌-아웃(Zoom-out)되면 MGUI 공간 내의 모든 다면체 컴포넌트들이 축소되고, 카메라 뷰가 줌-인(Zoom-in)되면 MGUI 공간 내의 모든 다면체 컴포넌트들이 확대되어 보인다.In FIG. 12A, as the camera view rotates counterclockwise, all polyhedral components in the MGUI space rotate clockwise. In addition, when the camera view is zoomed out, all the polyhedron components in the MGUI space are reduced. When the camera view is zoomed in, all the polyhedron components in the MGUI space are enlarged.

도 12b는 본 발명에 실시예에 따라 활성 공간(Active Space)과 비활성 공간(Inactive Space)의 분할에 따른 MGUI 공간의 변화를 나타내는 예시도이다.12B is an exemplary diagram illustrating a change in MGUI space according to division of an active space and an inactive space according to an embodiment of the present invention.

다면체 컴포넌트는 도 2에서 상술한 바와 같이 MGUI 공간 내에서도 활성 공간에만 위치할 수 있다. 따라서 활성 공간과 비활성 공간을 분할하는 방식에 따라 다면체 컴포넌트의 위치가 달라지므로 사용자에게 보여지는 모습이 변할 수 있다. 도 12b에서는 X축과 Z축 방향으로 제한을 두고 기준면(1230) 위쪽의 Y축 방향으로 무제한인 활성 공간을 보여주고 있다. 즉, X축과 Z축 방향으로는 기준면(1230)에 의해 지정되는 영역으로 제한을 받고 기준면 위쪽으로 무한한 활성 공간이 지정되는 것이다. 따라서 다면체 컴포넌트는 화살표로 표시되는 기둥의 안쪽 공간인 활성 공간(1210)에만 위치할 수 있고, 화살표로 표시되는 기둥의 바깥쪽 공간 및 기준면(1230)의 아래쪽 공간은 비활성 공간(1220)이므로 위치할 수 없다. 다른 실시예의 경우 MGUI 공간이 여러 개의 활성 공간으로 나누어질 수도 있는데, 이 경우 여러 개의 다면체 컴포넌트로 이루어진 그룹의 배치 모양도 활성 공간이 나누어지는 방식에 따라 달라질 수 있다.The polyhedron component may be located only in the active space even in the MGUI space as described above with reference to FIG. 2. Therefore, the position of the polyhedron component varies depending on how the active and inactive spaces are divided, so that the appearance to the user may change. 12B illustrates an unlimited active space in the Y-axis direction above the reference plane 1230 with limitations in the X- and Z-axis directions. That is, in the X-axis and Z-axis directions, the active space is limited to the area designated by the reference plane 1230 and an infinite active space is designated above the reference plane. Thus, the polyhedral component can only be located in the active space 1210, which is the interior space of the column, indicated by the arrow, and the space outside the column and the bottom of the reference plane 1230, indicated by the arrow, is the inactive space 1220. Can not. In another embodiment, the MGUI space may be divided into several active spaces. In this case, the arrangement shape of a group of several polyhedral components may also vary according to the manner in which the active spaces are divided.

MGUI는 다수의 다면체 컴포넌트로 이루어지기도 한다. 다수의 다면체 컴포넌트를 하나의 그룹으로 관리하여 UI상의 배치나 움직임에 통일성을 주고, 사용자에게 정보를 탐색하는데 효율적인 UI를 제공할 수 있다. MGUI may also consist of multiple polyhedron components. Multiple polyhedron components can be managed as a group to provide uniformity in arrangement or movement on the UI, and provide an efficient UI for searching for information to the user.

도 13은 본 발명에 실시예에 따라 다수의 다면체 컴포넌트로 이루어진 사용자 인터페이스에 의해 정보가 표시되는 과정을 나타내는 플로우차트이다.13 is a flowchart illustrating a process of displaying information by a user interface composed of a plurality of polyhedral components according to an embodiment of the present invention.

사용자가 다면체 컴포넌트 그룹내의 특정 다면체 컴포넌트를 선택하면(S1310), 선택된 다면체 컴포넌트가 강조되어 표시된다(S1320). 또한 선택된 다면체 컴포넌트의 정보면에 매핑된 정보가 상세정보로 표시될 수 있다(S1330). 한편, 같은 그룹내의 다른 다면체 컴포넌트들의 표시가 변하게 된다(S1340).When the user selects a specific polyhedron component in the polyhedron component group (S1310), the selected polyhedron component is highlighted and displayed (S1320). In addition, the information mapped to the information surface of the selected polyhedron component may be displayed as detailed information (S1330). On the other hand, the display of other polyhedral components in the same group is changed (S1340).

사용자가 다면체 컴포넌트 그룹 내의 특정 다면체 컴포넌트를 선택하는 단계(S1310)는 사용자가 마우스, 키보드, 키패드, 터치패드 등의 다양한 입력 수단을 이용하여 특정 다면체 컴포넌트에 접근하여 선택함으로써 이루어진다.Selecting a specific polyhedron component in the polyhedron component group (S1310) is performed by the user accessing and selecting a specific polyhedron component using various input means such as a mouse, a keyboard, a keypad, and a touchpad.

사용자가 다양한 입력 수단을 이용해 특정 다면체 컴포넌트를 선택하면 입력 모듈(510)이 관련 정보를 제어 모듈(530)을 통해 사용자 인터페이스 모듈(520) 내의 컴포넌트 그룹 관리 모듈(523)에 전달한다.When the user selects a specific polyhedron component using various input means, the input module 510 transmits the relevant information to the component group management module 523 in the user interface module 520 through the control module 530.

특정 다면체 컴포넌트가 선택되면 선택된 다면체가 강조되어 표시(S1320)되는데, 이는 선택된 다면체가 확대되거나 Z축 방향으로 사용자에게 가깝게 앞쪽으로 이동되는 것으로 나타날 수 있다. 다른 실시예에서는 색상이 변하거나 모서리가 굵게 표시될 수 있다. 또 다른 실시예에서는 포커스를 표시하는 다양한 표시가 나타날 수도 있다. 특정 다면체 컴포넌트가 선택되면 다면체의 정보면은 컴포넌트 속성 부여 모듈(521)에서 매핑되어 있던 개략적인 정보보다 더욱 상세한 정보를 표시(S1330)할 수 있다. 또한, 선택된 다면체 컴포넌트가 강조되어 표시되는 것과 반대로 같은 그룹 내의 다른 다면체 컴포넌트들은 축소되거나 사용자로부터 멀어지거 나 색상이 흐려짐으로써 선택된 다면체 컴포넌트를 강조하면서 정보의 연속성을 표시하게 된다(S1340). 이 단계는 컴포넌트 그룹 관리 모듈(523) 및 컴포넌트 속성 부여 모듈(521)에서 이루어진다.When a specific polyhedron component is selected, the selected polyhedron is highlighted and displayed (S1320), which may indicate that the selected polyhedron is enlarged or moved forward toward the user in the Z-axis direction. In another embodiment, the color may be changed or the edge may be displayed in bold. In another embodiment, various indicia indicating the focus may appear. When a specific polyhedron component is selected, the information plane of the polyhedron may display more detailed information than the schematic information mapped in the component attribute providing module 521 (S1330). In addition, as opposed to the selected polyhedron component being highlighted, other polyhedron components in the same group are reduced, moved away from the user, or the color is blurred, thereby highlighting the selected polyhedron component and displaying the continuity of information (S1340). This step is performed in the component group management module 523 and the component attribute assignment module 521.

도 14 내지 도 19에서는 도 13에서 상술한 다수의 다면체 컴포넌트로 이루어진 그룹을 배치하는 실시예를 보여주고 있다.14 to 19 show an embodiment of arranging a group of a plurality of polyhedral components described above in FIG.

도 14는 다면체 컴포넌트의 크기에 변화를 주어 표현함으로써 사용자로 하여금 중요한 정보와 중요하지 않은 정보를 직관적으로 파악할 수 있도록 하는 배치 방법을 보여준다. 즉, Z축 방향으로 사용자에게 가까운 다면체의 정보가 중요한 정보이며 멀리있는 다면체의 정보가 중요하지 않은 정보가 될 수 있다. 따라서 Z축 방향으로 멀리있는 다면체 컴포넌트를 앞으로 당기면 확대되고 Z축 방향으로 가까이 있는 다면체 컴포넌트를 뒤로 밀면 축소될 수 있다. 이 때, 선택된 다면체(1410)가 확대되면서 충돌하는 주변의 다른 다면체 컴포넌트들은 축소되게 된다. 또한, 특정 다면체 컴포넌트를 선택하면 확대될 수 있다. 컴포넌트의 선택은 사용자의 포커스가 이동하거나, 사용자의 포커스는 고정된 채 컴포넌트들이 상하 또는 좌우로 이동함으로써 가능하다.FIG. 14 shows a layout method in which the size of the polyhedron component is expressed and changed so that the user can intuitively grasp important and non-important information. That is, the information of the polyhedron close to the user in the Z-axis direction is important information, and the information of the far-side polyhedron may be insignificant information. Therefore, it is possible to zoom in by pulling forward on a polyhedron component that is far away in the Z-axis and to shrink by pulling backward on a polyhedron component that is close to the Z-axis. At this time, as the selected polyhedron 1410 is enlarged, other polyhedron components around the collision collide. In addition, selecting a particular polyhedron component can be enlarged. The selection of a component can be performed by moving the focus of the user or by moving the components vertically or horizontally while the focus of the user is fixed.

도 15는 선택된 다면체 컴포넌트(1510)만 확대되고 다른 컴포넌트들은 점진적으로 작게 표현되어 정보들간의 자연스러운 연결성을 나타내는 배치 방법을 보여준다. 이 방법은 도 15에 도시된 바와 같이 다수의 다면체 컴포넌트들이 곡선으로 연결될 수도 있고, 다른 실시예에서는 원 또는 직선으로 연결될 수도 있다. 컴포넌트의 선택은 사용자의 포커스가 이동하거나, 사용자의 포커스는 고정된 채 컴포넌 트들이 상하 또는 좌우로 이동함으로써 가능하다.FIG. 15 shows a layout method in which only the selected polyhedral component 1510 is enlarged and other components are gradually reduced in size, indicating a natural connection between information. This method may be a plurality of polyhedral components connected in a curve as shown in Figure 15, in another embodiment may be connected in a circle or a straight line. The component can be selected by moving the focus of the user or by moving the components vertically or horizontally with the focus of the user fixed.

도 16은 동일한 크기의 다수의 다면체 컴포넌트들을 격자모양으로 배치되고, 특정 컴포넌트가 선택되면 그 컴포넌트가 전체화면으로 확대되어 표시되는 배치 방법을 보여준다. 이 방법은 많은 양의 정보를 간략하게 하나의 화면상에 펼쳐보여주는 방식으로 더 상세한 정보를 알고 싶은 경우에는 해당 컴포넌트를 선택하여 확대하면 된다.FIG. 16 illustrates a layout method in which a plurality of polyhedron components having the same size are arranged in a grid shape and when a specific component is selected, the component is enlarged and displayed on the full screen. This method simply displays a large amount of information on one screen. If you want to know more detailed information, you can select and expand the corresponding component.

도 17은 정보가 표시된 여러 다면체 컴포넌트들을 동일한 크기로 한 줄로 펼쳐서 보여주거나 여러 컴포넌트들이 쌓여진 상태로 보여주는 배치 방법을 보여준다. 이 방법을 통해 사용자는 한 방향의 시선처리를 통해 일관성 있는 정보 검색을 할 수 있다. 사용자가 입력 수단으로 상하로 이동하여 특정 컴포넌트를 선택하면 선택된 컴포넌트의 윗면에 공간이 생성되어 더욱 상세한 정보를 보여준다. 컴포넌트의 선택은 사용자의 포커스가 이동하거나, 사용자의 포커스는 고정된 채 컴포넌트들이 상하 또는 좌우로 이동함으로써 가능하다.FIG. 17 shows a layout method in which multiple polyhedron components on which information is displayed are displayed in a single row in the same size or in a state where several components are stacked. This method allows the user to search information consistently through one-way gaze processing. When the user moves up and down by the input means and selects a specific component, a space is created on the top of the selected component to display more detailed information. The selection of a component can be performed by moving the focus of the user or by moving the components vertically or horizontally while the focus of the user is fixed.

도 18은 다수의 컴포넌트들을 방사형으로 배치함으로써 정보의 트리구조를 한눈에 파악할 수 있는 배치 방법을 보여준다. 사용자가 관심있는 정보가 표시된 컴포넌트를 선택하면 해당 컴포넌트가 확대되고 관련 정보들이 나열된다. 이때 주변의 선택되지 않은 컴포넌트들은 축소되거나 멀어진다.18 illustrates an arrangement method in which a tree structure of information can be grasped at a glance by arranging a plurality of components radially. When the user selects a component that displays information of interest, the component is expanded and related information is listed. At this time, the surrounding unselected components are reduced or moved away.

도 19는 많은 양의 정보들이 뒤로 겹쳐져서 보여지고 현재 선택된 컴포넌트의 정보가 가장 앞에 위치하며 중요하지 않은 정보들은 뒤쪽에 위치하는 배치 방법을 보여준다. 겹쳐져 있는 정보면 중 하나를 사용자가 꺼내보는 방식은 다음의 방 식들이 가능하다. 19 shows a layout method in which a large amount of information is shown superimposed backwards, information of a currently selected component is located at the front, and information which is not important is located at the back. The user can take out one of the overlapping information pages in the following ways.

첫째, 사용자가 지정한 정보면이 슬라이드 되면서 튀어 나오는 방식(1910)으로, 슬라이딩 되는 방향, 슬라이딩이 멈추는 시점과 위치 등은 UI의 디자인 단계에서 다양하게 설정할 수 있다. 둘째, 일반 책에서 페이지를 넘기는 것과 유사하게 사용자가 지정한 정보면의 앞에 있는 모든 정보면들이 넘겨지는(flip) 방식(1920)으로 지정한 정보면이 보여진다. 셋째, 사용자가 지정한 정보면의 앞에 있는 모든 정보면들이 투명하게 바뀌는 방식(1930)이다.First, in a method 1910 in which a user-specified information surface slides out and slides, a sliding direction, a time point and a position at which the sliding stops may be variously set at the design stage of the UI. Second, similar to the turning of pages in a general book, the information plane designated by the method 1920 is flipped as all the information planes before the user-specified information plane are flipped. Third, a method 1930 in which all information planes in front of a user-specified information plane are changed to be transparent.

지금까지 MGUI 환경을 구성하는 다양한 구성 요소들을 설명하였는데, 특히 MGUI 컴포넌트에는 '이벤트 헬퍼(event helper)'라고 불리우는 특별한 MGUI 컴포넌트가 있다.The various components that make up the MGUI environment have been described so far. In particular, the MGUI component has a special MGUI component called an event helper.

이벤트 헬퍼는 임의의 MGUI 객체에 설정된 이벤트를 유발(trigger)하는 역할을 하는데, 이 때, 상기 이벤트는 새로 생성되는 MGUI 객체에 설정될 수 있다. 또한, 이벤트 헬퍼에 특정 이벤트가 지정되어 MGUI 객체에 적용될 수도 있는데, 이렇게 특정 이벤트가 지정된 이벤트 헬퍼에는 '활성화 이벤트 헬퍼(activation event helper)', '공간 점프 이벤트 헬퍼(space jump envent helper)', '유도 이벤트 헬퍼(attraction event helper)' 등이 있다. 이하에서 구체적으로 설명한다.The event helper triggers an event set in an arbitrary MGUI object. At this time, the event may be set in a newly created MGUI object. In addition, a specific event may be specified in the event helper and applied to the MGUI object. The event helper in which the specific event is assigned may be assigned to an 'activation event helper', 'space jump envent helper', ' "Attraction event helper". It demonstrates concretely below.

(1) 활성화 이벤트 헬퍼(activation event helper)(1) activation event helper

어떤 객체가 활성화 이벤트 헬퍼에 접촉하거나 활성화 이벤트 헬퍼 내에 들어왔을 때 그 객체가 가지고 있는 이벤트 또는 활성화 이벤트 헬퍼에 설정되어 있는 이벤트 활성화 정보에 따라 해당하는 이벤트가 시작된다. 후자의 경우 예컨대, '동영상 재생'이라는 이벤트 활성화 정보를 갖는 활성화 이벤트 헬퍼에 동영상을 갖는 객체가 들어오면 동영상이 자동으로 재생된다. 또다른 실시예로서, '문서 편집'이라는 이벤트 활성화 정보를 갖는 활성화 이벤트 헬퍼에 해당하는 문서 객체가 들어오면 문서 편집을 위한 어플리케이션 프로그램이 자동으로 실행된다.When an object contacts or enters an activation event helper, the corresponding event is triggered based on the event that the object has or the event activation information set in the activation event helper. In the latter case, for example, a video is automatically played when an object having a video enters into an activation event helper having event activation information called 'video play'. As another embodiment, when a document object corresponding to an activation event helper having event activation information called 'document editing' is received, an application program for editing a document is automatically executed.

(2) 공간 점프 이벤트 헬퍼(space jump envent helper)(2) space jump envent helper

서로 다른 두 활성 공간에 놓인 두 개의 공간 점프 이벤트 헬퍼 간에 연결을 만들어 둔 상태에서 어떤 객체가 두 개의 공간 점프 이벤트 헬퍼 중 어느 한 공간 점프 이벤트 헬퍼의 내부로 들어오거나 또는 부분적으로 들어오는 경우 그 공간 점프 이벤트 헬퍼에 연결되어 있는 다른 공간 점프 이벤트 헬퍼로 공간 이동을 하게 된다.If a connection is made between two space jump event helpers placed in two different active spaces and an object enters or partially enters one of the two space jump event helpers, the space jump event. Another space jump event helper connected to the helper will move the space.

즉, 공간 점프 이벤트 헬퍼는 3차원 공간의 정보를 이용함에 있어서 효율적으로 정보간의 이동을 할 수 있도록 하는 역할을 한다. 따라서, 공간 점프 이벤트 헬퍼를 이용하여 공간 간의 이동을 설정해 놓으면 이동되는 경로를 빠르게 동적으로 보여줌으로써 정보의 흐름과 연결을 사용자가 자연스럽게 따라갈 수 있게 된다. 이 때, 이동되는 경로는 연결되는 이벤트 헬퍼를 식별하는 식별 정보에 의해 설정될 수 있다. 바람직하게는 상기 식별 정보는 이벤트 헬퍼의 이름 또는 이벤트 헬퍼의 위치 좌표 등으로 할 수 있다.That is, the space jump event helper plays a role of efficiently moving information between three-dimensional spaces. Therefore, if the movement between spaces is set by using the space jump event helper, the user can naturally follow the flow and connection of information by quickly and dynamically showing the moving path. At this time, the path to be moved may be set by identification information identifying an event helper to be connected. Preferably, the identification information may be a name of the event helper or a position coordinate of the event helper.

공간 점프 이벤트 헬퍼의 기본 형태는 바람직하게는 반투명한 육면체의 형태로 할 수 있지만, 삼각형, 사각형, 육각형, 원형 다이얼 등과 같은 다양한 다면체의 형태로도 변형 가능하다. 또한, 공간 점프 이벤트 헬퍼는 면이 없이 선으로만 표현하는 것도 가능하고, 공간 점프 이벤트 헬퍼의 각 면에도 정보를 나타낼 수 있다.The basic form of the space jump event helper is preferably in the form of a translucent cube, but can also be modified in the form of various polyhedrons such as triangles, squares, hexagons, circular dials, and the like. In addition, the space jump event helper may be represented only by a line without a face, and information may be displayed on each face of the space jump event helper.

도 20에서 본 발명의 실시예에 따라 공간 점프 이벤트 헬퍼를 이용하여 동영상 객체를 순간적으로 공간 이동시키는 과정을 나타내고 있다. 이 때, 동영상 객체가 공간 이동하는 방법에는 이동 경로를 보여주지 않고 순간적으로 이동하는 '순간 이동' 방법과 이동 경로를 보여 주는 '경로 이동' 방법이 있다. 또한 '경로 이동' 방법에는 이동 경로의 궤적을 보여 주는 방법과 궤적은 보여 주지 않고 동영상 객체가 이동하는 모습만 빠르게 보여 주는 방법이 있다. 도 20에서는 순간 이동 방법에 의한 공간 이동을 나타내고 있다.20 illustrates a process of temporarily moving a video object by using a space jump event helper according to an embodiment of the present invention. At this time, there are two methods of moving a video object in space, but a 'momentary movement' method of instantaneous movement without showing a movement path and a 'path movement' method showing a movement path. In addition, there are two methods of 'route movement' which show the trajectory of the moving path and the method of quickly showing the moving object without showing the trajectory. In FIG. 20, the spatial movement by the instantaneous movement method is shown.

이와 같이 공간 점프 이벤트 헬퍼를 이용하여 공간 간의 이동을 설정해 놓으면 이동되는 경로를 빠르게 동적으로 나타냄으로써 정보의 흐름과 연결을 사용자가 자연스럽게 따라 갈 수 있게 된다.As such, when the movement between spaces is set using the space jump event helper, the user can naturally follow the flow and connection of information by quickly and dynamically indicating the moving path.

도 21은 본 발명의 실시예에 따른 공간 점프 이벤트 헬퍼의 동작 과정을 나타내는 플로우차트이다. 21 is a flowchart illustrating an operation process of a space jump event helper according to an embodiment of the present invention.

우선 사용자가 공간 이동을 하고자 하는 정보 객체를 선택한다(S2110). 그리고 나서, 선택한 정보 객체를 선택한 정보 객체가 존재하는 공간과 동일한 공간에 있는 공간 점프 이벤트 헬퍼로 진입시킨다(S2120). 이 때, 상기 공간 점프 이벤트 헬퍼는 지정된 공간에 존재하는 공간 점프 이벤트 헬프를 식별하는 식별 정보를 갖는다. 바람직하게는 상기 식별 정보는 이벤트 헬퍼의 이름, 이벤트 헬퍼가 존재하는 공간의 이름 또는 이벤트 헬퍼의 위치 좌표 등으로 할 수 있다. 따라서, 상기 식별 정보를 참조하여 사용자에 의해 선택된 정보 객체가 지정된 공간에 있는 공간 점프 이벤트 헬퍼로 이동하게 된다(S2130). 그리고 나서, 사용자가 이동된 공간에서 상기 정보 객체를 사용할 수 있게 된다(S2140).First, the user selects an information object to be moved in space (S2110). Then, the selected information object is entered into the space jump event helper in the same space as the space in which the selected information object exists (S2120). At this time, the space jump event helper has identification information for identifying a space jump event help existing in the designated space. Preferably, the identification information may be a name of an event helper, a name of a space in which the event helper exists, or a location coordinate of the event helper. Therefore, the information object selected by the user with reference to the identification information is moved to the space jump event helper in the designated space (S2130). Then, the user can use the information object in the moved space (S2140).

도 22a 내지 도 22d는 본 발명의 실시예에 따른 공간 점프 이벤트 헬퍼 간의 경로 지정 방법을 나타내는 예시도이다.22A to 22D are exemplary views illustrating a path designation method between space jump event helpers according to an exemplary embodiment of the present invention.

도 22a는 서로 다른 2개의 공간에 있는 공간 점프 이벤트 헬퍼 간의 경로 지정 방법을 나타낸 것으로서, A 공간 점프 이벤트 헬퍼에는 B 공간 점프 이벤트 헬퍼로 이동하기 위한 경로가 지정되어 있고, B 공간 점프 이벤트 헬퍼에는 A 공간 점프 이벤트 헬퍼로 이동하기 위한 경로가 지정되어 있다.FIG. 22A illustrates a path designation method between a space jump event helper in two different spaces, in which a path for moving to the B space jump event helper is designated in the A space jump event helper, and A in the B space jump event helper. The path to the space jump event helper is specified.

도 22b는 서로 다른 2개 이상의 공간에 있는 공간 점프 이벤트 헬퍼 간의 경로 지정 방법을 나타낸 것으로서, A 공간 점프 이벤트 헬퍼에는 B 공간 점프 이벤트 헬퍼로 이동하기 위한 경로가 지정되어 있고, B 공간 점프 이벤트 헬퍼에는 C 공간 점프 이벤트 헬퍼로 이동하기 위한 경로가 지정되어 있으며, C 공간 점프 이벤트 헬퍼에는 D 공간 점프 이벤트 헬퍼로 이동하기 위한 경로가 지정되어 있다. 따라서, 정보 객체를 서로 다른 공간으로 연속적으로 이동시킬 수도 있다.22B illustrates a path designation method between space jump event helpers in two or more different spaces. A path for moving to a B space jump event helper is specified in the A space jump event helper, and a B space jump event helper is specified in FIG. A path for moving to the C-space jump event helper is specified, and a path for moving to the C-space jump event helper is specified. Therefore, the information object may be continuously moved to different spaces.

도 22c는 하나의 공간 점프 이벤트 헬퍼가 다수의 이동 경로가 지정되어 있는 이동 경로 목록에 대한 정보를 포함하는 것을 나타내고 있다. 따라서, 사용자는 정보 객체를 선택적으로 다수의 이동 경로 중 원하는 공간 점프 이벤트 헬퍼 또는 공간으로 이동시킬 수 있다.FIG. 22C shows that one spatial jump event helper includes information on a movement path list in which a plurality of movement paths are designated. Accordingly, the user can selectively move the information object to a desired space jump event helper or space among a plurality of moving paths.

도 22d는 사용자에 의해 이동 경로가 입력되는 경우를 나타내는 것으로서, 공간 점프 이벤트 헬퍼의 내부에 사용자가 이동 경로를 입력할 수 있는 경로 입력창을 구비하도록 한다. 사용자는 상기 경로 입력창에 사용자가 이동하고자 하는 공간 점프 이벤트 헬퍼 또는 공간의 이름을 직접 입력함으로써 원하는 공간으로 이동할 수 있다.FIG. 22D illustrates a case in which a moving path is input by a user, and includes a path input window in which the user can input a moving path in the space jump event helper. The user may move to a desired space by directly inputting a space jump event helper or a space name to be moved by the user in the path input window.

도 23은 본 발명의 실시예에 따른 공간 점프 이벤트 헬퍼를 이용한 정보 객체의 공간 이동을 나타내는 예시도로서, 같은 화면에서 보이는 서로 다른 두 공간으로 정보 객체를 이동시키고 있는 것을 나타내고 있다.FIG. 23 is an exemplary diagram illustrating a space movement of an information object using a space jump event helper according to an embodiment of the present invention and shows that the information object is moved to two different spaces visible on the same screen.

제1 공간 점프 이벤트 헬퍼(2320)와 제2 공간 점프 이벤트 헬퍼(2340)는 각각 서로 다른 공간에 존재하고 있으며, 현재 정보 객체(2300)는 제1 공간 점프 이벤트 헬퍼(2320)와 동일한 공간에 위치하고 있다. 이 때, 사용자가 제2 공간 점프 이벤트 헬퍼(2340)가 존재하는 공간으로 정보 객체(2300)를 이동시키고자 하면, 정보 객체(2300)는 이동 경로(2360)를 따라 제2 공간 점프 이벤트 헬퍼(2340)로 이동한다. 이 때, 정보 객체(2300)를 포함하고 있는 제2 공간 점프 이벤트 헬퍼(2340)가 화면의 앞쪽으로 이동하면서 제2 공간 점프 이벤트 헬퍼(2340)가 존재하는 공간과 정보 객체(2300)가 확대되고, 이렇게 확대된 공간에서 사용자는 정보 객체(2300)를 이용할 수 있게 된다.The first space jump event helper 2320 and the second space jump event helper 2340 exist in different spaces, and the current information object 2300 is located in the same space as the first space jump event helper 2320. have. At this time, if the user wants to move the information object 2300 to the space in which the second space jump event helper 2340 is present, the information object 2300 moves along the movement path 2360 to the second space jump event helper ( 2340). At this time, while the second space jump event helper 2340 including the information object 2300 moves to the front of the screen, the space where the second space jump event helper 2340 exists and the information object 2300 are enlarged. In this enlarged space, the user can use the information object 2300.

도 24는 본 발명의 또다른 실시예에 따른 공간 점프 이벤트 헬퍼를 이용한 정보 객체의 공간 이동을 나타내는 예시도로서, 현재의 화면에서는 보이지 않는 다른 두 공간으로 정보 객체를 이동시키고 있는 것을 나타내고 있다.FIG. 24 is an exemplary diagram illustrating a space movement of an information object using a space jump event helper according to another embodiment of the present invention and shows that the information object is moved to two other spaces not visible on the current screen.

사용자는 현재의 A공간(2400)에서 특정한 정보 객체(2420)을 B공간(2450)으 로 이동시키고자 할 경우에 상기 정보 객체(2420)를 A공간(2400)에 있는 공간 점프 이벤트 헬퍼(2410)로 이동시킴으로써 상기 공간 점프 이벤트 헬퍼(2410)를 활성화시킨다. 이 때, 상기 정보 객체(2420)는 B공간(2450)에 있는 공간 점프 이벤트 헬퍼(2460)로 이동하게 되며, 화면에는 A공간(2400)이 사라지고 B공간(2450)이 나타난다. 한편, 사용자가 상기 정보 객체(2420)을 다시 A공간(2400)으로 이동시키고자 할 경우에는 상기 정보 객체(2420)를 B공간(2450)에 있는 공간 점프 이벤트 헬퍼(2460)로 이동시킴으로써 상기 공간 점프 이벤트 헬퍼(2460)를 활성화시킨다. 이 때, 상기 정보 객체(2420)는 A공간(2400)에 있는 공간 점프 이벤트 헬퍼(2410)로 이동하게 되며, 화면에는 B공간(2450)이 사라지고 A공간(2400)이 나타나게 된다.When the user wants to move a specific information object 2420 from the current A space 2400 to the B space 2450, the user moves the information object 2420 in the A space 2400. The space jump event helper 2410 is activated by moving to. At this time, the information object 2420 moves to the space jump event helper 2460 in the B space 2450, and the A space 2400 disappears and the B space 2450 appears on the screen. On the other hand, when the user wants to move the information object 2420 back to the space A 2400, the space is moved by moving the information object 2420 to the space jump event helper 2460 in the space B 2450. Activate the jump event helper 2460. At this time, the information object 2420 moves to the space jump event helper 2410 in the A space 2400, and the B space 2450 disappears and the A space 2400 appears on the screen.

도 25a 및 도 25b는 본 발명의 실시예에 따른 공간 점프 이벤트 헬퍼를 이용한 작업 공간의 이동을 나타내는 예시도이다.25A and 25B are exemplary views illustrating movement of a work space using a space jump event helper according to an exemplary embodiment of the present invention.

예컨대, 사용자가 3차원 공간의 영역을 사무(Office) 작업 영역, 그래픽(Graphic) 작업 영역, 그리고 엔터테인먼트(Entertainment) 작업 영역으로 나누어 사용한다고 가정한다.For example, it is assumed that a user divides and uses an area of a three-dimensional space into an office work area, a graphic work area, and an entertainment work area.

이 때, 현재의 데스크탑(Desktop) 화면에는 도 25a에서 도시하는 바와 같이 각각의 작업 영역으로 이동할 수 있는 공간 점프 이벤트 헬퍼가 존재하는데, 사무(Office) 작업 영역으로 이동하는 공간 점프 이벤트 헬퍼를 'O'로 나타내고, 그래픽(Graphic) 작업 영역으로 이동하는 공간 점프 이벤트 헬퍼를 'G'로 나타내고, 엔터테인먼트(Entertainment) 작업 영역으로 이동하는 공간 점프 이벤트 헬퍼를 'E'로 나타내고 있다. 각각의 공간 점프 이벤트 헬퍼에는 각각의 공간으로 이동하 기 위한 이동 경로 정보를 포함하고 있다. 바람직하게는 상기 이동 경로 정보는 각각의 작업 영역에 존재하는 공간 점프 이벤트 헬퍼의 이름 또는 각각의 작업 영역이 속해 있는 공간의 이름을 포함한다.At this time, as shown in FIG. 25A, there is a space jump event helper that can move to each work area, and the space jump event helper that moves to the office work area is 'O'. The space jump event helper moving to the graphical work area is represented by 'G', and the space jump event helper moving to the entertainment work area is represented by 'E'. Each space jump event helper includes movement path information for moving to each space. Preferably, the moving path information includes a name of a space jump event helper present in each work area or a name of a space to which each work area belongs.

만일 사용자가 데스크탑(Desktop) 화면에서 문서 작업을 하기 위한 프로그램을 사용하고자 할 경우 도 25a 도시된 공간 점프 이벤트 헬퍼 중 'O'를 선택한다. 이 때, 도 25b에서 도시한 것과 같이 데스크탑(Desktop)이 사무(Office) 작업 영역으로 이동하여 사용자는 원하는 프로그램을 사용할 수 있게 되는 것이다.If the user wants to use a program for working with documents on the desktop screen, select 'O' among the space jump event helpers shown in FIG. 25A. At this time, as shown in FIG. 25B, the desktop moves to the office work area so that the user can use a desired program.

공간 점프 이벤트 헬퍼의 또다른 실시예로서, 현재의 사용자 인터페이스 환경에서 사용자가 작업하고 있는 문서가 매우 긴 경우에, 마커(marker) 기능을 사용함으로써 문서간의 빠른 이동 및 수정이 가능할 수 있는데, 이러한 경우와 같이 공간 점프 이벤트 헬퍼는 3차원 공간 환경에서 문서 작업시 마커(marker) 기능을 대신할 수도 있다.As another embodiment of the space jump event helper, when the user is working with a very long document in the current user interface environment, the marker function may be used to quickly move and modify the document. As such, the space jump event helper may replace a marker function when working with a document in a 3D space environment.

(3) 유도 이벤트 헬퍼(attraction event helper)(3) attraction event helper

유도 이벤트 헬퍼는 마치 자석이 쇠를 끌어오듯 유조 조건을 만족하는 다른 객체들을 유도한다. MGUI 개발자는 유도 이벤트 헬퍼를 만들 때 유도 조건을 설정해 주어야 한다. 예컨대 '동영상 미디어 찾기'라는 유도 조건이 주어진 유도 이벤트 헬퍼의 경우, 사용자가 이 유도 이벤트 헬퍼를 MGUI 환경에서 끌고 다니면 동영상을 포함하고 있는 객체들이 유도 이벤트 헬퍼 쪽으로 모이게 된다.The guided event helper guides other objects that satisfy the tank's conditions, just as a magnet pulls iron. The MGUI developer must set the induction conditions when creating the induction event helper. For example, in the case of a guide event helper given a guide condition of 'finding a video media', when a user drags the guide event helper in the MGUI environment, objects including a video are gathered toward the guide event helper.

한편, 이벤트 헬퍼는 여러 가지 기본 속성을 갖을 수 있는데, 예컨대 이벤트 헬퍼가 육면체인 경우, 면의 색상, 선의 색상, 면의 투명도, 육면체의 크기, 각 면 의 번호, 각 면의 정보면 속성, 육면체의 이름, 특수 옵션, 이벤트(활성화 이벤트의 경우), 연결된 다른 이벤트 헬퍼의 정보(공간 점프 이벤트 헬퍼인 경우), 유도 조건(유도 이벤트 헬퍼인 경우), 이벤트 유발 조건 등이 있다.On the other hand, the event helper may have a number of basic properties, for example, if the event helper is a cube, the color of the face, the color of the line, the transparency of the face, the size of the cube, the number of each face, the information plane attribute of each face, and the cube Name, special options, events (for activation events), information about other connected event helpers (for space jump event helpers), induction conditions (for inductive event helpers), and event triggering conditions.

면과 선의 색상은 MGUI 환경이 구축된 시스템에서 지원하는 색상에 해당하는 값으로 설정될 수 있다.The color of the face and line can be set to a value corresponding to the color supported by the system where the MGUI environment is built.

면의 투명도는 예컨대 가장 투명한 면의 경우를 0으로, 가장 불투명한 면의 경우를 100으로 함으로써 0부터 100까지의 값으로 설정할 수 있다.The transparency of the face can be set to a value from 0 to 100, for example, by setting 0 for the most transparent face and 100 for the most opaque face.

육면체의 크기는 0이상의 값으로 나타낼 수 있고, 각 면의 번호는 0부터 5까지 연속된 값으로 나타낼 수 있다.The size of the cube can be represented by a value of 0 or more, and the number of each face can be represented by a continuous value from 0 to 5.

각 면의 정보면 속성은 'TRUE' 또는 'FALSE'로 나타낼 수 있으며, 이 때 'TRUE'로 나타낸 면에 정보가 표현될 수 있다. 또한 육면체를 구성하는 모든 면에 정보면 속성이 부여될 수 있다.The information plane attribute of each plane may be represented by 'TRUE' or 'FALSE', and information may be expressed on the plane represented by 'TRUE'. In addition, the information plane property may be given to all the faces constituting the cube.

육면체의 이름은 MGUI 환경이 구축된 시스템에서 지원하는 텍스트 형태의 코드로 설정할 수 있다.The name of the cube can be set to textual code supported by the system where the MGUI environment is built.

특수 옵션은 이벤트 헬퍼가 활성화 이벤트 헬퍼인지, 공간 점프 이벤트 헬퍼인지, 유도 이벤트 헬퍼인지를 나타낸다.Special options indicate whether the event helper is an active event helper, a space jump event helper, or a guided event helper.

이벤트는 이벤트 헬퍼가 활성화 이벤트 헬퍼인 경우, 지원되는 이벤트 중 적어도 1개 이상 설정될 수 있다.An event may be set in at least one of supported events when the event helper is an activation event helper.

연결된 다른 이벤트 헬퍼의 정보는 이벤트 헬퍼가 공간 점프 이벤트 헬퍼인 경우, 다른 활성 공간에 존재하는 공간 점프 이벤트 헬퍼의 식별 정보로 설정할 수 있는데, 바람직하게는 상기 식별 정보로는 이벤트 헬퍼의 이름으로 할 수 있다.If the event helper is a space jump event helper, the information of another connected event helper may be set as identification information of a space jump event helper existing in another active space. Preferably, the identification information may be the name of the event helper. have.

유도 조건은 이벤트 헬퍼가 유도 이벤트 헬퍼인 경우, 지원되는 유도 조건 중 적어도 1개 이상 설정될 수 있다.The induction condition may be set to at least one of the supported induction conditions when the event helper is the induction event helper.

이벤트 유발 조건은 이벤트 헬퍼에 의해 이벤트가 유발되기 위해 객체가 이벤트 헬퍼에 접촉하기만 해도 되는지, 아니면 객체가 이벤트 헬퍼에 완전히 포함되어야 하는지를 나타낸다.The event trigger condition indicates whether the object only needs to contact the event helper for the event to be triggered by the event helper, or whether the object must be fully included in the event helper.

한편, 이벤트 헬퍼도 MGUI 컴포넌트에 해당하므로 모션을 갖는다. 예컨대, 어떤 객체가 이벤트 헬퍼의 내부로 들어오거나 또는 부분적으로 들어오게 되면, 그 객체의 외형이 그물을 씌운 듯한 점선으로 바뀌게 된다. 이렇게 함으로써, 이벤트 헬퍼와 객체가 연동되었음을 알 수 있게 되는데, 도 26에서는 이와 같은 이벤트 헬퍼의 모션을 도시하고 있다. 또한, 유도 옵션이 설정된 경우 유도 조건을 만족하는 객체들이 유도 이벤트 헬퍼로 서서히 모여들게 된다. 이 때, 유도 이벤트 헬퍼와 접촉하는 객체들은 유도 이벤트 헬퍼에 붙어 다닐 수도 있다.On the other hand, the event helper also corresponds to the MGUI component and thus has motion. For example, when an object enters or partially enters the event helper, the object's appearance changes to a dotted net. By doing so, it can be known that the event helper and the object are interworked, and FIG. 26 illustrates the motion of the event helper. In addition, when the induction option is set, objects satisfying the induction condition are gradually gathered to the induction event helper. In this case, objects that contact the guide event helper may be attached to the guide event helper.

사용자는 이벤트 헬퍼를 화면 상에서 이동시켜 다른 객체에 접촉시키거나 다른 객체를 포함하게 할 수도 있다.The user may move the event helper on the screen to contact or include other objects.

한편, 이벤트 헬퍼도 MGUI 컴포넌트에 해당하므로 도 5 및 도 6에서 설명한 블록 구조를 통하여 생성되고 사용자에게 제공될 수 있다. 이하에서는 공간 점프 이벤트 헬퍼를 예로 하여 설명하기로 한다.Meanwhile, since the event helper also corresponds to the MGUI component, the event helper may be generated and provided to the user through the block structure described with reference to FIGS. 5 and 6. Hereinafter, the space jump event helper will be described as an example.

이벤트 헬퍼를 제공하는 사용자 인터페이스 제공 장치(500)에 있어서, 제어 모듈(530)은 다른 공간에 존재하는 이벤트 헬퍼에 대한 식별 정보를 포함하는 이벤 트 헬퍼를 생성한다. 이 때, 식별 정보로는 이벤트 헬퍼의 이름 또는 이벤트 헬퍼의 위치 좌표 등으로 할 수 있으며, 생성된 이벤트 헬퍼에 대한 정보와 생성된 이벤트 헬퍼의 위치 정보 등은 저장 모듈(550)에 저장된다.In the apparatus 500 for providing an event helper, the control module 530 generates an event helper including identification information about an event helper existing in another space. In this case, the identification information may be the name of the event helper or the location coordinates of the event helper. Information about the generated event helper and location information of the generated event helper may be stored in the storage module 550.

사용자가 입력 모듈(510)을 통하여 특정한 정보 객체를 선택하면, 제어 모듈(530)은 입력 모듈(510)로부터 선택된 정보 객체의 위치 정보와 저장 모듈(550)에 저장된 이벤트 헬퍼의 위치 정보를 사용자 인터페이스 모듈(520)로 전달한다.When the user selects a specific information object through the input module 510, the control module 530 may display the location information of the information object selected from the input module 510 and the location information of the event helper stored in the storage module 550. Transfer to module 520.

사용자 인터페이스 모듈(520)에서는 상기 두 위치 정보를 비교하여 정보 객체가 이벤트 헬퍼의 내부에 위치하거나, 부분적으로 이벤트 헬퍼의 내부에 위치한다고 판단되는 경우에는 식별 정보에 의해 식별되는 다른 이벤트 헬퍼의 내부에 위치하도록 정보 객체의 위치 정보를 변경한다. 이러한 동작은 사용자 인터페이스 모듈(520)에 있는 모션 처리 모듈(522)에 의해 수행될 수 있다. 이 때, 사용자 인터페이스 모듈(520)은 제어 모듈(530)로 하여금 상기 식별 정보에 의해 식별되는 다른 이벤트 헬퍼에 대한 정보를 저장 모듈(550)로부터 추출하여 사용자 인터페이스 모듈(520)에게 제공하도록 할 수 있다. 또한, 정보 객체와 이벤트 헬퍼가 연동하고 있음을 나타내기 위하여 정보 객체의 외형이 점선으로 바뀌게 할 수도 있다.The user interface module 520 compares the two location information, and if it is determined that the information object is located inside the event helper or partially inside the event helper, the user interface module 520 may store the information object in the other event helper identified by the identification information. Change the location information of the information object so that it is located. This operation may be performed by the motion processing module 522 in the user interface module 520. At this time, the user interface module 520 may cause the control module 530 to extract information about the other event helper identified by the identification information from the storage module 550 and provide it to the user interface module 520. have. In addition, the appearance of the information object may be changed to a dotted line to indicate that the information object and the event helper are linked.

제어 모듈(530)은 사용자 인터페이스 모듈(520)에 의해 처리된 결과를 받아서 출력 모듈(540)로 전달하고, 출력 모듈(540)은 상기 결과를 디스플레이하게 된다.The control module 530 receives the result processed by the user interface module 520 and transmits the result to the output module 540, and the output module 540 displays the result.

한편, 이벤트 헬퍼도 MGUI 컴포넌트에 해당하므로 사용자의 작용(Action)에 의해 이벤트 헬퍼의 모션이 발생하는 과정은 도 7에서 설명한 과정이 그대로 적용 될 수 있다.On the other hand, since the event helper also corresponds to the MGUI component, the process described in FIG. 7 may be applied to the process of generating the motion of the event helper by the user's action.

이상에서 설명한 본 발명은, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에 있어 본 발명의 기술적 사상을 벗어나지 않는 범위 내에서 여러 가지 치환, 변형 및 변경이 가능하므로 전술한 실시예 및 첨부된 도면에 한정하는 것은 아니다.The present invention described above is capable of various substitutions, modifications, and changes without departing from the spirit of the present invention for those skilled in the art to which the present invention pertains. It is not limited to drawing.

본 발명의 실시에 따라 3차원 컴포넌트를 이용하여 동적인 3차원 UI를 제공함으로써 정보의 전달에 있어서 직관적이고 사용자의 감성을 만족시킬 수 있는 효과가 있다.According to the embodiment of the present invention, by providing a dynamic three-dimensional UI using a three-dimensional component has an effect that can be intuitive and satisfy the user's emotion in the transfer of information.

또한, 공간 점프 이벤트 헬퍼를 이용하여 공간 간의 이동을 설정해 놓음으로써 이동되는 경로를 빠르게 동적으로 나타내어 정보의 흐름과 연결을 사용자가 자연스럽게 따라 갈 수 있는 효과가 있다.In addition, by setting the movement between spaces using the space jump event helper, it is possible to quickly and dynamically represent the moving path so that the user can naturally follow the flow and connection of information.

Claims (10)

사용자로부터의 입력을 수신하는 입력 모듈; 및An input module for receiving an input from a user; And 정보 객체를 표시하는 그래픽 사용자 인터페이스를 출력하는 출력 모듈을 포함하는데,An output module that outputs a graphical user interface that displays an information object. 상기 그래픽 사용자 인터페이스는 제1 다면체 컴포넌트가 존재하는 제1 공간 및 제2 다면체 컴포넌트가 존재하는 제2 공간을 포함하며,The graphical user interface includes a first space in which a first polyhedral component exists and a second space in which a second polyhedral component exists, 상기 제1 다면체 컴포넌트는 상기 제2 다면체 컴포넌트를 식별하는 식별 정보를 포함하고,The first polyhedron component includes identification information identifying the second polyhedron component, 상기 수신한 입력에 대응하여 선택된 정보 객체가 상기 제1 다면체 컴포넌트의 내부에 위치하는 경우에, 상기 선택된 정보 객체는 상기 식별 정보를 이용하여 상기 제2 다면체 컴포넌트의 내부로 이동하는, 사용자 인터페이스를 제공하는 장치.When the selected information object corresponding to the received input is located inside the first polyhedron component, the selected information object moves to the inside of the second polyhedron component using the identification information. Device. 제1항에 있어서,The method of claim 1, 상기 다면체 컴포넌트는 육면체인, 사용자 인터페이스를 제공하는 장치.Wherein said polyhedron component is a hexahedron. 제1항에 있어서,The method of claim 1, 상기 다면체 컴포넌트는 반투명한 다면체 컴포넌트인, 사용자 인터페이스를 제공하는 장치.And wherein the polyhedron component is a translucent polyhedron component. 제1항에 있어서,The method of claim 1, 상기 식별 정보는 다면체 컴포넌트의 이름인, 사용자 인터페이스를 제공하는 장치.And the identification information is the name of a polyhedron component. 제1항에 있어서,The method of claim 1, 상기 식별 정보는 다면체 컴포넌트의 위치 좌표인, 사용자 인터페이스를 제공하는 장치.And the identification information is a position coordinate of a polyhedron component. 제1항에 있어서,The method of claim 1, 사용자에 의해 선택된 정보 객체가 상기 제1 다면체 컴포넌트의 내부에 위치하는 경우에, 상기 정보 객체의 외형이 점선으로 바뀌는, 사용자 인터페이스를 제공하는 장치.And when the information object selected by the user is located inside the first polyhedron component, the appearance of the information object is changed to a dotted line. 제1항에 있어서,The method of claim 1, 사용자에 의해 선택된 정보 객체가 상기 제1 다면체 컴포넌트의 내부에 부분적으로 위치하는 경우에, 상기 정보 객체는 상기 식별 정보를 이용하여 상기 제2 다면체 컴포넌트의 내부로 이동하는, 사용자 인터페이스를 제공하는 장치.And when the information object selected by the user is partially located inside the first polyhedron component, the information object moves to the inside of the second polyhedron component using the identification information. 제7항에 있어서,The method of claim 7, wherein 사용자에 의해 선택된 정보 객체가 상기 제1 다면체 컴포넌트의 내부에 부분적으로 위치하는 경우에, 상기 정보 객체의 외형이 점선으로 바뀌는, 사용자 인터페이스를 제공하는 장치.And when the information object selected by the user is partially located inside the first polyhedron component, the appearance of the information object is changed to a dotted line. 제1항에 있어서,The method of claim 1, 상기 정보 객체가 상기 식별 정보를 이용하여 상기 제2 다면체 컴포넌트의 내부로 이동하고, 상기 제2 공간이 확대되는,사용자 인터페이스를 제공하는 장치.And the information object is moved into the second polyhedron component using the identification information and the second space is enlarged. 이벤트 활성화 정보가 설정된 다면체 컴포넌트와, 상기 이벤트가 발생되는 정보 객체를 포함하는데,It comprises a polyhedron component in which event activation information is set, and an information object from which the event occurs. 상기 이벤트는 상기 정보 객체가 상기 다면체 컴포넌트 내에 위치할 때 상기 이벤트 활성화 정보에 따라 해당하는 이벤트가 발생되는, 사용자 인터페이스를 제공하는 장치.And the event generates a corresponding event according to the event activation information when the information object is located within the polyhedron component.
KR1020060042626A 2006-05-11 2006-05-11 Three dimensional motion graphic user interface, method and apparutus for providing the user interface KR100714718B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020060042626A KR100714718B1 (en) 2006-05-11 2006-05-11 Three dimensional motion graphic user interface, method and apparutus for providing the user interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020060042626A KR100714718B1 (en) 2006-05-11 2006-05-11 Three dimensional motion graphic user interface, method and apparutus for providing the user interface

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
KR1020040058265A Division KR100631763B1 (en) 2004-07-26 2004-07-26 3D motion graphic user interface and method and apparatus for providing same

Publications (2)

Publication Number Publication Date
KR20060058082A KR20060058082A (en) 2006-05-29
KR100714718B1 true KR100714718B1 (en) 2007-05-04

Family

ID=37153250

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020060042626A KR100714718B1 (en) 2006-05-11 2006-05-11 Three dimensional motion graphic user interface, method and apparutus for providing the user interface

Country Status (1)

Country Link
KR (1) KR100714718B1 (en)

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
해당없음

Also Published As

Publication number Publication date
KR20060058082A (en) 2006-05-29

Similar Documents

Publication Publication Date Title
KR100631763B1 (en) 3D motion graphic user interface and method and apparatus for providing same
KR100608589B1 (en) Three dimensional motion graphic user interface and method and apparutus for providing this user interface
KR100746008B1 (en) Three dimensional motion graphic user interface, apparatus and method for providing the user interface
KR100755684B1 (en) Three dimensional motion graphic user interface and method and apparutus for providing this user interface
KR100736078B1 (en) Three dimensional motion graphic user interface, apparatus and method for providing the user interface
US8024671B2 (en) Three-dimensional graphic user interface, and apparatus and method of providing the same
KR100643276B1 (en) Three dimensional motion graphic user interface and method and apparutus for providing this user interface
JP4536712B2 (en) Operating device and method for 3D GUI
US5546529A (en) Method and apparatus for visualization of database search results
CN102365635B (en) Interface navigation tools
US20130326424A1 (en) User Interface For Navigating In a Three-Dimensional Environment
JP2008123376A (en) Menu display, information processor, and menu display method
JP3754111B2 (en) Method for generating hierarchically related information and computer-controlled display system
KR20060014874A (en) Three dimensional motion graphic user interface and method and apparutus for providing this user interface
KR100714718B1 (en) Three dimensional motion graphic user interface, method and apparutus for providing the user interface
KR100562908B1 (en) Appratus and method for providing three dimensional motion graphic user interface
US20100023894A1 (en) System for selecting elements displayed on a screen
EP1621988A2 (en) Three-Dimensional Motion Graphic User Interface and method and apparatus for providing the same.
KR20060087840A (en) Method and apparatus for applications deployment using 3-dimensional graphic user interface
JPH0535437A (en) User&#39;s interface generation system

Legal Events

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

Payment date: 20160330

Year of fee payment: 10

FPAY Annual fee payment

Payment date: 20170330

Year of fee payment: 11

LAPS Lapse due to unpaid annual fee