KR101685288B1 - 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말 - Google Patents

컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말 Download PDF

Info

Publication number
KR101685288B1
KR101685288B1 KR1020150065579A KR20150065579A KR101685288B1 KR 101685288 B1 KR101685288 B1 KR 101685288B1 KR 1020150065579 A KR1020150065579 A KR 1020150065579A KR 20150065579 A KR20150065579 A KR 20150065579A KR 101685288 B1 KR101685288 B1 KR 101685288B1
Authority
KR
South Korea
Prior art keywords
content
screen
text
control condition
fixed
Prior art date
Application number
KR1020150065579A
Other languages
English (en)
Other versions
KR20160132704A (ko
Inventor
고승현
이슬아
김영수
Original Assignee
주식회사 카카오
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 카카오 filed Critical 주식회사 카카오
Priority to KR1020150065579A priority Critical patent/KR101685288B1/ko
Priority to JP2017559393A priority patent/JP6563522B2/ja
Priority to US15/573,130 priority patent/US10795564B2/en
Priority to PCT/KR2016/004909 priority patent/WO2016182328A1/ko
Publication of KR20160132704A publication Critical patent/KR20160132704A/ko
Application granted granted Critical
Publication of KR101685288B1 publication Critical patent/KR101685288B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Abstract

컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말이 개시된다. 컨텐츠 표시 제어 방법은 화면에 대한 스크롤에 따라 텍스트에 대응하는 컨텐츠를 화면의 특정 영역에 고정함으로써 컨텐츠와 텍스트를 한 번에 볼 수 있도록 한다. 또한, 컨텐츠 표시 제어 방법은 사용자의 스크롤에 따라 화면에 표시된 텍스트가 화면에 고정된 컨텐츠가 무관한 경우, 컨텐츠를 고정 해제할 수 있다.

Description

컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말 {METHOD FOR CONTROLLING PRESENTATION OF CONTENTS AND USER DEVICE FOR PERFORMING THE METHOD}
본 발명은 컨텐츠 표시 제어 방법 및 상기 방법을 수행하는 사용자 단말에 관한 것으로, 보다 구체적으로는 사용자의 스크롤에 따라 화면에 표시되는 컨텐츠를 다양하게 제어하는 방법 및 장치에 관한 것이다.
사용자는 인터넷을 통해 웹페이지와 같은 수많은 문서에 접근하여 필요한 정보를 획득할 수 있다. 여기서, 문서는 이미지, 동영상, 그래프와 같은 멀티미디어 형태의 컨텐츠가 포함될 수 있으며, 이러한 컨텐츠를 설명하는 텍스트를 포함할 수 있다.
하지만, 디스플레이가 표시될 화면의 사이즈는 제한적이기 때문에, 문서의 모든 영역을 한번에 표시하지 못할 수 있다. 특히, 문서를 통해 표현하고자 하는 내용이 많을 경우, 문서의 길이는 디스플레이의 세로 길이보다는 훨씬 긴 경우도 다수 존재한다.
이 경우, 디스플레이의 세로 길이로 인해서, 컨텐츠와 컨텐츠를 설명하는 텍스트가 화면에 동시에 표시되지 못할 수 있다. 그러면, 사용자는 스크롤을 위로 입력하거나 또는 아래로 입력하면서 컨텐츠와 텍스트를 확인할 수 밖에 없는 불편함을 느낄 수 있다.
왜냐하면, 문서에 포함된 컨텐츠와 컨텐츠를 설명하는 텍스트를 선형적으로 스크롤할 수 밖에 없기 때문에, 사용자는 문서에서 멀티미디어 형태의 컨텐츠와 컨텐츠를 설명하는 텍스트를 확인하기 위해 반복적으로 스크롤할 수 밖에 없다. 또한, 사용자가 반복적으로 스크롤을 하더라도 화면에서 동시에 컨텐츠와 텍스트를 표시되지 못하는 경우가 발생될 수 밖에 없다.
본 발명은 사용자의 스크롤에 따라 텍스트에 대응하는 컨텐츠를 화면의 특정 영역에 고정함으로써 컨텐츠와 텍스트를 한 번에 볼 수 있는 방법 및 장치를 제공한다.
본 발명은 텍스트와 텍스트에 대응하는 컨텐츠가 존재하는 경우 사용자가 스크롤하면서 텍스트를 전부 읽을 때까지 컨텐츠를 화면에 고정하고, 텍스트를 전부 읽으면 자동으로 화면에서 고정 해제하여 스크롤에 따라 사라지도록 함으로써, 서로 연관된 컨텐츠와 텍스트를 화면에서 한 번에 표시할 수 있는 방법 및 장치를 제공한다.
본 발명은 사용자의 스크롤에 따라 화면에 표시된 텍스트가 화면에 고정된 컨텐츠가 무관한 경우, 컨텐츠를 고정 해제하고 텍스트와 관련된 다른 컨텐츠를 표시함으로써 사용자에게 현재 보고 있는 화면에서 서로 관련있는 컨텐츠와 텍스트를 한 번에 확인할 수 있는 방법 및 장치를 제공한다.
본 발명의 일실시예에 따른 사용자 단말이 수행하는 컨텐츠 표시 제어 방법은 사용자 단말의 화면에 대한 스크롤에 의해 컨텐츠가 제1 제어 조건을 만족하는 지 여부를 판단하는 단계; 상기 제1 제어 조건을 만족하는 경우, 상기 컨텐츠를 화면에 고정하는 단계; 상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 상기 컨텐츠에 대응하는 텍스트를 이동시키는 단계; 상기 텍스트의 이동에 따라 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하는 지 여부를 판단하는 단계; 및 상기 제2 제어 조건을 만족하는 경우, 상기 컨텐츠에 대해 고정 해제하는 단계를 포함할 수 있다.
상기 고정 해제하는 단계는, 화면에 추가적인 스크롤이 입력되면 컨텐츠의 높이가 감소하거나 또는 컨텐츠가 화면에서 자동으로 사라지도록 표시할 수 있다.
상기 컨텐츠에 대응하는 텍스트는, 상기 문서에 포함된 적어도 하나의 컨텐츠와 적어도 하나의 텍스트를 분석함으로써 상기 컨텐츠와 연관되는 텍스트일 수 있다.
상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 화면에 대한 스크롤에 따라 컨텐츠의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고, 상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단할 수 있다.
상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고, 상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단할 수 있다.
상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 컨텐츠에 대응하는 텍스트에 표시된 컨텐츠의 링크가 선택된 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고, 상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단할 수 있다.
상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는, 제1 텍스트의 마지막 부분이 제2 텍스트에 대응하는 컨텐츠의 마지막 부분과 일치하는 경우 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고, 상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는, 상기 화면에 대한 추가적인 스크롤에 따라 제1 텍스트와 공백 영역만큼 떨어진 제2 텍스트의 시작 부분이 제2 텍스트에 대응하는 컨텐츠의 시작 부분과 일치하는 경우 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단할 수 있다.
상기 컨텐츠를 화면에 고정하는 단계는, 상기 컨텐츠의 표현 형태를 변경하거나 또는 상기 컨텐츠에 대응하는 텍스트에서 컨텐츠와 관련된 부분을 하이라이트할 수 있다.
상기 컨텐츠를 화면에 고정하는 단계는, 상기 컨텐츠가 제2 제어 조건을 만족할 때까지 추가적으로 입력된 스크롤에 따라 컨텐츠에 대응하는 텍스트를 컨텐츠를 가리지 않도록 표시할 수 있다.
본 발명의 다른 실시예에 따른 사용자 단말이 수행하는 컨텐츠 표시 제어 방법은 문서에 포함된 적어도 하나의 컨텐츠와 텍스트를 식별하는 단계; 상기 문서의 코드에 컨텐츠를 담을 수 있는 태그를 추가하는 단계; 상기 태그에 컨텐츠의 고정과 관련된 스타일을 설정하는 단계; 상기 사용자 단말의 화면에 발생되는 스크롤을 측정하여 스크롤값을 결정하는 단계; 상기 결정된 스크롤값과 상기 문서에서 식별된 컨텐츠의 높이에 대응하는 위치를 비교하여 상기 태그에 담을 컨텐츠를 결정하는 단계; 상기 사용자 단말의 화면에 태그에 담을 컨텐츠를 고정하는 단계; 상기 컨텐츠가 고정된 이후에 상기 스크롤값이 변경함에 따라 화면에 고정된 컨텐츠의 높이를 결정하는 단계; 및 상기 컨텐츠의 높이를 고려하여 상기 컨텐츠를 화면에서 고정해제하는 단계를 포함할 수 있다.
상기 컨텐츠를 고정하는 단계는, 상기 컨텐츠가 고정해제 될 때까지 추가적으로 입력된 스크롤에 따라 텍스트를 고정된 컨텐츠를 가리지 않도록 표시할 수 있다.
상기 컨텐츠를 고정하는 단계는, 상기 컨텐츠의 표현 형태를 변경하거나 또는 상기 컨텐츠에 대응하는 텍스트에서 컨텐츠와 관련된 부분을 하이라이트할 수 있다.
상기 스크롤값은 화면의 끝부분에서 스크롤이 얼마만큼 진행되었는지를 나타내고, 상기 컨텐츠의 높이는, 상기 컨텐츠의 높이에 대응하는 위치에서 상기 스크롤값을 제외함으로써 결정될 수 있다.
본 발명의 일실시예에 따른 사용자 단말은 화면에 대한 스크롤에 따라 컨텐츠가 제1 제어 조건을 만족하는지 또는 제2 제어 조건을 만족하는 지 여부를 판단하는 프로세서; 및 상기 프로세서의 명령에 따라 컨텐츠를 화면에 고정하거나 또는 화면에서 고정 해제하는 디스플레이를 포함하고, 상기 프로세서는, 상기 컨텐츠가 제1 제어 조건을 만족하면 컨텐츠를 화면에 고정하는 명령을 디스플레이에 전달하고, 상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트가 이동함으로써 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하면, 화면에 고정된 컨텐츠를 고정 해제하는 명령을 디스플레이에 전달할 수 있다.
본 발명의 다른 실시예에 따른 사용자 단말은 문서에 포함된 적어도 하나의 컨텐츠와 텍스트를 식별하고, 상기 문서의 코드에 컨텐츠를 담을 수 있는 태그를 추가하며, 상기 태그에 컨텐츠의 고정과 관련된 스타일을 설정하고, 상기 사용자 단말의 화면에 발생되는 스크롤을 측정하여 스크롤값을 결정하며, 상기 결정된 스크롤값과 상기 문서에서 식별된 컨텐츠의 높이에 대응하는 위치를 비교하여 상기 태그에 담을 컨텐츠를 결정하고, 상기 사용자 단말의 화면에 태그에 담을 컨텐츠를 고정하며, 상기 컨텐츠가 고정된 이후에 상기 스크롤값이 변경함에 따라 화면에 고정된 컨텐츠의 높이를 결정하고, 상기 컨텐츠의 높이를 고려하여 상기 컨텐츠를 화면에서 고정해제하는 프로세서; 및 상기 프로세서의 명령에 따라 컨텐츠를 고정하는 명령 또는 고정 해제하는 디스플레이를 포함할 수 있다.
본 발명의 일실시예에 따르면, 사용자의 스크롤에 따라 텍스트에 대응하는 컨텐츠를 화면의 특정 영역에 고정함으로써 컨텐츠와 텍스트를 한 번에 볼 수 있다.
본 발명의 일실시예에 따르면, 사용자의 스크롤에 따라 화면에 표시된 텍스트가 화면에 고정된 컨텐츠가 무관한 경우, 컨텐츠를 고정 해제하고 텍스트와 관련된 다른 컨텐츠를 표시함으로써 사용자에게 현재 보고 있는 화면에서 서로 관련있는 컨텐츠와 텍스트를 한 번에 확인할 수 있도록 한다.
본 발명의 일실시예에 따르면, 텍스트와 텍스트에 대응하는 컨텐츠가 존재하는 경우 사용자가 스크롤하면서 텍스트를 전부 읽을 때까지 컨텐츠를 화면에 고정하고, 텍스트를 전부 읽으면 자동으로 화면에서 고정 해제하여 스크롤에 따라 사라지도록 함으로써, 서로 연관된 컨텐츠와 텍스트를 화면에서 한 번에 표시할 수 있다.
도 1은 일실시예에 따른 컨텐츠 표시 제어 방법을 도시한 플로우차트이다.
도 2는 제1 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 3은 제1 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 4는 제2 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 5는 제3 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 6은 제4 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 7은 제5 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 8은 제6 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 9는 일실시예에 따른 컨텐츠 표시 제어 방법과 관련된 제1 소스 코드를 도시한 도면이다.
도 10은 일실시예에 따른 컨텐츠 표시 제어 방법과 관련된 제2 소스 코드를 도시한 도면이다.
이하, 본 발명의 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.
도 1은 일실시예에 따른 컨텐츠 표시 제어 방법을 도시한 플로우차트이다.
본 발명의 일실시예에 따른 컨텐츠 표시 제어 방법은 웹페이지 등의 문서를 로딩하여 표시하는 사용자 단말에서 수행될 수 있다. 그리고, 문서는 이미지, 동영상, 그래프 등의 멀티미디어 형태의 컨텐츠와 컨텐츠를 설명하는 텍스트로 구성될 수 있다. 이 때, 문서에서 컨텐츠 및 컨텐츠와 관련된 텍스트는 서로 연속적인 위치에 존재하거나 또는 일정 간격 떨어진 위치에 존재할 수 있다.
단계(101)에서, 사용자 단말은 화면에 대한 스크롤을 인지할 수 있다. 여기서, 스크롤은 사용자가 화면을 직접 터치한 후 일정 방향으로 드래그하는 경우, 화면에 표시된 스크롤바를 일정 방향으로 조작하는 경우, 패드와 같은 입력 장치에서 일정 방향으로 드래그하는 경우, 또는 마우스와 같은 입력 장치에서 휠을 조작하는 경우 등을 의미할 수 있다.
즉, 화면에 대한 스크롤은, 사용자가 화면에 표시된 문서의 일부 영역을 확인하기 위한 어떤 형태의 동작도 모두 포함할 수 있다. 그리고, 화면에 대한 스크롤은 화면에 대해 위로 입력되거나 또는 아래로 입력될 수 있다. 사용자가 수행하는 화면의 스크롤에 따라 스크롤값이 변경될 수 있다. 예를 들어, 문서가 최초로 로딩되면 스크롤값은 0으로 초기화된다. 그리고, 만약, 화면에 대해 위로 스크롤이 입력되면, 화면에 대한 스크롤값은 증가하고, 화면에 대해 아래로 스크롤이 입력되면 화면에 대한 스크롤값은 감소할 수 있다. 사용자 단말은 화면에 대한 스크롤에 따라 결정된 스크롤값과 문서에 포함된 컨텐츠의 위치를 비교함으로써, 컨텐츠가 제어 조건을 만족하는 지 여부를 판단할 수 있다.
본 발명의 일실시예에 따르면, 문서가 세로로 긴 형태인 경우, 화면에 대한 스크롤은 화면의 위, 아래로 적용될 수 있다. 하지만, 문서가 가로로 긴 형태인 경우, 화면에 대한 스크롤은 좌, 우로 적용될 수 있다. 즉, 본 발명의 일실시예는, 문서의 세로 길이가 사용자 단말에 배치된 디스플레이의 세로 길이보다 긴 경우, 또는 문서의 가로 길이가 사용자 단말에 배치된 디스플레이의 가로 길이보다 긴 경우에 모두 적용될 수 있다. 그렇기 때문에, 사용자 단말은 사용자가 화면을 드래그하거나, 화면에 표시된 스크롤바를 조작하거나, 패드와 같은 입력 장치에서 드래그하거나 또는 마우스와 같은 입력 장치에서 휠을 조작함으로써 현재 사용자 단말에 구비된 디스플레이의 화면에 표시되지 않은 문서의 일부 영역을 확인할 수 있도록 한다.
단계(102)에서, 사용자 단말은 화면에 대한 스크롤에 따라 컨텐츠가 제1 제어 조건을 만족하는 지 여부를 판단할 수 있다. 여기서, 제1 제어 조건은 컨텐츠의 시작 부분, 또는 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치했는지 여부를 의미한다.
만약, 컨텐츠가 제1 제어 조건을 만족하지 않는 경우, 단계(103)에서, 사용자 단말은 화면에 대한 스크롤에 대응하여 계속해서 화면에서의 문서뷰가 이동할 수 있다.
만약, 컨텐츠가 제1 제어 조건을 만족하는 경우, 단계(104)에서 사용자 단말은 컨텐츠를 화면에 고정할 수 있다. 여기서, 컨텐츠를 화면에 고정한다는 것은, 화면에 대한 스크롤이 추가적으로 입력되더라도 고정된 컨텐츠를 제외한 문서의 나머지 구성 요소에 대한 뷰가 이동한다는 것을 의미한다.
본 발명의 일실시예에 따르면, 컨텐츠가 화면에 고정되는 경우 사용자 단말은 컨텐츠의 크기를 변경하여 화면에 표시될 수 있다. 또는, 컨텐츠가 화면에 고정되는 경우 사용자 단말은 화면에 컨텐츠가 고정되었다는 것을 알리기 위해 컨텐츠의 표현 형태(ex. 글꼴, 색, 모양 등)를 변경하거나, 또는 텍스트에서 컨텐츠와 직접적으로 관련된 부분에 대해 강조 효과를 줄 수 있다.
예를 들어, 컨텐츠가 텍스트의 내용에 따라 컨텐츠의 특정 부분에 표현된 색이 변경될 수 있다. 구체적으로, 화면에 대한 스크롤에 따라 화면에 표시되는 텍스트의 내용이 변경되면, 컨텐츠에서 특정 부분에 표현된 색도 변경될 수 있다. 또는, 사용자 단말은 컨텐츠에 대해 특수 효과를 할당하거나 또는 하이라이트 등의 강조를 통해 화면에 컨텐츠가 고정되었다는 것을 표현할 수 있다.
또는, 사용자 단말은 컨텐츠와 관련된 텍스트의 전부 또는 일부를 하이라이트함으로써, 컨텐츠에 대응하는 텍스트에 강조효과를 줄 수 있다.
단계(105)에서, 사용자 단말은 화면에 대한 스크롤에 따라 컨텐츠와 관련된 텍스트가 제2 제어 조건을 만족하는 지 여부를 판단할 수 있다. 여기서, 텍스트는 컨텐츠를 설명하는 내용으로 구성될 수 있다.
이 때, 컨텐츠와 텍스트 간의 관련성 여부는 다음과 같이 결정될 수 있다.
(i) 사용자 단말은 문서에 포함된 텍스트의 특정 위치에 텍스트에 대응하는 컨텐츠와 관련된 태그를 추가함으로써 텍스트와 컨텐츠가 간에 서로 관련성이 있다는 것을 나타낼 수 있다. 이에 대해서는 도 9 내지 도 10에서 구체적으로 설명한다.
(ii) 사용자 단말은 문서에 표현된 컨텐츠 별로 텍스트를 맵핑하여 서버에 저장할 수 있다. 그러면, 사용자 단말은 화면에 대한 스크롤에 따라 텍스트와 맵핑된 컨텐츠를 서버에서 호출하여 화면에 고정하거나 해제할 수 있다. 그리고, 사용자 단말은 컨텐츠가 화면에 고정되거나 고정 해제되는 것에 대응하여 컨텐츠에 매핑된 텍스트를 별도로 관리할 수 있다.
(iii) 사용자 단말이나 또는 서버에서 컨텐츠와 텍스트를 각각 실시간으로 분석하여 서로 연관이 있는 컨텐츠와 텍스트를 연결할 수 있다. 그러면, 사용자 단말은 화면에 대한 스크롤이 발생되면 스크롤에 따라 자동으로 컨텐츠를 고정하거나 고정해제하고, 컨텐츠의 상태에 따라 컨텐츠에 연결된 텍스트를 따로 제어할 수 있다.
여기서, 제2 제어 조건은 컨텐츠의 마지막 부분, 또는 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치했는지 여부를 의미한다. 이 때, 제2 제어 조건과 관련된 화면의 제2 특정 영역은 제1 제어 조건과 관련된 화면의 제1 특정 영역과 동일하거나 또는 다를 수 있다.
만약 컨텐츠가 제2 제어 조건을 만족하는 경우, 단계(107)에서 사용자 단말은 컨텐츠를 고정 해제할 수 있다. 반대로, 만약 컨텐츠가 제2 제어 조건을 만족하지 않는 경우, 단계(107)에서 사용자 단말은 컨텐츠의 고정을 유지할 수 있다.
여기서, 도 1 내지 도 8에서 언급되는 시작 부분과 마지막 부분은 화면에 대한 스크롤에 따라 다르게 결정될 수 있다. 예를 들어서, 문서가 세로로 길게 존재하여 화면에 대한 스크롤이 위에서 아래로 발생되는 경우, 컨텐츠의 시작 부분은 컨텐츠의 상단 끝을 의미할 수 있다. 마찬가지로, 컨텐츠에 대응하는 텍스트의 시작 부분은 텍스트의 상단 끝을 의미할 수 있다. 반대로, 컨텐츠의 마지막 부분은 컨텐츠의 하단 끝을 의미할 수 있다. 또한, 텍스트의 마지막 부분은 텍스트의 하단 끝을 의미할 수 있다.
또는, 문서가 가로로 길게 존재하여 화면에 대한 스크롤이 좌측에서 우측으로 발생되는 경우, 컨텐츠의 시작 부분은 컨텐츠의 좌측 끝을 의미할 수 있다. 마찬가지로, 컨텐츠에 대응하는 텍스트의 시작 부분은 텍스트의 좌측 끝을 의미할 수 있다. 반대로, 컨텐츠의 마지막 부분은 컨텐츠의 우측 끝을 의미할 수 있다. 또한, 텍스트의 마지막 부분은 텍스트의 우측 끝을 의미할 수 있다.
여기서, 문서가 가로로 길게 존재하는 경우, 스크롤이 우측에서 좌측으로 발생될 수도 있으며, 이 경우 컨텐츠의 시작 부분, 텍스트의 시작 부분, 컨텐츠의 마지막 부분, 텍스트의 마지막 부분은 위에서 설명한 것과 반대로 결정될 수 있다.
이하의 설명에서 제1 특정 영역과 제2 특정 영역은 다음과 같이 정의될 수 있다.
문서가 세로로 길게 존재하여 스크롤이 위에서 아래로 움직이는 경우, 제1 특정 영역은 화면의 상단 끝 또는 상단 끝에서 일정 거리만큼 아래로 떨어진 영역(ex. 상단 끝으로부터 아래로 2cm)을 의미할 수 있다. 그리고, 문서가 가로로 길게 존재하여 스크롤이 좌측에서 우측으로 움직이는 경우, 제1 특정 영역은 화면의 좌측 끝 또는 좌측 끝에서 일정 거리만큼 우측으로 떨어진 영역(ex. 좌측 끝으로부터 우측으로 2cm)을 의미할 수 있다. 또는, 스크롤이 우측에서 좌측으로 움직이는 경우, 제1 특정 영역은 화면의 우측 끝 또는 우측 끝에서 일정 거리만큼 좌측으로 떨어진 영역(ex. 우측 끝으로부터 좌측으로 2cm)을 의미할 수 있다.
제1 특정 영역은 제2 특정 영역과 서로 동일하거나 서로 다를 수 있다. 예를 들어, 제1 특정 영역과 제2 특정 영역이 서로 다르고, 문서가 세로로 길게 존재하여 스크롤이 위에서 아래로 발생되는 경우, 제2 특정 영역은 제1 특정 영역보다 상대적으로 아래에 위치할 수 있다. 반대로, 문서가 가로로 길게 존재하여 스크롤이 좌측에서 우측으로 발생되는 경우, 제2 특정 영역은 제1 특정 영역보다 상대적으로 우측에 위치할 수 있다. 또는, 문서가 가로로 길게 존재하여 스크롤이 우측에서 좌측으로 발생되는 경우, 제2 특정 영역은 제1 특정 영역보다 상대적으로 좌측에 위치할 수 있다.
도 1은 문서에서 특정된 컨텐츠 1개에 대한 동작을 설명한다. 문서가 1개 이상의 컨텐츠와 컨텐츠에 대응하는 텍스트로 구성된 경우, 단계(107)의 동작이 완료된 이후에 다시 다른 컨텐츠에 대해 단계(101)부터 수행될 수 있다.
도 1에서 설명하고 있는 제1 제어 조건과 제2 제어 조건에 대해서는 도 2 내지 도 8에서 구체적으로 설명하기로 한다. 도 2 내지 도 8은 사용자 단말이 스마트폰과 같은 모바일 단말인 경우를 예시로 하고 있다. 하지만, 본 발명은 문서의 길이보다 작은 길이를 가지는 디스플레이를 구비한 어떠한 형태의 사용자 단말에도 적용될 수 있다.
도 2는 제1 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 2와 도 3은 제1 실시예에 따라 컨텐츠 표시 제어 방법을 설명하는 것으로, 제1 제어 조건은 컨텐츠의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우를 의미한다.
그리고, 제2 제어 조건은 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우를 의미한다.
도 2A를 참고하면, 사용자 단말의 디스플레이를 통해 표현된 화면에서 사용자가 직접 터치하여 화면에 대해 위(UP)로 스크롤하는 경우를 설명한다. 즉, 도 2A는 화면의 상단을 향하여 사용자의 스크롤이 입력되는 경우를 나타낸다. 이 때, 화면에 대해 위로 스크롤이 입력되면, 화면에 대한 문서뷰가 위로 움직일 수 있다. 도 2A에서 화면에 텍스트 X만 표시된다.
이후, 도 2A 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 도 2B에 도시된 바와 같이, 텍스트 X 아래에 배치된 컨텐츠 Y와 컨텐츠 Y를 설명하는 텍스트 Y가 화면에 표시될 수 있다.
이후, 도 2B 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 도 2C에 도시된 바와 같이, 컨텐츠 Y의 시작 부분이 화면의 제1 특정 영역에 위치할 수 있다. 도 2B는 본 발명의 일실시예에 따라 화면에 대한 스크롤에 의해 컨텐츠가 화면의 특정 영역에 위치했는지를 나타내는 제1 제어 조건을 만족한 경우를 나타낸다.
도 2C에 도시된 바와 같이, 화면의 제1 특정 영역은 화면의 상단을 의미할 수 있다. 일례에 의하면, 화면의 상단은 디스플레이의 가장 윗부분을 의미하거나 또는 디스플레이의 가장 윗부분으로부터 아래 방향으로 일정 거리만큼 떨어진 위치를 의미할 수도 있다.
그러면, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠 Y를 화면의 상단에 고정할 수 있다. 즉, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 위로 스크롤이 입력되더라도, 사용자 단말은 컨텐츠 Y를 화면에 대한 스크롤에 따라 움직이지 않도록 제어할 수 있다.
다만, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 위로 스크롤이 입력되는 경우, 사용자 단말은 컨텐츠 Y와 관련된 텍스트 Y가 컨텐츠 Y를 가리지 않도록 제어할 수 있다. 일례로, 도 2C와 같이 사용자 단말은 컨텐츠 Y의 레이어보다 아래에 존재하는 레이어에 텍스트 Y가 표시되는 듯한 효과를 제공할 수 있다. 그러면, 텍스트 Y의 시작 부분부터 일정 영역까지는 화면의 상단에 고정된 컨텐츠 Y에 의해 가려질 수 있다.
한편, 도 2에 도시되지 않았지만, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 아래로 스크롤이 입력되면, 사용자 단말은 컨텐츠 Y를 화면에서 고정 해제할 수 있다. 구체적으로, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 아래로 스크롤이 입력되면서, 컨텐츠 Y의 시작 부분이 제1 특정 영역을 벗어나면 제1 제어 조건을 만족하지 못한다. 다시 말해서, 화면에 대해 아래로 스크롤이 입력됨으로써 컨텐츠 Y는 다시 도 2B와 같이 텍스트 X로 인해서 화면의 상단에 위치하지 못했기 때문에 제1 제어 조건을 만족하지 못하기 때문이다. 그렇기 때문에, 컨텐츠 Y가 화면에 고정될 때의 스크롤 방향과 반대 방향의 스크롤이 입력되어 컨텐츠 Y가 제1 제어 조건을 만족하지 못하는 경우, 사용자 단말은 화면에 고정되었던 컨텐츠 Y에 대해 고정 해제할 수 있다.
하지만, 컨텐츠 Y가 고정 해제되었다가 다시 화면에 대해 위로 스크롤이 입력되어 컨텐츠 Y가 화면의 상단에 위치하는 경우, 컨텐츠 Y는 다시 제1 제어 조건을 만족하므로 사용자 단말은 컨텐츠 Y를 화면의 상단에 고정할 수 있다.
결론적으로, 사용자는 스크롤을 통해 화면에서의 문서뷰를 이동시킴으로써 문서에 표시된 컨텐츠와 컨텐츠와 관련된 내용이 기재된 텍스트를 확인할 수 있다. 그러면, 사용자의 스크롤에 따라 사용자가 화면에서 포커싱하고 있는 컨텐츠를 확인한 후에 화면의 상단에 컨텐츠를 고정할 수 있다. 그리고, 본 발명의 일실시예에 따르면, 사용자 단말은 화면에 고정된 컨텐츠와 관련된 텍스트를 사용자의 스크롤에 따라 이동시키되 화면에 고정된 컨텐츠를 가리지 않도록 제어함으로써, 사용자로 하여금 화면에서 컨텐츠와 텍스트를 한번에 확인할 수 있도록 한다.
도 3은 제1 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 3은 도 2 이후에 계속해서 화면에 대해 위로 스크롤이 입력되는 경우를 설명한다. 즉, 도 3A는 도 2C와 도시된 바와 같이 컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되는 경우를 나타낸다.
그러면, 도 3B와 같이 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치할 수 있다. 도 3B는 본 발명의 일실시예에 따라 화면에 컨텐츠가 고정된 이후에 화면에 대한 스크롤에 의해 컨텐츠와 관련된 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치한 경우, 컨텐츠가 제2 제어 조건을 만족한 경우를 나타낸다.
그러면, 사용자 단말은 화면의 상단에 고정한 컨텐츠 Y를 화면에서 고정 해제할 수 있다. 즉, 컨텐츠 Y가 화면에서 고정 해제되면, 화면에 대해 위로 스크롤이 입력되면, 사용자 단말은 화면에 대한 스크롤에 따라 컨텐츠 Y를 위로 움직이도록 제어할 수 있다. 이 때, 화면의 상단 여백이 남아있지 않으므로 컨텐츠 Y가 위로 움직이면 컨텐츠 Y의 높이는 감소할 수 있다. 그리고, 화면에 대해 위로 스크롤이 계속해서 입력되면 컨텐츠 Y는 화면에서 사라질 수 있다.
한편, 컨텐츠 Y가 고정 해제된 이후에 화면에 대해 위로 스크롤이 입력되는 경우, 컨텐츠 Y를 설명하는 텍스트 Y는 다양한 방식으로 표시될 수 있다.
일례로, 컨텐츠 Y가 화면에서 고정 해제된 이후에 화면에 대해 위로 스크롤이 입력되면, 텍스트 Y는 컨텐츠 Y를 가리도록 제어할 수 있다. 즉, 사용자 단말은 컨텐츠 Y의 레이어보다 위에 존재하는 레이어에 텍스트 Y가 표시되는 듯한 효과를 제공할 수 있다. 그러면, 컨텐츠 Y가 화면에서 고정 해제된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 텍스트 Y는 컨텐츠 Y의 마지막 부분부터 일정 영역까지 가릴 수 있다.
이러한 과정이 계속되면, 컨텐츠 Y는 텍스트 Y에 의해 화면에서 사라질 수 있다. 마찬가지로, 화면에 대해 위로 스크롤이 계속해서 입력되면, 컨텐츠 Y가 화면에서 사라진 이후에 텍스트 Y도 화면에서 사라질 수 있다.
일례로, 컨텐츠 Y가 화면에서 고정 해제된 이후에 화면에 대해 위로 스크롤이 입력되면, 텍스트 Y가 컨텐츠 Y를 밀고 올라가도록 제어할 수 있다. 그러면, 컨텐츠 Y는 텍스트 Y에 의해 밀려 올라가서 화면에서 사라질 수 있다.
도 3C는 컨텐츠 Y가 화면에서 사라진 이후의 결과를 도시한다. 만약, 화면에 대해 계속해서 위로 스크롤이 입력되면, 컨텐츠 Z가 화면을 따라 위로 이동하면서 컨텐츠 Z의 시작 부분이 화면의 제1 특정 영역에 위치할 수 있다. 즉, 컨텐츠 Z의 시작 부분이 화면의 상단에 닿을 수 있다.
그러면, 도 2B에 도시된 바와 동일하게 컨텐츠 Z가 제1 제어 조건을 만족하기 때문에 사용자 단말은 컨텐츠 Z를 화면의 상단에 고정할 수 있다. 다시 말해서, 사용자 단말은 컨텐츠 Z를 화면에 대한 스크롤에 따라 움직이지 않도록 제어할 수 있다. 도 2C에 도시된 바와 같이, 화면의 상단에 컨텐츠 Z가 고정된 이후에, 사용자 단말은 컨텐츠 Z와 관련된 텍스트 Z가 컨텐츠 Z를 가리지 않도록 제어할 수 있다.
한편, 도 3B에서 컨텐츠 Y가 고정 해제된 이후에 다시 사용자가 화면에 대해 아래로 스크롤을 입력하는 경우, 화면에서의 문서뷰가 아래로 이동한다. 그러면, 컨텐츠 Y와 관련된 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치했는지를 나타내는 제2 제어 조건을 만족하지 못한다. 그러면, 사용자 단말은 화면에서 고정 해제되었던 컨텐츠 Y를 다시 화면의 상단에 고정할 수 있다. 도 2에서 제1 제어 조건을 위한 화면의 제1 특정 영역과 도 3에서 제2 제어 조건을 위한 화면의 제2 특정 영역은 서로 다를 수 있다.
결론적으로, 사용자가 화면에 대해 스크롤을 입력하면서 화면에 고정된 컨텐츠와 다른 컨텐츠를 확인하고자 하는 경우, 사용자 단말은 화면에 고정된 컨텐츠를 고정 해제함으로써 스크롤에 따라 화면에서 사라지도록 할 수 있다. 그러면, 화면에 고정되었던 컨텐츠가 사용자의 스크롤에 따라 화면에서 사라진 이후에 사용자가 포커싱하고자 하는 다른 컨텐츠가 화면에 고정될 수 있으므로, 사용자로 하여금 현재 시점에서 관심을 가지고 확인하려는 컨텐츠를 보다 편리하게 볼 수 있도록 한다.
도 4는 제2 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 4의 경우, 컨텐츠에 대한 제1 제어 조건은 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우를 의미한다. 예를 들어, 제1 제어 조건은 스크롤이 위로 움직이는 경우, 컨텐츠의 시작 부분이 화면의 상단에 위치하는 경우, 스크롤이 좌로 움직이는 경우, 컨텐츠의 시작 부분이 화면의 좌측 끝에 위치하는 경우, 또는 스크롤이 우로 움직이는 경우, 컨텐츠의 시작 부분이 우측 끝에 위치하는 경우를 의미한다. 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 텍스트에 대응하는 컨텐츠가 제1 제어 조건을 만족할 수 있다. 그러면, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠를 화면의 상단에 표시할 수 있다.
그리고, 컨텐츠에 대한 제2 제어 조건은 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우를 의미한다. 화면의 상단에 고정된 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 텍스트에 대응하는 컨텐츠가 제2 제어 조건을 만족할 수 있다. 그러면, 사용자 단말은 제2 제어 조건을 만족하는 컨텐츠를 화면에서 고정 해제할 수 있다.
이 때, 도 4의 경우 도 2, 도 3과 같이 화면이 컨텐츠-텍스트-컨텐츠-텍스트와 같은 구성 요소로 배치되는 것이 아니라, 텍스트-텍스트와 같은 구성 요소로 배치된 경우를 나타낸다. 그렇기 때문에, 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치한다는 것은, 다른 컨텐츠에 대응하는 텍스트의 시작 부분이 제1 특정 영역에 위치하는 것을 의미할 수 있다.
다시 말해서, 화면에 고정된 컨텐츠와 다른 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단될 수 있다. 그러면, 사용자 단말은 이미 화면에 고정된 컨텐츠를 고정 해제하는 동시에 다른 컨텐츠를 화면에 고정할 수 있다. 이에 대해서, 사용자 단말은 이전에 고정된 컨텐츠를 화면에서 사라지도록 하는 한편 이후에 고정할 컨텐츠를 화면에 표시함으로써 컨텐츠 간에 페이드아웃 효과를 제공할 수 있다.
도 4A는 화면에 대해 위로 스크롤이 입력된 이후에 컨텐츠가 화면의 상단에 고정된 경우를 나타낸다.
일례로, 컨텐츠 Y와 관련된 텍스트 Y가 화면의 제1 특정 영역에 위치하는 경우, 텍스트 Y에 대응하는 컨텐츠 Y가 화면의 상단에 고정될 수 있다. 즉, 도 4의 경우, 사용자 단말은 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치했는지 여부에 기초하여 컨텐츠가 제1 제어 조건을 만족했는 지를 판단할 수 있다. 이 경우, 컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 사용자 단말은 컨텐츠 Y와 관련된 텍스트 Y가 컨텐츠 Y를 가리지 않도록 제어할 수 있다. 이에 대해서는 도 2의 설명을 참고하기로 한다.
이후에, 도 4B와 같이 컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 컨텐츠 Z와 관련된 텍스트 Z의 시작 부분이 화면의 제2 특정 영역에 위치할 수 있다. 이 때, 도 4A를 참고하면, 텍스트 Y와 텍스트 Z가 화면에 서로 연속적으로 배치되어 있기 때문에, 텍스트 Z의 시작 부분이 화면의 제2 특정 영역에 위치한다는 것은 컨텐츠 Y에 대응하는 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치하는 것을 의미한다.
그러면, 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치했기 때문에, 사용자 단말은 컨텐츠 Y가 제2 제어 조건을 만족했다고 판단할 수 있다. 이에 따라, 사용자 단말은 컨텐츠 Y를 화면의 상단에서 고정 해제할 수 있다. 이 때, 컨텐츠 Y는 화면의 상단에서 고정 해제되면서 화면에서 바로 사라질 수 있다.
한편, 텍스트 Z의 시작 부분이 화면의 제1 특정 영역에 위치했기 때문에 사용자 단말은 컨텐츠 Z가 제1 제어 조건을 만족했다고 판단할 수 있다. 그러면, 사용자 단말은 컨텐츠 Z가 화면의 상단에 고정할 수 있다. 이 때, 컨텐츠 Y는 화면에서 고정 해제되면서 화면에서 사라지고, 컨텐츠 Z는 화면에 고정되는 과정이 동시에 진행될 수 있다. 그래서, 도 4B를 참고하면, 사용자 단말은 컨텐츠 Y를 페이드아웃(Fade-Out)하여 화면에서 사라지도록 한 후에 컨텐츠 Z를 표시함으로써, 컨텐츠 Y를 화면의 상단에서 고정 해제하면서 동시에 컨텐츠 Z를 화면의 상단에 고정할 수 있다.
도 4B에 도시된 바와 같이, 컨텐츠 Z가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 사용자 단말은 컨텐츠 Z와 관련된 텍스트 Z가 컨텐츠 Z를 가리지 않도록 제어할 수 있다.
한편, 컨텐츠 Z가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 텍스트 Z의 마지막 부분이 화면의 제2 특정 영역에 위치할 수 있다. 마찬가지로, 화면에서 텍스트 Z와 연속적으로 배치된 텍스트 W의 시작 부분이 화면의 특정 위치에 위치할 수 있다.
그러면, 사용자 단말은 컨텐츠 Z에 대해 제2 제어 조건을 만족하는 것으로 판단할 수 있다. 마찬가지로, 사용자 단말은 컨텐츠 W에 대해 제1 제어 조건을 만족한 것으로 판단할 수 있다. 그래서, 사용자 단말은 컨텐츠 Z를 화면에서 고정 해제하면서 컨텐츠 W를 화면에 고정할 수 있다. 이에 대해, 사용자 단말은 컨텐츠 Z를 페이드-아웃하면서 화면에서 사라지도록 하고, 컨텐츠 W를 화면의 상단에 표시할 수 있다.
도 4의 경우, 화면에 대해 스크롤이 위로 입력되는 경우를 설명하고 있다. 하지만, 화면에 대해 스크롤이 아래로 입력되는 경우에는 도 4A, 도 4B에서 설명한 내용과 반대로 진행된다.
예를 들어, 도 4B와 같이 컨텐츠 Z가 고정된 이후에 화면에 대해 스크롤이 아래로 입력되면, 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치하지 않는다. 마찬가지로 텍스트 Z의 시작 부분이 화면의 제2 특정 영역에 위치하지 않는다. 이는 텍스트 Y에 대응하는 컨텐츠 Y가 제2 제어 조건을 만족하지 않으며, 텍스트 Z에 대응하는 컨텐츠 Z가 제1 제어 조건을 만족하지 않는다는 것을 의미한다.
즉, 화면에서 고정 해제되었던 컨텐츠 Y는 다시 화면에 고정되고, 화면에 고정되었던 컨텐츠 Z는 고정 해제될 수 있다. 그래서, 도 4B와 같이 컨텐츠 Z가 화면에 고정된 이후에 화면에 대해 스크롤이 아래로 입력되면, 페이드-아웃되어 사라졌된 컨텐츠 Y가 도 4A와 같이 다시 화면의 상단에 표시되어 화면에 고정될 수 있다. 그리고, 도 4B와 같이 화면의 상단에 고정되었던 컨텐츠 Z는 페이드-아웃되어 화면에서 사라질 수 있다.
도 5는 제3 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 5의 경우, 컨텐츠에 대한 제1 제어 조건은 컨텐츠에 대응하는 텍스트에 표시된 컨텐츠의 링크가 선택된 경우를 의미한다. 즉, 텍스트에 표시된 컨텐츠의 링크가 선택되면, 컨텐츠는 제1 제어 조건을 만족할 수 있다. 그러면, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠를 화면의 상단에 고정하여 표시할 수 있다.
그리고, 컨텐츠에 대한 제2 제어 조건은 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우를 의미한다. 화면의 상단에 고정된 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 텍스트에 대응하는 컨텐츠가 제2 제어 조건을 만족할 수 있다. 그러면, 사용자 단말은 제2 제어 조건을 만족하는 컨텐츠를 화면에서 고정 해제할 수 있다.
도 5A를 참고하면, 텍스트 Y에 링크가 표시될 수 있다. 여기서, 텍스트 Y는 컨텐츠 Y에 대응할 수 있으며, 링크는 텍스트 Y를 구성하는 복수의 단어들 중 적어도 하나의 단어를 의미할 수 있다. 만약, 사용자가 텍스트 Y에 표시된 링크를 선택하는 경우, 도 5B와 같이 화면의 상단에 텍스트 Y에 대응하는 컨텐츠 Y가 고정될 수 있다. 즉, 사용자가 텍스트 Y에 표시된 링크를 선택하는 것은, 컨텐츠 Y에 대한 제1 제어 조건을 만족하는 것을 의미한다. 그러면, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠를 화면의 상단에 고정할 수 있다.
이 때, 컨텐츠 Y는 화면의 상단에 표시될 때 화면의 가로 폭보다는 작은 가로 폭을 가지도록 표시될 수 있다. 그리고, 도 5B에 도시된 바와 같이 컨텐츠 Y가 선택되면, 도 5C에 도시된 바와 같이 컨텐츠 Y는 확대될 수 있다. 구체적으로, 컨텐츠 Y는 화면의 가로 폭과 동일한 가로 폭을 가지도록 확대될 수 있다.
도 5C에서 사용자로부터 화면에 대해 위로 스크롤이 입력되면, 텍스트 Y의 마지막 부분이 화면의 특정 영역에 위치할 수 있다. 그러면, 텍스트 Y의 마지막 부분이 화면의 특정 영역에 위치한다는 것은 텍스트 Y에 대응하는 컨텐츠 Y가 제2 제어 조건을 만족하는 것을 의미한다. 그러면, 컨텐츠 Y는 화면에서 고정 해제된 후 화면에서 사라질 수 있다.
도 6은 제4 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 6의 경우, 컨텐츠에 대한 제1 제어 조건은 컨텐츠의 시작 부분이 화면의 제1 특정 영역에 위치한 것을 의미한다. 컨텐츠의 시작 부분이 화면의 상단에 닿는 경우, 사용자 단말은 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단할 수 있다. 그러면, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠를 화면의 상단에 고정할 수 있다.
이 때, 도 6에서 화면에 고정되는 컨텐츠는 도 2와 도 3과 달리 원래의 크기보다 축소된 크기로 화면에 표시될 수 있다. 여기서, 표시되는 부분을 제외한 나머지 부분은 투명도로 조절될 수 있다.
한편, 컨텐츠에 대한 제2 제어 조건은 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치한 것을 의미한다. 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하면 사용자 단말은 화면에 고정된 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하고 컨텐츠를 화면에서 고정 해제할 수 있다.
도 6A는 화면에 대해 위로 스크롤이 입력되는 경우를 의미한다. 도 6A는 화면에 텍스트 X만 표시된 상황을 나타낸다. 도 6A 이후에 화면에 대해 계속해서 위로 스크롤이 입력되면, 도 6B와 같이 텍스트 X 아래에 배치된 컨텐츠 Y와 컨텐츠 Y에 대응하는 텍스트 Y가 화면에 표시될 수 있다.
도 6B 이후에 화면에 대해 계속해서 위로 스크롤이 입력되면, 컨텐츠 Y의 시작 부분이 화면의 상단에 닿을 수 있다. 그러면, 사용자 단말은 컨텐츠 Y가 제1 제어 조건을 만족하는 것으로 판단할 수 있다. 이에 따라, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠 Y를 화면의 상단에 고정하여 표시할 수 있다. 이 때, 도 6C에 의하면, 사용자 단말은 컨텐츠 Y를 화면의 상단에 고정할 때 컨텐츠 Y의 원본 크기보다 축소된 크기로 화면에 표시할 수 있다.
컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 텍스트 Y가 화면에서 위로 이동한다. 다만, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 위로 스크롤이 입력되는 경우, 사용자 단말은 컨텐츠 Y와 관련된 텍스트 Y가 컨텐츠 Y를 가리지 않도록 제어할 수 있다. 일례로, 사용자 단말은 컨텐츠 Y의 레이어보다 아래에 존재하는 레이어에 텍스트 Y가 표시되는 듯한 효과를 제공할 수 있다. 그러면, 텍스트 Y의 시작 부분부터 일정 영역까지는 화면의 상단에 고정된 컨텐츠 Y에 의해 가려질 수 있다.
하지만, 도 6C의 경우, 도 2C와 다르게 컨텐츠 Y가 원본 크기보다 작은 크기로 화면에 표시되므로, 화면의 상단에서 컨텐츠 Y에 의해 가려진 부분을 제외한 나머지 부분은 투명도로 조절될 수 있다. 그리고, 나머지 부분의 투명도에 따라 텍스트 Y가 사용자에 의해 확인될 수 있을 수 있다.
화면에 대해 계속해서 위로 스크롤이 입력되면, 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치한다. 그러면, 컨텐츠 Y는 제2 제어 조건을 만족하므로, 사용자 단말은 컨텐츠 Y에 대해 화면에서 고정 해제할 수 있다.
한편, 도 6에 도시되지 않았지만, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 아래로 스크롤이 입력되면, 사용자 단말은 컨텐츠 Y를 화면에서 고정 해제할 수 있다. 왜냐하면, 화면에 대해 아래로 스크롤이 입력됨으로써 컨텐츠 Y는 화면의 상단에 위치하지 못했기 때문에 제1 제어 조건을 만족하지 못하기 때문이다. 하지만, 다시 화면에 대해 위로 스크롤이 입력되어 컨텐츠 Y가 화면의 상단에 위치하는 경우, 사용자 단말은 다시 컨텐츠 Y를 화면의 상단에 고정할 수 있다.
도 7은 제5 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 7에서, 제1 제어 조건은 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우를 의미한다. 그리고, 제2 제어 조건은 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우를 의미한다. 제1 제어 조건에 대응하는 제1 특정 영역과 제2 제어 조건에 대응하는 제2 특정 영역은 서로 동일하거나 또는 다를 수 있다.
특히, 도 7의 경우, 화면에 표시될 문서에 컨텐츠를 직접 배치되지 않고 컨텐츠에 대응하는 텍스트만 문서에 배치된 것을 전제로 한다. 도 7A는 화면에 텍스트 X와 텍스트 Y가 연속적으로 배치된 상태를 나타낸다. 이 경우, 화면에 대해 위로 스크롤이 입력되었다고 가정한다.
그러면, 도 7B에 도시된 바와 같이, 화면에서 텍스트 X가 사라지고 텍스트 Y의 시작 부분이 화면의 제1 특정 영역에 위치할 수 있다. 그러면, 사용자 단말은 텍스트 Y에 대응하는 컨텐츠 Y가 제1 제어 조건을 만족한 것으로 판단할 수 있다. 이 경우, 사용자 단말은 제1 제어 조건을 만족하는 컨텐츠 Y를 화면의 상단에 고정할 수 있다. 이 때, 컨텐츠 Y는 원본 크기보다 작은 크기로 화면의 상단에 표시될 수 있다. 한편, 화면에 고정된 컨텐츠 Y가 선택되면 컨텐츠 Y는 원본 크기로 표시될 수 있다.
그리고, 도 7B에 도시된 바와 같이, 컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력될 수 있다. 그러면, 컨텐츠 Y에 대응하는 텍스트 Y는 화면에 대한 스크롤에 따라 이동되면서 표시될 수 있다. 이 때, 텍스트 Y는 컨텐츠 Y를 가리지 않도록 표시될 수 있다.
도 7B와 같이 컨텐츠 Y가 화면의 상단에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력될 수 있다. 그러면, 도 7C에 도시된 바와 같이, 텍스트 Y의 마지막 부분이 화면의 제2 특정 영역에 위치할 수 있다. 그러면, 사용자 단말은 텍스트 Y에 대응하는 컨텐츠 Y가 제2 제어 조건을 만족한 것으로 판단할 수 있다. 한편, 컨텐츠 Z에 대응하는 텍스트 Z의 시작 부분이 화면의 제1 특정 영역에 위치할 수 있다. 그러면, 사용자 단말은 텍스트 Z에 대응하는 컨텐츠 Z가 제2 제어 조건을 만족한 것으로 판단할 수 있다.
도 7C에 도시된 바와 같이, 사용자 단말은 화면의 상단에 표시된 컨텐츠 Y를 고정 해제함으로써 컨텐츠 Y를 화면에서 사라지도록 제어할 수 있다. 이와 함께 화면의 상단에 텍스트 Z에 대응하는 컨텐츠 Z를 고정하여 표시할 수 있다.
컨텐츠 Z가 화면에 고정된 이후에 계속해서 화면에 대해 위로 스크롤이 입력되면, 컨텐츠 Z에 대응하는 텍스트 Z가 화면을 따라 위로 이동할 수 있다. 이 때, 텍스트 Z는 화면에 고정된 컨텐츠 Z를 가리지 않도록 표시될 수 있다. 구체적으로, 텍스트 Z는 컨텐츠 Z의 레이어보다 하위 레이어에 표시될 수 있다.
한편, 도 7에 도시되지 않았지만, 컨텐츠 Y가 화면의 상단에 고정된 이후에 화면에 대해 아래로 스크롤이 입력되면, 사용자 단말은 컨텐츠 Y를 화면에서 고정 해제할 수 있다. 왜냐하면, 화면에 대해 아래로 스크롤이 입력됨으로써 텍스트 Y는 아래로 이동하며, 이에 따라 텍스트 Y의 시작 부분은 제1 제어 조건을 만족하지 못하기 때문이다. 하지만, 다시 화면에 대해 위로 스크롤이 입력되어 텍스트 Y의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 컨텐츠 Y는 제1 제어 조건을 만족하므로 사용자 단말은 컨텐츠 Y를 화면의 상단에 고정할 수 있다.
도 8은 제6 실시예에 따른 컨텐츠 표시 제어 방법을 도시한 도면이다.
도 8의 경우, 도 2 내지 도 7에서 설명한 제어 조건과 달리, 텍스트와 컨텐츠가 서로 다른 레이어로 구성되어 있다고 가정한다. 구체적으로, 텍스트가 상위 레이어에 존재하고, 컨텐츠가 하위 레이어에 존재한다고 가정한다. 그리고, 컨텐츠에 대응하는 텍스트들 간에 공백 영역이 존재한다고 가정한다. 다시 말해서, 텍스트가 연속적으로 배치되는 것이 아니라 텍스트들 간에 일정 범위만큼 뚫린 영역인 공백 영역이 존재한다고 가정한다. 그러면, 화면에 대한 스크롤에 따라 텍스트가 이동하고, 이에 따라 공백 영역이 이동하는 경우 텍스트보다 하위 레이이에 배치된 컨텐츠가 공백 영역을 통해 표시될 수 있다.
여기서, 제1 제어 조건은 제1 텍스트의 마지막 부분이 제2 텍스트에 대응하는 컨텐츠의 마지막 부분과 일치하는 경우를 의미한다. 그리고, 제2 제어 조건은 제1 텍스트와 공백 영역만큼 떨어진 제2 텍스트의 시작 부분이 제2 텍스트에 대응하는 컨텐츠의 시작 부분과 일치하는 경우를 의미한다. 그러면, 제1 제어 조건이 만족되는 시점부터 제2 제어 조건이 만족되는 시점까지 공백 영역을 통해 제2 텍스트에 대응하는 컨텐츠가 화면을 통해 표시될 수 있다.
도 8A를 참고하면, 현재 화면에서는 텍스트 X만 표시된다고 가정한다. 이 때, 사용자로부터 화면에 대해 위로 스크롤이 입력되면, 텍스트 X가 화면의 스크롤에 따라 위로 이동한다. 그러면, 텍스트 X의 마지막 부분이 텍스트 Y에 대응하는 컨텐츠 Y의 마지막 부분과 일치할 수 있다. 그러면, 컨텐츠 Y의 제1 제어 조건이 만족될 수 있으며, 이에 따라 컨텐츠 Y가 공백 영역을 통해 표시될 수 있다.
도 8B를 참고하면, 컨텐츠 Y의 제1 제어 조건이 만족되는 시점부터 텍스트 X와 텍스트 Y 사이의 공백 영역을 통해 문서에 배치된 컨텐츠 Y가 표시될 수 있다. 도 7C와 같이 화면에 대해 위로 스크롤이 계속 입력되더라도, 컨텐츠 Y의 제2 제어 조건이 만족될 때까지 텍스트 X와 텍스트 Y 사이의 공백 영역을 통해 문서에 배치된 컨텐츠 Y가 표시될 수 있다.
앞서 설명한 바와 같이, 컨텐츠 Y의 제2 제어 조건은 텍스트 Y의 시작 부분이 컨텐츠 Y의 시작 부분과 일치하는 경우를 의미한다. 컨텐츠 Y의 제2 제어 조건이 만족되면, 화면에서 컨텐츠 Y가 표시되지 않을 수 있다. 즉, 제1 제어 조건이 만족되는 시점부터 제2 제어 조건이 만족되는 시점까지 텍스트에 가려진 컨텐츠가 공백 영역을 통해 표시될 수 있다.
도 9는 일실시예에 따른 컨텐츠 표시 제어 방법과 관련된 제1 소스 코드를 도시한 도면이다.
도 9는 문서에 대한 소스 코드에 관한 것으로, 컨텐츠가 이미지일 경우에 문서에 이미지를 표시하는 경우를 설명한다. 특히, 도 9는 컨텐츠에 대한 제어 조건이 만족되어 컨텐츠가 화면에 고정되는 경우를 설명한다.
과정 2는 html 문서에 "imgContainer”라는 이름의 div를 추가하는 과정이다. div는 이미지, 텍스트 등을 담을 수 있는 태그이며 가지고 있는 속성이 없어 범용적으로 많이 쓰이는 태그이다. "imgContainer"에 화면 최상단, 위치는 고정, 스크롤에 반응하지 않는다는 css를 추가한다. css는 문서를 의미하는 웹페이지의 전체 스타일을 미리 저장한 시트로서, 컨텐츠를 고정할 때의 다양한 조건을 포함할 수 있다. 과정2에서 만들어진 "imgContainer"는 컨텐츠가 제어 조건을 만족하는 경우 이미지를 담을 그릇 역할을 할 것이다.
과정 3은 html 문서에 있는 이미지의 갯수를 파악하고 이름을 추가하는 과정이다. 여기서, 이름은 컨텐츠인 이미지를 식별하는 정보일 수 있다. 사용자 단말은 문서에서 첫번째 이미지를 "0”, 두번째 이미지를 "1"으로 이름을 추가할 수 있다.
과정 4는 화면의 스크롤을 측정하는 과정이다. 문서가 최초 로딩되면 스크롤 값("scrollTopVal")은 0이다. 사용자가 정방향으로 스크롤하면 스크롤값은 증가하고 사용자가 역방향으로 스크롤하면 스크롤값은 줄어든다. 예를 들어, 스크롤이 위에서 아래로 발생하는 경우, 스크롤값이 증가한다고 가정한다. 그러면, 스크롤이 위에서 아래로 발생하면 스크롤값은 스크롤에 따라 증가하고, 아래에서 위로 발생하면 스크롤값은 감소한다. 스크롤값이 점차 증가하여 과정 3에 언급한 "0” 이미지의 위치보다 증가하면 과정5에 이미지가 고정되어야 함을 알려준다.
이를 위해 "imgTopNum”이라는 이름의 변수가 추가되어 있다. "imgTopNum”의 값은 null(값이 없음)이다. 스크롤값이 증가하여 스크롤값이 이미지 "0”의 높이에 해당하는 위치보다 같거나 커지면 "imgTopNum”은 0이 된다. 그리고, 스크롤값이 계속해서 증가하여 스크롤값이 이미지 "1"의 높이에 해당하는위치보다 같거나 커지면 "imgTopNum"은 1이 된다. "imgTopNum"가 변화된 결과는 과정 5에 전달된다.
과정 5는 "imgContainer"에 이미지를 추가하는 과정이다. 과정 4에서 변화된 "imgTopNum"값이 0이라면 이미지 "0"을 추가한다.
과정 6은 img태그의 높이를 변경하여 고정된 이미지가 불필요한 경우 사라지도록 한다. 이미지의 높이는 "imgGo#"의 높이위치값에서 스크롤값을 뺀 값이 적용된다. 예를 들어 "imgGo0"의 높이위치가 1000px인데 스크롤 값이 500px 이라면 "imgGo0"은 아직 화면에 나타나지 않았거나 일부만 보여진 상태이다. 이 때 이미지의 높이는 500px(1000 - 500 = 500) 이므로 화면에 모두 나타난다. 스크롤을 더 진행하여 스크롤 값이 1000px 이 되었다면 "imgGo0"이 화면의 가장 상단에 위치한 상태이다. 이 때 이미지의 높이 값은 0px 이므로 화면에서 보여지지 않는다. "nowImgHeight"의 이름을 가진 변수가 이미지의 높이 값을 가지고 있다. 코드에서는 과정6이 "nowImgHeight"값이 이미지의 높이보다 같거나 작을 때 작동하도록 구현되어져 있다.
도 10은 일실시예에 따른 컨텐츠 표시 제어 방법과 관련된 제2 소스 코드를 도시한 도면이다.
사용자 단말은 html(hypertext mark-up language)로 표현된 문서를 화면에 표현할 수 있다. 화면에 표현된 문서에 이미지와 이미지에 대응하는 텍스트가 존재하는 경우, 사용자 단말은 텍스트의 특정 위치(ex. 마지막 단락)에 텍스트에 대응하는 이미지와 관련된 태그를 추가할 수 있다. 태그를 추가하는 방법은 여러 가지가 존재한다. 다만, 도 10에서는 태그가 추가되어 있다는 전제하여 태그를 활용한 기능을 먼저 설명한다.
html에서 일반적으로 텍스트는 p태그, 이미지는 img태그를 사용하여 입력된다. 이미지에 대응하는 img태그를 기준으로 다음에 존재하는 p태그들 중 이미지에 대응하는 택스트에 대응하는 p태그가 존재한다면, 사용자 단말은 텍스트에 대응하는 p태그 다음에 존재하는 p태그를 이미지와 관련이 없다고 판단한 후, 해당 p태그에 "imgGo#"이라고 이름을 추가하였다. 예를 들어, "imgGo0"은 도 9의 과정3에서 "0"이라고 이름을 추가한 이미지가 도9 과정 6에서 사라질 때 활용될 수 있다.
그리고, 사용자 단말은 이미지와 관련있는 단어에는 "dotRed", "dotBlue", "dotYellow"라는 이름을 추가 하였다. 해당 이름에 맞는 컬러와 형태가 css에 지정되어 있다. 이러한 컬러와 형태는 이미지를 고정시킨 상태에서 컨텐츠의 이해를 돕는데 활용될 수 있다.
이상에서 설명된 장치는 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 장치 및 구성요소는, 예를 들어, 프로세서, 콘트롤러, ALU(arithmetic logic unit), 디지털 신호 프로세서(digital signal processor), 마이크로컴퓨터, FPA(field programmable array), PLU(programmable logic unit), 마이크로프로세서, 또는 명령(instruction)을 실행하고 응답할 수 있는 다른 어떠한 장치와 같이, 하나 이상의 범용 컴퓨터 또는 특수 목적 컴퓨터를 이용하여 구현될 수 있다. 처리 장치는 운영 체제(OS) 및 상기 운영 체제 상에서 수행되는 하나 이상의 소프트웨어 애플리케이션을 수행할 수 있다. 또한, 처리 장치는 소프트웨어의 실행에 응답하여, 데이터를 접근, 저장, 조작, 처리 및 생성할 수도 있다. 이해의 편의를 위하여, 처리 장치는 하나가 사용되는 것으로 설명된 경우도 있지만, 해당 기술분야에서 통상의 지식을 가진 자는, 처리 장치가 복수 개의 처리 요소(processing element) 및/또는 복수 유형의 처리 요소를 포함할 수 있음을 알 수 있다. 예를 들어, 처리 장치는 복수 개의 프로세서 또는 하나의 프로세서 및 하나의 콘트롤러를 포함할 수 있다. 또한, 병렬 프로세서(parallel processor)와 같은, 다른 처리 구성(processing configuration)도 가능하다.
소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로(collectively) 처리 장치를 명령할 수 있다. 소프트웨어 및/또는 데이터는, 처리 장치에 의하여 해석되거나 처리 장치에 명령 또는 데이터를 제공하기 위하여, 어떤 유형의 기계, 구성요소(component), 물리적 장치, 가상 장치(virtual equipment), 컴퓨터 저장 매체 또는 장치, 또는 전송되는 신호 파(signal wave)에 영구적으로, 또는 일시적으로 구체화(embody)될 수 있다. 소프트웨어는 네트워크로 연결된 컴퓨터 시스템 상에 분산되어서, 분산된 방법으로 저장되거나 실행될 수도 있다. 소프트웨어 및 데이터는 하나 이상의 컴퓨터 판독 가능 기록 매체에 저장될 수 있다.
실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 실시예를 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.
이상과 같이 실시예들이 비록 한정된 실시예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다. 그러므로, 다른 구현들, 다른 실시예들 및 특허청구범위와 균등한 것들도 후술하는 특허청구범위의 범위에 속한다.

Claims (15)

  1. 사용자 단말이 수행하는 컨텐츠 표시 제어 방법에 있어서,
    사용자 단말의 화면에 대한 스크롤에 의해 컨텐츠가 제1 제어 조건을 만족하는 지 여부를 판단하는 단계;
    상기 제1 제어 조건을 만족하는 경우, 상기 컨텐츠를 화면에 고정하는 단계;
    상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 상기 컨텐츠에 대응하는 텍스트를 이동시키는 단계;
    상기 텍스트의 이동에 따라 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하는 지 여부를 판단하는 단계; 및
    상기 제2 제어 조건을 만족하는 경우, 상기 화면에 고정된 컨텐츠가 화면에 대한 스크롤에 따라 이동하도록 상기 화면에 고정된 컨텐츠를 고정 해제하는 단계
    를 포함하고,
    상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 화면에 대한 스크롤에 따라 컨텐츠의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고,
    상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하는 컨텐츠 표시 제어 방법.
  2. 제1항에 있어서,
    상기 고정 해제하는 단계는,
    화면에 추가적인 스크롤이 입력되면 컨텐츠의 길이가 감소하거나 또는 컨텐츠가 화면에서 자동으로 사라지도록 표시하는 컨텐츠 표시 제어 방법.
  3. 제1항에 있어서,
    상기 컨텐츠에 대응하는 텍스트는,
    문서에 포함된 적어도 하나의 컨텐츠와 적어도 하나의 텍스트를 분석함으로써 상기 컨텐츠와 연관되는 텍스트인 컨텐츠 표시 제어 방법.
  4. 삭제
  5. 사용자 단말이 수행하는 컨텐츠 표시 제어 방법에 있어서,
    사용자 단말의 화면에 대한 스크롤에 의해 컨텐츠가 제1 제어 조건을 만족하는 지 여부를 판단하는 단계;
    상기 제1 제어 조건을 만족하는 경우, 상기 컨텐츠를 화면에 고정하는 단계;
    상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 상기 컨텐츠에 대응하는 텍스트를 이동시키는 단계;
    상기 텍스트의 이동에 따라 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하는 지 여부를 판단하는 단계; 및
    상기 제2 제어 조건을 만족하는 경우, 상기 화면에 고정된 컨텐츠가 화면에 대한 스크롤에 따라 이동하도록 상기 화면에 고정된 컨텐츠를 고정 해제하는 단계
    를 포함하고,
    상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고,
    상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하는 컨텐츠 표시 제어 방법.
  6. 사용자 단말이 수행하는 컨텐츠 표시 제어 방법에 있어서,
    사용자 단말의 화면에 대한 스크롤에 의해 컨텐츠가 제1 제어 조건을 만족하는 지 여부를 판단하는 단계;
    상기 제1 제어 조건을 만족하는 경우, 상기 컨텐츠를 화면에 고정하는 단계;
    상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 상기 컨텐츠에 대응하는 텍스트를 이동시키는 단계;
    상기 텍스트의 이동에 따라 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하는 지 여부를 판단하는 단계; 및
    상기 제2 제어 조건을 만족하는 경우, 상기 화면에 고정된 컨텐츠가 화면에 대한 스크롤에 따라 이동하도록 상기 화면에 고정된 컨텐츠를 고정 해제하는 단계
    를 포함하고,
    상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 컨텐츠에 대응하는 텍스트에 표시된 컨텐츠의 링크가 선택된 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고,
    상기 제2 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하는 컨텐츠 표시 제어 방법.
  7. 사용자 단말이 수행하는 컨텐츠 표시 제어 방법에 있어서,
    사용자 단말의 화면에 대한 스크롤에 의해 컨텐츠가 제1 제어 조건을 만족하는 지 여부를 판단하는 단계;
    상기 제1 제어 조건을 만족하는 경우, 상기 컨텐츠를 화면에 고정하는 단계;
    상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 상기 컨텐츠에 대응하는 텍스트를 이동시키는 단계;
    상기 텍스트의 이동에 따라 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하는 지 여부를 판단하는 단계; 및
    상기 제2 제어 조건을 만족하는 경우, 상기 화면에 고정된 컨텐츠가 화면에 대한 스크롤에 따라 이동하도록 상기 화면에 고정된 컨텐츠를 고정 해제하는 단계
    를 포함하고,
    상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    제1 텍스트의 마지막 부분이 제2 텍스트에 대응하는 컨텐츠의 마지막 부분과 일치하는 경우 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고,
    상기 제1 제어 조건을 만족하는 지 여부를 판단하는 단계는,
    상기 화면에 대한 추가적인 스크롤에 따라 제1 텍스트와 공백 영역만큼 떨어진 제2 텍스트의 시작 부분이 제2 텍스트에 대응하는 컨텐츠의 시작 부분과 일치하는 경우 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하는 컨텐츠 표시 제어 방법.
  8. 제1항에 있어서,
    상기 컨텐츠를 화면에 고정하는 단계는,
    상기 컨텐츠의 표현 형태를 변경하거나 또는 상기 컨텐츠에 대응하는 텍스트에서 컨텐츠와 관련된 부분을 하이라이트하는 컨텐츠 표시 제어 방법.
  9. 제1항에 있어서,
    상기 컨텐츠를 화면에 고정하는 단계는,
    상기 컨텐츠가 제2 제어 조건을 만족할 때까지 추가적으로 입력된 스크롤에 따라 컨텐츠에 대응하는 텍스트를 컨텐츠를 가리지 않도록 표시하는 컨텐츠 표시 제어 방법.
  10. 사용자 단말이 수행하는 컨텐츠 표시 제어 방법에 있어서,
    문서에 포함된 적어도 하나의 컨텐츠와 텍스트를 식별하는 단계;
    상기 문서의 코드에 컨텐츠를 담을 수 있는 태그를 추가하는 단계;
    상기 태그에 컨텐츠의 고정과 관련된 스타일을 설정하는 단계;
    상기 사용자 단말의 화면에 발생되는 스크롤을 측정하여 스크롤값을 결정하는 단계;
    상기 결정된 스크롤값과 상기 문서에서 식별된 컨텐츠의 길이에 대응하는 위치를 비교하여 상기 태그에 담을 컨텐츠를 결정하는 단계;
    상기 사용자 단말의 화면에 태그에 담을 컨텐츠를 고정하는 단계;
    상기 컨텐츠가 고정된 이후에 상기 스크롤값이 변경함에 따라 화면에 고정된 컨텐츠의 길이를 결정하는 단계;
    상기 컨텐츠의 길이를 고려하여 상기 화면에 고정된 컨텐츠가 화면에 대한 스크롤에 따라 이동하도록 상기 화면에 고정된 컨텐츠를 화면에서 고정해제하는 단계
    를 포함하는 컨텐츠 표시 제어 방법.
  11. 제10항에 있어서,
    상기 컨텐츠를 고정하는 단계는,
    상기 컨텐츠가 고정해제 될때까지 추가적으로 입력된 스크롤에 따라 텍스트를 고정된 컨텐츠를 가리지 않도록 표시하는 컨텐츠 표시 제어 방법.
  12. 제10항에 있어서,
    상기 컨텐츠를 고정하는 단계는,
    상기 컨텐츠의 표현 형태를 변경하거나 또는 상기 컨텐츠에 대응하는 텍스트에서 컨텐츠와 관련된 부분을 하이라이트하는 컨텐츠 표시 제어 방법.
  13. 제10항에 있어서,
    상기 스크롤값은 화면의 끝부분에서 스크롤이 얼마만큼 진행되었는지를 나타내고,
    상기 컨텐츠의 길이는,
    상기 컨텐츠의 길이에 대응하는 위치에서 상기 스크롤값을 제외함으로써 결정되는 컨텐츠 표시 제어 방법.
  14. 화면에 대한 스크롤에 따라 컨텐츠가 제1 제어 조건을 만족하는지 또는 제2 제어 조건을 만족하는 지 여부를 판단하는 프로세서; 및
    상기 프로세서의 명령에 따라 컨텐츠를 화면에 고정하거나 또는 화면에서 고정 해제하는 디스플레이
    를 포함하고,
    상기 프로세서는,
    상기 컨텐츠가 제1 제어 조건을 만족하면 컨텐츠를 화면에 고정하는 명령을 디스플레이에 전달하고,
    상기 컨텐츠가 화면에 고정된 이후에 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트가 이동함으로써 상기 컨텐츠에 대응하는 텍스트가 제2 제어 조건을 만족하면, 상기 화면에 고정된 컨텐츠가 화면에 대한 스크롤에 따라 이동하도록 상기 화면에 고정된 컨텐츠를 고정 해제하는 명령을 디스플레이에 전달하고,
    상기 프로세서는,
    상기 화면에 대한 스크롤에 따라 컨텐츠의 시작 부분이 화면의 제1 특정 영역에 위치하는 경우, 상기 컨텐츠가 제1 제어 조건을 만족하는 것으로 판단하고,
    상기 컨텐츠가 화면에 고정된 이후에 추가적으로 입력된 화면에 대한 스크롤에 따라 컨텐츠에 대응하는 텍스트의 마지막 부분이 화면의 제2 특정 영역에 위치하는 경우, 상기 컨텐츠가 제2 제어 조건을 만족하는 것으로 판단하는 사용자 단말.
  15. 사용자 단말에 있어서,
    문서에 포함된 적어도 하나의 컨텐츠와 텍스트를 식별하고, 상기 문서의 코드에 컨텐츠를 담을 수 있는 태그를 추가하며, 상기 태그에 컨텐츠의 고정과 관련된 스타일을 설정하고, 상기 사용자 단말의 화면에 발생되는 스크롤을 측정하여 스크롤값을 결정하며, 상기 결정된 스크롤값과 상기 문서에서 식별된 컨텐츠의 길이에 대응하는 위치를 비교하여 상기 태그에 담을 컨텐츠를 결정하고, 상기 사용자 단말의 화면에 태그에 담을 컨텐츠를 고정하며, 상기 컨텐츠가 고정된 이후에 상기 스크롤값이 변경함에 따라 화면에 고정된 컨텐츠의 길이를 결정하고, 상기 컨텐츠의 길이를 고려하여 상기 화면에 고정된 컨텐츠가 화면에 대한 스크롤에 따라 이동하도록 상기 화면에 고정된 컨텐츠를 화면에서 고정해제하는 프로세서; 및
    상기 프로세서의 명령에 따라 컨텐츠를 고정하는 명령 또는 고정 해제하는 디스플레이
    를 포함하는 사용자 단말.
KR1020150065579A 2015-05-11 2015-05-11 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말 KR101685288B1 (ko)

Priority Applications (4)

Application Number Priority Date Filing Date Title
KR1020150065579A KR101685288B1 (ko) 2015-05-11 2015-05-11 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말
JP2017559393A JP6563522B2 (ja) 2015-05-11 2016-05-11 コンテンツ表示制御方法及びコンテンツ表示制御方法を行うユーザ端末
US15/573,130 US10795564B2 (en) 2015-05-11 2016-05-11 Content display control method and user terminal for performing content display control method
PCT/KR2016/004909 WO2016182328A1 (ko) 2015-05-11 2016-05-11 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020150065579A KR101685288B1 (ko) 2015-05-11 2015-05-11 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말

Publications (2)

Publication Number Publication Date
KR20160132704A KR20160132704A (ko) 2016-11-21
KR101685288B1 true KR101685288B1 (ko) 2016-12-09

Family

ID=57249298

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020150065579A KR101685288B1 (ko) 2015-05-11 2015-05-11 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말

Country Status (4)

Country Link
US (1) US10795564B2 (ko)
JP (1) JP6563522B2 (ko)
KR (1) KR101685288B1 (ko)
WO (1) WO2016182328A1 (ko)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107422901B (zh) * 2017-05-08 2020-05-05 广州视源电子科技股份有限公司 触控屏防误触的方法和系统
KR102443993B1 (ko) 2017-11-17 2022-09-19 삼성전자주식회사 시구간을 나타내는 콘텐츠와 연관된 정보를 시각적으로 제공하기 위한 장치 및 방법
JP7172276B2 (ja) * 2018-08-20 2022-11-16 富士フイルムビジネスイノベーション株式会社 情報処理装置およびプログラム
JP7332518B2 (ja) * 2020-03-30 2023-08-23 本田技研工業株式会社 会話支援装置、会話支援システム、会話支援方法およびプログラム
EP3901752A1 (en) * 2020-04-22 2021-10-27 Taboola.com Ltd. Display adjustments

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014074981A (ja) * 2012-10-03 2014-04-24 Konica Minolta Inc 表示装置、画像形成装置、および表示制御プログラム

Family Cites Families (42)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH11212982A (ja) * 1998-01-21 1999-08-06 Sony Corp 検索装置
US6408316B1 (en) * 1998-12-17 2002-06-18 International Business Machines Corporation Bookmark set creation according to user selection of selected pages satisfying a search condition
US6523037B1 (en) * 2000-09-22 2003-02-18 Ebay Inc, Method and system for communicating selected search results between first and second entities over a network
US20030208376A1 (en) * 2001-03-02 2003-11-06 Eileen Vennum System and method for disseminating nutritional information
US20060106793A1 (en) * 2003-12-29 2006-05-18 Ping Liang Internet and computer information retrieval and mining with intelligent conceptual filtering, visualization and automation
US20050190280A1 (en) * 2004-02-27 2005-09-01 Haas William R. Method and apparatus for a digital camera scrolling slideshow
US20060107205A1 (en) * 2004-11-12 2006-05-18 Nokia Corporation Determining a main content area of a page
US20060277167A1 (en) * 2005-05-20 2006-12-07 William Gross Search apparatus having a search result matrix display
JP2008077183A (ja) * 2006-09-19 2008-04-03 Fujitsu Ltd スクロール制御プログラム、記録媒体、スクロール制御装置およびスクロール制御方法
JP2008152456A (ja) * 2006-12-15 2008-07-03 Sharp Corp 情報処理装置、情報処理方法およびコンピュータプログラム
US7877384B2 (en) * 2007-03-01 2011-01-25 Microsoft Corporation Scoring relevance of a document based on image text
US7877687B2 (en) * 2007-08-16 2011-01-25 Yahoo! Inc. Persistent visual media player
US20100037138A1 (en) * 2008-08-11 2010-02-11 Live Face On Web, LLC Client-Configurable Video Delivery Platform
KR101791540B1 (ko) * 2009-06-08 2017-10-30 엘지전자 주식회사 이동 단말기 및 이동 단말기의 정보 표시 방법
KR101090673B1 (ko) * 2010-03-29 2011-12-08 주식회사 인프라웨어 웹페이지 표시 방법 및 이를 위한 컴퓨터로 판독가능한 기록매체
JP5780409B2 (ja) * 2010-09-28 2015-09-16 カシオ計算機株式会社 表示制御装置及びプログラム
WO2012146508A1 (en) * 2011-04-25 2012-11-01 Alcatel Lucent Privacy protection in recommendation services
US8484187B1 (en) * 2011-10-05 2013-07-09 Google Inc. Enhanced presentation mode for search results
US9569097B2 (en) * 2011-12-01 2017-02-14 Microsoft Technology Licesing, LLC Video streaming in a web browser
KR101314850B1 (ko) * 2011-12-21 2013-10-10 (주)보고닷컴 웹페이지 제어 방법
KR101363560B1 (ko) * 2012-02-29 2014-02-18 주식회사 팬택 휴대용 단말 및 이의 동작 제어 방법
US20130262968A1 (en) * 2012-03-31 2013-10-03 Patent Speed, Inc. Apparatus and method for efficiently reviewing patent documents
US20130339830A1 (en) * 2012-06-15 2013-12-19 Microsoft Corporation Optimized document views for mobile device interfaces
KR101871718B1 (ko) * 2012-06-25 2018-06-27 엘지전자 주식회사 이동단말기 및 그 제어방법
KR20140058212A (ko) * 2012-11-06 2014-05-14 삼성전자주식회사 객체 상태를 디스플레이하기 위한 방법 및 그 방법을 처리하는 전자 장치
KR20140074490A (ko) * 2012-12-10 2014-06-18 삼성전자주식회사 디스플레이장치 및 그 컨텐츠 제어방법
CN102968509B (zh) * 2012-12-17 2016-03-09 腾讯科技（深圳）有限公司 一种播放浏览器中多媒体的方法和装置
EP2963531A4 (en) * 2013-02-27 2016-10-12 Nec Corp TERMINAL DEVICE, INFORMATION DISPLAY METHOD, AND RECORDING MEDIUM
JP5638648B2 (ja) * 2013-03-22 2014-12-10 ヤフー株式会社 広告生成装置、広告生成プログラム、及び端末装置
US10095397B2 (en) * 2013-04-30 2018-10-09 Splunk Inc. Navigating scrollable sections of content in a viewing area
KR102163991B1 (ko) * 2013-05-03 2020-10-12 삼성전자 주식회사 휴대 단말기의 아이템 선택 방법 및 장치
US9652782B2 (en) * 2013-05-17 2017-05-16 Apple Inc. Interaction-aware advertising for minimizing banner blindness
JP5599959B1 (ja) * 2013-05-20 2014-10-01 楽天株式会社 情報処理装置
US10437452B2 (en) * 2013-05-20 2019-10-08 Rakuten, Inc. Information processing apparatus for displaying content on a screen of a display device
US10338771B2 (en) * 2013-05-31 2019-07-02 U-Mhi Platech Co., Ltd. Control device for injection molding machine and screen display method
KR20150010406A (ko) * 2013-07-19 2015-01-28 엘지전자 주식회사 휴대 단말기 및 그 제어 방법
US10028008B2 (en) * 2014-02-04 2018-07-17 Google Llc Persistent media player
JP5714145B1 (ja) * 2014-02-12 2015-05-07 ヤフー株式会社 配信装置、端末装置、配信方法および配信プログラム
US10747416B2 (en) * 2014-02-13 2020-08-18 Samsung Electronics Co., Ltd. User terminal device and method for displaying thereof
US20160140626A1 (en) * 2014-10-12 2016-05-19 Atul Agarwal Web page advertisement configuration and optimization with visual editor and automatic website and webpage analysis
US9678629B2 (en) * 2014-12-11 2017-06-13 Ariba, Inc. Focusing on multiple selected rows within a data table
US10134074B2 (en) * 2015-01-30 2018-11-20 Walmart Apollo, Llc System for snap and pan of embedded maps within retail store search results and method of using same

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014074981A (ja) * 2012-10-03 2014-04-24 Konica Minolta Inc 表示装置、画像形成装置、および表示制御プログラム

Also Published As

Publication number Publication date
JP2018514880A (ja) 2018-06-07
US20180129392A1 (en) 2018-05-10
WO2016182328A1 (ko) 2016-11-17
US10795564B2 (en) 2020-10-06
JP6563522B2 (ja) 2019-08-21
KR20160132704A (ko) 2016-11-21

Similar Documents

Publication Publication Date Title
US11763067B2 (en) User interface for editing web content
KR101685288B1 (ko) 컨텐츠 표시 제어 방법 및 컨텐츠 표시 제어 방법을 수행하는 사용자 단말
US20190073120A1 (en) Native overlay for rapid editing of web content
US20150012818A1 (en) System and method for semantics-concise interactive visual website design
US10216708B2 (en) Paginated viewport navigation over a fixed document layout
US9311422B2 (en) Dynamic simulation of a responsive web page
US9773072B2 (en) Systems and methods for developing adaptive layouts for electronic content
JP2005216175A (ja) レイアウト調整方法および装置およびレイアウト調整プログラム
US10310715B2 (en) Transition controlled e-book animations
JP2017501479A (ja) ページ要素の表示
US20170351395A1 (en) Method for scrolling visual page content and system for scrolling visual page content
US20110074831A1 (en) System and method for display navigation
US20140013272A1 (en) Page Editing
US20150253985A1 (en) System and method for controlling display of virtual keyboard to avoid obscuring data entry fields
US7701471B1 (en) Methods and apparatus to display a viewing region
US20140033027A1 (en) E-Book Application with Multi-Document Display
CA2983248A1 (en) Rendering graphical assets natively on multiple screens of electronic devices
JP5255483B2 (ja) オブジェクトの選択を容易にするための方法、装置およびプログラム
CN104285204A (zh) 显示设备、显示控制方法和非临时性计算机可读介质
US11243678B2 (en) Method of panning image
US10599318B2 (en) Column aware scrolling
US20170344205A1 (en) Systems and methods for displaying and navigating content in digital media
KR102009133B1 (ko) 전자문서 터치 제어 방법
CN109804372B (zh) 对演示中的图像部分进行强调
CN113468452B (zh) 遥感数据可视化界面交互方法、装置及电子设备

Legal Events

Date Code Title Description
AMND Amendment
E601 Decision to refuse application
X091 Application refused [patent]
AMND Amendment
X701 Decision to grant (after re-examination)
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20191203

Year of fee payment: 4