KR101446141B1 - Method and apparatus for browsing menu of a tree structure - Google Patents
Method and apparatus for browsing menu of a tree structure Download PDFInfo
- Publication number
- KR101446141B1 KR101446141B1 KR1020080051452A KR20080051452A KR101446141B1 KR 101446141 B1 KR101446141 B1 KR 101446141B1 KR 1020080051452 A KR1020080051452 A KR 1020080051452A KR 20080051452 A KR20080051452 A KR 20080051452A KR 101446141 B1 KR101446141 B1 KR 101446141B1
- Authority
- KR
- South Korea
- Prior art keywords
- slider
- scroll
- viewable object
- level
- menu
- Prior art date
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]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- 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]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
본 발명은 멀티레벨의 뷰어블 오브젝트에 대응하여 멀티레벨 구조의 스크롤바를 가지는 사용자 인터페이스와, 이를 이용한 트리 구조의 메뉴 브라우징 방법 및 장치에 관한 것으로, 이러한 본 발명은 트리 구조의 메뉴 브라우징 방법에 있어서, 특정 뷰어블 오브젝트를 표시하는 과정과, 스크롤바의 전환영역에 발생하는 이벤트에 따라 상기 뷰어블 오브젝트의 상위레벨 메뉴로 전환하는 과정과, 상기 스크롤바의 스크롤영역에 발생하는 이벤트에 대응하여 상기 뷰어블 오브젝트를 스크롤하는 과정을 포함한다.The present invention relates to a user interface having a scroll bar of a multi-level structure corresponding to a multi-level viewable object, and a method and apparatus for browsing a menu of a tree structure using the same. The method comprising the steps of: displaying a specific viewable object; switching to a higher level menu of the viewable object according to an event occurring in a scrollbar switching area; .
휴대단말, 사용자 인터페이스, 멀티레벨, 스크롤, 스크롤바, 슬라이더 Mobile terminal, user interface, multi-level, scroll, scrollbar, slider
Description
본 발명은 개선된 사용자 인터페이스(UI, User Interface)에 관한 것으로, 특히 본 발명은 트리(tree) 구조를 가지는 메뉴를 각 레벨별로 브라우징(browsing) 할 수 있는 방법 및 장치에 관한 것이다. The present invention relates to an improved user interface (UI), and more particularly, to a method and apparatus for browsing a menu having a tree structure at each level.
끊임없는 연구와 기술의 발전으로 휴대단말에서 제공되는 사용자 편의 기능들은 사용자의 요구 및 기술의 발전에 따라 점점 더 개발되고 있다. 상기 휴대단말에서 사용자 인터페이스는, 상기 휴대단말의 스크린(screen) 상의 메뉴 리스트(menu list) 중 특정 아이템(item)을 사용자가 키 조작 등에 의해 선택함으로써 명령(command)을 전달하고, 상기 명령 전달에 의해 프로그램이 시작되며, 이에 의해 상기 선택하는 아이템에 대한 리스트 또는 다른 옵션들(options)을 확인할 수 있는 디스플레이 포맷의 형식이다. 상기 선택은, 일반적으로 상기 휴대단말에 구비되는 키패드, 터치패드 및 터치스크린 등의 입력장치에 의해 개시(activated)될 수 있다.With the continuous research and development of technology, the user convenience functions provided in the portable terminal are being developed more and more as the user demands and technologies are developed. In the portable terminal, the user interface transmits a command by selecting a specific item from a menu list on a screen of the portable terminal by a key operation or the like, Is a format of the display format in which the program is started, thereby allowing a list or other options for the selected item to be confirmed. The selection may be activated by an input device such as a keypad, a touch pad, and a touch screen provided in the portable terminal.
통상적인 사용자 인터페이스는 특정 메뉴 리스트, 특정 아이템 등과 같은 뷰 어블 오브젝트(viewable object)의 페이지들을 스크롤(scroll)하기 위한 스크롤바(scroll bar)를 제공할 수 있다. 상기 뷰어블 오브젝트는 텍스트(text), 픽쳐(picture), 사운드(sound) 및 비디오(video) 등의 오브젝트(object)와 같은 다수의 요소들을 포함할 수 있다. 그러나 상기 뷰어블 오브젝트가 상기 요소들에만 한정되지는 않는다. 상기 스크롤은 상기 뷰어블 오브젝트에서 사용자가 임의의 원하는 부분을 검색/확인 할 수 있도록 하는 것인데, 이는 책의 페이지를 플리핑(flipping)하는 동작이기 보다 롤링된(rolled) 즉, 스크롤된(scrolled) 뷰어블 오브젝트를 전자적으로 읽는 동작에 대응한다.A typical user interface may provide a scroll bar for scrolling pages of a particular menu list, a viewable object such as a particular item, and so on. The viewable object may include a number of elements such as an object such as text, picture, sound and video. However, the viewable object is not limited to these elements. The scrolling is to allow the user to search / identify any desired portion of the viewable object, which is rolled rather than flipping the page of the book, i.e. scrolled, This corresponds to the operation of electronically reading the viewable object.
여러 형태의 사용자 인터페이스는 사용자 인터페이스 윈도우(window)의 옆면 또는 하부(side or bottom)에 수직 스크롤바(vertical scroll bar) 또는 수평 스크롤바(horizontal scroll bar)를 가질 수 있다. 상기 스크롤바는 전술한 뷰어블 오브젝트 상에 표시될 수 있다. 상기 수직 스크롤바는 뷰어블 오브젝트의 라인 및 페이지들(lines and pages)을 스크롤하기 위해 사용되고, 상기 수평 스크롤바(horizontal scroll bar)는 라인 내의 단어들 사이로의 이동을 제어하는 데 사용될 수 있다.Various types of user interfaces may have a vertical scroll bar or a horizontal scroll bar on a side or bottom of a user interface window. The scroll bar may be displayed on the viewable object described above. The vertical scroll bar is used to scroll lines and pages of the viewable object and the horizontal scroll bar can be used to control movement between words in the line.
전술한 통상의 스크롤바는 일반적으로 하나의 슬라이더(slider)를 포함할 수 있다. 상기 슬라이더는 뷰어블 오브젝트의 이동을 제어하는데 사용될 수 있다. The above-described conventional scroll bar may generally include one slider. The slider may be used to control the movement of the viewable object.
한편, 종래의 스크롤바에서 슬라이더를 이용하는 방식은 하나의 뷰어블 오브젝트를 뷰잉(viewing)할 때 적합할 수 있다. 그러나 이러한 방법들이 멀티레벨로 이루어진 트리(tree) 구조의 뷰어블 오브젝트에 적용될 때, 다음과 같은 문제들이 발생할 수 있다.On the other hand, a method of using a slider in a conventional scroll bar may be suitable for viewing one viewable object. However, when these methods are applied to a viewable object of a tree structure having a multi-level structure, the following problems may occur.
즉, 메뉴가 트리 구조로 이루어진 경우, 특정 뷰어블 오브젝트의 상위레벨의 메뉴로 전환하거나, 또는 특정 뷰어블 오브젝트의 현재레벨에 대응하는 다음 뷰어블 오브젝트로 이동하는데 많은 불편함이 따를 수 있다. That is, when the menu has a tree structure, it may be inconvenient to switch to a menu of a higher level of a specific viewable object or to move to a next viewable object corresponding to a current level of the specific viewable object.
구체적으로, 종래의 스크롤바를 이용하는 방식에서, 현재 스크린 상에 표시중인 뷰어블 오브젝트 레벨보다 상위레벨의 메뉴로 이동하거나, 상기 현재레벨과 동일레벨의 다른 뷰어블 오브젝트로 이동하기 위해서는, 여러 번의 취소, 선택 등의 조작을 수행해야 하므로 상기의 사용 결과를 얻기에는 너무 느리고 불편하다는 문제점이 있다. Specifically, in a conventional method using a scroll bar, in order to move to a menu higher in level than the viewable object level being displayed on the current screen, or to move to another viewable object at the same level as the current level, It is too slow and uncomfortable to obtain the above-mentioned use result.
예를 들면, 일반적으로 특정 뷰어블 오브젝트들은 그 정보량에 따라 멀티레벨의 트리 구조로 분류가 되어 있다. 따라서 사용자가 특정 뷰어블 오브젝트를 검색하거나, 또는 하나의 뷰어블 오브젝트에서 특정 시점의 다른 레벨(상위레벨)로 이동하기 위해서는, 하위메뉴 열어보기, 상위메뉴로 나오기 등의 동작을 별도의 분리된 컨트롤러(아이콘과 같은 가상 키 포함)를 사용하여 반복적으로 조작해야 한다. 또한 사용자가 취소, 선택 동작을 수행함에 따라 사용자가 해당 뷰어블 오브젝트가 어떠한 그룹에 속한 것인지 등을 추적하기 어려운 문제점이 있다.For example, in general, certain viewable objects are classified into a multi-level tree structure according to the amount of information. Therefore, in order for a user to search for a specific viewable object or to move from one viewable object to another level (higher level) at a specific point in time, operations such as opening a submenu, (Including virtual keys, such as icons). Also, as the user performs cancellation and selection operations, it is difficult for the user to track which group the corresponding viewable object belongs to.
본 발명의 목적은 휴대단말에서 개선된 사용자 인터페이스를 제공함에 있다.An object of the present invention is to provide an improved user interface in a portable terminal.
본 발명의 다른 목적은 트리 구조의 메뉴에서 각 레벨별 뷰어블 오브젝트를 보다 효율적이고 빠르게 검색할 수 있는 사용자 인터페이스를 제공함에 있다.It is another object of the present invention to provide a user interface that can more efficiently and quickly search for a viewable object for each level in a menu of a tree structure.
본 발명의 또 다른 목적은 멀티레벨로 이루어진 메뉴의 트리 구조에 대응하는 새로운 형태의 스크롤바를 이용하여, 휴대단말의 트리 구조의 메뉴를 보다 편리하게 브라우징 할 수 있는 방법 및 장치를 제공함에 있다.It is still another object of the present invention to provide a method and apparatus for browsing a menu of a tree structure of a mobile terminal more conveniently by using a new type of scroll bar corresponding to a tree structure of a multi-level menu.
본 발명의 또 다른 목적은 하나의 스크롤바를 이용하여 현재 출력되는 뷰어블 오브젝트와, 동일레벨 또는 상위레벨의 다른 뷰어블 오브젝트로 전환 및 검색을 보다 간편하게 수행할 수 있는 트리 구조의 메뉴 브라우징 방법 및 장치를 제공함에 있다.Another object of the present invention is to provide a tree structure menu browsing method and apparatus capable of performing switching and searching more easily with viewable objects currently output using one scroll bar and other viewable objects of the same level or higher level .
본 발명의 또 다른 목적은 트리 구조의 메뉴에 대응하여 스크롤바를 전환영역 및 스크롤영역으로 구분하고, 상기 전환영역을 통한 상위레벨 전환과, 상기 스크롤영역을 통한 레벨 간 전환 및 스크롤 동작을 수행할 수 있는 새로운 스타일의 스크롤바를 제공함에 있다.It is still another object of the present invention to divide a scroll bar into a switching area and a scroll area corresponding to a menu of a tree structure and to perform switching between upper level through the switching area, In a new style of scrollbars.
상기와 같은 목적들을 달성하기 위한 본 발명의 실시 예에 따른 방법은, 트리 구조의 메뉴 브라우징 방법에 있어서, 특정 뷰어블 오브젝트를 표시하는 과정과, 스크롤바의 전환영역에 발생하는 이벤트에 따라 상기 뷰어블 오브젝트의 상위 레벨 메뉴로 전환하는 과정과, 상기 스크롤바의 스크롤영역에 발생하는 이벤트에 대응하여 상기 뷰어블 오브젝트를 스크롤하는 과정을 포함한다.According to another aspect of the present invention, there is provided a menu browsing method of a tree structure, the method comprising the steps of: displaying a specific viewable object; displaying the viewable object according to an event occurring in a scroll bar switching area; Level menu of an object; and scrolling the viewable object in response to an event occurring in a scroll region of the scroll bar.
상기와 같은 목적들을 달성하기 위한 본 발명의 실시 예에 따른 장치는, 휴대단말에 있어서, 스크롤바를 이용한 기능을 처리하는 적어도 하나의 어플리케이션과 상기 휴대단말에서 제공하는 뷰어블 오브젝트를 저장하는 저장부와, 상기 뷰어블 오브젝트를 표시하며, 상기 뷰어블 오브젝트 상에 전환영역과 스크롤영역으로 구분된 상기 스크롤바를 표시하며, 상기 스크롤바의 제어에 대응하는 동작 및 상기 뷰어블 오브젝트의 스크롤 동작을 표시하는 표시부와, 상기 스크롤바의 제어에 대응하여 설정된 특정 지점에서 설정된 피드백 정보를 출력하는 출력부와, 상기 스크롤바의 전환영역 및 스크롤영역에 발생하는 이벤트에 응답하여 뷰어블 오브젝트의 스크롤 및 트리 구조의 메뉴 간 전환을 제어하는 제어부를 포함하는 것을 특징으로 한다.According to an aspect of the present invention, there is provided an apparatus for managing a scroll bar in a mobile terminal, the apparatus comprising: at least one application for processing a scroll bar function; a storage unit for storing viewable objects provided by the mobile terminal; A display unit displaying the viewable object and displaying the scroll bar divided into a switching area and a scroll area on the viewable object and displaying an operation corresponding to the control of the scroll bar and a scroll operation of the viewable object; An output unit for outputting feedback information set at a specific point set corresponding to the control of the scroll bar; and a scroll unit for switching the scrollable and tree structure of the viewable object in response to an event occurring in the scroll region of the scroll bar And a control unit for controlling the control unit.
상술한 바와 같이 본 발명에서 제안하는 트리 구조의 메뉴 브라우징 방법 및 장치에 따르면, 멀티레벨로 이루어진 트리 구조의 메뉴에 대응하여, 각 레벨 간 전환 및 스크롤 기능을 하나의 스크롤바에 의해 지원함으로써, 멀티레벨로 이루어진 트리 구조의 메뉴 브라우징(browsing)에 있어서 편의성을 제공할 수 있다. 본 발명에 다른 스크롤바는 사용자 인터페이스를 제공하는 다양한 단말에 간편하게 적용할 수 있다.As described above, according to the menu browsing method and apparatus of the tree structure proposed by the present invention, by supporting the switching between the levels and the scroll function by one scroll bar in correspondence with the menu of the tree structure of multi level, It is possible to provide convenience in menu browsing of a tree structure including a tree structure. The scroll bar according to the present invention can be easily applied to various terminals providing a user interface.
본 발명에 따르면, 사용자가 보다 간편한 컨트롤 동작으로 스크린(screen) 상에 출력된 현재레벨의 뷰어블 오브젝트에 대한 스크롤뿐만 아니라, 상기 현재레벨과 동일한 레벨의 다른 뷰어블 오브젝트 및 상위레벨의 메뉴를 보다 빠르게 브라우징 할 수 있다. 또한 상기 스크롤바의 컨트롤을, 물리적인 키에 적용하여 컨트롤하거나, 가상의 키를 네비게이션 키(navigation key)에 매핑(mapping)하여 간접적으로 컨트롤하거나, 또는 터치(touch), 탭(tab), 그랩(grab) 및 드래그(drag) 등을 통해 직접으로 컨트롤할 수 있다.According to the present invention, not only a user can scroll a viewable object of a current level output on a screen with a simpler control operation, but also can display other viewable objects and a menu of a higher level at the same level as the current level You can browse quickly. In addition, the control of the scroll bar may be controlled by applying it to a physical key or by indirectly controlling a virtual key by mapping the navigation key to a navigation key or by touching, grab, drag, and so on.
또한 본 발명에 따르면, 멀티레벨의 트리 구조에 대응하여 스크롤바를 전환영역 및 스크롤영역으로 구분하고, 아울러 상기 스크롤영역 내에 슬라이더를 구비한다. 이를 통해, 상기 전환영역의 입력에 대응하여 상위레벨로 바로 전환할 수 있으며, 상기 스크롤영역의 슬라이더 컨트롤을 통해 동일레벨 또는 상위레벨의 다른 뷰어블 오브젝트로 전환 및 스크롤을 보다 간편하게 수행할 수 있다.According to the present invention, a scroll bar is divided into a switching area and a scroll area corresponding to a multi-level tree structure, and a slider is provided in the scroll area. Accordingly, it is possible to immediately switch to a higher level corresponding to the input of the switching area, and switch and scroll to other viewable objects of the same level or higher level can be performed more easily through the slider control of the scroll area.
또한 본 발명에 따르면, 멀티레벨의 메뉴로 구성된 단말 특히, 터치 입력장치를 가진 단말에서 각 레벨 간 메뉴 진출, 스크롤, 재진입과 같은 분리된 동작을 하나의 선형적 동작으로 가능하며, 많은 양의 아이템들이 여러 레벨의 그룹으로 관리는 환경에서 보다 간편하게 아이템들을 브라우징 할 수 있다. 이를 통해 특정 시점의 아이템을 검색하는 데 편리성을 제공하고 검색 시간을 단축시킬 수 있다.Further, according to the present invention, it is possible to perform separate operations such as menu entry, scroll, and re-entry between each level in a terminal having a multilevel menu, in particular, a terminal having a touch input device by a single linear operation, Are managed in groups of several levels, it is possible to browse the items more easily in the environment. This provides convenience in searching for items at a specific point in time and can shorten the search time.
이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시 예들을 상세히 설명한다. 이때, 첨부된 도면에서 동일한 구성 요소는 가능한 동일한 부호로 나타내고 있음에 유의해야 한다. 또한, 본 발명의 요지를 흐리게 할 수 있는 공지 기능 및 구성에 대한 상세한 설명은 생략할 것이다.Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings. Note that, in the drawings, the same components are denoted by the same reference numerals as possible. Further, the detailed description of known functions and configurations that may obscure the gist of the present invention will be omitted.
제안하는 본 발명은 휴대단말에서 개선된 사용자 인터페이스(UI, User Interface)를 통한 트리(tree) 구조의 메뉴 브라우징(browsing) 방법 및 장치에 관한 것이다. 특히, 본 발명의 실시 예에서는 멀티레벨(multi level)의 트리 구조의 메뉴를 가지는 단말 환경에서, 현재 출력되는 뷰어블 오브젝트의 스크롤을 비롯하여, 상기 뷰어블 오브젝트의 레벨과 동일레벨을 가지는 다른 뷰어블 오브젝트로 전환 및 상기 뷰어블 오브젝트가 속하는 상위레벨의 메뉴로의 전환을 하나의 스크롤바(scroll bar)에서 수행할 수 있는 사용자 인터페이스를 제안한다.The present invention relates to a menu browsing method and apparatus of a tree structure through an improved user interface (UI) in a portable terminal. In particular, in the embodiment of the present invention, in a terminal environment having a menu of a multi-level tree structure, it is possible to scroll the currently displayed viewable object and to display other viewable objects having the same level as the level of the viewable object A user can switch to an object and switch to a higher-level menu to which the viewable object belongs in a single scroll bar.
본 발명에 따른 상기 스크롤바는, 상위레벨로 바로 전환할 수 있는 전환영역과, 스크린(screen) 상에 현재 표시되는 뷰어블 오브젝트의 스크롤, 상기 뷰어블 오브젝의 레벨과 동일레벨의 다른 뷰어블 오브젝트로 전환 및 상기 뷰어블 오브젝트가 속하는 상위레벨의 메뉴로 전환 할 수 있는 스크롤 영역으로 구분한다. The scroll bar according to the present invention is characterized in that the scroll bar includes a switching area that can be switched to a higher level, a scroll area of the viewable object currently displayed on the screen, another viewable object at the same level as the level of the viewable object And a scroll area in which the viewer object can be switched to a higher level menu to which the viewable object belongs.
상기 전환영역은 상위레벨로 진입을 위한 전환버튼으로 동작하는 적어도 하나의 홀(hole)로 이루어지며, 상기 전환영역은 사용자 인터페이스의 제공 형태에 따라 현재레벨의 차상위로레벨로 진입할 수 있는 하나의 전환영역을 포함거나, 또는 각각의 상위레벨(차상위레벨, 최상위레벨)로 각각 진입할 수 있는 적어도 두 개의 전환영역을 포함할 수 있다.The switching region is made up of at least one hole serving as a switching button for entering the upper level, and the switching region is a switching region for switching the one And may include at least two switching regions that can include a switching region, or each can enter each higher level (second level, top level), respectively.
상기 스크롤영역은 일정 간격으로 뷰어블 오브젝트의 스크롤을 위한 스크롤버튼(scroll button)으로 동작하는 홀(hole)과 상기 홀 상에 존재하며, 사용자의 위치 이동 및 속도에 대응하여 스크롤 방향과 속도를 결정하고, 특정 시점에서 동 일레벨/상위레벨의 다른 뷰어블 오브젝트로 진입하는 슬라이더(slider)를 포함한다.The scroll area includes a hole that operates as a scroll button for scrolling the viewable object at regular intervals and a hole that exists on the hole and determines a scroll direction and a speed corresponding to the position and speed of the user And a slider to enter another viewable object at the same level / higher level at a particular point in time.
즉, 본 발명의 사용자 인터페이스는 뷰어블 오브젝트를 스크롤할 때 멀티레벨 상에서 세분성을 향상시키기 위하여 멀티레벨 구조를 포함하는 스크롤바를 제공한다. 이러한 스크롤바를 포함하는 본 발명에 따르면, 휴대단말의 스크린을 통해 표시되는 뷰어블 오브젝트를 스크롤 하는데 있어서, 세분성(granularity)을 향상시킬 수 있다.That is, the user interface of the present invention provides a scroll bar including a multi-level structure to improve granularity on multi-level when scrolling viewable objects. According to the present invention including such a scroll bar, granularity can be improved in scrolling a viewable object displayed on a screen of a portable terminal.
본 발명의 실시 예에서 상기 뷰어블 오브젝트는 휴대단말에서 사용자 인터페이스를 통해 표시되는 모든 형태의 데이터를 대표하는 표현으로 사용된다. 따라서 상기 뷰어블 오브젝트는 특정 메뉴, 메뉴 리스트, 특정 아이템, 아이템 리스트, 아이템 내용 등의 요소들을 포함할 수 있다. 아울러, 상기 아이템은 휴대단말에서 제공 가능한 텍스트(text), 픽쳐(picture), 사운드(sound), 비디오(video), 도큐먼트(document) 및 폰북(phone book) 등의 오브젝트(object)와 같은 다수의 요소들을 포함할 수 있다. 그러나 본 발명의 뷰어블 오브젝트 및 아이템이 상기 요소들에만 한정되지는 않으며, 휴대단말에서 제공 가능한 모든 형태의 뷰어블 오브젝트 및 아이템을 포함할 수 있다. In the embodiment of the present invention, the viewable object is used as a representation representing all types of data displayed through a user interface in a portable terminal. Accordingly, the viewable object may include elements such as a specific menu, a menu list, a specific item, an item list, and an item content. In addition, the item may include a plurality of items, such as text, picture, sound, video, document, and phone book, ≪ / RTI > However, the viewable objects and items of the present invention are not limited to the above-described elements, and may include all types of viewable objects and items available in the portable terminal.
한편, 이하에서는 설명의 편의를 위해 뷰어블 오브젝트, 메뉴, 메뉴리스트의 용어를 사용하기로 한다. 즉, 상기 뷰어블 오브젝트는 현재 스크린 상에 표시되어 스크롤되는 특정 형태의 데이터(예컨대, 사운드, 비디오, 도큐먼트 등의 요소)를 지칭하며, 상기 메뉴는 현재 스크린을 통해 표시되는 뷰어블 오브젝트가 속하는 부 모 요소를 지칭한다. 상기 메뉴리스트는 다수개의 메뉴들이 설정된 순서대로 나열된 각 메뉴들의 리스트를 나타낸다. 아울러, 스크린을 통해 현재 표시되는 메뉴 또는 메뉴리스트 역시 현재레벨에 대한 설명에서 뷰어블 오브젝트라 지칭될 수 있다.On the other hand, for convenience of explanation, terms of viewable objects, menus, and menu lists will be used below. That is, the viewable object refers to a specific type of data (e.g., sound, video, document, and the like) that is displayed on the current screen and scrolled, and the menu includes a portion to which a viewable object Refers to the parent element. The menu list represents a list of menus arranged in a set order of a plurality of menus. In addition, the menu or menu list currently displayed through the screen may also be referred to as a viewable object in the description of the current level.
상기 휴대단말의 예시로는, PDA(Personal Digital Assistant), PMP(Portable Multimedia Player), MP3 플레이어, 디지털방송 플레이어 및 이동통신단말(mobile communication terminal) 등과 같은 정보통신기기와 멀티미디어기기 및 그에 대응하는 다양한 응용기기를 포함할 수 있다. 아울러, 본 발명을 상기와 같은 휴대단말에 적용하는 경우를 대표적인 예로 설명하지만, 본 발명의 사용자 인터페이스는 노트북컴퓨터, 퍼스널컴퓨터 등과 같이 사용자 인터페이스를 통해 뷰어블 오브젝트의 출력이 가능한 모든 기기에도 적용 가능함은 물론이다. 그러면 본 발명의 휴대단말의 구조를 하기 도 1을 참조하여 살펴보기로 한다.Examples of the portable terminal include an information communication device such as a PDA (Personal Digital Assistant), a PMP (Portable Multimedia Player), an MP3 player, a digital broadcasting player and a mobile communication terminal, a multimedia device, Application devices. The user interface of the present invention can be applied to all devices capable of outputting viewable objects through a user interface, such as a notebook computer, a personal computer, and the like. Of course. The structure of the portable terminal of the present invention will now be described with reference to FIG.
도 1은 본 발명의 실시 예에 따른 휴대단말의 블록 구성을 개략적으로 도시한 도면이다.FIG. 1 is a block diagram of a portable terminal according to an embodiment of the present invention. Referring to FIG.
상기 도 1을 참조하면, 본 발명의 실시 예에 따른 휴대단말은 입력부(110)와, 저장부(130)와, 표시부(150)와, 출력부(170) 및 제어부(190) 등을 포함한다. 1, a portable terminal according to an exemplary embodiment of the present invention includes an
상기 입력부(110)는 다양한 문자 정보를 입력받고, 각종 기능들의 설정 및 상기 휴대단말의 기능 제어와 관련하여 입력되는 신호를 상기 제어부(190)로 전달한다. 특히, 상기 입력부(110)는 상기 휴대단말의 제공 형태에 따라 터치패드(115)를 별도로 포함하거나, 또는 상기 터치패드(115)로 형성할 수 있다. 또한 상기 입력부(110)는 본 발명의 스크롤바에 대응하여 가상키가 매핑된 키, 상기 스크롤바의 제어를 위한 물리적인 입력장치 중 적어도 하나를 포함할 수 있다.The
아울러, 상기 입력부(110)는 상기 휴대단말의 제공 형태에 따라 상기 터치패드(115)와, 터치스크린, 일반적인 키 배열의 키패드, 쿼티 방식의 키패드 및 특정 기능을 수행하도록 설정된 기능키 등과 같은 입력수단들 중 어느 하나 또는 이들의 조합으로 형성할 수 있다. In addition, the
특히, 상기 터치패드(115)는 본 발명의 기능 실행에 따른 제어신호를 입력받아 상기 제어부(190)로 전달한다. 상기 터치패드(115)는 압력 감지기가 달려 있는 작은 평판으로 본 발명에서 스크롤 기능을 수행하기 위한 입력수단일 수 있다. 따라서 사용자가 손가락이나 펜 등을 이용해 터치(touch), 터치&드래그(touch&drag), 탭(tab) 등의 입력이벤트를 발생하면 그 압력에 의해 스크롤 기능이 수행되고, 이에 따른 위치 정보를 상기 제어부(190)가 인식할 수 있다. In particular, the
또한 사용자가 손가락이나 펜 등을 이용해 미리 설정된 특정 영역에 상기 입력이벤트를 발생하면, 이에 따른 위치정보를 상기 제어부(190)가 인식한다. 그리고 상기 제어부(190)는 상기 입력이벤트에 대응하여 상기 표시부(150) 상에 표시되는 뷰어블 오브젝트가 속하는 상위레벨의 메뉴 또는 상기 메뉴와 동일한 레벨 상의 메뉴리스트를 출력하는 기능을 수행한다. 또한 상기 입력이벤트에 대응하여 상기 표시부(150) 상에 현재 표시되는 뷰어블 오브젝트에 대한 스크롤 또는 상기 뷰어블 오브젝트와 동일레벨 상의 다음 뷰어블 오브젝트로 전환하여 출력하는 기능을 수행한다. Also, when the user generates the input event in a predetermined area previously set using a finger, a pen, or the like, the
상기 터치패드(115)는 손가락이 직접 접촉하는 층, 수평 및 수직 전극봉이 격자 모양을 형성한 층, 연결된 회로판 층 등 몇 개의 층으로 구성된다. 손가락이 접촉한 처음 위치는 손가락의 움직임을 계속 파악할 수 있게 기록된다. 전극봉이 있는 층은 일정한 교류에 의해 충전되며, 손가락이 전극봉 격자에 접근하면 전류가 차단되고 차단 사실이 회로판에 의해 감지되는 구조이다. The
상기 저장부(130)는 본 발명의 실시 예에 따른 기능 동작에 필요한 적어도 하나의 어플리케이션과, 상기 휴대단말에서 생성 및 활용되는 다양한 데이터 등을 저장할 수 있다. 상기 다양한 데이터는, 상기 어플리케이션 실행에 따라 발생하는 데이터 및 상기 휴대단말을 이용하여 생성하거나 외부로부터 수신하여 저장 가능한 모든 형태의 사용자데이터 등을 포함한다. 상기 데이터 및 사용자데이터는 본 발명에서 정의하는 뷰어블 오브젝트를 포함할 수 있다. 아울러, 상기 다양한 데이터는, 상기 휴대단말에서 제공되는 사용자 인터페이스 및 상기 휴대단말 이용에 따른 사용자의 설정정보 등을 포함할 수 있다. 상기 저정부(130)는 상기 어플리케이션 실행 중에 발생하는 데이터를 일시 저장하는 하나 이상의 버퍼(buffer)를 포함할 수 있다.The
상기 저장부(130)는 상기와 같은 다양한 데이터를 저장하는 데이터 저장영역(131)과, 상기 적어도 하나의 어플리케이션을 저장하는 어플리케이션 저장영역(133)을 포함할 수 있다. The
본 발명의 실시 예에 따른 상기 어플리케이션은 뷰어블 오브젝트 출력에 대응하여 상기 입력부(110) 또는 상기 표시부(150)로부터의 입력이벤트를 감지하는 어플리케이션, 상기 입력이벤트에 대응하는 기능을 처리하고 상기 입력이벤트가 본 발명의 스크롤바에 발생하는 검색이벤트일 시 상기 검색이벤트에 따른 스크롤 및 레벨 전환을 관리하는 어플리케이션, 상기 검색이벤트의 발생 위치를 감지하는 어플리케이션, 상기 검색이벤트가 전환영역에서 발생할 시 상기 검색이벤트에 대응하여 상위레벨로의 전환을 처리하는 어플리케이션, 상기 검색이벤트가 스크롤역역에서 발생할 시 슬라이더의 위치 이동 여부를 판단하는 어플리케이션, 상기 슬라이더의 위치 이동에 대응하여 뷰어블 오브젝트에 대한 스크롤을 처리하는 어플리케이션, 상기 슬라이더에 의한 스크롤 동작 시 상기 슬라이더의 스크롤레벨을 체크하는 어플리케이션, 상기 슬라이더가 설정된 허용 범위의 스크롤레벨에서 스크롤 처리 시 현재 뷰어블 오브젝트와 동일레벨 상에 있는 다음 뷰어블 오브젝트로 전환하여 스크롤하는 어플리케이션, 상기 슬라이더가 설정된 허용 범위를 벗어날 시 설정된 피드백 정보를 출력하는 어플리케이션, 상기 슬라이더가 설정된 허용 범위를 벗어날 시 현재 뷰어블 오브젝트가 속한 상위레벨의 메뉴 또는 메뉴리스트를 출력하는 어플리케이션 등일 수 있다.The application according to an embodiment of the present invention may include an application that detects an input event from the
상기 표시부(150)는 전술한 어플리케이션 수행 중에 발생하는 화면 데이터를 표시하고, 사용자의 입력이벤트, 조작 및 키 조작 등의 상태 정보를 표시하고, 또한 상기 휴대단말의 기능 설정정보 등을 표시한다. 특히, 상기 표시부(150)는 상기 휴대단말에서 제공되는 다양한 사용자 인터페이스 및 뷰어블 오브젝트의 화면 데이터를 표시한다. 이러한 화면 실시 예는 후술하는 도면들을 참조하여 설명하기로 한다. The
상기 표시부(150)는 상기 휴대단말의 제공 형태에 따라 터치스크 린(touchscreen)(155)으로 형성할 수 있다. 상기 터치스크린(155)은 사용자가 손가락이나 펜 등의 물체로 전술한 입력이벤트(터치, 터치&드래그, 탭 등의 이벤트)를 발생하면, 그 위치를 입력받도록 하는 특수한 입력장치를 장착한 화면을 나타낸다. 즉, 휴대단말에서 키패드를 사용하지 않고 스크린(screen)에 나타난 뷰어블 오브젝트나 사용자 인터페이스의 특정 위치 또는 본 발명의 스크롤바 등에 사용자의 입력이벤트가 발생하면, 그 위치를 파악하여 저장된 소프트웨어에 의해 특정 처리를 할 수 있도록 한다. 즉, 상기 터치스크린(155)은 스크린에서 직접 입력 정보를 받을 수 있게 하는 표시장치를 나타낸다. The
상기 터치스크린(155)은 상기 휴대단말의 표시부(150)에 터치패널(touch panel)이라는 장치를 덧붙여서 기능을 발휘하는 것으로, 상기 터치패널은 좌우상하로 눈에 보이지 않는 적외선이 흐르게 하여 화면에 수많은 사각형 격자가 생기도록 함으로써, 사용자의 손끝이나 기타 물체로 상기 격자에 상기한 입력이벤트를 발생하면 그 위치를 파악할 수 있도록 하는 기능을 가지고 있다. 따라서 상기 터치패널을 장착한 스크린에 미리 나타난 뷰어블 오브젝트에 입력이벤트가 발생하면, 상기 제어부(190)는 상기 입력이벤트가 발생하는 화면의 위치에 따라 사용자가 선택한 사항이 무엇인지를 파악하고 이에 대응하는 명령을 처리하도록 한다. 이를 통해 사용자가 아주 쉽게 자신이 원하는 정보를 얻을 수 있도록 할 수 있다.The
예를 들면, 사용자가 손가락이나 펜 등을 이용해 미리 설정된 특정 영역에 상기 입력이벤트를 발생하면, 이에 따른 위치정보를 상기 제어부(190)가 인식한다. 그리고 상기 제어부(190)는 상기 입력이벤트에 대응하여 상기 표시부(150) 상에 표 시되는 뷰어블 오브젝트가 속하는 상위레벨의 메뉴 또는 상기 메뉴와 동일한 레벨 상의 메뉴리스트를 출력하는 기능을 수행한다. 또한 상기 입력이벤트에 대응하여 상기 표시부(150) 상에 현재 표시되는 뷰어블 오브젝트에 대한 스크롤 또는 상기 뷰어블 오브젝트와 동일레벨 상의 다음 뷰어블 오브젝트로 전환하여 출력하는 기능을 수행한다.For example, when the user generates the input event in a predetermined area previously set using a finger, a pen, or the like, the
즉, 상기 표시부(150)는 상기 터치스크린(155)을 통해 본 발명의 기능 실행에 따른 제어신호를 입력받아 상기 제어부(190)로 전달한다. 이러한 터치스크린(155)을 이용한 상기 표시부(150)의 구성 및 동작은 후술하는 도면들을 참조하여 설명하기로 한다.That is, the
상기 출력부(170)는 상기 휴대단말의 출력과 관련된 모듈을 포함한다. 상기 출력부(170)는 본 발명의 기능 실행에 대응하여 진동을 발생하기 위한 진동발생부(171)와, 상기 휴대단말의 오디오신호 처리를 위한 오디오출력부(173) 등으로 구분할 수 있다. The
상기 진동발생부(171)는 사용자의 입력이벤트에 대응하여 본 발명의 기능 동작 시 사용자에게 미리 설정된 진동으로 피드백 정보를 출력한다. 상기 진동발생부(171)는 제어부(190)의 제어에 따라 동작할 수 있다. 상기 진동발생부(171)는 본 발명에서 상기 휴대단말의 기능 실행에 따라 특정 시점에서 제공되는 진동 출력을 처리할 수 있다. 상기 진동발생부(171)는 사용자의 스크롤 동작에 대응하여 슬라이더가 설정된 특정 영역을 벗어날 시, 이에 대한 피드백 정보를 진동으로서 발생한다. 즉, 상기 스크롤 동작에 대응하여 뷰어블 오브젝트가 설정된 스크롤 레벨구간 을 벗어날 시 뷰어블 오브젝트가 변경됨을 알리는 피드백 정보를 진동 출력을 통해 통지한다. 아울러, 상기 진동발생부(171)는 상기 휴대단말의 매너모드 또는 진동모드 등에서와 같이 휴대단말의 일반적인 동작에서도 진동 출력을 처리할 수 있다.The
상기 오디오출력부(173)는 사용자의 입력이벤트에 따라 본 발명의 기능 동작 시 사용자에게 미리 설정된 오디오신호(비프음 등)로 피드백 정보를 출력한다. 상기 오디오출력부(173)눈 상기 제어부(190)의 제어에 따라 동작할 수 있다. 상기 오디오출력부(173)는 본 발명에서 상기 휴대단말의 기능 실행에 따라 특정 시점에서 제공되는 오디오신호 출력을 처리할 수 있다. 상기 오디오출력부(173)는 상기 사용자의 스크롤 동작에 대응하여 슬라이더가 설정된 특정 영역을 벗어날 시, 이에 대한 피드백 정보를 오디오신호로서 발생한다. 즉, 상기 스크롤 동작에 대응하여 뷰어블 오브젝트가 설정된 스크롤 레벨구간을 벗어날 시 뷰어블 오브젝트가 변경됨을 알리는 피드백 정보를 오디오신호 출력을 통해 통지한다. 아울러, 상기 오디오출력부(173)는 상기 휴대단말의 오디오 관련 데이터 재생, 통신 수행 시 음성 데이터 재생 등과 같은 휴대단말의 일반적인 동작에서도 오디오신호 출력을 처리할 수 있다.The
상기 제어부(190)는 상기 휴대단말의 전반적인 동작 및 상기 휴대단말 내의 블록들 간 신호 흐름을 제어한다. 상기 제어부(190)는 상기 입력부(110)와, 상기 저장부(130)와, 상기 표시부(150) 및 상기 출력부(170) 등과 같은 각 구성 간의 신호 흐름을 제어한다.The
특히, 상기 제어부(190)는 본 발명의 실시 예에 따른 스크롤바를 이용한 스 크롤 동작을 제어한다. 상기 제어부(190)는 상기 스크롤바를 전환영역과 스크롤영역으로 구분하고, 상기 스크롤바를 통해 레벨별 뷰어블 오브젝트 브라우징을 제어한다. 상기 제어부(190)는 사용자의 입력이벤트가 상기 스크롤바에 발생하는 검색이벤트일 시, 상기 검색이벤트에 대응하여 멀티레벨로 이루어진 뷰어블 오브젝트의 브라우징을 레벨별로 처리할 수 있다. 상기 검색이벤트는 상기 스크롤바에서 발생하는 이벤트로, 상기 스크롤바의 전환영역 및 스크롤영역을 통해 입력되며, 상기 제어부(190)가 상기 검색이벤트가 무엇인지를 파악하고 이에 대응하는 명령을 처리한다.In particular, the
상기 제어부(190)는 상기 스크롤바의 상기 스크롤영역에서 발생하는 검색이벤트를 감지한다. 상기 제어부(190)는 상기 스크롤영역에서 슬라이더의 위치 이동에 대응하여 뷰어블 오브젝트의 스크롤 제어 및 상기 스크롤에 따른 슬라이더의 위치 변화를 체크한다. 상기 제어부(190)는 상기 슬라이더의 위치가 미리 설정된 특정 지점에 위치할 시 상기 슬라이더를 정지시키고, 상기 슬라이더가 상기 특정 지점을 벗어나는 시점에 상기 슬라이더를 사용자의 검색이벤트가 발생하는 지점으로 순간 이동시킨다. The
상기 제어부(190)는 상기 슬라이더가 상기 특정 지점에서 계속하여 스크롤 동작을 수행할 시, 뷰어블 오브젝트의 동일 레벨 상에 있는 다음 뷰어블 오브젝트 출력 및 스크롤을 제어한다. 아울러, 상기 제어부(190)는 상기 슬라이더가 상기 특정 지점을 벗어나는 시점에서 상기 뷰어블 오브젝트가 속하는 상위레벨의 메뉴 또는 상기 메뉴와 동일 레벨상의 메뉴리스트의 출력 및 스크롤을 제어한다. 즉, 상기 제어부(190)는 상기 슬라이더의 이동에 대응하여 상위레벨/동일레벨의 다른 뷰어블 오브젝트 간 전환을 제어한다. When the slider continuously scrolls at the specific point, the
이때, 상기 제어부(190)는 상기 슬라이더가 상기 특정 지점을 벗어나는 시점에서 피드백 정보를 출력할 수 있다. 즉, 상기 피드백 정보는 상기 슬라이더가 상기 특정 지점을 벗어남에 따라 현재 표시하는 뷰어블 오브젝트와 다른 뷰어블 오브젝트를 출력함을 알리는 경고성의 출력 정보를 나타낸다. 이러한 피드백 정보는 상기 진동발생부(171)를 통한 진동 출력, 상기 오디오출력부(173)를 통한 설정된 오디오신호 출력 및 상기 표시부(150)를 통한 다양한 형태의 시각적인 요소 출력 등을 통해 피드백 정보를 사용자에게 통지할 수 있다. 즉, 상기 제어부(190)는 시각적, 촉각적, 청각적 피드백 정보 등을 출력할 수 있다.At this time, the
또한, 상기 제어부(190)는 상기 스크롤바의 상기 전환영역에서 발생하는 검색이벤트를 감지한다. 상기 제어부(190)는 상기 전환영역의 검색이벤트에 대응하여 상위레벨로의 전환을 제어한다. 즉, 상기 제어부(190)는 상기 전환영역에 검색이벤트가 발생할 시, 상기 검색이벤트에 대응하여 현재 표시하는 뷰어블 오브젝트가 속하는 해당 상위레벨로 전환하여, 상기 상위레벨에 대응하는 뷰어블 오브젝트(메뉴, 메뉴리스트)를 표시한다. In addition, the
상기 제어부(190)는 입력이벤트 감지부(191)와, 정보 판단부(193), 스크롤레벨 체크부(195), 슬라이더 처리부(197) 및 전환 처리부(199) 등을 포함할 수 있다.The
상기 입력이벤트 감지부(191)는 상기 휴대단말에 발생하는 입력이벤트를 감지하고, 이에 따른 정보(이벤트 종류, 위치정보 등)를 상기 정보 판단부(193)가 인 식할 수 있도록 한다. 특히, 상기 입력이벤트 감지부(191)는 상기 입력이벤트가 상기 스크롤바에서 발생하는 검색이벤트인지 감지하고, 이에 따른 정보(이벤트 종류, 위치정보 등)를 상기 정보 판단부(193)로 전달한다. The input
상기 정보 판단부(193)는 상기 입력이벤트 감지부(191)가 전달하는 정보를 판단한다. 상기 정보 판단부(193)는 상기 정보에 의거하여 상기 입력이벤트가 검색이벤트인지 여부를 판단하고, 검색이벤트일 시 상기 검색이벤트의 발생 영역을 판단한다. 상기 정보 판단부(193)는 상기 검색이벤트의 발생 위치가 상기 스크롤바의 전환영역인지 스크롤영역인지를 판단한다. 상기 정보 판단부(193)는 상기 검색이벤트가 상기 전환영역에서 발생한 것으로 인지할 시 그에 대한 정보를 상기 전환 처리부(199)로 전달하고, 상기 검색이벤트가 상기 스크롤영역에서 발생한 것으로 인지할 시 그에 대한 정보를 상기 스크롤레벨 체크부(195) 및 상기 슬라이더 처리부(197)로 전달할 수 있다. The
상기 스크롤레벨 체크부(195)는 상기 스크롤영역의 상기 슬라이더에 의한 스크롤 중 상기 슬라이더의 위치 변화를 체크한다. 즉, 상기 스크롤레벨 체크부(195)는 상기 정보 판단부(193)가 전달하는 정보에 의거하여 상기 슬라이더의 유동적인 위치 변화를 체크한다. 이때, 상기 위치변화 체크는 미리 설정된 특정 지점에 대한 정보와 상기 정보 판단부(193)가 전달하는 위치 정보를 비교하고, 이에 대한 결과를 산출하여 체크할 수 있다. 상기 설정된 특정 지점은 상기 스크롤영역의 최종단점을 지정할 수 있다. 또는 상기 슬라이더의 크기에 비례하여 상기 슬라이더의 외곽에서 중심점까지의 거리에 비례하는 지점을 상기 특정 지점으로 설정할 수 있다.The scroll
상기 스크롤레벨 체크부(195)는 상기 슬라이더가 스크롤되는 레벨을 체크하고, 상기 체크하는 레벨에 대응하여 발생하는 레벨정보를 상기 슬라이더 처리부(197) 및 상기 전환 처리부(199)로 전달한다. 상기 스크롤레벨 체크부(195)는 상기 슬라이더의 스크롤이 상기 스크롤영역 내에서 이루어질 시 그에 대한 레벨정보를 상기 슬라이더 처리부(197)로 전달한다. 상기 스크롤레벨 체크부(195)는 상기 슬라이더의 스크롤이 상기 특정 지점에 도달하고, 현재 뷰어블 오브젝트에 대한 스크롤이 완료될 시 그에 대한 정보를 상기 전환 처리부(199)로 전달한다. 상기 스크롤레벨 체크부(195)는 상기 슬라이더의 스크롤이 상기 특정 지점(레벨 구간)을 벗어날 시 그에 대한 레벨정보를 상기 전환 처리부(199)로 전달한다.The scroll
상기 슬라이더 처리부(197)는 상기 슬라이더의 이동 및 상기 슬라이더의 이동에 따른 뷰어블 오브젝트의 스크롤을 처리한다. 상기 슬라이더 처리부(197)는 상기 정보 판단부(193)의 정보에 의거하여 상기 슬라이더의 이동 및 상기 슬라이더의 이동에 따른 상기 뷰어블 오브젝트의 스크롤을 처리한다. 상기 슬라이더 처리부(197)는 상기 스크롤레벨 체크부(195)의 레벨정보에 의거하여 상기 슬라이더의 이동을 중지할 수 있다. 상기 슬라이더 처리부(197)는 상기 레벨정보에 의거하여 상기 슬라이더가 설정된 특정 지점(레벨 구간)에 위치할 시, 상기 슬라이더의 이동을 정지하고, 상기 레벨정보에 의거하여 사용자의 검색이벤트 발생 위치가 상기 특정 지점을 벗어날 시 사용자의 검색이벤트가 발생하고 있는 해당 지점(예컨대, 사용자의 손가락에 의해 현재 검색이벤트가 입력되고 있는 지점)으로 상기 슬라이더를 순간 이동시킨다. The
상기 슬라이더 처리부(197)는 사용자에 의한 입력이벤트가 완료될 시, 상기 슬라이더를 원래의 초기위치로 이동한다.The
상기 전환 처리부(199)는 트리 구조의 뷰어블 오브젝트들 간 전환을 처리한다. 상기 전환 처리부(199)는 상기 정보 판단부(193)의 정보에 의거하여 현재 표시하는 뷰어블 오브젝트의 상위레벨로 진입하여 해당 뷰어블 오브젝트를 표시한다. 상기 전환 처리부(199)는 상기 스크롤레벨 체크부(195)의 정보에 의거하여 현재 표시하는 뷰어블 오브젝트의 레벨과 동일 레벨 상의 다음 뷰어블 오브젝트로 전환하거나, 상기 뷰어블 오브젝트가 속하는 상위레벨의 뷰어블 오브젝트(메뉴 또는 메뉴리스트)로 전환하여 표시한다. The switching
상기 전환 처리부(199)는 상기 스크롤바의 전환영역에서 발생하는 검색이벤트에 대응하여 현재 표시하는 뷰어블 오브젝트의 상위레벨로 진입하여 해당 뷰어블 오브젝트(메뉴, 메뉴리스트)를 출력하고, 상기 스크롤영역에서 발생하는 슬라이더의 스크롤 동작에 대응하여 동일 레벨상의 다음 뷰어블 오브젝트를 출력한다.In response to the search event occurring in the scroll bar switching area, the switching
한편, 상기 입력이벤트 감지부(191), 상기 정보 판단부(193), 상기 스크롤레벨 체크부(195), 슬라이더 처리부(197) 및 상기 전환 처리부(199)는 하나의 소프트웨어 형태로 구현되어 본 발명의 동작을 처리할 수도 있다.The input
또한 상기 도 1에서는 설명의 편의를 위하여 본 발명의 실시 예에 따른 동작 설명에 필요한 상기 휴대단말의 개략적인 구성 예를 도시하였다. 하지만, 본 발명의 상기 휴대단말이 반드시 상기한 구성에 한정되지는 않는다. 따라서 본 발명의 상기 휴대단말은 그 제공 형태에 따라 카메라모듈, 디지털방송수신모듈, 근거리통 신모듈, 인터넷통신모듈 및 음악재생모듈 등과 같이 상기에서 언급되지 않은 구성들을 더 포함할 수 있다. 아울러, 본 발명의 상기 휴대단말이 이동통신 서비스를 지원할 시, 상기 휴대단말의 상기 이동통신 서비스를 지원하기 위한 통신모듈을 포함할 수 있다. 상기 통신모듈은 코덱(CODEC) 및 모뎀(MODEM)을 포함할 수 있다. 또한 본 발명의 상기 휴대단말은 그 제공 형태에 따라 상기한 구성에서 특정 블록들이 제외되거나 다른 블록으로 대체될 수도 있다.In FIG. 1, for convenience of explanation, a schematic configuration example of the portable terminal necessary for explaining an operation according to an embodiment of the present invention is shown. However, the portable terminal of the present invention is not necessarily limited to the above configuration. Accordingly, the portable terminal of the present invention may further include components not mentioned above, such as a camera module, a digital broadcast receiving module, a near-field communication module, an internet communication module, and a music playback module, In addition, when the mobile terminal supports the mobile communication service, the mobile terminal may include a communication module for supporting the mobile communication service of the mobile terminal. The communication module may include a CODEC and a MODEM. In addition, the portable terminal of the present invention may exclude specific blocks in the configuration described above or may be replaced with other blocks according to the provision mode.
이상에서는 본 발명의 실시 예에 따른 제어수단 및 이를 포함하는 상기 휴대단말의 구성과 동작에 대하여 살펴보았다. 다음으로 이하에서는 상기 휴대단말에서 제공되는 사용자 인터페이스, 그에 대응하는 화면 실시 예 및 상기 휴대단말에서 수행하는 본 발명의 상세 동작에 대하여 살펴보기로 한다. 하지만, 본 발명이 하기에서 기술하는 내용에 한정되는 것은 아니므로, 하기의 실시 예에 의거하여 다양한 실시 예들에 적용할 수 있음에 유의하여야 한다.The control unit according to the embodiment of the present invention and the configuration and operation of the portable terminal including the control unit have been described. Hereinafter, the user interface provided in the mobile terminal, the corresponding screen embodiment, and the detailed operation of the present invention performed by the mobile terminal will be described. It should be noted, however, that the present invention is not limited to the following description, and thus can be applied to various embodiments based on the following embodiments.
도 2a 내지 도 2c는 본 발명의 실시 예에 따른 사용자 인터페이스 및 동작을 설명하기 위해 나타낸 도면이다.2A to 2C are views illustrating a user interface and operation according to an embodiment of the present invention.
특히, 상기 도 2a는 일반적인 트리 구조의 개념 설명을 위해 개략적으로 도시한 도면이고, 상기 도 2b는 일반적으로 제공하는 사용자 인터페이스의 예시를 도시한 도면이고, 상기 도 2c는 본 발명의 실시 예에 따른 사용자 인터페이스의 예시를 도시한 도면이다.In particular, FIG. 2A is a schematic diagram for explaining a concept of a general tree structure, FIG. 2B is a diagram illustrating an example of a generally provided user interface, FIG. 2C is a diagram Fig. 2 shows an example of a user interface.
상기 도 2a를 참조하면, 트리 구조는 선형 구조가 아닌 2차원의 입체적인 구조를 나타내며, 상기 도 2a에서와 같이 계층적으로 이루어진다. 트리는 상기 도 2a 의 각각의 알파벳 부분에 해당하는 노드(node)와, 각 노드들을 연결하는 링크(link)로 구성된다. 트리의 노드들은 항상 루트(root) 방향으로 향하는 링크를 가지며, 최상위 노드(노드 A)는 자신을 링크할 일이 없기 때문에 전체 링크 개수는 노드 개수보다 하나가 적은 형태로 구성된다. 즉, 상기 도 2a의 경우 13개의 노드와 12개로 링크로 구성된 트리의 예시를 나타낸다. Referring to FIG. 2A, the tree structure is a linear two-dimensional structure rather than a linear structure, and is hierarchically structured as shown in FIG. 2A. The tree is composed of a node corresponding to each alphabet portion of FIG. 2A and a link connecting each node. The nodes in the tree always have a link pointing to the root direction. Since the highest node (node A) does not link to itself, the total number of links is configured to be one less than the number of nodes. That is, FIG. 2A shows an example of a tree composed of 13 nodes and 12 links.
상기 도 2a에서 가장 기본이 되는 최상위 노드인 노드 A를 루트 노드(root node)라고 한다. 또한 노드 A가 노드 B를 가리킬 때 노드 A를 노드 B의 부모 노드(parent node), 노드 B를 노드 A의 자식 노드(child node)라고 한다. 또한, 차수(degree)는 자식 노드의 개수를 나타내는 것으로, 노드 B의 차수는 3, 노드 C의 차수는 2, 노드 M의 차수는 0이 된다. 차수가 0인 노드 즉, 자식 노드가 없는 노드를 잎 노드(leaf node) 또는 외부 노드(external node)라고 하며, 잎 노드가 아닌 노드 즉, 자식 노드가 있는 노드를 내부 노드(internal node)라고 한다. In FIG. 2A, node A, which is the highest node that is the most basic node, is referred to as a root node. When node A refers to node B, node A is referred to as a parent node of node B, and node B is referred to as a child node of node A. The degree represents the number of child nodes. The degree of the node B is 3, the degree of the node C is 2, and the degree of the node M is 0. A node having a degree of 0, that is, a node having no child node is referred to as a leaf node or an external node, and a node other than a leaf node, that is, a node having a child node, is referred to as an internal node .
상기 도 2a에서, 노드 B와 노드 C는 노드 A의 자식 노드이며, 노드 D 내지 노드 F의 부모 노드는 노드 B가 된다. 또한 노드 I 내지 노드 M은 잎 노드에 해당한다. 또한 같은 부모 노드를 가지는 노드들을 형제 노드라고 하는데, 노드 G와 노드 H는 공동의 부모 노드인 노드 C에 소속되어 있으므로 형제 과계에 있다고 할 수 있다.In FIG. 2A, the node B and the node C are child nodes of the node A, and the parent node of the nodes D to F becomes the node B. The nodes I to M correspond to leaf nodes. Also, nodes with the same parent node are called siblings, and node G and node H belong to node C, which is a common parent node.
또한, 트리에서의 거리를 의미하는 레벨(level)이 있는데, 노드 A의 레벨은 1(레벨1)이고, 노드 B 및 노드 C의 레벨은 2(레벨2)이고, 노드 D 내지 노드 H의 레벨은 3(레벨3)이고, 노드 I 내지 노드 M의 레벨은 4(레벨4)이다. 또한 높 이(Height, 또는 깊이(Depth))는 트리의 최대 레벨을 나타내는 것으로 상기 도 2a의 경우 높이는 4가 된다.The level of the node A is 1 (level 1), the levels of the nodes B and C are 2 (level 2), and the levels of the nodes D to H Is 3 (level 3), and the levels of the nodes I to M are 4 (level 4). In addition, the height (Height or Depth) represents the maximum level of the tree.
한편, 휴대단말에서 사용자 인터페이스 요소를 표현하는 하나의 방법으로 상기 도 2a와 같이 다양한 뷰어블 오브젝트를 레벨별로 그룹을 지정하여 계층적 트리의 형태로 저장하는 것이다. Meanwhile, as one method of expressing user interface elements in the mobile terminal, various viewable objects are grouped by levels and stored in a hierarchical tree form as shown in FIG. 2A.
상기와 같이 휴대단말에서 뷰어블 오브젝트들은 그 정보량에 따라 멀티레벨 구조로 분류가 되어 있으며, 사용자는 특정 뷰어블 오브젝트를 검색하거나, 하나의 뷰어블 오브젝트에서 특정 시점으로 이동하기 위해 하위메뉴 열어보기, 상위메뉴로 나오기 등을 별도의 분리된 동작을 수행함으로써, 각각 다른 레벨에서의 해당 뷰어블 오브젝트를 브라우징할 수 있다. 이를 상기 도 2b를 참조하여 살펴보기로 한다.As described above, the viewable objects in the portable terminal are classified into a multi-level structure according to the amount of information. The user can browse a specific viewable object, open a submenu to view a specific viewpoint in one viewable object, The user can browse the corresponding viewable object at a different level by performing separate operations such as exiting from the upper menu. This will be described with reference to FIG.
상기 도 2b를 참조하면, 참조후보 210은 휴대단말의 스크린 상에 표시되는 뷰어블 오브젝트의 예시를 나타낸 것이고, 참조부호 220은 상기 뷰어블 오브젝트(210)가 속한 상위레벨의 부모 요소로, 상기 뷰어블 오브젝트(210)가 속한 메뉴를 나타낸다. 참조부호 240은 뷰어블 오브젝트의 스크롤 제어를 위한 슬라이더를 나타내며, 참조부호 230은 상기 슬라이더(240)를 포함하는 스크롤바를 나타낸다. 참조부호 250은 상기 슬라이더(240)의 스크롤영역을 나타낸다.Referring to FIG. 2B, the
상기 도 2b에 도시한 바와 같이, 기존의 사용자 인터페이스에서는 윈도우의 옆면 또는 하부(side or bottom)에 수직 스크롤바(vertical scroll bar) 또는 수평 스크롤바(horizontal scroll bar)가 뷰어블 오브젝트(210)에 표시될 수 있다. 상기 도 2b에서는 수직 스크롤바(230)를 예시로 나타내었다. 이러한 수직 스크롤바(230) 는 일반적으로 윈도우의 우측 상에 위치할 수 있다. 상기 수직 스크롤바(230)는 상기 뷰어블 오브젝트(210)를 스크롤하기 위해 사용된다. 아울러, 상기 기존의 스크롤바(230)는 상기 슬라이더(240)를 포함하며, 상기 슬라이더(240)와의 상호작용에 의해 상기 뷰어블 오브젝트(210)의 스크롤을 처리할 수 있다. As shown in FIG. 2B, in the conventional user interface, a vertical scroll bar or a horizontal scroll bar is displayed on the side or bottom of the window in the
상기 슬라이더(240)의 크기는 통상, 상기 현재 표시된 뷰어블 오브젝트(210)의 가시율에 대응하게 제공될 수 있다. 상기 슬라이더(240)의 위치는 상기 현재 표시된 뷰어블 오브젝트의 가시 부분에 대응하는 위치에 제공되며, 상기 뷰어블 오브젝트(210)의 최상위 부분을 표시할 시 상기 스크롤바(230)의 스크롤영역(250)에서 최상위 부분에 위치할 수 있다. 즉, 상기 슬라이더(240)를 통해 사용자가 보고 있는 현재 화면이 전체 화면에서 어느 위치에 있는지를 확인할 수 있다. 상기 슬라이더(240)의 스크롤 방향에 따라 상기 뷰어블 오브젝트(210)를 상하로 스크롤한다. The size of the
상기 도 2a 및 도 2b를 참조하면, 상기 뷰어블 오브젝트(210)가 상기 도 2a에서 레벨3에 대응하고, 상기 뷰어블 오브젝트(210) 상위레벨의 상기 메뉴(220)가 상기 도 2a에서 레벨2에 대응하는 상기 뷰어블 오브젝트(210)의 부모 요소라 가정한다. 2A and 2B, if the
이때, 이러한 스크롤바(230)는 현재 스크린에 표시된 상기 뷰어블 오브젝트(210)에 대해서만 스크롤 기능을 제공한다. 즉, 하나의 레벨의 하나의 해당 뷰어블 오브젝트에 대해서만 스크롤 할 수 있다.At this time, the
따라서 이러한 형태의 스크롤바(230)를 상기 도 2a에 나타낸 바와 같은 트리 구조에 이용할 시, 상위레벨로의 전환 또는 동일레벨의 다른 뷰어블 오브젝트를 선 택함에 있어서 다음과 같은 불편함이 따를 수 있다.Therefore, when the
예를 들면, 상기 뷰어블 오브젝트(210)를 스크롤 하는 중에, 상기 뷰어블 오브젝트(210)가 속한 상위레벨(레벨2)로 전환하여 상기 상위레벨(레벨2) 상의 다른 메뉴의 뷰어블 오브젝트로 전환하기 위해서는, 별도로 구비된 입력장치를 조작하여 상기 상위레벨(레벨2)로 이동한 후, 상위레벨의 각 메뉴들 중 임의의 메뉴를 선택하여 해당 메뉴의 하위레벨로 진입하는 동작을 수행해야 한다. 이와 같이, 특정 뷰어블 오브젝트를 검색하기 위해서는 스크롤 중에 별도의 조작을 통해 상위레벨 전환, 상위레벨에서 스크롤바에 의한 스크롤을 통해 메뉴 검색, 검색 메뉴 중 특정 메뉴 선택 등의 동작을 수행해야 한다. 이러한 경우, 상기 도 2a에서 동일레벨의 다른 뷰어블 오브젝트를 검색하기 위해서는 상위레벨로 전환 후에 해당 항목을 검색하여 다시 진입하여야 하는 번거로움이 있다. 이는 트리 구조의 높이가 클수록 더욱 복잡하게 된다.For example, during the scrolling of the
이에 본 발명의 실시 예에서는, 한 번의 컨트롤 동작(가상 키 컨트롤 포함)으로 현재레벨의 위치뿐만 아니라, 빠르게 상위레벨의 뷰어블 오브젝트를 브라우징 할 수 있는 사용자 인터페이스와, 상기 사용자 인터페이스를 활용한 검색 방법 및 장치를 제안한다. 이러한 본 발명은 전술한 바와 같이, 터치스크린, 터치패드, 터치패널 및 트리 구조에 대응하는 별도의 스크롤 기능키 등에 의해 조작할 수 있다. 이러한 본 발명의 사용자 인터페이스의 예시를 상기 도 2c를 참조하여 살펴보기로 한다.Therefore, in the embodiment of the present invention, a user interface capable of browsing a viewable object at a higher level as well as a position of a current level by a single control operation (including virtual key control), and a search method using the user interface And apparatus. As described above, the present invention can be operated by a touch screen, a touch pad, a touch panel, and a separate scroll function key corresponding to the tree structure. An exemplary user interface of the present invention will be described with reference to FIG. 2C.
상기 도 2c를 참조하면, 참조부호 310은 휴대단말의 스크린 상에 표시되는 뷰어블 오브젝트의 예시를 나타낸 것이고, 참조부호 315는 상기 뷰어블 오브젝트(310)가 속한 상위레벨의 부모 요소로, 상기 뷰어블 오브젝트(310)가 속한 메뉴를 나타낸다. 참조부호 360은 뷰어블 오브젝트의 스크를 제어를 위한 슬라이더를 나타내며, 참조부호 380 및 참조부호 390은 상위레벨로의 전환을 위한 전환영역을 나타낸다. 참조부호 350은 상기 슬라이더(360) 및 상기 전환영역(380, 390)을 포함하는 스크롤바를 나타낸다. Referring to FIG. 2C,
참조부호 320은 상기 슬라이더(360)의 스크롤영역 즉, 현재 스크린 상에 표시하는 현재레벨(예컨대, 도 2a 의 레벨3)의 뷰어블 오브젝트를 스크롤하는 영역을 나타낸다. 참조부호 330은 상기 현재레벨의 뷰어블 오브젝트가 속하는 부모 요소 즉, 현재레벨의 차상위레벨(예컨대, 도 2a 의 레벨2)의 뷰어블 오브젝트를 스크롤하는 영역을 나타낸다. 참조부호 350은 상기 차상위레벨의 뷰어블 오브젝트가 속한 부모 요소 즉, 차상위레벨의 상위레벨(예컨대, 도 2a 의 레벨1)에 해당하는 뷰어블 오브젝트를 스크롤하는 영역을 나타낸다.
상기 도 2c에 도시한 바와 같이, 본 발명의 사용자 인터페이스에서는 윈도우의 옆면 또는 하부(side or bottom)에 수직 스크롤바(vertical scroll bar) 또는 수평 스크롤바(horizontal scroll bar)가 뷰어블 오브젝트(310, 315)에 표시될 수 있다. 상기 도 2c에서는 수직 스크롤바(350)의 형태를 예시로 나타내었다.2C, in the user interface of the present invention, a vertical scroll bar or a horizontal scroll bar is displayed on the side or bottom of the window as
상기 수직 스크롤바(350)는 상기 뷰어블 오브젝트(310)를 스크롤하거나, 상기 뷰어블 오브젝트(310)의 차상위레벨 또는 상위레벨로의 전환, 상기 뷰어블 오브젝트(310)와 동일 레벨 상의 다음 뷰어블 오브젝트로 전환 및 스크롤을 제어한다.The
본 발명의 스크롤바(350)는 슬라이더(360)를 포함하며, 상기 슬라이더(360)와의 상호작용에 의해 수행되는 뷰어블 오브젝트의 스크롤을 처리할 수 있다. 상기 스크롤바(350)는 사용자의 설정 모드에 따라 윈도우의 좌측 또는 우측 상에 위치할 수 있다. 즉, 본 발명은 왼손 사용자를 위한 왼손모드와 오른손 사용자를 위한 오른손모드를 지원할 수 있으며, 설정되는 상기 어느 하나의 모드에 대응하여 상기 스크롤바(350)의 위치가 결정될 수 있다.The
상기 슬라이더(360)는 윈도우를 통해 현재 표시된 뷰어블 오브젝트의 스크롤을 처리한다. 상기 슬라이더(360)의 크기는 상기 현재 표시된 뷰어블 오브젝트의 가시율에 대응하게 제공되며, 본 발명의 실시 예에서는 미리 설정된 크기로 고정되어 제공될 수 있다. 아울러, 상기 슬라이더(360)의 위치는 상기 스크롤영역(320)의 중앙에 위치하며, 사용자의 제어에 따라 위치 이동하고, 이후 제어가 해제될 시 원래의 위치인 중앙으로 자동 복귀할 수 있다. 아울러, 상기 슬라이더(360)의 위치는 설정 방식에 따라 상기 현재 표시된 뷰어블 오브젝트의 가시 부분에 대응하여 위치할 수도 있다. The
본 발명의 스크롤바(350)는 현재레벨(도 2a의 레벨3)의 상기 뷰어블 오브젝트(310)의 스크롤 및 동일 레벨 상의 다음 뷰어블 오브젝트로의 전환 및 스크롤을 위한 스크롤영역(320)과, 상기 현재레벨(도 2a의 레벨3)의 뷰어블 오브젝트(310)의 상위레벨(도 2a의 레벨2(차상위레벨) 또는 레벨1(상위레벨))로의 레벨 전환 및 스크롤을 위한 적어도 하나의 전환영역(330, 340)으로 구분된다.The
상기 스크롤영역(320)은 본 발명의 스크롤 동작을 제어하는 슬라이더(360) 및 제1홀(370)을 포함한다. 상기 전환영역(380, 390)은 상위레벨의 뷰어블 오브젝트로의 전환 동작을 제어하는 제2홀(380) 및 제3홀(390)을 포함한다. 상기 슬라이더(360)의 크기는 미리 설정된 크기로 고정되거나, 또는 상기 현재 표시된 뷰어블 오브젝트(310)의 가시율에 대응하게 제공될 수 있다. 상기 슬라이더(360)의 위치는 상기 스크롤영역(320)의 중앙 부분에 위치할 수 있다.The
상기 슬라이더(360)의 스크롤 방향에 따라 상기 뷰어블 오브젝트(310)를 상하로 스크롤한다. 이러한 슬라이더(360)는 휴대단말에 구비된 별도의 네비게이션 키 등의 조작에 의해 제어할 수도 있다. 또한 본 발명의 실시 예에서와 같이 터치스크린 상에서 사용자의 직접적인 동작에 의해 제어될 수 있다. 또한 상기 제1홀(370)에서, 상기 슬라이더(360)를 중심으로 상단 부분 또는 하단 부분의 입력에 대응하여 상기 뷰어블 오브젝트(310)를 상하로 스크롤할 수 있다.And scrolls the
상기 제2홀(380) 및 제3홀(390)은 스크린 상에 표시되는 뷰어블 오브젝트의 현재레벨에 대응하여 상위레벨(차상위레벨 포함)로의 전환을 위한 포인터로서 동작한다. 상기 포인터는 차상위레벨(레벨2)의 뷰어블 오브젝트로 전환하는 포인터인 제2홀(380)과, 상위레벨(레벨1)의 뷰어블 오브젝트로 전환하는 포인터인 제3홀(390)로 구분할 수 있다. The
여기서, 본 발명의 스크롤바(350)가 두 단계로 이루지는 경우 상기 전환영역은 하나의 구성으로 이루어질 수 있다. 후술하는 도 3a 내지 도 12를 참조한 설명에서는 설명의 편의를 위하여 본 발명의 스크롤바가 두 단계로 이루어진 경우를 예로 설명하기로 한다.Here, when the
상기 도 2a 및 도 2c를 참조하면, 상기 뷰어블 오브젝트(310)가 상기 도 2a에서 레벨3에 대응하고, 상기 뷰어블 오브젝트(310) 상위레벨의 상기 메뉴(315)가 상기 도 2a에서 레벨2에 대응하는 상기 뷰어블 오브젝트(310)의 부모 요소라 가정하고, 상기 메뉴(315)가 상기 도 2a에서 레벨1에 대응하는 최상위레벨의 자식 요소 중 하나라 가정한다.2A and 2C, if the
전술한 바와 같이, 본 발명에서는 상기 제1홀(370), 상기 제1홀(370)의 슬라이더(360), 상기 제2홀(380) 및 상기 제3홀(390)에서 발생하는 입력이벤트에 대응하여, 뷰어블 오브젝트의 스크롤, 동일레벨의 다른 뷰어블 오브젝트로 전환 및 스크롤, 그리고 다른 레벨(상위레벨)의 뷰어블 오브젝트로 전환 및 스크롤 등의 동작을 제어할 수 있다. As described above, in the present invention, an input event occurring in the
즉, 본 발명의 스크롤바(350)는 상위레벨의 다른 뷰어블 오브젝트나, 동일레벨의 다른 뷰어블 오브젝트를 선택하기 위해 별도의 다른 버튼을 선택할 필요 없이, 하나의 스크롤바를 적용시키되, 입력이벤트의 발생 위치와 슬라이더의 이동된 위치에 따라 서로 다른 레벨의 뷰어블 오브젝트를 스크롤 할 수 있다. That is, the
한편, 본 발명의 실시 예에서 상위레벨의 뷰어블 오브젝트를 스크롤하는 중에, 상기 뷰어블 오브젝트의 자식 요소인 특정 아이템, 즉 하위레벨(도 2c의 레벨4)의 뷰어블 오브젝트를 스크롤하기 위해서는 그 특정 아이템이 포커스 받을 때 해당 아이템을 선택하거나, 또는 슬라이더의 위치를 상기 현재레벨의 뷰어블 오브젝트가 표시된 영역 안으로 위치시킴으로써 수행할 수 있다. 예를 들면, 상기 슬라이더를 드래그하는 동작으로 상기 해당 아이템의 선택을 수행할 수 있다.Meanwhile, in the embodiment of the present invention, in order to scroll a viewable object of a specific item, that is, a lower level (level 4 in FIG. 2C), as a child element of the viewable object while scrolling a viewable object at a higher level, Selecting the item when the item is focused, or placing the position of the slider in the area where the viewable object of the current level is displayed. For example, the user can perform the selection of the item by dragging the slider.
이하, 전술한 본 발명의 사용자 인터페이스를 이용한 동작에 대하여 살펴보기로 한다.Hereinafter, the operation using the user interface of the present invention will be described.
도 3a 및 도 3b는 본 발명의 실시 예에 따른 스크롤바의 개략적인 구성 및 그의 동작 예를 도시한 도면이다.3A and 3B are views showing a schematic configuration of a scroll bar and an operation example thereof according to an embodiment of the present invention.
먼저, 본 발명의 스크롤바(350)의 형태는 멀티레벨에 따른 각 레벨을 구분할 수 있도록 구성된다. 아울러, 터치스크린에서 동작 시 레벨 구분선이 사용자의 손 등에 가려지는 점에 대해, 진동 및 오디오신호와 같은 피드백 정보를 발생하거나, 슬라이더(360)를 포함하는 제1홀(370)의 이동을 통해 레벨 구분선을 넘어가는 시점을 통지할 수 있도록 한다. 이를 상기 도 3a 내지 도 3b를 참조하여 살펴보기로 한다.First, the shape of the
상기 도 3a를 참조하면, 상기 도 3a에 나타낸 스크롤바(350)의 예시는 두 단계의 레벨을 브라우징 할 수 있는 스크롤바의 형태를 예시로 나타낸 것이다. 상기 도 3a에서, A 구간은 현재 스크린 상에 표시된 뷰어블 오브젝트의 스크롤 구간으로, 스크롤영역 내에서 슬라이더(360)의 이동에 대응하여 스크롤하며 브라우징 할 수 있다. B 구간은 상기 슬라이더(360)가 미리 설정된 한계점을 벗어난 경우를 나타낸 것으로, 상기 슬라이더(360)를 포함하는 제1홀(370)이 이동한 형태의 예시를 나타낸다. 이때, 상기 B 구간과 같이 상기 슬라이더(360)가 특정 구간을 벗어날 시 상기 뷰어블 오브젝트의 상위레벨로 전환하여 스크롤 및 브라우징 할 수 있다. 이를 상기 도 3b를 참조하여 구체적으로 살펴보기로 한다.Referring to FIG. 3A, an example of the
상기 도 3b를 참조하면, 실제 물리적 키가 아닌 터치스크린 또는 터치패드를 사용할 경우 레벨 변경 구간을 지나는 순간을 사용자가 물리적으로 확인하기가 어려울 수 있다. 따라서 설정된 스크롤 레벨을 넘어가는 순간 C 구간만큼 슬라이더(360)를 정지시키고, 사용자가 그 이상을 끌어 움직이면 정상적으로 손가락 접점 위치로 상기 슬라이더(360)를 순간 이동시키며, 이때 사용자에게 피드백 정보(진동, 오디오신호 등)를 주어 레벨 구간이 변경됨을 통지할 수 있다. Referring to FIG. 3B, when the touch screen or the touch pad is used instead of the actual physical key, it may be difficult for the user to physically confirm the moment passing the level change section. Accordingly, when the user exceeds the set scroll level, the
또한, 실제 터치스크린일 경우 손가락이 슬라이더(360)를 가릴 수 있으므로, 상기 C 구간에서의 일시 멈춤을 시각적으로 알기 힘들 수 있다. 이에 D 구간에서의 상기 슬라이더(360)를 포함하는 스크롤영역의 제1홀(370)이 상기 슬라이더(360)에 대응하게 이동, 일시 멈춤 등의 동작을 수행하도록 함으로써, 사용자는 시각적으로도 레벨 변경 구간을 확인할 수 있다.In addition, since the finger may clog the
도 4a 내지 도 4d는 본 발명의 실시 예에 따른 사용자 인터페이스 및 동작을 설명하기 위해 나타낸 도면이다.4A to 4D are views illustrating a user interface and operation according to an embodiment of the present invention.
특히, 상기 도 4a 내지 도 4d는 현재 레벨의 뷰어블 오브젝트에 대한 스크롤 동작을 도시한 도면이다. 즉, 상기 도 4a 내지 도 4d는 윈도우 상에 현재 표시된 뷰어블 오브젝트에 대한 스크롤 동작을 나타낸다.4A to 4D are diagrams illustrating a scroll operation for a viewable object at a current level. That is, FIGS. 4A to 4D show the scroll operation for the viewable object currently displayed on the window.
상기 도 4a 내지 도 4d를 참조하면, 먼저 도 4a에서 슬라이더(360)의 위치는 제1홀(370)의 가운데 부분에 위치할 수 있다. 상기 슬라이더(360)는 사용자 요청에 따른 동작 후 사용자가 상기 슬라이더(360)의 제어를 멈출 시(예컨대, 슬라이더(360)에 대한 터치&드래그 후 손을 떼는 등의 동작), 다시 가운데의 위치(원위치)로 자동으로 복귀할 수 있다. 4A to 4D, the position of the
상기 도 4b 내지 도 4c에서, 상기 슬라이더(360)의 이동에 따른 뷰어블 오브젝트의 스크롤 속도는 상기 가운데 부분에서부터 사용자가 이동시킨 거리에 비례할 수 있다. 이러한 슬라이더(360)의 제어는 실제 컨트롤러, 터치패드, 또는 터치스크린 상에서 사용자의 제어에 따라 동작할 수 있다.4B to 4C, the scroll speed of the viewable object according to the movement of the
사용자는 상기 슬라이더(360)의 초기 위치(제1홀(370)의 가운데 부분)에서 시작하여 사용자 임의의 스크롤 속도를 조절할 수 있다. 즉, 사용자의 상기 슬라이더(360) 이동 속도에 대응하는 속도로 뷰어블 오브젝트에 대한 스크롤이 이루어질 수 있다.The user can adjust the scrolling speed of the user arbitrarily starting from the initial position of the slider 360 (the middle portion of the first hole 370). That is, the scrollable object can be scrolled at a speed corresponding to the moving speed of the
상기 도 4b 내지 도 4c에 나타낸 바와 같이, 상기 슬라이더(360)를 터치&드래그 등의 동작으로 아래로 내리면, 화면의 뷰어블 오브젝트는 위로 스크롤되며, 상기 뷰어블 오브젝트의 하단 내용들이 표시된다. 이때, 상기 뷰어블 오브젝트의 스크롤 속도는 상기 도 4a의 초기 위치에서부터 상기 슬라이더를 얼마나 이동하였는지의 거리에 비례할 수 있다. As shown in FIGS. 4B to 4C, when the
아울러, 상기 도 4d에 나타낸 바와 같이, 상기 슬라이더(360)가 상기 제1홀(370)의 허용 범위 내에 존재하고, 상기 뷰어블 오브젝트의 스크롤이 완료되지 않은 경우를 가정하면, 상기 슬라이더(360)가 상기 제1홀(370)의 종단에 도달할 시 미리 설정된 최대의 속도로 스크롤 동작을 수행할 수 있다. 만약, 상기 슬라이더(360)가 상기 스크롤영역(320)의 범위를 벗어날 시 레벨 전환에 따른 스크롤 동작을 수행할 수 있다. 이를 하기 도 5a 내지 도 5d를 참조하여 살펴보기로 한다. 4D, if it is assumed that the
도 5a 내지 도 5d는 본 발명의 실시 예에 따른 사용자 인터페이스 및 동작을 설명하기 위해 나타낸 도면이다.5A to 5D are diagrams illustrating a user interface and operation according to an embodiment of the present invention.
특히, 상기 도 5a 내지 도 5d는 윈도우 상에 표시된 뷰어블 오브젝트보다 상위레벨의 뷰어블 오브젝트로 전환하여 그에 대한 스크롤을 하는 동작을 나타낸다.5A to 5D illustrate an operation of switching to a viewable object at a higher level than the viewable object displayed on the window and scrolling the viewable object.
상기 도 5a 내지 도 5d를 참조하면, 상기 도 5a 및 도 5b에서와 같이 슬라이더(360)가 현재 표시된 뷰어블 오브젝트의 스크롤 허용 범위를 벗어날 시 상기 뷰어블 오브젝트의 상위레벨로 전환하며, 상기 뷰어블 오브젝트의 부모 요소인 메뉴의 레벨에 대응하는 메뉴리스트를 표시할 수 있다. 예를 들면, 상기 도 5a에서 'Anya'의 자식 요소인 상기 뷰어블 오브젝트를 스크롤 중에 상기 슬라이더가 상기 허용 범위를 벗어날 시 상기 뷰어블 오브젝트의 현재레벨에서 상위레벨로 전환하여, 상기 'Anya'의 메뉴의 레벨과 동일 레벨 상에 존재하는 메뉴들(Beatles, Cranberries 등)의 리스트를 표시할 수 있다. 이때, 상기 슬라이더(360)가 상기 허용 범위를 벗어나는 순간 기 정의된 시각적, 촉각적, 청각적 피드백 정보를 사용자에게 출력할 수 있다. 5A and 5B, when the
아울러, 사용자가 상기 슬라이더(360)를 상기 한계범위를 넘지 않고 계속 스크롤하여 상기 뷰어블 오브젝트의 마지막 내용까지 스크롤되면, 상기 뷰어블 오브젝트와 동일레벨을 가지는 다음 뷰어블 오브젝트(예컨대, 'Beatles' 메뉴의 자식 요소)가 연속적으로 표시되며, 상기 다음 뷰어블 오브젝트에 대한 스크롤을 계속하여 수행할 수 있다. 즉, 현재 표시된 뷰어블 오브젝트가 속한 상위레벨의 메뉴(예컨대, Anya)와 동일 레벨 상에 존재하며, 다음 순서에 위치하는 메뉴(예컨대, Beatles)의 자식 요소인 다른 뷰어블 오브젝트가 연속으로 스크롤 될 수 있다. 즉, 현재 레벨의 뷰어블 오브젝트와 동일 레벨 상에 있지만 다른 그룹에 속하는 뷰어블 오브젝트를 계속하여 스크롤 할 수 있다.If the user continuously scrolls the
다음으로, 상기 도 5b 및 도 5d에서와 같이, 사용자가 피드백 정보를 받은 후에도, 상기 슬라이더(360)를 상기 제1홉(370)의 한계 범위를 벗어날 시, 스크린 상에는 상기 뷰어블 오브젝트의 상위레벨에 해당하는 메뉴(예컨대, Anya)와, 상기 메뉴와 동일 레벨 상에 존재하는 다른 메뉴들(Beatles, Cranberries 등)의 리스트를 표시할 수 있다. 이때, 상기 상위레벨의 전환 및 표시는 상기 도 5b와 같이, 이전에 표시 중인 하위레벨의 뷰어블 오브젝트를 점차적으로 덮으면서 나타날 수 있다. 5B and 5D, when the
그리고 상기 도 5c 및 도 5d에서와 같이, 완전히 상위레벨의 각 메뉴들이 일반적인 형태의 정상적인 리스트를 완전히 형성하면 미리 설정된 최소의 속도로 스크롤하게 된다. 사용자가 상위레벨 스크롤 동작에서 상기 슬라이더(360)를 계속하여 아래로 이동시키면 상기 메뉴리스트를 구성하는 상위레벨의 각 메뉴들은 위로 스크롤되며 아래쪽에 있는 다른 메뉴가 스크린 내에 표시된다.As shown in FIGS. 5C and 5D, when the menus of the completely upper level completely form the normal list of the general form, they are scrolled at a preset minimum speed. When the user continuously moves the
도 6은 본 발명의 실시 예에 따른 사용자 인터페이스를 이용하여 상위레벨로 바로 진입하는 동작을 나타낸 도면이다.6 is a diagram illustrating an operation for directly entering a higher level using a user interface according to an embodiment of the present invention.
상기 도 6을 참조하면, 현재 스크린 상에 표시되는 뷰어블 오브젝트의 상위레벨로 바로 진입하고자 하는 경우, 상/하단의 전환영역(380) 중 어느 하나의 부분에 입력이벤트(터치 또는 탭 등)를 발생함으로써, 상기 상위레벨로 바로 전환할 수 있다.Referring to FIG. 6, when an attempt is made to directly enter the upper level of the viewable object displayed on the current screen, an input event (touch or tab, etc.) is displayed on any one of the upper and
에를 들면, 상기 도 6에서와 같이, 상단의 전환영역(380)을 터치하면, 현재레벨의 상위레벨에 해당하는 메뉴(예컨대, Anya)와 동일 레벨 상에 존재하는 메뉴들의 리스트가 표시된다. 이때, 상기 리스트의 메뉴들은 설정된 순서의 리스트 순으로 나타날 수 있다. For example, as shown in FIG. 6, when the
그리고 완전한 메뉴리스트가 형성되면, 상기 상위레벨의 메뉴리스트를 스크롤할 수 있다. 이때, 상기 스크롤은 상기 슬라이더(360)에 의한 스크롤 동작이 아니므로, 상기 슬라이더(360)에 의한 스크롤 속도가 아닌, 상기 입력이벤트 발생 시간(예컨대, 터치 시간)에 따른 가속도를 적용할 수도 있다.When the complete menu list is formed, the menu list of the upper level can be scrolled. At this time, since the scroll is not a scrolling operation by the
도 7a 내지 도 7g는 본 발명의 실시 예에 따른 멀티레벨 스크롤바를 응용 프로그램에 적용한 경우의 예시를 나타낸 도면이다.7A to 7G are views illustrating an example in which a multi-level scroll bar according to an embodiment of the present invention is applied to an application program.
특히, 상기 도 7a 내지 도 7g의 실시 예는, 음악 재생 응용프로그램을 이용한 음악 재생(Play) 중에 본 발명의 스크롤바를 적용한 경우를 나타낸 것이다.Particularly, the embodiments of FIGS. 7A to 7G show a case where the scroll bar of the present invention is applied during music playback using a music playback application program.
상기 도 7a 내지 도 7g를 참조하면, 상기 도 7a에서와 같이 상기 응용 프로그램이 멀티레벨 스크롤바를 지원하면, 상기 응용프로그램과 실행과 함께 본 발명의 스크롤바를 뷰어블 오브젝트(특정 음악파일 재생 상태 화면) 상에 표시한다. 특히, 상기 도 7a 내지 도 7g에서는 본 발명의 스크롤바가 수평 스크롤바인 경우의 예시를 나타낸다.7A to 7G, if the application program supports a multilevel scroll bar, the scroll bar of the present invention may be displayed as a viewable object (a specific music file playback status screen) together with the application program and execution, Lt; / RTI > Particularly, Figs. 7A to 7G show an example in which the scroll bar of the present invention is a horizontal scroll bar.
다음으로, 상기 도 7b 및 도 7c 구간에서는 슬라이더(360)의 이동에 대응하여, 진행 중인 음악파일 트랙의 특정 시간(time) 영역으로 이동한다. 이는, 포워드(Forward), 백워드(Backward)의 기능에 대응하며, 상기 슬라이더(360)의 이동 거 리에 비례해서 포워드/백워드의 속도가 조절될 수 있다.Next, in the period of FIG. 7B and FIG. 7C, in response to the movement of the
다음으로, 상기 슬라이더(360)를 도 7d의 영역으로 이동, 즉 상기 슬라이더(360)가 제1홀(370)의 한계범위에 도달한 상태에서, 사용자가 계속하여 스크롤을 수행하면, 전술한 바와 같이 현재 음악파일의 레벨과 동일 레벨 상의 다음 음악파일에 대한 재생을 바로 수행할 수 있다. Next, when the
또는, 상기 도 7d의 영역에서 스크롤이 계속하여 이루어질 시, 상기 현재 음악파일과 동일레벨에 대응하고, 상기 현재 음악파일의 부모 요소인 상위레벨 메뉴에 그룹으로 지정된 자식 요소의 음악파일들에 대한 리스트를 표시 및 스크롤할 수 있다. 즉, 상기 도 7d 및 도 7e에 나타낸 바와 같이 상기 현재 음악파일의 상위레벨 메뉴(예컨대, Abba)에 속하는 각 음악파일의 리스트를 표시하면서 스크롤하게 된다.Alternatively, when scrolling is continued in the area of FIG. 7D, a list of music files of child elements corresponding to the same level as the current music file and designated as a group in the upper level menu, which is the parent element of the current music file, Can be displayed and scrolled. That is, as shown in FIGS. 7D and 7E, a list of music files belonging to a high level menu (for example, Abba) of the current music file is displayed while being scrolled.
다음으로, 상기 도 7e에서 상기 도 7f의 영역으로 상기 슬라이더(360)를 이동시키면, 즉 상기 슬라이더(360)가 상기 제1홀(370)의 한계범위를 이탈하면, 이는 상위구간 스크롤에 해당하게 된다. 따라서 현재 음악파일의 상위레벨 메뉴와 동일 레벨 상에 존재하는 메뉴들의 리스트를 표시한다. 아울러, 상기 슬라이더(360)의 스크롤에 대응하여 상기 도 f 및 도 3에 나타낸 바와 같이 상기 메뉴들의 리스트를 스크롤하게 된다.7E, when the
한편, 도 3a 내지 도 7g에서는 본 발명의 2단계 레벨을 브라우징하는 스크롤바에 대하여 살펴보았다. 하지만, 본 발명은 상기 도 2c 또는 하기 도 8의 예시와 같이, 3단계 레벨의 브라우징이 가능한 스크롤바를 포함할 수 있다. 이때, 3단계 이상의 스크롤바는 좀 더 큰 디바이스에서 적용하는 것이 바람직하다.Meanwhile, in FIGS. 3A to 7G, a scroll bar browsing the two-step level of the present invention has been described. However, the present invention may include a scroll bar capable of three levels of browsing, as shown in FIG. 2C or FIG. 8, for example. At this time, it is preferable to apply the scroll bar of three or more stages to a larger device.
도 8은 상기 도 7a 내지 도 7g의 실시 예에 따른 사용자 인터페이스의 응용 예시를 나타낸 도면이다.FIG. 8 is a diagram illustrating an application example of a user interface according to the embodiment of FIGS. 7A to 7G.
상기 도 8은 상기 도 7a 내지 도 7e의 실시 예와 같이, 본 발명의 스크롤바를 음악 재생 응용프로그램에 적용한 것이다. 특히, 상기 도 8은 상기 음악 재생 응용프로그램에서 제공되는 프로그래스바(progress bar)와 상기 스크롤바를 결합하여 3단계 레벨을 브라우징 할 수 있는 예시를 나타낸 것이다.8, the scroll bar of the present invention is applied to a music playback application program as in the embodiments of FIGS. 7A to 7E. In particular, FIG. 8 illustrates an example in which a progress bar provided in the music playback application program is combined with the scroll bar to browse three levels.
상기 도 8을 참조하면, 본 발명의 슬라이더(360)가 프로그래스바(365)를 포함하는 형태로 구성될 수 있다. 따라서 현재 재생 중인 음악파일의 포워드/백워드를 상기 프로그래스바(365)에 의해 제어할 수 있다.Referring to FIG. 8, the
먼저, 참조부호 A 및 참조부호 B에 나타낸 바와 같이, 상기 프로그래스바(365)가 상기 슬라이더(360) 내에서 설정된 한계범위에 도달하면, 전술한 바와 같이 현재 음악파일과 동일레벨 상에 존재하는 다른 음악파일 재생 또는 동일레벨 상에 존재하는 음악파일들의 리스트 표시 및 스크롤을 수행할 수 있다. 또한 참조부호 C에 나타낸 바와 같이, 상기 프로그래스바(365)가 상기 슬라이더(360)의 설정된 한계범위를 이탈할 시 현재 음악파일의 차상위레벨 메뉴와 동일레벨 상에 존재하는 메뉴들의 리스트 표시 및 스크롤을 수행할 수 있다.First, when the
다음으로, 참조부호 D에 나타낸 바와 같이, 상기 슬라이더(360)가 이동하여 제1홀(370)의 한계범위에 도달하면, 상기 차상위레벨 메뉴의 상위레벨 메뉴와 동일레벨 상에 존재하는 메뉴들의 리스트 표시 및 스크롤을 수행할 수 있다.Next, when the
상기 도 8에 나타낸 바와 같이, 현재 음악파일에 대한 포워드/백워드를 응용프로그램 내에 있는 프로그래스바를 이용하여 제어함으로써, 상위레벨 또는 인덱스 리스트까지 제어할 수 있다. As shown in FIG. 8, by controlling the forward / backward word of the current music file using a progress bar in the application program, it is possible to control the upper level or the index list.
한편, 본 발명의 실시 예에 따른 3단계 이상의 스크롤바는 제어 동작을 하나의 직선 방향에 의해서만 동작할 수도 있으며, 아울러, 상하좌우의 동작으로 구분하여 동작할 수도 있다.Meanwhile, the scroll bar of three or more stages according to the embodiment of the present invention may operate the control operation only in one linear direction, or may be divided into upper, lower, left, and right operations.
도 9는 본 발명의 실시 예에 따른 본 발명의 실시 예에 따른 스크롤바를 제어하는 다른 구조의 예시를 나타낸 도면이다.9 is a diagram illustrating an example of another structure for controlling a scroll bar according to an embodiment of the present invention.
먼저, 본 발명의 스크롤바를 이용한 제어는, 터치스크린 상에 스크롤바를 사용자가 입력이벤트를 통해 직접적으로 제어할 수 있다. 아울러, 상기 도 9에 나타낸 바와 같이, 상기 스크롤바에 대응하여 전술한 입력부 등에 형성되는 터치패드(400)에 의하여 사용자가 상기 스크롤바의 동작을 제어할 수도 있다.First, the control using the scroll bar of the present invention allows the user to directly control the scroll bar on the touch screen through an input event. 9, the user may control the operation of the scroll bar by the
또한 상기 스크롤바의 제어는 물리적인 키에 적용하여 제어하거나, 상기 스크롤바에 대응하는 가상의 키를 네비게이션 키 등에 매핑하여 간접적으로 제어할 수 있음은 물론이다.In addition, the control of the scroll bar may be controlled by applying it to a physical key, or a virtual key corresponding to the scroll bar may be indirectly controlled by mapping to a navigation key or the like.
도 10a 및 도 10b는 본 발명의 실시 예에 다른 사용자 인터페이스를 이용하여 트리 구조의 메뉴를 브라우징 하는 방법을 도시한 도면이다.10A and 10B are views illustrating a method of browsing a menu of a tree structure using a user interface according to an embodiment of the present invention.
상기 도 10a 및 도 10b를 참조하면, 먼저 휴대단말의 제어부는 사용자 요청에 따른 임의의 뷰어블 오브젝트를 표시하고(1001단계), 이벤트 발생 여부를 체크할 수 있다(1003단계). 상기 이벤트는 전술한 바와 같은 입력이벤트를 포함하며, 상기 도 10a 및 도 10b에서는 상기 이벤트가 스크롤바에 발생하는 검색이벤트인 경우를 설명한다. 10A and 10B, the controller of the portable terminal displays an arbitrary viewable object according to a user request (step 1001), and can check whether an event is generated (step 1003). The event includes an input event as described above, and FIGS. 10A and 10B illustrate a case where the event is a search event occurring in a scroll bar.
상기 체크결과, 상기 스크롤바에 이벤트가 발생하면, 상기 제어부는 상기 이벤트의 발생 위치를 판단한다(1005단계). 즉, 상기 제어부는 상기 이벤트가 상기 스크롤바의 스크롤영역에서 발생하는지 또는 상기 스크롤바의 전환영역에서 발생하는 등을 판단할 수 있다.As a result of the check, if an event occurs in the scroll bar, the controller determines the occurrence position of the event (step 1005). That is, the controller may determine whether the event occurs in a scroll region of the scroll bar or in a scroll region of the scroll bar.
이때, 상기 이벤트가 상기 전환영역에서 발생하는 이벤트이면(1007단계), 상기 제어부는 상기 이벤트 발생 위치에 해당하는 상위레벨로 전환하여 해당 뷰어블 오브젝트를 표시할 수 있다(1009단계). 예를 들면, 상기 이벤트에 대응하여 현재 스크린 상에 표시된 뷰어블 오브젝트의 상위레벨 메뉴로 진입하고, 상기 상위레벨 메뉴와 동일 레벨 상에 존재하는 메뉴들의 리스트를 표시할 수 있다. 이후, 상기 제어부는 후술하는 1035단계로 진행할 수 있다. 이때, 사용자는 상기 전환영역에 터치(touch) 또는 탭(tab)의 동작으로 레벨 전환을 제어할 수 있다.At this time, if the event is an event occurring in the switching area (operation 1007), the controller may switch to a higher level corresponding to the event occurrence location and display the corresponding viewable object (operation 1009). For example, in response to the event, the upper level menu of the viewable object displayed on the current screen is entered, and a list of menus existing on the same level as the upper level menu can be displayed. Thereafter, the controller may proceed to step 1035 described below. At this time, the user can control the level switching by touching or tabping the switching area.
상기 이벤트가 상기 스크롤영역에서 슬라이더의 이동을 제어하는 이벤트이면(1007단계), 상기 제어부는 상기 슬라이더의 이동에 대응하여 상기 뷰어블 오브젝트의 스크롤 동작을 처리한다. 아울러, 상기 제어부는 상기 슬라이더의 이동에 따른 스크롤레벨을 체크한다(1011단계). 이때, 사용자는 터치&드래그(touch&drag)의 동작으로 상기 슬라이더의 이동을 제어할 수 있다.If the event is an event that controls the movement of the slider in the scroll area (operation 1007), the controller processes the scroll operation of the viewable object in response to the movement of the slider. In addition, the controller checks the scroll level according to the movement of the slider (Step 1011). At this time, the user can control the movement of the slider by a touch & drag operation.
다음으로, 상기 제어부는 상기 tm크롤레벨이 미리 설정된 한계범위에 도달하는지 판단한다(1013단계). 만약 상기 스크롤레벨이 상기 한계범위에 도달하지 않으 면, 상기 제어부는 1023단계로 진행하여 상기 슬라이더 제어에 대응하여 상기 뷰어블 오브젝트의 스크롤 동작을 계속 수행할 수 있다.Next, the controller determines whether the tm crawl level reaches a predetermined threshold (step 1013). If the scroll level does not reach the limit, the controller proceeds to step 1023 to continue the scroll operation of the viewable object in response to the slider control.
반면, 상기 스크롤레벨이 상기 한계범위에 도달하면, 상기 스크롤레벨에 대응하여 상기 뷰어블 오브젝트의 스크롤 동작을 제어할 수 있다(1015단계). 예를 들면, 상기 한계범위의 스크롤레벨에서는 상기 뷰어블 오브젝트의 스크롤 속도를 증가시킬 수 있다. On the other hand, if the scroll level reaches the limit range, the scroll operation of the viewable object can be controlled corresponding to the scroll level (Step 1015). For example, at the scroll level of the limit range, the scroll speed of the viewable object can be increased.
다음으로, 상기 제어부는 상기 뷰어블 오브젝트에 대한 스크롤 중에 레벨 변경 요청이 있는지 체크할 수 있다(1017단계). 즉, 현재 뷰어블 오브젝트의 레벨보다 상위레벨로의 전환 요청이 있는지 판단할 수 있다. 상기 1017단계에서 상기 레벨 변경 요청 판단은 상기 스크롤바의 전환영역에 이벤트가 발생하는지 또는 상기 슬라이더가 상기 한계범위를 벗어나는지의 여부로 판단할 수 있다. 이하 설명에서는 상기 1017단계가 상기 전환영역의 이벤트 발생 여부를 체크하는 단계인 경우로 설명한다.Next, the controller can check whether there is a level change request during the scroll of the viewable object (step 1017). That is, it can be determined whether there is a request to switch to a higher level than the level of the current viewable object. In
다음으로, 상기 제어부는 레벨 변경 요청을 감지하면(1017단계) 상위레벨 진입으로 판단하고(1019단계), 상기 레벨 변경 요청에 따른 해당 상위레벨로 전환하여, 상기 상위레벨에 해당하는 뷰어블 오브젝트를 표시할 수 있다(1021단계). 이후 상기 제어부는 상기 전환에 따른 뷰어블 오브젝트를 표시한 후 사용자 요청에 대응하여 상기 상위레벨의 뷰어블 오브젝트를 스크롤 하거나, 상기 뷰어블 오브젝트의 특정 아이템 선택에 따른 뷰어블 오브젝트를 출력하거나, 이벤트 종료 여부에 따른 해당 동작을 처리하는 등의 절차를 수행할 수 있다.If the level change request is detected (step 1017), the control unit determines that it is a higher level entry (step 1019), switches to the corresponding upper level according to the level change request, and displays the viewable object corresponding to the higher level (Step 1021). Then, the controller displays the viewable object according to the switching, scrolls the viewable object at the higher level in response to a user request, outputs a viewable object according to a specific item selection of the viewable object, And processing the corresponding operation according to whether or not it is possible.
다음으로, 상기 제어부는 상기 레별 변경 요청이 없으면(1017단계), 사용자의 상기 슬라이더 제어에 대응하여 상기 뷰어블 오브젝트의 스크롤 및 그에 따른 화면 표시를 처리할 수 있다(1023단계). Next, in
다음으로, 상기 제어부는 상기 스크롤 중에 상기 뷰어블 오브젝트의 내용이 마지막에 도달하는지 여부를 체크할 수 있다(1025단계). 예를 들면, 상기 뷰어블 오브젝트가 텍스트(text)로 이루어진 특정 도큐먼트인 경우, 상기 도큐먼트의 마지막 페이지의 마지막 라인에 도달하는지를 체크할 수 있다. 또한, 상기 뷰어블 오브젝트가 음악파일인 경우, 상기 음악파일에 대한 플레이(play)가 종료되는지를 체크할 수 있다.Next, the controller may check whether the contents of the viewable object reach the last time during the scroll (Step 1025). For example, if the viewable object is a specific document composed of text, it can check whether the last line of the last page of the document is reached. In addition, when the viewable object is a music file, it is possible to check whether play of the music file is ended.
다음으로, 상기 제어부는 상기 뷰어블 오브젝트의 내용이 마지막이 아니면, 상기 1017단계로 진행하여 상기의 과정을 반복할 수 있다. 반면, 상기 제어부가 상기 뷰어블 오브젝트의 내용이 마지막에 도달한 것을 감지하면, 그에 대응하여 레벨 변경 요청이 있는지 판단할 수 있다(1027단계). 상기 1027단계에서 상기 레벨 변경 요청 판단은 상기 스크롤바의 전환영역에 이벤트가 발생하는지 또는 상기 슬라이더가 상기 한계범위를 벗어나는지의 여부로 판단할 수 있다. 이하 설명에서는 상기 1027단계가 상기 슬라이더가 한계범위를 벗어나는지의 여부를 판단하는 단계인 경우로 설명한다.Next, if the content of the viewable object is not the last, the controller may proceed to step 1017 and repeat the above process. On the other hand, if the control unit detects that the content of the viewable object has reached the last time, it can determine whether there is a level change request corresponding thereto in
다음으로, 상기 레벨 변경 요청이 없으면 상기 제어부는 1037단계로 진행하여 사용자 요청에 따른 해당 동작을 수행할 수 있다. 반면, 레벨 변경 요청이 있으면 상기 제어부는 사용자에게 피드백 정보를 출력할 수 있다(1028단계). 즉, 상기 제어부는 상기 슬라이더가 미리 설정된 상기 한계범위를 벗어나는 시점에서, 레벨 전환이 이루어짐을 사용자에게 통지하기 위하여 진동을 출력하거나, 또는 설정된 오디오신호를 출력하는 등의 피드백 정보를 제공할 수 있다.If the level change request is not received, the controller proceeds to step 1037 and performs a corresponding operation according to a user request. On the other hand, if there is a level change request, the control unit can output feedback information to the user (Step 1028). That is, the control unit may provide feedback information, such as outputting a vibration or outputting a set audio signal, in order to notify the user that level switching is performed at a time point when the slider deviates from the preset limit range.
이때, 상기 제어부는 상기 레벨 변경이 발생할 시 상기 슬라이더를 상기 한계범위에 정지시키면서 상기 피드백 정보를 출력할 수 있다. 이후, 상기 피드백 정보 출력 후에도 사용자에 의해 상기 한계범위를 벗어나는 슬라이더의 제어가 계속하여 이루어질 시, 상기 제어부는 상기 정지하는 슬라이더는 사용자의 이벤트가 발생하는 지점으로 순간 이동시킬 수 있다.At this time, the controller may output the feedback information while stopping the slider in the limit range when the level change occurs. Thereafter, when the control of the slider beyond the limit range is continuously performed by the user even after the output of the feedback information, the controller may cause the slider to momentarily move to the point where the user's event occurs.
다음으로, 상기 피드백 정보 출력 후 계속하여 레벨 변경 요청이 있으면, 상기 제어부는 현재 표시중인 상기 뷰어블 오브젝트의 현재레벨과 동일한 레벨 상에 존재하는 다음 뷰어블 오브젝트가 존재하는지 체크할 수 있다(1029단계).Next, if there is a level change request continuously after outputting the feedback information, the controller can check whether there is a next viewable object existing on the same level as the current level of the currently displayed viewable object (Step 1029 ).
만약, 동일레벨 상의 다음 뷰어블 오브젝트가 존재하지 않으면, 상기 제어부는 상기 뷰어블 오브젝트가 속하는 상위레벨로 전환하여, 상기 상위레벨의 메뉴 및 상기 상위레벨 메뉴와 동일 레벨 상에 존재하는 메뉴들의 리스트를 표시할 수 있다(1033단계).If there is no next viewable object on the same level, the control unit switches to a higher level to which the viewable object belongs and displays a list of menus that exist on the same level as the higher level menu and the higher level menu (Step 1033).
반면, 동일레벨 상의 다음 뷰어블 오브젝트가 존재하면, 상기 제어부는 상기 다음 뷰어블 오브젝트의 내용을 추출하고, 상기 다른 뷰어블 오브젝트의 내용을 화면에 표시할 수 있다(1031단계). 그리고 상기 제어부는 사용자의 상기 슬라이더의 제어에 따라 상기 다음 뷰어블 오브젝트에 대한 스크롤을 처리하며, 전술한 단계들에 대응하는 동작을 수행할 수 있다.On the other hand, if there is a next viewable object on the same level, the controller can extract the contents of the next viewable object and display the contents of the other viewable object on the screen (Step 1031). The control unit may process the scroll of the next viewable object according to the control of the slider of the user, and may perform an operation corresponding to the steps described above.
다음으로, 상기 제어부는 전술한 스크롤 제어 중에 이벤트의 종료 여부를 체크할 수 있다(1035단계). 즉, 상기 제어부는 전술한 바와 같이 사용자 요청에 따른 스크롤 제어와 같은 동작의 종료 여부를 체크할 수 있다. 이러한 종료는 사용자에 의한 이벤트 입력 종료일 수 있으며, 뷰어블 오브젝트 표시의 종료 요청, 특정 뷰어블 오브젝트의 기능 실행에 따른 스크롤 제어 동작 종료 등일 수 있다. 이때, 상기 이벤트가 종료될 시 상기 제어부는 전술한 절차를 종료할 수 있으며, 만약 이벤트가 종료되지 않을 시 전술한 바와 같은 본 발명의 스크롤바 제어에 대응하는 해당 동작을 수행할 수 있다(1037단계).Next, the controller may check whether the event is ended during the scroll control described above (step 1035). That is, the controller can check whether the operation such as the scroll control according to the user request is ended as described above. Such a termination may be an end of event input by the user, and may be a request to end display of the viewable object, an end of the scroll control operation according to the execution of the function of the specific viewable object, and the like. At this time, when the event ends, the control unit may terminate the above-described procedure, and if the event is not terminated, the corresponding operation corresponding to the scroll bar control of the present invention as described above may be performed (Step 1037) .
한편, 본 명세서와 도면에 개시된 본 발명의 실시 예들은 본 발명의 기술 내용을 쉽게 설명하고 본 발명의 이해를 돕기 위해 특정 예를 제시한 것일 뿐이며, 본 발명의 범위를 한정하고자 하는 것은 아니다. 여기에 개시된 실시 예들 이외에도 본 발명의 기술적 사상에 바탕을 둔 다른 변형 예들이 실시 가능하다는 것은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 자명한 것이다.It should be noted that the embodiments of the present invention disclosed in the present specification and drawings are only illustrative of the present invention in order to facilitate the understanding of the present invention and are not intended to limit the scope of the present invention. It is to be understood by those skilled in the art that other modifications based on the technical idea of the present invention are possible in addition to the embodiments disclosed herein.
도 1은 본 발명의 실시 예에 따른 휴대단말의 블록 구성을 개략적으로 도시한 도면,1 is a block diagram of a portable terminal according to an embodiment of the present invention.
도 2a 내지 도 2c는 본 발명의 실시 예에 따른 사용자 인터페이스 및 동작을 설명하기 위해 나타낸 도면,FIGS. 2A to 2C are diagrams for explaining a user interface and operation according to an embodiment of the present invention;
도 3a 및 도 3b는 본 발명의 실시 예에 따른 스크롤바의 개략적인 구성 및 그의 동작 예를 도시한 도면,FIGS. 3A and 3B are views showing a schematic configuration of a scroll bar and an operation example thereof according to an embodiment of the present invention;
도 4a 내지 도 4d는 본 발명의 실시 예에 따른 사용자 인터페이스 및 동작을 설명하기 위해 나타낸 도면,4A to 4D are diagrams for explaining a user interface and operation according to an embodiment of the present invention;
도 5a 내지 도 5d는 본 발명의 실시 예에 따른 사용자 인터페이스 및 동작을 설명하기 위해 나타낸 도면,5A to 5D are diagrams illustrating a user interface and operation according to an embodiment of the present invention;
도 6은 본 발명의 실시 예에 따른 사용자 인터페이스를 이용하여 상위레벨로 바로 진입하는 동작을 나타낸 도면,6 is a diagram illustrating an operation for directly entering a higher level using a user interface according to an embodiment of the present invention;
도 7a 내지 도 7g는 본 발명의 실시 예에 따른 멀티레벨 스크롤바를 응용 프로그램에 적용한 경우의 예시를 나타낸 도면,7A to 7G are views illustrating an example of application of a multi-level scroll bar according to an embodiment of the present invention to an application program,
도 8은 상기 도 7a 내지 도 7g의 실시 예에 따른 사용자 인터페이스의 응용 예시를 나타낸 도면,FIG. 8 is a diagram illustrating an application example of a user interface according to the embodiment of FIGS. 7A to 7G; FIG.
도 9는 본 발명의 실시 예에 따른 본 발명의 실시 예에 따른 스크롤바를 제어하는 다른 구조의 예시를 나타낸 도면,9 is a diagram illustrating an example of another structure for controlling a scroll bar according to an embodiment of the present invention,
도 10a 및 도 10b는 본 발명의 실시 예에 다른 사용자 인터페이스를 이용하 여 트리 구조의 메뉴를 브라우징 하는 방법을 도시한 도면.10A and 10B illustrate a method of browsing a menu of a tree structure using another user interface according to an embodiment of the present invention.
Claims (17)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020080051452A KR101446141B1 (en) | 2008-06-02 | 2008-06-02 | Method and apparatus for browsing menu of a tree structure |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020080051452A KR101446141B1 (en) | 2008-06-02 | 2008-06-02 | Method and apparatus for browsing menu of a tree structure |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20090125377A KR20090125377A (en) | 2009-12-07 |
KR101446141B1 true KR101446141B1 (en) | 2014-10-01 |
Family
ID=41686883
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020080051452A KR101446141B1 (en) | 2008-06-02 | 2008-06-02 | Method and apparatus for browsing menu of a tree structure |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101446141B1 (en) |
Families Citing this family (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8984431B2 (en) * | 2009-03-16 | 2015-03-17 | Apple Inc. | Device, method, and graphical user interface for moving a current position in content at a variable scrubbing rate |
KR101115374B1 (en) * | 2010-04-19 | 2012-02-15 | 주식회사 엘지유플러스 | Mobile communication terminal and screen converting method thereof |
KR101333005B1 (en) * | 2012-01-03 | 2013-11-26 | 주식회사 인프라웨어 | Method for controlling speed of scalable scroll, and computer-readable recording medium for the same |
CA2763316C (en) * | 2012-01-06 | 2014-09-30 | Microsoft Corporation | Enabling performant cascading operations |
KR101905870B1 (en) * | 2012-01-06 | 2018-10-08 | 현대모비스 주식회사 | Method and apparatus of searching contents list mixed with flick and tune knob input |
US10235014B2 (en) | 2014-09-02 | 2019-03-19 | Apple Inc. | Music user interface |
SG10201507782WA (en) * | 2015-09-18 | 2017-04-27 | Paul Michael Whiten | User interface for searching a large data set |
CN111343060B (en) | 2017-05-16 | 2022-02-11 | 苹果公司 | Method and interface for home media control |
US11392291B2 (en) | 2020-09-25 | 2022-07-19 | Apple Inc. | Methods and interfaces for media control with dynamic feedback |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5528259A (en) * | 1992-10-29 | 1996-06-18 | International Business Machines Corporation | Method and system for multi-dimensional scrolling of displayed data collections in a data processing system |
-
2008
- 2008-06-02 KR KR1020080051452A patent/KR101446141B1/en active IP Right Grant
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5528259A (en) * | 1992-10-29 | 1996-06-18 | International Business Machines Corporation | Method and system for multi-dimensional scrolling of displayed data collections in a data processing system |
Also Published As
Publication number | Publication date |
---|---|
KR20090125377A (en) | 2009-12-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11366576B2 (en) | Device, method, and graphical user interface for manipulating workspace views | |
US10474351B2 (en) | Devices, methods, and graphical user interfaces for accessibility using a touch-sensitive surface | |
KR101446141B1 (en) | Method and apparatus for browsing menu of a tree structure | |
JP6153868B2 (en) | Method and apparatus for displaying items | |
US10942639B2 (en) | Accelerated scrolling | |
AU2008100003A4 (en) | Method, system and graphical user interface for viewing multiple application windows | |
US8525839B2 (en) | Device, method, and graphical user interface for providing digital content products | |
RU2533646C2 (en) | Information processing device, information processing method and programme | |
KR101568129B1 (en) | Mobile terminal having touch screen and method for displaying tag information therof | |
US20130254714A1 (en) | Method and apparatus for providing floating user interface | |
US20120327009A1 (en) | Devices, methods, and graphical user interfaces for accessibility using a touch-sensitive surface | |
KR102037481B1 (en) | Display apparatus, method of controlling the display apparatus and recordable medium storing for program for performing the method | |
KR101998941B1 (en) | User interface and method for adjusting a semantic scale of a tile | |
KR20080104857A (en) | Method and apparatus for interacting using user interface based on touch screen | |
JP6758921B2 (en) | Electronic devices and their control methods | |
US12073041B2 (en) | Navigating user interfaces with multiple navigation modes |
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 | ||
FPAY | Annual fee payment |
Payment date: 20170830 Year of fee payment: 4 |
|
FPAY | Annual fee payment |
Payment date: 20180830 Year of fee payment: 5 |