KR20080069016A

KR20080069016A - Ｌａｙｏｕｔ 구조를 이용한 ＧＵＩ 위짓 구성 장치 및이를 운영하는 방법

Info

Publication number: KR20080069016A
Application number: KR1020070006587A
Authority: KR
Inventors: 조철훈
Original assignee: 삼성전자주식회사
Priority date: 2007-01-22
Filing date: 2007-01-22
Publication date: 2008-07-25
Also published as: KR100877066B1

Abstract

Layout 구조를 이용한 GUI 위짓 구성 장치 및 이를 운영하는 방법이 제공된다. Layout 구조를 이용한 GUI 위짓 구성 장치는 Layout 속성(attribute)을 정의하기 위해 객체 클래스들의 애니메이션 정보를 담고 있는 애니메이션 테이블, Layout 정보를 담고 있는 데스티네이션(destination) 테이블, Layout 특성 값을 표현하기 위한 커런트 아이템 식별자, Layout 배열의 실행 동작과 관련된 무빙 스텝(moving step), 및 사용자의 다양한 입력에 맵핑된 실행 매핑 테이블을 포함한다.

Layout 구조, 애니메이션, 메뉴, 위짓

Description

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

도 1은 버튼(2, 3)과 버튼을 설명하는 관련 텍스트를 포함하는 메뉴를 구비한 비디오 스크린(1)을 나타내는 도면.

도 2는 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치를 나타낸 블럭도.

도 3은　본 발명의 실시예에 따른 Layout 위짓을 나타낸 도면.

도 4는 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 애니메이션 클래스를 나타낸 도면.

도 5는 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 애니메이션 테이블을 나타낸 도면.

도 6은 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 데스티네이션 테이블을 나타낸 도면.

도 7은 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치에서 화면 Layout을 설정하는 방법을 나타낸 흐름도.

도 8은 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치 내부의 특정 값을 적용하는 방법을 상세하게 나타낸 흐름도.

도 9는 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치에서 입력이나 외부 실행에 의한 Layout을 적용에 대한 상세한 방법을 나타낸 흐름도.

<도면의 주요 부분에 관한 부호의 설명>

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

330 : 커런트 아이템 340 : 식별자 무빙 스텝

350 : 실행 매핑 테이블

본 발명은 Layout 구조를 이용한 그래픽 사용자 인터페이스(Graphic User Interface; 이하 GUI) 위짓 구성 장치 및 이를 운영하는 방법에 관한 것으로, 더욱 상세하게는 2D / 3D 그래픽 객체들의 Layout 배열을 동적으로 구성하고 객체 간의 관계 애니메이션을 정의하여 다양한 화면 구성과 움직임을 표현해 주는 Layout 구조를 이용한 GUI 위짓 구성 장치 및 이를 운영하는 방법에 관한 것이다.

오늘날의 광 저장 매체 포맷은, 예를 들어 콘텐츠 관리 또는 제어 기능을 위한 비주얼 메뉴를 지원할 수 있다. 그러한 비주얼 메뉴는, 디스크에 대한 복수의 타이틀 중 하나를 선택하는 것, 타이틀 내의 챕터(chapter)를 선택하는 것 등에 적용한다. 사용자의 관점에서, 그러한 메뉴는 디스플레이 상에 도시하는 수많은 버튼으로 구성한다. 사용자는, 예를 들어 자신의 리모트 컨트롤에서 상, 하, 좌, 우 버 튼을 눌러 메뉴 버튼을 선택함으로써, 메뉴 내에서 조정할 수도 있고, 리모트 컨트롤에서 일종의 "OK" 버튼을 통해 메뉴 버튼을 작동할 수도 있다. 지시기(indicator), 일반적으로 하이라이트(highlight) 또는 화살표는 어떤 버튼이 현재 선택 또는 작동되는지를 보여주는 피드백을 사용자에게 제공할 수도 있다. 메뉴 버튼은 "정상", "선택" 또는 "작동" 상태 중 하나의 상태일 수도 있다.

그러나 공지된 DVD 메뉴는 별도의 특징에 관해 다소 제한되는데, 이는 그 메뉴가 정적인 비주얼 버튼만을 포함하기 때문이다.

또한, ETSI(European Telecommunication Standardization Institute)에 의해 발행된 문헌 "ETS 300 743: Digital Video Broadcasting(DVB); Subtitling System"(DVB-ST)에 포함된 서브타이틀 사양은, 비디오 시퀀스에 서브타이틀을 임베드(embed)하기 위한 것이다.

대한민국 특허 출원번호 제10-2005-7017822호(애니메이션화된 메뉴 버튼을 표현하기 위한 방법)은 광 저장 매체에 애니메이션화된 메뉴 버튼을 추가하기 위한 방법을 제공한다.

도 1은 버튼(2, 3)과 버튼을 설명하는 관련 텍스트를 포함하는 메뉴를 구비한 비디오 스크린(1)을 나타내는 도면이다.

사용자가 리모트 컨트롤(4) 상의 버튼(5, 6)을 누르는 경우, 버튼(2, 3)의 상태와, 또한 버튼의 표현(representation)이 변할 수도 있다.

도 1에 있어서, 하나의 버튼(2)이 선택되면, 선택되지 않은 버튼(3)과는 상이하게 보인다. 사용자가, 예를 들어 리모트 컨트롤 상의 "오른쪽" 버튼(6)을 누르 는 경우, 현재 선택된 버튼(2)의 오른쪽에 있는 또 다른 버튼(3)이 선택된다. 사용자가 "OK" 버튼(5)을 누르는 경우, 선택된 버튼이 작동하고, 선택된 버튼과 관련된 기능이 수행된다.

화면을 구성하고 있는 그래픽 객체에 대해서, 미리 지정된 동작에 의한 위짓 상태 변화를 그 대상으로 하고 있어, 각각의 위짓에 대한 상태 변화 표현을 하기에는 그 편리함이 있다.

하지만, 그래픽 객체의 배열과 그 배열간의 관계에 따른 애니메이션과 동작을 수행하고자 한다면, 그 구성은 굉장히 복잡한 절차를 필요로 하며 많은 비용이 들어가게 되고, 또한 그 해결안을 제시하기에는 어려움이 있다.

본 발명은 Layout 구조를 이용한 GUI 위짓 구성 장치 및 이를 운영하는 방법을 통하여 일반적인 2D / 3D 그래픽 객체를 화면에 배열하고자 하는 형태나 그 애니메이션을 사용자 인터페이스 시나리오에 따라 다양하게 변형 될 수 있도록, 각 그래픽 객체들의 배열을 포함한 다양한 애니메이션을 제공하여, 그래픽 사용자 인터페이스 표시에 구현하는 보다 효율적이고, 유연성이 있고, 비용이 덜 드는 방법을 제공 하는데 그 목적이 있다.

본 발명의 또 다른 목적은 일반적으로 사용할 수 있는 프레임워크(framework)를 제공함으로써, 디자인 시나리오의 변화에 빠르고, 쉽게 대응할 수 있는 방법을 제시하며, 이렇게 정형화된 Layout의 구성 방법은 그 해당 데이터에 대해서, 매핑 정보를 기술하는 스크립트 형태인 저작도구를 이용하여 쉽게 작성, 수정, 보관 하는 데 있다.

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

상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치는 Layout 속성(attribute)을 정의하기 위해 객체 클래스들의 애니메이션 정보를 담고 있는 애니메이션 테이블, Layout 정보를 담고 있는 데스티네이션(destination) 테이블, Layout 특성 값을 표현하기 위한 커런트 아이템 식별자, Layout 배열의 실행 동작과 관련된 무빙 스텝(moving step), 및 사용자의 다양한 입력에 맵핑된 실행 매핑 테이블을 포함한다.

상기 목적을 달성하기 위하여, 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치를 운영하는 방법은 Layout 위짓을 생성하는 단계, Layout 위짓을 참고하여, Layout을 구성하는데 필요한 애니메이션 테이블과 데스티네이션 테이블, Layout 특성 값인 커런트 아이템 식별자와 무빙 스텝, 실행 매핑 테이블 값을 설정하는 단계, Layout의 구성 요소로 사용하기 위해 위짓과 같은 그래픽 객체를 생성하는 단계, 상기 그래픽 객체를 상기 설정된 Layout 그래픽 객체에 추가하는 단계, 또 다른 Layout에 배열되기를 원하는 그래픽 객체만큼 그래픽 객체를 생성하는 단계, 새롭게 생성된 그래픽 객체를 앞에서 값이 설정된 Layout 그래픽 객체에 추가 하는 단계, Layout 위짓에 Layout 특성 값을 설정하는 단계, Layout 그래픽 객체 설정된 Layout 특성 값으로 추가된 그래픽 객체와 Layout 특성 값인 커런트 아이템 식별자와 무빙 스텝을 Layout 위짓에 적용하는 단계, 및 화면 렌더링 시스템에 의해서 Layout 위짓에 등록된 그래픽 객체들이 설정된 Layout 배열 특성 값에 따라 화면에 배치 되거나, Alpha, 및 Scale 값이 적용되며 애니메이션이 수행되는 단계를 포함한다.

기타 실시예들의 구체적인 사항들은 상세한 설명 및 도면들에 포함되어 있다.

본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다.

이하, 본 발명의 실시예들에 의한 Layout 구조를 이용한 GUI 위짓 구성 장치 및 이를 운영하는 방법을 설명하기 위한 블록도 또는 처리 흐름도에 대한 도면들을 참고하여 본 발명에 대해 설명하도록 한다.

이 때, 처리 흐름도 도면들의 각 블록과 흐름도 도면들의 조합들은 컴퓨터 프로그램 인스트럭션들에 의해 수행될 수 있음을 이해할 수 있을 것이다.

이들 컴퓨터 프로그램 인스트럭션들은 범용 컴퓨터, 특수용 컴퓨터 또는 기 타 프로그램 가능한 데이터 프로세싱 장비의 프로세서에 탑재될 수 있으므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서를 통해 수행되는 그 인스트럭션들이 흐름도 블록(들)에서 설명된 기능들을 수행하는 수단을 생성하게 된다.

이들 컴퓨터 프로그램 인스트럭션들은 특정 방식으로 기능을 구현하기 위해 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 지향할 수 있는 컴퓨터 이용 가능 또는 컴퓨터 판독 가능 메모리에 저장되는 것도 가능하므로, 그 컴퓨터 이용가능 또는 컴퓨터 판독 가능 메모리에 저장된 인스트럭션들은 흐름도 블록(들)에서 설명된 기능을 수행하는 인스트럭션 수단을 내포하는 제조 품목을 생산하는 것도 가능하다.

컴퓨터 프로그램 인스트럭션들은 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에 탑제되는 것도 가능하므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에서 일련의 동작 단계들이 수행되어 컴퓨터로 실행되는 프로세스를 생성해서 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 수행하는 인스트럭션들은 흐름도 블록(들)에서 설명된 기능들을 실행하기 위한 단계들을 제공하는 것도 가능하다.

또한, 각 블록은 특정된 논리적 기능(들)을 실행하기 위한 하나 이상의 실행 가능한 인스트럭션들을 포함하는 부, 세그먼트 또는 코드의 일부를 나타낼 수 있다.

또, 몇 가지 대체 실행예들에서는 블록들에서 언급된 기능들이 순서를 벗어 나서 발생하는 것도 가능함을 주목해야 한다.

예컨대, 잇달아 도시되어 있는 두 개의 블록들은 사실 실질적으로 동시에 수행되는 것도 가능하고 또는 그 블록들이 때때로 해당하는 기능에 따라 역순으로 수행되는 것도 가능하다.

이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 상세히 설명하기로 한다.

도 2는 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치를 나타낸 블럭도이다.

2D / 3D 사용자 인터페이스를 화면에 구성 하는 전체적인 시스템 구조를 나타내도록, 사용자의 애플리케이션(210)은 다양한 특성의 그래픽 객체 클래스(230)와 Layout 위짓(220)를 사용하여 화면을 구성한다. 이곳에 의해서 생성된 그래픽 객체 클래스들은(230) 각기 연결된 애니메이션 클래스(250)를 사용하여, 화면상의 움직임을 표현한다.

생성된 그래픽 객체 클래스(230)는 그래픽 객체 컬렉션 클래스(240)에 의해서, 또한 생성된 애니메이션 클래스(250)는 애니메이션 컬렉션 클래스(260)에 의해서 관리 되고, 이러한 상호 움직임에 대한 결과는 화면 렌더링 시스템(270)에 의해서 최종적으로 화면에 표시되게 된다.

도 3은　본 발명의 실시예에 따른 Layout 위짓을 나타낸 도면이다.

그래픽 객체 클래스들의 Layout구성과 그 객체 클래스들과의 관계를 설정하는 Layout위짓(220)은 Layout 속성(attribute)을 정의하기 위해 객체 클래스들의 애니메이션 정보를 담고 있는 애니메이션 테이블(310)과 Layout 정보를 담고 있는 데스티네이션(destination) 테이블(320), 그리고 Layout 특성 값을 표현하기 위한 커런트 아이템 식별자(330), 실행 동작과 관련된 무빙 스텝(340), 사용자의 다양한 입력에 맵핑된 실행 매핑 테이블(350)로 구성된다.

도 4는 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 애니메이션 클래스를 나타낸 도면이다.

애니메이션 클래스(250)는 크게 애니메이션을 표현하는 애니메이션 부(301)과 그 해당 애니메이션의 보간 방법을 표현하는 보간 부(302)로 구성되며, 애니메이션 부 (410)은 그 애니메이션의 대상이 되는 Position, 및 Alpha 등의 요소로 구성되어 동적으로 애니메이션을 교체 또는 수정 가능 하도록 하며, 보간 부(420)은 그 보간의 대상이 되는 Linear, 및 Curve(Ease In / Out) 등의 요소로 구성되어 그 애니메이션의 표현을 풍부하게 만드는 구조를 갖는다.

도 5는 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 애니메이션 테이블을 나타낸 도면이다.

애니메이션 테이블(310)은 그 자신만의 애니메이션 정보를 정의하기 위해 선형, 스플라인, 스프링 움직임과 같은 애니메이션 보간 정보인 보간 타입(510)을 담고 있다.

도 6은 본 발명의 실시예에 따른 Layout 구조를 이용한 Layout 위짓의 데스티네이션 테이블을 나타낸 도면이다.

데스티네이션 테이블(320)은 그 다양하고 동적인 Layout 애니메이션 정보를 담기 위해서, Layout의 의미 있는 값인 Position(610), Alpha(620), Empty Flag(630) 등의 정보를 담고 있다.

도 7은 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치에서 화면 Layout을 설정하는 방법을 나타낸 흐름도이다.

먼저, Layout 위짓을 생성하며(S710), Layout 위짓(220)을 참고하여, Layout을 구성하는데 필요한 애니메이션 테이블(310)과, 데스티네이션 테이블(320), Layout 특성 값인 커런트 아이템 식별자와 무빙 스텝(330, 340), 실행 매핑 테이블(350) 값을 설정한다(S720).

그리고, Layout의 구성 요소로 사용하기 위해 위짓과 같은 그래픽 객체를 생성하여(S730), 그 그래픽 객체를 앞에서 값이 설정된 Layout 그래픽 객체에 추가하고(S740), 또 다른 Layout에 배열되기를 원하는 그래픽 객체만큼 그래픽 객체를 생성(S730)하여, 새롭게 생성된 그래픽 객체를 앞에서 값이 설정된 Layout 그래픽 객체에 추가 한다(S740).

다음, Layout 위짓에 Layout 배열을 위한 특성 값인 커런트 아이템 식별자와 무빙 스텝 (330, 340)을 설정한다(S750). Layout 그래픽 객체 설정된 Layout 특성 값으로 추가된 그래픽 객체와 Layout 배열을 위한 특성 값을 Layout 위짓에 적용한다(S760).

위와 같은 과정을 거치게 되면, 화면 렌더링 시스템(270)에 의해서 Layout 위짓에 등록된 그래픽 객체들이 설정된 Layout 배열 특성 값에 따라 화면에 배치 되거나, Alpha, 및 Scale 값이 적용되며 애니메이션이 수행된다(S770).

도 8은 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치 내부의 특정 값을 적용하는 방법을 상세하게 나타낸 흐름도이다.

먼저, Cnt를 0으로 초기화 시킨후(S810), 해당 Layout 위치에 그래픽 객체를 표시 할지 여부를 판단하기 위해, Empty Flag 값이 설정되어 있는지 체크한다(S820).

만약, Empty Flag 값이 설정되어 있으면, 다음 위치로 옮겨가기 위해, Cnt 값을 1 증가 시킨 후(S850), Cnt 값이 Layout의 전체 크기를 넘어 서는지 비교하여, 계속적으로 Layout 특성을 적용할 것인지를 결정한다(S860).

만약, Empty Flag 값이 설정되어 있지 않으면, 현재의 위치에 그래픽 객체를 표시 하기 위해 애니메이션을 적용할지, 적용하지 않을 지를 결정 하기 위해, 애니메이션 정보를 비교하여(S830),

만약 애니메이션 정보가 설정되어 있지 않으면, 기 설정되어 있는 Position(610), Alpha(620), Empty Flag(630)와 같은 Layout 데스티네이션 값을 설정하고(S840),

그렇지 않으면, 이미 설정되어 있는 보간 타입(510)과 같은 애니메이션 정보를 사용하여, 애니메이션을 생성하고(S870), 애니메이션을 실행시킨다(S880). 애니메이션 정보를 애니메이션 데스티네이션 값과 대응 시키기 위해서는 무빙 스텝(moving step)(340)과 같은 Layout 특성 값이 적용 되며, 최종적으로 Layout 내의 하이라이트와 같은 포커스 기능을 수행하기 위해서, 커런트 아이템 식별자(330) 값을 적용하게 된다.

도 9는 본 발명의 실시예에 따른 Layout 구조를 이용한 GUI 위짓 구성 장치에서 입력이나 외부 실행에 의한 Layout을 적용에 대한 상세한 방법을 나타낸 흐름도이다.

먼저, 도 7에서 Layout 특성 값 설정(S750)에 의해서, 맵핑된 실행(operation)과 사용자 입력에 대응하여, 먼저 사용자 입력이 들어 오게 되면(S910),

들어온 입력에 맵핑된 실행(operation)을 적용하여, Layout 특성 값을 변경 한 후(S920), 그 특성 값을 Layout에 적용한다(S930).

위와 같은 과정을 거치게 되면, 도 1에서 화면 렌더링 시스템(270)에 의해서 Layout 위짓에 등록된 그래픽 객체들이 설정된 Layout 배열 특성 값에 따라 화면에 배치 되거나, Alpha, 및 Scale 값이 적용되며 애니메이션 수행된다.(S940)

한번, 위와 같이 Layout과 그래픽 객체간의 관계가 설정되면, 키입력이나 실행(operation)의 수행에 의해서, 적용된 관계는 계속적으로 유지되어 적용되며, 추후 사용자의 Layout 특성 값 변경에 의해서, 동적으로 그 Layout 구조를 변경 할 수 있다.

본 발명의 실시예에서 사용되는 '~부'라는 용어는 소프트웨어 또는 FPGA(Field Programmable Gate Array) 또는 ASIC(Application Specific Integrated Circuit)와 같은 하드웨어 구성요소를 의미하며, '~부'는 소정의 역할들을 수행한다.

그렇지만 '~부'는 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다.

'~부'는 어드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다.

따라서, 일 예로서 '~부'는 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라이버들, 펌웨어, 마이크로코드, 회로, 데이터, 데이터베이스, 데이터 구조들, 테이블들, 어레이들, 및 변수들을 포함한다.

구성요소들과 '~부'들 안에서 제공되는 기능은 더 작은 수의 구성요소들 및 '~부'들로 결합되거나 추가적인 구성요소들과 '~부'들로 더 분리될 수 있다.

이상과 첨부된 도면을 참조하여 본 발명의 실시예를 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다.

상기한 바와 같은 본 발명의 Layout 구조를 이용한 GUI 위짓 구성 장치 및 이를 운영하는 방법에 따르면 다음과 같은 효과가 하나 혹은 그 이상 있다.

각 위짓과 같은 각 그래픽 객체들의 Layout 배열을 동적으로 구성 할 수 있고, 그 객체간의 관계 애니메이션을 정의하여, 다양한 화면 구성과 움직임을 쉽게 표현 하는 장점이 있다.

한번 설정된 객체들간의 관계는, 추후 사용자의 입력과 함수에 연결되어 Layout의 움직임과 배열은 그대로 유지되어, 이렇게 정형화된 Layout 구성에 대한 해당 데이터는 매핑 정보를 기술하는 스크립트 형태인 저작도구를 이용하여 쉽게 수정이 가능한 애니메이션 동작의 GUI 표시 구현 방법을 제공하는 장점이 있다.

Claims

Layout 속성을 정의하기 위해 객체 클래스들의 애니메이션 정보를 담고 있는 애니메이션 테이블;

상기 Layout 정보를 담고 있는 데스티네이션 테이블;

상기 Layout 특성 값을 표현하기 위한 커런트 아이템 식별자;

상기 Layout 배열의 실행 동작과 관련된 무빙 스텝; 및

사용자의 다양한 입력에 맵핑된 실행 매핑 테이블을 포함하는 Layout 구조를 이용한 GUI 위짓 구성 장치.
제 1 항에 있어서,

실행 매핑 테이블은 스크롤 업/다운 실행 및 포커스 업/다운 실행을 위한 테이블을 포함하는 Layout 구조를 이용한 GUI 위짓 구성 장치.
Layout 위짓을 생성하는 단계;

상기 Layout 위짓을 참고하여 상기 Layout을 구성하는데 필요한 애니메이션 테이블과 데스티네이션 테이블, 상기 Layout 특성 값인 커런트 아이템 식별자와 무빙 스텝, 및 실행 매핑 테이블 값을 설정하는 단계;

상기 Layout의 구성 요소로 사용하기 위해 위짓 그래픽 객체를 생성하는 단계;

상기 Layout 위짓에 상기 Layout 특성 값을 설정하는 단계; 및

상기 Layout 위짓에 등록된 그래픽 객체들이 설정된 Layout 배열 특성 값에 따라 화면에 배치 되거나 애니메이션이 수행되는 단계를 포함하는 Layout 구조를 이용한 GUI 위짓 구성 장치를 운영하는 방법.
제 3항에 있어서,

상기 Layout 위짓에 등록된 그래픽 객체들이 설정된 Layout 배열 특성 값에 따라 화면에 배치 되거나 애니메이션이 수행되는 단계는 화면 렌더링 시스템에 의해 수행되는 Layout 구조를 이용한 GUI 위짓 구성 장치를 운영하는 방법.