KR20100132297A - 컨텐츠 탐색을 위한 ｇｕｉ 제공방법 및 이를 적용한 디바이스 - Google Patents

컨텐츠 탐색을 위한 ｇｕｉ 제공방법 및 이를 적용한 디바이스 Download PDF

Info

Publication number
KR20100132297A
KR20100132297A KR1020090051046A KR20090051046A KR20100132297A KR 20100132297 A KR20100132297 A KR 20100132297A KR 1020090051046 A KR1020090051046 A KR 1020090051046A KR 20090051046 A KR20090051046 A KR 20090051046A KR 20100132297 A KR20100132297 A KR 20100132297A
Authority
KR
South Korea
Prior art keywords
content
contents
category
wheel
gui
Prior art date
Application number
KR1020090051046A
Other languages
English (en)
Other versions
KR101624157B1 (ko
Inventor
곽지영
권장윤
전진영
황상웅
윤지선
Original Assignee
삼성전자주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성전자주식회사 filed Critical 삼성전자주식회사
Priority to KR1020090051046A priority Critical patent/KR101624157B1/ko
Priority to PCT/KR2010/003587 priority patent/WO2010143839A2/ko
Priority to US13/377,459 priority patent/US20120079430A1/en
Publication of KR20100132297A publication Critical patent/KR20100132297A/ko
Application granted granted Critical
Publication of KR101624157B1 publication Critical patent/KR101624157B1/ko

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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • 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
    • 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/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Abstract

GUI 제공방법 및 이를 적용한 디바이스를 제공한다. 본 GUI 제공방법에 따르면, 선택된 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 테두리 영역을 따라 각각 소정 범위씩 차지하도록 표시된 특정 도형을 포함하고, 사용자에 의해 입력된 조작에 따라 카테고리 및 컨텐츠를 선택하기 위한 GUI 아이템을 제공한다. 이에 따라, 사용자는 더욱 쉽게 카테고리별 컨텐츠를 선택할 수 있게 된다.
카테고리, 휠, 컨텐츠

Description

컨텐츠 탐색을 위한 ＧＵＩ 제공방법 및 이를 적용한 디바이스{Method for providing GUI to search contents and device applying the same}
본 발명은 GUI 제공방법 및 이를 적용한 디바이스에 관한 것으로, 더욱 상세하게는, 원하는 컨텐츠를 카테고리별로 구분하여 선택하기 위한 GUI 제공방법 및 이를 적용한 디바이스에 관한 것이다.
다양한 멀티미디어 디바이스가 발달함에 따라, 사용자는 하나의 디바이스를 이용하여 다양한 종류의 멀티미디어 컨텐츠를 즐길 수 있게 되었다. 또한, 저장 장치의 기술도 발달하여, 사용자는 고용량의 저장장치에 원하는 컨텐츠를 매우 많이 저장할 수 있게 되었다.
하지만, 이와 같이 많은 양의 컨텐츠가 저장 매체에 저장되어 있으면, 사용자는 수많은 컨텐츠 중에서 원하는 컨텐츠를 찾기가 쉽지 않다. 또한, 원하는 컨텐츠를 찾기 위해서는 수많은 단계의 조작을 거쳐야하는 불편함이 있다.
사용자는 컨텐츠를 탐색할 때, 쉽고 직관적인 방식으로 컨텐츠를 탐색하기를 원한다. 이에 따라, 더욱 직관적인 컨텐츠 탐색을 위한 GUI를 제공하기 위한 방안의 모색이 요청된다.
본 발명은 상기와 같은 문제점을 해결하기 위하여 안출된 것으로서, 본 발명의 목적은, 선택된 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 테두리 영역을 따라 각각 소정 범위씩 차지하도록 표시된 특정 도형을 포함하고, 사용자에 의해 입력된 조작에 따라 카테고리 및 컨텐츠를 선택하기 위한 GUI 아이템을 표시하는 GUI 제공방법 및 이를 적용한 디바이스를 제공함에 있다.
상기 목적을 달성하기 위한 본 발명의 일 실시예에 따른, GUI 제공방법은, 복수의 저장매체 중 어느 하나를 선택하는 단계; 상기 선택된 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 테두리 영역을 따라 각각 소정 범위씩 차지하도록 표시된 특정 도형을 포함하고, 사용자에 의해 입력된 조작에 따라 컨텐츠의 카테고리 및 컨텐츠를 선택하기 위한 GUI 아이템을 표시하는 단계; 및 상기 GUI 아이템을 통해 카테고리 및 컨텐츠를 선택하는 단계;를 포함한다.
그리고, 상기 소정 범위는, 상기 특정 도형의 테두리 영역에서 한 카테고리가 차지하는 범위이고, 상기 저장매체에 저장된 컨텐츠의 총 개수에 대한 상기 한 카테고리의 컨텐츠 개수의 비율에 따라 범위가 결정될 수도 있다.
또한, 상기 소정 범위는, 상기 컨텐츠의 총 개수에 대한 특정 카테고리의 컨텐츠의 개수의 비율이 임계 비율보다 낮은 경우, 상기 임계 비율에 대응되는 범위로 결정될 수도 있다.
그리고, 상기 특정 도형은 휠이고, 상기 GUI 아이템 표시단계는, 상기 적어도 하나의 카테고리 각각이 상기 휠의 둘레 영역에 각각 소정 범위씩 차지하도록 표시할 수도 있다.
또한, 상기 GUI 아이템 표시단계는, 상기 GUI 아이템에 의해 선택된 컨텐츠의 내용을 표시하는 모드인 프리뷰 모드 또는 컨텐츠의 리스트를 표시하는 모드인 리스트뷰 모드 중 어느 하나로 상기 GUI 아이템을 표시할 수도 있다.
그리고, 상기 GUI 아이템은, 상기 프리뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠의 내용을 표시하는 프리뷰 창을 포함할 수도 있다.
또한, 상기 GUI 아이템은, 상기 프리뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠를 포함한 기설정된 개수의 컨텐츠들을 썸네일 형태로 표시하는 썸네일 리스트를 포함할 수도 있다.
그리고, 상기 GUI 아이템은, 상기 리스트뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠를 포함한 기설정된 개수의 컨텐츠들을 리스트 형태로 표시한 컨텐츠 리스트 창을 포함할 수도 있다.
또한, 상기 선택된 저장매체를 나타내는 아이콘을 표시하는 단계;를 더 포함할 수도 있다 .
한편, 본 발명의 일 실시예에 따른 디바이스는, 컨텐츠들이 저장된 저장부; 적어도 하나의 외부 저장매체가 연결되는 인터페이스부; 및 상기 저장부 또는 적어도 하나의 외부 저장매체 중 어느 하나를 선택하고, 상기 선택된 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 테두리 영역을 따라 각각 소 정 범위씩 차지하도록 표시된 특정 도형을 포함하는 GUI 아이템이 표시되도록 제어하며, 상기 GUI 아이템을 통해 카테고리 및 컨텐츠가 선택되도록 제어하는 제어부;를 포함한다.
그리고, 상기 소정 범위는, 상기 특정 도형의 테두리 영역에서 한 카테고리가 차지하는 범위이고, 상기 제어부는, 상기 저장매체에 저장된 컨텐츠의 총 개수에 대한 상기 한 카테고리의 컨텐츠 개수의 비율에 따라 상기 소정 범위를 결정할 수도 있다.
또한, 상기 제어부는, 상기 컨텐츠의 총 개수에 대한 특정 카테고리의 컨텐츠의 개수의 비율이 임계 비율보다 낮은 경우, 상기 소정범위를 상기 임계 비율에 대응되는 범위로 결정할 수도 있다.
그리고, 상기 특정 도형은 휠이고, 상기 제어부는, 상기 적어도 하나의 카테고리 각각이 상기 휠의 둘레 영역에 각각 소정 범위씩 차지하도록 표시되도록 제어할 수도 있다.
또한, 상기 제어부는, 상기 GUI 아이템에 의해 선택된 컨텐츠의 내용을 표시하는 모드인 프리뷰 모드 또는 컨텐츠의 리스트를 표시하는 모드인 리스트뷰 모드 중 어느 하나로 상기 GUI 아이템을 설정할 수도 있다.
그리고, 상기 GUI 아이템은, 상기 프리뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠의 내용을 표시하는 프리뷰 창을 포함할 수도 있다.
또한, 상기 GUI 아이템은, 상기 프리뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠를 포함한 기설정된 개수의 컨텐츠들을 썸네일 형태로 표 시하는 썸네일 리스트를 포함할 수도 있다.
그리고, 상기 GUI 아이템은, 상기 리스트뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠를 포함한 기설정된 개수의 컨텐츠들을 리스트 형태로 표시한 컨텐츠 리스트 창을 포함할 수도 있다.
또한, 상기 제어부는, 상기 선택된 저장매체를 나타내는 아이콘이 표시되도록 제어할 수도 있다.
한편, 본 발명의 일 실시예에 따른, GUI 제공방법은, 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 둘레 영역을 따라 각각 소정 범위씩 차지하도록 표시된 휠 형상을 포함하는 GUI 아이템을 표시하는 단계; 및 사용자에 의해 입력된 조작에 따라, 상기 GUI 아이템을 통해 카테고리 및 컨텐츠를 선택하는 단계;를 포함한다.
그리고, 상기 GUI 아이템은, 상기 저장매체에 저장된 컨텐츠를 탐색하기 위한 컨텐츠 탐색기일 수도 있다.
본 발명의 다양한 실시예들에 따르면, 선택된 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 테두리 영역을 따라 각각 소정 범위씩 차지하도록 표시된 특정 도형을 포함하고, 사용자에 의해 입력된 조작에 따라 카테고리 및 컨텐츠를 선택하기 위한 GUI 아이템을 표시하는 GUI 제공방법 및 이를 적용한 디바이스를 제공할 수 있게 되어, 디바이스는 더욱 직관적인 컨텐츠 탐색을 위한 GUI를 제공할 수 있게 된다. 특히, 카테고리 휠을 회전시켜 카테고리별 컨텐츠를 선택할 수 있으므로, 사용자는 더욱 쉽게 카테고리별 컨텐츠를 선택할 수 있게 된다.
이하에서는 도면을 참조하여 본 발명을 더욱 상세하게 설명한다.
도 1은 본 발명의 일 실시예에 따른, 디바이스(10)에 휠 형태의 컨텐츠 탐색기(100)가 표시된 화면을 도시한 도면이다. 도 1에 도시된 바와 같이, 사용자가 특정 컨텐츠를 탐색하고자 할 때, 디바이스(10)는 휠 형태의 컨텐츠 탐색기(100)를 화면에 표시하게 된다.
휠 형태의 컨텐츠 탐색기(100)는 휠 형태의 GUI(Graphical User Interface)를 이용하여 저장 매체에 저장된 컨텐츠를 탐색할 수 있는 컨텐츠 검색 툴이다. 휠 형태의 컨텐츠 탐색기(100)는 휠을 터치하여 회전시킴으로써 컨텐츠의 탐색이 수행되므로, 사용자의 터치 조작을 기반으로 구현된 탐색기이다. 따라서, 휠 형태의 컨텐츠 탐색기(100)가 구현되는 디바이스는 사용자의 조작 장치로 터치 스크린을 포함한다.
여기에서, 저장매체는 디바이스(10)에 내장된 저장매체가 될 수 있고, 외부 저장매체가 될 수도 있다. 예를 들어, 내부 저장매체는 디바이스(10) 내부에 장착된 하드 디스크, 메모리 등이 될 수 있고, 외부 저장매체는 CD-ROM, DVD, USB 메모리, 외장 메모리 카드 등이 될 수 있다.
도 1에 도시된 바와 같이, 휠 형태의 컨텐츠 탐색기(100)는 특정 저장 매체에 저장된 컨텐츠들을 카테고리별로 분류하여 표시해준다. 그리고, 휠의 안쪽에는 현재 선택된 파일의 프리뷰가 표시된다.
이와 같은, 휠 형태의 컨텐츠 탐색기(100)를 이용하면, 사용자는 저장 매체에 어떤 카테고리의 파일들이 얼마나 저장되어 있는지를 한눈에 파악할 수 있다.
이와 같은 휠 형태의 컨텐츠 탐색기(100)의 상세한 GUI 구조에 대해서는 도 2a 내지 도 3b를 참고하여 이하에서 상세히 설명한다.
도 2a는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기(100)가 프리뷰 모드일 경우를 도시한 도면이다. 도 2a에 도시된 바와 같이, 휠 형태의 컨텐츠 탐색기(100)는 카테고리 휠(110), 현재 컨텐츠 마크(115), 썸네일(thumbnail) 리스트(120), 프리뷰 창(130), 파일명 표시란(132), 파일크기 표시란(134), 모드전환 아이콘(140), 삭제 아이콘(150), 종료 아이콘(160)을 포함한다.
카테고리 휠(110)은 저장된 컨텐츠의 카테고리별 비율이 시각적으로 표시된 휠 형상의 GUI이다. 즉, 카테고리 휠(110)은 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이, 테두리 영역을 따라 각각 소정 범위씩 차지하도록 표시되어 있다.
여기에서, 소정 범위는, 카테고리 휠(110)의 테두리 영역에서 한 카테고리가 차지하는 범위를 의미한다. 디바이스(10)는 저장매체에 저장된 컨텐츠의 총 개수에 대한 한 카테고리의 컨텐츠 개수의 비율에 따라 소정 범위를 결정한다. 그리고, 디바이스(10)는 카테고리 휠(110)에서 한 카테고리가 대응되는 소정 범위만큼의 영역을 차지하도록 카테고리를 표시한다.
도 2a에 도시된 바와 같이, 카테고리 휠(110)에는 Pictures, Videos, 및 Documents의 3가지 카테고리가 표시되어 있다. 그리고, 카테고리 휠(110) 전체에 대한 각 카테고리가 차지하는 영역의 크기 비율이, 전체 컨텐츠 개수에 대한 각 카테고리에 해당되는 컨텐츠의 개수의 비율을 나타낸다. 예를 들어, 전체 컨텐츠가 100개이고, 사진이 50개, 비디오가 30개, 문서가 20개인 경우, 카테고리 휠(110)은 전체 둘레 중 50%의 영역은 Pictures가 차지하고, 30%의 영역은 Videos가 차지하며, 20%의 영역은 Documents가 차지하도록 구현되어 표시된다.
또한, 특정 카테고리의 컨텐츠의 개수의 비율이 임계비율 이하로 낮은 경우, 디바이스(10)는 해당 카테고리가 카테고리 휠(110)에서 기설정된 임계비율을 차지하도록 표시한다. 다시 말해, 디바이스(10)는 컨텐츠의 총 개수에 대한 특정 카테고리의 컨텐츠의 개수의 비율이 임계 비율보다 낮은 경우, 소정범위를 임계 비율에 대응되는 범위로 결정한다.
예를 들어, 임계비율이 10%인 경우, 특정 카테고리의 컨텐츠의 개수의 비율이 10% 이하이면, 디바이스(10)는 특정 카테고리가 카테고리 휠(110)의 10%를 차지하도록 표시한다. 구체적으로, 임계비율이 10%이고, 전체 컨텐츠가 100개이고, 사진이 50개, 비디오가 49개, 문서가 1개인 경우, 디바이스(10)는 일단 카테고리 휠(110)의 둘레의 10% 영역에 Documents를 표시한다. 그리고, 디바이스(10)는 카테고리 휠(110)의 나머지 90%의 둘레를 50:49로 나누어, 50의 영역에 Pictures를 표시하고, 49의 영역에 Videos를 표시한다. 이는, 특정 카테고리의 개수가 너무 적어서 너무 작게 표시되면, 사용자가 그 특정 카테고리를 터치하기 어려운 상태가 될 수 있으므로, 이를 방지하기 위함이다.
이와 같이, 카테고리 휠(110)은 특정 저장 매체에 저장된 컨텐츠가 어떤 카테고리들에 속하는지, 또한, 각 카테고리별 컨텐츠의 개수가 어느 정도의 비율을 차지하는지를 시각적으로 표시한다. 따라서, 사용자는 카테고리 휠(110)만을 보고도 저장매체에 저장된 컨텐츠들이 몇 가지의 카테고리로 분류되며, 각 카테고리별로 어느 정도의 컨텐츠들이 저장되어 있는지를 한눈에 파악할 수 있게 된다.
또한, 사용자는 카테고리 휠(110)을 터치 조작을 이용하여 회전시켜, 원하는 카테고리가 표시된 영역을 현재 컨텐츠 마크(115)에 위치시킴으로써, 사용자는 원하는 카테고리를 쉽고 직관적으로 선택할 수 있게 된다.
또한, 본 실시예에서, 카테고리 휠(110)이 Pictures, Videos, 및 Documents의 3가지 카테고리를 포함하는 것으로 설명하였으나, 이외에 다른 카테고리로 구성될 수도 있음은 물론이다. 예를 들어, 카테고리의 종류로, 음악 카테고리, 기타 카테고리가 더 포함될 수도 있음은 물론이다.
현재 컨텐츠 마크(115)는 카테고리 휠(110)에서 현재 선택된 컨텐츠의 위치를 표시하는 마크이다. 즉, 현재 컨텐츠 마크(115)는 카테고리 휠(110)을 이용한 컨텐츠 선택의 기준지점이 된다. 도 2a에 도시된 바와 같이, 현재 컨텐츠 마크(115)는 카테고리 휠(110)의 일 측의 썸네일 리스트(120)의 가운데에 표시된다.
썸네일 리스트(120)는 카테고리 휠(110)에 의해 선택된 컨텐츠를 앞뒤의 소정 개수의 컨텐츠와 함께 썸네일 형태로 표시한다. 도 2a에 도시된 바와 같이, 썸네일 리스트(120)는 현재 선택된 컨텐츠의 썸네일이 중심에 표시된다. 그리고, 썸네일 리스트(120)는 현재 선택된 컨텐츠에 앞선 컨텐츠 4개가 현재 컨텐츠의 위에 표시되고 뒤의 컨텐츠 4개가 현재 컨텐츠의 아래에 썸네일 형태로 표시된 것을 확인할 수 있다.
이와 같이, 썸네일 리스트(120)는 현재 선택된 컨텐츠를 중심으로 일정 범위의 컨텐츠를 썸네일 형태로 표시하기 때문에, 사용자는 썸네일 리스트(120)를 이용하여 원하는 컨텐츠를 정밀하게 선택할 수 있게 된다. 다시 말해, 사용자는 카테고리 휠(110)을 이용하여 원하는 컨텐츠의 대략적인 위치를 선택한 후에, 썸네일 리스트(120)를 이용하여 원하는 컨텐츠를 세부적으로 선택할 수 있게 된다.
프리뷰 창(130)은 휠 형태의 컨텐츠 탐색기(100)에 의해 현재 선택된 컨텐츠가 표시되는 창이다. 또한, 프리뷰 창(130)에는 현재 선택된 컨텐츠의 파일명(132)과 파일 사이즈(134)가 파일명 표시란(132)과 파일크기 표시란(134)에 함께 표시될 수도 있다. 디바이스(10)는 현재 선택된 컨텐츠의 내용을 프리뷰 창(130)에 표시하고, 컨텐츠의 파일명과 사이즈를 각각 파일명 표시란(132)과 파일크기 표시란(134)에 표시한다.
구체적으로, 현재 선택된 컨텐츠가 비디오인 경우, 디바이스(10)는 비디오의 한 장면을 프리뷰 창(130)에 표시하거나, 또는 비디오를 프리뷰 창(130)에 재생시킨다. 그리고, 현재 선택된 컨텐츠가 이미지인 경우, 디바이스(10)는 선택된 이미지를 프리뷰 창(130)에 표시한다. 또한, 현재 선택된 컨텐츠가 문서인 경우, 디바이스(10)는 문서의 내용을 프리뷰 창(130)에 표시한다. 그리고, 디바이스(10)는 이외에 다른 종류의 컨텐츠에 대해서도 선택된 컨텐츠의 내용을 프리뷰 창(130)에 표시한다.
모드전환 아이콘(140)은 휠 형태의 컨텐츠 탐색기(100)의 모드를 전환시키는 명령을 입력받기 위한 아이콘이다. 따라서, 사용자가 모드전환 아이콘(140)을 터치하면, 디바이스(10)는 휠 형태의 컨텐츠 탐색기(100)의 모드를 프리뷰(preview) 모드와 리스트뷰(list view) 모드 간에 상호 전환한다. 도 2a의 경우, 휠 형태의 컨텐츠 탐색기(100)의 모드가 프리뷰 모드인 상태이다. 따라서, 사용자가 모드전환 아이콘(140)을 터치하면, 디바이스(10)는 휠 형태의 컨텐츠 탐색기(100)의 모드를 프리뷰 모드에서 리스트뷰 모드로 전환한다.
휠 형태의 컨텐츠 탐색기(100)는 프리뷰(preview) 모드와 리스트뷰(list view) 모드의 두 개의 모드가 있다. 프리뷰 모드는 도 2a에 도시된 형태로 표시되는 모드로, 카테고리 휠(110)의 가운데에 프리뷰 창(130)이 표시되는 모드이다. 그리고, 리스트뷰 모드는 도 2b에 도시된 형태로 표시되는 모드로, 카테고리 휠(110)의 가운데에 컨텐츠 리스트 창(200)이 표시되는 모드로, 추후 도 2b를 참고하여 설명하도록 한다.
이와 같이, 모드전환 아이콘(140)은 휠 형태의 컨텐츠 탐색기(100)의 모드를 프리뷰 모드와 리스트뷰 모드 간에 상호 전환시키는 토글 아이콘에 해당된다.
삭제 아이콘(150)은 현재 선택된 컨텐츠를 삭제하는 명령을 입력받기 위한 아이콘이다. 사용자가 삭제 아이콘(150)을 선택하면, 디바이스(10)는 현재 선택된 컨텐츠를 삭제하게 된다.
종료 아이콘(160)은 휠 형태의 컨텐츠 탐색기(100)를 종료시키는 명령을 입력받기 위한 아이콘이다. 사용자가 종료 아이콘(160)을 선택하면, 디바이스(10)는 휠 형태의 컨텐츠 탐색기(100)를 종료시킨다.
이와 같이, 프리뷰 모드 상태인 휠 형태의 컨텐츠 탐색기(100)는 카테고리 휠(110)의 가운데에 프리뷰 창(130)이 표시되는 형태의 컨텐츠 탐색용 GUI에 해당된다. 또한, 휠 형태의 컨텐츠 탐색기(100)는 썸네일 리스트(120)와 프리뷰 창(130)을 통해 선택된 컨텐츠의 내용을 간략하게 표시하기 때문에, 사용자는 휠 형태의 컨텐츠 탐색기(100)를 이용하여 컨텐츠를 실행시키지 않고도 컨텐츠의 내용을 확인한 후에 원하는 컨텐츠를 선택할 수 있게 된다.
도 2b는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기(100)가 리스트뷰 모드일 경우를 도시한 도면이다. 도 2b에 도시된 바와 같이, 리스트뷰 모드 상태인 휠 형태의 컨텐츠 탐색기(100)는 카테고리 휠(110), 현재 컨텐츠 마크(115), 모드전환 아이콘(140), 종료 아이콘(160) 및 컨텐츠 리스트 창(200)을 포함한다. 도 2b에 대한 이하의 설명에서 도 2a와 중복되는 내용을 설명을 생략한다.
모드전환 아이콘(140)은 휠 형태의 컨텐츠 탐색기(100)의 모드를 전환시키는 명령을 입력받기 위한 아이콘이다. 도 2b의 경우, 휠 형태의 컨텐츠 탐색기(100)의 모드가 리스트뷰 모드인 상태이다. 따라서, 사용자가 모드전환 아이콘(140)을 터치하면, 디바이스(10)는 휠 형태의 컨텐츠 탐색기(100)의 모드를 리스트뷰 모드에서 프리뷰 모드로 전환한다.
컨텐츠 리스트 창(200)은 카테고리 휠(110)의 현재 컨텐츠 마크(115)에 의해 선택된 지점에 해당되는 소정 개수의 컨텐츠들을 리스트 형태로 표시한다. 여기에서, 리스트는 복수개의 항목을 포함하고, 한 항목이 컨텐츠 하나에 해당된다. 그리 고, 리스트의 각 항목에는 해당 컨텐츠의 썸네일, 파일명, 파일크기, 및 삭제 아이콘이 포함되어 있다.
도 2b에 도시된 바와 같이, 컨텐츠 리스트 창(200)은 카테고리 휠(110)에 의해 현재 선택된 컨텐츠에 대한 항목이 중심에 하이라이트(210)로 표시된다. 그리고, 컨텐츠 리스트 창(200)은 현재 선택된 컨텐츠에 앞선 컨텐츠 3개가 현재 컨텐츠의 위에 표시되고 뒤의 컨텐츠 3개가 현재 컨텐츠의 아래에 리스트 형태로 표시된 것을 확인할 수 있다.
이와 같이, 컨텐츠 리스트 창(200)은 현재 선택된 컨텐츠를 중심으로 일정 범위의 컨텐츠를 리스트 형태로 표시하기 때문에, 사용자는 컨텐츠 리스트 창(200)을 이용하여 원하는 컨텐츠를 정밀하게 선택할 수 있게 된다. 다시 말해, 사용자는 카테고리 휠(110)을 이용하여 원하는 컨텐츠의 대략적인 위치를 선택한 후에, 컨텐츠 리스트 창(200)을 이용하여 원하는 컨텐츠를 세부적으로 선택할 수 있게 된다.
지금까지, 도 2a 및 도 2b를 참고하여, 휠 형태의 컨텐츠 탐색기(100)의 GUI 구성을 모드 별로 설명하였다. 이하에서는, 도 3a 및 도 3b를 참고하여, 휠 형태의 컨텐츠 탐색기(100)의 조작방식에 관하여 설명한다.
도 3a는 본 발명의 일 실시예에 따른, 프리뷰 모드 상태인 휠 형태의 컨텐츠 탐색기(100)의 터치 영역을 도시한 도면이다. 도 3a에 도시된 바와 같이, 프리뷰 모드 상태인 휠 형태의 컨텐츠 탐색기(100)는 터치 영역이 A 영역, B 영역, C 영역, D 영역으로 구성된다. 여기에서, 터치 영역은 특정 방식의 터치 조작이 동일한 기능을 수행하는 영역을 의미한다. 따라서, 터치 영역은 특정 터치 조작에 의해 수 행되는 기능을 기준으로 분류된다.
A 영역은 컨텐츠 탐색기(100)를 이동시키거나 확대/축소시키거나 회전시키는 터치 조작을 입력받기 위한 터치 영역이다.
구체적으로, 사용자가 A 영역을 터치하여 드래그 앤 드롭(drag & drop) 조작을 입력하면, 컨텐츠 탐색기(100)는 드래그 앤 드롭 조작이 시작된 지점에서 종료된 지점으로 이동된다. 여기에서, 드래그 앤 드롭 조작은 특정 아이콘을 터치한 상태에서 이동한 후에 터치를 종료하는 조작을 의미한다. 이와 같은, 컨텐츠 탐색기(100)의 이동조작에 관하여는 추후 도 4를 참고하여 상세히 설명한다.
또한, 사용자가 A영역을 두 손가락으로 터치하여 컨텐츠 탐색기(100)의 바깥쪽 방향으로 두 손가락을 패닝(Panning) 하는 조작을 입력하면, 컨텐츠 탐색기(100)는 크기가 확대된다. 그리고, 사용자가 A영역을 두 손가락으로 터치하여 컨텐츠 탐색기(100)의 안쪽 방향으로 두 손가락을 패닝(Panning) 하는 조작을 입력하면, 컨텐츠 탐색기(100)는 크기가 축소된다. 여기에서, 패닝 조작은 손가락으로 특정 지점을 터치한 상태에서 이동하는 터치 조작을 의미한다. 이와 같은, 컨텐츠 탐색기(100)의 확대/축소 조작에 관하여는 추후 도 5a 및 도 5b를 참고하여 상세히 설명한다.
그리고, 사용자가 A영역을 두 손가락으로 터치한 상태에서 시계방향 또는 반시계 방향으로 두 손가락을 패닝(Panning) 하는 조작을 입력하면, 컨텐츠 탐색기(100)는 회전된다. 이와 같은, 컨텐츠 탐색기(100)의 회전 조작에 관하여는 추후 도 6a 및 도 6b를 참고하여 상세히 설명한다.
B 영역은 컨텐츠를 탐색 및 실행하는 터치 조작을 입력받기 위한 터치 영역이다.
구체적으로, 프리뷰 창(130)에 비디오 또는 음악파일이 표시된 상태에서 사용자가 B영역에 탭(tap) 조작을 입력하면, 표시된 비디오 또는 음악파일이 프리뷰 창(130)에서 재생된다. 여기에서, 탭 조작은 특정 지점을 터치했다가 떼는 터치조작을 의미한다.
또한, 프리뷰 창(130)에 선택된 컨텐츠가 표시된 상태에서 사용자가 B영역에 투탭(two tap) 조작을 입력하면, 선택된 컨텐츠가 바탕화면의 별도의 창에 표시된다. 여기에서, 투탭은 탭조작을 짧게 순간에 두 번 입력하는 터치조작을 의미한다.
그리고, 프리뷰 창(130)에 선택된 컨텐츠가 표시된 상태에서 사용자가 B영역에 좌방향 또는 우방향의 플릭(flick) 조작을 입력하면, 이전 컨텐츠가 선택되거나 다음 컨텐츠가 선택된다. 여기에서, 플릭 조작은 책장을 넘기듯이 터치스크린을 터치한 후 특정 방향으로 살짝 이동하면서 떼는 터치 조작을 의미한다. 구체적으로, 사용자가 B영역에 좌방향의 플릭 조작을 입력하면, 프리뷰 창(130)에 이전 컨텐츠가 표시된다. 반면, 사용자가 B영역에 우방향의 플릭 조작을 입력하면, 프리뷰 창(130)에 다음 컨텐츠가 표시된다.
C 영역은 카테고리 휠(110)을 회전시키는 터치 조작을 입력받기 위한 터치영역이다. 사용자가 카테고리 휠(110)을 따라 C영역에 시계방향 또는 반시계방향의 패닝(panning) 조작을 입력하면, 카테고리 휠(110)은 그에 따라 시계방향 또는 반시계방향으로 회전된다.
D 영역은 썸네일 리스트(120)를 제어하는 터치 조작을 입력받기 위한 터치 영역이다.
사용자가 D 영역의 썸네일 리스트(120)에 표시된 컨텐츠들 중 어느 하나에 탭 조작을 입력하면, 탭 조작이 입력된 컨텐츠가 가운데 표시되도록 썸네일 리스트(120)가 재배열된다.
또한, 사용자가 D 영역의 썸네일 리스트(120)에 표시된 컨텐츠들 중 어느 하나에 투탭 조작을 입력하면, 탭 조작이 입력된 컨텐츠는 바탕화면의 별도의 창에서 실행된다.
그리고, 사용자가 D 영역의 썸네일 리스트(120)에 상방향 또는 하방향의 플릭(flick) 조작을 입력하면, 썸네일 리스트(120)는 상방향 또는 하방향으로 스크롤된다.
또한, 사용자가 D 영역의 썸네일 리스트(120)에 표시된 컨텐츠들 중 어느 하나를 바탕화면으로 드래그 앤 드롭하는 조작을 입력하면, 드래그 앤 드롭된 컨텐츠는 바탕화면의 별도의 창에서 실행된다.
이와 같이, 프리뷰 모드 상태인 휠 형태의 컨텐츠 탐색기(100)는 사용자의 터치에 따라 다양한 기능을 제공하게 된다.
도 3b는 본 발명의 일 실시예에 따른, 리스트뷰 모드 상태인 휠 형태의 컨텐츠 탐색기(100)의 터치 영역을 도시한 도면이다. 도 3b에 도시된 바와 같이, 리스트뷰 모드 상태인 휠 형태의 컨텐츠 탐색기(100)는 A영역, B1 영역, 및 C 영역의 터치영역을 포함한다. 도 3b의 A영역과 C영역은 도 3a의 A영역과 C영역과 동일한 기능을 하므로 이에 대한 설명은 생략한다.
B1 영역은 컨텐츠 리스트 창(200)의 컨텐츠를 탐색 및 실행하는 터치 조작을 입력받기 위한 터치영역이다.
사용자가 B1 영역에 상 방향 또는 하 방향으로 패닝(panning) 조작 또는 플릭(flick) 조작을 입력하면, 컨텐츠 리스트 창(200)은 리스트가 상 방향 또는 하 방향으로 스크롤된다.
또한, 사용자가 B1 영역의 컨텐츠 리스트 창(200)에 표시된 컨텐츠들 중 어느 하나를 바탕화면으로 드래그 앤 드롭하는 조작을 입력하면, 드래그 앤 드롭된 컨텐츠는 바탕화면의 별도의 창에서 실행된다.
그리고, 사용자가 B1 영역의 컨텐츠 리스트 창(200)에 표시된 컨텐츠들 중 어느 하나에 투탭 조작을 입력하면, 탭 조작이 입력된 컨텐츠는 바탕화면의 별도의 창에서 실행된다.
이와 같이, 리스트뷰 모드 상태인 휠 형태의 컨텐츠 탐색기(100)는 사용자의 터치에 따라 다양한 기능을 제공하게 된다.
이하에서는, 도 4 내지 도 13을 참고하여, 휠 형태의 컨텐츠 탐색기(100)에 대한 사용자의 터치 조작에 따라 제공되는 기능들에 대해 설명한다.
도 4는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기(100)를 이동시키는 터치조작을 도시한 도면이다.
도 4는 사용자가 A영역(도 3a 참고)에 드래그 앤 드랍 조작을 입력하여, 휠 형태의 컨텐츠 탐색기(100)를 이동시키는 것을 도시하고 있다. 다시 말해, 사용자 가 A영역(도 3a 참고)에 드래그 앤 드랍 조작을 입력하면, 디바이스(10)는 휠 형태의 컨텐츠 탐색기(100)를 드래그앤 드랍이 종료되는 지점으로 이동시키게 된다.
도 5a는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기(100)를 확대시키는 터치조작을 도시한 도면이다. 도 5b는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기를 축소시키는 터치조작을 도시한 도면이다.
도 5a에 도시된 바와 같이, 사용자가 두 손가락으로 A영역의 상부 영역과 하부 영역을 동시에 터치한 상태에서 두 손가락을 카테고리 휠의 바깥쪽 방향으로 이동시키면, 컨텐츠 탐색기(100)는 도 5b처럼 크기가 확대된다.
그리고, 도 5b에 도시된 바와 같이, 사용자가 두 손가락으로 A영역의 상부 영역과 하부 영역을 동시에 터치한 상태에서 두 손가락을 카테고리 휠의 안쪽 방향으로 이동시키면, 컨텐츠 탐색기(100)는 도 5a처럼 크기가 축소된다.
이와 같이, 디바이스(10)는 사용자의 듀얼터치 조작에 따라, 휠 형태의 컨텐츠 탐색기(100)의 크기를 조절한다.
도 6a는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기(100)를 시계방향으로 회전시키는 터치조작을 도시한 도면이다. 그리고, 도 6b는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기(100)가 시계방향으로 회전된 상태를 도시한 도면이다.
도 6a에 도시된 바와 같이, 사용자가 A영역의 좌측 영역과 우측 영역을 두 손가락으로 함께 터치한 상태에서 손가락을 카테고리 휠(110)을 따라 시계방향으로 이동시키면, 휠 형태의 컨텐츠 탐색기(100)는 시계방향으로 회전된다. 이와 같은 조작에 의해, 휠 형태의 컨텐츠 탐색기(100)는 도 6b에 도시된 것과 같이 회전된 상태로 표시된다.
한편, 본 실시예에서는 컨텐츠 탐색기(100)가 시계방향으로 회전되는 것을 설명하였으나, 사용자가 반시계방향으로 터치한 경우 컨텐츠 탐색기(100)도 반시계방향으로 회전되는 것은 물론이다.
이와 같이, 디바이스(10)는 사용자의 듀얼터치 회전조작에 따라, 휠 형태의 컨텐츠 탐색기(100)를 회전시킨다.
이하에서는, 도 7a 내지 도 7d를 참고하여 모드 전환 과정의 일 예에 대해 설명한다. 도 7a는 본 발명의 일 실시예에 따른, 프리뷰 모드에서 'Image 20' 컨텐츠가 선택된 상태의 휠 형태의 컨텐츠 탐색기(100)를 도시한 도면이다. 도 7b는 본 발명의 일 실시예에 따른, 리스트뷰 모드에서 'Image 20' 컨텐츠가 선택된 상태의 휠 형태의 컨텐츠 탐색기(100)를 도시한 도면이다. 도 7c는 본 발명의 일 실시예에 따른, 리스트뷰 모드에서 'Document 01' 컨텐츠가 선택된 상태의 휠 형태의 컨텐츠 탐색기(100)를 도시한 도면이다. 도 7d는 본 발명의 일 실시예에 따른, 프리뷰 모드에서 'Document 01' 컨텐츠가 선택된 상태의 휠 형태의 컨텐츠 탐색기(100)를 도시한 도면이다.
도 7a의 휠 형태의 컨텐츠 탐색기(100)는 프리뷰 모드 상태인 것을 확인할 수 있다. 그리고, 썸네일 리스트(120)는 'Image 20'이 가운데에 표시된 상태이고, 프리뷰 창(130)에도 'Image 20'이 표시된 상태이다. 즉, 휠 형태의 컨텐츠 탐색기(100)는 현재 'Image 20'이라는 컨텐츠를 선택한 상태임을 알 수 있다.
이 상태에서, 사용자가 모드전환 아이콘(140)을 터치하면, 도 7b와 같이, 디바이스(10)는 휠 형태의 컨텐츠 탐색기(100)를 프리뷰 모드에서 리스트뷰 모드로 전환한다. 도 7b에 도시된 바와 같이, 컨텐츠 리스트 창(200)은 'Image 20' 컨텐츠에 하이라이트(210)가 표시된 것을 확인할 수 있다. 즉, 휠 형태의 컨텐츠 탐색기(100)가 프리뷰 모드에서 리스트뷰 모드로 전환되더라도, 선택된 파일은 그대로 유지되는 것을 확인할 수 있다.
또한, 도 7b에 도시된 바와 같이, 사용자가 카테고리 휠(110)을 터치한 상태에서 시계방향으로 카테고리 휠(110)을 따라 패닝 조작을 입력하면, 디바이스(10)는 카테고리 휠(110)을 사용자의 터치 조작에 따라 회전시킨다. 이와 같이, 회전된 후의 휠 형태의 컨텐츠 탐색기(100)는 도 7c에 도시되어 있다.
도 7c에 도시된 바와 같이, 사용자의 카테고리 휠(100) 터치 조작에 의해, 휠 형태의 컨텐츠 탐색기(100)는 선택된 파일이 'Document 01'로 변경된 것을 확인할 수 있다. 도 7c에 도시된 바와 같이, 이 상태에서 사용자가 모드전환 아이콘(140)을 터치하면, 도 7d와 같이, 디바이스(10)는 휠 형태의 컨텐츠 탐색기(100)를 리스트뷰 모드에서 프리뷰 모드로 전환한다.
도 7d에 도시된 바와 같이, 프리뷰 창(200)은 'Document 01' 컨텐츠가 표시된 것을 확인할 수 있다. 즉, 휠 형태의 컨텐츠 탐색기(100)가 리스트뷰 모드에서 프리뷰 모드로 전환되더라도, 선택된 파일은 그대로 유지되는 것을 확인할 수 있다.
이와 같이, 디바이스(10)는 모드전환 아이콘(140)이 터치되면 휠 형태의 컨 텐츠 탐색기(100)의 모드를 전환시키고, 카테고리 휠(110)을 회전시키는 터치가 입력되면 그에 따라 선택된 컨텐츠를 변경한다.
이하에서는, 도 8a 내지 도 8e를 참고하여, 휠 형태의 컨텐츠 탐색기(100)의 프리뷰 모드에서의 조작에 대해 설명한다.
도 8a는 본 발명의 일 실시예에 따른, 'Image 01' 컨텐츠가 선택된 상태에서 사용자가 카테고리 휠(110)을 회전시키는 조작을 입력하는 것을 도시한 도면이다. 도 8b는 본 발명의 일 실시예에 따른, 'Doc 01' 컨텐츠가 선택된 상태에서, 사용자가 썸네일 리스트(120)의 'Doc 02' 컨텐츠에 탭 조작을 입력하는 것을 도시한 도면이다. 도 8c는 본 발명의 일 실시예에 따른, 사용자가 프리뷰 창(100)에 좌방향으로 플릭(flick) 조작을 입력하는 것을 도시한 도면이다. 도 8d는 본 발명의 일 실시예에 따른, 사용자가 썸네일 리스트(120)에 윗방향으로 플릭 조작을 입력하는 것을 도시한 도면이다. 도 8e는 본 발명의 일 실시예에 따른, 'Doc 23' 컨텐츠가 선택된 휠 형태의 컨텐츠 탐색기(100)를 도시한 도면이다.
도 8a에서, 휠 형태의 컨텐츠 탐색기(100)는 'Image 01' 컨텐츠가 선택된 상태임을 확인할 수 있다. 이 때, 사용자가 카테고리 휠(110)을 터치한 상태에서 시계방향으로 카테고리 휠(100)을 따라 패닝 조작을 입력하면, 디바이스(10)는 카테고리 휠(100)을 사용자의 터치 조작에 따라 회전시킨다.
여기에서, 사용자가 반시계방향으로 카테고리 휠(100)을 따라 패닝 조작을 입력하면, 디바이스(10)는 현재 선택된 컨텐츠의 다음 컨텐츠 방향으로 컨텐츠를 스크롤한다. 그리고, 사용자가 시계방향으로 카테고리 휠(100)을 따라 패닝 조작을 입력하면, 디바이스(10)는 현재 선택된 컨텐츠의 이전 컨텐츠 방향으로 컨텐츠를 스크롤한다. 예를 들어, 현재 컨텐츠가 'Image 10'이면, 반시계방향의 패닝 조작이 입력되면 'Image 11'의 방향으로 컨텐츠가 스크롤되고, 시계방향의 패닝 조작이 입력되면 'Image 09'의 방향으로 컨텐츠가 스크롤된다.
사용자의 카테고리 휠(110)의 터치조작 결과, 도 8b와 같이, 휠 형태의 컨텐츠 탐색기(100)에서 선택된 컨텐츠가 'Doc 1'로 변경된 것을 확인할 수 있다. 즉, 사용자는 카테고리 휠(110)을 따라 패닝 조작을 입력함으로써, 카테고리 휠(110)을 회전시켜 원하는 카테고리의 컨텐츠를 선택할 수 있게 된다.
이 상태에서, 도 8b에 도시된 바와 같이, 사용자가 썸네일 리스트(120)의 'Doc 01'의 바로 아래에 표시된 'Doc 02'의 썸네일에 탭 조작을 입력하면, 도 8c에 도시된 바와 같이, 디바이스(10)는 휠 형태의 컨텐츠 탐색기(100)를 'Doc 02'가 선택된 상태로 변경한다.
도 8c에 도시된 바와 같이, 'Doc 02' 컨텐츠가 선택된 상태에서, 사용자가 프리뷰 창(100)에 우방향으로 플릭(flick) 조작을 입력하면, 휠 형태의 컨텐츠 탐색기(100)는 바로 전 컨텐츠를 표시하게 된다. 즉, 'Doc 02' 컨텐츠가 선택된 상태에서 사용자가 프리뷰 창(100)에 우방향으로 플릭(flick) 조작을 입력하면, 도 8d와 같이, 휠 형태의 컨텐츠 탐색기(100)는 'Doc 01'이 선택된 상태가 되는 것이다.
도 8d에 도시된 바와 같이, 'Doc 01' 컨텐츠가 선택된 상태에서 사용자가 썸네일 리스트(120)에 윗방향의 플릭 조작을 입력하면, 디바이스(10)는 썸네일 리스트(120)를 윗방향으로 스크롤하게 된다. 그리고, 디바이스(10)는 썸네일 리스 트(120)가 스크롤되면, 카테고리 휠(110)과 프리뷰 창(130)도 함께 연동시킨다. 즉, 썸네일 리스트(120)가 스크롤되면, 카테고리 휠(110)도 함께 회전되고, 프리뷰 창(130)에는 최종 선택된 컨텐츠라 표시되게 된다.
도 8e에 도시된 바와 같이, 썸네일 리스트(120)가 윗방향으로 스크롤된 결과, 휠 형태의 컨텐츠 탐색기(100)는 'Doc 23'이 선택된 상태가 되었음을 확인할 수 있다.
이와 같이, 사용자는 카테고리 휠(110), 썸네일 리스트(120) 및 프리뷰 창(130)에 터치 조작을 입력하여, 원하는 컨텐츠를 선택할 수 있게 된다.
이하에서는, 도 9a 내지 도 9d를 참고하여, 리스트뷰 모드인 휠 형태의 컨텐츠 탐색기(100)의 컨텐츠를 스크롤하는 과정에 대해 설명한다.
도 9a는 본 발명의 일 실시예에 따른, 사용자가 카테고리 휠(100)을 반시계방향으로 회전시키는 터치조작을 입력하는 것을 도시한 도면이다. 도 9b는 본 발명의 일 실시예에 따른, 컨텐츠 리스트 창(200)이 윗방향으로 스크롤되는 것을 도시한 도면이다. 도 9c는 본 발명의 일 실시예에 따른, 사용자가 컨텐츠 리스트 창(200)에 윗방향의 플릭 조작을 입력하는 것을 도시한 도면이다. 도 9d는 본 발명의 일 실시예에 따른, 'Image_07' 컨텐츠가 선택된 상태인 휠 형태의 컨텐츠 탐색기(100)를 도시한 도면이다.
도 9a의 컨텐츠 탐색기(100)는 리스트뷰 모드 상태이고, 현재 컨텐츠 마크(115)는 카테고리 휠(110)의 'Pictures' 영역에 위치된 것을 확인할 수 있다. 따라서, 컨텐츠 리스트 창(200)에 표시된 컨텐츠들은 카테고리가 'Pictures'에 해당 되는 이미지 컨텐츠들인 것을 확인할 수 있다.
이 상태에서, 사용자가 'Documents' 카테고리의 컨텐츠들을 선택하고 싶을 경우, 사용자는 도 9a에 도시된 바와 같이, 카테고리 휠(110)의 'Documents'영역이 현재 컨텐츠 마크(115)에 위치되도록, 카테고리 휠(110)을 회전시키는 터치조작을 입력하면 된다. 도 9a에 도시된 바와 같이, 사용자가 반시계 방향으로 카테고리 휠(110)을 따라 패닝 조작을 입력하면, 도 9b와 같이, 카테고리 휠(110)의 'Documents' 영역이 현재 컨텐츠 마크(115)에 위치된다. 또한, 도 9a의 터치조작에 의해, 컨텐츠 리스트 창(200)은 도 9b와 같이 윗 방향으로 스크롤되어, 도 9c와 같이, 'Documents' 카테고리에 해당되는 문서 컨텐츠들이 표시된다.
이와 같이, 리스트뷰 모드에서 디바이스(10)는, 카테고리 휠(110)에 대한 반시계 방향의 패닝조작이 입력되면 컨텐츠 리스트 창(200)을 윗방향으로 스크롤시키고, 카테고리 휠(110)에 대한 시계 방향의 패닝조작이 입력되면 컨텐츠 리스트 창(200)을 아랫방향으로 스크롤시킨다.
그리고, 도 9c에 도시된 바와 같이, 사용자가 컨텐츠 리스트 창(200)에 윗 방향의 플릭 조작을 입력하면, 컨텐츠 리스트 창(200)은 윗방향으로 스크롤된다. 그 결과, 도 9d에 도시된 바와 같이, 컨텐츠 리스트 창(200)은 'Image_07' 컨텐츠가 선택된 상태가 된다.
이와 같이, 리스트뷰 모드인 휠 형태의 컨텐츠 탐색기(100)에 대해서, 사용자는 카테고리 휠(110) 및 컨텐츠 리스트 창(200)에 터치 조작을 입력하여, 원하는 컨텐츠를 선택할 수 있게 된다.
이하에서는, 도 10a 내지 도 10d를 참고하여, 컨텐츠를 바탕화면의 별도의 창에서 실행시키는 과정에 대해 설명한다.
도 10a는 본 발명의 일 실시예에 따른, 프리뷰 모드인 휠 형태의 컨텐츠 탐색기(100)에 대해, 사용자가 썸네일 리스트(120)의 'Image 2'를 바탕화면으로 드래그 앤 드롭하는 것을 도시한 도면이다.
도 10a에 도시된 바와 같이, 사용자가 썸네일 리스트(120)의 'Image 02'를 바탕화면으로 드래그 앤 드롭하면, 디바이스(10)는 'Image 02' 컨텐츠를 바탕화면의 별도의 실행창(1010)에서 실행시킨다.
도 10b는 본 발명의 일 실시예에 따른, 프리뷰 모드인 휠 형태의 컨텐츠 탐색기(100)에 대해, 사용자가 프리뷰 창(130)에 투탭 조작을 입력하는 것을 도시한 도면이다.
도 10b에 도시된 바와 같이, 'Image 01' 컨텐츠가 선택된 상태에서 사용자가 프리뷰 창(130)에 투탭 조작을 입력하면, 디바이스(10)는 'Image 01' 컨텐츠를 바탕화면의 별도의 실행창(1020)에서 실행시킨다.
도 10c는 본 발명의 일 실시예에 따른, 리스트뷰 모드인 휠 형태의 컨텐츠 탐색기(100)에 대해, 사용자가 컨텐츠 리스트 창(200)의 'Document 02' 컨텐츠를 바탕화면으로 드래그 앤 드롭하는 것을 도시한 도면이다.
도 10c에 도시된 바와 같이, 사용자가 컨텐츠 리스트 창(200)의 'Document 02'를 바탕화면으로 드래그 앤 드롭하면, 디바이스(10)는 'Document 02' 컨텐츠를 바탕화면의 별도의 실행창(1030)에서 실행시킨다.
도 10d는 본 발명의 일 실시예에 따른, 리스트뷰 모드인 휠 형태의 컨텐츠 탐색기(100)에 대해, 사용자가 컨텐츠 리스트 창(200)의 'Document 04' 컨텐츠에 투탭 조작을 입력하는 것을 도시한 도면이다.
도 10d에 도시된 바와 같이, 사용자가 컨텐츠 리스트 창(200)의 'Document 04'에 투탭 조작을 입력하면, 디바이스(10)는 'Document 04' 컨텐츠를 바탕화면의 별도의 실행창(1040)에서 실행시킨다.
이와 같이, 사용자는 휠 형태의 컨텐츠 탐색기(100)에 드래그 앤 드롭 조작 또는 투탭 조작을 입력하여 원하는 컨텐츠를 별도의 창에서 실행시킬 수도 있다.
이하에서는, 도 11a 및 도 11b를 참고하여, 휠 형태의 컨텐츠 탐색기(100)에 에 컨텐츠를 추가하는 과정에 대해 설명한다.
도 11a는 본 발명의 일 실시예에 따른, 사용자가 바탕화면의 별도의 창에서 실행되고 있는 컨텐츠를 휠 형태의 컨텐츠 탐색기(100)로 드래그 앤 드롭하는 것을 도시한 도면이다. 그리고, 도 11b는 본 발명의 일 실시예에 따른, 드래그 앤 드롭된 컨텐츠가 저장된 상태의 컨텐츠 탐색기(100)를 도시한 도면이다.
도 11a에 도시된 바와 같이, 디바이스(10)의 화면에는 휠 형태의 컨텐츠 탐색기(100)와 'Doc 04'를 실행중인 실행창(1100)이 표시되어 있다. 이 상태에서, 사용자가 실행창(1100)을 터치하여 휠 형태의 컨텐츠 탐색기(100) 안으로 드래그 앤 드랍하면, 실행창(1100)에서 실행 중이었던 컨텐츠 'Doc 04'는 컨텐츠 탐색기(100)에 표시되는 컨텐츠들이 저장된 저장매체에 저장된다. 따라서, 'Doc 04'는 휠 형태의 컨텐츠 탐색기(100)에 표시되는 컨텐츠들에 추가된다.
그리고, 도 11b에 도시된 바와 같이, 휠 형태의 컨텐츠 탐색기(100)는 추가된 'Doc 04'가 선택된 상태로 표시된다. 이를 위해, 도 11a에 비해 도 11b에서는, 휠 형태의 컨텐츠 탐색기(100)의 카테고리 휠(110)이 'Documents' 영역이 선택되도록 회전되었고, 썸네일 리스트(120)도 'Doc 04'가 선택된 상태로 표시되는 것을 확인할 수 있다.
이와 같이, 사용자는 드래그 앤 드롭 조작을 이용하여 바탕화면에서 실행 중이었던 컨텐츠를 휠 형태의 컨텐츠 탐색기(100)로 추가할 수도 있다.
이하에서는, 도 12a 내지 도 12d를 참고하여, 선택된 컨텐츠를 삭제하는 과정에 대해 설명한다.
도 12a는 본 발명의 일 실시예에 따른, 'Image 01'이 선택된 상태에서 사용자가 컨텐츠 삭제 아이콘(150)을 터치하는 것을 도시한 도면이다. 도 12b는 본 발명의 일 실시예에 따른, 삭제 확인 메시지(1200)가 표시된 화면을 도시한 도면이다. 도 12c는 본 발명의 일 실시예에 따른, 삭제 애니메이션(1210)이 표시되는 화면을 도시한 도면이다. 도 12d는 본 발명의 일 실시예에 따른, 'Image 01'이 삭제된 후의 휠 형태의 컨텐츠 탐색기를 도시한 도면이다.
도 12a에 도시된 바와 같이, 휠 형태의 컨텐츠 탐색기(100)는 현재 'Image 01'이 선택된 상태임을 알 수 있다. 이와 같이, 'Image 01'이 선택된 상태에서 사용자가 삭제 아이콘(150)을 터치하면, 현재 선택된 컨텐츠인 'Image 01'의 삭제가 수행된다.
그 결과, 도 12b와 같이, 삭제 확인 메시지(1200)가 컨텐츠 탐색기(100)에 표시된다. 그리고, 사용자가 Yes를 터치하면, 도 12c와 같이, 컨텐츠 탐색기(100)에 삭제가 진행 중임을 나타내는 삭제 애니메이션(1210)이 표시된다.
그리고, 도 12d에 도시된 바와 같이, 컨텐츠 탐색기(100)는 'Image 01'이 삭제되었기 때문에, 그 다음 컨텐츠인 'Image 02'가 선택된 상태가 된다.
이와 같은 과정을 통해, 사용자는 휠 형태의 컨텐츠 탐색기(100)를 이용하여 선택된 컨텐츠를 삭제할 수도 있다.
이와 같이, 디바이스(10)는 휠 형태의 컨텐츠 탐색기(100)를 이용하여 다양한 저장매체에 저장된 컨텐츠들의 탐색 기능을 제공할 수 있다. 저장매체는 디바이스(10)에 내장된 저장매체가 될 수 있고, 외부 저장매체가 될 수도 있다. 예를 들어, 내부 저장매체는 디바이스(10) 내부에 장착된 하드 디스크, 메모리 등이 될 수 있고, 외부 저장매체는 CD-ROM, DVD, USB 메모리, 외장 메모리 카드 등이 될 수 있다. 따라서, 휠 형태의 컨텐츠 탐색기(100)가 현재 표시하고 있는 컨텐츠들이 어느 저장매체에 저장된 컨텐츠들인지를 표시할 필요가 있다.
도 13은 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기(100)에 저장매체 표시 아이콘(1300)이 함께 표시된 화면을 도시한 도면이다.
도 13의 경우, 저장매체 표시 아이콘(1300)으로 USB 메모리가 표시되어 있다. 즉, 휠 형태의 컨텐츠 탐색기(100)가 USB 메모리에 저장된 컨텐츠들을 탐색의 대상으로 하고 있음을 나타내주고 있다. 즉, 저장매체 표시 아이콘(1300)은 휠 형태의 컨텐츠 탐색기(100)가 탐색의 대상으로 하고 있는 컨텐츠들이 저장된 저장매체를 표시해준다.
이와 같이, 저장매체 표시 아이콘(1300)이 휠 형태의 컨텐츠 탐색기(100)와 함께 표시되므로, 사용자는 현재 표시중인 휠 형태의 컨텐츠 탐색기(100)가 어떤 저장매체의 컨텐츠를 표시하고 있는지 쉽게 파악할 수 있게 된다.
지금까지, 휠 형태의 컨텐츠 탐색기(100)의 GUI 구조 및 조작방법에 대해 도 1 내지 도 13을 참고하여 상세히 설명하였다.
이하에서는, 도 14를 참고하여, 휠 형태의 컨텐츠 탐색기(100)에 관한 GUI 제공방법에 대해 설명한다. 도 14는 본 발명의 일 실시예에 따른, GUI 제공방법을 설명하기 위해 제공되는 흐름도이다.
일단, 디바이스(10)는 사용자의 조작에 따라 복수의 저장매체 중 어느 하나를 선택한다(S1410). 여기에서, 저장매체는 디바이스(10)에 내장된 저장매체가 될 수 있고, 외부 저장매체가 될 수도 있다. 예를 들어, 내부 저장매체는 디바이스(10) 내부에 장착된 하드 디스크, 메모리 등이 될 수 있고, 외부 저장매체는 CD-ROM, DVD, USB 메모리, 외장 메모리 카드, 외장형 하드 디스크 등이 될 수 있다.
그리고, 디바이스(10)는 저장매체에 저장된 컨텐츠들의 카테고리가 어떤 종류가 있는지 판단한다(S1420). 예를 들어, 디바이스(10)는 저장매체에 저장된 컨텐츠의 카테고리가 Picture, Video, 및 Document의 3가지 카테고리로 구성된 것으로 판단할 수도 있다.
그 후에, 디바이스(10)는 카테고리별 컨텐츠의 개수 비율이 표시된 휠 형태의 컨텐츠 탐색기(100)를 표시한다(S1430). 휠 형태의 컨텐츠 탐색기(100)는 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 테두리 영역을 따라 각각 소정 범위씩 차지하도록 표시된 카테고리 휠(110)을 포함한다.
디바이스(10)는 사용자의 터치 조작에 따라 휠 형태의 컨텐츠 탐색기(100)를 제어한다(S1440) 그리고, 디바이스(10)는 휠 형태의 탐색기(100)를 통해 사용자에 의해 입력된 조작에 따라 카테고리 및 컨텐츠를 선택하게 된다(S1450).
이와 같은 과정을 통해, 디바이스(10)는 휠 형태의 탐색기(100)를 GUI 형태로 제공하게 된다.
도 15는 본 발명에 적용 가능한 디바이스(10)의 블럭도이다. 도 15에 도시도니 바와 같이, 디바이스(10)는 기능블럭(1510), 인터페이스부(1520), 저장부(1530), 디스플레이부(1540), 조작부(1550) 및 제어부(1560)를 포함한다.
기능 블럭(1510)은 디바이스(10) 본연의 기능을 수행한다. 만약, 디바이스(10)가 테이블탑인 경우 기능 블럭(1510)은 테이블탑 기능을 수행하고, 디바이스(10)가 스마트 보드인 경우 기능 블럭(1510)은 디지털 회의에 필요한 스마트 보드의 기능을 수행한다.
인터페이스부(1520)는 적어도 하나의 외부 저장매체가 연결된다. 예를 들어, 인터페이스부(1520)에는 CD-ROM, DVD, USB 메모리, 외장 메모리 카드, 외장형 하드 디스크 등이 연결될 수도 있다. 그리고, 외부 저장매체에는 복수개의 컨텐츠들이 저장되어 있다.
저장부(1520)는 복수개의 컨텐츠들이 저장된 내부 저장매체이다. 예를 들어, 저장부(1520)는 디바이스(10) 내부에 장착된 하드 디스크, 메모리 등이 될 수도 있다.
디스플레이부(1540)는 입력된 영상을 디스플레이하고, GUI를 디스플레이한다. 구체적으로, 디스플레이부(940)는 도 2a 및 도 2b에 도시된 바와 같은 휠 형태의 컨텐츠 탐색기(100)를 화면에 표시한다.
조작부(1550)는 특정 명령을 입력하기 위한 사용자의 조작을 입력받는다. 예를 들어, 조작부(1550)는 버튼, 휠, 터치스크린 등을 포함할 수 있다. 특히, 조작부(1550)는 휠 형태의 컨텐츠 탐색기(100)를 조작하기 위해 터치스크린을 구비하게 된다.
제어부(1560)는 도 14에 도시된 흐름도의 단계들을 수행함으로써, 디바이스(10)가 휠 형태의 컨텐츠 탐색기(100)를 GUI 아이템 형태로 제공할 수 있게 한다.
구체적으로, 제어부(1560)는 저장부(1530) 또는 적어도 하나의 외부 저장매체 중 어느 하나를 선택하고, 선택된 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 테두리 영역을 따라 각각 소정 범위씩 차지하도록 표시된카테고리 휠(110)을 포함하는 컨텐츠 탐색기(100)가 표시되도록 제어하며, 컨텐츠 탐색기(100) 통해 카테고리 및 컨텐츠가 선택되도록 제어한다.
여기에서, 소정 범위는, 카테고리 휠(110)의 테두리 영역에서 한 카테고리가 차지하는 범위를 의미한다. 제어부(1560)는 저장매체에 저장된 컨텐츠의 총 개수에 대한 한 카테고리의 컨텐츠 개수의 비율에 따라 소정 범위를 결정한다. 그리고, 제어부(1560)는 카테고리 휠(110)에서 한 카테고리가 대응되는 소정 범위만큼의 영역을 차지하도록 카테고리를 표시한다.
또한, 제어부(1560)는 컨텐츠의 총 개수에 대한 특정 카테고리의 컨텐츠의 개수의 비율이 임계 비율보다 낮은 경우, 소정범위를 임계 비율에 대응되는 범위로 결정한다.
그리고, 제어부(1560)는 컨텐츠 탐색기(100)에 의해 선택된 컨텐츠의 내용을 표시하는 모드인 프리뷰 모드 또는 컨텐츠의 리스트를 표시하는 모드인 리스트뷰 모드 중 어느 하나로 컨텐츠 탐색기(100)를 설정한다.
또한, 제어부(1560)는 선택된 저장매체를 나타내는 저장매체 표시 아이콘(1300)이 표시되도록 제어한다.
이외에도, 제어부(1560)는 디바이스(10)가 도 1 내지 도 13을 참고하여 앞서 설명한 휠 형태의 컨텐츠 탐색기(100)의 기능들을 제공하도록 제어한다.
한편, 본 실시예에서 설명한 디바이스(10)는 디스플레이가 구비된 디바이스라면 어느 것이라도 적용될 수 있음은 물론이다. 예를 들어, 디바이스는 테이블 탑, 스마트 보드, TV, 노트북 컴퓨터 등이 될 수 있음은 물론이다.
한편, 본 실시예에 서는, 컨텐츠 탐색기(100)에 포함된 특정 도형이 휠 형상인 것으로 설명하였으나, 이외에 다른 형상의 도형에도 적용될 수 있음은 물론이다.
예를 들어, 디바이스(10)는 카테고리 종류의 개수와 동일한 수의 변을 가진 다각형의 테두리에 각 카테고리를 표시하는 컨텐츠 탐색기(100)를 제공할 수도 있다. 이 경우, 다각형의 각 변의 길이는 해당 카테고리에 대응되는 컨텐츠의 개수에 따라 결정된다.
또한, 이상에서는 본 발명의 바람직한 실시예에 대하여 도시하고 설명하였지만, 본 발명은 상술한 특정의 실시예에 한정되지 아니하며, 청구범위에서 청구하는 본 발명의 요지를 벗어남이 없이 당해 발명이 속하는 기술분야에서 통상의 지식을 가진자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 발명의 기술적 사상이나 전망으로부터 개별적으로 이해되어져서는 안될 것이다.
도 1은 본 발명의 일 실시예에 따른, 디바이스에 휠 형태의 컨텐츠 탐색기가 표시된 화면을 도시한 도면,
도 2a는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기가 프리뷰 모드일 경우를 도시한 도면,
도 2b는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기가 리스트뷰 모드일 경우를 도시한 도면,
도 3a는 본 발명의 일 실시예에 따른, 프리뷰 모드 상태인 휠 형태의 컨텐츠 탐색기의 터치 영역을 도시한 도면,
도 3b는 본 발명의 일 실시예에 따른, 리스트뷰 모드 상태인 휠 형태의 컨텐츠 탐색기의 터치 영역을 도시한 도면,
도 4는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기를 이동시키는 터치조작을 도시한 도면,
도 5a는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기를 확대시키는 터치조작을 도시한 도면,
도 5b는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기를 축소시키는 터치조작을 도시한 도면,
도 6a는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기를 시계방향으로 회전시키는 터치조작을 도시한 도면,
도 6b는 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기가 시계방향 으로 회전된 상태를 도시한 도면,
도 7a는 본 발명의 일 실시예에 따른, 프리뷰 모드에서 'Image 20' 컨텐츠가 선택된 상태의 휠 형태의 컨텐츠 탐색기를 도시한 도면,
도 7b는 본 발명의 일 실시예에 따른, 리스트뷰 모드에서 'Image 20' 컨텐츠가 선택된 상태의 휠 형태의 컨텐츠 탐색기를 도시한 도면,
도 7c는 본 발명의 일 실시예에 따른, 리스트뷰 모드에서 'Document 01' 컨텐츠가 선택된 상태의 휠 형태의 컨텐츠 탐색기를 도시한 도면,
도 7d는 본 발명의 일 실시예에 따른, 프리뷰 모드에서 'Document 01' 컨텐츠가 선택된 상태의 휠 형태의 컨텐츠 탐색기를 도시한 도면,
도 8a는 본 발명의 일 실시예에 따른, 'Image 01' 컨텐츠가 선택된 상태에서 사용자가 카테고리 휠을 회전시키는 조작을 입력하는 것을 도시한 도면,
도 8b는 본 발명의 일 실시예에 따른, 'Doc 01' 컨텐츠가 선택된 상태에서, 사용자가 썸네일 리스트의 'Doc 02' 컨텐츠에 탭 조작을 입력하는 것을 도시한 도면,
도 8c는 본 발명의 일 실시예에 따른, 사용자가 프리뷰 창에 좌방향으로 플릭(flick) 조작을 입력하는 것을 도시한 도면,
도 8d는 본 발명의 일 실시예에 따른, 사용자가 썸네일 리스트에 윗방향으로 플릭 조작을 입력하는 것을 도시한 도면,
도 8e는 본 발명의 일 실시예에 따른, 'Doc 23' 컨텐츠가 선택된 휠 형태의 컨텐츠 탐색기를 도시한 도면,
도 9a는 본 발명의 일 실시예에 따른, 사용자가 카테고리 휠을 반시계방향으로 회전시키는 터치조작을 입력하는 것을 도시한 도면,
도 9b는 본 발명의 일 실시예에 따른, 컨텐츠 리스트 창이 윗방향으로 스크롤되는 것을 도시한 도면,
도 9c는 본 발명의 일 실시예에 따른, 사용자가 컨텐츠 리스트 창에 윗방향의 플릭 조작을 입력하는 것을 도시한 도면,
도 9d는 본 발명의 일 실시예에 따른, 'Image_07' 컨텐츠가 선택된 상태인 휠 형태의 컨텐츠 탐색기를 도시한 도면,
도 10a는 본 발명의 일 실시예에 따른, 프리뷰 모드인 휠 형태의 컨텐츠 탐색기에 대해, 사용자가 썸네일 리스트의 'Image 2'를 바탕화면으로 드래그 앤 드롭하는 것을 도시한 도면,
도 10b는 본 발명의 일 실시예에 따른, 프리뷰 모드인 휠 형태의 컨텐츠 탐색기에 대해, 사용자가 프리뷰 창에 투탭 조작을 입력하는 것을 도시한 도면,
도 10c는 본 발명의 일 실시예에 따른, 리스트뷰 모드인 휠 형태의 컨텐츠 탐색기에 대해, 사용자가 컨텐츠 리스트 창의 'Document 02' 컨텐츠를 바탕화면으로 드래그 앤 드롭하는 것을 도시한 도면,
도 10d는 본 발명의 일 실시예에 따른, 리스트뷰 모드인 휠 형태의 컨텐츠 탐색기에 대해, 사용자가 컨텐츠 리스트 창의 'Document 04' 컨텐츠에 투탭 조작을 입력하는 것을 도시한 도면,
도 11a는 본 발명의 일 실시예에 따른, 사용자가 바탕화면의 별도의 창에서 실행되고 있는 컨텐츠를 휠 형태의 컨텐츠 탐색기로 드래그 앤 드롭하는 것을 도시한 도면,
도 11b는 본 발명의 일 실시예에 따른, 드래그 앤 드롭된 컨텐츠가 저장된 상태의 컨텐츠 탐색기를 도시한 도면,
도 12a는 본 발명의 일 실시예에 따른, 'Image 01'이 선택된 상태에서 사용자가 컨텐츠 삭제 아이콘을 터치하는 것을 도시한 도면,
도 12b는 본 발명의 일 실시예에 따른, 삭제 확인 메시지가 표시된 화면을 도시한 도면,
도 12c는 본 발명의 일 실시예에 따른, 삭제 애니메이션이 표시되는 화면을 도시한 도면,
도 12d는 본 발명의 일 실시예에 따른, 'Image 01'이 삭제된 후의 휠 형태의 컨텐츠 탐색기를 도시한 도면,
도 13은 본 발명의 일 실시예에 따른, 휠 형태의 컨텐츠 탐색기에 저장매체 표시 아이콘이 함께 표시된 화면을 도시한 도면,
도 14는 본 발명의 일 실시예에 따른, GUI 제공방법을 설명하기 위해 제공되는 흐름도,
도 15는 본 발명에 적용 가능한 디바이스의 블럭도이다.
* 도면의 주요한 부분에 대한 부호의 설명 *
10 : 디바이스
100 : 휠 형태의 컨텐츠 탐색기 110 : 카테고리 휠
115 : 현재 컨텐츠 마크 120 : 썸네일 리스트
130 : 프리뷰 창 132 : 파일명 표시란
134 : 파일크기 표시란 140 : 모드전환 아이콘
150 : 삭제 아이콘 160 : 종료 아이콘
200 : 컨텐츠 리스트 창 210 : 하이라이트

Claims (20)

  1. 복수의 저장매체 중 어느 하나를 선택하는 단계;
    상기 선택된 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 테두리 영역을 따라 각각 소정 범위씩 차지하도록 표시된 특정 도형을 포함하고, 사용자에 의해 입력된 조작에 따라 컨텐츠의 카테고리 및 컨텐츠를 선택하기 위한 GUI 아이템을 표시하는 단계; 및
    상기 GUI 아이템을 통해 카테고리 및 컨텐츠를 선택하는 단계;를 포함하는 GUI 제공방법.
  2. 제1항에 있어서,
    상기 소정 범위는,
    상기 특정 도형의 테두리 영역에서 한 카테고리가 차지하는 범위이고, 상기 저장매체에 저장된 컨텐츠의 총 개수에 대한 상기 한 카테고리의 컨텐츠 개수의 비율에 따라 범위가 결정되는 것을 특징으로 하는 GUI 제공방법.
  3. 제2항에 있어서,
    상기 소정 범위는,
    상기 컨텐츠의 총 개수에 대한 특정 카테고리의 컨텐츠의 개수의 비율이 임계 비율보다 낮은 경우, 상기 임계 비율에 대응되는 범위로 결정되는 것을 특징으 로 하는 GUI 제공방법.
  4. 제1항에 있어서,
    상기 특정 도형은 휠이고,
    상기 GUI 아이템 표시단계는,
    상기 적어도 하나의 카테고리 각각이 상기 휠의 둘레 영역에 각각 소정 범위씩 차지하도록 표시하는 것을 특징으로 하는 GUI 제공방법.
  5. 제1항에 있어서,
    상기 GUI 아이템 표시단계는,
    상기 GUI 아이템에 의해 선택된 컨텐츠의 내용을 표시하는 모드인 프리뷰 모드 또는 컨텐츠의 리스트를 표시하는 모드인 리스트뷰 모드 중 어느 하나로 상기 GUI 아이템을 표시하는 것을 특징으로 하는 GUI 제공방법.
  6. 제5항에 있어서,
    상기 GUI 아이템은,
    상기 프리뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠의 내용을 표시하는 프리뷰 창을 포함하는 것을 특징으로 하는 GUI 제공방법.
  7. 제5항에 있어서,
    상기 GUI 아이템은,
    상기 프리뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠를 포함한 기설정된 개수의 컨텐츠들을 썸네일 형태로 표시하는 썸네일 리스트를 포함하는 것을 특징으로 하는 GUI 제공방법.
  8. 제5항에 있어서,
    상기 GUI 아이템은,
    상기 리스트뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠를 포함한 기설정된 개수의 컨텐츠들을 리스트 형태로 표시한 컨텐츠 리스트 창을 포함하는 것을 특징으로 하는 GUI 제공방법.
  9. 제1항에 있어서,
    상기 선택된 저장매체를 나타내는 아이콘을 표시하는 단계;를 더 포함하는 것을 특징으로 하는 GUI 제공방법.
  10. 컨텐츠들이 저장된 저장부;
    적어도 하나의 외부 저장매체가 연결되는 인터페이스부; 및
    상기 저장부 또는 적어도 하나의 외부 저장매체 중 어느 하나를 선택하고, 상기 선택된 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 테두리 영역을 따라 각각 소정 범위씩 차지하도록 표시된 특정 도형을 포함하는 GUI 아이템이 표시되도록 제어하며, 상기 GUI 아이템을 통해 카테고리 및 컨텐츠가 선택되도록 제어하는 제어부;를 포함하는 디바이스.
  11. 제10항에 있어서,
    상기 소정 범위는,
    상기 특정 도형의 테두리 영역에서 한 카테고리가 차지하는 범위이고,
    상기 제어부는,
    상기 저장매체에 저장된 컨텐츠의 총 개수에 대한 상기 한 카테고리의 컨텐츠 개수의 비율에 따라 상기 소정 범위를 결정하는 것을 특징으로 하는 디바이스.
  12. 제11항에 있어서,
    상기 제어부는,
    상기 컨텐츠의 총 개수에 대한 특정 카테고리의 컨텐츠의 개수의 비율이 임계 비율보다 낮은 경우, 상기 소정범위를 상기 임계 비율에 대응되는 범위로 결정하는 것을 특징으로 하는 디바이스.
  13. 제10항에 있어서,
    상기 특정 도형은 휠이고,
    상기 제어부는,
    상기 적어도 하나의 카테고리 각각이 상기 휠의 둘레 영역에 각각 소정 범위 씩 차지하도록 표시되도록 제어하는 것을 특징으로 하는 디바이스.
  14. 제10항에 있어서,
    상기 제어부는,
    상기 GUI 아이템에 의해 선택된 컨텐츠의 내용을 표시하는 모드인 프리뷰 모드 또는 컨텐츠의 리스트를 표시하는 모드인 리스트뷰 모드 중 어느 하나로 상기 GUI 아이템을 설정하는 것을 특징으로 하는 디바이스.
  15. 제14항에 있어서,
    상기 GUI 아이템은,
    상기 프리뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠의 내용을 표시하는 프리뷰 창을 포함하는 것을 특징으로 하는 디바이스.
  16. 제14항에 있어서,
    상기 GUI 아이템은,
    상기 프리뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠를 포함한 기설정된 개수의 컨텐츠들을 썸네일 형태로 표시하는 썸네일 리스트를 포함하는 것을 특징으로 하는 디바이스.
  17. 제14항에 있어서,
    상기 GUI 아이템은,
    상기 리스트뷰 모드로 설정된 경우, 상기 GUI 아이템에 의해 선택된 컨텐츠를 포함한 기설정된 개수의 컨텐츠들을 리스트 형태로 표시한 컨텐츠 리스트 창을 포함하는 것을 특징으로 하는 디바이스.
  18. 제14항에 있어서,
    상기 제어부는,
    상기 선택된 저장매체를 나타내는 아이콘이 표시되도록 제어하는 것을 특징으로 하는 디바이스.
  19. 저장매체에 저장된 컨텐츠들이 속하는 적어도 하나의 카테고리 각각이 둘레 영역을 따라 각각 소정 범위씩 차지하도록 표시된 휠 형상을 포함하는 GUI 아이템을 표시하는 단계; 및
    사용자에 의해 입력된 조작에 따라, 상기 GUI 아이템을 통해 카테고리 및 컨텐츠를 선택하는 단계;를 포함하는 GUI 제공방법.
  20. 제19항에 있어서,
    상기 GUI 아이템은,
    상기 저장매체에 저장된 컨텐츠를 탐색하기 위한 컨텐츠 탐색기인 것을 특징으로 하는 GUI 제공방법.
KR1020090051046A 2009-06-09 2009-06-09 컨텐츠 탐색을 위한 ｇｕｉ 제공방법 및 이를 적용한 디바이스 KR101624157B1 (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020090051046A KR101624157B1 (ko) 2009-06-09 2009-06-09 컨텐츠 탐색을 위한 ｇｕｉ 제공방법 및 이를 적용한 디바이스
PCT/KR2010/003587 WO2010143839A2 (ko) 2009-06-09 2010-06-04 컨텐츠 탐색을 위한 ｇｕｉ 제공방법 및 이를 적용한 디바이스
US13/377,459 US20120079430A1 (en) 2009-06-09 2010-06-04 Method for providing a gui for searching for content, and device adoptiving same

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020090051046A KR101624157B1 (ko) 2009-06-09 2009-06-09 컨텐츠 탐색을 위한 ｇｕｉ 제공방법 및 이를 적용한 디바이스

Publications (2)

Publication Number Publication Date
KR20100132297A true KR20100132297A (ko) 2010-12-17
KR101624157B1 KR101624157B1 (ko) 2016-05-26

Family

ID=43309332

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020090051046A KR101624157B1 (ko) 2009-06-09 2009-06-09 컨텐츠 탐색을 위한 ｇｕｉ 제공방법 및 이를 적용한 디바이스

Country Status (3)

Country Link
US (1) US20120079430A1 (ko)
KR (1) KR101624157B1 (ko)
WO (1) WO2010143839A2 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013154341A1 (ko) * 2012-04-10 2013-10-17 Ahn Jae Seok 모바일 단말에서 디지털 컨텐트를 스크롤하는 방법 및 이를 위한 모바일 단말 장치

Families Citing this family (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9015639B2 (en) 2011-02-11 2015-04-21 Linkedin Corporation Methods and systems for navigating a list with gestures
EP2579582A1 (en) * 2011-10-07 2013-04-10 Research In Motion Limited User interface apparatus, and associated method, for media playback device
KR101812585B1 (ko) * 2012-01-02 2017-12-27 삼성전자주식회사 Ｕｉ 제공 방법 및 이를 적용한 영상 촬영 장치
US20130232449A1 (en) * 2012-03-05 2013-09-05 Trigger Happy, Ltd. Graphical user interface mechanisms
JP5337920B1 (ja) * 2012-04-17 2013-11-06 シャープ株式会社 表示装置、表示装置の制御方法、テレビジョン受像機、制御プログラム、および記録媒体
CN103455238B (zh) * 2012-06-04 2017-04-19 联想(北京)有限公司 一种显示方法及电子设备
KR101899819B1 (ko) * 2012-08-03 2018-09-20 엘지전자 주식회사 이동 단말기 및 그 제어방법
US20140101582A1 (en) * 2012-10-05 2014-04-10 Htc Corporation Mobile communications device, non-transitory computer-readable medium and method of configuring home screen of mobile communications device
EP2717146A1 (en) * 2012-10-05 2014-04-09 HTC Corporation Mobile communications device, non-transitory computer-readable medium and method of configuring home screen of mobile communications device
USD736780S1 (en) * 2012-12-27 2015-08-18 Lenovo (Beijing) Co., Ltd. Display screen or portion thereof with animated graphical user interface
USD745015S1 (en) 2012-12-27 2015-12-08 Lenova (Beijing) Co., Ltd. Display screen or portion thereof with animated graphical user interface
USD749606S1 (en) * 2012-12-27 2016-02-16 Lenovo (Beijing) Co., Ltd. Display screen with graphical user interface
KR102081927B1 (ko) * 2013-01-10 2020-02-26 엘지전자 주식회사 동영상 디스플레이 장치 및 그 제어 방법
KR102065596B1 (ko) * 2013-02-08 2020-01-13 엘지전자 주식회사 사용자 인터페이스 장치 및 제어방법
KR20150047935A (ko) * 2013-10-25 2015-05-06 삼성전자주식회사 다중 의료 영상을 표시하는 방법 및 이를 수행하기 위한 의료 영상 기기
US9906751B2 (en) 2013-12-06 2018-02-27 Opentv, Inc. User interface techniques for television channel changes
US10984057B2 (en) 2014-09-23 2021-04-20 Interdigital Madison Patent Holdings, Sas Method and apparatus for search query formulation
JP7129248B2 (ja) * 2018-07-05 2022-09-01 フォルシアクラリオン・エレクトロニクス株式会社 情報制御装置、及び表示変更方法

Family Cites Families (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6448987B1 (en) * 1998-04-03 2002-09-10 Intertainer, Inc. Graphic user interface for a digital content delivery system using circular menus
US6549219B2 (en) * 1999-04-09 2003-04-15 International Business Machines Corporation Pie menu graphical user interface
KR20000012309A (ko) * 1999-11-23 2000-03-06 고성민 원형방사식 인터넷 분류 검색방법
US7254785B2 (en) * 2000-02-17 2007-08-07 George Reed Selection interface system
US7692653B1 (en) * 2001-10-01 2010-04-06 Versata Development Group, Inc. System and method for presenting statistics
US7111788B2 (en) * 2002-04-22 2006-09-26 Nokia Corporation System and method for navigating applications using a graphical user interface
US7519223B2 (en) * 2004-06-28 2009-04-14 Microsoft Corporation Recognizing gestures and using gestures for interacting with software applications
US7721311B2 (en) * 2004-09-24 2010-05-18 Canon Kabushiki Kaisha Displaying EPG information on a digital television
US7992102B1 (en) * 2007-08-03 2011-08-02 Incandescent Inc. Graphical user interface with circumferentially displayed search results
WO2007097526A1 (en) * 2006-02-20 2007-08-30 Sun-Kwon Kim Method for providing hierarchical ring menu for graphic user interface and apparatus thereof
JP2007287135A (ja) 2006-03-20 2007-11-01 Denso Corp 画像表示制御装置および画像表示制御装置用のプログラム
KR20080048795A (ko) * 2006-11-29 2008-06-03 삼성전자주식회사 프로그램 가이드 제공방법 및 이를 적용한 영상표시장치
JP4296521B2 (ja) * 2007-02-13 2009-07-15 ソニー株式会社 表示制御装置、表示制御方法、およびプログラム
KR101376894B1 (ko) * 2007-02-28 2014-03-20 엘지전자 주식회사 이동통신단말기의 다이얼링 방법 및 터치스크린을 구비한이동통신단말기
US7941765B2 (en) * 2008-01-23 2011-05-10 Wacom Co., Ltd System and method of controlling variables using a radial control menu
US20100131881A1 (en) * 2008-10-20 2010-05-27 Jayasenan Sundara Ganesh Apparatus and Method for Data Search and Organization
US8601389B2 (en) * 2009-04-30 2013-12-03 Apple Inc. Scrollable menus and toolbars

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013154341A1 (ko) * 2012-04-10 2013-10-17 Ahn Jae Seok 모바일 단말에서 디지털 컨텐트를 스크롤하는 방법 및 이를 위한 모바일 단말 장치

Also Published As

Publication number Publication date
US20120079430A1 (en) 2012-03-29
WO2010143839A3 (ko) 2011-04-21
WO2010143839A2 (ko) 2010-12-16
KR101624157B1 (ko) 2016-05-26

Similar Documents

Publication Publication Date Title
KR101624157B1 (ko) 컨텐츠 탐색을 위한 ｇｕｉ 제공방법 및 이를 적용한 디바이스
CN106537317B (zh) 应用窗口的自适应大小调整和定位
JP6153868B2 (ja) アイテムをディスプレーする方法及び装置
US8736557B2 (en) Electronic device with image based browsers
CN106662964B (zh) 应用窗口的动态联合划分器
EP3175340B1 (en) Assisted presentation of application windows
DK202070636A8 (en) Devices, methods, and graphical user interfaces for interacting with user interface objects corresponding to applications
US20180052578A1 (en) Information processing apparatus, information processing method, and program
TWI570580B (zh) 巡覽一瀏覽器中之複數個內容項目的方法、電腦系統及電腦程式產品
KR101191574B1 (ko) 이미지 기반 브라우징을 이용하는 미디어 재생기
RU2530301C2 (ru) Прокручиваемые меню и панели инструментов
JP5414764B2 (ja) 入力制御装置、入力制御方法、及び入力制御プログラム
US20130100051A1 (en) Input control device, input control method, and input control program for controlling display target upon receiving input on display screen of display device
KR20110113777A (ko) 정보 디스플레이
JP2013521547A (ja) マルチスクリーンのホールド及びページフリップジェスチャー
US20140189594A1 (en) Electronic device and display method
EP4231126A2 (en) Devices, methods, and graphical user interfaces for interacting with user interface objects
JP5470350B2 (ja) 入力制御装置、入力制御方法、及び入力制御プログラム
US20170083212A1 (en) Application program preview interface and operation method thereof
KR100842089B1 (ko) 3차원 사용자 인터페이스를 제공하는 전자장치 및 그 방법
KR20110020647A (ko) Ｕｉ 제공방법 및 이를 적용한 멀티미디어 기기
KR20150107255A (ko) 이동통신 단말기의 사용자 인터페이스 제공 방법

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E90F Notification of reason for final refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant