KR101994933B1 - 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램 - Google Patents

Abstract

본 발명의 일 실시예는 웹페이지를 표시하기 위한 하나 이상의 탭을 포함하는 웹 브라우저를 제공하는 방법에 있어서, 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭(new tab)에 대한 표시 요청을 수신하는 단계; 상기 뉴탭의 배경 이미지의 색상에 기초하여 상기 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 상기 하나 이상의 블록 각각에 대하여 상기 각 블록에 표시할 추천 웹 페이지를 할당하고, 상기 하나 이상의 블록에 상기 추출된 색상을 할당하는 뉴탭 편집 단계; 및 상기 배경 이미지 상에 표시되는 상기 추천 영역에 나열되는 상기 하나 이상의 블록 각각에 상기 할당된 추천 웹 페이지의 정보를 표시하는 뉴탭을 제공하는 단계;를 포함하는 웹 브라우저 제공 방법을 개시한다.

Description

웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램{Apparatus, method and computer program for providing Web Browser}

본 발명의 실시예들은 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램에 관한 것이다.

웹 브라우저(Web Browser)는 웹 서버에서 쌍방향 통신하는 HTML 문서나 파일과 연동하고 출력하는 응용 소프트웨어이다. 웹 브라우저는 대표적인 HTTP 사용자 에이전트의 하나이기도 하다.

초기의 웹 브라우저는 전술한 기본적인 기능만을 제공하였으나, 기술 발달에 따라 최근 웹 브라우저는 북마크 기능, 캐시 기능, 플러그인을 통한 다양한 매체 지원 기능 등을 제공하게 되었다. 또한 URL과 폼 데이터의 자동 완성 기능, 탭 브라우징 기능, 광고 차단 기능 등 사용자의 편의에 기여하고 접근성을 향상시키는 기능 또한 제공되고 있다.

이 중 탭 브라우징 기능은 하나의 웹 브라우저 안에 여러 탭을 생성하여 각 탭을 통해 브라우징을 할 수 있는 기능을 의미한다. 탭 브라우징 기능에 따라 하나의 웹 브라우저 창에서도 복수의 웹 페이지에 접속할 수 있게 되었으며, 종래 웹 브라우저의 창을 여러 개 열고 브라우징을 하던 번거로움이 해소되었다.

본 발명의 실시예들은 추천 웹 페이지의 정보를 제공하는 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램을 제공한다.

본 발명의 실시예들은 웹 페이지를 조회할 수 있는 일반적인 탭(tab) 뿐만 아니라, 사용자에게 정보를 제공할 수 있는 뉴탭(New tab)을 제공할 수 있는 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램을 제공한다.

본 발명의 일 실시예는 웹페이지를 표시하기 위한 하나 이상의 탭을 포함하는 웹 브라우저를 제공하는 방법에 있어서, 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭(new tab)에 대한 표시 요청을 수신하는 단계; 상기 뉴탭의 배경 이미지의 색상에 기초하여 상기 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 상기 하나 이상의 블록 각각에 대하여 상기 각 블록에 표시할 추천 웹 페이지 및 상기 추출된 색상을 할당하는 뉴탭 편집 단계; 및 상기 할당된 색상 및 상기 할당된 추천 웹 페이지의 정보를 표시하는 상기 하나 이상의 블록을 나열하는 상기 추천 영역을 상기 배경 이미지 상에 표시하는 뉴탭을 제공하는 단계;를 포함하는 웹 브라우저 제공 방법을 개시한다.

본 실시예에서 상기 뉴탭은 복수의 블록을 포함하고, 상기 뉴탭 편집 단계는, 복수의 색상을 추출하고, 상기 복수의 블록 각각에 상기 추출된 복수의 색상 중 어느 하나의 색상을 할당할 수 있다.

본 실시예에서 상기 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 상기 제1 블록 및 상기 제2 블록은 서로 다른 색상으로 표시될 수 있다.

본 실시예에서 상기 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 상기 제1 블록 및 상기 제2 블록은 서로 다른 크기로 표시될 수 있다.

본 실시예에서 상기 뉴탭 편집 단계는, 상기 복수의 블록 각각의 크기를 고려하여 상기 각 블록에 상기 추천 웹 페이지를 할당할 수 있다.

본 실시예에서 상기 뉴탭 편집 단계는, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 추천 웹 페이지를 상기 복수의 블록 중 크기가 큰 블록에 할당할 수 있다.

본 실시예에서 상기 뉴탭 편집 단계는, 상기 뉴탭의 배경 이미지에 포함된 색상의 상기 배경 이미지 내 사용 빈도가 높은 순으로 상기 색상을 추출할 수 있다.

본 실시예에서 상기 뉴탭은 복수의 블록을 포함하고, 상기 뉴탭 편집 단계는, 복수의 색상을 추출하고, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 복수의 블록 각각에 대하여 상기 복수의 추천 웹 페이지 중 어느 하나와 상기 복수의 색상 중 어느 하나를 할당하되, 상기 각 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 배경 이미지 내 사용 빈도가 높은 색상이 할당될 수 있다.

본 실시예에서 상기 제공하는 단계 이후에, 상기 웹 브라우저의 해상도 변경에 따라 상기 추천 영역의 크기, 상기 블록의 개수, 상기 블록 중 적어도 일부의 크기, 및 상기 블록의 배열 중 적어도 하나를 갱신하여 제공하는 단계;를 더 포함할 수 있다.

본 실시예에서 상기 갱신하여 제공하는 단계는, 상기 추천 영역의 표시를 전환하는 애니메이션을 제공하고, 상기 애니메이션은 상기 추천 영역 내에서 위치가 변경된 블록을 이동시키는 애니메이션, 상기 블록의 투명도를 조절하는 애니메이션, 및 상기 블록의 크기를 변경하는 애니메이션 중 적어도 하나를 포함할 수 있다.

본 실시예에서 상기 제공하는 단계 이후에, 상기 블록의 배열을 수동 변경하는 사용자 입력을 수신하는 단계; 및 상기 사용자 입력에 따라 수동 변경된 블록의 배열을 저장하는 단계;를 더 포함할 수 있다.

본 발명의 다른 실시예는 컴퓨터를 이용하여 전술한 방법을 실행하기 위하여 매체에 저장된 컴퓨터 프로그램을 개시한다.

본 발명의 다른 실시예는 웹페이지를 표시하기 위한 하나 이상의 탭을 포함하는 웹 브라우저를 제공하는 장치에 있어서, 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭(new tab)에 대한 표시 요청을 수신하는 뉴탭 요청 수신부; 상기 뉴탭의 배경 이미지의 색상에 기초하여 상기 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 상기 하나 이상의 블록 각각에 대하여 상기 각 블록에 표시할 추천 웹 페이지 및 상기 추출된 색상을 할당하는 뉴탭 편집부; 및 상기 할당된 색상 및 상기 할당된 추천 웹 페이지의 정보를 표시하는 상기 하나 이상의 블록을 나열하는 상기 추천 영역을 상기 배경 이미지 상에 표시하는 뉴탭 제공부;를 포함하는 웹 브라우저 제공 장치를 개시한다.

전술한 것 외의 다른 측면, 특징, 이점이 이하의 도면, 특허청구범위 및 발명의 상세한 설명으로부터 명확해질 것이다. 이러한 일반적이고 구체적인 측면이 시스템, 방법, 컴퓨터 프로그램, 또는 어떠한 시스템, 방법, 컴퓨터 프로그램의 조합을 사용하여 실시될 수 있다.

본 발명의 실시예들에 관한 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램은, 기본적인 웹 페이지 조회 기능을 제공할 뿐 아니라, 추천 웹 페이지 정보 등 사용자에게 유용한 정보를 제공함으로써 웹 브라우저를 이용하는 사용자의 편의에 기여한다.

본 발명의 실시예들에 관한 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램은, 사용자에게 정보를 제공할 수 있는 뉴탭(New tab)을 제공하며, 뉴탭의 배경이미지 상에 추천 웹 페이지의 정보를 표시할 때 배경 이미지로부터 추출된 색상을 사용함으로써, 통일감 있는 인터페이스를 제공할 수 있다.

도 1은 본 발명의 일 실시예에 따른 웹 브라우저 제공 장치의 구성을 나타낸 도면이다.
도 2는 본 발명의 일 실시예에 따른 뉴탭 편집부(122)의 구성을 도시한 블록도이다.
도 3는 본 발명의 일 실시예에 따른 웹 브라우저 제공 방법을 도시한 흐름도이다.
도 4는 본 발명의 일 실시예에 따른 뉴탭이 표시된 웹 브라우저의 예이다.
도 5 내지 도 8은 본 발명의 일 실시예에 따른 적응적 추천 영역을 설명하기 위한 도면이다.
도 9는 본 발명의 일 실시예에 따른 뉴탭 화면의 일 예이다.
도 10은 본 발명의 일 실시예에 따른 뉴탭 화면의 다른 예이다.

본 발명은 다양한 변환을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 본 발명의 효과 및 특징, 그리고 그것들을 달성하는 방법은 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 다양한 형태로 구현될 수 있다.

이하, 첨부된 도면을 참조하여 본 발명의 실시예들을 상세히 설명하기로 하며, 도면을 참조하여 설명할 때 동일하거나 대응하는 구성 요소는 동일한 도면부호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.

이하의 실시예에서, 제1, 제2 등의 용어는 한정적인 의미가 아니라 하나의 구성 요소를 다른 구성 요소와 구별하는 목적으로 사용되었다. 이하의 실시예에서, 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 이하의 실시예에서, 포함하다 또는 가지다 등의 용어는 명세서상에 기재된 특징, 또는 구성요소가 존재함을 의미하는 것이고, 하나 이상의 다른 특징들 또는 구성요소가 부가될 가능성을 미리 배제하는 것은 아니다. 도면에서는 설명의 편의를 위하여 구성 요소들이 그 크기가 과장 또는 축소될 수 있다. 예컨대, 도면에서 나타난 각 구성의 크기 및 두께는 설명의 편의를 위해 임의로 나타내었으므로, 본 발명이 반드시 도시된 바에 한정되지 않는다.

도 1은 본 발명의 일 실시예에 따른 웹 브라우저 제공 장치의 구성을 나타낸 도면이다.

도 1을 참조하면, 본 발명의 일 실시예에 따른 웹 브라우저 제공 장치(100)는 표시 제어부(110), 뉴탭 제공부(120), 메모리(130) 및 입출력부(140)를 포함한다. 표시 제어부(110) 및 뉴탭 제공부(120)는 각각 하나 이상의 프로세서에 해당하거나, 하나 이상의 프로세서를 포함할 수 있다. 또는 표시 제어부(110) 및 뉴탭 제공부(120)는 하나의 프로세서에 함께 포함될 수 있다. 도 1에 도시된 웹 브라우저 제공 장치(100)는 이하에서 본 발명의 실시예들을 설명하기 위해 필요한 구성요소들을 도시한 것이므로, 도 1에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 더 포함될 수 있다.

본 발명의 일 실시예에 따라 제공되는 웹 브라우저 제공 장치(100)는 인터넷 망에서 웹 페이지를 조회할 수 있는 인터페이스를 제공하는 응용 프로그램인 웹 브라우저를 제공한다. 본 발명의 일 실시예에 따라 제공되는 웹 브라우저는 하나 이상의 탭을 제공하며, 각각의 탭은 웹 페이지를 표시할 수 있다.

본 발명의 일 실시예에 따라 제공되는 웹 브라우저는 뉴탭(new tab)을 제공한다. 이하에서 뉴탭이란, 사용자가 웹 브라우저의 실행을 개시하거나 웹 브라우저의 실행 도중 탭을 추가하고자 하는 명령을 입력하였을 때, 웹 브라우저 제공 장치(100)에 의해 제공되는 기본(default) 탭의 일 예를 의미한다. 본 발명의 일 실시예에 따른 웹 페이지 제공 장치(100)는 사용자의 설정에 따라 뉴탭을 제공할 수 있다. 일 예에 따르면, 웹 페이지 제공 장치(100)는 사용자가 기설정한 홈(home) 웹페이지를 표시하는 뉴탭을 제공한다. 일 예에 따르면, 웹 페이지 제공 장치(100)는 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 포함하는 뉴탭을 제공한다. 본 예에서 뉴탭은 하나 이상의 추가 기능을 더 제공할 수 있다. 추가 기능은 예컨대, 검색 기능, 시계 기능, 달력 기능, 기상예보 기능 등 사용자 편의에 기여하는 기능 중 하나 이상일 수 있다. 이하에서는 웹 페이지 제공 장치(100)가 하나 이상의 추천 페이지의 정보를 포함하는 뉴탭을 제공하는 예에 대하여 상세히 설명한다.

본 발명의 일 실시예에 따른 표시 제어부(110)는 웹 브라우저의 표시를 전반적으로 제어한다.

본 발명의 일 실시예에 따른 뉴탭 제공부(120)는 사용자로부터 수신되는 뉴탭 요청에 대응하여 뉴탭을 제공한다. 표시 제어부(110)는 뉴탭 제공부(120)에 의해 제공되는 뉴탭을 웹 브라우저 제공 장치(100)에 연결된 표시 장치(예를 들어, 단말의 표시부, 또는 PC의 모니터 등)에 표시한다.

본 발명의 일 실시예에 따른 메모리(130)는 웹 브라우저 제공 장치(100)가 사용하는 데이터를 저장한다. 예를 들어, 메모리(130)는 웹 브라우저 프로그램, 사용자 로그, 사용자 설정 정보 등을 저장할 수 있다. 메모리(130)는 자기 저장 매체(magnetic storage media) 또는 플래시 저장 매체(flash storage media)를 포함할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.

본 발명의 일 실시예에 따른 입출력부(140)는 유선 또는 무선 연결을 통해 웹 브라우저 제공 장치(100)에 연결되는 외부 장치와 데이터를 송수신하기 위해 필요한 하드웨어 및 소프트웨어를 포함하는 장치일 수 있다.

본 발명의 일 실시예에 따른 뉴탭 제공부(120)는 뉴탭 요청 수신부(121), 뉴탭 편집부(122) 및 뉴탭 출력부(123)를 포함한다.

일 실시예에 따른 뉴탭 요청 수신부(121)는 입출력부(141)로 입력되는 사용자 입력을 수신한다. 사용자 입력은 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭에 대한 표시 요청일 수 있다. 이러한 사용자 입력은 웹 브라우저의 실행 요청에 포함되는 종속적 요청이거나 웹 브라우저의 실행 도중 탭 추가 요청에 따라 발생하는 단독 요청일 수 있다.

일 실시예에 따른 뉴탭 편집부(122)는 뉴탭에 포함되는 추천 영역 내에 표시되어 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록의 표시 요소를 결정한다. 표시 요소는 예컨대, 각 블록에 할당되는 색상, 추천 웹 페이지, 및 각 블록의 배열 정보를 포함할 수 있다. 한편, 뉴 탭은 배경 이미지를 갖는다. 일 실시예에 따른 뉴탭은, 추천 웹 페이지의 정보를 표시하는 별도의 추천 영역을 배경 이미지 상에 표시한다. 뉴탭의 추천 영역에는 하나 이상의 블록이 나열된다. 각 블록은 추천 웹 페이지의 정보를 표시한다. 뉴탭 편집부(122)는 추천 영역에 표시할 추천 웹 페이지를 결정하고, 하나 이상의 블록 각각에 대하여 각 블록에 표시할 추천 웹 페이지를 할당한다. 뉴탭 편집부(122)는 뉴탭의 배경 이미지의 색상에 기초하여, 추천 영역에 나열되는 블록에 사용하기 위한 색상을 추출한다. 뉴탭 편집부(122)는 추출된 색상을 각 블록에 할당한다.

뉴탭 출력부(123)는 뉴탭 편집부(122)에 의해 결정된 표시 요소들에 따라 표시되는 추천 영역을 포함하는 뉴탭을 표시 제어부(110)에 제공한다. 상세히, 뉴탭 출력부(123)는 배경 이미지 상에 표시되는 추천 영역에 나열되는 하나 이상의 블록을 표시하는 뉴탭을 제공한다. 이 때, 하나 이상의 블록은 각 블록에 할당된 색상으로 표시되고 각 블록에 할당된 추천 웹 페이지의 정보를 표시한다. 표시 제어부(110)는 뉴탭을 화면에 표시된 웹 브라우저에 표시하여 제공한다.

도 2는 본 발명의 일 실시예에 따른 뉴탭 편집부(122)의 구성을 도시한 블록도이다.

도 2에 도시된 뉴탭 편집부(122)는 본 실시예의 특징이 흐려지는 것을 방지하기 위하여 본 실시예와 관련된 구성요소들만을 도시한 것이다. 따라서, 도 2에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 더 포함될 수 있음을 본 실시예와 관련된 기술분야에서 통상의 지식을 가진 자라면 이해할 수 있다.

도 2를 참조하면, 본 발명의 일 실시예에 따른 뉴탭 편집부(122)는 블록 배열부(21), 추천 웹페이지 할당부(22), 색상 추출부(23), 및 색상 할당부(24)를 포함한다.

본 발명의 일 실시예에 따른 블록 배열부(21)는 하나 이상의 블록의 배열을 결정한다. 일 실시예에 따른 블록 배열부(21)는 하나 이상의 기설정된 블록 배열 패턴 중 어느 하나에 따라 블록 배열을 결정할 수 있다. 일 실시예에 따르면, 뉴탭 화면은 추천 영역을 포함하고, 추천 영역은 복수의 블록을 나열하고, 블록 배열부(21)는 복수의 블록의 배열을 결정한다. 블록 배열부(21)는 추천 영역의 크기를 고려하여 블록의 개수를 결정하고, 해당 개수의 블록의 배열을 결정할 수 있다. 블록 배열부(21)는 복수의 블록이 추천 영역 내에 모두 표시될 수 있도록 블록의 배열을 결정한다.

블록 배열부(21)는 복수의 블록을 서로 인접하도록 나열하였을 때 복수의 블록의 전체적인 아웃라인이 추천 영역의 형태와 일치하도록 복수의 블록을 배열할 수 있다. 예를 들어 추천 영역이 직사각형인 경우, 블록 배열부(21)는 복수의 블록을 나열하였을 때의 전체 아웃라인이 직사각형이 되도록 블록 배열을 결정할 수 있다.

블록 배열부(21)는 크기가 다른 복수의 블록의 배열을 결정할 수 있다. 블록 배열부(21)는 크기가 큰 블록일수록 좌측 상단에 위치하도록 블록 배열을 결정할 수 있으나 이에 한정하지 않는다. 또는 블록 배열부(21)는 가장 크기가 큰 블록을 고정된 위치에 표시하도록 블록 배열을 결정할 수 있다.

블록 배열부(21)는 기설정된 개수의 블록을 기설정된 방식에 따라 나열하도록 블록 배열을 결정할 수 있다. 즉, 블록의 개수, 각 블록의 크기, 각 블록의 표시 위치가 모두 지정된 블록 배열 정보가 사용자 또는 관리자에 의해 미리 설정되어 메모리(130) 또는 외부 장치에 저장될 수 있고, 블록 배열부(21)는 메모리(130) 또는 외부 장치에 저장된 블록 배열 정보를 참조하여 뉴탭에 표시할 블록 배열을 결정할 수 있다.

본 발명의 일 실시예에 따른 추천 웹페이지 할당부(22)는 추천 웹 페이지를 결정한다. 결정된 추천 웹 페이지의 정보는 추천 영역에 포함된 각 블록에 표시된다. 추천 웹페이지 할당부(22)는 결정된 추천 웹 페이지를 블록에 할당한다. 추천 웹 페이지 할당부(22)는 메모리(130)에 저장된 추천 웹 페이지 목록을 참조하여 추천 웹 페이지를 결정할 수 있다. 추천 웹 페이지 할당부(22)는 메모리(130)에 저장된 사용자 방문기록을 참조하여 추천 웹 페이지를 결정할 수 있다. 추천 웹페이지 할당부(22)는 블록 개수만큼의 추천 웹 페이지를 결정할 수 있으나 이에 한정하는 것은 아니고, 기설정된 개수 만큼의 추천 웹 페이지를 결정할 수도 있다. 각 블록은 할당된 추천 웹 페이지의 정보를 간략하게 표시할 수 있다.

본 발명의 일 실시예에 따른 색상 추출부(23)는 뉴탭의 배경 이미지의 색상에 기초하여 블록에 사용하기 위한 하나 이상의 색상을 추출한다. 뉴탭의 배경 이미지는 사용자에 의해 기설정되거나, 또는 웹 브라우저 제공 장치(100)에 의해 기설정되어 메모리(130)에 저장된 것이거나, 외부 서버로부터 통신망을 통해 제공되는 것일 수 있다. 뉴탭의 배경 이미지는 하나의 고정 이미지일 수도 있고, 복수의 이미지 풀 내에서 규칙적으로 또는 랜덤으로 하나의 이미지가 선택될 수도 있다.

본 발명의 일 실시예에 따른 색상 할당부(24)는 색상 추출부(23)에 의해 추출된 색상을 각 블록에 할당한다.

본 발명의 일 실시예에 따라 제공되는 뉴탭은, 배경 이미지 상에 중첩되도록 표시되는 추천 영역 내에 블록을 표시함에 있어 배경 이미지에 포함된 색상으로 블록을 표시하게 되므로, 추천 영역과 배경 이미지에 시각적 통일감을 줄 수 있다. 또한 사용자가 배경 이미지를 선택한 경우, 사용자의 취향에 맞는 배경 이미지 상에 추천 영역을 표시할 수 있어 사용자의 만족도를 높이는 것은 물론이고, 사용자의 취향에 맞는 배경 이미지에 포함된 색상으로 추천 영역까지 함께 표시할 수 있게 되므로, 사용자의 만족도를 한차원 더 높이고, 나아가 개인화된 디자인의 뉴탭을 제공할 수 있게 된다.

일 실시예에 따르면, 뉴탭은 복수의 블록을 포함하고, 뉴탭의 추천 영역에는 복수의 블록이 나열된다. 색상 추출부(23)는 뉴탭의 배경 이미지로부터 복수의 색상을 추출하고, 색상 할당부(24)는 복수의 블록 각각에 추출된 복수의 색상 중 어느 하나의 색상을 할당한다. 복수의 블록 각각은 서로 같은 색상으로 표시될 수도 있고, 다른 색상으로 표시될 수도 있다. 또는 복수의 블록 중 일부만 같은 색상으로 표시되고, 일부는 다른 색상으로 표시될 수 있다. 예를 들어, 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 제1 블록 및 제2 블록은 서로 다른 색상으로 표시될 수 있다.

일 예에 따르면, 색상 추출부(23)는 배경 이미지의 픽셀값을 참조하여 배경 이미지에 포함된 색상의 배경 이미지 내 사용 빈도가 가장 높은 색상을 추출할 수 있다. 색상 추출부(23)는 배경 이미지에 포함된 색상의 배경 이미지 내 사용 빈도가 높은 순으로 복수의 색상을 추출할 수 있다. 색상 추출부(23)는 기설정된 개수의 색상을 추출하거나, 블록의 개수에 대응되는 색상을 추출할 수 있다. 예를 들어, 배경 이미지가 백사장과 바다를 촬영한 사진인 경우, 색상 추출부(23)는 배경 이미지 내 사용 빈도가 높은 푸른 계열의 색상과 브라운 계열의 색상을 추출하게 될 것이다. 다만, 배경 이미지에서 바다가 80%를 차지하는 경우, 브라운 계열의 색상은 추출되지 않고 푸른 계열에 포함되는 복수의 색상이 추출될 수 있다.

다른 예에 따르면, 색상 추출부(23)는 배경 이미지에 포함된 색상을 복수의 클러스터로 분류하고, 각 클러스터의 대표 색상을 추출할 수 있다. 본 예에 따르면, 색상 추출부(23)는 배경 이미지에서 유의미한 색상을 효과적으로 추출할 수 있다. 예를 들어 배경 이미지가 백사장과 바다를 촬영한 사진인 경우, 색상 추출부(23)는 푸른 계열의 제1 클러스터와 브라운 계열의 제2 클러스터를 추출하고, 제1 클러스터의 대표색과 제2 클러스터의 대표색을 추출할 수 있다. 이에 따르면 배경 이미지에서 바다가 80%를 차지하더라도 푸른 계열에 포함된 색상과 브라운 계열에 포함된 색상이 모두 추출될 수 있다.

일 실시예에 따르면 복수의 블록은 서로 다른 크기를 가질 수 있다. 추천 웹 페이지 할당부(22)는 기설정된 규칙에 따라 복수의 블록 각각의 크기를 고려하여 각 블록에 추천 웹 페이지를 할당할 수 있다. 예를 들어, 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 제1 블록 및 제2 블록은 서로 다른 크기를 가질 수 있다.

예를 들어, 추천 웹 페이지 할당부(22)는 메모리(130)에 저장된 추천 웹 페이지 목록을 참조하여 추천 웹 페이지를 결정할 수 있다. 본 예에서 추천 웹페이지 할당부(22)는 추천 웹 페이지의 목록에 포함된 각 추천 웹 페이지 중 우선순위가 높은 추천 웹 페이지를 크기가 큰 블록에 할당하는 방식으로, 추천 웹 페이지의 우선순위에 따라 각 블록에 추천 웹 페이지를 할당할 수 있다.

다른 예를 들면, 추천 웹페이지 할당부(22)는 메모리(130)에 저장된 사용자의 웹 페이지 방문 기록을 참조하여 추천 웹 페이지를 결정할 수 있다. 본 예에서 추천 웹페이지 할당부(22)는 추천 웹 페이지의 사용자 방문 빈도가 높을수록 크기가 큰 블록에 할당하는 방식으로, 추천 웹 페이지의 사용자 방문 빈도에 따라 각 블록에 추천 웹페이지를 할당할 수 있다.

추천 웹페이지 할당부(22)는 전술한 것과 같이 기설정된 규칙에 따라 각 블록에 추천 웹 페이지를 할당하되, 사용자 설정에 따른 예외를 둘 수 있다. 예를 들어, 사용자가 가장 크기가 큰 블록에 표시할 제1 웹 페이지를 지정한 경우, 추천 웹페이지 할당부(22)는 제1 웹 페이지를 가장 큰 블록에 먼저 할당한 후, 기설정된 규칙에 따라 나머지 블록에 나머지 추천 웹 페이지를 할당할 수 있다. 다른 예를 들면, 사용자가 수동으로 추가한 추천 웹 페이지를 복수의 블록 중 우선도가 높은 블록에 먼저 할당한 후, 나머지 블록에 추천 웹페이지 할당부(22)가 선정한 추천 웹 페이지를 할당할 수 있다. 우선도가 높은 블록은 크기가 큰 블록일 수 있으나, 이에 한정하지 않으며, 추천영역 내에서 좌측 및/또는 상단에 위치할수록 블록의 우선도가 높을 수 있다.

일 실시예에 따르면 추천 웹페이지 할당부(22) 및 색상 할당부(24)는 각 블록에 할당된 추천 웹 페이지와 각 블록의 색상이 연관되도록 할 수 있다. 예를 들어, 추천 웹 페이지 할당부(22)가 복수의 블록 각각에 추천 웹 페이지를 할당한 후, 색상 할당부(24)는 각 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도 또는 우선 순위가 높을수록 추출된 복수의 색상 중 배경 이미지 내 사용 빈도가 높은 색상, 혹은 배경 이미지 내 사용 빈도가 높은 클러스터의 색상을 할당할 수 있다.

다만, 추천 웹 페이지 할당 및 색상 할당의 순서는 변경되어도 무방하다. 예를 들어, 색상 할당부(24)가 복수의 블록 각각에 색상을 할당한 후, 추천 웹 페이지 할당부(22)는 각 블록에 할당된 색상의 배경 이미지 내 사용 빈도 또는 각 블록에 할당된 색상의 클러스터의 배경 이미지 내 사용 빈도가 높을수록, 사용자 방문 빈도 또는 우선순위가 높은 추천 웹 페이지를 해당 블록에 할당할 수 있다. 이에 따르면, 중요한 추천 웹 페이지의 정보일수록 배경 이미지에서의 비중이 큰 색상으로 표시된 블록에 표시되어 사용자에게 중요하게 인지될 수 있으므로, 사용자가 보다 빠르고 쉽게 중요한 추천 웹 페이지를 인지할 수 있게 된다.

한편, 표시 제어부(110)는 사용자의 입력에 따라 웹 브라우저의 해상도를 변경할 수 있다. 예를 들어, 표시 제어부(110)에 의해 제공된 웹 브라우저의 해상도가 1920X1080이고, 사용자가 입력 장치를 이용하여 웹 브라우저의 해상도를 변경한 경우, 표시 제어부(110)는 변경된 해상도로 웹 브라우저를 표시할 수 있다. 한편, 웹 브라우저 제공 장치(100)는 변경된 해상도에 따라 뉴탭의 추천 영역의 표시를 갱신할 수 있다. 예를 들어, 웹 브라우저 제공 장치(100)는 변경된 해상도의 범위 내에 추천 영역이 표시되도록 추천 영역의 크기를 변경할 수 있고, 추천 영역의 크기, 추천 영역 내에 표시되는 블록의 개수, 블록 중 적어도 일부의 크기 및 블록의 배열 중 적어도 하나를 갱신하여 제공할 수 있다.

이와 관련한 일 구현예에 따르면, 뉴탭 제공부(120)는 웹 브라우저의 해상도에 따라 추천 영역이 적응적으로 표시되도록 뉴탭을 제공할 수 있다.

본 예에서, 블록 배열부(21)는 추천 영역에 표시 가능한 블록의 최대 개수를 결정하고, 추천 웹 페이지 할당부(22)는 결정된 최대 개수의 블록 각각에 대하여 추천 웹 페이지를 할당하고, 색상 할당부(24)는 결정된 최대 개수의 블록 각각에 대하여 색상을 할당할 수 있다. 블록 배열부(21)는 추천 영역의 형태가 변경될 때 블록의 배열 변경 규칙을 결정할 수 있다. 추천 영역의 형태는 웹 브라우저의 해상도 변경에 대응하여 변경될 수 있다. 블록의 최대 개수는 웹 브라우저의 최대 해상도에 따른 추천 영역의 최대 크기에 따라 결정되거나, 사용자 또는 관리자에 의해 특정 값으로 기설정될 수 있다.

추천 영역의 크기는 연속적으로 변경되지 않으며, 웹 브라우저의 해상도의 범위에 따라 단계적으로 변경될 수 있다. 블록 배열부(21)는 추천 영역의 형태 및 블록의 배열을 웹 브라우저의 해상도 범위마다 미리 지정한 정보를 이용하여 블록의 배열 변경 규칙을 결정할 수 있다. 예를 들어, 웹 브라우저의 해상도 범위에 따라 추천 영역의 형태를 제1 형태, 제2 형태, 및 제3 형태 중 어느 하나로 표시하도록 설정할 수 있고, 제1 형태의 추천 영역에 표시할 블록의 제1 배열, 제2 형태의 추천 영역에 표시할 블록의 제2 배열, 제3 형태의 추천 영역에 표시할 블록의 제3 배열을 미리 설정할 수 있다. 제1 배열, 제2 배열 및 제3 배열은 서로 다른 개수의 블록을 나열할 수 있다.

전술한 것과 같이 뉴탭 제공부(120)는 표시 가능한 최대 개수의 블록 각각에 대하여 표시요소를 결정할 수 있고, 블록 배열부(21)는 웹 브라우저의 해상도 범위에 따라 최대 개수의 블록의 적어도 일부를 추천 영역에 표시할 수 있다. 뉴탭 제공부(120)는 이와 같이 최대 개수의 블록에 대하여 표시요소를 모두 결정한 후 웹 브라우저의 해상도에 따라 적어도 일부 블록을 표시하는 적응적 추천 영역을 포함하는 뉴탭을 제공할 수 있다. 본 구현 예에 따르면 해상도 변경에 따른 추천 영역 갱신에 요구되는 데이터 처리가 최소화된다.

본 예에서, 표시 제어부(110)는 표시부에 표시되는 웹 브라우저의 해상도에 따라 추천 영역의 크기를 가변적으로 제어하고, 추천 영역의 크기에 따라 뉴탭 제공부(120)에 의해 제공된 복수의 블록 중 적어도 일부를 추천 영역 내에 표시할 수 있다.

이와 관련한 다른 구현예에 따르면, 표시 제어부(110)는 웹 브라우저의 해상도의 범위를 모니터링하고, 웹 브라우저의 해상도 범위가 현재 범위를 벗어나는 경우, 뉴탭 제공부(120)에 추천 영역 갱신을 요청할 수 있다. 뉴탭 제공부(120)는 변경된 웹 브라우저의 해상도 범위에 따라 추천 영역 내에 나열되는 하나 이상의 블록의 표시 요소들을 갱신할 수 있다.

본 구현예에서, 뉴탭 제공부(120)는 전술한 구현예에서와 마찬가지로 웹 브라우저의 범위에 따라 단계적으로 블록 배열을 변경할 수 있다. 다만 본 구현예에서 뉴탭 제공부(120)는 선정된 추천 웹 페이지의 목록 및 추출된 색상의 목록을 이용하여 블록 배열이 변경될 때마다 각 블록에 추천 웹 페이지와 색상을 다시 할당할 수 있다. 본 구현예에 따르면 해상도 변경에 따른 추천 영역 갱신에 요구되는 데이터 처리는 전술한 구현예에 비해 다소 증가하지만, 추천 영역의 표시가 변경되었다는 것을 시각적으로 강조할 수 있고 다양한 표시 효과를 제공할 수 있다.

본 발명의 일 실시예에 따르면, 뉴탭 제공부(120)는 웹 브라우저 해상도 변경에 따라 블록 배열이 변경되는 과정에서 블록의 표시를 전환하는 애니메이션을 적용할 수 있다. 애니메이션은, 추천 영역의 크기를 조절하는 애니메이션, 추천 영역 내에서 위치가 변경된 블록을 이동시키는 애니메이션, 블록의 투명도를 조절하는 애니메이션, 및 블록의 크기를 변경하는 애니메이션 중 적어도 하나를 포함할 수 있다.

이와 관련한 일 구현예에 따르면, 뉴탭 제공부(120)는 웹 브라우저의 해상도에 따라 추천 영역이 적응적으로 표시되고, 추천 영역의 표시가 변경될 때 전환 효과를 나타내는 애니메이션이 적용되도록 설정된 뉴탭을 제공할 수 있다.

다른 구현예에 따르면, 뉴탭 제공부(120)는 웹 브라우저의 해상도 변경에 따라 뉴탭을 갱신하여 제공할 때, 추천 영역의 표시 전환 효과를 나타내는 애니메이션이 적용되도록 설정된 뉴탭을 제공할 수 있다.

본 발명의 일 실시예에 따르면, 뉴탭 편집부(122)는 블록의 배열을 수동 변경하는 사용자 입력을 수신하고, 사용자 입력에 따라 수동 변경된 블록 배열 정보를 메모리(130) 또는 외부 장치에 저장할 수 있다. 사용자 입력은 드래그 앤 드롭일 수 있다. 본 실시예에 따르면 사용자는 추천 영역 내에서 특정 추천 웹 페이지를 표시하는 블록을 자신이 원하는 위치에 고정할 수 있고, 뉴탭 편집부(122)는 해당 정보를 메모리(130)에 저장할 수 있다. 뉴탭 편집부(122)는 사용자에 의해 수동으로 위치가 결정된 블록을 우선적으로 배치하고, 남은 공간에 블록을 더 배치하여 추천 영역을 구성할 수 있다.

도 3a, 도 3b 및 도 3c는 본 발명의 일 실시예에 따른 웹 브라우저 제공 방법을 도시한 흐름도이다.

도 3a, 도 3b 및 도 3c에 도시된 흐름도는 도 1 및 도 2에 도시된 웹 브라우저 제공 장치(100)에서 시계열적으로 처리되는 단계들로 구성된다. 따라서, 이하에서 생략된 내용이라 하더라도 도 1 및 도 2에서 도시된 구성들에 관하여 이상에서 기술된 내용은 도 3a, 도 3b 및 도 3c에 도시된 흐름도에도 적용됨을 알 수 있다.

먼저 도 3a을 참조하면, 단계 S31에서 뉴탭 요청 수신부(121)는 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭에 대한 표시 요청을 수신한다.

단계 S32에서 뉴탭 편집부(122)는 뉴탭의 배경 이미지의 색상에 기초하여 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 하나 이상의 블록 각각에 대하여 각 블록에 표시할 추천 웹 페이지를 할당하고, 상기 하나 이상의 블록에 상기 추출된 색상을 할당한다. 단계 S32에서 뉴탭 편집부(122)는 뉴탭의 배경 이미지의 색상에 기초하여 복수의 색상을 추출할 수 있고, 복수의 블록 각각에 대하여 각 블록에 표시할 추천 웹 페이지를 할당하고, 복수의 블록 각각에 상기 복수의 색상 중 어느 하나의 색상을 할당할 수 있다. 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 제1 블록 및 제2 블록은 서로 다른 색상으로 표시될 수 있다. 제1 블록 및 제2 블록은 서로 다른 크기로 표시될 수 있다. 뉴탭 편집부(122)는 기설정된 규칙에 따라 상기 복수의 블록 각각의 크기를 고려하여 상기 각 블록에 상기 추천 웹 페이지를 할당할 수 있다. 뉴탭 편집부(122)는 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 추천 웹 페이지를 상기 복수의 블록 중 크기가 큰 블록에 할당할 수 있다. 뉴탭 편집부(122)는 뉴탭의 배경 이미지에 포함된 색상의 상기 배경 이미지 내 사용 빈도가 높은 순으로 기설정된 개수의 색상을 추출할 수 있다.

단계 S32에서 뉴탭 편집부(122)는 복수의 색상을 추출하고, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 복수의 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 배경 이미지 내 사용 빈도가 높은 색상을 할당할 수 있다.

단계 S33에서 뉴탭 출력부(123)는 배경 이미지 상에 표시되는 추천 영역에 나열되는 하나 이상의 블록 각각에 할당된 추천 웹 페이지의 정보를 표시하는 뉴탭을 제공한다.

다음으로 도 3b를 참조하면, 본 발명의 일 실시예에 따른 웹 브라우저 제공 방법은, 단계 S34b를 더 포함한다.

단계 S34b에서 뉴탭 제공부(120)는 웹 브라우저의 해상도 변경에 따라 추천 영역의 크기, 블록의 개수, 블록 중 적어도 일부의 크기, 및 블록의 배열 중 적어도 하나를 갱신하여 제공한다. 단계 S34b에서 뉴탭 제공부(120)는 블록의 표시를 전환하는 애니메이션을 제공하고, 애니메이션은 상기 추천 영역 내에서 위치가 변경된 블록을 이동시키는 애니메이션, 상기 블록의 투명도를 조절하는 애니메이션, 및 상기 블록의 크기를 변경하는 애니메이션 중 적어도 하나를 포함할 수 있다.

다음으로, 도 3c를 참조하면, 본 발명의 일 실시예에 따른 웹 브라우저 제공 방법은 단계 S34c 및 S35를 더 포함한다.

단계 S34c에서 뉴탭 제공부(120)는, 블록의 배열을 수동 변경하는 사용자 입력을 수신한다.

단계 S35에서 뉴탭 제공부(120)는 사용자 입력에 따라 수동 변경된 블록의 배열을 메모리(130)또는 외부 장치에 저장한다.

이하에서는, 웹 브라우저가 표시된 예와 함께 본 발명의 실시예들을 상세히 설명한다.

도 4는 본 발명의 일 실시예에 따른 뉴탭이 표시된 웹 브라우저의 예이다.

도 4를 참조하면, 웹 브라우저 제공 장치(110)에 의해 제공되는 웹 브라우저(WB)가 도시되었고, 뉴탭 제공부(120)에 의해 제공되는 뉴탭(NT)이 표시되었다. 도 4를 참조하면, 웹 브라우저(WB)는 뉴탭 요청 버튼(41), 주소 입력창(42), 북마크 바(BB), 및 브라우징 영역(40)을 표시한다. 북마크 바(BB)에는 복수의 북마크(BM)가 표시되었다. 도 4에서는 브라우징 영역(40)에 뉴탭이 표시된 예가 도시되었다. 사용자가 특정 웹 페이지로 이동하게 되면 브라우징 영역(40)에는 해당 웹 페이지가 표시될 것이다.

도 4를 참조하면, 뉴탭 제공부(120)에 의해 제공되는 뉴탭(NT)은 추천 웹 페이지의 정보를 제공하는 추천 영역(RR)을 포함한다. 도 4의 예에서 뉴탭(NT)은 검색 위젯(43), 날씨 위젯(44) 및 시계 위젯(45)을 더 포함하도록 도시되었다. 추천 영역(RR) 내에는 복수의 블록(B)이 나열되었다. 각 블록(B)의 배경은 브라우징 영역(40)에 표시되는 배경 이미지에 대응하여 추출된 색상으로 표시된다. 각 블록(B)에는 하나의 추천 웹 페이지가 할당되었고, 각 블록(B)은 할당된 추천 웹 페이지의 정보를 간략하게 제공하고 있음을 볼 수 있다.

도 4를 참조하면, 각 블록(B)은 할당된 추천 웹 페이지의 정보를 나타내는 아이콘 및 텍스트를 표시한다. 아이콘은 추천 웹 페이지의 대표 아이콘, 파비콘, 배너 등 웹 페이지를 나타낼 수 있는 이미지 또는 해당 이미지의 편집본일 수 있다. 일 실시예에 따른 뉴탭 제공부(120)는 추천 웹 페이지의 대표 아이콘, 파비콘, 배너 등 웹 페이지를 나타낼 수 있는 이미지를 편집하여 블록(B)에 표시할 수 있다. 편집 방식은 예를 들어, 기저장된 필터를 이용해 이미지를 단순화하는 편집일 수 있다. 또는 추천 웹 페이지의 URL 또는 명칭에 포함된 문자(character)를 이용하여 아이콘을 생성할 수 있다. 예를 들어, 추천 웹 페이지의 URL 또는 명칭의 첫번째 문자를 기설정된 서식으로 표시한 아이콘을 생성할 수 있다. 다만 아이콘 생성 방법은 전술한 예시에 한정하지 않는다. 텍스트는 추천 웹 페이지의 명칭 또는 웹 페이지의 URL일 수 있다. 아이콘 및 텍스트는 사용자에 의해 또는 관리자에 의해 임의로 저장될 수도 있다.

도 4를 참조하면, 복수의 블록(B)이 표시되었고, 복수의 블록(B)은 크기가 다른 블록(B)을 포함한다. 도 4의 예에서 복수의 블록(B)은 제1 크기의 제1 블록(B1), 제2 크기의 제2 블록(B2), 및 제3 크기의 제3 블록(B3)을 포함하도록 도시되었다. 본 발명의 일 실시예에 따른 뉴탭 제공부(120)는 사용자의 웹 페이지 방문 빈도가 높은 순으로 크기가 큰 블록에 추천 웹 페이지를 할당할 수 있다. 도 4의 예에서 뉴탭 제공부(120)는 사용자의 웹 페이지 방문 빈도가 가장 높은 추천 웹 페이지를 크기가 가장 큰 제1 블록(B1)에 할당하고, 그 다음으로 방문 빈도가 높은 추천 웹 페이지를 다음으로 크기가 큰 제2 블록(B2)에 할당하고, 나머지 추천 웹 페이지들은 제3 크기의 제3 블록(B3)을 포함하는 나머지 블록(B)에 할당하였다. 크기가 같은 블록(B) 중에서는 좌측 상단의 우선순위가 높을 수 있다. 즉, 뉴탭 제공부(120)는 제3 크기의 블록들(B) 중 좌측 상단에 위치한 블록부터 우측 하단에 위치한 블록의 순으로 사용자의 방문 빈도가 높은 추천 웹 페이지를 할당할 수 있다.

도 4를 참조하면, 각 블록(B)의 배경은 뉴탭(NT)의 배경 이미지에서 추출된 색상으로 표시된다. 배경 이미지에서 추출된 색상 중 가장 배경 이미지 내 사용 빈도가 높은 색상이, 사용자 방문 빈도가 가장 높은 추천 웹 페이지가 표시된 제1 블록(B)의 배경 색상으로 표시되었다.

도 5 내지 도 8은 본 발명의 일 실시예에 따른 적응적 추천 영역을 설명하기 위한 도면이다. 도 5 내지 도 8에는 각기 다른 해상도로 표시된 뉴탭 화면이 도시되었다. 도 5 내지 도 8에서 추천 영역(RR)에 표시된 블록은 배경 이미지(BG)에서 추출된 복수의 색상 중 어느 하나의 색상으로 표시되었다. 가장 크기가 크게 표시되거나 좌상단에 표시되는 제1 블록(B1)은 배경 이미지(BG)에서 추출된 복수의 색상 중 가장 사용 빈도가 높은 색상으로 표시되었다.

뉴탭 제공부(120)는 웹 브라우저의 가로 해상도 또는 세로 해상도중 어느 하나만을 고려하여 추천 영역을 제공할 수 있다. 도 5 내지 도 8에서는 뉴탭 제공부(120)가 웹 브라우저의 가로 해상도를 고려하여 추천 영역을 제공하는 예가 도시되었다. 도 5 내지 도 8의 예에서 뉴탭 제공부(120)는 웹 브라우저의 가로 해상도의 범위에 따라 추천 영역의 가로 길이를 다르게 표시하여 제공하며, 추천 영역의 세로 길이는 고정되도록 제공하고 있다.

도 5는 가로 해상도가 제1 범위(1536이상)일 때 제공되는 뉴탭 화면의 예이다. 도 6은 가로 해상도가 제2 범위(1120~1536)일 때 제공되는 뉴탭 화면의 예이다. 도 7은 가로 해상도가 제3 범위(640~1120)일 때 제공되는 뉴탭 화면의 예이다. 도 8은 가로 해상도가 제4 범위(640이하)일 때 제공되는 뉴탭 화면의 예이다. 도 5내지 도 8의 예에서 정의되는 해상도 범위의 구체적인 수치는 일 예이므로 본 발명이 이에 한정되지 않는다. 본 발명의 일 실시예에 따르면 제1 범위, 제2 범위, 제3 범위 및 제4 범위 각각에 대응되는 추천 영역(RR)의 형태와 블록 배열이 메모리(130)에 저장될 수 있다. 여기서의 블록 배열은, 추천 영역(RR) 내 각 블록의 크기 및 위치 정보를 의미한다.

사용자는 블록 추가 버튼(51)을 선택하여 추천 영역(RR)에 표시하고 싶은 추천 웹 사이트를 수동으로 추가할 수 있다. 사용자에 의해 수동으로 추가된 추천 웹 사이트는 메모리(130)또는 외부 장치에 저장된다. 뉴탭 제공 장치(120)는 사용자에 의해 수동으로 추가된 추천 웹 사이트의 정보를 추천 영역(RR)에 항상 표시하여 제공한다.

먼저 도 5 및 도 6을 참조하여, 웹 브라우저의 가로 해상도가 제1 범위에서 한 단계 낮은 제2 범위로 변경되었을 때 웹 브라우저 제공 장치(100)에 의해 추천 영역(RR) 내의 블록 배열이 변경되는 예를 설명한다. 도 5 및 도 6을 참조하면, 웹 브라우저 제공 장치(100)는 웹 브라우저의 가로 해상도가 제1 범위에서 한 단계 낮은 제2 범위로 변경되면 추천 영역(RR)의 가로 길이를 줄이고, 추천 영역(RR) 내의 블록 배열을 제1 배열에서 제2 배열로 변경한다.

도 5 및 도 6을 참조하면 추천 영역(RR) 내의 블록 배열이 제1 배열에서 제2 배열로 변경됨에 따라, 추천 영역(RR)의 크기가 감소되고, 추천 영역(RR) 내에 포함되는 블록의 수가 감소되어 일부 블록의 표시가 사라지고, 적어도 일부 블록의 크기가 감소되는 예가 도시되었다. 이와 같이 적어도 일부 블록의 크기가 변경되는 과정에서 적어도 일부 블록의 위치가 변경될 수 있다. 도 5 및 도 6을 참조하면, 블록 배열의 변경에 따라 블록의 개수가 12개에서 9개로 감소되었다. 또한 블록 배열의 변경에 따라 제2 블록(B2)의 크기가 감소되었고, 제2 블록(B2)의 크기가 감소됨에 따라 제2 블록(B2)의 우측 블록들의 위치가 변경되었다.

본 발명의 일 실시예에 따르면, 블록 배열이 제1 배열에서 제2 배열로 변경됨에 따라 각 블록에 할당된 색상이 변경될 수 있다.

도 5 및 도 6을 참조하면 제1 배열에서 제2 배열로 변경됨에 따라, 각 블록에 할당되는 추천 웹 사이트는 유지되고 각 블록에 할당되는 색상은 변경되는 예가 도시되었다.

도 5 및 도 6의 예에서, 일 실시예에 따른 웹 브라우저 제공 장치(100)는 웹 브라우저에 표시되는 화면이 도 5에서 도 6으로 전환되는 과정에서 애니메이션을 제공할 수 있다. 예를 들어, 추천 영역(RR) 내에서 위치가 변경된 블록의 이동 애니메이션, 크기가 변경된 블록의 확장 또는 축소 애니메이션이 제공될 수 있다. 도 5 및 도 6의 예에서 제2 블록(B2)의 가로 길이가 축소되는 애니메이션 및 위치가 변경된 블록의 이동 애니메이션이 제공될 수 있다. 이동 애니메이션은 해당 블록을 도 5에 도시된 위치에서부터 도 6에 도시된 위치로 이동시키는 애니메이션일 수 있다.

한편, 추천 영역의 크기 감소를 나타내는 애니메이션이 함께 제공될 수 있다. 예를 들어, 추천 영역의 가로 길이가 점차 감소되는 애니메이션이 제공될 수 있다.

다음으로, 도 6 및 도 7을 참조하여, 웹 브라우저의 가로 해상도가 제2 범위에서 한 단계 낮은 제3 범위로 변경되었을 때 웹 브라우저 제공 장치(100)에 의해 추천 영역(RR) 내의 블록 배열이 변경되는 예를 설명한다. 도 6 및 도 7을 참조하면, 웹 브라우저 제공 장치(100)는 웹 브라우저의 가로 해상도가 제2 범위에서 한 단계 낮은 제3 범위로 변경되면 추천 영역(RR)의 가로 길이를 줄이고, 추천 영역(RR) 내의 블록 배열을 제2 배열에서 제3 배열로 변경한다.

도 6 및 도 7을 참조하면 추천 영역(RR) 내의 블록 배열이 제2 배열에서 제3 배열로 변경됨에 따라, 추천 영역(RR)의 크기가 감소되고, 추천 영역(RR) 내에 포함되는 블록의 수가 감소되어 일부 블록의 표시가 사라지고, 적어도 일부 블록의 크기가 감소되는 예가 도시되었다. 적어도 일부 블록의 크기가 변경되는 과정에서 적어도 일부 블록의 위치가 변경될 수 있다. 도 6 및 도 7을 참조하면, 블록 배열의 변경에 따라 블록의 개수가 9개에서 6개로 감소되었다. 또한 블록 배열의 변경에 따라 제1 블록(B1)의 크기가 감소되었고, 제1 블록(B1)의 크기가 감소됨에 따라 제1 블록(B1)의 우측 블록들의 위치가 변경되었고, 이에 따라 제2 블록(B2)을 포함하는 블록들의 위치가 변경되었다. 제2 블록(B2)의 위치는 제1 블록(B1)의 우측에서 제1 블록(B1)의 하단으로 변경되었다.

다음으로 도 7 및 도 8을 참조하여, 웹 브라우저의 가로 해상도가 제3 범위에서 한 단계 낮은 제4 범위로 변경되었을 때 웹 브라우저 제공 장치(100)에 의해 제공되는 뉴탭 화면의 예를 설명한다.

일 실시예에 따른 웹 브라우저 제공 장치(100)는 웹 브라우저의 해상도가 최저 해상도 범위인 제4 범위로 변경되었을 때, 더 이상 추천 영역(RR)의 배열을 변경하지 않고 스크롤 바(SB)를 표시할 수 있다. 제4 범위는 기저장된 최저 해상도를 상한 값으로 포함할 수 있다. 예를 들어, 기저장된 최저 해상도는 제3 범위(640~1120)의 하한 값일 수 있다. 웹 브라우저의 해상도가 640이상에서 640미만으로 변경되면, 웹 브라우저 제공 장치(100)는 도 8에 도시된 것과 같이 제3 배열로 표시된 추천 영역(RR) 내의 블록 배열을 변경하지 않고, 스크롤 바(SB)를 표시한다.

한편, 도 8에서는 웹 브라우저의 해상도가 최저 해상도 범위인 제4 범위로 변경된 예를 도시하였으나 본 발명은 이에 한정하지 않으며 다른 실시예가 제공될 수 있다. 예를 들어, 웹 브라우저 제공 장치(100)는 웹 브라우저의 해상도가 기설정된 최저 해상도 이하로 조절되지 않도록 웹 브라우저를 제공할 수 있다. 일 예에 따르면, 웹 브라우저의 가로 길이는 최저 해상도인 640픽셀 미만으로 조절되지 않고, 웹 브라우저의 가로 길이가 최저 해상도로 조절되었을 때 웹 브라우저 제공 장치(100)는 도 7에 도시된 것과 같은 제3 배열로 추천 영역(RR) 내의 블록 배열을 표시하고, 스크롤 바(SB)를 표시하지 않을 수 있다. 한편, 기설정된 웹 브라우저의 가로방향 최저 해상도는 제3 배열에서의 추천 영역(RR)의 가로 길이와 같도록 설정될 수 있다.

도 5 내지 도 8에서 설명한 것과 같이, 웹 브라우저의 해상도 변경에 따라 해상도가 속하는 범위가 변경되면, 추천 영역(RR) 내의 블록 배열이 변경될 수 있다. 한편, 기설정된 해상도의 범위 내에서 웹 브라우저의 해상도가 변경되는 경우 추천 영역(RR) 내의 블록 배열은 변경되지 않지만, 추천 영역(RR)의 크기가 해상도 변경에 대응하여 스케일링되어 표시될 수 있다.

도 9는 본 발명의 일 실시예에 따른 뉴탭 화면의 일 예이다. 도 9의 예에서, 제1 블록(B1)은 사용자에 의해 수동으로 추가된 추천 웹 페이지가 할당되어, 해당 웹 페이지의 정보를 표시하고 있다. 일 실시예에 따른 웹 브라우저 제공 장치(100)는 사용자에 의해 수동으로 추가된 웹 페이지의 정보를 표시하는 블록에 도 9에 도시된 것과 같은 마크(91)를 표시할 수 있다.

일 실시예에 따르면, 사용자가 블록 위에 마우스 포인터(P)를 위치하는 경우, 해당 블록에 대한 삭제 기능을 제공하는 버튼(92)이 표시될 수 있다. 도 9를 참조하면, 사용자가 제1 블록(B1)에 마우스 포인터(P)를 위치하였을 때 제1 블록(B1)의 삭제 버튼(92)이 표시된 예가 도시되었다. 사용자가 버튼(92)을 누르면, 뉴탭 제공부(120)는 사용자가 수동으로 추가한 추천 웹 페이지의 정보를 메모리(130)에서 삭제한다. 사용자가 버튼(92)을 누르면, 뉴탭 제공부(120)는 제1 블록(B1)을 삭제하고, 나머지 블록들의 표시를 변경한다. 예를 들어, 뉴탭 제공부(120)는 제1 블록(B1)을 삭제하고 나머지 블록들의 위치를 변경하고, 새로운 블록을 추가하여 도 9에 표시된 블록 배열에 해당되는 개수만큼의 블록을 표시한다.

한편, 도면에는 도시되지 않았지만 크기가 큰 블록이 삭제된 위치로 크기가 작은 블록이 이동한 경우, 이동된 블록은 삭제된 블록의 크기와 동일한 크기로, 즉 큰 블록으로 표시될 수 있다. 이와 같이 뉴탭 제공부(120)는 일부 블록이 삭제되더라도 새로운 블록을 추가하여 추천 영역(RR)에 표시되는 블록의 개수를 유지할 수 있다. 또한 삭제된 블록이 표시되어 있던 제1 위치에 다른 블록을 이동시킨 경우, 이동된 블록을 삭제된 블록과 동일한 크기로 표시함으로써, 추천영역(RR) 내의 블록의 배열을 유지할 수 있다.

도 10은 본 발명의 일 실시예에 따른 뉴탭 화면의 다른 예이다. 도 10의 예에서 제2 블록(B2)은 추천 웹 페이지 할당부(22)에 의해 선정된 추천 웹 페이지가 할당되어, 해당 웹 페이지의 정보를 표시하고 있다.

일 실시예에 따른 웹 브라우저 제공 장치(100)는 사용자가 제2 블록(B2) 위에 마우스 포인터(P)를 위치하는 경우, 제2 블록(B2)에 대한 추가 기능을 제공하는 하나 이상의 버튼을 표시할 수 있다. 도 10을 참조하면, 하나 이상의 버튼은 제2 블록(B2)의 차단 버튼(93)이 표시된 예가 도시되었다.

사용자가 버튼(93)을 누르면, 뉴탭 제공부(120)는 제2 블록(B2)에 할당된 추천 웹 페이지를 메모리(130) 또는 외부 장치에 저장된 차단 웹 페이지 목록에 추가한다. 추천 웹 페이지 할당부(22)는 어느 웹 페이지가 사용자의 방문 빈도 등에 따른 추천 웹 페이지 선정 기준에 부합하더라도 차단 웹 페이지 목록에 포함되어 있는 경우, 해당 웹 페이지를 추천 웹 페이지로 선정하지 않는다. 즉, 차단 웹 페이지 목록에 포함된 웹 페이지는 뉴탭의 추천 영역(RR)에 표시되지 않는다. 사용자는 설정을 통해 차단 웹 페이지 목록을 편집할 수 있다.

한편, 도 3에 도시된 본 발명의 일 실시예에 따른 웹 브라우저 제공 방법은 컴퓨터에서 실행될 수 있는 프로그램으로 작성 가능하고, 컴퓨터로 읽을 수 있는 매체를 이용하여 상기 프로그램을 동작시키는 범용 디지털 컴퓨터에서 구현될 수 있다. 매체는 컴퓨터로 실행 가능한 프로그램을 계속 저장하거나, 실행 또는 다운로드를 위해 임시 저장하는 것일 수도 있다. 또한, 매체는 단일 또는 수개 하드웨어가 결합된 형태의 다양한 기록수단 또는 저장수단일 수 있는데, 어떤 컴퓨터 시스템에 직접 접속되는 매체에 한정되지 않고, 네트워크 상에 분산 존재하는 것일 수도 있다. 매체의 예시로는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등을 포함하여 프로그램 명령어가 저장되도록 구성된 것이 있을 수 있다. 또한, 다른 매체의 예시로, 애플리케이션을 유통하는 앱 스토어나 기타 다양한 소프트웨어를 공급 내지 유통하는 사이트, 서버 등에서 관리하는 기록매체 내지 저장매체도 들 수 있다.

이제까지 본 발명에 대하여 그 바람직한 실시예들을 중심으로 살펴보았다. 본 발명은 도면에 도시된 실시예를 참고로 설명되었으나 이는 예시적인 것에 불과하며, 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자라면 본 발명이 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 변형된 형태로 구현될 수 있으며, 균등한 다른 실시 예가 가능함을 이해할 수 있을 것이다. 그러므로 개시된 실시예들은 한정적인 관점이 아니라 설명적인 관점에서 고려되어야 한다. 본 발명의 범위는 전술한 설명이 아니라 특허청구범위에 나타나 있으며, 그와 동등한 범위 내에 있는 모든 차이점은 본 발명에 포함된 것으로 해석되어야 할 것이다.

100: 웹 브라우저 제공 장치
110: 표시 제어부
120: 뉴탭 제공부
122: 뉴탭 요청 수신부
122: 뉴탭 편집부
123: 뉴탭 출력부
130: 메모리
140: 입출력부

Claims (13)

1. 웹 브라우저 제공 장치가 웹페이지를 표시하기 위한 하나 이상의 탭을 포함하는 웹 브라우저를 제공하는 방법에 있어서,
   추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭(new tab)에 대한 표시 요청을 수신하는 단계;
   상기 뉴탭의 배경 이미지의 색상에 기초하여 상기 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 상기 하나 이상의 블록 각각에 대하여 상기 각 블록에 표시할 추천 웹 페이지 및 상기 추출된 색상을 할당하는 뉴탭 편집 단계;
   상기 할당된 색상 및 상기 할당된 추천 웹 페이지의 정보를 표시하는 상기 하나 이상의 블록을 나열하는 상기 추천 영역을 상기 배경 이미지 상에 표시하는 뉴탭을 제공하는 단계; 및
   상기 웹 브라우저의 해상도 변경에 따라 상기 추천 영역의 크기, 상기 블록의 개수, 상기 블록 중 적어도 일부의 크기, 및 상기 블록의 배열 중 적어도 하나를 갱신하여 제공하는 단계;를 포함하고,
   상기 갱신하여 제공하는 단계는
   상기 웹 브라우저의 해상도의 변경에 따라 상기 추천 영역의 크기 및 상기 블록의 배열 중 적어도 하나를 단계적으로 변경하여 제공하는,
   웹 브라우저 제공 방법.
   
2. 제1 항에 있어서,
   상기 뉴탭은 복수의 블록을 포함하고,
   상기 뉴탭 편집 단계는, 복수의 색상을 추출하고, 상기 복수의 블록 각각에 상기 추출된 복수의 색상 중 어느 하나의 색상을 할당하는
   웹 브라우저 제공 방법.
   
3. 제2 항에 있어서,
   상기 복수의 블록은 제1 블록 및 제2 블록을 포함하고,
   상기 제1 블록 및 상기 제2 블록은 서로 다른 색상으로 표시되는
   웹 브라우저 제공 방법.
   
4. 제2 항에 있어서,
   상기 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 상기 제1 블록 및 상기 제2 블록은 서로 다른 크기로 표시되는,
   웹 브라우저 제공 방법.
   
5. 제4 항에 있어서,
   상기 뉴탭 편집 단계는, 상기 복수의 블록 각각의 크기를 고려하여 상기 각 블록에 상기 추천 웹 페이지를 할당하는
   웹 브라우저 제공 방법.
   
6. 제5 항에 있어서,
   상기 뉴탭 편집 단계는, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 추천 웹 페이지를 상기 복수의 블록 중 크기가 큰 블록에 할당하는
   웹 브라우저 제공 방법.
   
7. 제1 항에 있어서,
   상기 뉴탭 편집 단계는,
   상기 뉴탭의 배경 이미지에 포함된 색상의 상기 배경 이미지 내 사용 빈도가 높은 순으로 상기 색상을 추출하는
   웹 브라우저 제공 방법.
   
8. 제7 항에 있어서,
   상기 뉴탭은 복수의 블록을 포함하고,
   상기 뉴탭 편집 단계는, 복수의 색상을 추출하고, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 복수의 블록 각각에 대하여 상기 복수의 추천 웹 페이지 중 어느 하나와 상기 복수의 색상 중 어느 하나를 할당하되, 상기 각 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 배경 이미지 내 사용 빈도가 높은 색상이 할당되는
   웹 브라우저 제공 방법.
   
9. 삭제
10. 제1 항에 있어서,
    상기 갱신하여 제공하는 단계는,
    상기 추천 영역의 표시를 전환하는 애니메이션을 제공하고,
    상기 애니메이션은 상기 추천 영역의 크기 및 상기 블록의 배열 중 적어도 하나의 단계적인 변경에 따른 상기 추천 영역 내에서 위치가 변경된 블록을 이동시키는 애니메이션, 상기 블록의 투명도를 조절하는 애니메이션, 및 상기 블록의 크기를 변경하는 애니메이션 중 적어도 하나를 포함하는
    웹 브라우저 제공 방법.
    
11. 제1 항에 있어서,
    상기 제공하는 단계 이후에,
    상기 블록의 배열을 수동 변경하는 사용자 입력을 수신하는 단계; 및
    상기 사용자 입력에 따라 수동 변경된 블록의 배열을 저장하는 단계;를 더 포함하는
    웹 브라우저 제공 방법.
    
12. 컴퓨터를 이용하여 제1 항 내지 제8 항 및 제10 항 내지 제11 항 중 어느 한 항의 방법을 실행하기 위하여 매체에 저장된 컴퓨터 프로그램.
    
13. 웹페이지를 표시하기 위한 하나 이상의 탭을 포함하는 웹 브라우저를 제공하는 장치에 있어서,
    추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭(new tab)에 대한 표시 요청을 수신하는 뉴탭 요청 수신부;
    상기 뉴탭의 배경 이미지의 색상에 기초하여 상기 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 상기 하나 이상의 블록 각각에 대하여 상기 각 블록에 표시할 추천 웹 페이지 및 상기 추출된 색상을 할당하는 뉴탭 편집부; 및
    상기 할당된 색상 및 상기 할당된 추천 웹 페이지의 정보를 표시하는 상기 하나 이상의 블록을 나열하는 상기 추천 영역을 상기 배경 이미지 상에 표시하는 뉴탭 제공부;를 포함하고,
    상기 뉴탭 제공부는
    상기 웹 브라우저의 해상도 변경에 따라 상기 추천 영역의 크기, 상기 블록의 개수, 상기 블록 중 적어도 일부의 크기, 및 상기 블록의 배열 중 적어도 하나를 갱신하여 제공하되, 상기 추천 영역의 크기 및 상기 블록의 배열 중 적어도 하나를 단계적으로 변경하여 제공하는,
    웹 브라우저 제공 장치.

Images