KR101994933B1 - Apparatus, method and computer program for providing Web Browser - Google Patents

Apparatus, method and computer program for providing Web Browser Download PDF

Info

Publication number
KR101994933B1
KR101994933B1 KR1020170056950A KR20170056950A KR101994933B1 KR 101994933 B1 KR101994933 B1 KR 101994933B1 KR 1020170056950 A KR1020170056950 A KR 1020170056950A KR 20170056950 A KR20170056950 A KR 20170056950A KR 101994933 B1 KR101994933 B1 KR 101994933B1
Authority
KR
South Korea
Prior art keywords
block
blocks
recommended
providing
web page
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
KR1020170056950A
Other languages
Korean (ko)
Other versions
KR20180122837A (en
Inventor
김병관
이윤석
김효은
김효
윤수진
김효정
Original Assignee
네이버 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 네이버 주식회사 filed Critical 네이버 주식회사
Priority to KR1020170056950A priority Critical patent/KR101994933B1/en
Publication of KR20180122837A publication Critical patent/KR20180122837A/en
Application granted granted Critical
Publication of KR101994933B1 publication Critical patent/KR101994933B1/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명의 일 실시예는 웹페이지를 표시하기 위한 하나 이상의 탭을 포함하는 웹 브라우저를 제공하는 방법에 있어서, 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭(new tab)에 대한 표시 요청을 수신하는 단계; 상기 뉴탭의 배경 이미지의 색상에 기초하여 상기 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 상기 하나 이상의 블록 각각에 대하여 상기 각 블록에 표시할 추천 웹 페이지를 할당하고, 상기 하나 이상의 블록에 상기 추출된 색상을 할당하는 뉴탭 편집 단계; 및 상기 배경 이미지 상에 표시되는 상기 추천 영역에 나열되는 상기 하나 이상의 블록 각각에 상기 할당된 추천 웹 페이지의 정보를 표시하는 뉴탭을 제공하는 단계;를 포함하는 웹 브라우저 제공 방법을 개시한다.One embodiment of the present invention provides a method of providing a web browser including one or more tabs for displaying a web page, the method comprising the steps of: receiving a display request for a tab; Extracting a color for use in the at least one block based on a color of the background image of the new tab, allocating a recommended web page to be displayed in each of the at least one block to the at least one block, A new tab editing step of assigning a new color; And providing a new tab for displaying information of the recommended recommended web page in each of the one or more blocks listed in the recommendation area displayed on the background image.

Description

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

본 발명의 실시예들은 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램에 관한 것이다.Embodiments of the present invention relate to a method, apparatus and computer program for providing a web browser.

웹 브라우저(Web Browser)는 웹 서버에서 쌍방향 통신하는 HTML 문서나 파일과 연동하고 출력하는 응용 소프트웨어이다. 웹 브라우저는 대표적인 HTTP 사용자 에이전트의 하나이기도 하다. Web browser (Web browser) is an application software that interoperates with HTML documents or files that communicate in a bidirectional manner on a web server. Web browsers are also one of the typical HTTP user agents.

초기의 웹 브라우저는 전술한 기본적인 기능만을 제공하였으나, 기술 발달에 따라 최근 웹 브라우저는 북마크 기능, 캐시 기능, 플러그인을 통한 다양한 매체 지원 기능 등을 제공하게 되었다. 또한 URL과 폼 데이터의 자동 완성 기능, 탭 브라우징 기능, 광고 차단 기능 등 사용자의 편의에 기여하고 접근성을 향상시키는 기능 또한 제공되고 있다. Although the initial web browser provided only the basic functions described above, according to the development of the technology, the web browser has recently provided a bookmark function, a cache function, and various media support functions through a plug-in. In addition, functions such as automatic completion of URL and form data, tab browsing function, and advertisement blocking function are provided for convenience of users and improving accessibility.

이 중 탭 브라우징 기능은 하나의 웹 브라우저 안에 여러 탭을 생성하여 각 탭을 통해 브라우징을 할 수 있는 기능을 의미한다. 탭 브라우징 기능에 따라 하나의 웹 브라우저 창에서도 복수의 웹 페이지에 접속할 수 있게 되었으며, 종래 웹 브라우저의 창을 여러 개 열고 브라우징을 하던 번거로움이 해소되었다.Among them, the tabbed browsing function means that a plurality of tabs can be created in one web browser and browse through each tab. According to the tab browsing function, it is possible to access a plurality of web pages from one web browser window, and the troubles of browsing and opening a plurality of windows of a conventional web browser are eliminated.

본 발명의 실시예들은 추천 웹 페이지의 정보를 제공하는 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램을 제공한다.Embodiments of the present invention provide a web browser providing method, apparatus, and computer program for providing information of a recommended web page.

본 발명의 실시예들은 웹 페이지를 조회할 수 있는 일반적인 탭(tab) 뿐만 아니라, 사용자에게 정보를 제공할 수 있는 뉴탭(New tab)을 제공할 수 있는 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램을 제공한다.Embodiments of the present invention provide a web browser providing method, apparatus, and computer program capable of providing a new tab capable of providing information to a user, as well as general tabs for browsing a web page do.

본 발명의 일 실시예는 웹페이지를 표시하기 위한 하나 이상의 탭을 포함하는 웹 브라우저를 제공하는 방법에 있어서, 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭(new tab)에 대한 표시 요청을 수신하는 단계; 상기 뉴탭의 배경 이미지의 색상에 기초하여 상기 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 상기 하나 이상의 블록 각각에 대하여 상기 각 블록에 표시할 추천 웹 페이지 및 상기 추출된 색상을 할당하는 뉴탭 편집 단계; 및 상기 할당된 색상 및 상기 할당된 추천 웹 페이지의 정보를 표시하는 상기 하나 이상의 블록을 나열하는 상기 추천 영역을 상기 배경 이미지 상에 표시하는 뉴탭을 제공하는 단계;를 포함하는 웹 브라우저 제공 방법을 개시한다.One embodiment of the present invention provides a method of providing a web browser including one or more tabs for displaying a web page, the method comprising the steps of: receiving a display request for a tab; Extracting a color for use in the at least one block based on a color of a background image of the new tap, and assigning the extracted color to a recommended web page to be displayed in each block for each of the at least one block, ; And providing a new tab for displaying the recommendation area on the background image, the recommendation area including the assigned color and the one or more blocks displaying information on the recommended recommended web page. do.

본 실시예에서 상기 뉴탭은 복수의 블록을 포함하고, 상기 뉴탭 편집 단계는, 복수의 색상을 추출하고, 상기 복수의 블록 각각에 상기 추출된 복수의 색상 중 어느 하나의 색상을 할당할 수 있다.In the present embodiment, the new tab includes a plurality of blocks. In the editing of the new tab, a plurality of colors may be extracted, and one of the extracted colors may be assigned to each of the plurality of blocks.

본 실시예에서 상기 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 상기 제1 블록 및 상기 제2 블록은 서로 다른 색상으로 표시될 수 있다.In the present embodiment, the plurality of blocks include a first block and a second block, and the first block and the second block may be displayed in different colors.

본 실시예에서 상기 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 상기 제1 블록 및 상기 제2 블록은 서로 다른 크기로 표시될 수 있다.In the present embodiment, the plurality of blocks include a first block and a second block, and the first block and the second block may be displayed at different sizes.

본 실시예에서 상기 뉴탭 편집 단계는, 상기 복수의 블록 각각의 크기를 고려하여 상기 각 블록에 상기 추천 웹 페이지를 할당할 수 있다.In the present embodiment, the new tab editing step may allocate the recommended web page to each block in consideration of the size of each of the plurality of blocks.

본 실시예에서 상기 뉴탭 편집 단계는, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 추천 웹 페이지를 상기 복수의 블록 중 크기가 큰 블록에 할당할 수 있다.In the present embodiment, the new tab editing step may include selecting a plurality of recommended web pages by referring to a user's web page visit record, and setting the recommended web page as a size of the plurality of blocks Can be assigned to a large block.

본 실시예에서 상기 뉴탭 편집 단계는, 상기 뉴탭의 배경 이미지에 포함된 색상의 상기 배경 이미지 내 사용 빈도가 높은 순으로 상기 색상을 추출할 수 있다.In the present embodiment, the editing of the new tab may extract the colors in the order of the use frequency of the colors included in the background image of the new tab in the background image.

본 실시예에서 상기 뉴탭은 복수의 블록을 포함하고, 상기 뉴탭 편집 단계는, 복수의 색상을 추출하고, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 복수의 블록 각각에 대하여 상기 복수의 추천 웹 페이지 중 어느 하나와 상기 복수의 색상 중 어느 하나를 할당하되, 상기 각 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 배경 이미지 내 사용 빈도가 높은 색상이 할당될 수 있다.In the present embodiment, the new tab includes a plurality of blocks. In the new tab editing step, a plurality of colors are extracted, a plurality of recommended web pages are selected with reference to a user's web page visit record, Wherein a color of one of the plurality of recommended web pages and one of the plurality of colors is assigned to the recommended web page, .

본 실시예에서 상기 제공하는 단계 이후에, 상기 웹 브라우저의 해상도 변경에 따라 상기 추천 영역의 크기, 상기 블록의 개수, 상기 블록 중 적어도 일부의 크기, 및 상기 블록의 배열 중 적어도 하나를 갱신하여 제공하는 단계;를 더 포함할 수 있다.In accordance with the resolution change of the web browser, at least one of the size of the recommended region, the number of blocks, the size of at least a portion of the blocks, and the arrangement of the blocks is updated and provided The method further comprising the steps of:

본 실시예에서 상기 갱신하여 제공하는 단계는, 상기 추천 영역의 표시를 전환하는 애니메이션을 제공하고, 상기 애니메이션은 상기 추천 영역 내에서 위치가 변경된 블록을 이동시키는 애니메이션, 상기 블록의 투명도를 조절하는 애니메이션, 및 상기 블록의 크기를 변경하는 애니메이션 중 적어도 하나를 포함할 수 있다.In the present embodiment, the renewing and providing step provides an animation for switching the display of the recommendation area, and the animation includes an animation for moving a block whose position has been changed within the recommended area, an animation for adjusting transparency of the block , And an animation that changes the size of the block.

본 실시예에서 상기 제공하는 단계 이후에, 상기 블록의 배열을 수동 변경하는 사용자 입력을 수신하는 단계; 및 상기 사용자 입력에 따라 수동 변경된 블록의 배열을 저장하는 단계;를 더 포함할 수 있다.After the providing step in the present embodiment, receiving a user input that manually changes the arrangement of the blocks; And storing an array of manually modified blocks according to the user input.

본 발명의 다른 실시예는 컴퓨터를 이용하여 전술한 방법을 실행하기 위하여 매체에 저장된 컴퓨터 프로그램을 개시한다.Another embodiment of the present invention discloses a computer program stored on a medium for performing the above-described method using a computer.

본 발명의 다른 실시예는 웹페이지를 표시하기 위한 하나 이상의 탭을 포함하는 웹 브라우저를 제공하는 장치에 있어서, 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭(new tab)에 대한 표시 요청을 수신하는 뉴탭 요청 수신부; 상기 뉴탭의 배경 이미지의 색상에 기초하여 상기 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 상기 하나 이상의 블록 각각에 대하여 상기 각 블록에 표시할 추천 웹 페이지 및 상기 추출된 색상을 할당하는 뉴탭 편집부; 및 상기 할당된 색상 및 상기 할당된 추천 웹 페이지의 정보를 표시하는 상기 하나 이상의 블록을 나열하는 상기 추천 영역을 상기 배경 이미지 상에 표시하는 뉴탭 제공부;를 포함하는 웹 브라우저 제공 장치를 개시한다.According to another aspect of the present invention, there is provided an apparatus for providing a web browser including one or more tabs for displaying a web page, the apparatus including a recommendation area for listing one or more blocks displaying information of a recommended web page, a tab request receiving unit receiving a display request for tabs; A new tab editor for extracting a color for use in the at least one block based on a color of a background image of the new tab, and allocating a recommended web page to be displayed in each of the at least one block and the extracted color; And a New Tab providing apparatus displaying the recommended area listing the allocated color and the one or more blocks displaying the allocated recommended web page information on the background image.

전술한 것 외의 다른 측면, 특징, 이점이 이하의 도면, 특허청구범위 및 발명의 상세한 설명으로부터 명확해질 것이다. 이러한 일반적이고 구체적인 측면이 시스템, 방법, 컴퓨터 프로그램, 또는 어떠한 시스템, 방법, 컴퓨터 프로그램의 조합을 사용하여 실시될 수 있다.Other aspects, features, and advantages will become apparent from the following drawings, claims, and detailed description of the invention. These general and specific aspects may be implemented by using a system, method, computer program, or any combination of systems, methods, and computer programs.

본 발명의 실시예들에 관한 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램은, 기본적인 웹 페이지 조회 기능을 제공할 뿐 아니라, 추천 웹 페이지 정보 등 사용자에게 유용한 정보를 제공함으로써 웹 브라우저를 이용하는 사용자의 편의에 기여한다.The web browser providing method, apparatus and computer program according to the embodiments of the present invention not only provide a basic web page inquiry function but also provide useful information to the user such as recommended web page information, Contributing.

본 발명의 실시예들에 관한 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램은, 사용자에게 정보를 제공할 수 있는 뉴탭(New tab)을 제공하며, 뉴탭의 배경이미지 상에 추천 웹 페이지의 정보를 표시할 때 배경 이미지로부터 추출된 색상을 사용함으로써, 통일감 있는 인터페이스를 제공할 수 있다.The web browser providing method, apparatus, and computer program according to embodiments of the present invention provide a new tab that can provide information to a user and display information of a recommended web page on a background image of a new tab By using the colors extracted from the background image, a unified interface can be provided.

도 1은 본 발명의 일 실시예에 따른 웹 브라우저 제공 장치의 구성을 나타낸 도면이다.
도 2는 본 발명의 일 실시예에 따른 뉴탭 편집부(122)의 구성을 도시한 블록도이다.
도 3는 본 발명의 일 실시예에 따른 웹 브라우저 제공 방법을 도시한 흐름도이다.
도 4는 본 발명의 일 실시예에 따른 뉴탭이 표시된 웹 브라우저의 예이다.
도 5 내지 도 8은 본 발명의 일 실시예에 따른 적응적 추천 영역을 설명하기 위한 도면이다.
도 9는 본 발명의 일 실시예에 따른 뉴탭 화면의 일 예이다.
도 10은 본 발명의 일 실시예에 따른 뉴탭 화면의 다른 예이다.
1 is a block diagram of a web browser providing apparatus according to an embodiment of the present invention.
2 is a block diagram showing a configuration of a new tab editor 122 according to an embodiment of the present invention.
3 is a flowchart illustrating a method of providing a web browser according to an embodiment of the present invention.
4 is an example of a web browser displaying a new tab according to an embodiment of the present invention.
5 to 8 are views for explaining an adaptive recommendation area according to an embodiment of the present invention.
9 is an example of a New Tab screen according to an embodiment of the present invention.
10 is another example of a New Tab screen according to an embodiment of the present invention.

본 발명은 다양한 변환을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 본 발명의 효과 및 특징, 그리고 그것들을 달성하는 방법은 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 다양한 형태로 구현될 수 있다. BRIEF DESCRIPTION OF THE DRAWINGS The present invention is capable of various modifications and various embodiments, and specific embodiments are illustrated in the drawings and described in detail in the detailed description. The effects and features of the present invention and methods of achieving them will be apparent with reference to the embodiments described in detail below with reference to the drawings. However, the present invention is not limited to the embodiments described below, but may be implemented in various forms.

이하, 첨부된 도면을 참조하여 본 발명의 실시예들을 상세히 설명하기로 하며, 도면을 참조하여 설명할 때 동일하거나 대응하는 구성 요소는 동일한 도면부호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings, wherein like reference numerals refer to like or corresponding components throughout the drawings, and a duplicate description thereof will be omitted .

이하의 실시예에서, 제1, 제2 등의 용어는 한정적인 의미가 아니라 하나의 구성 요소를 다른 구성 요소와 구별하는 목적으로 사용되었다. 이하의 실시예에서, 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 이하의 실시예에서, 포함하다 또는 가지다 등의 용어는 명세서상에 기재된 특징, 또는 구성요소가 존재함을 의미하는 것이고, 하나 이상의 다른 특징들 또는 구성요소가 부가될 가능성을 미리 배제하는 것은 아니다. 도면에서는 설명의 편의를 위하여 구성 요소들이 그 크기가 과장 또는 축소될 수 있다. 예컨대, 도면에서 나타난 각 구성의 크기 및 두께는 설명의 편의를 위해 임의로 나타내었으므로, 본 발명이 반드시 도시된 바에 한정되지 않는다.In the following embodiments, the terms first, second, and the like are used for the purpose of distinguishing one element from another element, not the limitative meaning. In the following examples, the singular forms "a", "an" and "the" include plural referents unless the context clearly dictates otherwise. In the following embodiments, terms such as inclusive or possessive are intended to mean that a feature, or element, described in the specification is present, and does not preclude the possibility that one or more other features or elements may be added. In the drawings, components may be exaggerated or reduced in size for convenience of explanation. For example, the size and thickness of each component shown in the drawings are arbitrarily shown for convenience of explanation, and thus the present invention is not necessarily limited to those shown in the drawings.

도 1은 본 발명의 일 실시예에 따른 웹 브라우저 제공 장치의 구성을 나타낸 도면이다.1 is a block diagram of a web browser providing apparatus according to an embodiment of the present invention.

도 1을 참조하면, 본 발명의 일 실시예에 따른 웹 브라우저 제공 장치(100)는 표시 제어부(110), 뉴탭 제공부(120), 메모리(130) 및 입출력부(140)를 포함한다. 표시 제어부(110) 및 뉴탭 제공부(120)는 각각 하나 이상의 프로세서에 해당하거나, 하나 이상의 프로세서를 포함할 수 있다. 또는 표시 제어부(110) 및 뉴탭 제공부(120)는 하나의 프로세서에 함께 포함될 수 있다. 도 1에 도시된 웹 브라우저 제공 장치(100)는 이하에서 본 발명의 실시예들을 설명하기 위해 필요한 구성요소들을 도시한 것이므로, 도 1에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 더 포함될 수 있다. Referring to FIG. 1, a web browser providing apparatus 100 according to an exemplary embodiment of the present invention includes a display control unit 110, a new tab providing unit 120, a memory 130, and an input / output unit 140. Each of the display control unit 110 and the new tab providing unit 120 may correspond to one or more processors or may include one or more processors. Or the display control unit 110 and the new tab providing unit 120 may be included together in one processor. Since the web browser providing apparatus 100 shown in FIG. 1 shows the components necessary for explaining the embodiments of the present invention, other general components other than the components shown in FIG. 1 may be further included have.

본 발명의 일 실시예에 따라 제공되는 웹 브라우저 제공 장치(100)는 인터넷 망에서 웹 페이지를 조회할 수 있는 인터페이스를 제공하는 응용 프로그램인 웹 브라우저를 제공한다. 본 발명의 일 실시예에 따라 제공되는 웹 브라우저는 하나 이상의 탭을 제공하며, 각각의 탭은 웹 페이지를 표시할 수 있다. The web browser providing apparatus 100 provided according to an embodiment of the present invention provides a web browser as an application program for providing an interface for searching a web page in the Internet network. The web browser provided according to one embodiment of the present invention provides one or more tabs, each of which can display a web page.

본 발명의 일 실시예에 따라 제공되는 웹 브라우저는 뉴탭(new tab)을 제공한다. 이하에서 뉴탭이란, 사용자가 웹 브라우저의 실행을 개시하거나 웹 브라우저의 실행 도중 탭을 추가하고자 하는 명령을 입력하였을 때, 웹 브라우저 제공 장치(100)에 의해 제공되는 기본(default) 탭의 일 예를 의미한다. 본 발명의 일 실시예에 따른 웹 페이지 제공 장치(100)는 사용자의 설정에 따라 뉴탭을 제공할 수 있다. 일 예에 따르면, 웹 페이지 제공 장치(100)는 사용자가 기설정한 홈(home) 웹페이지를 표시하는 뉴탭을 제공한다. 일 예에 따르면, 웹 페이지 제공 장치(100)는 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 포함하는 뉴탭을 제공한다. 본 예에서 뉴탭은 하나 이상의 추가 기능을 더 제공할 수 있다. 추가 기능은 예컨대, 검색 기능, 시계 기능, 달력 기능, 기상예보 기능 등 사용자 편의에 기여하는 기능 중 하나 이상일 수 있다. 이하에서는 웹 페이지 제공 장치(100)가 하나 이상의 추천 페이지의 정보를 포함하는 뉴탭을 제공하는 예에 대하여 상세히 설명한다.The web browser provided in accordance with an embodiment of the present invention provides a new tab. Hereinafter, a new tab is an example of a default tab provided by the web browser providing apparatus 100 when a user starts a web browser or inputs a command to add a tab during execution of the web browser it means. The web page providing apparatus 100 according to an embodiment of the present invention can provide a new tab according to the setting of the user. According to an example, the web page providing apparatus 100 provides a new tab for displaying a home web page set by the user. According to one example, the web page providing apparatus 100 provides a new tab including one or more blocks displaying information of a recommended web page. In this example, the new tab may provide one or more additional functions. The additional function may be one or more of functions that contribute to user convenience, such as a search function, a clock function, a calendar function, and a weather forecast function. Hereinafter, an example in which the web page providing apparatus 100 provides a new tab including information of one or more recommended pages will be described in detail.

본 발명의 일 실시예에 따른 표시 제어부(110)는 웹 브라우저의 표시를 전반적으로 제어한다. The display control unit 110 according to an exemplary embodiment of the present invention controls overall display of the web browser.

본 발명의 일 실시예에 따른 뉴탭 제공부(120)는 사용자로부터 수신되는 뉴탭 요청에 대응하여 뉴탭을 제공한다. 표시 제어부(110)는 뉴탭 제공부(120)에 의해 제공되는 뉴탭을 웹 브라우저 제공 장치(100)에 연결된 표시 장치(예를 들어, 단말의 표시부, 또는 PC의 모니터 등)에 표시한다. The new tab providing unit 120 according to an embodiment of the present invention provides a new tab in response to a new tab request received from a user. The display control unit 110 displays the new tab provided by the new tab providing unit 120 on a display device connected to the web browser providing device 100 (e.g., a display unit of the terminal, a monitor of the PC, or the like).

본 발명의 일 실시예에 따른 메모리(130)는 웹 브라우저 제공 장치(100)가 사용하는 데이터를 저장한다. 예를 들어, 메모리(130)는 웹 브라우저 프로그램, 사용자 로그, 사용자 설정 정보 등을 저장할 수 있다. 메모리(130)는 자기 저장 매체(magnetic storage media) 또는 플래시 저장 매체(flash storage media)를 포함할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다. The memory 130 stores data used by the web browser providing apparatus 100 according to an embodiment of the present invention. For example, memory 130 may store web browser programs, user logs, user configuration information, and the like. The memory 130 may include magnetic storage media or flash storage media, but the scope of the present invention is not limited thereto.

본 발명의 일 실시예에 따른 입출력부(140)는 유선 또는 무선 연결을 통해 웹 브라우저 제공 장치(100)에 연결되는 외부 장치와 데이터를 송수신하기 위해 필요한 하드웨어 및 소프트웨어를 포함하는 장치일 수 있다. The input / output unit 140 according to an embodiment of the present invention may be an apparatus including hardware and software necessary to transmit / receive data to / from an external device connected to the web browser providing apparatus 100 through a wired or wireless connection.

본 발명의 일 실시예에 따른 뉴탭 제공부(120)는 뉴탭 요청 수신부(121), 뉴탭 편집부(122) 및 뉴탭 출력부(123)를 포함한다. The new tab providing unit 120 according to an embodiment of the present invention includes a new tab request receiving unit 121, a new tab editing unit 122, and a new tab output unit 123.

일 실시예에 따른 뉴탭 요청 수신부(121)는 입출력부(141)로 입력되는 사용자 입력을 수신한다. 사용자 입력은 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭에 대한 표시 요청일 수 있다. 이러한 사용자 입력은 웹 브라우저의 실행 요청에 포함되는 종속적 요청이거나 웹 브라우저의 실행 도중 탭 추가 요청에 따라 발생하는 단독 요청일 수 있다. The newtap request receiving unit 121 according to an embodiment receives a user input inputted to the input / The user input may be a display request for a new tab that includes a recommendation area that lists one or more blocks that display information of a recommended web page. Such user input may be a dependent request included in the execution request of the web browser or a sole request generated in response to the tab addition request during execution of the web browser.

일 실시예에 따른 뉴탭 편집부(122)는 뉴탭에 포함되는 추천 영역 내에 표시되어 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록의 표시 요소를 결정한다. 표시 요소는 예컨대, 각 블록에 할당되는 색상, 추천 웹 페이지, 및 각 블록의 배열 정보를 포함할 수 있다. 한편, 뉴 탭은 배경 이미지를 갖는다. 일 실시예에 따른 뉴탭은, 추천 웹 페이지의 정보를 표시하는 별도의 추천 영역을 배경 이미지 상에 표시한다. 뉴탭의 추천 영역에는 하나 이상의 블록이 나열된다. 각 블록은 추천 웹 페이지의 정보를 표시한다. 뉴탭 편집부(122)는 추천 영역에 표시할 추천 웹 페이지를 결정하고, 하나 이상의 블록 각각에 대하여 각 블록에 표시할 추천 웹 페이지를 할당한다. 뉴탭 편집부(122)는 뉴탭의 배경 이미지의 색상에 기초하여, 추천 영역에 나열되는 블록에 사용하기 위한 색상을 추출한다. 뉴탭 편집부(122)는 추출된 색상을 각 블록에 할당한다.The new tab editor 122 according to an embodiment determines display elements of one or more blocks displayed in a recommended area included in a new tab to display information of a recommended web page. The display element may include, for example, the color assigned to each block, the recommended web page, and the array information of each block. On the other hand, the new tab has a background image. The new tab according to an embodiment displays a separate recommendation area for displaying the information of the recommended web page on the background image. One or more blocks are listed in the recommendation area of the new tab. Each block displays information on a recommended web page. The new tab editing unit 122 determines a recommended web page to be displayed in the recommended area and allocates a recommended web page to be displayed in each block for each of the one or more blocks. The new tab editing unit 122 extracts a color for use in a block listed in the recommended area based on the color of the background image of the new tab. The new tab editing unit 122 assigns the extracted colors to each block.

뉴탭 출력부(123)는 뉴탭 편집부(122)에 의해 결정된 표시 요소들에 따라 표시되는 추천 영역을 포함하는 뉴탭을 표시 제어부(110)에 제공한다. 상세히, 뉴탭 출력부(123)는 배경 이미지 상에 표시되는 추천 영역에 나열되는 하나 이상의 블록을 표시하는 뉴탭을 제공한다. 이 때, 하나 이상의 블록은 각 블록에 할당된 색상으로 표시되고 각 블록에 할당된 추천 웹 페이지의 정보를 표시한다. 표시 제어부(110)는 뉴탭을 화면에 표시된 웹 브라우저에 표시하여 제공한다.The new tab output unit 123 provides the display control unit 110 with a new tab including a recommended region displayed according to the display elements determined by the new tab editing unit 122. [ In detail, the new tab output section 123 provides a new tab that displays one or more blocks that are listed in the recommended region displayed on the background image. At this time, one or more blocks are displayed in a color assigned to each block and display information of a recommended web page allocated to each block. The display control unit 110 displays the new tab on the web browser displayed on the screen.

도 2는 본 발명의 일 실시예에 따른 뉴탭 편집부(122)의 구성을 도시한 블록도이다.2 is a block diagram showing a configuration of a new tab editor 122 according to an embodiment of the present invention.

도 2에 도시된 뉴탭 편집부(122)는 본 실시예의 특징이 흐려지는 것을 방지하기 위하여 본 실시예와 관련된 구성요소들만을 도시한 것이다. 따라서, 도 2에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 더 포함될 수 있음을 본 실시예와 관련된 기술분야에서 통상의 지식을 가진 자라면 이해할 수 있다.The new tab editor 122 shown in FIG. 2 shows only the components related to the present embodiment in order to prevent the features of the present embodiment from being blurred. Accordingly, it will be understood by those skilled in the art that other general-purpose components other than the components shown in FIG. 2 may be further included.

도 2를 참조하면, 본 발명의 일 실시예에 따른 뉴탭 편집부(122)는 블록 배열부(21), 추천 웹페이지 할당부(22), 색상 추출부(23), 및 색상 할당부(24)를 포함한다.2, a new tab editing unit 122 according to an embodiment of the present invention includes a block arrangement unit 21, a recommended web page allocation unit 22, a color extraction unit 23, and a color allocation unit 24, .

본 발명의 일 실시예에 따른 블록 배열부(21)는 하나 이상의 블록의 배열을 결정한다. 일 실시예에 따른 블록 배열부(21)는 하나 이상의 기설정된 블록 배열 패턴 중 어느 하나에 따라 블록 배열을 결정할 수 있다. 일 실시예에 따르면, 뉴탭 화면은 추천 영역을 포함하고, 추천 영역은 복수의 블록을 나열하고, 블록 배열부(21)는 복수의 블록의 배열을 결정한다. 블록 배열부(21)는 추천 영역의 크기를 고려하여 블록의 개수를 결정하고, 해당 개수의 블록의 배열을 결정할 수 있다. 블록 배열부(21)는 복수의 블록이 추천 영역 내에 모두 표시될 수 있도록 블록의 배열을 결정한다. The block arrangement unit 21 according to an embodiment of the present invention determines an arrangement of one or more blocks. The block arrangement unit 21 according to an embodiment may determine the block arrangement according to any one of the one or more predetermined block arrangement patterns. According to one embodiment, the New Tab screen includes a recommendation area, the recommendation area lists a plurality of blocks, and the block arrangement part 21 determines an arrangement of a plurality of blocks. The block arrangement unit 21 can determine the number of blocks by considering the size of the recommended area, and determine the arrangement of the corresponding number of blocks. The block arrangement unit 21 determines the arrangement of the blocks so that a plurality of blocks can be all displayed in the recommended area.

블록 배열부(21)는 복수의 블록을 서로 인접하도록 나열하였을 때 복수의 블록의 전체적인 아웃라인이 추천 영역의 형태와 일치하도록 복수의 블록을 배열할 수 있다. 예를 들어 추천 영역이 직사각형인 경우, 블록 배열부(21)는 복수의 블록을 나열하였을 때의 전체 아웃라인이 직사각형이 되도록 블록 배열을 결정할 수 있다. The block arrangement unit 21 may arrange a plurality of blocks so that the overall outline of the plurality of blocks is aligned with the shape of the recommended area when the plurality of blocks are arranged adjacent to each other. For example, when the recommended region is a rectangle, the block arrangement unit 21 can determine the block arrangement so that the entire outline when a plurality of blocks are arranged is a rectangle.

블록 배열부(21)는 크기가 다른 복수의 블록의 배열을 결정할 수 있다. 블록 배열부(21)는 크기가 큰 블록일수록 좌측 상단에 위치하도록 블록 배열을 결정할 수 있으나 이에 한정하지 않는다. 또는 블록 배열부(21)는 가장 크기가 큰 블록을 고정된 위치에 표시하도록 블록 배열을 결정할 수 있다.The block arrangement unit 21 can determine an arrangement of a plurality of blocks having different sizes. The block arrangement unit 21 may determine the block arrangement so that the block arrangement unit 21 is located at the upper left of the block, but it is not limited thereto. Or the block arrangement section 21 can determine the block arrangement so as to display the largest block at a fixed position.

블록 배열부(21)는 기설정된 개수의 블록을 기설정된 방식에 따라 나열하도록 블록 배열을 결정할 수 있다. 즉, 블록의 개수, 각 블록의 크기, 각 블록의 표시 위치가 모두 지정된 블록 배열 정보가 사용자 또는 관리자에 의해 미리 설정되어 메모리(130) 또는 외부 장치에 저장될 수 있고, 블록 배열부(21)는 메모리(130) 또는 외부 장치에 저장된 블록 배열 정보를 참조하여 뉴탭에 표시할 블록 배열을 결정할 수 있다. The block arrangement unit 21 may determine a block arrangement so as to arrange a predetermined number of blocks according to a preset method. That is, the block arrangement information in which the number of blocks, the size of each block, and the display position of each block are all set in advance by a user or an administrator and stored in the memory 130 or an external device, The block arrangement information to be displayed in the new tab can be determined by referring to the block arrangement information stored in the memory 130 or an external device.

본 발명의 일 실시예에 따른 추천 웹페이지 할당부(22)는 추천 웹 페이지를 결정한다. 결정된 추천 웹 페이지의 정보는 추천 영역에 포함된 각 블록에 표시된다. 추천 웹페이지 할당부(22)는 결정된 추천 웹 페이지를 블록에 할당한다. 추천 웹 페이지 할당부(22)는 메모리(130)에 저장된 추천 웹 페이지 목록을 참조하여 추천 웹 페이지를 결정할 수 있다. 추천 웹 페이지 할당부(22)는 메모리(130)에 저장된 사용자 방문기록을 참조하여 추천 웹 페이지를 결정할 수 있다. 추천 웹페이지 할당부(22)는 블록 개수만큼의 추천 웹 페이지를 결정할 수 있으나 이에 한정하는 것은 아니고, 기설정된 개수 만큼의 추천 웹 페이지를 결정할 수도 있다. 각 블록은 할당된 추천 웹 페이지의 정보를 간략하게 표시할 수 있다.The recommended web page allocation unit 22 according to an embodiment of the present invention determines a recommended web page. The information of the determined recommended web page is displayed in each block included in the recommended area. The recommended web page allocation unit 22 allocates the determined recommended web page to the block. The recommended web page allocation unit 22 can determine a recommended web page by referring to a recommended web page list stored in the memory 130. [ The recommended web page allocation unit 22 can determine a recommended web page by referring to the user visited record stored in the memory 130. [ The recommended web page allocating unit 22 may determine a recommended number of web pages as many as the number of blocks, but not limited thereto, and may determine a predetermined number of recommended web pages. Each block can briefly display the information of the recommended recommended web page.

본 발명의 일 실시예에 따른 색상 추출부(23)는 뉴탭의 배경 이미지의 색상에 기초하여 블록에 사용하기 위한 하나 이상의 색상을 추출한다. 뉴탭의 배경 이미지는 사용자에 의해 기설정되거나, 또는 웹 브라우저 제공 장치(100)에 의해 기설정되어 메모리(130)에 저장된 것이거나, 외부 서버로부터 통신망을 통해 제공되는 것일 수 있다. 뉴탭의 배경 이미지는 하나의 고정 이미지일 수도 있고, 복수의 이미지 풀 내에서 규칙적으로 또는 랜덤으로 하나의 이미지가 선택될 수도 있다. The color extracting unit 23 extracts one or more colors for use in the block based on the color of the background image of the new tab according to an embodiment of the present invention. The background image of the new tab may be preset by the user or stored in the memory 130 by the web browser providing apparatus 100 or may be provided from an external server through a communication network. The background image of the new tab may be a single fixed image, or one image may be selected regularly or randomly within a plurality of image pools.

본 발명의 일 실시예에 따른 색상 할당부(24)는 색상 추출부(23)에 의해 추출된 색상을 각 블록에 할당한다.The color assigning unit 24 according to an embodiment of the present invention assigns the color extracted by the color extracting unit 23 to each block.

본 발명의 일 실시예에 따라 제공되는 뉴탭은, 배경 이미지 상에 중첩되도록 표시되는 추천 영역 내에 블록을 표시함에 있어 배경 이미지에 포함된 색상으로 블록을 표시하게 되므로, 추천 영역과 배경 이미지에 시각적 통일감을 줄 수 있다. 또한 사용자가 배경 이미지를 선택한 경우, 사용자의 취향에 맞는 배경 이미지 상에 추천 영역을 표시할 수 있어 사용자의 만족도를 높이는 것은 물론이고, 사용자의 취향에 맞는 배경 이미지에 포함된 색상으로 추천 영역까지 함께 표시할 수 있게 되므로, 사용자의 만족도를 한차원 더 높이고, 나아가 개인화된 디자인의 뉴탭을 제공할 수 있게 된다.The new tab provided according to an embodiment of the present invention displays a block in a color included in a background image in displaying a block in a recommended area displayed so as to be superimposed on the background image, . In addition, when the user selects the background image, the recommended region can be displayed on the background image corresponding to the user's taste, thereby enhancing the satisfaction of the user. In addition, It is possible to increase the satisfaction of the user by one dimension and further provide a new tab of the personalized design.

일 실시예에 따르면, 뉴탭은 복수의 블록을 포함하고, 뉴탭의 추천 영역에는 복수의 블록이 나열된다. 색상 추출부(23)는 뉴탭의 배경 이미지로부터 복수의 색상을 추출하고, 색상 할당부(24)는 복수의 블록 각각에 추출된 복수의 색상 중 어느 하나의 색상을 할당한다. 복수의 블록 각각은 서로 같은 색상으로 표시될 수도 있고, 다른 색상으로 표시될 수도 있다. 또는 복수의 블록 중 일부만 같은 색상으로 표시되고, 일부는 다른 색상으로 표시될 수 있다. 예를 들어, 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 제1 블록 및 제2 블록은 서로 다른 색상으로 표시될 수 있다.According to one embodiment, the new tab includes a plurality of blocks, and a plurality of blocks are listed in the recommended area of the new tab. The color extracting unit 23 extracts a plurality of colors from the background image of the new tap, and the color assigning unit 24 assigns any one of the plurality of extracted colors to each of the plurality of blocks. Each of the plurality of blocks may be displayed in the same color or in different colors. Or only a part of the plurality of blocks may be displayed in the same color, and some may be displayed in different colors. For example, the plurality of blocks may include a first block and a second block, and the first block and the second block may be displayed in different colors.

일 예에 따르면, 색상 추출부(23)는 배경 이미지의 픽셀값을 참조하여 배경 이미지에 포함된 색상의 배경 이미지 내 사용 빈도가 가장 높은 색상을 추출할 수 있다. 색상 추출부(23)는 배경 이미지에 포함된 색상의 배경 이미지 내 사용 빈도가 높은 순으로 복수의 색상을 추출할 수 있다. 색상 추출부(23)는 기설정된 개수의 색상을 추출하거나, 블록의 개수에 대응되는 색상을 추출할 수 있다. 예를 들어, 배경 이미지가 백사장과 바다를 촬영한 사진인 경우, 색상 추출부(23)는 배경 이미지 내 사용 빈도가 높은 푸른 계열의 색상과 브라운 계열의 색상을 추출하게 될 것이다. 다만, 배경 이미지에서 바다가 80%를 차지하는 경우, 브라운 계열의 색상은 추출되지 않고 푸른 계열에 포함되는 복수의 색상이 추출될 수 있다.According to one example, the color extracting unit 23 can extract a color having the highest frequency of use in the background image of the color contained in the background image by referring to the pixel value of the background image. The color extracting unit 23 can extract a plurality of colors in the order of use frequency in the background image of the color included in the background image. The color extracting unit 23 may extract a predetermined number of colors or extract a color corresponding to the number of blocks. For example, when the background image is a photograph of a white background and a sea, the color extracting unit 23 will extract a blue-based color and a brown-based color having high frequency of use in the background image. However, when the background image occupies 80% of the sea, a plurality of colors included in the blue series can be extracted without extracting the colors of the brown series.

다른 예에 따르면, 색상 추출부(23)는 배경 이미지에 포함된 색상을 복수의 클러스터로 분류하고, 각 클러스터의 대표 색상을 추출할 수 있다. 본 예에 따르면, 색상 추출부(23)는 배경 이미지에서 유의미한 색상을 효과적으로 추출할 수 있다. 예를 들어 배경 이미지가 백사장과 바다를 촬영한 사진인 경우, 색상 추출부(23)는 푸른 계열의 제1 클러스터와 브라운 계열의 제2 클러스터를 추출하고, 제1 클러스터의 대표색과 제2 클러스터의 대표색을 추출할 수 있다. 이에 따르면 배경 이미지에서 바다가 80%를 차지하더라도 푸른 계열에 포함된 색상과 브라운 계열에 포함된 색상이 모두 추출될 수 있다.According to another example, the color extracting unit 23 can classify the hues included in the background image into a plurality of clusters, and extract the representative hues of each cluster. According to this example, the color extracting unit 23 can effectively extract a significant color in the background image. For example, when the background image is a photograph of a white background and a sea, the color extracting unit 23 extracts the first cluster of the blue sequence and the second cluster of the brown sequence, and extracts the representative color of the first cluster and the second cluster Can be extracted. According to this, even if the background image occupies 80% of the sea, both the colors included in the blue series and the colors included in the brown series can be extracted.

일 실시예에 따르면 복수의 블록은 서로 다른 크기를 가질 수 있다. 추천 웹 페이지 할당부(22)는 기설정된 규칙에 따라 복수의 블록 각각의 크기를 고려하여 각 블록에 추천 웹 페이지를 할당할 수 있다. 예를 들어, 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 제1 블록 및 제2 블록은 서로 다른 크기를 가질 수 있다.According to one embodiment, the plurality of blocks may have different sizes. The recommended web page allocation unit 22 may allocate a recommended web page to each block in consideration of the size of each of the plurality of blocks in accordance with a preset rule. For example, the plurality of blocks may include a first block and a second block, and the first block and the second block may have different sizes.

예를 들어, 추천 웹 페이지 할당부(22)는 메모리(130)에 저장된 추천 웹 페이지 목록을 참조하여 추천 웹 페이지를 결정할 수 있다. 본 예에서 추천 웹페이지 할당부(22)는 추천 웹 페이지의 목록에 포함된 각 추천 웹 페이지 중 우선순위가 높은 추천 웹 페이지를 크기가 큰 블록에 할당하는 방식으로, 추천 웹 페이지의 우선순위에 따라 각 블록에 추천 웹 페이지를 할당할 수 있다. For example, the recommended web page allocation unit 22 may determine a recommended web page by referring to a list of recommended web pages stored in the memory 130. [ In this example, the recommended web page allocation unit 22 allocates a recommended web page having a high priority to each block having a large size among the recommended web pages included in the list of recommended web pages, Accordingly, it is possible to assign a recommended web page to each block.

다른 예를 들면, 추천 웹페이지 할당부(22)는 메모리(130)에 저장된 사용자의 웹 페이지 방문 기록을 참조하여 추천 웹 페이지를 결정할 수 있다. 본 예에서 추천 웹페이지 할당부(22)는 추천 웹 페이지의 사용자 방문 빈도가 높을수록 크기가 큰 블록에 할당하는 방식으로, 추천 웹 페이지의 사용자 방문 빈도에 따라 각 블록에 추천 웹페이지를 할당할 수 있다.For example, the recommended web page allocation unit 22 may determine a recommended web page by referring to the user's web page visit history stored in the memory 130. [ In this example, the recommended web page allocating unit 22 allocates a recommended web page to each block according to the frequency of user visits of the recommended web page, .

추천 웹페이지 할당부(22)는 전술한 것과 같이 기설정된 규칙에 따라 각 블록에 추천 웹 페이지를 할당하되, 사용자 설정에 따른 예외를 둘 수 있다. 예를 들어, 사용자가 가장 크기가 큰 블록에 표시할 제1 웹 페이지를 지정한 경우, 추천 웹페이지 할당부(22)는 제1 웹 페이지를 가장 큰 블록에 먼저 할당한 후, 기설정된 규칙에 따라 나머지 블록에 나머지 추천 웹 페이지를 할당할 수 있다. 다른 예를 들면, 사용자가 수동으로 추가한 추천 웹 페이지를 복수의 블록 중 우선도가 높은 블록에 먼저 할당한 후, 나머지 블록에 추천 웹페이지 할당부(22)가 선정한 추천 웹 페이지를 할당할 수 있다. 우선도가 높은 블록은 크기가 큰 블록일 수 있으나, 이에 한정하지 않으며, 추천영역 내에서 좌측 및/또는 상단에 위치할수록 블록의 우선도가 높을 수 있다.The recommended web page allocating unit 22 allocates a recommended web page to each block according to predetermined rules as described above, and may set an exception according to the user setting. For example, when the user designates a first web page to be displayed in the block having the largest size, the recommended web page allocator 22 first allocates the first web page to the largest block, The remaining recommended web pages can be allocated to the remaining blocks. Alternatively, a recommended web page manually added by a user may be first allocated to a block having a higher priority among a plurality of blocks, and then a recommended web page selected by the recommended web page allocator 22 may be allocated to the remaining blocks have. A block having a high priority may be a block having a large size, but the present invention is not limited thereto. The priority of a block may be higher as the block is located on the left side and / or the upper side in the recommended area.

일 실시예에 따르면 추천 웹페이지 할당부(22) 및 색상 할당부(24)는 각 블록에 할당된 추천 웹 페이지와 각 블록의 색상이 연관되도록 할 수 있다. 예를 들어, 추천 웹 페이지 할당부(22)가 복수의 블록 각각에 추천 웹 페이지를 할당한 후, 색상 할당부(24)는 각 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도 또는 우선 순위가 높을수록 추출된 복수의 색상 중 배경 이미지 내 사용 빈도가 높은 색상, 혹은 배경 이미지 내 사용 빈도가 높은 클러스터의 색상을 할당할 수 있다. According to an exemplary embodiment, the recommended web page allocator 22 and the color assigner 24 may associate colors of respective blocks with the recommended web page allocated to each block. For example, after the recommended web page assigning unit 22 assigns a recommended web page to each of the plurality of blocks, the color assigning unit 24 assigns the recommended frequency or priority to the recommended web page assigned to each block A color of a frequently used color in a background image or a color of a cluster which is frequently used in a background image can be allocated among a plurality of extracted colors.

다만, 추천 웹 페이지 할당 및 색상 할당의 순서는 변경되어도 무방하다. 예를 들어, 색상 할당부(24)가 복수의 블록 각각에 색상을 할당한 후, 추천 웹 페이지 할당부(22)는 각 블록에 할당된 색상의 배경 이미지 내 사용 빈도 또는 각 블록에 할당된 색상의 클러스터의 배경 이미지 내 사용 빈도가 높을수록, 사용자 방문 빈도 또는 우선순위가 높은 추천 웹 페이지를 해당 블록에 할당할 수 있다. 이에 따르면, 중요한 추천 웹 페이지의 정보일수록 배경 이미지에서의 비중이 큰 색상으로 표시된 블록에 표시되어 사용자에게 중요하게 인지될 수 있으므로, 사용자가 보다 빠르고 쉽게 중요한 추천 웹 페이지를 인지할 수 있게 된다.However, the order of recommended web page allocation and color allocation may be changed. For example, after the color assigning unit 24 assigns a color to each of the plurality of blocks, the recommended web page assigning unit 22 assigns the color assigned to each block, the frequency of use of the color assigned to each block, The higher the frequency of use in the background image of the clusters of the clusters of the clusters of the clusters of the clusters, According to this, since the importance of the important recommended web page is displayed in a block displayed in a color with a large color in the background image, it can be recognized by the user so that the user can recognize the important recommended web page more quickly and easily.

한편, 표시 제어부(110)는 사용자의 입력에 따라 웹 브라우저의 해상도를 변경할 수 있다. 예를 들어, 표시 제어부(110)에 의해 제공된 웹 브라우저의 해상도가 1920X1080이고, 사용자가 입력 장치를 이용하여 웹 브라우저의 해상도를 변경한 경우, 표시 제어부(110)는 변경된 해상도로 웹 브라우저를 표시할 수 있다. 한편, 웹 브라우저 제공 장치(100)는 변경된 해상도에 따라 뉴탭의 추천 영역의 표시를 갱신할 수 있다. 예를 들어, 웹 브라우저 제공 장치(100)는 변경된 해상도의 범위 내에 추천 영역이 표시되도록 추천 영역의 크기를 변경할 수 있고, 추천 영역의 크기, 추천 영역 내에 표시되는 블록의 개수, 블록 중 적어도 일부의 크기 및 블록의 배열 중 적어도 하나를 갱신하여 제공할 수 있다.Meanwhile, the display control unit 110 can change the resolution of the web browser according to the input of the user. For example, when the resolution of the web browser provided by the display control unit 110 is 1920 x 1080 and the user changes the resolution of the web browser using the input device, the display control unit 110 displays the web browser with the changed resolution . On the other hand, the web browser providing apparatus 100 can update the display of the recommended area of the new tab according to the changed resolution. For example, the web browser providing apparatus 100 can change the size of the recommended region so that the recommended region is displayed within the changed resolution range, and the size of the recommended region, the number of blocks displayed in the recommended region, Size, and arrangement of blocks may be updated and provided.

이와 관련한 일 구현예에 따르면, 뉴탭 제공부(120)는 웹 브라우저의 해상도에 따라 추천 영역이 적응적으로 표시되도록 뉴탭을 제공할 수 있다. According to one embodiment of the present invention, the new tab providing unit 120 may provide a new tab so that the recommended region is adaptively displayed according to the resolution of the web browser.

본 예에서, 블록 배열부(21)는 추천 영역에 표시 가능한 블록의 최대 개수를 결정하고, 추천 웹 페이지 할당부(22)는 결정된 최대 개수의 블록 각각에 대하여 추천 웹 페이지를 할당하고, 색상 할당부(24)는 결정된 최대 개수의 블록 각각에 대하여 색상을 할당할 수 있다. 블록 배열부(21)는 추천 영역의 형태가 변경될 때 블록의 배열 변경 규칙을 결정할 수 있다. 추천 영역의 형태는 웹 브라우저의 해상도 변경에 대응하여 변경될 수 있다. 블록의 최대 개수는 웹 브라우저의 최대 해상도에 따른 추천 영역의 최대 크기에 따라 결정되거나, 사용자 또는 관리자에 의해 특정 값으로 기설정될 수 있다. In this example, the block arrangement unit 21 determines the maximum number of displayable blocks in the recommended area, and the recommended web page allocation unit 22 allocates a recommended web page for each determined maximum number of blocks, The block 24 may assign a color to each of the determined maximum number of blocks. The block arrangement unit 21 can determine the arrangement change rule of the block when the type of the recommended area is changed. The type of the recommended region can be changed in response to the resolution change of the web browser. The maximum number of blocks may be determined according to the maximum size of the recommended area according to the maximum resolution of the web browser, or may be preset to a specific value by the user or the administrator.

추천 영역의 크기는 연속적으로 변경되지 않으며, 웹 브라우저의 해상도의 범위에 따라 단계적으로 변경될 수 있다. 블록 배열부(21)는 추천 영역의 형태 및 블록의 배열을 웹 브라우저의 해상도 범위마다 미리 지정한 정보를 이용하여 블록의 배열 변경 규칙을 결정할 수 있다. 예를 들어, 웹 브라우저의 해상도 범위에 따라 추천 영역의 형태를 제1 형태, 제2 형태, 및 제3 형태 중 어느 하나로 표시하도록 설정할 수 있고, 제1 형태의 추천 영역에 표시할 블록의 제1 배열, 제2 형태의 추천 영역에 표시할 블록의 제2 배열, 제3 형태의 추천 영역에 표시할 블록의 제3 배열을 미리 설정할 수 있다. 제1 배열, 제2 배열 및 제3 배열은 서로 다른 개수의 블록을 나열할 수 있다. The size of the recommended region is not continuously changed, and can be changed stepwise according to the range of the resolution of the web browser. The block arrangement unit 21 can determine a block arrangement change rule by using the information previously specified for the type of the recommended area and the arrangement of blocks for each resolution range of the web browser. For example, it is possible to set the form of the recommendation area to be displayed in any one of the first, second, and third forms according to the resolution range of the web browser, A second array of blocks to be displayed in the recommended area of the second type, and a third array of blocks to be displayed in the recommended area of the third type. The first array, the second array, and the third array may list different numbers of blocks.

전술한 것과 같이 뉴탭 제공부(120)는 표시 가능한 최대 개수의 블록 각각에 대하여 표시요소를 결정할 수 있고, 블록 배열부(21)는 웹 브라우저의 해상도 범위에 따라 최대 개수의 블록의 적어도 일부를 추천 영역에 표시할 수 있다. 뉴탭 제공부(120)는 이와 같이 최대 개수의 블록에 대하여 표시요소를 모두 결정한 후 웹 브라우저의 해상도에 따라 적어도 일부 블록을 표시하는 적응적 추천 영역을 포함하는 뉴탭을 제공할 수 있다. 본 구현 예에 따르면 해상도 변경에 따른 추천 영역 갱신에 요구되는 데이터 처리가 최소화된다.As described above, the new tab providing unit 120 can determine the display elements for each of the maximum displayable blocks, and the block arranging unit 21 can recommend at least a part of the maximum number of blocks according to the resolution range of the web browser Area can be displayed. Newtap provider 120 may determine a display element for the maximum number of blocks and provide a new tab including an adaptive recommendation area that displays at least some blocks according to the resolution of the web browser. According to this embodiment, the data processing required for the recommended area update due to the resolution change is minimized.

본 예에서, 표시 제어부(110)는 표시부에 표시되는 웹 브라우저의 해상도에 따라 추천 영역의 크기를 가변적으로 제어하고, 추천 영역의 크기에 따라 뉴탭 제공부(120)에 의해 제공된 복수의 블록 중 적어도 일부를 추천 영역 내에 표시할 수 있다. In this example, the display control unit 110 variably controls the size of the recommended region according to the resolution of the web browser displayed on the display unit, and selects at least one of the plurality of blocks provided by the new tab providing unit 120 according to the size of the recommended region Some of them can be displayed in the recommendation area.

이와 관련한 다른 구현예에 따르면, 표시 제어부(110)는 웹 브라우저의 해상도의 범위를 모니터링하고, 웹 브라우저의 해상도 범위가 현재 범위를 벗어나는 경우, 뉴탭 제공부(120)에 추천 영역 갱신을 요청할 수 있다. 뉴탭 제공부(120)는 변경된 웹 브라우저의 해상도 범위에 따라 추천 영역 내에 나열되는 하나 이상의 블록의 표시 요소들을 갱신할 수 있다.According to another embodiment of the present invention, the display control unit 110 monitors the resolution range of the web browser and may request the new tab provider 120 to update the recommended region when the resolution range of the web browser is out of the current range . The new tab providing unit 120 may update the display elements of one or more blocks listed in the recommended region according to the resolution range of the changed web browser.

본 구현예에서, 뉴탭 제공부(120)는 전술한 구현예에서와 마찬가지로 웹 브라우저의 범위에 따라 단계적으로 블록 배열을 변경할 수 있다. 다만 본 구현예에서 뉴탭 제공부(120)는 선정된 추천 웹 페이지의 목록 및 추출된 색상의 목록을 이용하여 블록 배열이 변경될 때마다 각 블록에 추천 웹 페이지와 색상을 다시 할당할 수 있다. 본 구현예에 따르면 해상도 변경에 따른 추천 영역 갱신에 요구되는 데이터 처리는 전술한 구현예에 비해 다소 증가하지만, 추천 영역의 표시가 변경되었다는 것을 시각적으로 강조할 수 있고 다양한 표시 효과를 제공할 수 있다. In this embodiment, the new tab providing unit 120 can change the block arrangement step by step according to the range of the web browser as in the above-described embodiment. However, in this embodiment, the new tab providing unit 120 can re-assign the recommended web page and color to each block whenever the block arrangement is changed by using the list of the selected recommended web page and the list of extracted colors. According to this embodiment, the data processing required for the recommended area update due to the resolution change slightly increases compared with the above-described embodiment, but it can visually emphasize that the display of the recommended area has been changed and can provide various display effects .

본 발명의 일 실시예에 따르면, 뉴탭 제공부(120)는 웹 브라우저 해상도 변경에 따라 블록 배열이 변경되는 과정에서 블록의 표시를 전환하는 애니메이션을 적용할 수 있다. 애니메이션은, 추천 영역의 크기를 조절하는 애니메이션, 추천 영역 내에서 위치가 변경된 블록을 이동시키는 애니메이션, 블록의 투명도를 조절하는 애니메이션, 및 블록의 크기를 변경하는 애니메이션 중 적어도 하나를 포함할 수 있다. According to an embodiment of the present invention, the new tab providing unit 120 may apply an animation for switching the display of blocks in the process of changing the block arrangement according to the web browser resolution change. The animation may include at least one of an animation for adjusting the size of the recommended region, an animation for moving the position-changed block in the recommended region, an animation for adjusting the transparency of the block, and an animation for changing the size of the block.

이와 관련한 일 구현예에 따르면, 뉴탭 제공부(120)는 웹 브라우저의 해상도에 따라 추천 영역이 적응적으로 표시되고, 추천 영역의 표시가 변경될 때 전환 효과를 나타내는 애니메이션이 적용되도록 설정된 뉴탭을 제공할 수 있다.According to one embodiment of the present invention, the new tab providing unit 120 provides a new tab configured to adaptively display the recommendation area according to the resolution of the web browser and to apply the animation indicating the transition effect when the display of the recommendation area is changed can do.

다른 구현예에 따르면, 뉴탭 제공부(120)는 웹 브라우저의 해상도 변경에 따라 뉴탭을 갱신하여 제공할 때, 추천 영역의 표시 전환 효과를 나타내는 애니메이션이 적용되도록 설정된 뉴탭을 제공할 수 있다.According to another embodiment, the new tab providing unit 120 may provide a new tab configured to apply an animation indicating the display switching effect of the recommended region when updating the new tab according to the resolution change of the web browser.

본 발명의 일 실시예에 따르면, 뉴탭 편집부(122)는 블록의 배열을 수동 변경하는 사용자 입력을 수신하고, 사용자 입력에 따라 수동 변경된 블록 배열 정보를 메모리(130) 또는 외부 장치에 저장할 수 있다. 사용자 입력은 드래그 앤 드롭일 수 있다. 본 실시예에 따르면 사용자는 추천 영역 내에서 특정 추천 웹 페이지를 표시하는 블록을 자신이 원하는 위치에 고정할 수 있고, 뉴탭 편집부(122)는 해당 정보를 메모리(130)에 저장할 수 있다. 뉴탭 편집부(122)는 사용자에 의해 수동으로 위치가 결정된 블록을 우선적으로 배치하고, 남은 공간에 블록을 더 배치하여 추천 영역을 구성할 수 있다.According to one embodiment of the present invention, the new tab editor 122 may receive a user input for manually changing the arrangement of the blocks and store the manually changed block arrangement information in the memory 130 or an external device according to a user input. User input can be drag and drop. According to the present embodiment, a user can fix a block for displaying a specific recommended web page within a recommended region at a desired position, and the new tab editor 122 can store the information in the memory 130. The new tab editing unit 122 can arrange the blocks manually positioned by the user in preference and arrange the blocks in the remaining space to construct a recommended area.

도 3a, 도 3b 및 도 3c는 본 발명의 일 실시예에 따른 웹 브라우저 제공 방법을 도시한 흐름도이다.3A, 3B, and 3C are flowcharts illustrating a method of providing a web browser according to an exemplary embodiment of the present invention.

도 3a, 도 3b 및 도 3c에 도시된 흐름도는 도 1 및 도 2에 도시된 웹 브라우저 제공 장치(100)에서 시계열적으로 처리되는 단계들로 구성된다. 따라서, 이하에서 생략된 내용이라 하더라도 도 1 및 도 2에서 도시된 구성들에 관하여 이상에서 기술된 내용은 도 3a, 도 3b 및 도 3c에 도시된 흐름도에도 적용됨을 알 수 있다.The flowcharts shown in FIGS. 3A, 3B, and 3C are comprised of steps that are processed in a time-series manner in the web browser providing apparatus 100 shown in FIGS. 1 and 2. FIG. Therefore, it is understood that the contents described above with respect to the configurations shown in FIGS. 1 and 2 apply to the flow charts shown in FIGS. 3A, 3B, and 3C even if omitted from the following description.

먼저 도 3a을 참조하면, 단계 S31에서 뉴탭 요청 수신부(121)는 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭에 대한 표시 요청을 수신한다.First, referring to FIG. 3A, in step S31, the newtap request receiving unit 121 receives a display request for a new tab including a recommendation area for listing one or more blocks displaying information of a recommended web page.

단계 S32에서 뉴탭 편집부(122)는 뉴탭의 배경 이미지의 색상에 기초하여 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 하나 이상의 블록 각각에 대하여 각 블록에 표시할 추천 웹 페이지를 할당하고, 상기 하나 이상의 블록에 상기 추출된 색상을 할당한다. 단계 S32에서 뉴탭 편집부(122)는 뉴탭의 배경 이미지의 색상에 기초하여 복수의 색상을 추출할 수 있고, 복수의 블록 각각에 대하여 각 블록에 표시할 추천 웹 페이지를 할당하고, 복수의 블록 각각에 상기 복수의 색상 중 어느 하나의 색상을 할당할 수 있다. 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 제1 블록 및 제2 블록은 서로 다른 색상으로 표시될 수 있다. 제1 블록 및 제2 블록은 서로 다른 크기로 표시될 수 있다. 뉴탭 편집부(122)는 기설정된 규칙에 따라 상기 복수의 블록 각각의 크기를 고려하여 상기 각 블록에 상기 추천 웹 페이지를 할당할 수 있다. 뉴탭 편집부(122)는 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 추천 웹 페이지를 상기 복수의 블록 중 크기가 큰 블록에 할당할 수 있다. 뉴탭 편집부(122)는 뉴탭의 배경 이미지에 포함된 색상의 상기 배경 이미지 내 사용 빈도가 높은 순으로 기설정된 개수의 색상을 추출할 수 있다. In step S32, the new tab editor 122 extracts a color for use in one or more blocks based on the color of the background image of the new tab, allocates a recommended web page to be displayed in each block for each of the one or more blocks, The extracted color is assigned to the above blocks. In step S32, the new tab editing unit 122 can extract a plurality of colors based on the hue of the background image of the new tab, allocate a recommended web page to be displayed in each block to each of the plurality of blocks, And may assign any one of the plurality of hues. The plurality of blocks includes a first block and a second block, and the first block and the second block may be displayed in different colors. The first block and the second block may be displayed at different sizes. The new tab editing unit 122 may allocate the recommended web page to each block in consideration of the size of each of the plurality of blocks in accordance with a predetermined rule. The new tab editing unit 122 selects a plurality of recommended web pages by referring to the user's web page visit history and sets the recommended web page to a block of a larger size among the plurality of blocks Can be assigned. The new tab editing unit 122 can extract a predetermined number of colors in the order of higher frequency of use of the colors included in the background image of the new tab in the background image.

단계 S32에서 뉴탭 편집부(122)는 복수의 색상을 추출하고, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 복수의 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 배경 이미지 내 사용 빈도가 높은 색상을 할당할 수 있다.In step S32, the new-tab editing unit 122 extracts a plurality of colors, selects a plurality of recommended web pages referring to the user's web page visit record, and selects a recommendation web page assigned to the plurality of blocks It is possible to assign a color having a high frequency of use in the background image.

단계 S33에서 뉴탭 출력부(123)는 배경 이미지 상에 표시되는 추천 영역에 나열되는 하나 이상의 블록 각각에 할당된 추천 웹 페이지의 정보를 표시하는 뉴탭을 제공한다. In step S33, the new tab output unit 123 provides a new tab that displays information of a recommended web page allocated to each of the one or more blocks listed in the recommended region displayed on the background image.

다음으로 도 3b를 참조하면, 본 발명의 일 실시예에 따른 웹 브라우저 제공 방법은, 단계 S34b를 더 포함한다.Next, referring to FIG. 3B, a method of providing a web browser according to an embodiment of the present invention further includes step S34b.

단계 S34b에서 뉴탭 제공부(120)는 웹 브라우저의 해상도 변경에 따라 추천 영역의 크기, 블록의 개수, 블록 중 적어도 일부의 크기, 및 블록의 배열 중 적어도 하나를 갱신하여 제공한다. 단계 S34b에서 뉴탭 제공부(120)는 블록의 표시를 전환하는 애니메이션을 제공하고, 애니메이션은 상기 추천 영역 내에서 위치가 변경된 블록을 이동시키는 애니메이션, 상기 블록의 투명도를 조절하는 애니메이션, 및 상기 블록의 크기를 변경하는 애니메이션 중 적어도 하나를 포함할 수 있다.In step S34b, the new tab providing unit 120 updates at least one of the size of the recommended region, the number of blocks, the size of at least a part of the blocks, and the arrangement of blocks according to the resolution change of the web browser. In step S34b, the new tab providing unit 120 provides an animation for switching the display of the block, and the animation includes an animation for moving the position-changed block in the recommended area, an animation for adjusting the transparency of the block, And at least one of animations that change the size.

다음으로, 도 3c를 참조하면, 본 발명의 일 실시예에 따른 웹 브라우저 제공 방법은 단계 S34c 및 S35를 더 포함한다.Next, referring to FIG. 3C, a method of providing a web browser according to an embodiment of the present invention further includes steps S34c and S35.

단계 S34c에서 뉴탭 제공부(120)는, 블록의 배열을 수동 변경하는 사용자 입력을 수신한다. In step S34c, the new tab providing unit 120 receives a user input for manually changing the arrangement of the blocks.

단계 S35에서 뉴탭 제공부(120)는 사용자 입력에 따라 수동 변경된 블록의 배열을 메모리(130)또는 외부 장치에 저장한다.In step S35, the new tab providing unit 120 stores the arrangement of manually changed blocks in the memory 130 or an external device according to a user input.

이하에서는, 웹 브라우저가 표시된 예와 함께 본 발명의 실시예들을 상세히 설명한다.Hereinafter, embodiments of the present invention will be described in detail with an example in which a web browser is displayed.

도 4는 본 발명의 일 실시예에 따른 뉴탭이 표시된 웹 브라우저의 예이다.4 is an example of a web browser displaying a new tab according to an embodiment of the present invention.

도 4를 참조하면, 웹 브라우저 제공 장치(110)에 의해 제공되는 웹 브라우저(WB)가 도시되었고, 뉴탭 제공부(120)에 의해 제공되는 뉴탭(NT)이 표시되었다. 도 4를 참조하면, 웹 브라우저(WB)는 뉴탭 요청 버튼(41), 주소 입력창(42), 북마크 바(BB), 및 브라우징 영역(40)을 표시한다. 북마크 바(BB)에는 복수의 북마크(BM)가 표시되었다. 도 4에서는 브라우징 영역(40)에 뉴탭이 표시된 예가 도시되었다. 사용자가 특정 웹 페이지로 이동하게 되면 브라우징 영역(40)에는 해당 웹 페이지가 표시될 것이다.4, a web browser WB provided by the web browser provision apparatus 110 is shown, and a new tab NT provided by the new tab provider 120 is displayed. Referring to FIG. 4, the web browser WB displays a new tab request button 41, an address input window 42, a bookmark bar BB, and a browsing area 40. A plurality of bookmarks (BM) are displayed on the bookmark bar (BB). In Fig. 4, an example in which a new tab is displayed in the browsing area 40 is shown. When the user moves to a specific web page, the corresponding web page will be displayed in the browsing area 40.

도 4를 참조하면, 뉴탭 제공부(120)에 의해 제공되는 뉴탭(NT)은 추천 웹 페이지의 정보를 제공하는 추천 영역(RR)을 포함한다. 도 4의 예에서 뉴탭(NT)은 검색 위젯(43), 날씨 위젯(44) 및 시계 위젯(45)을 더 포함하도록 도시되었다. 추천 영역(RR) 내에는 복수의 블록(B)이 나열되었다. 각 블록(B)의 배경은 브라우징 영역(40)에 표시되는 배경 이미지에 대응하여 추출된 색상으로 표시된다. 각 블록(B)에는 하나의 추천 웹 페이지가 할당되었고, 각 블록(B)은 할당된 추천 웹 페이지의 정보를 간략하게 제공하고 있음을 볼 수 있다.Referring to FIG. 4, a new tab NT provided by the new tab providing unit 120 includes a recommendation area RR that provides information of a recommended web page. In the example of FIG. 4, the new tab NT is shown to further include a search widget 43, a weather widget 44, and a clock widget 45. A plurality of blocks B are listed in the recommended area RR. The background of each block B is displayed in the extracted color corresponding to the background image displayed in the browsing area 40. [ One recommended web page is allocated to each block B, and each block B briefly provides the information of the recommended recommended web page.

도 4를 참조하면, 각 블록(B)은 할당된 추천 웹 페이지의 정보를 나타내는 아이콘 및 텍스트를 표시한다. 아이콘은 추천 웹 페이지의 대표 아이콘, 파비콘, 배너 등 웹 페이지를 나타낼 수 있는 이미지 또는 해당 이미지의 편집본일 수 있다. 일 실시예에 따른 뉴탭 제공부(120)는 추천 웹 페이지의 대표 아이콘, 파비콘, 배너 등 웹 페이지를 나타낼 수 있는 이미지를 편집하여 블록(B)에 표시할 수 있다. 편집 방식은 예를 들어, 기저장된 필터를 이용해 이미지를 단순화하는 편집일 수 있다. 또는 추천 웹 페이지의 URL 또는 명칭에 포함된 문자(character)를 이용하여 아이콘을 생성할 수 있다. 예를 들어, 추천 웹 페이지의 URL 또는 명칭의 첫번째 문자를 기설정된 서식으로 표시한 아이콘을 생성할 수 있다. 다만 아이콘 생성 방법은 전술한 예시에 한정하지 않는다. 텍스트는 추천 웹 페이지의 명칭 또는 웹 페이지의 URL일 수 있다. 아이콘 및 텍스트는 사용자에 의해 또는 관리자에 의해 임의로 저장될 수도 있다. Referring to FIG. 4, each block B displays an icon and text indicating information of the recommended recommended web page. The icon may be an image representative of a web page, such as a representative icon of a recommended web page, a favicon, a banner, or a compilation of the image. The new tab providing unit 120 according to an embodiment may edit an image representing a web page such as a representative icon, a favicon, a banner, etc. of a recommended web page and display the edited image on the block B. The editing method may be, for example, editing that simplifies the image using a pre-stored filter. Alternatively, the icon may be generated using a character included in the URL or the name of the recommended web page. For example, you can create an icon that displays the URL of the recommended web page or the first character of the name in a predetermined format. However, the icon generation method is not limited to the above-described example. The text may be the name of the recommended web page or the URL of the web page. The icons and text may be optionally stored by the user or by the administrator.

도 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) 중 좌측 상단에 위치한 블록부터 우측 하단에 위치한 블록의 순으로 사용자의 방문 빈도가 높은 추천 웹 페이지를 할당할 수 있다. Referring to FIG. 4, a plurality of blocks B are displayed, and a plurality of blocks B includes blocks B of different sizes. In the example of FIG. 4, a plurality of blocks B are shown to include a first block B1 of a first size, a second block B2 of a second size, and a third block B3 of a third size . The new tab providing unit 120 according to an embodiment of the present invention can allocate a recommended web page to a block having a larger size in descending order of frequency of a user's web page visit. In the example of FIG. 4, the new tab providing unit 120 assigns the recommended web page having the highest frequency of the user's web page visit to the first block B1 having the largest size, and then the recommended web page having the highest visiting frequency And then allocated to the second block B2 having a larger size and the remaining recommended web pages are allocated to the remaining block B including the third block B3 having a third size. The block B having the same size may have a higher priority in the upper left corner. That is, the new tab providing unit 120 can allocate a recommended web page having a high frequency of user's visit in the order of the block located at the upper left of the block B of the third size to the block located at the lower right.

도 4를 참조하면, 각 블록(B)의 배경은 뉴탭(NT)의 배경 이미지에서 추출된 색상으로 표시된다. 배경 이미지에서 추출된 색상 중 가장 배경 이미지 내 사용 빈도가 높은 색상이, 사용자 방문 빈도가 가장 높은 추천 웹 페이지가 표시된 제1 블록(B)의 배경 색상으로 표시되었다. Referring to FIG. 4, the background of each block B is displayed in the color extracted from the background image of the new tab NT. The color most frequently used in the background image among the colors extracted from the background image is displayed as the background color of the first block B in which the recommended web page with the highest frequency of user visits is displayed.

도 5 내지 도 8은 본 발명의 일 실시예에 따른 적응적 추천 영역을 설명하기 위한 도면이다. 도 5 내지 도 8에는 각기 다른 해상도로 표시된 뉴탭 화면이 도시되었다. 도 5 내지 도 8에서 추천 영역(RR)에 표시된 블록은 배경 이미지(BG)에서 추출된 복수의 색상 중 어느 하나의 색상으로 표시되었다. 가장 크기가 크게 표시되거나 좌상단에 표시되는 제1 블록(B1)은 배경 이미지(BG)에서 추출된 복수의 색상 중 가장 사용 빈도가 높은 색상으로 표시되었다. 5 to 8 are views for explaining an adaptive recommendation area according to an embodiment of the present invention. 5 to 8 show a new tab screen displayed at different resolutions. In FIGS. 5 to 8, the blocks displayed in the recommended region RR are indicated by any one of a plurality of colors extracted from the background image BG. The first block B1 having the largest size or being displayed at the upper left corner is displayed with the most frequently used color among a plurality of colors extracted from the background image BG.

뉴탭 제공부(120)는 웹 브라우저의 가로 해상도 또는 세로 해상도중 어느 하나만을 고려하여 추천 영역을 제공할 수 있다. 도 5 내지 도 8에서는 뉴탭 제공부(120)가 웹 브라우저의 가로 해상도를 고려하여 추천 영역을 제공하는 예가 도시되었다. 도 5 내지 도 8의 예에서 뉴탭 제공부(120)는 웹 브라우저의 가로 해상도의 범위에 따라 추천 영역의 가로 길이를 다르게 표시하여 제공하며, 추천 영역의 세로 길이는 고정되도록 제공하고 있다.The new tab providing unit 120 may provide a recommended region considering only one of the horizontal resolution and the vertical resolution of the web browser. 5 to 8 show an example in which the New Tab provider 120 provides a recommended region in consideration of the horizontal resolution of the web browser. In the example of FIGS. 5 to 8, the New Tab provider 120 displays the recommended length of the recommended region differently according to the range of the horizontal resolution of the web browser, and provides the fixed length of the recommended region to be fixed.

도 5는 가로 해상도가 제1 범위(1536이상)일 때 제공되는 뉴탭 화면의 예이다. 도 6은 가로 해상도가 제2 범위(1120~1536)일 때 제공되는 뉴탭 화면의 예이다. 도 7은 가로 해상도가 제3 범위(640~1120)일 때 제공되는 뉴탭 화면의 예이다. 도 8은 가로 해상도가 제4 범위(640이하)일 때 제공되는 뉴탭 화면의 예이다. 도 5내지 도 8의 예에서 정의되는 해상도 범위의 구체적인 수치는 일 예이므로 본 발명이 이에 한정되지 않는다. 본 발명의 일 실시예에 따르면 제1 범위, 제2 범위, 제3 범위 및 제4 범위 각각에 대응되는 추천 영역(RR)의 형태와 블록 배열이 메모리(130)에 저장될 수 있다. 여기서의 블록 배열은, 추천 영역(RR) 내 각 블록의 크기 및 위치 정보를 의미한다.5 is an example of a New Tap screen provided when the horizontal resolution is in the first range (1536 or more). 6 is an example of a New Tap screen provided when the horizontal resolution is in the second range (1120 to 1536). 7 is an example of a New Tap screen provided when the horizontal resolution is in the third range (640 to 1120). 8 is an example of a New Tap screen provided when the horizontal resolution is in the fourth range (640 or less). The specific numerical values of the resolution ranges defined in the examples of FIGS. 5 to 8 are merely examples, and the present invention is not limited thereto. According to an embodiment of the present invention, the types and block arrangements of the recommended regions RR corresponding to the first range, the second range, the third range, and the fourth range may be stored in the memory 130. Here, the block arrangement means size and position information of each block in the recommended area RR.

사용자는 블록 추가 버튼(51)을 선택하여 추천 영역(RR)에 표시하고 싶은 추천 웹 사이트를 수동으로 추가할 수 있다. 사용자에 의해 수동으로 추가된 추천 웹 사이트는 메모리(130)또는 외부 장치에 저장된다. 뉴탭 제공 장치(120)는 사용자에 의해 수동으로 추가된 추천 웹 사이트의 정보를 추천 영역(RR)에 항상 표시하여 제공한다. The user can manually add a recommended website to be displayed in the recommended region RR by selecting the block addition button 51. [ The recommended web sites manually added by the user are stored in the memory 130 or an external device. The new tab providing apparatus 120 always displays information of a recommended website added manually by the user in the recommendation area RR.

먼저 도 5 및 도 6을 참조하여, 웹 브라우저의 가로 해상도가 제1 범위에서 한 단계 낮은 제2 범위로 변경되었을 때 웹 브라우저 제공 장치(100)에 의해 추천 영역(RR) 내의 블록 배열이 변경되는 예를 설명한다. 도 5 및 도 6을 참조하면, 웹 브라우저 제공 장치(100)는 웹 브라우저의 가로 해상도가 제1 범위에서 한 단계 낮은 제2 범위로 변경되면 추천 영역(RR)의 가로 길이를 줄이고, 추천 영역(RR) 내의 블록 배열을 제1 배열에서 제2 배열로 변경한다. First, referring to FIG. 5 and FIG. 6, when the web browser providing apparatus 100 changes the block arrangement in the recommended region RR when the horizontal resolution of the web browser is changed from the first range to the second range which is one level lower An example is given. 5 and 6, the web browser providing apparatus 100 reduces the horizontal length of the recommended region RR when the horizontal resolution of the web browser changes from the first range to the second range which is one level lower, RR) from the first array to the second array.

도 5 및 도 6을 참조하면 추천 영역(RR) 내의 블록 배열이 제1 배열에서 제2 배열로 변경됨에 따라, 추천 영역(RR)의 크기가 감소되고, 추천 영역(RR) 내에 포함되는 블록의 수가 감소되어 일부 블록의 표시가 사라지고, 적어도 일부 블록의 크기가 감소되는 예가 도시되었다. 이와 같이 적어도 일부 블록의 크기가 변경되는 과정에서 적어도 일부 블록의 위치가 변경될 수 있다. 도 5 및 도 6을 참조하면, 블록 배열의 변경에 따라 블록의 개수가 12개에서 9개로 감소되었다. 또한 블록 배열의 변경에 따라 제2 블록(B2)의 크기가 감소되었고, 제2 블록(B2)의 크기가 감소됨에 따라 제2 블록(B2)의 우측 블록들의 위치가 변경되었다. Referring to FIGS. 5 and 6, as the block arrangement in the recommended area RR is changed from the first arrangement to the second arrangement, the size of the recommended area RR is reduced and the size of the blocks included in the recommended area RR The number of blocks is reduced, the display of some blocks disappears, and the size of at least some blocks is reduced. In this way, the position of at least some of the blocks can be changed in the process of changing the size of at least some of the blocks. Referring to FIGS. 5 and 6, the number of blocks is reduced from 12 to 9 according to the change of the block arrangement. In addition, the size of the second block (B2) is reduced according to the change of the block arrangement, and the position of the right blocks of the second block (B2) is changed as the size of the second block (B2) is decreased.

본 발명의 일 실시예에 따르면, 블록 배열이 제1 배열에서 제2 배열로 변경됨에 따라 각 블록에 할당된 색상이 변경될 수 있다. According to an embodiment of the present invention, as the block arrangement is changed from the first arrangement to the second arrangement, the color assigned to each block can be changed.

도 5 및 도 6을 참조하면 제1 배열에서 제2 배열로 변경됨에 따라, 각 블록에 할당되는 추천 웹 사이트는 유지되고 각 블록에 할당되는 색상은 변경되는 예가 도시되었다. Referring to FIGS. 5 and 6, as the first arrangement is changed to the second arrangement, a recommendation website allocated to each block is maintained and the color assigned to each block is changed.

도 5 및 도 6의 예에서, 일 실시예에 따른 웹 브라우저 제공 장치(100)는 웹 브라우저에 표시되는 화면이 도 5에서 도 6으로 전환되는 과정에서 애니메이션을 제공할 수 있다. 예를 들어, 추천 영역(RR) 내에서 위치가 변경된 블록의 이동 애니메이션, 크기가 변경된 블록의 확장 또는 축소 애니메이션이 제공될 수 있다. 도 5 및 도 6의 예에서 제2 블록(B2)의 가로 길이가 축소되는 애니메이션 및 위치가 변경된 블록의 이동 애니메이션이 제공될 수 있다. 이동 애니메이션은 해당 블록을 도 5에 도시된 위치에서부터 도 6에 도시된 위치로 이동시키는 애니메이션일 수 있다. In the example of FIGS. 5 and 6, the web browser providing apparatus 100 according to the embodiment may provide an animation in the process of switching the screen displayed on the web browser from FIG. 5 to FIG. For example, a moving animation of a block whose position has been changed within the recommended region RR, or an enlarged or reduced animation of a block whose size has been changed may be provided. In the examples of Figs. 5 and 6, animations in which the width of the second block B2 is reduced and moving animations of the repositioned blocks can be provided. The moving animation may be an animation that moves the block from the position shown in Fig. 5 to the position shown in Fig.

한편, 추천 영역의 크기 감소를 나타내는 애니메이션이 함께 제공될 수 있다. 예를 들어, 추천 영역의 가로 길이가 점차 감소되는 애니메이션이 제공될 수 있다.On the other hand, an animation indicating the size reduction of the recommended region may be provided together. For example, an animation may be provided in which the width of the recommended region is gradually reduced.

다음으로, 도 6 및 도 7을 참조하여, 웹 브라우저의 가로 해상도가 제2 범위에서 한 단계 낮은 제3 범위로 변경되었을 때 웹 브라우저 제공 장치(100)에 의해 추천 영역(RR) 내의 블록 배열이 변경되는 예를 설명한다. 도 6 및 도 7을 참조하면, 웹 브라우저 제공 장치(100)는 웹 브라우저의 가로 해상도가 제2 범위에서 한 단계 낮은 제3 범위로 변경되면 추천 영역(RR)의 가로 길이를 줄이고, 추천 영역(RR) 내의 블록 배열을 제2 배열에서 제3 배열로 변경한다. Next, referring to FIG. 6 and FIG. 7, when the web browser providing apparatus 100 changes the horizontal resolution of the web browser from the second range to a third range lower by one level, the block arrangement in the recommended region RR An example of the change will be described. 6 and 7, when the horizontal resolution of the web browser changes from the second range to the third range which is one level lower than the second range, the web browser providing apparatus 100 reduces the horizontal length of the recommended region RR, RR) from the second array to the third array.

도 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)의 하단으로 변경되었다.Referring to FIGS. 6 and 7, as the block arrangement in the recommended area RR is changed from the second arrangement to the third arrangement, the size of the recommended area RR is reduced and the size of the blocks included in the recommended area RR The number of blocks is reduced, the display of some blocks disappears, and the size of at least some blocks is reduced. The position of at least some of the blocks may be changed in the course of changing the size of at least some of the blocks. Referring to FIGS. 6 and 7, the number of blocks is reduced from 9 to 6 as the block arrangement is changed. As the size of the first block B1 is reduced and the size of the first block B1 is reduced, the positions of the right blocks of the first block B1 are changed in accordance with the change of the block arrangement, The positions of the blocks including the block B2 have been changed. The position of the second block B2 has been changed from the right side of the first block B1 to the lower side of the first block B1.

다음으로 도 7 및 도 8을 참조하여, 웹 브라우저의 가로 해상도가 제3 범위에서 한 단계 낮은 제4 범위로 변경되었을 때 웹 브라우저 제공 장치(100)에 의해 제공되는 뉴탭 화면의 예를 설명한다. Next, an example of a New Tab screen provided by the web browser providing apparatus 100 when the horizontal resolution of the web browser is changed from the third range to the fourth range lower by one level will be described with reference to FIGS. 7 and 8. FIG.

일 실시예에 따른 웹 브라우저 제공 장치(100)는 웹 브라우저의 해상도가 최저 해상도 범위인 제4 범위로 변경되었을 때, 더 이상 추천 영역(RR)의 배열을 변경하지 않고 스크롤 바(SB)를 표시할 수 있다. 제4 범위는 기저장된 최저 해상도를 상한 값으로 포함할 수 있다. 예를 들어, 기저장된 최저 해상도는 제3 범위(640~1120)의 하한 값일 수 있다. 웹 브라우저의 해상도가 640이상에서 640미만으로 변경되면, 웹 브라우저 제공 장치(100)는 도 8에 도시된 것과 같이 제3 배열로 표시된 추천 영역(RR) 내의 블록 배열을 변경하지 않고, 스크롤 바(SB)를 표시한다.The web browser providing apparatus 100 according to the embodiment displays the scroll bar SB without changing the arrangement of the recommended region RR when the resolution of the web browser is changed to the fourth range having the lowest resolution range can do. The fourth range may include the lowest stored resolution as the upper limit value. For example, the pre-stored lowest resolution may be the lower limit of the third range 640-1120. When the resolution of the web browser is changed from 640 or more to less than 640, the web browser providing apparatus 100 does not change the arrangement of blocks in the recommended region RR displayed in the third arrangement as shown in Fig. 8, SB).

한편, 도 8에서는 웹 브라우저의 해상도가 최저 해상도 범위인 제4 범위로 변경된 예를 도시하였으나 본 발명은 이에 한정하지 않으며 다른 실시예가 제공될 수 있다. 예를 들어, 웹 브라우저 제공 장치(100)는 웹 브라우저의 해상도가 기설정된 최저 해상도 이하로 조절되지 않도록 웹 브라우저를 제공할 수 있다. 일 예에 따르면, 웹 브라우저의 가로 길이는 최저 해상도인 640픽셀 미만으로 조절되지 않고, 웹 브라우저의 가로 길이가 최저 해상도로 조절되었을 때 웹 브라우저 제공 장치(100)는 도 7에 도시된 것과 같은 제3 배열로 추천 영역(RR) 내의 블록 배열을 표시하고, 스크롤 바(SB)를 표시하지 않을 수 있다. 한편, 기설정된 웹 브라우저의 가로방향 최저 해상도는 제3 배열에서의 추천 영역(RR)의 가로 길이와 같도록 설정될 수 있다. In FIG. 8, the resolution of the web browser is changed to the fourth range, which is the lowest resolution range. However, the present invention is not limited to this and other embodiments may be provided. For example, the web browser provision apparatus 100 may provide a web browser so that the resolution of the web browser is not adjusted to a predetermined minimum resolution or less. According to an example, when the width of the web browser is not adjusted to less than the minimum resolution of 640 pixels, and when the width of the web browser is adjusted to the minimum resolution, the apparatus 100 for providing web browsers displays It is possible to display the block array in the recommended area RR with the three arrays and not to display the scroll bar SB. On the other hand, the minimum resolution in the horizontal direction of the predetermined web browser may be set to be equal to the width of the recommended region RR in the third array.

도 5 내지 도 8에서 설명한 것과 같이, 웹 브라우저의 해상도 변경에 따라 해상도가 속하는 범위가 변경되면, 추천 영역(RR) 내의 블록 배열이 변경될 수 있다. 한편, 기설정된 해상도의 범위 내에서 웹 브라우저의 해상도가 변경되는 경우 추천 영역(RR) 내의 블록 배열은 변경되지 않지만, 추천 영역(RR)의 크기가 해상도 변경에 대응하여 스케일링되어 표시될 수 있다. As described in FIGS. 5 to 8, if the range to which the resolution belongs is changed according to the resolution change of the web browser, the block arrangement in the recommended region RR can be changed. On the other hand, when the resolution of the web browser is changed within the range of the preset resolution, the block arrangement in the recommended region RR is not changed, but the size of the recommended region RR can be scaled and displayed corresponding to the resolution change.

도 9는 본 발명의 일 실시예에 따른 뉴탭 화면의 일 예이다. 도 9의 예에서, 제1 블록(B1)은 사용자에 의해 수동으로 추가된 추천 웹 페이지가 할당되어, 해당 웹 페이지의 정보를 표시하고 있다. 일 실시예에 따른 웹 브라우저 제공 장치(100)는 사용자에 의해 수동으로 추가된 웹 페이지의 정보를 표시하는 블록에 도 9에 도시된 것과 같은 마크(91)를 표시할 수 있다. 9 is an example of a New Tab screen according to an embodiment of the present invention. In the example of Fig. 9, the first block B1 is assigned a recommended web page manually added by the user, and displays the information of the web page. The web browser providing apparatus 100 according to the embodiment may display the mark 91 as shown in Fig. 9 in a block for displaying information of a web page manually added by a user.

일 실시예에 따르면, 사용자가 블록 위에 마우스 포인터(P)를 위치하는 경우, 해당 블록에 대한 삭제 기능을 제공하는 버튼(92)이 표시될 수 있다. 도 9를 참조하면, 사용자가 제1 블록(B1)에 마우스 포인터(P)를 위치하였을 때 제1 블록(B1)의 삭제 버튼(92)이 표시된 예가 도시되었다. 사용자가 버튼(92)을 누르면, 뉴탭 제공부(120)는 사용자가 수동으로 추가한 추천 웹 페이지의 정보를 메모리(130)에서 삭제한다. 사용자가 버튼(92)을 누르면, 뉴탭 제공부(120)는 제1 블록(B1)을 삭제하고, 나머지 블록들의 표시를 변경한다. 예를 들어, 뉴탭 제공부(120)는 제1 블록(B1)을 삭제하고 나머지 블록들의 위치를 변경하고, 새로운 블록을 추가하여 도 9에 표시된 블록 배열에 해당되는 개수만큼의 블록을 표시한다.According to one embodiment, when the user places the mouse pointer P on a block, a button 92 may be displayed that provides a delete function for the block. 9, an example in which the delete button 92 of the first block B1 is displayed when the user places the mouse pointer P in the first block B1 is shown. When the user presses the button 92, the new tab providing unit 120 deletes the information of the recommended web page manually added by the user from the memory 130. When the user presses the button 92, the new tab providing unit 120 deletes the first block B1 and changes the display of the remaining blocks. For example, the new tab providing unit 120 deletes the first block B1, changes the positions of the remaining blocks, adds new blocks, and displays the blocks corresponding to the block arrangement shown in FIG.

한편, 도면에는 도시되지 않았지만 크기가 큰 블록이 삭제된 위치로 크기가 작은 블록이 이동한 경우, 이동된 블록은 삭제된 블록의 크기와 동일한 크기로, 즉 큰 블록으로 표시될 수 있다. 이와 같이 뉴탭 제공부(120)는 일부 블록이 삭제되더라도 새로운 블록을 추가하여 추천 영역(RR)에 표시되는 블록의 개수를 유지할 수 있다. 또한 삭제된 블록이 표시되어 있던 제1 위치에 다른 블록을 이동시킨 경우, 이동된 블록을 삭제된 블록과 동일한 크기로 표시함으로써, 추천영역(RR) 내의 블록의 배열을 유지할 수 있다.Meanwhile, if a block having a small size is moved to a position where a block having a large size is not shown in the drawing, the moved block may be displayed in the same size as the deleted block, that is, in a large block. In this way, even if some blocks are deleted, the new tab providing unit 120 can add a new block to maintain the number of blocks displayed in the recommended region RR. Also, when another block is moved to the first position where the deleted block is displayed, the arrangement of blocks in the recommended area RR can be maintained by displaying the moved block at the same size as the deleted block.

도 10은 본 발명의 일 실시예에 따른 뉴탭 화면의 다른 예이다. 도 10의 예에서 제2 블록(B2)은 추천 웹 페이지 할당부(22)에 의해 선정된 추천 웹 페이지가 할당되어, 해당 웹 페이지의 정보를 표시하고 있다. 10 is another example of a New Tab screen according to an embodiment of the present invention. In the example of FIG. 10, the second block B2 is allocated with a recommended web page selected by the recommended web page allocator 22, and displays the information of the corresponding web page.

일 실시예에 따른 웹 브라우저 제공 장치(100)는 사용자가 제2 블록(B2) 위에 마우스 포인터(P)를 위치하는 경우, 제2 블록(B2)에 대한 추가 기능을 제공하는 하나 이상의 버튼을 표시할 수 있다. 도 10을 참조하면, 하나 이상의 버튼은 제2 블록(B2)의 차단 버튼(93)이 표시된 예가 도시되었다.The web browser providing apparatus 100 according to an embodiment may display one or more buttons for providing an additional function for the second block B2 when the user places the mouse pointer P on the second block B2 can do. Referring to FIG. 10, an example in which one or more buttons are displayed with the cutoff button 93 of the second block B2 is shown.

사용자가 버튼(93)을 누르면, 뉴탭 제공부(120)는 제2 블록(B2)에 할당된 추천 웹 페이지를 메모리(130) 또는 외부 장치에 저장된 차단 웹 페이지 목록에 추가한다. 추천 웹 페이지 할당부(22)는 어느 웹 페이지가 사용자의 방문 빈도 등에 따른 추천 웹 페이지 선정 기준에 부합하더라도 차단 웹 페이지 목록에 포함되어 있는 경우, 해당 웹 페이지를 추천 웹 페이지로 선정하지 않는다. 즉, 차단 웹 페이지 목록에 포함된 웹 페이지는 뉴탭의 추천 영역(RR)에 표시되지 않는다. 사용자는 설정을 통해 차단 웹 페이지 목록을 편집할 수 있다.When the user presses the button 93, the new tab providing unit 120 adds the recommended web page assigned to the second block B2 to the blocked web page list stored in the memory 130 or the external device. The recommended web page allocation unit 22 does not select a web page as a recommended web page if the web page is included in the blocked web page list even if the web page satisfies the recommended web page selection criteria based on the user's visit frequency or the like. That is, the web page included in the blocked web page list is not displayed in the recommended area (RR) of the new tab. The user can edit the blocked web page list through the settings.

한편, 도 3에 도시된 본 발명의 일 실시예에 따른 웹 브라우저 제공 방법은 컴퓨터에서 실행될 수 있는 프로그램으로 작성 가능하고, 컴퓨터로 읽을 수 있는 매체를 이용하여 상기 프로그램을 동작시키는 범용 디지털 컴퓨터에서 구현될 수 있다. 매체는 컴퓨터로 실행 가능한 프로그램을 계속 저장하거나, 실행 또는 다운로드를 위해 임시 저장하는 것일 수도 있다. 또한, 매체는 단일 또는 수개 하드웨어가 결합된 형태의 다양한 기록수단 또는 저장수단일 수 있는데, 어떤 컴퓨터 시스템에 직접 접속되는 매체에 한정되지 않고, 네트워크 상에 분산 존재하는 것일 수도 있다. 매체의 예시로는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등을 포함하여 프로그램 명령어가 저장되도록 구성된 것이 있을 수 있다. 또한, 다른 매체의 예시로, 애플리케이션을 유통하는 앱 스토어나 기타 다양한 소프트웨어를 공급 내지 유통하는 사이트, 서버 등에서 관리하는 기록매체 내지 저장매체도 들 수 있다.Meanwhile, a method of providing a web browser according to an embodiment of the present invention shown in Fig. 3 can be realized as a program that can be executed in a computer and is implemented in a general-purpose digital computer that operates the program using a computer- . The medium may be one that continues to store computer executable programs, or temporarily store them for execution or download. In addition, the medium may be a variety of recording means or storage means in the form of a combination of a single hardware or a plurality of hardware, but is not limited to a medium directly connected to a computer system, but may be dispersed on a network. Examples of the medium include a magnetic medium such as a hard disk, a floppy disk and a magnetic tape, an optical recording medium such as CD-ROM and DVD, a magneto-optical medium such as a floptical disk, And program instructions including ROM, RAM, flash memory, and the like. As another example of the medium, a recording medium or a storage medium managed by a site or a server that supplies or distributes an application store or various other software to distribute the application may be mentioned.

이제까지 본 발명에 대하여 그 바람직한 실시예들을 중심으로 살펴보았다. 본 발명은 도면에 도시된 실시예를 참고로 설명되었으나 이는 예시적인 것에 불과하며, 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자라면 본 발명이 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 변형된 형태로 구현될 수 있으며, 균등한 다른 실시 예가 가능함을 이해할 수 있을 것이다. 그러므로 개시된 실시예들은 한정적인 관점이 아니라 설명적인 관점에서 고려되어야 한다. 본 발명의 범위는 전술한 설명이 아니라 특허청구범위에 나타나 있으며, 그와 동등한 범위 내에 있는 모든 차이점은 본 발명에 포함된 것으로 해석되어야 할 것이다.The present invention has been described with reference to the preferred embodiments. While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is evident that many alternatives, modifications and variations will be apparent to those skilled in the art. It will be appreciated that other equivalent embodiments are possible. Therefore, the disclosed embodiments should be considered in an illustrative rather than a restrictive sense. The scope of the present invention is defined by the appended claims rather than by the foregoing description, and all differences within the scope of equivalents thereof should be construed as being included in the present invention.

100: 웹 브라우저 제공 장치
110: 표시 제어부
120: 뉴탭 제공부
122: 뉴탭 요청 수신부
122: 뉴탭 편집부
123: 뉴탭 출력부
130: 메모리
140: 입출력부
100: Web browser provided device
110:
120: New Tab Offered
122: Newtap Request Receiver
122: NewTap editor
123: New tap output section
130: memory
140: Input / output unit

Claims (13)

웹 브라우저 제공 장치가 웹페이지를 표시하기 위한 하나 이상의 탭을 포함하는 웹 브라우저를 제공하는 방법에 있어서,
추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭(new tab)에 대한 표시 요청을 수신하는 단계;
상기 뉴탭의 배경 이미지의 색상에 기초하여 상기 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 상기 하나 이상의 블록 각각에 대하여 상기 각 블록에 표시할 추천 웹 페이지 및 상기 추출된 색상을 할당하는 뉴탭 편집 단계;
상기 할당된 색상 및 상기 할당된 추천 웹 페이지의 정보를 표시하는 상기 하나 이상의 블록을 나열하는 상기 추천 영역을 상기 배경 이미지 상에 표시하는 뉴탭을 제공하는 단계; 및
상기 웹 브라우저의 해상도 변경에 따라 상기 추천 영역의 크기, 상기 블록의 개수, 상기 블록 중 적어도 일부의 크기, 및 상기 블록의 배열 중 적어도 하나를 갱신하여 제공하는 단계;를 포함하고,
상기 갱신하여 제공하는 단계는
상기 웹 브라우저의 해상도의 변경에 따라 상기 추천 영역의 크기 및 상기 블록의 배열 중 적어도 하나를 단계적으로 변경하여 제공하는,
웹 브라우저 제공 방법.
A method for providing a web browser, the web browser providing apparatus including one or more tabs for displaying a web page,
Receiving a display request for a new tab including a recommendation area that lists one or more blocks representing information of a recommended web page;
Extracting a color for use in the at least one block based on a color of a background image of the new tap, and assigning the extracted color to a recommended web page to be displayed in each block for each of the at least one block, ;
Providing a new tab for displaying on the background image the recommendation area that lists the assigned color and the one or more blocks displaying information of the recommended recommended web page; And
Updating at least one of a size of the recommendation area, a number of the blocks, a size of at least a part of the blocks, and an arrangement of the blocks according to a resolution change of the web browser,
Wherein the renewing and providing step
And providing at least one of a size of the recommendation area and an arrangement of the blocks according to a change in resolution of the web browser,
A method of providing a web browser.
제1 항에 있어서,
상기 뉴탭은 복수의 블록을 포함하고,
상기 뉴탭 편집 단계는, 복수의 색상을 추출하고, 상기 복수의 블록 각각에 상기 추출된 복수의 색상 중 어느 하나의 색상을 할당하는
웹 브라우저 제공 방법.
The method according to claim 1,
Wherein the new tab includes a plurality of blocks,
The new tab editing step may include a step of extracting a plurality of colors and assigning one of the plurality of extracted colors to each of the plurality of blocks
A method of providing a web browser.
제2 항에 있어서,
상기 복수의 블록은 제1 블록 및 제2 블록을 포함하고,
상기 제1 블록 및 상기 제2 블록은 서로 다른 색상으로 표시되는
웹 브라우저 제공 방법.
3. The method of claim 2,
The plurality of blocks including a first block and a second block,
The first block and the second block are displayed in different colors
A method of providing a web browser.
제2 항에 있어서,
상기 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 상기 제1 블록 및 상기 제2 블록은 서로 다른 크기로 표시되는,
웹 브라우저 제공 방법.
3. The method of claim 2,
The plurality of blocks including a first block and a second block, the first block and the second block being displayed at different sizes,
A method of providing a web browser.
제4 항에 있어서,
상기 뉴탭 편집 단계는, 상기 복수의 블록 각각의 크기를 고려하여 상기 각 블록에 상기 추천 웹 페이지를 할당하는
웹 브라우저 제공 방법.
5. The method of claim 4,
The step of editing the new tab may include allocating the recommended web page to each of the blocks in consideration of the size of each of the plurality of blocks
A method of providing a web browser.
제5 항에 있어서,
상기 뉴탭 편집 단계는, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 추천 웹 페이지를 상기 복수의 블록 중 크기가 큰 블록에 할당하는
웹 브라우저 제공 방법.
6. The method of claim 5,
The new tab editing step may include a step of selecting a plurality of recommended web pages by referring to a user's web page visit record, and setting the recommended web page to a block of a larger size among the plurality of blocks, Assign
A method of providing a web browser.
제1 항에 있어서,
상기 뉴탭 편집 단계는,
상기 뉴탭의 배경 이미지에 포함된 색상의 상기 배경 이미지 내 사용 빈도가 높은 순으로 상기 색상을 추출하는
웹 브라우저 제공 방법.
The method according to claim 1,
Wherein the editing of the new tab comprises:
Extracting the colors included in the background image of the new tab in descending order of use frequency in the background image
A method of providing a web browser.
제7 항에 있어서,
상기 뉴탭은 복수의 블록을 포함하고,
상기 뉴탭 편집 단계는, 복수의 색상을 추출하고, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 복수의 블록 각각에 대하여 상기 복수의 추천 웹 페이지 중 어느 하나와 상기 복수의 색상 중 어느 하나를 할당하되, 상기 각 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 배경 이미지 내 사용 빈도가 높은 색상이 할당되는
웹 브라우저 제공 방법.
8. The method of claim 7,
Wherein the new tab includes a plurality of blocks,
The new tab editing step may include a step of extracting a plurality of colors, selecting a plurality of recommended web pages referring to a user's web page visit record, and selecting one of the plurality of recommended web pages and the plurality And a color having a high frequency of use in the background image is assigned as the frequency of user visits of the recommended web page allocated to each block is high
A method of providing a web browser.
삭제delete 제1 항에 있어서,
상기 갱신하여 제공하는 단계는,
상기 추천 영역의 표시를 전환하는 애니메이션을 제공하고,
상기 애니메이션은 상기 추천 영역의 크기 및 상기 블록의 배열 중 적어도 하나의 단계적인 변경에 따른 상기 추천 영역 내에서 위치가 변경된 블록을 이동시키는 애니메이션, 상기 블록의 투명도를 조절하는 애니메이션, 및 상기 블록의 크기를 변경하는 애니메이션 중 적어도 하나를 포함하는
웹 브라우저 제공 방법.
The method according to claim 1,
Wherein the updating and providing comprises:
Providing an animation for switching display of the recommended area,
Wherein the animation includes an animation for moving a block whose position has been changed in the recommendation area in accordance with at least one of a size of the recommendation area and an arrangement of the block, an animation for adjusting transparency of the block, ≪ RTI ID = 0.0 >
A method of providing a web browser.
제1 항에 있어서,
상기 제공하는 단계 이후에,
상기 블록의 배열을 수동 변경하는 사용자 입력을 수신하는 단계; 및
상기 사용자 입력에 따라 수동 변경된 블록의 배열을 저장하는 단계;를 더 포함하는
웹 브라우저 제공 방법.
The method according to claim 1,
After the providing step,
Receiving a user input that manually changes the arrangement of blocks; And
And storing an array of manually modified blocks according to the user input
A method of providing a web browser.
컴퓨터를 이용하여 제1 항 내지 제8 항 및 제10 항 내지 제11 항 중 어느 한 항의 방법을 실행하기 위하여 매체에 저장된 컴퓨터 프로그램.
A computer program stored on a medium for carrying out the method of any one of claims 1 to 8 and 10 to 11 using a computer.
웹페이지를 표시하기 위한 하나 이상의 탭을 포함하는 웹 브라우저를 제공하는 장치에 있어서,
추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭(new tab)에 대한 표시 요청을 수신하는 뉴탭 요청 수신부;
상기 뉴탭의 배경 이미지의 색상에 기초하여 상기 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 상기 하나 이상의 블록 각각에 대하여 상기 각 블록에 표시할 추천 웹 페이지 및 상기 추출된 색상을 할당하는 뉴탭 편집부; 및
상기 할당된 색상 및 상기 할당된 추천 웹 페이지의 정보를 표시하는 상기 하나 이상의 블록을 나열하는 상기 추천 영역을 상기 배경 이미지 상에 표시하는 뉴탭 제공부;를 포함하고,
상기 뉴탭 제공부는
상기 웹 브라우저의 해상도 변경에 따라 상기 추천 영역의 크기, 상기 블록의 개수, 상기 블록 중 적어도 일부의 크기, 및 상기 블록의 배열 중 적어도 하나를 갱신하여 제공하되, 상기 추천 영역의 크기 및 상기 블록의 배열 중 적어도 하나를 단계적으로 변경하여 제공하는,
웹 브라우저 제공 장치.
An apparatus for providing a web browser including one or more tabs for displaying a web page,
A new tab request receiving unit receiving a display request for a new tab including a recommendation area listing one or more blocks displaying information of a recommended web page;
A new tab editor for extracting a color for use in the at least one block based on a color of a background image of the new tab, and allocating a recommended web page to be displayed in each of the at least one block and the extracted color; And
And a new tab providing unit for displaying on the background image the recommendation area that lists the allocated color and the one or more blocks displaying the allocated recommended web page information,
The new tab providing unit
Wherein the size of the recommendation area and the size of the block are updated by providing at least one of a size of the recommendation area, a number of the blocks, a size of at least a part of the blocks, Arranging at least one of the arrangements in a stepwise manner,
A web browser provided device.
KR1020170056950A 2017-05-04 2017-05-04 Apparatus, method and computer program for providing Web Browser Active KR101994933B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020170056950A KR101994933B1 (en) 2017-05-04 2017-05-04 Apparatus, method and computer program for providing Web Browser

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170056950A KR101994933B1 (en) 2017-05-04 2017-05-04 Apparatus, method and computer program for providing Web Browser

Publications (2)

Publication Number Publication Date
KR20180122837A KR20180122837A (en) 2018-11-14
KR101994933B1 true KR101994933B1 (en) 2019-07-01

Family

ID=64328237

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170056950A Active KR101994933B1 (en) 2017-05-04 2017-05-04 Apparatus, method and computer program for providing Web Browser

Country Status (1)

Country Link
KR (1) KR101994933B1 (en)

Families Citing this family (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8977255B2 (en) 2007-04-03 2015-03-10 Apple Inc. Method and system for operating a multi-function portable electronic device using voice-activation
CN104969289B (en) 2013-02-07 2021-05-28 苹果公司 Voice trigger of digital assistant
US10170123B2 (en) 2014-05-30 2019-01-01 Apple Inc. Intelligent assistant for home automation
US9715875B2 (en) 2014-05-30 2017-07-25 Apple Inc. Reducing the need for manual start/end-pointing and trigger phrases
US9338493B2 (en) 2014-06-30 2016-05-10 Apple Inc. Intelligent automated assistant for TV user interactions
US9886953B2 (en) 2015-03-08 2018-02-06 Apple Inc. Virtual assistant activation
US10586535B2 (en) 2016-06-10 2020-03-10 Apple Inc. Intelligent digital assistant in a multi-tasking environment
DK201670540A1 (en) 2016-06-11 2018-01-08 Apple Inc Application integration with a digital assistant
US12197817B2 (en) 2016-06-11 2025-01-14 Apple Inc. Intelligent device arbitration and control
US11204787B2 (en) 2017-01-09 2021-12-21 Apple Inc. Application integration with a digital assistant
DK179496B1 (en) 2017-05-12 2019-01-15 Apple Inc. USER-SPECIFIC Acoustic Models
US10303715B2 (en) 2017-05-16 2019-05-28 Apple Inc. Intelligent automated assistant for media exploration
US10818288B2 (en) 2018-03-26 2020-10-27 Apple Inc. Natural assistant interaction
DK180639B1 (en) 2018-06-01 2021-11-04 Apple Inc DISABILITY OF ATTENTION-ATTENTIVE VIRTUAL ASSISTANT
US11348573B2 (en) 2019-03-18 2022-05-31 Apple Inc. Multimodality in digital assistant systems
DK201970509A1 (en) 2019-05-06 2021-01-15 Apple Inc Spoken notifications
US11307752B2 (en) 2019-05-06 2022-04-19 Apple Inc. User configurable task triggers
US11061543B1 (en) 2020-05-11 2021-07-13 Apple Inc. Providing relevant data items based on context
KR102534036B1 (en) * 2020-05-11 2023-05-17 애플 인크. Providing relevant data items based on context
US12301635B2 (en) 2020-05-11 2025-05-13 Apple Inc. Digital assistant hardware abstraction
US11438683B2 (en) 2020-07-21 2022-09-06 Apple Inc. User identification using headphones

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101812657B1 (en) * 2011-11-22 2018-01-31 삼성전자주식회사 A method and apparatus for recommending applications based on context information
US8897552B2 (en) * 2012-08-01 2014-11-25 Microsoft Corporation Setting an operating-system color using a photograph

Also Published As

Publication number Publication date
KR20180122837A (en) 2018-11-14

Similar Documents

Publication Publication Date Title
KR101994933B1 (en) Apparatus, method and computer program for providing Web Browser
US11379108B2 (en) Display controlling method, terminal, information processing apparatus, and storage medium
KR100784093B1 (en) Wireless internet terminal of information menu architecture of online documents for wireless internet user interface
WO2006120493A1 (en) User-defined changing of page representations
US20110320957A1 (en) Method and apparatus for analyzing usage patterns and customizing a graphic interface for individual users
JP2004513434A (en) Display method and device
CN112016023B (en) Service processing method, device, terminal and storage medium
US20110016386A1 (en) Information processing device which controls display of summaries and previews of content of columns in web content depending on display area sizes, and recording medium which records control program thereof
JP5941568B1 (en) Information display program, information display apparatus, information display method, distribution apparatus, and distribution method
JP2012064207A (en) Host device and content display method of the same
JP6322629B2 (en) Information display method and program
US7490290B2 (en) System and method for a look and feel designer with a skin editor
CN113486275A (en) Information display method and device, computer readable storage medium and processor
CN111158834B (en) Interface self-defining method and computer readable storage medium
CN112257405A (en) Webpage table editing method, device and equipment and computer readable storage medium
CN112711731A (en) Data point burying method, device, equipment and storage medium
CN108376173B (en) Display method and device of enterprise portal page and terminal equipment
KR102600743B1 (en) Website building method and website building service providing server
CN110750748A (en) Webpage display method
JP2002108323A (en) Information terminal device and storage medium
JP2010015292A (en) Emphasis display addition method, display control program and server
JP6665067B2 (en) Display method and program
JP6664590B2 (en) Information display program, information display method, information display device, and distribution device
CN113655934A (en) Electronic file display method and device, computing equipment and computer storage medium
KR101967365B1 (en) Method, Apparatus and Computer program for displaying Bookmark

Legal Events

Date Code Title Description
A201 Request for examination
PA0109 Patent application

Patent event code: PA01091R01D

Comment text: Patent Application

Patent event date: 20170504

PA0201 Request for examination
E902 Notification of reason for refusal
PE0902 Notice of grounds for rejection

Comment text: Notification of reason for refusal

Patent event date: 20180914

Patent event code: PE09021S01D

PG1501 Laying open of application
E701 Decision to grant or registration of patent right
PE0701 Decision of registration

Patent event code: PE07011S01D

Comment text: Decision to Grant Registration

Patent event date: 20190329

GRNT Written decision to grant
PR0701 Registration of establishment

Comment text: Registration of Establishment

Patent event date: 20190625

Patent event code: PR07011E01D

PR1002 Payment of registration fee

Payment date: 20190626

End annual number: 3

Start annual number: 1

PG1601 Publication of registration
PR1001 Payment of annual fee

Payment date: 20220328

Start annual number: 4

End annual number: 4

PR1001 Payment of annual fee

Payment date: 20240327

Start annual number: 6

End annual number: 6

OSZAR »