KR102403141B1 - 프리뷰 ui를 제공할 수 있는 디스플레이 장치 및 이의 제어 방법 - Google Patents

프리뷰 ui를 제공할 수 있는 디스플레이 장치 및 이의 제어 방법 Download PDF

Info

Publication number
KR102403141B1
KR102403141B1 KR1020170111374A KR20170111374A KR102403141B1 KR 102403141 B1 KR102403141 B1 KR 102403141B1 KR 1020170111374 A KR1020170111374 A KR 1020170111374A KR 20170111374 A KR20170111374 A KR 20170111374A KR 102403141 B1 KR102403141 B1 KR 102403141B1
Authority
KR
South Korea
Prior art keywords
page
preview
touch input
display
detected
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
KR1020170111374A
Other languages
English (en)
Other versions
KR20190024404A (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 KR1020170111374A priority Critical patent/KR102403141B1/ko
Priority to EP18852411.0A priority patent/EP3662357B1/en
Priority to PCT/KR2018/009708 priority patent/WO2019045362A1/en
Priority to US16/118,035 priority patent/US10871898B2/en
Publication of KR20190024404A publication Critical patent/KR20190024404A/ko
Application granted granted Critical
Publication of KR102403141B1 publication Critical patent/KR102403141B1/ko
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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
    • G06F3/04886—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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/04817—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 using icons
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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
    • G06F3/04883—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 for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

디스플레이 장치 및 이의 제어 방법이 제공된다. 본 디스플레이 장치의 제어 방법은 복수의 페이지 중 제1 페이지를 표시하고, 제1 페이지가 표시되는 동안 기설정된 터치 입력이 감지되면, 복수의 페이지 각각에 대응되는 복수의 프리뷰 페이지를 포함하는 프리뷰 UI를 표시하며, 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 터치 입력에 따라 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정할 수 있다.

Description

프리뷰 UI를 제공할 수 있는 디스플레이 장치 및 이의 제어 방법{Display apparatus and Method for controlling the display apparatus thereof}
본 개시는 디스플레이 장치 및 이의 제어 방법에 관한 것으로, 더욱 상세하게는 복수의 페이지에 대응되는 복수의 프리뷰 페이지를 포함하는 프리뷰 UI를 제공할 수 있는 디스플레이 장치 및 이의 제어 방법에 관한 것이다.
근래에는 다양한 크기를 가지는 디스플레이 장치가 제공되고 있으며, 특히, 대화면(예를 들어, 75인치 이상)의 디스플레이를 포함하는 디스플레이 장치가 제공되고 있다. 이러한 대화면의 디스플레이 장치는 공공 회의실, 교실 등과 같은 다양한 환경에서 사용되고 있다.
한편, 대화면의 디스플레이 장치는 일반적으로 복수의 페이지 중 하나의 페이지를 표시하고 있으며, 사용자 입력에 따라 복수의 페이지를 이동하여 표시할 수 있다.
다만, 특정 페이지를 표시하는 동안 사용자가 다른 페이지에 포함된 컨텐츠를 네비게이션하거나 수정하길 원하는 경우가 존재한다. 이때, 종래에는 다른 페이지의 컨텐츠를 네이게이션하거나 수정하기 위해서는 다른 페이지에 직접 이동한 후 컨텐츠를 확인하거나 수정해야 하는 번거러움이 존재하였다.
본 개시의 목적은 디스플레이상에 복수의 페이지에 대응되는 복수의 프리뷰 페이지를 포함하는 프리뷰 UI를 제공함으로써, 사용자가 복수의 페이지를 보다 간편하고 직관적으로 확인하거나 수정할 수 있도록 하는 디스플레이 장치 및 이의 제어 방법을 제공함에 있다.
본 개시의 일 실시예에 따른, 디스플레이 장치의 제어 방법은, 복수의 페이지 중 제1 페이지를 표시하는 단계; 상기 제1 페이지가 표시되는 동안 기설정된 터치 입력이 감지되면, 상기 복수의 페이지 각각에 대응되는 복수의 프리뷰 페이지를 포함하는 프리뷰 UI를 표시하는 단계; 및 상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하는 단계;를 포함한다.
그리고, 상기 수정하는 단계는, 상기 제1 페이지에 대응되는 제1 프리뷰 페이지에 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 제1 프리뷰 페이지에 포함된 컨텐츠 및 상기 제1 페이지에 포함된 컨텐츠를 동시에 수정할 수 있다.
또한, 상기 수정하는 단계는, 상기 복수의 페이지 중 현재 디스플레이되지 않은 제2 페이지에 대응되는 제2 프리뷰 페이지에 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 제2 프리뷰 페이지에 포함된 컨텐츠를 수정하는 단계; 및 상기 수정된 컨텐츠를 포함하는 제2 페이지를 저장하는 단계;를 포함할 수 있다.
그리고, 상기 제2 페이지로 전환하기 위한 터치 입력이 감지되면, 상기 수정된 컨텐츠를 포함하는 상기 제2 페이지를 표시하는 단계;를 더 포함할 수 있다.
또한, 상기 제1 프리뷰 페이지에 핀치-아웃 터치가 감지되면, 상기 제1 페이지를 줌-인하고, 상기 제1 프리뷰 페이지에 핀치-인 터치가 감지되면, 상기 제1 페이지를 줌-아웃하는 단계;를 포함할 수 있다.
그리고, 상기 프리뷰 UI를 표시하는 단계는, 상기 프리뷰 UI 주변에 편집 툴 UI를 함께 표시하며, 상기 수정하는 단계는, 상기 편집 툴 UI에 포함된 아이콘 중 하나가 선택된 후 상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 상기 선택된 아이콘에 대응되는 편집 기능에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정할 수 있다.
또한, 상기 제1 페이지 상에 표시된 컨텐츠를 수정하기 위한 터치 입력이 감지되면, 상기 제1 페이지 상에 표시된 컨텐츠를 수정하는 동시에 상기 제1 페이지에 대응되는 제1 프리뷰 페이지 상에 표시된 컨텐츠를 수정하는 단계;를 포함할 수 있다.
그리고, 상기 프리뷰 UI의 일 지점을 기설정된 시간동안 터치한 후 드래그하는 터치 입력이 감지되면, 상기 드래그의 방향에 따라 상기 프리뷰 UI를 드래그하는 단계;를 포함할 수 잇다.
또한, 상기 프리뷰 UI를 표시하는 단계는, 상기 제1 페이지 상에 표시된 편집 툴 UI 중 상기 프리뷰 UI를 생성하기 위한 아이콘을 선택하는 터치 입력이 감지되면, 상기 프리뷰 UI를 표시할 수 있다.
그리고, 상기 수정하는 단계는, 상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되는 동시에 상기 제1 페이지에 다른 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하는 동안 상기 다른 터치 입력에 따라 상기 제1 페이지 및 상기 제1 페이지에 대응되는 제1 프리뷰 페이지의 컨텐츠를 수정할 수 있다.
한편, 본 개시의 일 실시예에 따른, 디스플레이 장치는, 디스플레이; 터치 입력을 감지하는 터치 입력부; 메모리; 및 상기 디스플레이, 상기 입력부 및 상기 메모리와 연결되며, 상기 메모리에 저장된 프로그램을 이용하여 상기 디스플레이 장치의 동작을 제어하는 프로세서;를 더 포함하며, 상기 프로세서는, 복수의 페이지 중 제1 페이지를 표시하도록 상기 디스플레이를 제어하고, 상기 제1 페이지가 표시되는 동안 상기 입력부를 통해 기설정된 터치 입력이 감지되면, 상기 복수의 페이지 각각에 대응되는 복수의 프리뷰 페이지를 포함하는 프리뷰 UI를 표시하도록 상기 디스플레이를 제어하며, 상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하도록 상기 디스플레이를 제어할 수 있다.
그리고, 상기 프로세서는, 상기 제1 페이지에 대응되는 제1 프리뷰 페이지에 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 제1 프리뷰 페이지에 포함된 컨텐츠 및 상기 제1 페이지에 포함된 컨텐츠를 동시에 수정하도록 상기 디스플레이를 제어할 수 있다.
또한, 상기 프로세서는, 상기 복수의 페이지 중 현재 디스플레이되지 않은 제2 페이지에 대응되는 제2 프리뷰 페이지에 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 제2 프리뷰 페이지에 포함된 컨텐츠를 수정하도록 상기 디스플레이를 제어하고, 상기 수정된 컨텐츠를 포함하는 제2 페이지를 상기 메모리에 저장할 수 있다.
그리고, 상기 프로세서는, 상기 제2 페이지로 전환하기 위한 터치 입력이 감지되면, 상기 수정된 컨텐츠를 포함하는 상기 제2 페이지를 표시하도록 상기 디스플레이를 제어할 수 있다.
또한, 상기 프로세서는, 상기 제1 프리뷰 페이지에 핀치-아웃 터치가 감지되면, 상기 제1 페이지를 줌-인하고, 상기 제1 프리뷰 페이지에 핀치-인 터치가 감지되면, 상기 제1 페이지를 줌-아웃하도록 상기 디스플레이를 제어할 수 있다.
그리고, 상기 프리뷰 UI 주변에 편집 툴 UI가 함께 표시되며, 상기 프로세서는, 상기 편집 툴 UI에 포함된 아이콘 중 하나가 선택된 후 상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 상기 선택된 아이콘에 대응되는 편집 기능에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하도록 상기 디스플레이를 제어할 수 있다.
또한, 상기 프로세서는, 상기 제1 페이지 상에 표시된 컨텐츠를 수정하기 위한 터치 입력이 감지되면, 상기 제1 페이지 상에 표시된 컨텐츠를 수정하는 동시에 상기 제1 페이지에 대응되는 제1 프리뷰 페이지 상에 표시된 컨텐츠를 수정하도록 상기 디스플레이를 제어할 수 있다.
그리고, 상기 프로세서는, 상기 프리뷰 UI의 일 지점을 기설정된 시간동안 터치한 후 드래그하는 터치 입력이 감지되면, 상기 드래그의 방향에 따라 상기 프리뷰 UI를 드래그하도록 상기 디스플레이를 제어할 수 있다.
또한, 상기 프로세서는, 상기 제1 페이지 상에 표시된 편집 툴 UI 중 상기 프리뷰 UI를 생성하기 위한 아이콘을 선택하는 터치 입력이 감지되면, 상기 프리뷰 UI를 표시하도록 상기 디스플레이를 제어할 수 있다.
그리고, 상기 프로세서는, 상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되는 동시에 상기 제1 페이지에 다른 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하는 동안 상기 다른 터치 입력에 따라 상기 제1 페이지 및 상기 제1 페이지에 대응되는 제1 프리뷰 페이지의 컨텐츠를 수정하도록 상기 디스플레이를 제어할 수 있다.
상술한 바와 같은 본 개시의 다양한 실시예에 의해, 사용자는 프리뷰 UI를 통해 더욱 간편하고 직관적으로 현재 표시되지 않은 페이지를 네비게이션하거나 페이지의 컨텐츠를 수정할 수 있게 된다.
이에 의해, 대화면의 디스플레이를 디스플레이 장치에 대한 사용성과 편리성이 증가할 수 있게 된다.
도 1은 본 개시의 일 실시예에 따른, 프리뷰 UI를 설명하기 위한 도면이다.
도 2는 본 개시의 일 실시예에 따른, 디스플레이 장치의 구성을 간략히 도시한 블록도이다.
도 3은 본 개시의 일 실시예에 따른, 디스플레이 장치의 구성을 상세히 도시한 블록도이다.
도 4는 본 개시의 일 실시예에 따른, 프리뷰 UI를 생성하기 위한 방법을 설명하기 위한 도면이다.
도 5 및 도 6은 본 개시의 일 실시예에 따른, 프리뷰 UI를 이용하여 컨텐츠를 수정하는 방법을 설명하기 위한 도면이다.
도 7a 및 도 7b는 본 개시의 일 실시예에 따른, 프리뷰 UI를 이용하여 페이지를 줌-인 또는 줌-아웃하는 방법을 설명하기 위한 도면이다.
도 8는 본 개시의 일 실시예에 따른, 편집 툴 UI를 이용하여 프리뷰 페이지에 포함된 컨텐츠를 수정하기 위한 도면이다.
도 9은 본 개시의 일 실시예에 따른, 프리뷰 UI를 네비게이션하기 위한 방법을 설명하기 위한 도면이다.
도 10은 본 개시의 일 실시예에 따른, 복수의 사용자가 디스플레이 장치를 이용하는 실시예를 설명하기 위한 도면이다.
도 11은 본 개시의 일 실시예에 따른, 디스플레이 장치의 제어 방법을 설명하기 위한 흐름도이다.
본 명세서에서 사용되는 용어에 대해 간략히 설명하고, 본 발명에 대해 구체적으로 설명하기로 한다.
본 발명의 실시 예에서 사용되는 용어는 본 발명에서의 기능을 고려하면서 가능한 현재 널리 사용되는 일반적인 용어들을 선택하였으나, 이는 당 분야에 종사하는 기술자의 의도 또는 판례, 새로운 기술의 출현 등에 따라 달라질 수 있다. 또한, 특정한 경우는 출원인이 임의로 선정한 용어도 있으며, 이 경우 해당되는 발명의 설명 부분에서 상세히 그 의미를 기재할 것이다. 따라서 본 발명에서 사용되는 용어는 단순한 용어의 명칭이 아닌, 그 용어가 가지는 의미와 본 발명의 전반에 걸친 내용을 토대로 정의되어야 한다.
본 발명의 실시 예들은 다양한 변환을 가할 수 있고 여러 가지 실시 예를 가질 수 있는바, 특정 실시 예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나 이는 특정한 실시 형태에 대해 범위를 한정하려는 것이 아니며, 발명된 사상 및 기술 범위에 포함되는 모든 변환, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 실시 예들을 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 요지를 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다.
제1, 제2 등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 구성요소들은 용어들에 의해 한정되어서는 안 된다. 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다.
단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, "포함하다" 또는 "구성되다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
본 발명의 실시 예에서 ‘모듈’ 혹은 ‘부’는 적어도 하나의 기능이나 동작을 수행하며, 하드웨어 또는 소프트웨어로 구현되거나 하드웨어와 소프트웨어의 결합으로 구현될 수 있다. 또한, 복수의‘모듈’ 혹은 복수의‘부’는 특정한 하드웨어로 구현될 필요가 있는 ‘모듈’ 혹은 ‘부’를 제외하고는 적어도 하나의 모듈로 일체화되어 적어도 하나의 프로세서(미도시)로 구현될 수 있다.
본 발명의 실시 예에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한, 물리적인 연결뿐만 아니라 무선 연결되어 있는 경우도 포함한다. 또한, 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다.
아래에서는 첨부한 도면을 참고하여 본 발명의 실시 예에 대하여 본 발명가 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시 예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.
이하에서는 도면을 참조하여 본 개시에 대해 상세히 설명하도록 한다. 도 1은 본 개시의 일 실시예에 따른, 디스플레이 장치(100)가 제공하는 프리뷰 UI를 설명하기 위한 도면이다. 이때, 디스플레이 장치(100)는 강의실 및 회의실 등에 이용되는 대화면의 디스플레이(예를 들어, 75 인치 이상의 디스플레이)를 가지는 전자 칠판으로 구현될 수 있으나, 이는 일 실시예에 불과할 뿐, 디스플레이를 가지는 TV, 데스크탑 PC, 노트북 PC, 전자 광고판 등과 같은 다양한 디스플레이 장치(100)로 구현될 수 있다.
특히, 디스플레이 장치(100)는 복수의 페이지 중 제1 페이지를 표시할 수 있다. 이때, 복수의 페이지 각각은 필기 컨텐츠, 영상 컨텐츠, 동영상 컨텐츠 등과 같은 다양한 컨텐츠를 포함할 수 있다. 예를 들어, 도 1에 도시된 바와 같이, 제1 페이지에는 필기 컨텐츠가 포함될 수 있다.
제1 페이지를 표시하는 동안 기설정된 터치 입력이 감지된 경우, 디스플레이 장치(100)는 복수의 페이지 각각에 대응되는 복수의 프리뷰 페이지를 포함하는 프리뷰 UI(P)를 표시할 수 있다. 이때, 프리뷰 UI(P)에 포함된 복수의 프리뷰 페이지 중 일부만이 표시될 수 있으며, 터치 입력에 따라 프리뷰 UI(P)가 스크롤될 수 있다.
특히, 프리뷰 UI에 포함된 프리뷰 페이지는 기설정된 크기(예를 들어, 7인치)를 가지는 화면으로서, 대응되는 페이지의 컨텐츠를 포함할 수 있다. 즉, 사용자는 프리뷰 페이지를 통해 현재 표시되어 있지 않은 페이지의 컨텐츠를 네비게이션할 수 있다.
또한, 프리뷰 페이지를 통해 사용자 터치가 감지된 경우, 디스플레이 장치(100)는 사용자 터치에 따라 프리뷰 페이지에 포함된 컨텐츠를 수정할 수 있다. 예를 들어, 제1 프리뷰 페이지를 통해 필기를 위한 사용자 터치가 감지된 경우, 디스플레이 장치(100)는 사용자 터치에 대응되는 필기 컨텐츠를 제1 프리뷰 페이지에 입력할 수 있다. 이 경우, 디스플레이 장치(100)는 제1 프리뷰 페이지에 대응되는 페이지 역시 사용자 터치에 대응되는 필기 컨텐츠를 삽입하여 저장할 수 있다.
따라서, 사용자는 프리뷰 UI를 통해 현재 표시되어 있지 않은 페이지들을 네비게이션할 수 있을 뿐만 아니라, 현재 표시되어 있지 않은 페이지들에 포함된 컨텐츠를 수정할 수 있게 된다.
또한, 디스플레이 장치(100)는 프리뷰 UI를 통해 다양한 동작을 수행할 수 있다. 이에 대해서는 추후에 도면을 참조하여 상세히 설명하기로 한다.
도 2는 본 개시의 일 실시예에 따른, 디스플레이 장치의 구성을 간략히 도시한 블록도이다. 도 2에 도시된 바와 같이, 디스플레이 장치(100)는 디스플레이(110), 입력부(120), 메모리(130) 및 프로세서(140)를 포함한다.
디스플레이(110)는 복수의 페이지 중 적어도 하나의 페이지를 표시할 수 있다. 구체적으로, 디스플레이(110)는 복수의 페이지 중 하나의 페이지를 표시할 수 있으며, 다른 페이지를 표시하기 위한 사용자 명령에 응답하여 페이지가 이동 중인 경우, 복수의 페이지를 표시할 수 있다. 이때, 복수의 페이지는 하나의 파일에 저장될 수 있으며, 복수의 페이지 각각은 필기 컨텐츠, 동영상 컨텐츠, 이미지 컨텐츠 등과 같은 다양한 컨텐츠가 포함될 수 있다.
한편, 본 발명의 일 실시예에 따른, 디스플레이(110)는 기설정된 크기(예를 들어, 75인치) 이상의 크기를 가질 수 있다.
입력부(120)는 디스플레이 장치(100)를 제어하기 위한 사용자 입력을 감지할 수 있다. 특히, 입력부(120)는 디스플레이(110) 상에 터치 입력을 감지할 수 있다. 이때, 입력부(120)는 터치 입력부(즉, 터치 패널)로 구현될 수 있으며, 디스플레이(110)와 결합하여 터치 스크린으로 구현될 수 있다.
특히, 입력부(120)는 프리뷰 UI를 생성하기 위한 터치 입력을 감지할 수 있으며, 프리뷰 UI에 포함된 복수의 프리뷰 페이지 중 하나에 포함된 컨텐츠를 수정하기 위한 터치 입력을 감지할 수 있다.
메모리(130)는 디스플레이 장치(100)가 동작을 수행하기 위한 프로그램을 저장할 수 있다. 또한, 메모리(130)는 복수의 페이지에 대한 데이터를 저장할 수 있다.
프로세서(140)는 디스플레이(110), 입력부(120) 및 메모리(130)와 연결되며, 메모리(130)에 저장된 프로그램을 이용하여 디스플레이 장치(100)의 전반적인 동작을 제어할 수 있다. 특히, 프로세서(140)는 복수의 페이지 중 제1 페이지를 표시하도록 디스플레이(110)를 제어할 수 있다. 제1 페이지가 표시되는 동안 입력부(120)를 통해 기설정된 터치 입력이 감지되면, 프로세서(140)는 복수의 페이지 각각에 대응되는 복수의 프리뷰 페이지를 포함하는 프리뷰 UI를 표시하도록 디스플레이(110)를 제어할 수 있다. 그리고, 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 프로세서(140)는 터치 입력에 따라 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하도록 디스플레이(110)를 제어할 수 있다.
구체적으로, 프로세서(140)는 복수의 페이지 중 제1 페이지를 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 제1 페이지 상에는 페이지에 컨텐츠를 삽이하거나 수정하기 위한 편집 툴 UI가 표시될 수 있다.
그리고, 편집 툴 UI 중 프리뷰 UI를 생성하기 위한 아이콘이 선택되면, 프로세서(140)는 복수의 페이지에 대응되는 복수의 프리뷰 페이지를 포함하는 프리뷰 UI를 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 프로세서(140)는 제1 페이지와 함께 프리뷰 UI를 표시하도록 디스플레이(110)를 제어할 수 있다. 프리뷰 UI는 편집 툴 UI 주위에 표시될 수 있으나, 이는 일 실시예에 불과할 뿐, 지정된 위치에 표시될 수 있다. 또한, 프리뷰 UI는 드래그 터치 입력을 통해 화면 내에서 이동가능할 수 있다.
그리고, 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 프로세서(140)는 터치 입력에 따라 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하도록 디스플레이(110)를 제어할 수 있다. 이때, 컨텐츠의 수정은 새로운 컨텐츠의 삽입, 기존의 컨텐츠의 변경 및 기존의 컨텐츠를 삭제 중 적어도 하나를 포함할 수 있다.
특히, 현재 표시되는 제1 페이지에 대응되는 제1 프리뷰 페이지에 터치 입력이 감지되면, 프로세서(140)는 터치 입력에 따라 제1 프리뷰 페이지에 포함된 컨텐츠 및 제1 페이지에 포함된 컨텐츠를 동시에 수정하도록 디스플레이(110)를 제어할 수 있다.
또한, 복수의 페이지 중 현재 디스플레이되지 않은 제2 페이지에 대응되는 제2 프리뷰 페이지에 터치 입력이 감지되면, 프로세서(140)는 터치 입력에 따라 제2 프리뷰 페이지에 포함된 컨텐츠를 수정하도록 디스플레이(110)를 제어하고, 수정된 컨텐츠를 포함하는 제2 페이지를 메모리(130)에 저장할 수 있다. 그리고, 제1 페이지가 표시되는 동안 제2 페이지로 전환하기 위한 터치 입력이 감지되면, 프로세서(140)는 수정된 컨텐츠를 포함하는 제2 페이지를 표시하도록 디스플레이(110)를 제어할 수 있다.
한편, 프로세서(140)는 프리뷰 UI에 입력된 사용자 터치에 따라 다양한 동작을 수행할 수 있다. 본 발명의 일 실시예로, 제1 페이지가 표시되는 동안 제1 페이지에 대응되는 제1 프리뷰 페이지에 핀치-아웃 터치가 감지되면, 프로세서(140)는 제1 페이지를 줌-인하고, 제1 프리뷰 페이지에 핀치-인 터치가 감지되면, 프로세서(140)는 제1 페이지를 줌-아웃하도록 디스플레이(110)를 제어할 수 있다. 또 다른 실시예로, 프리뷰 UI의 일 지점을 기설정된 시간동안 터치한 후 드래그하는 터치 입력이 감지되면, 프로세서(140)는 드래그의 방향에 따라 프리뷰 UI를 드래그하도록 디스플레이(110)를 제어할 수 있다.
또한, 프로세서(140)는 프리뷰 UI 주변에 편집 툴 UI를 함께 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 편집 툴 UI에 포함된 아이콘 중 하나가 선택된 후 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 프로세서(140)는 선택된 아이콘에 대응되는 편집 기능에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하도록 디스플레이(110)를 제어할 수 있다.
또한, 제1 페이지 상에 표시된 컨텐츠를 수정하기 위한 터치 입력이 감지되면, 프로세서(140)는 제1 페이지 상에 표시된 컨텐츠를 수정하는 동시에 프리뷰 UI에 포함된 제1 페이지에 대응되는 제1 프리뷰 페이지 상에 표시된 컨텐츠를 함께 수정하도록 디스플레이(110)를 제어할 수 있다.
한편, 프로세서(140)는 복수의 사용자를 통해 입력된 사용자 명령에 따라 디스플레이 장치(100)를 제어할 수 있다. 구체적으로, 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되는 동시에 제1 페이지에 다른 터치 입력이 감지되면, 프로세서(140)는 터치 입력에 따라 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하는 동안 다른 터치 입력에 따라 제1 페이지 및 제1 페이지에 대응되는 제1 프리뷰 페이지의 컨텐츠를 수정하도록 디스플레이(110)를 제어할 수 있다.
도 3은 본 개시의 일 실시예에 따른, 디스플레이 장치의 구성을 상세히 도시한 블록도이다. 도 3에 도시된 바와 같이, 디스플레이 장치(100)는 디스플레이(110), 입력부(120), 메모리(130), 통신부(150), 오디오 출력부(160), 감지부(170) 및 프로세서(140)를 포함할 수 있다. 도 3에 도시된 구성들은 본 개시의 실시 예들을 구현하기 위한 예시도이며, 당업자에게 자명한 수준의 적절한 하드웨어/소프트웨어 구성들이 전자 장치(100)에 추가로 포함될 수 있다.
디스플레이(110)는 다양한 영상 데이터를 표시한다. 특히, 디스플레이(110)는 복수의 페이지 중 적어도 하나의 페이지를 표시할 수 있다. 또한, 디스플레이(110)는 적어도 하나의 페이지 상에 복수의 페이지에 대응되는 복수의 프리뷰 이미지를 포함하는 프리뷰 UI를 포함할 수 있다. 이때, 프리뷰 UI에 포함된 복수의 프리뷰 페이지 각각은 대응되는 페이지에 포함된 컨텐츠를 포함할 수 있다.
특히, 디스플레이(110)는 기설정된 크기(예를 들어, 75인치) 이상의 크기를 가질 수 있다. 예를 들어, 디스플레이(110)는 75인치, 86인치, 98인치 등과 같은 크기를 가질 수 있으나, 이는 일 실시예에 불과할 뿐, 다른 크기를 가질 수 있다.
또한, 디스플레이(110)는 터치 입력부(121)(예를 들어, 터치 패널)과 결합하여 레이어 구조의 터치 스크린으로 구현될 수 있다. 터치 스크린은 디스플레이 기능뿐만 아니라 터치 입력 위치, 터치된 면적뿐만 아니라 터치 입력 압력까지도 검출하는 기능을 가질 수 있고, 또한 실질적인 터치(real-touch)뿐만 아니라 근접 터치(proximity touch)도 검출하는 기능을 가질 수 있다.
입력부(120)는 디스플레이 장치(100)를 제어하기 위한 다양한 사용자 명령을 입력받는다. 특히, 입력부(120)는 도 3에 도시된 바와 같이, 터치 입력부(121), 버튼 입력부(123), 리모콘 입력부(125) 등과 같은 다양한 입력 장치를 구비할 수 있다.
이때, 터치 입력부(121)는 사용자 터치를 감지할 수 있다. 이때, 터치 입력부(121)는 터치 패널 및 펜 센서를 포함할 수 있다. 터치 패널은, 예를 들면, 정전식, 감압식, 적외선 방식, 또는 초음파 방식 중 적어도 하나의 방식을 사용할 수 있다. 또한, 터치 패널(1881)은 제어 회로를 더 포함할 수도 있다. 터치 패널은 택타일 레이어(tactile layer)를 더 포함하여, 사용자에게 촉각 반응을 제공할 수 있다. (디지털) 펜 센서는, 예를 들면, 터치 패널의 일부이거나, 별도의 인식용 쉬트를 포함할 수 있다. 특히, 전자 칠판에 포함된 터치 입력부(121)는 디지털 펜 터치의 사용자를 인식할 수 있다. 구체적으로, 디지털 펜마다 각각의 주파수가 할당되며, 터치 입력부(121)는 할당된 주파수를 인식함으로서, 디지털 펜의 사용자를 인식할 수 있다. 또한, 터치 입력부(121)는 복수의 사용자가 입력하는 복수의 터치를 동시에 감지할 수 있는 멀티-터치 기능 역시 제공할 수 있다.
버튼 입력부(123)는 디스플레이 장치(100)의 외곽에 구비되며, 물리적인 버튼, 광학식 키, 또는 키패드를 포함할 수 있다. 리모컨 입력부(125)는 디스플레이 장치(100)를 제어하기 위한 리모컨으로부터 제어 신호를 수신하기 위한 구성이다.
메모리(130)는 디스플레이 장치(100)의 동작에 필요한 각종 프로그램 및 데이터를 저장할 수 있다. 메모리(130)는 비휘발성 메모리, 휘발성 메모리, 플래시메모리(flash-memory), 하드디스크 드라이브(HDD) 또는 솔리드 스테이트 드라이브(SSD) 등으로 구현될 수 있다. 메모리(130)는 프로세서(140)에 의해 액세스되며, 프로세서(130)에 의한 데이터의 독취/기록/수정/삭제/갱신 등이 수행될 수 있다. 본 문서에서 메모리라는 용어는 메모리(130), 프로세서(140) 내 롬(142), 램(141) 또는 디스플레이 장치(100)에 장착되는 메모리 카드(미도시)(예를 들어, micro SD 카드, 메모리 스틱)를 포함할 수 있다.
또한, 메모리(130)는 복수의 페이지에 대한 데이터를 저장할 수 있다.
통신부(150)는 외부의 장치와 통신을 수행할 수 있다. 특히, 통신부(150)는 외부 장치로부터 컨텐츠를 수신할 수 있다. 이때, 프로세서(140)는 사용자 명령에 따라 외부 장치로부터 수신된 컨텐츠를 페이지 내에 삽입할 수 있다.
한편, 통신부(150)는 RF 통신 모듈, BT(Bluetooth) 통신 모듈, WiFi 통신 모듈을 포함할 수 있으며, 각각의 통신 모듈은 커넥티비티 칩, 통신 회로(circuitry), 통신 인터페이스 등으로 구현될 수 있다. RF 통신 모듈은 135kHz, 13.56MHz, 433MHz, 860~960MHz, 2.45GHz 등과 같은 다양한 RF-ID 주파수 대역들 중 하나의 RF 신호를 수신할 수 있다. 특히, RF 통신 모듈은 외부 장치가 브로드캐스팅하는 RF 신호를 수신하기 위한 복수의 안테나를 포함한다. 이때, 복수의 안테나가 수신하는 신호를 처리하기 위한 신호 처리부가 복수 개 구비된 경우, 복수 개의 신호 처리부는 동시에 IoT 장치로부터 브로드캐스팅된 RF 신호들을 처리할 수 있다. 그러나, 복수의 안테나가 수신하는 신호를 처리하기 위한 신호 처리부가 하나 구비된 경우, 신호 처리부는 스위칭 동작을 통해 외부 장치로부터 브로드캐스팅 RF 신호들을 처리할 수 있다. BT 통신 모듈 및 WiFi 통신 모듈은 블루투스 칩 또는 WiFi 칩을 이용하여 SSID 및 세션 키 등과 같은 각종 연결 정보를 먼저 송수신하여 이를 이용하여 통신 연결한 후 각종 정보들을 송수신할 수 있다. 그 밖에 통신부(150)는 직비(Zigbee) 통신 모듈, NFC 통신 모듈과 같은 다양한 통신 모듈을 통해 외부 장치와 통신을 수행할 수 있다.
오디오 출력부(160)는 컨텐츠에 포함된 오디오 데이터 또는 경고음을 스피커(미도시)를 통해 가청음 형태로 출력한다. 또는, 오디오 출력부(160)는 오디오 출력 단자를 통해 외부의 스피커로 오디오 데이터를 출력할 수 있다.
감지부(170)는 사용자를 감지할 수 있다. 이때, 감지부(170)는 사용자를 감지하기 위하여, 카메라 또는 근접 센서로 구현될 수 있으나, 이는 일 실시예에 불과할 뿐, 다른 센서에 의해 사용자를 감지할 수 있다.
프로세서(140)(또는, 제어부)는 메모리(130)에 저장된 각종 프로그램을 이용하여 디스플레이 장치(100)의 전반적인 동작을 제어할 수 있다.
프로세서(140)는 RAM(141), ROM(142), 그래픽 처리부(143), 메인 CPU(144), 제1 내지 n 인터페이스(145-1~145-n), 버스(146)로 구성될 수 있다. 이때, RAM(141), ROM(142), 그래픽 처리부(143), 메인 CPU(144), 제1 내지 n 인터페이스(145-1~145-n) 등은 버스(146)를 통해 서로 연결될 수 있다.
특히, 프로세서(140)는 도 4의 (a)에 도시된 바와 같이, 복수의 페이지 중 제1 페이지를 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 제1 페이지는 필기 컨텐츠(400)를 포함할 수 있다. 또한, 프로세서(140)는 제1 페이지와 함께, 제1 페이지가 복수의 페이지 중 어느 부분에 위치하는지 안내하는 인디케이터(405) 및 복수의 아이콘을 포함하는 편집 툴 UI(410)를 함께 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 편집 툴 UI(410)에는 지우개 아이콘, 글씨 색 변환 아이콘, 글씨체 변환 아이콘, 글씨 굵기 변환 아이콘, 배경색 채우기 아이콘 등과 같은 편집 기능을 위한 아이콘 뿐만 아니라, 프리뷰 UI를 생성하기 위한 아이콘(415)이 포함될 수 있다.
이때, 편집 툴 UI(410)에 포함된 아이콘들 중 프리뷰 UI를 생성하기 위한 아이콘(415)가 선택되면, 프로세서(140)는 도 4의 (b)에 도시된 바와 같이, 편집 툴 UI(410) 상단에 복수의 페이지에 대응되는 복수의 프리뷰 페이지(420-1 내지 420-4)를 포함하는 프리뷰 UI(420)를 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 도 4의 (b)에 개시된 바와 같이, 복수의 프리뷰 UI(420)에 포함된 복수의 프리뷰 페이지(420-1 내지 420-4) 중 현재 페이지에 대응되는 제1 프리뷰 페이지(4202) 상에는 현재 페이지를 안내하기 위한 인디케이터(425)가 표시될 수 있다.
이때, 프로세서(140)는 제1 페이지의 필기 컨텐츠(400)를 포함하는 제1 그래픽 레이어를 생성하고, 필기 툴 UI(410) 및 프리뷰 UI(420)를 포함하는 제2 그래픽 레이어를 생성하고, 제1 그래픽 레이어 상에 제2 그래픽 레이어를 중첩하여 표시하도록 디스플레이(110)를 제어할 수 있다.
한편, 상술한 실시예에서는 편집 툴 UI(410)에 포함된 아이콘(415)을 선택하는 터치 입력에 따라 프리뷰 UI(420)를 생성하는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 다른 터치 입력에 따라 프리뷰 UI(420)를 생성할 수 있다. 예를 들어, 디스플레이 장치(100)에 포함된 기설정된 버튼을 선택하는 터치 입력, 디스플레이 장치(100)를 제어하기 위한 리모컨에 포함된 기설정된 버튼을 선택하는 터치 입력, 디스플레이(110) 상에 기설정된 패턴을 가지는 사용자 터치, 기설정된 단어(예를 들어, "프리뷰 UI 생성")를 포함하는 사용자 음성 등이 감지된 경우, 프로세서(140)는 디스플레이(110) 상에 프리뷰 UI(420)를 표시하도록 디스플레이(110)를 제어할 수 있다.
또한, 프리뷰 UI(420)는 도 4의 (c)에 도시된 바와 같이, 사용자 터치에 따라 디스플레이(110) 내에서 이동 가능할 수 있다. 구체적으로, 프리뷰 UI(420)를 터치한 후 특정 지점으로 드래그하는 사용자 터치가 감지된 경우, 프로세서(140)는 도 4의 (c)에 도시된 바와 같이, 프리뷰 UI(420)를 이동하도록 디스플레이(110)를 제어할 수 있다.
또한, 프로세서(140)는 감지부(170)를 바탕으로 사용자를 감지하고, 감지된 사용자 위치에 따라 프리뷰 UI(420)를 이동할 수 있다. 예를 들어, 감지부(170)를 통해 사용자가 디스플레이 장치(100)의 왼쪽 편에 존재하는 것으로 감지된 경우, 프로세서(140)는 사용자 위치에 따라 디스플레이(110)의 왼쪽 영역에 프리뷰 UI(420) 및 편집 툴 UI(410)를 표시하도록 디스플레이(110)를 제어할 수 있다.
또한, 프리뷰 UI(420) 중 하나의 프리뷰 페이지에 대해 기설정된 터치 입력(예를 들어, 더블 탭 터치, 롱 프레스 터치 등)이 감지되면, 프로세서(140)는 기설정된 터치 입력이 감지된 프리뷰 페이지에 대응되는 페이지로 전환하도록 디스플레이(110)를 제어할 수 있다. 예를 들어, 현재 제2 페이지를 표시하는 동안 제4 페이지에 대응되는 제4 프리뷰 페이지에 대해 기설정된 터치 입력이 감지되면, 프로세서(140)는 현재 페이지를 제2 페이지에서 제4 페이지로 전환하여 표시하도록 디스플레이(110)를 제어할 수 있다.
또한, 프리뷰 UI(420)는 현재 표시된 페이지에 대응되는 프리뷰 페이지를 기준으로 정렬될 수 있다. 예를 들어, 현재 표시되는 페이지가 2 페이지인 경우, 프로세서(140)는 2페이지에 대응되는 제2 프리뷰 페이지를 가운데에 표시하고, 제2 프리뷰 페이지를 기준으로 제2 프리뷰 페이지의 주위 프리뷰 페이지를 표시하도록 디스플레이(110)를 제어할 수 있다.
또한, 프리뷰 UI(420)에 포함된 복수의 프리뷰 페이지 중 하나가 선택된 경우, 프로세서(140)는 선택된 프리뷰 페이지를 다른 프리뷰 페이지와 다르게 표시하도록 디스플레이(110)를 제어할 수 있다. 예를 들어, 프로세서(140)는 도 4의 (c)에 도시된 바와 같이, 사용자에 의해 선택된 제4 프리뷰 페이지(420-4)를 하이라이트(430)하도록 디스플레이(110)를 제어할 수 있다. 또 다른 실시예에 따르면, 프로세서(140)는 선택된 프리뷰 페이지를 다른 프리뷰 페이지와 다른 색, 명암으로 표시하거나 다른 인디케이터를 표시하도록 디스플레이(110)를 제어할 수 있다.
또한, 프리뷰 UI(420)에 포함된 복수의 프리뷰 페이지 중 현재 표시된 페이지에 대응되는 프리뷰 페이지에 사용자 터치가 감지된 경우, 프로세서(140)는 현재 사용자 터치가 감지된 프리뷰 페이지(420)에 포함된 컨텐츠를 수정하며, 현재 표시되는 페이지에 포함된 컨텐츠 역시 사용자 터치에 따라 수정하도록 디스플레이(110)를 제어할 수 있다.
구체적으로, 도 5의 (a)에 도시된 바와 같이, 복수의 프리뷰 페이지(420-1 내지 420-4) 중 현재 표시된 페이지에 대응되는 제1 프리뷰 페이지(420-1)에 새로운 필기를 추가하기 위한 사용자 터치가 감지된 경우, 프로세서(140)는 도 5의 (b)에 도시된 바와 같이, 제1 프리뷰 페이지(420-1) 상에 새로운 필기를 추가할 뿐만 아니라, 현재 표시되는 페이지에 새로운 필기가 추가된 필기 컨텐츠(400')를 표시하도록 디스플레이(110)를 제어할 수 있다. 즉, 사용자는 현재 표시되는 페이지에 사용자 터치를 입력하지 않더라도 프리뷰 페이지를 통해 현재 페이지에 표시된 컨텐츠를 수정할 수 있다. 특히, 대화면의 디스플레이를 가지는 디스플레이 장치의 경우, 대화면의 디스플레이가 아닌 작은 프리뷰 페이지를 통해 페이지에 포함된 컨텐츠를 수정함으로써, 사용자의 편의성이 더욱 증대될 수 있다.
한편, 상술한 실시예에서는 새로운 필기를 추가하기 위한 사용자 터치가 제1 프리뷰 페이지(420-1)에 바로 입력되는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 새로운 필기를 추가하기 이전에 제1 프리뷰 페이지(420-1)를 선택하는 기설정된 터치 입력(예를 들어, 롱 프레스 터치 입력, 멀티 터치 입력 등)가 먼저 입력되면, 제1 프리뷰 페이지(420-1)에 하이라이트를 표시하고, 하이라이트가 표시된 상태에서 제1 프리뷰 페이지(420-1)에 새로운 필기를 추가하기 위한 터치 입력이 입력될 수 있다.
또한, 프리뷰 UI(420)에 포함된 복수의 프리뷰 페이지 중 현재 표시되지 않은 페이지에 대응되는 프리뷰 페이지에 사용자 터치가 감지된 경우, 프로세서(140)는 사용자 터치에 따라 프리뷰 페이지에 포함된 컨텐츠를 수정하며, 사용자 터치가 감지된 프리뷰 페이지에 대응되는 페이지에 포함된 컨텐츠 역시 수정하여 저장할 수 있다. 그리고, 수정된 컨텐츠를 포함하는 페이지로 전환하기 위한 터치 입력이 감지되면, 프로세서(140)는 수정된 컨텐츠를 저장하는 페이지를 표시하도록 디스플레이(110)를 제어할 수 있다.
구체적으로, 도 6의 (a)에 도시된 바와 같이, 제2 페이지가 표시되는 동안 복수의 프리뷰 페이지(420-1 내지 420-4) 중 현재 표시되지 않은 페이지에 대응되느 제4 프리뷰 페이지(420-4)에 포함된 컨텐츠의 일부를 삭제하기 위한 사용자 터치가 감지된 경우, 프로세서(140)는 도 6의 (b)에 도시된 바와 같이, 사용자 터치에 따라 제4 프리뷰 페이지(420-4)에 포함된 컨텐츠 중 일부를 삭제하고, 제4 페이지에 포함된 컨텐츠 역시 일부를 삭제하여 저장할 수 있다. 그리고, 제4 페이지로 전환하기 위한 사용자 명령이 입력되면, 프로세서(140)는 도 6의 (c)에 도시된 바와 같이, 일부 컨텐츠가 삭제된 컨텐츠(630)를 포함하는 제4 페이지를 표시하도록 디스플레이(110)를 제어할 수 있다.
즉, 현재 표시되지 않은 페이지를 컨텐츠를 수정하기 위해, 페이지를 이동하지 않고 프리뷰 페이지를 통해 수정할 수 있게 되어, 사용자 편의성이 증가될 수 있다.
또한, 현재 표시되는 페이지에 대응되는 프리뷰 페이지에 핀치-인 또는 핀치-아웃 터치가 김지되면, 프로세서(140)는 핀치-인 또는 핀치-아웃 터치에 따라 현재 표시되는 페이지를 줌-인 또는 줌-아웃할 수 있다.
구체적으로, 도 7a의 (a)에 도시된 바와 같이, 현재 표시되는 페이지에 대응되는 제1 프리뷰 페이지(420-1)에 핀치-아웃 터치가 감지되면, 프로세서(140)는도 7a의 (b)에 도시된 바와 같이, 핀치-아웃 터치에 따라 현재 표시되는 페이지를 줌-인하여 컨텐츠를 확대하여 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 제1 프리뷰 페이지(420-1) 역시 줌-인될 수 있다. 또한, 도 7b의 (a)에 도시된 바와 같이, 현재 표시되는 페이지에 대응되는 제1 프리뷰 페이지(420-1)에 핀치-인 터치가 감지되면, 프로세서(140)는도 7b의 (b)에 도시된 바와 같이, 핀치-인 터치에 따라 현재 표시되는 페이지를 줌-아웃하여 컨텐츠를 축소하여 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 제1 프리뷰 페이지(420-1) 역시 줌-아웃될 수 있다.
또한, 프리뷰 UI 주변에 편집 툴 UI(410)이 포함된 경우, 상기 편집 툴 UI에 포함된 아이콘 중 하나가 선택된 후 상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 프로세서(140)는 선택된 아이콘에 대응되는 편집 기능에 따라 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정할 수 있다.
예를 들어, 도 8의 (a)에 도시된 바와 같이, 편집 툴 UI(410)가 프리뷰 UI(420) 하단에 표시될 수 있다. 편집 툴 UI(410) 중 지우개 아이콘(411)이 선택된 후, 제4 프리뷰 페이지(420-4)에 포함된 컨텐츠에 사용자 터치가 감지된 경우, 프로세서(140)는 지우개 아이콘(411)에 대응되는 삭제 기능을 실행하고, 도 8의 (b)에 도시된 바와 같이, 사용자 터치에 따라 제4 프리뷰 페이지(420-4)에 포함된 컨텐츠 중 일부를 삭제하여 표시하도록 디스플레이(110)를 제어할 수 있다. 한편, 상술한 바와 같이, 지우개 아이콘(411)이 선택되는 것은 일 실시예에 불과할 뿐, 지우개 아이콘(411) 이외에 색 변환 아이콘, 배경색 채우기 아이콘, 글씨 굵기 조절 아이콘 등과 같은 다양한 아이콘이 선택될 수 있다.
또한, 프리뷰 UI(420)는 복수의 프리뷰 페이지 중 일부만을 표시할 수 있다. 예를 들어, 복수의 프리뷰 페이지가 8개인 경우, 프로세서(140)는 복수의 프리뷰 페이지 중 4개의 프리뷰 페이지만을 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 프로세서(140)는 프리뷰 UI(420)에 입력된 드래그 터치에 따라 복수의 프리뷰 페이지 중 현재 표시되지 않은 프리뷰 페이지를 네비게이션할 수 있다.
구체적으로, 도 9의 (a)에 도시된 바와 같이, 프로세서(140)는 제1 프리뷰 페이지 내지 제4 프리뷰 페이지(420-1 내지 420-4)를 포함하는 프리뷰 UI(420)를 표시하도록 디스플레이(110)를 제어할 수 있다. 그리고, 프리뷰 UI(420)의 일 영역을 터치한 후 왼쪽으로 드래그하는 사용자 터치가 감지된 경우, 프로세서(140)는 도 9의 (b)에 도시된 바와 같이, 프리뷰 UI(420)를 오른쪽으로 이동하여 제1 프리뷰 페이지(420-1), 제3 내지 제5 프리뷰 페이지(420-3 내지 420-5)를 포함하는 프리뷰 UI(420)를 표시하도록 디스플레이(110)를 제어할 수 있다.
또한, 입력부(120)를 통해 복수의 지점에 사용자 터치가 감지되는 멀티 터치를 감지하는 경우, 프로세서(140)는 멀티 터치에 따라 페이지 또는 프리뷰 UI에 포함된 프리뷰 페이지 중 적어도 하나에 포함된 컨텐츠를 수정할 수 있다.
구체적으로, 프로세서(140)는 도 10의 (a)에 도시된 바와 같이, 제1 사용자의 위치에 대응되는 영역에 프리뷰 UI(420) 및 편집 툴 UI(410)를 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 제2 사용자가 감지되는 경우, 프로세서(140)는 도 10의 (b)에 도시된 바와 같이, 제2 사용자가 감지된 위치에 대응되는 영역에 다른 편집 툴 UI(1010)를 표시하도록 디스플레이(110)를 제어할 수 있다. 이때, 다른 편집 툴 UI(1010)는 제2 사용자의 감지에 따라 바로 표시될 수 있으나, 이는 일 실시예에 불과할 뿐, 제2 사용자가 디스플레이(110)에 기설정된 터치(예를 들어, 롱프레스 터치, 기설정된 패턴을 가지는 터치 등)가 감지된 경우, 다른 편집 툴 UI (1010)가 표시될 수 있다. 이때, 제1 사용자에 의해 복수의 프리뷰 페이지 중 제4 프리뷰 페이지(420-4)에 터치 입력이 감지되는 동시에 제2 사용자에 의해 제1 페이지에 다른 터치 입력이 감지되면, 프로세서(140)는 제1 사용자의 터치 입력에 따라 제4 프리뷰 페이지(420-4)에 포함된 컨텐츠를 수정하는 동안 제2 사용자의 터치 입력에 따라 제1 페이지의 컨텐츠를 수정할 뿐만 아니라, 제1 페이지에 대응되는 제1 프리뷰 페이지(420-1)의 컨텐츠를 수정하도록 디스플레이(110)를 제어할 수 있다. 이때, 제2 사용자 역시 다른 편집 툴 UI(1010)에 포함된 아이콘을 선택하여 다른 프리뷰 UI를 표시하게 할 수 있다.
상술한 바와 같은 멀티 터치 동작을 통해, 복수의 사용자가 대화면의 디스플레이를 더욱 효율적으로 제어할 수 있게 된다.
도 11은 본 개시의 일 실시예에 따른, 디스플레이 장치의 제어 방법을 설명하기 위한 흐름도이다.
우선, 디스플레이 장치(100)는 복수의 페이지 중 제1 페이지를 표시한다(S1110). 이때, 복수의 페이지 각각은 컨텐츠(예를 들어, 필기 컨텐츠, 동영상 컨텐츠, 이미지 컨텐츠 등)을 포함할 수 있다.
그리고, 디스플레이 장치(100)는 제1 페이지가 표시되는 동안 기설정된 터치 입력이 감지되었는지 여부를 판단한다(S1120). 이때, 기설정된 터치 입력은 제1 페이지에 표시된 편집 툴 UI에 포함된 기설정된 아이콘을 선택하는 터치 입력일 수 있으나, 이에 한정되는 것은 아니다.
기설정된 터치 입력이 감지되면(S1120-Y), 디스플레이 장치(100)는 복수의 페이지 각각에 대응되는 복수의 프리뷰 페이지를 포함하는 프리뷰 UI를 표시한다(S1130). 이때, 프리뷰 UI는 복수의 프리뷰 페이지 중 일부만을 표시할 수 있으며, 사용자 터치에 따라 스크롤되어 네빅게이션될 수 있다. 또한, 프리뷰 UI는 사용자 터치에 따라 디스플레이(110) 내에서 이동 가능하며, 사용자 위치에 대응되는 영역에 표시될 수 있다.
디스플레이 장치(100)는 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되었는지 여부를 판단한다(S1140).
프리뷰 페이지 중 하나에 터치 입력이 감지된 경우(S1140-Y), 디스플레이 장치(100)는 터치 입력에 따라 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정한다(S1150). 일 실시예로, 현재 표시되는 제1 페이지에 대응되는 제1 프리뷰 페이지에 터치 입력이 감지되면, 디스플레이 장치(100)는 터치 입력에 따라 제1 프리뷰 페이지에 포함된 컨텐츠 및 현재 표시되는 제1 페이지에 포함된 컨텐츠를 동시에 수정할 수 있다. 또 다른 실시예로, 복수의 페이지 중 현재 디스플레이되지 않은 제2 페이지에 대응되는 제2 프리뷰 페이지에 터치 입력이 감지되면, 디스플레이 장치(100)는 터치 입력에 따라 제2 프리뷰 페이지에 포함된 컨텐츠를 수정하고, 수정된 컨텐츠를 포함하는 제2 페이지를 저장할 수 있다. 그리고, 제2 페이지로 전환하기 위한 터치 입력이 감지되면, 디스플레이 장치(100)는 수정된 컨텐츠를 포함하는 제2 페이지를 표시할 수 있다.
상술한 바와 같은 본 개시의 다양한 실시예에 의해, 사용자는 프리뷰 UI를 통해 더욱 간편하고 직관적으로 현재 표시되지 않은 페이지를 네비게이션하거나 페이지의 컨텐츠를 수정할 수 있게 된다. 이에 의해, 대화면의 디스플레이를 디스플레이 장치에 대한 사용성과 편리성이 증가할 수 있게 된다.
본 문서의 다양한 실시예들은 기기(machine)(예: 컴퓨터)로 읽을 수 있는 저장 매체(machine-readable storage media에 저장된 명령어를 포함하는 소프트웨어로 구현될 수 있다. 기기는, 저장 매체로부터 저장된 명령어를 호출하고, 호출된 명령어에 따라 동작이 가능한 장치로서, 개시된 실시예들에 따른 전자 장치(예: 전자 장치(A))를 포함할 수 있다. 상기 명령이 프로세서에 의해 실행될 경우, 프로세서가 직접, 또는 상기 프로세서의 제어하에 다른 구성요소들을 이용하여 상기 명령에 해당하는 기능을 수행할 수 있다. 명령은 컴파일러 또는 인터프리터에 의해 생성 또는 실행되는 코드를 포함할 수 있다. 기기로 읽을 수 있는 저장매체는, 비일시적(non-transitory) 저장매체의 형태로 제공될 수 있다. 여기서, '비일시적'은 저장매체가 신호(signal)를 포함하지 않으며 실재(tangible)한다는 것을 의미할 뿐 데이터가 저장매체에 반영구적 또는 임시적으로 저장됨을 구분하지 않는다.
일시예에 따르면, 본 문서에 개시된 다양한 실시예들에 따른 방법은 컴퓨터 프로그램 제품(computer program product)에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 저장 매체(예: compact disc read only memory (CD-ROM))의 형태로, 또는 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 온라인으로 배포될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.
다양한 실시예들에 따른 구성 요소(예: 모듈 또는 프로그램) 각각은 단수 또는 복수의 개체로 구성될 수 있으며, 전술한 해당 서브 구성 요소들 중 일부 서브 구성 요소가 생략되거나, 또는 다른 서브 구성 요소가 다양한 실시예에 더 포함될 수 있다. 대체적으로 또는 추가적으로, 일부 구성 요소들(예: 모듈 또는 프로그램)은 하나의 개체로 통합되어, 통합되기 이전의 각각의 해당 구성 요소에 의해 수행되는 기능을 동일 또는 유사하게 수행할 수 있다. 다양한 실시예들에 따른, 모듈, 프로그램 또는 다른 구성 요소에 의해 수행되는 동작들은 순차적, 병렬적, 반복적 또는 휴리스틱하게 실행되거나, 적어도 일부 동작이 다른 순서로 실행되거나, 생략되거나, 또는 다른 동작이 추가될 수 있다.
110: 디스플레이 120: 입력부
130: 메모리 140: 프로세서
150: 통신부 160: 오디오 출력부
170: 감지부

Claims (20)

  1. 디스플레이 장치의 제어 방법에 있어서,
    복수의 페이지 중 제1 페이지를 표시하는 단계;
    상기 제1 페이지가 표시되는 동안 기설정된 터치 입력이 감지되면, 상기 제1 페이지를 포함하는 상기 복수의 페이지 각각에 대응되는 상기 제1 페이지보다 작은 크기의 이미지로 이루어진 복수의 프리뷰 페이지를 포함하는 프리뷰 UI 및 상기 제1 페이지를 표시하는 단계; 및
    상기 제1 페이지 및 상기 복수의 프리뷰 페이지가 표시되는 동안 상기 복수의 프리뷰 페이지 중 상기 제1 페이지에 대응하는 제1 프리뷰 페이지에 제2 터치 입력이 감지되면, 상기 제2 터치 입력에 기초한 필기 컨텐츠를 상기 제1 페이지에 삽입하여 상기 제1 프리뷰 페이지에 대응되는 상기 제1 페이지의 컨텐츠를 수정하는 단계;를 포함하고,
    상기 제어 방법은,
    상기 제1 페이지에 대응되는 제1 프리뷰 페이지에 핀치-아웃 터치가 감지되면 상기 제1 페이지를 줌-인하고, 상기 제1 프리뷰 페이지에 핀치-인 터치가 감지되면 상기 제1 페이지를 줌-아웃하는 단계;를 더 포함하는 제어 방법.
  2. 삭제
  3. 제1항에 있어서,
    상기 수정하는 단계는,
    상기 복수의 페이지 중 현재 디스플레이되지 않은 제2 페이지에 대응되는 제2 프리뷰 페이지에 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 제2 프리뷰 페이지에 포함된 컨텐츠를 수정하는 단계; 및
    상기 수정된 컨텐츠를 포함하는 제2 페이지를 저장하는 단계;를 포함하는 제어 방법.
  4. 제3항에 있어서,
    상기 제2 페이지로 전환하기 위한 터치 입력이 감지되면, 상기 수정된 컨텐츠를 포함하는 상기 제2 페이지를 표시하는 단계;를 더 포함하는 제어 방법.
  5. 삭제
  6. 제1항에 있어서,
    상기 프리뷰 UI를 표시하는 단계는,
    상기 프리뷰 UI 주변에 편집 툴 UI를 함께 표시하며,
    상기 수정하는 단계는,
    상기 편집 툴 UI에 포함된 아이콘 중 하나가 선택된 후 상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 상기 선택된 아이콘에 대응되는 편집 기능에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하는 제어 방법.
  7. 제1항에 있어서,
    상기 제1 페이지 상에 표시된 컨텐츠를 수정하기 위한 터치 입력이 감지되면, 상기 제1 페이지 상에 표시된 컨텐츠를 수정하는 동시에 상기 제1 페이지에 대응되는 제1 프리뷰 페이지 상에 표시된 컨텐츠를 수정하는 단계;를 포함하는 제어 방법.
  8. 제1항에 있어서,
    상기 프리뷰 UI의 일 지점을 기설정된 시간동안 터치한 후 드래그하는 터치 입력이 감지되면, 상기 드래그의 방향에 따라 상기 프리뷰 UI를 드래그하는 단계;를 포함하는 제어 방법.
  9. 제1항에 있어서,
    상기 프리뷰 UI를 표시하는 단계는,
    상기 제1 페이지 상에 표시된 편집 툴 UI 중 상기 프리뷰 UI를 생성하기 위한 아이콘을 선택하는 터치 입력이 감지되면, 상기 프리뷰 UI를 표시하는 것을 특징으로 하는 제어 방법.
  10. 제1항에 있어서,
    상기 수정하는 단계는,
    상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되는 동시에 상기 제1 페이지에 다른 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하는 동안 상기 다른 터치 입력에 따라 상기 제1 페이지 및 상기 제1 페이지에 대응되는 제1 프리뷰 페이지의 컨텐츠를 수정하는 제어 방법.
  11. 디스플레이 장치에 있어서,
    디스플레이;
    터치 입력을 감지하는 터치 입력부;
    메모리; 및
    상기 디스플레이, 상기 터치 입력부 및 상기 메모리와 연결되며, 상기 메모리에 저장된 프로그램을 이용하여 상기 디스플레이 장치의 동작을 제어하는 프로세서;를 더 포함하며,
    상기 프로세서는,
    복수의 페이지 중 제1 페이지를 표시하도록 상기 디스플레이를 제어하고,
    상기 제1 페이지가 표시되는 동안 상기 터치 입력부를 통해 기설정된 터치 입력이 감지되면, 상기 제1 페이지를 포함하는 상기 복수의 페이지 각각에 대응되는 상기 제1 페이지보다 작은 크기의 이미지로 이루어진 복수의 프리뷰 페이지를 포함하는 프리뷰 UI 및 상기 제1 페이지를 표시하도록 상기 디스플레이를 제어하며,
    상기 제1 페이지 및 상기 복수의 프리뷰 페이지가 표시되는 동안 상기 복수의 프리뷰 페이지 중 상기 제1 페이지에 대응하는 제1 프리뷰 페이지에 제2 터치 입력이 감지되면, 상기 제2 터치 입력에 기초한 필기 컨텐츠를 상기 제1 페이지에 삽입하여 상기 제1 프리뷰 페이지에 대응되는 상기 제1 페이지의 컨텐츠를 수정하도록 상기 디스플레이를 제어하고,
    상기 디스플레이 장치는,
    상기 제1 페이지에 대응되는 제1 프리뷰 페이지에 핀치-아웃 터치가 감지되면 상기 제1 페이지를 줌-인하고, 상기 제1 프리뷰 페이지에 핀치-인 터치가 감지되면 상기 제1 페이지를 줌-아웃하는. 디스플레이 장치.
  12. 삭제
  13. 제11항에 있어서,
    상기 프로세서는,
    상기 복수의 페이지 중 현재 디스플레이되지 않은 제2 페이지에 대응되는 제2 프리뷰 페이지에 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 제2 프리뷰 페이지에 포함된 컨텐츠를 수정하도록 상기 디스플레이를 제어하고,
    상기 수정된 컨텐츠를 포함하는 제2 페이지를 상기 메모리에 저장하는 디스플레이 장치.
  14. 제13항에 있어서,
    상기 프로세서는,
    상기 제2 페이지로 전환하기 위한 터치 입력이 감지되면, 상기 수정된 컨텐츠를 포함하는 상기 제2 페이지를 표시하도록 상기 디스플레이를 제어하는 디스플레이 장치.
  15. 삭제
  16. 제11항에 있어서,
    상기 프리뷰 UI 주변에 편집 툴 UI가 함께 표시되며,
    상기 프로세서는,
    상기 편집 툴 UI에 포함된 아이콘 중 하나가 선택된 후 상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되면, 상기 선택된 아이콘에 대응되는 편집 기능에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하도록 상기 디스플레이를 제어하는 디스플레이 장치.
  17. 제11항에 있어서,
    상기 프로세서는,
    상기 제1 페이지 상에 표시된 컨텐츠를 수정하기 위한 터치 입력이 감지되면, 상기 제1 페이지 상에 표시된 컨텐츠를 수정하는 동시에 상기 제1 페이지에 대응되는 제1 프리뷰 페이지 상에 표시된 컨텐츠를 수정하도록 상기 디스플레이를 제어하는 디스플레이 장치.
  18. 제11항에 있어서,
    상기 프로세서는,
    상기 프리뷰 UI의 일 지점을 기설정된 시간동안 터치한 후 드래그하는 터치 입력이 감지되면, 상기 드래그의 방향에 따라 상기 프리뷰 UI를 드래그하도록 상기 디스플레이를 제어하는 디스플레이 장치.
  19. 제11항에 있어서,
    상기 프로세서는,
    상기 제1 페이지 상에 표시된 편집 툴 UI 중 상기 프리뷰 UI를 생성하기 위한 아이콘을 선택하는 터치 입력이 감지되면, 상기 프리뷰 UI를 표시하도록 상기 디스플레이를 제어하는 디스플레이 장치.
  20. 제11항에 있어서,
    상기 프로세서는,
    상기 복수의 프리뷰 페이지 중 하나에 터치 입력이 감지되는 동시에 상기 제1 페이지에 다른 터치 입력이 감지되면, 상기 터치 입력에 따라 상기 터치 입력이 감지된 프리뷰 페이지에 포함된 컨텐츠를 수정하는 동안 상기 다른 터치 입력에 따라 상기 제1 페이지 및 상기 제1 페이지에 대응되는 제1 프리뷰 페이지의 컨텐츠를 수정하도록 상기 디스플레이를 제어하는 디스플레이 장치.





KR1020170111374A 2017-08-31 2017-08-31 프리뷰 ui를 제공할 수 있는 디스플레이 장치 및 이의 제어 방법 Active KR102403141B1 (ko)

Priority Applications (4)

Application Number Priority Date Filing Date Title
KR1020170111374A KR102403141B1 (ko) 2017-08-31 2017-08-31 프리뷰 ui를 제공할 수 있는 디스플레이 장치 및 이의 제어 방법
EP18852411.0A EP3662357B1 (en) 2017-08-31 2018-08-23 Display apparatus for providing preview ui and method of controlling display apparatus
PCT/KR2018/009708 WO2019045362A1 (en) 2017-08-31 2018-08-23 DISPLAY APPARATUS FOR PROVIDING A PREVIEWING UI AND METHOD FOR CONTROLLING DISPLAY APPARATUS
US16/118,035 US10871898B2 (en) 2017-08-31 2018-08-30 Display apparatus for providing preview UI and method of controlling display apparatus

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170111374A KR102403141B1 (ko) 2017-08-31 2017-08-31 프리뷰 ui를 제공할 수 있는 디스플레이 장치 및 이의 제어 방법

Publications (2)

Publication Number Publication Date
KR20190024404A KR20190024404A (ko) 2019-03-08
KR102403141B1 true KR102403141B1 (ko) 2022-05-30

Family

ID=65435125

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170111374A Active KR102403141B1 (ko) 2017-08-31 2017-08-31 프리뷰 ui를 제공할 수 있는 디스플레이 장치 및 이의 제어 방법

Country Status (4)

Country Link
US (1) US10871898B2 (ko)
EP (1) EP3662357B1 (ko)
KR (1) KR102403141B1 (ko)
WO (1) WO2019045362A1 (ko)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11762525B2 (en) * 2020-01-15 2023-09-19 Vmware, Inc. Enterprise branding configuration provisioning
CN113342249B (zh) * 2021-06-29 2022-11-11 平安消费金融有限公司 可实时预览的内容管理方法、装置、设备及存储介质
CN113986425B (zh) * 2021-10-22 2025-08-26 维沃移动通信有限公司 信息处理方法、装置、电子设备和可读存储介质

Family Cites Families (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8739073B2 (en) * 2007-05-15 2014-05-27 Microsoft Corporation User interface for document table of contents
US8788963B2 (en) * 2008-10-15 2014-07-22 Apple Inc. Scrollable preview of content
US8473862B1 (en) * 2009-05-21 2013-06-25 Perceptive Pixel Inc. Organizational tools on a multi-touch display device
KR20110020647A (ko) * 2009-08-24 2011-03-03 삼성전자주식회사 Ｕｉ 제공방법 및 이를 적용한 멀티미디어 기기
WO2012016032A2 (en) * 2010-07-29 2012-02-02 Ironcutter Media, Llc System and method for individualized media publishing
JP5807433B2 (ja) 2011-08-03 2015-11-10 大日本印刷株式会社 コンピュータ装置、電子ペンシステム、及びプログラム
KR101711537B1 (ko) * 2012-02-24 2017-03-02 엘지전자 주식회사 이동 단말기 및 그것의 제어 방법
JP2014023132A (ja) 2012-07-24 2014-02-03 Sharp Corp 画像表示システム及び画像形成装置
KR102078390B1 (ko) * 2012-07-30 2020-02-17 삼성전자 주식회사 멀티 터치를 통한 기하학적 도형을 그리는 방법 및 장치
US20140115070A1 (en) * 2012-10-22 2014-04-24 Nokia Corporation Apparatus and associated methods
US9519624B1 (en) * 2013-02-05 2016-12-13 Inkling Systems, Inc. Displaying previews of content items for electronic works in a target rendering environment
JP6040863B2 (ja) * 2013-05-24 2016-12-07 コニカミノルタ株式会社 画像形成装置およびプログラム
JP5751281B2 (ja) 2013-05-28 2015-07-22 ブラザー工業株式会社 画像表示装置及び画像表示プログラム
US20150234796A1 (en) * 2014-02-18 2015-08-20 Mobile Oxygen Llc Creating, managing, and distributing dynamic content to smartphones
KR101891245B1 (ko) 2014-02-24 2018-09-28 에스케이테크엑스 주식회사 미리보기 화면을 이용한 문서 편집 시스템 및 방법
KR20160019741A (ko) * 2014-08-12 2016-02-22 엘지전자 주식회사 미러 디스플레이 장치 및 그의 동작 방법
KR20160029536A (ko) * 2014-09-05 2016-03-15 엘지전자 주식회사 이동 단말기 및 그것의 제어방법
KR102272310B1 (ko) 2014-11-18 2021-07-02 삼성전자주식회사 영상 처리 방법, 상기 방법을 기록한 컴퓨터 판독 가능 저장매체 및 전자 기기.
KR20160066799A (ko) * 2014-12-03 2016-06-13 주식회사 인프라웨어 멀티미디어 컨텐츠 미리보기를 제공하기 위한 방법, 장치 및 컴퓨터 프로그램
US9898172B2 (en) * 2015-09-25 2018-02-20 Dropbox, Inc. Content item activity feed for presenting events associated with content items
JP6147825B2 (ja) * 2015-09-29 2017-06-14 株式会社東芝 電子機器および方法
KR102316024B1 (ko) 2017-03-02 2021-10-26 삼성전자주식회사 디스플레이 장치 및 디스플레이 장치의 사용자 인터페이스 표시 방법

Also Published As

Publication number Publication date
US10871898B2 (en) 2020-12-22
EP3662357B1 (en) 2022-03-16
KR20190024404A (ko) 2019-03-08
WO2019045362A1 (en) 2019-03-07
EP3662357A1 (en) 2020-06-10
EP3662357A4 (en) 2020-07-29
US20190065048A1 (en) 2019-02-28

Similar Documents

Publication Publication Date Title
US11556241B2 (en) Apparatus and method of copying and pasting content in a computing device
CN108121457B (zh) 提供字符输入界面的方法和设备
KR102184288B1 (ko) 입력 유닛에 햅틱 효과를 제공하는 휴대 단말 및 방법
KR102091235B1 (ko) 휴대 단말기에서 메시지를 편집하는 장치 및 방법
US10534509B2 (en) Electronic device having touchscreen and input processing method thereof
CN111566604B (zh) 电子装置及其操作方法
US20120096393A1 (en) Method and apparatus for controlling touch screen in mobile terminal responsive to multi-touch inputs
KR102462364B1 (ko) 스크롤바를 이용한 이미지 디스플레이 방법 및 이를 위한 장치
CN103294337A (zh) 电子装置及控制方法
CN106104450B (zh) 选择图形用户界面某一部分的方法
US10430071B2 (en) Operation of a computing device functionality based on a determination of input means
KR20150134674A (ko) 사용자 단말 및 이의 제어 방법, 그리고 멀티미디어 시스템
US10684772B2 (en) Document viewing apparatus and program
KR102311268B1 (ko) 입력 필드의 이동 방법 및 장치
KR20160053675A (ko) 전자 칠판 장치 및 그 제어 방법
KR20130097331A (ko) 터치 스크린을 구비하는 전자기기에서 객체를 선택하기 위한 장치 및 방법
KR102403141B1 (ko) 프리뷰 ui를 제공할 수 있는 디스플레이 장치 및 이의 제어 방법
US20190317617A1 (en) Terminal Device And Recording Medium
WO2018149352A1 (zh) 电子书写方法、装置及电子终端
JP6971573B2 (ja) 電子機器、その制御方法およびプログラム
CN108062921B (zh) 显示装置、显示系统、显示方法以及记录介质
JP2018041376A (ja) 表示制御装置、その制御方法、およびプログラム、並びに記憶媒体
KR20140103631A (ko) 유저 인터페이스를 통한 입력 처리 장치 및 방법
KR101444202B1 (ko) 터치 스크린을 통한 문서서식 적용방법 및 장치
JP7030529B2 (ja) 電子機器、情報処理方法、プログラム及び記憶媒体

Legal Events

Date Code Title Description
PA0109 Patent application

Patent event code: PA01091R01D

Comment text: Patent Application

Patent event date: 20170831

PG1501 Laying open of application
A201 Request for examination
PA0201 Request for examination

Patent event code: PA02012R01D

Patent event date: 20200722

Comment text: Request for Examination of Application

Patent event code: PA02011R01I

Patent event date: 20170831

Comment text: Patent Application

E902 Notification of reason for refusal
PE0902 Notice of grounds for rejection

Comment text: Notification of reason for refusal

Patent event date: 20210726

Patent event code: PE09021S01D

AMND Amendment
E601 Decision to refuse application
PE0601 Decision on rejection of patent

Patent event date: 20220114

Comment text: Decision to Refuse Application

Patent event code: PE06012S01D

Patent event date: 20210726

Comment text: Notification of reason for refusal

Patent event code: PE06011S01I

AMND Amendment
PX0901 Re-examination

Patent event code: PX09011S01I

Patent event date: 20220114

Comment text: Decision to Refuse Application

Patent event code: PX09012R01I

Patent event date: 20210927

Comment text: Amendment to Specification, etc.

PX0701 Decision of registration after re-examination

Patent event date: 20220303

Comment text: Decision to Grant Registration

Patent event code: PX07013S01D

Patent event date: 20220216

Comment text: Amendment to Specification, etc.

Patent event code: PX07012R01I

Patent event date: 20220114

Comment text: Decision to Refuse Application

Patent event code: PX07011S01I

Patent event date: 20210927

Comment text: Amendment to Specification, etc.

Patent event code: PX07012R01I

X701 Decision to grant (after re-examination)
GRNT Written decision to grant
PR0701 Registration of establishment

Comment text: Registration of Establishment

Patent event date: 20220524

Patent event code: PR07011E01D

PR1002 Payment of registration fee

Payment date: 20220525

End annual number: 3

Start annual number: 1

PG1601 Publication of registration
PR1001 Payment of annual fee

Payment date: 20250429

Start annual number: 4

End annual number: 4