KR101994933B1 - Apparatus, method and computer program for providing Web Browser - Google Patents
Apparatus, method and computer program for providing Web Browser Download PDFInfo
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation 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
본 발명의 실시예들은 웹 브라우저 제공 방법, 장치 및 컴퓨터 프로그램에 관한 것이다.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
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
본 발명의 일 실시예에 따라 제공되는 웹 브라우저 제공 장치(100)는 인터넷 망에서 웹 페이지를 조회할 수 있는 인터페이스를 제공하는 응용 프로그램인 웹 브라우저를 제공한다. 본 발명의 일 실시예에 따라 제공되는 웹 브라우저는 하나 이상의 탭을 제공하며, 각각의 탭은 웹 페이지를 표시할 수 있다. The web
본 발명의 일 실시예에 따라 제공되는 웹 브라우저는 뉴탭(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
본 발명의 일 실시예에 따른 표시 제어부(110)는 웹 브라우저의 표시를 전반적으로 제어한다. The
본 발명의 일 실시예에 따른 뉴탭 제공부(120)는 사용자로부터 수신되는 뉴탭 요청에 대응하여 뉴탭을 제공한다. 표시 제어부(110)는 뉴탭 제공부(120)에 의해 제공되는 뉴탭을 웹 브라우저 제공 장치(100)에 연결된 표시 장치(예를 들어, 단말의 표시부, 또는 PC의 모니터 등)에 표시한다. The new
본 발명의 일 실시예에 따른 메모리(130)는 웹 브라우저 제공 장치(100)가 사용하는 데이터를 저장한다. 예를 들어, 메모리(130)는 웹 브라우저 프로그램, 사용자 로그, 사용자 설정 정보 등을 저장할 수 있다. 메모리(130)는 자기 저장 매체(magnetic storage media) 또는 플래시 저장 매체(flash storage media)를 포함할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다. The
본 발명의 일 실시예에 따른 입출력부(140)는 유선 또는 무선 연결을 통해 웹 브라우저 제공 장치(100)에 연결되는 외부 장치와 데이터를 송수신하기 위해 필요한 하드웨어 및 소프트웨어를 포함하는 장치일 수 있다. The input /
본 발명의 일 실시예에 따른 뉴탭 제공부(120)는 뉴탭 요청 수신부(121), 뉴탭 편집부(122) 및 뉴탭 출력부(123)를 포함한다. The new
일 실시예에 따른 뉴탭 요청 수신부(121)는 입출력부(141)로 입력되는 사용자 입력을 수신한다. 사용자 입력은 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭에 대한 표시 요청일 수 있다. 이러한 사용자 입력은 웹 브라우저의 실행 요청에 포함되는 종속적 요청이거나 웹 브라우저의 실행 도중 탭 추가 요청에 따라 발생하는 단독 요청일 수 있다. The newtap
일 실시예에 따른 뉴탭 편집부(122)는 뉴탭에 포함되는 추천 영역 내에 표시되어 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록의 표시 요소를 결정한다. 표시 요소는 예컨대, 각 블록에 할당되는 색상, 추천 웹 페이지, 및 각 블록의 배열 정보를 포함할 수 있다. 한편, 뉴 탭은 배경 이미지를 갖는다. 일 실시예에 따른 뉴탭은, 추천 웹 페이지의 정보를 표시하는 별도의 추천 영역을 배경 이미지 상에 표시한다. 뉴탭의 추천 영역에는 하나 이상의 블록이 나열된다. 각 블록은 추천 웹 페이지의 정보를 표시한다. 뉴탭 편집부(122)는 추천 영역에 표시할 추천 웹 페이지를 결정하고, 하나 이상의 블록 각각에 대하여 각 블록에 표시할 추천 웹 페이지를 할당한다. 뉴탭 편집부(122)는 뉴탭의 배경 이미지의 색상에 기초하여, 추천 영역에 나열되는 블록에 사용하기 위한 색상을 추출한다. 뉴탭 편집부(122)는 추출된 색상을 각 블록에 할당한다.The
뉴탭 출력부(123)는 뉴탭 편집부(122)에 의해 결정된 표시 요소들에 따라 표시되는 추천 영역을 포함하는 뉴탭을 표시 제어부(110)에 제공한다. 상세히, 뉴탭 출력부(123)는 배경 이미지 상에 표시되는 추천 영역에 나열되는 하나 이상의 블록을 표시하는 뉴탭을 제공한다. 이 때, 하나 이상의 블록은 각 블록에 할당된 색상으로 표시되고 각 블록에 할당된 추천 웹 페이지의 정보를 표시한다. 표시 제어부(110)는 뉴탭을 화면에 표시된 웹 브라우저에 표시하여 제공한다.The new
도 2는 본 발명의 일 실시예에 따른 뉴탭 편집부(122)의 구성을 도시한 블록도이다.2 is a block diagram showing a configuration of a
도 2에 도시된 뉴탭 편집부(122)는 본 실시예의 특징이 흐려지는 것을 방지하기 위하여 본 실시예와 관련된 구성요소들만을 도시한 것이다. 따라서, 도 2에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 더 포함될 수 있음을 본 실시예와 관련된 기술분야에서 통상의 지식을 가진 자라면 이해할 수 있다.The
도 2를 참조하면, 본 발명의 일 실시예에 따른 뉴탭 편집부(122)는 블록 배열부(21), 추천 웹페이지 할당부(22), 색상 추출부(23), 및 색상 할당부(24)를 포함한다.2, a new
본 발명의 일 실시예에 따른 블록 배열부(21)는 하나 이상의 블록의 배열을 결정한다. 일 실시예에 따른 블록 배열부(21)는 하나 이상의 기설정된 블록 배열 패턴 중 어느 하나에 따라 블록 배열을 결정할 수 있다. 일 실시예에 따르면, 뉴탭 화면은 추천 영역을 포함하고, 추천 영역은 복수의 블록을 나열하고, 블록 배열부(21)는 복수의 블록의 배열을 결정한다. 블록 배열부(21)는 추천 영역의 크기를 고려하여 블록의 개수를 결정하고, 해당 개수의 블록의 배열을 결정할 수 있다. 블록 배열부(21)는 복수의 블록이 추천 영역 내에 모두 표시될 수 있도록 블록의 배열을 결정한다. The
블록 배열부(21)는 복수의 블록을 서로 인접하도록 나열하였을 때 복수의 블록의 전체적인 아웃라인이 추천 영역의 형태와 일치하도록 복수의 블록을 배열할 수 있다. 예를 들어 추천 영역이 직사각형인 경우, 블록 배열부(21)는 복수의 블록을 나열하였을 때의 전체 아웃라인이 직사각형이 되도록 블록 배열을 결정할 수 있다. The
블록 배열부(21)는 크기가 다른 복수의 블록의 배열을 결정할 수 있다. 블록 배열부(21)는 크기가 큰 블록일수록 좌측 상단에 위치하도록 블록 배열을 결정할 수 있으나 이에 한정하지 않는다. 또는 블록 배열부(21)는 가장 크기가 큰 블록을 고정된 위치에 표시하도록 블록 배열을 결정할 수 있다.The
블록 배열부(21)는 기설정된 개수의 블록을 기설정된 방식에 따라 나열하도록 블록 배열을 결정할 수 있다. 즉, 블록의 개수, 각 블록의 크기, 각 블록의 표시 위치가 모두 지정된 블록 배열 정보가 사용자 또는 관리자에 의해 미리 설정되어 메모리(130) 또는 외부 장치에 저장될 수 있고, 블록 배열부(21)는 메모리(130) 또는 외부 장치에 저장된 블록 배열 정보를 참조하여 뉴탭에 표시할 블록 배열을 결정할 수 있다. The
본 발명의 일 실시예에 따른 추천 웹페이지 할당부(22)는 추천 웹 페이지를 결정한다. 결정된 추천 웹 페이지의 정보는 추천 영역에 포함된 각 블록에 표시된다. 추천 웹페이지 할당부(22)는 결정된 추천 웹 페이지를 블록에 할당한다. 추천 웹 페이지 할당부(22)는 메모리(130)에 저장된 추천 웹 페이지 목록을 참조하여 추천 웹 페이지를 결정할 수 있다. 추천 웹 페이지 할당부(22)는 메모리(130)에 저장된 사용자 방문기록을 참조하여 추천 웹 페이지를 결정할 수 있다. 추천 웹페이지 할당부(22)는 블록 개수만큼의 추천 웹 페이지를 결정할 수 있으나 이에 한정하는 것은 아니고, 기설정된 개수 만큼의 추천 웹 페이지를 결정할 수도 있다. 각 블록은 할당된 추천 웹 페이지의 정보를 간략하게 표시할 수 있다.The recommended web
본 발명의 일 실시예에 따른 색상 추출부(23)는 뉴탭의 배경 이미지의 색상에 기초하여 블록에 사용하기 위한 하나 이상의 색상을 추출한다. 뉴탭의 배경 이미지는 사용자에 의해 기설정되거나, 또는 웹 브라우저 제공 장치(100)에 의해 기설정되어 메모리(130)에 저장된 것이거나, 외부 서버로부터 통신망을 통해 제공되는 것일 수 있다. 뉴탭의 배경 이미지는 하나의 고정 이미지일 수도 있고, 복수의 이미지 풀 내에서 규칙적으로 또는 랜덤으로 하나의 이미지가 선택될 수도 있다. The
본 발명의 일 실시예에 따른 색상 할당부(24)는 색상 추출부(23)에 의해 추출된 색상을 각 블록에 할당한다.The
본 발명의 일 실시예에 따라 제공되는 뉴탭은, 배경 이미지 상에 중첩되도록 표시되는 추천 영역 내에 블록을 표시함에 있어 배경 이미지에 포함된 색상으로 블록을 표시하게 되므로, 추천 영역과 배경 이미지에 시각적 통일감을 줄 수 있다. 또한 사용자가 배경 이미지를 선택한 경우, 사용자의 취향에 맞는 배경 이미지 상에 추천 영역을 표시할 수 있어 사용자의 만족도를 높이는 것은 물론이고, 사용자의 취향에 맞는 배경 이미지에 포함된 색상으로 추천 영역까지 함께 표시할 수 있게 되므로, 사용자의 만족도를 한차원 더 높이고, 나아가 개인화된 디자인의 뉴탭을 제공할 수 있게 된다.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
일 예에 따르면, 색상 추출부(23)는 배경 이미지의 픽셀값을 참조하여 배경 이미지에 포함된 색상의 배경 이미지 내 사용 빈도가 가장 높은 색상을 추출할 수 있다. 색상 추출부(23)는 배경 이미지에 포함된 색상의 배경 이미지 내 사용 빈도가 높은 순으로 복수의 색상을 추출할 수 있다. 색상 추출부(23)는 기설정된 개수의 색상을 추출하거나, 블록의 개수에 대응되는 색상을 추출할 수 있다. 예를 들어, 배경 이미지가 백사장과 바다를 촬영한 사진인 경우, 색상 추출부(23)는 배경 이미지 내 사용 빈도가 높은 푸른 계열의 색상과 브라운 계열의 색상을 추출하게 될 것이다. 다만, 배경 이미지에서 바다가 80%를 차지하는 경우, 브라운 계열의 색상은 추출되지 않고 푸른 계열에 포함되는 복수의 색상이 추출될 수 있다.According to one example, the
다른 예에 따르면, 색상 추출부(23)는 배경 이미지에 포함된 색상을 복수의 클러스터로 분류하고, 각 클러스터의 대표 색상을 추출할 수 있다. 본 예에 따르면, 색상 추출부(23)는 배경 이미지에서 유의미한 색상을 효과적으로 추출할 수 있다. 예를 들어 배경 이미지가 백사장과 바다를 촬영한 사진인 경우, 색상 추출부(23)는 푸른 계열의 제1 클러스터와 브라운 계열의 제2 클러스터를 추출하고, 제1 클러스터의 대표색과 제2 클러스터의 대표색을 추출할 수 있다. 이에 따르면 배경 이미지에서 바다가 80%를 차지하더라도 푸른 계열에 포함된 색상과 브라운 계열에 포함된 색상이 모두 추출될 수 있다.According to another example, the
일 실시예에 따르면 복수의 블록은 서로 다른 크기를 가질 수 있다. 추천 웹 페이지 할당부(22)는 기설정된 규칙에 따라 복수의 블록 각각의 크기를 고려하여 각 블록에 추천 웹 페이지를 할당할 수 있다. 예를 들어, 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 제1 블록 및 제2 블록은 서로 다른 크기를 가질 수 있다.According to one embodiment, the plurality of blocks may have different sizes. The recommended web
예를 들어, 추천 웹 페이지 할당부(22)는 메모리(130)에 저장된 추천 웹 페이지 목록을 참조하여 추천 웹 페이지를 결정할 수 있다. 본 예에서 추천 웹페이지 할당부(22)는 추천 웹 페이지의 목록에 포함된 각 추천 웹 페이지 중 우선순위가 높은 추천 웹 페이지를 크기가 큰 블록에 할당하는 방식으로, 추천 웹 페이지의 우선순위에 따라 각 블록에 추천 웹 페이지를 할당할 수 있다. For example, the recommended web
다른 예를 들면, 추천 웹페이지 할당부(22)는 메모리(130)에 저장된 사용자의 웹 페이지 방문 기록을 참조하여 추천 웹 페이지를 결정할 수 있다. 본 예에서 추천 웹페이지 할당부(22)는 추천 웹 페이지의 사용자 방문 빈도가 높을수록 크기가 큰 블록에 할당하는 방식으로, 추천 웹 페이지의 사용자 방문 빈도에 따라 각 블록에 추천 웹페이지를 할당할 수 있다.For example, the recommended web
추천 웹페이지 할당부(22)는 전술한 것과 같이 기설정된 규칙에 따라 각 블록에 추천 웹 페이지를 할당하되, 사용자 설정에 따른 예외를 둘 수 있다. 예를 들어, 사용자가 가장 크기가 큰 블록에 표시할 제1 웹 페이지를 지정한 경우, 추천 웹페이지 할당부(22)는 제1 웹 페이지를 가장 큰 블록에 먼저 할당한 후, 기설정된 규칙에 따라 나머지 블록에 나머지 추천 웹 페이지를 할당할 수 있다. 다른 예를 들면, 사용자가 수동으로 추가한 추천 웹 페이지를 복수의 블록 중 우선도가 높은 블록에 먼저 할당한 후, 나머지 블록에 추천 웹페이지 할당부(22)가 선정한 추천 웹 페이지를 할당할 수 있다. 우선도가 높은 블록은 크기가 큰 블록일 수 있으나, 이에 한정하지 않으며, 추천영역 내에서 좌측 및/또는 상단에 위치할수록 블록의 우선도가 높을 수 있다.The recommended web
일 실시예에 따르면 추천 웹페이지 할당부(22) 및 색상 할당부(24)는 각 블록에 할당된 추천 웹 페이지와 각 블록의 색상이 연관되도록 할 수 있다. 예를 들어, 추천 웹 페이지 할당부(22)가 복수의 블록 각각에 추천 웹 페이지를 할당한 후, 색상 할당부(24)는 각 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도 또는 우선 순위가 높을수록 추출된 복수의 색상 중 배경 이미지 내 사용 빈도가 높은 색상, 혹은 배경 이미지 내 사용 빈도가 높은 클러스터의 색상을 할당할 수 있다. According to an exemplary embodiment, the recommended
다만, 추천 웹 페이지 할당 및 색상 할당의 순서는 변경되어도 무방하다. 예를 들어, 색상 할당부(24)가 복수의 블록 각각에 색상을 할당한 후, 추천 웹 페이지 할당부(22)는 각 블록에 할당된 색상의 배경 이미지 내 사용 빈도 또는 각 블록에 할당된 색상의 클러스터의 배경 이미지 내 사용 빈도가 높을수록, 사용자 방문 빈도 또는 우선순위가 높은 추천 웹 페이지를 해당 블록에 할당할 수 있다. 이에 따르면, 중요한 추천 웹 페이지의 정보일수록 배경 이미지에서의 비중이 큰 색상으로 표시된 블록에 표시되어 사용자에게 중요하게 인지될 수 있으므로, 사용자가 보다 빠르고 쉽게 중요한 추천 웹 페이지를 인지할 수 있게 된다.However, the order of recommended web page allocation and color allocation may be changed. For example, after the
한편, 표시 제어부(110)는 사용자의 입력에 따라 웹 브라우저의 해상도를 변경할 수 있다. 예를 들어, 표시 제어부(110)에 의해 제공된 웹 브라우저의 해상도가 1920X1080이고, 사용자가 입력 장치를 이용하여 웹 브라우저의 해상도를 변경한 경우, 표시 제어부(110)는 변경된 해상도로 웹 브라우저를 표시할 수 있다. 한편, 웹 브라우저 제공 장치(100)는 변경된 해상도에 따라 뉴탭의 추천 영역의 표시를 갱신할 수 있다. 예를 들어, 웹 브라우저 제공 장치(100)는 변경된 해상도의 범위 내에 추천 영역이 표시되도록 추천 영역의 크기를 변경할 수 있고, 추천 영역의 크기, 추천 영역 내에 표시되는 블록의 개수, 블록 중 적어도 일부의 크기 및 블록의 배열 중 적어도 하나를 갱신하여 제공할 수 있다.Meanwhile, the
이와 관련한 일 구현예에 따르면, 뉴탭 제공부(120)는 웹 브라우저의 해상도에 따라 추천 영역이 적응적으로 표시되도록 뉴탭을 제공할 수 있다. According to one embodiment of the present invention, the new
본 예에서, 블록 배열부(21)는 추천 영역에 표시 가능한 블록의 최대 개수를 결정하고, 추천 웹 페이지 할당부(22)는 결정된 최대 개수의 블록 각각에 대하여 추천 웹 페이지를 할당하고, 색상 할당부(24)는 결정된 최대 개수의 블록 각각에 대하여 색상을 할당할 수 있다. 블록 배열부(21)는 추천 영역의 형태가 변경될 때 블록의 배열 변경 규칙을 결정할 수 있다. 추천 영역의 형태는 웹 브라우저의 해상도 변경에 대응하여 변경될 수 있다. 블록의 최대 개수는 웹 브라우저의 최대 해상도에 따른 추천 영역의 최대 크기에 따라 결정되거나, 사용자 또는 관리자에 의해 특정 값으로 기설정될 수 있다. In this example, the
추천 영역의 크기는 연속적으로 변경되지 않으며, 웹 브라우저의 해상도의 범위에 따라 단계적으로 변경될 수 있다. 블록 배열부(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
전술한 것과 같이 뉴탭 제공부(120)는 표시 가능한 최대 개수의 블록 각각에 대하여 표시요소를 결정할 수 있고, 블록 배열부(21)는 웹 브라우저의 해상도 범위에 따라 최대 개수의 블록의 적어도 일부를 추천 영역에 표시할 수 있다. 뉴탭 제공부(120)는 이와 같이 최대 개수의 블록에 대하여 표시요소를 모두 결정한 후 웹 브라우저의 해상도에 따라 적어도 일부 블록을 표시하는 적응적 추천 영역을 포함하는 뉴탭을 제공할 수 있다. 본 구현 예에 따르면 해상도 변경에 따른 추천 영역 갱신에 요구되는 데이터 처리가 최소화된다.As described above, the new
본 예에서, 표시 제어부(110)는 표시부에 표시되는 웹 브라우저의 해상도에 따라 추천 영역의 크기를 가변적으로 제어하고, 추천 영역의 크기에 따라 뉴탭 제공부(120)에 의해 제공된 복수의 블록 중 적어도 일부를 추천 영역 내에 표시할 수 있다. In this example, the
이와 관련한 다른 구현예에 따르면, 표시 제어부(110)는 웹 브라우저의 해상도의 범위를 모니터링하고, 웹 브라우저의 해상도 범위가 현재 범위를 벗어나는 경우, 뉴탭 제공부(120)에 추천 영역 갱신을 요청할 수 있다. 뉴탭 제공부(120)는 변경된 웹 브라우저의 해상도 범위에 따라 추천 영역 내에 나열되는 하나 이상의 블록의 표시 요소들을 갱신할 수 있다.According to another embodiment of the present invention, the
본 구현예에서, 뉴탭 제공부(120)는 전술한 구현예에서와 마찬가지로 웹 브라우저의 범위에 따라 단계적으로 블록 배열을 변경할 수 있다. 다만 본 구현예에서 뉴탭 제공부(120)는 선정된 추천 웹 페이지의 목록 및 추출된 색상의 목록을 이용하여 블록 배열이 변경될 때마다 각 블록에 추천 웹 페이지와 색상을 다시 할당할 수 있다. 본 구현예에 따르면 해상도 변경에 따른 추천 영역 갱신에 요구되는 데이터 처리는 전술한 구현예에 비해 다소 증가하지만, 추천 영역의 표시가 변경되었다는 것을 시각적으로 강조할 수 있고 다양한 표시 효과를 제공할 수 있다. In this embodiment, the new
본 발명의 일 실시예에 따르면, 뉴탭 제공부(120)는 웹 브라우저 해상도 변경에 따라 블록 배열이 변경되는 과정에서 블록의 표시를 전환하는 애니메이션을 적용할 수 있다. 애니메이션은, 추천 영역의 크기를 조절하는 애니메이션, 추천 영역 내에서 위치가 변경된 블록을 이동시키는 애니메이션, 블록의 투명도를 조절하는 애니메이션, 및 블록의 크기를 변경하는 애니메이션 중 적어도 하나를 포함할 수 있다. According to an embodiment of the present invention, the new
이와 관련한 일 구현예에 따르면, 뉴탭 제공부(120)는 웹 브라우저의 해상도에 따라 추천 영역이 적응적으로 표시되고, 추천 영역의 표시가 변경될 때 전환 효과를 나타내는 애니메이션이 적용되도록 설정된 뉴탭을 제공할 수 있다.According to one embodiment of the present invention, the new
다른 구현예에 따르면, 뉴탭 제공부(120)는 웹 브라우저의 해상도 변경에 따라 뉴탭을 갱신하여 제공할 때, 추천 영역의 표시 전환 효과를 나타내는 애니메이션이 적용되도록 설정된 뉴탭을 제공할 수 있다.According to another embodiment, the new
본 발명의 일 실시예에 따르면, 뉴탭 편집부(122)는 블록의 배열을 수동 변경하는 사용자 입력을 수신하고, 사용자 입력에 따라 수동 변경된 블록 배열 정보를 메모리(130) 또는 외부 장치에 저장할 수 있다. 사용자 입력은 드래그 앤 드롭일 수 있다. 본 실시예에 따르면 사용자는 추천 영역 내에서 특정 추천 웹 페이지를 표시하는 블록을 자신이 원하는 위치에 고정할 수 있고, 뉴탭 편집부(122)는 해당 정보를 메모리(130)에 저장할 수 있다. 뉴탭 편집부(122)는 사용자에 의해 수동으로 위치가 결정된 블록을 우선적으로 배치하고, 남은 공간에 블록을 더 배치하여 추천 영역을 구성할 수 있다.According to one embodiment of the present invention, the
도 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
먼저 도 3a을 참조하면, 단계 S31에서 뉴탭 요청 수신부(121)는 추천 웹 페이지의 정보를 표시하는 하나 이상의 블록을 나열하는 추천 영역을 포함하는 뉴탭에 대한 표시 요청을 수신한다.First, referring to FIG. 3A, in step S31, the newtap
단계 S32에서 뉴탭 편집부(122)는 뉴탭의 배경 이미지의 색상에 기초하여 하나 이상의 블록에 사용하기 위한 색상을 추출하고, 하나 이상의 블록 각각에 대하여 각 블록에 표시할 추천 웹 페이지를 할당하고, 상기 하나 이상의 블록에 상기 추출된 색상을 할당한다. 단계 S32에서 뉴탭 편집부(122)는 뉴탭의 배경 이미지의 색상에 기초하여 복수의 색상을 추출할 수 있고, 복수의 블록 각각에 대하여 각 블록에 표시할 추천 웹 페이지를 할당하고, 복수의 블록 각각에 상기 복수의 색상 중 어느 하나의 색상을 할당할 수 있다. 복수의 블록은 제1 블록 및 제2 블록을 포함하고, 제1 블록 및 제2 블록은 서로 다른 색상으로 표시될 수 있다. 제1 블록 및 제2 블록은 서로 다른 크기로 표시될 수 있다. 뉴탭 편집부(122)는 기설정된 규칙에 따라 상기 복수의 블록 각각의 크기를 고려하여 상기 각 블록에 상기 추천 웹 페이지를 할당할 수 있다. 뉴탭 편집부(122)는 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 추천 웹 페이지를 상기 복수의 블록 중 크기가 큰 블록에 할당할 수 있다. 뉴탭 편집부(122)는 뉴탭의 배경 이미지에 포함된 색상의 상기 배경 이미지 내 사용 빈도가 높은 순으로 기설정된 개수의 색상을 추출할 수 있다. In step S32, the
단계 S32에서 뉴탭 편집부(122)는 복수의 색상을 추출하고, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 복수의 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 배경 이미지 내 사용 빈도가 높은 색상을 할당할 수 있다.In step S32, the new-
단계 S33에서 뉴탭 출력부(123)는 배경 이미지 상에 표시되는 추천 영역에 나열되는 하나 이상의 블록 각각에 할당된 추천 웹 페이지의 정보를 표시하는 뉴탭을 제공한다. In step S33, the new
다음으로 도 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
다음으로, 도 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
단계 S35에서 뉴탭 제공부(120)는 사용자 입력에 따라 수동 변경된 블록의 배열을 메모리(130)또는 외부 장치에 저장한다.In step S35, the new
이하에서는, 웹 브라우저가 표시된 예와 함께 본 발명의 실시예들을 상세히 설명한다.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
도 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
도 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
도 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
도 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
도 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
사용자는 블록 추가 버튼(51)을 선택하여 추천 영역(RR)에 표시하고 싶은 추천 웹 사이트를 수동으로 추가할 수 있다. 사용자에 의해 수동으로 추가된 추천 웹 사이트는 메모리(130)또는 외부 장치에 저장된다. 뉴탭 제공 장치(120)는 사용자에 의해 수동으로 추가된 추천 웹 사이트의 정보를 추천 영역(RR)에 항상 표시하여 제공한다. The user can manually add a recommended website to be displayed in the recommended region RR by selecting the
먼저 도 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
도 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
한편, 추천 영역의 크기 감소를 나타내는 애니메이션이 함께 제공될 수 있다. 예를 들어, 추천 영역의 가로 길이가 점차 감소되는 애니메이션이 제공될 수 있다.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
도 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
일 실시예에 따른 웹 브라우저 제공 장치(100)는 웹 브라우저의 해상도가 최저 해상도 범위인 제4 범위로 변경되었을 때, 더 이상 추천 영역(RR)의 배열을 변경하지 않고 스크롤 바(SB)를 표시할 수 있다. 제4 범위는 기저장된 최저 해상도를 상한 값으로 포함할 수 있다. 예를 들어, 기저장된 최저 해상도는 제3 범위(640~1120)의 하한 값일 수 있다. 웹 브라우저의 해상도가 640이상에서 640미만으로 변경되면, 웹 브라우저 제공 장치(100)는 도 8에 도시된 것과 같이 제3 배열로 표시된 추천 영역(RR) 내의 블록 배열을 변경하지 않고, 스크롤 바(SB)를 표시한다.The web
한편, 도 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
도 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
일 실시예에 따르면, 사용자가 블록 위에 마우스 포인터(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
한편, 도면에는 도시되지 않았지만 크기가 큰 블록이 삭제된 위치로 크기가 작은 블록이 이동한 경우, 이동된 블록은 삭제된 블록의 크기와 동일한 크기로, 즉 큰 블록으로 표시될 수 있다. 이와 같이 뉴탭 제공부(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
도 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
일 실시예에 따른 웹 브라우저 제공 장치(100)는 사용자가 제2 블록(B2) 위에 마우스 포인터(P)를 위치하는 경우, 제2 블록(B2)에 대한 추가 기능을 제공하는 하나 이상의 버튼을 표시할 수 있다. 도 10을 참조하면, 하나 이상의 버튼은 제2 블록(B2)의 차단 버튼(93)이 표시된 예가 도시되었다.The web
사용자가 버튼(93)을 누르면, 뉴탭 제공부(120)는 제2 블록(B2)에 할당된 추천 웹 페이지를 메모리(130) 또는 외부 장치에 저장된 차단 웹 페이지 목록에 추가한다. 추천 웹 페이지 할당부(22)는 어느 웹 페이지가 사용자의 방문 빈도 등에 따른 추천 웹 페이지 선정 기준에 부합하더라도 차단 웹 페이지 목록에 포함되어 있는 경우, 해당 웹 페이지를 추천 웹 페이지로 선정하지 않는다. 즉, 차단 웹 페이지 목록에 포함된 웹 페이지는 뉴탭의 추천 영역(RR)에 표시되지 않는다. 사용자는 설정을 통해 차단 웹 페이지 목록을 편집할 수 있다.When the user presses the
한편, 도 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.
상기 뉴탭은 복수의 블록을 포함하고,
상기 뉴탭 편집 단계는, 복수의 색상을 추출하고, 상기 복수의 블록 각각에 상기 추출된 복수의 색상 중 어느 하나의 색상을 할당하는
웹 브라우저 제공 방법.
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.
상기 복수의 블록은 제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.
상기 복수의 블록은 제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.
상기 뉴탭 편집 단계는, 상기 복수의 블록 각각의 크기를 고려하여 상기 각 블록에 상기 추천 웹 페이지를 할당하는
웹 브라우저 제공 방법.
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.
상기 뉴탭 편집 단계는, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 추천 웹 페이지를 상기 복수의 블록 중 크기가 큰 블록에 할당하는
웹 브라우저 제공 방법.
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.
상기 뉴탭 편집 단계는,
상기 뉴탭의 배경 이미지에 포함된 색상의 상기 배경 이미지 내 사용 빈도가 높은 순으로 상기 색상을 추출하는
웹 브라우저 제공 방법.
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.
상기 뉴탭은 복수의 블록을 포함하고,
상기 뉴탭 편집 단계는, 복수의 색상을 추출하고, 사용자의 웹 페이지 방문 기록을 참조하여 복수의 추천 웹 페이지를 선정하고, 상기 복수의 블록 각각에 대하여 상기 복수의 추천 웹 페이지 중 어느 하나와 상기 복수의 색상 중 어느 하나를 할당하되, 상기 각 블록에 할당된 추천 웹 페이지의 사용자 방문 빈도가 높을수록 상기 배경 이미지 내 사용 빈도가 높은 색상이 할당되는
웹 브라우저 제공 방법.
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.
상기 갱신하여 제공하는 단계는,
상기 추천 영역의 표시를 전환하는 애니메이션을 제공하고,
상기 애니메이션은 상기 추천 영역의 크기 및 상기 블록의 배열 중 적어도 하나의 단계적인 변경에 따른 상기 추천 영역 내에서 위치가 변경된 블록을 이동시키는 애니메이션, 상기 블록의 투명도를 조절하는 애니메이션, 및 상기 블록의 크기를 변경하는 애니메이션 중 적어도 하나를 포함하는
웹 브라우저 제공 방법.
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.
상기 제공하는 단계 이후에,
상기 블록의 배열을 수동 변경하는 사용자 입력을 수신하는 단계; 및
상기 사용자 입력에 따라 수동 변경된 블록의 배열을 저장하는 단계;를 더 포함하는
웹 브라우저 제공 방법.
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.
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.
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)
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)
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 |
-
2017
- 2017-05-04 KR KR1020170056950A patent/KR101994933B1/en active Active
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 |