KR102132390B1 - User terminal device and method for displaying thereof - Google Patents

User terminal device and method for displaying thereof Download PDF

Info

Publication number
KR102132390B1
KR102132390B1 KR1020140088924A KR20140088924A KR102132390B1 KR 102132390 B1 KR102132390 B1 KR 102132390B1 KR 1020140088924 A KR1020140088924 A KR 1020140088924A KR 20140088924 A KR20140088924 A KR 20140088924A KR 102132390 B1 KR102132390 B1 KR 102132390B1
Authority
KR
South Korea
Prior art keywords
screen
display
detected
interaction
user
Prior art date
Application number
KR1020140088924A
Other languages
Korean (ko)
Other versions
KR20150095537A (en
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/621,597 priority Critical patent/US10747416B2/en
Publication of KR20150095537A publication Critical patent/KR20150095537A/en
Application granted granted Critical
Publication of KR102132390B1 publication Critical patent/KR102132390B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & 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 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되면, 상기 제1 화면의 적어도 일부를 계속하여 디스플레이한 상태에서, 사용자 인터렉션이 감지된 코너 영역의 터치 위치상에 제2 화면을 디스플레이한다.A user terminal device and a display method thereof are provided. The display method of the user terminal device displays a first screen, and when a user interaction is detected in a diagonal direction after touching one of the corner areas of the first screen, at least part of the first screen is continuously displayed. In one state, the second screen is displayed on the touch position of the corner area where user interaction is detected.

Description

사용자 단말 장치 및 이의 디스플레이 방법{USER TERMINAL DEVICE AND METHOD FOR DISPLAYING THEREOF}USER TERMINAL DEVICE AND METHOD FOR DISPLAYING THEREOF}

본 발명은 사용자 단말 장치 및 이의 디스플레이 방법에 관한 것으로, 더욱 상세하게는 정사각형 형태의 디스플레이 패널을 포함하는 사용자 단말 장치 및 이의 디스플레이 방법에 관한 것이다.The present invention relates to a user terminal device and a display method thereof, and more particularly, to a user terminal device including a square type display panel and a display method thereof.

전자 기술의 발달에 힘입어 다양한 유형의 사용자 단말 장치들이 개발 및 보급되고 있다. 최근에는 사용자 단말 장치의 크기도 최소화되면서 그 기능은 더욱 다양해져, 그 수요가 점점 더 늘어나고 있다.With the development of electronic technology, various types of user terminal devices have been developed and distributed. Recently, as the size of a user terminal device is also minimized, its functions are more diversified, and the demand is increasing.

사용자 단말 장치는 사용자의 요청에 따라 멀티미디어 컨텐츠나, 어플리케이션 화면 등과 같이 다양한 컨텐츠를 제공할 수 있다. 사용자는 사용자 단말 장치에 구비된 버튼이나 터치 스크린 등을 이용하여, 자신이 사용하고자 하는 기능을 선택할 수 있다. 사용자 단말 장치는 사용자와의 인터렉션에 따라 선택적으로 프로그램을 실행시켜, 그 실행 결과를 디스플레이할 수 있다.The user terminal device may provide various contents such as multimedia contents or application screens according to a user's request. The user may select a function to be used by the user by using a button or a touch screen provided in the user terminal device. The user terminal device may selectively execute a program according to interaction with a user, and display the execution result.

한편, 사용자 단말 장치에서 제공할 수 있는 기능이 점차 다양해짐에 따라, 컨텐츠를 디스플레이하는 방식이나 사용자 인터렉션 방식에 대해서도 다양한 니즈(needs)가 발생하고 있다. 즉, 컨텐츠를 디스플레이하는 방식이 변하고, 컨텐츠의 종류 및 기능이 크게 증대함에 따라, 단순히 버튼을 선택하거나, 터치 스크린을 터치하는 종래의 인터렉션 방식으로는 사용자 단말 장치의 다양한 기능을 수행하기에 부족한 경우가 발생할 수 있다.Meanwhile, as functions that can be provided by a user terminal device are gradually diversified, various needs are generated for a method of displaying content or a user interaction method. That is, when the method of displaying content changes and the type and function of the content greatly increases, the conventional interaction method of simply selecting a button or touching the touch screen is insufficient to perform various functions of the user terminal device. Can occur.

이에 따라, 사용자가 더욱 편리한 방식으로 사용자 단말 장치를 이용할 수 있도록 하는 사용자 인터렉션 기술에 대한 필요성이 대두되고 있다.Accordingly, there is a need for a user interaction technology that enables a user to use a user terminal device in a more convenient manner.

본 발명은 상술한 필요성에 따른 것으로, 본 발명의 목적은 사용자 단말 장치에서 제1 화면의 코너 영역들 중 하나를 터치한 후 드래그하는 사용자 인터렉션을 통해 사용자 단말 장치의 다양한 기능을 수행할 수 있는 사용자 단말 장치 및 그의 디스플레이 방법을 제공함에 있다. The present invention is in accordance with the above-described needs, and an object of the present invention is to perform a user terminal device through a user interaction by touching and dragging one of the corner areas of the first screen on the user terminal device. It is to provide a terminal device and a display method thereof.

본 발명의 또 다른 목적은, 정사각형 형태의 디스플레이 패널을 가지는 사용자 단말 장치에서 복수의 정사각형 셀을 포함하는 그리드 화면에 복수의 오브젝트를 디스플레이하고, 사용자 인터렉션에 따라 복수의 오브젝트에 대한 다양한 기능을 제공할 수 있는 사용자 단말 장치 및 그의 디스플레이 방법을 제공함에 있다.Another object of the present invention is to display a plurality of objects on a grid screen including a plurality of square cells in a user terminal device having a square type display panel, and provide various functions for a plurality of objects according to user interaction. It is to provide a user terminal device and a display method thereof.

상기 목적을 달성하기 위한 본 발명의 일 실시예에 따르면, 사용자 단말 장치의 디스플레이 방법은, 제1 화면을 디스플레이하는 단계; 및 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 드래그하는 사용자 인터렉션이 감지되면, 상기 제1 화면의 적어도 일부를 계속하여 디스플레이하는 상태에서 상기 사용자 인터렉션이 감지된 코너 영역의 터치 위치 상에 제2 화면을 디스플레이하는 단계;를 포함한다.According to an embodiment of the present invention for achieving the above object, a display method of a user terminal device includes: displaying a first screen; And when a user interaction dragging after touching one of the corner areas of the first screen is detected, on a touch position of the corner area where the user interaction is detected while continuously displaying at least a portion of the first screen. And displaying the second screen.

그리고, 상기 제2 화면을 디스플레이하는 단계는, 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 상기 제1 화면 내에서 상기 사용자 인터렉션이 감지된 코너 영역이 상기 사용자 인터렉션에 의해 접히면서, 상기 접힌 코너 영역에 상기 제2 화면을 디스플레이할 수 있다.Then, in the displaying of the second screen, when a user interaction that is dragged in a diagonal direction after touching one of the corner areas of the first screen is detected, the user interaction is detected within the first screen. While the corner area is folded by the user interaction, the second screen may be displayed in the folded corner area.

또한, 상기 제2 화면은, 상기 제1 화면의 네 개의 코너 영역들 중 상기 사용자 인터렉션이 감지된 코너 영역의 위치에 따라 상이한 정보를 포함할 수 있다.In addition, the second screen may include different information according to the position of the corner area where the user interaction is detected among the four corner areas of the first screen.

그리고, 상기 제2 화면을 디스플레이하는 단계는, 상기 사용자 인터렉션이 감지된 코너 영역의 위치에 따라 상기 제2 화면에 현재 실행중인 어플리케이션에 대한 정보, 홈 화면으로 이동가능함을 안내하는 정보, 현재 사용자 단말 장치의 상태 정보 및 사용자가 지정한 어플리케이션에 대한 퀵 액세스 정보 중 하나를 디스플레이할 수 있다.In addition, the displaying of the second screen includes: information on an application currently being executed on the second screen according to the location of the corner area where the user interaction is detected, information that guides the user to move to the home screen, and the current user terminal. One of the device status information and quick access information for a user-designated application may be displayed.

또한, 상기 제2 화면의 크기는 상기 사용자 인터렉션의 드래그 량에 따라 상이하며, 상기 제2 화면에 포함된 정보의 양은 상기 제2 화면의 크기에 따라 상이하게 변경될 수 있다.In addition, the size of the second screen is different according to the drag amount of the user interaction, and the amount of information included in the second screen may be changed differently according to the size of the second screen.

그리고, 상기 제1 화면은 정사각형 형태이며, 상기 사용자 인터렉션이 반대측 방향의 코너 영역까지 이어지면, 상기 제1 화면을 상기 제2 화면으로 대체하는 단계;를 포함할 수 있다.The first screen may have a square shape, and when the user interaction extends to a corner area in the opposite direction, replacing the first screen with the second screen.

또한, 상기 제1 화면이 이-북(e-book) 컨텐츠를 디스플레이하는 경우, 상기 제2 화면을 디스플레이하는 단계는, 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되면, 상기 사용자 인터렉션이 감지된 코너 영역에 북마크 표시를 포함하는 제2 화면을 디스플레이할 수 있다.In addition, when the first screen displays e-book content, the step of displaying the second screen includes touching one of the corner areas of the first screen and dragging it diagonally. When a user interaction is detected, a second screen including a bookmark display may be displayed in a corner area where the user interaction is detected.

그리고, 외부로부터 메시지가 수신된 경우, 상기 제2 화면을 디스플레이하는 단계는, 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되면, 상기 사용자 인터렉션이 감지된 코너 영역에 상기 메시지가 수신됨을 안내하는 아이콘 및 상기 수신된 메시지에 대한 정보 중 적어도 하나를 포함하는 제2 화면을 디스플레이할 수 있다.Then, when a message is received from the outside, the step of displaying the second screen may include detecting the user interaction when a user interaction touching a corner of the first screen and dragging in a diagonal direction is detected. A second screen including at least one of an icon indicating that the message is received and information on the received message may be displayed in the corner area.

또한, 상기 제1 화면이 사진 컨텐츠를 디스플레이하는 경우, 상기 제2 화면을 디스플레이하는 단계는, 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되면, 상기 사용자 인터렉션이 감지된 코너 영역에 상기 사진 컨텐츠에 대한 복수의 태스크를 수행할 수 있는 적어도 하나의 아이콘을 포함하는 제2 화면을 디스플레이할 수 있다.In addition, when the first screen displays the picture content, the step of displaying the second screen is when the user interaction of touching one of the corner areas of the first screen and dragging in the diagonal direction is detected. A second screen including at least one icon capable of performing a plurality of tasks on the photo content may be displayed in a corner area where user interaction is detected.

그리고, 제1 화면 및 제2 화면은 정사각형 형태이며, 상기 제1 화면 및 제2 화면은 하나의 코너 영역을 공유할 수 있다.In addition, the first screen and the second screen are square, and the first screen and the second screen may share one corner area.

한편, 상기 목적을 달성하기 위한 본 발명의 일 실시예에 따른, 사용자 단말 장치는, 제1 화면을 디스플레이하는 디스플레이부; 사용자 인터렉션을 감지하는 감지부; 및 상기 감지부를 통해 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 드래그하는 사용자 인터렉션이 감지되면, 상기 제1 화면의 적어도 일부를 계속하여 디스플레이하는 상태에서 상기 사용자 인터렉션이 감지된 코너 영역의 터치 위치 상에 제2 화면을 디스플레이하도록 상기 디스플레이부를 제어하는 제어부;를 포함한다.On the other hand, according to an embodiment of the present invention for achieving the above object, the user terminal device, a display unit for displaying a first screen; A sensing unit that detects user interaction; And when a user interaction touching and dragging one of the corner areas of the first screen through the sensing unit is detected, while displaying at least a portion of the first screen continuously, the user interaction of the corner area where the user interaction is detected is detected. It includes; a control unit for controlling the display unit to display a second screen on the touch position.

그리고, 상기 제어부는, 상기 감지부를 통해 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 상기 제1 화면 내에서 상기 사용자 인터렉션이 감지된 코너 영역이 상기 사용자 인터렉션에 의해 접히면서, 접힌 코너 영역에 상기 제2 화면을 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.In addition, when the user interaction of dragging in the diagonal direction after touching one of the corner areas of the first screen through the sensing unit is detected, the control unit detects the user interaction within the first screen. The display unit may be controlled to display the second screen in a folded corner area while being folded by the user interaction.

또한, 상기 제2 화면은, 상기 제1 화면의 네 개의 코너 영역들 중 상기 사용자 인터렉션이 감지된 코너 영역의 위치에 따라 상이한 정보를 포함할 수 있다.In addition, the second screen may include different information according to the position of the corner area where the user interaction is detected among the four corner areas of the first screen.

그리고, 상기 제어부는, 상기 감지부를 통해 상기 사용자 인터렉션이 감지된 코너 영역의 위치에 따라 상기 제2 화면에 현재 실행중인 어플리케이션에 대한 정보, 홈 화면으로 이동가능함을 안내하는 정보, 현재 사용자 단말 장치의 상태 정보 및 사용자가 지정한 어플리케이션에 대한 퀵 액세스 정보 중 하나를 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.And, the control unit, the information on the application currently being executed on the second screen according to the location of the corner area where the user interaction is detected through the detection unit, information to guide the movement to the home screen, the current user terminal device The display unit may be controlled to display one of status information and quick access information for a user-designated application.

또한, 상기 제어부는, 상기 제2 화면의 크기를 상기 사용자 인터렉션의 드래그 량에 따라 상이하게 변경하며, 상기 제2 화면에 포함된 정보의 양을 상기 제2 화면의 크기에 따라 상이하게 변경할 수 있다.In addition, the control unit may change the size of the second screen differently according to the drag amount of the user interaction, and change the amount of information included in the second screen differently according to the size of the second screen. .

그리고, 상기 제1 화면은 정사각형 형태이며, 상기 제어부는, 상기 사용자 인터렉션이 반대측 방향의 코너 영역까지 이어지면, 상기 제1 화면을 상기 제2 화면으로 대체하도록 상기 디스플레이부를 제어할 수 있다.In addition, the first screen is in a square shape, and the control unit may control the display unit to replace the first screen with the second screen when the user interaction extends to a corner area in the opposite direction.

또한, 상기 제1 화면이 이-북(e-book) 컨텐츠를 디스플레이하는 경우, 상기 제어부는, 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되면, 상기 사용자 인터렉션이 감지된 코너 영역에 북마크 표시를 포함하는 제2 화면을 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.In addition, when the first screen displays e-book content, the control unit detects a user interaction that touches one of the corner areas of the first screen and drags in a diagonal direction, The display unit may be controlled to display a second screen including a bookmark display in a corner area where the user interaction is detected.

그리고, 외부로부터 메시지가 수신된 경우, 상기 제어부는, 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되면, 상기 사용자 인터렉션이 감지된 코너 영역에 상기 메시지가 수신됨을 안내하는 아이콘 및 상기 수신된 메시지에 대한 정보 중 적어도 하나를 포함하는 제2 화면을 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.In addition, when a message is received from the outside, when the user interaction dragging in a diagonal direction after touching one of the corner areas of the first screen is detected, the control unit displays the message in the corner area where the user interaction is detected. The display unit may be controlled to display a second screen including at least one of an icon for guiding reception and information on the received message.

또한, 상기 제1 화면이 사진 컨텐츠를 디스플레이하는 경우, 상기 제어부는, 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되면, 상기 사용자 인터렉션이 감지된 코너 영역에 상기 사진 컨텐츠에 대한 복수의 태스크를 수행할 수 있는 적어도 하나의 아이콘을 포함하는 제2 화면을 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.In addition, when the first screen displays the picture content, when the user interaction that touches one of the corner areas of the first screen and drags in a diagonal direction is detected, the user interaction is detected at the corner. The display unit may be controlled to display a second screen including at least one icon capable of performing a plurality of tasks on the photo content in an area.

그리고, 제1 화면 및 제2 화면은 정사각형 형태이며, 상기 제1 화면 및 제2 화면은 하나의 코너 영역을 공유할 수 있다.In addition, the first screen and the second screen are square, and the first screen and the second screen may share one corner area.

한편, 상기 목적을 달성하기 위한 본 발명의 일 실시예에 따른, 사용자 단말 장치의 디스플레이 방법은, 복수의 정사각형 셀을 포함하는 그리드 화면에서 복수의 오브젝트를 디스플레이하는 단계; 및 상기 복수의 오브젝트 중 제1 오브젝트를 터치하여 드래그하는 사용자 인터렉션이 감지된 경우, 상기 사용자 인터렉션의 드래그 거리 및 방향에 따라 상기 제1 오브젝트가 디스플레이되는 셀의 개수를 조절하여 상기 제1 오브젝트의 크기를 조절하는 단계;를 포함한다.On the other hand, according to an embodiment of the present invention for achieving the above object, the display method of the user terminal device, displaying a plurality of objects on a grid screen including a plurality of square cells; And when a user interaction by touching and dragging a first object among the plurality of objects is detected, the size of the first object is adjusted by adjusting the number of cells in which the first object is displayed according to a drag distance and direction of the user interaction. It includes; adjusting the.

그리고, 상기 조절하는 단계는, 상기 그리드 화면에 대해 기설정된 사용자 인터렉션이 감지된 경우, 상기 사용자 단말 장치의 모드를 그리드 편집 모드로 전환하는 단계; 상기 그리드 편집 모드 동안 상기 제1 오브젝트를 드래그하는 사용자 인터렉션이 감지된 경우, 상기 사용자 인터렉션의 드래그 거리 및 방향에 따라 상기 제1 오브젝트가 디스플레이되는 정사각형 셀을 판단하는 단계; 및 상기 판단된 정사각형 셀에 상기 제1 오브젝트의 크기를 조절하여 디스플레이하는 단계;를 포함할 수 있다.In addition, the adjusting step may include switching a mode of the user terminal device to a grid editing mode when a user interaction preset for the grid screen is detected; Determining a square cell in which the first object is displayed according to a drag distance and direction of the user interaction when a user interaction dragging the first object is detected during the grid editing mode; And adjusting and displaying the size of the first object in the determined square cell.

또한, 상기 조절하는 단계는, 상기 제1 오브젝트를 터치한 후, 상기 제1 오브젝트의 외부 방향으로 드래그하는 제1 사용자 인터렉션이 감지된 경우, 상기 제1 오브젝트가 디스플레이되는 정사각형 셀 영역의 개수를 증가시켜 상기 제1 오브젝트의 크기를 증가시키며, 상기 제1 오브젝트를 터치한 후, 상기 제1 오브젝트의 내부 방향으로 드래그하는 제2 사용자 인터렉션이 감지된 경우, 상기 제1 오브젝트가 디스플레이되는 정사각형 셀 영역의 개수를 감소시켜 상기 제1 오브젝트의 크기를 감소시킬 수 있다.In addition, the adjusting step increases the number of square cell regions in which the first object is displayed when the first user interaction dragging in the outer direction of the first object is detected after touching the first object. To increase the size of the first object, touch the first object, and then detect a second user interaction dragging in the inner direction of the first object, in the square cell area where the first object is displayed. The size of the first object may be reduced by reducing the number.

그리고, 상기 제1 사용자 인터렉션이 감지된 경우, 상기 제1 오브젝트를 제외한 복수의 오브젝트 중 일부를 다른 정사각형 셀 영역으로 이동시키며, 다른 일부를 디스플레이 화면에서 제거하고, 상기 제2 사용자 인터렉션이 감지된 경우, 상기 제1 오브젝트를 제외한 복수의 오브젝트 중 일부를 다른 정사각형 셀 영역으로 이동시키며, 새로운 오브젝트를 디스플레이 화면에 추가하는 단계;를 포함할 수 있다.In addition, when the first user interaction is detected, when some of the plurality of objects other than the first object are moved to another square cell area, the other part is removed from the display screen, and the second user interaction is detected. , Moving some of the plurality of objects except the first object to another square cell area, and adding a new object to the display screen.

또한, 상기 제1 오브젝트가 차지하는 정사각형 셀의 개수에 따라 상기 제1 오브젝트에 포함된 내용이 상이할 수 있다.Also, contents included in the first object may be different according to the number of square cells occupied by the first object.

그리고, 상기 제1 오브젝트가 제1 개수의 정사각형 셀에 디스플레이되는 경우, 상기 제1 오브젝트는 상기 제1 오브젝트에 대응되는 어플리케이션의 아이콘을 디스플레이하며, 상기 제1 오브젝트가 제2 개수의 정사각형 셀에 디스플레이되는 경우, 상기 제1 오브젝트는 상기 제1 오브젝트에 대응되는 어플리케이션의 간략 정보를 디스플레이하며, 상기 제1 오브젝트가 제3 개수의 정사각형 셀에 디스플레이되는 경우, 상기 제1 오브젝트는 상기 제1 오브젝트에 대응되는 어플리케이션의 상세 정보를 디스플레이하며, 상기 제1 오브젝트가 제4 개수의 정사각형 셀에 디스플레이되는 경우, 상기 제1 오브젝트는 상기 제1 오브젝트에 대응되는 어플리케이션의 실행 화면을 디스플레이할 수 있다.And, when the first object is displayed in a first number of square cells, the first object displays an icon of an application corresponding to the first object, and the first object is displayed in a second number of square cells If it is, the first object displays brief information of the application corresponding to the first object, and when the first object is displayed in a third number of square cells, the first object corresponds to the first object When the first object is displayed in a fourth number of square cells, the first object may display an execution screen of an application corresponding to the first object.

그리고, 상기 조절하는 단계는, 상기 제1 오브젝트가 정사각형 형태를 유지하다가 사용자 인터렉션에 따라 제1 오브젝트가 직사각형 형태로 변경된 경우, 상기 제1 오브젝트가 디스플레이되는 정사각형 셀 들 중 일부를 상기 제1 오브젝트와 관련된 메뉴를 디스플레이하는 단계;를 더 포함할 수 있다.And, in the adjusting step, when the first object is maintained in a square shape and the first object is changed to a rectangular shape according to user interaction, some of the square cells in which the first object is displayed are displayed with the first object. And displaying a related menu.

또한, 상기 제1 오브젝트와 관련된 메뉴를 디스플레이하는 단계는, 상기 사용자 인터렉션의 방향에 따라 상이한 유형의 제1 오브젝트와 관련된 메뉴를 디스플레이할 수 있다.Also, in the displaying of the menu related to the first object, a menu related to the first object of a different type may be displayed according to the direction of the user interaction.

그리고, 상기 복수의 정사각형 셀을 포함하는 그리드 화면은 정사각형 형태의 디스플레이 패널에서 디스플레이될 수 있다.In addition, the grid screen including the plurality of square cells may be displayed on a square type display panel.

또한, 상기 복수의 오브젝트 중 제1 오브젝트에 포함된 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되면, 상기 제1 오브젝트가 디스플레이되는 영역에 상기 제1 오브젝트에 대응되는 어플리케이션에 대한 화면을 디스플레이하는 단계;를 포함할 수 있다.In addition, when a user interaction of dragging in a diagonal direction after touching one of the corner areas included in the first object among the plurality of objects is detected, an application corresponding to the first object is displayed in an area where the first object is displayed. And displaying a screen for.

한편, 상기 목적을 달성하기 위한 본 발명의 일 실시예에 따른, 사용자 단말 장치는, 복수의 정사각형 셀을 포함하는 그리드 화면에서 복수의 오브젝트를 디스플레이하는 디스플레이부; 사용자 인터렉션을 감지하는 감지부; 및 상기 감지부를 통해 상기 복수의 오브젝트 중 제1 오브젝트를 터치하여 드래그하는 사용자 인터렉션이 감지된 경우, 상기 사용자 인터렉션의 드래그 거리 및 방향에 따라 상기 제1 오브젝트가 디스플레이되는 셀의 개수를 조절하여 상기 제1 오브젝트의 크기를 조절하는 제어부;를 포함한다.On the other hand, according to an embodiment of the present invention for achieving the above object, the user terminal device, a display unit for displaying a plurality of objects on a grid screen including a plurality of square cells; A sensing unit that detects user interaction; And when a user interaction by touching and dragging a first object among the plurality of objects is detected through the sensing unit, the number of cells in which the first object is displayed is adjusted according to a drag distance and a direction of the user interaction. 1, a control unit for adjusting the size of the object.

그리고, 상기 제어부는, 상기 감지부를 통해 상기 그리드 화면에 대해 기설정된 사용자 인터렉션이 감지된 경우, 상기 사용자 단말 장치의 모드를 그리드 편집 모드로 전환하고, 상기 그리드 편집 모드 동안 상기 제1 오브젝트를 드래그하는 사용자 인터렉션이 감지된 경우, 상기 사용자 인터렉션의 드래그 거리 및 방향에 따라 상기 제1 오브젝트가 디스플레이되는 정사각형 셀을 판단하며, 상기 판단된 정사각형 셀에 상기 제1 오브젝트의 크기를 조절하여 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.In addition, when a predetermined user interaction with respect to the grid screen is detected through the detection unit, the control unit switches a mode of the user terminal device to a grid editing mode, and drags the first object during the grid editing mode. When a user interaction is detected, the square cell on which the first object is displayed is determined according to the drag distance and direction of the user interaction, and the display unit is adjusted to display the size of the first object on the determined square cell. Can be controlled.

또한, 상기 제어부는, 상기 제1 오브젝트를 터치한 후, 상기 제1 오브젝트의 외부 방향으로 드래그하는 제1 사용자 인터렉션이 감지된 경우, 상기 제1 오브젝트가 디스플레이되는 정사각형 셀 영역의 개수를 증가시켜 상기 제1 오브젝트의 크기를 증가시키며, 상기 제1 오브젝트를 터치한 후, 상기 제1 오브젝트의 내부 방향으로 드래그하는 제2 사용자 인터렉션이 감지된 경우, 상기 제1 오브젝트가 디스플레이되는 정사각형 셀 영역의 개수를 감소시켜 상기 제1 오브젝트의 크기를 감소시킬 수 있다.In addition, the controller increases the number of square cell regions in which the first object is displayed when the first user interaction of touching the first object and dragging in the outer direction of the first object is detected. When the size of the first object is increased, and after the first object is touched and a second user interaction dragging in the inner direction of the first object is detected, the number of square cell regions in which the first object is displayed is determined. By reducing, the size of the first object may be reduced.

그리고, 상기 제어부는, 상기 제1 사용자 인터렉션이 감지된 경우, 상기 제1 오브젝트를 제외한 복수의 오브젝트 중 일부를 다른 정사각형 셀 영역으로 이동시키며, 다른 일부를 디스플레이 화면에서 제거하고, 상기 제2 사용자 인터렉션이 감지된 경우, 상기 제1 오브젝트를 제외한 복수의 오브젝트 중 일부를 다른 정사각형 셀 영역으로 이동시키며, 새로운 오브젝트를 디스플레이 화면에 추가할 수 있다.In addition, when the first user interaction is detected, the controller moves some of the plurality of objects except the first object to another square cell area, removes other parts from the display screen, and the second user interaction. When this is detected, some of the plurality of objects other than the first object may be moved to another square cell area, and a new object may be added to the display screen.

또한, 상기 제1 오브젝트가 차지하는 정사각형 셀의 개수에 따라 상기 제1 오브젝트에 포함된 내용이 상이할 수 있다.Also, contents included in the first object may be different according to the number of square cells occupied by the first object.

그리고, 상기 제어부는, 상기 제1 오브젝트가 제1 개수의 정사각형 셀에 디스플레이되는 경우, 상기 제1 오브젝트는 상기 제1 오브젝트에 대응되는 어플리케이션의 아이콘을 디스플레이하며, 상기 제1 오브젝트가 제2 개수의 정사각형 셀에 디스플레이되는 경우, 상기 제1 오브젝트는 상기 제1 오브젝트에 대응되는 어플리케이션의 간략 정보를 디스플레이하며, 상기 제1 오브젝트가 제3 개수의 정사각형 셀에 디스플레이되는 경우, 상기 제1 오브젝트는 상기 제1 오브젝트에 대응되는 어플리케이션의 상세 정보를 디스플레이하며, 상기 제1 오브젝트가 제4 개수의 정사각형 셀에 디스플레이되는 경우, 상기 제1 오브젝트는 상기 제1 오브젝트에 대응되는 어플리케이션의 실행 화면을 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.In addition, when the first object is displayed in a first number of square cells, the control unit displays an icon of an application corresponding to the first object, and the first object has a second number of objects. When displayed in a square cell, the first object displays brief information of an application corresponding to the first object, and when the first object is displayed in a third number of square cells, the first object is the first object Displays detailed information of an application corresponding to one object, and when the first object is displayed in a fourth number of square cells, the first object is displayed to display an execution screen of an application corresponding to the first object We can control wealth.

또한, 상기 제어부는, 상기 제1 오브젝트가 정사각형 형태를 유지하다가 사용자 인터렉션에 따라 제1 오브젝트가 직사각형 형태로 변경된 경우, 상기 제1 오브젝트가 디스플레이되는 정사각형 셀 들 중 일부를 상기 제1 오브젝트와 관련된 메뉴를 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.In addition, when the first object is maintained in a square shape and the first object is changed to a rectangular shape according to user interaction, the controller may control a part of the square cells in which the first object is displayed, related to the first object. The display unit may be controlled to display.

그리고, 상기 제어부는, 상기 사용자 인터렉션의 방향에 따라 상이한 유형의 제1 오브젝트와 관련된 메뉴를 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.In addition, the control unit may control the display unit to display a menu related to a first object of a different type according to the direction of the user interaction.

또한, 상기 디스플레이부는, 정사각형 형태의 디스플레이 패널에서 상기 복수의 정사각형 셀을 포함하는 그리드 화면을 디스플레이할 수 있다.In addition, the display unit may display a grid screen including the plurality of square cells on a square type display panel.

그리고, 상기 제어부는, 상기 감지부를 통해 상기 복수의 오브젝트 중 제1 오브젝트에 포함된 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되면, 상기 제1 오브젝트가 디스플레이되는 영역에 상기 제1 오브젝트에 대응되는 어플리케이션에 대한 화면을 디스플레이하도록 상기 디스플레이부를 제어할 수 있다.In addition, when the user interaction of dragging in the diagonal direction after touching one of the corner regions included in the first object among the plurality of objects is detected through the detection unit, the control unit may display a region in which the first object is displayed. The display unit may be controlled to display a screen for an application corresponding to the first object.

상술한 바와 같은 본 발명의 다양한 실시예에 따르면, 사용자는 정사각형 형태의 디스플레이 패널을 가지는 사용자 단말 장치를 통해 다양한 기능을 수행할 수 있게 된다. 이에 따라, 사용자 편의성 및 만족도가 향상될 수 있다.According to various embodiments of the present invention as described above, a user can perform various functions through a user terminal device having a square display panel. Accordingly, user convenience and satisfaction may be improved.

도 1은 본 발명의 일 실시예에 따른, 사용자 단말 장치의 구성을 간략히 도시한 블럭도,
도 2는 본 발명의 일 실시예에 따른, 사용자 단말 장치의 구성을 상세히 도시한 블럭도,
도 3a 및 도 3b는 본 발명의 일 실시예에 따른, 정사각형 형태의 디스플레이 패널을 가지는 사용자 단말 장치를 도시한 도면,
도 4는 본 발명의 일 실시예에 따른, 저장부에 저장된 소프트웨어의 구성을 설명하기 위한 도면,
도 5a 내지 18c는 본 발명의 일 실시예에 따른, 코너 영역에 대한 사용자 인터렉션에 따라 사용자 단말 장치의 다양한 기능을 수행하는 실시예를 설명하기 위한 도면들,
도 19a 내지 도 32c는 본 발명의 일 실시예에 따른, 복수의 정사각형 셀로 구성된 그리드 화면에서 사용자 단말 장치의 다양한 기능을 수행하는 실시예를 설명하기 위한 도면,
도 33 내지 도 38은 본 발명의 일 실시예에 따른, 복수의 사용자 단말 장치를 이용하여 다양한 기능을 수행하는 실시예를 설명하기 위한 도면들,
도 39 내지 도 48b는 본 발명의 일 실시예에 따른, 폴딩 인터렉션에 따라 사용자 단말 장치의 다양한 기능을 수행하는 실시예를 설명하기 위한 도면들,
도 49 내지 도 55c는 본 발명의 다양한 실시예에 따른, 코너 영역에 대한 사용자 인터렉션에 따라 사용자 단말 장치의 다양한 기능을 수행하는 실시예를 설명하기 위한 도면들, 그리고,
도 56 및 도 57은 본 발명의 다양한 실시예에 따른, 사용자 단말 장치의 디스플레이 방법을 설명하기 위한 흐름도들이다.
1 is a block diagram briefly showing the configuration of a user terminal device according to an embodiment of the present invention;
2 is a block diagram showing in detail the configuration of a user terminal device according to an embodiment of the present invention;
3A and 3B are diagrams illustrating a user terminal device having a square type display panel according to an embodiment of the present invention;
4 is a diagram for explaining a configuration of software stored in a storage unit according to an embodiment of the present invention;
5A to 18C are diagrams for explaining an embodiment of performing various functions of a user terminal device according to user interaction with a corner area, according to an embodiment of the present invention;
19A to 32C are diagrams for explaining an embodiment of performing various functions of a user terminal device on a grid screen composed of a plurality of square cells, according to an embodiment of the present invention;
33 to 38 are diagrams for explaining an embodiment of performing various functions using a plurality of user terminal devices according to an embodiment of the present invention,
39 to 48B are diagrams for explaining an embodiment of performing various functions of a user terminal device according to folding interaction, according to an embodiment of the present invention;
49 to 55C are diagrams for explaining an embodiment of performing various functions of a user terminal device according to user interaction with a corner area according to various embodiments of the present invention; and
56 and 57 are flowcharts for describing a display method of a user terminal device according to various embodiments of the present invention.

본 실시예들은 다양한 변환을 가할 수 있고 여러 가지 실시 예를 가질 수 있는바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나 이는 특정한 실시 형태에 대해 범위를 한정하려는 것이 아니며, 개시된 사상 및 기술 범위에 포함되는 모든 변환, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 실시예들을 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 요지를 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다. Since the present embodiments can apply various conversions and have various embodiments, specific embodiments will be illustrated in the drawings and described in detail in the detailed description. However, this is not intended to limit the scope of the specific embodiments, it should be understood to include all conversions, equivalents, or substitutes included in the scope of the disclosed ideas and techniques. In describing the embodiments, when it is determined that the detailed description of the related known technology may obscure the subject matter, the detailed description will be omitted.

제1, 제2 등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 구성요소들은 용어들에 의해 한정되어서는 안 된다. 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다. Terms such as first and second may be used to describe various components, but the components should not be limited by the terms. The terms are only used to distinguish one component from other components.

본 출원에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 권리범위를 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, "포함하다" 또는 "구성되다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.Terms used in the present application are only used to describe specific embodiments, and are not intended to limit the scope of rights. Singular expressions include plural expressions unless the context clearly indicates otherwise. In this application, terms such as “comprises” or “consist of” are intended to indicate that a feature, number, step, operation, component, part, or combination thereof described in the specification exists, one or more other It should be understood that features or numbers, steps, operations, components, parts, or combinations thereof are not excluded in advance.

실시예에 있어서 ‘모듈’ 혹은 ‘부’는 적어도 하나의 기능이나 동작을 수행하며, 하드웨어 또는 소프트웨어로 구현되거나 하드웨어와 소프트웨어의 결합으로 구현될 수 있다. 또한, 복수의‘모듈’ 혹은 복수의‘부’는 특정한 하드웨어로 구현될 필요가 있는 ‘모듈’ 혹은 ‘부’를 제외하고는 적어도 하나의 모듈로 일체화되어 적어도 하나의 프로세서(미도시)로 구현될 수 있다.In an embodiment, the'module' or the'unit' performs at least one function or operation, and may be implemented by hardware or software or a combination of hardware and software. In addition, a plurality of'modules' or a plurality of'units' are integrated into at least one module except for a'module' or a'unit' that needs to be implemented with specific hardware to be implemented with at least one processor (not shown). Can be.

이하, 실시예를 첨부도면을 참조하여 상세히 설명하기로 한다. 도 1은 본 발명의 일 실시예에 따른, 사용자 단말 장치(100)의 구성을 간략히 도시한 블록도이다. 도 1에 도시된 바와 같이, 사용자 단말 장치(100)는 디스플레이부(110), 감지부(120) 및 제어부(130)를 포함한다. 이때, 사용자 단말 장치(100)는 TV, PC, 랩탑 PC, 휴대폰, 태블릿 PC, PDA, MP3 플레이어, 키오스크, 전자 액자, 테이블 디스플레이 장치 등과 같이 다양한 유형의 장치로 구현될 수 있다. 휴대폰이나 태블릿 PC, PDA, MP3 플레이어, 랩탑 PC 등과 같이 휴대 가능한 유형의 장치로 구현되는 경우에는 모바일 디바이스로 명명할 수도 있으나, 본 명세서에서는 사용자 단말 장치로 통칭하여 설명한다.Hereinafter, embodiments will be described in detail with reference to the accompanying drawings. 1 is a block diagram briefly showing a configuration of a user terminal device 100 according to an embodiment of the present invention. As illustrated in FIG. 1, the user terminal device 100 includes a display unit 110, a sensing unit 120, and a control unit 130. At this time, the user terminal device 100 may be implemented as various types of devices, such as a TV, PC, laptop PC, mobile phone, tablet PC, PDA, MP3 player, kiosk, electronic picture frame, table display device, and the like. When implemented as a portable type device such as a mobile phone or tablet PC, PDA, MP3 player, laptop PC, etc., it may be referred to as a mobile device, but will be referred to as a user terminal device in this specification.

디스플레이부(110)는 다양한 영상 데이터 및 UI를 디스플레이한다. 특히, 디스플레이부(110)는 정사각형 형태의 디스플레이 패널을 포함하며, 정사각형 형태의 디스플레이 패널에 정사각형 형태를 가지는 적어도 하나의 오브젝트(예를 들어, 아이콘 등)를 디스플레이할 수 있다. 또한, 디스플레이부(110)는 감지부(120)를 통해 감지된 사용자 인터렉션에 따라 다양한 UI 및 화면을 제공할 수 있다.The display 110 displays various image data and UIs. In particular, the display 110 includes a square display panel, and may display at least one object (eg, an icon) having a square shape on the square display panel. In addition, the display 110 may provide various UIs and screens according to user interaction detected through the detector 120.

한편, 디스플레이부(110)는 감지부(120)에 포함된 터치 감지부와 결합하여 터치 스크린으로 구현될 수 있다. Meanwhile, the display 110 may be implemented as a touch screen in combination with the touch sensing unit included in the sensing unit 120.

감지부(120)는 사용자 인터렉션을 감지한다. 특히, 감지부(120)는 사용자 터치 인터렉션을 감지하는 터치 감지부를 포함할 수 있다. 또한, 감지부(120)는 터치 감지부를 통해 디스플레이부(110)에 포함된 복수의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 드래그 인터렉션을 감지할 수 있다.The sensing unit 120 detects user interaction. In particular, the sensing unit 120 may include a touch sensing unit that detects a user touch interaction. In addition, the sensing unit 120 may detect a drag interaction that touches one of a plurality of corner areas included in the display unit 110 and drags in a diagonal direction through the touch sensing unit.

제어부(130)는 사용자 단말 장치(100)의 전반적인 동작을 제어한다. 특히, 제어부(130)는 감지부(120)를 통해 감지된 다양한 사용자 인터렉션에 따라 정사각형 형태의 디스플레이 패널을 가지는 사용자 단말 장치(100)를 제어할 수 있다.The control unit 130 controls the overall operation of the user terminal device 100. In particular, the control unit 130 may control the user terminal device 100 having a square display panel according to various user interactions detected through the detection unit 120.

본 발명의 일 실시예로, 디스플레이부(110)가 제1 화면을 디스플레이하는 동안 제1 화면의 코너 영역들 중 하나를 터치한 후 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(130)는 제1 화면의 적어도 일부가 계속하여 디스플레이되는 상태에서 사용자 인터렉션이 감지된 코너 영역의 터치 위치 상에 제2 화면을 디스플레이하도록 디스플레이부(110)를 제어할 수 있다. 이때, 제1 화면 및 제2 화면은 정사각형 형태이며, 제1 화면 및 제2 화면은 하나의 코너 영역을 공유할 수 있다. 여기서, 제1 화면 및 제2 화면이 공유하는 코너 영역은 사용자 인터렉션이 감지된 코너 영역일 수 있다. 한편, 본 발명의 일 실시예에 따른, 제1 화면 및 제2 화면은 물리적으로 구분된 화면이 아니고, 컨텐츠, 어플리케이션 등을 표시하기 위한 논리적인 레이아웃으로서의 화면을 의미한다. 즉, 제2 화면이 제1 화면에 의해 가려진 상태로 제1 화면만이 디스플레이되는 동안 제1 화면의 코너 영역에 사용자 인터렉션이 감지된 경우, 제어부(190)는 사용자 인터렉션이 감지된 제1 화면의 코너 영역을 접으면서, 접힌 코너 영역에 가려진 제2 화면을 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.In one embodiment of the present invention, when the display unit 110 touches one of the corner areas of the first screen and then drags while the display unit 110 displays the first screen, the control unit 130 may display the first The display 110 may be controlled to display the second screen on the touch position of the corner area where user interaction is sensed while at least a part of the screen is continuously displayed. At this time, the first screen and the second screen are square, and the first screen and the second screen may share one corner area. Here, the corner areas shared by the first screen and the second screen may be corner areas where user interaction is detected. Meanwhile, according to an embodiment of the present invention, the first screen and the second screen are not physically divided screens, but refer to screens as a logical layout for displaying content, applications, and the like. That is, when a user interaction is detected in a corner area of the first screen while only the first screen is displayed while the second screen is covered by the first screen, the controller 190 displays the first screen in which the user interaction is detected. While folding the corner area, the display 110 may be controlled to display a second screen hidden in the folded corner area.

구체적으로, 정사각형 형태의 디스플레이 패널을 포함하는 디스플레이부(110)는 정사각형 형태의 제1 화면을 디스플레이할 수 있다. 이때, 감지부(120)를 통해 제1 화면의 4 개의 코너 영역 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(130)는 제1 화면 내에서 사용자 인터렉션이 감지된 코너 영역이 사용자 인터렉션에 의해 접히면서 접힌 코너 영역에 제2 화면을 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.Specifically, the display 110 including a square display panel may display a first screen having a square shape. At this time, if a user interaction that touches one of the four corner areas of the first screen through the detector 120 and drags in a diagonal direction is detected, the controller 130 detects the user interaction within the first screen. The display 110 may be controlled to display the second screen in the folded corner area while the corner area is folded by the user interaction.

이때. 코너 영역에 디스플레이되는 제2 화면은 제1 화면의 네 개의 코너 영역들 중 사용자 인터렉션이 감지된 코너 영역의 위치에 따라 상이한 정보를 포함할 수 있다. 예를 들어, 제어부(130)는 사용자 인터렉션이 감지된 코너 영역의 위치에 따라 제2 화면에 현재 실행중인 어플리케이션에 대한 정보, 홈 화면으로 이동가능함을 안내하는 정보, 현재 사용자 단말 장치의 상태 정보 및 사용자가 지정한 어플리케이션에 대한 퀵 액세스 정보 중 하나를 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.At this time. The second screen displayed on the corner area may include different information according to the position of the corner area where user interaction is detected among the four corner areas of the first screen. For example, according to the location of the corner area where user interaction is detected, the control unit 130 may display information about an application currently being executed on a second screen, information that can be moved to a home screen, status information of a current user terminal device, and The display 110 may be controlled to display one of quick access information for a user-designated application.

또한, 코너 영역에 디스플레이되는 제2 화면의 크기는 사용자 인터렉션의 드래그 량에 따라 상이할 수 있다. 구체적으로, 제어부(130)는 사용자 인터렉션의 드래그 길이에 비례하여 제2 화면의 크기를 증가시킬 수 있다.Also, the size of the second screen displayed in the corner area may be different according to the amount of dragging of the user interaction. Specifically, the controller 130 may increase the size of the second screen in proportion to the drag length of the user interaction.

또한, 제2 화면에 포함된 정보의 양은 제2 화면의 크기에 따라 상이하게 변경될 수 있다. 즉, 제어부(130)는 제2 화면의 크기가 커질수록 제2 화면에 포함된 정보의 양을 늘릴 수 있다.Also, the amount of information included in the second screen may be changed differently according to the size of the second screen. That is, the control unit 130 may increase the amount of information included in the second screen as the size of the second screen increases.

대각선 방향으로 드래그하는 사용자 인터렉션이 감지되는 동안, 사용자 인터렉션이 반대 측 방향의 코너 영역까지 이어지면, 제어부(130)는 디스플레이부(110)에 디스플레이되는 제1 화면을 제2 화면으로 대체하도록 디스플레이부(110)를 제어할 수 있다. 즉, 제어부(130)는 제1 화면을 제거하고, 전체 화면으로 제2 화면을 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.While the user interaction dragging in the diagonal direction is detected, if the user interaction extends to the corner area in the opposite direction, the controller 130 displays the display unit to replace the first screen displayed on the display unit 110 with the second screen. 110 can be controlled. That is, the controller 130 may control the display 110 to remove the first screen and display the second screen in full screen.

한편, 제2 화면은 제1 화면에 디스플레이되는 영상 컨텐츠나 어플리케이션의 종류에 따라 상이한 정보를 포함할 수 있다. 예를 들어, 제1 화면에 디스플레이되는 영상 컨텐츠가 방송 컨텐츠인 경우, 제2 화면은 제1 화면에 디스플레이된 방송 컨텐츠에 대한 관련 정보(예를 들어, 프로그램명, 채널번호, 채널 명 등)를 디스플레이하도록 디스플레이부(110)를 제어할 수 있다. 또한, 제1 화면에 디스플레이되는 영상 컨텐츠가 사진 컨텐츠인 경우, 제2 화면은 제1 화면에 디스플레이된 사진 컨텐츠에 대한 다양한 태스크를 수행할 수 있는 적어도 하나의 아이콘을 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.Meanwhile, the second screen may include different information depending on the type of image content or application displayed on the first screen. For example, when the video content displayed on the first screen is broadcast content, the second screen displays relevant information (eg, program name, channel number, channel name, etc.) about the broadcast content displayed on the first screen. The display 110 may be controlled to display. In addition, when the image content displayed on the first screen is photo content, the second screen displays 110 to display at least one icon capable of performing various tasks on the photo content displayed on the first screen. Can be controlled.

또한, 외부로부터 메시지가 수신된 경우, 제어부(130)는 제2 화면에 외부로부터 메시지가 수신됨을 안내하는 아이콘 및 외부로부터 수신된 메시지에 대한 정보 중 적어도 하나를 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.
In addition, when a message is received from the outside, the control unit 130 controls the display unit 110 to display at least one of an icon for guiding that the message is received from the outside and information on the message received from the outside on the second screen. can do.

본 발명의 다른 실시예로, 디스플레이부(110)가 복수의 정사각형 셀을 포함하는 그리드 화면에서 복수의 오브젝트를 디스플레이하는 동안 감지부(120)를 통해 복수의 오브젝트 중 제1 오브젝트를 터치하여 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(130)는 사용자 인터렉션의 드래그 거리 및 방향에 따라 제1 오브젝트가 디스플레이되는 셀의 개수를 조절하여 제1 오브젝트의 크기를 조절할 수 있다.In another embodiment of the present invention, while the display unit 110 displays a plurality of objects on a grid screen including a plurality of square cells, the first object among the plurality of objects is touched and dragged through the sensing unit 120. When a user interaction is detected, the controller 130 may adjust the size of the first object by adjusting the number of cells in which the first object is displayed according to the drag distance and direction of the user interaction.

구체적으로, 디스플레이부(110)는 정사각형 형태를 가지는 디스플레이 패널에 복수의 정사각형 셀을 포함하는 그리드 화면을 디스플레이할 수 있다. 이때, 복수의 정사각형 셀에는 적어도 하나의 오브젝트를 디스플레이할 수 있다. 이때, 오브젝트는 적어도 하나의 정사각형 셀을 차지하여 직사각형 또는 정사각형 형태를 이룰 수 있다.Specifically, the display 110 may display a grid screen including a plurality of square cells on a display panel having a square shape. At this time, at least one object may be displayed on the plurality of square cells. At this time, the object may occupy at least one square cell to form a rectangular or square shape.

디스플레이부(110)가 그리드 화면을 디스플레이하는 동안 감지부(120)를 통해 그리드 화면에 대해 기설정된 사용자 인터렉션이 감지된 경우, 제어부(130)는 사용자 단말 장치(100)의 모드를 그리드 편집 모드로 전환할 수 있다.When a predetermined user interaction with respect to the grid screen is detected through the sensing unit 120 while the display unit 110 displays the grid screen, the controller 130 sets the mode of the user terminal device 100 to the grid editing mode. You can switch.

그리고, 그리드 편집 모드 동안 복수의 오브젝트 중 제1 오브젝트를 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(130)는 사용자 인터렉션의 드래그 거리 및 방향에 따라 제1 오브젝트가 디스플레이되는 정사각형 셀을 판단하며, 판단된 정사각형 셀에 상기 제1 오브젝트의 크기를 조절하여 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.In addition, when a user interaction dragging a first object among a plurality of objects is detected during the grid editing mode, the controller 130 determines a square cell in which the first object is displayed according to the drag distance and direction of the user interaction, and determines The display 110 may be controlled to display by adjusting the size of the first object in the square cell.

구체적으로, 제1 오브젝트를 터치한 후, 제1 오브젝트의 외부 방향으로 드래그하는 제1 사용자 인터렉션이 감지된 경우, 제어부(130)는 제1 오브젝트가 디스플레이되는 정사각형 셀 영역의 개수를 증가시켜 제1 오브젝트의 크기를 증가시킬 수 있다. 이때, 제어부(130)는 제1 오브젝트를 제외한 복수의 오브젝트 중 일부를 다른 정사각형 셀 영역으로 이동시키며, 다른 일부를 디스플레이 화면에서 제거하도록 디스플레이부(110)를 제어할 수 있다.Specifically, when a first user interaction that touches the first object and drags it to the outside direction of the first object is detected, the controller 130 increases the number of square cell regions in which the first object is displayed to increase the number of square cell regions. You can increase the size of the object. At this time, the control unit 130 may control the display unit 110 to move some of the plurality of objects except the first object to another square cell area and remove the other part from the display screen.

그러나, 제1 오브젝트를 터치한 후, 제1 오브젝트의 내부 방향으로 드래그하는 제2 사용자 인터렉션이 감지된 경우, 제어부(130)는 제1 오브젝트가 디스플레이되는 정사각형 셀 영역의 개수를 감소시켜 제1 오브젝트의 크기를 감소시킬 수 있다. 이때, 제어부(130)는 제1 오브젝트를 제외한 복수의 오브젝트 중 일부를 다른 정사각형 셀 영역으로 이동시키며, 새로운 오브젝트를 디스플레이 화면에 추가하도록 디스플레이부(110)를 제어할 수 있다.However, if a second user interaction is detected after touching the first object and dragging in the inner direction of the first object, the controller 130 decreases the number of square cell regions in which the first object is displayed, thereby reducing the number of square cell regions. Can reduce the size of. At this time, the controller 130 may move some of the plurality of objects except the first object to another square cell area, and control the display unit 110 to add a new object to the display screen.

한편, 제어부(130)는 제1 오브젝트가 차지하는 정사각형 셀의 개수에 따라 제1 오브젝트에 포함된 내용이 상이해질 수 있다. 구체적으로, 제1 오브젝트가 제1 개수(예를 들어, 1개)의 정사각형 셀에 디스플레이되는 경우, 제어부(130)는 제1 오브젝트에 제1 오브젝트에 대응되는 어플리케이션의 아이콘을 디스플레이하도록 디스플레이부(110)를 제어할 수 있다. 또한, 제1 오브젝트가 제2 개수(예를 들어, 4개)의 정사각형 셀에 디스플레이되는 경우, 제어부(130)는 제1 오브젝트에 제1 오브젝트에 대응되는 어플리케이션의 간략 정보를 디스플레이하도록 디스플레이부(110)를 제어할 수 있다. 또한, 제1 오브젝트가 제3 개수(예를 들어, 9개)의 정사각형 셀에 디스플레이되는 경우, 제어부(130)는 제1 오브젝트에 제1 오브젝트에 대응되는 어플리케이션의 상세 정보를 디스플레이하도록 디스플레이부(110)를 제어할 수 있다. 또한, 제1 오브젝트가 제4 개수(예를 들어, 16개)의 정사각형 셀에 디스플레이되는 경우, 제어부(130)는 제1 오브젝트에 제1 오브젝트에 대응되는 어플리케이션의 실행 화면을 디스플레이하도록 디스플레이부(110)를 제어할 수 있다. Meanwhile, the control unit 130 may have different contents included in the first object according to the number of square cells occupied by the first object. Specifically, when the first object is displayed in a first number (eg, 1) of square cells, the controller 130 displays the display unit to display an icon of the application corresponding to the first object in the first object ( 110) can be controlled. In addition, when the first object is displayed in a second number (for example, four) of square cells, the controller 130 displays the first unit to display brief information of the application corresponding to the first object ( 110) can be controlled. In addition, when the first object is displayed in a third number (for example, 9) of square cells, the controller 130 displays the detailed information of the application corresponding to the first object in the first object. 110) can be controlled. In addition, when the first object is displayed in a fourth number of square cells (for example, 16), the controller 130 displays the display unit to display the execution screen of the application corresponding to the first object in the first object ( 110) can be controlled.

한편, 상술한 실시예에서는 오브젝트의 크기에 따라 4개의 상이한 형태의 내용을 제공하는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 오브젝트의 크기에 따라 4개를 제외한 복수의 상이한 형태의 내용을 제공할 수 있다.On the other hand, in the above-described embodiment, it was described as providing four different types of content according to the size of the object, but this is only one embodiment, and provides a plurality of different types of content except four depending on the size of the object. can do.

제1 오브젝트가 정사각형 형태를 유지하다가 사용자 인터렉션에 따라 제1 오브젝트가 직사각형 형태로 변경된 경우, 제어부(130)는 제1 오브젝트가 디스플레이되는 정사각형 셀 들 중 일부를 제1 오브젝트와 관련된 메뉴를 디스플레이하도록 디스플레이부(11)를 제어할 수 있다. 이때, 제어부(130)는 사용자 인터렉션의 방향에 따라 상이한 유형의 제1 오브젝트와 관련된 메뉴를 디스플레이하도록 디스플레이부(110)를 제어할 수 있다. When the first object maintains a square shape and the first object is changed to a rectangular shape according to user interaction, the controller 130 displays some of the square cells in which the first object is displayed to display a menu related to the first object The part 11 can be controlled. At this time, the controller 130 may control the display 110 to display a menu related to the first object of a different type according to the direction of user interaction.

또한, 감지부(120)를 통해 복수의 오브젝트 중 제1 오브젝트에 포함된 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되면, 제어부(130)는 제1 오브젝트가 디스플레이되는 영역에 제1 오브젝트에 대응되는 어플리케이션에 대한 화면을 디스플레이하도록 디스플레이부(110)를 제어할 수 있다.In addition, when a user interaction that touches one of the corner areas included in the first object among the plurality of objects and drags in a diagonal direction is detected through the sensing unit 120, the controller 130 displays the first object. The display 110 may be controlled to display a screen for an application corresponding to the first object in the region.

상술한 바와 같은 본 발명의 다양한 실시예에 의해, 사용자는 정사각형 형태의 디스플레이 패널을 가지는 사용자 단말 장치를 통해 다양한 기능을 수행할 수 있게 된다.
According to various embodiments of the present invention as described above, a user can perform various functions through a user terminal device having a square display panel.

이하에서는 도 2 내지 도 46b를 참조하여 본 발명에 대해 더욱 상세히 설명하기로 한다. 도 2는 본 발명의 일 실시예에 따른, 사용자 단말 장치(200)의 구성을 상세히 도시한 블럭도이다. 도 2에 도시된 바와 같이, 사용자 단말 장치(200)는 영상 수신부(210), 영상 처리부(220), 디스플레이부(230), 통신부(240), 저장부(250), 오디오 처리부(260), 스피커부(270), 감지부(280) 및 제어부(290)를 포함한다.Hereinafter, the present invention will be described in more detail with reference to FIGS. 2 to 46B. 2 is a block diagram showing in detail the configuration of the user terminal device 200 according to an embodiment of the present invention. 2, the user terminal device 200 includes an image receiving unit 210, an image processing unit 220, a display unit 230, a communication unit 240, a storage unit 250, an audio processing unit 260, It includes a speaker unit 270, a sensing unit 280 and a control unit 290.

한편, 도 2는 사용자 단말 장치(200)가 컨텐츠 제공 기능, 디스플레이 기능 등과 같이 다양한 기능을 구비한 장치인 경우를 예로 들어, 각종 구성 요소들을 종합적으로 도시한 것이다. 따라서, 실시 예에 따라서는, 도 2에 도시된 구성 요소 중 일부는 생략 또는 변경될 수도 있고, 다른 구성요소가 더 추가될 수도 있다.On the other hand, Figure 2, for example, when the user terminal device 200 is a device having various functions such as a content providing function, a display function, etc., for example, shows various components. Accordingly, according to an embodiment, some of the components illustrated in FIG. 2 may be omitted or changed, and other components may be further added.

영상 수신부(210)는 다양한 소스를 통해 영상 데이터를 수신한다. 예를 들어, 영상 수신부(210)는 외부의 방송국으로부터 방송 데이터를 수신할 수 있으며, 외부 서버로부터 실시간으로 VOD 데이터를 수신할 수 있으며, 외부 기기로부터 영상 데이터를 수신할 수 있다.The image receiving unit 210 receives image data through various sources. For example, the image receiving unit 210 may receive broadcast data from an external broadcasting station, receive VOD data in real time from an external server, and receive image data from an external device.

영상 처리부(220)는 영상 수신부(210)에서 수신한 영상 데이터에 대한 처리를 수행하는 구성요소이다. 영상 처리부(220)에서는 영상 데이터에 대한 디코딩, 스케일링, 노이즈 필터링, 프레임 레이트 변환, 해상도 변환 등과 같은 다양한 이미지 처리를 수행할 수 있다. The image processing unit 220 is a component that performs processing on image data received by the image receiving unit 210. The image processing unit 220 may perform various image processing such as decoding, scaling, noise filtering, frame rate conversion, and resolution conversion on the image data.

디스플레이부(230)는 영상 수신부(210)로부터 수신한 영상 데이터를 영상 처리부(220)에서 처리한 비디오 프레임 및 그래픽 처리부(293)에서 생성된 다양한 화면 중 적어도 하나를 디스플레이한다. The display 230 displays at least one of video frames received by the image receiving unit 210 and video frames processed by the image processing unit 220 and various screens generated by the graphic processing unit 293.

특히, 디스플레이부(230)는 영상 데이터를 출력하는 디스플레이 패널과 디스플레이 패널을 구동하는 구동부를 포함할 수 있다. 이때, 디스플레이 패널은 도 3a에 도시된 바와 같이, 정사각형 형태를 가질 수 있다. 그리고, 디스플레이 패널은 도 3b에 도시된 바와 같이, 정사각형 형태의 디스플레이 패널 가운데에 힌지부(310)를 포함하며, 사용자 단말 장치(200)는 힌지부(310)를 기준으로 접힐 수 있다.In particular, the display 230 may include a display panel for outputting image data and a driver for driving the display panel. At this time, the display panel may have a square shape, as shown in FIG. 3A. In addition, as shown in FIG. 3B, the display panel includes a hinge portion 310 in the center of a square display panel, and the user terminal device 200 can be folded based on the hinge portion 310.

한편, 도 3b에는 디스플레이부(230)가 베젤을 포함하지 않는 것으로 도시하였으나, 이는 일 실시예에 불과할 뿐, 도 3c에 도시된 바와 같이, 정사각형의 디스플레이 패널을 하우징하는 베젤(320)이 포함될 수 있다.Meanwhile, FIG. 3B illustrates that the display unit 230 does not include a bezel, but this is only an example, and as illustrated in FIG. 3C, a bezel 320 housing a square display panel may be included. have.

이때, 베젤(320)에는 사용자의 터치를 감지하는 터치 센서, 근접 센서 등이 포함될 수 있다.At this time, the bezel 320 may include a touch sensor, a proximity sensor, and the like, which detect a user's touch.

통신부(240)는 다양한 유형의 통신방식에 따라 다양한 유형의 외부 기기와 통신을 수행하는 구성이다. 통신부(240)는 와이파이칩(241), 블루투스 칩(242), 무선 통신 칩(243), NFC 칩(244)을 포함한다. 제어부(290)는 통신부(240)를 이용하여 각종 외부 기기와 통신을 수행한다. The communication unit 240 is a component that performs communication with various types of external devices according to various types of communication methods. The communication unit 240 includes a Wi-Fi chip 241, a Bluetooth chip 242, a wireless communication chip 243, and an NFC chip 244. The control unit 290 communicates with various external devices using the communication unit 240.

특히, 와이파이 칩(241), 블루투스 칩(242)은 각각 WiFi 방식, 블루투스 방식으로 통신을 수행한다. 와이파이 칩(241)이나 블루투스 칩(242)을 이용하는 경우에는 SSID 및 세션 키 등과 같은 각종 연결 정보를 먼저 송수신하여, 이를 이용하여 통신 연결한 후 각종 정보들을 송수신할 수 있다. 무선 통신 칩(243)은 IEEE, 지그비, 3G(3rd Generation), 3GPP(3rd Generation Partnership Project), LTE(Long Term Evoloution) 등과 같은 다양한 통신 규격에 따라 통신을 수행하는 칩을 의미한다. NFC 칩(244)은135kHz, 13.56MHz, 433MHz, 860~960MHz, 2.45GHz 등과 같은 다양한 RF-ID 주파수 대역들 중에서 13.56MHz 대역을 사용하는NFC(Near Field Communication) 방식으로 동작하는 칩을 의미한다.In particular, the Wi-Fi chip 241 and the Bluetooth chip 242 perform communication using a WiFi method and a Bluetooth method, respectively. In the case of using the Wi-Fi chip 241 or the Bluetooth chip 242, various connection information such as an SSID and a session key can be first transmitted and received, and then communication is connected using this to transmit and receive various information. The wireless communication chip 243 means a chip that performs communication according to various communication standards such as IEEE, Zigbee, 3G (3rd Generation), 3GPP (3rd Generation Partnership Project), and LTE (Long Term Evoloution). The NFC chip 244 refers to a chip operating in a Near Field Communication (NFC) method using a 13.56 MHz band among various RF-ID frequency bands such as 135 kHz, 13.56 MHz, 433 MHz, 860 to 960 MHz, and 2.45 GHz.

저장부(250)는 사용자 단말 장치(200)의 동작에 필요한 각종 프로그램 및 데이터를 저장할 수 있다. 구체적으로는, 저장부(0)에는 메인 영역 및The storage unit 250 may store various programs and data necessary for the operation of the user terminal device 200. Specifically, the main area and the storage unit (0)

서브 영역에 표시될 각종 화면을 구성하기 위한 프로그램 및 데이터 등이 저장될 수 있다. 이하에서는 도 4를 참조하여 사용자 단말 장치(200)에 저장된 소프트웨어의 구조를 설명하기 위한 도면이다. 도 4에 따르면, 저장부(250)에는 OS(410), 커널(420), 미들웨어(430), 어플리케이션(440) 등을 포함하는 소프트웨어가 저장될 수 있다.Programs and data for configuring various screens to be displayed in the sub-region may be stored. Hereinafter, the structure of the software stored in the user terminal device 200 will be described with reference to FIG. 4. According to FIG. 4, software including an OS 410, a kernel 420, middleware 430, and an application 440 may be stored in the storage unit 250.

운영체제(Operating System: OS, 410)는 하드웨어의 전반적인 동작을 제어하고 관리하는 기능을 수행한다. 즉, OS(410)는 하드웨어 관리와 메모리, 보안 등의 기본적인 기능을 담당하는 계층이다.The operating system (OS, 410) controls and manages the overall operation of the hardware. That is, the OS 410 is a layer in charge of basic functions such as hardware management, memory, and security.

커널(420)은 디스플레이부(230)에서 감지되는 터치 신호 등을 비롯한 각종 신호들을 미들웨어(430)로 전달하는 통로 역할을 한다.The kernel 420 serves as a path for transmitting various signals including a touch signal sensed by the display unit 230 to the middleware 430.

미들웨어(430)는 사용자 단말 장치(200)의 동작을 제어하는 각종 소프트웨어 모듈을 포함한다. 도 4에 따르면, 미들웨어(430)는 X11 모듈(430-1), APP 매니저(430-2), 연결 매니저(430-3), 보안 모듈(430-4), 시스템 매니저(430-5), 멀티미디어 프레임워크(430-6), UI 프레임워크(430-7), 윈도우 매니저(430-8), 필기 인식 모듈(430-9)을 포함한다. The middleware 430 includes various software modules that control the operation of the user terminal device 200. According to FIG. 4, the middleware 430 includes an X11 module 430-1, an APP manager 430-2, a connection manager 430-3, a security module 430-4, and a system manager 430-5. It includes a multimedia framework 430-6, a UI framework 430-7, a window manager 430-8, and a handwriting recognition module 430-9.

X11 모듈(430-1)은 사용자 단말 장치(200)에 구비된 각종 하드웨어들로부터 각종 이벤트 신호를 수신하는 모듈이다. 여기서 이벤트란, 사용자 제스쳐가 감지되는 이벤트, 시스템 알람(alarm)이 발생하는 이벤트, 특정 프로그램이 실행 또는 종료되는 이벤트 등과 같이 다양하게 설정될 수 있다.The X11 module 430-1 is a module that receives various event signals from various hardware provided in the user terminal device 200. Here, the event may be variously set, such as an event in which a user gesture is detected, an event in which a system alarm occurs, an event in which a specific program is executed or terminated, and the like.

APP 매니저(430-2)는 저장부(250)에 설치(install)된 각종 어플리케이션(440)의 실행 상태를 관리하는 모듈이다. APP 매니저(430-2)는 X11 모듈(430-1)로부터 어플리케이션 실행 이벤트가 감지되면, 해당 이벤트에 대응되는 어플리케이션을 호출하여 실행시킨다.The APP manager 430-2 is a module that manages execution states of various applications 440 installed in the storage unit 250. When the application execution event is detected from the X11 module 430-1, the APP manager 430-2 calls and executes an application corresponding to the event.

연결 매니저(430-3)는 유선 또는 무선 네트워크 연결을 지원하기 위한 모듈이다. 연결 매니저(430-3)는 DNET 모듈, UPnP 모듈 등과 같은 다양한 세부 모듈들을 포함할 수 있다.The connection manager 430-3 is a module for supporting wired or wireless network connection. The connection manager 430-3 may include various detailed modules such as a DNET module and UPnP module.

보안 모듈(430-4)은 하드웨어에 대한 인증(Certification), 요청허용(Permission), 보안 저장(Secure Storage) 등을 지원하는 모듈이다.The security module 430-4 is a module that supports hardware certification, request permission, and secure storage.

시스템 매니저(430-5)는 사용자 단말 장치(200) 내의 각 구성요소들의 상태를 모니터링하고, 그 모니터링 결과를 타 모듈들에게 제공한다. 가령, 배터리 잔량이 부족하거나, 에러가 발생하는 경우, 통신 연결 상태가 끊어지는 경우 등이 발생하면 시스템 매니저(430-5)는 그 모니터링 결과를 메인 UI 프레임워크(430-7)나 서브UI 프레임워크(430-9)로 제공하여 알림 메시지나 알림 음을 출력할 수 있다.The system manager 430-5 monitors the state of each component in the user terminal device 200, and provides the monitoring result to other modules. For example, when a battery level is low, an error occurs, or a communication connection state is disconnected, the system manager 430-5 displays the monitoring result in the main UI framework 430-7 or subUI frame. It can be provided to the work (430-9) to output a notification message or notification sound.

멀티미디어 프레임워크(430-6)는 사용자 단말 장치(200)에 저장되어 있거나, 외부 소스로부터 제공되는 멀티미디어 컨텐츠를 재생하기 위한 모듈이다. 멀티미디어 프레임워크(430-6)는 플레이어 모듈, 캠코더 모듈, 사운드 처리모듈 등을 포함할 수 있다. 이에 따라, 각종 멀티미디어 컨텐츠를 재생하여 화면 및 음향을 생성하여 재생하는 동작을 수행할 수 있다.The multimedia framework 430-6 is a module for playing multimedia content stored in the user terminal device 200 or provided from an external source. The multimedia framework 430-6 may include a player module, a camcorder module, and a sound processing module. Accordingly, an operation of generating and playing screens and sounds by playing various multimedia contents may be performed.

메인 UI 프레임워크(430-7)는 디스플레이부(230)의 메인 영역에 표시할 각종 UI를 제공하기 위한 모듈이고, 서브 UI 프레임워크(430-9)는 서브 영역에 표시할 각종 UI를 제공하기 위한 모듈이다. 메인 UI 프레임워크(430-7) 및 서브 UI 프레임워크(430-9)는 각종 오브젝트를 구성하는 이미지 합성기(Image Compositor module), 오브젝트가 표시될 좌표를 산출하는 좌표 합성기, 구성된 오브젝트를 산출된 좌표에 렌더링하는 렌더링 모듈, 2D 또는 3D 형태의 UI를 구성하기 위한 툴(tool)을 제공하는 2D/3D UI 툴킷 등을 포함할 수 있다.The main UI framework 430-7 is a module for providing various UIs to be displayed on the main area of the display unit 230, and the sub UI framework 430-9 is providing various UIs to be displayed on the sub area. It is a module for. The main UI framework 430-7 and the sub UI framework 430-9 include an image compositor module that composes various objects, a coordinate composer that calculates coordinates to display objects, and coordinates that compute the constructed object. It may include a rendering module for rendering in, a 2D/3D UI toolkit that provides a tool for constructing a 2D or 3D UI.

윈도우 매니저(430-8)는 사용자의 신체나 펜을 이용한 터치 이벤트나 기타 입력 이벤트를 감지할 수 있다. 윈도우 매니저(430-8)는 이러한 이벤트가 감지되면 메인 UI 프레임워크(430-7) 또는 서브 UI 프레임워크(430-9)로 이벤트 신호를 전달하여, 이벤트에 대응되는 동작을 수행하도록 한다.The window manager 430-8 may detect a touch event or other input event using the user's body or pen. When such an event is detected, the window manager 430-8 transmits an event signal to the main UI framework 430-7 or the sub UI framework 430-9 to perform an operation corresponding to the event.

그 밖에도, 사용자가 화면을 터치 및 드래그하는 경우, 드래그 궤적에 따라 라인을 드로잉하기 위한 필기 모듈이나, 움직임 감지부(282)에서 감지된 센서 값에 기초하여 피치각, 롤각, 요우각 등을 산출하기 위한 각도 산출 모듈 등과 같은 다양한 프로그램 모듈이 저장될 수도 있다.In addition, when the user touches and drags the screen, the pitch angle, roll angle, yaw angle, etc. are calculated based on the sensor value detected by the motion detection unit 282 or the handwriting module for drawing a line according to the drag trajectory. Various program modules, such as an angle calculation module for doing so, may be stored.

어플리케이션 모듈(440)은 다양한 기능을 지원하기 위한 어플리케이션들(440-1 ~ 440-n)을 포함한다. 예를 들어, 네비게이션 프로그램 모듈, 게임 모듈, 전자 책 모듈, 달력 모듈, 알람 관리 모듈 등과 같은 다양한 서비스를 제공하기 위한 프로그램 모듈을 포함할 수 있다. 이러한 어플리케이션들은 디폴트로 설치되어 있을 수도 있고, 사용자가 사용 과정에서 임의로 설치하여 사용할 수도 있다. 메인 CPU(294)는 오브젝트가 선택되면, 어플리케이션 모듈(440)을 이용하여 선택된 오브젝트에 대응되는 어플리케이션을 실행시킬 수 있다.The application module 440 includes applications 440-1 to 440-n for supporting various functions. For example, a program module for providing various services such as a navigation program module, a game module, an e-book module, a calendar module, and an alarm management module may be included. These applications may be installed by default, or the user may install and use them arbitrarily during the use process. When the object is selected, the main CPU 294 may execute an application corresponding to the selected object using the application module 440.

도 4에 표시된 소프트웨어 구조는 일 예에 불과하므로, 반드시 이에 한정되어야 하는 것은 아니다. 따라서, 필요에 따라 일부가 생략 또는 변형되거나, 추가될 수도 있음은 물론이다. 가령, 저장부(250)에는 각종 센서들에서 센싱된 신호들을 분석하기 위한 센싱 모듈이나, 메신저 프로그램, SMS(Short Message Service) & MMS(Multimedia Message Service) 프로그램, 이메일 프로그램 등과 같은 메시징 모듈, 전화 정보 수집기(Call Info Aggregator) 프로그램 모듈, VoIP 모듈, 웹 브라우저 모듈 등과 같이 다양한 프로그램들이 추가로 마련될 수도 있다.Since the software structure shown in FIG. 4 is only an example, it is not necessarily limited thereto. Therefore, it is needless to say that some may be omitted, modified, or added as necessary. For example, the storage unit 250 includes a sensing module for analyzing signals sensed by various sensors, a messaging module such as a messenger program, a short message service (SMS) & multimedia message service (MMS) program, an email program, and telephone information. Various programs such as a Call Info Aggregator program module, a VoIP module, and a web browser module may be additionally provided.

다시, 도 2에 대해 설명하면, 오디오 처리부(260)는 영상 컨텐츠의 오디오 데이터에 대한 처리를 수행하는 구성요소이다. 오디오 처리부(260)에서는 오디오 데이터에 대한 디코딩이나 증폭, 노이즈 필터링 등과 같은 다양한 처리가 수행될 수 있다. 오디오 처리부(260)에서 처리된 오디오 데이터는 오디오 출력부(270)로 출력될 수 있다.Referring again to FIG. 2, the audio processing unit 260 is a component that processes audio data of video content. The audio processing unit 260 may perform various processes such as decoding or amplification of audio data, noise filtering, and the like. The audio data processed by the audio processing unit 260 may be output to the audio output unit 270.

오디오 출력부(270)는 오디오 처리부(260)에 의해 디코딩이나 증폭, 노이즈 필터링과 같은 다양한 처리 작업이 수행된 각종 오디오 데이터뿐만 아니라 각종 알림 음이나 음성 메시지를 출력하는 구성이다. 특히, 오디오 출력부(270)는 스피커로 구현될 수 있으나, 이는 일 실시예에 불과할 뿐, 오디오 데이터를 출력할 수 있는 출력 단자로 구현될 수 있다.The audio output unit 270 is a component that outputs various notification sounds or voice messages as well as various audio data performed by various processing operations such as decoding, amplification, and noise filtering by the audio processing unit 260. In particular, the audio output unit 270 may be implemented as a speaker, but this is only an embodiment, and may be implemented as an output terminal capable of outputting audio data.

감지부(280)는 다양한 사용자 인터렉션을 감지한다. 특히, 감지부(280)는 도 2에 도시된 바와 같이, 터치 감지부(281), 움직임 감지부(282) 및 벤딩 감지부(283)를 포함할 수 있다.The sensing unit 280 detects various user interactions. Particularly, as illustrated in FIG. 2, the sensing unit 280 may include a touch sensing unit 281, a motion sensing unit 282, and a bending sensing unit 283.

구체적으로, 터치 감지부(281)는 디스플레이 패널의 뒷면에 부착된 터치 패널을 이용하여 사용자의 터치 인터렉션을 감지할 수 있다. 움직임 감지부(282)는 가속도 센서, 지자기 센서, 자이로 센서 중 적어도 하나를 이용하여 사용자 단말 장치(200)의 움직임(예를 들어, 회전 움직임 등)을 감지할 수 있다. 벤딩 감지부(283)는 벤딩 센서, 조도 센서 등을 이용하여 힌지부(310)를 기준으로 사용자 단말 장치가 벤딩되었는지 여부를 감지할 수 있다.Specifically, the touch sensing unit 281 may detect a user's touch interaction using a touch panel attached to the back side of the display panel. The motion detector 282 may detect the motion (eg, rotational motion, etc.) of the user terminal device 200 using at least one of an acceleration sensor, a geomagnetic sensor, and a gyro sensor. The bending detection unit 283 may detect whether the user terminal device is bent based on the hinge unit 310 using a bending sensor, an illuminance sensor, or the like.

제어부(290)는 저장부(250)에 저장된 각종 프로그램을 이용하여 사용자 단말 장치(200)의 전반적인 동작을 제어한다.The control unit 290 controls the overall operation of the user terminal device 200 using various programs stored in the storage unit 250.

제어부(290)는 도 2에 도시된 바와 같이, RAM(291), ROM(292), 그래픽 처리부(293), 메인 CPU(294), 제1 내지 n 인터페이스(295-1 ~ 295-n), 버스(296)를 포함한다. 이때, RAM(291), ROM(292), 그래픽 처리부(293), 메인 CPU(294), 제1 내지 n 인터페이스(295-1 ~ 295-n) 등은 버스(296)를 통해 서로 연결될 수 있다. 2, the RAM 291, the ROM 292, the graphics processor 293, the main CPU 294, the first to n interfaces 295-1 to 295-n, as shown in FIG. Bus 296. At this time, the RAM 291, the ROM 292, the graphic processing unit 293, the main CPU 294, the first to n interfaces 295-1 to 295-n, etc. may be connected to each other through the bus 296. .

ROM(292)에는 시스템 부팅을 위한 명령어 세트 등이 저장된다. 턴 온 명령이 입력되어 전원이 공급되면, 메인 CPU(294)는 ROM(292)에 저장된 명령어에 따라 저장부(250)에 저장된 O/S를 RAM(291)에 복사하고, O/S를 실행시켜 시스템을 부팅시킨다. 부팅이 완료되면, 메인 CPU(294)는 저장부(250)에 저장된 각종 어플리케이션 프로그램을 RAM(291)에 복사하고, RAM(291)에 복사된 어플리케이션 프로그램을 실행시켜 각종 동작을 수행한다. The ROM 292 stores a set of instructions for booting the system and the like. When a turn-on command is input and power is supplied, the main CPU 294 copies the O/S stored in the storage unit 250 to the RAM 291 according to the command stored in the ROM 292, and executes the O/S. To boot the system. When the booting is completed, the main CPU 294 copies various application programs stored in the storage unit 250 to the RAM 291 and executes the application programs copied to the RAM 291 to perform various operations.

그래픽 처리부(293)는 연산부(미도시) 및 렌더링부(미도시)를 이용하여 아이템, 이미지, 텍스트 등과 같은 다양한 객체를 포함하는 화면을 생성한다. 연산부는 감지부(280)로부터 수신된 제어 명령을 이용하여 화면의 레이아웃에 따라 각 객체들이 표시될 좌표값, 형태, 크기, 컬러 등과 같은 속성값을 연산한다. 렌더링부는 연산부에서 연산한 속성값에 기초하여 객체를 포함하는 다양한 레이아웃의 화면을 생성한다. 렌더링부에서 생성된 화면은 디스플레이부(230)의 디스플레이 영역 내에 표시된다. The graphic processing unit 293 generates a screen including various objects, such as items, images, and text, by using a calculation unit (not shown) and a rendering unit (not shown). The calculation unit calculates attribute values such as coordinate values, shapes, sizes, colors, etc. to be displayed according to the layout of the screen using the control command received from the sensing unit 280. The rendering unit generates screens of various layouts including objects based on attribute values calculated by the calculation unit. The screen generated by the rendering unit is displayed in the display area of the display unit 230.

메인 CPU(294)는 저장부(250)에 액세스하여, 저장부(250)에 저장된 O/S를 이용하여 부팅을 수행한다. 그리고, 메인 CPU(294)는 저장부(250)에 저장된 각종 프로그램, 컨텐츠, 데이터 등을 이용하여 다양한 동작을 수행한다. The main CPU 294 accesses the storage unit 250 to boot using the O/S stored in the storage unit 250. In addition, the main CPU 294 performs various operations using various programs, contents, data, etc. stored in the storage unit 250.

제1 내지 n 인터페이스(295-1 내지 295-n)는 상술한 각종 구성요소들과 연결된다. 인터페이스들 중 하나는 네트워크를 통해 외부 장치와 연결되는 네트워크 인터페이스가 될 수도 있다.The first to n interfaces 295-1 to 295-n are connected to various components described above. One of the interfaces may be a network interface connected to an external device through a network.

특히, 제어부(290)는 정사각형 형태의 디스플레이 패널을 가지는 사용자 단말 장치(200)에 대한 다양한 기능을 제공할 수 있다.
In particular, the controller 290 may provide various functions for the user terminal device 200 having a square display panel.

<코너 영역에 대한 사용자 인터렉션><User interaction on the corner area>

본 발명의 일 실시예에 따르면, 디스플레이부(230)가 제1 화면을 디스플레이하는 동안 감지부(280)를 통해 제1 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션(이하에서는 "대각선 인터렉션"라고 함)이 감지되면, 제어부(290)는 제1 화면의 적어도 일부가 계속하여 디스플레이되는 상태에서 대각선 인터렉션이 감지된 코너 영역의 터치 위치상에 제2 화면을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이하에서는 도 5a 내지 18c를 참조하여 대각선 인터렉션에 따라 사용자 단말 장치(200)에서 제공되는 다양한 기능에 대해 설명하기로 한다.According to an embodiment of the present invention, while the display 230 displays the first screen, the user interaction touches one of the corner areas of the first screen through the sensing unit 280 and drags in a diagonal direction ( Hereinafter, when “diagonal interaction” is detected, the control unit 290 displays the second screen on the touch position of the corner area where diagonal interaction is detected while at least a portion of the first screen is continuously displayed. The control unit 230 may be controlled. Hereinafter, various functions provided by the user terminal device 200 according to the diagonal interaction will be described with reference to FIGS. 5A to 18C.

도 5a 및 도 5b는 가로 방향의 사용자 인터렉션 및 대각선 인터렉션이 감지된 경우, 사용자 단말 장치(200)가 제공하는 기능을 설명하기 위한 도면이다.5A and 5B are diagrams for describing a function provided by the user terminal device 200 when user interaction and diagonal interaction in the horizontal direction are detected.

도 5a에 도시된 바와 같이, E-book 컨텐츠의 제1 페이지(510)가 디스플레이 화면에 디스플레이되는 동안 디스플레이 화면에 포함된 복수의 모서리 중 하나로부터 가로방향(특히, 왼쪽 방향)으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 E-book 컨텐츠의 페이지를 다음 페이지로 전환하여 E-book 컨텐츠의 제2 페이지(520)로 전환하도록 디스플레이부(230)를 제어할 수 있다.As shown in FIG. 5A, while the first page 510 of the E-book content is displayed on the display screen, a user interaction dragging in a horizontal direction (particularly, a left direction) from one of a plurality of corners included in the display screen When this is detected, the controller 290 may control the display 230 to switch the page of the E-book content to the next page and switch to the second page 520 of the E-book content.

도 5b에 도시된 바와 같이, E-book 컨텐츠의 제3 페이지(530)가 디스플레이 화면에 디스플레이되는 동안 디스플레이 화면에 포함된 복수의 코너 영역 중 하나에 대각선 인터렉션이 감지된 경우, 제어부(290)는 현재 페이지 화면을 유지하고, 대각선 인터렉션이 감지된 코너 영역이 접히는 이미지 효과를 제공하며, 접힌 코너 영역에 북마크 아이콘(545)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
As illustrated in FIG. 5B, when the third page 530 of the E-book content is displayed on the display screen, when a diagonal interaction is detected in one of a plurality of corner areas included in the display screen, the controller 290 The display unit 230 may be controlled to maintain the current page screen, provide an image effect in which a corner area where diagonal interaction is detected is folded, and display a bookmark icon 545 in the folded corner area.

또한, 제어부(290)는 제1 화면의 네 개의 코너 영역들 중 대각선 인터렉션이 감지된 코너 영역의 위치에 따라 제2 화면에 사용자 단말 장치(200)가 제공할 수 있는 기능에 대한 정보를 포함할 수 있다.In addition, the control unit 290 may include information on functions that the user terminal device 200 can provide on the second screen according to the position of the corner area where diagonal interaction is detected among the four corner areas of the first screen. Can.

구체적으로, 도 6a에 도시된 바와 같이, 제어부(290)는 영상 컨텐츠(600)를 디스플레이하도록 디스플레이부(230)를 디스플레이할 수 있다.Specifically, as illustrated in FIG. 6A, the control unit 290 may display the display unit 230 to display the image content 600.

영상 컨텐츠(600)가 디스플레이되는 동안 우상단의 코너 영역에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 6b에 도시된 바와 같이, 대각선 인터렉션이 감지된 우상단의 코너 영역에 가장 최근에 실행한 어플리케이션에 대한 정보(예를 들어, 아이콘, 최근 실행 화면 등)(615)를 디스플레이하고, 가장 최근에 실행한 어플리케이션에 대한 실행 화면(610)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 가장 최근에 실행한 어플리케이션에 대한 정보(615)가 영상 컨텐츠(600)와 함께 디스플레이되는 동안 우상단의 코너 영역에 연속적으로 대각선 인터렉션이 감지된 경우, 제어부(290)는 대각선 인터렉션이 감지된 우상단의 코너 영역에 두 번째로 최근에 실행한 어플리케이션에 대한 정보를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. When diagonal interaction is detected in the upper right corner area while the image content 600 is being displayed, the control unit 290, as shown in FIG. 6B, is the most recently executed application in the corner area of the upper right corner where the diagonal interaction is detected. The display 230 may be controlled to display information (eg, an icon, a recent execution screen, etc.) 615 and an execution screen 610 for the most recently executed application. At this time, if information on the most recently executed application 615 is displayed along with the video content 600, and the diagonal interaction is continuously detected in the corner area of the upper right corner, the control unit 290 is the upper right corner where the diagonal interaction is detected. The display unit 230 may be controlled to display information on a second recently executed application in a corner area of.

영상 컨텐츠(600)가 디스플레이되는 동안 좌상단의 코너 영역에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 6c에 도시된 바와 같이, 대각선 인터렉션이 감지된 좌상단의 코너 영역에 홈 화면으로 이동 가능함을 안내하는 정보(예를 들어, 아이콘)(620)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 대각선 인터렉션이 우하단의 코너 영역까지 이어지는 경우, 제어부(290)는 홈 화면을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.When diagonal interaction is detected in the upper left corner area while the image content 600 is displayed, the controller 290 may move to the home screen in the upper left corner area where the diagonal interaction is detected, as illustrated in FIG. 6C. The display 230 may be controlled to display guide information (eg, an icon) 620. In this case, when the diagonal interaction extends to the lower right corner area, the control unit 290 may control the display unit 230 to display the home screen.

영상 컨텐츠(600)가 디스플레이되는 동안 좌하단의 코너 영역에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 6d에 도시된 바와 같이, 대각선 인터렉션이 감지된 좌하단의 코너 영역에 현재 사용자 단말 장치(200)의 상태 정보(예를 들어, 네트워크 정보, 배터리 정보 등)(630)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.When a diagonal interaction is detected in the lower left corner area while the image content 600 is being displayed, the controller 290 displays the current user terminal device in the lower left corner area where the diagonal interaction is detected, as illustrated in FIG. 6D. The display unit 230 may be controlled to display the status information (eg, network information, battery information, etc.) 630 of the 200.

영상 컨텐츠(600)가 디스플레이되는 동안 우하단의 코너 영역에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 6e에 도시된 바와 같이, 대각선 인터렉션이 감지된 우하단의 코너 영역에 사용자가 지정한 어플리케이션에 대한 퀵 액세스 정보(예를 들어, 카메라 어플리케이션에 대응되는 아이콘)(640)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
When a diagonal interaction is detected in the lower right corner area while the image content 600 is displayed, the control unit 290 is an application designated by the user in the lower right corner area where the diagonal interaction is detected, as illustrated in FIG. 6E. The display 230 may be controlled to display quick access information for (for example, an icon corresponding to a camera application) 640.

또한, 잠금 화면에 대각선 인터렉션이 감지된 경우, 제어부(290)는 잠금 화면에서 대각선 인터렉션이 감지된 오브젝트에 대한 정보를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.In addition, when a diagonal interaction is detected on the lock screen, the control unit 290 may control the display 230 to display information on the object where the diagonal interaction is detected on the lock screen.

구체적으로, 도 7a에 도시된 바와 같이, 잠금 화면에 4개의 오브젝트가 디스플레이되는 동안 부재중 통화를 안내하는 제1 오브젝트(710)에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 7b에 도시된 바와 같이, 제1 오브젝트(710)가 디스플레이되는 영역에 부재중 통화에 대한 정보(예를 들어, 부재중 통화의 발신자 정보 등)(720)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as illustrated in FIG. 7A, when four objects are displayed on the lock screen, when a diagonal interaction is detected in the first object 710 for guiding a missed call, the controller 290 is illustrated in FIG. 7B. As described above, the display 230 may be controlled to display information about missed calls (for example, caller information of missed calls) 720 in an area where the first object 710 is displayed.

그러나, 도 7a 및 도 7b에서 설명한 바와 같이, 제어부(290)가 잠금 화면에서 부재중 통화에 대한 정보를 제공하는 것은 일 실시예에 불과할 뿐, 잠금 화면에서 대각선 인터렉션을 통해 다양한 정보 및 기능을 제공할 수 있다. 예를 들어, 제어부(290)는 잠금 화면에서 대각선 인터렉션을 통해 수신 메시지 정보를 제공할 수 있으며, 카메라 어플리케이션에 대한 퀵 액세스 기능을 제공할 수 있다.
However, as described with reference to FIGS. 7A and 7B, it is only an embodiment that the control unit 290 provides information about missed calls on the lock screen, and provides various information and functions through diagonal interaction on the lock screen. Can. For example, the control unit 290 may provide received message information through a diagonal interaction on a lock screen, and may provide a quick access function for a camera application.

또한, 제어부(290)는 제1 화면의 네 개의 코너 영역들 중 대각선 인터렉션이 감지된 코너 영역의 위치에 따라 제2 화면에 사용자 단말 장치(200)가 제공할 수 있는 기능 및 어플리케이션 기능에 대한 정보를 포함할 수 있다.Also, the control unit 290 may provide information on functions and application functions that the user terminal device 200 can provide on the second screen according to the position of the corner area where diagonal interaction is detected among the four corner areas of the first screen. It may include.

구체적으로, 도 8a에 도시된 바와 같이, 제어부(290)는 사진 컨텐츠(800)를 디스플레이하도록 디스플레이부(230)를 디스플레이할 수 있다.Specifically, as shown in FIG. 8A, the control unit 290 may display the display unit 230 to display the photo content 800.

사진 컨텐츠(800)가 디스플레이되는 동안 우상단의 코너 영역에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 8b에 도시된 바와 같이, 대각선 인터렉션이 감지된 우상단의 코너 영역이 대각선 인터렉션에 따라 접히며, 접힌 코너 영역에 사진 컨텐츠에 대한 관련 정보(예를 들어, 촬영 날짜, 촬영 장소 등)(810)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 대각선 인터렉션이 좌하단의 코너 영역까지 이어지는 경우, 제어부(290)는 도 8c에 도시된 바와 같이, 디스플레이 화면에 사진 컨텐츠에 대한 관련 정보(예를 들어, 촬영 날짜, 촬영 장소, 촬영 장소의 지도 정보, 연관 사진 정보 등)(820)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.When a diagonal interaction is detected in the upper right corner area while the picture content 800 is displayed, the controller 290 collapses the corner area of the upper right corner where the diagonal interaction is detected according to the diagonal interaction, as shown in FIG. 8B. , The display 230 may be controlled to display related information (eg, a photographing date, a photographing location, etc.) 810 about photographic content in a folded corner area. At this time, when the diagonal interaction extends to the lower left corner area, the control unit 290, as shown in FIG. 8C, displays information related to the picture content on the display screen (for example, the shooting date, the shooting location, The display unit 230 may be controlled to display the map information, associated photo information, and the like 820.

도 9a에 도시된 바와 같이, 사진 컨텐츠(800)가 디스플레이되는 동안 좌상단의 코너 영역에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 9b에 도시된 바와 같이, 대각선 인터렉션이 감지된 좌상단의 코너 영역에 사진 컨텐츠에 대한 각종 태스크를 수행할 수 있는 메뉴(예를 들어, 삭제, 편집, 공유 등)(910)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.As illustrated in FIG. 9A, when a diagonal interaction is detected in the upper left corner area while the picture content 800 is displayed, the control unit 290, as illustrated in FIG. 9B, detects a diagonal interaction at the upper left corner. The display unit 230 may be controlled to display a menu (eg, delete, edit, share, etc.) 910 that can perform various tasks on the photo content in the area.

도 10a에 도시된 바와 같이, 사진 컨텐츠(800)가 디스플레이되는 동안 우하단의 코너 영역에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 10b에 도시된 바와 같이, 사진 컨텐츠(1000)를 축소하여 디스플레이 화면의 우측 영역에 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 제어부(290)는 디스플레이 화면의 좌측 영역에 사용자 단말 장치(100)의 다양한 기능을 수행할 수 있는 복수의 아이콘(1011 내지 1018)을 포함하는 메뉴창(1010)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 메뉴창(1010)에 포함된 복수의 아이콘(1011 내지 1018) 중 제5 아이콘(1015)이 선택된 경우, 제어부(290)는 제5 아이콘(1015)에 대응되는 인터넷 브라우징 화면(1020)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.As shown in FIG. 10A, when diagonal interaction is detected in the lower right corner area while the picture content 800 is displayed, the controller 290 reduces the picture content 1000 as shown in FIG. 10B. By doing so, the display 230 may be controlled to be displayed on the right side of the display screen. Then, the control unit 290, the display unit 230 to display a menu window 1010 including a plurality of icons (1011 to 1018) capable of performing various functions of the user terminal device 100 in the left area of the display screen ) Can be controlled. Then, when the fifth icon 1015 is selected from the plurality of icons 1011 to 1018 included in the menu window 1010, the control unit 290 displays the Internet browsing screen 1020 corresponding to the fifth icon 1015. The display 230 may be controlled to display.

상술한 바와 같이, 사용자는 사진 컨텐츠가 디스플레이되는 동안 대각선 인터렉션이 감지되는 코너 영역의 위치에 따라 다양한 기능을 제공받을 수 있게 된다.
As described above, the user can be provided with various functions according to the position of the corner area where diagonal interaction is detected while the picture content is displayed.

또한, 제어부(290)는 대각선 인터렉션의 드래그 량에 따라 제2 화면의 크기를 변경할 수 있으며, 제2 화면의 크기에 따라 제2 화면에 포함된 정보의 양을 변경할 수 있다.In addition, the controller 290 may change the size of the second screen according to the drag amount of the diagonal interaction, and may change the amount of information included in the second screen according to the size of the second screen.

구체적으로, 영상 컨텐츠(1100)를 수신하는 동안 외부로부터 메시지가 수신된 경우, 우상단 코너 영역에 대각선 인터렉션이 감지되면, 제어부(290)는 우상단의 코너 영역에 수신된 메시지에 대한 정보를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, when a message is received from the outside while receiving the video content 1100, when a diagonal interaction is detected in the upper right corner area, the controller 290 displays to display information on the received message in the upper right corner area. The control unit 230 may be controlled.

특히, 대각선 인터렉션의 드래그 량이 제1 값 미만인 경우, 제어부(290)는 도 11a에 도시된 바와 같이, 우상단의 코너 영역에 메시지가 수신됨을 안내하는 아이콘을 포함하는 제2 화면(1110)에 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.In particular, when the drag amount of the diagonal interaction is less than the first value, the control unit 290 may display the second screen 1110 including an icon for guiding that a message is received in the upper right corner area, as shown in FIG. 11A. The display 230 may be controlled.

또한, 대각선 인터렉션의 드래그 량이 제1 값 이상이고, 제2 값 미만인 경우, 제어부(290)는 도 11b에 도시된 바와 같이, 우상단의 코너 영역에 메시지의 발신자에 대한 정보(예를 들어, 발신자 이름, 발신자 사진 등)을 포함하는 제2 화면(1120)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.In addition, when the drag amount of the diagonal interaction is greater than or equal to the first value and less than the second value, the control unit 290 shows information about the sender of the message in the upper right corner area (for example, the sender name). , A display unit 230 to display a second screen 1120 including a caller's picture, etc.).

또한, 대각선 인터렉션의 드래그 량이 제2 값 이상이고, 제3 값 미만인 경우, 제어부(290)는 도 11c에 도시된 바와 같이, 우상단의 코너 영역에 메시지의 발신자에 대한 정보 및 메시지에 포함된 컨텐츠의 적어도 일부에 대한 정보를 포함하는 제2 화면(1130)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.In addition, when the drag amount of the diagonal interaction is greater than or equal to the second value and less than the third value, the control unit 290, as shown in FIG. 11C, displays information about the sender of the message in the upper right corner area and the content included in the message. The display 230 may be controlled to display the second screen 1130 including at least some information.

또한, 드래그 인터렉션의 드래그 량이 제3값 이상인 경우, 제어부(290)는 도 11d에 도시된 바와 같이, 수신된 메시지를 응답하기 위한 채팅 화면(1140)을 전체 화면으로 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
In addition, when the drag amount of the drag interaction is greater than or equal to the third value, the control unit 290 displays the display unit 230 to display the chat screen 1140 for responding to the received message in full screen, as illustrated in FIG. 11D. Can be controlled.

또한, 동일한 코너 영역에 복수 회의 대각선 인터렉션이 감지된 경우, 제어부(290)는 대각선 인터렉션에 따라 동일한 코너 영역에 대응되는 정보를 연속적으로 제공할 수 있다.In addition, when a plurality of diagonal interactions are detected in the same corner area, the controller 290 may continuously provide information corresponding to the same corner area according to the diagonal interaction.

구체적으로, 영상 컨텐츠가 디스플레이되는 동안 우하단의 코너 영역에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 12a에 도시된 바와 같이, 대각선 인터렉션이 감지된 우하단의 코너 영역이 한 번 접히도록 디스플레이부(230)를 제어하며, 우하단의 코너 영역에 사용자가 지정한 어플리케이션에 대한 퀵 액세스 정보(예를 들어, 카메라 어플리케이션에 대응되는 아이콘)(1210)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. Specifically, when a diagonal interaction is detected in the lower right corner area while the image content is being displayed, the controller 290 is configured to fold the lower right corner area once the diagonal interaction is detected, as illustrated in FIG. 12A. The display unit 230 is controlled, and the display unit 230 is controlled to display quick access information (for example, an icon corresponding to a camera application) 1210 for an application specified by a user in a lower right corner area. Can.

또한, 영상 컨텐츠와 퀵 액세스 정보(1210)가 함께 디스플레이되는 동안 우하단의 코너 영역에 재차 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 12b에 도시된 바와 같이, 대각선 인터렉션이 감지된 우하단의 코너 영역이 두 번 접히도록 디스플레이부(230)를 제어하며, 우하단의 코너 영역에 사용자가 지정한 다른 어플리케이션에 대한 퀵 액세스 정보(예를 들어, 인터넷 어플리케이션에 대응되는 아이콘)(1220)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
In addition, when diagonal interaction is detected again in a corner area of the lower right corner while the video content and the quick access information 1210 are displayed together, the control unit 290, as illustrated in FIG. 12B, detects diagonal interaction at the lower right corner. The display unit 230 is controlled to fold the corner area of the screen twice, and a quick access information (for example, an icon corresponding to an Internet application) 1220 for another application designated by the user is displayed in the lower right corner area. The display 230 can be controlled to do so.

또한, 제어부(290)는 대각선 인터렉션을 통해 체크 기능을 수행할 수 있다. 구체적으로, 기존에는 복수의 아이템 중 일부를 선택할 경우, 복수의 아이템 중 일부를 터치하면, 제어부(290)는 도 13a에 도시된 바와 같이, 터치된 아이템의 일측(예를 들어, 우상단)에 체크 마크를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. In addition, the control unit 290 may perform a check function through diagonal interaction. Specifically, when a part of a plurality of items is previously selected, when a part of the plurality of items is touched, the control unit 290 checks one side (for example, the upper right) of the touched item, as shown in FIG. 13A. The display 230 may be controlled to display a mark.

본 발명의 일 실시예에 따르면, 복수의 아이템 중 일부를 선택할 경우, 복수의 아이템 중 일부에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 13b에 도시된 바와 같이, 대각선 인터렉션이 감지된 일부의 아이템이 접혀지는 이미지 효과를 제공하도록 디스플레이부(230)를 제어할 수 있다.
According to an embodiment of the present invention, when a part of a plurality of items is selected, when a diagonal interaction is detected on a part of the plurality of items, the controller 290, as shown in FIG. 13B, detects a part of the diagonal interaction. The display unit 230 may be controlled to provide an image effect in which an item of the product is folded.

또한, 하나의 화면에 포함된 복수의 디스플레이 아이템 중 적어도 하나에 대각선 인터렉션이 감지된 경우, 제어부(290)는 대각선 인터렉션이 감지된 적어도 하나의 디스플레이 아이템을 적어도 하나의 디스플레이 아이템과 관련된 다른 화면으로 전환하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.In addition, when a diagonal interaction is detected in at least one of a plurality of display items included in one screen, the controller 290 converts at least one display item in which the diagonal interaction is detected to another screen related to the at least one display item. The display 230 may be controlled to display.

구체적으로, 제어부(290)는 도 14a에 도시된 바와 같이, 사진 어플리케이션에 대한 아이콘(1410) 및 SNS 어플리케이션에 대한 아이콘(1420)을 포함하는 홈 화면을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as shown in FIG. 14A, the control unit 290 may control the display unit 230 to display a home screen including an icon 1410 for a photo application and an icon 1420 for an SNS application. have.

이때, 사진 어플리케이션에 대한 아이콘(1410) 및 SNS 어플리케이션에 대한 아이콘(1420)에 대각선 인터렉션이 감지된 경우, 제어부(290)는 사진 어플리케이션에 대한 아이콘(1410)을 사진 어플리케이션에 대한 정보(예를 들어, 새로운 사진 컨텐츠 정보 등)를 포함하는 썸네일 이미지(1415)로 전환하며, SNS 어플리케이션에 대한 아이콘(1420)을 SNS 어플리케이션에 대한 정보(예를 들어, 새로운 멘션 정보 등)를 포함하는 썸네일 이미지(1425)로 전환하도록 디스플레이부(230)를 제어할 수 있다.In this case, when a diagonal interaction is detected between the icon 1410 for the photo application and the icon 1420 for the SNS application, the controller 290 sets the icon 1410 for the photo application to information about the photo application (for example, , Switch to a thumbnail image 1415 including new photo content information, etc., and an icon 1420 for the SNS application, a thumbnail image 1425 including information about the SNS application (for example, new mention information, etc.) ), the display 230 may be controlled.

이때, 전환된 썸네일 이미지(1415,1425)는 디스플레이 아이템의 크기에 따라 상이한 정보량을 포함할 수 있다. 예를 들어, 제1 기설정된 크기의 사진 어플리케이션에 대한 아이콘이 썸네일 이미지로 전환하는 경우, 제어부(290)는 도 15a의 왼쪽에 도시된 바와 같이, 최신에 촬영된 사진 하나만을 디스플레이하는 제1 모드의 썸네일 이미지(1510)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 또한, 제1 기설정된 크기의 SNS 어플리케이션에 대한 아이콘이 썸네일 이미지로 전환하는 경우, 제어부(290)는 도 15a의 오른쪽에 도시된 바와 같이, 최신에 업데이트된 2 개의 멘션 정보를 포함하는 제1 모드의 썸네일 이미지(1520)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그러나, 제2 기설정된 크기의 사진 어플리케이션에 대한 아이콘이 썸네일 이미지로 전환하는 경우, 제어부(290)는 도 15b의 왼쪽에 도시된 바와 같이, 최신에 촬영된 네 개의 사진을 디스플레이하는 제2 모드의 썸네일 이미지(1530)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 또한, 제2 기설정된 크기의 SNS 어플리케이션에 대한 아이콘이 썸네일 이미지로 전환하는 경우, 제어부(290)는 도 15b의 오른쪽에 도시된 바와 같이, 최신에 업데이트된 하나의 멘션 정보 및 세 개의 업데이트 정보를 포함하는 제2 모드의 썸네일 이미지(1540)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.At this time, the converted thumbnail images 1415 and 1425 may include different amounts of information depending on the size of the display item. For example, when an icon for a photo application of a first preset size is switched to a thumbnail image, the control unit 290, as shown on the left side of FIG. 15A, displays a first mode in which only the latest photographed image is displayed. The display 230 may be controlled to display the thumbnail image 1510 of. In addition, when the icon for the SNS application of the first preset size is switched to a thumbnail image, the control unit 290, as shown on the right side of FIG. 15A, includes a first mode including two latest updated information of mentions. The display 230 may be controlled to display the thumbnail image 1520 of. However, when the icon for the photo application of the second preset size is switched to a thumbnail image, the control unit 290 of the second mode for displaying the latest four photographs, as shown on the left side of FIG. 15B. The display 230 may be controlled to display the thumbnail image 1530. In addition, when the icon for the SNS application of the second preset size is switched to a thumbnail image, the control unit 290 displays one latest updated information and three updated information as shown on the right side of FIG. 15B. The display unit 230 may be controlled to display the thumbnail image 1540 of the second mode including.

한편, 제1 모드의 썸네일 이미지(1510,1520)에 포함된 복수의 코너 영역 중 하나를 터치한 후 썸네일 이미지(1510,1520)의 외부 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 모드의 썸네일 이미지(1510,1520)를 제2 모드의 썸네일 이미지(1530,1540)로 전환할 수 있다. 또한, 제2 모드의 썸네일 이미지(1530,1540)에 포함된 복수의 코너 영역 중 하나를 터치한 후 썸네일 이미지(1530,1540)의 외부 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제2 모드의 썸네일 이미지(1530,1540)를 제1 모드의 썸네일 이미지(1510,1520)로 전환할 수 있다.
On the other hand, if a user interaction of touching one of a plurality of corner areas included in the thumbnail images 1510 and 1520 in the first mode and dragging in the outer direction of the thumbnail images 1510 and 1520 is detected, the controller 290 May convert the first mode thumbnail images 1510 and 1520 into the second mode thumbnail images 1530 and 1540. In addition, when a user interaction that touches one of a plurality of corner areas included in the thumbnail images 1530 and 1540 in the second mode and drags it to the outside direction of the thumbnail images 1530 and 1540 is detected, the controller 290. Can convert the thumbnail images 1530 and 1540 in the second mode to thumbnail images 1510 and 1520 in the first mode.

또한, 디스플레이 아이템에 대각선 인터렉션이 감지된 경우, 제어부(290)는 대각선 인터렉션이 감지된 디스플레이 아이템이 접히는 폴딩 이미지 효과를 제공할 수 있으며, 폴딩 이미지 효과를 제공할 때, 사실적인 그래픽 표현을 위해 그림자 이미지 효과 역시 제공할 수 있다.In addition, when a diagonal interaction is detected in the display item, the control unit 290 may provide a folding image effect in which the display item in which the diagonal interaction is detected is folded, and when providing the folding image effect, shadow for realistic graphic expression Image effects can also be provided.

구체적으로, 제어부(290)는 정사각형 형태를 가지는 네 개의 디스플레이 아이템(1610 내지 1640)을 포함하는 화면(1600)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 네 개의 디스플레이 아이템(1610 내지 1640) 중 적어도 하나에 대각선 인터렉션이 감지된 경우, 제어부(290)는 대각선 인터렉션이 감지된 디스플레이 아이템이 접히는 폴딩 이미지 효과를 제공할 수 있으며, 특정 광원에 대한 그림자 이미지 효과 역시 제공할 수 있다. 본 발명의 일 실시예에서는 특정 광원이 이미지의 상단에 위치하는 것으로 가정한다.Specifically, the control unit 290 may control the display unit 230 to display a screen 1600 including four display items 1610 to 1640 having a square shape. In addition, when a diagonal interaction is detected in at least one of the four display items 1610 to 1640, the controller 290 may provide a folding image effect in which the display item in which the diagonal interaction is detected is folded, and a shadow for a specific light source Image effects can also be provided. In one embodiment of the present invention, it is assumed that a specific light source is located at the top of the image.

구체적으로, 네 개의 디스플레이 아이템(1610 내지 1640) 중 제2 디스플레이 아이템(1620)에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 16a에 도시된 바와 같이, 제2 디스플레이 아이템(1620)을 접는 폴딩 이미지 효과를 제공하며, 접힌 제2 디스플레이 아이템(1620)의 밑변에 그림자 효과를 제공할 수 있다. 또한, 네 개의 디스플레이 아이템(1610 내지 1640) 중 제1 및 제2 디스플레이 아이템(1610, 1620)에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 16b에 도시된 바와 같이, 제1 및 제2 디스플레이 아이템(1610, 1620)을 접는 폴딩 이미지 효과를 제공하며, 접힌 제1 및 2 디스플레이 아이템(1610, 1620)의 밑변들에 그림자 효과를 제공할 수 있다. 또한, 네 개의 디스플레이 아이템(1610 내지 1640) 중 제1 및 제4 디스플레이 아이템(1610,1640)에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 16c에 도시된 바와 같이, 제1 및 제4 디스플레이 아이템(1610, 1640)을 접는 폴딩 이미지 효과를 제공하며, 접힌 제1 디스플레이 아이템(1610)의 밑변과 제4 디스플레이 아이템(1640)의 대각선에 그림자 효과를 제공할 수 있다.
Specifically, when a diagonal interaction is detected in the second display item 1620 among the four display items 1610 to 1640, the controller 290 folds the second display item 1620 as shown in FIG. 16A. A folding image effect may be provided, and a shadow effect may be provided under the folded second display item 1620. In addition, when a diagonal interaction is detected between the first and second display items 1610 and 1620 among the four display items 1610 to 1640, the control unit 290, as shown in FIG. 16B, first and second A folding image effect of folding the display items 1610 and 1620 may be provided, and a shadow effect may be provided on the bottom sides of the folded first and second display items 1610 and 1620. In addition, when a diagonal interaction is detected between the first and fourth display items 1610 and 1640 among the four display items 1610 to 1640, the control unit 290, as illustrated in FIG. 16C, displays the first and fourth The folding image effect of folding the display items 1610 and 1640 may be provided, and a shadow effect may be provided on the bottom of the folded first display item 1610 and the diagonal of the fourth display item 1640.

또한, 하나의 디스플레이 아이템에 복수 회의 대각선 인터렉션이 감지된 경우, 제어부(290)는 대각선 인터렉션이 감지된 디스플레이 아이템을 복수 회 접은 이미지 효과를 제공하도록 디스플레이부(230)를 제어할 수 있다. 구체적으로, 하나의 디스플레이 아이템(1710)에 n 회의 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 17에 도시된 바와 같이, 디스플레이 아이템(1710)이 n 번 접힌 이미지 효과를 제공하도록 디스플레이부(230)를 제어할 수 있다.
In addition, when multiple diagonal interactions are detected in one display item, the controller 290 may control the display 230 to provide an image effect of folding the display item in which the diagonal interaction is sensed multiple times. Specifically, when n diagonal interactions are detected in one display item 1710, the control unit 290 may display the display unit 1710 to provide an image effect in which the display item 1710 is folded n times, as illustrated in FIG. 17. 230) can be controlled.

또한, 제1 화면의 코너 영역들 중 하나로부터 대각선 인터렉션이 감지된 경우, 제어부(290)는 대각선 인터렉션이 감지된 코너 영역에 복수의 아이템을 메뉴를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 드래그 인터렉션의 방향이 변경되어 복수의 아이템 중 하나로 향하는 드래그 인터렉션이 감지된 경우, 제어부(290)는 드래그 인터렉션이 감지된 아이템에 대응되는 기능을 실행할 수 있다. In addition, when a diagonal interaction is detected from one of the corner areas of the first screen, the control unit 290 may control the display unit 230 to display a menu of a plurality of items in the corner area where the diagonal interaction is detected. . In addition, when the direction of the drag interaction is changed and a drag interaction directed to one of the plurality of items is detected, the controller 290 may execute a function corresponding to the item where the drag interaction is detected.

구체적으로, 도 18a에 도시된 바와 같이, 좌상단 코너 영역에 대각선 인터렉션이 감지된 경우, 제어부(290)는 도 18b에 도시된 바와 같이, 좌상단의 코너 영역에 연락처 아이템(1811), 녹음 아이템(1813), 전화 아이템(1815)을 포함하는 메뉴(1810)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 메뉴에 포함된 아이템들은 대각선 인터렉션의 드래그 길이에 따라 개수가 상이해 질 수 있다.Specifically, as illustrated in FIG. 18A, when a diagonal interaction is detected in the upper left corner area, the control unit 290 displays a contact item 1811 and a recorded item 1813 in the upper left corner area as shown in FIG. 18B. ), the display unit 230 may be controlled to display the menu 1810 including the phone item 1815. At this time, the number of items included in the menu may be different depending on the drag length of the diagonal interaction.

메뉴(1810)가 디스플레이되는 동안 사용자가 전화 아이템(1815) 방향인 우측 상단으로 드래그 방향을 변경하는 경우, 제어부(290)는 전화 아이템(1815)에 대응되는 전화 어플리케이션을 실행할 수 있다.When the user changes the drag direction to the upper right corner of the phone item 1815 while the menu 1810 is displayed, the controller 290 may execute a phone application corresponding to the phone item 1815.

상술한 바와 같이, 대각선 인터렉션 및 방향이 전환된 드래그 인터렉션을 통해 메뉴의 디스플레이 및 기능 실행을 동시에 수행할 수 있게 된다.
As described above, it is possible to simultaneously perform the display and function execution of the menu through diagonal interaction and drag interaction in which direction is switched.

또한, 한편, 상술한 실시예에서는 제1 화면의 코너 영역들 중 하나를 터치한 후 대각선 방향으로 드래그하는 대각선 인터렉션이 감지된 경우, 디스플레이부(230)가 대각선 인터렉션이 감지된 코너 영역에 제2 화면을 디스플레이하는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 코너 영역에 다른 사용자 인터렉션이 감지된 경우라도 디스플레이부(230)가 사용자 인터렉션이 감지된 코너 영역에 제2 화면을 디스플레이할 수 있다. On the other hand, in the above-described embodiment, when a diagonal interaction dragging in a diagonal direction after touching one of the corner areas of the first screen is detected, the display unit 230 is applied to the corner area where the diagonal interaction is detected. Although it has been described as displaying a screen, this is only an example, and even when another user interaction is detected in the corner area, the display 230 may display the second screen in the corner area where the user interaction is detected.

이하에서는 도49 내지 도 55c를 참조하여 코너 영역에 입력되는 다양한 사용자 인터렉션에 따라 사용자 단말 장치(200)에 수행되는 기능에 대해 설명하기 로한다.Hereinafter, functions performed on the user terminal device 200 according to various user interactions input to the corner area will be described with reference to FIGS. 49 to 55C.

예를 들어, 도 49의 상단에 도시된 바와 같이, 제1 어플리케이션 화면(4900)이 디스플레이되는 동안 우측 상단의 코너 영역을 기설정된 시간 동안 터치하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 49의 가운데에 도시된 바와 같이, 제1 어플리케이션 화면(4900)에 페이지가 넘어가는 이미지 효과를 적용하고, 우측 상단의 코너 영역에 제2 어플리케이션 화면(4910)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 우측 상단의 코너 영역에 디스플레이되는 제2 어플리케이션 화면(4910)을 탭하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 49의 하단에 도시된 바와 같이, 제2 어플리케이션 화면(4910)을 전체 화면으로 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.For example, as illustrated in the upper part of FIG. 49, when a user interaction touching the corner area of the upper right corner for a predetermined time is detected while the first application screen 4900 is displayed, the control unit 290 displays As shown in the middle of 49, a page 230 is applied to the first application screen 4900 and the display 230 is controlled to display the second application screen 4910 in the upper right corner area. can do. Then, when a user interaction tapping the second application screen 4910 displayed in the upper right corner area is detected, the control unit 290 displays the second application screen 4910 as illustrated in the lower part of FIG. 49. The display 230 may be controlled to display in full screen.

또 다른 예로, 도 50의 상단에 도시된 바와 같이, 제1 어플리케이션 화면(5000)이 디스플레이되는 동안 우측 하단의 코너 영역을 연속적으로 탭하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 50의 가운데에 도시된 바와 같이, 제1 어플리케이션 화면(5000)을 실행 중인 제2 어플리케이션 화면(5010)으로 전환하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 또한, 도 50의 가운데에 도시된 바와 같이, 제2 어플리케이션 화면(5010)이 디스플레이되는 동안 우측 하단의 코너 영역을 연속적으로 탭하는 사용자 인터렉션이 다시 감지된 경우, 제어부(290)는 도 50의 하단에 도시된 바와 같이, 제2 어플리케이션 화면(5010)을 실행 중인 또 다른 제3 어플리케이션 화면(5020)으로 전환하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.As another example, as illustrated at the top of FIG. 50, when a user interaction continuously tapping a corner area of the lower right is detected while the first application screen 5000 is displayed, the controller 290 of FIG. 50. As shown in the middle, the display unit 230 may be controlled to switch the first application screen 5000 to the running second application screen 5010 for display. In addition, as illustrated in the middle of FIG. 50, when the user interaction continuously tapping the lower right corner area while the second application screen 5010 is displayed, the control unit 290 controls the bottom of FIG. 50. As illustrated in FIG. 2, the display unit 230 may be controlled to switch to and display another third application screen 5020 that is executing the second application screen 5010.

또 다른 예로, 도 51의 상단에 도시된 바와 같이, 복수의 어플리케이션에 대응되는 복수의 화면이 디스플레이부(230)에 디스플레이되는 동안 디스플레이부(230)의 좌측 상단의 코너 영역 및 우측 하단의 코너 영역을 동시에 기설정된 시간 이상동안 터치하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 사용자 단말 장치(200)의 모드를 어플리케이션 삭제 모드로 전환할 수 있다. 사용자 단말 장치(200)의 모드가 어플리케이션 삭제 모드로 전환된 경우, 제어부(290)는 도 51의 하단에 도시된 바와 같이, 복수의 화면 각각의 우측 상단에는 어플리케이션을 삭제하기 위한 삭제 아이콘을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.As another example, as shown at the top of FIG. 51, while a plurality of screens corresponding to a plurality of applications are displayed on the display unit 230, the upper left corner area and the lower right corner area of the display unit 230 are displayed. When a user interaction that touches at the same time for a predetermined time or more is detected, the controller 290 may switch the mode of the user terminal device 200 to the application deletion mode. When the mode of the user terminal device 200 is switched to the application deletion mode, the control unit 290 displays a delete icon for deleting an application on the upper right of each of the plurality of screens, as shown in the lower part of FIG. 51. The display 230 may be controlled.

또 다른 예로, 도 52의 상단에 도시된 바와 같이, 복수의 어플리케이션에 대응되는 복수의 화면이 디스플레이부(230)에 디스플레이되는 동안 갤러리 어플리케이션 화면(5200)의 좌측 상단의 코너 영역 및 우측 하단의 코너 영역을 동시에 기설정된 시간 이상동안 터치하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 사용자 단말 장치(200)의 모드를 갤러리 어플리케이션의 컨텐츠 삭제 모드로 전환할 수 있다. 사용자 단말 장치(200)의 모드가 컨텐츠 삭제 모드로 전환된 경우, 제어부(290)는 도 52의 하단에 도시된 바와 같이, 갤러리 어플리케이션에 포함된 복수의 컨텐츠 각각의 우측 상단 영역에 컨텐츠를 삭제하기 위한 삭제 아이콘을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.As another example, as illustrated in the upper portion of FIG. 52, while a plurality of screens corresponding to a plurality of applications are displayed on the display unit 230, the upper left corner area and the lower right corner of the gallery application screen 5200. When a user interaction that simultaneously touches an area for a predetermined time or longer is detected, the controller 290 may switch the mode of the user terminal device 200 to a content deletion mode of the gallery application. When the mode of the user terminal device 200 is switched to the content deletion mode, the control unit 290 deletes the content in the upper right area of each of the plurality of content included in the gallery application, as shown at the bottom of FIG. 52. The display 230 may be controlled to display a delete icon for the display.

또 다른 예로, 도 53의 상단에 도시된 바와 같이, 복수의 어플리케이션에 대응되는 복수의 화면이 디스플레이부(230)에 디스플레이되는 동안 제1 어플리케이션 화면(5300)의 좌측 상단의 코너 영역 및 우측 하단의 코너 영역을 터치한 후, 서로 멀어지는 방향으로 드래그 하는 핀치-아웃 인터렉션이 감지된 경우, 제어부(290)는 도 53의 하단에 도시된 바와 같이, 제1 어플리케이션(5300)의 크기를 확대하도록 디스플레이부(230)를 제어할 수 있다.As another example, as illustrated at the top of FIG. 53, while a plurality of screens corresponding to a plurality of applications are displayed on the display unit 230, the upper left corner area and the lower right corner of the first application screen 5300 are displayed. After touching the corner area, when a pinch-out interaction dragging in a direction away from each other is detected, the control unit 290 displays the display unit to enlarge the size of the first application 5300, as shown in the lower part of FIG. 53. (230) can be controlled.

또 다른 예로, 도 54의 상단에 도시된 바와 같이, 복수의 어플리케이션에 대응되는 복수의 화면이 디스플레이부(230)에 디스플레이되는 동안 SNS 어플리케이션 화면(5400)의 우측 상단 영역에 새로운 SNS 메시지가 수신됨을 안내하는 알림 메시지가 디스플레이된 상태에서 알림 메시지를 기설정된 시간동안 터치하는 사용자 인터렉션이 감지되면, 제어부(290)는 도 54의 하단에 도시된 바와 같이, SNS어플리케이션 화면(5400)을 신규로 수신된 SNS 메시지를 포함하는 리스트 화면(5420)으로 전환하도록 디스플레이부(230)를 제어할 수 있다.As another example, as illustrated in the upper portion of FIG. 54, while a plurality of screens corresponding to a plurality of applications are displayed on the display unit 230, a new SNS message is received in the upper right area of the SNS application screen 5400. When a user interaction touching the notification message for a preset time is detected while the guided notification message is displayed, the control unit 290 newly receives the SNS application screen 5400, as shown in the lower part of FIG. 54. The display 230 may be controlled to switch to the list screen 5420 including the SNS message.

상술한 바와 같이 코너 영역에 입력되는 다양한 사용자 인터렉션의 유형에 따라 수행되는 기능을 정리하면, 아래의 표1 과 같다.As described above, functions performed according to various types of user interactions input to the corner area are summarized in Table 1 below.

제스처 유형Gesture type 디스플레이부의 코너 영역Corner area of the display 디스플레이부에 포함된 복수의 화면의 코너 영역Corner area of a plurality of screens included in the display unit 이벤트 발생하지 않을 경우When an event does not occur 이벤트(예를 들어, 새로운 메시지 수신) 발생할 경우When an event (for example, receiving a new message) occurs 싱글 터치Single touch 드래그 인터렉션Drag interaction 홈 메뉴, 상태 바, 퀵 액세스 메뉴 등을 코너 영역에 디스플레이Display the home menu, status bar, quick access menu, etc. in the corner area 관련 어플리케이션의 이벤트나 컨텐츠를 훑어볼 수 있는 퀵뷰 모드Quick view mode to browse events or contents of related applications 이벤트와 관련된 화면을 선택된 화면에 디스플레이Display the screen related to the event on the selected screen 롱 프레스 인터렉션Long press interaction 현재 실행 중인 어플리케이션들을 네비게이션Navigation of currently running applications 화면 편집 모드Screen editing mode 이벤트의 히스토리 를 선택된 화면에 디스플레이Display the history of the event on the selected screen 더블 탭 인터렉션Double tap interaction 실행 중인 다른 어플리케이션으로 전환Switch to another running application 인터렉션이 입력된 교차점에 통합 폴더 생성Create an integrated folder at the intersection where interaction is entered 인터렉션이 입력된 교차점에 통합 폴더 생성Create an integrated folder at the intersection where interaction is entered 멀티 터치Multi touch 핀치 인터렉션Finch interaction 복수의 화면 중 선택된 화면의 크기 변경Change the size of a selected screen among multiple screens 복수의 화면 중 선택된 화면의 크기 변경Change the size of a selected screen among multiple screens 투 핑거 롱프레스 인터렉션Two Finger Long Press Interaction 어플리케이션 삭제 모드Application deletion mode 어플리케이션의 컨텐츠 삭제 모드Application content deletion mode 어플리케이션의 컨텐츠 삭제 모드Application content deletion mode

한편, 상술한 실시예에서는 제1 화면이 정사각형 형태인 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 제1 화면이 정사각형 형태가 아닌 다른 도형일 수 있다. 예를 들어, 도 55a에 도시된 바와 같이, 직사각형 형태의 제1 화면(5500)의 코너 영역들 중 우상단의 코너 영역을 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 화면(5500)의 일부를 계속하여 디스플레이하는 상태에서 우상단의 코너 영역에 제2 화면(5510)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 또 다른 예로, 도 55b에 도시된 바와 같이, 육각형 형태의 제1 화면(5520)의 코너 영역들 중 제1 코너 영역을 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 화면(5520)의 일부를 계속하여 디스플레이하는 상태에서 사용자 인터렉션이 감지된 제1 코너 영역에 제2 화면(5530)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 또 다른 예로, 도 55c에 도시된 바와 같이, 원 형태의 제1 화면(5540)의 외곽선 중 제1 지점을 터치한 후 대각선 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 화면(5540)의 일부를 계속하여 디스플레이하는 상태에서 사용자 인터렉션이 감지된 제1 지점에 제2 화면(5550)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
Meanwhile, in the above-described embodiment, the first screen is described as a square shape, but this is only an example, and the first screen may be a shape other than a square shape. For example, as illustrated in FIG. 55A, when a user interaction that touches the upper right corner area among the corner areas of the rectangular first screen 5500 and then drags in a diagonal direction is detected, the controller 290. In a state in which a portion of the first screen 5500 is continuously displayed, the display 230 may be controlled to display the second screen 5510 in the upper right corner area. As another example, as illustrated in FIG. 55B, when a user interaction touching a first corner area of the corner areas of the first screen 5520 in a hexagonal shape and dragging in a diagonal direction is detected, the controller 290 The control unit 230 may control the display unit 230 to display the second screen 5530 in the first corner area where user interaction is sensed while continuously displaying a portion of the first screen 5520. As another example, as illustrated in FIG. 55C, when a user interaction that touches a first point among the outlines of the first screen 5540 in a circular shape and drags in a diagonal direction is detected, the control unit 290 may first In a state in which a portion of the screen 5540 is continuously displayed, the display 230 may be controlled to display the second screen 5550 at a first point where user interaction is detected.

<그리드 화면><Grid screen>

본 발명의 다른 실시예에 따르면, 디스플레이부(230)는 복수의 정사각형 셀을 포함하는 그리드 화면을 디스플레이할 수 있다. 그리고, 디스플레이부(230)는 복수의 정사각형 셀에 복수의 오브젝트를 디스플레이할 수 있다. 이때, 복수의 오브젝트 각각은 복수의 정사각형 셀 중 적어도 하나에 디스플레이될 수 있다. 그리고, 복수의 오브젝트 중 제1 오브젝트를 터치하여 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 사용자 인터렉션의 드래그 거리 및 방향에 따라 제1 오브젝트가 디스플레이되는 셀의 개수를 조절하여 제1 오브젝트의 크기를 조절할 수 있다.According to another embodiment of the present invention, the display 230 may display a grid screen including a plurality of square cells. Also, the display 230 may display a plurality of objects in a plurality of square cells. At this time, each of the plurality of objects may be displayed on at least one of the plurality of square cells. In addition, when a user interaction by touching and dragging the first object among the plurality of objects is detected, the controller 290 adjusts the number of cells in which the first object is displayed according to the drag distance and direction of the user interaction, thereby controlling the first object. You can adjust the size.

구체적으로, 도 19a에 도시된 바와 같이, 디스플레이부(230)는 그리드 화면에 포함된 복수의 정사각형 셀 각각에 16개의 오브젝트를 디스플레이할 수 있다. 그리고, 제1 오브젝트에 기설정된 사용자 인터렉션(예를 들어, 제1 오브젝트를 기설정된 시간 누르는 인터렉션)이 감지된 경우, 제어부(290)는 사용자 단말 장치(200) 장치의 모드를 그리드 편집 모드로 전환할 수 있다. 그리드 편집 모드로 전환된 경우, 정사각형 셀에 디스플레이된 16개의 오브젝트의 크기가 도 19b에 도시된 바와 같이, 축소될 수 있다.Specifically, as illustrated in FIG. 19A, the display 230 may display 16 objects in each of the plurality of square cells included in the grid screen. Then, when a preset user interaction (for example, an interaction of pressing the first object for a preset time) is detected in the first object, the control unit 290 switches the mode of the user terminal device 200 device to the grid editing mode. can do. When the grid editing mode is switched, the size of 16 objects displayed in the square cell may be reduced, as shown in FIG. 19B.

그리고, 제1 오브젝트, 제2 오브젝트, 제5 오브젝트 및 제6 오브젝트 사이의 교차점을 터치한 후, 도 19b에 도시된 바와 같이, 4시 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 사용자 인터렉션에 따라 도 19c에 도시된 바와 같이, 제1 오브젝트가 디스플레이되는 정사각형 셀이 제1 내지 제8 정사각형 셀임을 판단하고, 판단된 제1 내지 제8 셀에 제1 오브젝트가 디스플레이되도록 제1 오브젝트의 크기를 확대하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 제 10 내지 제16 오브젝트는 디스플레이 화면에서 제거되면, 제2 내지 제9 오브젝트는 도 19c에 도시된 바와 같이, 디스플레이되는 정사각형 셀의 위치를 변경할 수 있다.
Then, after touching an intersection between the first object, the second object, the fifth object, and the sixth object, as illustrated in FIG. 19B, when a user interaction dragging at 4 o'clock is detected, the controller 290 As shown in FIG. 19C according to user interaction, it is determined that the square cells in which the first objects are displayed are the first through eighth square cells, and the first objects are displayed in the determined first through eighth cells. The display unit 230 may be controlled to enlarge and display an object size. At this time, when the 10th to 16th objects are removed from the display screen, the 2nd to 9th objects may change the position of the displayed square cell, as shown in FIG. 19C.

특히, 제1 오브젝트를 터치한 후, 제1 오브젝트의 외부 방향으로 드래그하는 제1 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 오브젝트가 디스플레이되는 정사각형 셀 영역의 개수를 증가시켜 제1 오브젝트의 크기를 증가시키며, 제1 오브젝트를 제외한 복수의 오브젝트 중 일부를 다른 정사각형 셀 영역으로 이동시키며, 다른 일부를 디스플레이 화면에서 제거할 수 있다. 또한, 제1 오브젝트를 터치한 후, 제1 오브젝트의 내부 방향으로 드래그하는 제2 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 오브젝트가 디스플레이되는 정사각형 셀 영역의 개수를 감소시켜 제1 오브젝트의 크기를 감소시키고, 제1 오브젝트를 제외한 복수의 오브젝트 중 일부를 다른 정사각형 셀 영역으로 이동시키며, 새로운 오브젝트를 디스플레이 화면에 추가할 수 있다.In particular, when a first user interaction that touches the first object and drags it to the outside direction of the first object is detected, the control unit 290 increases the number of square cell regions in which the first object is displayed, thereby increasing the number of square cell regions. To increase the size of, move some of the plurality of objects except the first object to another square cell area, and remove the other part from the display screen. In addition, when a second user interaction is detected after touching the first object and dragging in the inner direction of the first object, the controller 290 decreases the number of square cell areas in which the first object is displayed, thereby reducing the number of square cell regions. To reduce the size of, move some of the plurality of objects except the first object to another square cell area, and add a new object to the display screen.

구체적으로, 도 20a에 도시된 바와 같이, 그리드 화면(2000)에 포함된 16 개의 정사각형 셀 각각에 16개의 오브젝트가 디스플레이되는 동안 제6 오브젝트가 터치된 후 제6 오브젝트의 외부 방향인 오른쪽 상단 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 오브젝트, 제2 오브젝트 및 제5 오브젝트를 디스플레이 화면에서 제거하고, 제6 오브젝트를 4개의 정사각형 셀에 위치하도록 제6 오브젝트의 크기를 증가시킬 수 있다.Specifically, as illustrated in FIG. 20A, after the sixth object is touched while the sixteen objects are displayed on each of the sixteen square cells included in the grid screen 2000, the sixth object is touched to the upper right direction, which is the external direction of the sixth object. When dragging user interaction is detected, the control unit 290 removes the first object, the second object, and the fifth object from the display screen, and increases the size of the sixth object to place the sixth object in four square cells. I can do it.

즉, 크기가 증가되는 오브젝트와 선분 또는 꼭지점이 닿은 오브젝트의 경우, 사용자 인터렉션에 따라 맞닿은 선분 또는 꼭지점 반대 방향으로 이동될 수 있다. 그리고, 이동된 위치에 정사각형 셀이 존재하지 않는 오브젝트는 디스플레이 화면에서 제거될 수 있다. 그리고, 추후 오브젝트가 생성될 경우, 디스플레이 화면에서 제거된 오브젝트는 사용자 인터렉션에 따라 다시 제자리에 위치할 수 있다. 예를 들어, 도 20a의 네번째 화면과 같이, 제6 오브젝트가 4개의 정사각형 셀에 위치하는 동안 내부 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도20a의 첫 번째 화면과 같이, 디스플레이 화면에서 제거된 제1 오브젝트, 제2 오브젝트 및 제5 오브젝트를 다시 제자리로 복귀시킬 수 있다.That is, in the case of an object whose size is increased and an object where a line segment or a vertex touches, it may be moved in a direction opposite to the line segment or the vertex abutting according to a user interaction. Also, an object in which a square cell does not exist in the moved position may be removed from the display screen. Then, when an object is created later, the object removed from the display screen may be positioned again in accordance with user interaction. For example, as illustrated in the fourth screen of FIG. 20A, when a user interaction dragging in the internal direction while the sixth object is located in four square cells is detected, the control unit 290 may display the first screen of FIG. 20A, The first object, the second object, and the fifth object removed from the display screen may be returned to the original position.

또한, 20b의 첫 번째 화면에 도시된 바와 같이, 제6 오브젝트의 제1 지점(2010) 터치된 후 외부 방향인 우하단 방향으로 제2 지점(2020)까지 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제6 오브젝트의 선분 또는 꼭지점이 맞닿은 제3 오브젝트, 제7 오브젝트, 제9 오브젝트, 제10 오브젝트 및 제11 오브젝트를 도 20b의 세 번째 화면에 도시된 바와 같이, 드래그 방향에 대응되도록 다른 위치로 이동시키며, 기존에 디스플레이되었던 제4 오브젝트, 제8 오브젝트, 제13 오브젝트, 제14 오브젝트, 제16 오브젝트를 디스플레이 화면에 제거하도록 디스플레이부(230)를 제어할 수 있다.
In addition, as illustrated in the first screen of 20b, if a user interaction of touching the first point 2010 of the sixth object and dragging it to the second point 2020 in the lower right direction, which is an external direction, is detected, the control unit 290 indicates that the third object, the seventh object, the ninth object, the tenth object, and the eleventh object in contact with the line segment or a vertex of the sixth object correspond to the drag direction, as shown in the third screen of FIG. 20B. The display unit 230 may be controlled to move to another location and remove the previously displayed fourth object, eighth object, thirteenth object, fourteenth object, and sixteenth object on the display screen.

그리고, 디스플레이부(230)에 디스플레이된 오브젝트가 어플리케이션의 위젯인 경우, 확대된 오브젝트의 한 변의 길이가 디스플레이부(230)의 한 변의 길이와 동일하면, 제어부(290)는 어플리케이션의 위젯을 어플리케이션의 실행화면으로 변환할 수 있다.In addition, when the object displayed on the display unit 230 is a widget of the application, if the length of one side of the enlarged object is the same as the length of one side of the display unit 230, the control unit 290 displays the widget of the application. It can be converted to an execution screen.

구체적으로, 도 20c의 첫번째 화면에 도시된 바와 같이, 위젯 형태의 제1 오브젝트를 터치한 후 제8 오브젝트가 디스플레이된 영역까지 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 오브젝트의 크기를 증가시키며, 위젯 형태의 제1 오브젝트를 어플리케이션 화면으로 변환할 수 있다.Specifically, as illustrated in the first screen of FIG. 20C, when a user interaction of touching the first object in the form of a widget and dragging it to an area in which the eighth object is displayed is detected, the controller 290 of the first object It can increase the size and convert the first object in the form of a widget into an application screen.

그리고, 제2 내지 제9 오브젝트가 디스플레이된 영역을 스크롤하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 오브젝트를 고정하고, 제2 오브젝트 내지 제9 오브젝트 중 제2 오브젝트 내지 제5 오브젝트를 디스플레이 화면에서 제거하고, 제6 내지 제9 오브젝트의 위치를 위로 이동시키며, 제10 오브젝트 내지 제13 오브젝트를 새롭게 추가하도록 디스플레이부(230)를 제어할 수 있다.Then, when a user interaction that scrolls a region in which the second to ninth objects are displayed is detected, the controller 290 fixes the first object, and the second to fifth objects among the second to ninth objects are fixed. The display unit 230 may be controlled to remove the display screen, move the positions of the sixth to ninth objects upward, and add the tenth to thirteenth objects newly.

그리고, 도 20c의 세 번째 도면에 도시된 바와 같이, 제1 오브젝트의 제3 지점(2030)을 터치한 후 제4 지점(2040)으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 20c의 네 번째 도면에 도시된 바와 같이, 제1 오브젝트의 크기를 축소시키면서 제9 오브젝트 및 제13 오브젝트의 위치를 위쪽 방향으로 이동시키고, 새로운 오브젝트인 제14 오브젝트 및 제15 오브젝트를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Then, as illustrated in the third drawing of FIG. 20C, when a user interaction of touching the third point 2030 of the first object and dragging it to the fourth point 2040 is detected, the controller 290 may As shown in the fourth drawing of 20c, while reducing the size of the first object, the positions of the ninth and thirteenth objects are moved upward, and a display unit is displayed to display the 14th and 15th objects, which are new objects. (230) can be controlled.

그리고, 도 20c의 네 번째 도면에 도시된 바와 같이, 제1 오브젝트의 제5 지점(2050)을 터치한 후 제6 지점(2060)으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 20c의 다섯 번째 도면에 도시된 바와 같이, 제1 오브젝트의 크기를 축소시키면서 제9 오브젝트를 디스플레이 화면에서 제거하고, 제6 오브젝트, 제7 오브젝트, 제8 오브젝트, 제10 오브젝트 내지 제15 오브젝트를 다른 위쪽 방향으로 이동시키고, 새로운 오브젝트인 제16 오브젝트 내지 제19 오브젝트를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
Then, as illustrated in the fourth drawing of FIG. 20C, when a user interaction touching the fifth point 2050 of the first object and dragging it to the sixth point 2060 is detected, the controller 290 may As shown in the fifth drawing of 20c, while reducing the size of the first object, the ninth object is removed from the display screen, and the sixth object, the seventh object, the eighth object, and the tenth to fifteenth objects are different. The display unit 230 may be controlled to move upward and display new objects 16th to 19th objects.

또한, 제어부(290)는 그리드 화면에서 제1 오브젝트가 차지하는 정사각형 셀의 개수에 따라 제1 오브젝트에 포함된 내용을 상이하게 변경할 수 있다. Also, the control unit 290 may change contents included in the first object differently according to the number of square cells occupied by the first object on the grid screen.

구체적으로, 사진 어플리케이션에 대한 오브젝트가 1개의 정사각형 셀에 위치하는 경우, 제어부(290)는 도 21a에 도시된 바와 같이, 사진 어플리케이션에 대응되는 아이콘을 오브젝트(2110)로 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, when an object for a photo application is located in one square cell, the control unit 290 displays the icon corresponding to the photo application as an object 2110, as shown in FIG. 21A. Can be controlled.

그리고, 사진 어플리케이션에 대한 오브젝트가 4개의 정사각형 셀에 위치하는 경우, 제어부(290)는 도 21b에 도시된 바와 같이, 사진 어플리케이션의 간략 정보(예를 들어, 저장된 사진 정보) 를 포함하는 오브젝트(2120)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Then, when the object for the photo application is located in four square cells, the control unit 290, as shown in Figure 21b, the object 2120 containing the brief information (for example, stored photo information) of the photo application ), the display 230 may be controlled.

그리고, 사진 어플리케이션에 대한 오브젝트가 9개의 정사각형 셀에 위치하는 경우, 제어부(290)는 도 21c에 도시된 바와 같이, 사진 어플리케이션의 상세 정보(예를 들어, 최근에 찍은 사진에 대한 썸네일 이미지 정보 등)를 포함하는 오브젝트(2130)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Then, when an object for a photo application is located in nine square cells, the control unit 290, as shown in Figure 21c, detailed information of the photo application (eg, thumbnail image information for a recently taken photo, etc.) ), the display 230 may be controlled to display the object 2130.

그리고, 사진 어플리케이션에 대한 오브젝트가 16개의 정사각형 셀에 위치하는 경우, 제어부(290)는 도 21d에 도시된 바와 같이, 사진 어플리케이션의 실행 화면(예를 들어, 사진 리스트 등)을 포함하는 오브젝트(2140)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.And, when the object for the photo application is located in 16 square cells, the control unit 290, as shown in Figure 21d, an object 2140 including an execution screen (for example, a photo list, etc.) of the photo application ), the display 230 may be controlled.

한편, 상술한 바와 같이, 오브젝트가 차지하는 정사각형의 셀의 개수 또는 오브젝트의 크기에 따라 4 단계의 상이한 형태가 존재하는 것은 일 실시예에 불과할 뿐, 다른 복수 회의 단계를 포함할 수 있다. 예를 들어, 제어부(290)는 오브젝트가 차지하는 정사각형의 셀의 개수 또는 오브젝트의 크기에 따라 세 단계로 오브젝트를 다르게 표시할 수 있다.On the other hand, as described above, there are only four embodiments of different shapes depending on the number of square cells or the size of the objects occupied by the object, and may include other multiple steps. For example, the controller 290 may display the object differently in three steps according to the number of square cells occupied by the object or the size of the object.

구체적으로, 도 22a에 도시된 바와 같이, 오브젝트가 시계 어플리케이션에 대응되는 오브젝트인 경우, 오브젝트의 크기가 제1 개수의 정사각형 셀을 차지하면, 제어부(290)는 시계 어플리케이션에 대응되는 아이콘 형태로 오브젝트(2211)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제2 개수의 정사각형 셀을 차지하면, 제어부(290)는 간략한 시계 형태로 오브젝트(2213)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제3 개수의 정사각형 셀을 차지하면, 제어부(290)는 상세한 시계 형태(즉, 초침 및 분 간격이 포함된 시계 형태) 로 오브젝트(2215)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as illustrated in FIG. 22A, when the object is an object corresponding to the watch application, when the size of the object occupies the first number of square cells, the controller 290 is an object in the form of an icon corresponding to the watch application The display 230 may be controlled to display 2211. Then, when the size of the object occupies the second number of square cells, the control unit 290 may control the display unit 230 to display the object 2213 in a simple clock form. Then, when the size of the object occupies the third number of square cells, the control unit 290 displays the object 2215 in a detailed clock form (ie, a clock form including second hand and minute intervals). Can be controlled.

그리고, 도 22b에 도시된 바와 같이, 오브젝트가 날씨 어플리케이션에 대응되는 오브젝트인 경우, 오브젝트의 크기가 제1 개수의 정사각형 셀을 차지하면, 제어부(290)는 날씨 어플리케이션에 대응되는 아이콘 형태로 오브젝트(2221)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제2 개수의 정사각형 셀을 차지하면, 제어부(290)는 간략한 날씨 정보(예를 들어, 사용자가 위치하는 지역의 현재 날씨)를 포함하는 오브젝트(2223)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제3 개수의 정사각형 셀을 차지하면, 제어부(290)는 상세한 날씨 정보(예를 들어, 현재 날씨 및 미래의 날씨 정보)를 포함하는 오브젝트(2225)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Then, as illustrated in FIG. 22B, when the object is an object corresponding to a weather application, when the size of the object occupies the first number of square cells, the controller 290 may generate an object (in the form of an icon corresponding to the weather application). The display unit 230 may be controlled to display 2221. Then, when the size of the object occupies the second number of square cells, the control unit 290 displays the object 2231 including brief weather information (for example, current weather in a region where the user is located). (230) can be controlled. Then, when the size of the object occupies a third number of square cells, the control unit 290 displays the object 2225 including detailed weather information (for example, current weather and future weather information). 230) can be controlled.

그리고, 도 22c에 도시된 바와 같이, 오브젝트가 전화 어플리케이션에 대응되는 오브젝트인 경우, 오브젝트의 크기가 제1 개수의 정사각형 셀을 차지하면, 제어부(290)는 전화 어플리케이션에 대응되는 아이콘 형태로 오브젝트(2231)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제2 개수의 정사각형 셀을 차지하면, 제어부(290)는 2개의 연락처 정보를 포함하는 오브젝트(2233)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제3 개수의 정사각형 셀을 차지하면, 제어부(290)는 5개의 연락처 정보를 포함하는 전화 화면을 포함하는 오브젝트(2235)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.And, as shown in Figure 22c, when the object is an object corresponding to the phone application, if the size of the object occupies the first number of square cells, the control unit 290 is an object in the form of an icon corresponding to the phone application ( 2231), the display 230 may be controlled. Then, when the size of the object occupies the second number of square cells, the control unit 290 may control the display unit 230 to display the object 2233 including two contact information. Then, when the size of the object occupies the third number of square cells, the control unit 290 may control the display unit 230 to display the object 2235 including the phone screen including five contact information. .

그리고, 도 22d에 도시된 바와 같이, 오브젝트가 동영상 공유 어플리케이션에 대응되는 오브젝트인 경우, 오브젝트의 크기가 제1 개수의 정사각형 셀을 차지하면, 제어부(290)는 동영상 공유 어플리케이션에 대응되는 아이콘 형태로 오브젝트(2241)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제2 개수의 정사각형 셀을 차지하면, 제어부(290)는 특정 동영상의 썸네일 이미지를 포함하는 오브젝트(2243)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제3 개수의 정사각형 셀을 차지하면, 제어부(290)는 동영상 실행 화면을 포함하는 오브젝트(2245)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.And, as shown in Figure 22d, when the object is an object corresponding to the video sharing application, if the size of the object occupies the first number of square cells, the control unit 290 in the form of an icon corresponding to the video sharing application The display 230 may be controlled to display the object 2241. Then, when the size of the object occupies the second number of square cells, the control unit 290 may control the display unit 230 to display the object 2243 that includes a thumbnail image of a specific video. Then, when the size of the object occupies the third number of square cells, the control unit 290 may control the display unit 230 to display the object 2245 including the video execution screen.

그리고, 도 22e에 도시된 바와 같이, 오브젝트가 이메일 어플리케이션에 대응되는 오브젝트인 경우, 오브젝트의 크기가 제1 개수의 정사각형 셀을 차지하면, 제어부(290)는 이메일 어플리케이션에 대응되는 아이콘 형태로 오브젝트(2251)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제2 개수의 정사각형 셀을 차지하면, 제어부(290)는 수신된 이메일의 간략 정보(예를 들어, 발신자 이름, 제목 등)를 포함하는 오브젝트(2253)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제3 개수의 정사각형 셀을 차지하면, 제어부(290)는 수신된 이메일의 상세 정보(예를 들어, 발신자 이름, 제목, 수신날짜, 이메일 내용 등)를 포함하는 오브젝트(2255)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.And, as shown in Figure 22e, when the object is an object corresponding to the email application, if the size of the object occupies the first number of square cells, the control unit 290 is an object in the form of an icon corresponding to the email application ( 2251), the display 230 may be controlled. Then, when the size of the object occupies the second number of square cells, the control unit 290 displays the object 2253 including brief information of the received email (eg, sender name, subject, etc.) (230) can be controlled. Then, when the size of the object occupies the third number of square cells, the control unit 290 includes an object (2255) containing detailed information of the received email (eg, sender's name, subject, received date, email content, etc.) ), the display 230 may be controlled.

그리고, 도 22f에 도시된 바와 같이, 오브젝트가 SNS 어플리케이션에 대응되는 오브젝트인 경우, 오브젝트의 크기가 제1 개수의 정사각형 셀을 차지하면, 제어부(290)는 SNS 어플리케이션에 대응되는 아이콘 형태로 오브젝트(2261)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제2 개수의 정사각형 셀을 차지하면, 제어부(290)는 최근에 업데이트된 글의 간략 정보(예를 들어, 작성자, 글의 일부 내용)를 포함하는 오브젝트(2263)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 오브젝트의 크기가 제3 개수의 정사각형 셀을 차지하면, 제어부(290)는 최근에 업데이트된 글의 상세 정보(예를 들어, 프로필 이미지, 추천 아이콘, 댓글 등)를 포함하는 오브젝트(2265)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
And, as shown in Figure 22f, when the object is an object corresponding to the SNS application, if the size of the object occupies the first number of square cells, the control unit 290 object in the form of an icon corresponding to the SNS application ( 2261), the display 230 may be controlled. Then, when the size of the object occupies the second number of square cells, the control unit 290 displays the object 2263 including brief information of the recently updated article (eg, the author, some contents of the article). The display 230 can be controlled to do so. Then, when the size of the object occupies the third number of square cells, the control unit 290 includes an object 2265 including detailed information (eg, a profile image, a recommendation icon, a comment, etc.) of the recently updated article. The display 230 may be controlled to display.

이하에서는 도 23a 내지 도 23d를 참조하여 상술한 바와 같이, 그리드 화면에서 사용자 인터렉션에 따라 오브젝트가 차지하는 정사각형 셀의 개수를 조절하며, 셀의 개수가 조절된 오브젝트에 디스플레이되는 내용의 형태가 변경되는 실제적인 예를 설명하기로 한다.Hereinafter, as described above with reference to FIGS. 23A to 23D, the number of square cells occupied by an object is adjusted according to user interaction on a grid screen, and the shape of the content displayed on the object where the number of cells is adjusted is changed. Let me explain an example.

도 23a에 도시된 바와 같이, 디스플레이부(230)는 그리드 화면에 16 개의 오브젝트(2310-1 내지 2310-16)를 디스플레이한다. 이때, 16 개의 오브젝트(2310-1 내지 2310-16)는 각각 대응되는 어플리케이션의 아이콘을 포함할 수 있다.As shown in FIG. 23A, the display 230 displays 16 objects 2310-1 to 2310-16 on a grid screen. At this time, the 16 objects 2310-1 to 2310-16 may each include icons of corresponding applications.

그리고, 16 개의 오브젝트(2310-1 내지 2310-16) 중 SNS 어플리케이션과 대응되는 제6 오브젝트(2310)를 터치한 후 오른쪽 상단 방향으로 향하는 사용자 인터렉션이 감지되면, 제어부(290)는 제6 오브젝트(2310-6)가 4개의 셀을 차지하도록 제6 오브젝트(2310-6)의 크기를 증가시키며, 아이콘을 포함하는 제6 오브젝트(2310-6)를 최신 업데이트된 글에 대한 간략 정보를 포함하는 오브젝트(2320)로 변경하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 제어부(290)는 제1 오브젝트(2310-1), 제2 오브젝트(2310-2) 및 제5 오브젝트(2310-5)는 디스플레이 화면에서 제거하도록 디스플레이부(230)를 제어할 수 있다.Then, if a user interaction toward the upper right direction is detected after touching the sixth object 2310 corresponding to the SNS application among the 16 objects 2310-1 to 2310-16, the controller 290 controls the sixth object ( 2310-6) increases the size of the sixth object 2310-6 so that it occupies four cells, and the sixth object 2310-6 including an icon includes brief information about the latest updated article. The display unit 230 may be controlled to change to 2320 to display. At this time, the control unit 290 may control the display unit 230 to remove the first object 2310-1, the second object 2310-2, and the fifth object 2310-5 from the display screen.

그리고, 최신 업데이트된 글에 대한 간략 정보를 포함하는 오브젝트(2320)를 도 23c에 도시된 바와 같이, 우하단 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 최신 업데이트된 글에 대한 간략 정보를 포함하는 오브젝트(2320)가 9개의 셀을 차지하도록 제6 오브젝트(2320)의 크기를 증가시키며, 최신 업데이트된 글에 대한 간략 정보를 포함하는 오브젝트(2320)를 최신 업데이트된 글에 대한 상세 정보를 포함하는 오브젝트(2330)로 변경하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 제어부(290)는 제3 오브젝트(2310-3), 제7 오브젝트(2310-7), 제9 오브젝트(2310-9), 제10 오브젝트(2310-10), 제11 오브젝트(2310-11)를 디스플레이 화면에서 제거하도록 디스플레이부(230)를 제어할 수 있다.Then, as illustrated in FIG. 23C, when the user interaction of dragging the object 2320 including brief information about the latest updated article in the lower right direction is detected, the control unit 290 displays the latest updated article. The size of the sixth object 2320 is increased so that the object 2320 containing the brief information occupies 9 cells, and the object 2320 containing the brief information about the latest updated text is used for the latest updated text. The display unit 230 may be controlled to be displayed by changing to an object 2330 including detailed information. In this case, the control unit 290 may include a third object 2310-3, a seventh object 2310-7, a ninth object 2310-9, a tenth object 2310-10, and an eleventh object 2310-11. ), the display 230 may be controlled to be removed from the display screen.

그리고, 최신 업데이트된 글에 대한 상세 정보를 포함하는 오브젝트(2330)를 도 23d에 도시된 바와 같이, 우하단 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 최신 업데이트된 글에 대한 상세 정보를 포함하는 오브젝트(2330)가 16개의 셀을 모두 차지하도록 제6 오브젝트(2330)의 크기를 증가시키며, 최신 업데이트된 글에 대한 상세 정보를 포함하는 오브젝트(2330)를 SNS 어플리케이션 실행 화면을 포함하는 오브젝트(2340)로 변경하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 제어부(290)는 제4 오브젝트(2310-4), 제8 오브젝트(2310-8), 제12 오브젝트(2310-12) 내지 제16 오브젝트(2310-16)를 디스플레이 화면에서 제거하도록 디스플레이부(230)를 제어할 수 있다.
Then, as illustrated in FIG. 23D, when the user interaction dragging the object 2330 including detailed information on the latest updated article in the lower right direction is detected, the control unit 290 displays the latest updated article. The size of the sixth object 2330 is increased so that the object 2330 including detailed information occupies all 16 cells, and the SNS application execution screen is displayed on the object 2330 containing detailed information about the latest updated article. The display unit 230 may be controlled to change and display the included object 2340. At this time, the controller 290 displays the fourth object 2310-4, the eighth object 2310-8, and the twelfth object 2310-12 to the sixteenth object 2310-16 from the display screen. (230) can be controlled.

또한, 사용자 인터렉션에 따라 오브젝트가 차지하는 정사각형 셀의 개수가 증가하는 경우, 제어부(290)는 복수의 정사각형 셀에 디스플레이되는 오브젝트의 모양에 따라 상이한 방법으로 오브젝트의 크기 및 내용을 변경할 수 있다.In addition, when the number of square cells occupied by the object increases according to user interaction, the controller 290 may change the size and content of the object in different ways according to the shape of the object displayed on the plurality of square cells.

구체적으로, 도 24a에 도시된 바와 같이, 4개의 정사각형 셀에 채팅 화면을 디스플레이하는 오브젝트(2410)를 터치한 후 우하단 방향으로 드래그하는 사용자 인터렉션이 감지되면, 제어부(290)는 채팅 화면 내용에 변화가 생기지 않고, 화면 비율을 증가시켜 9개의 정사각형 셀에 채팅 화면을 디스플레이하도록 오브젝트(2415)의 크기를 증가시킬 수 있다.Specifically, as illustrated in FIG. 24A, when a user interaction that touches an object 2410 displaying a chat screen on four square cells and drags it in the bottom right direction is detected, the control unit 290 displays the content of the chat screen. The size of the object 2415 can be increased to display the chat screen in nine square cells by increasing the aspect ratio without changing.

또한, 도 24b에 도시된 바와 같이, 4개의 정사각형 셀에 채팅 화면을 디스플레이하는 오브젝트(2420)를 터치한 후 우측 방향으로 드래그하는 사용자 인터렉션이 감지되면, 제어부(290)는 4개의 정사각형 셀에 채팅 화면을 디스플레이하고, 두 개의 셀에 채팅 어플리케이션과 관련된 메뉴를 디스플레이하도록 오브젝트(2425)의 크기를 증가시킬 수 있다.In addition, as illustrated in FIG. 24B, when a user interaction that touches an object 2420 displaying a chat screen on four square cells and drags it to the right direction is detected, the controller 290 chats on the four square cells. The size of the object 2425 may be increased to display a screen and display a menu related to a chat application in two cells.

또한, 도 24c에 도시된 바와 같이, 9개의 정사각형 셀에 채팅 화면을 디스플레이하는 오브젝트(2430)를 터치한 후 좌측 방향으로 드래그하는 사용자 인터렉션이 감지되면, 제어부(290)는 9개의 정사각형 셀에 채팅 화면을 디스플레이하고, 3 개의 셀에 채팅 대상자를 디스플레이하도록 오브젝트(2435)의 크기를 증가시킬 수 있다.In addition, as illustrated in FIG. 24C, when a user interaction of touching an object 2430 displaying a chat screen on 9 square cells and dragging it to the left is detected, the control unit 290 chats on the 9 square cells The size of the object 2435 may be increased to display a screen and display chat targets in three cells.

또한, 도 24d에 도시된 바와 같이, 4개의 정사각형 셀에 채팅 화면을 디스플레이하는 오브젝트(2440)를 터치한 후 아래쪽 방향으로 드래그하는 사용자 인터렉션이 감지되면, 제어부(290)는 기존보다 많은 채팅 내용의 채팅 화면을 디스플레이하도록 오브젝트(2435)의 크기를 증가시킬 수 있다.
In addition, as illustrated in FIG. 24D, when a user interaction of touching an object 2440 displaying a chat screen on four square cells and dragging it in a downward direction is detected, the control unit 290 displays more chat contents than before. The size of the object 2435 may be increased to display a chat screen.

또한, 복수의 정사각형 셀에 영상 컨텐츠를 디스플레이하는 동안 사용자 인터렉션이 입력된 경우, 제어부(290)는 사용자 인터렉션이 입력되는 정사각형 셀의 위치 및 사용자 인터렉션의 방향에 따라 영상 컨텐츠를 확대 또는 축소할 수 있다.In addition, when a user interaction is input while displaying image content on a plurality of square cells, the controller 290 may enlarge or reduce the image content according to the position of the square cell to which the user interaction is input and the direction of the user interaction. .

구체적으로, 도 25a에 도시된 바와 같이, 두 개의 정사각형 셀에 사진 컨텐츠(2510)가 디스플레이되는 동안 사진 컨텐츠의 제1 지점(2511)을 터치한 후 제2 지점(2513)까지 우측 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 25a의 오른쪽에 도시된 바와 같이, 두 개의 정사각형 셀 중 상단에 위치한 셀을 확대한 이미지(2520)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as illustrated in FIG. 25A, after the photo content 2510 is displayed in two square cells, the first point 2511 of the photo content is touched and then dragged to the right to the second point 2513 When a user interaction is detected, the control unit 290 may control the display unit 230 to display an enlarged image 2520 of the cell located at the top of the two square cells, as shown on the right side of FIG. 25A. have.

또한, 도 25b에 도시된 바와 같이, 두 개의 정사각형 셀에 사진 컨텐츠(2510)가 디스플레이되는 동안 사진 컨텐츠의 제3 지점(2515)을 터치한 후 제4 지점(2517)까지 우측 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 25b의 오른쪽에 도시된 바와 같이, 두 개의 정사각형 셀 중 하단에 위치한 셀을 확대한 이미지(2530)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.In addition, as illustrated in FIG. 25B, a user touching the third point 2515 of the photo content and dragging it to the right direction to the fourth point 2517 while the photo content 2510 is displayed on the two square cells. When an interaction is detected, the control unit 290 may control the display unit 230 to display an enlarged image 2530 of the cell located at the bottom of the two square cells, as shown on the right side of FIG. 25B. .

또한, 도 25c에 도시된 바와 같이, 두 개의 정사각형 셀에 사진 컨텐츠(2510)가 디스플레이되는 동안 사진 컨텐츠의 제3 지점(2515)을 터치한 후 제5 지점(2519)까지 대각선 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 25b의 오른쪽에 도시된 바와 같이, 8개의 정사각형 셀에 디스플레이되도록 사진 컨텐츠(2510)를 전체적으로 확대한 이미지(2540)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
In addition, as illustrated in FIG. 25C, a user touching the third point 2515 of the photo content and dragging diagonally to the fifth point 2519 while the photo content 2510 is displayed on the two square cells. When an interaction is detected, the control unit 290 displays the display unit 230 to display the image 2540 of the photograph content 2510 as a whole, so as to be displayed in eight square cells, as shown in the right side of FIG. 25B. Can be controlled.

또한, 그리드 화면에 하나의 오브젝트가 디스플레이되는 동안 두 개의 손가락을 동시에 터치한 후 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 사용자 인터렉션에 따라 오브젝트를 이동하고, 사용자 단말 장치(200)를 제어하기 위한 메뉴를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.In addition, when a user interaction of touching and dragging two fingers simultaneously while one object is displayed on the grid screen is detected, the controller 290 moves the object according to the user interaction, and moves the user terminal device 200. The display 230 may be controlled to display a menu for controlling.

구체적으로, 도 26a에 도시된 바와 같이, 특정 어플리케이션 화면(2610)이 디스플레이되는 동안 특정 어플리케이션 화면(2610)에 두 손가락을 동시에 터치한 후 좌하단 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 특정 어플리케이션 화면(2610)을 좌하단 방향으로 이동하고, 디스플레이 화면의 상단 및 우측에 사용자 단말 장치이 제공하는 다양한 기능에 대응되는 메뉴(2620)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as illustrated in FIG. 26A, when a user interaction of simultaneously touching two fingers on a specific application screen 2610 and dragging in the lower left direction is detected while the specific application screen 2610 is displayed, the control unit ( 290) may control the display unit 230 to move the specific application screen 2610 in the bottom left direction and to display the menu 2620 corresponding to various functions provided by the user terminal device on the upper and right sides of the display screen. have.

또한, 특정 어플리케이션 화면(2610)이 디스플레이되는 동안 특정 어플리케이션 화면(2610)에 두 손가락을 동시에 터치한 후 우측 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 특정 어플리케이션 화면(2610)을 우측 방향으로 이동하고, 디스플레이 화면의 좌측에 사용자 단말 장치이 제공하는 다양한 기능에 대응되는 메뉴(2630)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.In addition, when two user fingers are simultaneously touched on the specific application screen 2610 while dragging in the right direction while the specific application screen 2610 is displayed, the controller 290 displays the specific application screen 2610. The display unit 230 may be controlled to move in the right direction and display a menu 2630 corresponding to various functions provided by the user terminal device on the left side of the display screen.

이때, 특정 어플리케이션 화면(2610)이 이동함에 따라 생성되는 메뉴는 디스플레이 위치에 따라 상이한 메뉴를 포함할 수 있다. 예를 들어, 상단 영역에 디스플레이되는 메뉴는 수신된 메시지 안내, 수신된 전화 안내, 수신된 이메일 안내 등과 같은 notification 메뉴이며, 좌측 또는 우측에 디스플레이되는 메뉴는 자주 사용하는 어플리케이션을 실행할 수 있는 메뉴이며, 꼭지점 영역에 디스플레이되는 메뉴는 홈 화면으로 이동하는 메뉴일 수 있다.
In this case, the menu generated as the specific application screen 2610 moves may include different menus according to the display location. For example, the menu displayed in the upper area is a notification menu such as received message guidance, received telephone guidance, received email guidance, etc., and the menu displayed on the left or right side is a menu for executing frequently used applications. The menu displayed on the vertex area may be a menu that moves to the home screen.

또한, 두 개의 손가락을 터치한 후 드래그하는 사용자 인터렉션이 복수 회 입력된 경우, 제어부(290)는 사용자 인터렉션에 따라 어플리케이션 화면을 이동하고 새로운 어플리케이션 화면을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.In addition, when a user interaction for touching and dragging two fingers is input multiple times, the controller 290 may control the display 230 to move the application screen and display a new application screen according to the user interaction. .

구체적으로, 도 27a에 도시된 바와 같이, 제1 어플리케이션 화면(2710)이 디스플레이되는 동안 제1 어플리케이션 화면(2710)에 두 손가락을 동시에 터치한 후 좌하단 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 27b에 도시된 바와 같이, 제1 어플리케이션 화면(2710')을 좌하단 방향으로 이동하고, 디스플레이 화면의 상단 및 우측 영역에 제2 어플리케이션 화면(2720)의 일부를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 제2 어플리케이션은 제1 어플리케이션 이전에 실행된 어플리케이션일 수 있다.Specifically, as illustrated in FIG. 27A, when two fingers are simultaneously touched on the first application screen 2710 while the first application screen 2710 is displayed and then a user interaction dragging in the lower left direction is detected, As illustrated in FIG. 27B, the control unit 290 moves the first application screen 2710 ′ in a lower left direction and displays a portion of the second application screen 2720 in upper and right areas of the display screen. The control unit 230 may be controlled. In this case, the second application may be an application executed before the first application.

또한, 도 27c에 도시된 바와 같이, 제1 어플리케이션 화면(2710')과 제2 엎플리케이션 화면(2720)이 동시에 디스플레이되는 동안 제2 어플리케이션 화면(2720)에 두 손가락을 동시에 터치한 후 좌하단 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 27d에 도시된 바와 같이, 제1 어플리케이션 화면(2710'') 및 제2 어플리케이션 화면(2720')을 좌하단 방향으로 이동하고, 디스플레이 화면의 상단 및 우측 영역에 제3 어플리케이션 화면(2730)의 일부를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 제3 어플리케이션은 제2 어플리케이션 이전에 실행된 어플리케이션일 수 있다. In addition, as illustrated in FIG. 27C, after simultaneously touching two fingers on the second application screen 2720 while the first application screen 2710 ′ and the second application screen 2720 are simultaneously displayed, the lower left direction When a user interaction dragging to is detected, the control unit 290 moves the first application screen 2710 ″ and the second application screen 2720 ′ in the bottom left direction as shown in FIG. 27D, and displays The display 230 may be controlled to display a part of the third application screen 2730 in upper and right areas of the screen. In this case, the third application may be an application executed before the second application.

한편, 제1 어플리케이션 화면(2710')과 제2 엎플리케이션 화면(2720)이 동시에 디스플레이되는 동안 제1 어플리케이션 화면(2710')에 두 손가락을 동시에 터치한 후 좌하단 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 어플리케이션 화면(2710')을 계속해서 좌하단 방향으로 이동하고, 제2 어플리케이션 화면(2720)이 디스플레이되는 영역을 확장시킬 수 있다.
On the other hand, while the first application screen 2710' and the second application screen 2720 are simultaneously displayed, user interaction by simultaneously touching two fingers on the first application screen 2710' and dragging in the lower left direction is detected. If it is, the control unit 290 may continue to move the first application screen 2710' in the bottom left direction, and expand the area where the second application screen 2720 is displayed.

복수의 오브젝트가 디스플레이되는 영역의 교차점을 터치한 후 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 사용자 인터렉션에 따라 복수의 오브젝트에 대한 화면 분할 비율 및 디스플레이되는 오브젝트의 개수를 조절할 수 있다.When a user interaction dragging after touching an intersection of an area in which a plurality of objects is displayed is detected, the controller 290 may adjust the screen division ratio for the plurality of objects and the number of displayed objects according to the user interaction.

구체적으로, 도 28a에 도시된 바와 같이, 4개의 오브젝트가 디스플레이되는 동안 교차점을 터치한 후 하나의 정사각형 셀 크기만큼 오른쪽 방향으로 이동하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 28b에 도시된 바와 같이, 제1 오브젝트 및 제3 오브젝트의 크기를 증가시키고, 제2 오브젝트 및 제4 오브젝트의 크기를 감소시킬 수 있다.Specifically, as illustrated in FIG. 28A, when four objects are displayed and a user interaction moving in the right direction by one square cell size is detected after touching an intersection, the control unit 290 is illustrated in FIG. 28B As described above, the sizes of the first and third objects may be increased, and the sizes of the second and fourth objects may be reduced.

또한, 도 28b에 도시된 바와 같이, 4개의 오브젝트가 디스플레이되는 동안 교차점을 터치한 후 하나의 정사각형 셀 크기만큼 아래쪽 방향으로 이동하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 28b에 도시된 바와 같이, 제1 오브젝트 및 제2 오브젝트의 크기를 증가시키고, 제3 오브젝트 및 제4 오브젝트의 크기를 감소시킬 수 있다.In addition, as illustrated in FIG. 28B, when a user interaction that moves downward by one square cell size after touching an intersection while four objects are displayed is detected, the control unit 290 is illustrated in FIG. 28B. As described above, the sizes of the first and second objects may be increased, and the sizes of the third and fourth objects may be decreased.

또한, 도 28c에 도시된 바와 같이, 4개의 오브젝트가 디스플레이되는 동안 교차점을 터치한 후 하나의 정사각형 셀 크기만큼 오른쪽 방향으로 이동하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 28d에 도시된 바와 같이, 제1 오브젝트 및 제3 오브젝트의 크기를 증가시키고, 제2 오브젝트 및 제4 오브젝트를 디스플레이 화면에서 제거할 수 있다.In addition, as illustrated in FIG. 28C, when four objects are displayed and a user interaction moving in the right direction by one square cell size is detected after touching an intersection, the control unit 290 is shown in FIG. 28D As described above, the sizes of the first and third objects may be increased, and the second and fourth objects may be removed from the display screen.

또한, 도 28d에 도시된 바와 같이, 2개의 오브젝트가 디스플레이되는 동안 교차점을 터치한 후 하나의 정사각형 셀 크기만큼 아래쪽 방향으로 이동하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 도 28e에 도시된 바와 같이, 제1 오브젝트의 크기를 증가시키고, 제3 오브젝트를 디스플레이 화면에서 제거할 수 있다.In addition, as illustrated in FIG. 28D, when two objects are displayed and a user interaction moving downward by one square cell size is detected after touching an intersection, the control unit 290 is shown in FIG. 28E. As described above, the size of the first object may be increased, and the third object may be removed from the display screen.

상술한 바와 같이 교차점을 터치한 후 드래그 함으로써, 복수의 태스크를 수행할 수 있는 오브젝트의 화면 비율 및 오브젝트의 개수를 동시에 제어할 수 있게 된다.
As described above, by touching and dragging the intersection, it is possible to simultaneously control the aspect ratio of an object capable of performing a plurality of tasks and the number of objects.

복수의 오브젝트가 디스플레이되는 영역의 교차점을 기설정된 이상 터치하는 사용자 인터렉션(즉, 롱 프레스 인터렉션)이 감지된 경우, 제어부(290)는 교차점을 공유하는 복수의 오브젝트를 통합하여 하나의 새로운 오브젝트를 생성하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.When a user interaction (that is, a long press interaction) that touches an intersection point of an area in which a plurality of objects is displayed is preset, a control unit 290 generates a new object by integrating a plurality of objects sharing the intersection point. The display 230 may be controlled to display.

구체적으로, 도 29a에 도시된 바와 같이, 제1 오브젝트 내지 제9 오브젝트(2910-1 내지 2910-9)가 디스플레이되는 동안 제1 오브젝트(2910-1), 제2 오브젝트(2910-2), 제4 오브젝트(2910-4), 제5 오브젝트(2910-5)의 교차점을 기설정된 시간 터치하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 오브젝트(2910-1), 제2 오브젝트(2910-2), 제4 오브젝트(2910-4), 제5 오브젝트(2910-5)를 통합하여 제10 오브젝트(2920)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as illustrated in FIG. 29A, while the first to ninth objects 2910-1 to 2910-9 are displayed, the first object 2910-1, the second object 2910-2, and the When a user interaction that touches a crossing point of the 4th object 2910-4 and the 5th object 2910-5 at a preset time is detected, the controller 290 controls the first object 2910-1 and the second object 2910 -2), the display unit 230 may be controlled to display the tenth object 2920 by integrating the fourth object 2910-4 and the fifth object 2910-5.

그리고, 제10 오브젝트(2920), 제6 오브젝트(2910-6), 제8 오브젝트(2910-8) 및 제9 오브젝트(2910-9)의 교차점을 기설정된 시간 터치하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제10 오브젝트(2920), 제6 오브젝트(2910-6), 제8 오브젝트(2910-8) 및 제9 오브젝트(2910-9)를 통합하여 새로운 제11 오브젝트(2930)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.And, when a user interaction is detected that touches the intersection of the tenth object 2920, the sixth object 2910-6, the eighth object 2910-8, and the ninth object 2910-9 at a preset time, The control unit 290 displays the new eleventh object 2930 by integrating the tenth object 2920, the sixth object 2910-6, the eighth object 2910-8, and the ninth object 2910-9. The display 230 can be controlled to do so.

또는, 제10 오브젝트(2920), 제3 오브젝트(2910-3) 및 제6 오브젝트(2910-6) 의 교차점을 기설정된 시간 터치하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제10 오브젝트(2920), 제3 오브젝트(2910-3) 및 제6 오브젝트(2910-6)를 통합하여 새로운 제12 오브젝트(2940)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Alternatively, when a user interaction that touches an intersection of the tenth object 2920, the third object 2910-3, and the sixth object 2910-6 for a preset time is detected, the controller 290 controls the tenth object ( 2920 ), the display unit 230 may be controlled to display the new twelfth object 2940 by integrating the third object 2910-3 and the sixth object 2910-6.

특히, 복수의 오브젝트가 복수의 어플리케이션 실행 아이콘인 경우, 복수의 오브젝트의 교차점에 롱프레스 인터렉션이 감지되면, 제어부(290)는 롱프레스 인터렉션이 감지된 교차점을 공유하는 오브젝트들의 상위 폴더를 생성할 수 있다. In particular, when a plurality of objects are a plurality of application execution icons, when a long press interaction is detected at a crossing point of a plurality of objects, the control unit 290 may create an upper folder of objects sharing the intersection where the long press interaction is detected. have.

구체적으로, 도 29b에 도시된 바와 같이, 제 1 실행 아이콘 내지 제9 실행 아이콘(2950-1 내지 2950-9)을 디스플레이하는 동안 제1 실행 아이콘(2950-1), 제2 실행 아이콘(2950-2), 제4 실행 아이콘(2950-4) 및 제5 실행 아이콘(2950-5)의 교차점을 롱프레스하는 인터렉션이 감지되면, 제어부(290)는 제1 실행 아이콘(2950-1), 제2 실행 아이콘(2950-2), 제4 실행 아이콘(2950-4) 및 제5 실행 아이콘(2950-5)을 디스플레이 화면에서 제거하고, 제1 실행 아이콘(2950-1), 제2 실행 아이콘(2950-2), 제4 실행 아이콘(2950-4) 및 제5 실행 아이콘(2950-5)의 상위 폴더인 SNS 폴더(2960)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 폴더 이름은 사용자에 의해 지정될 수 있다.Specifically, as illustrated in FIG. 29B, while displaying the first to ninth running icons 2950-1 to 2950-9, the first running icon 2950-1 and the second running icon 2950- 2), when an interaction of long pressing the intersection of the fourth execution icon 2950-4 and the fifth execution icon 2950-5 is detected, the control unit 290 may display the first execution icon 2950-1, the second The run icon 2950-2, the fourth run icon 2950-4, and the fifth run icon 2950-5 are removed from the display screen, and the first run icon 2950-1 and the second run icon 2950 -2), the display 230 may be controlled to display the SNS folder 2960, which is an upper folder of the fourth execution icon 2950-4 and the fifth execution icon 2950-5. At this time, the folder name may be specified by the user.

특히, 복수의 오브젝트가 복수의 컨텐츠 아이콘인 경우, 복수의 오브젝트의 교차점에 롱프레스 인터렉션이 감지되면, 제어부(290)는 롱프레스 인터렉션이 감지된 교차점을 공유하는 컨텐츠들을 포함하는 플레이 리스트를 생성할 수 있다.In particular, when a plurality of objects are a plurality of content icons, when a long press interaction is detected at an intersection of a plurality of objects, the controller 290 generates a play list including contents sharing the intersection where the long press interaction is detected. Can.

구체적으로, 도 29c에 도시된 바와 같이, 제1 컨텐츠 아이콘 내지 제9 컨텐츠 아이콘(2960-1 내지 2960-9)을 디스플레이하는 동안 제1 컨텐츠 아이콘(2960-1), 제2 컨텐츠 아이콘(2960-2), 제4 컨텐츠 아이콘(2960-4) 및 제5 컨텐츠 아이콘(2960-5)의 교차점을 롱프레스하는 인터렉션이 감지되면, 제어부(290)는 제1 컨텐츠 아이콘(2960-1), 제2 컨텐츠 아이콘(2960-2), 제4 컨텐츠 아이콘(2950-4) 및 제5 컨텐츠 아이콘(2960-5)을 디스플레이 화면에서 제거하고, 제1 컨텐츠 아이콘(2960-1), 제2 컨텐츠 아이콘(2960-2), 제4 컨텐츠 아이콘(2960-4) 및 제5 컨텐츠 아이콘(2960-5)을 포함하는 플레이 리스트인 POP 리스(2970)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 플레이 리스트의 이름은 사용자에 의해 지정될 수 있다.
Specifically, as illustrated in FIG. 29C, while displaying the first content icon to the ninth content icon 2960-1 to 2960-9, the first content icon 2960-1 and the second content icon 2960- 2), when an interaction of long-pressing the intersection of the fourth content icon 2960-4 and the fifth content icon 2960-5 is detected, the controller 290 may display the first content icon 2960-1 and the second. The content icon 2960-2, the fourth content icon 2950-4, and the fifth content icon 2960-5 are removed from the display screen, and the first content icon 2960-1 and the second content icon 2960 are removed. -2), the display 230 may be controlled to display the POP lease 2970, which is a play list including the fourth content icon 2960-4 and the fifth content icon 2960-5. At this time, the name of the play list may be specified by the user.

디스플레이 화면의 한 변에 위치한 복수의 오브젝트의 교차점 중 하나를 터치한 후 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 디스플레이 화면에 디스플레이되는 오브젝트의 개수를 조절할 수 있다.When a user interaction of touching and dragging one of the intersections of a plurality of objects located on one side of the display screen is detected, the controller 290 may adjust the number of objects displayed on the display screen.

구체적으로, 도 30a에 도시된 바와 같이, 제1 오브젝트 내지 제3 오브젝트(3010 내지 3030)을 디스플레이하는 동안 제1 오브젝트(3010) 및 제3 오브젝트(3030)의 교차점을 터치한 후 오른쪽 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 오브젝트(3010)의 크기를 증가시키고, 제2 오브젝트(3020) 및 제3 오브젝트(3030)의 크기를 감소시면서, 제3 오브젝트(3030)의 하단에 제4 오브젝트(3040)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as shown in FIG. 30A, while displaying the first to third objects 3010 to 3030, touch the intersection of the first object 3010 and the third object 3030 and then drag in the right direction When a user interaction is detected, the control unit 290 increases the size of the first object 3010 and decreases the sizes of the second object 3020 and the third object 3030, and the third object 3030 The display 230 may be controlled to display the fourth object 3040 at the bottom of the screen.

그리고, 제1 오브젝트 내지 제4 오브젝트(3010 내지 3040)을 디스플레이하는 동안 제1 오브젝트(3010) 및 제4 오브젝트(3040)의 교차점을 터치한 후 오른쪽 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제1 오브젝트(3010)의 크기를 증가시키고, 제2 오브젝트 내지 제4 오브젝트(3040 내지 3030)의 크기를 감소시면서, 제4 오브젝트(3040)의 하단에 제5 오브젝트(3050)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.And, while displaying the first to fourth objects 3010 to 3040, when a user interaction touching the intersection of the first object 3010 and the fourth object 3040 and dragging in the right direction is detected, the control unit 290 increases the size of the first object 3010, decreases the size of the second to fourth objects 3040 to 3030, and reduces the size of the fifth object 3050 to the bottom of the fourth object 3040. The display 230 may be controlled to display.

특히, 도 30b에 도시된 바와 같이, 뉴스 컨텐츠(3060) 및 제1 사진 컨텐츠(3070), 제2 사진 컨텐츠(3080)가 디스플레이하는 동안 뉴스 컨텐츠(3060) 및 제2 사진 컨텐츠(3080)의 교차점을 터치한 후 오른쪽 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 뉴스 컨텐츠(3060)의 크기를 증가시키고, 제1 사진 컨텐츠(3070) 및 제2 사진 컨텐츠(3080)의 크기를 축소시키며, 새로운 제3 사진 컨텐츠(3090)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 계속해서 오른쪽 방향으로 드래그를 하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 새로운 제4 사진 컨텐츠(3095)를 생성하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 제1 내지 제4 사진 컨텐츠(3070,3080,3090,3095)는 뉴스 컨텐츠(3060)와 관련된 사진일 수 있다.
In particular, as shown in FIG. 30B, the intersection of the news content 3060 and the second photo content 3080 while the news content 3060 and the first photo content 3070 and the second photo content 3080 are displayed. If a user interaction dragging in the right direction after touching is detected, the control unit 290 increases the size of the news content 3060, and increases the size of the first photo content 3070 and the second photo content 3080. The display unit 230 may be controlled to reduce and display the new third photo content 3090. Then, when a user interaction continuously dragging in the right direction is detected, the controller 290 may control the display 230 to generate and display a new fourth photo content 3095. At this time, the first to fourth photo content (3070, 3080, 3090, 3095) may be a picture related to the news content (3060).

또한, 제어부(290)는 메인 오브젝트가 디스플레이부(230)에 포함된 복수의 선분 중 맞닿은 선분의 개수에 따라 메인 오브젝트에 대한 상이한 기능을 제공할 수 있다. 구체적으로, 제어부(290)는 도 31a에 도시된 바와 같이, 메인 오브젝트(3110)가 디스플레이부(230)와 네 선분에 맞닿은 경우, 도 31b에 도시된 바와 같이, 메인 오브젝트(3120)가 디스플레이부(230)와 두 선분에 맞닿은 경우, 도 31c에 도시된 바와 같이, 메인 오브젝트(3130)가 디스플레이부(230)와 한 선분에 맞닿은 경우, 도 31d에 도시된 바와 같이, 메인 오브젝트(3140)가 디스플레이부(230)와 한 선분도 맞닿지 않은 경우, 각각 상이한 기능을 제공할 수 있다.In addition, the control unit 290 may provide different functions for the main object according to the number of line segments that the main object abuts among the plurality of line segments included in the display unit 230. Specifically, the control unit 290, as shown in Figure 31a, when the main object 3110 is in contact with the display unit 230 and the four segments, as shown in Figure 31b, the main object 3120 is the display unit When it is in contact with the 230 and two line segments, as shown in FIG. 31C, when the main object 3130 contacts the display unit 230 and one line segment, as shown in FIG. 31D, the main object 3140 is When a line segment does not come into contact with the display 230, different functions may be provided.

구체적으로, 메인 오브젝트가 전화 어플리케이션에 대응되는 오브젝트인 경우, 도 31a에 도시된 바와 같이, 메인 오브젝트(3150)가 디스플레이부(230)의 네 선분과 맞닿으면, 제어부(290)는 사용자 단말 장치(200)가 전화 기능을 수행하도록 제어할 수 있다. 또한, 도 31b에 도시된 바와 같이, 메인 오브젝트(3160)가 디스플레이부(230)의 두 선분과 맞닿으면, 제어부(290)는 사용자 단말 장치(200)의 전화 기능이 잠시 퍼즈(pause)되도록 제어할 수 있다. 또한, 도 31c에 도시된 바와 같이, 메인 오브젝트(3170)가 디스플레이부(230)의 한 선분과 맞닿으면, 제어부(290)는 사용자 단말 장치(200)가 전화 기능뿐만 아니라 다른 기능을 동시에 수행할 수 있는 멀티 태스킹 모드로 진입할 수 있다. 또한, 도 31d에 도시된 바와 같이, 메인 오브젝트(3180)가 디스플레이부(230)의 한 선분과 맞닿지 않은 경우, 다른 오브젝트(3190)를 메인 오브젝트(3180)가 디스플레이된 영역으로 드래그하는 사용자 인터렉션이 감지되면, 제어부(290)는 전화 통화의 상대방과 다른 오브젝트(3190)에 대응되는 컨텐츠를 공유할 수 있도록 통신부(240)를 제어할 수 있다.
Specifically, when the main object is an object corresponding to a telephone application, as shown in FIG. 31A, when the main object 3150 touches four lines of the display 230, the control unit 290 is a user terminal device The 200 may be controlled to perform a telephone function. In addition, as illustrated in FIG. 31B, when the main object 3160 touches two line segments of the display unit 230, the control unit 290 may pause the telephone function of the user terminal device 200 for a while. Can be controlled. In addition, as illustrated in FIG. 31C, when the main object 3170 touches a line segment of the display unit 230, the control unit 290 simultaneously performs other functions as well as a telephone function by the user terminal device 200. You can enter multi-tasking mode. In addition, as illustrated in FIG. 31D, when the main object 3180 does not contact one line segment of the display 230, a user interaction dragging another object 3190 to the area where the main object 3180 is displayed. When this is detected, the control unit 290 may control the communication unit 240 to share content corresponding to another object 3190 with the other party of the phone call.

사용자 단말 장치(200)의 모드가 그리드 편집 모드가 아닌 일반 모드인 경우, 복수의 오브젝트 중 하나를 선택한 후 드래그하는 사용자 인터렉션이 감지되면, 제어부(290)는 드래그 방향에 대응되는 영역에 선택된 오브젝트에 대한 항목들이 디스플레이되도록 디스플레이부(230)를 제어할 수 있다.When the mode of the user terminal device 200 is a general mode other than the grid editing mode, when a user interaction of selecting and dragging one of a plurality of objects is detected, the controller 290 is connected to the selected object in an area corresponding to the drag direction. The display unit 230 may be controlled to display items.

구체적으로, 도 32a에 도시된 바와 같이, 제1 오브젝트 내지 제16 오브젝트가 디스플레이되는 동안 제6 오브젝트를 드래그하는 사용자 인터렉션이 감지된 경우, 제어부(290)는 제7 오브젝트 및 제8 오브젝트를 디스플레이 화면에서 제거하고, 제7 오브젝트 및 제8 오브젝트가 디스플레이된 영역에 제6 오브젝트에 대한 항목들(6',6'')을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as illustrated in FIG. 32A, when a user interaction dragging the sixth object is detected while the first to sixteenth objects are displayed, the controller 290 displays the seventh and eighth objects on the display screen. In addition, the display unit 230 may be controlled to display items 6'and 6'for the sixth object in an area where the seventh object and the eighth object are displayed.

구체적인 실시예를 살펴보면, 도 32b에 도시된 바와 같이, 복수의 어플리케이션에 대응되는 복수의 오브젝트(3210-1 내지 3210-16)을 디스플레이하는 동안 SNS 어플리케이션에 대응되는 제6 어플리케이션(3210-6)을 오른쪽 방향으로 드래그하는 사용자 인터렉션이 감지되면, 제어부(290)는 제7 오브젝트(3210-7) 및 제8 오브젝트(3210-8)가 디스플레이된 영역에 SNS 어플리케이션의 실행 항목인 최근 업데이트된 글들(3220,3225)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 최근 업데이트된 글들(3220,3225)은 하나의 정사각형 셀보다 큰 크기일 수 있으나, 이는 일 실시예에 불과할 뿐, 최근 업데이트된 글들(3220,3225)은 정사각형 셀 하나에 각각 디스플레이될 수 있다.Looking at a specific embodiment, as shown in FIG. 32B, while displaying a plurality of objects 3210-1 to 3210-16 corresponding to a plurality of applications, a sixth application 3210-6 corresponding to an SNS application is displayed. When a user interaction dragging in the right direction is detected, the control unit 290 displays recently updated articles 3220, which are execution items of the SNS application, in the areas where the seventh object 3210-7 and the eighth object 3210-8 are displayed. The display unit 230 may be controlled to display. In this case, the recently updated articles 3220 and 3225 may be larger than one square cell, but this is only an example, and the recently updated articles 3220 and 3225 may be displayed in one square cell, respectively. .

또한, 도 32c에 도시된 바와 같이, 복수의 어플리케이션에 대응되는 복수의 오브젝트(3210-1 내지 3210-16)을 디스플레이하는 동안 연락처 어플리케이션에 대응되는 제2 어플리케이션(3210-2)을 아래쪽 방향으로 드래그하는 사용자 인터렉션이 감지되면, 제어부(290)는 제6 오브젝트(3210-7), 제10 오브젝트(3210-10) 및 제14 오브젝트(3210-14)가 디스플레이된 영역에 연락처 어플리케이션의 실행 항목인 최근 연락한 연락처에 대한 정보(3230,3235)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 최근 연락한 연락처에 대한 정보(3230,3235)은 하나의 정사각형 셀보다 큰 크기일 수 있으나, 이는 일 실시예에 불과할 뿐, 최근 연락한 연락처에 대한 정보(3230,3235)는 정사각형 셀 하나에 각각 디스플레이될 수 있다.
Further, as shown in FIG. 32C, while displaying a plurality of objects 3210-1 to 3210-16 corresponding to a plurality of applications, drag the second application 3210-2 corresponding to the contact application downward. When a user interaction is detected, the control unit 290 displays the execution item of the contact application in the area where the sixth object 3210-7, the tenth object 3210-10, and the fourteenth object 3210-14 are displayed. The display 230 may be controlled to display information 3230 and 3235 about the contact information. At this time, the information about the recently contacted contact (3230,3235) may be larger than one square cell, but this is only an example, and the information about the recently contacted contact (3230,3235) is one square cell Can be displayed on each.

<복수의 사용자 단말 장치 간의 <between multiple user terminal devices 컨텐츠contents 공유> Share>

본 발명의 다른 실시예에 다르면, 도 33에 도시된 바와 같이, 정사각형 형태의 디스플레이 패널을 가지는 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4)는 기설정된 조건이 만족하면 컨텐츠를 공유할 수 있다. 구체적으로, 가로 세로의 길이가 같은 정사각형 형태의 디스플레이 패널을 가지고 있으므로, 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4)가 방향 상관없이 한 선분이 서로 맞닿은 경우, 선분이 맞닿은 사용자 단말 장치 간에 컨텐츠를 공유할 수 있다.According to another embodiment of the present invention, as shown in FIG. 33, a plurality of user terminal devices 200-1,200-2,200-3,200-4 having a square display panel share content when a predetermined condition is satisfied can do. Specifically, since the display panel has a square shape having the same length and width, when a plurality of user terminal devices 200-1, 200-2, 200-3, and 200-4 touch one line segment regardless of the direction, the user terminal touches the line segment Content can be shared between devices.

이때, 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4)는 다양한 방법을 통해 근접 방향을 판단할 수 있다. 본 발명의 일 실시예로, 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4)는 NFC 통신 기술을 이용하여 근접 방향을 판단할 수 있다. 구체적으로, 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4) 각각은 네 변에 4개의 NFC 칩(244)를 포함하며, 맞닿는 선분에 포함된 NFC 칩(244)이 서로 태깅된 경우, 사용자 단말 장치 간의 근접 방향을 판단할 수 있다. 본 발명의 다른 실시예로, 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4)는 적외선 센서를 이용하여 사용자 단말 장치 간의 근접 방향을 판단할 수 있다. 구체적으로, 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4) 각각은 네 변에 4개의 적외선 센서를 구비하며, 적외선 센서를 통해 사용자 단말 장치 간의 근접 방향을 판단할 수 있다. 그리고, 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4)는 터치 센서를 이용하여 사용자 단말 장치 간에 선분이 맞닿았는지 여부를 판단할 수 있다. 그러나, 상술한 바와 같이, NFC 통신 기술, 적외선 센서, 터치 센서를 이용하여 사용자 단말 장치 간의 근접 방향 및 선분이 맞닿았는지 여부를 판단하는 것은 일 실시예에 불과할 뿐, 다른 방법을 이용하여 사용자 단말 장치 간의 근접 방향 및 선분이 맞닿았는지 여부를 판단할 수 있다.
At this time, the plurality of user terminal devices 200-1, 200-2, 200-3, 200-4 may determine the proximity direction through various methods. In one embodiment of the present invention, the plurality of user terminal devices 200-1,200-2,200-3,200-4 may determine the proximity direction using NFC communication technology. Specifically, each of the plurality of user terminal devices 200-1,200-2,200-3,200-4 includes four NFC chips 244 on four sides, and when the NFC chips 244 included in abutting segments are tagged with each other , It is possible to determine a proximity direction between user terminal devices. In another embodiment of the present invention, the plurality of user terminal devices 200-1,200-2,200-3,200-4 may use the infrared sensor to determine the proximity direction between the user terminal devices. Specifically, each of the plurality of user terminal devices 200-1,200-2,200-3,200-4 includes four infrared sensors on four sides, and the proximity direction between the user terminal devices can be determined through the infrared sensor. Also, the plurality of user terminal devices 200-1, 200-2, 200-3, 200-4 may use a touch sensor to determine whether a line segment touches the user terminal devices. However, as described above, it is only an embodiment to determine whether the proximity direction and the line segment between the user terminal devices are contacted using the NFC communication technology, the infrared sensor, and the touch sensor, and the user terminal using another method It may be determined whether the proximity direction and the line segments between the devices are in contact.

이때, 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4)는 서로 맞닿은 변을 판단하여 연결 상태를 판단하고, 연결 상태를 바탕으로 컨텐츠를 공유할 수 있는 공유 영역을 디스플레이할 수 있다. 그리고, 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4) 중 하나에 디스플레이된 컨텐츠 아이콘을 공유 영역으로 드래그하는 사용자 인터렉션이 감지된 경우, 사용자 인터렉션이 감지된 컨텐츠 아이콘에 대응되는 컨텐츠를 다른 사용자 단말 장치와 공유할 수 있다.At this time, the plurality of user terminal devices 200-1, 200-2, 200-3, 200-4 may determine the connection state by determining the sides that are in contact with each other, and display a sharing area capable of sharing content based on the connection state. Then, when a user interaction dragging the content icon displayed on one of the plurality of user terminal devices 200-1,200-2,200-3,200-4 to the shared area is detected, the content corresponding to the detected content icon is displayed. It can be shared with other user terminal devices.

구체적으로, 제1 사용자 단말 장치(200-1)의 오른쪽 선분과 제2 사용자 단말 장치(200-2)의 왼쪽 선분이 맞닿은 경우, 제1 사용자 단말 장치(200-1) 및 제2 사용자 단말 장치(200-2)는 적어도 하나의 센서를 통해 연결 상태를 판단하고, 도 34a에 도시된 바와 같이, 판단된 연결 상태를 바탕으로 사용자 단말 장치가 맞닿은 선분의 하단 영역에 공유 영역(3401)을 디스플레이할 수 있다.Specifically, when the right segment of the first user terminal device 200-1 and the left segment of the second user terminal device 200-2 contact, the first user terminal device 200-1 and the second user terminal device (200-2) determines the connection state through at least one sensor, and as shown in FIG. 34A, based on the determined connection state, displays the shared area 3401 in the lower area of the line segment that the user terminal device abuts. can do.

또한, 제1 사용자 단말 장치(200-1)의 오른쪽 선분과 제2 사용자 단말 장치(200-2)의 왼쪽 선분이 맞닿고, 제1 사용자 단말 장치(200-1)의 아래 선분과 제3 사용자 단말 장치(200-3)의 윗 선분이 맞닿은 경우, 제1내지 제3 사용자 단말 장치(200-1 내지 200-3)는 적어도 하나의 센서를 통해 연결 상태를 판단하고, 도 34b에 도시된 바와 같이, 판단된 연결 상태를 바탕으로 세 개의 사용자 단말 장치가 맞닿은 영역에 공유 영역(3411)을 디스플레이할 수 있다.In addition, the right line segment of the first user terminal device 200-1 and the left line segment of the second user terminal device 200-2 contact, and the bottom line segment and the third user of the first user terminal device 200-1 When the upper line segment of the terminal device 200-3 comes into contact, the first to third user terminal devices 200-1 to 200-3 determine a connection state through at least one sensor, as shown in FIG. 34B. Similarly, based on the determined connection state, the shared area 3411 may be displayed in an area where three user terminal devices abut.

또한, 제1 사용자 단말 장치(200-1)의 오른쪽 선분과 제2 사용자 단말 장치(200-2)의 왼쪽 선분이 맞닿고, 제1 사용자 단말 장치(200-1)의 아래 선분과 제3 사용자 단말 장치(200-3)의 윗 선분이 맞닿고, 제2 사용자 단말 장치(200-2)의 아래 선분과 제4 사용자 단말 장치(200-4)의 윗 선분이 맞닿고, 제3 사용자 단말 장치(200-3)의 오른쪽 선분과 제4 사용자 단말 장치(200-4)의 왼쪽 선분이 맞닿은 경우, 제1 내지 제4 사용자 단말 장치(200-1 내지 200-4)는 적어도 하나의 센서를 통해 연결 상태를 판단하고, 도 34c에 도시된 바와 같이, 판단된 연결 상태를 바탕으로 네 개의 사용자 단말 장치가 맞닿은 영역에 공유 영역(3421)을 디스플레이할 수 있다.In addition, the right line segment of the first user terminal device 200-1 and the left line segment of the second user terminal device 200-2 contact, and the bottom line segment and the third user of the first user terminal device 200-1 The upper line segment of the terminal device 200-3 abuts, the lower line segment of the second user terminal device 200-2 and the upper line segment of the fourth user terminal device 200-4 abut, and the third user terminal device When the right line segment of (200-3) and the left line segment of the fourth user terminal device (200-4) are in contact, the first to fourth user terminal devices (200-1 to 200-4) may pass through at least one sensor. The connection state may be determined, and as illustrated in FIG. 34C, the shared area 3421 may be displayed in an area where four user terminal devices abut based on the determined connection state.

또한, 제1 사용자 단말 장치(200-1)의 오른쪽 선분과 제2 사용자 단말 장치(200-2)의 왼쪽 선분이 맞닿고, 제2 사용자 단말 장치(200-2)의 오른쪽 선분과 제3 사용자 단말 장치(200-3)의 왼쪽 선분이 맞닿은 경우, 제1 내지 제3 사용자 단말 장치(200-1 내지 200-3)는 적어도 하나의 센서를 통해 연결 상태를 판단하고, 도 34d에 도시된 바와 같이, 판단된 연결 상태를 바탕으로 제1 사용자 단말 장치(200-1)와 제2 사용자 장치(200-2)가 맞닿은 선분의 하단 영역에 공유 영역(3431)을 디스플레이할 수 있으며, 제2 사용자 단말 장치(200-2)와 제3 사용자 단말 장치(200-3)가 맞닿은 선분의 하단 영역에 공유 영역(3432)을 디스플레이할 수 있다.In addition, the right line segment of the first user terminal device 200-1 and the left line segment of the second user terminal device 200-2 contact, and the right line segment of the second user terminal device 200-2 and the third user When the left line segment of the terminal device 200-3 contacts, the first to third user terminal devices 200-1 to 200-3 determine a connection state through at least one sensor, as shown in FIG. 34D. Likewise, based on the determined connection state, the shared area 3431 may be displayed in the lower area of the line segment where the first user terminal device 200-1 and the second user device 200-2 contact, and the second user The shared area 3432 may be displayed in the lower area of the line segment where the terminal device 200-2 and the third user terminal device 200-3 contact.

또한, 제1 사용자 단말 장치(200-1)의 오른쪽 선분과 제2 사용자 단말 장치(200-2)의 왼쪽 선분이 맞닿고, 제2 사용자 단말 장치(200-2)의 오른쪽 선분과 제3 사용자 단말 장치(200-3)의 왼쪽 선분이 맞닿고, 제3 사용자 단말 장치(200-3)의 위쪽 선분과 제4 사용자 단말 장치(200-4)의 아래쪽 선분이 맞닿은 경우, 제1 내지 제4 사용자 단말 장치(200-1 내지 200-4)는 적어도 하나의 센서를 통해 연결 상태를 판단하고, 도 34e에 도시된 바와 같이, 판단된 연결 상태를 바탕으로 제1 사용자 단말 장치(200-1)와 제2 사용자 단말 장치(200-2)가 맞닿은 선분의 하단 영역에 공유 영역(3441)을 디스플레이할 수 있으며, 제2 사용자 단말 장치 내지 제4 사용자 단말 장치(200-2 내지 200-4)가 맞닿은 영역에 공유 영역(3442)을 디스플레이할 수 있다.In addition, the right line segment of the first user terminal device 200-1 and the left line segment of the second user terminal device 200-2 contact, and the right line segment of the second user terminal device 200-2 and the third user When the left line segment of the terminal device 200-3 contacts, and the upper line segment of the third user terminal device 200-3 and the bottom line segment of the fourth user terminal device 200-4 contact, the first to fourth lines The user terminal devices 200-1 to 200-4 determine a connection state through at least one sensor, and as shown in FIG. 34E, the first user terminal device 200-1 based on the determined connection state. And the second user terminal device 200-2 may display the shared area 3344 in the lower area of the line segment, and the second to fourth user terminal devices 200-2 to 200-4 may be displayed. The shared area 3442 may be displayed on the abutting area.

한편, 공유 영역은 다양한 형태로 구현될 수 있다. 구체적으로, 도 35에 도시된 바와 같이, 하나의 사용자 단말 장치가 부채꼴 형태로 공유 영역(3510)을 디스플레이하고 있으며, 하나의 사용자 단말 장치가 삼각형 형태로 공유 영역(3520)을 디스플레이하고 있으며, 하나의 사용자 단말 장치가 반원에서 부채꼴을 제외한 형태로 공유 영역(3530)을 디스플레이할 수 있다.
Meanwhile, the shared area may be implemented in various forms. Specifically, as illustrated in FIG. 35, one user terminal device displays the shared area 3510 in a fan shape, and one user terminal device displays the shared area 3520 in a triangular form, and one The user terminal device of the may display the shared area 3530 in a form excluding the fan shape in the semicircle.

또한, 복수의 사용자 단말 장치(200-1,200-2,200-3,200-4)는 서로 연결된 후 공유 영역을 디스플레이하고, 공유 영역이 서로 이어진 경우, 컨텐츠를 공유할 수 있다In addition, the plurality of user terminal devices 200-1,200-2,200-3,200-4 display a shared area after being connected to each other, and when the shared areas are connected to each other, content can be shared.

구체적으로, 도 36a에 도시된 바와 같이, 제1 사용자 단말 장치(200-1)의 우하단에 제1 공유 영역(3610-1)이 디스플레이되고, 제2 사용자 단말 장치(200-2)의 우상단에 제2 공유 영역(3610-2)이 디스플레이되고, 제3 사용자 단말 장치(200-3)의 좌하단에 제3 공유 영역(3610-3)이 디스플레이되고, 제4 사용자 단말 장치(200-4)의 우하단에 제4 공유 영역(3610-4)이 존재하는 상태에서, 도 36b에 도시된 바와 같이, 네 개의 사용자 단말 장치(200-1 내지 200-4)가 서로 연결될 수 있다. 그리고, 제2 사용자 단말 장치(200-2)를 시계 방향으로 180도 회전시킨 경우, 제1 공유 영역(3610-1)과 제2 공유 영역(3610-2)이 서로 이어질 수 있다. 제1 공유 영역(3610-1)과 제2 공유 영역(3610-2)이 이어진 경우, 제1 사용자 단말 장치(200-1) 및 제2 사용자 단말 장치(200-2) 중 하나가 다른 하나로 컨텐츠를 전송할 수 있다.Specifically, as illustrated in FIG. 36A, the first shared area 3610-1 is displayed at the bottom right of the first user terminal device 200-1, and the upper right side of the second user terminal device 200-2 is displayed. The second shared area 3610-2 is displayed on the screen, the third shared area 3610-3 is displayed on the lower left of the third user terminal device 200-3, and the fourth user terminal device 200-4 is displayed. ), in the state where the fourth shared area 3610-4 is present at the bottom right, as shown in FIG. 36B, four user terminal devices 200-1 to 200-4 may be connected to each other. In addition, when the second user terminal device 200-2 is rotated 180 degrees clockwise, the first sharing area 3610-1 and the second sharing area 3610-2 may connect to each other. When the first shared area 3610-1 and the second shared area 3610-2 are connected, one of the first user terminal device 200-1 and the second user terminal device 200-2 is the content as the other. Can send.

구체적인 실시예를 살펴보면, 제1 사용자 단말 장치 내지 제4 사용자 단말 장치(200-1 내지 200-4)는 서로 근접하여 도 37b에 도시된 바와 같이, 하나의 영상 컨텐츠(3710)를 디스플레이할 수 있다. 이때, 영상 컨텐츠(3710)는 제2 사용자 단말 장치(200-2)에 저장될 수 있다. 그리고, 공유 모드로 동작하는 경우, 네 개의 사용자 단말 장치(200-1 내지 200-4)는 도 37b에 도시된 바와 같이, 각각 공유 영역(3721,3723,3725,3727)을 디스플레이할 수 있다. 그리고, 제2 사용자 단말 장치(200-2)를 시계방향으로 180도 회전하여 제1 공유 영역(3721,3723)은 도 37c에 도시된 바와 같이, 서로 이어지는 경우, 제2 사용자 단말 장치(200-2)는 영상 컨텐츠(3710)의 데이터를 제1 사용자 단말 장치(200-1)로 전송할 수 있다. 전송을 전송하는 동안 영상 컨텐츠의 파일 형식을 나타내는 아이콘(3731)이 디스플레이될 수 있다. 파일 전송이 완료된 후, 제1 사용자 단말 장치 내지 제4 사용자 단말 장치(200-1 내지 200-4)는 다시 도 37d에 도시된 바와 같이, 하나의 영상 컨텐츠(3710)를 디스플레이할 수 있다.
Looking at a specific embodiment, the first user terminal device to the fourth user terminal device 200-1 to 200-4 may display one video content 3710 as shown in FIG. 37B in close proximity to each other. . In this case, the image content 3710 may be stored in the second user terminal device 200-2. In addition, when operating in the sharing mode, the four user terminal devices 200-1 to 200-4 may display the sharing areas 3721, 3723, 3725, 3767 respectively, as illustrated in FIG. 37B. Then, when the second user terminal device 200-2 rotates 180 degrees clockwise, the first shared areas 3721 and 3723 are connected to each other, as illustrated in FIG. 37C, when the second user terminal device 200-2 is connected to each other. 2) may transmit the data of the video content 3710 to the first user terminal device 200-1. During transmission, an icon 3731 indicating a file format of image content may be displayed. After the file transfer is completed, the first user terminal device to the fourth user terminal device 200-1 to 200-4 may again display one image content 3710 as illustrated in FIG. 37D.

또한, 복수의 사용자 단말 장치(200-1 내지 200-4)가 서로 연결된 경우, 복수의 사용자 단말 장치(200-1 내지 200-4)는 다양한 형태의 그룹 재생 기능을 제공할 수 있다.In addition, when a plurality of user terminal devices 200-1 to 200-4 are connected to each other, the plurality of user terminal devices 200-1 to 200-4 may provide various types of group playback functions.

구체적으로, 도 38에 도시된 바와 같이, 제1 내지 제3 사용자 단말 장치(200-1 내지 200-3)가 특정 영역에 대한 지도 화면을 동시에 디스플레이하는 동안 제4 사용자 단말 장치(200-4)가 연결된 경우, 제4 사용자 단말 장치(200-4)는 특정 영역의 서쪽 영역을 추가로 디스플레이할 수 있다. 그러나, 제1 내지 제3 사용자 단말 장치(200-1 내지 200-3)가 특정 영역에 대한 지도 화면을 동시에 디스플레이하는 동안 제3 사용자 단말 장치(200-3)를 왼쪽으로 밀어내는 경우, 제3 사용자 단말 장치(200-3)는 제2 사용자 단말 장치(200-2)와 떨어진 거리를 판단하고, 떨어진 거리를 바탕으로 특정 영역의 서쪽 영역을 추가로 디스플레이할 수 있다.Specifically, as illustrated in FIG. 38, the fourth user terminal device 200-4 while the first to third user terminal devices 200-1 to 200-3 simultaneously display a map screen for a specific area. When is connected, the fourth user terminal device 200-4 may further display the west area of the specific area. However, when the first to third user terminal devices 200-1 to 200-3 push the third user terminal device 200-3 to the left while simultaneously displaying the map screen for a specific area, the third The user terminal device 200-3 may determine a distance from the second user terminal device 200-2 and further display a western area of a specific area based on the distance.

상술한 바와 같이, 정사각형 형태의 디스플레이 패널을 가지는 복수의 사용자 단말 장치를 이용하여 다양한 형태의 컨텐츠 공유 및 그룹 재생 기능이 가능해 진다.
As described above, various types of content sharing and group playback functions are possible using a plurality of user terminal devices having a square display panel.

<< 폴딩Folding 인터렉션Interaction >>

본 발명의 일 실시예에 따르면, 힌지부(310)를 기준으로 기설정된 각도 이상 접히는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 복수의 정사각형 셀에 디스플레이되는 오브젝트를 다른 오브젝트로 변경하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 제어부(290)는 벤딩 센서를 포함하는 벤딩 감지부(283)를 이용하여 기설정된 각 이상 접힌 경우, 폴딩 인터렉션이 발생하였음을 감지할 수 있다.According to an embodiment of the present invention, when a folding interaction folding over a predetermined angle based on the hinge part 310 is detected, the control unit 290 changes the object displayed in the plurality of square cells to another object to display The display 230 may be controlled. At this time, the control unit 290 may detect that folding interaction has occurred when a predetermined angle is folded by using the bending detection unit 283 including the bending sensor.

구체적으로, 도 39에 도시된 바와 같이, 제1 오브젝트 내지 제9 오브젝트(3910-1 내지 3910-9)가 정사각형 셀에 디스플레이되는 동안 폴딩 인터렉션이 감지된 경우, 제어부(290)는 제1 오브젝트 내지 제9 오브젝트(3910-1 내지 3910-9)을 디스프레이 화면에서 제거하고, 새로운 제10 오브젝트 내지 제18 오브젝트(3920-1 내지 3920-2)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as illustrated in FIG. 39, when folding interaction is detected while the first to ninth objects 3910-1 to 3910-9 are displayed in a square cell, the control unit 290 controls the first object to The display unit 230 may be controlled to remove the ninth objects 3910-1 to 3910-9 from the display screen and display new 10th to 18th objects 3920-1 to 3920-2.

특히, 복수의 정사각형 셀 중 하나를 터치한 후, 폴딩 인터렉션이 감지된 경우, 제어부(290)는 터치된 정사각형 셀을 포함하는 행에 존재하는 오브젝트를 다른 오브젝트로 변경하고, 나머지 행에 존재하는 오브젝트를 변경하지 않고 유지할 수 있다.In particular, when a folding interaction is detected after touching one of the plurality of square cells, the controller 290 changes the object existing in the row including the touched square cell to another object, and the object existing in the other row Can be maintained without changing.

구체적으로, 도 40a의 좌측에 도시된 바와 같이, 제1 오브젝트 내지 제9 오브젝트(3910-1 내지 3910-9)가 디스플레이되는 동안 제4 오브젝트(3910-4)를 터치한 후, 폴딩 인터렉션이 감지되면, 제어부(290)는 도 40a의 우측에 도시된 바와 같이, 제4 오브젝트(3910-4)를 포함하는 2행의 오브젝트를 새로운 제10 오브젝트 내지 제12 오브젝트(3930-1 내지 3930-3)로 변경하고, 나머지 1행 및 3행에 디스플레이되는 오브젝트를 그대로 유지하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as shown on the left side of FIG. 40A, after the fourth object 3910-4 is touched while the first to ninth objects 3910-1 to 3910-9 are displayed, folding interaction is sensed. When the control unit 290 is shown in the right side of FIG. 40A, the second row of objects including the fourth object 3910-4 is the new 10th to 12th objects 3930-1 to 3930-3. The display unit 230 may be controlled to change to and maintain the objects displayed in the remaining 1 and 3 rows.

또한, 도 40b의 좌측에 도시된 바와 같이, 제1 오브젝트 내지 제9 오브젝트(3910-1 내지 3910-9)가 디스플레이되는 동안 제7 오브젝트(3910-7)를 터치한 후, 폴딩 인터렉션이 감지되면, 제어부(290)는 도 40b의 우측에 도시된 바와 같이, 제7 오브젝트(3910-7)를 포함하는 3행의 오브젝트를 새로운 제10 오브젝트 내지 제12 오브젝트(3930-1 내지 3930-3)로 변경하고, 나머지 1행 및 2행에 디스플레이되는 오브젝트를 그대로 유지하도록 디스플레이부(230)를 제어할 수 있다.In addition, as shown on the left side of FIG. 40B, after the seventh object 3910-7 is touched while the first to ninth objects 3910-1 to 3910-9 are displayed, when folding interaction is detected , As shown on the right side of FIG. 40B, the control unit 290 converts three rows of objects including the seventh object 3910-7 into new 10th to 12th objects 3930-1 to 3930-3. The display unit 230 may be controlled to change and maintain the objects displayed in the remaining 1 and 2 rows.

구체적인 실시예를 살펴보면, 도 41a의 두 번째에 도시된 화면과 같이, 제1 정사각형 셀 내지 제9 정사각형 셀에 일반 지도 화면(4110)을 디스플레이하는 동안 왼쪽 디스플레이 패널을 오른쪽 디스플레이 패널 방향으로 접는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 도 41a의 첫번째에 도시된 화면과 같이, 복수의 정사각형 셀에 디스플레이된 일반 지도 화면(4110)을 교통 상황 화면(4111)으로 변경할 수 있다. 도 41a의 두 번째에 도시된 화면과 같이, 제1 정사각형 셀 내지 제9 정사각형 셀에 일반 지도 화면(4110)을 디스플레이하는 동안 오른쪽 디스플레이 패널을 왼쪽 디스플레이 패널 방향으로 접는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 도 41a의 세번째에 도시된 화면과 같이, 일반 지도 화면(4110)을 위성 지도 화면(4113)으로 변경할 수 있다. 그리고, 도 41a의 세 번째에 도시된 화면과 같이, 제1 정사각형 셀 내지 제9 정사각형 셀에 위성 지도 화면(4113)을 디스플레이하는 동안 오른쪽 디스플레이 패널을 왼쪽 디스플레이 패널 방향으로 접는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 도 41a의 네 번째에 도시된 화면과 같이, 위성 지도 화면(4113)을 AR 화면(4115)으로 변경할 수 있다. 즉, 폴딩 인터렉션이 감지된 경우, 제어부(290)는 폴딩 인터렉션이 감지된 방향을 바탕으로 지도 표시 모드를 변경할 수 있다. Looking at a specific embodiment, as shown in the second screen of FIG. 41A, folding interaction folding the left display panel in the direction of the right display panel while displaying the general map screen 4110 in the first square cell to the ninth square cell. When this is detected, the control unit 290 may change the general map screen 4110 displayed in a plurality of square cells to a traffic situation screen 4111, as shown in the first screen of FIG. 41A. When the folding interaction of folding the right display panel in the direction of the left display panel is detected while displaying the general map screen 4110 in the first square cell to the ninth square cell, as shown in the second screen of FIG. 41A, the control unit As illustrated in the third screen of FIG. 41A, 290 may change the general map screen 4110 to a satellite map screen 4113. And, as shown in the screen shown in the third of Figure 41a, when the folding interaction of folding the right display panel in the direction of the left display panel is detected while displaying the satellite map screen 4113 in the first square cell to the ninth square cell. , The controller 290 may change the satellite map screen 4113 to an AR screen 4115, as shown in the fourth screen of FIG. 41A. That is, when the folding interaction is detected, the controller 290 may change the map display mode based on the direction in which the folding interaction is detected.

그러나, 도 41b의 두 번째에 도시된 화면과 같이, 제1 정사각형 셀 내지 제9 정사각형 셀에 일반 지도 화면(4120)을 디스플레이하는 동안 두 번째 행에 포함된 정사각형 셀을 터치한 후, 왼쪽 디스플레이 패널을 오른쪽 디스플레이 패널 방향으로 접는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 도 41b의 첫 번째에 도시된 화면과 같이, 1행 및 3행이 일반 지도 모드로 유지되며, 2행이 교통 상황 모드로 변경된 화면(4121)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그러나, 도 41b의 두 번째에 도시된 화면과 같이, 제1 정사각형 셀 내지 제9 정사각형 셀에 일반 지도 화면(4120)을 디스플레이하는 동안 두 번째 행에 포함된 정사각형 셀을 터치한 후, 오른쪽 디스플레이 패널을 왼쪽 디스플레이 패널 방향으로 접는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 도 41b의 세 번째에 도시된 화면과 같이, 1행 및 3행이 일반 지도 모드로 유지되며, 2행이 위성 지도 모드로 변경된 화면(4123)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 도 41b의 세 번째에 도시된 화면과 같이, 제1 정사각형 셀 내지 제9 정사각형 셀에 일반 지도 모드 및 위성 지도 모드를 동시에 디스플레이하는 화면(4123)을 디스플레이하는 동안 두 번째 행에 포함된 정사각형 셀을 터치한 후, 오른쪽 디스플레이 패널을 왼쪽 디스플레이 패널 방향으로 접는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 도 41b의 네 번째에 도시된 화면과 같이, 1행 및 3행이 일반 지도 모드로 유지되며, 2행이 AR 모드로 변경된 화면(4125)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 즉, 특정 정사각형 셀을 터치한 후, 폴딩 인터렉션이 감지된 경우, 제어부(290)는 터치된 정사각형 셀이 포함된 행만을 변경하도록 디스플레이부(230)를 제어할 수 있다.
However, as shown in the second screen of FIG. 41B, after displaying the general map screen 4120 in the first square cell to the ninth square cell, after touching the square cell included in the second row, the left display panel When folding interaction is detected in the direction of the right display panel, the control unit 290 maintains the normal map mode in rows 1 and 3, and in the traffic situation mode 2, as shown in the first screen of FIG. 41B. The display 230 may be controlled to display the screen 4121 changed to. However, as shown in the second screen of FIG. 41B, after displaying the general map screen 4120 in the first square cell to the ninth square cell, after touching the square cell included in the second row, the right display panel When folding interaction is detected in the direction of the left display panel, the control unit 290 maintains a normal map mode in rows 1 and 3, and a satellite map mode in row 2, as shown in the third screen of FIG. 41B. The display 230 may be controlled to display the screen 4123 changed to. Then, as shown in the third screen of FIG. 41B, the square included in the second row while displaying the screen 4123 simultaneously displaying the general map mode and the satellite map mode in the first square cell to the ninth square cell. After the touch of the cell, when a folding interaction in which the right display panel is folded in the direction of the left display panel is detected, the control unit 290, as shown in the fourth screen of FIG. 41B, rows 1 and 3 are in a normal map mode. It is maintained, and the display unit 230 may be controlled to display the screen 4125 in which two rows are changed to the AR mode. That is, when a folding interaction is detected after touching a specific square cell, the controller 290 may control the display 230 to change only the row containing the touched square cell.

또한, 복수의 정사각형 셀에 메인 컨텐츠를 디스플레이하는 동안 특정 정사각형 셀을 터치한 후, 폴딩 인터렉션이 감지된 경우, 제어부(290)는 터치된 특정 정사각형 셀의 위치에 따라 특정 정사각형 셀이 포함된 열에 상이한 컨텐츠나 메뉴를 제공할 수 있다.In addition, after a specific square cell is touched while displaying the main content in a plurality of square cells, when a folding interaction is detected, the controller 290 differs in a column containing the specific square cell according to the touched position of the specific square cell. You can provide content or menus.

구체적으로, 도 42a에 도시된 바와 같이, 9 개의 정사각형 셀에 영상 컨텐츠를 디스플레이하는 동안 제9 정사각형 셀을 터치한 후, 폴딩 인터렉션이 감지되면, 제어부(290)는 제3 열에 영상 컨텐츠와 관련된 컨텐츠(4210)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 구체적인 실시예로, 도 42b에 도시된 바와 같이, 9 개의 정사각형 셀에 뉴스 컨텐츠를 디스플레이하는 동안 제9 정사각형 셀을 터치한 후, 폴딩 인터렉션이 감지되면, 제어부(290)는 제3 열에 뉴스 컨텐츠에 대한 3 개의 연관 뉴스(4220)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as illustrated in FIG. 42A, after a ninth square cell is touched while displaying image content on nine square cells, if folding interaction is detected, the controller 290 displays the content related to the image content in the third column. The display 230 may be controlled to display 4210. In a specific embodiment, as illustrated in FIG. 42B, after touching the ninth square cell while displaying news content in nine square cells, if folding interaction is detected, the control unit 290 displays the news content in the third column. The display 230 may be controlled to display three related news 4220 for.

또한, 도 43a에 도시된 바와 같이, 9 개의 정사각형 셀에 영상 컨텐츠를 디스플레이하는 동안 제7 정사각형 셀을 터치한 후, 폴딩 인터렉션이 감지되면, 제어부(290)는 제1 열에 사용자 단말 장치(200)의 기능을 제어하기 위한 메뉴(4310)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 구체적인 실시예로, 도 43b에 도시된 바와 같이, 9 개의 정사각형 셀에 뉴스 컨텐츠를 디스플레이하는 동안 제7 정사각형 셀을 터치한 후, 폴딩 인터렉션이 감지되면, 제어부(290)는 제1 열에 사용자 단말 장치에 대한 메뉴(4230)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
In addition, as illustrated in FIG. 43A, after touching the seventh square cell while displaying image content on nine square cells, if folding interaction is detected, the control unit 290 displays the user terminal device 200 in the first column. The display 230 may be controlled to display a menu 4310 for controlling the function of. In a specific embodiment, as illustrated in FIG. 43B, after touching the seventh square cell while displaying news content in nine square cells, if folding interaction is detected, the control unit 290 displays the user terminal device in the first column. The display 230 may be controlled to display the menu 4230 for.

또한, 제어부(290)는 폴딩 인터렉션 및 회전 인터렉션을 이용하여 디스플레이 화면을 분할하거나 통합할 수 있다.Also, the control unit 290 may divide or integrate the display screen using folding interaction and rotation interaction.

구체적으로, 도 44의 첫 번째 화면에 도시된 바와 같이, 하나의 영상 컨텐츠(4410)를 디스플레이하는 동안 힌지부(310)를 기준으로 폴딩 인터렉션이 감지되면, 제어부(290)는 도 44의 두 번째 화면에 도시된 바와 같이, 디스플레이 화면을 두 개로 분할하여 두 개의 영상 컨텐츠(4420,4425)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 도 44의 두 번째 화면과 같이 두 개의 영상 컨텐츠(4420,4425)가 디스플레이되는 동안 사용자 단말 장치(200)의 회전 감지를 위한 센서(예를 들어, 틸팅 센서, 자이로 센서, 가속도 센서 등)를 통해 회전 시계방향으로 45도 회전하는 회전 인터렉션이 감지된 경우, 제어부(290)는 도 44의 세 번째 화면과 같이 두 개의 화면의 분할선을 유지하도록 두 개의 영상 컨텐츠(4420',4425')를 회전하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 도 44의 세 번째 화면에 도시된 바와 같이, 두 개의 영상 컨텐츠(4420',4425')가 분할된 상태에서 폴딩 인터렉션이 감지된 경우, 제어부(290)는 도 44의 네 번째 화면에 도시된 바와 같이, 디스플레이 화면을 네 개로 분할하여 네 개의 영상 컨텐츠(4431,4433,4435,4437)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.Specifically, as illustrated in the first screen of FIG. 44, when folding interaction is detected based on the hinge unit 310 while displaying one image content 4410, the control unit 290 may control the second of FIG. 44. As illustrated on the screen, the display 230 may be controlled to divide the display screen into two and display two image contents 4420 and 4525. In addition, as shown in the second screen of FIG. 44, while two image contents 4420 and 4525 are displayed, a sensor for detecting rotation of the user terminal device 200 (eg, a tilting sensor, a gyro sensor, an acceleration sensor, etc.) When a rotation interaction that rotates 45 degrees clockwise through is detected, the control unit 290 displays two image contents 4420' and 4425' to maintain the dividing line of the two screens as shown in the third screen of FIG. The display unit 230 may be controlled to rotate and display. Then, as shown in the third screen of FIG. 44, when folding interaction is detected in a state in which two video contents 4420' and 4425' are divided, the controller 290 is shown in the fourth screen of FIG. 44. As shown, the display unit 230 may be controlled to divide the display screen into four and display four image contents 4431, 4333, 4435 and 4375.

또한, 도 45의 첫 번째 화면에 도시된 바와 같이, 여섯 개의 영상 컨텐츠(4511 내지 4416)이 디스플레이되는 동안 힌지부(310)를 기준으로 폴딩 인터렉션이 감지된 경우, 제어부(290)는 힌지부(310)를 기준으로 디스플레이되는 분할선을 제거하여, 도 45의 두 번째 화면에 도시된 바와 같이, 네 개의 영상 컨텐츠(4521,4523,4525,4527)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 도 45의 두 번째 화면에 도시된 바와 같이, 네 개의 영상 컨텐츠(4521,4523,4525,4527)가 디스플레이되는 동안 시계방향으로 45도 회전하는 회전 인터렉션이 감지된 경우, 제어부(290)는 도 44의 세 번째 화면에 도시된 바와 같이, 네 개의 화면의 분할선을 유지하도록 네 개의 영상 컨텐츠(4521',4523',4525',4527')를 회전하여 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 그리고, 도 44의 세 번째 화면에 도시된 바와 같이, 네 개의 영상 컨텐츠(4521',4523',4525',4527')가 디스플레이되는 동안 힌지부(310)를 기준으로 폴딩 인터렉션이 감지된 경우, 제어부(290)는 힌지부(310)를 기준으로 디스플레이되는 분할선을 제거하여 도 45의 네 번째 화면에 도시된 바와 같이, 두 개의 영상 컨텐츠(4531,4533)를 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
In addition, as illustrated in the first screen of FIG. 45, when folding interaction is detected based on the hinge unit 310 while the six image contents 4511 to 4416 are displayed, the control unit 290 controls the hinge unit ( 310), the display 230 may be controlled to display four image contents 4521,4523,4525,4527 by removing the dividing line displayed based on the second screen of FIG. have. Then, as illustrated in the second screen of FIG. 45, when four video contents 4521,4523,4525,4527 are displayed, rotation control that rotates 45 degrees clockwise is detected. As shown in the third screen of FIG. 44, the display 230 is controlled to rotate and display the four image contents 4521',4523',4525',4527' to maintain the dividing lines of the four screens. can do. And, as shown in the third screen of FIG. 44, when the folding interaction is detected based on the hinge unit 310 while the four image contents 4521', 4523', 4525', 4527' are displayed, The control unit 290 removes the dividing line displayed based on the hinge unit 310 to display the display unit 230 to display two image contents 4531 and 4533 as shown in the fourth screen of FIG. 45. Can be controlled.

또한, 제어부(290)를 힌지부(310)의 방향에 따라 3차원 큐브가 회전하는 것과 같이, 화면을 전환할 수 있다. 구체적으로, 도 46a에 도시된 바와 같이, 힌지부(310)가 수직인 상태로 폴딩 인터렉션이 감지된 경우, 제어부(290)는 큐브를 수평방향으로 회전하는 것과 같이, "A 화면 -> B 화면 -> C 화면-> D 화면 -> A 화면 -> ....." 의 순서로 화면을 전환할 수 있다. 또한, 도 46b에 도시된 바와 같이, 힌지부(310)가 수평인 상태로 폴딩 인터렉션이 감지된 경우, 제어부(290)는 큐브를 수직방향으로 회전하는 것과 같이, "A 화면 -> B 화면 -> C 화면-> D 화면 -> A 화면 -> ....." 의 순서로 화면을 전환할 수 있다.
Also, the screen may be switched as the three-dimensional cube rotates the control unit 290 according to the direction of the hinge unit 310. Specifically, as illustrated in FIG. 46A, when folding interaction is detected in a state in which the hinge unit 310 is vertical, the control unit 290 rotates the cube in the horizontal direction, such as “A screen -> B screen -> C screen-> D screen -> A screen ->....." In addition, as illustrated in FIG. 46B, when folding interaction is detected in a state in which the hinge unit 310 is horizontal, the control unit 290 rotates the cube vertically, such as “A screen -> B screen- > C screen-> D screen -> A screen ->....."

또한, 영상 컨텐츠가 디스플레이되는 동안 사용자가 사용자 단말 장치(200)를 파지한 상태에서 사용자 단말 장치(200)를 기설정된 각도로 접는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 사용자가 파지하는 영역을 판단하고, 사용자가 파지하는 영역에 사용자 단말 장치(200) 및 영상 컨텐츠 중 적어도 하나를 제어하기 위한 적어도 하나의 아이콘을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 제어부(290)는 베젤(320)에 위치한 근접 센서 또는 터치 센서를 이용하여 사용자가 파지한 영역을 판단할 수 있다. In addition, when folding interaction of folding the user terminal device 200 at a preset angle is detected while the user holds the user terminal device 200 while the image content is being displayed, the controller 290 is an area that the user grips. The control unit 230 may control the display unit 230 to display at least one icon for controlling at least one of the user terminal device 200 and the video content in an area gripped by the user. At this time, the controller 290 may determine a region gripped by the user using a proximity sensor or a touch sensor located on the bezel 320.

구체적으로, 도 47a에 도시된 바와 같이, 영상 컨텐츠가 디스플레이되는 동안 사용자가 사용자 단말 장치(200)의 하단을 파지한 상태에서 사용자 단말 장치(200)를 기설정된 각도로 접는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 베젤(320)에 포함된 센서를 통해 사용자가 사용자 단말 장치(200)의 하단을 파지함을 감지하고, 디스플레이부(230)의 하단에 사용자 단말 장치(200)를 제어하기 위한 복수의 아이콘(4710-1 내지 4710-4)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 복수의 아이콘(4710-1 내지 4710-4)은 홈 스크린으로 진입하기 위한 아이콘, 자주 사용하는 어플리케이션을 실행하기 위한 아이콘, 사용자 단말 장치(200)의 설정을 변경하기 위한 아이콘 등이 포함될 수 있다.Specifically, as illustrated in FIG. 47A, when a folding interaction of folding the user terminal device 200 at a predetermined angle is detected while the user grips the bottom of the user terminal device 200 while the image content is being displayed. , The control unit 290 detects that the user grips the bottom of the user terminal device 200 through the sensor included in the bezel 320, and controls the user terminal device 200 at the bottom of the display unit 230 The display 230 may be controlled to display a plurality of icons 4710-1 to 4710-4. At this time, the plurality of icons 4710-1 to 4710-4 may include icons for entering the home screen, icons for executing frequently used applications, icons for changing the settings of the user terminal device 200, and the like. have.

또한, 도 47b에 도시된 바와 같이, 영상 컨텐츠가 디스플레이되는 동안 사용자가 사용자 단말 장치(200)의 좌측을 파지한 상태에서 사용자 단말 장치(200)를 기설정된 각도로 접는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 베젤(320)에 포함된 센서를 통해 사용자가 사용자 단말 장치(200)의 좌측을 파지함을 감지하고, 디스플레이부(230)의 좌측에 사용자 단말 장치(200)를 제어하기 위한 복수의 아이콘(4720-1 내지 4720-6)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다. 이때, 복수의 아이콘(4720-1 내지 4720-6)은 홈 스크린으로 진입하기 위한 아이콘, 자주 사용하는 어플리케이션을 실행하기 위한 아이콘, 사용자 단말 장치(200)의 설정을 변경하기 위한 아이콘 등이 포함될 수 있다.In addition, as illustrated in FIG. 47B, when a folding interaction of folding the user terminal device 200 at a predetermined angle is detected while the user grips the left side of the user terminal device 200 while the video content is displayed, The control unit 290 detects that the user grips the left side of the user terminal device 200 through a sensor included in the bezel 320, and controls the user terminal device 200 on the left side of the display unit 230. The display 230 may be controlled to display a plurality of icons 4720-1 to 4720-6. At this time, the plurality of icons 4720-1 to 4720-6 may include icons for entering the home screen, icons for executing frequently used applications, icons for changing the settings of the user terminal device 200, and the like. have.

또한, 도 47c에 도시된 바와 같이, 사진 컨텐츠가 디스플레이되는 동안 사용자가 사용자 단말 장치(200)의 좌측 및 우측을 동시에 파지한 상태에서 사용자 단말 장치(200)를 기설정된 각도로 접는 폴딩 인터렉션이 감지된 경우, 제어부(290)는 베젤(320)에 포함된 센서를 통해 사용자가 사용자 단말 장치(200)의 좌측 및 우측을 파지함을 감지하고, 디스플레이부(230)의 좌측에는 사진 컨텐츠를 편집하기 위한 메뉴 아이콘(4730-1 내지 4730-4)을 디스플레이하고, 디스플레이부(230)의 우측에는 사진 컨텐츠를 공유하기 위한 공유 아이콘(4740-1 내지 4740-3)을 디스플레이하도록 디스플레이부(230)를 제어할 수 있다.
In addition, as illustrated in FIG. 47C, folding interaction is detected in which the user terminal device 200 is folded at a preset angle while the user simultaneously holds the left and right sides of the user terminal device 200 while the picture content is displayed. If it is, the control unit 290 detects that the user grips the left and right sides of the user terminal device 200 through the sensors included in the bezel 320, and edits the picture content on the left side of the display unit 230 The display unit 230 is displayed to display menu icons 4730-1 to 4730-4 for display, and display share icons 4740-1 to 4740-3 for sharing picture content on the right side of the display unit 230. Can be controlled.

또한, 이-북(e-book) 컨텐츠를 디스플레이하는 동안 사용자가 사용자 단말 장치(200)를 파지하는 경우, 제어부(290)는 사용자가 사용자 단말 장치(200)를 파지하는 영역에 따라 페이지를 넘기는 컨트롤 영역을 상이하게 설정할 수 있다.In addition, when a user grips the user terminal device 200 while displaying e-book content, the control unit 290 turns the page according to an area where the user grips the user terminal device 200. The control area can be set differently.

구체적으로, 도 48a에 도시된 바와 같이, 이-북(e-book) 컨텐츠를 디스플레이하는 동안 사용자가 사용자 단말 장치(200)의 하단을 파지하는 경우, 제어부(290)는 디스플레이부(230)의 하단 영역을 페이지를 넘기기 위한 컨트롤 영역(4810)으로 설정할 수 있다. 이때, 컨트롤 영역(4810)은 도 48a에 도시된 바와 같이, 다른 영역과 상이하게 표시될 수 있다. 그리고, 컨트롤 영역(4810)에 페이지를 넘기기 위한 인터렉션(예를 들어, 좌우측 방향의 플립 인터렉션 등)이 감지된 경우, 제어부(290)는 인터렉션에 대응되는 방향으로 페이지를 넘기도록 디스플레이부(230)를 제어할 수 있다.Specifically, as shown in FIG. 48A, when a user grips the lower end of the user terminal device 200 while displaying e-book content, the controller 290 of the display 230 The lower area may be set as a control area 4810 for turning pages. At this time, the control area 4810 may be displayed differently from other areas, as shown in FIG. 48A. Then, when an interaction (for example, flip interaction in left and right directions) for turning a page in the control area 4810 is detected, the control unit 290 displays the page 230 to turn the page in a direction corresponding to the interaction. Can be controlled.

또한, 도 48b에 도시된 바와 같이, 이-북(e-book) 컨텐츠를 디스플레이하는 동안 사용자가 사용자 단말 장치(200)의 좌측 및 우측을 파지하는 경우, 제어부(290)는 디스플레이부(230)의 우측 영역 및 좌측 영역을 페이지를 넘기기 위한 컨트롤 영역(4820-1, 4820-2)으로 설정할 수 있다. 이때, 컨트롤 영역(4820-1,4820-2)은 도 48b에 도시된 바와 같이, 다른 영역과 상이하게 표시될 수 있다. 그리고, 컨트롤 영역(4820-1,4820-2)에 페이지를 넘기기 위한 인터렉션(예를 들어, 좌우측 방향의 플립 인터렉션 등)이 감지된 경우, 제어부(290)는 인터렉션에 대응되는 방향으로 페이지를 넘기도록 디스플레이부(230)를 제어할 수 있다.
In addition, as illustrated in FIG. 48B, when the user grips the left and right sides of the user terminal device 200 while displaying e-book content, the controller 290 displays the display 230 The right and left areas of can be set as control areas 4820-1 and 4820-2 for turning pages. At this time, the control regions 4820-1 and 4820-2 may be displayed differently from other regions, as shown in FIG. 48B. Then, when an interaction (for example, a left-right flip interaction) for turning a page in the control areas 4820-1, 4820-2 is detected, the control unit 290 turns the page in a direction corresponding to the interaction. The display unit 230 can be controlled.

이하에서는 도 56 및 도 57을 참조하여 본 발명의 일 실시예에 따른, 사용자 단말 장치(200)의 디스플레이 방법을 설명하기로 한다. 도 49는 본 발명의 일 실시예에 따른, 대각선 인터렉션에 따른 사용자 단말 장치(100)의 디스플레이 방법을 설명하기 위한 흐름도이다.Hereinafter, a display method of the user terminal device 200 according to an embodiment of the present invention will be described with reference to FIGS. 56 and 57. 49 is a flowchart illustrating a method of displaying a user terminal device 100 according to diagonal interaction according to an embodiment of the present invention.

우선, 사용자 단말 장치(100)는 제1 화면을 디스플레이한다(S5610). 이때, 제1 화면은 정사각형 형태일 수 있다.First, the user terminal device 100 displays a first screen (S5610). At this time, the first screen may have a square shape.

그리고, 사용자 단말 장치(100)는 제1 화면의 꼭지점들 중 하나로부터 대각선 방향으로 드래그하는 사용자 인터렉션이 감지되었는지 여부를 판단한다(S5620).Then, the user terminal device 100 determines whether a user interaction dragging in a diagonal direction from one of the vertices of the first screen is detected (S5620).

대각선 방향으로 드래그하는 사용자 인터렉션이 감지된 경우(S5620-Y), 사용자 단말 장치(100)는 사용자 인터렉션이 감지된 꼭지점에 대응되는 코너 영역에 제2 화면을 디스플레이한다(S5630). 이때, 사용자 단말 장치(100)는 사용자 인터렉션의 드래그 량에 따라 제2 화면의 크기를 변경할 수 있으며, 제2 화면의 크기에 따라 제2 화면에 디스플레이되는 정보의 량을 변경할 수 있다. 또한, 사용자 단말 장치(100)는 사용자 인터렉션이 감지된 꼭지점의 위치에 따라 상이한 유형의 컨텐츠를 제2 화면에 디스플레이할 수 있다.When a user interaction dragging in a diagonal direction is detected (S5620-Y), the user terminal device 100 displays a second screen in a corner area corresponding to the vertex where the user interaction is detected (S5630). At this time, the user terminal device 100 may change the size of the second screen according to the drag amount of the user interaction, and may change the amount of information displayed on the second screen according to the size of the second screen. Also, the user terminal device 100 may display different types of content on the second screen according to the position of the vertex where the user interaction is detected.

도 57은 본 발명의 일 실시예에 따른, 그리드 화면을 디스플레이하는 사용자 단말 장치(100)의 디스플레이 방법을 설명하기 위한 흐름도이다.57 is a flowchart illustrating a display method of a user terminal device 100 displaying a grid screen according to an embodiment of the present invention.

우선, 사용자 단말 장치(100)는 복수의 정사각형 셀을 포함하는 그리드 화면에서 복수의 오브젝트를 디스플레이한다(S5710). 이때, 사용자 단말 장치(100)는 정사각형 형태의 디스플레이 패널을 구비할 수 있다.First, the user terminal device 100 displays a plurality of objects on a grid screen including a plurality of square cells (S5710). At this time, the user terminal device 100 may include a square type display panel.

그리고, 사용자 단말 장치(100)는 복수의 오브젝트 중 제1 오브젝트에 사용자 인터렉션이 감지되었는지 여부를 판단한다(S5720). 이때, 사용자 인터렉션은 드래그 인터렉션일 수 있다.Then, the user terminal device 100 determines whether a user interaction is detected on the first object among the plurality of objects (S5720). At this time, the user interaction may be a drag interaction.

사용자 인터렉션이 감지된 경우(S5720-Y), 사용자 단말 장치(100)는 사용자 인터렉션의 드래그 거리 및 방향에 따라 제1 오브젝트가 디스플레이되는 정사각형 셀의 개수를 조절하여 제1 오브젝트의 크기를 조절한다(S5730). 구체적으로, 제1 오브젝트를 터치한 후, 제1 오브젝트의 외부 방향으로 드래그하는 제1 사용자 인터렉션이 감지된 경우, 사용자 단말 장치(100)는 제1 오브젝트가 디스플레이되는 정사각형 셀 영역의 개수를 증가시켜 상기 제1 오브젝트의 크기를 증가시킬 수 있다. 그러나, 제1 오브젝트를 터치한 후, 제1 오브젝트의 내부 방향으로 드래그하는 제2 사용자 인터렉션이 감지된 경우, 사용자 단말 장치(100)는 제1 오브젝트가 디스플레이되는 정사각형 셀 영역의 개수를 감소시켜 제1 오브젝트의 크기를 감소시킬 수 있다.When a user interaction is detected (S5720-Y), the user terminal device 100 adjusts the size of the first object by adjusting the number of square cells in which the first object is displayed according to the drag distance and direction of the user interaction ( S5730). Specifically, when a first user interaction is detected after touching the first object and dragging in the outer direction of the first object, the user terminal device 100 increases the number of square cell regions in which the first object is displayed. The size of the first object may be increased. However, if a second user interaction is detected after touching the first object and dragging in the inner direction of the first object, the user terminal device 100 decreases the number of square cell regions in which the first object is displayed. 1 You can reduce the size of an object.

상술한 바와 같은 본 발명의 다양한 실시예에 따르면, 사용자는 정사각형 형태의 디스플레이 패널을 가지는 사용자 단말 장치를 통해 다양한 기능을 수행할 수 있게 된다. 이에 따라, 사용자 편의성 및 만족도가 향상될 수 있다.
According to various embodiments of the present invention as described above, a user can perform various functions through a user terminal device having a square display panel. Accordingly, user convenience and satisfaction may be improved.

또한, 상술한 다양한 실시 예에 따른 사용자 단말 장치의 디스플레이 방법은 프로그램으로 구현되어 사용자 단말 장치에 제공될 수 있다. 구체적으로, 사용자 단말 장치의 제어 방법을 포함하는 프로그램이 저장된 비일시적 판독 가능 매체(non-transitory computer readable medium)가 제공될 수 있다. In addition, the display method of the user terminal device according to various embodiments described above may be implemented as a program and provided to the user terminal device. Specifically, a non-transitory computer readable medium in which a program including a control method of a user terminal device is stored may be provided.

비일시적 판독 가능 매체란 레지스터, 캐쉬, 메모리 등과 같이 짧은 순간 동안 데이터를 저장하는 매체가 아니라 반영구적으로 데이터를 저장하며, 기기에 의해 판독(reading)이 가능한 매체를 의미한다. 구체적으로는, 상술한 다양한 어플리케이션 또는 프로그램들은 CD, DVD, 하드 디스크, 블루레이 디스크, USB, 메모리카드, ROM 등과 같은 비일시적 판독 가능 매체에 저장되어 제공될 수 있다.The non-transitory readable medium means a medium that stores data semi-permanently and that can be read by a device, rather than a medium that stores data for a short time, such as registers, caches, and memory. Specifically, the various applications or programs described above may be stored and provided in a non-transitory readable medium such as a CD, DVD, hard disk, Blu-ray disk, USB, memory card, ROM, and the like.

또한, 이상에서는 본 발명의 바람직한 실시예에 대하여 도시하고 설명하였지만, 본 발명은 상술한 특정의 실시예에 한정되지 아니하며, 청구범위에서 청구하는 본 발명의 요지를 벗어남이 없이 당해 발명이 속하는 기술분야에서 통상의 지식을 가진자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 발명의 기술적 사상이나 전망으로부터 개별적으로 이해되어져서는 안될 것이다.In addition, although the preferred embodiments of the present invention have been illustrated and described above, the present invention is not limited to the specific embodiments described above, and the technical field to which the present invention pertains without departing from the gist of the present invention claimed in the claims. In addition, various modifications can be made by those skilled in the art, and these modifications should not be individually understood from the technical idea or prospect of the present invention.

110, 230: 디스플레이부 120, 280: 감지부
130, 290: 제어부 210: 영상 수신부
220: 영상 처리부 240: 통신부
250: 저장부 260: 오디오 처리부
270: 오디오 출력부
110, 230: display unit 120, 280: detection unit
130, 290: Control unit 210: Video receiving unit
220: image processing unit 240: communication unit
250: storage unit 260: audio processing unit
270: audio output

Claims (40)

사용자 단말 장치의 디스플레이 방법에 있어서,
제1 어플리케이션에 관한 제1 화면을 디스플레이하는 단계;
상기 제1 화면이 디스플레이되는 동안 제2 어플리케이션에 관한 이벤트를 수신하는 단계;
상기 제2 어플리케이션에 관한 이벤트가 수신된 후, 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 상기 제1 화면의 내부를 향한 대각선 방향으로 제1 값 미만의 드래그 량으로 드래그하는 제1 사용자 인터렉션이 감지되면, 상기 제1 화면의 제1 부분을 계속하여 디스플레이하는 상태에서, 상기 제1 사용자 인터렉션이 감지된 코너 영역에 대응되는 제1 접힌 영역과 상기 제1 접힌 영역에 의해 노출된 제1 코너 영역 상에 상기 제2 어플리케이션에 관한 제2 화면을 디스플레이하는 단계; 및
상기 제1 화면의 코너 영역들 중 하나를 터치한 후 상기 제1 화면의 내부를 향한 대각선 방향으로 상기 제1 값 이상 제2 값 미만의 드래그 양으로 드래그하는 제2 사용자 인터렉션이 감지되면, 상기 제1 화면의 제2 부분을 계속하여 디스플레이하는 상태에서, 상기 제2 사용자 인터렉션이 감지된 코너 영역에 대응되는 제2 접힌 영역과 상기 제2 접힌 영역에 의해 노출된 제2 코너 영역 상에 상기 제2 화면이 상기 제2 어플리케이션에 관한 제3 화면으로 전환하여 디스플레이하는 단계;를 포함하며,
상기 제2 어플리케이션에 관한 상기 제2 화면 및 상기 제3 화면은 상기 수신된 이벤트에 관한 정보를 포함하고,
상기 제2 화면은,
상기 제1 화면의 네 개의 코너 영역들 중 상기 제1 또는 제2 사용자 인터렉션이 감지된 코너 영역의 위치에 따라 상이한 정보를 포함하는 것을 특징으로 하고,
상기 제3 화면은 상기 제2 화면과 다른 화면이며, 상기 제2 코너 영역의 크기는 상기 제1 코너 영역의 크기보다 크며, 상기 제2 접힌 영역의 크기는 상기 제1 접힌 영역의 크기보다 크며, 상기 제1 화면의 제2 부분의 크기는 상기 제1 화면의 제1 부분의 크기보다 작은 것을 특징으로 하는 디스플레이 방법.
In the display method of the user terminal device,
Displaying a first screen related to the first application;
Receiving an event related to a second application while the first screen is displayed;
After the event related to the second application is received, a first user touching one of the corner areas of the first screen and dragging with a drag amount less than a first value in a diagonal direction toward the inside of the first screen When the interaction is detected, in a state in which the first portion of the first screen is continuously displayed, the first folded area corresponding to the corner area where the first user interaction is detected and the first exposed by the first folded area Displaying a second screen related to the second application on a corner area; And
After touching one of the corner areas of the first screen and detecting a second user interaction dragging in a diagonal direction toward the inside of the first screen in a drag amount greater than or equal to the first value and less than a second value, the first In a state in which the second part of the screen is continuously displayed, the second folded area corresponding to the corner area where the second user interaction is detected and the second corner area exposed by the second folded area It includes the step of switching the screen to the third screen related to the second application to display;
The second screen and the third screen related to the second application include information on the received event,
The second screen,
It characterized in that it includes different information according to the position of the corner area where the first or second user interaction is detected among the four corner areas of the first screen,
The third screen is a screen different from the second screen, the size of the second corner area is larger than the size of the first corner area, and the size of the second folded area is greater than the size of the first folded area, The size of the second portion of the first screen is smaller than the size of the first portion of the first screen.
삭제delete 삭제delete 제1항에 있어서,
상기 제2 화면을 디스플레이하는 단계는,
상기 제1 사용자 인터렉션이 감지된 코너 영역의 위치에 따라 상기 제2 화면에 현재 실행중인 어플리케이션에 대한 정보, 홈 화면으로 이동가능함을 안내하는 정보, 현재 사용자 단말 장치의 상태 정보 및 사용자가 지정한 어플리케이션에 대한 퀵 액세스 정보 중 하나를 디스플레이하는 것을 특징으로 하는 디스플레이 방법.
According to claim 1,
The step of displaying the second screen,
According to the location of the corner area where the first user interaction is detected, information on an application currently being executed on the second screen, information that guides the user to move to a home screen, status information of the current user terminal device, and an application designated by the user. Displaying one of the quick access information for the display method.
삭제delete 제1항에 있어서,
상기 제1 화면은 정사각형 형태이며,
상기 제1 화면의 코너 영역들 중 하나를 터치한 후 상기 제1 화면의 내부를 향한 대각선 방향으로 반대측 방향의 코너 영역까지 드래그하는 제3 사용자 인터렉션이 감지되면, 상기 제1 화면을 상기 제2 어플리케이션과 관련된 전체 화면으로 대체하는 단계;를 포함하는 디스플레이 방법.
According to claim 1,
The first screen is a square shape,
After touching one of the corner areas of the first screen and dragging to the corner area of the opposite direction in a diagonal direction toward the inside of the first screen, when the third user interaction is detected, the first screen is applied to the second application. And a full screen associated with the display method.
제1항에 있어서,
상기 제1 화면이 이-북(e-book) 컨텐츠를 디스플레이하는 경우,
상기 제2 화면을 디스플레이하는 단계는,
북마크 표시를 포함하는 상기 제2 화면을 디스플레이하는 것을 특징으로 하는 디스플레이 방법.
According to claim 1,
When the first screen displays e-book content,
The step of displaying the second screen,
And displaying the second screen including a bookmark display.
제1항에 있어서,
외부로부터 메시지가 수신된 경우,
상기 제2 화면을 디스플레이하는 단계는,
상기 메시지가 수신됨을 안내하는 아이콘을 포함하는 상기 제2 화면을 표시하고,
상기 제3 화면을 디스플레이하는 단계는,
상기 수신된 메시지에 대한 정보를 포함하는 상기 제3 화면을 표시하는 것을 특징으로 하는 디스플레이 방법.
According to claim 1,
When a message is received from outside,
The step of displaying the second screen,
Displaying the second screen including an icon for guiding that the message is received,
The step of displaying the third screen,
And displaying the third screen including information on the received message.
제1항에 있어서,
상기 제1 화면이 사진 컨텐츠를 디스플레이하는 경우,
상기 제2 화면을 디스플레이하는 단계는,
상기 사진 컨텐츠에 대한 복수의 태스크를 수행할 수 있는 적어도 하나의 아이콘을 포함하는 상기 제2 화면을 디스플레이하는 것을 특징으로 하는 디스플레이 방법.
According to claim 1,
When the first screen displays the picture content,
The step of displaying the second screen,
And displaying the second screen including at least one icon capable of performing a plurality of tasks on the photo content.
제1항에 있어서,
상기 제1 화면 및 상기 제2 화면은 정사각형 형태이며,
상기 제1 화면 및 상기 제2 화면은 하나의 코너 영역을 공유하는 것을 특징으로 하는 디스플레이 방법.
According to claim 1,
The first screen and the second screen are in a square shape,
The display method of claim 1, wherein the first screen and the second screen share one corner area.
사용자 단말 장치에 있어서,
디스플레이부;
사용자 인터렉션을 감지하는 감지부; 및
제1 어플리케이션에 관한 제1 화면을 디스플레이하도록 상기 디스플레이부를 제어하고,
상기 제1 화면이 디스플레이되는 동안 제2 어플리케이션에 관한 이벤트를 수신하며,
상기 제2 어플리케이션에 관한 이벤트가 수신된 후, 상기 제1 화면의 코너 영역들 중 하나를 터치한 후 상기 제1 화면의 내부를 향한 대각선 방향으로 제1 값 미만의 드래그 량으로 드래그하는 제1 사용자 인터렉션이 감지되면, 상기 제1 화면의 제1 부분을 계속하여 디스플레이하는 상태에서, 상기 제1 사용자 인터렉션이 감지된 코너 영역에 대응되는 제1 접힌 영역과 상기 제1 접힌 영역에 의해 노출된 제1 코너 영역 상에 상기 제2 어플리케이션에 관한 제2 화면을 디스플레이하도록 상기 디스플레이부를 제어하고,
상기 제1 화면의 코너 영역들 중 하나를 터치한 후 상기 제1 화면의 내부를 향한 대각선 방향으로 상기 제1 값 이상 제2 값 미만의 드래그 양으로 드래그하는 제2 사용자 인터렉션이 감지되면, 상기 제1 화면의 제2 부분을 계속하여 디스플레이하는 상태에서, 상기 제2 사용자 인터렉션이 감지된 코너 영역에 대응되는 제2 접힌 영역과 상기 제2 접힌 영역에 의해 노출된 제2 코너 영역 상에 상기 제2 화면이 상기 제2 어플리케이션에 관한 제3 화면으로 전환되어 디스플레이하도록 상기 디스플레이부를 제어하는 제어부를 포함하며,
상기 제2 어플리케이션에 관한 상기 제2 화면 및 상기 제3 화면은 상기 수신된 이벤트에 관한 정보를 포함하고,
상기 제2 화면은,
상기 제1 화면의 네 개의 코너 영역들 중 상기 제1 또는 제2 사용자 인터렉션이 감지된 코너 영역의 위치에 따라 상이한 정보를 포함하는 것을 특징으로 하고,
상기 제3 화면은 상기 제2 화면과 다른 화면이며, 상기 제2 코너 영역의 크기는 상기 제1 코너 영역의 크기보다 크며, 상기 제2 접힌 영역의 크기는 상기 제1 접힌 영역의 크기보다 크며, 상기 제1 화면의 제2 부분의 크기는 상기 제1 화면의 제1 부분의 크기보다 작은 것을 특징으로 하는 사용자 단말 장치.
In the user terminal device,
Display unit;
A sensing unit that detects user interaction; And
Control the display unit to display a first screen related to the first application,
While the first screen is displayed, receives an event related to a second application,
After the event related to the second application is received, a first user touching one of the corner areas of the first screen and dragging with a drag amount less than a first value in a diagonal direction toward the inside of the first screen When the interaction is detected, in a state in which the first portion of the first screen is continuously displayed, the first folded area corresponding to the corner area where the first user interaction is detected and the first exposed by the first folded area The display unit is controlled to display a second screen related to the second application on a corner area,
After touching one of the corner areas of the first screen and detecting a second user interaction dragging in a diagonal direction toward the inside of the first screen in a drag amount greater than or equal to the first value and less than a second value, the first In a state in which the second part of the screen is continuously displayed, the second folded area corresponding to the corner area where the second user interaction is detected and the second corner area exposed by the second folded area It includes a control unit for controlling the display unit to display the screen is switched to the third screen related to the second application,
The second screen and the third screen related to the second application include information on the received event,
The second screen,
It characterized in that it comprises different information according to the position of the corner area where the first or second user interaction is detected among the four corner areas of the first screen,
The third screen is a screen different from the second screen, the size of the second corner area is larger than the size of the first corner area, and the size of the second folded area is greater than the size of the first folded area, The size of the second part of the first screen is smaller than the size of the first part of the first screen.
삭제delete 삭제delete 제11항에 있어서,
상기 제어부는,
상기 감지부를 통해 상기 제1 사용자 인터렉션이 감지된 코너 영역의 위치에 따라 상기 제2 화면에 현재 실행중인 어플리케이션에 대한 정보, 홈 화면으로 이동가능함을 안내하는 정보, 현재 사용자 단말 장치의 상태 정보 및 사용자가 지정한 어플리케이션에 대한 퀵 액세스 정보 중 하나를 디스플레이하도록 상기 디스플레이부를 제어하는 것을 특징으로 하는 사용자 단말 장치.
The method of claim 11,
The control unit,
Depending on the location of the corner area where the first user interaction is sensed through the detection unit, information on an application currently being executed on the second screen, information that guides the user to move to a home screen, status information of the current user terminal device, and a user And controlling the display unit to display one of the quick access information for the application designated by the user terminal device.
삭제delete 제11항에 있어서,
상기 제1 화면은 정사각형 형태이며,
상기 제어부는,
상기 제1 화면의 코너 영역들 중 하나를 터치한 후 상기 제1 화면의 내부를 향한 대각선 방향으로 반대측 방향의 코너 영역까지 드래그하는 제3 사용자 인터렉션이 상기 감지부를 통해 감지되면, 상기 제1 화면을 상기 제2 어플리케이션과 관련된 전체 화면으로 대체하도록 상기 디스플레이부를 제어하는 것을 특징으로 하는 사용자 단말 장치.
The method of claim 11,
The first screen is a square shape,
The control unit,
When a third user interaction that touches one of the corner areas of the first screen and drags to the corner area of the opposite direction in a diagonal direction toward the inside of the first screen is detected through the sensing unit, the first screen And controlling the display unit to replace the entire screen related to the second application.
제11항에 있어서,
상기 제1 화면이 이-북(e-book) 컨텐츠를 디스플레이하는 경우,
상기 제어부는,
북마크 표시를 포함하는 상기 제2 화면을 디스플레이하도록 상기 디스플레이부를 제어하는 것을 특징으로 하는 사용자 단말 장치.
The method of claim 11,
When the first screen displays e-book content,
The control unit,
And controlling the display unit to display the second screen including a bookmark display.
제11항에 있어서,
외부로부터 메시지가 수신된 경우,
상기 제어부는,
상기 메시지가 수신됨을 안내하는 아이콘을 포함하는 상기 제2 화면을 디스플레이하도록 상기 디스플레이부를 제어하고,
상기 수신된 메시지에 대한 정보를 포함하는 상기 제3 화면을 디스플레이하도록 상기 디스플레이부를 제어하는 것을 특징으로 하는 사용자 단말 장치.
The method of claim 11,
When a message is received from outside,
The control unit,
The display unit is controlled to display the second screen including an icon indicating that the message is received,
And controlling the display unit to display the third screen including information on the received message.
제11항에 있어서,
상기 제1 화면이 사진 컨텐츠를 디스플레이하는 경우,
상기 제어부는,
상기 사진 컨텐츠에 대한 복수의 태스크를 수행할 수 있는 적어도 하나의 아이콘을 포함하는 상기 제2 화면을 디스플레이하도록 상기 디스플레이부를 제어하는 것을 특징으로 하는 사용자 단말 장치.
The method of claim 11,
When the first screen displays the picture content,
The control unit,
And controlling the display unit to display the second screen including at least one icon capable of performing a plurality of tasks on the photo content.
제11항에 있어서,
상기 제1 화면 및 상기 제2 화면은 정사각형 형태이며,
상기 제1 화면 및 상기 제2 화면은 하나의 코너 영역을 공유하는 것을 특징으로 하는 사용자 단말 장치.
The method of claim 11,
The first screen and the second screen are in a square shape,
The first screen and the second screen is a user terminal device characterized in that it shares a single corner area.
삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete 삭제delete
KR1020140088924A 2014-02-13 2014-07-15 User terminal device and method for displaying thereof KR102132390B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US14/621,597 US10747416B2 (en) 2014-02-13 2015-02-13 User terminal device and method for displaying thereof

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US201461939380P 2014-02-13 2014-02-13
US61/939,380 2014-02-13

Publications (2)

Publication Number Publication Date
KR20150095537A KR20150095537A (en) 2015-08-21
KR102132390B1 true KR102132390B1 (en) 2020-07-09

Family

ID=54058538

Family Applications (5)

Application Number Title Priority Date Filing Date
KR1020140088924A KR102132390B1 (en) 2014-02-13 2014-07-15 User terminal device and method for displaying thereof
KR1020140089060A KR102037465B1 (en) 2014-02-13 2014-07-15 User terminal device and method for displaying thereof
KR1020140088919A KR102107469B1 (en) 2014-02-13 2014-07-15 User terminal device and method for displaying thereof
KR1020140092534A KR102304178B1 (en) 2014-02-13 2014-07-22 User terminal device and method for displaying thereof
KR1020140095989A KR20150095541A (en) 2014-02-13 2014-07-28 User terminal device and method for displaying thereof

Family Applications After (4)

Application Number Title Priority Date Filing Date
KR1020140089060A KR102037465B1 (en) 2014-02-13 2014-07-15 User terminal device and method for displaying thereof
KR1020140088919A KR102107469B1 (en) 2014-02-13 2014-07-15 User terminal device and method for displaying thereof
KR1020140092534A KR102304178B1 (en) 2014-02-13 2014-07-22 User terminal device and method for displaying thereof
KR1020140095989A KR20150095541A (en) 2014-02-13 2014-07-28 User terminal device and method for displaying thereof

Country Status (1)

Country Link
KR (5) KR102132390B1 (en)

Families Citing this family (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101667735B1 (en) * 2015-09-11 2016-10-28 엘지전자 주식회사 Mobile terminal and control method for the mobile terminal
KR102560664B1 (en) * 2015-09-30 2023-07-27 엘지전자 주식회사 A mobile terminal and method for controlling the same
KR102503937B1 (en) * 2015-12-16 2023-02-27 삼성전자 주식회사 Apparatus and method for providing user interface of electronic device
EP3394685A1 (en) 2016-01-14 2018-10-31 Huawei Technologies Co., Ltd. An electronic device and a method of operating such an electronic device
KR102592053B1 (en) * 2016-07-04 2023-10-23 삼성전자주식회사 User interface providing method and electronic device supporting the same
KR20180016131A (en) 2016-08-05 2018-02-14 엘지전자 주식회사 Mobile terminal and method for controlling the same
KR20190054397A (en) * 2017-11-13 2019-05-22 삼성전자주식회사 Display apparatus and the control method thereof
KR102464527B1 (en) * 2018-01-15 2022-11-09 삼성전자주식회사 Display Device and the Method for Touch Interface
CN108255405B (en) 2018-01-19 2019-09-10 Oppo广东移动通信有限公司 Method for displaying user interface, device and terminal
KR102516346B1 (en) * 2018-08-28 2023-03-31 엘지디스플레이 주식회사 Touch display device
KR20210016875A (en) * 2019-08-05 2021-02-17 삼성전자주식회사 Method for operating based on touch input and electronic device thereof
EP3982240A4 (en) 2019-08-05 2022-07-20 Samsung Electronics Co., Ltd. Method for touch input-based operation, and electronic device therefor
US11978374B2 (en) 2019-12-26 2024-05-07 Lg Electronics Inc. Display apparatus

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120180001A1 (en) 2011-01-06 2012-07-12 Research In Motion Limited Electronic device and method of controlling same
US20120235930A1 (en) 2011-01-06 2012-09-20 Research In Motion Limited Electronic device and method of displaying information in response to a gesture

Family Cites Families (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100898625B1 (en) * 2007-03-22 2009-05-21 (주)쓰리디아이에스 Multimedia table device
US8600446B2 (en) * 2008-09-26 2013-12-03 Htc Corporation Mobile device interface with dual windows
KR101608770B1 (en) * 2009-08-03 2016-04-04 엘지전자 주식회사 Mobile terminal and method for controlling the same
US9367205B2 (en) * 2010-02-19 2016-06-14 Microsoft Technolgoy Licensing, Llc Radial menus with bezel gestures
KR101802760B1 (en) * 2011-06-27 2017-12-28 엘지전자 주식회사 Mobile terminal and method for controlling thereof
KR101905038B1 (en) * 2011-11-16 2018-10-08 삼성전자주식회사 Apparatus having a touch screen under multiple applications environment and method for controlling thereof
KR20130055743A (en) * 2011-11-21 2013-05-29 엘지전자 주식회사 Electronic device
KR102024587B1 (en) * 2012-02-02 2019-09-24 엘지전자 주식회사 Mobile terminal and method for controlling thereof
US9817568B2 (en) * 2012-02-29 2017-11-14 Blackberry Limited System and method for controlling an electronic device
KR20130099647A (en) * 2012-02-29 2013-09-06 한국과학기술원 Method and apparatus for controlling contents using side interface in user terminal
KR101370719B1 (en) * 2012-04-17 2014-03-10 한국과학기술원 Electronic device having touch screen and method for controlling electronic device using bezel gesture
KR102073601B1 (en) * 2012-07-25 2020-02-06 삼성전자주식회사 User terminal apparatus and control method thereof

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120180001A1 (en) 2011-01-06 2012-07-12 Research In Motion Limited Electronic device and method of controlling same
US20120235930A1 (en) 2011-01-06 2012-09-20 Research In Motion Limited Electronic device and method of displaying information in response to a gesture

Also Published As

Publication number Publication date
KR102107469B1 (en) 2020-05-07
KR20150095536A (en) 2015-08-21
KR102304178B1 (en) 2021-09-23
KR20150095540A (en) 2015-08-21
KR20150095538A (en) 2015-08-21
KR20150095541A (en) 2015-08-21
KR102037465B1 (en) 2019-10-28
KR20150095537A (en) 2015-08-21

Similar Documents

Publication Publication Date Title
KR102132390B1 (en) User terminal device and method for displaying thereof
US10712918B2 (en) User terminal device and displaying method thereof
US10747416B2 (en) User terminal device and method for displaying thereof
KR102155688B1 (en) User terminal device and method for displaying thereof
KR102119843B1 (en) User terminal device and method for displaying thereof
KR102331956B1 (en) User terminal device and method for displaying thereof
CN110320976B (en) User terminal device and display method thereof
US20150227166A1 (en) User terminal device and displaying method thereof
US20140047392A1 (en) Method and apparatus for controlling a display
US11604580B2 (en) Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device
KR20140133353A (en) display apparatus and user interface screen providing method thereof
KR20150094477A (en) User terminal device and method for displaying thereof
US20150339018A1 (en) User terminal device and method for providing information thereof
KR20140133361A (en) display apparatus and user interface screen providing method thereof
KR102368044B1 (en) User terminal device and method for controlling the user terminal device thereof
KR20220165707A (en) Image display apparatus and operating method for the same
EP2743814A2 (en) Display apparatus and method of providing user interface thereof
US10866714B2 (en) User terminal device and method for displaying thereof
KR20150134674A (en) User terminal device, and Method for controlling for User terminal device, and multimedia system thereof
US20140333422A1 (en) Display apparatus and method of providing a user interface thereof
KR102426088B1 (en) User terminal device and method for displaying thereof

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
AMND Amendment
E90F Notification of reason for final refusal
AMND Amendment
E902 Notification of reason for refusal
AMND Amendment
E601 Decision to refuse application
X091 Application refused [patent]
AMND Amendment
X701 Decision to grant (after re-examination)