KR100945558B1

KR100945558B1 - Image display method according to fast item search

Info

Publication number: KR100945558B1
Application number: KR1020080018472A
Authority: KR
Inventors: 성경훈
Original assignee: 주식회사 밸럽스
Priority date: 2008-02-28
Filing date: 2008-02-28
Publication date: 2010-03-08
Also published as: KR20090093125A

Abstract

화면에 표시된 다수의 항목들 중 검색된 항목과 관련된 이미지 출력 방법이 개시된다. 본 발명의 항목 검색에 따른 이미지 출력 방법은 다수의 썸네일 이미지 항목들을 화면 표시하는 항목 표시 단계; 조작명령에 따라 상기 썸네일 이미지 항목들을 순차적으로 지정하면서 검색하는 항목 검색 단계; 및 상기 지정된 항목에 대한 이미지를 읽어들여 화면 일부 공간에 표시하되, 오리지널 이미지를 디코딩하여 화면에 출력하거나 그 썸네일 이미지를 확대하여 화면 출력하는 이미지 출력 단계;를 포함한다. 이에 의해 이미지에 대한 고속 검색이 가능해진다.A method of outputting an image related to a retrieved item among a plurality of items displayed on a screen is disclosed. The image output method according to the item search of the present invention comprises: an item display step of screen-displaying a plurality of thumbnail image items; An item search step of searching while sequentially specifying the thumbnail image items according to an operation command; And an image output step of reading an image of the designated item and displaying the image on a portion of a screen, decoding the original image and outputting the original image on the screen or enlarging the thumbnail image on the screen. This enables a fast search for the image.

Description

Image display method according to fast image item search {Image display method according to fast item search}

본 발명은 사용자 인터페이스에 관한 것으로, 특히 여러 항목을 화면에 표시하고 리모콘, 키보드 등의 입력 장치를 이용해서 하나의 항목을 결정하는 기술에 관한 것이다.BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a user interface, and more particularly, to a technology for displaying several items on a screen and determining one item by using an input device such as a remote controller or a keyboard.

한 화면에 다수의 항목들을 표시하고, 표시된 항목들 중 어느 하나를 선택하면 그 항목과 관련된 부가 정보를 제공한다. 여기서 사용자는 리모콘이나 키보드와 같은 입력 장치를 조작하여 다수의 항목들 중 원하는 항목을 선택할 수 있다. 항목이 너무 많은 경우에는 널리 알려진 스크롤(scroll) 검색을 통해 제한된 화면 크기 내에서 모든 항목들을 고속으로 검색하고 선택하는 것이 가능하다. 그러나 부가 정보의 데이터량이 많을 경우에는 부가 정보가 제대로 제공되지 못할 수 있다. 예를 들어 부가 정보가 용량이 큰 이미지인 경우, 고속 스크롤 검색에 따라 항목 이동은 빠르게 이루어지는 반면에 부가 정보인 이미지의 디코딩 시간이 오래 걸리기 때문에 고속 스크롤 검색에 한계가 발생할 수밖에 없다.A plurality of items are displayed on one screen, and selecting one of the displayed items provides additional information related to the item. Here, the user may select a desired item among a plurality of items by operating an input device such as a remote controller or a keyboard. If there are too many items, the well-known scroll search makes it possible to quickly search and select all items within a limited screen size. However, when the data amount of the additional information is large, the additional information may not be properly provided. For example, when the additional information is an image having a large capacity, the item movement is performed quickly according to the fast scroll search, while the decoding time of the image, which is the additional information, takes a long time.

본 발명은 이 같은 배경에서 도출된 것으로, 항목 검색에 따른 이미지 출력 방식을 개선함을 목적으로 한다.The present invention is derived from this background, and aims to improve the image output method according to the item search.

전술한 기술적 과제를 달성하기 위한 본 발명의 항목 검색에 따른 이미지 출력 방법은, 다수의 썸네일 이미지 항목들을 화면 표시하는 항목 표시 단계; 조작명령에 따라 상기 썸네일 이미지 항목들을 순차적으로 지정하면서 검색하는 항목 검색 단계; 및 상기 지정된 항목에 대한 이미지를 읽어들여 화면 일부 공간에 표시하되, 오리지널 이미지를 디코딩하여 화면에 출력하거나 그 썸네일 이미지를 확대하여 화면 출력하는 이미지 출력 단계;를 포함한다.The image output method according to the item search of the present invention for achieving the above technical problem, an item display step of screen display a plurality of thumbnail image items; An item search step of searching while sequentially specifying the thumbnail image items according to an operation command; And an image output step of reading an image of the designated item and displaying the image on a portion of a screen, decoding the original image and outputting the original image on the screen or enlarging the thumbnail image on the screen.

한편, 전술한 기술적 과제를 달성하기 위한 본 발명의 또 다른 항목 검색에 따른 이미지 출력 방법은, 다수의 썸네일 이미지 항목들을 화면 표시하는 항목 표시 단계; 조작명령에 따라 상기 썸네일 이미지 항목들을 순차적으로 지정하면서 검색하는 항목 검색 단계; 및 상기 지정된 항목의 썸네일 이미지를 확대하여 화면 일부 공간에 출력하는 이미지 출력 단계;를 포함한다.On the other hand, an image output method according to another item search of the present invention for achieving the above-described technical problem, an item display step of screen display a plurality of thumbnail image items; An item search step of searching while sequentially specifying the thumbnail image items according to an operation command; And an image output step of enlarging a thumbnail image of the designated item and outputting the thumbnail image to a screen partial space.

본 발명의 항목 검색에 따른 이미지 출력 방법은 항목 검색의 고속화시에 오리지널 이미지를 디코딩하여 화면 출력하는 대신에 썸네일 이미지를 확대해서 화면 출력하므로, 항목 검색의 고속화를 가능하게 한다. 일반적으로 썸네일 이미지를 확대(경우에 따라 디코딩 후 확대)하는 것은 오리지널 이미지를 디코딩하여 화면에 표시하는 것보다 훨씬 빠르게 처리할 수 있다. 그리고 고속으로 항목을 검색하는 경우에는 이미지를 자세히 볼 필요가 없이 대략적인 모습만으로도 원하는 항목인지 확인할 수 있기 때문에, 본 발명은 이 같은 점을 고려하여 고속의 항목 검색시에는 썸네일 이미지를 확대 출력하는 방식을 통해 사용자가 원하는 항목을 고속으로 검색할 수 있게 한 것이다.The image output method according to the item search according to the present invention enlarges the thumbnail image and outputs the screen instead of decoding and outputting the original image when the item search is accelerated, thereby speeding up the item search. In general, zooming in on a thumbnail image (in some cases, after decoding) can be much faster than decoding the original image and displaying it on the screen. In the case of searching for an item at high speed, it is not necessary to look at the image in detail, and thus it is possible to confirm whether or not the desired item is provided by the approximate appearance. Therefore, the present invention enlarges and outputs a thumbnail image when searching for items at high speed. Through this, the user can search for the desired item at high speed.

또한 항목 검색 속도가 느려지거나 항목 검색이 종료되면 오리지널 이미지를 디코딩하여 화면 출력하되, 확대 출력된 썸네일 이미지에 오버랩시킴으로써, 사용자로 하여금 이미지 대체를 알아차리기 어렵게 함으로써 자연스러운 이미지 제공을 가능하게 한다.In addition, when the item search speed is slowed down or the item search is finished, the original image is decoded and displayed on the screen, but overlapped with the enlarged thumbnail image, so that it is difficult for the user to notice the image replacement, thereby providing a natural image.

전술한, 그리고 추가적인 본 발명의 양상들은 첨부된 도면을 참조하여 설명되는 바람직한 실시예들을 통하여 더욱 명백해질 것이다. 이하에서는 본 발명을 이러한 실시예를 통해 당업자가 용이하게 이해하고 재현할 수 있도록 상세히 설명하기로 한다.The foregoing and further aspects of the present invention will become more apparent through the preferred embodiments described with reference to the accompanying drawings. Hereinafter, the present invention will be described in detail to enable those skilled in the art to easily understand and reproduce the present invention.

도 1은 본 발명에 따른 항목 검색에 따른 이미지 출력 방법의 흐름도이다.1 is a flowchart illustrating an image output method according to an item search according to the present invention.

본 발명에 따른 항목 검색에 따른 이미지 출력 방법은, 여러 항목을 화면에 표시하고 리모콘, 키보드 등의 입력 장치를 이용해서 하나의 항목을 선택할 수 있게 하는 장치에서 수행 가능한 것으로, 그 장치는 예를 들어 셋탑박스, 휴대폰, 개인통신단말기(Personal Digital Assistants), 노트북, 데스크톱 컴퓨터 등이 될 수 있으며 특별한 장치에 구애되지 않는다. 이 같은 장치들의 일 예가 도 2에 도시되어 있다. 조작부(100)는 입력을 위한 수단으로써, 리모콘이나 키보드 등이 된다. 저장부(200)는 장치의 전반적인 제어를 위한 제어 프로그램 데이터, 본 발명에 따른 썸네일 이미지 항목 데이터 및 각 항목별 오리지널 이미지 데이터들이 저장된다. 표시부(300)는 LCD(Liquid Crystal Display)와 같은 디스플레이 장치를 말하며, 저장부(200)에 저장된 썸네일 이미지 항목들 및 각 항목의 오리지널 이미지를 디스플레이한다. 제어부(400)는 제어 프로그램 데이터에 기초하여 장치 전반을 제어하며, 조작부(100)의 조작 명령에 따라 저장부(200)에 저장된 데이터를 읽어들여 표시부(300)로 화면 출력한다.The image output method according to the item search according to the present invention can be performed in a device that displays several items on a screen and allows one item to be selected by using an input device such as a remote controller or a keyboard. It can be a set-top box, cell phone, personal digital assistants, laptop, desktop computer, etc. One example of such devices is shown in FIG. 2. The operation unit 100 is a means for input, such as a remote control or a keyboard. The storage unit 200 stores control program data for overall control of the apparatus, thumbnail image item data according to the present invention, and original image data for each item. The display unit 300 refers to a display device such as a liquid crystal display (LCD), and displays thumbnail image items stored in the storage unit 200 and original images of each item. The control unit 400 controls the entire apparatus based on the control program data, and reads the data stored in the storage unit 200 according to an operation command of the operation unit 100 and outputs the screen to the display unit 300.

이 같은 장치에서 수행되는 항목 검색에 따른 이미지 출력 방법에 대해 구체적으로 설명하면, 우선 제어부(400)는 선택 가능한 썸네일 이미지 항목들을 화면에 표시한다(단계 S100). 예를 들어, 사용자가 조작부(100)를 조작함에 의해 저장부(300)에 저장된 사진들에 대한 목록을 요청하면, 제어부(400)는 조작부(100)로부터의 조작 명령에 따라 저장부(300)에 저장된 사진들의 목록을 읽어들여 화면에 표시하는 것이다. 본 실시예에 있어서, 사진들의 목록은 도 4의 도면부호 500에서와 같이 썸네일 이미지 항목들로 제공된다. 여기서 썸네일 이미지 항목들이 너무 많아 한 화면에 모두 표시하기가 불가능한 경우에는 우선 일부 항목들만 화면에 표시하고 스크롤(scroll)을 통해 나머지 항목들을 화면에 표시할 수 있다. 이 경우, 도 4에 도시된 예에서와 같이 우측에 스크롤 바(scroll bar)를 두어 나머지 항목들을 검색할 수 있게 한다. 그리고 그 스크롤 바의 위치를 통해 현재 표시된 항목들 의 위치가 어디인지를 알 수 있게 함이 바람직하다.Referring to the image output method according to the item search performed in such an apparatus in detail, first, the controller 400 displays the selectable thumbnail image items on the screen (step S100). For example, when a user requests a list of photos stored in the storage unit 300 by operating the manipulation unit 100, the controller 400 stores the storage unit 300 according to an operation command from the manipulation unit 100. The list of photos stored on the screen is read and displayed. In this embodiment, the list of photos is provided as thumbnail image items as shown at 500 in FIG. 4. If there are too many thumbnail image items to display on one screen, first, only some items may be displayed on the screen, and the remaining items may be displayed on the screen by scrolling. In this case, as shown in the example shown in FIG. 4, a scroll bar is placed on the right side so that the remaining items can be searched. And it is desirable to know where the position of the currently displayed items through the position of the scroll bar.

또한 방향키 등의 조작에 의해 커서를 이동시켜 원하는 항목을 지정할 수 있게 한다. 도 4에서, 현재 커서는 여러 썸네일 이미지 항목들 중 하나를 지정하고 있으며, 방향키 조작에 따라 상 혹은 하 측의 썸네일 이미지 항목들을 검색할 수 있다. 그리고 지정된 썸네일 이미지 항목에 대한 오리지널 이미지가 도 4의 도면부호 600과 같이 화면의 좌측에 표시되어 있다.In addition, it is possible to designate a desired item by moving the cursor by an operation such as a direction key. In FIG. 4, the current cursor designates one of several thumbnail image items, and the upper and lower thumbnail image items may be searched according to the direction key manipulation. The original image for the designated thumbnail image item is displayed on the left side of the screen as indicated by reference numeral 600 of FIG. 4.

사용자의 방향키 조작에 따른 커서 이동 명령이 있으면(단계 S110), 제어부(400)는 현재 커서의 위치를 다음 항목으로 이동시킨다. 사용자가 방향키를 지속적으로 누르고 있으면, 제어부(400)는 순차적으로 커서를 다음 항목으로 계속 이동시킨다(단계 S120). 일 실시예에 있어서, 제어부(400)는 키 입력 상태의 지속시간을 고려하여 커서의 이동을 가속화시킬 수 있다. 즉, 키 입력 상태의 지속시간에 따라 커서의 이동 속도를 점차적으로 증진시키는 것이다. 그리고 본 발명에 따라 제어부(400)는 지정된 항목에 대한 오리지널 이미지를 읽어들여 디코딩하여 도 4의 도면부호 500과 같이 출력하거나, 아니면 지정된 썸네일 이미지를 확대하여 도 5의 도면부호 600과 같이 출력한다(단계 S130). 경우에 따라 썸네일 이미지가 JPEG 등의 스펙에 맞게 인코딩되어 저장되어 있다면, 제어부(400)는 이를 디코딩한 후 확대하여 화면 출력한다.If there is a cursor movement command according to the user's direction key operation (step S110), the controller 400 moves the current cursor position to the next item. If the user continues to press the direction key, the control unit 400 continues to move the cursor to the next item in sequence (step S120). In one embodiment, the controller 400 may accelerate the movement of the cursor in consideration of the duration of the key input state. That is, the speed of movement of the cursor is gradually increased according to the duration of the key input state. According to the present invention, the controller 400 reads and decodes the original image of the designated item and outputs the decoded image as shown by reference numeral 500 of FIG. 4, or enlarges and outputs the designated thumbnail image as indicated by reference numeral 600 of FIG. 5 ( Step S130). In some cases, if the thumbnail image is encoded and stored according to a specification such as JPEG, the controller 400 decodes the image and enlarges the screen image.

본 발명의 특징적인 양상에 따라, 오리지널 이미지를 디코딩 출력하거나 썸네일 이미지를 확대하여 출력하는 기준은 항목 검색의 속도가 고려된다. 항목 검색 속도가 설정치 이하일 경우는 오리지널 이미지를 디코딩하여 출력하며, 설정치 를 초과할 경우는 썸네일 이미지를 확대하여 출력함이 바람직하다. 이는 오리지널 이미지의 디코딩 속도가 항목 검색 속도를 따라가지 못할 경우를 고려한 것이다. 따라서 항목 검색 속도가 고속일 경우에는 오리지널 이미지가 아닌 썸네일 이미지를 단순 확대하여 출력함으로써 항목 검색의 원활한 처리를 가능케 할 수 있다.According to a characteristic aspect of the present invention, the criterion for decoding and outputting an original image or for enlarging and outputting a thumbnail image is considered a speed of item search. If the item search speed is less than or equal to the set value, the original image is decoded and output. If the item is exceeded, it is preferable to enlarge and output the thumbnail image. This takes into account the case where the decoding speed of the original image cannot keep up with the item searching speed. Therefore, when the item search speed is high, it is possible to smoothly process the item search by simply expanding and outputting the thumbnail image instead of the original image.

도 3은 본 발명에 따른 항목 검색에 따른 이미지 출력 방법의 또 다른 흐름도이다.3 is another flowchart of an image output method according to an item search according to the present invention.

제어부(400)는 선택 가능한 썸네일 이미지 항목들을 화면에 표시한다(단계 S300). 예를 들어, 사용자가 조작부(100)를 조작함에 의해 저장부(300)에 저장된 사진들에 대한 목록을 요청하면, 제어부(400)는 조작부(100)로부터의 조작 명령에 따라 저장부(300)에 저장된 사진들의 목록을 읽어들여 화면에 표시하는 것이다. 본 실시예에 있어서, 사진들의 목록은 도 4의 도면부호 500에서와 같이 썸네일 이미지 항목들로 제공된다. 여기서 썸네일 이미지 항목들이 너무 많아 한 화면에 모두 표시하기가 불가능한 경우에는 우선 일부 항목들만 화면에 표시하고 스크롤(scroll)을 통해 나머지 항목들을 화면에 표시할 수 있다. 이 경우, 도 4에 도시된 예에서와 같이 우측에 스크롤 바(scroll bar)를 두어 나머지 항목들을 검색할 수 있게 한다. 그리고 그 스크롤 바의 위치를 통해 현재 표시된 항목들의 위치가 어디인지를 알 수 있게 함이 바람직하다.The controller 400 displays selectable thumbnail image items on the screen (step S300). For example, when a user requests a list of photos stored in the storage unit 300 by operating the manipulation unit 100, the controller 400 stores the storage unit 300 according to an operation command from the manipulation unit 100. The list of photos stored on the screen is read and displayed. In this embodiment, the list of photos is provided as thumbnail image items as shown at 500 in FIG. 4. If there are too many thumbnail image items to display on one screen, first, only some items may be displayed on the screen, and the remaining items may be displayed on the screen by scrolling. In this case, as shown in the example shown in FIG. 4, a scroll bar is placed on the right side so that the remaining items can be searched. And it is desirable to know where the position of the currently displayed items through the position of the scroll bar.

사용자의 방향키 조작에 따른 커서 이동 명령이 있으면(단계 S310), 제어부(400)는 현재 커서의 위치를 다음 항목으로 이동시킨다. 사용자가 방향키를 지속적으로 누르고 있으면, 제어부(400)는 순차적으로 커서를 다음 항목으로 계속 이동시킨다(단계 S320). 일 실시예에 있어서, 제어부(400)는 키 입력 상태의 지속시간을 고려하여 커서의 이동을 가속화시킬 수 있다. 즉, 키 입력 상태의 지속시간에 따라 커서의 이동 속도를 점차적으로 증진시키는 것이다. 그리고 본 발명에 따라 제어부(400)는 지정된 썸네일 이미지를 확대하여 도 5의 도면부호 700과 같이 출력한다(단계 S330). 그리고 항목 검색 속도가 기준치 이하면(단계 S340), 제어부(400)는 오리지널 이미지를 읽어들여 디코딩한 후 이미 화면 표시된 썸네일 이미지에 오버랩(overlap)시킨다(단계 S350). 여기서 기준치는 오리지널 이미지를 디코딩하여 화면 표시하기에 충분한 시간이 고려되어 설정됨이 바람직하다. 그리고 만일 썸네일 이미지가 JPEG 등의 스펙에 맞게 인코딩되어 저장되어 있다면, 단계 S330에서 제어부(400)는 이를 디코딩한 후 확대하여 화면 출력한다.If there is a cursor movement command according to the user's direction key operation (step S310), the controller 400 moves the current cursor position to the next item. If the user continues to press the direction key, the control unit 400 continues to move the cursor to the next item in sequence (step S320). In one embodiment, the controller 400 may accelerate the movement of the cursor in consideration of the duration of the key input state. That is, the speed of movement of the cursor is gradually increased according to the duration of the key input state. According to the present invention, the control unit 400 enlarges the designated thumbnail image and outputs it as shown by reference numeral 700 of FIG. 5 (step S330). If the item search speed is less than or equal to the reference value (step S340), the controller 400 reads and decodes the original image and then overlaps the thumbnail image already displayed on the screen (step S350). In this case, the reference value is preferably set in consideration of a time sufficient to decode the original image and display the screen. If the thumbnail image is encoded and stored according to a specification such as JPEG, the control unit 400 decodes the enlarged image in step S330 and outputs the enlarged screen.

이제까지 본 발명에 대하여 그 바람직한 실시예들을 중심으로 살펴보았다. 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자는 본 발명이 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 변형된 형태로 구현될 수 있음을 이해할 수 있을 것이다. 그러므로 개시된 실시예들은 한정적인 관점이 아니라 설명적인 관점에서 고려되어야 한다. 본 발명의 범위는 전술한 설명이 아니라 특허청구범위 에 나타나 있으며, 그와 동등한 범위 내에 있는 모든 차이점은 본 발명에 포함된 것으로 해석되어야 할 것이다.So far I looked at the center of the preferred embodiment for the present invention. Those skilled in the art will appreciate that the present invention can be implemented in a modified form without departing from the essential features of the present invention. Therefore, the disclosed embodiments should be considered in descriptive sense only and not for purposes of limitation. The scope of the present invention is shown not in the above description but in the claims, and all differences within the scope will be construed as being included in the present invention.

도 1은 본 발명에 따른 항목 검색에 따른 이미지 출력 방법의 흐름도.1 is a flowchart of an image output method according to an item search according to the present invention;

도 2는 본 발명에 따른 항목 검색 방법이 실행될 수 있는 장치의 블록도.2 is a block diagram of an apparatus in which an item retrieval method according to the present invention may be executed.

도 3은 본 발명에 따른 항목 검색에 따른 이미지 출력 방법의 또 다른 흐름도.3 is another flowchart of an image output method according to an item search according to the present invention;

도 4는 본 발명에 따른 항목 검색에 따른 이미지 출력 예시도.Figure 4 is an example of the image output according to the item search in accordance with the present invention.

도 5는 본 발명에 따른 항목 검색에 따른 이미지 출력의 또다른 예시도.5 is another exemplary diagram of image output according to an item search according to the present invention;

Claims

An item display step of screen displaying a plurality of thumbnail image items;

An item searching step of sequentially searching for and moving the displayed thumbnail image items according to a key input for item searching, and increasing the search speed according to an increase in the duration of the key input state; And

If the search speed is less than the reference value, the original image of the item designated by the item search is output to a part of the screen. If the search speed is higher than the reference value, the thumbnail image of the item designated by the item search is the same as the original image size. An image output step of enlarging and outputting the image to a part of the screen;

Image output method according to the item search, characterized in that it comprises a.

The method of claim 1,

In the image output step, if a thumbnail image is encoded and stored, the image output method according to the item search according to claim 1, wherein the image is enlarged after decoding.

delete

An item display step of screen displaying a plurality of thumbnail image items;

An item searching step of sequentially searching for and moving the displayed thumbnail image items according to a key input for item searching, and increasing the search speed according to an increase in the duration of the key input state;

An image output step of enlarging a thumbnail image of an item designated by the item search by an original image size and outputting the image to a part of a screen; And

An overlap display step of overlapping the thumbnail image after decoding the original image of the item designated by the item search when the item search speed is less than a reference value;

The method of claim 4, wherein

In the image output step, when the thumbnail image is encoded and stored, the image output method according to the item search according to claim 1, wherein the image is enlarged after decoding.

delete