KR100877066B1 - Apparatus for GUI widget using layout structure and method thereof - Google Patents

Apparatus for GUI widget using layout structure and method thereof Download PDF

Info

Publication number
KR100877066B1
KR100877066B1 KR1020070006587A KR20070006587A KR100877066B1 KR 100877066 B1 KR100877066 B1 KR 100877066B1 KR 1020070006587 A KR1020070006587 A KR 1020070006587A KR 20070006587 A KR20070006587 A KR 20070006587A KR 100877066 B1 KR100877066 B1 KR 100877066B1
Authority
KR
South Korea
Prior art keywords
layout
widget
animation
information
graphic object
Prior art date
Application number
KR1020070006587A
Other languages
Korean (ko)
Other versions
KR20080069016A (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 KR1020070006587A priority Critical patent/KR100877066B1/en
Publication of KR20080069016A publication Critical patent/KR20080069016A/en
Application granted granted Critical
Publication of KR100877066B1 publication Critical patent/KR100877066B1/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2206/00—Indexing scheme related to dedicated interfaces for computers
    • G06F2206/10—Indexing scheme related to storage interfaces for computers, indexing schema related to group G06F3/06
    • G06F2206/1008—Graphical user interface [GUI]

Abstract

Layout 구조를 이용한 GUI 위짓 구성 장치 및 이를 운영하는 방법이 제공된다. Layout 구조를 이용한 GUI 위짓 구성 장치는 Layout 속성(attribute)을 정의하기 위해 객체 클래스들의 애니메이션 정보를 담고 있는 애니메이션 테이블, Layout 정보를 담고 있는 데스티네이션(destination) 테이블, Layout 특성 값을 표현하기 위한 커런트 아이템 식별자, Layout 배열의 실행 동작과 관련된 무빙 스텝(moving step), 및 사용자의 다양한 입력에 맵핑된 실행 매핑 테이블을 포함한다.Provided is a GUI widget composition device using a layout structure and a method of operating the same. The GUI widget composition device using the layout structure is an animation table containing animation information of object classes to define layout attributes, a destination table containing layout information, and a current item for expressing layout property values. It includes an identifier, a moving step associated with an execution operation of a Layout array, and an execution mapping table mapped to various inputs of a user.

Layout 구조, 애니메이션, 메뉴, 위짓 Layout structure, animation, menu, widget

Description

Ｌａｙｏｕｔ 구조를 이용한 ＧＵＩ 위짓 구성 장치 및 이를 운영하는 방법{Apparatus for GUI widget using layout structure and method thereof}APP widget for GUI widget using layout structure and method example}

도 1은 버튼(2, 3)과 버튼을 설명하는 관련 텍스트를 포함하는 메뉴를 구비한 비디오 스크린(1)을 나타내는 도면.1 shows a video screen 1 with a menu comprising buttons 2, 3 and associated text describing the button.

도 2는 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치를 나타낸 블럭도.2 is a block diagram showing a GUI widget configuration device using a layout structure according to an embodiment of the present invention.

도 3은　본 발명의 실시예에 따른 Layout 위짓을 나타낸 도면.3 is a view showing a layout widget according to an embodiment of the present invention.

도 4는 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 애니메이션 클래스를 나타낸 도면.4 is a diagram illustrating an animation class of a layout widget using a layout structure according to an embodiment of the present invention.

도 5는 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 애니메이션 테이블을 나타낸 도면.5 is a view showing an animation table of a layout widget using a layout structure according to an embodiment of the present invention.

도 6은 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 데스티네이션 테이블을 나타낸 도면.6 is a view showing a destination table of a layout widget using a layout structure according to an embodiment of the present invention.

도 7은 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치에서 화면 Layout을 설정하는 방법을 나타낸 흐름도.7 is a flowchart illustrating a method of setting a screen layout in a GUI widget constructing apparatus using a layout structure according to an embodiment of the present invention.

도 8은 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치 내부의 특정 값을 적용하는 방법을 상세하게 나타낸 흐름도.8 is a flowchart illustrating in detail a method of applying a specific value inside a GUI widget constituting apparatus using a layout structure according to an embodiment of the present invention.

도 9는 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치에서 입력이나 외부 실행에 의한 Layout을 적용에 대한 상세한 방법을 나타낸 흐름도.9 is a flowchart illustrating a detailed method for applying a layout by input or external execution in a GUI widget composition device using a layout structure according to an embodiment of the present invention.

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

310 : 애니메이션 테이블 320 : 데스티네이션 테이블310: animation table 320: destination table

330 : 커런트 아이템 340 : 식별자 무빙 스텝330: current item 340: identifier moving step

350 : 실행 매핑 테이블350: execution mapping table

본 발명은 Layout 구조를 이용한 그래픽 사용자 인터페이스(Graphic User Interface; 이하 GUI) 위짓 구성 장치 및 이를 운영하는 방법에 관한 것으로, 더욱 상세하게는 2D / 3D 그래픽 객체들의 Layout 배열을 동적으로 구성하고 객체 간의 관계 애니메이션을 정의하여 다양한 화면 구성과 움직임을 표현해 주는 Layout 구조를 이용한 GUI 위짓 구성 장치 및 이를 운영하는 방법에 관한 것이다.The present invention relates to a device for constructing a graphical user interface (GUI) using a layout structure and a method of operating the same, and more particularly, to dynamically construct a layout array of 2D / 3D graphic objects and to relate relations between objects. The present invention relates to a GUI widget composition device using a layout structure that defines various screen configurations and movements, and a method of operating the same.

오늘날의 광 저장 매체 포맷은, 예를 들어 콘텐츠 관리 또는 제어 기능을 위한 비주얼 메뉴를 지원할 수 있다. 그러한 비주얼 메뉴는, 디스크에 대한 복수의 타이틀 중 하나를 선택하는 것, 타이틀 내의 챕터(chapter)를 선택하는 것 등에 적용한다. 사용자의 관점에서, 그러한 메뉴는 디스플레이 상에 도시하는 수많은 버튼으로 구성한다. 사용자는, 예를 들어 자신의 리모트 컨트롤에서 상, 하, 좌, 우 버 튼을 눌러 메뉴 버튼을 선택함으로써, 메뉴 내에서 조정할 수도 있고, 리모트 컨트롤에서 일종의 "OK" 버튼을 통해 메뉴 버튼을 작동할 수도 있다. 지시기(indicator), 일반적으로 하이라이트(highlight) 또는 화살표는 어떤 버튼이 현재 선택 또는 작동되는지를 보여주는 피드백을 사용자에게 제공할 수도 있다. 메뉴 버튼은 "정상", "선택" 또는 "작동" 상태 중 하나의 상태일 수도 있다.Today's optical storage media formats can support, for example, visual menus for content management or control functions. Such a visual menu applies to selecting one of a plurality of titles for a disc, selecting a chapter in a title, and the like. From the user's point of view, such a menu consists of a number of buttons shown on the display. The user can also make adjustments within the menu, for example by pressing the up, down, left and right buttons on his remote control, and operating the menu button via a kind of "OK" button on the remote control. It may be. An indicator, generally a highlight or arrow, may provide the user with feedback showing which button is currently selected or actuated. The menu button may be in one of the "normal", "select" or "operation" states.

그러나 공지된 DVD 메뉴는 별도의 특징에 관해 다소 제한되는데, 이는 그 메뉴가 정적인 비주얼 버튼만을 포함하기 때문이다.However, the known DVD menus are somewhat limited in terms of separate features, since the menus contain only static visual buttons.

또한, ETSI(European Telecommunication Standardization Institute)에 의해 발행된 문헌 "ETS 300 743: Digital Video Broadcasting(DVB); Subtitling System"(DVB-ST)에 포함된 서브타이틀 사양은, 비디오 시퀀스에 서브타이틀을 임베드(embed)하기 위한 것이다.In addition, the subtitle specification included in the document "ETS 300 743: Digital Video Broadcasting (DVB); Subtitling System" (DVB-ST) issued by the European Telecommunication Standardization Institute (ETSI), embeds a subtitle in a video sequence ( is to embed).

대한민국 특허 출원번호 제10-2005-7017822호(애니메이션화된 메뉴 버튼을 표현하기 위한 방법)은 광 저장 매체에 애니메이션화된 메뉴 버튼을 추가하기 위한 방법을 제공한다.Korean Patent Application No. 10-2005-7017822 (method for expressing an animated menu button) provides a method for adding an animated menu button to an optical storage medium.

도 1은 버튼(2, 3)과 버튼을 설명하는 관련 텍스트를 포함하는 메뉴를 구비한 비디오 스크린(1)을 나타내는 도면이다.1 shows a video screen 1 with a menu comprising buttons 2, 3 and associated text describing the button.

사용자가 리모트 컨트롤(4) 상의 버튼(5, 6)을 누르는 경우, 버튼(2, 3)의 상태와, 또한 버튼의 표현(representation)이 변할 수도 있다.When the user presses the buttons 5 and 6 on the remote control 4, the state of the buttons 2 and 3 and also the representation of the buttons may change.

도 1에 있어서, 하나의 버튼(2)이 선택되면, 선택되지 않은 버튼(3)과는 상이하게 보인다. 사용자가, 예를 들어 리모트 컨트롤 상의 "오른쪽" 버튼(6)을 누르 는 경우, 현재 선택된 버튼(2)의 오른쪽에 있는 또 다른 버튼(3)이 선택된다. 사용자가 "OK" 버튼(5)을 누르는 경우, 선택된 버튼이 작동하고, 선택된 버튼과 관련된 기능이 수행된다.In Fig. 1, when one button 2 is selected, it looks different from the button 3 which is not selected. If the user presses the "right" button 6 on the remote control, for example, another button 3 to the right of the currently selected button 2 is selected. When the user presses the "OK" button 5, the selected button is activated and a function associated with the selected button is performed.

화면을 구성하고 있는 그래픽 객체에 대해서, 미리 지정된 동작에 의한 위짓 상태 변화를 그 대상으로 하고 있어, 각각의 위짓에 대한 상태 변화 표현을 하기에는 그 편리함이 있다.Graphic objects constituting the screen are subjected to changes in widget state by a predetermined operation, which is convenient to express state changes for each widget.

하지만, 그래픽 객체의 배열과 그 배열간의 관계에 따른 애니메이션과 동작을 수행하고자 한다면, 그 구성은 굉장히 복잡한 절차를 필요로 하며 많은 비용이 들어가게 되고, 또한 그 해결안을 제시하기에는 어려움이 있다.However, if you want to perform the animation and motion according to the arrangement of the graphic objects and the relationship between the arrangements, the construction requires a very complicated procedure, it is expensive and difficult to propose a solution.

본 발명은 Layout 구조를 이용한 GUI 위짓 구성 장치 및 이를 운영하는 방법을 통하여 일반적인 2D / 3D 그래픽 객체를 화면에 배열하고자 하는 형태나 그 애니메이션을 사용자 인터페이스 시나리오에 따라 다양하게 변형 될 수 있도록, 각 그래픽 객체들의 배열을 포함한 다양한 애니메이션을 제공하여, 그래픽 사용자 인터페이스 표시에 구현하는 보다 효율적이고, 유연성이 있고, 비용이 덜 드는 방법을 제공 하는데 그 목적이 있다.The present invention provides a GUI widget composition device using a layout structure and a method of arranging a general 2D / 3D graphic object on a screen and various animations thereof according to a user interface scenario. The goal is to provide a more efficient, flexible, and less expensive way to provide a variety of animations, including arrays of graphics, to implement graphical user interface displays.

본 발명의 또 다른 목적은 일반적으로 사용할 수 있는 프레임워크(framework)를 제공함으로써, 디자인 시나리오의 변화에 빠르고, 쉽게 대응할 수 있는 방법을 제시하며, 이렇게 정형화된 Layout의 구성 방법은 그 해당 데이터에 대해서, 매핑 정보를 기술하는 스크립트 형태인 저작도구를 이용하여 쉽게 작성, 수정, 보관 하는 데 있다.Another object of the present invention is to provide a framework that can be used generally, to provide a method that can quickly and easily respond to changes in the design scenario, and the structure of the structured layout is a method for the corresponding data In addition, the authoring tool is a script that describes mapping information.

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

상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치는 Layout 속성(attribute)을 정의하기 위해 객체 클래스들의 애니메이션 정보를 담고 있는 애니메이션 테이블, Layout 정보를 담고 있는 데스티네이션(destination) 테이블, Layout 특성 값을 표현하기 위한 커런트 아이템 식별자, Layout 배열의 실행 동작과 관련된 무빙 스텝(moving step), 및 사용자의 다양한 입력에 맵핑된 실행 매핑 테이블을 포함한다.In order to achieve the above object, the GUI widget configuration device using the layout structure according to an embodiment of the present invention, the animation table containing the animation information of the object classes, the destination containing the layout information to define the layout attribute (attribute) (destination) table, a current item identifier for expressing a layout characteristic value, a moving step associated with an execution operation of the layout array, and an execution mapping table mapped to various inputs of a user.

상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치를 운영하는 방법은 Layout 위짓을 생성하는 단계, Layout 위짓을 참고하여, Layout을 구성하는데 필요한 애니메이션 테이블과 데스티네이션 테이블, Layout 특성 값인 커런트 아이템 식별자와 무빙 스텝, 실행 매핑 테이블 값을 설정하는 단계, Layout의 구성 요소로 사용하기 위해 위짓과 같은 그래픽 객체를 생성하는 단계, 상기 그래픽 객체를 상기 설정된 Layout 그래픽 객체에 추가하는 단계, 또 다른 Layout에 배열되기를 원하는 그래픽 객체만큼 그래픽 객체를 생성하는 단계, 새롭게 생성된 그래픽 객체를 앞에서 값이 설정된 Layout 그래픽 객체에 추가 하는 단계, Layout 위짓에 Layout 특성 값을 설정하는 단계, Layout 그래픽 객체 설정된 Layout 특성 값으로 추가된 그래픽 객체와 Layout 특성 값인 커런트 아이템 식별자와 무빙 스텝을 Layout 위짓에 적용하는 단계, 및 화면 렌더링 시스템에 의해서 Layout 위짓에 등록된 그래픽 객체들이 설정된 Layout 배열 특성 값에 따라 화면에 배치 되거나, Alpha, 및 Scale 값이 적용되며 애니메이션이 수행되는 단계를 포함한다.In order to achieve the above object, a method for operating a GUI widget configuration device using a layout structure according to an embodiment of the present invention, generating a layout widget, with reference to the layout widget, the animation table and destination necessary to configure the layout Setting a table, a current item identifier and moving step, which are layout property values, and setting a value of an execution mapping table, creating a graphic object such as a widget for use as a component of a layout, and adding the graphic object to the configured layout graphic object. Creating as many graphic objects as you want to be arranged in another layout, adding newly created graphic objects to the Layout graphic object with the previously set values, setting layout property values in the layout widget, Layout Graphic Object Graphic added with set Layout property value Applying the current item identifier and moving step, which is an object and layout property value, to the layout widget, and the graphic objects registered in the layout widget by the screen rendering system are placed on the screen according to the set layout array property value, or the alpha and scale values This applies and includes the steps where the animation is performed.

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

이하, 본 발명의 실시예들에 의한 Layout 구조를 이용한 GUI 위짓 구성 장치 및 이를 운영하는 방법을 설명하기 위한 블록도 또는 처리 흐름도에 대한 도면들을 참고하여 본 발명에 대해 설명하도록 한다. Hereinafter, the present invention will be described with reference to a block diagram or a flowchart for explaining a GUI widget constituting apparatus using a layout structure and a method of operating the same 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 are described in the flowchart block (s). It will create a means to perform the specified 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, segment, or portion of 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.

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

도 2는 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치를 나타낸 블럭도이다.2 is a block diagram illustrating an apparatus for constructing a GUI widget using a layout structure according to an embodiment of the present invention.

2D / 3D 사용자 인터페이스를 화면에 구성 하는 전체적인 시스템 구조를 나타내도록, 사용자의 애플리케이션(210)은 다양한 특성의 그래픽 객체 클래스(230)와 Layout 위짓(220)를 사용하여 화면을 구성한다. 이곳에 의해서 생성된 그래픽 객체 클래스들은(230) 각기 연결된 애니메이션 클래스(250)를 사용하여, 화면상의 움직임을 표현한다.In order to represent the overall system structure of configuring the 2D / 3D user interface on the screen, the user's application 210 configures the screen using the graphic object class 230 and the layout widget 220 of various characteristics. The graphic object classes generated by the object 230 use the connected animation class 250 to represent movement on the screen.

생성된 그래픽 객체 클래스(230)는 그래픽 객체 컬렉션 클래스(240)에 의해서, 또한 생성된 애니메이션 클래스(250)는 애니메이션 컬렉션 클래스(260)에 의해서 관리 되고, 이러한 상호 움직임에 대한 결과는 화면 렌더링부(270)에 의해서 최종적으로 화면에 표시되게 된다.The generated graphic object class 230 is managed by the graphic object collection class 240, and the generated animation class 250 is managed by the animation collection class 260. 270) is finally displayed on the screen.

도 3은　본 발명의 실시예에 따른 Layout 위짓을 나타낸 도면이다.3 is a view showing a layout widget according to an embodiment of the present invention.

그래픽 객체 클래스들의 Layout구성과 그 객체 클래스들과의 관계를 설정하는 Layout위짓(220)은 Layout 속성(attribute)을 정의하기 위해 객체 클래스들의 애니메이션 정보를 담고 있는 애니메이션 테이블(310)과 Layout 정보를 담고 있는 데스티네이션(destination) 테이블(320), 그리고 Layout 특성 값을 표현하기 위한 커런트 아이템 식별자(330), 실행 동작과 관련된 무빙 스텝(340), 사용자의 다양한 입력에 맵핑된 실행 매핑 테이블(350)로 구성된다.The layout widget 220 which sets the layout configuration of the graphic object classes and the relationship between the object classes contains the animation table 310 and the layout information, which contain the animation information of the object classes, in order to define the layout attribute. A destination table 320, a current item identifier 330 for expressing a layout characteristic value, a moving step 340 related to an execution operation, and an execution mapping table 350 mapped to various inputs of a user. It is composed.

도 4는 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 애니메이션 클래스를 나타낸 도면이다.4 is a diagram illustrating an animation class of a layout widget using a layout structure according to an embodiment of the present invention.

애니메이션 클래스(250)는 크게 애니메이션을 표현하는 애니메이션 부(301)과 그 해당 애니메이션의 보간 방법을 표현하는 보간 부(302)로 구성되며, 애니메이션 부 (410)은 그 애니메이션의 대상이 되는 Position, 및 Alpha 등의 요소로 구성되어 동적으로 애니메이션을 교체 또는 수정 가능 하도록 하며, 보간 부(420)은 그 보간의 대상이 되는 Linear, 및 Curve(Ease In / Out) 등의 요소로 구성되어 그 애니메이션의 표현을 풍부하게 만드는 구조를 갖는다.The animation class 250 is composed of an animation unit 301 for expressing an animation and an interpolation unit 302 for expressing an interpolation method of the corresponding animation, and the animation unit 410 is a position to be subjected to the animation, and It is composed of elements such as Alpha so that the animation can be changed or modified dynamically. The interpolation unit 420 is composed of elements such as Linear and Curve (Ease In / Out) which are the targets of interpolation. It has a structure that makes it rich.

도 5는 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 애니메이션 테이블을 나타낸 도면이다.5 is a diagram illustrating an animation table of a layout widget using a layout structure according to an embodiment of the present invention.

애니메이션 테이블(310)은 그 자신만의 애니메이션 정보를 정의하기 위해 선형, 스플라인, 스프링 움직임과 같은 애니메이션 보간 정보인 보간 타입(510)을 담고 있다. The animation table 310 contains an interpolation type 510 which is animation interpolation information such as linear, spline, and spring movements to define its own animation information.

도 6은 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 데스티네이션 테이블을 나타낸 도면이다.6 is a view showing a destination table of a layout widget using a layout structure according to an embodiment of the present invention.

데스티네이션 테이블(320)은 그 다양하고 동적인 Layout 애니메이션 정보를 담기 위해서, Layout의 의미 있는 값인 Position(610), Alpha(620), Empty Flag(630) 등의 정보를 담고 있다.The destination table 320 contains information such as Position 610, Alpha 620, and Empty Flag 630, which are meaningful values of the layout, to contain various and dynamic layout animation information.

도 7은 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치에서 화면 Layout을 설정하는 방법을 나타낸 흐름도이다.7 is a flowchart illustrating a method of setting a screen layout in a GUI widget constructing apparatus using a layout structure according to an embodiment of the present invention.

먼저, Layout 위짓을 생성하며(S710), Layout 위짓(220)을 참고하여, Layout을 구성하는데 필요한 애니메이션 테이블(310)과, 데스티네이션 테이블(320), Layout 특성 값인 커런트 아이템 식별자와 무빙 스텝(330, 340), 실행 매핑 테이블(350) 값을 설정한다(S720).First, a layout widget is created (S710), and referring to the layout widget 220, an animation table 310 necessary for configuring a layout, a destination table 320, and a current item identifier and a moving step 330 that are layout property values are 330. In operation 720, the value of the execution mapping table 350 is set (S720).

그리고, Layout의 구성 요소로 사용하기 위해 위짓과 같은 그래픽 객체를 생성하여(S730), 그 그래픽 객체를 앞에서 값이 설정된 Layout 그래픽 객체에 추가하고(S740), 또 다른 Layout에 배열되기를 원하는 그래픽 객체만큼 그래픽 객체를 생성(S730)하여, 새롭게 생성된 그래픽 객체를 앞에서 값이 설정된 Layout 그래픽 객체에 추가 한다(S740). In addition, a graphic object such as a widget is created to be used as a component of the layout (S730), and the graphic object is added to the layout graphic object having a value set previously (S740), and as many graphic objects as desired are arranged in another layout. The graphic object is generated (S730), and the newly created graphic object is added to the Layout graphic object having a value previously set (S740).

다음, Layout 위짓에 Layout 배열을 위한 특성 값인 커런트 아이템 식별자와 무빙 스텝 (330, 340)을 설정한다(S750). Layout 그래픽 객체 설정된 Layout 특성 값으로 추가된 그래픽 객체와 Layout 배열을 위한 특성 값을 Layout 위짓에 적용한다(S760).Next, a current item identifier and moving steps 330 and 340, which are characteristic values for the layout array, are set in the layout widget (S750). Layout graphic object The graphic object added with the set layout property value and the property value for the layout array are applied to the layout widget (S760).

위와 같은 과정을 거치게 되면, 화면 렌더링부(270)에 의해서 Layout 위짓에 등록된 그래픽 객체들이 설정된 Layout 배열 특성 값에 따라 화면에 배치 되거나, Alpha, 및 Scale 값이 적용되며 애니메이션이 수행된다(S770).When the above process is performed, the graphic objects registered in the layout widget by the screen rendering unit 270 are disposed on the screen according to the set layout array property value, or Alpha and Scale values are applied and animation is performed (S770). .

도 8은 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치 내부의 특정 값을 적용하는 방법을 상세하게 나타낸 흐름도이다.8 is a flowchart illustrating in detail a method of applying a specific value inside a GUI widget constituting apparatus using a layout structure according to an embodiment of the present invention.

먼저, Cnt를 0으로 초기화 시킨후(S810), 해당 Layout 위치에 그래픽 객체를 표시 할지 여부를 판단하기 위해, Empty Flag 값이 설정되어 있는지 체크한다(S820).First, after initializing Cnt to 0 (S810), it is checked whether an Empty Flag value is set to determine whether to display a graphic object at a corresponding layout position (S820).

만약, Empty Flag 값이 설정되어 있으면, 다음 위치로 옮겨가기 위해, Cnt 값을 1 증가 시킨 후(S850), Cnt 값이 Layout의 전체 크기를 넘어 서는지 비교하여, 계속적으로 Layout 특성을 적용할 것인지를 결정한다(S860).If the Empty Flag value is set, in order to move to the next position, increase the Cnt value by 1 (S850), compare the Cnt value over the entire size of the layout, and then apply the Layout characteristic continuously. Determine (S860).

만약, Empty Flag 값이 설정되어 있지 않으면, 현재의 위치에 그래픽 객체를 표시 하기 위해 애니메이션을 적용할지, 적용하지 않을 지를 결정 하기 위해, 애니메이션 정보를 비교하여(S830), If the Empty Flag value is not set, the animation information is compared (S830) to determine whether or not to apply the animation to display the graphic object at the current position.

만약 애니메이션 정보가 설정되어 있지 않으면, 기 설정되어 있는 Position(610), Alpha(620), Empty Flag(630)와 같은 Layout 데스티네이션 값을 설정하고(S840),If the animation information is not set, the layout destination values such as preset Position (610), Alpha (620), and Empty Flag (630) are set (S840).

그렇지 않으면, 이미 설정되어 있는 보간 타입(510)과 같은 애니메이션 정보를 사용하여, 애니메이션을 생성하고(S870), 애니메이션을 실행시킨다(S880). 애니메이션 정보를 애니메이션 데스티네이션 값과 대응 시키기 위해서는 무빙 스텝(moving step)(340)과 같은 Layout 특성 값이 적용 되며, 최종적으로 Layout 내의 하이라이트와 같은 포커스 기능을 수행하기 위해서, 커런트 아이템 식별자(330) 값을 적용하게 된다.Otherwise, the animation is generated using the animation information such as the interpolation type 510 which is already set (S870), and the animation is executed (S880). In order to correspond the animation information to the animation destination value, a layout characteristic value such as a moving step 340 is applied. Finally, in order to perform a focus function such as a highlight in the layout, a value of the current item identifier 330 is applied. Will be applied.

도 9는 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치에서 입력이나 외부 실행에 의한 Layout을 적용에 대한 상세한 방법을 나타낸 흐름도이다.9 is a flowchart illustrating a detailed method for applying a layout by input or external execution in a GUI widget composition device using a layout structure according to an embodiment of the present invention.

먼저, 도 7에서 Layout 특성 값 설정(S750)에 의해서, 맵핑된 실행(operation)과 사용자 입력에 대응하여, 먼저 사용자 입력이 들어 오게 되면(S910),First, in response to a mapped operation and a user input by setting the layout characteristic value in FIG. 7 (S750), when a user input is first input (S910),

들어온 입력에 맵핑된 실행(operation)을 적용하여, Layout 특성 값을 변경 한 후(S920), 그 특성 값을 Layout에 적용한다(S930).After applying the operation mapped to the input (operation), after changing the layout characteristic value (S920), the characteristic value is applied to the layout (S930).

위와 같은 과정을 거치게 되면, 도 1에서 화면 렌더링부(270)에 의해서 Layout 위짓에 등록된 그래픽 객체들이 설정된 Layout 배열 특성 값에 따라 화면에 배치 되거나, Alpha, 및 Scale 값이 적용되며 애니메이션 수행된다.(S940)When the above process is performed, the graphic objects registered in the layout widget by the screen rendering unit 270 in FIG. 1 are disposed on the screen according to the set layout array property value, or Alpha and Scale values are applied and animation is performed. (S940)

한번, 위와 같이 Layout과 그래픽 객체간의 관계가 설정되면, 키입력이나 실행(operation)의 수행에 의해서, 적용된 관계는 계속적으로 유지되어 적용되며, 추후 사용자의 Layout 특성 값 변경에 의해서, 동적으로 그 Layout 구조를 변경 할 수 있다.Once the relationship between the layout and the graphic object is established as above, the applied relationship is maintained and applied continuously by key input or operation, and the layout is dynamically changed by the user's layout property value change later. You can change the structure.

본 발명의 실시예에서 사용되는 '~부'라는 용어는 소프트웨어 또는 FPGA(Field Programmable Gate Array) 또는 ASIC(Application Specific Integrated Circuit)와 같은 하드웨어 구성요소를 의미하며, '~부'는 소정의 역할들을 수행한다. The term '~ part' used in an embodiment of the present invention means a software component or a hardware component such as a field programmable gate array (FPGA) or an application specific integrated circuit (ASIC), and '~ part' refers to predetermined roles. Perform.

그렇지만 '~부'는 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다.However, '~' is not meant to be limited to software or hardware.

'~부'는 어드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다. '~ Portion' may be configured to be in an addressable storage medium or may be configured to play one or more processors.

따라서, 일 예로서 '~부'는 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라이버들, 펌웨어, 마이크로코드, 회로, 데이터, 데이터베이스, 데이터 구조들, 테이블들, 어레이들, 및 변수들을 포함한다. Thus, as an example, '~' means components such as software components, object-oriented software components, class components, and task components, and processes, functions, properties, procedures, and the like. Subroutines, segments of program code, drivers, firmware, microcode, circuits, data, databases, data structures, tables, arrays, and variables.

구성요소들과 '~부'들 안에서 제공되는 기능은 더 작은 수의 구성요소들 및 '~부'들로 결합되거나 추가적인 구성요소들과 '~부'들로 더 분리될 수 있다.The functionality provided within the components and the 'parts' may be combined into a smaller number of components and the 'parts' or further separated into additional components and the 'parts'.

이상과 첨부된 도면을 참조하여 본 발명의 실시예를 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다.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. You will understand that. Therefore, it should be understood that the embodiments described above are exemplary in all respects and not restrictive.

상기한 바와 같은 본 발명의 Layout 구조를 이용한 GUI 위짓 구성 장치 및 이를 운영하는 방법에 따르면 다음과 같은 효과가 하나 혹은 그 이상 있다.According to the GUI widget configuration device and the method of operating the layout using the layout structure of the present invention as described above has one or more of the following effects.

각 위짓과 같은 각 그래픽 객체들의 Layout 배열을 동적으로 구성 할 수 있고, 그 객체간의 관계 애니메이션을 정의하여, 다양한 화면 구성과 움직임을 쉽게 표현 하는 장점이 있다.Layout layout of each graphic object like each widget can be dynamically composed, and the relationship animation between the objects can be defined, which makes it easy to express various screen configurations and movements.

한번 설정된 객체들간의 관계는, 추후 사용자의 입력과 함수에 연결되어 Layout의 움직임과 배열은 그대로 유지되어, 이렇게 정형화된 Layout 구성에 대한 해당 데이터는 매핑 정보를 기술하는 스크립트 형태인 저작도구를 이용하여 쉽게 수정이 가능한 애니메이션 동작의 GUI 표시 구현 방법을 제공하는 장점이 있다.The relationship between the objects once set is connected to the user's inputs and functions in the future, and the movement and arrangement of the layout are maintained as it is.The corresponding data about the structured layout can be written using a scripting tool that describes mapping information. It has the advantage of providing a GUI display implementation method of animation actions that can be easily modified.

Claims (4)

그래픽 객체의 애니메이션 정보, Layout 정보 및 Layout 특성 값 정보와 상기 그래픽 객체의 배열을 위한 무빙 스텝에 대한 정보를 포함하는 Layout 위짓; 및A layout widget including animation information, layout information, Layout property value information, and moving step information for arranging the graphic object; And 상기 정보들을 이용하여 상기 그래픽 객체의 화면 구성을 제어하는 화면 렌더링부를 포함하는, Layout 구조를 이용한 GUI 위짓 구성 장치.And a screen rendering unit for controlling a screen configuration of the graphic object by using the information. 제 1 항에 있어서,The method of claim 1, 상기 Layout 위짓은 사용자의 입력에 대응하는 실행 정보를 포함하는, Layout 구조를 이용한 GUI 위짓 구성 장치.And the layout widget comprises execution information corresponding to a user's input. Layout 위짓을 생성하는 단계;Creating a layout widget; 상기 Layout 위짓을 참고하여 그래픽 객체의 애니메이션 정보, Layout 정보 및 Layout 특성 값 정보와 상기 그래픽 객체의 배열을 위한 무빙 스텝에 대한 정보를 설정하는 단계;Setting animation information, layout information, layout characteristic value information, and moving step information for arranging the graphic object with reference to the layout widget; 상기 그래픽 객체를 생성하는 단계;Creating the graphical object; 상기 Layout 위짓에 상기 Layout 특성 값 정보 및 상기 무빙 스텝에 대한 정보를 설정하는 단계; 및 Setting the layout characteristic value information and the moving step information in the layout widget; And 상기 설정된 정보에 따라 그래픽 객체가 화면에 제공되는 단계를 포함하는, Layout 구조를 이용한 GUI 위짓 구성 장치를 운영하는 방법.And providing a graphic object on the screen according to the set information. 삭제delete
KR1020070006587A 2007-01-22 2007-01-22 Apparatus for GUI widget using layout structure and method thereof KR100877066B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020070006587A KR100877066B1 (en) 2007-01-22 2007-01-22 Apparatus for GUI widget using layout structure and method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020070006587A KR100877066B1 (en) 2007-01-22 2007-01-22 Apparatus for GUI widget using layout structure and method thereof

Publications (2)

Publication Number Publication Date
KR20080069016A KR20080069016A (en) 2008-07-25
KR100877066B1 true KR100877066B1 (en) 2009-01-09

Family

ID=39822459

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020070006587A KR100877066B1 (en) 2007-01-22 2007-01-22 Apparatus for GUI widget using layout structure and method thereof

Country Status (1)

Country Link
KR (1) KR100877066B1 (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8223153B2 (en) 2008-11-13 2012-07-17 Samsung Electronics Co., Ltd. Apparatus and method of authoring animation through storyboard
US8223152B2 (en) 2008-11-13 2012-07-17 Samsung Electronics Co., Ltd. Apparatus and method of authoring animation through storyboard
CN105204723B (en) * 2014-06-26 2019-03-12 北京北方华创微电子装备有限公司 Interface display method and system

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR19990034137A (en) * 1997-10-28 1999-05-15 구자홍 Digital TV Graphical User Interface Devices and Interface Methods
KR20010021727A (en) * 1997-07-11 2001-03-15 추후제출 Graphic scene animation signal, corresponding method and device
US6262726B1 (en) * 1998-10-09 2001-07-17 Dell U.S.A., L.P. Factory installing desktop components for an active desktop
KR20020050785A (en) * 1999-11-02 2002-06-27 삐에르 레꾸르 Displaying graphical objects
JP2004102479A (en) * 2002-09-06 2004-04-02 Hitachi Software Eng Co Ltd Fragility test inspection providing system and fragility test information providing method
KR20050030618A (en) * 2002-09-06 2005-03-30 소니 가부시끼 가이샤 Gui application development support device, gui display device, method, and computer program
KR20050030617A (en) * 2002-09-06 2005-03-30 소니 가부시끼 가이샤 Gui application development support device and method, and computer program
KR20050030619A (en) * 2002-09-06 2005-03-30 소니 가부시끼 가이샤 Gui application development support device, gui display device, and method, and computer program
KR20050049762A (en) * 2003-11-24 2005-05-27 (주)코인텍 Generating system of button in graphic program and method thereof
KR20050086630A (en) * 2005-05-13 2005-08-30 노키아 코포레이션 Device with a graphical user interface
KR20060006990A (en) * 2003-05-09 2006-01-23 마이크로소프트 코포레이션 System supporting animation of graphical display elements through animation object instances
US20060031776A1 (en) * 2004-08-03 2006-02-09 Glein Christopher A Multi-planar three-dimensional user interface

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20010021727A (en) * 1997-07-11 2001-03-15 추후제출 Graphic scene animation signal, corresponding method and device
KR19990034137A (en) * 1997-10-28 1999-05-15 구자홍 Digital TV Graphical User Interface Devices and Interface Methods
US6262726B1 (en) * 1998-10-09 2001-07-17 Dell U.S.A., L.P. Factory installing desktop components for an active desktop
KR20020050785A (en) * 1999-11-02 2002-06-27 삐에르 레꾸르 Displaying graphical objects
JP2004102479A (en) * 2002-09-06 2004-04-02 Hitachi Software Eng Co Ltd Fragility test inspection providing system and fragility test information providing method
KR20050030618A (en) * 2002-09-06 2005-03-30 소니 가부시끼 가이샤 Gui application development support device, gui display device, method, and computer program
KR20050030617A (en) * 2002-09-06 2005-03-30 소니 가부시끼 가이샤 Gui application development support device and method, and computer program
KR20050030619A (en) * 2002-09-06 2005-03-30 소니 가부시끼 가이샤 Gui application development support device, gui display device, and method, and computer program
KR20060006990A (en) * 2003-05-09 2006-01-23 마이크로소프트 코포레이션 System supporting animation of graphical display elements through animation object instances
KR20050049762A (en) * 2003-11-24 2005-05-27 (주)코인텍 Generating system of button in graphic program and method thereof
US20060031776A1 (en) * 2004-08-03 2006-02-09 Glein Christopher A Multi-planar three-dimensional user interface
KR20050086630A (en) * 2005-05-13 2005-08-30 노키아 코포레이션 Device with a graphical user interface

Also Published As

Publication number Publication date
KR20080069016A (en) 2008-07-25

Similar Documents

Publication Publication Date Title
JP5289633B2 (en) How to generate an on-screen menu
KR100877066B1 (en) Apparatus for GUI widget using layout structure and method thereof

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
LAPS Lapse due to unpaid annual fee