KR20190009822A - 북마크 표시 방법, 장치 및 컴퓨터 프로그램 - Google Patents

Abstract

본 발명의 일 실시예는 웹페이지 정보 및 상기 웹페이지의 파비콘에 대응되는 대표 색상 정보를 포함하는 북마크 정보를 획득하는 단계; 및 기설정된 형태의 도형을 상기 대표 색상으로 표시한 북마크 아이콘을 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 영역에 표시하는 단계; 를 포함하는 북마크 표시 방법을 개시한다.

Description

북마크 표시 방법, 장치 및 컴퓨터 프로그램{Method, Apparatus and Computer program for displaying Bookmark}

본 발명의 실시예들은 북마크 표시 방법, 장치 및 컴퓨터 프로그램에 관한 것이다.

웹 브라우저에서 제공되는 북마크 기능을 이용하면, 즐겨찾는 웹페이지를 저장하여 언제 어디서나 해당 웹페이지로 빠르게 이동할 수 있는 장점이 있다.

한편, 파비콘(favicon)이란 즐겨찾기(favorites)와 아이콘(icon)의 합성어로, 웹페이지에 접속했을 때 인터넷 웹 브라우저의 주소창에 표시되는 웹페이지를 대표하는 작은 이미지를 의미한다.

본 발명의 실시예들은 북마크의 정보를 사용자에게 시각화하여 제공할 수 있는 북마크 생성 방법, 장치 및 컴퓨터 프로그램, 북마크 표시 방법, 장치 및 컴퓨터 프로그램에 관한 것이다.

본 발명의 일 실시예는 웹페이지 정보를 포함하는 북마크 생성 요청을 입력받는 단계; 상기 웹페이지 정보를 참조하여, 상기 북마크에 대응되는 대표 색상을 결정하는 단계; 및 상기 웹페이지 정보 및 상기 대표 색상 정보를 포함하는 북마크 정보를 생성하는 단계;를 포함하는 북마크 생성 방법을 개시한다.

본 실시예에서 상기 웹페이지 정보를 참조하여 상기 웹페이지의 파비콘을 획득하는 단계;를 더 포함하고, 상기 결정하는 단계는, 상기 파비콘에 대응되는 색상을 상기 대표 색상으로 결정할 수 있다.

본 실시예에서 상기 결정하는 단계는, 상기 파비콘의 이미지에 가장 많이 사용된 색상을 상기 대표 색상으로 결정할 수 있다.

본 실시예에서 상기 결정하는 단계는, 상기 파비콘의 각 픽셀에 사용된 색상을 복수의 클러스터로 분류하고, 상기 복수의 클러스터 중 도미넌트 클러스터를 추출하고, 상기 도미넌트 클러스터에 대응되는 색상을 상기 대표 색상으로 결정할 수 있다.

본 실시예에서 상기 웹페이지 정보를 참조하여, 상기 웹페이지의 파비콘을 호출하는 단계;를 더 포함하고, 상기 결정하는 단계는, 상기 웹페이지의 파비콘 호출에 실패한 경우, 상기 웹페이지에 포함된 색상을 참조하여 상기 대표 색상을 결정할 수 있다.

본 실시예에서 상기 결정하는 단계는, 상기 웹페이지의 상단에서부터 기설정된 높이까지의 영역에 포함된 색상을 참조하여, 상기 대표 색상을 결정할 수 있다.

본 실시예에서 상기 수신하는 단계는, 상기 북마크를 포함하는 폴더 정보를 더 수신하고, 상기 생성하는 단계는, 상기 북마크 정보를 상기 폴더 내에 생성할 수 있다.

본 발명의 다른 실시예는 웹페이지 정보를 포함하는 북마크를 표시하는 방법에 있어서, 웹페이지 정보 및 상기 웹페이지의 파비콘에 대응되는 대표 색상 정보를 포함하는 북마크 정보를 획득하는 단계; 및 기설정된 형태의 도형을 상기 대표 색상으로 표시한 북마크 아이콘을 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 영역에 표시하는 단계; 를 포함하는 북마크 표시 방법을 개시한다.

본 실시예에서 상기 북마크 정보는 파비콘 정보를 더 포함하고, 상기 북마크에 대한 사용자 입력이 인식되면, 상기 북마크 아이콘을 상기 파비콘으로 전환하여 표시하는 단계;를 더 포함할 수 있다.

본 실시예에서 상기 방법은, 상기 사용자 입력이 해제되면 상기 파비콘을 상기 북마크 아이콘으로 전환하여 표시하는 단계;를 더 포함할 수 있다.

본 실시예에서 상기 전환하여 표시하는 단계는, 상기 북마크 아이콘의 투명도 및 크기 중 하나 이상을 변경하는 애니메이션을 적용하여 상기 북마크 아이콘을 상기 파비콘으로 전환하여 표시할 수 있다.

본 실시예에서 상기 북마크는 폴더의 하위레벨에 저장되어 있고, 상기 북마크 표시 영역에 표시하는 단계는, 상기 폴더에 포함된 복수의 북마크의 북마크 아이콘을 기설정된 규칙으로 나열한 북마크 아이콘 어레이를 포함하는 폴더를 표시할 수 있다.

본 실시예에서 상기 폴더에 대한 사용자 입력이 인식되면, 상기 복수의 북마크 아이콘 어레이를 기저장된 폴더 아이콘으로 전환하여 표시할 수 있다.

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

본 발명의 다른 실시예는 웹페이지 정보를 포함하는 북마크 생성 요청을 입력받는 북마크 생성 요청 수신부; 상기 웹페이지 정보를 참조하여, 상기 북마크에 대응되는 대표 색상을 결정하는 대표 색상 결정부; 및 상기 웹페이지 정보 및 상기 대표 색상 정보를 포함하는 북마크 정보를 생성하는 북마크 저장부;를 포함하는 북마크 생성 장치를 개시한다.

본 발명의 다른 실시예는 웹페이지 정보를 포함하는 북마크를 표시하는 장치에 있어서, 웹페이지 정보 및 상기 웹페이지의 파비콘에 대응되는 대표 색상 정보를 포함하는 북마크 정보를 획득하는 북마크 정보 획득부; 및 기설정된 형태의 도형을 상기 대표 색상으로 표시한 북마크 아이콘을 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 영역에 표시하는 북마크 표시 제어부;를 포함하는 북마크 표시 장치를 개시한다.

본 발명의 실시예들에 따른 북마크 생성 방법, 장치 및 컴퓨터 프로그램, 북마크 표시 방법, 장치 및 컴퓨터 프로그램은, 시각화된 북마크 정보를 사용자에게 제공하여 사용자의 편의에 기여한다.

본 발명의 실시예들에 따른 북마크 생성 방법, 장치 및 컴퓨터 프로그램, 북마크 표시 방법, 장치 및 컴퓨터 프로그램은 적은 용량의 데이터로 사용자에게 효과적으로 북마크에 대한 정보를 제공할 수 있으므로, 데이터 처리에 소모되는 리소스가 저감된다.

도 1은 본 발명의 일 실시예에 따른 북마크 관리 시스템(100)의 구성을 나타낸 도면이다.
도 2는 본 발명의 일 실시예에 따른 북마크 관리 방법을 도시한 흐름도이다.
도 3은 본 발명의 일 실시예에 따른 북마크 생성부(111)의 구성을 나타낸 블록도이다.
도 4는 본 발명의 일 실시예에 따른 북마크 생성 방법을 도시한 흐름도이다.
도 5는 본 발명의 일 실시예에 따른 도 2의 대표 색상 결정부(32)의 구성을 나타낸 블록도이다.
도 6은 본 발명의 일 실시예에 따른 북마크 색상 결정 방법을 도시한 흐름도이다.
도 7은 본 발명의 일 실시예에 따른 도 1에 도시된 표시 제어부(112)의 구성을 나타낸 블록도이다.
도 8은 본 발명의 일 실시예에 따른 표시 제어 방법을 도시한 흐름도이다.
도 9는 본 발명의 일 실시예에 따라 북마크의 대표 색상을 결정하는 방법을 설명하기 위한 도면이다.
도 10은 본 발명의 일 실시예에 따라 웹 브라우저에 북마크가 표시된 예를 도시한 도면이다.
도 11은 본 발명의 일 실시예에 따라 북마크의 표시를 전환하는 방법을 설명하기 위한 도면이다.
도 12는 본 발명의 다른 실시예에 따라 웹 브라우저에 북마크가 표시된 예를 도시한 도면이다.
도 13은 본 발명의 일 실시예에 따라 웹 브라우저에 북마크 폴더가 표시된 예를 도시한 도면이다.
도 14는 본 발명의 일 실시예에 따라 폴더의 표시를 전환하는 방법을 설명하기 위한 도면이다.
도 15는 본 발명의 일 실시예에 따른 폴더의 표시를 설명하기 위한 도면이다.

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

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

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

또한 이하에 도시된 블록도들은 편의를 위하여 본 발명의 일 실시예를 설명하기 위해 필요한 구성요소들을 포함하도록 도시된 것이다. 따라서, 도면에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 더 포함될 수 있음은 물론이다.

도 1은 본 발명의 일 실시예에 따른 북마크 관리 시스템(100)의 구성을 나타낸 도면이다.

도 1을 참조하면, 본 발명의 일 실시예에 따른 북마크 관리 시스템(100)은 웹 브라우저에서 사용 가능한 북마크 기능을 제공하며, 프로세서(110), 입력부(120), 메모리(130), 통신부(140) 및 표시부(150)를 포함한다.

프로세서(110)는 기본적인 산술, 로직 및 입출력 연산을 수행함으로써, 컴퓨터 프로그램의 명령을 처리하도록 구성될 수 있다. 예를 들어, 프로세서(110)는 메모리(130)와 같은 기록 장치에 저장된 프로그램 코드에 따라 명령을 실행하도록 구성될 수 있다. 예를 들어 프로세서(110)는 프로그램 내에 포함된 코드 또는 명령으로 표현된 기능을 수행하기 위해 물리적으로 구조화된 회로를 갖는, 하드웨어에 내장된 데이터 처리 장치를 의미할 수 있다. 이와 같이 하드웨어에 내장된 데이터 처리 장치의 일 예로써, 마이크로프로세서(microprocessor), 중앙처리장치(central processing unit: CPU), 프로세서 코어(processor core), 멀티프로세서(multiprocessor), ASIC(application-specific integrated circuit), FPGA(field programmable gate array) 등의 처리 장치를 망라할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다. 이에 따라, 프로세서(110)는 마이크로 프로세서나 범용 컴퓨터 시스템과 같은 다른 하드웨어 장치에 포함된 형태로 구동될 수 있다.

입력부(120)는 사용자로부터 데이터를 입력받는다. 입력부(120)는 예를 들어, 키보드, 마우스, 트랙볼, 마이크, 터치패널, 버튼, 카메라, 제스쳐 인식 센서 중 적어도 하나일 수 있으나, 이에 한정하지 않는다.

메모리(130)는 북마크 관리 시스템(100)이 처리하는 데이터를 일시적으로 또는 영구적으로 저장하는 기능을 수행한다. 메모리(130)는 자기 저장 매체(magnetic storage media) 또는 플래시 저장 매체(flash storage media)를 포함할 수 있으나, 본 발명의 범위가 이에 한정되는 것은 아니다.

통신부(140)는 네트워크를 통해 북마크 관리 시스템(100)이 외부 장치와 통신하기 위한 기능을 제공한다.

표시부(150)는 화면을 표시하는 디스플레이장치를 포함한다.

도 1에서 입력부(120)와 표시부(150)가 분리된 것으로 도시되었으나, 이는 설명의 편의를 위한 것이므로, 입력부(120)와 표시부(150)는 터치스크린과 같이 일체형으로 구비되어도 무방하다.

본 발명의 일 실시예에 따르면, 프로세서(110)는 웹 브라우저에서 사용 가능한 북마크 기능을 제공한다. 북마크 기능은 웹 브라우저에서 사용자가 웹사이트 정보(예컨대, 웹사이트의 URL)를 저장하는 기능을 의미한다. 북마크 기능을 이용하면 사용자는 주소 창이 일일이 URL을 입력하지 않고 바로 해당 북마크를 선택하는 것만으로도 사용자가 원하는 웹사이트에 바로 접속할 수 있다. 또 웹사이트의 URL이 기억나지 않더라도 해당 웹사이트의 북마크를 선택하여 접속할 수 있다. 프로세서(110)는 북마크 생성부(111) 및 표시 제어부(112)를 포함한다. 북마크 생성부(111)는 사용자로부터 북마크 생성 요청을 받아 북마크를 생성하고, 생성된 북마크를 메모리(130)에 저장하거나 통신부(140)를 통해 외부 장치에 전송할 수 있다. 표시 제어부(112)는 메모리(130)에 저장된 북마크를 독출하거나 통신부(140)를 통해 외부 장치로부터 북마크를 수신하여, 북마크를 웹 브라우저에 표시한다.

도 2는 본 발명의 일 실시예에 따른 북마크 관리 방법을 도시한 흐름도이다. 도 2에 도시된 흐름도는 도 1에 도시된 프로세서(110)에서 시계열적으로 처리되는 단계들로 구성된다. 이하에서 생략된 내용이라 하더라도 도 1에서 도시된 구성들에 관하여 이상에서 기술된 내용이 도 2에 도시된 흐름도에 적용될 수 있다.

도 2를 참조하면, 단계 S21에서 도 1의 북마크 생성부(111)는 사용자로부터 북마크 생성 요청을 받아 북마크를 생성하고, 생성된 북마크를 메모리(130)에 저장하거나 통신부(140)를 통해 외부 장치에 전송할 수 있다.

단계 S22에서 도 1의 표시 제어부(112)는 메모리(130)에 저장된 북마크를 독출하거나 통신부(140)를 통해 외부 장치로부터 북마크를 수신하여, 북마크를 웹 브라우저에 표시한다.

도 3은 본 발명의 일 실시예에 따른 북마크 생성부(111)의 구성을 나타낸 블록도이다.

본 발명의 일 실시예에 따른 북마크 생성부(111)는 프로세서(processor)와 같이 데이터를 처리할 수 있는 모든 종류의 장치에 해당할 수 있다. 예를 들어, 북마크 생성부(111)는 적어도 하나 이상의 프로세서(processor)에 해당하거나, 적어도 하나 이상의 프로세서를 포함할 수 있다.

도 3을 참조하면, 본 발명의 일 실시예에 따른 북마크 생성부(111)는 북마크 생성 요청 수신부(31), 대표 색상 결정부(32) 및 북마크 저장부(33)를 포함한다.

본 발명의 일 실시예에 따른 북마크 생성 요청 수신부(31)는 웹페이지 정보를 포함하는 북마크 생성 요청을 사용자로부터 입력받는다. 사용자 입력은 도 1에 도시된 입력부(120)를 통해 수신될 수 있다. 사용자는 웹사이트 정보를 포함하는 북마크를 저장해두었다가, 이후에 URL을 직접 입력하지 않고서도 저장된 북마크를 선택함으로써 해당 웹사이트에 접속할 수 있다. 북마크 생성 요청은, 북마크의 대상이 되는 웹페이지의 정보, 예컨대 URL 주소를 포함한다. 사용자가 특정 웹페이지에 접속한 상태에서 북마크 생성 요청을 입력하는 경우, 접속된 특정 웹페이지의 URL 주소가 북마크 생성 요청에 포함될 수 있다. 북마크 생성 요청은, 북마크의 이름을 더 포함할 수 있다 북마크 생성 요청은, 북마크를 저장할 폴더 정보를 더 포함할 수 있다.

본 발명의 일 실시예에 따른 대표 색상 결정부(32)는 북마크 생성 요청에 포함된 웹페이지 정보를 참조하여, 북마크에 대응되는 대표 색상을 결정한다. 북마크의 대표 색상은 북마크를 나타낼 수 있는 단일 색상 혹은 복수의 색상의 조합이며, 사용자가 북마크의 대표 색상을 보고 북마크의 웹페이지를 떠올릴 수 있도록, 대표 색상 결정부(32)는 웹페이지와 연관된 색상을 북마크의 대표 색상으로 결정한다.

본 발명의 일 실시예에 따르면, 대표 색상 결정부(32)는 웹페이지 정보를 참조하여, 웹페이지의 파비콘을 획득하고, 파비콘에 대응되는 색상을 북마크의 대표 색상으로 결정한다. 파비콘(favicon)이란, 웹 사이트나 웹페이지를 대표하는 아이콘으로, 웹 브라우저의 주소창 또는 상단 탭에 표시될 수 있다. 파비콘은 16x16픽셀의 작은 사이즈의 이미지일 수 있다.

본 발명의 일 실시예에 따른 북마크 저장부(33)는 북마크 생성 요청 수신부(31)가 수신한 북마크 생성 요청과 대표 색상 결정부(32)가 결정한 대표 색상을 참조하여, 북마크를 생성 및 저장한다. 북마크 저장부(33)는 생성된 북마크를 메모리(130)에 저장하거나, 외부 서버에 저장하기 위하여 외부 서버에 전송한다. 북마크 저장부(33)는 웹페이지 정보 및 대표 색상 정보를 포함하는 북마크 정보를 생성할 수 있다. 북마크 저장부(33)는 웹페이지 정보 및 대표 색상 정보를 포함하는 북마크 정보를 생성할 수 있다. 북마크 저장부(33)는 파비콘 정보를 더 포함하는 북마크 정보를 생성할 수 있다. 북마크 생성 요청 대상 웹페이지의 파비콘이 없는 경우, 북마크 정보는 기저장된 기본(default) 아이콘을 파비콘으로써 포함할 수 있다.

본 발명의 일 실시예에 따른 북마크 저장부(33)는 대표 색상 정보를 저장함에 있어서, 대표 색상 자체의 정보를 저장할 수도 있고, 대표 색상을 포함하는 이미지의 정보를 저장할 수도 있다. 이미지의 정보는 예컨대 대표 색상으로 표시된 기설정된 형태의 도형 정보일 수 있다. 각각의 경우에 따라 저장에 필요한 메모리 용량 및 데이터의 해상도가 달라질 수 있으므로, 본 발명의 실시 환경에 따라 북마크 저장부(33)는 적절한 저장 방식을 선택할 수 있다. 한편, 전술한 기설정된 형태의 도형은, 파비콘보다 작은 사이즈일 수 있다.

본 발명의 일 실시예에 따르면, 북마크 생성 요청 수신부(31)는 웹페이지 정보 및 북마크를 저장할 폴더 정보를 포함하는 북마크 생성 요청을 수신한다. 이 경우 대표 색상 결정부(32)는 전술한 일 실시예에 따라 웹페이지 정보로부터 북마크 대표 색상을 결정한다. 그리고 북마크 저장부(33)는 웹페이지 정보 및 대표 색상 정보를 포함하는 북마크 정보를 생성하여, 북마크 생성 요청에 포함된 폴더 정보에 따라 해당 폴더 내에 북마크 정보를 저장한다. 예를 들어, 사용자는 특정 포털 사이트에 대한 북마크 생성 요청을 입력하면서, "포털"이라는 폴더 정보를 함께 입력할 수 있고, 북마크 저장부(33)는 사용자에 의해 입력된 특정 포털 사이트에 대한 북마크를 "포털"이라는 폴더 내에 생성할 수 있다.

도 4는 본 발명의 일 실시예에 따른 북마크 생성 방법을 도시한 흐름도이다.

도 4에 도시된 흐름도는 도 3에 도시된 북마크 생성부(111)에서 시계열적으로 처리되는 단계들로 구성된다. 따라서 이하에서 생략된 내용이라 하더라도, 도 3에서 도시된 구성들에 관하여 이상에서 기술된 내용이 도 4에 도시된 흐름도에 적용될 수 있다.

도 4를 참조하면, 단계 S41에서 도 3의 북마크 생성 요청 수신부(31)는 웹페이지 정보를 포함하는 북마크 생성 요청을 수신한다.

단계 S42에서 도 3의 대표 색상 결정부(32)는 단계 S41에서 수신된 북마크 생성 요청에 포함된 웹페이지 정보를 참조하여, 북마크에 대응되는 대표 색상을 결정한다.

단계 S43에서 도 3의 북마크 저장부(33)는 단계 S41에서 수신된 웹페이지 정보 및 단계 S42에서 결정된 북마크 대표 색상의 정보를 포함하는 북마크를 생성한다.

도 5는 본 발명의 일 실시예에 따른 도 2의 대표 색상 결정부(32)의 구성을 나타낸 블록도이다.

도 5를 참조하면, 일 실시예에 따른 대표 색상 결정부(32)는 파비콘 획득부(51) 및 대표 색상 추출부(52)를 포함한다.

본 발명의 일 실시예에 따른 파비콘 획득부(51)는 웹페이지 정보를 참조하여 웹페이지의 파비콘을 호출한다. 파비콘 획득부(51)는 웹페이지의 파비콘을 획득하기 위하여 웹페이지의 URL의 하위 주소를 호출할 수 있다. 예를 들어, 파비콘 획득부(51)는 웹페이지의 URL 후단에 "/favicon.ico"을 부가한 주소를 호출하여 웹페이지의 파비콘을 획득한다.

대표 색상 추출부(52)는 파비콘에 대응되는 색상을 북마크의 대표 색상으로 결정할 수 있다. 예를 들어, 대표 색상 추출부(52)는 웹페이지의 파비콘에 가장 많이 사용된 색상을 북마크의 대표 색상으로 결정한다. 다만, 파비콘으로부터 대표 색상을 결정하는 방법은 이에 한정하지 않는다. 예를 들어, 대표 색상 추출부(52)는 파비콘의 각 픽셀에 사용된 색상을 복수의 클러스터로 분류하고, 복수의 클러스터 각각의 빈도에 따라 도미넌트 클러스터를 결정하고, 도미넌트 클러스터에 대응되는 색상을 대표 색상으로 결정할 수 있다.

한편, 대표 색상 추출부(52)는 파비콘 획득부(51)가 웹페이지의 파비콘 호출에 실패한 경우, 웹페이지 자체에 포함된 색상을 참조하여, 웹페이지를 대표할 수 있는 색상을 추출한 결과에 따라 북마크의 대표 색상을 결정할 수 있다. 예를 들어, 대표 색상 추출부(52)는 웹페이지에 포함된 색상 중 가장 많이 사용된 색상을 북마크의 대표 색상으로 결정한다. 또는 대표 색상 추출부(52)는 웹페이지에 포함된 색상을 복수의 클러스터로 분류하고, 복수의 클러스터 각각의 빈도에 따라 도미넌트 클러스터를 결정하고, 도미넌트 클러스터에 대응되는 색상을 대표 색상으로 결정한다.

다른 예를 들면, 대표 색상 추출부(52)는 웹페이지의 상단에서부터 기설정된 높이까지의 영역에 포함된 색상을 참조하여 북마크의 대표 색상을 결정한다. 웹페이지를 대표할 수 있는 색상은 웹페이지의 상단에 표시되는 배너, 아이콘 등에 포함되어 있는 경우가 많다. 또한 사용자의 관점에서도 웹페이지의 상단에 표시되는 요소들로 인해 웹페이지를 식별하는 경우가 많다. 따라서 대표 색상 추출부(52)는 웹페이지의 상단에서부터 기설정된 높이까지의 영역에 포함된 색상을 참조하여 북마크의 대표 색상을 결정할 수 있다. 예를 들어 대표 색상 추출부(52)는 웹페이지의 상단에서부터 기설정된 높이까지의 영역에 포함된 색상 중 가장 많이 사용된 색상을 북마크의 대표 색상으로 결정한다. 다른 예를 들면 대표 색상 추출부(52)는 웹페이지의 상단에서부터 기설정된 높이까지의 영역에 포함된 색상을 복수의 클러스터로 분류하고, 복수의 클러스터 각각의 빈도에 따라 도미넌트 클러스터를 결정하고, 도미넌트 클러스터에 대응되는 색상을 대표 색상으로 결정한다. 기설정된 높이는 테스트를 거쳐 관리자에 의해 미리 입력되어 저장된 값일 수 있으나 이에 한정하지 않는다.

본 발명의 일 실시예에 따르면, 대표 색상 추출부(52)는 웹페이지의 파비콘 호출에 실패한 경우, 기설정된 기본(default) 색상을 북마크의 대표 색상으로 결정할 수 있다.

도 6은 본 발명의 일 실시예에 따른 북마크 색상 결정 방법을 도시한 흐름도이다.

도 6에 도시된 흐름도는 도 5에 도시된 대표 색상 결정부(32)에서 시계열적으로 처리되는 단계들로 구성된다. 따라서 이하에서 생략된 내용이라 하더라도, 도 5에서 도시된 구성들에 관하여 이상에서 기술된 내용이 도 6에 도시된 흐름도에 적용될 수 있다.

도 6을 참조하면, 단계 S61에서 파비콘 획득부(51)는 사용자로부터 수신된 북마크 생성 요청에 포함된 웹페이지 정보를 참조하여 웹페이지의 파비콘을 호출한다.

단계 S62에서, 파비콘 획득부(51)는 단계 S61에서 파비콘 획득에 성공하였는지 여부에 따라 어느 단계로 진행할 것인지를 결정한다. 파비콘 획득에 성공한 경우 단계 S63으로 진행하고, 실패한 경우 단계 S64로 진행한다.

단계 S63에서 대표 색상 추출부(52)는 파비콘에 대응되는 색상을 북마크에 대응되는 대표 색상으로 결정한다.

단계 S64에서 대표 색상 추출부(52)는 웹페이지에 포함된 색상을 참조하여, 북마크에 대응되는 대표 색상을 결정한다.

도 7은 본 발명의 일 실시예에 따른 도 1에 도시된 표시 제어부(112)의 구성을 나타낸 블록도이다.

도 7을 참조하면, 본 발명의 일 실시예에 따른 표시 제어부(112)는 북마크 정보 획득부(71) 및 북마크 표시 제어부(72)를 포함한다. 표시 제어부(112)는 사용자가 지정한 웹페이지 정보를 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 공간에 표시한다.

본 발명의 일 실시예에 따른 북마크 정보 획득부(71)는 하나 이상의 북마크 정보를 포함하는 북마크 목록을 획득한다. 북마크 정보 획득부(71)는 메모리(130)에 저장된 북마크 목록을 획득하거나, 외부 장치에 저장된 북마크 목록을 통신부(140)를 통해 획득한다. 북마크 목록에 포함된 각 북마크 정보는 웹페이지 정보, 파비콘 정보, 및 대표 색상 정보를 포함한다. 대표 색상은 전술한 것과 같이 파비콘에 대응되는 색상이거나, 파비콘이 없는 경우 웹페이지에 대응되는 색상일 수 있다. 북마크 정보 획득부(71)는 하나 이상의 북마크 정보 및 폴더 정보를 포함하는 북마크 목록을 획득할 수 있다. 폴더 정보는, 폴더 이름 및 폴더의 하위 레벨에 저장된 하나 이상의 북마크 정보를 포함한다.

본 발명의 일 실시예에 따른 북마크 표시 제어부(72)는 기설정된 형태의 도형을 대표 색상으로 표시한 북마크 아이콘을 웹 브라우저에 마련된 북마크 표시 영역에 표시한다. 기설정된 형태의 도형은 원형일 수 있으나, 이에 한정하지 않는다. 바람직한 실시예에 따르면, 복수의 북마크 아이콘은 동일한 형태의 도형으로 표시될 수 있으나, 이에 한정하지 않는다. 북마크 표시 제어부(72)는 북마크 아이콘과 북마크 이름을 나란히 표시할 수 있다. 북마크 표시 제어부(72)는 복수의 북마크를 나열하여 표시할 수 있다. 북마크 표시 제어부(72)는 북마크 아이콘과 북마크 이름을 나란히 표시한 복수의 북마크를 나열하여 표시할 수 있다. 북마크 표시 제어부(72)는 복수의 북마크의 북마크 아이콘만을 나열하여 표시하고, 각 북마크의 이름을 표시하지 않을 수 있다.

본 발명의 일 실시예에 따르면, 북마크 표시영역에 표시되는 북마크 아이콘은 사용자 입력에 따라 표시가 전환될 수 있다. 예를 들어, 북마크 표시 제어부(72)는 북마크 아이콘에 대한 사용자 입력이 인식되면, 북마크 아이콘을 파비콘으로 전환하여 표시할 수 있다. 이하에서, 북마크 아이콘에 대한 사용자 입력이란, 북마크 아이콘이 표시된 영역에 대한 사용자 입력에 한정되는 것이 아니고, 예컨대 북마크 아이콘 및 북마크 이름을 포함하는 북마크가 표시된 영역에 대한 사용자 입력을 모두 포함하는 것이다. 사용자 입력은 북마크 아이콘에 대한 마우스 오버(over)일 수 있으나, 이에 한정하지 않는다. 북마크 표시 제어부(72)는 북마크 아이콘에 대한 사용자 입력이 해제되면 파비콘을 다시 북마크 아이콘으로 전환하여 표시할 수 있다. 이에 따르면, 북마크 표시 제어부(72)는 기본적으로 기설정된 도형으로 단순화되고 통일화된 북마크 아이콘을 제공하지만, 사용자의 요청에 따라 원본 파비콘을 추가 정보로써 제공한다.

북마크 표시 제어부(72)는 북마크 아이콘을 파비콘으로 전환하는 과정에서, 애니메이션을 적용할 수 있다. 예를 들어, 북마크 표시 제어부(72)는 북마크 아이콘의 투명도 및 크기 중 하나 이상을 변경하는 애니메이션을 적용하여 북마크 아이콘을 파비콘으로 전환한다. 예를 들어, 북마크 표시 제어부(72)는 북마크 아이콘의 투명도 및 크기 중 하나 이상을 증가시키는 애니메이션을 적용하고, 파비콘의 투명도 및 크기 중 하나 이상을 감소시키는 애니메이션을 적용하여, 북마크 아이콘으로부터 파비콘으로의 표시 전환을 자연스럽게 구현할 수 있다. 예를 들어, 북마크 표시 제어부(72)는 북마크 아이콘의 크기를 증가시키는 애니메이션을 적용한 후 북마크 아이콘을 파비콘으로 변경하여 표시할 수 있다. 일 예에 따르면 북마크 아이콘은 파비콘에서 추출된 북마크 대표 색상으로 표시되므로, 이러한 애니메이션에 따르면 북마크 아이콘이 확장되어 파비콘으로 변화되는 것과 같은 표시 효과를 달성할 수 있다.

북마크 표시 제어부(72)는 북마크 표시영역에 폴더를 표시할 수 있다. 북마크 표시 제어부(72)는 북마크를 표시할 때 북마크 아이콘을 표시하는 것에 대응하여, 폴더를 표시할 때 해당 폴더에 포함된 북마크의 아이콘들을 나열하여 표시할 수 있다. 예를 들어, 북마크 표시 제어부(72)는 폴더에 포함된 복수의 북마크의 북마크 아이콘을 기설정된 규칙으로 나열하는 북마크 아이콘 어레이를 표시할 수 있다.

기설정된 규칙은, 북마크 아이콘을 나열하는 순서에 관한 것일 수 있다. 예를 들어, 북마크 표시 제어부(72)는 폴더에 포함된 북마크가 리스팅된 순서와 동일한 순서로, 각 북마크 아이콘을 나열할 수 있다. 북마크 표시 제어부(72)는 폴더에 포함된 북마크의 개수와 무관하게 기설정된 개수의 북마크 아이콘을 나열하여 표시할 수 있다. 만약 폴더에 포함된 북마크의 개수가 기설정된 개수보다 많은 경우, 북마크 표시 제어부(72)는 폴더에 리스팅된 북마크 중 기설정된 개수의 상위 북마크의 아이콘을 나열하여 표시할 수 있다. 만약 폴더에 포함된 북마크의 개수가 기설정된 개수 미만인 경우, 북마크 표시 제어부(72)는 폴더에 리스팅된 북마크의 아이콘을 여러 번 표시하여 기설정된 개수의 북마크 아이콘을 표시할 수 있다. 또는 북마크 표시 제어부(72)는 폴더에 리스팅된 북마크 아이콘을 한번씩 표시하고, 기저장된 기본(default) 색상의 북마크 아이콘을 더 표시함으로써, 총 기설정된 개수의 북마크 아이콘을 표시할 수 있다.

북마크 표시 제어부(72)는 전술한 북마크 아이콘 어레이에 대한 사용자 입력이 인식되면, 북마크 아이콘 어레이의 표시를 기저장된 폴더 아이콘으로 전환하여 표시할 수 있다.

도 8은 본 발명의 일 실시예에 따른 표시 제어 방법을 도시한 흐름도이다.

도 8에 도시된 흐름도는 도 7에 도시된 표시 제어부(112)에서 시계열적으로 처리되는 단계들로 구성된다. 따라서 이하에서 생략된 내용이라 하더라도, 도 7에서 도시된 구성들에 관하여 이상에서 기술된 내용이 도 8에 도시된 흐름도에 적용될 수 있다.

도 8을 참조하면, 단계 S81에서 북마크 표시 제어부(72)는 기설정된 형태의 도형을 북마크 대표 색상으로 표시한 북마크 아이콘을 웹 브라우저의 북마크 표시 영역에 표시한다.

단계 S82에서 북마크 표시 제어부(72)는 단계 S81에서 표시된 북마크 아이콘에 대한 사용자 입력을 인식한다

단계 S83에서 북마크 표시 제어부(72)는 단계 S82의 인식에 대응하여 북마크 아이콘을 파비콘으로 전환하여 표시한다.

도 9는 본 발명의 일 실시예에 따라 북마크의 대표 색상을 결정하는 방법을 설명하기 위한 도면이다.

도 9를 참조하면, 사용자가 북마크로 등록하고자 지정한 웹페이지의 파비콘(P)이 도시되었다. 도 9에 도시된 파비콘(P)은 제1 색상(C1)과 제2 색상(C2)을 포함한다. 도 9의 예에서, 북마크 대표 색상은 파비콘(P)에 가장 많이 사용된 제1 색상(C1)으로 결정될 수 있다. 도 9의 우측에는, 기설정된 형태의 도형을 북마크의 대표 색상인 제1 색상(C1)으로 표시한 북마크 아이콘(i)의 예가 도시되었다.

도 10은 본 발명의 일 실시예에 따라 웹 브라우저에 북마크가 표시된 예를 도시한 도면이다.

도 10을 참조하면, 웹 브라우저(WB)의 북마크 표시영역(BB)에 2개의 북마크가 표시된 예가 도시되었다. 도 10에서 북마크 표시영역(BB)에는 제1 북마크(B1) 및 제2 북마크(B2)가 표시되었다. 도 10을 참조하면, 제1 북마크(B1)는 제1 북마크의 아이콘(i1) 및 제1 북마크의 이름(n1)을 포함하고, 제2 북마크(B2)는 제2 북마크의 아이콘(i2) 및 제2 북마크의 이름(n2)을 포함하도록 표시되었다.

도 11은 본 발명의 일 실시예에 따라 북마크의 표시를 전환하는 방법을 설명하기 위한 도면이다.

도 11은 도 10에 표시된 웹 브라우저(WB)의 일부를 확대하여 표시한 것이다. 도 11을 참조하면, 본 발명의 일 실시예에 따른 표시 제어부(112)는 아이콘(i2)과 이름(n2)을 함께 표시한 제2 북마크(B2)가 표시된 상태에서, 제2 북마크(B2)에 대한 사용자 입력이 인식되면, 북마크 아이콘(i2)을 파비콘(p2)으로 전환하여 표시한다. 도 11에서 사용자 입력은 커서(CS)가 제2 북마크(B2)가 표시된 영역에 마우스 오버(over)되는 예로 도시되었다.

일 실시예에 따른 표시 제어부(112)는 파비콘이 없는 북마크에 대하여 사용자 입력이 인식되면, 북마크 아이콘을 파비콘 대신 기설정된 도형으로 전환하여 표시할 수 있다. 한편, 파비콘이 없는 북마크의 경우에는, 기본 색상으로 표시된 기설정된 도형이 북마크 아이콘으로써 표시될 것이다.

도 12는 본 발명의 다른 실시예에 따라 웹 브라우저에 북마크가 표시된 예를 도시한 도면이다.

도 12를 참조하면, 본 발명의 다른 실시예에 따른 표시 제어부(112)는 북마크 표시 영역(BB)에 복수의 북마크 아이콘만을 나열하여 복수의 북마크의 정보를 사용자에게 표시한다. 도 12를 참조하면, 표시 제어부(112)는 시각적으로 일관성 있는 북마크 표시를 제공한다. 각 북마크 아이콘은, 해당 북마크의 웹 사이트의 파비콘 또는 웹사이트 자체를 기초로 하여 결정된 색상으로 표시되므로, 사용자는 북마크의 아이콘만 보고서도 해당 북마크를 식별할 수 있다. 표시 제어부(112)는 도 12에 도시된 것과 같이 일관성 있는 북마크 표시를 제공하는 동시에, 사용자가 각 북마크를 식별할 수 있도록 하며, 또한 북마크 아이콘만 표시함으로써 한정된 크기의 북마크 표시 영역(BB)에 더 많은 북마크 정보를 제공할 수 있다. 한편, 도 12와 같이 북마크 아이콘만 나열된 상태에서도, 본 발명의 일 실시예에 따른 표시 제어부(112)는 북마크 아이콘에 대한 사용자 입력이 인식되면 해당 북마크 아이콘을 파비콘으로 전환하여 표시할 수 있다.

도 13은 본 발명의 일 실시예에 따라 웹 브라우저에 북마크 폴더가 표시된 예를 도시한 도면이다.

도 13을 참조하면, 본 발명의 일 실시예에 따른 표시 제어부(112)는 웹 브라우저(WB)의 북마크 표시 영역(BB)에 폴더(F3)를 표시한다. 폴더(F3)는 복수의 북마크 정보의 목록을 포함한다. 도 13을 참조하면, 표시 제어부(112)는 폴더(F3)의 이름(n3)과 폴더(F3)에 포함된 복수의 북마크의 아이콘들을 나열한 어레이(A3)를 함께 표시한다. 한편, 도 13을 참조하면, 어레이(A3)는 폴더(F3)에 포함된 북마크의 개수와 무관하게 항상 기설정된 개수의 북마크 아이콘을 표시할 수 있다.

일 실시예에 따르면, 어레이(A3)는 파비콘에 대응되는 대표 색상으로 표시된 북마크 아이콘들만을 나열할 수 있다. 즉, 파비콘 호출에 실패하여 기본 색상으로 표시되는 북마크 아이콘은 어레이(A3)에 표시되지 않는다.

일 실시예에 따르면, 어레이(A3)는 폴더(F3)에 포함된 북마크의 수가 어레이(A3)에 표시할 기설정된 아이콘 수보다 적은 경우, 폴더(F3)에 포함된 북마크의 아이콘을 여러 번 표시하여 어레이(A3)에 기설정된 수 만큼의 북마크 아이콘이 표시되도록 한다. 예를 들어, 폴더(F3)에 2개의 북마크가 포함되고, 어레이(A3)에 표시할 아이콘 수가 4개로 기설정된 경우, 표시 제어부(112)는 폴더(F3)에 포함된 북마크의 아이콘 각각을 2개씩 어레이(A3)에 표시함으로써, 어레이(A3)에 총 4개의 북마크 아이콘을 표시한다.

일 실시예에 따르면, 어레이(A3)는 폴더(F3)에 포함된 북마크의 수가 어레이(A3)에 표시할 기설정된 아이콘 수보다 많은 경우, 표시 제어부(112)는 폴더(F3)에 포함된 북마크 중 기설정된 수 만큼의 북마크를 선정하여, 선정된 북마크 아이콘을 나열하는 어레이(A3)를 표시한다. 북마크 선정 기준은, 폴더(F3)에 포함된 북마크의 리스팅 순서에 따르거나, 사용자의 북마크 선택 횟수, 북마크에 대응되는 웹페이지의 방문 횟수에 따를 수 있다. 북마크의 리스팅 순서는 사용자에 의해 설정되거나, 북마크 명칭, 북마크 생성 시점 등에 따라 기설정된 규칙에 의해 자동으로 결정될 수 있다.

도 14는 본 발명의 일 실시예에 따라 폴더의 표시를 전환하는 방법을 설명하기 위한 도면이다.

도 14은 도 13에 표시된 웹 브라우저(WB)의 일부를 확대하여 표시한 것이다. 도 14를 참조하면, 본 발명의 일 실시예에 따른 표시 제어부(112)는 복수의 북마크 아이콘을 포함하는 어레이(A3)와 폴더의 이름(n3)을 함께 표시한 폴더(F3)가 표시된 상태에서, 폴더(F3)에 대한 사용자 입력이 인식되면, 어레이(A3)를 폴더 아이콘(i3)으로 전환하여 표시한다. 폴더 아이콘(i3)은 기저장된 이미지일 수 있다. 도 14에서 사용자 입력은 커서(CS)가 폴더(F3)가 표시된 영역에 마우스 오버(over)되는 예로 도시되었다.

도 15는 본 발명의 일 실시예에 따른 폴더의 표시를 설명하기 위한 도면이다.

도 15는 도 14에 표시된 폴더(F3)를 사용자가 선택(예를 들어, 클릭일 수 있다.)한 경우, 표시 제어부(112)에 의해 표시되는 화면을 도시한 것이다. 도 15를 참조하면, 표시 제어부(112)는 사용자가 커서(CS)를 이용하여 폴더(F3)를 클릭한 경우, 폴더(F3)에 포함된 북마크 목록(BL)을 표시한다. 북마크 목록(BL)에는 폴더(F3)에 포함된 복수의 북마크의 아이콘 및 이름을 포함하는 북마크 정보가 표시된다. 북마크 목록(BL)에 표시된 북마크 아이콘은 도 13 및 도14에 도시된 어레이(A3)에 표시된 북마크 아이콘과 동일하다.

한편, 본 명세서의 도면들에 표시된 흐름도는 컴퓨터에서 실행될 수 있는 프로그램으로 작성 가능하고, 컴퓨터로 읽을 수 있는 기록매체를 이용하여 상기 프로그램을 동작시키는 범용 디지털 컴퓨터에서 구현될 수 있다. 상기 컴퓨터로 읽을 수 있는 기록매체는 마그네틱 저장매체(예를 들면, 롬, 플로피 디스크, 하드 디스크 등), 광학적 판독 매체(예를 들면, 시디롬, 디브이디 등)와 같은 저장매체를 포함한다.

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

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

100: 북마크 관리 시스템
110: 프로세서
120: 입력부
130: 메모리
140: 통신부
150: 표시부
111: 북마크 생성부
112: 표시 제어부

Claims (8)

1. 웹페이지 정보를 포함하는 북마크를 표시하는 방법에 있어서,
   웹페이지 정보 및 상기 웹페이지의 파비콘에 대응되는 대표 색상 정보를 포함하는 북마크 정보를 획득하는 단계; 및
   기설정된 형태의 도형을 상기 대표 색상으로 표시한 북마크 아이콘을 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 영역에 표시하는 단계; 를 포함하는
   북마크 표시 방법.
   
2. 제1 항에 있어서,
   상기 북마크 정보는 파비콘 정보를 더 포함하고,
   상기 북마크에 대한 사용자 입력이 인식되면, 상기 북마크 아이콘을 상기 파비콘으로 전환하여 표시하는 단계;를 더 포함하는
   북마크 표시 방법.
   
3. 제2 항에 있어서,
   상기 방법은,
   상기 사용자 입력이 해제되면 상기 파비콘을 상기 북마크 아이콘으로 전환하여 표시하는 단계;를 더 포함하는
   북마크 표시 방법.
   
4. 제2 항에 있어서,
   상기 전환하여 표시하는 단계는, 상기 북마크 아이콘의 투명도 및 크기 중 하나 이상을 변경하는 애니메이션을 적용하여 상기 북마크 아이콘을 상기 파비콘으로 전환하여 표시하는
   북마크 표시 방법.
   
5. 제1 항에 있어서,
   상기 북마크는 폴더의 하위레벨에 저장되어 있고,
   상기 북마크 표시 영역에 표시하는 단계는, 상기 폴더에 포함된 복수의 북마크의 북마크 아이콘을 기설정된 규칙으로 나열한 북마크 아이콘 어레이를 포함하는 폴더를 표시하는
   북마크 표시 방법.
   
6. 제5 항에 있어서,
   상기 폴더에 대한 사용자 입력이 인식되면, 상기 복수의 북마크 아이콘 어레이를 기저장된 폴더 아이콘으로 전환하여 표시하는
   북마크 표시 방법.
   
7. 컴퓨터를 이용하여 제1 항 내지 제6 항 중 어느 한 항의 방법을 실행하기 위하여 매체에 저장된 컴퓨터 프로그램.
   
8. 웹페이지 정보를 포함하는 북마크를 표시하는 장치에 있어서,
   웹페이지 정보 및 상기 웹페이지의 파비콘에 대응되는 대표 색상 정보를 포함하는 북마크 정보를 획득하는 북마크 정보 획득부; 및
   기설정된 형태의 도형을 상기 대표 색상으로 표시한 북마크 아이콘을 포함하는 북마크를 웹 브라우저에 마련된 북마크 표시 영역에 표시하는 북마크 표시 제어부;를 포함하는
   북마크 표시 장치.

Images