KR101967365B1 - Method, Apparatus and Computer program for displaying Bookmark - Google Patents
Method, Apparatus and Computer program for displaying Bookmark Download PDFInfo
- Publication number
- KR101967365B1 KR101967365B1 KR1020190007578A KR20190007578A KR101967365B1 KR 101967365 B1 KR101967365 B1 KR 101967365B1 KR 1020190007578 A KR1020190007578 A KR 1020190007578A KR 20190007578 A KR20190007578 A KR 20190007578A KR 101967365 B1 KR101967365 B1 KR 101967365B1
- Authority
- KR
- South Korea
- Prior art keywords
- bookmark
- favicon
- information
- icon
- display
- Prior art date
Links
Images
Classifications
-
- 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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9562—Bookmark management
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
본 발명의 일 실시예는 웹페이지 정보 및 상기 웹페이지의 파비콘에 대응되는 대표 색상 정보를 포함하는 북마크 정보를 획득하는 단계; 및 기설정된 형태의 도형을 상기 대표 색상으로 표시한 북마크 아이콘을 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 영역에 표시하는 단계; 를 포함하는 북마크 표시 방법을 개시한다.An embodiment of the present invention includes: acquiring bookmark information including web page information and representative color information corresponding to a favicon of the web page; Displaying a bookmark including a bookmark icon indicating a predetermined shape of the figure in the representative color in a bookmark display area provided in the web browser; A method for displaying a bookmark is disclosed.
Description
본 발명의 실시예들은 북마크 표시 방법, 장치 및 컴퓨터 프로그램에 관한 것이다.Embodiments of the present invention relate to a bookmark display method, apparatus, and computer program.
웹 브라우저에서 제공되는 북마크 기능을 이용하면, 즐겨찾는 웹페이지를 저장하여 언제 어디서나 해당 웹페이지로 빠르게 이동할 수 있는 장점이 있다. With the bookmark function provided in the web browser, it is possible to store favorite web page and quickly move to the web page anytime and anywhere.
한편, 파비콘(favicon)이란 즐겨찾기(favorites)와 아이콘(icon)의 합성어로, 웹페이지에 접속했을 때 인터넷 웹 브라우저의 주소창에 표시되는 웹페이지를 대표하는 작은 이미지를 의미한다.A favicon is a combination of favorites and an icon. It is a small image representing a web page displayed in the address bar of an Internet web browser when the user accesses the web page.
본 발명의 실시예들은 북마크의 정보를 사용자에게 시각화하여 제공할 수 있는 북마크 생성 방법, 장치 및 컴퓨터 프로그램, 북마크 표시 방법, 장치 및 컴퓨터 프로그램에 관한 것이다.Embodiments of the present invention relate to a bookmark creation method, apparatus and computer program, bookmark display method, apparatus, and computer program capable of visualizing and providing information of a bookmark to a user.
본 발명의 일 실시예는 웹페이지 정보를 포함하는 북마크 생성 요청을 입력받는 단계; 상기 웹페이지 정보를 참조하여, 상기 북마크에 대응되는 대표 색상을 결정하는 단계; 및 상기 웹페이지 정보 및 상기 대표 색상 정보를 포함하는 북마크 정보를 생성하는 단계;를 포함하는 북마크 생성 방법을 개시한다.An embodiment of the present invention includes: receiving a bookmark creation request including web page information; Determining a representative color corresponding to the bookmark by referring to the web page information; And generating bookmark information including the web page information and the representative color information.
본 실시예에서 상기 웹페이지 정보를 참조하여 상기 웹페이지의 파비콘을 획득하는 단계;를 더 포함하고, 상기 결정하는 단계는, 상기 파비콘에 대응되는 색상을 상기 대표 색상으로 결정할 수 있다.The method may further include obtaining a favicon of the web page by referring to the web page information in the present embodiment, and the determining may determine the hue corresponding to the favicon as the representative hue.
본 실시예에서 상기 결정하는 단계는, 상기 파비콘의 이미지에 가장 많이 사용된 색상을 상기 대표 색상으로 결정할 수 있다.In this embodiment, the determining step may determine the color most frequently used for the image of the favicon as the representative color.
본 실시예에서 상기 결정하는 단계는, 상기 파비콘의 각 픽셀에 사용된 색상을 복수의 클러스터로 분류하고, 상기 복수의 클러스터 중 도미넌트 클러스터를 추출하고, 상기 도미넌트 클러스터에 대응되는 색상을 상기 대표 색상으로 결정할 수 있다.In the present embodiment, the determining may include classifying the colors used in each pixel of the favicons into a plurality of clusters, extracting dominant clusters from the plurality of clusters, You can decide.
본 실시예에서 상기 웹페이지 정보를 참조하여, 상기 웹페이지의 파비콘을 호출하는 단계;를 더 포함하고, 상기 결정하는 단계는, 상기 웹페이지의 파비콘 호출에 실패한 경우, 상기 웹페이지에 포함된 색상을 참조하여 상기 대표 색상을 결정할 수 있다.The method of claim 1, further comprising: calling a favicon of the web page by referring to the web page information in the present embodiment, wherein when the favicon call of the web page fails, The representative color can be determined.
본 실시예에서 상기 결정하는 단계는, 상기 웹페이지의 상단에서부터 기설정된 높이까지의 영역에 포함된 색상을 참조하여, 상기 대표 색상을 결정할 수 있다.In the determining, the representative color may be determined by referring to a color included in an area from an upper end of the web page to a predetermined height.
본 실시예에서 상기 수신하는 단계는, 상기 북마크를 포함하는 폴더 정보를 더 수신하고, 상기 생성하는 단계는, 상기 북마크 정보를 상기 폴더 내에 생성할 수 있다.In the present embodiment, the receiving step may further receive folder information including the bookmark, and the creating step may generate the bookmark information in the folder.
본 발명의 다른 실시예는 웹페이지 정보를 포함하는 북마크를 표시하는 방법에 있어서, 웹페이지 정보 및 상기 웹페이지의 파비콘에 대응되는 대표 색상 정보를 포함하는 북마크 정보를 획득하는 단계; 및 기설정된 형태의 도형을 상기 대표 색상으로 표시한 북마크 아이콘을 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 영역에 표시하는 단계; 를 포함하는 북마크 표시 방법을 개시한다.According to another embodiment of the present invention, there is provided a method of displaying a bookmark including web page information, comprising: obtaining bookmark information including web page information and representative color information corresponding to a favicon of the web page; Displaying a bookmark including a bookmark icon indicating a predetermined shape of the figure in the representative color in a bookmark display area provided in the web browser; A method for displaying a bookmark is disclosed.
본 실시예에서 상기 북마크 정보는 파비콘 정보를 더 포함하고, 상기 북마크에 대한 사용자 입력이 인식되면, 상기 북마크 아이콘을 상기 파비콘으로 전환하여 표시하는 단계;를 더 포함할 수 있다.In the present embodiment, the bookmark information may further include favicon information, and when the user input for the bookmark is recognized, the step of switching the bookmark icon to the favicon and displaying the bookmark icon may be further included.
본 실시예에서 상기 방법은, 상기 사용자 입력이 해제되면 상기 파비콘을 상기 북마크 아이콘으로 전환하여 표시하는 단계;를 더 포함할 수 있다.The method may further include switching the favicon to the bookmark icon and displaying the favicon when the user input is released.
본 실시예에서 상기 전환하여 표시하는 단계는, 상기 북마크 아이콘의 투명도 및 크기 중 하나 이상을 변경하는 애니메이션을 적용하여 상기 북마크 아이콘을 상기 파비콘으로 전환하여 표시할 수 있다.In the present embodiment, the switching and displaying may switch the bookmark icon to the favicon by applying an animation that changes at least one of transparency and size of the bookmark icon.
본 실시예에서 상기 북마크는 폴더의 하위레벨에 저장되어 있고, 상기 북마크 표시 영역에 표시하는 단계는, 상기 폴더에 포함된 복수의 북마크의 북마크 아이콘을 기설정된 규칙으로 나열한 북마크 아이콘 어레이를 포함하는 폴더를 표시할 수 있다.In the present embodiment, the bookmark is stored in a lower level of the folder, and the step of displaying the bookmark in the bookmark display area includes a step of displaying the bookmark icon array of the bookmark icon array of the plurality of bookmarks included in the folder Can be displayed.
본 실시예에서 상기 폴더에 대한 사용자 입력이 인식되면, 상기 복수의 북마크 아이콘 어레이를 기저장된 폴더 아이콘으로 전환하여 표시할 수 있다.In the present embodiment, when the user input to the folder is recognized, the plurality of bookmark icon arrays can be displayed by switching to the pre-stored folder icons.
본 발명의 다른 실시예는 컴퓨터를 이용하여 전술한 방법을 실행하기 위하여 매체에 저장된 컴퓨터 프로그램을 개시한다.Another embodiment of the present invention discloses a computer program stored on a medium for performing the above-described method using a computer.
본 발명의 다른 실시예는 웹페이지 정보를 포함하는 북마크 생성 요청을 입력받는 북마크 생성 요청 수신부; 상기 웹페이지 정보를 참조하여, 상기 북마크에 대응되는 대표 색상을 결정하는 대표 색상 결정부; 및 상기 웹페이지 정보 및 상기 대표 색상 정보를 포함하는 북마크 정보를 생성하는 북마크 저장부;를 포함하는 북마크 생성 장치를 개시한다.Another embodiment of the present invention is a bookmark creation request receiving unit for receiving a bookmark creation request including web page information; A representative color determining unit for referring to the web page information to determine a representative color corresponding to the bookmark; And a bookmark storage unit for generating bookmark information including the web page information and the representative color information.
본 발명의 다른 실시예는 웹페이지 정보를 포함하는 북마크를 표시하는 장치에 있어서, 웹페이지 정보 및 상기 웹페이지의 파비콘에 대응되는 대표 색상 정보를 포함하는 북마크 정보를 획득하는 북마크 정보 획득부; 및 기설정된 형태의 도형을 상기 대표 색상으로 표시한 북마크 아이콘을 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 영역에 표시하는 북마크 표시 제어부;를 포함하는 북마크 표시 장치를 개시한다.According to another embodiment of the present invention, there is provided an apparatus for displaying a bookmark including web page information, the apparatus comprising: a bookmark information obtaining unit for obtaining bookmark information including web page information and representative color information corresponding to a favicon of the web page; And a bookmark display control unit for displaying a bookmark including a bookmark icon indicating the predetermined shape of the figure in the representative color in a bookmark display area provided in the web browser.
본 발명의 실시예들에 따른 북마크 생성 방법, 장치 및 컴퓨터 프로그램, 북마크 표시 방법, 장치 및 컴퓨터 프로그램은, 시각화된 북마크 정보를 사용자에게 제공하여 사용자의 편의에 기여한다. The bookmark creation method, apparatus and computer program, bookmark display method, apparatus, and computer program according to embodiments of the present invention contribute visual convenience to the user by providing visualized bookmark information to the user.
본 발명의 실시예들에 따른 북마크 생성 방법, 장치 및 컴퓨터 프로그램, 북마크 표시 방법, 장치 및 컴퓨터 프로그램은 적은 용량의 데이터로 사용자에게 효과적으로 북마크에 대한 정보를 제공할 수 있으므로, 데이터 처리에 소모되는 리소스가 저감된다.Since the bookmark generating method, apparatus and computer program, bookmark displaying method, apparatus and computer program according to the embodiments of the present invention can effectively provide bookmark information to the user with a small amount of data, .
도 1은 본 발명의 일 실시예에 따른 북마크 관리 시스템(100)의 구성을 나타낸 도면이다.
도 2는 본 발명의 일 실시예에 따른 북마크 관리 방법을 도시한 흐름도이다.
도 3은 본 발명의 일 실시예에 따른 북마크 생성부(111)의 구성을 나타낸 블록도이다.
도 4는 본 발명의 일 실시예에 따른 북마크 생성 방법을 도시한 흐름도이다.
도 5는 본 발명의 일 실시예에 따른 도 2의 대표 색상 결정부(32)의 구성을 나타낸 블록도이다.
도 6은 본 발명의 일 실시예에 따른 북마크 색상 결정 방법을 도시한 흐름도이다.
도 7은 본 발명의 일 실시예에 따른 도 1에 도시된 표시 제어부(112)의 구성을 나타낸 블록도이다.
도 8은 본 발명의 일 실시예에 따른 표시 제어 방법을 도시한 흐름도이다.
도 9는 본 발명의 일 실시예에 따라 북마크의 대표 색상을 결정하는 방법을 설명하기 위한 도면이다.
도 10은 본 발명의 일 실시예에 따라 웹 브라우저에 북마크가 표시된 예를 도시한 도면이다.
도 11은 본 발명의 일 실시예에 따라 북마크의 표시를 전환하는 방법을 설명하기 위한 도면이다.
도 12는 본 발명의 다른 실시예에 따라 웹 브라우저에 북마크가 표시된 예를 도시한 도면이다.
도 13은 본 발명의 일 실시예에 따라 웹 브라우저에 북마크 폴더가 표시된 예를 도시한 도면이다.
도 14는 본 발명의 일 실시예에 따라 폴더의 표시를 전환하는 방법을 설명하기 위한 도면이다.
도 15는 본 발명의 일 실시예에 따른 폴더의 표시를 설명하기 위한 도면이다.1 is a diagram illustrating a configuration of a
2 is a flowchart illustrating a bookmark management method according to an embodiment of the present invention.
FIG. 3 is a block diagram showing a configuration of a
4 is a flowchart illustrating a bookmark generating method according to an embodiment of the present invention.
5 is a block diagram showing a configuration of the representative
FIG. 6 is a flowchart illustrating a bookmark color determination method according to an embodiment of the present invention.
FIG. 7 is a block diagram showing the configuration of the
8 is a flowchart illustrating a display control method according to an embodiment of the present invention.
9 is a diagram for explaining a method for determining representative colors of bookmarks according to an embodiment of the present invention.
10 is a diagram illustrating an example in which a bookmark is displayed on a web browser according to an embodiment of the present invention.
11 is a diagram for explaining a method for switching display of bookmarks according to an embodiment of the present invention.
12 is a diagram illustrating an example in which a bookmark is displayed on a web browser according to another embodiment of the present invention.
13 is a diagram illustrating an example in which a bookmark folder is displayed in a web browser according to an embodiment of the present invention.
14 is a diagram for explaining a method of switching the display of a folder according to an embodiment of the present invention.
15 is a diagram for explaining the display of a folder 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.
또한 이하에 도시된 블록도들은 편의를 위하여 본 발명의 일 실시예를 설명하기 위해 필요한 구성요소들을 포함하도록 도시된 것이다. 따라서, 도면에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 더 포함될 수 있음은 물론이다.Also, the block diagrams shown below are included to facilitate understanding of one embodiment of the present invention. Therefore, it goes without saying that other general-purpose components other than the components shown in the drawings may be further included.
도 1은 본 발명의 일 실시예에 따른 북마크 관리 시스템(100)의 구성을 나타낸 도면이다.1 is a diagram illustrating a configuration of a
도 1을 참조하면, 본 발명의 일 실시예에 따른 북마크 관리 시스템(100)은 웹 브라우저에서 사용 가능한 북마크 기능을 제공하며, 프로세서(110), 입력부(120), 메모리(130), 통신부(140) 및 표시부(150)를 포함한다. Referring to FIG. 1, a
프로세서(110)는 기본적인 산술, 로직 및 입출력 연산을 수행함으로써, 컴퓨터 프로그램의 명령을 처리하도록 구성될 수 있다. 예를 들어, 프로세서(110)는 메모리(130)와 같은 기록 장치에 저장된 프로그램 코드에 따라 명령을 실행하도록 구성될 수 있다. 예를 들어 프로세서(110)는 프로그램 내에 포함된 코드 또는 명령으로 표현된 기능을 수행하기 위해 물리적으로 구조화된 회로를 갖는, 하드웨어에 내장된 데이터 처리 장치를 의미할 수 있다. 이와 같이 하드웨어에 내장된 데이터 처리 장치의 일 예로써, 마이크로프로세서(microprocessor), 중앙처리장치(central processing unit: CPU), 프로세서 코어(processor core), 멀티프로세서(multiprocessor), ASIC(application-specific integrated circuit), FPGA(field programmable gate array) 등의 처리 장치를 망라할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다. 이에 따라, 프로세서(110)는 마이크로 프로세서나 범용 컴퓨터 시스템과 같은 다른 하드웨어 장치에 포함된 형태로 구동될 수 있다. The
입력부(120)는 사용자로부터 데이터를 입력받는다. 입력부(120)는 예를 들어, 키보드, 마우스, 트랙볼, 마이크, 터치패널, 버튼, 카메라, 제스쳐 인식 센서 중 적어도 하나일 수 있으나, 이에 한정하지 않는다.The
메모리(130)는 북마크 관리 시스템(100)이 처리하는 데이터를 일시적으로 또는 영구적으로 저장하는 기능을 수행한다. 메모리(130)는 자기 저장 매체(magnetic storage media) 또는 플래시 저장 매체(flash storage media)를 포함할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.The
통신부(140)는 네트워크를 통해 북마크 관리 시스템(100)이 외부 장치와 통신하기 위한 기능을 제공한다.The
표시부(150)는 화면을 표시하는 디스플레이장치를 포함한다.The
도 1에서 입력부(120)와 표시부(150)가 분리된 것으로 도시되었으나, 이는 설명의 편의를 위한 것이므로, 입력부(120)와 표시부(150)는 터치스크린과 같이 일체형으로 구비되어도 무방하다.1, the
본 발명의 일 실시예에 따르면, 프로세서(110)는 웹 브라우저에서 사용 가능한 북마크 기능을 제공한다. 북마크 기능은 웹 브라우저에서 사용자가 웹사이트 정보(예컨대, 웹사이트의 URL)를 저장하는 기능을 의미한다. 북마크 기능을 이용하면 사용자는 주소 창이 일일이 URL을 입력하지 않고 바로 해당 북마크를 선택하는 것만으로도 사용자가 원하는 웹사이트에 바로 접속할 수 있다. 또 웹사이트의 URL이 기억나지 않더라도 해당 웹사이트의 북마크를 선택하여 접속할 수 있다. 프로세서(110)는 북마크 생성부(111) 및 표시 제어부(112)를 포함한다. 북마크 생성부(111)는 사용자로부터 북마크 생성 요청을 받아 북마크를 생성하고, 생성된 북마크를 메모리(130)에 저장하거나 통신부(140)를 통해 외부 장치에 전송할 수 있다. 표시 제어부(112)는 메모리(130)에 저장된 북마크를 독출하거나 통신부(140)를 통해 외부 장치로부터 북마크를 수신하여, 북마크를 웹 브라우저에 표시한다.According to one embodiment of the present invention, the
도 2는 본 발명의 일 실시예에 따른 북마크 관리 방법을 도시한 흐름도이다. 도 2에 도시된 흐름도는 도 1에 도시된 프로세서(110)에서 시계열적으로 처리되는 단계들로 구성된다. 이하에서 생략된 내용이라 하더라도 도 1에서 도시된 구성들에 관하여 이상에서 기술된 내용이 도 2에 도시된 흐름도에 적용될 수 있다.2 is a flowchart illustrating a bookmark management method according to an embodiment of the present invention. The flowchart shown in FIG. 2 is comprised of steps that are processed in a time-series manner in the
도 2를 참조하면, 단계 S21에서 도 1의 북마크 생성부(111)는 사용자로부터 북마크 생성 요청을 받아 북마크를 생성하고, 생성된 북마크를 메모리(130)에 저장하거나 통신부(140)를 통해 외부 장치에 전송할 수 있다.2, the
단계 S22에서 도 1의 표시 제어부(112)는 메모리(130)에 저장된 북마크를 독출하거나 통신부(140)를 통해 외부 장치로부터 북마크를 수신하여, 북마크를 웹 브라우저에 표시한다.In step S22, the
도 3은 본 발명의 일 실시예에 따른 북마크 생성부(111)의 구성을 나타낸 블록도이다.FIG. 3 is a block diagram showing a configuration of a
본 발명의 일 실시예에 따른 북마크 생성부(111)는 프로세서(processor)와 같이 데이터를 처리할 수 있는 모든 종류의 장치에 해당할 수 있다. 예를 들어, 북마크 생성부(111)는 적어도 하나 이상의 프로세서(processor)에 해당하거나, 적어도 하나 이상의 프로세서를 포함할 수 있다.The
도 3을 참조하면, 본 발명의 일 실시예에 따른 북마크 생성부(111)는 북마크 생성 요청 수신부(31), 대표 색상 결정부(32) 및 북마크 저장부(33)를 포함한다.Referring to FIG. 3, the
본 발명의 일 실시예에 따른 북마크 생성 요청 수신부(31)는 웹페이지 정보를 포함하는 북마크 생성 요청을 사용자로부터 입력받는다. 사용자 입력은 도 1에 도시된 입력부(120)를 통해 수신될 수 있다. 사용자는 웹사이트 정보를 포함하는 북마크를 저장해두었다가, 이후에 URL을 직접 입력하지 않고서도 저장된 북마크를 선택함으로써 해당 웹사이트에 접속할 수 있다. 북마크 생성 요청은, 북마크의 대상이 되는 웹페이지의 정보, 예컨대 URL 주소를 포함한다. 사용자가 특정 웹페이지에 접속한 상태에서 북마크 생성 요청을 입력하는 경우, 접속된 특정 웹페이지의 URL 주소가 북마크 생성 요청에 포함될 수 있다. 북마크 생성 요청은, 북마크의 이름을 더 포함할 수 있다 북마크 생성 요청은, 북마크를 저장할 폴더 정보를 더 포함할 수 있다. The bookmark creation
본 발명의 일 실시예에 따른 대표 색상 결정부(32)는 북마크 생성 요청에 포함된 웹페이지 정보를 참조하여, 북마크에 대응되는 대표 색상을 결정한다. 북마크의 대표 색상은 북마크를 나타낼 수 있는 단일 색상 혹은 복수의 색상의 조합이며, 사용자가 북마크의 대표 색상을 보고 북마크의 웹페이지를 떠올릴 수 있도록, 대표 색상 결정부(32)는 웹페이지와 연관된 색상을 북마크의 대표 색상으로 결정한다.The representative
본 발명의 일 실시예에 따르면, 대표 색상 결정부(32)는 웹페이지 정보를 참조하여, 웹페이지의 파비콘을 획득하고, 파비콘에 대응되는 색상을 북마크의 대표 색상으로 결정한다. 파비콘(favicon)이란, 웹 사이트나 웹페이지를 대표하는 아이콘으로, 웹 브라우저의 주소창 또는 상단 탭에 표시될 수 있다. 파비콘은 16x16픽셀의 작은 사이즈의 이미지일 수 있다. According to an embodiment of the present invention, the representative
본 발명의 일 실시예에 따른 북마크 저장부(33)는 북마크 생성 요청 수신부(31)가 수신한 북마크 생성 요청과 대표 색상 결정부(32)가 결정한 대표 색상을 참조하여, 북마크를 생성 및 저장한다. 북마크 저장부(33)는 생성된 북마크를 메모리(130)에 저장하거나, 외부 서버에 저장하기 위하여 외부 서버에 전송한다. 북마크 저장부(33)는 웹페이지 정보 및 대표 색상 정보를 포함하는 북마크 정보를 생성할 수 있다. 북마크 저장부(33)는 웹페이지 정보 및 대표 색상 정보를 포함하는 북마크 정보를 생성할 수 있다. 북마크 저장부(33)는 파비콘 정보를 더 포함하는 북마크 정보를 생성할 수 있다. 북마크 생성 요청 대상 웹페이지의 파비콘이 없는 경우, 북마크 정보는 기저장된 기본(default) 아이콘을 파비콘으로써 포함할 수 있다. The
본 발명의 일 실시예에 따른 북마크 저장부(33)는 대표 색상 정보를 저장함에 있어서, 대표 색상 자체의 정보를 저장할 수도 있고, 대표 색상을 포함하는 이미지의 정보를 저장할 수도 있다. 이미지의 정보는 예컨대 대표 색상으로 표시된 기설정된 형태의 도형 정보일 수 있다. 각각의 경우에 따라 저장에 필요한 메모리 용량 및 데이터의 해상도가 달라질 수 있으므로, 본 발명의 실시 환경에 따라 북마크 저장부(33)는 적절한 저장 방식을 선택할 수 있다. 한편, 전술한 기설정된 형태의 도형은, 파비콘보다 작은 사이즈일 수 있다.The
본 발명의 일 실시예에 따르면, 북마크 생성 요청 수신부(31)는 웹페이지 정보 및 북마크를 저장할 폴더 정보를 포함하는 북마크 생성 요청을 수신한다. 이 경우 대표 색상 결정부(32)는 전술한 일 실시예에 따라 웹페이지 정보로부터 북마크 대표 색상을 결정한다. 그리고 북마크 저장부(33)는 웹페이지 정보 및 대표 색상 정보를 포함하는 북마크 정보를 생성하여, 북마크 생성 요청에 포함된 폴더 정보에 따라 해당 폴더 내에 북마크 정보를 저장한다. 예를 들어, 사용자는 특정 포털 사이트에 대한 북마크 생성 요청을 입력하면서, "포털"이라는 폴더 정보를 함께 입력할 수 있고, 북마크 저장부(33)는 사용자에 의해 입력된 특정 포털 사이트에 대한 북마크를 "포털"이라는 폴더 내에 생성할 수 있다.According to an embodiment of the present invention, the bookmark creation
도 4는 본 발명의 일 실시예에 따른 북마크 생성 방법을 도시한 흐름도이다.4 is a flowchart illustrating a bookmark generating method according to an embodiment of the present invention.
도 4에 도시된 흐름도는 도 3에 도시된 북마크 생성부(111)에서 시계열적으로 처리되는 단계들로 구성된다. 따라서 이하에서 생략된 내용이라 하더라도, 도 3에서 도시된 구성들에 관하여 이상에서 기술된 내용이 도 4에 도시된 흐름도에 적용될 수 있다.The flowchart shown in FIG. 4 consists of the steps that are processed in a time-series manner in the
도 4를 참조하면, 단계 S41에서 도 3의 북마크 생성 요청 수신부(31)는 웹페이지 정보를 포함하는 북마크 생성 요청을 수신한다.Referring to FIG. 4, in step S41, the bookmark creation
단계 S42에서 도 3의 대표 색상 결정부(32)는 단계 S41에서 수신된 북마크 생성 요청에 포함된 웹페이지 정보를 참조하여, 북마크에 대응되는 대표 색상을 결정한다.In step S42, the representative
단계 S43에서 도 3의 북마크 저장부(33)는 단계 S41에서 수신된 웹페이지 정보 및 단계 S42에서 결정된 북마크 대표 색상의 정보를 포함하는 북마크를 생성한다.In step S43, the
도 5는 본 발명의 일 실시예에 따른 도 2의 대표 색상 결정부(32)의 구성을 나타낸 블록도이다.5 is a block diagram showing a configuration of the representative
도 5를 참조하면, 일 실시예에 따른 대표 색상 결정부(32)는 파비콘 획득부(51) 및 대표 색상 추출부(52)를 포함한다.Referring to FIG. 5, the representative
본 발명의 일 실시예에 따른 파비콘 획득부(51)는 웹페이지 정보를 참조하여 웹페이지의 파비콘을 호출한다. 파비콘 획득부(51)는 웹페이지의 파비콘을 획득하기 위하여 웹페이지의 URL의 하위 주소를 호출할 수 있다. 예를 들어, 파비콘 획득부(51)는 웹페이지의 URL 후단에 "/favicon.ico"을 부가한 주소를 호출하여 웹페이지의 파비콘을 획득한다.The
대표 색상 추출부(52)는 파비콘에 대응되는 색상을 북마크의 대표 색상으로 결정할 수 있다. 예를 들어, 대표 색상 추출부(52)는 웹페이지의 파비콘에 가장 많이 사용된 색상을 북마크의 대표 색상으로 결정한다. 다만, 파비콘으로부터 대표 색상을 결정하는 방법은 이에 한정하지 않는다. 예를 들어, 대표 색상 추출부(52)는 파비콘의 각 픽셀에 사용된 색상을 복수의 클러스터로 분류하고, 복수의 클러스터 각각의 빈도에 따라 도미넌트 클러스터를 결정하고, 도미넌트 클러스터에 대응되는 색상을 대표 색상으로 결정할 수 있다.The representative
한편, 대표 색상 추출부(52)는 파비콘 획득부(51)가 웹페이지의 파비콘 호출에 실패한 경우, 웹페이지 자체에 포함된 색상을 참조하여, 웹페이지를 대표할 수 있는 색상을 추출한 결과에 따라 북마크의 대표 색상을 결정할 수 있다. 예를 들어, 대표 색상 추출부(52)는 웹페이지에 포함된 색상 중 가장 많이 사용된 색상을 북마크의 대표 색상으로 결정한다. 또는 대표 색상 추출부(52)는 웹페이지에 포함된 색상을 복수의 클러스터로 분류하고, 복수의 클러스터 각각의 빈도에 따라 도미넌트 클러스터를 결정하고, 도미넌트 클러스터에 대응되는 색상을 대표 색상으로 결정한다. On the other hand, when the
다른 예를 들면, 대표 색상 추출부(52)는 웹페이지의 상단에서부터 기설정된 높이까지의 영역에 포함된 색상을 참조하여 북마크의 대표 색상을 결정한다. 웹페이지를 대표할 수 있는 색상은 웹페이지의 상단에 표시되는 배너, 아이콘 등에 포함되어 있는 경우가 많다. 또한 사용자의 관점에서도 웹페이지의 상단에 표시되는 요소들로 인해 웹페이지를 식별하는 경우가 많다. 따라서 대표 색상 추출부(52)는 웹페이지의 상단에서부터 기설정된 높이까지의 영역에 포함된 색상을 참조하여 북마크의 대표 색상을 결정할 수 있다. 예를 들어 대표 색상 추출부(52)는 웹페이지의 상단에서부터 기설정된 높이까지의 영역에 포함된 색상 중 가장 많이 사용된 색상을 북마크의 대표 색상으로 결정한다. 다른 예를 들면 대표 색상 추출부(52)는 웹페이지의 상단에서부터 기설정된 높이까지의 영역에 포함된 색상을 복수의 클러스터로 분류하고, 복수의 클러스터 각각의 빈도에 따라 도미넌트 클러스터를 결정하고, 도미넌트 클러스터에 대응되는 색상을 대표 색상으로 결정한다. 기설정된 높이는 테스트를 거쳐 관리자에 의해 미리 입력되어 저장된 값일 수 있으나 이에 한정하지 않는다. In another example, the representative
본 발명의 일 실시예에 따르면, 대표 색상 추출부(52)는 웹페이지의 파비콘 호출에 실패한 경우, 기설정된 기본(default) 색상을 북마크의 대표 색상으로 결정할 수 있다. According to an embodiment of the present invention, when the representative
도 6은 본 발명의 일 실시예에 따른 북마크 색상 결정 방법을 도시한 흐름도이다.FIG. 6 is a flowchart illustrating a bookmark color determination method according to an embodiment of the present invention.
도 6에 도시된 흐름도는 도 5에 도시된 대표 색상 결정부(32)에서 시계열적으로 처리되는 단계들로 구성된다. 따라서 이하에서 생략된 내용이라 하더라도, 도 5에서 도시된 구성들에 관하여 이상에서 기술된 내용이 도 6에 도시된 흐름도에 적용될 수 있다.The flowchart shown in FIG. 6 is composed of the steps of time-series processing in the representative
도 6을 참조하면, 단계 S61에서 파비콘 획득부(51)는 사용자로부터 수신된 북마크 생성 요청에 포함된 웹페이지 정보를 참조하여 웹페이지의 파비콘을 호출한다.Referring to FIG. 6, in step S61, the
단계 S62에서, 파비콘 획득부(51)는 단계 S61에서 파비콘 획득에 성공하였는지 여부에 따라 어느 단계로 진행할 것인지를 결정한다. 파비콘 획득에 성공한 경우 단계 S63으로 진행하고, 실패한 경우 단계 S64로 진행한다.In step S62, the
단계 S63에서 대표 색상 추출부(52)는 파비콘에 대응되는 색상을 북마크에 대응되는 대표 색상으로 결정한다.In step S63, the representative
단계 S64에서 대표 색상 추출부(52)는 웹페이지에 포함된 색상을 참조하여, 북마크에 대응되는 대표 색상을 결정한다.In step S64, the representative
도 7은 본 발명의 일 실시예에 따른 도 1에 도시된 표시 제어부(112)의 구성을 나타낸 블록도이다.FIG. 7 is a block diagram showing the configuration of the
도 7을 참조하면, 본 발명의 일 실시예에 따른 표시 제어부(112)는 북마크 정보 획득부(71) 및 북마크 표시 제어부(72)를 포함한다. 표시 제어부(112)는 사용자가 지정한 웹페이지 정보를 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 공간에 표시한다.Referring to FIG. 7, the
본 발명의 일 실시예에 따른 북마크 정보 획득부(71)는 하나 이상의 북마크 정보를 포함하는 북마크 목록을 획득한다. 북마크 정보 획득부(71)는 메모리(130)에 저장된 북마크 목록을 획득하거나, 외부 장치에 저장된 북마크 목록을 통신부(140)를 통해 획득한다. 북마크 목록에 포함된 각 북마크 정보는 웹페이지 정보, 파비콘 정보, 및 대표 색상 정보를 포함한다. 대표 색상은 전술한 것과 같이 파비콘에 대응되는 색상이거나, 파비콘이 없는 경우 웹페이지에 대응되는 색상일 수 있다. 북마크 정보 획득부(71)는 하나 이상의 북마크 정보 및 폴더 정보를 포함하는 북마크 목록을 획득할 수 있다. 폴더 정보는, 폴더 이름 및 폴더의 하위 레벨에 저장된 하나 이상의 북마크 정보를 포함한다.The bookmark
본 발명의 일 실시예에 따른 북마크 표시 제어부(72)는 기설정된 형태의 도형을 대표 색상으로 표시한 북마크 아이콘을 웹 브라우저에 마련된 북마크 표시 영역에 표시한다. 기설정된 형태의 도형은 원형일 수 있으나, 이에 한정하지 않는다. 바람직한 실시예에 따르면, 복수의 북마크 아이콘은 동일한 형태의 도형으로 표시될 수 있으나, 이에 한정하지 않는다. 북마크 표시 제어부(72)는 북마크 아이콘과 북마크 이름을 나란히 표시할 수 있다. 북마크 표시 제어부(72)는 복수의 북마크를 나열하여 표시할 수 있다. 북마크 표시 제어부(72)는 북마크 아이콘과 북마크 이름을 나란히 표시한 복수의 북마크를 나열하여 표시할 수 있다. 북마크 표시 제어부(72)는 복수의 북마크의 북마크 아이콘만을 나열하여 표시하고, 각 북마크의 이름을 표시하지 않을 수 있다. The bookmark
본 발명의 일 실시예에 따르면, 북마크 표시영역에 표시되는 북마크 아이콘은 사용자 입력에 따라 표시가 전환될 수 있다. 예를 들어, 북마크 표시 제어부(72)는 북마크 아이콘에 대한 사용자 입력이 인식되면, 북마크 아이콘을 파비콘으로 전환하여 표시할 수 있다. 이하에서, 북마크 아이콘에 대한 사용자 입력이란, 북마크 아이콘이 표시된 영역에 대한 사용자 입력에 한정되는 것이 아니고, 예컨대 북마크 아이콘 및 북마크 이름을 포함하는 북마크가 표시된 영역에 대한 사용자 입력을 모두 포함하는 것이다. 사용자 입력은 북마크 아이콘에 대한 마우스 오버(over)일 수 있으나, 이에 한정하지 않는다. 북마크 표시 제어부(72)는 북마크 아이콘에 대한 사용자 입력이 해제되면 파비콘을 다시 북마크 아이콘으로 전환하여 표시할 수 있다. 이에 따르면, 북마크 표시 제어부(72)는 기본적으로 기설정된 도형으로 단순화되고 통일화된 북마크 아이콘을 제공하지만, 사용자의 요청에 따라 원본 파비콘을 추가 정보로써 제공한다.According to an embodiment of the present invention, the bookmark icon displayed in the bookmark display area can be switched according to user input. For example, the bookmark
북마크 표시 제어부(72)는 북마크 아이콘을 파비콘으로 전환하는 과정에서, 애니메이션을 적용할 수 있다. 예를 들어, 북마크 표시 제어부(72)는 북마크 아이콘의 투명도 및 크기 중 하나 이상을 변경하는 애니메이션을 적용하여 북마크 아이콘을 파비콘으로 전환한다. 예를 들어, 북마크 표시 제어부(72)는 북마크 아이콘의 투명도 및 크기 중 하나 이상을 증가시키는 애니메이션을 적용하고, 파비콘의 투명도 및 크기 중 하나 이상을 감소시키는 애니메이션을 적용하여, 북마크 아이콘으로부터 파비콘으로의 표시 전환을 자연스럽게 구현할 수 있다. 예를 들어, 북마크 표시 제어부(72)는 북마크 아이콘의 크기를 증가시키는 애니메이션을 적용한 후 북마크 아이콘을 파비콘으로 변경하여 표시할 수 있다. 일 예에 따르면 북마크 아이콘은 파비콘에서 추출된 북마크 대표 색상으로 표시되므로, 이러한 애니메이션에 따르면 북마크 아이콘이 확장되어 파비콘으로 변화되는 것과 같은 표시 효과를 달성할 수 있다.The bookmark
북마크 표시 제어부(72)는 북마크 표시영역에 폴더를 표시할 수 있다. 북마크 표시 제어부(72)는 북마크를 표시할 때 북마크 아이콘을 표시하는 것에 대응하여, 폴더를 표시할 때 해당 폴더에 포함된 북마크의 아이콘들을 나열하여 표시할 수 있다. 예를 들어, 북마크 표시 제어부(72)는 폴더에 포함된 복수의 북마크의 북마크 아이콘을 기설정된 규칙으로 나열하는 북마크 아이콘 어레이를 표시할 수 있다. The bookmark
기설정된 규칙은, 북마크 아이콘을 나열하는 순서에 관한 것일 수 있다. 예를 들어, 북마크 표시 제어부(72)는 폴더에 포함된 북마크가 리스팅된 순서와 동일한 순서로, 각 북마크 아이콘을 나열할 수 있다. 북마크 표시 제어부(72)는 폴더에 포함된 북마크의 개수와 무관하게 기설정된 개수의 북마크 아이콘을 나열하여 표시할 수 있다. 만약 폴더에 포함된 북마크의 개수가 기설정된 개수보다 많은 경우, 북마크 표시 제어부(72)는 폴더에 리스팅된 북마크 중 기설정된 개수의 상위 북마크의 아이콘을 나열하여 표시할 수 있다. 만약 폴더에 포함된 북마크의 개수가 기설정된 개수 미만인 경우, 북마크 표시 제어부(72)는 폴더에 리스팅된 북마크의 아이콘을 여러 번 표시하여 기설정된 개수의 북마크 아이콘을 표시할 수 있다. 또는 북마크 표시 제어부(72)는 폴더에 리스팅된 북마크 아이콘을 한번씩 표시하고, 기저장된 기본(default) 색상의 북마크 아이콘을 더 표시함으로써, 총 기설정된 개수의 북마크 아이콘을 표시할 수 있다.The predetermined rule may be related to the order of listing bookmark icons. For example, the bookmark
북마크 표시 제어부(72)는 전술한 북마크 아이콘 어레이에 대한 사용자 입력이 인식되면, 북마크 아이콘 어레이의 표시를 기저장된 폴더 아이콘으로 전환하여 표시할 수 있다.When the user input to the bookmark icon array is recognized, the bookmark
도 8은 본 발명의 일 실시예에 따른 표시 제어 방법을 도시한 흐름도이다.8 is a flowchart illustrating a display control method according to an embodiment of the present invention.
도 8에 도시된 흐름도는 도 7에 도시된 표시 제어부(112)에서 시계열적으로 처리되는 단계들로 구성된다. 따라서 이하에서 생략된 내용이라 하더라도, 도 7에서 도시된 구성들에 관하여 이상에서 기술된 내용이 도 8에 도시된 흐름도에 적용될 수 있다.The flowchart shown in FIG. 8 consists of steps that are processed in a time-series manner by the
도 8을 참조하면, 단계 S81에서 북마크 표시 제어부(72)는 기설정된 형태의 도형을 북마크 대표 색상으로 표시한 북마크 아이콘을 웹 브라우저의 북마크 표시 영역에 표시한다.Referring to FIG. 8, in step S81, the bookmark
단계 S82에서 북마크 표시 제어부(72)는 단계 S81에서 표시된 북마크 아이콘에 대한 사용자 입력을 인식한다In step S82, the bookmark
단계 S83에서 북마크 표시 제어부(72)는 단계 S82의 인식에 대응하여 북마크 아이콘을 파비콘으로 전환하여 표시한다.In step S83, the bookmark
도 9는 본 발명의 일 실시예에 따라 북마크의 대표 색상을 결정하는 방법을 설명하기 위한 도면이다.9 is a diagram for explaining a method for determining representative colors of bookmarks according to an embodiment of the present invention.
도 9를 참조하면, 사용자가 북마크로 등록하고자 지정한 웹페이지의 파비콘(P)이 도시되었다. 도 9에 도시된 파비콘(P)은 제1 색상(C1)과 제2 색상(C2)을 포함한다. 도 9의 예에서, 북마크 대표 색상은 파비콘(P)에 가장 많이 사용된 제1 색상(C1)으로 결정될 수 있다. 도 9의 우측에는, 기설정된 형태의 도형을 북마크의 대표 색상인 제1 색상(C1)으로 표시한 북마크 아이콘(i)의 예가 도시되었다.Referring to FIG. 9, a favicon (P) of a web page designated by a user to register as a bookmark is shown. The favicon P shown in Fig. 9 includes a first color C1 and a second color C2. In the example of FIG. 9, the bookmark representative color may be determined to be the first color C1 most frequently used for the favicon P. On the right side of Fig. 9, an example of the bookmark icon (i) is shown in which a figure of a predetermined type is represented by a first color (C1), which is a representative color of the bookmark.
도 10은 본 발명의 일 실시예에 따라 웹 브라우저에 북마크가 표시된 예를 도시한 도면이다.10 is a diagram illustrating an example in which a bookmark is displayed on a web browser according to an embodiment of the present invention.
도 10을 참조하면, 웹 브라우저(WB)의 북마크 표시영역(BB)에 2개의 북마크가 표시된 예가 도시되었다. 도 10에서 북마크 표시영역(BB)에는 제1 북마크(B1) 및 제2 북마크(B2)가 표시되었다. 도 10을 참조하면, 제1 북마크(B1)는 제1 북마크의 아이콘(i1) 및 제1 북마크의 이름(n1)을 포함하고, 제2 북마크(B2)는 제2 북마크의 아이콘(i2) 및 제2 북마크의 이름(n2)을 포함하도록 표시되었다.10, an example in which two bookmarks are displayed in the bookmark display area BB of the web browser WB is shown. In Fig. 10, the first bookmark B1 and the second bookmark B2 are displayed in the bookmark display area BB. 10, the first bookmark B1 includes the icon i1 of the first bookmark and the name n1 of the first bookmark, the second bookmark B2 includes the icon i2 of the second bookmark, And the name (n2) of the second bookmark.
도 11은 본 발명의 일 실시예에 따라 북마크의 표시를 전환하는 방법을 설명하기 위한 도면이다.11 is a diagram for explaining a method for switching display of bookmarks according to an embodiment of the present invention.
도 11은 도 10에 표시된 웹 브라우저(WB)의 일부를 확대하여 표시한 것이다. 도 11을 참조하면, 본 발명의 일 실시예에 따른 표시 제어부(112)는 아이콘(i2)과 이름(n2)을 함께 표시한 제2 북마크(B2)가 표시된 상태에서, 제2 북마크(B2)에 대한 사용자 입력이 인식되면, 북마크 아이콘(i2)을 파비콘(p2)으로 전환하여 표시한다. 도 11에서 사용자 입력은 커서(CS)가 제2 북마크(B2)가 표시된 영역에 마우스 오버(over)되는 예로 도시되었다.11 is an enlarged view of a part of the web browser WB shown in Fig. 11, the
일 실시예에 따른 표시 제어부(112)는 파비콘이 없는 북마크에 대하여 사용자 입력이 인식되면, 북마크 아이콘을 파비콘 대신 기설정된 도형으로 전환하여 표시할 수 있다. 한편, 파비콘이 없는 북마크의 경우에는, 기본 색상으로 표시된 기설정된 도형이 북마크 아이콘으로써 표시될 것이다.The
도 12는 본 발명의 다른 실시예에 따라 웹 브라우저에 북마크가 표시된 예를 도시한 도면이다.12 is a diagram illustrating an example in which a bookmark is displayed on a web browser according to another embodiment of the present invention.
도 12를 참조하면, 본 발명의 다른 실시예에 따른 표시 제어부(112)는 북마크 표시 영역(BB)에 복수의 북마크 아이콘만을 나열하여 복수의 북마크의 정보를 사용자에게 표시한다. 도 12를 참조하면, 표시 제어부(112)는 시각적으로 일관성 있는 북마크 표시를 제공한다. 각 북마크 아이콘은, 해당 북마크의 웹 사이트의 파비콘 또는 웹사이트 자체를 기초로 하여 결정된 색상으로 표시되므로, 사용자는 북마크의 아이콘만 보고서도 해당 북마크를 식별할 수 있다. 표시 제어부(112)는 도 12에 도시된 것과 같이 일관성 있는 북마크 표시를 제공하는 동시에, 사용자가 각 북마크를 식별할 수 있도록 하며, 또한 북마크 아이콘만 표시함으로써 한정된 크기의 북마크 표시 영역(BB)에 더 많은 북마크 정보를 제공할 수 있다. 한편, 도 12와 같이 북마크 아이콘만 나열된 상태에서도, 본 발명의 일 실시예에 따른 표시 제어부(112)는 북마크 아이콘에 대한 사용자 입력이 인식되면 해당 북마크 아이콘을 파비콘으로 전환하여 표시할 수 있다.Referring to FIG. 12, the
도 13은 본 발명의 일 실시예에 따라 웹 브라우저에 북마크 폴더가 표시된 예를 도시한 도면이다.13 is a diagram illustrating an example in which a bookmark folder is displayed in a web browser according to an embodiment of the present invention.
도 13을 참조하면, 본 발명의 일 실시예에 따른 표시 제어부(112)는 웹 브라우저(WB)의 북마크 표시 영역(BB)에 폴더(F3)를 표시한다. 폴더(F3)는 복수의 북마크 정보의 목록을 포함한다. 도 13을 참조하면, 표시 제어부(112)는 폴더(F3)의 이름(n3)과 폴더(F3)에 포함된 복수의 북마크의 아이콘들을 나열한 어레이(A3)를 함께 표시한다. 한편, 도 13을 참조하면, 어레이(A3)는 폴더(F3)에 포함된 북마크의 개수와 무관하게 항상 기설정된 개수의 북마크 아이콘을 표시할 수 있다. 13, the
일 실시예에 따르면, 어레이(A3)는 파비콘에 대응되는 대표 색상으로 표시된 북마크 아이콘들만을 나열할 수 있다. 즉, 파비콘 호출에 실패하여 기본 색상으로 표시되는 북마크 아이콘은 어레이(A3)에 표시되지 않는다. According to one embodiment, the array A3 may list only the bookmark icons displayed in the representative color corresponding to the favicon. That is, the bookmark icon which fails to call the favicon and is displayed in the basic color is not displayed on the array A3.
일 실시예에 따르면, 어레이(A3)는 폴더(F3)에 포함된 북마크의 수가 어레이(A3)에 표시할 기설정된 아이콘 수보다 적은 경우, 폴더(F3)에 포함된 북마크의 아이콘을 여러 번 표시하여 어레이(A3)에 기설정된 수 만큼의 북마크 아이콘이 표시되도록 한다. 예를 들어, 폴더(F3)에 2개의 북마크가 포함되고, 어레이(A3)에 표시할 아이콘 수가 4개로 기설정된 경우, 표시 제어부(112)는 폴더(F3)에 포함된 북마크의 아이콘 각각을 2개씩 어레이(A3)에 표시함으로써, 어레이(A3)에 총 4개의 북마크 아이콘을 표시한다.According to one embodiment, when the number of bookmarks included in the folder F3 is smaller than the predetermined number of icons to be displayed on the array A3, the array A3 displays the icon of the bookmark included in the folder F3 several times So that a predetermined number of bookmark icons are displayed on the array A3. For example, when two bookmarks are included in the folder F3 and the number of icons to be displayed on the array A3 is preliminarily set to four, the
일 실시예에 따르면, 어레이(A3)는 폴더(F3)에 포함된 북마크의 수가 어레이(A3)에 표시할 기설정된 아이콘 수보다 많은 경우, 표시 제어부(112)는 폴더(F3)에 포함된 북마크 중 기설정된 수 만큼의 북마크를 선정하여, 선정된 북마크 아이콘을 나열하는 어레이(A3)를 표시한다. 북마크 선정 기준은, 폴더(F3)에 포함된 북마크의 리스팅 순서에 따르거나, 사용자의 북마크 선택 횟수, 북마크에 대응되는 웹페이지의 방문 횟수에 따를 수 있다. 북마크의 리스팅 순서는 사용자에 의해 설정되거나, 북마크 명칭, 북마크 생성 시점 등에 따라 기설정된 규칙에 의해 자동으로 결정될 수 있다.According to one embodiment, when the number of bookmarks included in the folder F3 is larger than the predetermined number of icons to be displayed on the array A3, the
도 14는 본 발명의 일 실시예에 따라 폴더의 표시를 전환하는 방법을 설명하기 위한 도면이다.14 is a diagram for explaining a method of switching the display of a folder according to an embodiment of the present invention.
도 14은 도 13에 표시된 웹 브라우저(WB)의 일부를 확대하여 표시한 것이다. 도 14를 참조하면, 본 발명의 일 실시예에 따른 표시 제어부(112)는 복수의 북마크 아이콘을 포함하는 어레이(A3)와 폴더의 이름(n3)을 함께 표시한 폴더(F3)가 표시된 상태에서, 폴더(F3)에 대한 사용자 입력이 인식되면, 어레이(A3)를 폴더 아이콘(i3)으로 전환하여 표시한다. 폴더 아이콘(i3)은 기저장된 이미지일 수 있다. 도 14에서 사용자 입력은 커서(CS)가 폴더(F3)가 표시된 영역에 마우스 오버(over)되는 예로 도시되었다.Fig. 14 is an enlarged view of a part of the web browser WB shown in Fig. 14, the
도 15는 본 발명의 일 실시예에 따른 폴더의 표시를 설명하기 위한 도면이다.15 is a diagram for explaining the display of a folder according to an embodiment of the present invention.
도 15는 도 14에 표시된 폴더(F3)를 사용자가 선택(예를 들어, 클릭일 수 있다.)한 경우, 표시 제어부(112)에 의해 표시되는 화면을 도시한 것이다. 도 15를 참조하면, 표시 제어부(112)는 사용자가 커서(CS)를 이용하여 폴더(F3)를 클릭한 경우, 폴더(F3)에 포함된 북마크 목록(BL)을 표시한다. 북마크 목록(BL)에는 폴더(F3)에 포함된 복수의 북마크의 아이콘 및 이름을 포함하는 북마크 정보가 표시된다. 북마크 목록(BL)에 표시된 북마크 아이콘은 도 13 및 도14에 도시된 어레이(A3)에 표시된 북마크 아이콘과 동일하다. Fig. 15 shows a screen displayed by the
한편, 본 명세서의 도면들에 표시된 흐름도는 컴퓨터에서 실행될 수 있는 프로그램으로 작성 가능하고, 컴퓨터로 읽을 수 있는 기록매체를 이용하여 상기 프로그램을 동작시키는 범용 디지털 컴퓨터에서 구현될 수 있다. 상기 컴퓨터로 읽을 수 있는 기록매체는 마그네틱 저장매체(예를 들면, 롬, 플로피 디스크, 하드 디스크 등), 광학적 판독 매체(예를 들면, 시디롬, 디브이디 등)와 같은 저장매체를 포함한다.Meanwhile, the flowchart shown in the drawings may be implemented in a general-purpose digital computer that can be created as a program that can be executed by a computer and operates the program using a computer-readable recording medium. The computer-readable recording medium includes a storage medium such as a magnetic storage medium (e.g., ROM, floppy disk, hard disk, etc.), optical reading medium (e.g., CD ROM,
매체는 컴퓨터로 실행 가능한 프로그램을 계속 저장하거나, 실행 또는 다운로드를 위해 임시 저장하는 것일 수도 있다. 또한, 매체는 단일 또는 수개 하드웨어가 결합된 형태의 다양한 기록수단 또는 저장수단일 수 있는데, 어떤 컴퓨터 시스템에 직접 접속되는 매체에 한정되지 않고, 네트워크 상에 분산 존재하는 것일 수도 있다. 매체의 예시로는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등을 포함하여 프로그램 명령어가 저장되도록 구성된 것이 있을 수 있다. 또한, 다른 매체의 예시로, 애플리케이션을 유통하는 앱 스토어나 기타 다양한 소프트웨어를 공급 내지 유통하는 사이트, 서버 등에서 관리하는 기록매체 내지 저장매체도 들 수 있다.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: 입력부
130: 메모리
140: 통신부
150: 표시부
111: 북마크 생성부
112: 표시 제어부 100: bookmark management system
110: Processor
120: Input unit
130: memory
140:
150:
111: bookmark generating unit
112:
Claims (8)
웹페이지 정보 및 상기 웹페이지의 파비콘에 대응되는 대표 색상 정보를 포함하는 북마크 정보를 획득하는 단계; 및
기설정된 형태의 도형을 상기 대표 색상으로 표시한 북마크 아이콘을 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 영역에 표시하는 단계; 를 포함하는
북마크 표시 방법.
A method of displaying a bookmark including web page information,
Obtaining bookmark information including web page information and representative color information corresponding to a favicon of the web page; And
Displaying a bookmark including a bookmark icon displaying a figure of a predetermined type in the representative color in a bookmark display area provided in a web browser; Containing
How to display bookmarks.
상기 북마크 정보는 파비콘 정보를 더 포함하고,
상기 북마크에 대한 사용자 입력이 인식되면, 상기 북마크 아이콘을 상기 파비콘으로 전환하여 표시하는 단계;를 더 포함하는
북마크 표시 방법.
The method according to claim 1,
The bookmark information further includes favicon information,
And if the user input for the bookmark is recognized, switching the bookmark icon to the favicon and displaying
How to display bookmarks.
상기 방법은,
상기 사용자 입력이 해제되면 상기 파비콘을 상기 북마크 아이콘으로 전환하여 표시하는 단계;를 더 포함하는
북마크 표시 방법.
3. The method of claim 2,
The method comprises:
And switching the favicon to the bookmark icon and displaying the favicon when the user input is released
How to display bookmarks.
상기 전환하여 표시하는 단계는, 상기 북마크 아이콘의 투명도 및 크기 중 하나 이상을 변경하는 애니메이션을 적용하여 상기 북마크 아이콘을 상기 파비콘으로 전환하여 표시하는
북마크 표시 방법.
3. The method of claim 2,
The switching and displaying step may include switching the bookmark icon to the favicon by applying an animation to change at least one of transparency and size of the bookmark icon
How to display bookmarks.
상기 북마크는 폴더의 하위레벨에 저장되어 있고,
상기 북마크 표시 영역에 표시하는 단계는, 상기 폴더에 포함된 복수의 북마크의 북마크 아이콘을 기설정된 규칙으로 나열한 북마크 아이콘 어레이를 포함하는 폴더를 표시하는
북마크 표시 방법.
The method according to claim 1,
The bookmark is stored at a lower level of the folder,
The step of displaying in the bookmark display area may include displaying a folder including a bookmark icon array in which bookmark icons of a plurality of bookmarks included in the folder are arranged in a predetermined rule
How to display bookmarks.
상기 폴더에 대한 사용자 입력이 인식되면, 상기 복수의 북마크 아이콘 어레이를 기저장된 폴더 아이콘으로 전환하여 표시하는
북마크 표시 방법.
6. The method of claim 5,
If the user input for the folder is recognized, the plurality of bookmark icon arrays are switched to the pre-stored folder icon for display
How to display bookmarks.
A computer program stored on a medium for carrying out the method of any one of claims 1 to 6 using a computer.
웹페이지 정보 및 상기 웹페이지의 파비콘에 대응되는 대표 색상 정보를 포함하는 북마크 정보를 획득하는 북마크 정보 획득부; 및
기설정된 형태의 도형을 상기 대표 색상으로 표시한 북마크 아이콘을 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 영역에 표시하는 북마크 표시 제어부;를 포함하는
북마크 표시 장치.An apparatus for displaying a bookmark including web page information,
A bookmark information obtaining unit for obtaining bookmark information including web page information and representative color information corresponding to a favicon of the web page; And
And a bookmark display control unit for displaying a bookmark including a bookmark icon displaying the figure of the predetermined form in the representative color in a bookmark display area provided in the web browser
Bookmark display device.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020190007578A KR101967365B1 (en) | 2019-01-21 | 2019-01-21 | Method, Apparatus and Computer program for displaying Bookmark |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020190007578A KR101967365B1 (en) | 2019-01-21 | 2019-01-21 | Method, Apparatus and Computer program for displaying Bookmark |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020170056909A Division KR102057626B1 (en) | 2017-05-04 | 2017-05-04 | Method, Apparatus and Computer program for generating Bookmark, and Method, Apparatus and Computer program for displaying Bookmark. |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20190009822A KR20190009822A (en) | 2019-01-29 |
KR101967365B1 true KR101967365B1 (en) | 2019-04-09 |
Family
ID=65323276
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020190007578A KR101967365B1 (en) | 2019-01-21 | 2019-01-21 | Method, Apparatus and Computer program for displaying Bookmark |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101967365B1 (en) |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101541811B1 (en) * | 2009-12-11 | 2015-08-04 | 삼성전자주식회사 | Apparatus and method for providing bookmark service in communication terminal |
-
2019
- 2019-01-21 KR KR1020190007578A patent/KR101967365B1/en active IP Right Grant
Also Published As
Publication number | Publication date |
---|---|
KR20190009822A (en) | 2019-01-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8386955B1 (en) | User-optimized content for web browsing windows | |
US10353721B2 (en) | Systems and methods for guided live help | |
US20080307308A1 (en) | Creating Web Clips | |
US20090193363A1 (en) | Representing Multiple Computing Resources Within A Predefined Region Of A Graphical User Interface For Displaying A Single Icon | |
EP2491498A1 (en) | A method and apparatus of generating internet navigation page | |
JP2006053926A (en) | System and method of displaying content on compact screen computing device | |
AU2019366869B2 (en) | Dynamically change user interfaces for web applications and associated methods | |
US20110320957A1 (en) | Method and apparatus for analyzing usage patterns and customizing a graphic interface for individual users | |
KR20120054750A (en) | Method and apparatus for selective display | |
CN105528200B (en) | Display method and device of browser tab | |
CN111679818A (en) | Method and system for editing display software | |
CN113568540A (en) | Method, device, equipment and medium for displaying function menu in Web application | |
KR20110028521A (en) | Graphical user interface for non mouse-based activation of links | |
JP2006190253A (en) | Method for evaluating aspect of web page and its device | |
US10241651B2 (en) | Grid-based rendering of nodes and relationships between nodes | |
JP2021163504A (en) | Information processing program, information processing apparatus and information processing method | |
KR101967365B1 (en) | Method, Apparatus and Computer program for displaying Bookmark | |
RU2595920C2 (en) | Browser frame with focusing on website | |
CN117055987A (en) | Webpage display method and device, electronic equipment and computer readable storage medium | |
WO2016086736A1 (en) | Input method based website information providing method and device | |
KR20180122830A (en) | Method, Apparatus and Computer program for generating Bookmark, and Method, Apparatus and Computer program for displaying Bookmark. | |
JP2007157003A (en) | Web page browsing path analysis method | |
CN109492165B (en) | Network searching method and electronic equipment | |
US11921986B1 (en) | System and method for web page navigation behavior | |
CN117789859B (en) | Molecular force field display method, device and medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A107 | Divisional application of patent | ||
A201 | Request for examination | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant |