KR20060014874A - Three dimensional motion graphic user interface and method and apparutus for providing this user interface - Google Patents

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

Info

Publication number
KR20060014874A
KR20060014874A KR1020040063597A KR20040063597A KR20060014874A KR 20060014874 A KR20060014874 A KR 20060014874A KR 1020040063597 A KR1020040063597 A KR 1020040063597A KR 20040063597 A KR20040063597 A KR 20040063597A KR 20060014874 A KR20060014874 A KR 20060014874A
Authority
KR
South Korea
Prior art keywords
motion
information
component
user interface
displayed
Prior art date
Application number
KR1020040063597A
Other languages
Korean (ko)
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 KR1020040063597A priority Critical patent/KR20060014874A/en
Publication of KR20060014874A publication Critical patent/KR20060014874A/en

Links

Images

Classifications

    • 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
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

3차원 모션 그래픽 사용자 인터페이스(Motion Graphic User Interface; 이하 MGUI라 함)및 이를 제공하는 방법 및 장치를 제공한다.A three-dimensional Motion Graphic User Interface (hereinafter referred to as MGUI) and a method and apparatus for providing the same are provided.

본 발명의 실시예에 따른 사용자 인터페이스 제공 장치는, 다수의 면으로 이루어진 다면고리, 및 다면고리의 면에 표시된 정보와 연관된 정보가 표시되는 정보공간을 포함하는 모션 다이얼 컴포넌트를 생성하는 제어 모듈, 제어 모듈에서 생성된 모션 다이얼 컴포넌트를 저장하는 저장 모듈, 모션 다이얼 컴포넌트에 대한 사용자의 작용에 관한 데이터를 입력받는 입력 모듈, 모션 다이얼 컴포넌트에 종속된 면 중 하나 이상의 면에 소정의 속성을 부여하고 속성에 따라 면에 표시되는 정보를 매핑하며, 입력 모듈에서 입력받은 사용자의 작용에 관한 데이터에 따라 모션 다이얼 컴포넌트 및 정보공간내에 표시되는 정보의 모션을 처리하고 모션에 따라 모션 다이얼 컴포넌트에 종속된 면 및 정보공간의 정보의 표시를 변화시키는 3차원 모션 그래픽 사용자 인터페이스 모듈, 및 3차원 모션 그래픽 사용자 인터페이스 모듈에 의해 처리된 결과를 디스플레이하는 출력 모듈을 포함한다.An apparatus for providing a user interface according to an embodiment of the present invention includes: a control module for generating a motion dial component including a multi-faceted ring having a plurality of faces and an information space on which information associated with information displayed on the face of the faceted ring is displayed; A storage module that stores the motion dial component generated by the module, an input module that receives data on the user's action on the motion dial component, and assigns a property to one or more of the faces that depend on the motion dial component. Maps the information displayed on the surface according to the motion module and processes the motion of the information displayed in the motion dial component and the information space according to the data of the user's action received from the input module and depends on the motion dial component according to the motion. Use 3D motion graphics to change the display of information in space An output module for displaying a result processed by the interface module, and a three-dimensional motion graphical user interface module.

3차원 모션 그래픽 사용자 인터페이스, 모션 다이얼 컴포넌트3D Motion Graphical User Interface, Motion Dial Components

Description

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

도 1은 종래의 PC 운영체제에서 지원하는 그래픽 사용자 인터페이스(Graphic User Interface) 컴포넌트를 사용한 UI를 보여주는 도면이다.FIG. 1 is a diagram showing a UI using a Graphic User Interface component supported by a conventional PC operating system.

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

도 3a 내지 도 3c는 모션 그래픽 사용자 인터페이스의 한 구성요소인 모션 다이얼 컴포넌트의 실시예를 보여주는 도면이다.3A-3C illustrate an embodiment of a motion dial component that is one component of a motion graphical user interface.

도 4a는 모션 다이얼 컴포넌트의 면에 정보가 매핑(Mapping)되는 일 실시예를 보여주는 도면이다.4A is a diagram illustrating an embodiment in which information is mapped to a surface of a motion dial component.

도 4b는 모션 다이얼 컴포넌트의 면에 매핑(Mapping)되는 정보가 3차원 입체형 정보일 경우를 보여주는 도면이다.FIG. 4B is a diagram illustrating a case where information mapped to a surface of a motion dial component is 3D stereoscopic information.

도 5는 본 발명에 따른 3차원 모션 그래픽 사용자 인터페이스를 제공하는 장치의 구성을 보여주는 도면이다.5 is a view showing the configuration of an apparatus for providing a three-dimensional motion graphics user interface according to the present invention.

도 6은 도 5에 도시된 사용자 인터페이스 모듈의 상세 구성을 보여주는 도면이다.FIG. 6 is a diagram illustrating a detailed configuration of the user interface module illustrated in FIG. 5.

도 7은 사용자의 작용(Action)에 의해 모션 다이얼 컴포넌트의 모션이 발생하는 과정을 보여주는 흐름도이다.7 is a flowchart illustrating a process of generating motion of a motion dial component by a user's action.

도 8은 모션 다이얼 컴포넌트의 모션(Motion) 중 위치가 이동되는 모습을 보여주는 도면이다.FIG. 8 is a diagram illustrating a positional movement of a motion dial component during motion.

도 9는 모션 다이얼 컴포넌트의 모션(Motion) 중 크기가 변하는 모습을 보여주는 도면이다.FIG. 9 is a diagram illustrating a change in size during motion of a motion dial component.

도 10은 모션 다이얼 컴포넌트의 모션(Motion) 중 회전의 일 실시예를 보여주는 도면이다.FIG. 10 illustrates an embodiment of rotation during motion of a motion dial component.

도 11은 모션 다이얼 컴포넌트의 모션(Motion) 중 스프링 락(Spring Lock)의 일 실시예를 보여주는 도면이다.FIG. 11 is a diagram illustrating an embodiment of a spring lock during motion of a motion dial component.

도 12는 모션 다이얼 컴포넌트의 모션(Motion) 중 모션 다이얼의 한 면이 선택되면서 정보공간에 정보객체가 표시되는 실시예를 보여주는 도면이다.FIG. 12 illustrates an embodiment in which an information object is displayed in an information space while one side of a motion dial is selected among motions of a motion dial component.

도 13은 카메라 뷰(Camera View)의 움직임에 따라 모션 다이얼 컴포넌트의 모션이 발생하는 일 실시예를 보여주는 도면이다.FIG. 13 is a diagram illustrating an embodiment in which motion of a motion dial component occurs according to a movement of a camera view.

도 14는 다수의 모션 다이얼 컴포넌트로 이루어진 사용자 인터페이스에 의해 정보가 표시되는 과정을 보여주는 도면이다.14 is a diagram illustrating a process of displaying information by a user interface composed of a plurality of motion dial components.

도 15 내지 도 20는 다수의 모션 다이얼 컴포넌트로 이루어진 그룹을 배치하는 실시예를 보여주는 도면이다.15-20 illustrate an embodiment of placing a group of multiple motion dial components.

도 21은 모션 다이얼 컴포넌트를 이용하여 핸드폰에서 전화번호를 검색하는 사용자 인터페이스를 보여주는 도면이다.21 illustrates a user interface for retrieving a phone number from a mobile phone using a motion dial component.

도 22는 모션 다이얼 컴포넌트를 이용하여 디지털 TV의 EPG를 보여주는 사용자 인터페이스를 나타내는 도면이다.FIG. 22 is a diagram illustrating a user interface showing an EPG of a digital TV using a motion dial component. FIG.

본 발명은 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 specifically, the three-dimensional motion graphic user interface (hereinafter, referred to as MGUI) is a three-dimensional dynamically changing function according to an action by a user. The present invention relates to a method and apparatus for providing a user interface that enhances visual effect and efficiency of information use by providing information in a user interface.

기존의 디지털 장치의 사용자 인터페이스(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를 보여주는 도면이다.FIG. 1 is a 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, they have not yet escaped from the concept of two-dimensional. As a result, the three-dimensional advantages of the three-dimensional components are not utilized in the way of use. 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. There are several inventions (for example, U.S. Patent No. 6,344,863 "Three-dimensional gui windows with variable-speed perspective movement" inventions) 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를 제공함으로써 직관적이고 사용자의 감성을 만족시키는 정보 제공 방법 및 장치를 제공하는데 그 목적이 있다. 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 3D components.

본 발명의 또 다른 목적은 3차원 GUI 환경에서 정보의 흐름을 자연스럽게 연결시켜주어 사용자 인식의 오류를 줄여주는 것이다. Another object of the present invention is to reduce the error of user recognition by naturally connecting the flow of information in a three-dimensional GUI environment.

한편, 본 발명의 또 다른 목적은 정보를 여러 각도에서 바라보고 컨트롤할 수 있게 됨으로써, 사용자가 정보를 더 명확하게 이해할 수 있도록 하는 것이다.On the other hand, another object of the present invention is to be able to view and control the information from various angles, so that the user can understand the information more clearly.

마지막으로 본 발명의 또 다른 목적은 모션 다이얼 컴포넌트를 이루고 있는 면들에 표시된 정보와 관련된 정보들을 정보공간에 표시함으로써 기존의 UI에 비하여 한정된 공간에 많은 양의 정보를 표시할 수 있도록 하는 것이다.Finally, another object of the present invention is to display a large amount of information in a limited space compared to the existing UI by displaying information related to the information displayed on the surfaces constituting the motion dial component in the information space.

본 발명의 목적들은 이상에서 언급한 목적들로 제한되지 않으며, 언급되지 않은 또 다른 목적들은 아래의 기재로부터 당업자에게 명확하게 이해되어질 수 있을 것이다. 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.

상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 사용자 인터페이스는, 다수의 면으로 이루어진 다면고리, 및 다면고리의 면에 표시된 정보와 연관된 정보가 표시되는 정보공간을 포함하며, 다면고리의 면 중 하나 이상의 면은 소정의 속성을 가지고, 다면고리의 면에 표시되는 정보는 속성에 따라 변형되어 표시되는 모션 다이얼 컴포넌트를 포함한다.In order to achieve the above object, a user interface according to an embodiment of the present invention includes a multi-faceted multi-faceted ring, and an information space on which information associated with information displayed on the face of the multi-faceted ring is displayed. At least one of the faces has a predetermined attribute, and the information displayed on the face of the multi-faceted ring includes a motion dial component that is transformed and displayed according to the attribute.

한편, 본 발명의 실시예에 따른 사용자 인터페이스 제공 장치는, 다수의 면으로 이루어진 다면고리, 및 다면고리의 면에 표시된 정보와 연관된 정보가 표시되는 정보공간을 포함하는 모션 다이얼 컴포넌트를 생성하는 제어 모듈, 제어 모듈에서 생성된 모션 다이얼 컴포넌트를 저장하는 저장 모듈, 모션 다이얼 컴포넌트에 대한 사용자의 작용에 관한 데이터를 입력받는 입력 모듈, 모션 다이얼 컴포넌트에 종속된 면 중 하나 이상의 면에 소정의 속성을 부여하고 속성에 따라 면에 표시되는 정보를 매핑하며, 입력 모듈에서 입력받은 사용자의 작용에 관한 데이터에 따라 모션 다이얼 컴포넌트 및 정보공간내에 표시되는 정보의 모션을 처리하고 모션에 따라 모션 다이얼 컴포넌트에 종속된 면 및 정보공간의 정보의 표시를 변화시키는 3차원 모션 그래픽 사용자 인터페이스 모듈, 및 3차원 모션 그래픽 사용자 인터페이스 모듈에 의해 처리된 결과를 디스플레이하는 출력 모듈을 포함한다.On the other hand, the user interface providing apparatus according to an embodiment of the present invention, a control module for generating a motion dial component including a multi-faceted ring consisting of a plurality of faces, and an information space in which information associated with information displayed on the face of the faceted ring is displayed. A predetermined value is given to at least one of a storage module for storing a motion dial component generated by the control module, an input module for receiving data on a user's action on the motion dial component, and a surface dependent on the motion dial component. Maps the information displayed on the face according to its properties, processes the motion of the information displayed in the motion dial component and information space according to the data about the user's action input from the input module, and depends on the motion dial component according to the motion. And 3D motion graphics for changing the presentation of information in the information space A user interface module, and an output module for displaying the results processed by the three-dimensional motion graphics user interface module.

상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 사용자 인터페이스 제공 방법은, 다수의 면으로 이루어진 다면고리, 및 다면고리의 면에 표시된 정보와 연관된 정보가 표시되는 정보공간을 포함하는 모션 다이얼 컴포넌트가 사용자에 의해 접근되는 단계, 사용자로부터 모션 다이얼 컴포넌트의 모션을 발생시키는 작용을 입력받는 단계, 및 작용에 따라 모션 다이얼 컴포넌트의 모션이 일어나는 단계를 포함한다.In order to achieve the above object, a method for providing a user interface according to an embodiment of the present invention, a motion dial component comprising a multi-faceted multi-faceted ring, and an information space in which information associated with information displayed on the face of the multi-faceted ring is displayed. Is accessed by the user, receives input from the user of an action that generates the motion of the motion dial component, and wherein the motion of the motion dial component occurs in accordance with the action.

기타 실시예들의 구체적인 사항들은 상세한 설명 및 도면들에 포함되어 있다. 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 those of ordinary skill 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.

이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 상세히 설명하기로 한다. Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings.

도 2는 본 발명의 실시예에 따른 MGUI의 전체 구성을 보여주는 도면이다.2 is a 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 through a three-dimensional 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)이다. 활성 공간에 MGUI에서 제공하는 사용자 인터페이스용 컴포넌트(240)들을 배치시키려면 활성 공간 안에서 다시금 정보 공간(230)의 영역을 설정해 주어야 한다. 즉, 정보 공간(230)은 활성 공간 안에서 MGUI 컴포넌트들(240)이 실제 놓일 수 있는 영역이다. 또한, 정보의 원활한 조작과 공간 관리를 위해 확보되는 일정 영역이다.The MGUI space 200 is a space area for building an MGUI environment, and when a space is designated, the space is divided into an active space 210 and an inactive space 220 according to the 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 components 240 for the user interface provided by the MGUI in the active space, the area of the information space 230 must be set again in the active space. That is, the information space 230 is an area where the MGUI components 240 can actually be placed in the active space. Also, it is a certain area secured for smooth manipulation of information and space management.

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

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

카메라 뷰(Camera View)는 MGUI 안에서의 시점(Viewpoint)을 말한다. 시점의 이동은 곧 공간 안에서의 네비게이션(Navigation)이 일어나는 것을 의미하며 이에 따라 공간 전체적으로 모션이 발생하게 된다. MGUI의 카메라 뷰는 MGUI의 각 컴포넌트들이 가지고 있는 고유의 모션 속성과 함께 MGUI 환경에서 모션을 일으키는 주된 요인이다. 이에 대한 상세한 설명은 도 15에서 후술하도록 한다.Camera view refers to the viewpoint within the MGUI. 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. Detailed description thereof will be described later with reference to FIG. 15.

도 3a 내지 도 3c는 모션 그래픽 사용자 인터페이스의 한 구성요소인 모션 다이얼 컴포넌트의 실시예를 보여주는 도면이다.3A-3C illustrate an embodiment of a motion dial component that is one component of a motion graphical user interface.

모션 다이얼 컴포넌트는 정보를 표시할 수 있는 다수의 각면(310)과 각면(310)에 표시된 정보와 관련된 정보객체가 표시될 수 있는 정보공간(320)으로 구성된다. 모션 다이얼 컴포넌트는 천정면(330)과 바닥면(340)을 선택적으로 포함할 수 있다. 모션 다이얼 컴포넌트는 천정면과 바닥면을 가진 다각기둥 모양의 컴포넌트와 천정면과 바닥면이 없는 다각기둥의 옆면만으로 구성된 다각고리 모양의 컴포넌트로 나누어질 수 있다. 여기서 다각고리란 삼각기둥, 사각기둥 등의 다각기둥에서 천정면과 바닥면이 없이 옆의 각면만으로 이루어진 위 아래가 뚫린 고리모양의 입체도형을 의미한다. 본 명세서에서는 다각고리의 각면은 서로 연결되어 있을 수도 있고 각면이 서로 떨어져 있을 수도 있다. The motion dial component is composed of a plurality of faces 310 capable of displaying information and an information space 320 in which information objects related to the information displayed on each face 310 can be displayed. The motion dial component can optionally include a ceiling surface 330 and a bottom surface 340. The motion dial component may be divided into a polygonal pillar-shaped component having a ceiling surface and a bottom surface, and a polygonal-shaped component having only a side surface of a polygonal pillar without a ceiling surface and a bottom surface. Here, the polycyclic ring refers to a ring-shaped three-dimensional figure in which the upper and lower sides of the polygonal pillars, such as a triangular prism and a square prism, consist of only sides of the side without a ceiling surface and a bottom surface. In this specification, each side of the polygonal ring may be connected to each other or each side may be separated from each other.

모션 다이얼 컴포넌트의 정보공간(320)은 모션 다이얼 컴포넌트의 내부에 위치하거나 외부에 독립된 공간으로 존재할 수 있다. 모션 다이얼 컴포넌트의 정보공간은 컴포넌트의 각면(310)에 배정된 정보객체 그룹이 표시되는 공간으로 무한대의 정보객체를 저장할 수 있다. 정보공간에 표시될 수 있는 정보객체는 MGUI의 모든 컴포넌트가 포함될 수 있다.The information space 320 of the motion dial component may be located inside the motion dial component or exist as an independent space outside. The information space of the motion dial component is a space in which a group of information objects assigned to each side 310 of the component is displayed, and can store an infinite number of information objects. An information object that can be displayed in the information space may include all components of the MGUI.

도 3a는 각면(310)이 서로 떨어져있는 다각고리 모양의 모션 다이얼 컴포넌트로서, 정보공간(320)이 다각고리의 내부에 존재하는 모션 다이얼 컴포넌트를 나타낸다. 모션 다이얼 컴포넌트의 특정 각면이 선택되는 경우 그 면에 표시된 정보와 관련된 정보 객체 그룹(350)이 다각고리의 중앙으로부터 튀어나오는 모습을 보여주고 있다. 다각고리 모양의 모션 다이얼 컴포넌트는 각도에 따라 최소 3개의 각면을 가진 삼각형 다이얼에서부터 면의 개수가 무한대인 원형까지 가능하다. 원형의 경우 각면은 논리적 구분에 의해 만들어진다. FIG. 3A illustrates a polygonal-shaped motion dial component in which each side 310 is separated from each other, and an information space 320 is present inside the polygonal ring. When a specific face of the motion dial component is selected, the group of information objects 350 related to the information displayed on the face is popped out from the center of the polygon. The polygon-shaped motion dial component can range from a triangular dial with at least three sides, depending on the angle, to a circle with an infinite number of faces. In the case of a circle, each face is made by logical division.

도 3b는 모션 다이얼 컴포넌트 중 천정면(330)과 바닥면(340)을 가진 다각기둥 모양의 컴포넌트를 나타낸다. 다각기둥 모양의 컴포넌트의 정보공간은 컴포넌트의 외부에 독립된 공간으로 존재하는 경우가 많으나, 다각고리 모양의 컴포넌트와 같이 컴포넌트의 내부에 존재할 수도 있다.3B illustrates a polygonal column-shaped component having a ceiling surface 330 and a bottom surface 340 of the motion dial components. The information space of a polygonal pillar-shaped component often exists as an independent space outside the component, but may also exist inside the component like a polygonal-shaped component.

모션 다이얼 컴포넌트는 2개 이상의 컴포넌트를 그룹핑하여 한 세트로 만들 수 있다. 그룹핑된 모션 다이얼 컴포넌트간의 관계는 동등 레벨 또는 계층 구조가 될 수 있으며, 서로 관계없는 독립적인 메뉴를 나타내는 모션 다이얼 컴포넌트가 결합되어 그룹을 만들수도 있다. 일 실시예에서는 모션 다이얼 컴포넌트간에 계층 구조가 성립되는 경우 우선 순위가 높은 모션 다이얼을 돌리면 우선 순위가 낮은 모션 다이얼이 자동으로 회전되도록 할 수 있다. 다른 실시예에서는 우선 순위가 높은 모션 다이얼을 돌리면 우선 순위가 낮은 모션 다이얼의 면에 매핑되는 정보가 바뀌게 할 수 있다. 모션 다이얼 컴포넌트간의 관계가 동등 레벨 또는 계층 구조인 경우 정보공간에 표시되는 정보는 그룹핑된 각 모션 다이얼에서 선택된 정보의 조합의 결과물이 된다. 한편, 서로 관계없는 독립적인 메뉴를 나타내는 모션 다이얼 컴포넌트가 결합되어 있는 경우는 각각의 모션 다이얼 컴포넌트에서 선택된 정보에 매핑된 정보객체가 정보공간에 표시된다. 도 3c는 2 이상의 모션 다이얼 컴포넌트가 결합되어 한 그룹의 모션 다이얼 컴포넌트로 존재하는 경우를 보여준다.A motion dial component can be made into a set by grouping two or more components. Relationships between grouped motion dial components may be of the same level or hierarchy, or motion dial components representing independent menus that are not related to each other may be combined to form a group. According to an embodiment, when a hierarchical structure is established between motion dial components, when a higher priority motion dial is turned, the lower priority motion dial may be automatically rotated. In another embodiment, when the high priority motion dial is turned, the information mapped to the surface of the low priority motion dial may be changed. If the relationship between the motion dial components is of an equal level or hierarchical structure, the information displayed in the information space is a result of the combination of the information selected in each motion dial grouped. On the other hand, when motion dial components representing independent menus that are not related to each other are combined, an information object mapped to information selected from each motion dial component is displayed in the information space. 3C shows a case where two or more motion dial components are combined to exist as a group of motion dial components.

모션 다이얼 컴포넌트는 다음과 같은 속성을 갖는다.The motion dial component has the following properties.

컴포넌트의 식별자, 크기, 락(Lock) 여부, 및 딤(Dim) 여부를 포함하고, 면에 관한 속성으로서 번호, 색상, 투명도, 정보면인지 여부, 활성면인지 여부를 포함한다. 락(Lock) 여부는 모션 다이얼 컴포넌트가 좌우로 회전하지 않고 고정된 상태를 유지하는지 여부를 의미하고, 딤(Dim) 여부는 컴포넌트를 보이지 않게 할 것이지 여부를 의미한다. 모션 다이얼 컴포넌트의 각면이 비활성면인 경우 다이얼이 스냅회전될 때 비활성면을 건너뛰고 스냅회전이 된다. It includes the identifier of the component, the size, whether it is locked, and whether it is a dim, and the attributes related to the surface include a number, a color, a transparency, an information surface, and an active surface. Whether the lock (Lock) means whether the motion dial component remains fixed without rotating left and right, and whether the dim (Dim) means whether or not to make the component invisible. If each side of the motion dial component is inactive, the inactive surface is skipped and snapped when the dial snaps.

각면이 떨어진 모양의 모션 다이얼 컴포넌트의 경우 각면 사이의 떨어진 간격도 포함한다. 또한 면과 면의 경계선에 대한 속성으로서 경계선의 색상을 포함한다. 모션 다이얼 컴포넌트의 각 면에 배정된 정보 객체 그룹에 관한 정보와 이들의 배치 및 동작에 관한 정보를 포함한다. 여기서 정보면이란 모션 다이얼 컴포넌트를 이루는 다수의 면 중 정보가 표현될 수 있는 면을 의미한다. 모션 다이얼 컴포넌트에 종속된 모든 면은 정보면의 속성을 가질 수 있으며, 다각고리 모양의 모션 다이얼 컴포넌트의 경우 각면의 안쪽면도 정보면의 속성을 가지고 정보를 표시할 수 있 다. 정보면에 대한 설명은 도 4a 및 도 4b에서 후술하도록 한다.In the case of a motion dial component in which the face is dropped, the gap between the faces is also included. It also includes the color of the border as an attribute for the face and its border. It contains information about groups of information objects assigned to each face of a motion dial component and information about their placement and operation. In this case, the information plane refers to a plane on which information can be expressed among a plurality of planes that constitute the motion dial component. All faces that are dependent on the motion dial component can have the properties of the information plane. In the case of the polygon-shaped motion dial component, the inner side of each face can also display the information with the properties of the information plane. The description of the information plane will be described later with reference to FIGS. 4A and 4B.

객체 그룹 동적 개폐 여부, 객체 배치 방향, 그룹핑 가시화 여부를 포함한다. 객체 그룹 동적 개폐란 정보공간에 특정한 정보객체들이 튀어 나와 있는 상태에서 다이얼을 돌릴 때 포커스되는 각면에 배정된 정보객체 그룹을 동적으로 보여줄 것인가에 관한 옵션이다. 이 옵션이 false로 되어 있으면 다이얼을 돌려도 이전에 표시된 정보객체 그룹이 닫히지 않는다. 객체 배치 방향이란 정보공간내에 표시되는 정보객체 그룹이 펼쳐지는 방향을 나타내는 속성이다. 그룹핑 가시화 여부는 논리적으로 그룹핑된 2 이상의 모션 다이얼 컴포넌트를 도 3c에 도시된 바와 같이 결합된 형태로 가시화시킬 것인지를 결정하는 옵션으로 이 옵션이 true인 경우 결합된 형태로 보여진다.Object group includes dynamic opening and closing, object placement direction, grouping visibility. Object group dynamic opening and closing is an option to dynamically display a group of information objects assigned to each surface that is focused when the dial is rotated while specific information objects pop out in the information space. If this option is set to false, turning the dial does not close the previously displayed group of information objects. Object placement direction is an attribute that indicates the direction in which the group of information objects displayed in the information space is expanded. Grouping visibility is an option that determines whether two or more logically grouped motion dial components are visualized in a combined form as shown in FIG. 3C. If this option is true, they are shown in combined form.

MGUI의 정보면은 기존의 GUI의 윈도우에 해당한다. MGUI에서 정보면은 MGUI 컴포넌트에 종속되어 있으며, MGUI 컴포넌트에 대한 종속은 다음의 2가지 방식으로 이루어질 수 있다. 첫째는 모션 다이얼을 구성하는 하나의 면으로 존재하는 것이고, 둘째는 모션 다이얼을 구성하는 면이 아닌 모션 다이얼과 분리된 가시화된 형태(예를 들어, 도 4a의 정보면(420))로 존재하는 것이다. 결국, 정보면이 MGUI 컴포넌트에 종속되어 있다 함은, MGUI의 모션 다이얼 컴포넌트를 구성하는 면인지, 모션 다이얼을 구성하는 면과 분리된 형태인지에 상관없이 해당 정보면이 MGUI 컴포넌트와 연관되어 동작하고 정보를 표시하게 됨을 의미한다. The information side of MGUI corresponds to the window of an existing 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 that makes up the motion dial, and the second is to be in a visualized form separate from the motion dial (for example, the information plane 420 of FIG. 4A) rather than the side that makes up the motion dial. will be. After all, the fact that the information plane is dependent on the MGUI component means that the information plane operates in association with the MGUI component regardless of whether it constitutes the motion dial component of the MGUI or is separated from the plane configuring the motion dial. It means to display information.

도 4a는 MGUI의 모션 다이얼 컴포넌트의 하나인 육각형 다이얼의 6면이 모두 정보면 속성을 가지고 각종 정보를 보여주고 있는 모습(410)이다. 육각형 다이얼 옆의 사각형(420)은 정보면이 마치 하나의 컴포넌트처럼 화면에 가시화된 모습을 보여준다. 이 경우 정보면은 기존의 GUI의 윈도우와 유사하게 깊이(depth)가 없는 2차원 면으로 화면에 존재하고, 육각형 다이얼 컴포넌트가 표시하는 정보가 변하거나 육각형 다이얼이 동작하면 이와 연동되어 정보가 변하고 동작한다.FIG. 4A is a view 410 in which all six sides of the hexagonal dial, which is one of the motion dial components of the MGUI, show various information with information surface attributes. The square 420 next to the hexagonal dial 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 existing GUI, and when the information displayed by the hexagon dial component changes or the hexagon dial operates, the information changes and moves. do.

정보면에는 2D 비주얼 정보에 해당하는 텍스트, 이미지, 동영상, 2차원 위젯(Widget) 등이 표시될 수 있다. 또한 3차원 아이콘과 같이 입체형 정보도 정보면에 표시 가능한데 이런 경우 입체형 정보(430)는 정보면 상에 부착된 것으로 간주할 수 있다.The information surface may display text, an image, a video, and a 2D widget corresponding to 2D visual information. In addition, three-dimensional information, such as a three-dimensional icon can be displayed on the information surface. In this case, the three-dimensional information 430 may be regarded as attached to the information surface.

MGUI 컴포넌트의 속성에 따라 정보면이 정의된 경우 모션 다이얼 컴포넌트에 부여된 속성 값에 따라 정보면에 정보가 표시되는 형태가 달라질 수 있다. 예를 들면 정보면이 정의된 모션 다이얼 컴포넌트의 크기 값 또는 정보면의 크기 값에 따라 정보면에 표시되는 정보의 크기 또는 정보의 양이 달라질 수 있다.When the information plane is defined according to the property of the MGUI component The form in which the information is displayed on the information plane may vary according to the property value assigned to the motion dial component. For example, the size of the information displayed on the information surface or the amount of information may vary according to the size value of the motion dial component in which the information surface is defined or the size value of the information surface.

도 5는 본 발명에 따른 3차원 모션 그래픽 사용자 인터페이스를 제공하는 장치의 구성을 보여주는 도면이다.5 is a view showing the configuration of an apparatus for providing a three-dimensional motion graphics user interface according to the present invention.

본 발명의 장치는 디지털 장치로 구성될 수 있다. 여기서 디지털 장치란 디지털 데이터를 처리하는 디지털 회로를 가진 장치로서, 컴퓨터, 프린터, 스캐너, 페이저, 디지털 카메라, 팩스, 디지털 복사기, 개인용 디지털 단말기(PDA), 핸드폰, 디지털 가전기기, 디지털 전화, 디지털 프로젝트, 홈서버, 디지털 비디오 레코더, 디지털 TV 방송 수신기, 디지털 위성 방송 수신기, 및 셋탑박스 등을 예로 들 수 있다.The device of the present invention 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.

본 실시예에서 사용되는 "모듈"이라는 용어는 소프트웨어 또는 FPGA또는 ASIC과 같은 하드웨어 구성요소를 의미하며, 모듈은 어떤 역할들을 수행한다. 그렇지만 모듈은 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다. 모듈은 어드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다. 따라서, 일 예로서 모듈은 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라버들, 펌웨어, 마이크로코드, 회로, 데이터, DB, 데이터 구조들, 테이블들, 어레이들, 및 변수들을 포함한다. 구성요소들과 모듈들 안에서 제공되는 기능은 더 작은 수의 구성요소들 및 모듈들로 결합되거나 추가적인 구성요소들과 모듈들로 더 분리될 수 있다. 뿐만 아니라, 구성요소들 및 모듈들은 디바이스 내의 하나 또는 그 이상의 CPU들을 재생시키도록 구현될 수도 있다.The term " module " as used in this embodiment refers to software or a hardware component such as an FPGA or an ASIC, and the module plays certain roles. 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 play 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, circuitry, data, DB, data structures, tables, arrays, and variables. The functionality provided within the components and modules may be combined into a smaller number of components and modules or further separated into additional components and modules. In addition, the components and modules may be implemented to reproduce one or more CPUs in a device.

제어 모듈(530)은 모션 다이얼 컴포넌트 및 정보공간에 표시되는 정보객체를 생성하고 다른 모듈들을 연결하고 관리한다.The control module 530 creates an information object displayed in the motion dial component and the information space, and connects and manages other modules.

저장 모듈(550)은 제어 모듈(530)에 의해 생성된 모션 다이얼 컴포넌트 및 정보공간에 표시되는 정보객체를 저장한다.The storage module 550 stores the motion dial component generated by the control module 530 and the information object displayed in the information space.

입력 모듈(510)은 모션 다이얼 컴포넌트에 대한 사용자의 작용에 관한 데이 터를 입력받는다. 사용자의 작용이란 사용자가 모션 다이얼 컴포넌트에 접근하거나, 특정 컴포넌트를 선택하거나, 컴포넌트의 특정 정보면 또는 정보면상의 특정 메뉴 등을 선택하거나, 컴포넌트를 동작시키는 행위를 모두 포함한다.The input module 510 receives data regarding the user's action on the motion dial component. The action of the user includes all actions of accessing a motion dial component, selecting a specific component, selecting a specific information surface or a specific menu on the information surface, or operating a component.

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

사용자 인터페이스 모듈(520)에 관한 설명은 도 6을 참조하여 설명하도록 한다. 사용자 인터페이스 모듈(520)은 제어 모듈(530)에서 생성된 모션 다이얼 컴포넌트를 이용하여 사용자 인터페이스를 제공하는 역할을 한다. 사용자 인터페이스 모듈(520)은 다시 컴포넌트 속성 부여 모듈(521), 모션 처리 모듈(522) 및 컴포넌트 그룹 관리 모듈(523)로 나뉘어진다.The description of the user interface module 520 will be described with reference to FIG. 6. The user interface module 520 serves to provide a user interface using the motion dial component generated by the control module 530. The user interface module 520 is further divided into a component attribute providing module 521, a motion processing module 522, and a component group management module 523.

컴포넌트 속성 부여 모듈(521)은 제어 모듈(530)에서 생성된 모션 다이얼 컴포넌트에 도 3a내지 도 3c에서 상술한 속성을 부여하고, 그 속성에 따라 모션 다이얼 컴포넌트의 정보면에 표시되는 정보를 매핑한다. 또한 사용자가 선택한 정보 또는 메뉴에 따라 컴포넌트의 정보공간내의 정보 객체들이 표시하는 정보를 결정하여 매핑한다. 또한, 사용자의 선택이나 사용자의 작용에 의해 포커스가 위치되는 면에 따라 컴포넌트의 정보공간이 갖는 정보 객체들이 표시하는 정보를 결정하여 매핑한다.The component attribute assignment module 521 assigns the attributes described above with reference to FIGS. 3A to 3C to the motion dial component generated by the control module 530 and maps the information displayed on the information surface of the motion dial component according to the attributes. . In addition, the information displayed in the information space of the component is determined and mapped according to the information or menu selected by the user. In addition, the information displayed by the information objects of the information space of the component is determined and mapped according to the surface where the focus is located by the user's selection or the user's action.

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

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

도 7은 사용자의 작용(Action)에 의해 모션 다이얼 컴포넌트의 모션이 발생하는 과정을 보여주는 흐름도이다.7 is a flowchart illustrating a process of generating motion of a motion dial component by a user's action.

MGUI의 모션 다이얼 컴포넌트는 사용자의 작용에 따라 모션이 일어나는 동적인 3차원 UI 컴포넌트이다. 모션이 일어나는 과정은 다음과 같다. 사용자가 모션 다이얼 컴포넌트에 접근(Access)하여(S710) 컴포넌트에 일정한 작용(Action)을 한다(S720). 사용자의 작용(Action)(S720)에 따라 컴포넌트의 정보면들에 표시되는 정보가 변하면서(S730) 컴포넌트의 모션이 일어난다(S740).The motion dial 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 motion dial component (S710) and performs a certain action on the component (S720). The information displayed on the information surfaces of the component changes according to the user's action (S720) (S730), and the motion of the component occurs (S740).

한편, 다른 실시예에서는 정보면들에 표시되는 정보의 변화 없이 모션 다이얼 컴포넌트의 모션이 발생할 수도 있다. 모션 다이얼 컴포넌트의 경우 컴포넌트의 모션에 따라 정보공간의 정보객체들이 변화할 수 있다.Meanwhile, in another embodiment, the motion of the motion dial component may occur without changing the information displayed on the information surfaces. In the case of a motion dial component, information objects in the information space may change according to the motion of the component.

사용자가 모션 다이얼 컴포넌트에 접근(Access)하는 단계(S710)는 MGUI 환경 에서 관심있는 정보를 표시하고 있는 특정 컴포넌트에 접근함으로써 이루어진다. 컴포넌트에 대한 접근은 마우스, 키보드, 키 패드, 터치 패드, 조이스틱 등의 다양한 입력 수단을 통하여 이루어질 수 있다.A user accessing a motion dial component (S710) is performed by accessing a specific component displaying information of interest in the MGUI environment. Access to the component may be made through various input means such as a mouse, keyboard, key pad, touch pad, joystick, and the like.

사용자가 모션 다이얼 컴포넌트에 일정한 작용(Action)을 하는 단계(S720)는 컴포넌트를 좌우로 스냅회전 시키거나, 컴포넌트의 정보면에 있는 특정 메뉴를 선택하거나, 필요한 정보를 찾기 위하여 컴포넌트를 이동시키거나 크기를 변화시키는 등의 형태로 일어날 수 있다. 특정 메뉴의 선택, 모션 다이얼 컴포넌트의 이동, 회전 등은 마우스, 키보드, 키 패드, 터치 패드 등의 다양한 입력 수단을 통하여 이루어질 수 있다. 예를 들면, 특정 메뉴의 선택은 키 패드 상의 선택 버튼을 클릭하고, 모션 다이얼 컴포넌트의 이동 또는 회전은 키 패드 상의 화살표 버튼을 이용하여 이루어질 수 있다. 다른 실시예에서는 모션을 발생시키고자 하는 모션 다이얼 컴포넌트를 특정하면 디스플레이 상에 사용자가 선택할 수 있는 모션에 대한 메뉴가 팝업(Pop-Up)되어 메뉴를 선택함으로써 컴포넌트에 작용을 할 수 있다. 이러한 사용자의 접근 또는 사용자의 작용에 관한 데이터는 디지털 장치(500)의 입력 모듈(510)에 의해 제어 모듈(530)을 통하여 사용자 인터페이스 모듈(520)에 제공된다.Step S720, in which the user performs a certain action on the motion dial component, snaps the component left and right, selects a specific menu on the component's information surface, or moves or resizes the component to find necessary information. It can happen in the form of, for example. Selection of a specific menu, movement, rotation, and the like of the motion dial component may be performed through various input means such as a mouse, a keyboard, a keypad, a touch pad, and the like. For example, selection of a particular menu may be clicked on a selection button on the keypad, and movement or rotation of the motion dial component may be made using an arrow button on the keypad. In another embodiment, specifying a motion dial component to generate a motion pops up a menu for a user selectable motion on the display to act on the component by selecting the 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 performs a certain action on the motion dial component, the information displayed on the information planes of the component may be changed or the information represented by the information objects in the information space of the component may vary. This is done by the component attribution module 521 in the user interface module 520 modifying the information that is mapped to an information object in the information plane or information space. For example, if the user selects a particular menu of specific information planes in operation S720, the component attribute assignment module 521 maps the information related to the selected menu to information objects in the information space of the motion dial component, and as a result, The output module 540 displays. Whether or not the information objects displayed in the information space are dynamically changed to the information objects assigned to each surface according to the rotation of the motion dial component can be adjusted using the object group dynamic opening / closing option described above.

또한 사용자의 작용에 따라 모션 다이얼 컴포넌트의 모션이 일어나는데 이는 사용자의 작용의 형태에 따라 다른 모션을 유발시킨다. 사용자의 작용에 따른 모션의 처리는 사용자 인터페이스 모듈(520)내의 모션 처리 모듈(522)에서 이루어진다. 모션 처리 모듈(522)은 모션에 따른 컴포넌트의 위치나 디스플레이에 필요한 데이터를 처리하고 그 결과를 출력 모듈(540)을 통하여 디스플레이한다. In addition, the motion of the motion dial 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 data required for display or position of the component according to the motion and displays the result through the output module 540.

도 8은 모션 다이얼 컴포넌트의 모션(Motion) 중 위치가 이동되는 모습을 보여주는 도면이다.FIG. 8 is a diagram illustrating a positional movement of a motion dial component during motion.

모션 다이얼 컴포넌트의 이동은 사용자가 특정 컴포넌트를 선택한 후 다양한 입력 수단에 의하여 이동 후의 위치를 지정해 줌으로써 해당 위치로의 이동이 일어난다. 예를 들면, 입력 수단이 마우스인 경우 사용자가 이동시키고자 하는 컴포넌트를 마우스로 클릭하여 선택한 후 이동시킬 위치로 컴포넌트를 드래그(Drag)할 수 있다.The movement of the motion dial component is performed by the user selecting a specific 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) 중 크기가 변하는 모습을 보여주는 도면이다.FIG. 9 is a diagram illustrating a change in size during motion of a motion dial component.

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

도 10은 모션 다이얼 컴포넌트의 모션(Motion) 중 회전의 일 실시예를 보여주는 도면이다.FIG. 10 illustrates an embodiment of rotation during motion of a motion dial component.

도 10은 육각형 다이얼을 X축을 중심으로 오른쪽으로 회전시키는 것을 보여주고 있는데, 회전은 X축을 중심으로 임의의 각도로 이루어질 수 있다. 한편, 다이얼을 스냅회전 시키는 경우 면을 구분한 각도만큼 양쪽 방향으로 회전하여 한 번의 회전에 한 면씩 보여주게된다.Figure 10 shows the rotation of the hexagonal dial to the right about the X axis, the rotation may be made at any angle about the X axis. On the other hand, when the dial is snap rotated, the plane is rotated in both directions by the angle at which the plane is divided to show one plane at a time.

도 11은 모션 다이얼 컴포넌트의 모션(Motion) 중 스프링 락(Spring Lock)의 일 실시예를 보여주는 도면이다.FIG. 11 is a diagram illustrating an embodiment of a spring lock during motion of a motion dial component.

스프링 락(Spring Lock)이란 사용자의 작용에 의하여 일정한 방향으로 사용자가 원하는 각 만큼 회전이 되었다가 회전의 원인이 된 사용자의 작용이 해제되면 다시 원래의 상태로 돌아오는 것을 말한다. 다른 실시예에서는 회전된 상태에서 이를 유지하고 있다가 사용자가 특정 조작을 하면 원래 상태로 돌아가게 만들 수도 있다.Spring lock means that the user rotates by a desired angle in a certain 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.

도 12는 모션 다이얼 컴포넌트의 모션(Motion) 중 모션 다이얼의 한 면이 선택되면서 정보공간에 정보객체가 표시되는 실시예를 보여주는 도면이다.FIG. 12 illustrates an embodiment in which an information object is displayed in an information space while one side of a motion dial is selected among motions of a motion dial component.

모션 다이얼 컴포넌트 A(1210)의 한 면이 선택되면 그 면에 배정된 정보객체들이 다이얼 A의 정보공간(1220)내에 표시되게 된다 이때 다이얼 A(1210)의 객체 그룹 동적 개폐 옵션이 false이면 포커스가 다른 곳으로 이동되어도 다이얼 A는 열린 상태로 유지된다. 포커스가 다이얼 B(1230),C(1240)를 지나 다이얼 D(1250)로 이동되고 한 면이 선택되면 그 면에 배정된 정보객체들이 다이얼 D의 정보공간(1260)내에 표시된다. 이렇게 다이얼 A와 다이얼 D를 동시에 열어놓고 사용할 수 있다. When one side of motion dial component A 1210 is selected, the information objects assigned to that side are displayed in information space 1220 of dial A. If the object group dynamic open / close option of dial A 1210 is false, the focus is The dial A remains open even if it is moved elsewhere. The focus moves through dials B 1230 and C 1240 to dial D 1250, and when one side is selected, the information objects assigned to that side are displayed in information space 1260 of dial D. In this way, dial A and dial D can be left open at the same time.

도 13은 카메라 뷰가 왼쪽으로 회전함에 따라 MGUI 공간 내의 모든 모션 다이얼 컴포넌트들이 오른쪽으로 회전하는 효과를 보여주고 있다. 이외에 카메라 뷰가 줌-아웃(Zoom-out)되면 MGUI 공간 내의 모든 모션 다이얼 컴포넌트들이 축소되고, 카메라 뷰가 줌-인(Zoom-in)되면 MGUI 공간 내의 모든 모션 다이얼 컴포넌트들이 확대되어 보인다.FIG. 13 shows the effect of all motion dial components in the MGUI space rotating to the right as the camera view rotates to the left. In addition, when the camera view is zoomed out, all the motion dial components in the MGUI space are reduced. When the camera view is zoomed in, all the motion dial components in the MGUI space are enlarged.

MGUI는 다수의 모션 다이얼 컴포넌트로 이루어지기도 한다. 다수의 컴포넌트를 하나의 그룹으로 관리하여 UI상의 배치나 움직임에 통일성을 주고, 사용자에게 정보를 탐색하는데 효율적인 UI를 제공할 수 있다. 도 14는 다수의 모션 다이얼 컴포넌트로 이루어진 사용자 인터페이스에 의해 정보가 표시되는 과정을 보여주는 도면이다.MGUI may also consist of multiple motion dial components. By managing a plurality of components as a group, it is possible to provide uniformity in arrangement or movement on the UI and to provide a user with an efficient UI for searching for information. 14 is a diagram illustrating a process of displaying information by a user interface composed of a plurality of motion dial components.

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

사용자가 모션 다이얼 컴포넌트 그룹 내의 특정 컴포넌트를 선택(S1410)하는 단계는 사용자가 마우스, 키보드, 키패드, 터치패드 등의 다양한 입력 수단을 이용하여 특정 컴포넌트에 접근하여 선택함으로써 이루어진다. 사용자가 다양한 입력 수단을 이용해 특정 컴포넌트를 선택하면 입력 모듈(510)이 그 정보를 제어 모듈(530)을 통해 사용자 인터페이스 모듈(520) 내의 컴포넌트 그룹 관리 모듈(523)에 전달한다.The user selecting a specific component in the motion dial component group (S1410) is performed by the user accessing and selecting the specific component using various input means such as a mouse, a keyboard, a keypad, a touchpad, and the like. When a user selects a specific component using various input means, the input module 510 transmits the information to the component group management module 523 in the user interface module 520 through the control module 530.

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

도 15 내지 도 20은 도 14에서 상술한 다수의 모션 다이얼 컴포넌트로 이루어진 그룹을 배치하는 실시예를 보여주는 도면이다.15 to 20 illustrate an embodiment of arranging a group of a plurality of motion dial components described above with reference to FIG. 14.

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

도 16은 선택된 모션 다이얼 컴포넌트(1610)만 확대되고 다른 컴포넌트들은 점진적으로 작게 표현되어 정보들간의 자연스러운 연결성을 나타내는 배치 방법을 보여준다. 이 방법은 도 16에 도시된 바와 같이 다수의 모션 다이얼 컴포넌트들이 곡선으로 연결될 수도 있고, 다른 실시예에서는 원 또는 직선으로 연결될 수도 있다. 컴포넌트의 선택은 사용자의 포커스가 이동하거나, 사용자의 포커스는 고정된 채 컴포넌트들이 상하 또는 좌우로 이동함으로써 가능하다.FIG. 16 shows an arrangement method in which only the selected motion dial component 1610 is enlarged and other components are progressively smaller to show natural connectivity between the information. This method may be a plurality of motion dial components connected in a curve as shown in Figure 16, in another embodiment may be connected in a circle or a straight line. 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.

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

도 18은 정보가 표시된 여러 모션 다이얼 컴포넌트들을 동일한 크기로 한 줄 로 펼쳐서 보여주거나 여러 컴포넌트들이 쌓여진 상태로 보여주는 배치 방법을 보여준다. 이 방법을 통해 사용자는 한 방향의 시선처리를 통해 일관성 있는 정보 검색을 할 수 있다. 사용자가 입력 수단으로 상하로 이동하여 특정 컴포넌트를 선택하면 선택된 컴포넌트의 윗면에 공간이 생성되어 더욱 상세한 정보를 보여준다. 컴포넌트의 선택은 사용자의 포커스가 이동하거나, 사용자의 포커스는 고정된 채 컴포넌트들이 상하로 이동함으로써 가능하다.FIG. 18 illustrates a layout method in which multiple motion dial components in which information is displayed are displayed in a single row in the same size or in which various 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 component can be selected by moving the focus of the user or moving the components up and down with the focus of the user being fixed.

도 19는 다수의 컴포넌트들을 방사형으로 배치함으로써 정보의 트리구조를 한눈에 파악할 수 있는 배치 방법을 보여준다. 사용자가 관심있는 정보가 표시된 컴포넌트를 선택하면 해당 컴포넌트가 확대되고 관련 정보들이 나열된다. 이때 주변의 선택되지 않은 컴포넌트들은 축소되거나 멀어진다.19 illustrates a layout 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.

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

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

도 21은 모션 다이얼 컴포넌트를 이용하여 핸드폰에서 전화번호를 검색하는 사용자 인터페이스를 보여주는 도면이다.21 illustrates a user interface for retrieving a phone number from a mobile phone using a motion dial component.

핸드폰의 좌우 버튼으로 상위의 모션 다이얼(2110)을 스냅회전시켜 "친구" 메뉴를 선택한 후 상하 버튼으로 포커스를 하위 모션 다이얼(2120)로 옮겨 "ㄱ, ㄴ, ㄷ,…" 중 "ㅇ"을 선택하면 모션 다이얼 컴포넌트의 아래쪽의 정보공간에 "ㅇ"으로 시작하는 사람들의 전화번호 목록(2130)이 표시된다. 포커스를 전화번호 목록으로 옮겨 상하 버튼을 이용하여 원하는 사람의 번호를 찾을 수 있다.Select the "Friends" menu by snapping the upper motion dial (2110) with the left and right buttons of the mobile phone, and move the focus to the lower motion dial (2120) with the up and down buttons to select "ㅇ" among "a, b, c,. When selected, a phone number list 2130 of people starting with "o" is displayed in the information space below the motion dial component. You can move the focus to the phone number list and use the up and down buttons to find the number of the person you want.

도 22는 모션 다이얼 컴포넌트를 이용하여 디지털 TV의 EPG를 보여주는 사용자 인터페이스를 나타내는 도면이다.FIG. 22 is a diagram illustrating a user interface showing an EPG of a digital TV using a motion dial component. FIG.

모션 다이얼(2210)을 스냅회전시켜 "채널" 메뉴를 선택한 후 OK 키를 누르면 채널의 종류 목록(2220)이 다이얼 상단에 펼쳐진다. 상하 키를 이용하여 포커스를 채널 종류 목록(2220)으로 옮기고 원하는 채널을 찾아 선택(예를 들면 "EBS")하면 모션 다이얼의 하단에 선택된 채널을 나타내는 개폐가능한 다면체 컴포넌트(2230)가 나타난다. 다이얼 하단의 개폐가능한 다면체 컴포넌트(2230)를 선택한 후 OK 키를 누르면 컴포넌트에 개폐면(2240)이 열리고 내부 공간에 있던 "EBS" 채널에서 상영되는 컨텐츠를 나타내는 정보객체들(2250)이 밖으로 나온다.When snapping the motion dial 2210 to select the "channel" menu and pressing the OK key, the channel type list 2220 is expanded on the top of the dial. Using the up and down keys to move the focus to the channel type list 2220 and finding and selecting the desired channel (eg, "EBS"), an openable polyhedron component 2230 representing the selected channel appears at the bottom of the motion dial. After selecting the openable polyhedron component 2230 at the bottom of the dial and pressing the OK key, the open / close surface 2240 is opened to the component, and the information objects 2250 representing the content displayed on the "EBS" channel in the inner space are displayed.

이상 첨부된 도면을 참조하여 본 발명의 실시예를 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이 며 한정적이 아닌 것으로 이해해야만 한다. Although embodiments of the present invention have been described above with reference to the accompanying drawings, those skilled in the art to which the present invention pertains may implement the present invention in other specific forms without changing the technical spirit or essential features thereof. I can understand that. Therefore, it should be understood that the embodiments described above are exemplary in all respects and not restrictive.

상기한 바와 같은 본 발명의 정보 제공 방법 및 장치에 따르면 다음과 같은 효과가 하나 혹은 그 이상 있다. According to the information providing method and apparatus of the present invention as described above has one or more of the following effects.

첫째, 3차원 컴포넌트를 이용하여 동적인 3차원 UI를 제공함으로써 직관적이고 사용자의 감성을 만족시킬 수 있다는 장점이 있다. First, by providing a dynamic three-dimensional UI using a three-dimensional component has the advantage that it is intuitive and can satisfy the user's emotion.

둘째, 모션 다이얼 컴포넌트의 모션이나 다수의 컴포넌트들의 그룹을 여러 방법으로 배치함으로써 정보의 흐름을 자연스럽게 연결시켜주어 사용자 인식의 오류를 줄여주는 장점도 있다. Secondly, by arranging the motion of a motion dial component or a group of a plurality of components in various ways, the flow of information is naturally connected to reduce an error of user recognition.

셋째, 정보를 여러 각도에서 바라보고 컨트롤할 수 있게 됨으로써, 사용자가 정보를 더 명확하게 이해할 수 있다는 장점도 있다. Third, the information can be viewed and controlled from various angles, so that the user can understand the information more clearly.

넷째, 모션 다이얼 컴포넌트를 이루고 있는 면들에 표시된 정보와 관련된 정보들을 정보공간에 표시함으로써 기존의 UI에 비하여 많은 양의 정보를 표시할 수 있다는 장점도 있다.Fourth, there is an advantage that a large amount of information can be displayed compared to the existing UI by displaying information related to the information displayed on the surfaces constituting the motion dial component in the information space.

Claims (6)

다수의 면으로 이루어진 다면고리; 및Multi-faceted multi-faceted ring; And 상기 다면고리의 면에 표시된 정보와 연관된 정보가 표시되는 정보공간을 포함하며,An information space in which information associated with the information displayed on the face of the multi-faceted ring is displayed; 상기 다면고리의 면 중 하나 이상의 면은 소정의 속성을 가지고, 상기 다면고리의 면에 표시되는 정보는 상기 속성에 따라 변형되어 표시되는 모션 다이얼 컴포넌트를 포함하는 3차원 모션 그래픽 사용자 인터페이스At least one of the faces of the multi-faceted ring has a predetermined attribute, and the information displayed on the face of the multi-faceted ring includes a motion dial component that is transformed and displayed according to the attribute. 다수의 면으로 이루어진 다면고리; 및Multi-faceted multi-faceted ring; And 상기 다면고리의 면에 표시된 정보와 연관된 정보가 표시되는 정보공간을 포함하는 모션 다이얼 컴포넌트를 생성하는 제어 모듈;A control module for generating a motion dial component including an information space in which information associated with the information displayed on the face of the multi-faceted ring is displayed; 상기 모션 다이얼 컴포넌트에 대한 사용자의 작용에 관한 데이터를 입력받는 입력 모듈; 및An input module configured to receive data regarding a user's action on the motion dial component; And 상기 모션 다이얼 컴포넌트에 종속된 면 중 하나 이상의 면에 소정의 속성을 부여하고 상기 속성에 따라 상기 면에 표시되는 정보를 매핑하며, 상기 입력 모듈에서 입력받은 상기 사용자의 작용에 관한 데이터에 따라 상기 모션 다이얼 컴포넌트 및 상기 정보공간내에 표시되는 정보의 모션을 처리하고 상기 모션에 따라 상기 모션 다이얼 컴포넌트에 종속된 면 및 상기 정보공간의 정보의 표시를 변화시키는 사용자 인터페이스 모듈을 포함하는 3차원 모션 그래픽 사용자 인터페이스 제공 장 치Assigning a predetermined attribute to one or more of the surfaces subordinate to the motion dial component, mapping information displayed on the surface according to the attribute, and performing the motion according to data regarding the action of the user input from the input module. A three-dimensional motion graphical user interface including a dial component and a user interface module for processing a motion of information displayed in the information space and for changing the display of information in the information space and a surface dependent on the motion dial component in accordance with the motion. Offering device 제 2항에 있어서,The method of claim 2, 상기 정보공간은The information space 상기 다면고리와 독립하여 존재하는 영역인 3차원 모션 그래픽 사용자 인터페이스 제공 장치Apparatus for providing a 3D motion graphic user interface which is an area that exists independently of the multi-sided ring 제 2항에 있어서,The method of claim 2, 상기 정보공간은The information space 상기 다면고리를 이루는 면으로 둘러싸인 영역과 그 상하의 영역을 포함하는 3차원 모션 그래픽 사용자 인터페이스 제공 장치Apparatus for providing a 3D motion graphic user interface including an area surrounded by a plane forming the multi-sided ring and an area above and below it 제 2항에 있어서,The method of claim 2, 상기 정보공간에 표시되는 정보는The information displayed in the information space 2 이상의 상기 다면고리에서 선택된 면에 표시된 정보의 조합에 따라 달라지는 3차원 모션 그래픽 사용자 인터페이스 제공장치Apparatus for providing a three-dimensional motion graphic user interface that varies depending on a combination of information displayed on a selected face in two or more of the multi-faceted rings 다수의 면으로 이루어진 다면고리; 및Multi-faceted multi-faceted ring; And 상기 다면고리의 면에 표시된 정보와 연관된 정보가 표시되는 정보공간을 포함하는 모션 다이얼 컴포넌트가 사용자에 의해 접근되는 단계;Accessing, by a user, a motion dial component comprising an information space in which information associated with the information displayed on the face of the multi-faceted ring is displayed; 상기 사용자로부터 상기 모션 다이얼 컴포넌트의 모션을 발생시키는 작용을 입력받는 단계; 및Receiving an action of generating a motion of the motion dial component from the user; And 상기 작용에 따라 상기 모션 다이얼 컴포넌트의 모션이 일어나는 단계를 포함하는 3차원 모션 그래픽 사용자 인터페이스 제공 방법Providing a three-dimensional motion graphical user interface comprising the motion of the motion dial component in response to the action.
KR1020040063597A 2004-08-12 2004-08-12 Three dimensional motion graphic user interface and method and apparutus for providing this user interface KR20060014874A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020040063597A KR20060014874A (en) 2004-08-12 2004-08-12 Three dimensional motion graphic user interface and method and apparutus for providing this user interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020040063597A KR20060014874A (en) 2004-08-12 2004-08-12 Three dimensional motion graphic user interface and method and apparutus for providing this user interface

Publications (1)

Publication Number Publication Date
KR20060014874A true KR20060014874A (en) 2006-02-16

Family

ID=37123765

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020040063597A KR20060014874A (en) 2004-08-12 2004-08-12 Three dimensional motion graphic user interface and method and apparutus for providing this user interface

Country Status (1)

Country Link
KR (1) KR20060014874A (en)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9052814B2 (en) 2007-01-07 2015-06-09 Apple Inc. Device, method, and graphical user interface for zooming in on a touch-screen display
US9354811B2 (en) 2009-03-16 2016-05-31 Apple Inc. Multifunction device with integrated search and application selection
US10379728B2 (en) 2008-03-04 2019-08-13 Apple Inc. Methods and graphical user interfaces for conducting searches on a portable multifunction device
US10503388B2 (en) 2013-09-03 2019-12-10 Apple Inc. Crown input for a wearable electronic device
US10691230B2 (en) 2012-12-29 2020-06-23 Apple Inc. Crown input for a wearable electronic device
US10817162B2 (en) 2007-01-07 2020-10-27 Apple Inc. Application programming interfaces for scrolling operations
US11157158B2 (en) 2015-01-08 2021-10-26 Apple Inc. Coordination of static backgrounds and rubberbanding

Cited By (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11461002B2 (en) 2007-01-07 2022-10-04 Apple Inc. List scrolling and document translation, scaling, and rotation on a touch-screen display
US11886698B2 (en) 2007-01-07 2024-01-30 Apple Inc. List scrolling and document translation, scaling, and rotation on a touch-screen display
US9052814B2 (en) 2007-01-07 2015-06-09 Apple Inc. Device, method, and graphical user interface for zooming in on a touch-screen display
US10817162B2 (en) 2007-01-07 2020-10-27 Apple Inc. Application programming interfaces for scrolling operations
US10983692B2 (en) 2007-01-07 2021-04-20 Apple Inc. List scrolling and document translation, scaling, and rotation on a touch-screen display
US11269513B2 (en) 2007-01-07 2022-03-08 Apple Inc. List scrolling and document translation, scaling, and rotation on a touch-screen display
US10379728B2 (en) 2008-03-04 2019-08-13 Apple Inc. Methods and graphical user interfaces for conducting searches on a portable multifunction device
US9354811B2 (en) 2009-03-16 2016-05-31 Apple Inc. Multifunction device with integrated search and application selection
US10042513B2 (en) 2009-03-16 2018-08-07 Apple Inc. Multifunction device with integrated search and application selection
US10067991B2 (en) 2009-03-16 2018-09-04 Apple Inc. Multifunction device with integrated search and application selection
US11720584B2 (en) 2009-03-16 2023-08-08 Apple Inc. Multifunction device with integrated search and application selection
US10691230B2 (en) 2012-12-29 2020-06-23 Apple Inc. Crown input for a wearable electronic device
US10503388B2 (en) 2013-09-03 2019-12-10 Apple Inc. Crown input for a wearable electronic device
US11644966B2 (en) 2015-01-08 2023-05-09 Apple Inc. Coordination of static backgrounds and rubberbanding
US11157158B2 (en) 2015-01-08 2021-10-26 Apple Inc. Coordination of static backgrounds and rubberbanding

Similar Documents

Publication Publication Date Title
KR100755684B1 (en) Three dimensional motion graphic user interface and method and apparutus for providing this user interface
KR100608589B1 (en) Three dimensional motion graphic user interface and method and apparutus for providing this user interface
KR100643276B1 (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
KR100631763B1 (en) 3D motion graphic user interface and method and apparatus for providing same
KR100679039B1 (en) Three dimensional graphic user interface, method and apparatus for providing the user interface
KR100746008B1 (en) Three dimensional motion graphic user interface, apparatus and method for providing the user interface
US8819569B2 (en) Single-handed approach for navigation of application tiles using panning and zooming
KR102291401B1 (en) User interface for a computing device
US7068288B1 (en) System and method for moving graphical objects on a computer controlled system
JP2003518681A (en) Navigation method in 3D image synthesis by operation of 3D image "navigation 3D"
KR100703813B1 (en) Apparatus and method for display menu using 3d motion dial
US20130326424A1 (en) User Interface For Navigating In a Three-Dimensional Environment
KR20060014874A (en) Three dimensional motion graphic user interface and method and apparutus for providing this user interface
EP1621988A2 (en) Three-Dimensional Motion Graphic User Interface and method and apparatus for providing the same.
KR100772860B1 (en) Apparatus and method for providing 3-dimensional graphic 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
Peuhkurinen et al. Using RDF data as basis for 3D Window management in mobile devices

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application