KR100959991B1 - Method of reconstituting User Interface In Portable Device And Portable Device for performing the same - Google Patents

Method of reconstituting User Interface In Portable Device And Portable Device for performing the same Download PDF

Info

Publication number
KR100959991B1
KR100959991B1 KR1020070116831A KR20070116831A KR100959991B1 KR 100959991 B1 KR100959991 B1 KR 100959991B1 KR 1020070116831 A KR1020070116831 A KR 1020070116831A KR 20070116831 A KR20070116831 A KR 20070116831A KR 100959991 B1 KR100959991 B1 KR 100959991B1
Authority
KR
South Korea
Prior art keywords
screen
region
window
area
user interface
Prior art date
Application number
KR1020070116831A
Other languages
Korean (ko)
Other versions
KR20090050418A (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 KR1020070116831A priority Critical patent/KR100959991B1/en
Publication of KR20090050418A publication Critical patent/KR20090050418A/en
Application granted granted Critical
Publication of KR100959991B1 publication Critical patent/KR100959991B1/en

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M1/00Substation equipment, e.g. for use by subscribers
    • H04M1/72Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • 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
    • 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Abstract

휴대용 단말기에서의 사용자 인터페이스 화면 재구성 방법은 1차적으로 생성된 제1 스크립트 언어를 읽어들여 제1 사용자 인터페이스(UI) 화면을 구성하는 단계와, 상기 제1 사용자 인터페이스(UI) 화면의 적어도 하나의 분할 영역의 속성을 변경하는 단계와, 상기 적어도 하나의 분할 영역의 변경된 속성을 기초로하여 제2 스크립트 언어를 생성하는 단계와, 상기 생성된 제2 스크립트 언어에 기초하여 상기 제1 사용자 인터페이스(UI) 화면을 변경하여 제2 사용자 인터페이스(UI) 화면을 생성하는 단계를 포함한다. 사용자는 별도의 서버를 통하지 않고도 휴대용 단말기 자체에서 사용자 인터페이스(UI) 화면을 사용자 자신이 원하는 형태로 재구성할 수 있다.A method of reconfiguring a user interface screen in a portable terminal includes reading a first generated script language and constructing a first UI screen, and splitting at least one of the first UI screens. Changing a property of an area, generating a second script language based on the changed property of the at least one partitioned area, and based on the generated second script language, the first user interface (UI) Changing the screen to generate a second user interface (UI) screen. A user may reconfigure a user interface (UI) screen in a form desired by the portable terminal itself without using a separate server.

휴대용 단말기, 사용자 인터페이스, UI, 편집, 재구성, 메뉴, 대기화면 Handheld Terminal, User Interface, UI, Editing, Reconfiguration, Menu, Standby Screen

Description

휴대용 단말기에서의 사용자 인터페이스(UI) 화면 재구성 방법 및 이를 수행하는 휴대용 단말기{Method of reconstituting User Interface In Portable Device And Portable Device for performing the same}Method of reconstituting user interface in portable device and portable device for performing the same}

본 발명은 휴대용 단말기의 사용자 인터페이스에 관한 것으로, 더욱 상세하게는 휴대용 단말기에서의 사용자 인터페이스(UI) 화면의 재구성 방법 및 이를 수행하는 휴대용 단말기에 관한 것이다.The present invention relates to a user interface of a portable terminal, and more particularly, to a method for reconfiguring a user interface (UI) screen in a portable terminal and a portable terminal for performing the same.

일반적으로 이동통신 단말기등과 같은 휴대용 단말기에서의 메뉴 화면 또는 대기화면과 같은 사용자 인터페이스(UI) 화면은 팝업(pop-up) 메뉴 또는 아이콘(icon) 메뉴로 소프트웨어적으로 미리 프로그램되어 있어 휴대용 단말기 사용자가 임의적으로 메뉴의 구성이나 아이콘을 바꿀수 없다. In general, a user interface (UI) screen such as a menu screen or a standby screen in a portable terminal such as a mobile communication terminal is pre-programmed in software as a pop-up menu or an icon menu. Cannot arbitrarily change the menu layout or icons.

즉, 일반적인 휴대용 단말기에서는 단말기 제조사에서 정한 범위내에서만 메뉴 화면등과 같은 사용자 인터페이스(UI)를 설정할 수 있다. That is, in a general portable terminal, a user interface (UI) such as a menu screen may be set only within a range determined by the terminal manufacturer.

일반적인 휴대용 단말기에서는 사용자마다 자주 사용하는 메뉴 항목이 다르지만 메뉴 화면의 구성이 미리 정의된 동일한 메뉴 구성만을 표시할 수 밖에 없었고 사용자의 요구에 맞도록 메뉴등을 재구성할 수 없었다. In general portable terminals, the user often uses different menu items, but the configuration of the menu screens can only display the same predefined menu configuration, and the menus cannot be reconfigured to meet the user's needs.

따라서, 사용자가 휴대용 단말기의 대기화면 또는 메뉴 화면등과 같은 사용자 인터페이스 화면을 사용자의 취향에 맞도록 편집할 수 있는 기능이 요구된다. Accordingly, there is a need for a function that allows a user to edit a user interface screen such as a standby screen or a menu screen of a portable terminal to suit the user's taste.

공개특허 2002-36879호(발명의 명칭 “이동 단말기에서의 스크립트 언어를 이용한 가변형 메뉴구현 방법”)에서는 사용자는 메뉴 스크립트를 직접 작성하거나 메뉴 스크립트의 작성이 가능한 도구를 사용하여 자신이 원하는 메뉴를 작성하여 특정 서버에 업로드하고, 업로드된 메뉴 스크립트를 상기 서버로부터 이동 단말기에 다운로드받고, 다운로드된 메뉴 스크립트는 이동 단말기 내부의 스크립트 인터프리터에의해 해석되어 표시부에 표시한다. In Patent Publication No. 2002-36879 (name of the invention “Variable Menu Implementation Method Using a Script Language in a Mobile Terminal”), a user writes a desired menu using a tool capable of writing a menu script or a menu script. Uploaded to a specific server, the uploaded menu script is downloaded from the server to the mobile terminal, and the downloaded menu script is interpreted by a script interpreter inside the mobile terminal and displayed on the display unit.

상기 공개특허 2002-36879호에 따르면, 사용자는 개인용 컴퓨터(PC)등에서 메뉴 스크립트를 직접 작성하거나 메뉴 스크립트의 작성이 가능한 도구를 사용하여 자신이 원하는 메뉴를 작성하여 특정 서버에 업로드하고, 사용자는 업로드된 메뉴 스크립트를 상기 서버로부터 이동 단말기에 다운로드받은 후에는 추가적으로 이동 단말기 상에서 자신이 원하는 메뉴로 재구성할 수는 없었다.According to the Patent Publication No. 2002-36879, a user writes a menu script directly on a personal computer (PC) or uses a tool capable of writing a menu script to create a desired menu and uploads it to a specific server, and the user uploads After the downloaded menu script was downloaded from the server to the mobile terminal, the user could not reconfigure the menu on the mobile terminal.

따라서, 상기 공개특허 2002-36879호에서는 사용자가 이동 단말기상에서 자신이 원하는 메뉴를 재구성할 수는 없으며, 서버로부터 다운로드된 재구성된 메뉴 스크립트에 의해 설정된 메뉴만을 사용해야하는 한계가 있다. Therefore, in Patent Publication No. 2002-36879, a user cannot reconfigure a desired menu on a mobile terminal, but has a limitation of using only a menu set by a reconfigured menu script downloaded from a server.

따라서, 본 발명의 제1 목적은 휴대용 단말기의 사용자 인터페이스(UI) 화면을 사용자의 취향에 맞도록 재구성할 수 있는 사용자 인터페이스(UI) 화면 재구성 방법을 제공하는 것이다.Accordingly, a first object of the present invention is to provide a method for reconfiguring a user interface (UI) screen, which can reconfigure a user interface (UI) screen of a portable terminal according to a user's taste.

또한, 본 발명의 제2 목적은 휴대용 단말기의 사용자 인터페이스(UI) 화면을 사용자의 취향에 맞도록 재구성할 수 있는 사용자 인터페이스(UI) 화면 재구성 기능을 가지는 휴대용 단말기를 제공하는 것이다.In addition, a second object of the present invention is to provide a portable terminal having a user interface (UI) screen reconstruction function capable of reconfiguring a user interface (UI) screen of the portable terminal to suit the user's taste.

상술한 본 발명의 제1 목적을 달성하기 위한 본 발명의 일측면에 따른 휴대용 단말기에서의 사용자 인터페이스 화면 재구성 방법은 1차적으로 생성된 제1 스크립트 언어를 읽어들여 제1 사용자 인터페이스(UI) 화면을 구성하는 단계와, 상기 제1 사용자 인터페이스(UI) 화면의 적어도 하나의 분할 영역의 속성을 변경하는 단계와, 상기 적어도 하나의 분할 영역의 변경된 속성을 기초로하여 제2 스크립트 언어를 생성하는 단계와, 상기 생성된 제2 스크립트 언어에 기초하여 상기 제1 사용자 인터페이스(UI) 화면을 변경하여 제2 사용자 인터페이스(UI) 화면을 생성하는 단계를 포함한다. 상기 1차적으로 생성된 제1 스크립트 언어를 읽어들여 제1 사용 자 인터페이스(UI) 화면을 구성하는 단계는 개인용 컴퓨터(Personal Computer)에서 1차적으로 편집되어 생성된 제1 스크립트 언어를 다운로드 하는 단계와, 상기 다운 로드된 제1 스크립트 언어에 기초하여 상기 제1 사용자 인터페이스(UI) 화면을 구성하는 단계를 포함할 수 있다. 상기 적어도 하나의 분할 영역의 속성은 상기 각 분할 영역에 상응하는 윈도우 영역 정보를 포함하며, 상기 윈도우 영역 정보는 상기 윈도우 영역의 위치 및 상기 윈도우 크기 중 적어도 하나를 포함할 수 있다. According to an aspect of the present invention, a method for reconfiguring a user interface screen in a portable terminal according to an aspect of the present invention reads a first script language that is generated first, and then displays a first user interface (UI) screen. Configuring, changing attributes of at least one partition of the first UI screen, generating a second script language based on the changed attributes of the at least one partition; And changing the first user interface (UI) screen based on the generated second script language to generate a second user interface (UI) screen. The step of configuring a first user interface (UI) screen by reading the first generated script language may include downloading a first script language that is primarily edited and generated in a personal computer. And constructing the first UI screen based on the downloaded first script language. The attribute of the at least one partitioned region may include window region information corresponding to each partitioned region, and the window region information may include at least one of a position of the window region and the window size.

또한, 본 발명의 제2 목적을 달성하기 위한 본 발명의 일측면에 따른 사용자 인터페이스 화면 재구성 기능을 가지는 휴대용 단말기는 1차적으로 생성된 제1 스크립트 언어를 저장하는 저장부와, 상기 저장부로부터 읽어들인 제1 스크립트 언어에 기초하여 생성된 제1 사용자 인터페이스(UI) 화면의 적어도 하나의 분할 영역의 속성을 변경하고, 상기 적어도 하나의 분할 영역의 변경된 속성을 기초로하여 제2 스크립트 언어를 생성하고, 상기 생성된 제2 스크립트 언어에 기초하여 상기 제1 사용자 인터페이스(UI) 화면을 변경하여 제2 사용자 인터페이스(UI) 화면을 생성하도록 제어하는 제어부를 포함한다.In addition, the portable terminal having a user interface screen reconstruction function according to an aspect of the present invention for achieving the second object of the present invention is a storage unit for storing the first generated script language, and read from the storage unit; Change the attributes of at least one partition of the first UI screen generated based on the first script language entered, and generate a second script language based on the changed attributes of the at least one partition; And a controller configured to change the first UI screen to generate a second UI screen based on the generated second script language.

상기와 같은 사용자 인터페이스(UI) 화면 재구성 방법에 따르면, 사용자는 스크립트 언어를 이용하여 휴대용 단말기의 사용자 인터페이스(UI) 화면의 적어도 하나의 분할 영역의 속성을 변경하여 스크립트 언어를 변경함으로써 사용자 인터페이스(UI) 화면을 사용자 자신이 원하는 형태로 재구성할 수 있다. According to the method for reconfiguring a user interface (UI) screen as described above, a user changes a script language by changing a property of at least one partition of a user interface (UI) screen of a portable terminal using a script language. ) You can reconfigure the screen as you want.

또한, 사용자는 별도의 서버를 통하지 않고도 휴대용 단말기 자체에서 사용 자 인터페이스(UI) 화면을 사용자 자신이 원하는 형태로 재구성할 수 있다.In addition, the user may reconfigure the user interface (UI) screen in the form desired by the user in the portable terminal itself without going through a separate server.

본 발명은 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세하게 설명하고자 한다.As the present invention allows for various changes and numerous embodiments, particular embodiments will be illustrated in the drawings and described in detail in the written description.

그러나, 이는 본 발명의 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다.However, this is not intended to be limited to the specific embodiment of the present invention, it should be understood to include all modifications, equivalents, and substitutes included in the spirit and scope of the present invention.

이하, 첨부한 도면들을 참조하여, 본 발명의 바람직한 실시예를 보다 상세하게 설명하고자 한다. 이하, 도면상의 동일한 구성요소에 대해서는 동일한 참조부호를 사용하고 동일한 구성요소에 대해서 중복된 설명은 생략한다.Hereinafter, with reference to the accompanying drawings, it will be described in detail a preferred embodiment of the present invention. Hereinafter, the same reference numerals are used for the same components in the drawings, and duplicate descriptions of the same components are omitted.

그리고, 제1, 제2 등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 구성요소들은 용어들에 의해 한정되어서는 안 된다. 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다. 예를 들어, 본 발명의 권리 범위를 벗어나지 않으면서 제1 구성요소는 제2 구성요소로 명명될 수 있고, 유사하게 제2 구성요소도 제1 구성요소로 명명될 수 있다. 및/또는 이라는 용어는 복수의 관련된 기재된 항목들의 조합 또는 복수의 관련된 기재된 항목들 중의 어느 항목을 포함한다.Terms such as first and second may be used to describe various components, but the components should not be limited by the terms. The terms are only used to distinguish one component from another. For example, without departing from the scope of the present invention, the first component may be referred to as the second component, and similarly, the second component may also be referred to as the first component. And / or < / RTI > includes any combination of a plurality of related listed items or any of a plurality of related listed items.

도 1은 본 발명의 일실시예에 따른 휴대용 단말기에서의 사용자 인터페이스(UI) 재구성 방법을 나타낸 순서도이다. 도 2는 본 발명의 일실시예에 따른 휴대용 단말기에서의 2차 편집된 제2 스크립트 언어를 사용하여 사용자 인터페이스(UI) 화면을 재구성하는 과정을 설명하기 위한 순서도이다. 도 3 및 도 4는 본 발명의 일실시예에 따른 2차 편집된 제2 스크립트 언어를 사용하여 작성된 사용자 인터페이스(UI) 화면을 나타낸다. 도 5는 본 발명의 일실시예에 따른 1차 편집된 제1 스크립트 언어를 사용하여 작성된 사용자 인터페이스(UI) 화면을 나타낸다. 도 6 및 도 7은 도 5의 제1 영역에 대해 속성을 변경하여 2차 편집을 하기 위한 사용자 인터페이스(UI) 화면을 나타내고, 도 8은 도 5의 제2 영역에 대해 속성을 변경하여 2차 편집을 하기 위한 사용자 인터페이스(UI) 화면을 나타낸다. 이하에서는 스크립트 언어로 스마일(SMIL) 스크립트를 사용하는 경우를 예로 들어 설명한다. 1 is a flowchart illustrating a method for reconfiguring a user interface (UI) in a portable terminal according to an embodiment of the present invention. 2 is a flowchart illustrating a process of reconfiguring a user interface (UI) screen using a second edited second script language in a portable terminal according to an embodiment of the present invention. 3 and 4 illustrate a user interface (UI) screen created using a second edited second script language according to an embodiment of the present invention. 5 illustrates a UI screen created using a first edited first script language according to an embodiment of the present invention. 6 and 7 illustrate a user interface (UI) screen for performing secondary editing by changing an attribute of the first region of FIG. 5, and FIG. 8 illustrates a secondary by changing an attribute of the second region of FIG. 5. Shows a UI screen for editing. In the following description, a SMIL script is used as the scripting language.

먼저, 도 1을 참조하면, 개인용 컴퓨터(Personal Computer)에서 사용자 인터페이스(UI) 화면의 각 분할 영역마다 컨텐츠 지정하여 1차 편집된 제1 스크립트 언어를 생성한다(단계 S110). 스크립트 언어로서 예를 들어 스마일(SMIL) 스크립트를 사용할 수 있다. 여기서, 스마일(SMIL; Synchronized Muitimedia Integration Language)은 동기식 멀티미디어 통합 언어의 하나이며, XML(eXtensible Markup Language)의 응용의 하나로서, 멀티미디어 자료의 시간적, 공간적 관계를 정의하고 도시하기 위한 언어이다. First, referring to FIG. 1, a personal computer generates a first edited first script language by designating content for each partition area of a UI screen (step S110). As a scripting language, for example, you can use SMIL scripts. Here, Smile (SMIL) is one of synchronous multimedia integration languages and one of applications of XML (eXtensible Markup Language), and is a language for defining and showing temporal and spatial relationships of multimedia materials.

구체적으로, 사용자는 개인용 컴퓨터에서 스마일(SMIL) 편집 툴을 사용하여 사용자 인터페이스(UI) 화면을 복수의 분할 영역으로 나누고, 각 분할 영역마다 컨텐츠를 지정함으로써 1차 편집된 제1 스마일(SMIL) 스크립트를 생성할 수 있다. 상기 컨텐츠는 jpeg, gif, png, bmp 파일 포맷의 정지 영상, k3g, avi, mpg, mpeq 파일 포맷의 동영상, mmf, kmp 파일 포맷의 사운드, 텍스트, flash 파일 포맷과 같 은 애니메이션 동영상, SMS(Short Message Service) 메시지, 또는 MMS(Multimedia Messaging Service) 메시지가 될 수 있다. Specifically, a user may first edit a first SMIL script edited by using a SMIL editing tool on a personal computer to divide the UI screen into a plurality of partitions, and specify content for each partition. Can be generated. The contents include still images in jpeg, gif, png, and bmp file formats, videos in k3g, avi, mpg and mpeq file formats, sounds in mmf and kmp file formats, animated videos such as text and flash file formats, and SMS (Short). It can be a Message Service (MESS) message or a Multimedia Messaging Service (MMS) message.

상기 생성된 제1 스크립트 언어의 일예로 하기의 스마일(SMIL) 스크립트가 사용될 수 있다. As an example of the generated first scripting language, the following SMIL script may be used.

<smil><smil>

<head> ; SMIL 스크립트 헤더 부분<head>; SMIL script header part

<meta name="*****" content="********" /><meta name = "*****" content = "********" />

<layout><layout>

<root-layout left="0" top="0" width="240" height="270" z-index="0" /><root-layout left = "0" top = "0" width = "240" height = "270" z-index = "0" />

<region id="IMG_ZONE_ID3" left="0" top="0" width="92" height="25" z-index="0" ><region id = "IMG_ZONE_ID3" left = "0" top = "0" width = "92" height = "25" z-index = "0">

<region id="TEXT_ZONE_ID0" left="51" top="4" width="35" height="17" z-index="0" /><region id = "TEXT_ZONE_ID0" left = "51" top = "4" width = "35" height = "17" z-index = "0" />

</region></ region>

<region id="IMG_ZONE_ID4" left="92" top="0" width="34" height="25" z-index="0" /><region id = "IMG_ZONE_ID4" left = "92" top = "0" width = "34" height = "25" z-index = "0" />

<region id="IMG_ZONE_ID5" left="126" top="0" width="114" height="25" z-index="0" ><region id = "IMG_ZONE_ID5" left = "126" top = "0" width = "114" height = "25" z-index = "0">

<region id="TEXT_ZONE_ID1" left="134" top="4" width="99" height="17" z-index="0" /><region id = "TEXT_ZONE_ID1" left = "134" top = "4" width = "99" height = "17" z-index = "0" />

</region></ region>

<region id="IMG_NEWS_ZONE_ID1" left="0" top="25" width="123" height="104" z-index="0" ><region id = "IMG_NEWS_ZONE_ID1" left = "0" top = "25" width = "123" height = "104" z-index = "0">

<region id="INFO_ZONE_ID0" left="8" top="29" width="108" height="96" z-index="0" /><region id = "INFO_ZONE_ID0" left = "8" top = "29" width = "108" height = "96" z-index = "0" />

</region></ region>

<region id="IMG_NEWS_ZONE_ID2" left="123" top="25" width="117" height="104" z-index="0" ><region id = "IMG_NEWS_ZONE_ID2" left = "123" top = "25" width = "117" height = "104" z-index = "0">

<region id="INFO_ZONE_ID1" left="129" top="29" width="100" height="96" z-index="0" /><region id = "INFO_ZONE_ID1" left = "129" top = "29" width = "100" height = "96" z-index = "0" />

</region></ region>

<region id="IMG_NOTICE_ZONE_ID6" left="0" top="129" width="240" height="24" z-index="0" ><region id = "IMG_NOTICE_ZONE_ID6" left = "0" top = "129" width = "240" height = "24" z-index = "0">

<region id="TEXT_ZONE_ID4" left="52" top="133" width="182" height="16" z-index="0" /><region id = "TEXT_ZONE_ID4" left = "52" top = "133" width = "182" height = "16" z-index = "0" />

</region></ region>

<region id="IMG_ZONE_ID0" left="0" top="153" width="240" height="28" z-index="0" /><region id = "IMG_ZONE_ID0" left = "0" top = "153" width = "240" height = "28" z-index = "0" />

<region id="IMG_NEWS_ZONE_ID7" left="0" top="181" width="240" height="34" z-index="0" ><region id = "IMG_NEWS_ZONE_ID7" left = "0" top = "181" width = "240" height = "34" z-index = "0">

<region id="INFO_ZONE_ID2" left="31" top="185" width="202" height="26" z-index="0" /><region id = "INFO_ZONE_ID2" left = "31" top = "185" width = "202" height = "26" z-index = "0" />

</region></ region>

<region id="IMG_NEWS_ZONE_ID8" left="0" top="215" width="240" height="34" z-index="0" ><region id = "IMG_NEWS_ZONE_ID8" left = "0" top = "215" width = "240" height = "34" z-index = "0">

<region id="INFO_ZONE_ID3" left="31" top="219" width="202" height="26" z-index="0" /><region id = "INFO_ZONE_ID3" left = "31" top = "219" width = "202" height = "26" z-index = "0" />

</region></ region>

<region id="IMG_ZONE_ID9" left="0" top="249" width="126" height="21" z-index="0" ><region id = "IMG_ZONE_ID9" left = "0" top = "249" width = "126" height = "21" z-index = "0">

<region id="TEXT_ZONE_ID2" left="4" top="251" width="117" height="15" z-index="0" /><region id = "TEXT_ZONE_ID2" left = "4" top = "251" width = "117" height = "15" z-index = "0" />

</region> </ region>

<region id="IMG_ZONE_ID10" left="126" top="249" width="114" height="21" z-index="0" ><region id = "IMG_ZONE_ID10" left = "126" top = "249" width = "114" height = "21" z-index = "0">

<region id="TEXT_ZONE_ID3" left="129" top="253" width="107" height="13" z-index="0" /><region id = "TEXT_ZONE_ID3" left = "129" top = "253" width = "107" height = "13" z-index = "0" />

</region></ region>

</layout></ layout>

<customAttributes id="FOCUSZONE">; 초기화시 디폴트로 포커스될 윈도우에 대 한 설정값<customAttributes id = "FOCUSZONE">; Settings for the window to be focused by default at initialization

<customTest id="ChZone0" title="IMG_NEWS_ZONE_ID1" defaultState="true" override="visible" />; 초기화시 디폴트로 포커스될 윈도우<customTest id = "ChZone0" title = "IMG_NEWS_ZONE_ID1" defaultState = "true" override = "visible" />; The window to be focused by default on initialization

<customTest id="ChZone1" title="IMG_NEWS_ZONE_ID2" defaultState="false" override="visible" /><customTest id = "ChZone1" title = "IMG_NEWS_ZONE_ID2" defaultState = "false" override = "visible" />

<customTest id="ChZone2" title="IMG_NOTICE_ZONE_ID6" defaultState="false" override="visible" /><customTest id = "ChZone2" title = "IMG_NOTICE_ZONE_ID6" defaultState = "false" override = "visible" />

<customTest id="ChZone3" title="IMG_ZONE_ID0" defaultState="false" override="visible" /><customTest id = "ChZone3" title = "IMG_ZONE_ID0" defaultState = "false" override = "visible" />

<customTest id="ChZone4" title="IMG_NEWS_ZONE_ID7" defaultState="false" override="visible" /><customTest id = "ChZone4" title = "IMG_NEWS_ZONE_ID7" defaultState = "false" override = "visible" />

<customTest id="ChZone5" title="IMG_NEWS_ZONE_ID8" defaultState="false" override="visible" /><customTest id = "ChZone5" title = "IMG_NEWS_ZONE_ID8" defaultState = "false" override = "visible" />

</customAttributes></ customAttributes>

</head></ head>

<body> ; SMIL 스크립트 바디 부분<body>; SMIL script body part

<par id="ENTRANCE"><par id = "ENTRANCE">

<text src="%CITY%" region="TEXT_ZONE_ID0" /> ; 텍스트 윈도우<text src = "% CITY%" region = "TEXT_ZONE_ID0" />; Text window

<img src="wzone_country.gif" region="IMG_ZONE_ID3"/> ; 이미지 윈도우<img src = "wzone_country.gif" region = "IMG_ZONE_ID3" />; Image windows

<img src="wzone_icon.gif" region="IMG_ZONE_ID4"/> <img src = "wzone_icon.gif" region = "IMG_ZONE_ID4" />

<text src="%WEATHER%" region="TEXT_ZONE_ID1" /><text src = "% WEATHER%" region = "TEXT_ZONE_ID1" />

<img src="wzone_temperature.gif" region="IMG_ZONE_ID5"/><img src = "wzone_temperature.gif" region = "IMG_ZONE_ID5" />

<animation src="%IMAGE%" region="INFO_ZONE_ID0" mediaRepeat="strip" /> ; 애니메이션 소스를 가지는 이미지 윈도우<animation src = "% IMAGE%" region = "INFO_ZONE_ID0" mediaRepeat = "strip" />; Image window with animation source

<img src="123photozone_01.gif" region="IMG_NEWS_ZONE_ID1"/><img src = "123photozone_01.gif" region = "IMG_NEWS_ZONE_ID1" />

<animation src="%IMAGE%" region="INFO_ZONE_ID1" mediaRepeat="strip" /><animation src = "% IMAGE%" region = "INFO_ZONE_ID1" mediaRepeat = "strip" />

<img src="123photozone_02.gif" region="IMG_NEWS_ZONE_ID2"/><img src = "123photozone_02.gif" region = "IMG_NEWS_ZONE_ID2" />

<textstream src="%NOTICE%" region="TEXT_ZONE_ID4" /> ; 슬라이딩되는 텍스트를 가지는 윈도우 <textstream src = "% NOTICE%" region = "TEXT_ZONE_ID4" />; A window with sliding text

<img src="notice_zone.gif" region="IMG_NOTICE_ZONE_ID6"/><img src = "notice_zone.gif" region = "IMG_NOTICE_ZONE_ID6" />

<img src="en_title.gif" region="IMG_ZONE_ID0"/><img src = "en_title.gif" region = "IMG_ZONE_ID0" />

<textstream src="%TITLE%" region="INFO_ZONE_ID2" /><textstream src = "% TITLE%" region = "INFO_ZONE_ID2" />

<img src="340textzone_01.gif" region="IMG_NEWS_ZONE_ID7"/><img src = "340textzone_01.gif" region = "IMG_NEWS_ZONE_ID7" />

<textstream src="%TITLE%" region="INFO_ZONE_ID3" /><textstream src = "% TITLE%" region = "INFO_ZONE_ID3" />

<img src="341textzone_01.gif" region="IMG_NEWS_ZONE_ID8"/><img src = "341textzone_01.gif" region = "IMG_NEWS_ZONE_ID8" />

<text src="%USER_ID%" region="TEXT_ZONE_ID2" /><text src = "% USER_ID%" region = "TEXT_ZONE_ID2" />

<img src="mszone_logon.gif" region="IMG_ZONE_ID9"/><img src = "mszone_logon.gif" region = "IMG_ZONE_ID9" />

<text src="%TIME%" region="TEXT_ZONE_ID3" /><text src = "% TIME%" region = "TEXT_ZONE_ID3" />

<img src="22mszone_logon.gif" region="IMG_ZONE_ID10"/><img src = "22mszone_logon.gif" region = "IMG_ZONE_ID10" />

</par></ par>

<par id="FOCUSSET"> ; 포커스 이벤트 비활성화될 경우 디스플레이될 이미지 설정<par id = "FOCUSSET">; Set image to display when focus event is disabled

<img src="123photozone_01.gif" region="IMG_NEWS_ZONE_ID1"/><img src = "123photozone_01.gif" region = "IMG_NEWS_ZONE_ID1" />

<img src="123photozone_02.gif" region="IMG_NEWS_ZONE_ID2"/><img src = "123photozone_02.gif" region = "IMG_NEWS_ZONE_ID2" />

<img src="notice_zone.gif" region="IMG_NOTICE_ZONE_ID6"/><img src = "notice_zone.gif" region = "IMG_NOTICE_ZONE_ID6" />

<img src="en_title.gif" region="IMG_ZONE_ID0"/><img src = "en_title.gif" region = "IMG_ZONE_ID0" />

<img src="340textzone_01.gif" region="IMG_NEWS_ZONE_ID7"/><img src = "340textzone_01.gif" region = "IMG_NEWS_ZONE_ID7" />

<img src="341textzone_01.gif" region="IMG_NEWS_ZONE_ID8"/><img src = "341textzone_01.gif" region = "IMG_NEWS_ZONE_ID8" />

<switch> ; 포커스 이벤트 활성화될 경우 디스플레이될 이미지를 선택<switch>; Select the image to be displayed when the focus event is activated

<img src="123photozone_01_s.gif" region="IMG_NEWS_ZONE_ID1" customTest="ChZone0"/><img src = "123photozone_01_s.gif" region = "IMG_NEWS_ZONE_ID1" customTest = "ChZone0" />

<img src="123photozone_02_s.gif" region="IMG_NEWS_ZONE_ID2" customTest="ChZone1"/><img src = "123photozone_02_s.gif" region = "IMG_NEWS_ZONE_ID2" customTest = "ChZone1" />

<img src="notice_zone_s.gif" region="IMG_NOTICE_ZONE_ID6" customTest="ChZone2"/> <img src = "notice_zone_s.gif" region = "IMG_NOTICE_ZONE_ID6" customTest = "ChZone2" />

<img src="en_title.gif" region="IMG_ZONE_ID0" customTest="ChZone3"/>         <img src = "en_title.gif" region = "IMG_ZONE_ID0" customTest = "ChZone3" />

<img src="340textzone_01_s.gif" region="IMG_NEWS_ZONE_ID7" customTest="ChZone4"/><img src = "340textzone_01_s.gif" region = "IMG_NEWS_ZONE_ID7" customTest = "ChZone4" />

<img src="341textzone_01_s.gif" region="IMG_NEWS_ZONE_ID8" customTest="ChZone5"/><img src = "341textzone_01_s.gif" region = "IMG_NEWS_ZONE_ID8" customTest = "ChZone5" />

</switch></ switch>

</par></ par>

</body></ body>

</smil></ smil>

도 3 및 도 4를 참조하여 스마일(SMIL) 스크립트와 사용자 인터페이스(UI) 화면간의 관계를 설명하면 다음과 같다.Referring to FIG. 3 and FIG. 4, the relationship between a SMIL script and a UI screen is described as follows.

상기 스마일(SMIL) 스크립트의 헤더(header)는 사용자 인터페이스(UI) 화면상의 각각의 분할 영역에 대한 영역 ID들(region_id) 및 윈도우 영역 정보-예를 들어 윈도우 형태, 윈도우 영역의 위치 X, Y, 윈도우 크기-를 포함한다. 예를 들어 윈도우 형태는 사각형, 삼각형, 원, 타원등이 될 수 있다. 윈도우가 사각형인 경우 윈도우 위치는 사각형의 좌상단 모서리 좌표 X,Y가 될 수 있고, 윈도우 크기는 사각형의 폭 및 높이를 나타낼 수 있다. 윈도우가 원형인 경우에에는 윈도우 위치는 원의 중심 좌표 X, Y를 나타낼 수 있고, 윈도우 크기는 원의 반경이 될 수 있다. 각각의 윈도우(window)는 고유의 영역 ID(region_id)를 가질수 있다. 상기 영역 ID(region_id)는 각 윈도우 영역이 이미지, 텍스트, 정보 데이터와 같은 다양한 컨텐츠 중에서 무엇을 윈도우 영역에 포함하는지를 판단하는 기준으로 사용될 수 있다. The header of the SMIL script includes area IDs (region_id) and window area information for each partition area on a UI screen, for example, a window type, a position X, Y, Window size. For example, the window can be a rectangle, triangle, circle, or ellipse. If the window is a rectangle, the window position may be the upper left corner coordinates X, Y of the rectangle, and the window size may indicate the width and height of the rectangle. When the window is circular, the window position may represent the center coordinates X and Y of the circle, and the window size may be the radius of the circle. Each window may have a unique region ID (region_id). The region ID (region_id) may be used as a criterion for determining what each window region includes among the various contents such as an image, text, and information data in the window region.

스마일(SMIL) 스크립트의 바디(body)는 상기 영역 ID(region_id) 값을 근거 로하여 어떠한 컨텐츠를 보여줄 지를 결정한다. 예를들어, 상기 스마일(SMIL) 스크립트의 바디(body)의 <text src="%CITY%" region="TEXT_ZONE_ID0" />는 "TEXT_ZONE_ID0"을 영역 ID(region_id)로 갖는 윈도우 영역에 도시 이름을 텍스트로 보여주겠다는 의미를 갖는다.The body of the SMIL script determines what content to show based on the region_id value. For example, <text src = "% CITY%" region = "TEXT_ZONE_ID0" /> of the body of the SMIL script has a city name in a window area having "TEXT_ZONE_ID0" as the region ID (region_id). It means to show as text.

상기 스마일(SMIL) 스크립트의 바디(body) 부분의 <par> ~ </par>는 사용자에 의한 포커스 이벤트를 받을 수 있는 소정 영역 ID를 갖는 윈도우 영역이 포커스 이벤트를 통해 활성화 됐을 때와 활성화 되지 안 았을 때의 이미지를 결정하기 위한 태그로서 <par> 태그의“FOCUSSET”은 사용자의 포커스 이벤트를 받을 수 있는 ID를 갖는 윈도우가 현재 어떤 이미지를 디스플레이해야 하는지를 가리킨다. <par> ~ </par> 태그 내의 <switch> ~ </switch> 태그 내에 들어있지 않은 윈도우는 각 설정된 비활성화임을 가리키는 이미지를 디스플레이하게 되고, <switch> ~ </switch> 태그 내에 들어있는 포커스 이벤트를 받을 수 있는 ID를 갖고 있는 윈도우 중에서 현재 포커스 이벤트를 갖고 있는 ID를 갖는 하나의 윈도우만이 태그 내에 지정된 활성화된 이미지를 그리게 된다.<Par> ~ </ par> of the body part of the SMIL script is not activated when the window area having a predetermined area ID that can receive the focus event by the user is activated through the focus event. "FOCUSSET" in the <par> tag indicates which image should be displayed by the window whose ID can receive the user's focus event. Windows that are not contained within the <switch> to </ switch> tags within the <par> to </ par> tags will display an image indicating that each is disabled, and focus events contained within the <switch> to </ switch> tags. Only one window with the ID that has the current focus event will draw the active image specified in the tag.

예를 들어 <par> 태그의 시작부분부터 <switch>태그의 시작 전까지의 IMG_NEWS_ZONE_ID1, IMG_NEWS_ZONE_ID2, IMG_NOTICE_ZONE_ID6, IMG_ZONE_ID0, IMG_NEWS_ZONE_ID7, IMG_NEWS_ZONE_ID8을 갖는 윈도우들은 비활성화된 이미지를 디스플레이하고 현재 포커스를 갖고 있는 ID에 해당하는는 윈도우가 <switch> ~ </switch> 태그 내에 ID에 설정된 활성화 이미지를 그림으로서 사용자의 커서 이동에 따른 포커스 이벤트를 처리할 수 있게 되는 것이다. For example, IMG_NEWS_ZONE_ID1, IMG_NEWS_ZONE_ID2, IMG_NOTICE_ZONE_ID6, IMG_ZONE_ID0, IMG_NEWS_ZONE_ID7, IMG_NEWS_ZONE_ID7, from the beginning of the <par> tag to the beginning of the <switch> tag. In the <switch> to </ switch> tags, the active image set in the ID is used to handle the focus event according to the user's cursor movement.

예를 들어, 도 3에 도시된 휴대용 단말기의 대기화면상의 복수의 분할 영역들 중 상단의 ‘서울’이라는 도시명이 표시된 텍스트 영역(310)은 상기 스마일(SMIL) 스크립트 소스의 헤더에서 ‘TEXT_ZONE_ID0’의 region_id를 가지고 대기 화면상의 X=51, Y=4 위치에 좌측 모서리를 가지며 폭 35, 높이 17인 사각 영역을 나타내는 윈도우 영역에 대응된다. For example, the text area 310 displayed with the city name 'Seoul' at the top of the plurality of divided areas on the idle screen of the portable terminal shown in FIG. 3 may be marked as 'TEXT_ZONE_ID0' in the header of the SMIL script source. It corresponds to a window region representing a rectangular region having a region_id and a left edge at positions X = 51 and Y = 4 on the idle screen and having a width of 35 and a height of 17.

또한, 예를 들어, 도 3에 도시된 대기화면상의 중간의 텍스트 영역(320)은 상기 스마일(SMIL) 스크립트 소스의 헤더에서 ‘TEXT_ZONE_ID4’의 region_id를 가지고, 대기 화면상의 X=52, Y=133 위치에 좌측 모서리를 가지며 폭 182, 높이 16인 사각 영역을 나타내는 윈도우 영역에 대응된다. Further, for example, the middle text area 320 on the idle screen shown in FIG. 3 has a region_id of 'TEXT_ZONE_ID4' in the header of the SMIL script source, and X = 52 and Y = 133 on the idle screen. It corresponds to a window region having a left edge at the position and representing a rectangular region having a width of 182 and a height of 16.

한편, 상기 스마일(SMIL) 스크립트 소스의 헤더에서 <customAttributes id="FOCUSZONE"> 부분은 초기화시 사용자 인터페이스(UI) 화면 상에서 복수의 윈도우 영역 중 디폴트로 포커스 이벤트를 받을 윈도우 영역을 결정한다. 상기 스마일(SMIL) 스크립트 소스의 헤더에서 <customAttributes id="FOCUSZONE"> 부분의 defaultState="true"로 표시된 region_id가 ‘IMAGE_NEWS_ZONE_ID1’인 경우, 도 3에 도시된 초기화시 대기화면상에 디폴트로 포커스 이벤트를 받고 있는 분할 영역은 region_id가 ‘IMAGE_NEWS_ZONE_ID1’인 윈도우 영역에 대응되는 이미지 영역(330)임을 나타낸다. 이미지 영역(330)이 포커스 이벤트를 받는 경우 해당 윈도우 영역에 미리 설정된 속성값에 따라서 애니메이션등이 보여질 수 있다. Meanwhile, the <customAttributes id = "FOCUSZONE"> part of the header of the SMIL script source determines a window area to receive a focus event by default among a plurality of window areas on a UI screen at initialization. If the region_id indicated by defaultState = "true" in the <customAttributes id = "FOCUSZONE"> part of the header of the SMIL script source is 'IMAGE_NEWS_ZONE_ID1', the focus event is set on the idle screen as shown in FIG. 3 by default. The received partition indicates that the image region 330 corresponds to the window region whose region_id is 'IMAGE_NEWS_ZONE_ID1'. When the image region 330 receives the focus event, an animation may be displayed according to a property value preset in the corresponding window region.

예를 들어, 도 3의 텍스트 영역(320)이 포커스 이벤트를 받는 경우에는 미리 설정된 속성값에 따라서 해당 윈도우 영역의 텍스트 데이터가 좌 또는 우로 슬라이 딩되면서 보여질 수 있다. For example, when the text area 320 of FIG. 3 receives a focus event, the text data of the corresponding window area may be viewed left or right according to a preset property value.

포커스 이벤트가 텍스트 영역(320)에서 도 3의 우측의 이미지 영역(340)으로 옮겨지게 되면 도 4의 우측의 이미지 영역(410)와 같이 디스플레이되며, 미리 설정된 속성값이 애니메이션으로 설정된 경우에는 도 3의 사람 이미지에서 도 4의 사람 이미지로 전환되면서 해당 윈도우 영역에 애니메이션이 보여질 수 있다. 이 경우, 도 3의 텍스트 영역(320)은 포커스 이벤트가 비활성화되면서 도 3의 슬라이딩 동작이 멈추게 된다.When the focus event is moved from the text area 320 to the image area 340 on the right side of FIG. 3, the focus event is displayed as the image area 410 on the right side of FIG. 4, and when the preset property value is set to animation, FIG. 3. An animation may be shown in the corresponding window area while switching from the person image of FIG. 4 to the person image of FIG. 4. In this case, the text region 320 of FIG. 3 stops the sliding operation of FIG. 3 while the focus event is inactivated.

다시 도 1을 참조하면, 상기 생성된 제1 스크립트 언어와 각 영역마다 지정된 컨텐츠 리소스를 개인용 컴퓨터로부터 휴대용 단말기로 다운로드한다(단계 S120). Referring back to FIG. 1, the generated first scripting language and the designated content resource for each region are downloaded from the personal computer to the portable terminal (step S120).

휴대용 단말기에서는 상기 다운로드한 제1 스크립트 언어를 읽어들여 사용자 인터페이스(UI) 화면을 구성하고, 사용자가 설정창을 통해서 상기 구성된 사용자 인터페이스(UI) 화면의 각 분할 영역의 속성을 변경하여 2차 편집을 수행함으로써 제2 스크립트 언어를 생성한다(단계 S210). 여기서, 각 분할 영역의 속성은 각 분할 영역의 윈도우 위치(X, Y), 윈도우 크기, 윈도우 형태, 각 분할 영역에 할당된 컨텐츠의 종류-예를 들어 정지 영상 이미지, 텍스트, URL, 동영상 이미지등-, 포커스 이벤트를 받는 윈도우 인지 여부, 포커스 이벤트를 받은 경우 디스플레이될 이미지, 포커스 이벤트를 받지 않은 경우 디스플레이될 이미지, 각 분할 영역의 컨텐츠 종류별 적용 가능한 액션(action), 및 각 분할 영역의 컨텐츠를 사용자가 OK 키등 소정의 키를 눌러서 선택한 경우 해당 컨텐츠에 링크된 경로를 포함할 수 있다. 상기 컨텐츠 종류별 액션은 예를 들어 상기 컨텐츠가 텍스트인 경우에는 상하좌우 스크롤, 이미지인 경우는 애니메이션 및 포커스 효과, 동영상인 경우는 재생(play) 및 정지(stop)을 포함할 수 있다. The portable terminal reads the downloaded first script language to construct a user interface (UI) screen, and the user performs second editing by changing the property of each partition of the configured user interface (UI) screen through a setting window. By doing so, a second script language is generated (step S210). Here, the attributes of each partition are defined as the window position (X, Y), the window size, the window type, and the type of content allocated to each partition-for example, a still image, text, URL, video image, and the like. Whether the window receives the focus event, the image to be displayed if the focus event is received, the image to be displayed if the focus event is not received, the applicable action for each content type of each partition, and the content of each partition. If the OK key is selected by pressing a predetermined key, it may include a path linked to the corresponding content. The action for each content type may include, for example, scrolling up, down, left, and right when the content is text, animation and focus effects when the content is text, and play and stop when it is a video.

도 5는 1차 스크립트 언어에 의해 구성된 도 3의 사용자 인터페이스(UI) 화면에 상응하는 각 윈도우 영역을 나타내며, 도 6 내지 도 8은 사용자가 설정창을 통해 도 5의 각 윈도우 영역에 대해 2차 편집을 수행하는 과정을 나타낸다. FIG. 5 shows each window area corresponding to the UI screen of FIG. 3 configured by the primary script language, and FIGS. 6 to 8 show secondary editing of each window area of FIG. 5 through the user setting window. It shows the process of performing.

도 5의 사용자 인터페이스(UI) 화면은 복수의 분할 영역으로 이루어질 수 있으며, 각 분할 영역은 예를 들어, 텍스트 영역, 이미지 영역 및 정보 영역으로 구분할 수 있다. 텍스트 영역에는 최근 수신된 SMS, 날씨 정보, 시간 정보, 휴대용 단말기 위치 정보 또는 스케쥴 정보등과 같은 텍스트(text)가 포함되어 디스플레이될 수 있다. 이미지 영역에는 사진 데이터등과 같은 정지 영상, 웹브라우저 또는 동영상 같은 이미지가 포함되어 디스플레이될 수 있다. 정보 영역에는 URL(Uniform Resource Locator), 게임등과 같은 휴대용 단말기내의 애플리케이션등이 포함되어 디스플레이될 수 있다.The UI screen of FIG. 5 may include a plurality of divided regions, and each divided region may be divided into, for example, a text region, an image region, and an information region. The text area may include text such as recently received SMS, weather information, time information, portable terminal location information or schedule information, and the like. The image area may be displayed by including an image such as a still image such as photo data, a web browser or a video. The information area may include and display an application in a portable terminal such as a Uniform Resource Locator (URL), a game, and the like.

먼저 도 6을 참조하면, 사용자가 도 3의 이미지 영역(340)의 부모 윈도우인 배경 윈도우 영역(510)에 대해 소정의 속성을 설정할 수 있으며, 속성이 설정된 경우 자동적으로 영역 ID(region_ID)가 생성된다(601). 구체적으로, 사용자는 배경 윈도우 영역(510)에 대해서 포커스 이벤트를 받는 윈도우인지를 체크 박스(603)에 체크하고, 포커스 이벤트가 활성화된 경우 디스플레이할 이미지의 파일 경로(605)를 설정하고, 포커스 이벤트가 비활성화된 경우 디스플레이할 이미지의 파일 경 로(607)를 설정할 수 있다. 또한, 사용자는 배경 윈도우 영역(510)에 대해서 윈도우 형태(609)를 예를 들어 원, 사각형, 삼각형 중에서 선택할 수 있다. 도 6에서는 윈도우 형태가 사각형으로 선택된 경우 윈도우 사이즈(611)로 윈도우 위치 X, Y, 폭(width), 높이(height)를 설정하는 경우를 예로서 나타낸다. First, referring to FIG. 6, a user may set a predetermined property for the background window area 510 which is a parent window of the image area 340 of FIG. 3, and when the property is set, a region ID (region_ID) is automatically generated. (601). In detail, the user checks the check box 603 whether the window receives the focus event with respect to the background window area 510, sets the file path 605 of the image to be displayed when the focus event is activated, and sets the focus event. If is deactivated, the file path 607 of the image to be displayed can be set. In addition, the user may select the window shape 609 for the background window area 510 from, for example, a circle, a rectangle, and a triangle. 6 illustrates an example in which the window positions X, Y, width, and height are set as the window size 611 when the window shape is selected as a rectangle.

도 7을 참조하면, 사용자가 자식 윈도우 영역(510)에 대해 소정의 속성을 설정할 수 있으며, 속성이 설정된 경우 자동적으로 영역 ID(region_ID)가 생성된다(601). 구체적으로, 사용자는 자식 윈도우 영역(510)에 대해서 포커스 이벤트를 받는 윈도우인지를 체크 박스(603)에 체크하고, 자식 윈도우 영역(510)에 디스플레이될 컨텐츠의 종류(Data Type, 705)를 설정할 수 있다. 예를 들어, 설정 가능한 컨텐츠의 종류로는 텍스트(text), 이미지(image), 동영상 이미지(video) 및 URL(Uniform Resource Locator)를 포함할 수 있다. 선택된 컨텐츠가 이미지인 경우 상기 이미지는 휴대용 단말기에 저장된 사진 데이터, 웹브라우저, PC 싱크 툴(Sync tool)로 다운로드받은 데이터를 포함할 수 있다. 여기서, URL이 사용자에 의해 선택된 경우 사용자는 URL 사이트를 URL 입력란(706)에 입력할 수 있다. 또한, 자식 윈도우 영역(510)에 디스플레이될 컨텐츠로서 정지 이미지가 선택된 경우 휴대용 단말기의 특정 메뉴 아이콘-예를 들어 문자 수신함, 일정 관리, 영상 전화등-가 자식 윈도우 영역(510)에 디스플레이되도록 설정할 수 있다. 또한, 사용자는 상기 설정된 컨텐츠 종류(705)에 따라서 소정의 액션(707)을 설정할 수 있다. 예를 들어, 텍스트의 경우 상하좌우 스크롤 중의 하나를 선택할 수 있다. 정지 이미지의 경우 애니메이션 효과 및 포커스 효과 중의 하나를 선택할 수 있다. 동영상의 경우 재 생(play) 및 정지(stop) 중의 하나를 선택할 수 있다. 또한, 사용자는 해당 영역 ID를 가지는 자식 윈도우가 선택되었을 때 처리해야할 다음 화면을 보여주기 위한 링크 경로(709)를 설정할 수 있다. 예를 들어, 선택된 컨텐츠가 텍스트로서 웹상의 뉴스 타이틀일 경우 해당 뉴스의 본문으로 링크 경로가 설정될 수 있다. 예를 들어, 선택된 컨텐츠가 이미지로서 사진 이미지인 경우 사용자가 찍은 사진 파일로 링크 경로가 설정될 수 있다. 윈도우 형태(711)를 예를 들어 원, 사각형, 삼각형 중에서 선택할 수 있다. 도 7에서는 윈도우 형태가 사각형으로 선택된 경우 윈도우 사이즈(713)로 윈도우 위치 X, Y, 폭(width), 높이(height)를 설정하는 경우를 예로서 나타낸다. Referring to FIG. 7, a user may set a predetermined attribute for the child window region 510, and if an attribute is set, a region ID (region_ID) is automatically generated (601). In detail, the user may check the check box 603 whether the window receives the focus event with respect to the child window area 510, and set the type (Content) of the content to be displayed in the child window area 510. have. For example, the type of content that can be set may include text, an image, a video image, and a uniform resource locator. If the selected content is an image, the image may include photo data stored in a portable terminal, a web browser, and data downloaded to a PC sync tool. Here, when the URL is selected by the user, the user may enter the URL site in the URL input field 706. In addition, when a still image is selected as the content to be displayed in the child window area 510, a specific menu icon of the portable terminal, for example, a text box, a schedule management, a video phone, etc., may be set to be displayed in the child window area 510. have. In addition, the user may set a predetermined action 707 according to the set content type 705. For example, in the case of text, one of up, down, left, and right scrolls can be selected. For still images, you can choose between animation effects and focus effects. In the case of moving pictures, you can select one of play and stop. In addition, the user may set a link path 709 for showing the next screen to be processed when the child window having the corresponding area ID is selected. For example, if the selected content is a news title on the web as text, a link path may be set as the body of the news. For example, when the selected content is a photo image as an image, a link path may be set to the photo file taken by the user. For example, the window shape 711 may be selected from a circle, a rectangle, and a triangle. 7 illustrates an example in which the window positions X, Y, width, and height are set as the window size 713 when the window shape is selected as a rectangle.

도 8을 참조하면, 사용자가 텍스트 영역(530)에 대해 소정의 속성을 설정할 수 있으며, 속성이 설정된 경우 자동적으로 영역 ID(region_ID)가 생성된다(601). 구체적으로, 사용자는 텍스트 영역(530)에 대해서 포커스 이벤트를 받는 윈도우인지를 체크 박스(603)에 체크하고, 텍스트 영역(530)에 디스플레이될 컨텐츠를 텍스트 입력란(805)에 설정한다. 텍스트 영역(530)에 디스플레이될 컨텐츠로서 휴대용 단말기가 기본적으로 업데이트하여 제공해줄 수 있는 텍스트 데이터를 설정할 수 있다. 예를 들어, 텍스트 영역(530)에 디스플레이될 컨텐츠로서 최근 수신된 SMS 문자 메시지, 현재 날짜 정보, 현재 시간 정보, 휴대용 단말기의 위치 정보, 날씨 정보, 스케쥴 정보등을 설정할 수 있다. 또한, 텍스트 영역(530)을 SMS 메시지 입력창으로 설정할 수도 있다. 또한, 사용자는 상기 설정된 텍스트 데이터(805)에 따라서 소정의 액션(807)을 설정할 수 있다. 예를 들어, 포커스 이벤트를 받았을 때 상하좌우 스크롤 중의 하나가 되도록 설정할 수 있다. 사용자는 윈도우 형태(809)를 원, 사각형, 삼각형 중에서 선택할 수 있다. 도 8에서는 윈도우 형태가 사각형으로 선택된 경우 윈도우 사이즈(811)로 윈도우 위치 X, Y, 폭(width), 높이(height)를 설정하는 경우를 예로서 나타낸다. Referring to FIG. 8, a user may set a predetermined attribute for the text region 530, and if an attribute is set, a region ID (region_ID) is automatically generated (601). In detail, the user checks the check box 603 whether the window receives the focus event with respect to the text area 530, and sets the content to be displayed in the text area 530 in the text input box 805. As the content to be displayed in the text area 530, text data that the portable terminal can update and provide may be set. For example, as the content to be displayed in the text area 530, a recently received SMS text message, current date information, current time information, location information of the portable terminal, weather information, schedule information, and the like may be set. In addition, the text area 530 may be set as an SMS message input window. In addition, the user may set a predetermined action 807 according to the set text data 805. For example, it can be set to be one of up, down, left, and right scrolls when a focus event is received. The user may select the window form 809 from circles, rectangles, and triangles. 8 illustrates an example in which the window positions X, Y, width, and height are set as the window size 811 when the window shape is selected as the rectangle.

또한, 사용자는 도 8의 사용자 인터페이스(UI) 화면 상의 소정의 윈도우 영역에 휴대용 단말기 내에 저장된 게임, 무선 인터넷, 디지털 멀티미디어 방송등과 같은 애플리케이션을 선택할 수 있는 아이콘을 디스플레이할 수 있다. In addition, the user may display an icon for selecting an application such as a game, a wireless Internet, a digital multimedia broadcasting, and the like stored in the portable terminal in a predetermined window area on the UI screen of FIG. 8.

또한, 도면에서는 도시하지 않았지만 사용자는 별도의 설정창을 통하여 사용자 인터페이스(UI) 화면 상의 소정의 윈도우 영역의 테두리 굵기, 테두리 색상, 영역 내부의 색상등을 설정할 수도 있다. In addition, although not shown in the drawing, the user may set a border thickness, a border color, a color inside the area, etc. of a predetermined window area on a UI screen through a separate setting window.

사용자는 현재 사용자 인터페이스(UI) 화면 상의 소정의 윈도우 영역에 주식 정보가 스크롤 표시되도록 설정되어 있는 상태를 상기 소정의 윈도우 영역에 수신된 최근 SMS 문자가 스크롤 표시되도록 상기 소정의 윈도우 영역의 속성을 변경할 수 있다. The user may change a property of the predetermined window area so that the latest SMS text received in the predetermined window area is scrolled and displayed in a state where the stock information is set to scroll display in a predetermined window area on a current UI screen. Can be.

상기 도 6 내지 도 8에서 설명된 바와 같이, 사용자가 사용자 인터페이스(UI) 화면 상의 각 윈도우 영역의 속성을 설정하여 휴대용 단말기 자체에서 2차 편집 과정을 수행하면 상기 2차 편집된 내용을 기초로하여 제2 스크립트 언어가 생성될 수 있다. 예를 들어, 사용자 인터페이스(UI) 화면 상의 각 윈도우 영역에 디스플레이될 컨텐츠의 윈도우 사이즈로서 윈도우 위치 X, Y, 윈도우 폭 및 높이등을 설정하면 이를 이용하여 스마일(SMIL) 스크립트 헤더를 구성할 수 있고, 각 윈도우 영역에 디스플레이될 컨텐츠의 종류로서 이미지, 동영상, 텍스트등을 설정하면 이를 이용하여 스마일(SMIL) 스크립트 바디의 이미지, 애니메이션, 슬라이딩 텍스트, 일반 텍스트의 소스(source)를 구성할 수 있다. As described above with reference to FIGS. 6 to 8, when the user sets a property of each window area on a user interface (UI) screen and performs a secondary editing process on the portable terminal itself, A second script language can be generated. For example, if you set the window position X, Y, window width and height as the window size of the content to be displayed in each window area on the UI screen, the SMIL script header can be configured using the window position X, Y, window width and height. If an image, video, text, etc. is set as the type of content to be displayed in each window area, a source of an image, animation, sliding text, and general text of a SMIL script body can be configured using the image, video, text, and the like.

다시 도 1을 참조하면, 휴대용 단말기에서는 상기 2차 편집 과정을 통하여 생성된 제2 스크립트 언어를 적용하여 사용자 인터페이스(UI) 화면을 변경한다(단계 S220). Referring back to FIG. 1, the portable terminal changes the UI screen by applying the second script language generated through the secondary editing process (step S220).

이하, 휴대용 단말기에서 상기 제2 스크립트 언어를 적용하여 사용자 인터페이스(UI) 화면을 변경하는 과정에 대해 도 2를 참조하여 설명한다. Hereinafter, a process of changing a UI screen by applying the second script language in the portable terminal will be described with reference to FIG. 2.

도 2를 참조하면, 상기 2차 편집 과정을 통하여 생성된 제2 스크립트 언어- 예를 들어 제2 스마일(SMIL) 스크립트-를 읽어오고(단계 S221), 상기 읽어온 제2 스마일(SMIL) 스크립트로부터 헤더(header) 정보 및 바디(body) 정보를 파싱한다(단계 S223). 헤더 정보에는 각 분할 영역의 윈도우 크기, 윈도우 위치(X,Y) 등에 대한 정보가 포함된다. 상기 제2 스마일(SMIL) 스크립트의 파싱 정보를 이용하여 사용자 인터페이스 화면(UI)의 각 분할 영역을 생성한다(단계 S225). 여기서, 상기 제2 스마일(SMIL) 스크립트의 헤더 정보를 이용하여 각 분할 영역의 계층적(hierarchy)인 구조를 가지는 윈도우 영역을 구성하고, 바디 정보를 이용하여 각 계층적인 구조를 가지는 윈도우 영역에 해당되는 컨텐츠를 매핑할 수 있다. 계층적인 구조를 가지는 윈도우에서 자식 윈도우(child window)는 부모 윈도우(parent window)의 속성을 그대로 승계할 수 있다. Referring to FIG. 2, a second script language generated through the secondary editing process, for example, a second SMIL script, is read (step S221), and from the read second SMIL script Header information and body information are parsed (step S223). The header information includes information on the window size, window position (X, Y) of each partition. Each divided area of the UI screen is generated using the parsing information of the second smile script (step S225). Here, a window area having a hierarchical structure of each partition is formed using header information of the second smile script, and corresponding to a window area having a hierarchical structure using body information. To be mapped. In a hierarchical window, a child window can inherit the properties of a parent window.

각 분할 영역별 사용자에 의해 설정된 속성에 따른 컨텐츠를 뷰어를 통해 각 분할 영역별로 디스플레이한다(단계 S227). The content according to the attribute set by the user for each partition is displayed for each partition through the viewer (step S227).

사용자에 의해 발생된 키이벤트에 따라 변경되는 각 분할 영역의 속성값에 따라 사용자 인터페이스(UI) 화면을 업데이트한다(단계 S229). The UI screen is updated according to an attribute value of each partition area changed according to a key event generated by the user (step S229).

도 9는 본 발명의 일 실시예에 따른 사용자 인터페이스(UI) 화면 재구성 기능을 가지는 휴대용 단말기의 구성을 나타내는 블록도이고, 도 10은 본 발명의 일 실시예에 따른 사용자 인터페이스(UI) 화면 재구성을 위한 스크립트 편집 모듈을 설명하기 위한 블록도이다. 9 is a block diagram illustrating a configuration of a portable terminal having a user interface (UI) screen reconstruction function according to an embodiment of the present invention, and FIG. 10 is a diagram illustrating a user interface (UI) screen reconstruction according to an embodiment of the present invention. This is a block diagram illustrating the script editing module.

도 9를 참조하면, 본 발명의 일 실시예에 따른 휴대용 단말기는 무선 송수신부(910), 제어부(920), 저장부(930), 디스플레이부(940), 키입력부(950), 스피커(960) 및 마이크(970)를 포함한다. 9, a portable terminal according to an embodiment of the present invention includes a wireless transceiver 910, a controller 920, a storage 930, a display 940, a key input unit 950, and a speaker 960. ) And a microphone 970.

무선 송수신부(510)는 안테나(511)에 유기된 무선 고주파 신호(RF: Radio Frequency)를 수신하여 중간 주파수(Intermediate Frequency)로 변환한 후 다시 베이스 밴드(baseband) 신호로 변환하여 제어부(520)에 제공하고, 제어부(520)로부터 제공되는 베이스 밴드 신호를 중간 주파수로 변환한 후 중간 주파수의 신호를 다시 무선 고주파 신호로 변환하여 안테나(511)에 제공한다. The wireless transceiver 510 receives a radio frequency signal (RF) induced by the antenna 511, converts the radio frequency into an intermediate frequency, and then converts the baseband signal into a baseband signal. The baseband signal provided from the controller 520 is converted into an intermediate frequency, and the intermediate frequency signal is converted into a radio frequency signal and provided to the antenna 511.

또는, 무선 송수신부(510)는 상기와 같은 고주파 신호를 중간 주파수 변환을 거쳐 베이스 밴드 신호로 복조하는 헤테로다인 수신 방식 대신 주파수 변환 없이 수신된 고주파 신호에서 직접 신호를 복조하는 직접 변환(direct conversion) 방식을 사용할 수도 있다. Alternatively, the wireless transmission / reception unit 510 directly demodulates a direct signal from a received high frequency signal without frequency conversion, instead of a heterodyne reception method that demodulates the high frequency signal into a baseband signal through intermediate frequency conversion. You can also use the method.

제어부(520)는 휴대용 단말기의 고유 기능 및 음성 통화를 수행하기 위한 제 어 및 처리를 수행한다. 이를 위해 제어부(520)는 무선 송수신부(510)로부터 제공된 베이스밴드 신호를 처리하기 위한 베이스밴드 프로세서를 포함할 수 있고, 송신 및 수신되는 음성의 디지털 처리를 위한 위한 보코더(vocoder)를 포함할 수 있다. The controller 520 performs control and processing for performing a voice call and a unique function of the portable terminal. To this end, the controller 520 may include a baseband processor for processing the baseband signal provided from the wireless transceiver 510, and may include a vocoder for digital processing of transmitted and received voice. have.

제어부(520)는 스크립트 편집 모듈(921)를 포함한다. 도 10을 참조하면, 스크립트 편집 모듈(921)는 스크립트 파서(1020) 및 뷰어 관리자(1030)를 포함할 수 있다. The controller 520 includes a script editing module 921. Referring to FIG. 10, the script editing module 921 may include a script parser 1020 and a viewer manager 1030.

스크립트 편집 모듈(921)는 PC에서 다운로드된 1차 편집된 제1 스크립트 언어를 저장부(930)로부터 읽어들인다. The script editing module 921 reads the first edited first script language downloaded from the PC from the storage unit 930.

스크립트 파서(1020)는 상기 읽어들인 스크립트(1010)로부터 헤더 정보 및 바디 정보를 파싱하여 각 윈도우 영역에 대한 영역 ID(region_ID), 윈도우 영역 정보 및 각 윈도우 영역의 컨텐츠를 추출하여 각 영역을 구성하기 위한 구조체를 생성한다. The script parser 1020 parses header information and body information from the read script 1010 and extracts region ID (region_ID), window region information, and contents of each window region for each window region to configure each region. Create a structure for

뷰어 관리자(1030)는 사용자에 의해 2차 편집 과정에서 변경된 사용자 인터페이스(UI) 화면의 각 분할 영역에 대한 속성 정보를 사용자 업데이트 정보(1031)로 입력받고, 상기 사용자 업데이트 정보(1031)를 기초로하여 변경된 스크립트 정보(1033)를 이용하여 상기 읽어들인 스크립트(1010)를 수정하여 2차 스크립트 언어를 생성하도록 한다. 뷰어 관리자(1030)는 사용자 인터페이스(UI) 화면의 각 분할 영역을 구성하기 위한 스크립트 정보를 포함하는 구조체를 이용하여 디스플레이부(940)를 통하여 각 분할 영역을 디스플레이한다. 뷰어 관리자(1030)는 포커스 이벤트가 발생한 경우에는 상기 포커스 이벤트에 따라 상기 구조체를 변경하여 디스 플레이부(940)를 통하여 각 분할 영역을 디스플레이한다.The viewer manager 1030 receives, as user update information 1031, attribute information of each partition of the UI screen changed in the second editing process by the user, based on the user update information 1031. The modified script information 1033 is used to modify the read script 1010 to generate a secondary script language. The viewer manager 1030 displays each divided area through the display unit 940 using a structure including script information for configuring each divided area of a UI screen. When the focus event occurs, the viewer manager 1030 changes the structure according to the focus event and displays each divided area through the display unit 940.

스크립트 편집 모듈(921)은 소프트웨어 프로그램으로 구현되어 제어부(920)에 구비된 프로세서(예를 들면, 베이스밴드 프로세서 또는 어플리케이션 프로세서)가 수행하도록 구성될 수 있다.The script editing module 921 may be implemented as a software program and configured to be performed by a processor (eg, a baseband processor or an application processor) included in the controller 920.

저장부(530)는 플래쉬(Flash) 메모리, EEPROM(Electrically Erasable And Programmable Read Only Memory) 등과 같은 비휘발성 메모리가 될 수 있고, 휴대용 단말기의 기본 동작에 필요한 시스템 프로그램(예를 들면 운영체제) 및/또는 기타 응용프로그램이 저장된다. 저장부(530)는 PC에서 다운로드된 1차 편집된 제1 스크립트 언어 및 2차 편집과정에서 생성된 제2 스크립트 언어를 저장할 수 있다. The storage unit 530 may be a nonvolatile memory such as a flash memory, an electrically erasable and programmable read only memory (EEPROM), or the like, and may be a system program (eg, an operating system) and / or required for basic operation of the portable terminal. Other applications are saved. The storage unit 530 may store the first edited first script language downloaded from the PC and the second script language generated during the second editing process.

키입력부(950)는 복수의 숫자, 문자 입력 키 및 특수 기능을 수행하기 위한 기능 키를 포함하고, 사용자에 의해 키조작이 발생하면 이에 상응하는 키입력 신호를 제어부(920)에 제공한다.The key input unit 950 includes a plurality of numbers, character input keys, and function keys for performing special functions, and provides a corresponding key input signal to the controller 920 when a key manipulation occurs by a user.

특히, 키입력부(950)는 사용자에 의해 소정의 설정창을 통하여 각 분할 영역의 속성을 변경하기 위한 키입력 및 소정의 포커스 이벤트를 지시하는 키입력을 받아 이에 상응하는 이벤트 신호를 제어부(920)에 제공한다.In particular, the key input unit 950 receives a key input for changing a property of each divided area and a key input indicating a predetermined focus event by a user through a predetermined setting window, and transmits a corresponding event signal to the controller 920. to provide.

스피커(960)는 음성 통화시에 사용자의 음성 및 음성 통화 상대방의 음성을 출력한다. 마이크(970)는 음성 통화시에 사용자의 음성을 입력받고 입력된 음성을 이에 상응하는 전기신호로 변환하여 제어부(920)에 제공한다. The speaker 960 outputs a user's voice and a voice of a voice call counterpart during a voice call. The microphone 970 receives a user's voice during a voice call, converts the input voice into an electric signal corresponding thereto, and provides the same to the controller 920.

상기에서는 대기 화면에서의 각 분할 영역의 속성값을 변경함으로써 사용자가 휴대용 단말기를 사용하여 자신이 원하는 사용자 인터페이스(UI) 화면을 재구성 하는 과정에 대해 설명하였으나, 본 발명의 휴대용 단말기에서의 사용자 인터페이스(UI) 화면 재구성 방법은 휴대용 단말기에 저장된 각 메뉴 화면을 재구성하는 경우에도 적용될 수 있다. In the above description, a process of reconfiguring a user interface (UI) screen desired by a user using a portable terminal by changing an attribute value of each partition area on a standby screen has been described. UI) The screen reconstruction method may be applied to the case of reconfiguring each menu screen stored in the portable terminal.

상기에서는 휴대용 단말기로 이동통신 단말기를 예를 들어 설명하였지만, 본 발명의 휴대용 단말기는 이동통신 단말기에만 한정되지 않으며, 개인휴대정보단말기(Personal Digital Assistant), 휴대용 멀티미디어 플레이어(Portable Multimedia Player), MP3 플레이어등과 같은 다양한 휴대용 단말기도 포함할 수 있다. Although the mobile terminal has been described as an example of the portable terminal, the portable terminal of the present invention is not limited to the mobile terminal, but may be a personal digital assistant, a portable multimedia player, or an MP3 player. It may also include various portable terminals such as.

이상 실시예를 참조하여 설명하였지만, 해당 기술 분야의 숙련된 당업자는 하기의 특허 청구의 범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.Although described with reference to the embodiments above, those skilled in the art will understand that the present invention can be variously modified and changed without departing from the spirit and scope of the invention as set forth in the claims below. Could be.

도 1은 본 발명의 일실시예에 따른 휴대용 단말기에서의 사용자 인터페이스(UI) 재구성 방법을 나타낸 순서도이다. 1 is a flowchart illustrating a method for reconfiguring a user interface (UI) in a portable terminal according to an embodiment of the present invention.

도 2는 본 발명의 일실시예에 따른 휴대용 단말기에서의 2차 편집된 제2 스크립트 언어를 사용하여 사용자 인터페이스(UI) 화면을 재구성하는 과정을 설명하기 위한 순서도이다. 2 is a flowchart illustrating a process of reconfiguring a user interface (UI) screen using a second edited second script language in a portable terminal according to an embodiment of the present invention.

도 3 및 도 4는 본 발명의 일실시예에 따른 2차 편집된 제2 스크립트 언어를 사용하여 작성된 사용자 인터페이스(UI) 화면을 나타낸다. 3 and 4 illustrate a user interface (UI) screen created using a second edited second script language according to an embodiment of the present invention.

도 5는 본 발명의 일실시예에 따른 1차 편집된 제1 스크립트 언어를 사용하여 작성된 사용자 인터페이스(UI) 화면을 나타낸다. 5 illustrates a UI screen created using a first edited first script language according to an embodiment of the present invention.

도 6 및 도 7은 도 5의 제1 영역에 대해 속성을 변경하여 2차 편집을 하기 위한 사용자 인터페이스(UI) 화면을 나타낸다. 6 and 7 illustrate user interface (UI) screens for performing secondary editing by changing an attribute of the first area of FIG. 5.

도 8은 도 5의 제2 영역에 대해 속성을 변경하여 2차 편집을 하기 위한 사용자 인터페이스(UI) 화면을 나타낸다. FIG. 8 illustrates a UI screen for performing secondary editing by changing an attribute of the second region of FIG. 5.

도 9는 본 발명의 일 실시예에 따른 사용자 인터페이스(UI) 화면 재구성 기능을 가지는 휴대용 단말기의 구성을 나타내는 블록도이다.9 is a block diagram illustrating a configuration of a portable terminal having a user interface (UI) screen reconstruction function according to an embodiment of the present invention.

도 10은 본 발명의 일 실시예에 따른 사용자 인터페이스(UI) 화면 재구성을 위한 스크립트 편집 모듈을 설명하기 위한 블록도이다. 10 is a block diagram illustrating a script editing module for reconfiguring a user interface (UI) screen according to an embodiment of the present invention.

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

921: 스크립트 편집 모듈921: script editing module

Claims (17)

1차적으로 생성된 제1 스크립트 언어를 읽어 들여 휴대용 단말기의 제1 사용자 인터페이스(UI) 화면을 구성하는 단계;Reading a first generated script language and constructing a first UI screen of the portable terminal; 상기 휴대용 단말기에 표시된 설정 화면을 통하여 상기 제1 사용자 인터페이스(UI) 화면의 적어도 하나의 분할 영역의 속성을 변경하는 단계;Changing a property of at least one divided area of the first UI screen through a setting screen displayed on the portable terminal; 상기 적어도 하나의 분할 영역의 변경된 속성을 기초로 하여 제2 스크립트 언어를 생성하는 단계; 및Generating a second scripting language based on the changed attributes of the at least one partitioned area; And 생성된 상기 제2 스크립트 언어에 기초하여 제2 사용자 인터페이스(UI) 화면을 생성하는 단계를 포함하는 휴대용 단말기에서의 사용자 인터페이스(UI) 화면 재구성 방법.Generating a second user interface (UI) screen based on the generated second script language. 삭제delete 제1항에 있어서, 상기 적어도 하나의 분할 영역의 속성은The method of claim 1, wherein the attribute of the at least one partition is 상기 적어도 하나의 분할 영역의 윈도우 영역 정보, 상기 적어도 하나의 분할 영역에 디스플레이 되는 컨텐츠에 대한 정보 및 상기 컨텐츠에 따른 액션(action)에 대한 정보 중 적어도 하나의 정보를 포함하되,And at least one of window area information of the at least one partitioned area, information on content displayed on the at least one partitioned area, and information on an action according to the content, 상기 윈도우 영역 정보는 상기 윈도우 영역의 위치 및 상기 윈도우 영역의 크기 중 적어도 하나에 대한 정보를 포함하고,The window area information includes information on at least one of a position of the window area and a size of the window area, 상기 컨텐츠는 텍스트, 정지 영상, 동영상 및 URL(Uniform Resource Locator) 중 적어도 하나인 것을 특징으로 하는 휴대용 단말기에서의 사용자 인터페이스(UI) 화면 재구성 방법.And the content is at least one of a text, a still picture, a video, and a Uniform Resource Locator (URL). 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 제1항에 있어서,The method of claim 1, 상기 제1 스크립트 언어 및 상기 제2 스크립트 언어는 스마일(SMIL; Synchronized Muitimedia Integration Language) 스크립트인 것을 특징으로 하는 휴대용 단말기에서의 사용자 인터페이스(UI) 화면 재구성 방법.And wherein the first script language and the second script language are SMIL (Synchronized Muitimedia Integration Language) scripts. 1차적으로 생성된 제1 스크립트 언어를 저장하는 저장부; 및A storage unit to store the first generated script language; And 상기 저장부로부터 상기 제1 스크립트 언어를 읽어 들여 휴대용 단말기의 제1 사용자 인터페이스(UI) 화면을 구성하고, 상기 휴대용 단말기에 표시된 설정 화면을 통하여 상기 제1 사용자 인터페이스(UI) 화면의 적어도 하나의 분할 영역의 속성을 변경하며, 상기 적어도 하나의 분할 영역의 변경된 속성을 기초로 하여 제2 스크립트 언어를 생성하고, 생성된 상기 제2 스크립트 언어에 기초하여 제2 사용자 인터페이스(UI) 화면을 생성하는 제어부를 포함하는 휴대용 단말기.Read the first script language from the storage unit to configure a first user interface (UI) screen of the portable terminal, and divide at least one of the first user interface (UI) screens through a setting screen displayed on the portable terminal. A control unit for changing an attribute of an area, generating a second script language based on the changed attribute of the at least one partitioned area, and generating a second user interface (UI) screen based on the generated second script language Portable terminal comprising a. 삭제delete 제11항에 있어서, 상기 적어도 하나의 분할 영역의 속성은The method of claim 11, wherein the attribute of the at least one partition is 상기 적어도 하나의 분할 영역의 윈도우 영역 정보, 상기 적어도 하나의 분할 영역에 디스플레이 되는 컨텐츠에 대한 정보 및 상기 컨텐츠에 따른 액션(action)에 대한 정보 중 적어도 하나의 정보를 포함하되,And at least one of window area information of the at least one partitioned area, information on content displayed on the at least one partitioned area, and information on an action according to the content, 상기 윈도우 영역 정보는 상기 윈도우 영역의 위치 및 상기 윈도우 영역의 크기 중 적어도 하나에 대한 정보를 포함하고,The window area information includes information on at least one of a position of the window area and a size of the window area, 상기 컨텐츠는 텍스트, 정지 영상, 동영상 및 URL(Uniform Resource Locator) 중 적어도 하나인 것을 특징으로 하는 휴대용 단말기.And the content is at least one of a text, a still image, a video, and a Uniform Resource Locator (URL). 삭제delete 삭제delete 삭제delete 제11항에 있어서,The method of claim 11, 상기 제1 스크립트 언어 및 상기 제2 스크립트 언어는 스마일(SMIL; Synchronized Muitimedia Integration Language) 스크립트인 것을 특징으로 하는 휴대용 단말기.The first script language and the second script language is a portable terminal, characterized in that the (SIL) (Synchronized Muitimedia Integration Language) script.
KR1020070116831A 2007-11-15 2007-11-15 Method of reconstituting User Interface In Portable Device And Portable Device for performing the same KR100959991B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020070116831A KR100959991B1 (en) 2007-11-15 2007-11-15 Method of reconstituting User Interface In Portable Device And Portable Device for performing the same

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020070116831A KR100959991B1 (en) 2007-11-15 2007-11-15 Method of reconstituting User Interface In Portable Device And Portable Device for performing the same

Publications (2)

Publication Number Publication Date
KR20090050418A KR20090050418A (en) 2009-05-20
KR100959991B1 true KR100959991B1 (en) 2010-05-27

Family

ID=40858874

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020070116831A KR100959991B1 (en) 2007-11-15 2007-11-15 Method of reconstituting User Interface In Portable Device And Portable Device for performing the same

Country Status (1)

Country Link
KR (1) KR100959991B1 (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101274313B1 (en) * 2012-09-27 2013-06-13 한양대학교 산학협력단 User terminal and method of providing an ui in the same
KR20180048213A (en) * 2016-10-31 2018-05-10 한국항공우주산업 주식회사 Member editor organization method and apparatus by user on integrated development environment

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20050003414A (en) * 2002-05-06 2005-01-10 모토로라 인코포레이티드 Image content reconfiguration for different device capabilities and methods therefor
KR20060097290A (en) * 2005-03-05 2006-09-14 주식회사 팬택 User menu editing method for mobile communication terminal
WO2006131780A1 (en) 2005-06-10 2006-12-14 Nokia Corporation Re-configuring the standby screen of an electronic device
KR20070049243A (en) * 2004-10-08 2007-05-10 노키아 코포레이션 Mobile communications terminal having an improved user interface and method therefor

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20050003414A (en) * 2002-05-06 2005-01-10 모토로라 인코포레이티드 Image content reconfiguration for different device capabilities and methods therefor
KR20070049243A (en) * 2004-10-08 2007-05-10 노키아 코포레이션 Mobile communications terminal having an improved user interface and method therefor
KR20060097290A (en) * 2005-03-05 2006-09-14 주식회사 팬택 User menu editing method for mobile communication terminal
WO2006131780A1 (en) 2005-06-10 2006-12-14 Nokia Corporation Re-configuring the standby screen of an electronic device

Also Published As

Publication number Publication date
KR20090050418A (en) 2009-05-20

Similar Documents

Publication Publication Date Title
KR102442170B1 (en) Display apparatus for displaying and method thereof
US7466987B2 (en) User interface for a radiotelephone
CN105808044A (en) Information push method and device
CN107688430B (en) Wallpaper replacing method, device, terminal and storage medium
KR20140144104A (en) Electronic apparatus and Method for providing service thereof
JP2008108278A (en) Communication terminal handling animation
WO2004054254A1 (en) Multi-medium data processing device capable of easily creating multi-medium content
KR102350540B1 (en) digital component background rendering
KR101613905B1 (en) Method and device for gernerating clipborad data of element being included in contents
US8942414B2 (en) Method and apparatus for making personalized contents
CN101138226A (en) Method for displaying text messages and programme for implementing said method
KR100959991B1 (en) Method of reconstituting User Interface In Portable Device And Portable Device for performing the same
JP2008301377A (en) Communication device, display control method, and program
US20080163076A1 (en) Replacing web browser images with view finder or gallery pictures
KR101097592B1 (en) Method of providing video message making service
KR101198231B1 (en) Method for displaying web page in a mobile terminal and mobile terminal therefor
US20080010614A1 (en) Mobile communication terminal and method for setting slide attribute thereof
KR100914125B1 (en) Method of constituting User Interface In Portable Device And Portable Device for performing the same
JP2004056469A (en) Electronic device and media reproducing method therefor
KR101478557B1 (en) Method for displaying widget on mobile device and the mobile device
US10924602B2 (en) Electronic device and method for controlling same
KR20110035766A (en) Method of providing multimedia message service
KR101875485B1 (en) Electronic apparatus and Method for providing service thereof
KR20060058878A (en) Method for providing home page of portable terminal
KR20140089285A (en) Display apparatus and Method for controlling display apparatus thereof

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
AMND Amendment
E90F Notification of reason for final refusal
AMND Amendment
E601 Decision to refuse application
E801 Decision on dismissal of amendment
AMND Amendment
J201 Request for trial against refusal decision
B701 Decision to grant
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20130430

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20140508

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20150507

Year of fee payment: 6

FPAY Annual fee payment

Payment date: 20160503

Year of fee payment: 7

FPAY Annual fee payment

Payment date: 20170504

Year of fee payment: 8

FPAY Annual fee payment

Payment date: 20180503

Year of fee payment: 9

FPAY Annual fee payment

Payment date: 20190502

Year of fee payment: 10