KR20240045653A - 전자 장치 및 그 ui 제공 방법 - Google Patents

전자 장치 및 그 ui 제공 방법 Download PDF

Info

Publication number
KR20240045653A
KR20240045653A KR1020220125234A KR20220125234A KR20240045653A KR 20240045653 A KR20240045653 A KR 20240045653A KR 1020220125234 A KR1020220125234 A KR 1020220125234A KR 20220125234 A KR20220125234 A KR 20220125234A KR 20240045653 A KR20240045653 A KR 20240045653A
Authority
KR
South Korea
Prior art keywords
ratio
attribute
group
groups
display
Prior art date
Application number
KR1020220125234A
Other languages
English (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 KR1020220125234A priority Critical patent/KR20240045653A/ko
Priority to PCT/KR2023/011516 priority patent/WO2024071641A1/ko
Publication of KR20240045653A publication Critical patent/KR20240045653A/ko

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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • 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]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

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)

Abstract

전자 장치가 개시된다. 전자 장치는, 회전 가능한 디스플레이, 적어도 하나의 명령어를 저장하는 메모리 및 디스플레이 및 메모리와 연결되어, 가로 모드 및 세로 모드 중 하나의 표시 모드로 동작하도록 전자 장치를 제어하는 하나 이상의 프로세서를 포함할 수 있다. 하나 이상의 프로세서는, 적어도 하나의 명령어를 실행함으로써, 가로 모드로 동작하는 동안 복수의 오브젝트의 속성에 따라 복수의 오브젝트를 복수의 그룹으로 그룹핑하여 상이한 영역에 표시하도록 디스플레이를 제어하고, 가로 모드에서 세로 모드로 변경되면, 복수의 그룹 각각에 포함된 오브젝트의 속성 또는 복수의 그룹 각각이 표시된 영역의 속성 중 적어도 하나에 기초하여 오브젝트의 비율 유지 또는 변경 여부를 식별하고, 식별 결과에 기초하여 복수의 그룹 중 일부 그룹에 포함된 오브젝트의 비율을 변경하고 나머지 그룹에 속한 오브젝트의 비율을 유지하여 표시하도록 디스플레이를 제어할 수 있다.

Description

전자 장치 및 그 UI 제공 방법 { Electronic apparatus and User Interface providing method thereof }
본 개시는 전자 장치 및 그 UI 제공 방법에 관한 것으로, 더욱 상세하게는 화면이 회전되는 전자 장치 및 그 UI 제공 방법에 관한 것이다.
전자 기술의 발달에 힘입어 다양한 유형의 전자기기들이 개발 및 보급되고 있다. 특히, TV와 같은 대형 디스플레이 기기가 다양한 형태로 개발되고 있다.
일 예로 종래의 가로 방향의 화면을 세로 방향으로 회전시켜 세로형 컨텐츠를 제공하는 회전 가능한 디스플레이의 개발이 활발히 진행되고 있다.
본 개시의 일 실시 예에 따른 전자 장치는, 회전 가능한 디스플레이, 적어도 하나의 명령어를 저장하는 메모리 및 상기 디스플레이 및 상기 메모리와 연결되어, 가로 모드 및 세로 모드 중 하나의 표시 모드로 동작하도록 상기 전자 장치를 제어하는 하나 이상의 프로세서를 포함한다. 상기 하나 이상의 프로세서는, 상기 적어도 하나의 명령어를 실행함으로써, 상기 가로 모드로 동작하는 동안 복수의 오브젝트의 속성에 따라 상기 복수의 오브젝트를 복수의 그룹으로 그룹핑하여 상이한 영역에 표시하도록 상기 디스플레이를 제어하고, 상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 복수의 그룹 각각에 포함된 오브젝트의 속성 또는 상기 복수의 그룹 각각이 표시된 영역의 속성 중 적어도 하나에 기초하여 오브젝트의 비율 유지 또는 변경 여부를 식별하고, 식별 결과에 기초하여 상기 세로 모드로 동작하는 동안 상기 복수의 그룹 중 일부 그룹에 포함된 오브젝트의 비율을 변경하고 나머지 그룹에 속한 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어할 수 있다.
일 예에 따라 상기 하나 이상의 프로세서는, 상기 복수의 그룹 중 제1 그룹에 포함된 오브젝트의 속성이 제1 속성인 것으로 식별되면, 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고, 상기 복수의 그룹 중 제1 그룹에 포함된 오브젝트의 속성이 제2 속성인 것으로 식별되면, 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하며, 상기 복수의 그룹 중 제2 그룹에 포함된 오브젝트의 속성이 제1 속성인 것으로 식별되면, 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고, 상기 복수의 그룹 중 제2 그룹에 포함된 오브젝트의 속성이 제2 속성인 것으로 식별되면, 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어할 수 있다.
일 예에 따라 상기 하나 이상의 프로세서는, 상기 복수의 그룹 중 제1 그룹이 표시된 영역의 속성이 제1 속성인 것으로 식별되면, 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고, 상기 복수의 그룹 중 제1 그룹이 표시된 영역의 속성이 제2 속성인 것으로 식별되면, 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고, 상기 복수의 그룹 중 제2 그룹이 표시된 영역의 속성이 제1 속성인 것으로 식별되면, 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고, 상기 복수의 그룹 중 제2 그룹이 표시된 영역의 속성이 제2 속성인 것으로 식별되면, 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어할 수 있다.
일 예에 따라 상기 복수의 그룹 각각에 포함된 오브젝트의 속성은, 상기 복수의 그룹 각각에 속한 적어도 하나의 오브젝트에 대응되는 컨텐츠의 타입에 기초하여 식별될 수 있다.
일 예에 따라 상기 컨텐츠의 타입은, 시청 중인 컨텐츠, 미 시청 컨텐츠, 광고 컨텐츠 또는 앱 컨텐츠 중 적어도 하나를 포함하며, 상기 오브젝트의 속성은, 상기 컨텐츠의 타입에 따라 미리보기(preview) 속성, 광고 속성(또는 몰입 속성), 스캐닝 속성(scanning) 속성, 브라우징(browsing) 또는 편집(editing) 속성 중 적어도 하나를 포함할 수 있다.
일 예에 따라 상기 하나 이상의 프로세서는, 상기 복수의 그룹 중 제1 그룹에 포함된 제1 오브젝트의 속성이 시청 중인 컨텐츠에 대응되는 것으로 식별되면, 상기 제1 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고, 상기 복수의 그룹 중 제2 그룹에 포함된 제2 오브젝트의 속성이 미 시청 컨텐츠에 대응되는 것으로 식별되면, 상기 제2 오브젝트의 비율을 변경하여 표시하도록 상기 디스플레이를 제어할 수 있다.
일 예에 따라 상기 하나 이상의 프로세서는, 상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 제2 그룹에 포함된 복수의 제2 오브젝트의 비율을 변경하고 상기 복수의 제2 오브젝트 중 일부 오브젝트는 전체(full) 이미지가 표시되고 나머지 오브젝트는 부분(partial) 이미지가 표시되도록 상기 디스플레이는 제어할 수 있다.
일 예에 따라 상기 하나 이상의 프로세서는, 상기 복수의 그룹 중 제3 그룹에 포함된 제3 오브젝트의 속성이 광고 컨텐츠에 대응되는 것으로 식별되면, 상기 제3 오브젝트의 비율을 변경하여 표시하도록 상기 디스플레이를 제어하고, 상기 복수의 그룹 중 제4 그룹에 포함된 제4 오브젝트의 속성이 앱 컨텐츠에 대응되는 것으로 식별되면, 상기 제4 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어할 수 있다.
일 예에 따라 상기 하나 이상의 프로세서는, 상기 가로 모드로 동작하는 동안 상기 제3 그룹에 포함된 복수의 제3 오브젝트에 대응되는 이미지 및 텍스트를 좌우 방향으로 배열하고, 상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 제3 그룹에 포함된 복수의 제3 오브젝트에 대응되는 이미지 및 텍스트의 비율을 변경하면서 상하 방향으로 배열할 수 있다.
일 예에 따라 상기 하나 이상의 프로세서는, 미디어 홈에 대응되는 UI 화면, 게임 홈에 대응되는 UI 화면, 앰비언트 홈에 대응되는 UI 화면 및 써드 파티 홈에 대응되는 UI 화면 중 어느 하나를 제공하며, 각 홈에 대응되는 UI 화면에 포함된 오브젝트의 속성 또는 표시 영역의 속성 중 적어도 하나에 기초하여 오브젝트의 비율 유지 또는 변경 여부를 식별할 수 있다.
일 실시 예에 따른 가로 모드 및 세로 모드 중 하나의 표시 모드로 동작하는 전자 장치의 제어 방법은, 상기 가로 모드로 동작하는 동안 복수의 오브젝트의 속성에 따라 상기 복수의 오브젝트를 복수의 그룹으로 그룹핑하여 상이한 영역에 표시하는 단계, 상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 복수의 그룹 각각에 포함된 오브젝트의 속성 또는 상기 복수의 그룹 각각이 표시된 영역의 속성 중 적어도 하나에 기초하여 오브젝트의 비율 유지 또는 변경 여부를 식별하는 단계 및, 식별 결과에 기초하여 상기 세로 모드로 동작하는 동안 상기 복수의 그룹 중 일부 그룹에 포함된 오브젝트의 비율을 변경하고 나머지 그룹에 속한 오브젝트의 비율을 유지하여 표시하는 단계를 포함할 수 있다.
일 실시 예에 따른 가로 모드 및 세로 모드 중 하나의 표시 모드로 동작하는 전자 장치의 프로세서에 의해 실행되는 경우 상기 전자 장치가 동작을 수행하도록 하는 컴퓨터 명령을 저장하는 비일시적 컴퓨터 판독 가능 매체에 있어서, 상기 동작은, 상기 가로 모드로 동작하는 동안 복수의 오브젝트의 속성에 따라 상기 복수의 오브젝트를 복수의 그룹으로 그룹핑하여 상이한 영역에 표시하는 단계, 상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 복수의 그룹 각각에 포함된 오브젝트의 속성 또는 상기 복수의 그룹 각각이 표시된 영역의 속성 중 적어도 하나에 기초하여 오브젝트의 비율 유지 또는 변경 여부를 식별하는 단계 및, 식별 결과에 기초하여 상기 세로 모드로 동작하는 동안 상기 복수의 그룹 중 일부 그룹에 포함된 오브젝트의 비율을 변경하고 나머지 그룹에 속한 오브젝트의 비율을 유지하여 표시하는 단계를 포함할 수 있다.
도 1은 본 개시의 일 실시 예에 따른 전자 장치의 구현 예를 개략적으로 설명하기 위한 도면이다.
도 2a는 일 실시 예에 따른 전자 장치의 구성을 나타내는 블럭도이다.
도 2b는 일 실시 예에 따른 전자 장치의 구성을 구체적으로 나타내는 블럭도이다.
도 3은 일 실시 예에 따른 UI 화면 제공 방법을 설명하기 위한 흐름도이다.
도 4는 일 실시 예에 따라 오브젝트의 속성에 따라 오브젝트의 비율을 유지/변경하여 제공하는 방법을 설명하기 위한 도면이다.
도 5는 일 실시 예에 따라 표시 영역의 속성에 따라 오브젝트의 비율을 유지/변경하여 제공하는 방법을 설명하기 위한 도면이다.
도 6은 일 실시 예에 따른 컨텐츠의 타입에 따라 오브젝트의 비율 유지/변경이 결정되는 방법을 설명하기 위한 도면이다.
도 7a 및 도 7b는 일 예에 따른 제1 타입 UI 홈에서 세로형 컴포트 UI 제공 방법을 설명하기 위한 도면들이다.
도 8a 내지 도 8c는 일 예에 따른 제1 타입 UI 홈에서 세로형 컴포트 UI 제공 방법을 설명하기 위한 도면들이다.
도 10a 및 도 10b는 일 예에 따른 제3 타입 UI 홈에서 세로형 컴포트 UI 제공 방법을 설명하기 위한 도면들이다.
도 11은 일 실시 예에 따른 침해 적발 방법을 설명하기 위한 도면이다.
이하에서는 첨부 도면을 참조하여 본 개시를 상세히 설명한다.
본 명세서에서 사용되는 용어에 대해 간략히 설명하고, 본 개시에 대해 구체적으로 설명하기로 한다.
본 개시의 실시 예에서 사용되는 용어는 본 개시에서의 기능을 고려하면서 가능한 현재 널리 사용되는 일반적인 용어들을 선택하였으나, 이는 당 분야에 종사하는 기술자의 의도 또는 판례, 새로운 기술의 출현 등에 따라 달라질 수 있다. 또한, 특정한 경우는 출원인이 임의로 선정한 용어도 있으며, 이 경우 해당되는 개시의 설명 부분에서 상세히 그 의미를 기재할 것이다. 따라서 본 개시에서 사용되는 용어는 단순한 용어의 명칭이 아닌, 그 용어가 가지는 의미와 본 개시의 전반에 걸친 내용을 토대로 정의되어야 한다.
본 명세서에서, "가진다," "가질 수 있다," "포함한다," 또는 "포함할 수 있다" 등의 표현은 해당 특징(예: 수치, 기능, 동작, 또는 부품 등의 구성요소)의 존재를 가리키며, 추가적인 특징의 존재를 배제하지 않는다.
A 또는/및 B 중 적어도 하나라는 표현은 "A" 또는 "B" 또는 "A 및 B" 중 어느 하나를 나타내는 것으로 이해되어야 한다.
본 명세서에서 사용된 "제1," "제2," "첫째," 또는 "둘째,"등의 표현들은 다양한 구성요소들을, 순서 및/또는 중요도에 상관없이 수식할 수 있고, 한 구성요소를 다른 구성요소와 구분하기 위해 사용될 뿐 해당 구성요소들을 한정하지 않는다.
어떤 구성요소(예: 제1 구성요소)가 다른 구성요소(예: 제2 구성요소)에 "(기능적으로 또는 통신적으로) 연결되어(operatively or communicatively) coupled with/to)" 있다거나 "접속되어(connected to)" 있다고 언급된 때에는, 어떤 구성요소가 다른 구성요소에 직접적으로 연결되거나, 다른 구성요소(예: 제3 구성요소)를 통하여 연결될 수 있다고 이해되어야 할 것이다.
본 개시에서 사용된 표현 "~하도록 구성된(또는 설정된)(configured to)"은 상황에 따라, 예를 들면, "~에 적합한(suitable for)," "~하는 능력을 가지는(having the capacity to)," "~하도록 설계된(designed to)," "~하도록 변경된(adapted to)," "~하도록 만들어진(made to)," 또는 "~를 할 수 있는(capable of)"과 바꾸어 사용될 수 있다. 용어 "~하도록 구성된(또는 설정된)"은 하드웨어적으로 "특별히 설계된(specifically designed to)" 것만을 반드시 의미하지 않을 수 있다.
단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, "포함하다" 또는 "구성되다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
본 개시에서 "모듈" 혹은 "부"는 적어도 하나의 기능이나 동작을 수행하며, 하드웨어 또는 소프트웨어로 구현되거나 하드웨어와 소프트웨어의 결합으로 구현될 수 있다. 또한, 복수의 "모듈" 혹은 복수의 "부"는 특정한 하드웨어로 구현될 필요가 있는 "모듈" 혹은 "부"를 제외하고는 적어도 하나의 모듈로 일체화되어 적어도 하나의 프로세서(미도시)로 구현될 수 있다.
이하 첨부된 도면들을 참조하여 본 개시의 일 실시 예를 보다 상세하게 설명한다.
도 1은 본 개시의 일 실시 예에 따른 전자 장치의 구현 예를 개략적으로 설명하기 위한 도면이다.
전자 장치(100)는 전자 장치(100)는 TV, 스마트 TV, 모니터, 전자 액자, 전자 칠판, 전자 테이블, 노트북, LFD(Large Format Display), Digital Signage(디지털 간판), DID(Digital Information Display), 비디오 월(video wall), 프로젝터, 태블릿 PC 등과 같은 디스플레이 기능을 구비하는 다양한 장치로 구현 가능하다.
일 예에 따르면, 전자 장치(100)는 도 1에 도시된 바와 같이 가로 모드(10) 및 세로 모드(20) 중 하나의 표시 모드로 동작할 수 있다. 예를 들어, 가로 모드(10)는 디스플레이(110)의 가로 길이가 세로 길이보다 긴 표시 모드일 수 있다. 또한, 세로 모드는 디스플레이(110)의 세로 길이가 가로 길이보다 긴 표시 모드일 수 있다. 다만, 가로 모드는 가로 방향 자세 모드 또는 랜드스케이프(landscape) 모드로 지칭될 수도 있고, 세로 모도는 세로 방향 자세 모드 또는 포트레이트(portrait) 모드로 지칭될 수도 있다. 일 예에 따라 전자 장치(100)는 피봇(pivot) 기능을 이용하여 디스플레이(110)를 회전시킬 수 있다. 도 1에서는 디스플레이(110)가 반시계 방향으로 회전하는 것으로 도시하였으나, 시계 방향으로 회전할 수도 있음은 물론이다. 다만, 전자 장치(100)의 표시 모드가 가로 모드 및 세로 모드로만 동작하는 것은 아니며, 사용자 명령에 따라 특정 각도로 기울어진 상태(예를 들어, 대각선 방향으로 비스듬히 기울어진 상태)로 동작할 수도 있다.
일 예에 따라 전자 장치(100)는 사용자 명령에 따라 가로 모드(10)에서 세로 모드(20)로 변경되거나, 세로 모드(20)에서 가로 모드(10)로 변경될 수 있다. 다만, 경우에 따라 영상 타입, 주변 환경 등에 기초하여 자동으로 표시 모드가 변경되는 것도 가능하다. 예를 들어, 전자 장치(100)는 스마트폰 등과 같이 어플리케이션을 이용하여 원격 제어가 가능한 사용자 단말(200) 및/또는 원격 제어 장치(300)으로부터 표시 모드 변경을 위한 사용자 명령을 수신하거나, 전자 장치(100)에 구비된 버튼, 사용자 음성, 제스처 등을 통해 표시 모드 변경을 위한 사용자 명령을 수신할 수 있다. 전자 장치(100)는 와이 파이(Wi-Fi) 통신, 블루투스(Bluetooth) 통신, 적외선 통신 등과 같은 통신 방식을 통해 사용자 단말(200) 및/또는 리모콘(300)과 통신을 수행할 수 있다.
일 예에 따르면, 전자 장치(100)는 복수의 오브젝트를 포함하는 UI(User Interface) 화면을 제공할 수 있다. 예를 들어, 오브젝트는 다양한 크기 및/또는 다양한 비율을 가질 수 있다. 여기서, 오브젝트는 썸네일, 대표 이미지, 아이콘, 메뉴 아이템, 타이틀, 디스크립션 등과 같이 다양한 GUI 요소를 포함할 수 있다.
일 실시 예에 따르면, 전자 장치(100)의 표시 모드가 가로 모드(10)에서 세로 모드(20)로 변경되면 화면 비율에 변경됨에 따른 사용자의 UX 경험에 차이가 발생하게 된다. 특히, 화면 크기가 기 설정된 크기 이상인 대형 화면에서 다양한 크기 및/또는 다양한 비율을 가지는 오브젝트들을 표시하는 경우 가로 모드에서 세로 모드로 변경된 후에도 오브젝트들의 크기 및/또는 비율이 유지되면 화면 비율 변경에 따른 사용자의 UX 경험에 방해가 될 수 있다.
이에 따라 이하에서는, 가로 모드에서 세로 모드로 변경시 복수의 오브젝트의 크기 및/또는 비율을 속성에 따라 자동으로 유지하거나 변경하여 세로 모드의 화면 비율에 최적화된 세로형 Comfort UI 화면을 제공하는 다양한 실시 예에 대해 설명하도록 한다.
도 2a는 일 실시 예에 따른 전자 장치의 구성을 나타내는 블럭도이다.
도 2a에 따르면 전자 장치(100)은 디스플레이(110), 메모리(120) 및 하나 이상의 프로세서(130)를 포함한다.
디스플레이(110)는 자발광 소자를 포함하는 디스플레이 또는, 비자발광 소자 및 백라이트를 포함하는 디스플레이로 구현될 수 있다. 예를 들어, LCD(Liquid Crystal Display), OLED(Organic Light Emitting Diodes) 디스플레이, LED(Light Emitting Diodes), 마이크로 LED(micro LED), Mini LED, PDP(Plasma Display Panel), QD(Quantum dot) 디스플레이, QLED(Quantum dot light-emitting diodes) 등과 같은 다양한 형태의 디스플레이로 구현될 수 있다. 디스플레이(110) 내에는 a-si TFT, LTPS(low temperature poly silicon) TFT, OTFT(organic TFT) 등과 같은 형태로 구현될 수 있는 구동 회로, 백라이트 유닛 등도 함께 포함될 수 있다. 일 예에 따라 디스플레이(110)의 전면에는 터치 필름, 터치 시트, 터치 패드 등의 형태를 가지고 터치(touch) 동작을 감지하는 터치 센서가 배치되어 다양한 유형의 터치 입력을 감지할 수 있도록 구현될 수 있다. 예를 들어, 디스플레이(110)는 사용자 손에 의한 터치 입력, 스타일러스 펜과 같은 입력 장치에 의한 터치 입력, 특정 정전 물질에 의한 터치 입력 등 다양한 유형의 터치 입력을 감지할 수 있다. 여기서, 입력 장치는 전자 펜, 스타일러스 펜, S-펜 등 다양한 용어로 지칭될 수 있는 펜 형의 입력 장치으로 구현될 수 있다. 일 예에 따라 디스플레이(110)는 평면(flat) 디스플레이, 커브드(curved) 디스플레이, 폴딩(folding) 또는/및 롤링(rolling) 가능한 플렉서블 디스플레이 등으로 구현될 수 있다.
메모리(120)는 다양한 실시 예를 위해 필요한 데이터를 저장할 수 있다. 메모리(120)는 데이터 저장 용도에 따라 전자 장치(100')에 임베디드된 메모리 형태로 구현되거나, 전자 장치(100)에 탈부착이 가능한 메모리 형태로 구현될 수도 있다. 예를 들어,전자 장치(100)의 구동을 위한 데이터의 경우 전자 장치(100')에 임베디드된 메모리에 저장되고, 전자 장치(100)의 확장 기능을 위한 데이터의 경우 전자 장치(100)에 탈부착이 가능한 메모리에 저장될 수 있다. 한편, 전자 장치(100)에 임베디드된 메모리의 경우 휘발성 메모리(예: DRAM(dynamic RAM), SRAM(static RAM), 또는 SDRAM(synchronous dynamic RAM) 등), 비휘발성 메모리(non-volatile Memory)(예: OTPROM(one time programmable ROM), PROM(programmable ROM), EPROM(erasable and programmable ROM), EEPROM(electrically erasable and programmable ROM), mask ROM, flash ROM, 플래시 메모리(예: NAND flash 또는 NOR flash 등), 하드 드라이브, 또는 솔리드 스테이트 드라이브(solid state drive(SSD)) 중 적어도 하나로 구현될 수 있다. 또한, 전자 장치(100')에 탈부착이 가능한 메모리의 경우 메모리 카드(예를 들어, CF(compact flash), SD(secure digital), Micro-SD(micro secure digital), Mini-SD(mini secure digital), xD(extreme digital), MMC(multi-media card) 등), USB 포트에 연결가능한 외부 메모리(예를 들어, USB 메모리) 등과 같은 형태로 구현될 수 있다.
하나 이상의 프로세서(130)는 전자 장치(100)의 동작을 전반적으로 제어한다. 구체적으로, 하나 이상의 프로세서(130)는 전자 장치(100)의 각 구성과 연결되어 전자 장치(100)의 동작을 전반적으로 제어할 수 있다. 예를 들어, 하나 이상의 프로세서(130)는 디스플레이(110) 및 메모리(120)와 전기적으로 연결되어 전자 장치(100))의 전반적인 동작을 제어할 수 있다. 프로세서(130)는 하나 또는 복수의 프로세서로 구성될 수 있다.
하나 이상의 프로세서(130)는 메모리(120)에 저장된 적어도 하나의 인스트럭션(instruction)을 실행함으로써, 다양한 실시 예에 따른 전자 장치(100)의 동작을 수행할 수 있다.
하나 이상의 프로세서(130)는 CPU (Central Processing Unit), GPU (Graphics Processing Unit), APU (Accelerated Processing Unit), MIC (Many Integrated Core), DSP (Digital Signal Processor), NPU (Neural Processing Unit), 하드웨어 가속기 또는 머신 러닝 가속기 중 하나 이상을 포함할 수 있다. 하나 이상의 프로세서(130)는 전자 장치의 다른 구성요소 중 하나 또는 임의의 조합을 제어할 수 있으며, 통신에 관한 동작 또는 데이터 처리를 수행할 수 있다. 하나 이상의 프로세서(130)는 메모리에 저장된 하나 이상의 프로그램 또는 명령어(instruction)을 실행할 수 있다. 예를 들어, 하나 이상의 프로세서는 메모리에 저장된 하나 이상의 명령어를 실행함으로써, 본 개시의 일 실시 예에 따른 방법을 수행할 수 있다.
본 개시의 일 실시 예에 따른 방법이 복수의 동작을 포함하는 경우, 복수의 동작은 하나의 프로세서에 의해 수행될 수도 있고, 복수의 프로세서에 의해 수행될 수도 있다. 예를 들어, 일 실시 예에 따른 방법에 의해 제 1 동작, 제 2 동작, 제 3 동작이 수행될 때, 제 1 동작, 제 2 동작, 및 제 3 동작 모두 제 1 프로세서에 의해 수행될 수도 있고, 제 1 동작 및 제 2 동작은 제 1 프로세서(예를 들어, 범용 프로세서)에 의해 수행되고 제 3 동작은 제 2 프로세서(예를 들어, 인공지능 전용 프로세서)에 의해 수행될 수도 있다.
하나 이상의 프로세서(130)는 하나의 코어를 포함하는 단일 코어 프로세서(single core processor)로 구현될 수도 있고, 복수의 코어(예를 들어, 동종 멀티 코어 또는 이종 멀티 코어)를 포함하는 하나 이상의 멀티 코어 프로세서(multicore processor)로 구현될 수도 있다. 하나 이상의 프로세서(130)가 멀티 코어 프로세서로 구현되는 경우, 멀티 코어 프로세서에 포함된 복수의 코어 각각은 캐시 메모리, 온 칩(On-chip) 메모리와 같은 프로세서 내부 메모리를 포함할 수 있으며, 복수의 코어에 의해 공유되는 공통 캐시가 멀티 코어 프로세서에 포함될 수 있다. 또한, 멀티 코어 프로세서에 포함된 복수의 코어 각각(또는 복수의 코어 중 일부)은 독립적으로 본 개시의 일 실시 예에 따른 방법을 구현하기 위한 프로그램 명령을 판독하여 수행할 수도 있고, 복수의 코어 전체(또는 일부)가 연계되어 본 개시의 일 실시 예에 따른 방법을 구현하기 위한 프로그램 명령을 판독하여 수행할 수도 있다.
본 개시의 일 실시 예에 따른 방법이 복수의 동작을 포함하는 경우, 복수의 동작은 멀티 코어 프로세서에 포함된 복수의 코어 중 하나의 코어에 의해 수행될 수도 있고, 복수의 코어에 의해 수행될 수도 있다. 예를 들어, 일 실시 예에 따른 방법에 의해 제 1 동작, 제 2 동작, 및 제 3 동작이 수행될 때, 제 1 동작, 제2 동작, 및 제3 동작 모두 멀티 코어 프로세서에 포함된 제 1 코어에 의해 수행될 수도 있고, 제 1 동작 및 제 2 동작은 멀티 코어 프로세서에 포함된 제 1 코어에 의해 수행되고 제 3 동작은 멀티 코어 프로세서에 포함된 제 2 코어에 의해 수행될 수도 있다.
본 개시의 실시 예들에서, 프로세서는 하나 이상의 프로세서 및 기타 전자 부품들이 집적된 시스템 온 칩(SoC), 단일 코어 프로세서, 멀티 코어 프로세서, 또는 단일 코어 프로세서 또는 멀티 코어 프로세서에 포함된 코어를 의미할 수 있으며, 여기서 코어는 CPU, GPU, APU, MIC, DSP, NPU, 하드웨어 가속기 또는 기계 학습 가속기 등으로 구현될 수 있으나, 본 개시의 실시 예들이 이에 한정되는 것은 아니다. 이하에서는 설명의 편의를 위하여 하나 이상의 프로세서(130)를 프로세서(130)로 명명하도록 한다.
도 2b는 일 실시 예에 따른 전자 장치의 구성을 구체적으로 나타내는 블럭도이다.
도 2b에 따르면, 전자 장치(100')은 디스플레이(110), 메모리(120), 하나 이상의 프로세서(130), 통신 인터페이스(150), 사용자 인터페이스(160) 및 스피커(170)를 포함할 수 있다. 도 2b에 도시된 구성 중 도 2a에 도시된 구성과 중복되는 구성에 대해서는 자세한 설명을 생략하도록 한다.
구동부(140)는 디스플레이(110)를 회전시킬 수 있다. 예를 들어, 구동부(140)는 디스플레이(110)와 결합된 기어(예를 들어, 원형 기어)에 연결되며, 프로세서(130)의 제어에 따라 기어를 회전시킴으로써 디스플레이(110)를 시계 방향 또는 반시계 방향으로 회전시킬 수 있다. 또는, 구동부(140)는 프로세서(130)의 제어에 따라 기어의 회전을 중단함으로써, 디스플레이(110)의 회전을 중단시킬 수 있다. 구동부(920)는 스텝 모터(Step Motor), DC 모터(Direct Current electric Motor), AC 모터(Alternating Current electric motor), BLDC(brushless DC electric motor) 모터 등 다양한 모터로 구현될 수 있다.
통신 인터페이스(150)는 전자 장치(100')의 구현 예에 따라 다양한 인터페이스로 구현될 수 있음은 물론이다. 예를 들어 통신 인터페이스(150)는 블루투스(Bluetooth), AP 기반의 Wi-Fi(와이파이, Wireless LAN 네트워크), 지그비(Zigbee), 유/무선 LAN(Local Area Network), WAN(Wide Area Network), 이더넷(Ethernet), IEEE 1394, HDMI(High-Definition Multimedia Interface), USB(Universal Serial Bus), MHL(Mobile High-Definition Link), AES/EBU(Audio Engineering Society/ European Broadcasting Union), 옵티컬(Optical), 코액셜(Coaxial) 등과 같은 통신 방식을 통해 외부 장치, 외부 저장 매체(예를 들어, USB 메모리), 외부 서버(예를 들어 웹 하드) 등과 통신을 수행할 수 있다. 일 예에 따라 통신 인터페이스(150)는 사용자 단말(200) 및/또는 원격 제어 장치(300)와 통신을 수행할 수 있다.
사용자 인터페이스(160)는 버튼, 터치 패드, 마우스 및 키보드와 같은 장치로 구현되거나, 상술한 디스플레이 기능 및 조작 입력 기능도 함께 수행 가능한 터치 스크린 등으로 구현될 수 있다.
스피커(170)는 각종 오디오 데이터뿐만 아니라 각종 알림 음이나 음성 메시지 등을 출력하는 구성일 수 있다. 프로세서(130)는 본 개시의 다양한 실시 예에 따른 UI 화면에 대응되는 정보 또는 각종 알림을 오디오 형태로 출력하도록 스피커를 제어할 수 있다.
그 밖에 전자 장치(100')는 구현 예에 따라 카메라(미도시), 마이크(미도시) 및 센서(미도시)등을 포함할 수 있다.
카메라(미도시)는 기 설정된 이벤트에 따라 턴 온 되어 촬영을 수행할 수 있다. 카메라(미도시)는 촬상된 영상을 전기적인 신호로 변환하고 변환된 신호에 기초하여 영상 데이터를 생성할 수 있다. 예를 들어, 피사체는 반도체 광학소자(CCD; Charge Coupled Device)를 통해 전기적인 영상 신호로 변환되고, 이와 같이 변환된 영상 신호는 증폭 및 디지털 신호로 변환된 후 신호 처리될 수 있다.
마이크(미도시)는 사용자 음성이나 기타 소리를 입력받아 오디오 데이터로 변환하기 위한 구성이다. 다만, 다른 실시 예에 따라 전자 장치(100')는 외부 장치를 통해 입력된 사용자 음성을 통신 인터페이스(150)를 통해 수신할 수 있다.
센서(미도시)는 터치 센서, 근접 센서, 가속도 센서, 지자기 센서, 자이로 센서, 압력 센서, 위치 센서 등과 같은 다양한 유형의 센서를 포함할 수 있다.
일 실시 예에 따르면, 프로세서(130)는 가로 모드(10) 및 세로 모드(20) 중 하나의 표시 모드로 동작하도록 구동부(140)를 제어할 수 있다.
일 예에 따라 프로세서(130)는 가로 모드에서 다양한 크기 및/또는 다양한 비율을 가지는 오브젝트들을 포함하는 UI 화면을 제공할 있다. 여기서, 오브젝트는 이미지 컨텐츠, 동영상 컨텐츠, 어플리케이션, 광고 컨텐츠 등 다양한 타입의 컨텐츠에 대응되는 다양한 형태의 이미지 또는/및 텍스트를 포함할 수 있다. 예를 들어, 오브젝트는 해당 컨텐츠를 대표하는 썸네일, 대표 이미지, 타이틀, 디스크립션 등일 수 있으나, 해당 컨텐츠의 식별이 가능한 형태라면 한정되지 않는다.
일 예에 따라 프로세서(130)는 컨텐츠의 타입에 따라 대응되는 오브젝트들을 그룹핑하여 표시할 수 있다. 여기서, 그룹핑하여 표시한다 함은, 일 그룹에 포함된 오브젝트들이 다른 그룹에 포함된오브젝트들과 구별되도록 상이한 영역에 표시되는 것을 의미할 수 있다. 경우에 따라 각 그룹에 대응되는 식별 정보(예를 들어, "시청 중인 컨텐츠")가 함께 표시될 수도 있으나 반드시 이에 한정되는 것은 아니다.
이후, 프로세서(130)는 가로 모드에서 세로 모드로 변경되면, UI 화면에 포함된 오브젝트들 각각의 비율을 그룹 별로 변경하거나 유지하여 표시할 수 있다.
도 3은 일 실시 예에 따른 UI 화면 제공 방법을 설명하기 위한 흐름도이다.
도 3에 도시된 일 실시 예에 따르면, 프로세서(130)는 전자 장치(100)가 가로 모드로 동작하는 동안 복수의 오브젝트의 속성에 따라 복수의 오브젝트를 복수의 그룹으로 그룹핑하여 상이한 영역에 표시할 수 있다.
일 예에 따라 복수의 오브젝트의 속성은 복수의 오브젝트에 대응되는 컨텐츠의 타입에 따라 결정될 수 있다. 예를 들어, 컨텐츠의 타입은, 시청 중인 컨텐츠, 미 시청 컨텐츠, 광고 컨텐츠 또는 앱 컨텐츠 중 적어도 하나를 포함할 수 있다. 다만, 이에 한정되는 것은 아니며 컨텐츠의 타입은 제공되는 UI 홈의 타입에 따라 상이할 수 있으나, 반드시 이에 한정되는 것은 아니다. 일 예로, UI 홈이 미디어 홈인 경우 컨텐츠의 타입은 시청 중인 동영상 컨텐츠, 미 시청 동영상컨텐츠, 광고 컨텐츠 또는 앱 컨텐츠 중 적어도 하나를 포함할 수 있다. 다른 예로, UI 홈이 게임 홈인 경우 컨텐츠의 타입은 최근 플레이된 게임 컨텐츠, 미 플레이 컨텐츠, 광고 컨텐츠 또는 앱 컨텐츠 중 적어도 하나를 포함할 수 있다. 다른 예로, UI 홈이 앰비언트(Ambient) 홈인 경우 구매 컨텐츠(예를 들어, My Nifties), 선호 콘텐츠 및 광고 컨텐츠 중 적어도 하나를 포함할 수 있다.
일 예에 따라 동일한 UI 홈 내에 제공되는 컨텐츠의 타입이 좀더 세부적으로 구분되는 것도 가능하다. 예를 들어, 미 시청 컨텐츠는 사용자의 취향을 고려한 추천 컨텐츠, 지금 뜨는 컨텐츠, 신규 컨텐츠, 찜한 컨텐츠 등으로 구분되고, 앱 컨텐츠는 게임 앱 컨텐츠, 건강/운동 앱 컨텐츠, 쇼핑 앱 컨텐츠 등으로 구분될 수 있다. 컨텐츠의 타입의 이와 같이 세부 타입으로 구분되는 경우, 세부 타입에 따라 오브젝트의 속성이 상이할 수도 있다.
일 예에 따르면, 오브젝트의 속성은 컨텐츠의 타입에 따라 미리보기(preview) 속성, 광고 속성(또는 몰입 속성), 스캐닝(scanning) 속성, 브라우징(browsing), 편집(editing) 속성 등으로 구분될 수 있다. 예를 들어, 시청 중인 컨텐츠는 미리 보기 속성, 광고 컨텐츠는 광고 속성(또는 몰입 속성), 앱 컨텐츠는 브라우징 속성 또는 편집 속성, 미 시청 컨텐츠는 스캐닝(scanning) 및 브라우징(browsing) 속성을 가질 수 있다. 앱 컨텐츠는 삭제/추가와 같은 편집 속성을 가질 수 있으나, 미 시청 컨텐츠와 같은 스캐닝(scanning) 및 브라우징(browsing) 속성도 가질 수 있다.
이 경우, 오브젝트의 각 속성에 따라 세로 모드에서의 비율 유지 또는 비율 변경 여부가 결정될 수 있다. 예를 들어, 미리 보기 속성의 경우 가로 모드에서의 비율을 유지하는 것이 사용자의 시청 경험 향상에 도움이 될 수 있다는 점에서 미리 보기 속성을 가지는 오브젝트의 경우 세로 모드에서 비율을 유지할 수 있다. 광고 속성(또는 몰입 속성)의 경우 세로 모드에 몰입감을 증가시켜 광고 효과를 극대화할 수 있도록 세로 모드에서 비율을 변경할 수 있다. 예를 들어, 세로형 옥외 광고판처럼 컨텐츠의 웅장한 효과를 전달하기 위해 세로 모드에서 상단 여백 영역을 가능한 많이 차지하여 표시되도록 비율을 변경할 수 있다. 그외, 단순 브라우징 속성이나 편집 속성을 가지는 오브젝트의 경우 비율을 변경할 필요성이 낮다는 점에서 세로 모드에서 비율을 유지할 수 있다.
한편, 세로 모드에서 오브젝트의 비율이 변경되는 경우, 변경되는 구체적 비율도 컨텐츠 타입에 따라 기 설정되어 있을 있다. 예를 들어, 제1 컨텐츠 타입에 대응되는 오브젝트 및 제2 컨텐츠 타입에 대응되는 오브젝트가 모두 비율 변경으로 설정되어 있는 경우 변경되는 비율을 상이할 수도 있다. 예를 들이, 제1 컨텐츠 타입에 대응되는 오브젝트는 가로/세로 비율이 2:3, 제2 컨텐츠 타입에 대응되는 오브젝트는 가로/세로 비율이 3:4로 설정되어 있을 수 있다.
다른 예에 따르면, 오브젝트의 속성은 컨텐츠의 타입에 따라 단순히 제1 속성, 제2 속성, .., 제N 속성으로 구분될 수 있다. 이 경우, 단순 서수로 구분된 각 속성에는 비율 유지 또는 비율 변경이 각각 맵핑되어 있을 수 있다. 다른 예에 따르면, 오브젝트의 속성은 컨텐츠의 타입에 따라 비율 유지 속성 또는 비율 변경 속성으로 구분될 수 있다.
프로세서(130)는 표시 모드가 가로 모드에서 세로 모드로 변경되면(S320:Y), 복수의 그룹 각각에 포함된 오브젝트의 속성 또는 복수의 그룹 각각이 표시된 영역의 속성 중 적어도 하나에 기초하여 오브젝트의 비율 유지 또는 변경 여부를 식별할 수 있다(S330). 여기서, 세로 모드의 화면에서 각 오브젝트 그룹이 표시되는 영역은 미리 구분되어 있을 수 있으며, 각 영역의 속성 또한 미리 결정되어 있을 수 있다. 예를 들어 세로 모드의 화면에서 상측부터 하측 방향으로 N 개의 영역으로 구분된 경우 N 개의 영역 각각의 속성이 미리 결정되어 있을 수 있다. 여기서, N 개의 영역의 크기는 상이할 수 있으나, 반드시 이에 한정되는 것은 아니다. 표시 영역의 속성은 오브젝트의 속성과 동일하거나 상이할 수 있다. 일 예에 따르면, V표시 영역의 속성은 단순히 제1 속성, 제2 속성, .., 제N 속성으로 구분될 수 있다. 이 경우, 단순 서수로 구분된 각 속성에는 비율 유지 또는 비율 변경이 각각 맵핑되어 있을 수 있다. 다른 예에 따르면, 표시 영역의 속성은 비율 유지 속성 또는 비율 변경 속성으로 구분될 수 있다.
이 후, 프로세서(130)는 식별 결과에 기초하여 복수의 그룹 중 일부 그룹에 포함된 오브젝트의 비율을 변경하고 나머지 그룹에 속한 오브젝트의 비율을 유지하여 표시하도록 디스플레이(110)를 제어할 수 있다.
도 4는 일 실시 예에 따라 오브젝트의 속성에 따라 오브젝트의 비율을 유지/변경하여 제공하는 방법을 설명하기 위한 도면이다.
도 4에 도시된 실시 예에 따르면, 프로세서(130)는 표시 모드가 가로 모드에서 세로 모드로 변경되면(S405:Y), 복수의 그룹 중 제1 그룹에 포함된 오브젝트의 속성이 제1 속성인지 식별할 수 있다(S410).
프로세서(130)는 제1 그룹에 포함된 오브젝트의 속성이 제1 속성인 것으로 식별되면(S410:Y), 세로 모드의 화면에서 제1 그룹에 포함된 오브젝트의 비율을 가로 모드의 화면에서의 비율과 동일한 비율로 유지하여 표시할 수 있다(S415). 예를 들어, 오브젝트가 이미지 및/또는 텍스트를 포함하는 경우 이미지 및/또는 텍스트의 비율이 유지될 수 있다. 여기서, 오브젝트의 크기는 가로 모드에서의 크기와 동일하거나 상이할 수 있다.
프로세서(130)는 제1 그룹에 포함된 오브젝트의 속성이 제1 속성인 아닌 것으로 식별되면(S410:N), 제1 그룹에 포함된 오브젝트의 속성이 제2 속성인지 식별할 수 있다(S420).
제1 그룹에 포함된 오브젝트의 속성이 제2 속성인 것으로 식별되면(S420:Y), 세로 모드의 화면에서 제1 그룹에 포함된 오브젝트의 비율을 가로 모드의 화면에서의 비율과 상이한 비율로 변경하여 표시할 수 있다(S425). 예를 들어, 오브젝트가 이미지 및/또는 텍스트를 포함하는 경우 이미지 및/또는 텍스트의 비율이 변경될 수 있다. 여기서, 오브젝트의 크기(예를 들어, 전체 면적)는 가로 모드에서의 크기와 동일하거나 상이할 수 있다.
이 경우, 변경되는 구체적 비율도 컨텐츠 타입에 따라 기 설정되어 있을 있다. 예를 들어, 제1 컨텐츠 타입에 대응되는 오브젝트 및 제2 컨텐츠 타입에 대응되는 오브젝트가 모두 비율 변경으로 설정되어 있는 경우 변경되는 비율을 상이할 수도 있다. 예를 들어, 제1 컨텐츠 타입에 대응되는 오브젝트는 가로/세로 비율이 2:3, 제2 컨텐츠 타입에 대응되는 오브젝트는 가로/세로 비율이 3:4로 설정되어 있을 수 있다. 또는 세로 모드에서 제공할 오브젝트의 개수에 따라 가로/세로 비율이 실시간으로 결정될 수도 있다. 또는 오브젝트가 써드 파티(Third party)에 의해 제공되는 경우 세로 모드에서 제공되는 오브젝트의 비율은 써드 파티에 의해 결정될 수도 있다.
또한, 프로세서(130)는 표시 모드가 가로 모드에서 세로 모드로 변경되면(S405:Y), 복수의 그룹 중 제2 그룹에 포함된 오브젝트의 속성이 제1 속성인지 식별할 수 있다(S430).
프로세서(130)는 제2 그룹에 포함된 오브젝트의 속성이 제1 속성인 것으로 식별되면(S430:Y), 세로 모드의 화면에서 제2 그룹에 포함된 오브젝트의 비율을 가로 모드의 화면에서의 비율과 동일한 비율로 유지하여 표시할 수 있다(S435). 예를 들어, 오브젝트가 이미지 및/또는 텍스트를 포함하는 경우 이미지 및/또는 텍스트의 비율이 유지될 수 있다. 여기서, 오브젝트의 크기는 가로 모드에서의 크기와 동일하거나 상이할 수 있다.
프로세서(130)는 제2 그룹에 포함된 오브젝트의 속성이 제1 속성인 아닌 것으로 식별되면(S430:N), 제2 그룹에 포함된 오브젝트의 속성이 제2 속성인지 식별할 수 있다(S440).
제2 그룹에 포함된 오브젝트의 속성이 제2 속성인 것으로 식별되면(S440:Y), 세로 모드의 화면에서 제1 그룹에 포함된 오브젝트의 비율을 가로 모드의 화면에서의 비율과 상이한 비율로 변경하여 표시할 수 있다(S445). 예를 들어, 오브젝트가 이미지 및/또는 텍스트를 포함하는 경우 이미지 및/또는 텍스트의 비율이 변경될 수 있다. 여기서, 오브젝트의 크기(예를 들어, 전체 면적)는 가로 모드에서의 크기와 동일하거나 상이할 수 있다.
도 5는 일 실시 예에 따라 표시 영역의 속성에 따라 오브젝트의 비율을 유지/변경하여 제공하는 방법을 설명하기 위한 도면이다.
도 5에 도시된 실시 예에 따르면, 프로세서(130)는 표시 모드가 가로 모드에서 세로 모드로 변경되면(S505:Y), 복수의 그룹 중 제1 그룹이 표시된 영역의 속성이 제1 속성인지 식별할 수 있다(S510).
프로세서(130)는 제1 그룹이 표시된 영역의 제1 속성인 것으로 식별되면(S510:Y), 세로 모드의 화면에서 제1 그룹에 포함된 오브젝트의 비율을 가로 모드의 화면에서의 비율과 동일한 비율로 유지하여 표시할 수 있다(S515). 예를 들어, 오브젝트가 이미지 및/또는 텍스트를 포함하는 경우 이미지 및/또는 텍스트의 비율이 유지될 수 있다. 여기서, 오브젝트의 크기는 가로 모드에서의 크기와 동일하거나 상이할 수 있다.
프로세서(130)는 제1 그룹이 표시된 영역의 속성이 제1 속성인 아닌 것으로 식별되면(S510:N), 제1 그룹이 표시된 영역의 제2 속성인지 식별할 수 있다(S520).
제1 그룹이 표시된 영역의 제2 속성인 것으로 식별되면(S520:Y), 세로 모드의 화면에서 제1 그룹에 포함된 오브젝트의 비율을 가로 모드의 화면에서의 비율과 상이한 비율로 변경하여 표시할 수 있다(S425). 예를 들어, 오브젝트가 이미지 및/또는 텍스트를 포함하는 경우 이미지 및/또는 텍스트의 비율이 변경될 수 있다. 여기서, 오브젝트의 크기(예를 들어, 전체 면적)는 가로 모드에서의 크기와 동일하거나 상이할 수 있다.
또한, 프로세서(130)는 표시 모드가 가로 모드에서 세로 모드로 변경되면(S505:Y), 제2 그룹이 표시된 영역의 속성이 제1 속성인지 식별할 수 있다(S530).
프로세서(130)는 제2 그룹이 표시된 영역의 속성이 제1 속성인 것으로 식별되면(S530:Y), 세로 모드의 화면에서 제2 그룹에 포함된 오브젝트의 비율을 가로 모드의 화면에서의 비율과 동일한 비율로 유지하여 표시할 수 있다(S435). 예를 들어, 오브젝트가 이미지 및/또는 텍스트를 포함하는 경우 이미지 및/또는 텍스트의 비율이 유지될 수 있다. 여기서, 오브젝트의 크기는 가로 모드에서의 크기와 동일하거나 상이할 수 있다.
프로세서(130)는 제2 그룹이 표시된 영역의 속성이 제1 속성인 아닌 것으로 식별되면(S530:N), 제2 그룹이 표시된 영역의 속성이 제2 속성인지 식별할 수 있다(S540).
제2 그룹이 표시된 영역의 속성이 제2 속성인 것으로 식별되면(S540:Y), 세로 모드의 화면에서 제2 그룹에 포함된 오브젝트의 비율을 가로 모드의 화면에서의 비율과 상이한 비율로 변경하여 표시할 수 있다(S545). 예를 들어, 오브젝트가 이미지 및/또는 텍스트를 포함하는 경우 이미지 및/또는 텍스트의 비율이 변경될 수 있다. 여기서, 오브젝트의 크기(예를 들어, 전체 면적)는 가로 모드에서의 크기와 동일하거나 상이할 수 있다.
한편, 도 4 및 도 5에 도시된 실시 예에서 오브젝트의 속성 및 표시 영역의 속성을 모두 제1 속성 또는 제2 속성으로 표현하였으나, 오브젝트의 제1 속성 및 표시 영역의 제1 속성은 동일하거나 상이할 수 있고, 오브젝트의 제2 속성 및 표시 영역의 제2 속성은 동일하거나 상이할 수 있다. 일 예로, 오브젝트의 제1 속성이 "비율 유지 속성"이고, 표시 영역의 제1 속성이 "비율 유지 속성"인 경우 오브젝트의 제1 속성 및 표시 영역의 제1 속성은 동일할 수 있다. 다른 예로, 오브젝트의 제1 속성이 "미리 보기 속성"이고, 표시 영역의 제1 속성이 "비율 유지 속성"인 경우 브젝트의 제1 속성 및 표시 영역의 제1 속성은 상이할 수 있다. 다만, 브젝트의 제1 속성 및 표시 영역의 제1 속성이 상이하더라도 결과적으로 대응되는 오브젝트의 비율이 유지되는 속성이라는 측면이라는 점에서는 동일한 의미를 가질 수 있다.
한편, 프로세서(130)는 동일한 그룹에 대해 오브젝트의 속성 및 표시 영역의 속성에 기초하여 식별된 비율 유지 또는 비율 변경이 상이한 경우, 오브젝트의 속성 및 표시 영역의 속성 중 우선 순위가 높은 속성에 따라 오브젝트의 비율 유지 또는 비율 변경을 식별할 수 있다. 또는, 프로세서(130)는 기 설정된 정보(예를 들어, 비율 유지 정보)에 기초하여 오브젝트의 비율 유지 또는 비율 변경을 식별할 수 있다.
도 6은 일 실시 예에 따른 컨텐츠의 타입에 따라 오브젝트의 비율 유지/변경이 결정되는 방법을 설명하기 위한 도면이다.
일 실시 예에 따라 설명의 편의를 위하여 UI 화면에서 제공되는 컨텐츠의 타입이 시청 중인 동영상 컨텐츠, 미 시청 동영상 컨텐츠, 광고 컨텐츠 및 앱 컨텐츠로 구분되는 경우를 상정하도록 한다. 일 예에 따라 가로 모드에서 제공되는 UI 화면은 컨텐츠 타입 별로 대응되는 오브젝트들을 포함하는 복수의 그룹을 서로 구별되도록 상이한 영역에 제공할 수 있다.
프로세서(130)는 복수의 그룹 중 제1 그룹에 포함된 적어도 하나의 제1 오브젝트의 속성이 시청 중인 컨텐츠에 대응되는 것으로 식별되면, 세로 모드에서 제1 오브젝트의 비율을 유지하여 표시하도록 디스플레이(110)를 제어할 수 있다. 또한, 프로세서(130)는 복수의 그룹 중 제2 그룹에 포함된 제2 오브젝트의 속성이 미 시청 컨텐츠에 대응되는 것으로 식별되면, 세로 모드에서 제2 오브젝트의 비율을 변경하여 표시하도록 디스플레이(110)를 제어할 수 있다. 또한, 프로세서(130)는 복수의 그룹 중 제3 그룹에 포함된 제3 오브젝트의 속성이 광고 컨텐츠에 대응되는 것으로 식별되면, 제3 오브젝트의 비율을 변경하여 표시하도록 디스플레이(110)를 제어할 수 있다. 또한, 프로세서(130)는 복수의 그룹 중 제4 그룹에 포함된 제4 오브젝트의 속성이 앱 컨텐츠에 대응되는 것으로 식별되면, 제4 오브젝트의 비율을 유지하여 표시하도록 디스플레이(110)를 제어할 수 있다.
도 6에 도시된 실시 예에 따르면, 프로세서(130)는 가로 모드에서 제공되는 UI 화면에 포함된 복수의 그룹 각각에 포함된 오브젝트에 대응되는 컨텐츠 타입을 식별할 수 있다(S610). 프로세서(130)는 표시 모드가 가로 모드에서 세로 모드로 변경되면 복수의 그룹 각각에 포함된 오브젝트에 대응되는 컨텐츠 타입에 기초하여 오브젝트의 비율을 변경하거나 유지하여 표시할 수 있다.
일 예에 따라 프로세서(130)는 복수의 그룹 중 어느 하나의 그룹에 포함된 오브젝트가 시청 중인 동영상 컨텐츠에 대응되는 것으로 식별되면(S620:Y), 해당 오브젝트의 비율을 유지하여 표시할 수 있다(S630). 프로세서(130)는 해당 오브젝트가 시청 중인 동영상 컨텐츠에 대응되지 않고(S620:N), 미 시청 동영상 컨텐츠에 대응되는 것으로 식별되면(S640:Y), 해당 오브젝트의 비율을 변경하여 표시할 수 있다(S650). 프로세서(130)는 해당 오브젝트가 미 시청 중인 동영상 컨텐츠에 대응되지 않고(S640:N), 광고 컨텐츠에 대응되는 것으로 식별되면(S660:Y), 해당 오브젝트의 비율을 변경하여 표시할 수 있다(S670). 프로세서(130)는 해당 오브젝트가 광고 컨텐츠에 대응되지 않고(S660:N), 앱 컨텐츠에 대응되는 것으로 식별되면(S680:Y), 해당 오브젝트의 비율을 변경하여 유지하여 표시할 수 있다(S690).
한편, 상술한 바와 같이 일 예에 따르면, 다양한 타입의 UI 홈이 제공될 수 있고, UI 홈의 타입에 따라 제공되는 컨텐츠의 타입 또한 적어도 일부 상이할 수 있다. 일 예에 따라 UI 홈의 타입은, 미디어 홈, 게임 홈, 앰비언트 홈을 포함할 수 있으나, 이는 일 예을 뿐이며 제조사에 따라 다양한 타입의 UI 홈이 제공될 수 있음은 물론이다. 다만, 이하에서는 UI 홈의 타입이 미디어 홈, 게임 홈, 앰비언트 홈을 포함하는 경우를 상정하여 설명하도록 한다.
도 7a 및 도 7b는 일 예에 따른 제1 타입 UI 홈에서 세로형 컴포트 UI 제공 방법을 설명하기 위한 도면들이다.
도 7a 및 도 7b는 제1 타입 UI 홈, 예를 들어 미디어 홈에서의 UI 제공 방법을 설명하기 위한 도면이다.
일 예에 따르면, 도 7a에 도시된 바와 같이 가로 모드에서 제공되는 미디어 홈 화면은 UI 홈 타입을 선택하기 위한 메뉴(701, 702, 703) 및 미디어 홈 화면에서 제공되는 컨텐츠에 오브젝트들을 포함할 수 있다. 여기서, 제1 메뉴(701)는 미디어 홈 화면, 제2 메뉴(702)는 게임 홈 화면, 제3 메뉴(703)는 앰비언트 홈 화면을 선택하기 위한 메뉴일 수 있다.
일 예에 따라 미디어 홈 화면은 광고 컨텐츠에 대응되는 오브젝트(710), 시청 중인 미디어 컨텐츠에 대응되는 오브젝트(720) 및 미 시청 미디어 컨텐츠에 대응되는 오브젝트(730)를 포함할 수 있다. 예를 들어, 미 시청 미디어 컨텐츠에 대응되는 오브젝트(730)는 "Popular serches" 즉 인기 검색 컨텐츠에 대응되는 오브젝트일 수 있으나 이에 한정되는 것은 아니다. 예를 들어, 미 시청 미디어 컨텐츠에 대응되는 오브젝트(730)는 최근 업데이트된 컨텐츠, 시청 중인 미디어 컨텐츠의 관련 컨텐츠 등 미 시청 컨텐츠라면 한정되지 않고 적어도 하나의 타이틀과 함께 제공될 수 있다. 예를 들어, 미 시청 컨텐츠에 대응되는 오브젝트(730)는 3rd party app(OTT) thumbnail, 상이한 어플리케이션에서 제공하는 OTT 컨텐츠 썸네일 들을 포함할 수 있으며, 단일 화면에서 스캐닝(scanning) 및/또는 브라우징(browsing) 가능하도록 제공될 수 있다.
기 설정된 이벤트에 따라 표시 모드가 가로 모드에서 세로 모드로 변경되면 도 7a에 도시된 미디어 홈 화면은 도 7b에 도시된 바와 같이 변경될 수 있다. 이 경우, 세로 모드에서의 미디어 홈 화면에 포함된 오브젝트들은 대응되는 컨텐츠의 타입에 따라 가로 모드에서와 동일한 비율로 제공되거나 상이한 비율로 제공될 수 있다.
예를 들어, 도 7b에 도시된 바와 같이 광고 컨텐츠에 대응되는 오브젝트(710-1)의 비율은 변경될 수 있다. 예를 들어, 광고 컨텐츠는 가로 방향 길이에 대한 세로 방향 길이의 비율이 상대적으로 커지도록 비율이 변경될 수 있다. 예를 들어 도시된 바와 같이 오브젝트(710-1)에 포함된 이미지도 세로 방향으로 길게 배열되고 텍스트 또한 이미지를 기준으로 세로 방향으로 배열될 수 있다. 즉, 가로 모드에서는 텍스트가 이미지의 우측 즉, 가로 방향에 배열(710)되었으나(710), 세로 모드에서는 텍스트가 이미지의 하측 즉 세로 방향에 배열(710-1)될 수 있다. 즉, 광고 속성(또는 몰입 속성을 가지는 오브젝트의 경우 세로 모드에 몰입감을 증가시켜 광고 효과를 극대화할 수 있도록 세로 모드에서 비율을 변경할 수 있다. 예를 들어, 세로형 옥외 광고판처럼 컨텐츠의 웅장한 효과를 전달하기 위해 세로 모드에서 상단 여백 영역을 가능한 많이 차지하여 표시되도록 비율을 변경할 수 있다.
또한, 세로 모드에서 시청 중인 컨텐츠에 대응되는 오브젝트(720-1)의 비율은 유지될 수 있다. 시청 중인 컨텐츠는 미리 보기 속성이 강하므로 기 시청한 비율과 동일한 비율로 유지하여야 사용자의 시청 경험을 향상시킬 수 있기 때문이다.
또한, 세로 모드에서 미 시청 컨텐츠에 대응되는 오브젝트(730-1)의 비율은 변경될 수 있다. 예를 들어, 미 시청 컨텐츠는 가로 방향 길이에 대한 세로 방향 길이의 비율이 상대적으로 커지도록 비율이 변경될 수 있다. 미 시청 컨텐츠의 경우 단순 스캐닝 및/또는 브라우징 속성을 가지므로 시각 안정성을 포인트로 하여 세로 모드에서 가장 만족스런 시각 안정성을 제공하기 위함이다. 일 예에 따라 미 시청 컨텐츠에 대응되는 복수의 오브젝트 중 일부 오브젝트는 전체(full) 이미지가 표시되고 나머지 오브젝트는 부분(partial) 이미지가 표시될 수 있다. 이는 오브젝트들을 적절한 크기로 제공하여 시각 안정성을 제공하면서 부분 이미지를 제공하여 가능한 많은 정보를 제공하기 위함이다.
도 8a 내지 도 8c는 일 예에 따른 제1 타입 UI 홈에서 세로형 컴포트 UI 제공 방법을 설명하기 위한 도면들이다.
도 8a 및 도 8b는 제1 타입 UI 홈, 예를 들어 미디어 홈에서의 UI 제공 방법을 설명하기 위한 도면이다. 도 8a 및 도 8b에 도시된 미디오 홈 화면은 도 7a 및 도 7b에 비해 미디어 컨텐츠와 관련된 앱 컨텐츠(740)를 추가로 포함하는 것 외에는 동일하므로 중복되는 구성에 대해서는 자세한 설명을 생략하록 한다.
도 8a에 도시된 바와 같이 가로 모드에서 제공되는 미디어 홈 화면은 UI 홈 타입을 선택하기 위한 메뉴(701, 702, 703) 및 미디어 홈 화면에서 제공되는 컨텐츠에 오브젝트들을 포함할 수 있다. 일 예에 따라 미디어 홈 화면은 광고 컨텐츠에 대응되는 오브젝트(710), 시청 중인 미디어 컨텐츠에 대응되는 오브젝트(720) 및 미 시청 미디어 오브젝트(730) 및 앱 컨텐츠를 포함하는 오브젝트(740)를 포함할 수 있다. 예를 들어 앱 컨텐츠에 대응되는 오브젝트(740)는 정사각형 비율로 제공될 수 있다.
기 설정된 이벤트에 따라 표시 모드가 가로 모드에서 세로 모드로 변경되면 도 8a에 도시된 미디어 홈 화면은 도 8b에 도시된 바와 같이 변경될 수 있다. 이 경우, 세로 모드에서의 미디어 홈 화면에 포함된 오브젝트들은 대응되는 컨텐츠의 타입에 따라 가로 모드에서와 동일한 비율로 제공되거나 상이한 비율로 제공될 수 있다. 예를 들어, 도 8b에 도시된 바와 같이 앱 컨텐츠에 대응되는 오브젝트(740-1)의 정사각형 비율은 유지될 수 있다. 이는 앱 컨텐츠의 경우 관련 기술 분야의 오랜 관습상 정사각형 비율로 제공되어 왔고 사용자에게 정사각형 비율이 가장 시각적 안정성을 주는 비율이기 때문이다. 또한, 앱 컨텐츠의 경우 편집 속성, 단순 스캐닝 및/또는 브라우징 속성을 가지므로 세로 모드에서 비율을 변경할 필요성이 낮다는 점에서 시각 안정성을 포인트로 하여 세로 모드에서 가장 만족스런 시각 안정성을 제공하기 위함이다.
한편, 일 예에 따르면, 세로 모드에서 구분되는 복수의 표시 영역(710-2 내지 740-4)의 속성이 미리 결정되어 있고, 프로세서(130)는 이러한 복수의 표시 영역(710-2 내지 740-4)의 속성에 따라 각 영역에 제공되는 오브젝트의 비율을 유지하거나 변경하여 표시할 수 있다. 예를 들어 세로 모드의 화면에서 상측부터 하측 방향으로 4 개의 영역으로 구분된 경우 4 개의 영역 각각의 속성이 미리 결정되어 있을 수 있다. 여기서, 4 개의 영역의 크기는 상이할 수 있으나, 반드시 이에 한정되는 것은 아니다. 예를 들어, 각 영역에 제공될 컨텐츠의 타입이 미리 결정되어 있고, 이에 따라 각 영역의 속성이 비율 유지/또는 비율 변경으로 결정되어 있을 수 있다. 또한, 각 영역에서 제공되는 오브젝트의 변경 비율이 상이할 수 있으며, 변경 비율은 컨텐츠 타입, 각 영역에 제공될 오브젝트의 개수, 써드 파티에서 제공하는 오브젝트의 비율 등에 따라 결정될 수 있다.
도 9a 및 도 9b는 일 예에 따른 제2 타입 UI 홈에서 세로형 컴포트 UI 제공 방법을 설명하기 위한 도면들이다.
도 9a 및 도 9b는 제2 타입 UI 홈, 예를 들어 게임 홈에서의 UI 제공 방법을 설명하기 위한 도면이다.
일 예에 따르면, 도 9a에 도시된 바와 같이 가로 모드에서 제공되는 미디어 홈 화면은 UI 홈 타입을 선택하기 위한 메뉴(701, 702, 703) 및 게임 홈 화면에서 제공되는 컨텐츠에 오브젝트들을 포함할 수 있다. 여기서, 제1 메뉴(701)는 미디어 홈 화면, 제2 메뉴(702)는 게임 홈 화면, 제3 메뉴(703)는 앰비언트 홈 화면을 선택하기 위한 메뉴일 수 있다.
일 예에 따라 게임 홈 화면은 곧 출시될 게임 컨텐츠에 대응되는 오브젝트(910), 최근 플레이한 게임 컨텐츠에 대응되는 오브젝트(920), 악세사리 아이콘에 대응되는 오브젝트(930), 게임 앱 및 디바이스에 대응되는 오브젝트(940), 미 플레이 게임 컨텐츠에 대응되는 오브젝트(950)를 포함할 수 있다. 예를 들어, 미 플레이 게임 컨텐츠에 대응되는 오브젝트(950)는 "Popular Games" 즉 인기 게임 컨텐츠에 대응되는 오브젝트일 수 있으나 이에 한정되는 것은 아니다. 예를 들어, 미 플레이 게임 컨텐츠에 대응되는 오브젝트(950)는 최근 업데이트된 게임 컨텐츠, 최근 플레이한 게임 컨텐츠의 관련 게임 컨텐츠 등 미 플레이 게임 컨텐츠라면 한정되지 않고 적어도 하나의 타이틀과 함께 제공될 수 있다.
기 설정된 이벤트에 따라 표시 모드가 가로 모드에서 세로 모드로 변경되면 도 9a에 도시된 게임 홈 화면은 도 9b에 도시된 바와 같이 변경될 수 있다. 이 경우, 세로 모드에서의 게임 홈 화면에 포함된 오브젝트들은 대응되는 컨텐츠의 타입에 따라 가로 모드에서와 동일한 비율로 제공되거나 상이한 비율로 제공될 수 있다.
예를 들어, 도 9b에 도시된 바와 같이 곧 출시될 게임 컨텐츠에 대응되는 오브젝트(910-1)의 비율은 변경될 수 있다. 곧 출시될 게임 컨텐츠는 광고 컨텐츠의 속성이 강하기 때문이며 도 7a에서 광고 컨텐츠에 대응되는 오브젝트를 세로형으로 제공하는 이유와 동일/유사하므로 자세한 설명은 생략하도록 한다.
또한, 세로 모드에서 최근 플레이한 게임 컨텐츠에 대응되는 오브젝트(920-1)의 비율은 유지될 수 있다. 최근 플레이한 게임 컨텐츠의 경우 시청 중인 미디어 컨텐츠와 속성이 유사하기 때문이며 도 7a에 설명한 이유와 동일/유사하므로 자세한 설명은 생략하도록 한다.
또한, 세로 모드에서 악세사리 아이콘에 대응되는 오브젝트(930-1) 및 게임 앱 및 디바이스에 대응되는 오브젝트(940-1)의 비율은 유지될 수 있다. 이러한 오브젝트들은 도 8b에서 설명한 앱 컨텐츠에 대응되는 오브젝트(740-1)의 속성과 유사하기 때문이다.
또한, 미 플레이 게임 컨텐츠에 대응되는 오브젝트(950-1)의 비율은 변경될 수 있다. 미 플레이 게임 컨텐츠의 경우 미 시청 미디어 컨텐츠와 속성이 유사하기 때문이며 도 7a에 설명한 이유와 동일/유사하므로 자세한 설명은 생략하도록 한다.
도 10a 및 도 10b는 일 예에 따른 제3 타입 UI 홈에서 세로형 컴포트 UI 제공 방법을 설명하기 위한 도면들이다.
도 10a 및 도 10b는 제3 타입 UI 홈, 예를 들어 앰비언트(Ambient) 홈에서의 UI 제공 방법을 설명하기 위한 도면이다.
일 예에 따르면, 도 10a에 도시된 바와 같이 가로 모드에서 제공되는 앰비언트 홈 화면은 UI 홈 타입을 선택하기 위한 메뉴(701, 702, 703) 및 앰비언트 홈 화면에서 제공되는 컨텐츠에 오브젝트들을 포함할 수 있다. 여기서, 제1 메뉴(701)는 미디어 홈 화면, 제2 메뉴(702)는 게임 홈 화면, 제3 메뉴(703)는 앰비언트 홈 화면을 선택하기 위한 메뉴일 수 있다.
일 예에 따라 앰비언트 홈 화면은 아트 컨텐츠와 관련된 광고 컨텐츠에 대응되는 오브젝트(1010), 아트 컨텐츠와 관련된 앱에 대응되는 오브젝트(1020), 사용자가 구매한 아트 컨텐츠에 대응되는 오브젝트(1030) 및 사용자의 선호 아트 컨텐츠에 대응되는 오브젝트(1040)를 포함할 수 있다.
기 설정된 이벤트에 따라 표시 모드가 가로 모드에서 세로 모드로 변경되면 도 9a에 도시된 앰비언트 홈 화면은 도 10b에 도시된 바와 같이 변경될 수 있다. 이 경우, 세로 모드에서의 앰비언트 홈 화면에 포함된 오브젝트들은 대응되는 컨텐츠의 타입에 따라 가로 모드에서와 동일한 비율로 제공되거나 상이한 비율로 제공될 수 있다.
예를 들어, 도 9b에 도시된 바와 같이 세로 모드에서 광고 컨텐츠에 대응되는 오브젝트(1010)의 비율은 변경될 수 있다. 해당 오브젝트는 도 7b에서 설명한 광고 컨텐츠에 대응되는 오브젝트(710-1)의 속성과 유사하기 때문이다. 이에 오브젝트에 포함된 이미지 및/또는 텍스트를 도 7b에서 설명한 바와 같이 세로형으로 제공할 수 있다. 다만, 아트 컨텐츠는 시각성이 중요하며 비율에 따라 시각성에 큰 영향을 미칠 수 있기 때문에 이미지의 비율은 유지시키고 텍스트만 가로 정렬로 배열하는 것도 가능하다.
또한, 세로 모드에서 아트 컨텐츠와 관련된 앱에 대응되는 오브젝트(1020)의 비율은 유지될 수 있다. 이러한 오브젝트들은 도 8b에서 설명한 앱 컨텐츠에 대응되는 오브젝트(740-1)의 속성과 유사하기 때문이다
또한, 세로 모드에서 사용자가 구매한 아트 컨텐츠에 대응되는 오브젝트(1030)의 비율은 유지될 수 있다. 다만, 아트 컨텐츠는 시각성이 중요하며 비율에 따라 시각성에 큰 영향을 미칠 수 있기 때문에 사용자의 구매한 아트 컨텐츠는 사용자의 UX 경험이 감소되지 않도록 원 비율 그대로 보여주는 것이 중요할 수 있기 때문이다.
또한, 세로 모드에서 사용자의 선호 아트 컨텐츠에 대응되는 오브젝트(1040)의 비율은 변경될 수 있다. 이러한 오브젝트들은 사용성 측면에서 미 시청 미디어 컨텐츠와 속성이 유사하기 때문이다. 다만, 아트 컨텐츠는 시각성이 중요하며 비율에 따라 시각성에 큰 영향을 미칠 수 있기 때문에 세로 모드에서 비율을 유지시키는 것도 가능할 수 있다.
도 11은 일 실시 예에 따른 침해 적발 방법을 설명하기 위한 도면이다.
도 11에 도시된 일 실시 예에 따르면, 기기 화면이 회전된 경우(S1110:Y), 화면 내 오브젝트가 각 위치 및/또는 속성에 대응되도록 회전되었는지 식별할 수 있다(S1120).
화면 내 오브젝트가 각 위치 및/또는 속성에 대응되도록 회전된 것으로 식별되면(S1120:Y), 화면 내 오브젝트의 비율까지 각 위치 및/또는 속성에 대응되도록 변경되었는지 식별할 수 있다(S1130).
화면 내 오브젝트의 비율까지 각 위치 및/또는 속성에 대응되도록 변경된 것으로 식별되면(S1130:Y), 본 개시에 대한 침해가 성립된 것으로 판단할 수 있다(S1140).
상술한 다양한 실시 예들에 따르면, 대형 화면의 가로 모드 및/또는 세로 모드에서 화면 비율에 최적화된 UI 화면을 자동으로 구성하여 제공할 수 있게 된다. 특히, 세로 모드에서 오브젝트들을 세로형 Comfort UI로 제공하여 사용자의 몰입도를 향상시킬 수 있게 된다.
한편, 상술한 본 개시의 다양한 실시 예들에 따른 방법들은, 기존 전자 장치에 설치 가능한 어플리케이션 형태로 구현될 수 있다. 또는 상술한 본 개시의 다양한 실시 예들에 따른 방법들, 예를 들어, 오브젝트의 비율 유지 또는 변경 여부의 결정은 딥 러닝 기반의 인공 신경망(또는 심층 인공 신경망) 즉, 학습 네트워크 모델을 이용하여 수행될 수 있다.
또한, 상술한 본 개시의 다양한 실시 예들에 따른 방법들은, 기존 전자 장치에 대한 소프트웨어 업그레이드, 또는 하드웨어 업그레이드 만으로도 구현될 수 있다.
또한, 상술한 본 개시의 다양한 실시 예들은 전자 장치에 구비된 임베디드 서버, 또는 전자 장치의 외부 서버를 통해 수행되는 것도 가능하다.
한편, 본 개시의 일시 예에 따르면, 이상에서 설명된 다양한 실시 예들은 기기(machine)(예: 컴퓨터)로 읽을 수 있는 저장 매체(machine-readable storage media)에 저장된 명령어를 포함하는 소프트웨어로 구현될 수 있다. 기기는, 저장 매체로부터 저장된 명령어를 호출하고, 호출된 명령어에 따라 동작이 가능한 장치로서, 개시된 실시 예들에 따른 전자 장치(예: 전자 장치(A))를 포함할 수 있다. 명령이 프로세서에 의해 실행될 경우, 프로세서가 직접, 또는 프로세서의 제어 하에 다른 구성요소들을 이용하여 명령에 해당하는 기능을 수행할 수 있다. 명령은 컴파일러 또는 인터프리터에 의해 생성 또는 실행되는 코드를 포함할 수 있다. 기기로 읽을 수 있는 저장 매체는, 비일시적(non-transitory) 저장매체의 형태로 제공될 수 있다. 여기서, '비일시적'은 저장매체가 신호(signal)를 포함하지 않으며 실재(tangible)한다는 것을 의미할 뿐 데이터가 저장매체에 반영구적 또는 임시적으로 저장됨을 구분하지 않는다.
또한, 본 개시의 일 실시 예에 따르면, 이상에서 설명된 다양한 실시 예들에 따른 방법은 컴퓨터 프로그램 제품(computer program product)에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 저장 매체(예: compact disc read only memory (CD-ROM))의 형태로, 또는 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 온라인으로 배포될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.
또한, 상술한 다양한 실시 예들에 따른 구성 요소(예: 모듈 또는 프로그램) 각각은 단수 또는 복수의 개체로 구성될 수 있으며, 전술한 해당 서브 구성 요소들 중 일부 서브 구성 요소가 생략되거나, 또는 다른 서브 구성 요소가 다양한 실시 예에 더 포함될 수 있다. 대체적으로 또는 추가적으로, 일부 구성 요소들(예: 모듈 또는 프로그램)은 하나의 개체로 통합되어, 통합되기 이전의 각각의 해당 구성 요소에 의해 수행되는 기능을 동일 또는 유사하게 수행할 수 있다. 다양한 실시 예들에 따른, 모듈, 프로그램 또는 다른 구성 요소에 의해 수행되는 동작들은 순차적, 병렬적, 반복적 또는 휴리스틱하게 실행되거나, 적어도 일부 동작이 다른 순서로 실행되거나, 생략되거나, 또는 다른 동작이 추가될 수 있다.
이상에서는 본 개시의 바람직한 실시 예에 대하여 도시하고 설명하였지만, 본 개시는 상술한 특정의 실시 예에 한정되지 아니하며, 청구범위에서 청구하는 본 개시의 요지를 벗어남이 없이 당해 개시에 속하는 기술분야에서 통상의 지식을 가진 자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 개시의 기술적 사상이나 전망으로부터 개별적으로 이해되어서는 안될 것이다.
100: 전자 장치 110: 디스플레이
120: 메모리 130: 하나 이상의 프로세서

Claims (20)

  1. 전자 장치에 있어서,
    회전 가능한 디스플레이;
    적어도 하나의 명령어를 저장하는 메모리; 및
    상기 디스플레이 및 상기 메모리와 연결되어, 가로 모드 및 세로 모드 중 하나의 표시 모드로 동작하도록 상기 전자 장치를 제어하는 하나 이상의 프로세서;를 포함하며,
    상기 하나 이상의 프로세서는,
    상기 적어도 하나의 명령어를 실행함으로써,
    상기 가로 모드로 동작하는 동안 복수의 오브젝트의 속성에 따라 상기 복수의 오브젝트를 복수의 그룹으로 그룹핑하여 상이한 영역에 표시하도록 상기 디스플레이를 제어하고,
    상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 복수의 그룹 각각에 포함된 오브젝트의 속성 또는 상기 복수의 그룹 각각이 표시된 영역의 속성 중 적어도 하나에 기초하여 오브젝트의 비율 유지 또는 변경 여부를 식별하고,
    식별 결과에 기초하여 상기 세로 모드로 동작하는 동안 상기 복수의 그룹 중 일부 그룹에 포함된 오브젝트의 비율을 변경하고 나머지 그룹에 속한 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하는, 전자 장치.
  2. 제1항에 있어서,
    상기 하나 이상의 프로세서는,
    상기 복수의 그룹 중 제1 그룹에 포함된 오브젝트의 속성이 제1 속성인 것으로 식별되면, 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고,
    상기 복수의 그룹 중 제1 그룹에 포함된 오브젝트의 속성이 제2 속성인 것으로 식별되면, 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하며,
    상기 복수의 그룹 중 제2 그룹에 포함된 오브젝트의 속성이 제1 속성인 것으로 식별되면, 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고,
    상기 복수의 그룹 중 제2 그룹에 포함된 오브젝트의 속성이 제2 속성인 것으로 식별되면, 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하는, 전자 장치.
  3. 제1항에 있어서,
    상기 하나 이상의 프로세서는,
    상기 복수의 그룹 중 제1 그룹이 표시된 영역의 속성이 제1 속성인 것으로 식별되면, 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고,
    상기 복수의 그룹 중 제1 그룹이 표시된 영역의 속성이 제2 속성인 것으로 식별되면, 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고,
    상기 복수의 그룹 중 제2 그룹이 표시된 영역의 속성이 제1 속성인 것으로 식별되면, 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고,
    상기 복수의 그룹 중 제2 그룹이 표시된 영역의 속성이 제2 속성인 것으로 식별되면, 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하는, 전자 장치.
  4. 제1항에 있어서,
    상기 복수의 그룹 각각에 포함된 오브젝트의 속성은,
    상기 복수의 그룹 각각에 속한 적어도 하나의 오브젝트에 대응되는 컨텐츠의 타입에 기초하여 식별되는, 전자 장치.
  5. 제4항에 있어서,
    상기 컨텐츠의 타입은,
    시청 중인 컨텐츠, 미 시청 컨텐츠, 광고 컨텐츠 또는 앱 컨텐츠 중 적어도 하나를 포함하며,
    상기 오브젝트의 속성은,
    상기 컨텐츠의 타입에 따라 미리보기(preview) 속성, 광고 속성, 스캐닝 속성(scanning) 속성, 브라우징(browsing) 또는 편집(editing) 속성 중 적어도 하나를 포함하는, 전자 장치.
  6. 제5항에 있어서,
    상기 하나 이상의 프로세서는,
    상기 복수의 그룹 중 제1 그룹에 포함된 제1 오브젝트의 속성이 시청 중인 컨텐츠에 대응되는 것으로 식별되면, 상기 제1 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하고,
    상기 복수의 그룹 중 제2 그룹에 포함된 제2 오브젝트의 속성이 미 시청 컨텐츠에 대응되는 것으로 식별되면, 상기 제2 오브젝트의 비율을 변경하여 표시하도록 상기 디스플레이를 제어하는, 전자 장치.
  7. 제6항에 있어서,
    상기 하나 이상의 프로세서는,
    상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 제2 그룹에 포함된 복수의 제2 오브젝트의 비율을 변경하고 상기 복수의 제2 오브젝트 중 일부 오브젝트는 전체(full) 이미지가 표시되고 나머지 오브젝트는 부분(partial) 이미지가 표시되도록 상기 디스플레이는 제어하는, 전자 장치.
  8. 제5항에 있어서,
    상기 하나 이상의 프로세서는,
    상기 복수의 그룹 중 제3 그룹에 포함된 제3 오브젝트의 속성이 광고 컨텐츠에 대응되는 것으로 식별되면, 상기 제3 오브젝트의 비율을 변경하여 표시하도록 상기 디스플레이를 제어하고,
    상기 복수의 그룹 중 제4 그룹에 포함된 제4 오브젝트의 속성이 앱 컨텐츠에 대응되는 것으로 식별되면, 상기 제4 오브젝트의 비율을 유지하여 표시하도록 상기 디스플레이를 제어하는, 전자 장치.
  9. 제8항에 있어서,
    상기 하나 이상의 프로세서는,
    상기 가로 모드로 동작하는 동안 상기 제3 그룹에 포함된 복수의 제3 오브젝트에 대응되는 이미지 및 텍스트를 좌우 방향으로 배열하고,
    상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 제3 그룹에 포함된 복수의 제3 오브젝트에 대응되는 이미지 및 텍스트의 비율을 변경하면서 상하 방향으로 배열하는, 전자 장치.
  10. 제1항에 있어서,
    상기 하나 이상의 프로세서는,
    미디어 홈에 대응되는 UI 화면, 게임 홈에 대응되는 UI 화면, 앰비언트 홈에 대응되는 UI 화면 및 써드 파티 홈에 대응되는 UI 화면 중 어느 하나를 제공하며,
    각 홈에 대응되는 UI 화면에 포함된 오브젝트의 속성 또는 표시 영역의 속성 중 적어도 하나에 기초하여 오브젝트의 비율 유지 또는 변경 여부를 식별하는, 전자 장치.
  11. 가로 모드 및 세로 모드 중 하나의 표시 모드로 동작하는 전자 장치의 제어 방법에 있어서,
    상기 가로 모드로 동작하는 동안 복수의 오브젝트의 속성에 따라 상기 복수의 오브젝트를 복수의 그룹으로 그룹핑하여 상이한 영역에 표시하는 단계;
    상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 복수의 그룹 각각에 포함된 오브젝트의 속성 또는 상기 복수의 그룹 각각이 표시된 영역의 속성 중 적어도 하나에 기초하여 오브젝트의 비율 유지 또는 변경 여부를 식별하는 단계; 및
    식별 결과에 기초하여 상기 세로 모드로 동작하는 동안 상기 복수의 그룹 중 일부 그룹에 포함된 오브젝트의 비율을 변경하고 나머지 그룹에 속한 오브젝트의 비율을 유지하여 표시하는 단계;를 포함하는 제어 방법.
  12. 제11항에 있어서,
    상기 세로 모드로 동작하는 동안 표시하는 단계는,
    상기 복수의 그룹 중 제1 그룹에 포함된 오브젝트의 속성이 제1 속성인 것으로 식별되면 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하고, 상기 복수의 그룹 중 제1 그룹에 포함된 오브젝트의 속성이 제2 속성인 것으로 식별되면 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하는 단계; 및
    상기 복수의 그룹 중 제2 그룹에 포함된 오브젝트의 속성이 제1 속성인 것으로 식별되면 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하고, 상기 복수의 그룹 중 제2 그룹에 포함된 오브젝트의 속성이 제2 속성인 것으로 식별되면 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하는 단계;를 포함하는 제어 방법.
  13. 제11항에 있어서,
    상기 세로 모드로 동작하는 동안 표시하는 단계는,
    상기 복수의 그룹 중 제1 그룹이 표시된 영역의 속성이 제1 속성인 것으로 식별되면 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하고, 상기 복수의 그룹 중 제1 그룹이 표시된 영역의 속성이 제2 속성인 것으로 식별되면 상기 제1 그룹에 포함된 오브젝트의 비율을 유지하여 표시하는 단계; 및
    상기 복수의 그룹 중 제2 그룹이 표시된 영역의 속성이 제1 속성인 것으로 식별되면 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하고, 상기 복수의 그룹 중 제2 그룹이 표시된 영역의 속성이 제2 속성인 것으로 식별되면 상기 제2 그룹에 포함된 오브젝트의 비율을 유지하여 표시하는 단계;를 포함하는 제어 방법.
  14. 제11항에 있어서,
    상기 복수의 그룹 각각에 포함된 오브젝트의 속성은,
    상기 복수의 그룹 각각에 속한 적어도 하나의 오브젝트에 대응되는 컨텐츠의 타입에 기초하여 식별되는, 제어 방법.
  15. 제14항에 있어서,
    상기 컨텐츠의 타입은,
    시청 중인 컨텐츠, 미 시청 컨텐츠, 광고 컨텐츠 또는 앱 컨텐츠 중 적어도 하나를 포함하며,
    상기 오브젝트의 속성은,
    상기 컨텐츠의 타입에 따라 미리보기(preview) 속성, 광고 속성, 브라우징(browsing) 또는 편집(editing) 속성 중 적어도 하나를 포함하는, 제어 방법.
  16. 제15항에 있어서,
    상기 세로 모드로 동작하는 동안 표시하는 단계는,
    상기 복수의 그룹 중 제1 그룹에 포함된 제1 오브젝트의 속성이 시청 중인 컨텐츠에 대응되는 것으로 식별되면, 상기 제1 오브젝트의 비율을 유지하여 표시하는 단계; 및
    상기 복수의 그룹 중 제2 그룹에 포함된 제2 오브젝트의 속성이 미 시청 컨텐츠에 대응되는 것으로 식별되면, 상기 제2 오브젝트의 비율을 변경하여 표시하는 단계;를 포함하는 제어 방법.
  17. 제16항에 있어서,
    상기 제2 오브젝트의 비율을 변경하여 표시하는 단계는,
    상기 제2 그룹에 포함된 복수의 제2 오브젝트의 비율을 변경하고 상기 복수의 제2 오브젝트 중 일부 오브젝트는 전체(full) 이미지를 표시하고 나머지 오브젝트는 부분(partial) 이미지를 표시하는 단계;를 포함하는 제어 방법.
  18. 제15항에 있어서,
    상기 세로 모드로 동작하는 동안 표시하는 단계는,
    상기 복수의 그룹 중 제3 그룹에 포함된 제3 오브젝트의 속성이 광고 컨텐츠에 대응되는 것으로 식별되면, 상기 제3 오브젝트의 비율을 변경하여 표시하는 단계; 및
    상기 복수의 그룹 중 제4 그룹에 포함된 제4 오브젝트의 속성이 앱 컨텐츠에 대응되는 것으로 식별되면, 상기 제4 오브젝트의 비율을 유지하여 표시하는 단계;를 포함하는 제어 방법.
  19. 제8항에 있어서,
    상기 가로 모드로 동작하는 동안 상기 제3 그룹에 포함된 복수의 제3 오브젝트에 대응되는 이미지 및 텍스트를 좌우 방향으로 배열하는 단계; 및
    상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 제3 그룹에 포함된 복수의 제3 오브젝트에 대응되는 이미지 및 텍스트의 비율을 변경하면서 상하 방향으로 배열하는 단계;를 더 포함하는, 제어 방법.
  20. 가로 모드 및 세로 모드 중 하나의 표시 모드로 동작하는 전자 장치의 프로세서에 의해 실행되는 경우 상기 전자 장치가 동작을 수행하도록 하는 컴퓨터 명령을 저장하는 비일시적 컴퓨터 판독 가능 매체에 있어서,
    상기 동작은,
    상기 가로 모드로 동작하는 동안 복수의 오브젝트의 속성에 따라 상기 복수의 오브젝트를 복수의 그룹으로 그룹핑하여 상이한 영역에 표시하는 단계;
    상기 가로 모드에서 상기 세로 모드로 변경되면, 상기 복수의 그룹 각각에 포함된 오브젝트의 속성 또는 상기 복수의 그룹 각각이 표시된 영역의 속성 중 적어도 하나에 기초하여 오브젝트의 비율 유지 또는 변경 여부를 식별하는 단계; 및
    식별 결과에 기초하여 상기 세로 모드로 동작하는 동안 상기 복수의 그룹 중 일부 그룹에 포함된 오브젝트의 비율을 변경하고 나머지 그룹에 속한 오브젝트의 비율을 유지하여 표시하는 단계;를 포함하는, 비일시적 컴퓨터 판독 가능 매체.
KR1020220125234A 2022-09-30 2022-09-30 전자 장치 및 그 ui 제공 방법 KR20240045653A (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020220125234A KR20240045653A (ko) 2022-09-30 2022-09-30 전자 장치 및 그 ui 제공 방법
PCT/KR2023/011516 WO2024071641A1 (ko) 2022-09-30 2023-08-04 전자 장치 및 그 ui 제공 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020220125234A KR20240045653A (ko) 2022-09-30 2022-09-30 전자 장치 및 그 ui 제공 방법

Publications (1)

Publication Number Publication Date
KR20240045653A true KR20240045653A (ko) 2024-04-08

Family

ID=90478332

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020220125234A KR20240045653A (ko) 2022-09-30 2022-09-30 전자 장치 및 그 ui 제공 방법

Country Status (2)

Country Link
KR (1) KR20240045653A (ko)
WO (1) WO2024071641A1 (ko)

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4404878B2 (ja) * 2006-07-10 2010-01-27 シャープ株式会社 携帯電話機
KR101397685B1 (ko) * 2012-02-29 2014-05-26 주식회사 팬택 사용자 단말 및 사용자 단말의 화면 표시방법
KR102244248B1 (ko) * 2014-04-01 2021-04-26 삼성전자주식회사 컨텐츠 운용 방법 및 이를 지원하는 전자 장치
JP2014149860A (ja) * 2014-04-14 2014-08-21 Nihon Kokoku Media Kyokyu Kk 携帯型多機能端末の情報表示方法及びそれを用いた情報表示システム、並びに携帯型多機能端末
KR20220064024A (ko) * 2020-11-11 2022-05-18 삼성전자주식회사 표시 영역이 가변되는 디스플레이를 포함하는 전자 장치 및 앱 아이콘을 이용하여 화면 비율을 가변적으로 운용하는 방법

Also Published As

Publication number Publication date
WO2024071641A1 (ko) 2024-04-04

Similar Documents

Publication Publication Date Title
US10956008B2 (en) Automatic home screen determination based on display device
KR102063952B1 (ko) 멀티 디스플레이 장치 및 멀티 디스플레이 방법
US9628744B2 (en) Display apparatus and control method thereof
US9430500B2 (en) Method and device for operating image in electronic device
TW201419126A (zh) 多顯示裝置及控制其顯示器的方法
US20210142760A1 (en) Display apparatus and control method thereof
KR102254856B1 (ko) 컴퓨터 시스템
CN110476147B (zh) 电子装置及其显示内容的方法
CN105718189A (zh) 电子装置以及使用该电子装置显示网页的方法
US10803827B2 (en) Display apparatus and display method
US20140229823A1 (en) Display apparatus and control method thereof
KR20210086368A (ko) 디스플레이 장치 및 그 제어 방법
EP3079039A1 (en) Display apparatus and display method
KR20240045653A (ko) 전자 장치 및 그 ui 제공 방법
KR102328705B1 (ko) 전자 장치 및 이의 제어 방법
KR20170028001A (ko) 전자 장치 및 이의 제어 방법
KR20220056696A (ko) 전자 장치, 시스템 및 그 제어 방법
KR20210073911A (ko) 전자 장치 및 그 제어 방법
US20230110543A1 (en) Display device and method for controlling same
US12105934B2 (en) Electronic apparatus and UI providing method thereof
US11886684B2 (en) Electronic apparatus and control method thereof
KR102470133B1 (ko) 전자 장치 및 이의 제어 방법
KR20240068837A (ko) 전자 장치 및 그 ui 제공 방법
US20240118789A1 (en) Electronic apparatus and method for providing user interface thereof
EP3032492A1 (en) Image processing apparatus and method