KR20160049455A - 스크롤바를 이용한 이미지 디스플레이 방법 및 이를 위한 장치 - Google Patents

스크롤바를 이용한 이미지 디스플레이 방법 및 이를 위한 장치 Download PDF

Info

Publication number
KR20160049455A
KR20160049455A KR1020150133875A KR20150133875A KR20160049455A KR 20160049455 A KR20160049455 A KR 20160049455A KR 1020150133875 A KR1020150133875 A KR 1020150133875A KR 20150133875 A KR20150133875 A KR 20150133875A KR 20160049455 A KR20160049455 A KR 20160049455A
Authority
KR
South Korea
Prior art keywords
window
user input
sub
image
main window
Prior art date
Application number
KR1020150133875A
Other languages
English (en)
Other versions
KR102462364B1 (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 US14/923,984 priority Critical patent/US10579248B2/en
Publication of KR20160049455A publication Critical patent/KR20160049455A/ko
Application granted granted Critical
Publication of KR102462364B1 publication Critical patent/KR102462364B1/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/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/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
    • 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/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
    • H04M1/72522—
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M2201/00—Electronic components, circuits, software, systems or apparatus used in telephone systems
    • H04M2201/42—Graphical user interfaces
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M2250/00—Details of telephonic subscriber devices
    • H04M2250/22—Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector

Abstract

화면 상에 이미지를 디스플레이하기 위한 메인 윈도우를 디스플레이하고, 이미지 중 메인 윈도우 상에 디스플레이될 영역을 선택하기 위한 사용자 인터페이스 및 사용자 인터페이스를 통해 선택된 제 1 부분 이미지를 메인 윈도우 상에 디스플레이하는 디스플레이부, 사용자 인터페이스 상의 지점을 선택하는 사용자 입력을 수신하는 사용자 입력부, 및 사용자 인터페이스 상의 지점을 선택하는 사용자 입력이 수신됨에 따라, 이미지 중 선택된 지점에 대응하는 제 2 부분 이미지를 나타내는 서브 윈도우를, 제 1 부분 이미지가 디스플레이된 메인 윈도우 상에 디스플레이하도록 디스플레이부를 제어하는 제어부를 포함하는, 일 실시예에 따른 디바이스가 개시된다.

Description

스크롤바를 이용한 이미지 디스플레이 방법 및 이를 위한 장치 {METHOD OF DISPLAYING AN IMAGE BY USING A SCROLL BAR AND APPARATUS THEREOF}
본 개시는, 스크롤바를 이용하여 이미지의 프리뷰를 디스플레이하는 방법 및 이를 위한 장치에 관한 것이다.
최근에, 디바이스들에 의해 제공될 수 있는 서비스들과 부가적인 기능들은 점점 다양화되고 있다. 사용자 경험을 향상시키기 위해, 다양한 기능들 및 모듈들은 디바이스들로 결합되고 있다.
사용자들의 요구를 충족시키기 위해서, 현재 디바이스들의 화면 사이즈들은 점점 커지는 경향이 있으며, 따라서, 동일한 이미지 안에 보다 많은 콘텐트들을 디스플레이한다. 그러나, 화면들이 크더라도, 사용자의 시각 경험을 유지하는 동안 콘텐트들이 완전하게 하나의 이미지에 디스플레이될 수는 없다.
하나의 이미지에 완전하게 디스플레이될 수 없는 콘텐트들 때문에 현존하는 디바이스들은 페이징 디스플레이 방법을 사용한다. 따라서, 사용자는 스크롤바 또는 화면을 슬라이딩하는 동작을 함으로써 페이지들을 넘길 수 있다.
페이지들을 넘기기 위해 화면을 슬라이딩하더라도, 사용자는 스스로 원하는 콘텐트를 찾기 위해, 계속적으로 화면을 슬라이드할 필요가 있다. 게다가 사용자는 다른 메뉴로 직접 진입하기 위해 화면을 슬라이딩하는 프로세스에서, 관련 없는 콘텐트를 실수로 클릭할 수 있어, 결과적으로 원하는 콘텐트에 대한 검색의 효율성이 매우 낮을 수 있다.
일부 실시예는, 화면에 디스플레이된 이미지를 스크롤링하지 않더라도 화면에 디스플레이되지 않은 영역을 프리뷰할 수 있는 장치 및 방법을 제공할 수 있다.
상술한 기술적 과제를 달성하기 위한 기술적 수단으로서, 본 개시의 제 1 측면은, 화면 상에 이미지를 디스플레이하기 위한 메인 윈도우를 디스플레이하고, 이미지 중 메인 윈도우 상에 디스플레이될 영역을 선택하기 위한 사용자 인터페이스 및 사용자 인터페이스를 통해 선택된 제 1 부분 이미지를 메인 윈도우 상에 디스플레이하는 디스플레이부, 사용자 인터페이스 상의 지점을 선택하는 사용자 입력을 수신하는 사용자 입력부, 및 사용자 인터페이스 상의 지점을 선택하는 사용자 입력이 수신됨에 따라, 이미지 중 선택된 지점에 대응하는 제 2 부분 이미지를 나타내는 서브 윈도우를, 제 1 부분 이미지가 디스플레이된 메인 윈도우 상에 디스플레이하도록 디스플레이부를 제어하는 제어부를 포함하는, 디바이스를 제공할 수 있다.
또한, 제어부는, 서브 윈도우가 디스플레이된 상태에서, 사용자 인터페이스 상의 지점을 선택하는 사용자 입력이 수신되지 않음에 따라, 서브 윈도우가 디스플레이되지 않도록 디스플레이부를 제어할 수 있다.
또한, 사용자 입력부는, 서브 윈도우를 메인 윈도우에 고정시키는 사용자 입력을 수신하고, 제어부는, 서브 윈도우를 메인 윈도우에 고정시키는 사용자 입력을 수신함에 따라, 서브 윈도우를 메인 윈도우에 고정시키는 사용자 입력이 수신된 시점에 서브 윈도우 상에 디스플레이된 제 2 부분 이미지를 계속하여 디스플레이할 수 있다.
또한, 사용자 입력부는, 서브 윈도우를 선택하는 사용자 입력을 수신하고, 제어부는, 서브 윈도우가 선택됨에 따라, 서브 윈도우를 삭제하고, 서브 윈도우 상에 디스플레이된 제 2 부분 이미지를 메인 윈도우 상에 디스플레이하도록 디스플레이부를 제어할 수 있다.
또한, 제 2 부분 이미지는 사용자 인터페이스 객체를 포함하고, 사용자 입력부는, 서브 윈도우 상에서, 사용자 인터페이스 객체를 선택하는 사용자 입력을 수신하고, 제어부는, 선택된 사용자 인터페이스 객체에 기초하여, 사용자 인터페이스 객체에 대응하는 기능을 실행할 수 있다.
또한, 사용자 입력부는, 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신하고, 제어부는, 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신함에 따라, 메인 윈도우를 제 1 메인 윈도우로, 서브 윈도우를 제 2 메인 윈도우로 변경하고, 제 1 메인 윈도우 및 제 2 메인 윈도우를 함께 디스플레이하도록 디스플레이부를 제어할 수 있다.
또한, 디스플레이부는, 선택된 지점을 나타내는 마커를 선택된 지점 상에 디스플레이할 수 있다.
또한, 사용자 인터페이스 상의 지점을 선택하는 사용자 입력은, 근접 터치 및 마우스 오버 중 적어도 하나를 포함할 수 있다.
또한, 사용자 인터페이스는 이미지 내에서의 제 1 부분 이미지의 위치를 나타내는 슬라이더를 포함하고, 사용자 입력부는, 슬라이더를 선택하고, 선택된 슬라이더를 사용자 인터페이스 상에서 이동시키는 제 2 사용자 입력을 수신하고, 제어부는, 슬라이더가 사용자 인터페이스 상에서 이동됨에 따라, 이미지 중 메인 윈도우에 디스플레이되는 영역을 변경하도록 디스플레이부를 제어할 수 있다.
또한, 이미지는, 아이템 목록, 웹 페이지 및 전자 문서 중 적어도 하나를 포함할 수 있다.
또한, 본 개시의 제 2 측면은, 화면 상에 이미지를 디스플레이하기 위한 메인 윈도우를 디스플레이하는 단계, 이미지 중 메인 윈도우 상에 디스플레이될 영역을 선택하기 위한 사용자 인터페이스 및 사용자 인터페이스를 통해 선택된 제 1 부분 이미지를 메인 윈도우 상에 디스플레이하는 단계, 사용자 인터페이스 상의 지점을 선택하는 사용자 입력을 수신하는 단계, 및 사용자 인터페이스 상의 지점을 선택하는 사용자 입력이 수신됨에 따라, 이미지 중 선택된 지점에 대응하는 제 2 부분 이미지를 나타내는 서브 윈도우를, 제 1 부분 이미지가 디스플레이된 메인 윈도우 상에 디스플레이하는 단계를 포함하는, 이미지 디스플레이 방법을 제공할 수 있다.
또한, 이미지 디스플레이 방법은, 서브 윈도우가 디스플레이된 상태에서, 사용자 인터페이스 상의 지점을 선택하는 사용자 입력이 수신되지 않음에 따라, 서브 윈도우를 디스플레이하지 않는 단계를 더 포함할 수 있다.
또한, 이미지 디스플레이 방법은, 서브 윈도우를 메인 윈도우에 고정시키는 사용자 입력을 수신하는 단계, 및 서브 윈도우를 메인 윈도우에 고정시키는 사용자 입력을 수신함에 따라, 서브 윈도우를 메인 윈도우에 고정시키는 사용자 입력이 수신된 시점에 서브 윈도우 상에 디스플레이된 제 2 부분 이미지를 계속하여 디스플레이하는 단계를 더 포함할 수 있다.
또한, 이미지 디스플레이 방법은, 서브 윈도우를 선택하는 사용자 입력을 수신하는 단계, 및 서브 윈도우가 선택됨에 따라, 서브 윈도우를 삭제하고, 서브 윈도우 상에 디스플레이된 제 2 부분 이미지를 메인 윈도우 상에 디스플레이하는 단계를 더 포함할 수 있다.
또한, 제 2 부분 이미지는 사용자 인터페이스 객체를 포함하고, 이미지 디스플레이 방법은, 서브 윈도우 상에서, 사용자 인터페이스 객체를 선택하는 사용자 입력을 수신하는 단계, 및 선택된 사용자 인터페이스 객체에 기초하여, 사용자 인터페이스 객체에 대응하는 기능을 실행하는 단계를 더 포함할 수 있다.
또한, 이미지 디스플레이 방법은, 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신하는 단계, 및 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신함에 따라, 메인 윈도우를 제 1 메인 윈도우로, 서브 윈도우를 제 2 메인 윈도우로 변경하고, 제 1 메인 윈도우 및 제 2 메인 윈도우를 함께 디스플레이하는 단계를 더 포함할 수 있다.
또한, 이미지 디스플레이 방법은, 선택된 지점을 나타내는 마커를 선택된 지점 상에 디스플레이하는 단계를 더 포함할 수 있다.
또한, 사용자 인터페이스 상의 지점을 선택하는 사용자 입력은, 근접 터치 및 마우스 오버 중 적어도 하나를 포함할 수 있다.
또한, 사용자 인터페이스는 이미지 내에서의 제 1 부분 이미지의 위치를 나타내는 슬라이더를 포함하고, 이미지 디스플레이 방법은, 슬라이더를 선택하고, 선택된 슬라이더를 사용자 인터페이스 상에서 이동시키는 제 2 사용자 입력을 수신하는 단계, 및 슬라이더가 사용자 인터페이스 상에서 이동됨에 따라, 이미지 중 메인 윈도우에 디스플레이되는 영역을 변경하는 단계를 더 포함할 수 있다.
또한, 이미지는, 아이템 목록, 웹 페이지 및 전자 문서 중 적어도 하나를 포함할 수 있다.
또한, 본 개시의 제 3 측면은, 제 11 항 내지 제 20 항 중 어느 한 항에 의한 방법을 수행하기 위한 프로그램이 기록된 컴퓨터로 읽을 수 있는 기록매체를 제공할 수 있다.
도 1은 본 개시의 일 실시예에 따른, 디바이스가 콘텐트 프리뷰 기능을 제공하는 방법을 설명하기 위한 도면이다.
도 2는 본 개시의 일 실시예에 따른, 디바이스가 콘텐트 프리뷰 기능을 제공하는 방법을 나타내는 흐름도이다.
도 3은 본 개시의 일 실시예에 따른, 디바이스가 사용자 입력에 기초하여, 팝업 윈도우를 화면에 고정시키거나, 삭제하는 방법을 설명하기 위한 방법이다.
도 4는 본 개시의 일 실시예에 따른, 디바이스가 팝업 윈도우 상에 디스플레이된 정보를 메인 윈도우로 스위칭하는 방법을 설명하기 위한 도면이다.
도 5는 본 개시의 일 실시예에 따른, 디바이스가 팝업 윈도우을 메인 윈도우로 변경하여 디스플레이하는 방법을 설명하기 위한 도면이다.
도 6은 본 개시의 일 실시예에 따른, 디바이스가 팝업 윈도우 상에서 기능을 실행하는 방법을 설명하기 위한 도면이다.
도 7은 본 개시의 일 실시예에 따른, 디바이스가 콘텐트 프리뷰 기능을 이용하여 입력되지 않은 입력 필드를 디스플레이하는 방법을 나타내는 도면이다.
도 8은 본 개시의 일 실시예에 따른 콘텐트 프리뷰 기능을 제공하는 디바이스의 블록도이다.
도 9은 본 개시의 일 실시예에 따른, 디바이스 내의 콘텐트 프리뷰 기능을 제공하는 프로세서를 설명하는 흐름도이다.
도 10는 본 개시의 일 실시 예에 따른 디바이스의 구성을 나타내는 블록도이다.
도 11는 본 개시의 다른 실시 예에 따른 디바이스의 구성을 나타내는 블록도이다.
본 개시의 실시예들은 관련된 도면을 참조하여 아래에서 자세히 개시될 것이다. 본 개시가 설명될 때, 본 개시의 핵심을 모호하게 하는 일반적으로 알려진 기능들 또는 구조들에 대한 상세한 설명은 생략될 수 있다.
본 개시의 디바이스는, 스크롤바 상에서 서스펜션 이벤트가 들렸을 때, 서브 윈도우를 통해 서스펜션 입력 포인트에 대응하는 위치의 콘텐트 정보를 디스플레이하기 위해 콘텐트 프리뷰 기능을 제공할 수 있다. 이 때, 스크롤바는 디바이스의 이미지 내의 오른쪽 또는 아래쪽에 디스플레이될 수 있거나, 또는 그러한 위치들에서 감춰질 수 있다. 즉, 본 개시는 스크롤바가 디스플레이되거나 감춰지거나 생략되는 경우에, 본 개시는 적용될 수 있다. 다음의 예시적인 실시예에서, 설명의 편의를 위해, 스크롤바가 항상 디스플레이되는 상황이 하나의 예로써 가정될 수 있다.
더 나아가, 본 개시의 디바이스는 모바일 폰, 스마트 폰, 패널 컴퓨터, 멀티미디어 플레이어, 휴대용 컴퓨터, PDA 등의 전자 장치들일 수 있다.
도 1은 본 개시의 일 실시예에 따른, 디바이스(100)가 콘텐트 프리뷰 기능을 제공하는 방법을 설명하기 위한 도면이다.
도 1을 참조하면, 디바이스(100)는 콘텐트 프리뷰 기능을 제공할 수 있다.
예를 들어, 디바이스(100)는 화면 상에 이미지를 디스플레이하기 위한 메인 윈도우(5)를 디스플레이할 수 있다. 이미지는 아이템 목록, 웹 페이지 및 전자 문서 중 적어도 하나를 포함할 수 있으나, 이에 제한되지 않는다.
메인 윈도우(5)는 이미지 디스플레이 영역(3) 및 메뉴 영역(2)으로 구성될 수 있다. 메인 윈도우(5)에 디스플레이될 이미지의 크기가 메인 윈도우(5) 상의 이미지 디스플레이 영역(3)의 크기 보다 클 때, 메인 윈도우(5) 상에 디스플레이될 영역을 선택하기 위한 스크롤바(10) 및 스크롤바(10)를 통해 선택된 제 1 부분 이미지를 메인 윈도우(5) 내의 이미지 디스플레이 영역(3)에 디스플레이할 수 있다.
이미지의 크기는 이미지 전체를 디스플레이하기 위해 필요한 화면내의 픽셀의 개수를 의미할 수 있다. 예를 들어, 글자 또는 이미지를 확대하는 사용자 입력을 수신함에 따라, 이미지의 크기는 이미지 디스플레이 영역(3)의 크기 보다 커질 수 있으며, 글자 또는 이미지를 축소하는 사용자 입력을 수신함에 따라, 이미지의 크기는 이미지 디스플레이 영역(3)의 크기 보다 작아질 수 있다.
도 1에서, 이미지는 디바이스(100)에 저장된 복수의 연락처가 위에서 아래로 정렬된 이미지일 수 있으며, 제 1 부분 이미지는 복수의 연락처 중 일부 연락처를 나타내는 이미지일 수 있다. 명세서 전체에서 이미지의 부분 이미지는 뷰로써 언급될 수 있다.
스크롤바(10)는 제 1 부분 이미지를 선택하기 위한 슬라이더(12)를 포함할 수 있다. 스크롤바(10)의 길이는 이미지의 전체 길이에 대응될 수 있으며, 디바이스(100)는 스크롤바(10) 상에서의 슬라이더(12)의 위치가 이미지 전체에서의 제 1 부분 이미지의 위치에 대응되도록, 제 1 부분 이미지를 결정할 수 있다.
예를 들어, 슬라이더(12)를 선택하고, 선택된 슬라이더(12)를 스크롤바(10) 상에서 이동시키는 사용자 입력을 수신함에 따라, 이미지 중 메인 윈도우(5)에 디스플레이되는 영역을 변경할 수 있다. 예를 들어, 슬라이더(12)를 아래로 내리는 사용자 입력을 수신함에 따라, 이미지 내의 연락처 중 메인 윈도우(5)에 현재 디스플레이된 연락처들의 아래에 위치하는 연락처들을 차례대로 디스플레이할 수 있다.
디바이스(100)는 스크롤바(10) 상의 제 1 지점(13)을 선택하는 사용자 입력을 수신할 수 있다. 스크롤바(10) 상의 제 1 지점(13)을 선택하는 사용자 입력은 근접 터치 입력 또는 마우스 오버 입력일 수 있으나, 이에 제한되지 않는다. 근접 터치는 손가락 또는 터치 펜을 화면에 직접 터치하지 않고, 화면으로부터 일정 거리(예를 들어, 0,5 cm) 내에 위치시킴으로써 화면 내의 지점 또는 영역을 선택하는 입력을 의미할 수 있다. 또한, 마우스 오버는 디바이스(100)에 구비된 마우스를 움직여 화면의 특정 지점에 커서를 위치시킴으로써 화면 내의 지점 또는 영역을 선택하는 입력을 의미할 수 있다.
명세서 전체에서 스크롤바(10) 상의 제 1 지점(13)을 선택하는 사용자 입력은 플로팅 입력으로 언급될 수 있다. 또한, 스크롤바(10) 상의 제 1 지점(13)을 선택하는 사용자 입력이 수신됨에 따라, 디바이스(100)는 서스펜션 이벤트가 발생된 것으로 결정할 수 있다. 또한, 명세서 전체에서, 근접 터치 또는 마우스 오버를 통해 선택된 지점은 서스펜션 입력 포인트로 언급될 수 있다.
스크롤바(10) 상의 제 1 지점(13)을 선택하는 사용자 입력이 수신됨에 따라, 디바이스(100)는 선택된 제 1 지점(13)에 대응하는 제 2 부분 이미지를 결정하고, 결정된 제 2 부분 이미지를 나타내는 서브 윈도우(14)를, 제 1 부분 이미지가 디스플레이된 메인 윈도우(5) 상에 디스플레이할 수 있다. 이 경우, 디바이스(100)는 스크롤바(10) 상에서의 제 1 지점(13)의 위치가 이미지 전체에서의 제 2 부분 이미지의 위치에 대응되도록, 제 2 부분 이미지를 결정할 수 있다. 이에 따라, 제 2 부분 이미지는, 슬라이더(12)가 선택된 제 1 지점(13)에 위치할 때, 메인 윈도우 상에 디스플레이될 부분 이미지일 수 있다.
또한, 디바이스(100)는 스크롤바(10)의 전체 길이에 대한, 스크롤바(10)의 시작점부터 슬라이더(12)가 위치하는 지점까지의 길이의 비율을 슬라이더(12) 상에 표시할 수 있으며, 스크롤바(10)의 전체 길이에 대한 스크롤바(10)의 시작점부터 제 1 지점(13)까지의 길이의 비율을 제 1 지점(13) 상에 표시할 수 있다.
명세서 전체에서, 제 1 부분 이미지는 현재 뷰로써 언급될 수 있으며, 제 2 부분 이미지는 타켓 뷰로써 언급될 수 있다. 또한, 실시예에 따라, 서브 윈도우(14)는 팝업 윈도우로 언급될 수 있다.
스크롤바(10) 상에서 근접 터치의 위치를 변경하는 사용자 입력을 수신함에 따라, 디바이스(100)는 근접 터치된 위치에 대응하는 제 2 부분 이미지를 변경할 수 있으며, 변경된 제 2 부분 이미지를 서브 윈도우(14) 상에 디스플레이할 수 있다. 또한, 스크롤바(10)를 따라 근접 터치의 위치를 변경하는 사용자 입력을 수신함에 따라, 디바이스(100)는 근접 터치된 위치를 따라, 서브 윈도우(14)의 위치를 변경할 수 있다.
이에 따라, 사용자는 슬라이더(12)를 움직여 연락처를 찾지 않더라도, 근접 터치를 이용하여 찾고자 하는 연락처를 미리 볼 수 있다.
도 2는 본 개시의 일 실시예에 따른, 디바이스(100)가 콘텐트 프리뷰 기능을 제공하는 방법을 나타내는 흐름도이다.
단계 S210에서, 디바이스(100)는 화면 상에 이미지를 디스플레이하기 위한 메인 윈도우를 디스플레이할 수 있다.
메인 윈도우는 디바이스(100)의 화면의 크기와 동일할 수 있으며, 디바이스(100)의 화면의 크기보다 작을 수 있다. 또한, 디바이스(100)는 메인 윈도우 상에 정보만을 디스플레이할 수 있으며, 정보와 함께 디스플레이할 정보를 선택할 수 있는 메뉴를 디스플레이할 수도 있다.
이미지는 화면의 전환 없이 스크롤링 만으로 모든 영역이 디스플레이될 수 있는 페이지를 의미할 수 있다. 이미지는 이미지 파일이 렌더링됨으로써 생성될 수 있으며, 복수개의 정보가 하나의 페이지 내에, 기 결정된 순서 또는 위치에 따라 배열됨으로써 생성될 수도 있다. 예를 들어, 이미지는 아이템 목록, 웹 페이지, 전자 문서의 렌더링 이미지 및 이미지 파일의 렌더링 이미지 등일 수 있으나, 이에 제한되지 않는다.
단계 S220에서, 디바이스(100)는 이미지 중 디스플레이될 영역을 선택하기 위한 사용자 인터페이스 및 사용자 인터페이스를 통해 선택된 제 1 부분 이미지를 메인 윈도우 상에 디스플레이할 수 있다.
디바이스(100)는 이미지의 크기가 메인 윈도우의 크기 보다 커서, 이미지의 모든 영역이 화면에 한번에 디스플레이될 수 없는지 여부를 결정하고, 이미지의 모든 영역이 화면에 한번에 디스플레이될 수 없는 경우, 이미지 중 메인 윈도우 상에 디스플레이될 영역을 선택하기 위한 사용자 인터페이스를 디스플레이할 수 있다.
사용자 인터페이스는 스크롤바를 포함할 수 있으나, 이에 제한되지 않는다.
또한, 스크롤바는 메인 윈도우에 디스플레이될 제 1 부분 이미지를 선택하기 위한 슬라이더를 포함할 수 있다. 디바이스(100)는 슬라이더의 위치에 기초하여, 이미지 중 메인 윈도우에 디스플레이될 제 1 부분 이미지를 결정할 수 있다. 예를 들어, 디바이스(100)는 스크롤바 상에서의 슬라이더의 위치가 이미지 전체에서 제 1 부분 이미지의 위치가 되도록, 제 1 부분 이미지를 결정할 수 있다.
예를 들어, 도 1 에서, 스크롤바의 길이에 대한 스크롤바의 위쪽 끝단부터 슬라이더가 위치하는 지점까지의 거리의 비율을 결정하고, 이미지의 세로 길이에 대한 이미지의 위쪽 끝단부터 제 1 부분 이미지까지의 거리의 비율이 상기 결정된 비율이 되도록, 제 1 부분 이미지를 결정할 수 있다.
슬라이더를 이동시키는 사용자 입력을 수신함에 따라, 디바이스(100)는 메인 윈도우에 디스플레이된 이미지의 영역을 변경할 수 있을 뿐만 아니라, 화면을 스와이프(swipe) 또는 플릭(flick)하는 사용자 입력을 수신함에 따라, 디바이스(100)는 메인 윈도우에 디스플레이된 이미지의 영역을 변경할 수 있다. 메인 윈도우에 디스플레이된 이미지의 영역이 변경됨에 따라, 디바이스(100)는 이미지의 길이에 대한 메인 윈도우에 디스플레이된 이미지의 영역(제 1 부분 이미지)의 위치가, 스크롤바의 길이에 대한 슬라이더의 위치가 되도록, 슬라이더의 위치를 결정할 수도 있다.
단계 S230에서, 디바이스(100)는 사용자 인터페이스 상의 지점을 선택하는 사용자 입력을 수신할 수 있다.
예를 들어, 디바이스(100)는 스크롤바 상의 지점을 선택하는 사용자 입력을 수신할 수 있다. 스크롤바 상의 지점을 선택하는 사용자 입력은, 근접 터치 또는 마우스 오버를 포함할 수 있으나, 이에 제한되지 않는다.
단계 S240에서, 디바이스(100)는 스크롤바 상의 지점을 선택하는 사용자 입력이 수신됨에 따라, 이미지 중 선택된 지점에 대응하는 제 2 부분 이미지를 나타내는 서브 윈도우를, 제 1 부분 이미지가 디스플레이된 메인 윈도우 상에 디스플레이 할 수 있다.
디바이스(100)는 스크롤바(10) 상의 지점을 선택하는 사용자 입력이 수신됨에 따라, 이미지 중 선택된 지점에 대응하는 제 2 부분 이미지를 결정할 수 있다. 예를 들어, 디바이스(100)는 스크롤바의 길이에 대한 스크롤바의 시작점부터 선택된 지점까지의 길이의 비율이, 이미지의 길이에 대한 이미지의 시작점부터 제 2 부분 이미지까지의 길이의 비율이 되도록, 제 2 부분 이미지를 결정할 수 있다.
제 2 부분 이미지는, 슬라이더가 선택된 지점에 있을 때, 메인 윈도우 상에 디스플레이될 영역과 동일할 수 있으며, 보다 작을 수도 또는 보다 클 수도 있다.
제 2 부분 이미지를 결정함에 따라, 디바이스(100)는 제 2 부분 이미지를 나타내는 서브 윈도우를 메인 윈도우 상에 디스플레이 할 수 있다.
더 나아가, 디바이스(100)는 선택된 지점을 나타내는 마커를 선택된 지점 상에 디스플레이할 수 있다.
더 나아가, 근접 터치에 의해 서브 윈도우가 디스플레이된 상태에서, 근접 터치를 수신하지 않음에 따라, 디바이스(100)는 서브 윈도우를 삭제할 수 있다. 또한, 근접 터치가 수신되지 않은 후, 기 설정된 시간이 경과함에 따라, 디바이스(100)는 서브 윈도우를 삭제할 수도 있다.
더 나아가, 디바이스(100)는 제 2 부분 이미지를 메인 위도우 상에 고정시킬 수도 있다. 예를 들어, 디바이스(100)는 서브 윈도우를 메인 윈도우에 고정시키는 사용자 입력을 수신함에 따라, 서브 윈도우를 메인 윈도우에 고정시키는 사용자 입력이 수신된 시점에 서브 윈도우 상에 디스플레이된 제 2 부분 이미지를, 근접 터치가 수신되지 않더라도 또는 근접 터치된 위치가 변경되더다도 계속하여 디스플레이할 수 있다.
더 나아가, 디바이스(100)는 서브 윈도우 상에 디스플레이된 제 2 부분 이미지를 메인 윈도우 상에 디스플레이할 수 있다. 예를 들어, 서브 윈도우를 선택하는 사용자 입력을 수신함에 따라, 디바이스(100)는 서브 윈도우를 삭제하고, 서브 윈도우 상에 디스플레이된 제 2 부분 이미지를 메인 윈도우 상에 디스플레이할 수 있다.
더 나아가, 제 2 부분 이미지가 사용자 인터페이스 객체를 포함하는 경우, 디바이스(100)는 서브 윈도우 상에서, 사용자 인터페이스 객체를 선택하는 사용자 입력을 수신하고, 사용자 인터페이스 객체에 대응하는 기능을 실행할 수 있다. 예를 들어, 제 2 부분 이미지가 동영상 플레이어을 포함하는 경우, 서브 윈도우 상의 동영상 플레이어를 시작하기 위한 버튼을 선택하는 사용자 입력을 수신함에 따라, 디바이스(100)는 서브 윈도우 상에서 동영상을 재생할 수 있다.
더 나아가, 디바이스(100)는 서브 윈도우를 화면에 디스플레이된 메인 윈도우와 다른 메인 윈도우로 변경할 수 있다. 예를 들어, 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신함에 따라, 메인 윈도우를 제 1 메인 윈도우로, 서브 윈도우를 제 2 메인 윈도우로 변경하고, 제 1 메인 윈도우 및 제 2 메인 윈도우를 함께 디스플레이할 수 있다.
도 3은 본 개시의 일 실시예에 따른, 디바이스(100)가 사용자 입력에 기초하여, 서브 윈도우(14)를 화면에 고정시키거나, 삭제하는 방법을 설명하기 위한 방법이다.
도 3(a)을 참조하면, 디바이스(100)는 서브 윈도우(14)를 삭제할 수 있다.
예를 들어, 스크롤바(10) 상의 근접 터치 또는 커서의 위치가 스크롤바(10)의 영역을 벗어난 후 기 결정된 시간이 경과함에 따라, 디바이스(100)는 서브 윈도우(14)를 삭제할 수 있다.
또한, 예를 들어, 디바이스(100)는 기 결정된 사용자 입력을 수신하는 경우, 서브 윈도우(14)를 삭제할 수도 있다. 예를 들어, 스크롤바(10) 상의 선택된 지점(13)에서 서브 윈도우(14)의 반대 방향으로 근접 터치를 이동하는 사용자 입력을 수신함에 따라, 디바이스(100)는 서브 윈도우(14)를 삭제할 수 있다.
또한, 도 3(b)을 참조하면, 디바이스(100)는 사용자 입력에 기초하여, 서브 윈도우(14)를 화면에 고정시킬 수도 있다.
서브 윈도우(14)를 화면에 고정시키는 사용자 입력은, 예를 들어, 스크롤바(10) 상의 선택된 지점(13)에서 서브 윈도우(14) 방향으로 근접 터치를 이동하는 사용자 입력 또는 서브 윈도우(14)를 터치 또는 클릭하는 사용자 입력일 수 있으나, 이에 제한되지 않는다. 또한, 디바이스(100)는 스크롤바(10) 또는 서브 윈도우(14) 상에 서브 윈도우(14)를 고정시키기 위한 사용자 인터페이스 객체(예를 들어, 버튼)를 디스플레이하고, 디스플레이된 사용자 인터페이스 객체를 선택하는 사용자 입력을 수신할 수도 있다.
서브 윈도우(14)가 화면에 고정됨에 따라, 디바이스(100)는 근접 터치 또는 마우스 오버가 수신되지 않거나, 근접 터치된 지점 또는 마우스 오버된 지점이 변경되더라도, 서브 윈도우(14)가 화면에 고정된 시점의 제 2 부분 이미지를 계속하여 디스플레이할 수 있다.
서브 윈도우(14)가 화면에 고정됨에 따라, 디바이스(100)는 서브 윈도우(14)에 디스플레이된 객체를 선택할 수 있다. 서브 윈도우(14)에 디스플레이된 객체가 선택됨에 따라, 디바이스(100)는 선택된 객체에 대응하는 기능을 실행할 수 있다. 이 경우, 디바이스(100)는 선택된 객체에 대응하는 기능을 서브 윈도우(14) 상에서 실행할 수 있으며, 서브 윈도우(14)를 삭제하고, 메인 윈도우(5) 상에서 실행할 수도 있다.
예를 들어, 서브 윈도우(14)가 메인 윈도우(5)에 고정된 상태에서, 서브 윈도우(14)에 디스플레이된 연락처 중 하나를 선택하는 사용자 입력을 수신함에 따라, 디바이스(100)는 선택된 연락처에 대한 상세 정보를 서브 윈도우(14)상에 디스플레이할 수 있다.
또한, 서브 윈도우(14)가 메인 윈도우(5)에 고정된 상태에서, 서브 윈도우(14)에 디스플레이된 연락처 중 하나를 선택하는 사용자 입력을 수신함에 따라, 디바이스(100)는 서브 윈도우(14)를 삭제하고, 선택된 연락처에 대한 상세 정보를 메인 윈도우(5)상에 디스플레이할 수도 있다.
디바이스(100)는 서브 윈도우(14)가 메인 윈도우(5)에 고정된 상태에서, 서브 윈도우(14)를 삭제하는 사용자 입력을 수신할 수 있다. 예를 들어, 서브 윈도우(14)가 메인 윈도우(5)에 고정된 상태에서, 메인 윈도우(5)의 영역 중 서브 윈도우(14)가 디스플레이되지 않은 영역을 터치 또는 클릭하는 사용자 입력을 수신함에 따라, 디바이스(100)는 서브 윈도우(14)를 삭제할 수 있다.
도 4는 본 개시의 일 실시예에 따른, 디바이스(100)가 서브 윈도우(14) 상에 디스플레이된 정보를 메인 윈도우(5)로 스위칭하는 방법을 설명하기 위한 도면이다.
도 4(a)를 참조하면, 디바이스(100)는 서브 윈도우(14)를 선택하는 사용자 입력을 수신할 수 있다. 서브 윈도우(14)를 선택하는 사용자 입력은, 선택된 지점(13)을 직접 터치하거나 또는 선택된 지점(13)을 클릭하는 입력일 수 있다. 또한, 서브 윈도우(14)를 선택하는 사용자 입력은, 서브 윈도우(14)를 직접 터치하거나 또는 서브 윈도우(14)를 클릭하는 입력일 수 있다.
또한, 디바이스(100)는 스크롤바(10) 또는 서브 윈도우(14) 상에 서브 윈도우(14)를 선택하기 위한 사용자 인터페이스 객체(예를 들어, 버튼)를 디스플레이하고, 디스플레이된 사용자 인터페이스 객체를 선택하는 사용자 입력을 수신할 수도 있다.
도 4(b)를 참조하면, 서브 윈도우(14)를 선택하는 사용자 입력을 수신함에 따라, 디바이스(100)는 서브 윈도우(14)를 삭제하고, 서브 윈도우(14) 상에 디스플레이된 정보를 메인 윈도우(5) 상에 디스플레이할 수 있다. 또한, 디바이스(100)는 스크롤바(10) 상의 슬라이더(12)를 선택된 지점(13)로 이동시킬 수 있다.
또한, 실시예에 따라, 디바이스(100)는 서브 윈도우(14)를 선택하는 사용자 입력을 수신함에 따라, 서브 윈도우(14) 상에 디스플레이된 제 2 부분 이미지를 메인 윈도우(5) 상에 디스플레이하고, 메인 윈도우(5) 상에 디스플레이되었던 제 1 부분 이미지를 서브 윈도우(14) 상에 디스플레이할 수도 있다.
도 5는 본 개시의 일 실시예에 따른, 디바이스(100)가 서브 윈도우(14)를 별도의 메인 윈도우로 변경하는 방법을 설명하기 위한 도면이다.
도 5(a)를 참조하면, 디바이스(100)는 웹 페이지를 디스플레이할 수 있다. 이 때, 웹 페이지 내의 모든 정보가 메인 윈도우(5) 상에 한번에 디스플레이될 수 없는 경우, 디바이스(100)는 웹 페이지의 일부 영역인 제 1 부분 이미지 및 스크롤바(10)를 메인 윈도우(5) 상에 디스플레이할 수 있다. 또한, 디바이스(100)는 웹 페이지 내에서의 제 1 부분 이미지의 위치를 나타내는 슬라이더(12)를 메인 윈도우(5) 상에 디스플레이할 수 있다.
스크롤바(10) 상의 지점(13)을 근접 터치하는 사용자 입력을 수신함에 따라, 디바이스(100)는 스크롤바(10) 상에서의 선택된 지점(13)의 위치가, 페이지 전체에서 제 2 부분 이미지의 위치가 되도록, 제 2 부분 이미지를 결정할 수 있다. 디바이스(100)는 결정된 제 2 부분 이미지를 서브 윈도우(14) 상에 디스플레이할 수 있다.
도 5(b)를 참조하면, 디바이스(100)는 서브 윈도우(14)를 메인 윈도우로 변경하는 사용자 입력을 수신함에 따라, 서브 윈도우(14)를 메인 윈도우로 변경하여 디스플레이할 수 있다.
서브 윈도우(14)를 메인 윈도우로 변경하는 사용자 입력은, 예를 들어, 근접 터치가 선택된 지점(13)에 기 결정된 시간 동안 머무르는 입력일 수 있다. 또한, 서브 윈도우(14)를 메인 윈도우로 변경하는 사용자 입력은, 선택된 지점(13)을 직접 터치하거나 또는 선택된 지점(13)을 클릭하는 입력일 수 있다. 또한, 서브 윈도우(14)를 메인 윈도우로 변경하는 사용자 입력은, 서브 윈도우(14)를 직접 터치하거나 또는 서브 윈도우(14)를 클릭하는 입력일 수 있다.
또한, 디바이스(100)는 스크롤바(10) 또는 서브 윈도우(14) 상에 서브 윈도우(14)를 메인 윈도우로 변경하기 위한 사용자 인터페이스 객체(예를 들어, 버튼)를 디스플레이하고, 디스플레이된 사용자 인터페이스 객체를 선택하는 사용자 입력을 수신할 수도 있다.
서브 윈도우(14)를 메인 윈도우로 변경하는 사용자 입력을 수신함에 따라, 디바이스(100)는 기 디스플레이된 메인 윈도우(5)를 제 1 메인 윈도우(5)로, 서브 윈도우(14)를 제 2 메인 윈도우(5_2)로 변경할 수 있다.
디바이스(100)는 기 디스플레이된 메인 윈도우(5)의 크기를 줄이고, 서브 윈도우(14)를 제 2 스크롤바(10_2)를 포함하는 제 2 메인 윈도우(5_2)로 변경할 수 있다. 이 경우, 기 디스플레이된 메인 윈도우(5) 내의 스크롤바(10)에서 선택된 지점이 스크롤바(10)의 전체 길이 중 83%가 되는 위치인 경우, 디바이스(100)는 제 2 메인 윈도우(5_2) 내의 제 2 스크롤바(10_2)에서 83%가 되는 위치에 제 2 슬라이더(12_2)를 디스플레이할 수 있다. 또한, 디바이스(100)는 제 1 메인 윈도우(5) 및 제 2 메인 윈도우(5_2)를 함께 디스플레이할 수 있다.
이 경우, 도 5에 도시된 바와 같이, 디바이스(100)는 제 1 부분 이미지를 제 1 메인 윈도우(5)에 디스플레이하고, 제 2 부분 이미지를 제 2 메인 윈도우(5_2)에 디스플레이할 수 있다.
도 6은 본 개시의 일 실시예에 따른, 디바이스(100)가 서브 윈도우(14) 상에서 기능을 실행하는 방법을 설명하기 위한 도면이다.
도 6을 참조하면, 디바이스(100)는 서브 윈도우(14) 상에서 기능을 실행할 수 있다.
예를 들어, 메인 윈도우(5) 상에 웹 페이지의 제 1 부분 이미지가 디스플레이되고, 서브 윈도우(14) 상에 웹 페이지의 제 2 부분 이미지가 디스플레이될 수 있다. 이 경우, 제 2 부분 이미지는 동영상 플레이어를 포함할 수 있다. 이에 따라, 서브 윈도우(14) 상에는 동영상 플레이어가 디스플레이될 수 있다. 동영상 플레이어는 재생 버튼, 일시 정지 버튼, 중지 버튼, 음량 조절 버튼, 영상 크기 조절 버튼과 같은 사용자 인터페이스 객체를 포함할 수 있다.
서브 윈도우(14) 내의 동영상 플레이어 상의 사용자 인터페이스 객체를 선택하는 사용자 입력을 수신함에 따라, 디바이스(100)는 선택된 사용자 인터페이스 객체에 기초하여, 사용자 인터페이스 객체에 대응하는 기능을 실행할 수 있다. 예를 들어, 동영상 플레이어 상의 재생 버튼을 선택하는 사용자 입력을 수신함에 따라, 디바이스(100)는 동영상을 렌더링하고, 렌더링된 영상을 서브 윈도우(14) 상에 디스플레이할 수 있다.
도 7은 본 개시의 일 실시예에 따른, 디바이스(100)가 콘텐트 프리뷰 기능을 이용하여 입력되지 않은 입력 필드를 디스플레이하는 방법을 나타내는 도면이다.
도 7을 참조하면, 디바이스(100)는 입력 필드를 포함하는 페이지가 메인 윈도우(5)에 디스플레이된 상태에서, 사용자 입력에 기초하여, 입력되지 않은 입력 필드를 나타내는 서브 윈도우(14)를 디스플레이할 수 있다.
예를 들어, 사용자는 복수개의 입력 필드를 포함하는 회원 가입 페이지에서, 입력되지 않은 입력 필드(710) 또는 잘못 입력된 입력 필드를 찾기 위해 스크롤바(10) 상에 근접 터치할 수 있다. 스크롤바(10) 상에 근접 터치하는 사용자 입력을 수신함에 따라, 디바이스(100)는 복수개의 입력 필드 중 근접 터치된 지점에 대응하는 입력 필드를 서브 윈도우(14) 상에 디스플레이할 수 있다.
디바이스(100)는 서브 윈도우(14) 상에 디스플레이된 입력 필드에 필드값을 입력하는 사용자 입력을 수신할 수 있다.
예를 들어, 디바이스(100)는 서브 윈도우(14)를 메인 윈도우(5)에 고정하는 사용자 입력을 수신하고, 고정된 서브 윈도우(14) 내의 입력 필드에 필드값을 입력하거나, 수정하는 사용자 입력을 수신할 수 있다. 또한, 디바이스(100)는 사용자가 한손으로 스크롤바(10) 상에 근접 터치를 유지한 상태에서, 다른 손으로 입력 필드에 필드값을 입력하거나, 수정하는 사용자 입력을 수신할 수도 있다.
도 8은 본 개시의 일 실시예에 따른 콘텐트 프리뷰 기능을 제공하는 디바이스(100)의 블록도이다.
도 8에 도시된 바와 같이, 디바이스(100)는 디스플레이부(110), 사용자 입력부(145), 저장부(300), 통신부(130) 및 제어부(170)를 포함할수 있다.
디스플레이부(110)는 디스플레이 모듈(102), 복수의 터치 모듈(제 1 터치 모듈(104) 및 제 2 터치 모듈(106) 등)을 포함할 수 있다. 복수의 터치 모듈(104,106)은 접촉 또는 비접촉 방식에 의해 생성된 입력을 검출할 수 있으며, 따라서, 복수의 터치 모듈은 각각 다른 값들을 출력할 수 있다. 본 실시예에서, 두 개의 터치 모듈을 갖는 휴대용 디바이스(100)가 예로써 기술되나, 본 개시는 그에 제한되지 않으며, 본 개시는 또한 두 개 이상의 모듈이 존재하는 상황에 적용될 수 있다.
디스플레이 모듈(102)은 상태 정보, 사용자 입력 정보, 통신 데이터 등과 같은 콘텐트들을 디바이스(100)의 화면에 디스플레이하기 위해 사용될 수 있다. 이 때, 콘텐트들은 정적 이미지, 모션 이미지, 웹 페이지 정보, 통신 데이터 리스트, 연락처 리스트 등을 포함할 수 있다. 예를 들어, 디스플레이 모듈(102)은 서브 윈도우(또는 플로팅 윈도우)를 통해 프리뷰 콘텐트를 디스플레이할 수 있다. 게다가, 디스플레이 모듈(102)은 또한 서브 윈도우를 통해 사용자와 디바이스(100)간의 상호 과정을 디스플레이할 수 있다.
제 1 터치 모듈(104)은 화면에 대한 입력 디바이스(100)의 터치 동작을 검출하기 위해 사용된다. 예를 들어, 제 1 터치 모듈(104)은 입력 디바이스(100)의 터치 동작에 의해 생성된 아날로그 신호를 수신하고, 수신된 아날로그 신호를 디지털 신호(예를 들어, X, Y, Z 좌표)로 변환하고, 변환된 디지털 신호를 제어부(170)에게 전송할 수 있다. 게다가, 제 1 터치 모듈(104)은 또한 입력 디바이스(100)의 연속적인 터치(예를 들어, 슬라이딩)에 의해 생성된 아날로그 정보를 수신하고, 수신된 아날로그 정보를 디지털 정보로 변환하고, 변환된 디지털 정보를 제어부에게 전송할 수 있다.
제 2 터치 모듈(106)은 입력 디바이스(100)의 서스펜션 동작을 검출하기 위해 사용될 수 있다. 예를 들어, 제 2 터치 모듈(106)은 입력 디바이스(100)의 서스펜션 이벤트를 검출하고, 서스펜션 이벤트(예를 들어, 입력 디바이스(100)의 터치 부재로부터 화면까지의 높이가 미리 결정된 범위 내에 있는 경우의 이벤트)가 생성될 때, 제 2 터치 모듈은 서스펜션 이벤트에 의해 생성된 아날로그 신호를 수신하고, 수신된 아날로그 신호를 디지털 신호로 변환하고, 변환된 디지털 신호를 제어부(170)에게 전송할 수 있다. 이에 따라, 서스펜션 입력 포인트의 위치, 입력 디바이스(100)로부터 화면까지의 거리 등은 결정될 수 있다. 예를 들어, 제 2 터치 모듈(106)은 EMR(electronic magnetic resonance)를 사용할 수 있으며, 그리고, 입력 디바이스(100)는 바람직하게 내부에 공명 회로를 갖는 터치 스타일러스를 포함할 수 있다.
제어부(170)는 제 2 터치 모듈(106)로부터의 디지털 신호에 따라, 서스펜션 이벤트에 관한 미리 결정된 서스펜션 입력 효과의 이미지(예를 들어, 포인터, 루미너스 지점 등)를 디스플레이하는 디스플레이 모듈(102)을 제어하여, 사용자의 동작을 가이드할 수 있다.
사용자 입력부(145)는 제어부(170)에게 접촉 또는 비접촉(서스펜션) 방법으로 입력 디바이스(100)에 의해 생성된 입력 데이터를 제공할 수 있다. 예를 들어, 사용자 입력부(145)는 제어부(170)에게 입력 디바이스(100)에 의해 생성된 메인 윈도우 및 서브 윈도우에 대한 입력 데이터를 제공할 수 있으며, 따라서, 제어부(170)는 디스플레이 모듈(102)이 이미지 내에서 상응하는 디스플레이를 수행하도록 제어할 수 있다. 입력 디바이스(100)는 사용자의 신체(예를 들어, 손가락) 또는 손으로 쓰는 스타일러스(hand writing stylus)는 터치를 실현하는 터치 스타일러스일 수 있다.
저장부(300)는 디바이스(100)를 제어하기 위한 프로그램을 저장하는 프로그램 저장부(310), 디바이스(100)의 동작의 과정에서 생성된 다양한 데이터를 저장하는 데이터 저장부(320)를 포함할수 있다. 예를 들어, 데이터 저장부(320)는 디바이스(100)의 다양한 콘텐트 데이터 및 콘텐트 프리뷰 기능이 실행될 때 생성된 다양한 데이터를 저장할 수 있다.
프로그램 저장부(310)는 위치 결정 모듈(312), 프리뷰 콘텐트 결정 모듈(314), 스크롤바 모듈(316) 및 프리뷰 콘텐트 편집 모듈(318)을 포함할 수 있다.
도 1을 함께 참조하면, 위치 결정 모듈(312)은 생성된 서스펜션 이벤트의 서스펜션 입력 포인트(13)의 위치를 결정하기 위해 사용될 수 있다. 예를 들어, 서스펜션 이벤트가 발생하도록 입력 디바이스(100)가 화면에 가까이 감에 따라, 위치 결정 모듈(312)은, 제 2 터치 모듈(106)로부터의 아웃풋에 따라 화면 상에 서스펜션 입력 포인트(13)(디스플레이 모듈(102)에서 디스플레이된 서스펜션에 대응하는 입력 디바이스(100)의 터치 끝, 포인터, 루미너스 지점 등)의 좌표값을 검출할 수 있으며, 이에 따라, 화면 상의 서스펜션 입력 포인트의 위치가 스크롤바 상에 있는지 여부가 결정될 수 있다.
예를 들어, 서스펜션 입력 포인트(13)가 스크롤바 상에 있을 때, 응답은 스크롤바(10) 상에서 “On Hover Listener”를 사용하여 만들어질 수 있다. 더 나아가,” On Hover Listener”의 “On Hover function”이 호출됨으로써, 스크롤바 상의 서스펜션 상태, 서스펜션 모션 상태 및 서스펜션 상태의 종료가 각각 처리될 수 있다.
프리뷰 콘텐트 결정 모듈(314)은, 서스펜션 입력 포인트가 스크롤바(10) 상에 있는 경우, 위치 결정 모듈(312)로부터의 아웃풋에 따라, 서스펜션 입력 포인트(13)에 대응하는 프리뷰 콘텐트를 결정할 수 있다. 즉, 프리뷰 콘텐트 결정 모듈(314)은 스크롤바(10) 상의 서스펜션 입력 포인트(13)의 좌표값에 따라 프리뷰 콘텐트를 결정하거나, 스크롤바에 대한 서스펜션 입력 포인트(13)의 위치의 위치 퍼센트에 따라 프리뷰 콘텐트를 결정할 수 있다.
구체적으로, 완전한 콘텐트 정보가, 디바이스(100)의 현재 해상도로 메인 윈도우 영역 내의 시그널 페이지를 통해 디스플레이될 수 없을 때 또는 현재 콘텐트 정보의 크기(길이, 넓이)에 따라, 스크롤바 모듈(316)은 메인 윈도우의 미리 결정된 영역(예를 들어, 오른쪽 또는 아래쪽)상에 스크롤바(10)를 배치하여, 뷰의 페이지된 브라우징을 구현할 수 있다. 스크롤바(10)는 스크롤바(10)를 따라 슬라이드할 수 있는 슬라이더(12)와 함께 배치되어, 메인 윈도우의 콘텐트 정보에 대한 크로스 페이지 디스플레이를 실현할 수 있다. 슬라이더(12)의 크기(길이)는 메인 윈도우에 디스플레이된 콘텐트 페이지의 크기(길이 및/ 또는 넓이)과 관련되며, 슬라이더의 길이는 메인 윈도우에 디스플레이된 콘텐트 정보가 증가함에 따라(또는 콘텐트 정보 페이지의 크기가 증가함에 따라) 점점 작아질 수 있다. 해상도가 동일할 때 또는 콘텐트 정보 페이지들의 크기가 동일할 때, 슬라이더(12)의 길이가 작아질수록, 메인 윈도우 상에 디스플레이된 콘텐트 정보의 페이지들은 점점 증가할 수 있다.
위치 결정 모듈(312)은 슬라이더(12)의 위치를 결정할 수 있다. 이 때, 위치 결정 모듈(312)은 슬라이더(12)의 위 끝 및 아래 끝의 좌표값(X, Y)를 검출함으로써 슬라이더(12)의 위치를 결정할 수 있다. 이 경우, 슬라이더(12)의 위치는 슬라이더(12)의 위 끝의 위치 또는 아래 끝의 위치일 수 있다. 위치 결정 모듈(312)에 의해 검출된 슬라이더(12)의 위치에 따라, 디스플레이 모듈(102)은 메인 윈도우 내의 슬라이더(12)의 위치에 대응하는 페이지를 디스플레이할 수 있다.
포지션 결정 모듈(312)에 의해 검출된 서스펜션 입력 포인터 13의 위치가 스크롤바(10) 상에 있을 때, 프리뷰 콘텐트 결정 모듈(314)은 스크롤바의 위 끝 및 아래 끝의 좌표값(또는 슬라이더(12)의 길이), 슬라이더(12)의 위 끝 및 아래 끝의 좌표값(또는 슬라이더(12)의 길이) 또는 서스펜션 입력 포인트(13)의 좌표값 에 따라, 서스펜션 입력 포인트에 대응하는 콘텐트 정보의 페이지를 결정할 수 있다. 즉, 프리뷰 콘텐트 결정 모듈(314)은 스크롤바(10)의 길이(또는 좌표값), 슬라이더(12)의 길이(또는 좌표값) 및 콘텐트 정보의 페이지간의 관계에 따라, 스크롤바(10) 상의 임의의 지점에 콘텐트 정보를 결정할 수 있다. 다시 말하면, 스크롤바 모듈(316)이 스크롤바를 배치한 후, 좌표값들 또는 스크롤바(10)상의 각각의 포인트들의 위치 퍼센트들은 기준으로써, 디바이스(100)의 메인 윈도우에 차례 차례 콘텐트 정보의 페이지들에 대응할 수 있다.
스크롤바 모듈(316)은 스크롤바(10)를 배치한 후, 스크롤바(10)의 좌표값(또는 길이값), 슬라이더(12)의 길이값(또는 위 끝 및 아래 끝의 좌표값), 콘텐트 정보 페이지들 및 좌표값들간의 관계, 또는 스크롤바(10)상의 각각의 포인트들의 위치 퍼센트들은 데이터 저장부에 실시간으로 저장될 수 있다. 따라서, 디스플레이 모듈(102)은 데이터 저장부(320)로부터 상응하는 데이터를 읽고, 디스플레이를 수행할 수 있다.
바람직하게, 프리뷰 페이지는 편집될 수 있는 프리뷰 페이지일 수 있다. 여기서, 편집 동작은 문자와 같은 다양한 정보를 입력하는 것, 뷰를 클릭하는 것, 슬라이딩 방식(위에서 아래로 또는 왼쪽에서 오른쪽으로 슬라이딩)에 기초하여 프리뷰 콘텐트들의 페이지들을 넘기는 것, 서브 윈도우 내의 프리뷰 콘텐트를 메인 윈도우로 스위칭하는 것 및 서브 윈도우의 크기를 조정하는 것 중 적어도 하나를 포함할 수 있다. 서브 윈도우 및 메인 윈도우에 대한 편집이 수행될 때, 사용자는 첫번째로 미리 결정된 동작을 통해 서브 윈도우를 메인 윈도우로 고정할 수 있다. 이에 따라, 서브 윈도우를 고정하고, 서브 윈도우의 크기를 조정함으로써, 사용자는 두 윈도우(서브 윈도우 및 메인 윈도우)를 사용하여 편리하게 다양한 콘텐트 정보를 결정할 수 있다.
바람직하게, 본 개시에서, 위치 퍼센트들은 스크롤바(10)의 슬라이더(12)상 또는 서스펜션 입력 포인트(13) 상에 디스플레이되어, 스크롤바(10)의 시작 위치와 슬라이더(12)의 현재 위치간의 거리의 퍼센트를 나타날 수 있거나, 콘텐트 정보 페이지 전체의 크기에 대한 서스펜션 입력 포인트(13)의 퍼센트를 나타낼 수 있다. 즉, 위치 퍼센트는 스크롤바의 위 끝과 슬라이더(12) 간의 거리의 비율 또는 전체 스크롤바의 길이에 대한 서스펜션 입력 포인트(13)의 비율을 나타낼 수 있다. 예를 들어, 도 1에 도시된 바와같이, 45%의 퍼센트는 슬라이더(12)에 디스플레이될 수 있으며, 스크롤바(10)의 위 끝과 슬라이더(12)의 위치간의 거리가 전체 콘텐트 정보 페이지의 크기(높이)의 45%임을 나타낼 수 있으며, 반면, 서스펜션 입력 포인트(13) 상에 디스플레이된 80%의 위치 퍼센트는 스크롤바의 위 끝과 서스펜션 입력 포인트(13)간의 거리가 전체 콘텐트 정보의 크기(높이)의 80%임을 나타낼 수 있다.
게다가, 본 개시에서, 스크롤바(10) 상의 서스펜션 입력 포인트(13)가 클릭되었을 때, 스크롤바(10) 상의 슬라이더(12)는 직접적으로 서스펜션 입력 포인트(13)의 위치로 이동될 수 있으며, 따라서, 메인 윈도우에 디스플레이된 콘텐트 정보가 서브 윈도우 내에 프리뷰 콘텐트로 페이지될 수 있다. 구체적으로, 스크롤바(10) 상의 슬라이더(12)가 서스펜션 입력 포인트(13)의 위치로 이동할 때, 위치 결정 모듈(312)은 슬라이더(12)의 좌표값(X, Y) 또는 위치 퍼센트를 검출하며, 따라서, 디스플레이 모듈(102)은 데이터 저장부(320)으로부터 관련된 데이터를 읽고, 디스플레이를 수행할 수 있다.
디바이스(100)의 콘텐트 프리뷰 기능이 켜진 후, 프리뷰 콘텐트 결정 모듈(314)가 서스펜션 입력 포인트(13)에 대응하는 콘텐트 정보를 결정하였을 때, 디스플레이 모듈(102)이 서브 윈도우(14)(또는 플로팅 윈도우)를 통해 서스펜션 입력 포인트(13)의 부근에 콘텐트를 디스플레이할 수 있다. 게다가, 서스펜션 입력 포인트(13)는 스크롤바(10) 상에서 이동하고(예를 들어, 서스펜션 이동), 서스펜션 입력 포인트(13)의 좌표 변화가 위치 결정 모듈(312)에 의해서 감지되어, 서브 윈도우(14)에 디스플레이된 프리뷰 콘텐트는 상응하여 변경되며, 따라서, 사용자는 원하는 콘텐트를 편리하게 찾을 수 있다.
더 나아가, 제 2 터치 모듈(106)이 스크롤바(10) 상에 서스펜션 이벤트의 사라짐을 검출하였을 때, 또는 미리 결정된 입력 동작(예를 들어, 서스펜션 상태에서, 서브 윈도우 사이드의 반대 방향으로 입력 디바이스(100)가 움직이는 동작)을 검출할 때, 서브 윈도우(14)의 디스플레이는 취소될 수 있다.
바람직하게는, 서브 윈도우(14)는 스크롤링을 통해서 프리뷰 콘텐트를 디스플레이할 수 있고, 프리뷰 콘텐트에 포함된 콘텐트 정보의 양은 메인 윈도우에 현재 디스플레이된 콘텐트 정보의 양과 동일할 수 있다. 그러나, 본 개시는 이에 제한되지 않는다. 서브 윈도우(14)는 메인 윈도우의 콘텐트 정보 보다 작거나 많은 콘텐트 정보를 다른 해상도로 포함할 수 있다. 게다가, 서브 윈도우(14)의 크기는 수동 또는 자동으로 조정될 수 있다.
프리뷰 콘텐트 편집 모듈(318)은, 서브 윈도우(14)가 메인 윈도우 상에 디스플레이된 후에, 사용자 입력에 따라 서브 윈도우와 프리뷰 콘텐트에 대하여 다양한 편집 동작들을 수행하기 위해, 사용자의 미리 결정된 동작(예를 들어, 서스펜션 상태에서, 서브 윈도우 사이드의 반대 방향으로 입력 디바이스(100)가 움직이는 동작)에 따라, 서브 윈도우 화면 상에 고정시킬 수 있다.
예를 들어, 도 1에서, 서브 윈도우(14)가 메인 윈도우 상에 디스플레이된 상태에서, 제 2 터치 모듈(104)이 서스펜션 상태에서, 입력 디바이스(100)가 왼쪽으로 슬라이드되는 것으로 결정했다면, 프리뷰 콘텐트 편집 모듈(318)은 서브 윈도우(14) 상에서, 사용자가 프리뷰 콘텐트를 편집할 필요가 있는 것으로 결정하고, 서브 윈도우(14)를 메인 윈도우 상에 고정시킬 수 있다. 따라서, 사용자는, 프리뷰 콘텐트 편집 모듈(318)에 의해, 서브 윈도우(14) 상에 디스플레이된 프리뷰 콘텐트에 대하여 다양한 편집 동작들을 수행할 수 있다. 예를 들어, 사용자는, 두 개의 윈도우를 사용하여 디바이스(100)의 효용성을 향상시키기 위해, 메인 윈도우와 서브 윈도우를 사용하여 다양한 데이터(예를 들어, 인터넷 상의 다양한 인증 정보)를 동시에 입력할 수 있다.
게다가, 도 1에서, 예를 들어, 제 2 터치 모듈(104)이, 서스펜션 상태에서 입력 디바이스(100)가 오른쪽으로 슬라이드하는 것으로 결정했을 때, 제어부(170)는 사용자가 서브 윈도우(14)를 취소할 필요가 있는 것으로 결정하고, 따라서, 제어 디스플레이부(110)는(102) 서브 윈도우(14)의 디스플레이를 취소할 수 있다.
통신부(130)는 디바이스(100)의 음성 통신 및 데이터 통신을 위한 통신 기능을 수행할 수 있다. 이 경우, 통신부(130)는 서로 다른 다양한 통신 네트워크의 복수의 통신 모듈로써 나눠어질 수 있다. 예를 들어, GSM 모듈, CDMA 모듈, WCDMA 모듈, LTE 모듈, OFDMA 모듈, LAN 모듈, blue tooth 모듈, and NFC 모듈, 및 이와 유사한 모듈이 포함될 수 있다.
메인 윈도우에 현재 디스플레이된 콘텐트 정보를 업데이트하기 위해, 통신부(130)가 새로운 데이터를 수신할 때, 대응되는 각각의 콘텐트 정보의 페이지들 및 포인트들간의 관계들이 업데이트되고, 업데이트된 관계들이 데이터 저장부(320)에 저장되는 동안, 스크롤바 모듈(316)은 슬라이더(12)의 위치 및 길이를 조절할 수 있다. 이에 따라, 디스플레이 모듈(102)은 현재 콘텐트 정보를 디스플레이할 수 있다.
한편, 서브 윈도우 및 메인 윈도우는, 링크 기능들을 설정함에 의해서, 데이터에 대한 실시간 업데이트 및 공유를 구현하기 위해, 동일한 어플레이션 모듈들을 사용할수 있다. 즉, 서브 윈도우(14)는 프리뷰 콘텐트에 대한 빠른 접근을 위한 숏컷으로써 사용될 수 있다.
디바이스(100)가 액셕들을 제어하기 위해, 프로그램 저장부(310)에 저장된 각각의 프로그램들을 실행할 수 있다. 게다가, 제어부(170)는, 저장부(300)에 저장된 적어도 하나의 기능부(프로그램)를 이용하여, 디바이스(100)가 콘텐트 프리뷰 기능을 제공할 수 있도록 할 수 있다. 게다가, 제어부(170)는 콘텐트 프리뷰 기능을 수행하기 위해 콘텐트 프리뷰 프로세서(미도시)를 더 포함할 수 있다. 즉, 본 개시의 콘텐트 프리뷰 기능은 저장부(300)에 저장된 프로그램과 같은 소프트웨어뿐만 아니라 콘텐트 프리뷰 프로세서와 같은 하드웨어에 의해서 구현될 수 있다.
도 9은 본 개시의 일 실시예에 따른, 디바이스(100) 내의 콘텐트 프리뷰 기능을 제공하는 프로세서를 설명하는 흐름도이다.
본 개시에서, 디바이스(100)의 콘텐트 프리뷰 기능이 실행된 후에, 콘텐트 정보가 메인 윈도우의 한 페이지에 완전하게 디스플레이될 수 없다고 결정되었을 때, 콘텐트 정보에 대하여 브라우징을 실현하기 위해서, 스크롤바가 콘텐트 정보 페이지의 미리 결정된 위치(전형적으로 오른쪽 및/또는 왼쪽)에 노출될 수 있다.
단계 S110에서, 디바이스(100)는 서스펜션 이벤트가 생성되었는지 여부를 검출할 수 있다. 이 때, 서스펜션 이벤트는 디바이스(100)의 입력 디바이스(100) (인체, 터치 스타일러스, 필기 스타일러스, 등)의 터치 말단과 디바이스(100)간의 거리가 미리 결정된 범위(예를 들어, 5mm, 상기 범위는 장치의 하드웨어 구성에 따라 변경될 수 있다) 내인 것을 의미할 수 있다. 그리고, 상기 터치 말단에 대응되는 서스펜션 입력 포인트는 화면 상에 디스플레이될 수 있다.
다음으로, 단계 110의 결과가 실행된다. 서스펜션 이벤트가 검출되였을 때, 단계 S120이 시작되며, 서스펜션 이벤트에서 서스펜션 입력 포인트의 위치가 스크롤바 상에 있는지 여부가 결정될 수 있다. 즉, 단계 S110에서, 디바이스(100)는 서스펜션 입력 포인트가 스크롤바 상에 있는지 여부를 결정하고, 그 후 사용자로부터 콘텐트 프리뷰의 요청이 있는지 여부를 결정할 수 있다. 이 때, 서스펜션 입력 포인트의 좌표값(X, Y)을 검출함에 의해서, 서스펜션 입력 포인트의 좌표값(X, Y)이 스크롤바의 좌표 범위내에 있는지 여부가 결정될 수 있다. 서스펜션 입력 포인트의 좌표가 스크롤바의 좌표 범위 내에 있을 때, 디바이스(100)는 사용자가 콘텐트 프리뷰 요청을 보낸것으로 결정할 수 있다. 그러나, 단계 S120의 실행 결과가 서스펜션 입력 포인트가 스크롤바 상에 있지 않은 것으로 결정되면, 단계 S125에서, 다른 대응되는 옵션들이 실행될 수 있다.
서스펜션 입력 포인트가 스크롤바 상에 있는 것으로 결정되었을 때, 단계 S130가 시작되며, 서스펜션 입력 포인트가 스크롤바 상에 있을 때, 서스펜션 입력 포인트에 대응하는 프리뷰 콘텐트가 결정된다. 이 경우, 프리뷰 콘텐트는 스크롤바 상의 서스펜션 입력 포인트의 좌표값(X, Y)에 따라 결정되거나, 스크롤바에 대한 서스펜션 입력 포인트의 위치의 위치 퍼센트에 따라 결정된다. 여기서, 스크롤바에 대한 서스펜션 입력 포인트의 위치의 위치 퍼센트는 스크롤바 상의 콘텐트 정보의 시작 부분으로부터 서스펜션 입력 포인트의 위치까지의 길이와 전체 스크롤바의 길이의 비율을 의미할 수 있다.
서스펜션 입력 포인트에 대한 프리뷰 콘텐트를 결정한 후, 단계 S130, 단계 S140이 시작됨에 따라, 프리뷰 콘텐트는 서브 윈도우를 통해 디스플레이될 수 있다. 이 때, 서브 윈도우에 디스플레이되는 프리뷰 콘텐트의 정보양은 메인 윈도우에 디스플레이되는 콘텐트의 정보양과 같을 수 있다. 즉, 서브 윈도우는 완전하게 프리뷰 콘텐트를 디스플레이할 수 있다. 예를 들어, 메인 윈도우가 현재 해상도로 10개의 통화 목록을 디스플레이할 수 있을 때, 서브 윈도우의 스케일링 방식 또한 10개의 통화 목록을 디스플레이할 수 있다. 그러나, 본 개시는 이에 제한되지 않고, 서브 윈도우 내의 정보양은 메인 윈도우의 정보양과 다를 수 있다.
반면, 단계 S140에서, 스크롤바 상의 서스펜션 입력 포인트의 위치가 변경되면(서스펜션 이동), 서브 윈도우 상의 프리뷰 콘텐트는 이에 대응하여 변경된다. 더욱이, 본 개시는 프리뷰 콘텐트 편집 단계(S150)를 더 포함할 수 있다. 단계 S150에서, 구체적으로, 인식된 미리 결정된 입력 동작(서스펜션 상태에서, 서브 윈도우 쪽으로 슬라이딩하는 것과 같은)에 기초하여, 사용자가 편집 요청을 보낸것으로 결정될 수 있으며, 따라서, 서브 윈도우는 메인 윈도우의 현재 위치에 고정될 수 있다. 이 후, 인식된 입력 동작들에 기초하여, 다양한 편집 동작들이 서브 윈도우 및 프리뷰 콘텐트에 수행될 수 있다. 이 경우에, 편집은, 슬라이딩 방법(위에서 아래로, 왼쪽에서 오른쪽으로)에 기초하여, 문자, 뷰 클릭, 프리뷰 콘텐츠의 페이지를 변경하는 것과 같은 다양한 정보를 입력하는 것, 메인 윈도우로 서브 윈도우 내의 프리뷰 콘텐츠를 스위칭하는 것, 서브 윈도우의 크기를 조절하는 것 중 적어도 하나를 포함할 수 있다. 이에 따라, 사용자는 메인 윈도우와 서브 윈도우의 협력을 통해 정보를 빠르게 검색할 수 있는 반면, 정보 입력 및 편집의 효율성은 향상되고, 이는 사용자 경험을 향상시킬 수 있다. 예를 들어, 종래 기술에서, 사용자가 연락처를 찾기 위해 연락처 목록을 열때, 사용자는 종종 인덱스 문자를 통해 연락을 빠르게 검색할 수 있다. 그러나, 인덱스 문자로 접근할 수 있는 연락처가 너무 많을 때, 사용자는 여전히 화면을 슬라이드하여야 하며, 이는 클릭 실수 및 낮은 효율성의 문제를 야기할 수 있다. 그러나, 본 개시에 따르면, 인덱스 캐릭터를 통해 검색한 후에, 사용자는, 스크린을 업 또는 스크린 다운하는 슬라이딩하지 않고도, 디스플레이된 또는 숨겨진 스크롤바상에서 입력 디바이스(100)를 서스펜딩하고, 스크롤바 상에서 입력 디바이스(100)를 움직임으로써, 다른 페이지들의 후보 연락처 목록을 빠르게 프리뷰할 수 있다. 게다가, 원하는 연락처 목록이 발견되었을 때, 사용자는, 서브 윈도우를 메인 윈도우에 고정시킨 후에, 서브 윈도우를 통해 직접 연락처 아이템의 특정 페이지로 진입할 수 있다. 이에 따라, 연락처 목록 검색 속도는 명백하여 향상될 수 있다.
더불어, 예를 들어, 종래기술에서, 디바이스(100)를 통해 등록 또는 인증을 실행할 때, 만약, 몇 개의 필요한 정보가 입력되지 않았다면, 사용자는 입력되지 않은 정보를 찾기 위해 화면을 슬라이드하여, 입력되지 않은 정보를 입력한 후 다음 단계로 진입할 수 있다. 그러나, 본 개시에 따르면, 몇 개의 필요한 정보가 입력되지 않은 채로 남았을 때, 사용자는 디스플레이된 또는 숨겨진 스크롤바상에서 입력 디바이스(100)를 서스펜딩하고, 스크롤바 상에서 입력 디바이스(100)를 움직임으로써, 화면을 슬라이딩 하지 않고, 서브 윈도우를 통해 입력되지 않은 정보의 위치를 결정할 수 있다.
게다가, 입력되지 않은 정보가 발견되었을 때, 사용자는 서브 윈도우를 메인 윈도우에 고정함으로써, 직접 정보를 입력할 수 있으며, 정보를 입력한 후에, 사용자는, 서브 윈도우에서 동작들을 통해 다음 단계로 진입하기 위해, 서브 윈도우를 통해 빨리 확인 버튼을 찾을 수 있다.
더불어, 단계 S140 후, 서스펜션 입력 포인트가 스크롤바로부터 멀리 이동하는 것(서스펜션 입력 포인트의 위치가 스크롤바의 범위 내에 있지 않은)으로 결정되었을 때, 스크롤바 상의 서스펜션 이벤트는 사라지며, 입력 디바이스(100)의 미리 결정된 입력 동작(예를 들어, 서스펜션 상태에서, 서브 윈도우 쪽의 반대 방향으로 슬라이딩)이 검출되고, 서브 윈도우를 취소하기 위한 요청을 보낸 것으로 결정되어 서브 윈도우의 디스플레이가 취소될 수 있다.
도 10은 본 개시의 일 실시 예에 따른 디바이스(100)의 구성을 나타내는 블록도이다.
도 10을 참조하면, 디바이스(100)는 제어부(170), 디스플레이부(110) 및 사용자 입력부(145)를 포함할 수 있다.
디스플레이부(110)는 화면 상에 이미지를 디스플레이하기 위한 메인 윈도우를 디스플레이할 수 있다. 또한, 디스플레이부(110)는 이미지의 크기가 메인 윈도우의 크기 보다 클 때, 이미지 중 제 1 부분 이미지 및 메인 윈도우 상에 디스플레이될 영역을 선택하기 위한 스크롤바를 메인 윈도우 상에 디스플레이할 수 있다.
이미지는, 아이템 목록, 웹 페이지 및 전자 문서 중 적어도 하나를 포함할 수 있다.
또한, 디스플레이부(110)는 스크롤바(10) 상의 제 1 지점(13)을 선택하는 사용자 입력에 의해 선택된 위치를 나타내는 마커를 스크롤바 상의 제 1 지점 상에 디스플레이할 수 있다.
사용자 입력부(145)는 스크롤바 상의 제 1 지점을 선택하는 스크롤바(10) 상의 제 1 지점(13)을 선택하는 사용자 입력을 수신할 수 있다. 스크롤바(10) 상의 제 1 지점(13)을 선택하는 사용자 입력은, 근접 터치 및 마우스 오버 중 적어도 하나를 포함할 수 있다.
제어부(170)는 스크롤바(10) 상의 제 1 지점(13)을 선택하는 사용자 입력이 수신됨에 따라, 이미지 중 스크롤바 상의 제 1 지점에 대응하는 제 2 부분 이미지를 나타내는 서브 윈도우를, 제 1 부분 이미지가 디스플레이된 메인 윈도우 상에 디스플레이하도록 디스플레이부를 제어할 수 있다.
스크롤바는 이미지 내에서의 제 1 부분 이미지의 위치를 나타내는 슬라이더를 포함하고, 사용자 입력부(145)는, 슬라이더를 선택하고, 선택된 슬라이더를 스크롤바 상에서 이동시키는 제 2 사용자 입력을 수신하고, 제어부(170)는, 슬라이더가 스크롤바 상에서 이동됨에 따라, 이미지 중 메인 윈도우에 디스플레이되는 영역을 변경하도록 디스플레이부(110)를 제어할 수 있다.
또한, 디스플레이부(110)는, 스크롤바(10) 상의 제 1 지점(13)을 선택하는 사용자 입력에 의해 선택된 위치를 나타내는 마커를 스크롤바 상의 제 1 지점 상에 디스플레이할 수 있다.
또한, 제어부(170)는, 서브 윈도우가 디스플레이된 후, 기 설정된 시간이 경과함에 따라, 서브 윈도우를 삭제하도록 디스플레이부(110)를 제어할 수 있다.
이미지 내의 제 2 부분 이미지는 사용자 인터페이스 객체를 포함하고, 사용자 입력부(145)는, 서브 윈도우 상에서, 사용자 인터페이스 객체를 선택하는 사용자 입력을 수신할 수 있다.
또한, 제어부(170)는, 선택된 사용자 인터페이스 객체에 기초하여, 사용자 인터페이스 객체에 대응하는 기능을 실행할 수 있다.
또한, 사용자 입력부(145)는, 서브 윈도우를 선택하는 사용자 입력을 수신하고, 제어부(170)는, 서브 윈도우가 선택됨에 따라, 서브 윈도우를 삭제하고, 서브 윈도우 상에 디스플레이된 제 2 부분 이미지를 메인 윈도우 상에 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.
또한, 사용자 입력부(145)는, 서브 윈도우 내의 아이템을 선택하는 사용자 입력을 수신하고, 제어부(170)는, 서브 윈도우 내의 아이템이 선택됨에 따라, 서브 윈도우를 삭제하고, 아이템에 관한 상제 정보를 메인 윈도우 상에 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.
또한, 사용자 입력부(145)는, 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신하고, 제어부(170)는, 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신함에 따라, 메인 윈도우를 제 1 메인 윈도우로, 서브 윈도우를 제 2 메인 윈도우로 변경하고, 제 1 메인 윈도우 및 제 2 메인 윈도우를 함께 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.
도 11는 본 개시의 다른 실시 예에 따른 디바이스(100)의 구성을 나타내는 블록도이다.
도 11에 도시된 바와 같이, 디바이스(100)의 구성은, 예를 들어, 휴대폰, 태블릿 PC, PDA, MP3 플레이어, 키오스크, 전자 액자, 네비게이션 장치, 디지털 TV, 스마트 워치(Smart watch), 손목 시계(Wrist watch) 또는 스마트 글래스(Smart Glass), HMD(Head-Mounted Display)와 같은 웨어러블 디바이스(100)(Wearable device) 등과 같은 다양한 유형의 장치에 적용될 수 있다.
도 11에 따르면, 디바이스(100) 는 도 10의 제어부(170), 디스플레이부(110) 및 사용자 입력부(145) 이외에, 메모리(120), GPS 칩(125), 통신부(130), 비디오 프로세서(135), 오디오 프로세서(140), 마이크부(150), 촬상부(155), 스피커부(160), 움직임 감지부(165) 중 적어도 하나를 더 포함 할 수 있다.
또한, 디스플레이부(110)는 표시패널(111) 및 표시 패널(111)을 제어하는 컨트롤러(미도시)를 포함할 수 있다. 표시패널(111)에는 LCD(Liquid Crystal Display), OLED(Organic Light Emitting Diodes) 디스플레이, AM-OLED(Active-Matrix Organic Light-Emitting Diode), PDP(Plasma Display Panel) 등과 같은 다양한 형태의 디스플레이로 구현될 수 있다. 표시패널(111)은 유연하게(flexible), 투명하게(transparent) 또는 착용할 수 있게(wearable) 구현될 수 있다. 디스플레이부(110)는 사용자 입력부(145)의 터치 패널(147)과 결합되어 터치 스크린(미도시)으로 제공될 수 있다. 예를 들어, 터치 스크린(미도시)은 표시 패널(111)과 터치 패널(147)이 적층 구조로 결합된 일체형의 모듈을 포함할 수 있다.
메모리(120)는 내장 메모리(Internal Memory)(미도시) 및 외장 메모리(External Memory)(미도시) 중 적어도 하나를 포함할 수 있다.
내장 메모리는, 예를 들어, 휘발성 메모리(예를 들면, DRAM(Dynamic RAM), SRAM(Static RAM), SDRAM(Synchronous Dynamic RAM) 등), 비휘발성 메모리(예를 들면, OTPROM(One Time Programmable ROM), PROM(Programmable ROM), EPROM(Erasable and Programmable ROM), EEPROM(Electrically Erasable and Programmable ROM), Mask ROM, Flash ROM 등), 하드 디스크 드라이브(HDD) 또는 솔리드 스테이트 드라이브(SSD) 중 적어도 하나를 포함할 수 있다. 일 실시 예에 따르면, 제어부(170)는 비휘발성 메모리 또는 다른 구성요소 중 적어도 하나로부터 수신한 명령 또는 데이터를 휘발성 메모리에 로드(load)하여 처리할 수 있다. 또한, 제어부(170)는 다른 구성요소로부터 수신하거나 생성된 데이터를 비휘발성 메모리에 보존할 수 있다.
외장 메모리는, 예를 들면, CF(Compact Flash), SD(Secure Digital), Micro-SD(Micro Secure Digital), Mini-SD(Mini Secure Digital), xD(extreme Digital) 및 Memory Stick 중 적어도 하나를 포함할 수 있다.
메모리(120)는 디바이스(100) 의 동작에 사용되는 각종 프로그램 및 데이터를 저장할 수 있다. 예를 들어, 메모리(120)에는 잠금 화면에 표시될 컨텐츠의 적어도 일부를 임시 또는 반영구적으로 저장할 수 있다.
제어부(170)는 메모리(120)에 저장된 컨텐츠의 일부가 디스플레이부(110)에 표시되도록 디스플레이부(110)를 제어할 수 있다. 다시 말하자면, 제어부(170)는 메모리(120)에 저장된 컨텐츠의 일부를 디스플레이부(110)에 표시할 수 있다. 또는, 제어부(170)는 디스플레이부(110)의 일 영역에서 사용자 제스처가 이루어지면, 사용자의 제스처에 대응되는 제어 동작을 수행할 수 있다.
제어부(170)는 RAM(171), ROM(172), CPU(173), GPU(Graphic Processing Unit)(174) 및 버스(175) 중 적어도 하나를 포함 할 수 있다. RAM(171), ROM(172), CPU(173) 및 GPU(174) 등은 버스(175)를 통해 서로 연결될 수 있다.
CPU(173)는 메모리(120)에 액세스하여, 메모리(120)에 저장된 O/S를 이용하여 부팅을 수행한다. 그리고, 메모리(120)에 저장된 각종 프로그램, 컨텐츠, 데이터 등을 이용하여 다양한 동작을 수행한다.
ROM(172)에는 시스템 부팅을 위한 명령어 세트 등이 저장된다. 예로, 디바이스(100)는 턴온 명령이 입력되어 전원이 공급되면, CPU(173)가 ROM(172)에 저장된 명령어에 따라 메모리(120)에 저장된 O/S를 RAM(171)에 복사하고, O/S를 실행시켜 시스템을 부팅시킬 수 있다. 부팅이 완료되면, CPU(173)는 메모리(120)에 저장된 각종 프로그램을 RAM(171)에 복사하고, RAM(171)에 복사된 프로그램을 실행시켜 각종 동작을 수행한다. GPU(174)는 디바이스(100)의 부팅이 완료되면, 디스플레이부(110)의 영역에 UI 화면을 디스플레이한다. 구체적으로는, GPU(174)는 컨텐츠, 아이콘, 메뉴 등과 같은 다양한 객체를 포함하는 전자문서가 표시된 화면을 생성할 수 있다. GPU(174)는 화면의 레이아웃에 따라 각 객체들이 표시될 좌표값, 형태, 크기, 컬러 등과 같은 속성 값을 연산한다. 그리고, GPU(174)는 연산된 속성값에 기초하여 객체를 포함하는 다양한 레이아웃의 화면을 생성할 수 있다. GPU(174)에서 생성된 화면은 디스플레이부(110)로 제공되어, 디스플레이부(110)의 각 영역에 각각 표시될 수 있다.
GPS 칩(125)은 GPS(Grobal Positioning System) 위성으로부터 GPS 신호를 수신하여, 디바이스(100)의 현재 위치를 산출할 수 있다. 제어부(170)는 네비게이션 프로그램을 이용할 때나 그 밖에 사용자의 현재 위치가 필요할 경우에, GPS 칩(125)을 이용하여 사용자 위치를 산출할 수 있다.
통신부(130)는 다양한 유형의 통신방식에 따라 다양한 유형의 외부 디바이스(100)와 통신을 수행할 수 있다. 통신부(130)는 와이파이칩(131), 블루투스 칩(132), 무선 통신 칩(133), NFC 칩(134) 중 적어도 하나를 포함할 수 있다. 제어부(170)는 통신부(130)를 이용하여 각종 외부 디바이스(100)와 통신을 수행할 수 있다.
와이파이 칩(131), 블루투스 칩(132)은 각각 WiFi 방식, 블루투스 방식으로 통신을 수행할 수 있다. 와이파이 칩(131)이나 블루투스 칩(132)을 이용하는 경우에는 SSID 및 세션 키 등과 같은 각종 연결 정보를 먼저 송수신하여, 이를 이용하여 통신 연결한 후 각종 정보들을 송수신할 수 있다. 무선 통신 칩(133)은 IEEE, 지그비, 3G(3rd Generation), 3GPP(3rd Generation Partnership Project), LTE(Long Term Evoloution) 등과 같은 다양한 통신 규격에 따라 통신을 수행하는 칩을 의미한다. NFC 칩(134)은 135kHz, 13.56MHz, 433MHz, 860~960MHz, 2.45GHz 등과 같은 다양한 RF-ID 주파수 대역들 중에서 13.56MHz 대역을 사용하는 NFC(Near Field Communication) 방식으로 동작하는 칩을 의미한다.
비디오 프로세서(135)는 통신부(130)를 통해 수신된 컨텐츠 또는, 메모리(120)에 저장된 컨텐츠에 포함된 비디오 데이터를 처리할 수 있다. 비디오 프로세서(135)에서는 비디오 데이터에 대한 디코딩, 스케일링, 노이즈 필터링, 프레임 레이트 변환, 해상도 변환 등과 같은 다양한 이미지 처리를 수행할 수 있다.
오디오 프로세서(140)는 통신부(130)를 통해 수신된 컨텐츠 또는, 메모리(120)에 저장된 컨텐츠에 포함된 오디오 데이터를 처리할 수 있다. 오디오 프로세서(140)에서는 오디오 데이터에 대한 디코딩이나 증폭, 노이즈 필터링 등과 같은 다양한 처리가 수행될 수 있다.
제어부(170)는 멀티미디어 컨텐츠에 대한 재생 프로그램이 실행되면 비디오 프로세서(135) 및 오디오 프로세서(140)를 구동시켜, 해당 컨텐츠를 재생할 수 있다. 스피커부(160)는 오디오 프로세서(140)에서 생성한 오디오 데이터를 출력할 수 있다.
사용자 입력부(145)는 사용자로부터 다양한 명령어를 입력 받을 수 있다. 사용자 입력부(145)는 키(146), 터치 패널(147) 및 펜 인식 패널(148) 중 적어도 하나를 포함할 수 있다.
키(146)는 디바이스(100)의 본체 외관의 전면부나 측면부, 배면부 등의 다양한 영역에 형성된 기계적 버튼, 휠 등과 같은 다양한 유형의 키를 포함할 수 있다.
터치 패널(147)은 사용자의 터치 입력을 감지하고, 감지된 터치 신호에 해당하는 터치 이벤트 값을 출력할 수 있다. 터치 패널(147)이 표시 패널(111)과 결합하여 터치 스크린(미도시)을 구성한 경우, 터치 스크린은 정전식이나, 감압식, 압전식 등과 같은 다양한 유형의 터치 센서로 구현될 수 있다. 정전식은 터치 스크린 표면에 코팅된 유전체를 이용하여, 사용자의 신체 일부가 터치 스크린 표면에 터치되었을 때 사용자의 인체로 야기되는 미세 전기를 감지하여 터치 좌표를 산출하는 방식이다. 감압식은 터치 스크린에 내장된 두 개의 전극 판을 포함하여, 사용자가 화면을 터치하였을 경우, 터치된 지점의 상하 판이 접촉되어 전류가 흐르게 되는 것을 감지하여 터치 좌표를 산출하는 방식이다. 터치 스크린에서 발생하는 터치 이벤트는 주로 사람의 손가락에 의하여 생성될 수 있으나, 정전 용량 변화를 가할 수 있는 전도성 재질의 물체에 의해서도 생성될 수 있다.
펜 인식 패널(148)은 사용자의 터치용 펜(예컨대, 스타일러스 펜(stylus pen), 디지타이저 펜(digitizer pen))의 운용에 따른 펜의 근접 입력 또는 터치 입력을 감지하고 감지된 펜 근접 이벤트 또는 펜 터치 이벤트를 출력할 수 있다. 펜 인식 패널(148)은, 예로, EMR 방식으로 구현될 수 있으며, 펜의 근접 또는 터치에 의한 전자기장의 세기 변화에 따라 터치 또는 근접 입력을 감지할 수 있다. 상세하게는 펜 인식 패널(148)은 그리드 구조를 가지는 전자 유도 코일 센서(미도시)와 전자 유도 코일 센서의 각 루프 코일에 순차적으로 소정의 주파수를 가지는 교류 신호를 제공하는 전자 신호 처리부(미도시)를 포함하여 구성될 수 있다. 이러한 펜 인식 패널(148)의 루프 코일 근방에 공진회로를 내장하는 펜이 존재하면, 해당 루프 코일로부터 송신되는 자계가 펜 내의 공진회로에 상호 전자 유도에 기초한 전류를 발생시킨다. 이 전류를 기초로 하여, 펜 내의 공진 회로를 구성하는 코일로부터 유도 자계가 발생하게 되고, 펜 인식 패널(148)은 이 유도 자계를 신호 수신 상태에 있는 루프 코일에서 검출하게 되어 펜의 접근 위치 또는 터치 위치가 감지될 수 있다. 펜 인식 패널(148)은 표시 패널(111)의 하부에 일정 면적, 예를 들어, 표시 패널(111)의 표시 영역을 커버할 수 있는 면적을 가지고 마련될 수 있다.
마이크부(150)는 사용자 음성이나 기타 소리를 입력 받아 오디오 데이터로 변환할 수 있다. 제어부(170)는 마이크 부(150)를 통해 입력되는 사용자 음성을 통화 동작에서 이용하거나, 오디오 데이터로 변환하여 메모리(120)에 저장할 수 있다.
촬상부(155)는 사용자의 제어에 따라 정지 영상 또는 동영상을 촬상할 수 있다. 촬상부(155)는 전면 카메라, 후면 카메라와 같이 복수 개로 구현될 수도 있다.
촬상부(155) 및 마이크부(150)가 마련된 경우, 제어부(170)는 마이크부(150)를 통해 입력되는 사용자 음성이나 촬상부(155)에 의해 인식되는 사용자 모션에 따라 제어 동작을 수행할 수도 있다. 예컨대, 디바이스(100)는 모션 제어 모드나 음성 제어 모드로 동작할 수 있다. 모션 제어 모드로 동작하는 경우, 제어부(170)는 촬상부(155)를 활성화시켜 사용자를 촬상하고, 사용자의 모션 변화를 추적하여 그에 대응되는 제어 동작을 수행할 수 있다. 음성 제어 모드로 동작하는 경우 제어부(170)는 마이크부(150)를 통해 입력된 사용자 음성을 분석하고, 분석된 사용자 음성에 따라 제어 동작을 수행하는 음성 인식 모드로 동작할 수 있다.
움직임 감지부(165)는 디바이스(100)의 본체 움직임을 감지할 수 있다. 디바이스(100)는 다양한 방향으로 회전되거나 기울어질 수 있다. 이 때, 움직임 감지부(165)는 지자기 센서, 자이로 센서, 가속도 센서 등과 같은 다양한 센서들 중 적어도 하나를 이용하여 회전 방향 및 각도, 기울기 등과 같은 움직임 특성을 감지할 수 있다.
그 밖에, 도 11에 도시하지는 않았으나, 실시예에는, 디바이스(100) 내에 USB 커넥터가 연결될 수 있는 USB 포트나, 헤드셋, 마우스, LAN 등과 같은 다양한 외부 단자와 연결하기 위한 다양한 외부 입력 포트, DMB(Digital Multimedia Broadcasting) 신호를 수신하여 처리하는 DMB 칩, 다양한 센서 등을 더 포함할 수 있다.
전술한 디바이스(100)의 구성 요소들의 명칭은 달라질 수 있다. 또한, 본 개시에 따른 디바이스(100)는 전술한 구성요소들 중 적어도 하나를 포함하여 구성될 수 있으며, 일부 구성요소가 생략되거나 또는 추가적인 다른 구성요소를 더 포함할 수 있다.
일부 실시예는 컴퓨터에 의해 실행되는 프로그램 모듈과 같은 컴퓨터에 의해 실행가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 컴퓨터 판독 가능 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체 및 통신 매체를 모두 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다. 통신 매체는 전형적으로 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈, 또는 반송파와 같은 변조된 데이터 신호의 기타 데이터, 또는 기타 전송 메커니즘을 포함하며, 임의의 정보 전달 매체를 포함한다.
또한, 기록 매체 내의 명령어는 디바이스(100)에 의해 읽혀질 수 있으며, 디바이스(100)에 의해 읽혀진 명령어는 디바이스(100)의 메모리에 적재된 후, 디바이스(100)의 제어부에 의해 실행됨으로써, 전술된 예시들이 디바이스(100)에 의해 수행될 수 있다.
또한, 본 명세서에서, “부”는 프로세서 또는 회로와 같은 하드웨어 구성(hardware component), 및/또는 프로세서와 같은 하드웨어 구성에 의해 실행되는 소프트웨어 구성(software component)일 수 있다.
전술한 본 개시의 설명은 예시를 위한 것이며, 본 개시가 속하는 기술분야의 통상의 지식을 가진 자는 본 개시의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.
본 개시의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 개시의 범위에 포함되는 것으로 해석되어야 한다.

Claims (21)

  1. 화면 상에 이미지를 디스플레이하기 위한 메인 윈도우를 디스플레이하고, 상기 이미지 중 상기 메인 윈도우 상에 디스플레이될 영역을 선택하기 위한 사용자 인터페이스 및 상기 사용자 인터페이스를 통해 선택된 제 1 부분 이미지를 상기 메인 윈도우 상에 디스플레이하는 디스플레이부;
    상기 사용자 인터페이스 상의 지점을 선택하는 사용자 입력을 수신하는 사용자 입력부; 및
    상기 사용자 인터페이스 상의 지점을 선택하는 사용자 입력이 수신됨에 따라, 상기 이미지 중 상기 선택된 지점에 대응하는 제 2 부분 이미지를 나타내는 서브 윈도우를, 상기 제 1 부분 이미지가 디스플레이된 상기 메인 윈도우 상에 디스플레이하도록 상기 디스플레이부를 제어하는 제어부를 포함하는, 디바이스.
  2. 제 1 항에 있어서,
    상기 제어부는,
    상기 서브 윈도우가 디스플레이된 상태에서, 상기 사용자 인터페이스 상의 지점을 선택하는 사용자 입력이 수신되지 않음에 따라, 상기 서브 윈도우가 표시되지 않도록 상기 디스플레이부를 제어하는, 디바이스.
  3. 제 1 항에 있어서,
    상기 사용자 입력부는,
    상기 서브 윈도우를 상기 메인 윈도우에 고정시키는 사용자 입력을 수신하고,
    상기 제어부는,
    상기 서브 윈도우를 상기 메인 윈도우에 고정시키는 사용자 입력을 수신함에 따라, 상기 서브 윈도우를 상기 메인 윈도우에 고정시키는 사용자 입력이 수신된 시점에 상기 서브 윈도우 상에 디스플레이된 상기 제 2 부분 이미지를 계속하여 디스플레이하는, 디바이스.
  4. 제 1 항에 있어서,
    상기 사용자 입력부는,
    상기 서브 윈도우를 선택하는 사용자 입력을 수신하고,
    상기 제어부는,
    상기 서브 윈도우가 선택됨에 따라, 상기 서브 윈도우를 삭제하고, 상기 서브 윈도우 상에 디스플레이된 상기 제 2 부분 이미지를 상기 메인 윈도우 상에 디스플레이하도록 상기 디스플레이부를 제어하는, 디바이스.
  5. 제 1 항에 있어서,
    상기 제 2 부분 이미지는 사용자 인터페이스 객체를 포함하고,
    상기 사용자 입력부는,
    상기 서브 윈도우 상에서, 상기 사용자 인터페이스 객체를 선택하는 사용자 입력을 수신하고,
    상기 제어부는,
    상기 선택된 사용자 인터페이스 객체에 기초하여, 상기 사용자 인터페이스 객체에 대응하는 기능을 실행하는, 디바이스.
  6. 제 1 항에 있어서,
    상기 사용자 입력부는,
    상기 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신하고,
    상기 제어부는,
    상기 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신함에 따라, 상기 메인 윈도우를 제 1 메인 윈도우로, 상기 서브 윈도우를 제 2 메인 윈도우로 변경하고, 상기 제 1 메인 윈도우 및 상기 제 2 메인 윈도우를 함께 디스플레이하도록 상기 디스플레이부를 제어하는, 디바이스.
  7. 제 1 항에 있어서,
    상기 디스플레이부는,
    상기 선택된 지점을 나타내는 마커를 상기 선택된 지점 상에 디스플레이하는, 디바이스.
  8. 제 1 항에 있어서,
    상기 사용자 인터페이스 상의 지점을 선택하는 사용자 입력은, 근접 터치 및 마우스 오버 중 적어도 하나를 포함하는, 디바이스.
  9. 제 1 항에 있어서,
    상기 사용자 인터페이스는 상기 이미지 내에서의 상기 제 1 부분 이미지의 위치를 나타내는 슬라이더를 포함하고,
    상기 사용자 입력부는,
    상기 슬라이더를 선택하고, 선택된 슬라이더를 상기 사용자 인터페이스 상에서 이동시키는 제 2 사용자 입력을 수신하고,
    상기 제어부는,
    상기 슬라이더가 상기 사용자 인터페이스 상에서 이동됨에 따라, 상기 이미지 중 상기 메인 윈도우에 디스플레이되는 영역을 변경하도록 상기 디스플레이부를 제어하는, 디바이스.
  10. 제 1 항에 있어서,
    상기 이미지는,
    아이템 목록, 웹 페이지 및 전자 문서 중 적어도 하나를 포함하는, 디바이스.
  11. 화면 상에 이미지를 디스플레이하기 위한 메인 윈도우를 디스플레이하는 단계;
    상기 이미지 중 상기 메인 윈도우 상에 디스플레이될 영역을 선택하기 위한 사용자 인터페이스 및 상기 사용자 인터페이스를 통해 선택된 제 1 부분 이미지를 상기 메인 윈도우 상에 디스플레이하는 단계;
    상기 사용자 인터페이스 상의 지점을 선택하는 사용자 입력을 수신하는 단계; 및
    상기 사용자 인터페이스 상의 지점을 선택하는 사용자 입력이 수신됨에 따라, 상기 이미지 중 상기 선택된 지점에 대응하는 제 2 부분 이미지를 나타내는 서브 윈도우를, 상기 제 1 부분 이미지가 디스플레이된 상기 메인 윈도우 상에 디스플레이하는 단계를 포함하는, 이미지 디스플레이 방법.
  12. 제 11 항에 있어서,
    상기 이미지 디스플레이 방법은,
    상기 서브 윈도우가 디스플레이된 상태에서, 상기 사용자 인터페이스 상의 지점을 선택하는 사용자 입력이 수신되지 않음에 따라, 상기 서브 윈도우를 표시하지 않는 단계를 더 포함하는, 방법.
  13. 제 11 항에 있어서,
    상기 이미지 디스플레이 방법은,
    상기 서브 윈도우를 상기 메인 윈도우에 고정시키는 사용자 입력을 수신하는 단계; 및
    상기 서브 윈도우를 상기 메인 윈도우에 고정시키는 사용자 입력을 수신함에 따라, 상기 서브 윈도우를 상기 메인 윈도우에 고정시키는 사용자 입력이 수신된 시점에 상기 서브 윈도우 상에 디스플레이된 상기 제 2 부분 이미지를 계속하여 디스플레이하는 단계를 더 포함하는, 방법.
  14. 제 11 항에 있어서,
    상기 이미지 디스플레이 방법은,
    상기 서브 윈도우를 선택하는 사용자 입력을 수신하는 단계; 및
    상기 서브 윈도우가 선택됨에 따라, 상기 서브 윈도우를 삭제하고, 상기 서브 윈도우 상에 디스플레이된 상기 제 2 부분 이미지를 상기 메인 윈도우 상에 디스플레이하는 단계를 더 포함하는, 방법.
  15. 제 11 항에 있어서,
    상기 제 2 부분 이미지는 사용자 인터페이스 객체를 포함하고,
    상기 이미지 디스플레이 방법은,
    상기 서브 윈도우 상에서, 상기 사용자 인터페이스 객체를 선택하는 사용자 입력을 수신하는 단계; 및
    상기 선택된 사용자 인터페이스 객체에 기초하여, 상기 사용자 인터페이스 객체에 대응하는 기능을 실행하는 단계를 더 포함하는, 방법.
  16. 제 11 항에 있어서,
    상기 이미지 디스플레이 방법은,
    상기 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신하는 단계; 및
    상기 서브 윈도우를 메인 윈도우로 변경하는 사용자 입력을 수신함에 따라, 상기 메인 윈도우를 제 1 메인 윈도우로, 상기 서브 윈도우를 제 2 메인 윈도우로 변경하고, 상기 제 1 메인 윈도우 및 상기 제 2 메인 윈도우를 함께 디스플레이하는 단계를 더 포함하는, 방법.
  17. 제 11 항에 있어서,
    상기 이미지 디스플레이 방법은,
    상기 선택된 지점을 나타내는 마커를 상기 선택된 지점 상에 디스플레이하는 단계를 더 포함하는, 방법.
  18. 제 11 항에 있어서,
    상기 사용자 인터페이스 상의 지점을 선택하는 사용자 입력은, 근접 터치 및 마우스 오버 중 적어도 하나를 포함하는, 방법.
  19. 제 11 항에 있어서,
    상기 사용자 인터페이스는 상기 이미지 내에서의 상기 제 1 부분 이미지의 위치를 나타내는 슬라이더를 포함하고,
    상기 이미지 디스플레이 방법은,
    상기 슬라이더를 선택하고, 선택된 슬라이더를 상기 사용자 인터페이스 상에서 이동시키는 제 2 사용자 입력을 수신하는 단계; 및
    상기 슬라이더가 상기 사용자 인터페이스 상에서 이동됨에 따라, 상기 이미지 중 상기 메인 윈도우에 디스플레이되는 영역을 변경하는 단계를 더 포함하는, 방법.
  20. 제 11 항에 있어서,
    상기 이미지는,
    아이템 목록, 웹 페이지 및 전자 문서 중 적어도 하나를 포함하는, 방법.
  21. 제 11 항 내지 제 20 항 중 어느 한 항에 의한 방법을 수행하기 위한 프로그램이 기록된 컴퓨터로 읽을 수 있는 기록매체.
KR1020150133875A 2014-10-27 2015-09-22 스크롤바를 이용한 이미지 디스플레이 방법 및 이를 위한 장치 KR102462364B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US14/923,984 US10579248B2 (en) 2014-10-27 2015-10-27 Method and device for displaying image by using scroll bar

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201410581822.3 2014-10-27
CN201410581822.3A CN104331233A (zh) 2014-10-27 2014-10-27 便携式终端及其内容预览方法

Publications (2)

Publication Number Publication Date
KR20160049455A true KR20160049455A (ko) 2016-05-09
KR102462364B1 KR102462364B1 (ko) 2022-11-04

Family

ID=52405969

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020150133875A KR102462364B1 (ko) 2014-10-27 2015-09-22 스크롤바를 이용한 이미지 디스플레이 방법 및 이를 위한 장치

Country Status (2)

Country Link
KR (1) KR102462364B1 (ko)
CN (1) CN104331233A (ko)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20170143347A (ko) * 2016-06-21 2017-12-29 삼성전자주식회사 전자 장치 운용 방법 및 이를 지원하는 전자 장치
CN111260401A (zh) * 2020-01-16 2020-06-09 上海连尚网络科技有限公司 一种在阅读页面展现呈现信息的方法与设备
US11119644B2 (en) 2017-01-20 2021-09-14 Samsung Electronics Co, Ltd. Electronic device and method for displaying content in response to scrolling inputs

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105988679B (zh) * 2015-02-27 2019-06-21 阿里巴巴集团控股有限公司 一种信息呈现方法、装置及一种用户设备
US11030385B2 (en) 2015-03-30 2021-06-08 Microsoft Technology Licensing, Llc Enhanced preview technology for application add-ins
CN105046334A (zh) * 2015-07-07 2015-11-11 北京医佳医网络技术有限公司 一种免注册的网络预约挂号方法和系统
CN109582188B (zh) * 2017-09-29 2020-09-22 北京国双科技有限公司 一种实现弹窗内元素定位的方法、装置及相关设备
CN110647272A (zh) * 2018-06-26 2020-01-03 阿里巴巴集团控股有限公司 一种显示控制方法及装置
CN109753331A (zh) * 2018-12-26 2019-05-14 维沃移动通信有限公司 一种信息预览方法及移动终端
CN109847335A (zh) * 2019-02-21 2019-06-07 网易（杭州）网络有限公司 游戏中图片处理的方法及装置、电子设备、存储介质
CN109947341A (zh) * 2019-04-15 2019-06-28 重庆天蓬网络有限公司 一种网页滚动交互系统、方法和终端
CN110781644A (zh) * 2019-11-04 2020-02-11 北京联想协同科技有限公司 一种文件预览方法、设备及计算机存储介质
CN111208928B (zh) * 2019-12-27 2021-05-18 广东金赋科技股份有限公司 页面滚动的控制方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020186252A1 (en) * 2001-06-07 2002-12-12 International Business Machines Corporation Method, apparatus and computer program product for providing context to a computer display window
US20050091612A1 (en) * 2003-10-23 2005-04-28 Stabb Charles W. System and method for navigating content in an item
US20100146012A1 (en) * 2008-12-04 2010-06-10 Microsoft Corporation Previewing search results for suggested refinement terms and vertical searches
US20120131497A1 (en) * 2010-11-18 2012-05-24 Google Inc. Orthogonal Dragging on Scroll Bars

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7328411B2 (en) * 2004-03-19 2008-02-05 Lexmark International, Inc. Scrollbar enhancement for browsing data
CN101031069A (zh) * 2006-12-13 2007-09-05 北京大学 一种网络电视视频化电子节目导航方法及系统
KR101111566B1 (ko) * 2008-05-23 2012-02-24 삼성전자주식회사 휴대 단말기의 인터페이스 전환 장치 및 방법
CN103577087A (zh) * 2012-08-09 2014-02-12 腾讯科技（深圳）有限公司 基于触摸屏的页面切换方法和装置
CN102981764B (zh) * 2012-11-19 2018-07-20 北京三星通信技术研究有限公司 触控操作的处理方法及设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020186252A1 (en) * 2001-06-07 2002-12-12 International Business Machines Corporation Method, apparatus and computer program product for providing context to a computer display window
US20050091612A1 (en) * 2003-10-23 2005-04-28 Stabb Charles W. System and method for navigating content in an item
US20100146012A1 (en) * 2008-12-04 2010-06-10 Microsoft Corporation Previewing search results for suggested refinement terms and vertical searches
US20120131497A1 (en) * 2010-11-18 2012-05-24 Google Inc. Orthogonal Dragging on Scroll Bars

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20170143347A (ko) * 2016-06-21 2017-12-29 삼성전자주식회사 전자 장치 운용 방법 및 이를 지원하는 전자 장치
US11119644B2 (en) 2017-01-20 2021-09-14 Samsung Electronics Co, Ltd. Electronic device and method for displaying content in response to scrolling inputs
CN111260401A (zh) * 2020-01-16 2020-06-09 上海连尚网络科技有限公司 一种在阅读页面展现呈现信息的方法与设备
CN111260401B (zh) * 2020-01-16 2023-11-21 上海连尚网络科技有限公司 一种在阅读页面展现呈现信息的方法与设备

Also Published As

Publication number Publication date
KR102462364B1 (ko) 2022-11-04
CN104331233A (zh) 2015-02-04

Similar Documents

Publication Publication Date Title
KR102462364B1 (ko) 스크롤바를 이용한 이미지 디스플레이 방법 및 이를 위한 장치
US10579248B2 (en) Method and device for displaying image by using scroll bar
US10401964B2 (en) Mobile terminal and method for controlling haptic feedback
US11392271B2 (en) Electronic device having touchscreen and input processing method thereof
US9946345B2 (en) Portable terminal and method for providing haptic effect to input unit
US9977497B2 (en) Method for providing haptic effect set by a user in a portable terminal, machine-readable storage medium, and portable terminal
US9395823B2 (en) User terminal device and interaction method thereof
KR102318610B1 (ko) 모바일 디바이스 및 모바일 디바이스의 디스플레이 방법
KR102264444B1 (ko) 전자 장치에서 기능 실행 방법 및 장치
EP3002664B1 (en) Text processing method and touchscreen device
US20130305184A1 (en) Multiple window providing apparatus and method
US11604580B2 (en) Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device
KR102367184B1 (ko) 스크린 키보드를 이용한 정보 입력 방법 및 이를 위한 장치
KR102168648B1 (ko) 사용자 단말 장치 및 그 제어 방법
KR20140105328A (ko) 터치 스크린에 디스플레이되는 아이콘을 제어하는 휴대 단말 및 방법
KR102445240B1 (ko) 이미지를 디스플레이하는 디바이스 및 방법
US20150370786A1 (en) Device and method for automatic translation
KR102325339B1 (ko) 사용자의 움직임을 검출하여 사용자 입력을 수신하는 방법 및 이를 위한 장치
KR102216127B1 (ko) 문자 입력 방법 및 장치
KR20170004220A (ko) 키패드를 표시하는 전자장치 및 그의 키패드 표시 방법
KR102118091B1 (ko) 오브젝트에 대한 사전 실행 기능을 가지는 모바일 장치 및 그 제어방법
KR20160018269A (ko) 디바이스 및 디바이스의 제어 방법
KR20160055552A (ko) 메모 표시 방법 및 이를 위한 디바이스
KR20150128406A (ko) 음성 인식 정보를 표시하는 방법 및 장치
CN113485590A (zh) 触控操作方法及装置

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