KR101647359B1 - 단말 장치 및 이에 의한 웹 페이지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법 - Google Patents

단말 장치 및 이에 의한 웹 페이지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법 Download PDF

Info

Publication number
KR101647359B1
KR101647359B1 KR1020140125222A KR20140125222A KR101647359B1 KR 101647359 B1 KR101647359 B1 KR 101647359B1 KR 1020140125222 A KR1020140125222 A KR 1020140125222A KR 20140125222 A KR20140125222 A KR 20140125222A KR 101647359 B1 KR101647359 B1 KR 101647359B1
Authority
KR
South Korea
Prior art keywords
content area
web page
size
point
terminal device
Prior art date
Application number
KR1020140125222A
Other languages
English (en)
Other versions
KR20160034110A (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 KR1020140125222A priority Critical patent/KR101647359B1/ko
Priority to PCT/KR2015/009111 priority patent/WO2016043449A1/ko
Publication of KR20160034110A publication Critical patent/KR20160034110A/ko
Application granted granted Critical
Publication of KR101647359B1 publication Critical patent/KR101647359B1/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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Abstract

단말 장치에 의한 웹 페이지 표시 방법에 있어서, 웹 페이지를 화면에 표시하는 단계; 화면에 대해 기 설정된 제 1 지점의 위치와 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하는 단계; 및 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경하는 단계를 포함하는 것을 특징으로 하는 본 발명의 일 실시에에 따른 웹 페이지 표시 방법이 개시된다.

Description

단말 장치 및 이에 의한 웹 페이지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법 {TERMINAL APPARATUS AND METHOD FOR SHOWING WEB PAGE BY TERMINAL APPARATUS, AND WEB SERVER AND METHOD FOR PROVIDING WEB PAGE BY WEB SERVER}
본 발명은 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법에 관한 것이다.
모바일 단말 및 모바일 단말을 통한 네트워크로의 접속이 활발해짐에 따라, 웹 서버를 운영하는 업체들은 사용자 단말로 전송하는 웹 페이지를 통해 사용자에게 다양한 서비스를 제공하고 있다.
예를 들어, 포털 사이트 업체들은 사용자에게 날씨, 사전, 공연, 여행, 영화 등의 다양한 정보를 제공하면서, 이와 동시에 사용자의 상품 구매나 서비스 구매를 유도하는 광고 정보를 사용자에게 제공하고 있다. 사용자는 언제든지 웹 페이지를 통해 특정 정보를 검색하여, 쉽고 간편하게 자신이 원하는 정보를 획득할 수 있다.
현재 대부분의 업체들은 모두 비슷한 플랫폼을 갖는 웹 페이지에 다양한 정보를 포함시켜 사용자에게 제공하는데, 사용자는 다양한 업체들로부터 제공되는 웹 페이지의 플랫폼에 매우 익숙해져, 업체들이 특정 정보를 웹 페이지에 포함시키더라도 사용자의 주의를 끌기 어려울 수 있다.
따라서, 특정 정보를 웹 페이지에 포함시키면서 이에 대한 사용자의 주의력을 끌 수 있는 효과적인 방안이 요구된다.
본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 사용자의 주의력을 집중시킬 수 있는 UI(user interface)를 이용하여 사용자에게 특정 정보를 제공하는 것을 목적으로 한다.
또한, 본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 광고 컨텐츠에 대한 광고 효과를 향상시키는 것을 목적으로 한다.
또한, 본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 광고 업체들의 광고 수익성을 향상시키는 것을 목적으로 한다.
본 발명의 일 실시예에 따른 웹 페이지 표시 방법은,
단말 장치에 의한 웹 페이지 표시 방법에 있어서, 웹 페이지를 화면에 표시하는 단계; 상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하는 단계; 및 상기 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하는 단계를 포함할 수 있다.
본 발명의 다른 실시예에 따른 단말 장치는,
웹 페이지를 화면에 표시하는 디스플레이부; 상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하는 감지부; 및 상기 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하는 제어부를 포함할 수 있다.
본 발명의 다른 실시예에 따른 웹 페이지 제공 방법은,
웹 서버에 의한 웹 페이지 제공 방법에 있어서, 단말 장치로부터 웹 페이지에 대한 요청을 수신하는 단계; 및 상기 단말 장치의 요청에 따라 상기 웹 페이지를 상기 단말 장치로 제공하는 단계를 포함하되, 상기 웹 페이지는, 상기 단말 장치의 화면에 상기 웹 페이지가 표시되면, 상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하도록 할 수 있다.
본 발명의 또 다른 실시예에 따른 웹 서버는,
웹 페이지를 저장하는 저장부; 및 단말 장치의 요청에 따라 상기 저장된 웹 페이지를 상기 단말 장치로 제공하는 통신부를 포함하되, 상기 웹 페이지는, 상기 단말 장치의 화면에 상기 웹 페이지가 표시되면, 상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하도록 할 수 있다.
본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 사용자의 주의력을 집중시킬 수 있는 UI(user interface)를 이용하여 사용자에게 특정 정보를 제공할 수 있다.
본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 사용자의 웹 페이지 스크롤 과정에 자연스럽게 추가적인 컨텐츠 영역을 노출시킴으로써 사용자의 이용상 편의를 감소시키지 않고도 광고 등을 제공할 수 있다.
또한, 본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 광고 컨텐츠에 대한 광고 효과를 향상시킬 수 있다.
또한, 본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 광고 업체들의 광고 수익성을 향상시킬 수 있다.
도 1은 본 발명의 일 실시예에 따른 단말 장치와 웹 서버를 도시하는 도면이다.
도 2는 본 발명의 일 실시예에 따른 웹 페이지 표시 방법의 순서를 도시하는 도면이다.
도 3은 본 발명의 다른 실시예에 따른 웹 페이지 표시 방법의 구체적인 순서를 도시하는 도면이다.
도 4(a) 내지 도 4(c)는 컨텐츠 영역과 화면에 기 설정된 지점의 위치 관계를 설명하기 위한 도면들이다.
도 5(a) 및 도 5(b)는 컨텐츠 영역과 화면에 기 설정된 지점의 위치 관계를 설명하기 위한 도면들이다.
도 6(a) 내지 도 6(c)는 웹 페이지의 이동에 따라 크기가 변하는 컨텐츠 영역을 도시하는 도면들이다.
도 7(a) 내지 도 7(c)는 웹 페이지의 이동에 따라 크기가 변하는 컨텐츠 영역을 도시하는 도면들이다.
도 8은 본 발명의 다른 실시예에 따른 단말 장치의 구성을 도시하는 블록도이다.
도 9는 본 발명의 다른 실시예에 따른 웹 페이지 제공 방법의 순서를 도시하는 도면이다.
도 10은 본 발명의 또 다른 실시예에 따른 웹 서버의 구성을 도시하는 블록도이다.
본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다.
본 실시예에서 사용되는 '부'라는 용어는 소프트웨어, FPGA 또는 ASIC과 같은 하드웨어 구성요소를 의미하며, '부'는 어떤 역할들을 수행한다. 그렇지만 '부'는 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다. '부'는 어드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다. 따라서, 일 예로서 '부'는 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라이버들, 펌웨어, 마이크로 코드, 회로, 데이터, 데이터베이스, 데이터 구조들, 테이블들, 어레이들 및 변수들을 포함한다. 구성요소들과 '부'들 안에서 제공되는 기능은 더 작은 수의 구성요소들 및 '부'들로 결합되거나 추가적인 구성요소들과 '부'들로 더 분리될 수 있다.
도 1은 본 발명의 일 실시예에 따른 단말 장치(110)와 웹 서버(130)를 도시하는 도면이다.
도 1에 도시된 바와 같이, 단말 장치(110)와 웹 서버(130)는 네트워크(10)를 통해 서로 연결된다. 네트워크(10)는 유선 네트워크와 무선 네트워크를 포함할 수 있으며, 예를 들어, 근거리 네트워크(LAN: Local Area Network), 도시권 네트워크(MAN: Metropolitan Area Network), 광역 네트워크(WAN: Wide Area Network) 등의 다양한 네트워크를 포함할 수 있다. 또한, 네트워크(10)는 공지의 월드 와이드 웹(WWW: World Wide Web)을 포함할 수도 있다. 그러나, 본 발명에 따른 네트워크(10)는 상기 열거된 네트워크에 국한되지 않고, 공지의 무선 데이터 네트워크나 공지의 전화 네트워크, 공지의 유무선 텔레비전 네트워크를 적어도 일부로서 포함할 수도 있다.
단말 장치(110)는 웹 서버(130)로 웹 페이지를 요청하고, 웹 브라우져 등의 소정 어플리케이션을 통해 웹 서버(130)로부터 전송되는 웹 페이지를 화면에 표시한다. 단말 장치(110)는 사용자가 입력한 웹 페이지의 주소를 기초로, 웹 서버(130)로부터 웹 페이지를 수신할 수 있다.
도 1은 단말 장치(110)로서, 스마트폰을 도시하고 있지만, 본 발명의 일 실시예에 따른 단말 장치(110)는 스마트폰 뿐만 아니라, 네트워크(10)에 접속하여 웹 서버(130)로부터 웹 페이지를 수신할 수 있는 데스크탑 컴퓨터, 노트북 컴퓨터, PDA, 웹 패드, 테블릿 PC 등 다양한 종류의 단말 장치(110)를 포함할 수 있다.
웹 서버(130)는 웹 페이지에 대한 단말 장치(110)의 요청이 수신되면, 단말 장치(110)로 웹 페이지를 전송한다. 단말 장치(110)로 전송되는 웹 페이지는 단말 장치(110)의 동작을 제어할 수 있다. 다시 말해, 웹 페이지는 단말 장치(110)를 제어하기 위한 명령어 또는 스크립트를 포함하여 구성될 수 있다.
본 발명의 일 실시예에 따른 단말 장치(110)는 화면에 표시된 웹 페이지에 대한 사용자의 스크롤 입력에 따라 웹 페이지가 이동하는 경우, 웹 페이지에 포함된 컨텐츠 영역의 크기를 변화시킬 수 있고, 이에 따라, 사용자는 컨텐츠 영역에 포함된 정보에 대해 더욱 집중할 수 있다. 본 발명의 일 실시예에 따른 단말 장치(110)의 구체적인 동작에 대해서는 도 2를 참조하여 설명한다.
도 2는 본 발명의 일 실시예에 따른 웹 페이지 표시 방법의 순서를 도시하는 도면이다.
S210 단계에서, 단말 장치(110)는 단말 장치(110)의 화면에 웹 페이지를 표시한다. 단말 장치(110)는 웹 페이지를 웹 서버(130)로부터 수신하고, 소정 어플리케이션을 이용하여 단말 장치(110)의 화면에 웹 페이지를 표시할 수 있다.
단말 장치(110)가 화면에 표시하는 웹 페이지에는 컨텐츠 영역이 포함될 수 있다. 컨텐츠 영역은 텍스트, 이미지, 동영상, 음성 등 다양한 형태로 표현된 정보를 포함할 수 있다. 예를 들면, 컨텐츠 영역은 특정 업체에 대한 이미지 제고, 상품이나 서비스에 대한 사용자의 구매를 유도하는 광고 컨텐츠를 포함할 수 있다.
S220 단계에서, 단말 장치(110)는 화면에 대해 기 설정된 지점의 위치와 컨텐츠 영역의 위치를 비교한다. 화면에 대해 기 설정된 지점에 대한 정보는 단말 장치(110)에 기 설정되어 있을 수 있고, 또는, 웹 페이지에 해당 정보가 기 설정되어 있을 수도 있다.
S230 단계에서, 단말 장치(110)는 기 설정된 지점의 위치와 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경한다.
예를 들어, 단말 장치(110)는 기 설정된 지점의 위치와 컨텐츠 영역의 위치의 비교 결과, 기 설정된 지점의 위치와 컨텐츠 영역의 위치가 특정 관계에 해당하는 경우에 한하여, 컨텐츠 영역의 크기를 변경할 수 있다. 상기 특정 관계에 대해서는 도 4(a) 내지 도 4(c), 도 5(a) 및 도 5(b)를 참조하여 후술한다.
컨텐츠 영역의 크기는 사용자의 스크롤 입력에 따라서 변경될 수 있다. 여기에서 스크롤 입력이란 사용자가 화면에 나타난 웹 페이지를 상하 또는 좌우로 이동시키기 위한 입력을 의미한다. 사용자는 웹 페이지의 크기가 단말 장치(110)의 화면보다 큰 경우, 스크롤 입력을 통하여 화면에 표시된 웹 페이지를 이동시켜 웹 페이지의 전체 내용을 확인할 수 있다.
사용자의 스크롤 입력은 단말 장치(110)의 화면에 대한 터치 입력, 예를 들어, 화면상의 임의의 지점에 대한 사용자의 터치 입력 후, 임의의 방향으로의 드래그 입력을 포함할 수 있다. 또는, 스크롤 입력은 마우스나 키보드 등의 외부 입력장치를 이용한 입력, 단말 장치(110)의 외부 버튼에 대한 입력 등을 포함할 수도 있다. 단말 장치(110)는 사용자의 스크롤 입력에 따라 웹 페이지의 이동 방향, 즉 웹 페이지가 상부 방향으로 이동하는지, 하부 방향으로 이동하는지, 좌측 방향으로 이동하는지, 또는 우측 방향으로 이동하는지 등을 감지할 수 있다.
단말 장치(110)는 컨텐츠 영역의 크기를 변경시키면서, 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경할 수 있다. 예를 들어, 단말 장치(110)는 컨텐츠 영역의 크기를 변경시키면서, 컨텐츠 영역 내에 특정 이미지 요소를 포함시키거나, 컨텐츠 영역 내에 포함된 이미지 요소들 중 일부를 제거하거나, 컨텐츠 영역 내에 포함된 이미지 요소들의 전부 또는 일부를 다른 이미지 요소로 변경함으로써, 컨텐츠 이미지를 변경할 수 있다.
본 발명의 일 실시예에 따르면, 특정 정보가 포함된 컨텐츠 영역의 크기를 사용자의 스크롤 입력에 기초하여 변경시킬 수 있고, 이를 통해, 컨텐츠 영역에 대한 사용자의 주의력을 집중시킬 수 있다. 또한, 본 발명의 일 실시예에 따르면, 컨텐츠 영역에 광고 컨텐츠를 포함시킴으로써, 광고 효과를 향상시킬 수도 있다.
한편, 본 발명의 일 실시예에 따른 단말 장치(110)는 광고 컨텐츠가 포함된 컨텐츠 영역이 단말 장치(110)의 화면에 표시되는 경우, 광고주에 대한 과금 액수를 결정하는데 필요한 정보를 웹 서버(130)로 전송할 수 있다.
일 예로서, 단말 장치(110)는 광고 컨텐츠가 단말 장치(110)의 화면에서 표시되는 경우, 광고 컨텐츠가 단말 장치(110)의 화면에 표시되었다는 것을 알리는 정보, 화면상에 표시된 광고 컨텐츠가 터치 또는 클릭 등의 방식으로 사용자에 의해 선택되었다는 것을 알리는 정보, 사용자에게 광고 컨텐츠가 노출된 시간 정보, 및 화면에 표시되었던 광고 컨텐츠 영역의 크기에 대한 정보 중 적어도 하나를 웹 서버(130)로 전송하고, 웹 서버(130)는 여러 단말 장치(110)들로부터 전송되는 정보에 기초하여 광고주에 대한 과금액을 결정할 수 있다.
도 3은 본 발명의 다른 실시예에 따른 웹 페이지 표시 방법의 구체적인 순서를 도시하는 도면이다. 본 발명의 기술적 사상을 벗어나지 않는 범위 내에서 도 3에 도시된 각 단계들 중 일부의 단계는 생략되거나, 순서가 변경될 수 있고, 특정 단계가 추가될 수도 있다.
먼저, S310 단계에서, 단말 장치(110)는 웹 서버(130)로부터 웹 페이지를 수신한다. 단말 장치(110)는 소정 어플리케이션을 통해 웹 서버(130)로 사용자가 입력한 주소에 대응하는 웹 페이지를 요청하고, 웹 서버(130)로부터 해당 웹 페이지를 수신할 수 있다.
S320 단계에서, 단말 장치(110)는 소정 어플리케이션을 이용하여 웹 페이지를 단말 장치(110)의 화면에 표시한다.
S330 단계에서, 단말 장치(110)는 화면에 대해 기 설정된 지점의 위치와 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교한다. 화면에 대해 기 설정된 지점은 복수 개일 수 있으며, 상기 지점은 화면에 대해 설정된 영역을 포함할 수도 있다.
단말 장치(110)는 기 설정된 지점의 위치와 컨텐츠 영역의 위치의 비교 결과, 기 설정된 지점의 위치와 컨텐츠 영역의 위치가 특정 관계에 해당하는 경우에 한하여, 아래의 S340 단계, S350 단계 및 S360 단계를 수행할 수 있다.
S340 단계에서, 단말 장치(110)는 사용자의 스크롤 입력에 따라 이동하는 웹 페이지의 이동 방향을 감지한다. 일반적으로, 사용자가 상부 방향으로 스크롤 입력을 한 경우, 웹 페이지는 사용자의 스크롤 입력에 따라 상부 방향으로 이동하고, 반대로, 사용자가 하부 방향으로 스크롤 입력을 한 경우, 웹 페이지는 사용자의 스크롤 입력에 따라 하부 방향으로 이동한다.
S350 단계에서, 단말 장치(110)는 웹 페이지의 이동 방향에 따라 컨텐츠 영역의 크기를 변경한다.
단말 장치(110)는 스크롤 입력에 따른 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역의 크기를 점차적으로 증가시키고, 웹 페이지의 이동 방향이 제 1 방향의 반대 방향인 제 2 방향인 경우, 컨텐츠 영역의 크기를 점차적으로 감소시킬 수 있다.
S360 단계에서, 단말 장치(110)는 컨텐츠 영역의 크기가 변경됨에 따라, 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경한다.
도 4(a) 내지 도 4(c)는 컨텐츠 영역과 화면에 기 설정된 지점의 위치 관계를 설명하기 위한 도면들이다.
전술한 바와 같이, 단말 장치(110)는 컨텐츠 영역의 위치와 화면에 대해 기 설정된 지점의 위치가 특정 관계에 있을 때, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경할 수 있다.
일 예로서, 도 4(a)에 도시된 바와 같이, 단말 장치(110)는 컨텐츠 영역(440)의 일단(442 또는 444)이 제 1 지점(410)보다 상부 또는 하부에 위치하는 경우에, 컨텐츠 영역(440)의 크기를 변경할 수 있다. 도 4(a)는 제 1 지점(410)으로서 직선을 도시하고 있는데, 이는 하나의 예시일 뿐이며, 제 1 지점(410)은 화면상에 설정된 하나의 점(point)를 포함할 수도 있다. 단말 장치(110)는 사용자의 스크롤 입력에 따라 컨텐츠 영역(440)의 크기를 변경시키는 경우, 기 설정된 크기까지만 컨텐츠 영역(44)의 크기를 변경시킬 수 있다.
다른 예로서, 도 4(b)에 도시된 바와 같이, 단말 장치(110)는 컨텐츠 영역(440)의 하단(442)이 제 1 지점(410)보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 1 지점(410)의 상부에 위치하는 제 2 지점(420)보다 하부에 위치하는 경우에, 컨텐츠 영역의 크기를 변경할 수도 있다. 예를 들어, 제 1 지점(410)은 화면의 하위 5% 경계선을, 제 2 지점(420)은 화면의 상위 5% 경계선을 의미할 수 있다.
또 다른 예로서, 도 4(c)에 도시된 바와 같이, 단말 장치(110)의 화면 상에 세 개의 지점, 즉, 제 1 지점(410), 제 2 지점(420) 및 제 3 지점(430)이 설정될 수도 있다. 이때, 단말 장치(110)는 컨텐츠 영역(440)의 하단(442)이 제 1 지점(410)보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 2 지점(420)보다 하부에 위치한 경우에 컨텐츠 영역의 크기를 변경할 수 있다. 또한, 단말 장치(110)는 컨텐츠 영역(440)의 하단(442)이 제 2 지점(420)보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 3 지점(430)보다 하부에 위치한 경우에 컨텐츠 영역의 크기를 변경할 수 있다. 이는, 컨텐츠 영역의 크기가 변경되는 범위를 2개로 설정한 것으로서, 2개의 범위 내에서 컨텐츠 영역(440)의 크기를 서로 다른 방식으로 변경함으로써, 사용자의 주의력을 더욱 향상시킬 수 있다.
예를 들어, 단말 장치(110)는 컨텐츠 영역(440)의 하단(442)이 제 1 지점(410)보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 2 지점(420)보다 하부에 위치한 상태에서, 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역(440)의 크기를 점차적으로 증가시키고, 컨텐츠 영역(440)의 하단(442)이 제 2 지점(420)보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 3 지점(430)보다 하부에 위치한 상태에서, 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역(440)의 크기를 점차적으로 감소시킬 수 있다. 구현예에 따라서는, 단말 장치(110)의 화면에 3개 이상의 범위를 설정하여, 각 범위에서 컨텐츠 영역(440)의 크기를 변경할 수도 있다.
도 5(a) 및 도 5(b)는 컨텐츠 영역과 화면에 기 설정된 지점의 위치 관계를 설명하기 위한 도면들이다.
화면에 대해 기 설정된 지점은 화면에 대해 기 설정된 영역을 포함할 수도 있으며, 기 설정된 영역의 위치 및 크기는 사용자에 의해 변경될 수도 있다.
예를 들어, 도 5(a)에 도시된 바와 같이, 단말 장치(110)는 컨텐츠 영역(440)이 제 1 영역(510)에 포함되는 경우, 컨텐츠 영역(440)의 크기를 변경할 수 있다.
컨텐츠 영역(440)이 제 1 영역(510)에 포함되는지 여부는 다양한 방식으로 결정될 수 있다. 구체적으로, 컨텐츠 영역(440)의 하단(442)만이 제 1 영역(510)에 포함되는 경우를 컨텐츠 영역(440)이 제 1 영역(510)에 포함되는 것으로 판단될 수 있고, 또는, 컨텐츠 영역(440)의 상단(444)만이 제 1 영역(510)에 포함되는 경우를 컨텐츠 영역(440)이 제 1 영역(510)에 포함되는 것으로 판단될 수도 있다. 또는, 컨텐츠 영역(440)의 하단(442)이 제 1 영역(510)의 하단보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 1 영역(510)의 상단보다 하부에 위치하는 경우를 컨텐츠 영역(440)이 제 1 영역(510)에 포함되는 것으로 판단될 수도 있다.
도 5(b)에 도시된 바와 같이, 화면에 대해 기 설정된 영역은 적어도 2개 이상이 될 수도 있다. 단말 장치(110)는 컨텐츠 영역(440)이 제 1 영역(510)에 포함되는 경우에 컨텐츠 영역(440)의 크기를 변경하고, 컨텐츠 영역(440)이 제 2 영역(520)에 포함되는 경우에 컨텐츠 영역(440)의 크기를 변경할 수 있다. 2개의 영역(510, 520) 내에서 컨텐츠 영역(440)의 크기를 서로 다른 방식으로 변경함으로써, 사용자의 주의력을 더욱 향상시킬 수 있다.
예를 들어, 단말 장치(110)는 컨텐츠 영역(440)이 제 1 영역(510)에 포함된 상태에서, 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역(440)의 크기를 점차적으로 증가시키고, 컨텐츠 영역(440)이 제 2 영역(520)에 포함된 상태에서, 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역(440)의 크기를 점차적으로 감소시킬 수 있다. 구현예에 따라서는, 단말 장치(110)의 화면에 3개 이상의 영역을 설정하여, 해당 영역 각각에서 컨텐츠 영역(440)의 크기를 변경할 수도 있다.
도 6(a) 내지 도 6(c), 그리고, 도 7(a) 내지 도 7(c)는 웹 페이지의 이동에 따라 크기가 변하는 컨텐츠 영역을 도시하는 도면들이다.
도 6(a) 내지 도 6(c)는 컨텐츠 영역의 크기가 작아지는 과정을 예를 들어 나타낸 도면이다. 도 6(a)는 제 1 크기의 컨텐츠 영역(640)을, 도 6(c)는 제 1 크기보다 작은 제 2 크기의 컨텐츠 영역(640)을 나타내고 있다. 제 1 크기의 컨텐츠 영역(640)이 화면의 하부에 위치하는 경우, 사용자의 스크롤 입력에 의해 웹 페이지(610)가 상부 방향으로 이동할 때, 단말 장치(110)는 제 1 크기의 컨텐츠 영역(640)을 점차적으로 축소시켜 제 1 크기보다 작은 제 2 크기까지 축소시킬 수 있다.
단말 장치(110)는 제 1 크기의 컨텐츠 영역(640) 내에 포함된 이미지 객체들 중 일부를 변경 또는 삭제하거나 새로운 이미지 객체를 추가하여 제 2 크기의 컨텐츠 영역(640) 내에 표시할 수 있다. 예를 들면, 제 1 크기의 컨텐츠 영역(640) 내에서 기 설정된 이미지 객체만을 제 2 크기의 컨텐츠 영역 (640) 내에 표시하고 나머지는 삭제할 수 있다. 도 6(a) 내지 도 6(c)를 보면, 웹 페이지(610)가 상부 방향으로 이동됨에 따라, 제 1 크기의 컨텐츠 영역(640)이 점차 작아지면서 제 2 크기의 컨텐츠 영역(640)으로 변경되고, 제 1 크기의 컨텐츠 영역(640)에 포함된 이미지 객체들 중 일부 이미지 객체만이 제 2 크기의 컨텐츠 영역(640) 내에 표시된 것을 확인할 수 있다.
또한, 제 2 크기의 컨텐츠 영역(640)이 화면의 상부에 위치하는 경우, 사용자의 스크롤 입력에 의해 웹 페이지(610)가 하부 방향으로 이동할 때, 단말 장치(110)는 제 2 크기의 컨텐츠 영역(640)을 제 2 크기보다 큰 제 1 크기의 컨텐츠 영역(640)으로 점차적으로 확대시킬 수 있다.
도 7(a) 내지 도 7(c)는 컨텐츠 영역의 크기가 커지는 과정을 예를 들어 나타낸 도면이다. 도 7(a)는 제 2 크기의 컨텐츠 영역(740)을, 도 7(c)는 제 2 크기보다 큰 제 1 크기의 컨텐츠 영역(740)을 나타내고 있다. 도 7(a)에 도시된 제 2 크기의 컨텐츠 영역(740)이 화면의 하부에 위치하는 경우, 사용자의 스크롤 입력에 의해 웹 페이지(710)가 상부 방향으로 이동할 때, 단말 장치(110)는 제 2 크기의 컨텐츠 영역(740)을 제 2 크기보다 큰 제 1 크기의 컨텐츠 영역(740)으로 점차적으로 확대시킬 수도 있다. 이와 동시에 단말 장치(110)는 제 1 크기의 컨텐츠 영역(740) 내에 포함된 이미지 객체를 변경 또는 삭제하거나, 제 2 크기의 컨텐츠 영역(740)에는 포함되어 있지 않았던 기 설정된 이미지 객체를 제 1 크기의 컨텐츠 영역(740) 내에 더 포함시켜 표시할 수 있다. 도 7(a) 내지 도 7(c)를 보면, 웹 페이지가(710) 상부 방향으로 이동됨에 따라, 제 2 크기의 컨텐츠 영역(740)이 점차 커지면서 제 1 크기의 컨텐츠 영역(740)으로 변경되고, 제 2 크기의 컨텐츠 영역(740)에 포함되지 않았던 이미지 객체들이 제 1 크기의 컨텐츠 영역(740)에 포함된 것을 확인할 수 있다.
만약, 제 1 크기의 컨텐츠 영역(740)이 화면의 상부에 위치하고 있는 경우, 사용자의 스크롤 입력에 의해 웹 페이지(710)가 하부 방향으로 이동할 때, 단말 장치(110)는 제 1 크기의 컨텐츠 영역(740)을 제 1 크기보다 작은 제 2 크기의 컨텐츠 영역(740)으로 축소시킬 수도 있다.
한편, 도 6(a) 내지 도 6(c) 및 도 7(a) 내지 도 7(c)는 컨텐츠 영역의 크기를 변경하면서, 동일한 업체의 광고 컨텐츠만을 표시하는 것으로 도시하고 있는데, 본 발명의 일 실시예에 따른 단말 장치(110)는 컨텐츠 영역이 제 1 크기에서 제 2 크기로 변경될 때, 또는 제 2 크기에서 제 1 크기로 변경될 때, 두 개 이상의 회사의 광고 컨텐츠를 컨텐츠 영역에 포함시켜 표시할 수도 있다. 예를 들어, 컨텐츠 영역이 제 1 크기일 때, A 회사의 제 1 광고 컨텐츠를 포함시키고, 컨텐츠 영역이 제 2 크기일 때에는, A 회사와 다른 B 회사의 제 2 광고 컨텐츠를 포함시킬 수 있다. 이에 따라, 웹 서버(130)를 운영하는 업체의 입장에서는 하나의 영역을 광고 영역으로서 두 개 이상의 회사에게 판매할 수 있어, 광고 수익성을 향상시킬 수 있다.
이상에서 설명한 본 발명의 실시예에 따른 웹 페이지 표시 방법에 대하여 구체적으로 예를 들면, 사용자의 스크롤 입력에 따라 웹 페이지가 상부 방향으로 이동되고 있는 경우, 최대화된 면적의 컨텐츠 영역이 화면의 아래쪽으로부터 올라오다가 컨텐츠 영역의 하단이 화면 하부의 일정 위치(예를 들어 제 1 지점)에 도달한 시점부터 점차 크기가 축소된다. 웹 페이지의 이동이 지속되다가 컨텐츠 영역의 상단이 화면 상부의 일정 위치(예를 들어, 제 2 지점)에 도달하면 컨텐츠 영역의 크기 변화는 종료되고, 컨텐츠 영역의 크기가 최소화된 상태로 웹 페이지의 이동이 지속된다.
반대로, 사용자의 스크롤 입력에 따라 웹 페이지가 하부 방향으로 스크롤 되고 있는 경우, 최소화된 면적의 컨텐츠가 화면의 위쪽에서 내려오다가 컨텐츠 영역의 상단이 스크린 상부의 일정 위치(예를 들어, 제 2지점)에 도달하면 점차 크기가 확대된다. 웹 페이지의 이동이 지속되다가 컨텐츠 영역의 하단이 스크린 하부의 일정 위치(예를 들어 제 1지점)에 도달하면 컨텐츠 영역의 크기 변화가 종료되고, 컨텐츠 영역의 크기가 최대화된 상태로 웹 페이지의 이동이 지속된다.
컨텐츠 영역의 크기 변화는 웹 페이지 내에 표시된 컨텐츠 영역의 초기 크기나 기 설정된 옵션에 따라 확대되거나 축소될 수 있다.
도 8은 본 발명의 다른 실시예에 따른 단말 장치(800)의 구성을 도시하는 블록도이다.
도 8을 참조하면, 본 발명의 다른 실시예에 따른 단말 장치(800)는 디스플레이부(810), 사용자 입력 수신부(830), 감지부(850) 및 제어부(870)를 포함할 수 있다.
디스플레이부(810)는 웹 페이지를 화면에 표시한다. 단말 장치(800)에 저장된 소정 어플리케이션은 웹 서버(130)로부터 수신된 웹 페이지를 화면에 표시할 수 있다.
사용자 입력 수신부(830)는 웹 페이지에 대한 사용자의 스크롤 입력을 수신한다. 사용자 입력 수신부(830)는 터치 스크린, 외부 버튼, 마우스, 키보드, 트랙볼 등 사용자의 입력을 수신할 수 있는 다양한 입력 장치를 포함할 수 있다.
감지부(850)는 화면에 대해 기 설정된 지점의 위치와 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교한다. 또한, 감지부(850)는 사용자의 스크롤 입력에 따라 이동하는 웹 페이지의 이동 방향을 감지할 수도 있다.
제어부(770)는 감지부(850)의 위치 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경한다. 제어부(770)는 웹 페이지의 이동 방향이 제 1 방향인 경우, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 점차적으로 증가시키고, 웹 페이지의 이동 방향이 제 2 방향인 경우, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 점차적으로 감소시킬 수 있다. 제어부(770)는 컨텐츠 영역의 크기를 변경시키면서, 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경할 수도 있다.
도 9는 본 발명의 다른 실시예에 따른 웹 페이지 제공 방법의 순서를 도시하는 도면로서, 웹 서버(130)에 의해 수행되는 동작을 설명하고 있다.
S910 단계에서, 웹 서버(130)는 웹 페이지에 대한 단말 장치(110)의 요청을 수신한다. 웹 서버(130)는 도 1에 도시된 네트워크(10)를 통해 연결된 단말 장치(110)로부터 웹 페이지의 요청을 수신할 수 있다.
S920 단계에서, 웹 서버(130)는 웹 페이지를 단말 장치(110)로 전송한다.
웹 페이지는, 단말 장치(110)의 화면에 상기 웹 페이지가 표시되면, 화면에 대해 기 설정된 지점의 위치와 웹 페이지에 포함된 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경하도록 단말 장치(110)를 제어한다. 또한, 웹 페이지는 사용자의 스크롤 입력에 따라 이동하는 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역의 크기를 점차적으로 증가시키고, 웹 페이지의 이동 방향이 제 2 방향인 경우, 컨텐츠 영역의 크기를 점차적으로 감소시키도록 단말 장치(110)를 제어할 수 있다.
또한, 웹 페이지는, 컨텐츠 영역의 크기가 변경됨에 따라, 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경하도록 단말 장치(110)를 제어할 수 있다. 또한, 웹 페이지는 컨텐츠 이미지를 어떻게 변경시켜야 할지에 대한 정보를 포함할 수도 있다.
또한, 웹 페이지는, 화면에 대해 기 설정된 지점의 위치와 컨텐츠 영역의 위치 사이의 관계가 특정 관계에 해당하는 경우에 컨텐츠 영역의 크기를 변경하도록 단말 장치(110)를 제어할 수도 있다.
도 10은 본 발명의 또 다른 실시예에 따른 웹 서버(1000)의 구성을 도시하는 블록도이다.
도 10을 참조하면, 본 발명의 또 다른 실시예에 따른 웹 서버(1000)는 저장부(1010), 통신부(1030) 및 제어부(1050)를 포함하여 구성되며, 과금부(1070)를 더 포함할 수 있다.
먼저, 제어부(1050)는 저장부(1010)와 통신부(1030)의 동작을 제어하며, 제어부(1050)는 마이크로프로세서로 구성될 수 있다.
저장부(1010)는 웹 페이지를 저장한다. 웹 페이지는 외부의 다른 서버로부터 수신될 수도 있고, 웹 페이지 제작자들에 의해 생성되어 웹 서버(1000)에 저장될 수도 있다. 또는 웹 페이지는 웹 서버(1000)에 의해 자동적으로 생성되어 저장부(1010)에 저장될 수도 있다.
통신부(1030)는 웹 페이지에 대한 단말 장치(110)의 요청을 수신하고, 단말 장치(110)의 요청에 따라 웹 페이지를 단말 장치(110)로 전송한다.
과금부(1050)는 통신부(1030)가 수신한 정보에 따라 광고주들에 대한 과금액을 결정한다. 과금부(1050)는 여러 단말 장치들(110)에 의해 컨텐츠 영역이 출력된 횟수, 여러 단말 장치들(110)의 사용자에 의해 컨텐츠 영역이 선택된 횟수, 여러 단말 장치들(110)에서 컨텐츠 영역이 표시된 시간 및 여러 단말 장치들(110)에서 표시된 컨텐츠 영역의 크기 중 적어도 하나에 기초하여 광고주에 대한 과금액을 결정할 수 있다.
웹 페이지는 단말 장치(110)의 동작을 제어하는 명령어나 스크립트 등을 포함할 수 있다. 단말 장치(110)의 화면에 웹 페이지가 표시되면, 웹 페이지는 단말 장치(110)의 화면에 대해 기 설정된 지점의 위치와 웹 페이지에 포함된 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경하도록 단말 장치를 제어할 수 있다.
또한, 웹 페이지는 사용자의 스크롤 입력에 따라 이동하는 웹 페이지의 이동 방향에 기초하여, 웹 페이지에 포함된 컨텐츠 영역의 크기를 변경하도록 단말 장치(110)를 제어할 수 있다. 웹 페이지가 단말 장치(110)를 제어하는 내용에 대해서는 전술하였는바, 상세한 설명을 생략한다.
한편, 상술한 본 발명의 실시예들은 컴퓨터에서 실행될 수 있는 프로그램으로 작성가능하고, 컴퓨터로 읽을 수 있는 기록매체를 이용하여 상기 프로그램을 동작시키는 범용 디지털 컴퓨터에서 구현될 수 있다.
상기 컴퓨터로 읽을 수 있는 기록매체는 마그네틱 저장매체(예를 들면, 롬, 플로피 디스크, 하드디스크 등), 광학적 판독 매체(예를 들면, 시디롬, 디브이디 등) 및 캐리어 웨이브(예를 들면, 인터넷을 통한 전송)와 같은 저장매체를 포함한다.
이상과 첨부된 도면을 참조하여 본 발명의 실시예를 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다.
110, 800: 단말 장치
130, 1000: 웹 서버
810: 디스플레이부
830: 사용자 입력 수신부
850: 감지부
870: 제어부
1010: 저장부
1030: 통신부
1050: 제어부
1070: 과금부

Claims (20)

  1. 단말 장치에 의한 웹 페이지 표시 방법에 있어서,
    웹 서버로부터 수신된 웹 페이지를 화면에 표시하는 단계;
    상기 화면에 대해 기 설정된 제 1 지점 및 제 2 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하는 단계; 및
    상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 상부에 위치하고, 상기 컨텐츠 영역의 상단이 상기 제 2 지점보다 하부에 위치하는 경우, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하는 단계를 포함하되,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,
    상기 스크롤 입력에 따른 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 증가시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 감소시키는 단계를 포함하되,
    상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 하부에 위치하거나 상기 컨텐츠 영역의 상단이 상기 제 2 지점보다 상부에 위치하는 경우에는 상기 사용자의 스크롤 입력이 있더라도 상기 컨텐츠 영역의 크기는 변경되지 않는 것을 특징으로 하는 웹 페이지 표시 방법.
  2. 제1항에 있어서,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,
    상기 컨텐츠 영역의 크기를 변경하면서, 상기 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.
  3. 삭제
  4. 삭제
  5. 삭제
  6. 제1항에 있어서,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,
    상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 상부에 위치하고, 상기 컨텐츠 영역의 상단이 상기 제 2 지점보다 하부에 위치한 상태에서, 상기 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 증가시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 감소시키는 단계; 및
    상기 컨텐츠 영역의 하단이 상기 제 2 지점보다 상부에 위치하고, 상기 컨텐츠 영역의 상단이 상기 제 2 지점의 상부에 위치하는 제 3 지점보다 하부에 위치한 상태에서, 상기 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 감소시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 증가시키는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.
  7. 삭제
  8. 삭제
  9. 제1항에 있어서,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,
    제 1 크기의 상기 컨텐츠 영역을 상기 제 1 크기보다 작은 제 2 크기로 축소시키면서, 상기 컨텐츠 영역 내에 포함된 이미지 객체들 중 기 설정된 이미지 객체만을 상기 제 2 크기의 컨텐츠 영역 내에 표시하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.
  10. 제1항에 있어서,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,
    제 1 크기의 컨텐츠 영역을 상기 제 1 크기보다 큰 제 2 크기로 확대시키면서, 기 설정된 이미지 객체들을 상기 제 2 크기의 컨텐츠 영역 내에 추가적으로 포함시켜 표시하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.
  11. 제1항에 있어서,
    상기 컨텐츠 영역은,
    광고 컨텐츠를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.
  12. 제1항에 있어서,
    상기 웹 페이지 표시 방법은,
    제 1 광고 컨텐츠를 포함하는 제 1 크기의 상기 컨텐츠 영역이 제 2 크기로 변경되면, 상기 제 1 광고 컨텐츠 대신 제 2 광고 컨텐츠를 상기 제 2 크기의 컨텐츠 영역에 포함시키는 단계를 더 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.
  13. 제1항, 제2항, 제6항 및 제9항 내지 제12항 중 어느 하나의 항의 웹 페이지 표시 방법을 실행하기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체.
  14. 웹 서버로부터 수신된 웹 페이지를 화면에 표시하는 디스플레이부;
    상기 화면에 대해 기 설정된 제 1 지점 및 제 2 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하는 감지부; 및
    상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 상부에 위치하고, 상기 컨텐츠 영역의 상단이 상기 제 2 지점보다 하부에 위치하는 경우, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하는 제어부를 포함하되,
    상기 제어부는, 상기 스크롤 입력에 따른 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 증가시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 감소시키되,
    상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 하부에 위치하거나 상기 컨텐츠 영역의 상단이 상기 제 2 지점보다 상부에 위치하는 경우에는 상기 사용자의 스크롤 입력이 있더라도 상기 컨텐츠 영역의 크기는 변경되지 않는 것을 특징으로 하는 단말 장치.
  15. 웹 서버에 의한 웹 페이지 제공 방법에 있어서,
    단말 장치로부터 웹 페이지에 대한 요청을 수신하는 단계; 및
    상기 단말 장치의 요청에 따라 상기 웹 페이지를 상기 단말 장치로 제공하는 단계를 포함하되,
    상기 웹 페이지는,
    상기 단말 장치의 화면에 상기 웹 페이지가 표시되면, 상기 화면에 대해 기 설정된 제 1 지점 및 제 2 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하고, 상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 상부에 위치하고, 상기 컨텐츠 영역의 상단이 상기 제 2 지점보다 하부에 위치할 때, 스크롤 입력에 따른 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 증가시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 감소시키도록 하되,
    상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 하부에 위치하거나 상기 컨텐츠 영역의 상단이 상기 제 2 지점보다 상부에 위치하는 경우에는 사용자의 상기 스크롤 입력이 있더라도 상기 컨텐츠 영역의 크기는 변경되지 않는 것을 특징으로 하는 웹 페이지 제공 방법.
  16. 제15항에 있어서,
    상기 웹 페이지는,
    상기 컨텐츠 영역의 크기를 변경하면서, 상기 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경하도록 하는 것을 특징으로 하는 웹 페이지 제공 방법.
  17. 삭제
  18. 제15항에 있어서,
    상기 웹 페이지 제공 방법은,
    상기 컨텐츠 영역이 상기 단말 장치의 화면에 표시되었다는 것을 나타내는 정보, 상기 사용자에 의해 상기 컨텐츠 영역이 선택되었다는 것을 나타내는 정보, 상기 컨텐츠 영역이 상기 단말 장치의 화면에 표시된 시간에 대한 정보, 및 상기 컨텐츠 영역의 크기에 대한 정보 중 적어도 하나를 상기 단말 장치로부터 수신하는 단계; 및
    상기 수신된 정보에 기초하여 상기 컨텐츠 영역에 대응하는 광고주에 대한 과금액을 결정하는 단계를 더 포함하는 것을 특징으로 하는 웹 페이지 제공 방법.
  19. 제15항, 제16항 및 제18항 중 어느 하나의 항의 웹 페이지 제공 방법을 실행하기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체.
  20. 웹 페이지를 저장하는 저장부; 및
    단말 장치의 요청에 따라 상기 저장된 웹 페이지를 상기 단말 장치로 제공하는 통신부를 포함하되,
    상기 웹 페이지는,
    상기 단말 장치의 화면에 상기 웹 페이지가 표시되면, 상기 화면에 대해 기 설정된 제 1 지점 및 제 2 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하고, 상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 상부에 위치하고, 상기 컨텐츠 영역의 상단이 상기 제 2 지점보다 하부에 위치할 때, 스크롤 입력에 따른 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 증가시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 웹 페이지의 이동에 따라 상기 컨텐츠 영역의 크기를 감소시키도록 하되,
    상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 하부에 위치하거나 상기 컨텐츠 영역의 상단이 상기 제 2 지점보다 상부에 위치하는 경우에는 사용자의 상기 스크롤 입력이 있더라도 상기 컨텐츠 영역의 크기는 변경되지 않는 것을 특징으로 하는 웹 서버.
KR1020140125222A 2014-09-19 2014-09-19 단말 장치 및 이에 의한 웹 페이지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법 KR101647359B1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020140125222A KR101647359B1 (ko) 2014-09-19 2014-09-19 단말 장치 및 이에 의한 웹 페이지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법
PCT/KR2015/009111 WO2016043449A1 (ko) 2014-09-19 2015-08-31 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140125222A KR101647359B1 (ko) 2014-09-19 2014-09-19 단말 장치 및 이에 의한 웹 페이지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법

Publications (2)

Publication Number Publication Date
KR20160034110A KR20160034110A (ko) 2016-03-29
KR101647359B1 true KR101647359B1 (ko) 2016-08-23

Family

ID=55533446

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140125222A KR101647359B1 (ko) 2014-09-19 2014-09-19 단말 장치 및 이에 의한 웹 페이지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법

Country Status (2)

Country Link
KR (1) KR101647359B1 (ko)
WO (1) WO2016043449A1 (ko)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102189292B1 (ko) * 2018-02-23 2020-12-09 주식회사 한글과컴퓨터 차트 표시 방법 및 이를 이용하는 장치
KR102053454B1 (ko) * 2018-03-26 2019-12-06 주식회사 한글과컴퓨터 개체 편집 방법 및 이를 이용하는 개체 편집 장치

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014049095A (ja) 2012-09-04 2014-03-17 Yahoo Japan Corp 情報処理装置、サーバ装置、情報処理方法及びコンピュータプログラム

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
BR112012030176B1 (pt) * 2010-05-28 2020-10-27 Rakuten, Inc aparelho e método de controle de exibição, e, mídia de gravação
KR20120006672A (ko) * 2010-07-13 2012-01-19 엘지전자 주식회사 이동 단말기 및 그 제어 방법
JP5744644B2 (ja) * 2011-06-28 2015-07-08 ヤフー株式会社 コンテンツマッチ広告配信装置、方法
JP5865039B2 (ja) * 2011-11-30 2016-02-17 キヤノン株式会社 情報処理装置、情報処理装置の制御方法、及びプログラム

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2014049095A (ja) 2012-09-04 2014-03-17 Yahoo Japan Corp 情報処理装置、サーバ装置、情報処理方法及びコンピュータプログラム

Also Published As

Publication number Publication date
KR20160034110A (ko) 2016-03-29
WO2016043449A1 (ko) 2016-03-24

Similar Documents

Publication Publication Date Title
JP6130335B2 (ja) 情報表示プログラム、配信装置、情報表示方法および情報表示装置
KR101646051B1 (ko) 단말 장치 및 이에 의한 웹 페이지 디스플레이 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법
JP5837108B2 (ja) 配信装置、端末装置、配信方法および配信プログラム
JP6059315B1 (ja) 情報表示プログラム、情報表示方法、情報表示装置および配信装置
JP5937262B1 (ja) 情報表示プログラム、情報表示装置、情報表示方法、配信装置および配信方法
JP6039613B2 (ja) 表示プログラム、端末装置、表示方法及び配信装置
KR101647359B1 (ko) 단말 장치 및 이에 의한 웹 페이지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법
US11579766B2 (en) Methods and systems for reducing inadvertent interactions with advertisements displayed on a computing device
JP5749819B1 (ja) 配信装置、端末装置、配信方法及び配信プログラム
JP2018022386A (ja) 配信装置、配信方法、配信プログラム及び情報表示プログラム
KR101685676B1 (ko) 단말 장치 및 이에 의한 이미지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법
JP5996134B2 (ja) 配信装置、端末装置、配信方法及び配信プログラム
JP6224682B2 (ja) 情報表示プログラム、情報表示装置、情報表示方法及び配信装置
JP6360114B2 (ja) 表示プログラム、端末装置、表示方法及び配信装置
JP6158903B2 (ja) 情報表示プログラム、情報表示装置、情報表示方法及び配信装置
KR102031104B1 (ko) 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법
KR101571712B1 (ko) 단말 장치 및 이에 의한 컨텐츠 출력 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법
KR101879764B1 (ko) 단말 장치 및 이에 의한 웹 페이지 디스플레이 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법
KR101748680B1 (ko) 단말 장치 및 이에 의한 웹 페이지 디스플레이 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법
JP6912160B2 (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP5931134B2 (ja) 配信装置、端末装置、配信方法、配信プログラム及びサーバ装置
JP2019029871A (ja) 情報表示プログラム、情報表示装置、情報表示方法および配信装置
JP6396394B2 (ja) 表示プログラム、端末装置、表示方法及び配信装置
JP5881882B2 (ja) 配信装置、端末装置、配信方法及び配信プログラム
KR20160031075A (ko) 단말 장치 및 이에 의한 웹 페이지 표시 방법,및 웹 서버 및 이에 의한 웹 페이지 제공 방법

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
AMND Amendment
E601 Decision to refuse application
AMND Amendment
X701 Decision to grant (after re-examination)
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20190701

Year of fee payment: 4