KR101999340B1 - 웹 브라우징 인터페이스 제공 방법 및 장치 - Google Patents

웹 브라우징 인터페이스 제공 방법 및 장치 Download PDF

Info

Publication number
KR101999340B1
KR101999340B1 KR1020170052550A KR20170052550A KR101999340B1 KR 101999340 B1 KR101999340 B1 KR 101999340B1 KR 1020170052550 A KR1020170052550 A KR 1020170052550A KR 20170052550 A KR20170052550 A KR 20170052550A KR 101999340 B1 KR101999340 B1 KR 101999340B1
Authority
KR
South Korea
Prior art keywords
mode
space
web page
tab
displayed
Prior art date
Application number
KR1020170052550A
Other languages
English (en)
Other versions
KR20180119065A (ko
Inventor
김효
이윤석
최지호
김효정
Original Assignee
네이버 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 네이버 주식회사 filed Critical 네이버 주식회사
Priority to KR1020170052550A priority Critical patent/KR101999340B1/ko
Priority to US15/839,295 priority patent/US11243649B2/en
Publication of KR20180119065A publication Critical patent/KR20180119065A/ko
Application granted granted Critical
Publication of KR101999340B1 publication Critical patent/KR101999340B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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/954—Navigation, e.g. using categorised browsing
    • 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/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/23—Updating
    • 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]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor

Abstract

본 발명의 일 실시예에 따르면 하나 이상의 탭(tab) 중 하나를 컨텐츠 표시 영역에 제공하는 웹 브라우징(web browing) 인터페이스 제공 방법으로서, 상기 탭의 스페이스 모드에 기초하여, 상기 탭을 2 이상의 스페이스들로 분할하는 단계; 상기 분할된 스페이스들 각각에 웹 페이지를 표시하는 단계; 상기 탭이 2 이상의 스페이스들로 분할된 상태에서, 상기 탭의 스페이스 모드에 기초하여 제1 모드 또는 제2 모드 중 하나의 모드를 결정하는 단계; 상기 스페이스 모드가 상기 제1 모드인 경우, 상기 분할된 스페이스들 중 하나의 스페이스를 메인 스페이스로 설정하고, 상기 메인 스페이스 내의 주변부에 여백 영역을 설정하고, 상기 여백 영역을 제외한 영역에 웹 페이지를 표시하도록 설정하는 제1 모드 설정 단계; 를 포함하는 웹 브라우징 인터페이스 제공 방법이 제공된다.

Description

웹 브라우징 인터페이스 제공 방법 및 장치{METHOD AND APPARATUS FOR PROVIDING WEB BROWSING INTERFACE}
본 발명은 웹 브라우징 인터페이스 제공 방법 및 장치에 관한 것으로, 보다 상세하게는 분할된 스페이스들에 각각 웹페이지를 표시하고, 스페이스 모드에 기초하여 메인 스페이스 주변부에 여백 영역을 설정할 수 있는 웹 브라우징 인터페이스 제공 방법 및 장치에 관한 것이다.
웹 브라우저(web browser)는 인터넷망에서 정보를 검색하고 사용하는 응용 프로그램을 말한다. 브라우저 혹은 인터넷 브라우저라고 부르기도 한다. 이를 통해 사용자들은 영상을 보거나 메일을 주고 받고 다양한 자료를 올리고 내려 받는 다양한 활동이 가능하다. 일반적인 기능으로는 웹 페이지 열기, 최근 방문한 인터넷 주소(URL) 및 즐겨찾기 제공, 웹 페이지 저장 기능 등이 있다.
본 발명은 분할된 스페이스들에 각각 웹페이지를 표시할 수 있는 웹 브라우징 인터페이스에서, 스페이스 모드에 기초하여 메인 스페이스 주변부에 여백 영역을 설정하는 것을 일 목적으로 한다.
또한, 본 발명은 스페이스 모드에 기초하여 웹페이지들 중 활성 페이지를 결정하고, 활성 페이지의 정보에 기초하여 탭의 색인 또는 URL 강조 표시를 설정하거나, 스페이스 모드에 기초하여 활성 페이지를 포함하는 스페이스에 활성 표시를 하는 것을 다른 목적으로 한다.
본 발명의 일 실시예에 따르면, 하나 이상의 탭(tab) 중 하나를 컨텐츠 표시 영역에 제공하는 웹 브라우징(web browsing) 인터페이스 제공 방법으로서, 상기 탭의 스페이스 모드에 기초하여, 상기 탭을 2 이상의 스페이스들로 분할하는 단계; 상기 분할된 스페이스들 각각에 웹 페이지를 표시하는 단계; 상기 탭이 2 이상의 스페이스들로 분할된 상태에서, 상기 탭의 스페이스 모드에 기초하여 제1 모드 또는 제2 모드 중 하나의 모드를 결정하는 단계; 상기 스페이스 모드가 상기 제1 모드인 경우, 상기 분할된 스페이스들 중 하나의 스페이스를 메인 스페이스로 설정하고, 상기 메인 스페이스 내의 주변부에 여백 영역을 설정하고, 상기 여백 영역을 제외한 영역에 웹 페이지를 표시하도록 설정하는 제1 모드 설정 단계; 를 포함하는 웹 브라우징 인터페이스 제공 방법이 제공된다.
본 발명에 있어서, 상기 제1 모드 설정 단계는, 상기 메인 스페이스에 표시된 웹 페이지의 링크를 선택하는 입력이 수신되는 경우, 상기 링크에 대응되는 웹 페이지를 상기 메인 스페이스가 아닌 다른 스페이스에서 로딩할 수 있다.
본 발명에 있어서, 상기 스페이스 모드가 상기 제2 모드인 경우, 상기 분할된 스페이스들 중 특정 스페이스에 표시된 웹 페이지의 링크를 선택하는 입력이 수신되는 경우, 상기 링크에 대응되는 웹 페이지를 상기 특정 스페이스에서 로딩하는 제2 모드 설정 단계를 더 포함할 수 있다.
본 발명에 있어서, 상기 제2 모드 설정 단계는, 상기 분할된 스페이스들 중 활성 웹 페이지를 포함하는 스페이스에 활성 표시를 제공할 수 있다.
본 발명에 있어서, 상기 활성 표시는 상기 활성 웹 페이지를 포함하는 스페이스의 외곽에 그림자 효과를 설정하는 것일 수 있다.
본 발명에 있어서, 상기 분할된 스페이스들에 표시된 웹 페이지들 중 활성 페이지를 결정하고, 상기 활성 페이지의 정보에 기초하여 상기 탭의 색인 또는 URL 강조 표시를 설정하는 활성 페이지 결정 단계를 더 포함할 수 있다.
본 발명에 있어서, 상기 활성 페이지 결정 단계는, 상기 분할된 스페이스들 각각에 표시된 웹페이지들 중 사용자로부터의 가장 최근 입력이 수신된 웹 페이지를 활성 페이지로 설정할 수 있다.
본 발명에 있어서, 상기 제1 모드 또는 제2 모드는 웹 브라우저 상에 제공된 토글 키(toggle key)를 선택하는 사용자 입력에 의해 설정될 수 있다.
본 발명에 있어서, 상기 웹 페이지를 표시하는 단계는, 상기 분할된 스페이스들 각각에 표시된 웹페이지들 상에 오버레이(overlay)되도록 반투명 처리된 스크롤바를 표시하고, 상기 스크롤바는, 상기 스크롤바에 대한 사용자 입력이 감지되는 경우 확대되거나 투명도가 감소하도록 설정될 수 있다.
본 발명에 있어서, 상기 웹 페이지를 표시하는 단계는, 상기 분할된 스페이스들 사이에 사용자 입력에 의해 위치가 조정될 수 있는 구분선을 표시하고, 상기 구분선의 조정으로 인해 특정 스페이스의 크기가 확대 또는 축소되는 경우, 상기 특정 스페이스에 표시된 웹페이지의 여백을 우선적으로 확대 또는 축소할 수 있다.
본 발명의 다른 실시예에 따르면, 본 발명에 기재된 방법을 실행시키기 위해 컴퓨터 판독 가능한 기록매체에 저장된 컴퓨터 프로그램이 제공된다.
본 발명의 다른 실시예에 따르면, 하나 이상의 탭(tab) 중 하나를 컨텐츠 표시 영역에 제공하는 웹 브라우징 인터페이스를 제공하는 장치로서, 상기 탭의 스페이스 모드에 기초하여, 상기 탭을 2 이상의 스페이스들로 분할하고, 분할된 스페이스 각각에 웹 페이지를 표시하는 스페이스 분할부; 상기 탭이 2 이상의 스페이스들로 분할된 상태에서, 상기 탭의 스페이스 모드에 기초하여 제1 모드 또는 제2 모드 중 하나의 모드를 결정하는 모드 결정부; 상기 스페이스 모드가 상기 제1 모드인 경우, 상기 분할된 스페이스들 중 하나의 스페이스를 메인 스페이스로 설정하고, 상기 메인 스페이스 내의 주변부에 여백 영역을 설정하고, 상기 여백 영역을 제외한 영역에 웹 페이지를 표시하도록 설정하는 제1 모드 설정부; 를 포함하는 웹 브라우징 인터페이스 제공 장치가 제공된다.
본 발명에 의하면, 분할된 스페이스들에 각각 웹페이지를 표시할 수 있는 웹 브라우징 인터페이스에서, 메인 스페이스 주변부에 여백 영역을 설정함으로써 사용자로 하여금 메인 스페이스를 인식할 수 있도록 한다.
또한, 본 발명은 활성 페이지의 정보에 기초하여 탭의 색인 또는 URL 강조 표시를 설정하거나, 스페이스 모드에 기초하여 활성 페이지를 포함하는 스페이스에 활성 표시를 함으로써, 사용자로 하여금 활성 페이지를 인식할 수 있도록 한다.
도 1 은 본 발명의 일 실시예에 따른 네트워크 환경의 예를 도시한 도면이다.
도 2 는 본 발명의 일 실시예에 있어서, 사용자 단말 및 서버의 내부 구성을 설명하기 위한 블록도이다.
도 3 은 본 발명의 일 실시예에 따른 프로세서의 내부 구성을 나타낸 것이다.
도 4 는 본 발명의 일 실시예에 따른 웹 브라우징 인터페이스를 제공하는 방법을 시계열적으로 나타낸 도면이다.
도 5 는 본 발명의 일 실시예에 따른 웹 브라우저를 도시한 예이다.
도 6a 내지 도 6c 는 본 발명의 일 실시예에 따라 스페이스 모드에 따른 탭의 예를 도시한 것이다.
도 7 내지 11 은 본 발명의 일 실시예에 따른 웹 브라우저를 나타낸 것이다.
후술하는 본 발명에 대한 상세한 설명은, 본 발명이 실시될 수 있는 특정 실시예를 예시로서 도시하는 첨부 도면을 참조한다. 이러한 실시예는 당업자가 본 발명을 실시할 수 있기에 충분하도록 상세히 설명된다. 본 발명의 다양한 실시예는 서로 다르지만 상호 배타적일 필요는 없음이 이해되어야 한다. 예를 들어, 본 명세서에 기재되어 있는 특정 형상, 구조 및 특성은 본 발명의 정신과 범위를 벗어나지 않으면서 일 실시예로부터 다른 실시예로 변경되어 구현될 수 있다. 또한, 각각의 실시예 내의 개별 구성요소의 위치 또는 배치도 본 발명의 정신과 범위를 벗어나지 않으면서 변경될 수 있음이 이해되어야 한다. 따라서, 후술하는 상세한 설명은 한정적인 의미로서 행하여지는 것이 아니며, 본 발명의 범위는 특허청구범위의 청구항들이 청구하는 범위 및 그와 균등한 모든 범위를 포괄하는 것으로 받아들여져야 한다. 도면에서 유사한 참조부호는 여러 측면에 걸쳐서 동일하거나 유사한 구성요소를 나타낸다.
이하에서는, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자가 본 발명을 용이하게 실시할 수 있도록 하기 위하여, 본 발명의 여러 실시예에 관하여 첨부된 도면을 참조하여 상세히 설명하기로 한다.
도 1은 본 발명의 일 실시예에 따른 네트워크 환경의 예를 도시한 도면이다.
도 1의 네트워크 환경은 복수의 사용자 단말들(110, 120, 130, 140), 서버(150) 및 네트워크(170)를 포함하는 예를 나타내고 있다. 이러한 도 1은 발명의 설명을 위한 일례로 사용자 단말의 수나 서버의 수가 도 1과 같이 한정되는 것은 아니다.
복수의 사용자 단말들(110, 120, 130, 140)은 컴퓨터 장치로 구현되는 고정형 단말이거나 이동형 단말일 수 있다. 복수의 사용자 단말들(110, 120, 130, 140)의 예를 들면, 스마트폰(smart phone), 휴대폰, 네비게이션, 컴퓨터, 노트북, 디지털방송용 단말, PDA(Personal Digital Assistants), PMP(Portable Multimedia Player), 태블릿 PC 등이 있다. 일례로 사용자 단말 1(110)은 무선 또는 유선 통신 방식을 이용하여 네트워크(170)를 통해 다른 사용자 단말들(120, 130, 140) 및/또는 서버(150)와 통신할 수 있다.
통신 방식은 제한되지 않으며, 네트워크(170)가 포함할 수 있는 통신망(일례로, 이동통신망, 유선 인터넷, 무선 인터넷, 방송망)을 활용하는 통신 방식뿐만 아니라 기기들간의 근거리 무선 통신 역시 포함될 수 있다. 예를 들어, 네트워크(170)는, PAN(personal area network), LAN(local area network), CAN(campus area network), MAN(metropolitan area network), WAN(wide area network), BBN(broadband network), 인터넷 등의 네트워크 중 하나 이상의 임의의 네트워크를 포함할 수 있다. 또한, 네트워크(170)는 버스 네트워크, 스타 네트워크, 링 네트워크, 메쉬 네트워크, 스타-버스 네트워크, 트리 또는 계층적(hierarchical) 네트워크 등을 포함하는 네트워크 토폴로지 중 임의의 하나 이상을 포함할 수 있으나, 이에 제한되지 않는다.
서버(150)는 복수의 사용자 단말들(110, 120, 130, 140)과 네트워크(170)를 통해 통신하여 명령, 코드, 파일, 컨텐츠, 서비스 등을 제공하는 컴퓨터 장치 또는 복수의 컴퓨터 장치들로 구현될 수 있다.
일례로, 서버(150)는 네트워크(170)를 통해 접속한 사용자 단말 1(110)로 어플리케이션의 설치를 위한 파일을 제공할 수 있다. 이 경우 사용자 단말 1(110)은 서버(150)로부터 제공된 파일을 이용하여 어플리케이션을 설치할 수 있다. 또한 사용자 단말 1(110)이 포함하는 운영체제(Operating System, OS) 및 적어도 하나의 프로그램(일례로 브라우저나 설치된 어플리케이션)의 제어에 따라 서버(150)에 접속하여 서버(150)가 제공하는 서비스나 컨텐츠를 제공받을 수 있다. 예를 들어, 사용자 단말1(110)이 어플리케이션의 제어에 따라 네트워크(170)를 통해 서비스 요청 메시지를 서버(150)로 전송하면, 서버(150)는 서비스 요청 메시지에 대응하는 코드를 사용자 단말 1(110)로 전송할 수 있고, 사용자 단말 1(110)은 어플리케이션의 제어에 따라 코드에 따른 화면을 구성하여 표시함으로써 사용자에게 컨텐츠를 제공할 수 있다. 다른 예로, 서버(150)는 데이터 송수신을 위한 통신 세션을 설정하고, 설정된 통신 세션을 통해 복수의 사용자 단말들(110, 120, 130, 140)간의 데이터 송수신을 라우팅할 수도 있다.
도 2 는 본 발명의 일 실시예에 있어서, 사용자 단말 및 서버의 내부 구성을 설명하기 위한 블록도이다.
도 2에서는 하나의 사용자 단말에 대한 예로서 사용자 단말 1(110), 그리고 하나의 서버에 대한 예로서 서버(150)의 내부 구성을 설명한다. 다른 사용자 단말들(120, 130, 140)들 역시 동일한 또는 유사한 내부 구성을 가질 수 있다.
사용자 단말 1(110)과 서버(150)는 메모리(211, 221), 프로세서(212, 222), 통신 모듈(213, 223) 그리고 입출력 인터페이스(214, 224)를 포함할 수 있다. 메모리(211, 221)는 컴퓨터에서 판독 가능한 기록 매체로서, RAM(random access memory), ROM(read only memory) 및 디스크 드라이브와 같은 비소멸성 대용량 기록장치(permanent mass storage device)를 포함할 수 있다. 또한, 메모리(211, 221)에는 운영체제와 적어도 하나의 프로그램 코드(일례로 사용자 단말 1(110)에 설치되어 구동되는 브라우저나 상술한 어플리케이션 등을 위한 코드)가 저장될 수 있다. 이러한 소프트웨어 구성요소들은 드라이브 메커니즘(drive mechanism)을 이용하여 메모리(211, 221)와는 별도의 컴퓨터에서 판독 가능한 기록 매체로부터 로딩될 수 있다. 이러한 별도의 컴퓨터에서 판독 가능한 기록 매체는 플로피 드라이브, 디스크, 테이프, DVD/CD-ROM 드라이브, 메모리 카드 등의 컴퓨터에서 판독 가능한 기록 매체를 포함할 수 있다. 다른 실시예에서 소프트웨어 구성요소들은 컴퓨터에서 판독 가능한 기록 매체가 아닌 통신 모듈(213, 223)을 통해 메모리(211, 221)에 로딩될 수도 있다. 예를 들어, 적어도 하나의 프로그램은 개발자들 또는 어플리케이션의 설치 파일을 배포하는 파일 배포 시스템(일례로 상술한 서버(150))이 네트워크(170)를 통해 제공하는 파일들에 의해 설치되는 프로그램(일례로 상술한 어플리케이션)에 기반하여 메모리(211, 221)에 로딩될 수 있다.
프로세서(212, 222)는 기본적인 산술, 로직 및 입출력 연산을 수행함으로써, 컴퓨터 프로그램의 명령을 처리하도록 구성될 수 있다. 명령은 메모리(211, 221) 또는 통신 모듈(213, 223)에 의해 프로세서(212, 222)로 제공될 수 있다. 예를 들어 프로세서(212, 222)는 메모리(211, 221)와 같은 기록 장치에 저장된 프로그램 코드에 따라 수신되는 명령을 실행하도록 구성될 수 있다.
통신 모듈(213, 223)은 네트워크(170)를 통해 사용자 단말 1(110)과 서버(150)가 서로 통신하기 위한 기능을 제공할 수 있으며, 다른 사용자 단말(일례로 사용자 단말 2(120)) 또는 다른 서버(일례로 서버(150))와 통신하기 위한 기능을 제공할 수 있다. 일례로, 사용자 단말 1(110)의 프로세서(212)가 메모리(211)와 같은 기록 장치에 저장된 프로그램 코드에 따라 생성한 요청(일례로 컨텐츠에 대한 스트리밍 서비스 요청)이 통신 모듈(213)의 제어에 따라 네트워크(170)를 통해 서버(150)로 전달될 수 있다. 역으로, 서버(150)의 프로세서(222)의 제어에 따라 제공되는 제어 신호나 명령, 컨텐츠, 파일 등이 통신 모듈(223)과 네트워크(170)를 거쳐 사용자 단말 1(110)의 통신 모듈(213)을 통해 사용자 단말 1(110)로 수신될 수 있다. 예를 들어 통신 모듈(213)을 통해 수신된 서버(150)의 제어 신호나 명령 등은 프로세서(212)나 메모리(211)로 전달될 수 있고, 컨텐츠나 파일 등은 사용자 단말 1(110)이 더 포함할 수 있는 저장 매체로 저장될 수 있다.
입출력 인터페이스(214, 224)는 입출력 장치(215)와의 인터페이스를 위한 수단일 수 있다. 예를 들어, 입력 장치는 키보드 또는 마우스 등의 장치를, 그리고 출력 장치는 어플리케이션의 통신 세션을 표시하기 위한 디스플레이와 같은 장치를 포함할 수 있다. 다른 예로 입출력 인터페이스(214)는 터치스크린과 같이 입력과 출력을 위한 기능이 하나로 통합된 장치와의 인터페이스를 위한 수단일 수도 있다. 보다 구체적인 예로, 사용자 단말 1(110)의 프로세서(212)는 메모리(211)에 로딩된 컴퓨터 프로그램의 명령을 처리함에 있어서 서버(150)나 사용자 단말 2(120)가 제공하는 데이터를 이용하여 구성되는 서비스 화면이나 컨텐츠가 입출력 인터페이스(214)를 통해 디스플레이에 표시될 수 있다.
또한, 다른 실시예들에서 사용자 단말 1(110) 및 서버(150)는 도 2의 구성요소들보다 더 많은 구성요소들을 포함할 수도 있다. 그러나, 대부분의 종래기술적 구성요소들을 명확하게 도시할 필요성은 없다. 예를 들어, 사용자 단말 1(110)은 상술한 입출력 장치(215) 중 적어도 일부를 포함하도록 구현되거나 또는 트랜시버(transceiver), GPS(Global Positioning System) 모듈, 카메라, 각종 센서, 데이터베이스 등과 같은 다른 구성요소들을 더 포함할 수도 있다.
도 3 은 본 발명의 일 실시예에 따른 프로세서의 내부 구성을 나타낸 것이다.
프로세서(212)는 웹 페이지를 온라인으로부터 제공받아 출력할 수 있는 웹 브라우저(web browser)를 포함할 수 있다. 본 발명의 웹 브라우저는 서버로부터 다운되거나 다른 장치로부터 전송받는 등의 가능한 방법으로 외부로부터 제공받아 설치될 수 있다. 프로세서(212) 내에서 본 발명의 일 실시예에 따른 웹 브라우저의 기능을 수행하는 구성은 도 3 에 도시된 바와 같이 스페이스 분할부(310), 모드 결정부(320), 제1 모드 설정부(330), 제2 모드 설정부(340), 활성 페이지 결정부(350)를 포함할 수 있다. 실시예에 따라 프로세서(212)의 구성요소들은 선택적으로 프로세서(212)에 포함되거나 제외될 수도 있다. 또한, 실시예에 따라 프로세서(212)의 구성요소들은 프로세서(212)의 기능의 표현을 위해 분리 또는 병합될 수도 있다.
이러한 프로세서(212) 및 프로세서(212)의 구성요소들은 도 4의 웹 브라우징 인터페이스 제공 방법이 포함하는 단계들(S41 내지 S46)을 수행하도록 전자 기기 1(110)을 제어할 수 있다. 예를 들어, 프로세서(212) 및 프로세서(212)의 구성요소들은 메모리(211)가 포함하는 운영체제의 코드와 적어도 하나의 프로그램의 코드에 따른 명령(instruction)을 실행하도록 구현될 수 있다.
여기서, 프로세서(212)의 구성요소들은 사용자 단말 1(110)에 저장된 프로그램 코드가 제공하는 명령(일례로, 사용자 단말 1(110)에서 구동된 웹 브라우저가 제공하는 명령)에 따라 프로세서(212)에 의해 수행되는 프로세서(212)의 서로 다른 기능들(different functions)의 표현들일 수 있다.
도 4 는 본 발명의 일 실시예에 따른 웹 브라우징 인터페이스를 제공하는 방법을 시계열적으로 나타낸 도면이다.
먼저, 단계(S41)에서 스페이스 분할부(310)는 탭의 스페이스 모드에 기초하여, 탭을 2 이상의 스페이스들로 분할하고, 분할된 스페이스들 각각에 웹페이지를 표시한다.
본 발명의 일 실시예에 따르면, 웹 브라우저에 포함된 하나 이상의 탭은 각각 하나 이상의 웹 페이지를 로딩하고 표시할 수 있다. 각각의 탭이 로딩 및 표시하는 하나 이상의 웹 페이지는 웹 브라우저의 컨텐츠 표시 영역에 표시될 수 있다. 또한, 본 발명의 탭은 하나 이상의 스페이스를 가질 수 있으며, 스페이스란, 웹 페이지가 로딩될 수 있는 가상의 공간을 의미하는 것으로서, 하나의 스페이스에는 하나의 웹 페이지가 로딩 및 표시될 수 있다.
본 발명의 일 실시예에 따르면, 탭은 스페이스 모드로서 일반 모드 및 분할 모드를 가질 수 있고, 분할 모드는 다시 연결 모드 및 분리 모드로 구분될 수 있다. 해당 탭의 스페이스 모드가 일반 모드인 경우, 해당 탭은 하나의 스페이스를 가지며 하나의 스페이스에 하나의 웹 페이지만을 로딩 및 표시할 수 있다. 해당 탭의 스페이스 모드가 분할 모드인 경우, 스페이스 분할부(310)는 탭을 2 이상의 스페이스로 분할하고 각각의 스페이스에 웹페이지들을 로딩 및 표시할 수 있다.
한편, 스페이스 분할부(310)는 분할된 스페이스 각각에 복수개의 웹 페이지가 표시될 때, 웹페이지의 스크롤바(scroll bar)를 반투명 처리하여 웹 페이지 상에 오버레이(overlay)할 수 있다. 또한, 스크롤바 상에 마우스가 오버(over)되는 등의 사용자가 스크롤바를 조작하고자 하는 입력을 수신하는 경우, 사용자가 인식하기 쉽도록 스크롤바를 확대 및/또는 투명도 감소 설정할 수 있다.
다음으로, 단계(S43)에서 모드 결정부(320)는 탭이 2 이상의 스페이스들로 분할된 상태에서, 탭의 스페이스 모드에 기초하여 제1 모드 또는 제2 모드 중 하나의 모드를 결정할 수 있다. 본 발명에서, 제1 모드는 연결 모드이고, 제2 모드는 분리 모드일 수 있다. 상술한 바와 같이, 탭의 스페이스 모드로서 분할 모드가 존재하고, 분할 모드는 연결 모드 및 분리 모드로 구분될 수 있다. 이때, 모드 결정부(320)는 현재 탭의 스페이스 모드가 연결 모드인지 혹은 분리 모드인지를 결정할 수 있다.
본 발명의 일 실시예에서, 스페이스 모드는 사용자의 입력 혹은 브라우저의 기설정값에 따라 설정될 수 있다. 예를 들어, 사용자는 웹 브라우저의 툴바에서 '화면 분할' 버튼을 선택하여 일반 모드에서 분할 모드로 스페이스 모드를 변경할 수 있다. 혹은, 사용자는 웹 브라우저에 표시된 특정 링크를 마우스 우클릭으로 선택하여 나타난 메뉴 중 '새 스페이스에서 링크 열기'를 선택하여 일반 모드에서 분할 모드로 스페이스 모드를 변경하고, 새로운 스페이스에서 링크에 해당하는 웹 페이지를 로딩할 수 있다. 또한, 분할 모드인 상태에서, 사용자의 입력 혹은 브라우저의 기설정값에 따라 연결 모드 혹은 분리 모드 간의 스페이스 모드가 전환될 수 있다. 예를 들어, 사용자는 웹 브라우저에서 '창 연결' 버튼을 선택하여 스페이스 모드를 연결 모드로 전환시키거나, '창 분리' 버튼을 선택하여 스페이스 모드를 분리 모드로 전환시킬 수 있다.
다음으로, S43 에서 제1 모드(연결 모드)로 결정된 경우, 단계(S44)에서 제1 모드 설정부(330)는 분할된 스페이스들 중 하나의 스페이스를 메인 스페이스로 설정하고, 메인 스페이스 내의 주변부에 여백 영역을 설정하고, 여백 영역을 제외한 영역에 웹 페이지를 표시하도록 설정한다. 즉, 제1 모드 설정부(330)는 메인 스페이스 내에서 표시되는 웹 페이지 주변에 여백이 표시되도록 설정할 수 있다.
다음으로, 단계(S45)에서 제1 모드 설정부(330)는 메인 스페이스에 표시된 웹 페이지의 링크를 선택하는 입력이 수신되는 경우, 링크에 대응되는 웹 페이지를 메인 스페이스가 아닌 다른 스페이스에서 로딩한다. 즉, 연결 모드에서는 메인 스페이스에 표시된 웹 페이지의 링크가 선택되는 경우, 다른 스페이스에서 해당 링크의 웹 페이지가 로딩 및 표시될 수 있다. 본 발명은 연결 모드에서 하나의 스페이스에 표시된 웹 페이지의 링크를 사용자가 선택하였을 때 선택된 링크의 웹 페이지가 다른 스페이스에서 로딩 및 표시될 수 있도록 함으로써, 보다 편리한 웹브라우징이 가능하도록 할 수 있다.
한편, S43 에서 제2 모드(분리 모드)로 결정된 경우, 단계(S46)에서 제2 모드 설정부(340)는 2 이상의 스페이스 중 하나의 스페이스에 표시된 웹 페이지의 링크를 선택하는 입력이 수신되는 경우, 링크에 대응되는 웹 페이지를 기존의 스페이스에서 로딩할 수 있다. 즉, 본 발명의 일 실시예에 따르면 분리 모드에서는 하나의 스페이스에 표시된 웹 페이지의 링크가 선택되는 경우, 다른 스페이스가 아닌 해당 스페이스로 링크에 대응되는 웹 페이지가 로딩 및 표시될 수 있다. 즉, 분리 모드에서는 하나의 탭이 2 이상의 스페이스를 가진다는 점만 차이점이 존재할 뿐, 기존의 웹브라우징 방법과 동일하게 링크에 대응되는 웹 페이지가 로딩 및 표시될 수 있다.
다음으로, 비록 도 4 의 단계에는 도시되지 않았지만, 활성 페이지 결정부(350)는 2 이상의 스페이스들에 표시된 각각의 웹 페이지들 중 활성 페이지를 결정하고, 활성 페이지의 정보에 기초하여 해당 탭의 색인 또는 URL 강조 표시를 설정할 수 있다. 이때, 활성 페이지란 웹 브라우저의 컨텐츠 표시 영역에 표시된 복수개의 웹 페이지들 중 사용자의 가장 최근 입력이 수신된 웹 페이지를 뜻한다. 사용자의 가장 최근 입력이란, 사용자가 웹 페이지의 특정 링크를 선택하는 것, 사용자가 웹 페이지의 특정 영역을 클릭하는 것, 사용자가 웹 페이지의 입력창에 입력하는 것 등의, 사용자가 웹 페이지를 활성화시키고자 하는 의도를 가진 모든 종류의 입력일 수 있다.
스페이스들에 표시된 각 웹 페이지들은 웹 브라우저에서 로딩 시 탭 색인에 표시되는 정보 또는 URL 정보를 포함할 수 있다. 예를 들어, 웹 브라우저는 'aaa.com' 의 웹 페이지의 로딩 시, 탭 색인에 표시되는 정보 및 URL 에 나타나는 정보를 획득할 수 있다. 이에 따라, 'aaa.com'의 웹 페이지를 로딩할 경우, 탭 색인에는 '포털 aaa'가 표시되고, URL 표시창에는 'aaa.com'이 표시될 수 있다. 본 발명의 일 실시예에 따르면, 탭이 복수개의 스페이스를 포함하는 경우 복수개의 웹 페이지가 웹 브라우저에 표시되어 있으므로, 사용자는 현재 어떤 웹 페이지가 활성화되어있는지를, 해당 탭 색인이나 URL 표시창의 강조 표시에 의해 인식할 수 있다. 예를 들어, 'aaa.com' 및 'bbb.com'의 웹페이지가 동일 탭의 스페이스 각각에 표시되고, 활성 페이지가 'aaa.com'인 경우, 해당 탭의 색인에는 '포털 aaa'가 표시되고, URL 표시 영역에는 'aaa.com' 및 'bbb.com' 이 표시되되 'aaa.com'에 URL 강조 표시가 추가될 수 있다. URL 강조 표시는 URL을 볼드(bold) 처리하는 것이나, 색깔을 달리하는 것이거나, URL 주변에 테두리를 추가하는 것 등일 수 있다.
또한, 본 발명의 일 실시예에 따르면 활성 페이지 결정부(350)는 탭의 스페이스 모드가 분리 모드인 경우, 활성 페이지를 결정한 후 활성 페이지를 포함하는 스페이스의 외곽에 활성 표시를 추가할 수 있다. 이때, 스페이스의 외곽의 활성 표시는, 스페이스 외곽에 그림자 효과를 부여하는 것일 수 있다. 이로서, 사용자는 현재 활성화된 웹 페이지가 어떤 웹 페이지인지 알 수 있다.
도 5 는 본 발명의 일 실시예에 따른 웹 브라우저를 도시한 예이다.
도 5 는, 본 발명의 일 실시예에 따른 웹 브라우저가 사용자 단말에 표시된 경우를 나타낸 예시이다. 웹 브라우저는 탭 색인 표시 영역(51), URL 표시 영역(52), 툴바 표시 영역(53) 및 컨텐츠 표시 영역(54)을 포함할 수 있다. 도 5 에 도시된 예는 본 발명의 웹 브라우저를 예시하기 위한 것으로서, 발명의 핵심을 유지하는 선에서 이미 알려진 웹 브라우저의 구성요소들은 추가 혹은 제거될 수 있음은 물론이다.
탭 색인 표시 영역(51)은 웹 브라우저에서 로딩 중인 탭들을 구분하기 위한 색인을 제공할 수 있다. 본 발명의 일 실시예에 따른 웹 브라우저는 탭 브라우징(tab browsing) 기능을 제공할 수 있다. 탭 브라우징이란, 하나의 웹 브라우저에서 하나 이상의 탭을 생성하여 각 탭을 통해 웹 페이지를 브라우징할 수 있는 것을 말한다. 이때, 사용자는 탭 색인 표시 영역(51)에서 표시하기를 원하는 탭의 색인을 선택하면 해당 탭이 컨텐츠 표시 영역(54)에 표시된다. 도 5 는 본 발명의 일 실시예에 따라 첫번째 탭 색인(511)이 선택된 경우를 도시하고 있다.
도 5 의 실시예에서, 탭 색인 표시 영역(51)은 3 개의 탭 색인(511, 512, 513)을 포함하고 있으며, 탭 색인(511, 512, 513) 각각에는 탭에서 로딩된 웹 페이지, 혹은 탭에서 로딩된 웹 페이지들 중 활성 페이지의 타이틀이 표시될 수 있다. 예를 들어, 도 5 의 실시예에서는 첫번째 탭 색인(511)이 활성화되어 있으며, 첫번째 탭 색인(511)의 웹 페이지(541)의 타이틀이 탭 색인(511)에 표시된 것을 알 수 있다.
다음으로, URL 표시 영역(52)은 현재 활성화된 탭의 URL 을 표시할 수 있다. 현재 활성화된 탭의 URL 이란, 해당 탭에서 로딩 및 표시되고 있는 웹 페이지의 URL 이다. 도 5 의 실시예에서, URL 표시 영역(521)은 활성화된 첫번째 탭의 URL 인 'aaa.com'(521)을 표시하고 있다.
다음으로, 툴바 표시 영역(53)은 웹 브라우저를 구성하는 툴의 아이콘들을 표시한 영역이다. 도 5 에 도시된 툴바 표시 영역(52)의 툴 아이콘들 외에도, 웹 브라우저의 다른 기능들을 구현하기 위한 다양한 툴 아이콘들이 제공될 수 있다. 도 5 의 실시예서는, 리로드(reload) 아이콘(531), 캡처 아이콘(532), 분할 모드 아이콘(533) 외에 웹 브라우저의 기능들을 구현하기 위한 툴 아이콘들이 제공될 수 있다. 특히, 본 발명의 일 실시예에 따르면 사용자는 분할 모드 아이콘(533)을 선택하여, 활성화된 탭을 2 이상의 스페이스로 분할할 수 있다. 즉, 분할 모드 아이콘(533)이 선택되는 경우 탭의 스페이스 모드가 일반 모드에서 분할 모드로 전환될 수 있다. 예를 들어, 도 5 와 같이 하나의 스페이스만을 포함하는 탭에서, 사용자는 분할 모드 아이콘(533)을 선택하여 탭이 2 이상의 스페이스를 갖도록 분할할 수 있다. 분할 모드 아이콘(533)은 토글 키(toggle key)로 작동할 수 있으며, 분할 모드 시 분할 모드 아이콘(533)을 선택하는 경우 스페이스 모드는 일반 모드로 전환될 수 있다.
다음으로, 컨텐츠 표시 영역(54)은 활성화된 탭의 컨텐츠를 표시할 수 있다. 활성화된 탭의 컨텐츠란, 탭이 로딩 및 표시하는 웹 페이지일 수 있다. 도 5 의 실시예에서는, 활성화된 첫번째 탭의 스페이스 모드가 일반 모드로서, 탭이 하나의 스페이스에 하나의 웹 페이지(541)를 표시한 예를 도시한 것이다.
도 6a 내지 도 6c 는 본 발명의 일 실시예에 따라 스페이스 모드에 따른 탭의 예를 도시한 것이다.
도 6a 내지 도 6c 에 도시된 탭(61, 62, 63)은 웹 브라우저의 컨텐츠 표시 영역(54)에 표시될 수 있다.
도 6a 는 스페이스 모드가 일반 모드인 경우의 탭(61)의 예를 도시한 것이다. 탭(61)은 하나의 스페이스(611)만을 가지며, 하나의 스페이스(611)에는 하나의 웹 페이지만이 표시될 수 있다.
도 6b 는 스페이스가 분할 모드이며, 또한 연결 모드인 경우의 탭(62)의 예를 도시한 것이다. 탭(62)의 스페이스는 2개의 스페이스로 분할되어, 제1 스페이스(621) 및 제2 스페이스(622), 그리고 스페이스들을 구분하는 구분선(623)을 포함할 수 있으며, 각각의 스페이스에는 웹 페이지가 표시될 수 있다. 본 발명의 일 실시예에 따르면, 복수개의 스페이스 중 하나의 스페이스는 메인 스페이스로 설정될 수 있으며, 메인 스페이스 내의 주변부에는 여백 영역(6211)이 설정될 수 있다. 여백(6211)이 설정됨에 따라, 사용자는 어떤 스페이스가 메인 스페이스인지 여부를 보다 분명하게 인식할 수 있다.
또한, 웹 페이지는 스페이스의 여백을 제외한 영역에 표시될 수 있다. 본 발명의 일 실시예에서 메인 스페이스는 왼쪽의 스페이스로 설정될 수 있다. 도 6b 의 실시예에서는, 제1 스페이스(621)가 메인 스페이스로 설정되고, 제1 스페이스(621)주변부에 여백(6211)이 설정된 예를 도시하고 있다. 상술한 바와 같이, 메인 스페이스(621)에 표시된 웹 페이지의 링크가 선택되는 경우, 링크에 대응되는 웹 페이지는 제2 스페이스(622)에 표시될 수 있다.
도 6c 는 스페이스 모드가 분할 모드이며, 또한 분리 모드인 경우의 탭(63)의 예를 도시한 것이다. 탭(63)의 스페이스는 2 개의 스페이스로 분할되어, 제1 스페이스(631) 및 제2 스페이스(632), 그리고 스페이스들을 구분하는 구분선(633)을 포함할 수 있으며, 각각의 스페이스에는 웹 페이지가 표시될 수 있다. 본 발명의 일 실시예에 따르면, 연결 모드와 달리 분리 모드는 메인 스페이스를 가지지 않고, 복수개의 스페이스들이 개별로 동작할 수 있다. 즉, 분리 모드에서 제1 스페이스(631)에 표시된 웹 페이지의 링크가 선택되더라도, 링크에 대응되는 웹 페이지는 제1 스페이스(631)에 표시될 수 있다. 한편, 분리 모드에서는 활성 페이지를 포함하는 스페이스에 활성 표시(6311)가 설정될 수 있다. 도 6c 의 실시예에서는, 제1 스페이스(631)가 활성 페이지를 표시하는 경우, 제1 스페이스(631)에 활성 표시(6311)로서 그림자 효과가 설정된 예를 도시하고 있다. 도 6c 에 도시된 예 외에도, 활성 표시(6311)는 다양하게 설정될 수 있다.
도 7 은 본 발명의 일 실시예에 따른 웹 브라우저를 나타낸 것이다.
도 7 의 실시예는 선택된 탭의 스페이스 모드가 분할 모드이며, 또한 연결 모드인 경우의 웹 브라우저를 도시한 것이다. 도 7 의 실시예에서는 탭 색인 표시 영역에는 두번째 탭 색인(721)이 선택되었으며, 두번째 탭의 스페이스 모드가 분할 모드 및 연결 모드로 설정된 경우를 나타낸다. 두번째 탭의 스페이스 모드가 분할 모드이므로, URL 표시 영역에는 제1 스페이스(741)에 표시된 웹 페이지의 URL(7211) 및 제2 스페이스(742)에 표시된 웹 페이지의 URL(7212)이 함께 표시되고, URL 사이를 구분하는 구분자(7213)가 표시될 수 있다. 이때, URL 사이를 구분하는 구분자(7213)의 모양은 연결 모드 혹은 분리 모드인지에 따라 상이할 수 있다. 예를 들어, 연결 모드에서 구분자(7213)는 도 7과 같이 '>' 모양일 수 있고, 분리 모드에서 구분자(7213)는 후술하는 도 8 과 같이 '|' 모양일 수 있다.
또한, 도 7 의 URL 표시 영역에는 분리 버튼(7214)이 표시될 수 있다. 분리 버튼(7214)은 사용자가 선택하였을 때 탭의 스페이스 모드를 연결 모드에서 분리 모드로, 혹은 분리 모드에서 연결 모드로 전환하는 토글키일 수 있다. 보다 상세히, 사용자는 도 7 과 같이 탭의 스페이스 모드가 연결 모드인 상태에서 분리 버튼(7214)을 선택하여 탭의 스페이스 모드를 분리 모드로 전환할 수 있다. 탭의 스페이스 모드가 분리 모드로 전환될 수 있음을 나타내기 위해, 분리 버튼(7214) 내에는 '창 분리'라는 안내가 포함될 수 있다. 또한, 도 7 의 선택된 탭은 분할 모드 상태이므로, 툴바 표시 영역에는 분할 모드 아이콘(733)이 활성화되었다는 표시가 추가될 수 있다.
도 7 의 컨텐츠 표시 영역에는 두번째 탭의 제1 스페이스(741) 및 제2 스페이스(742)가 표시되어 있으며, 제1 스페이스(741)는 제1 웹 페이지(7412)를 표시하고, 제2 스페이스(742)는 제2 웹 페이지(7422)를 표시하고 있다. 스페이스들은 구분선(743)에 의해 구분될 수 있고, 사용자는 구분선(743)의 위치를 조정하여 스페이스들의 크기를 조정할 수 있다. 도 6b 에서 살펴본 바와 같이, 스페이스 모드가 연결 모드인 경우, 메인 스페이스인 제1 스페이스(741) 내의 주변부에는 여백(7411)이 표시되고, 여백(7411)을 제외한 나머지 스페이스의 나머지 영역에 웹 페이지(7412)가 표시될 수 있다.
또한, 제1 웹 페이지(7412) 및/또는 제2 웹 페이지(7422) 내에는 웹 페이지에 오버레이(overlay)되도록 반투명 처리된 투명 스크롤바(7413)가 포함될 수 있다. 도면에서는 비록 웹페이지(7412)의 우측에만 스크롤바(7413)가 도시되어 있지만, 필요에 의해 하단에도 스크롤바가 존재할 수 있다. 2 이상의 스페이스로 웹 브라우저의 컨텐츠 표시 영역을 분할하여 웹 페이지를 표시하는 경우, 웹 페이지를 표시할 수 있는 면적이 줄어드는 문제점이 존재한다. 따라서, 본 발명의 일 실시예에 따른 웹 브라우저는 스크롤바를 위한 별도의 영역을 할당하지 않고, 스크롤바가 반투명으로 웹 페이지 상에 오버레이 되도록 표시한다.
도 7 에 도시된 바와 같이 선택된 탭의 스페이스 모드가 분할 모드 및 연결 모드인 경우, 메인 스페이스인 제1 스페이스(741)에 표시된 웹 페이지(7412)의 링크를 선택하는 입력이 수신되는 경우, 링크에 대응되는 웹 페이지는 제2 스페이스(742)에서 로딩될 수 있다. 도 7 의 예시는 사용자가 제1 웹 페이지(7412)에서 'mail' 링크를 선택하였을 때 제2 웹 페이지(7422)가 로딩된 예를 도시한 것이다. 사용자는 여백(7411)의 표시를 통해 왼쪽 스페이스가 메인 스페이스인 것을 인지할 수 있고, 사용자는 메인 스페이스에 표시된 웹 페이지의 링크를 선택하여 링크에 대응하는 웹 페이지를 오른쪽 스페이스에 로딩 및 표시할 수 있다.
도 8 은 본 발명의 다른 일 실시예에 따른 웹 브라우저를 나타낸 것이다.
도 8 의 실시예는 선택된 탭의 스페이스 모드가 분할 모드이며, 또한 분리 모드인 경우의 웹 브라우저를 도시한 것이다. 도 8 의 실시예에서는 탭 색인 표시 영역에는 세번째 탭 색인(813)이 선택되었으며, 세번째 탭의 스페이스 모드가 분할 모드 및 분리 모드로 설정된 경우를 나타낸다. 세번째 탭의 스페이스 모드가 분할 모드이므로, URL 표시 영역에는 제1 스페이스(841)에 표시된 웹 페이지의 URL(8211) 및 제2 스페이스(842)에 표시된 웹 페이지의 URL(8212)이 함께 표시되고, URL 사이를 구분하는 구분자(8213)가 표시될 수 있다. 도 8 의 실시예에서, 도 7 과 중복되는 내용은 그 설명을 생량하기로 한다.
또한, 도 8 의 URL 표시 영역에는 연결 버튼(8214)이 표시될 수 있다. 사용자는 도 8 과 같이 탭의 스페이스 모드가 분리 모드인 상태에서 연결 버튼(8214)을 선택하여 탭의 스페이스 모드를 연결 모드로 전환할 수 있다. 탭의 스페이스 모드가 연결 모드로 전환될 수 있음을 나타내기 위해, 연결 버튼(8214) 내에는 '창 연결'이라는 안내가 포함될 수 있다. 또한, 도 8 의 선택된 탭은 분할 모드 상태이므로, 툴바 표시 영역에는 분할 모드 아이콘(833)이 활성화되었다는 표시가 추가될 수 있다.
도 8 의 컨텐츠 표시 영역에는 세번째 탭의 제1 스페이스(841) 및 제2 스페이스(842)가 표시되어 있으며, 제1 스페이스(841)는 제1 웹 페이지(8412)를 표시하고, 제2 스페이스(842)는 제2 웹 페이지(8422)를 표시하고 있다. 스페이스들은 구분선(843)에 의해 구분될 수 있고, 사용자는 구분선(843)의 위치를 조정하여 스페이스들의 크기를 조정할 수 있다. 도 6c 에서 살펴본 바와 같이, 스페이스 모드가 분리 모드인 경우, 활성 페이지를 포함하는 제1 스페이스(841)의 주변에 활성 표시(8411)가 설정될 수 있다. 또한, 웹 페이지(8422) 내에는 웹 페이지에 오버레이(overlay)되도록 반투명 처리된 스크롤바(8413)가 포함될 수 있다.
도 8 에 도시된 바와 같이 선택된 탭의 스페이스 모드가 분할 모드 및 분리 모드인 경우, 연결 모드와 달리 복수개의 스페이스들이 개별로 동작할 수 있다. 즉, 제1 스페이스(841)에 표시된 웹 페이지의 링크가 선택되더라도, 링크에 대응되는 웹 페이지는 제1 웹 페이지(8412)로서 제1 스페이스(841)에 표시될 수 있다. 마찬가지로, 제2 스페이스(842)에 표시된 웹 페이지의 링크가 선택되더라도, 링크에 대응되는 웹 페이지는 제2 웹 페이지(8422)로서 제2 스페이스(842)에 표시될 수 있다.
도 9 는 본 발명의 다른 일 실시예에 따른 웹 브라우저를 나타낸 것이다.
도 9 는 도 7 의 변형예로서, 도 7 과 중복되는 설명 및 도면 번호는 생략하거나 간략히 표시하기로 한다. 도 7 과 도 9 의 차이점은, 도 7 의 활성 페이지는 제1 스페이스(741)의 제1 웹 페이지(7412)이고, 도 9 의 활성 페이지는 제2 스페이스(742)의 제2 웹 페이지(7422)라는 것이다. 즉, 도 7 의 실시예에서는 사용자의 가장 최근 입력이 제1 웹 페이지(7412)에서 수신되었고, 도 9 의 실시예에서는 사용자의 가장 최근 입력이 제2 웹 페이지(7422)에서 수신되었다. 본 발명의 일 실시예에 따르면, 활성 페이지의 정보에 기초하여 선택된 두번째 탭의 색인 및 URL 강조 표시가 설정될 수 있다. 보다 상세히, 도 7 의 실시예에서는 제1 웹 페이지(7412)의 웹 페이지 타이틀('bbb.com')이 탭 색인(712)에 표시되었고, 도 9 의 실시예에서는 제2 웹 페이지(7422)의 웹 페이지 타이틀('mail.bbb.com')이 탭 색인(912)에 표시된 것을 알 수 있다. 또한, 도 7 의 실시예에서는 제1 웹 페이지(7412)의 URL('bbb.com')(7211)에 강조 표시가 되어 있고, 도 9 의 실시예에서는 제2 웹 페이지(7422)의 URL('mail.bbb.com')(9212)에 강조 표시가 되어 있다. 도 7 및 도 9 의 실시예에서 강조 표시는 URL 주변에 점선 테두리를 추가하는 것이다.
도 10 은 본 발명의 다른 일 실시예에 따른 웹 브라우저를 나타낸 것이다.
도 10 은 도 8 의 변형예로서, 도 8 과 중복되는 설명 및 도면 번호는 생략하거나 간략히 표시하기로 한다. 도 8 과 도 10 의 차이점은, 도 8 의 활성 페이지는 제1 스페이스(841)의 제1 웹 페이지(8412)이고, 도 10 의 활성 페이지는 제2 스페이스(842, 1042)의 제2 웹 페이지(8422)이며, 구분선(843, 1043)이 오른쪽으로 이동한 것이다. 즉, 도 8 의 실시예에서는 사용자의 가장 최근 입력이 제1 웹 페이지(8412)에서 수신되었고, 도 10 의 실시예에서는 사용자의 가장 최근 입력이 제2 웹 페이지(8422)에서 수신되었다. 보다 상세히, 도 8 의 실시예에서는 제1 웹 페이지(8412)의 웹 페이지 타이틀('ccc.com')이 탭 색인(813)에 표시되었고, 도 10 의 실시예에서는 제2 웹 페이지(8422)의 웹 페이지 타이틀('search.com')이 탭 색인(1013)에 표시된 것을 알 수 있다. 또한, 도 8 의 실시예에서는 제1 웹 페이지(8412)의 URL('ccc.com')(8211)에 강조 표시가 되어 있고, 도 10 의 실시예에서는 제2 웹 페이지(8422)의 URL('search.com')(10212)에 강조 표시가 되어 있다. 또한, 도 8 의 실시예에서는 활성 페이지를 포함하는 제1 스페이스(841)에 활성 표시(8411)가 되어 있고, 도 10 의 실시예에서는 활성 페이지를 포함하는 제2 스페이스(1042)에 활성 표시(10421)가 되어 있다.
또한, 도 8 과 비교할 때 도 10 의 실시예에서는 구분선(1043)이 오른쪽으로 이동하여 제1 스페이스(1041)의 크기가 커지고, 제2 스페이스(1042)의 크기가 작아진 것을 알 수 있다. 사용자는 구분선(1043)을 좌우로 이동시켜 양 스페이스의 크기를 조정할 수 있다. 이때, 구분선(1043)의 이동으로 인해 스페이스의 크기가 조정되는 경우, 스페이스에 표시된 웹 페이지의 여백의 크기부터 확대 혹은 축소될 수 있다. 예를 들어, 도 10 의 실시예에서, 제1 스페이스(1041)에 표시된 웹 페이지의 양쪽 여백이 확대되고, 제2 스페이스(1042)에 표시된 웹 페이지의 양쪽 여백이 축소되어 웹 페이지 컨텐츠가 스페이스의 중앙에 표시되도록 할 수 있다. 즉, 스페이스의 크기가 확대/축소됨에 따라 우선적으로 웹 페이지의 여백을 확대/축소함으로써, 스페이스의 크기가 조정되더라도 웹 페이지의 컨텐츠가 우선적으로 웹 브라우저 화면에 표시되거나, 스페이스 중앙에 정렬되도록 할 수 있다.
도 11 은 본 발명의 다른 일 실시예에 따른 웹 브라우저를 나타낸 것이다.
도 11 은 도 7 의 변형예로서, 도 7 과 중복되는 설명 및 도면 번호는 생략하거나 간략히 표시하기로 한다. 도 11 의 실시예는 도 7 의 스크롤바(7413)에 마우스가 오버(over)되었을 때, 도 11 과 같이 스크롤바(11413)가 확대 및/또는 투명도 감소되며, 스크롤바(11413)가 움직일 수 있는 영역이 함께 표시된 것을 예시한 도면이다. 도 7 의 설명에서 살펴본 바와 같이, 본 발명은 분할된 스페이스에 의해 복수개의 웹 페이지가 표시될 때 컨텐츠 표시 영역이 축소되는 것을 고려하여, 스크롤바를 반투명 처리하여 웹 페이지 상에 오버레이 할 수 있다. 또한, 본 발명은 사용자가 스크롤바를 조작하고자 하는 경우, 사용자가 인식하기 쉽도록 도 11 과 같이 스크롤바(11413)를 확대 및/또는 투명도 감소 설정할 수 있다. 도 11 에서는 스크롤바(11413)에 마우스가 오버된 예를 나타내고 있지만, 다른 예시에서는 키보드의 상하 키를 조작하는 등 스크롤바(11413)의 위치가 조정되는 모든 입력에 대해 스크롤바(11413)는 확대 및/또는 투명도 감소 설정될 수 있다. 다른 실시예에서는, 스크롤바(11413)의 투명도를 0 으로 설정하여 스크롤바(1141)를 불투명 설정할 수도 있다.
본 발명에서 설명하는 특정 실행들은 일 실시 예들로서, 어떠한 방법으로도 본 발명의 범위를 한정하는 것은 아니다. 명세서의 간결함을 위하여, 종래 전자적인 구성들, 제어 시스템들, 소프트웨어, 상기 시스템들의 다른 기능적인 측면들의 기재는 생략될 수 있다. 또한, 도면에 도시된 구성 요소들 간의 선들의 연결 또는 연결 부재들은 기능적인 연결 및/또는 물리적 또는 회로적 연결들을 예시적으로 나타낸 것으로서, 실제 장치에서는 대체 가능하거나 추가의 다양한 기능적인 연결, 물리적인 연결, 또는 회로 연결들로서 나타내어질 수 있다. 또한, “필수적인”, “중요하게” 등과 같이 구체적인 언급이 없다면 본 발명의 적용을 위하여 반드시 필요한 구성 요소가 아닐 수 있다.
본 발명의 명세서(특히 특허청구범위에서)에서 “상기”의 용어 및 이와 유사한 지시 용어의 사용은 단수 및 복수 모두에 해당하는 것일 수 있다. 또한, 본 발명에서 범위(range)를 기재한 경우 상기 범위에 속하는 개별적인 값을 적용한 발명을 포함하는 것으로서(이에 반하는 기재가 없다면), 발명의 상세한 설명에 상기 범위를 구성하는 각 개별적인 값을 기재한 것과 같다. 마지막으로, 본 발명에 따른 방법을 구성하는 단계들에 대하여 명백하게 순서를 기재하거나 반하는 기재가 없다면, 상기 단계들은 적당한 순서로 행해질 수 있다. 반드시 상기 단계들의 기재 순서에 따라 본 발명이 한정되는 것은 아니다. 본 발명에서 모든 예들 또는 예시적인 용어(예들 들어, 등등)의 사용은 단순히 본 발명을 상세히 설명하기 위한 것으로서 특허청구범위에 의해 한정되지 않는 이상 상기 예들 또는 예시적인 용어로 인해 본 발명의 범위가 한정되는 것은 아니다. 또한, 당업자는 다양한 수정, 조합 및 변경이 부가된 특허청구범위 또는 그 균등물의 범주 내에서 설계 조건 및 팩터에 따라 구성될 수 있음을 알 수 있다.
이상 설명된 본 발명에 따른 실시예는 컴퓨터 상에서 다양한 구성요소를 통하여 실행될 수 있는 컴퓨터 프로그램의 형태로 구현될 수 있으며, 이와 같은 컴퓨터 프로그램은 컴퓨터로 판독 가능한 매체에 기록될 수 있다. 이때, 매체는 컴퓨터로 실행 가능한 프로그램을 계속 저장하거나, 실행 또는 다운로드를 위해 저장하는 것일 수도 있다. 또한, 매체는 단일 또는 수개 하드웨어가 결합된 형태의 다양한 기록수단 또는 저장수단일 수 있는데, 어떤 컴퓨터 시스템에 직접 접속되는 매체에 한정되지 않고, 네트워크 상에 분산 존재하는 것일 수도 있다. 매체의 예시로는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등을 포함하여 프로그램 명령어가 저장되도록 구성된 것이 있을 수 있다. 또한, 다른 매체의 예시로, 애플리케이션을 유통하는 앱 스토어나 기타 다양한 소프트웨어를 공급 내지 유통하는 사이트, 서버 등에서 관리하는 기록매체 내지 저장매체도 들 수 있다.
이상에서 본 발명이 구체적인 구성요소 등과 같은 특정 사항과 한정된 실시예 및 도면에 의하여 설명되었으나, 이는 본 발명의 보다 전반적인 이해를 돕기 위하여 제공된 것일 뿐, 본 발명이 상기 실시예에 한정되는 것은 아니며, 본 발명이 속하는 기술분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정과 변경을 꾀할 수 있다.
따라서, 본 발명의 사상은 상기 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐만 아니라 이 특허청구범위와 균등한 또는 이로부터 등가적으로 변경된 모든 범위는 본 발명의 사상의 범주에 속한다고 할 것이다.

Claims (16)

  1. 하나 이상의 탭(tab) 중 하나를 컨텐츠 표시 영역에 제공하는 웹 브라우징(web browsing) 인터페이스 제공 방법으로서,
    상기 탭의 스페이스 모드에 기초하여, 상기 탭을 2 이상의 스페이스들로 분할하는 단계;
    상기 분할된 스페이스들 각각에 웹 페이지를 표시하는 단계;
    상기 탭이 2 이상의 스페이스들로 분할된 상태에서, 상기 탭의 스페이스 모드에 기초하여 제1 모드 또는 제2 모드 중 하나의 모드를 결정하는 단계;
    상기 스페이스 모드가 상기 제1 모드인 경우, 상기 분할된 스페이스들 중 하나의 스페이스를 메인 스페이스로 설정하고, 상기 메인 스페이스 내의 주변부에 여백 영역을 설정하고, 상기 여백 영역을 제외한 영역에 웹 페이지를 표시하도록 설정하는 제1 모드 설정 단계;
    를 포함하는 웹 브라우징 인터페이스 제공 방법.
  2. 제 1 항에 있어서,
    상기 제1 모드 설정 단계는,
    상기 메인 스페이스에 표시된 웹 페이지의 링크를 선택하는 입력이 수신되는 경우, 상기 링크에 대응되는 웹 페이지를 상기 메인 스페이스가 아닌 다른 스페이스에서 로딩하는, 웹 브라우징 인터페이스 제공 방법.
  3. 제 1 항에 있어서,
    상기 스페이스 모드가 상기 제2 모드인 경우, 상기 분할된 스페이스들 중 특정 스페이스에 표시된 웹 페이지의 링크를 선택하는 입력이 수신되는 경우, 상기 링크에 대응되는 웹 페이지를 상기 특정 스페이스에서 로딩하는 제2 모드 설정 단계를 더 포함하는, 웹 브라우징 인터페이스 제공 방법.
  4. 제 3 항에 있어서,
    상기 제2 모드 설정 단계는, 상기 분할된 스페이스들 중 활성 웹 페이지를 포함하는 스페이스에 활성 표시를 제공하는, 웹 브라우징 인터페이스 제공 방법.
  5. 제 4 항에 있어서,
    상기 활성 표시는 상기 활성 웹 페이지를 포함하는 스페이스의 외곽에 그림자 효과를 설정하는 것인, 웹 브라우징 인터페이스 제공 방법.
  6. 제 1 항에 있어서,
    상기 분할된 스페이스들에 표시된 웹 페이지들 중 활성 페이지를 결정하고, 상기 활성 페이지의 정보에 기초하여 상기 탭의 색인 또는 URL 강조 표시를 설정하는 활성 페이지 결정 단계를 더 포함하는, 웹 브라우징 인터페이스 제공 방법.
  7. 제 6 항에 있어서,
    상기 활성 페이지 결정 단계는,
    상기 분할된 스페이스들 각각에 표시된 웹페이지들 중 사용자로부터의 가장 최근 입력이 수신된 웹 페이지를 활성 페이지로 설정하는, 웹 브라우징 인터페이스 제공 방법.
  8. 제 1 항에 있어서,
    상기 제1 모드 또는 제2 모드는 웹 브라우저 상에 제공된 토글 키(toggle key)를 선택하는 사용자 입력에 의해 설정되는, 웹 브라우징 인터페이스 제공 방법.
  9. 제 1 항에 있어서,
    상기 웹 페이지를 표시하는 단계는,
    상기 분할된 스페이스들 각각에 표시된 웹페이지들 상에 오버레이(overlay)되도록 반투명 처리된 스크롤바를 표시하고,
    상기 스크롤바는, 상기 스크롤바에 대한 사용자 입력이 감지되는 경우 확대되거나 투명도가 감소하도록 설정되는, 웹 브라우징 인터페이스 제공 방법.
  10. 제 1 항에 있어서,
    상기 웹 페이지를 표시하는 단계는,
    상기 분할된 스페이스들 사이에 사용자 입력에 의해 위치가 조정될 수 있는 구분선을 표시하고, 상기 구분선의 조정으로 인해 특정 스페이스의 크기가 확대 또는 축소되는 경우, 상기 특정 스페이스에 표시된 웹페이지의 여백을 우선적으로 확대 또는 축소하는, 웹 브라우징 인터페이스 제공 방법.
  11. 제 1 항 내지 제 10 항 중 어느 한 항에 기재된 방법을 실행시키기 위해 컴퓨터 판독 가능한 기록매체에 저장된 컴퓨터 프로그램.
  12. 하나 이상의 탭(tab) 중 하나를 컨텐츠 표시 영역에 제공하는 웹 브라우징 인터페이스를 제공하는 장치로서,
    상기 탭의 스페이스 모드에 기초하여, 상기 탭을 2 이상의 스페이스들로 분할하고, 분할된 스페이스 각각에 웹 페이지를 표시하는 스페이스 분할부;
    상기 탭이 2 이상의 스페이스들로 분할된 상태에서, 상기 탭의 스페이스 모드에 기초하여 제1 모드 또는 제2 모드 중 하나의 모드를 결정하는 모드 결정부;
    상기 스페이스 모드가 상기 제1 모드인 경우, 상기 분할된 스페이스들 중 하나의 스페이스를 메인 스페이스로 설정하고, 상기 메인 스페이스 내의 주변부에 여백 영역을 설정하고, 상기 여백 영역을 제외한 영역에 웹 페이지를 표시하도록 설정하는 제1 모드 설정부;
    를 포함하는 웹 브라우징 인터페이스 제공 장치.
  13. 제 12 항에 있어서,
    상기 제1 모드 설정부는,
    상기 메인 스페이스에 표시된 웹 페이지의 링크를 선택하는 입력이 수신되는 경우, 상기 링크에 대응되는 웹 페이지를 상기 메인 스페이스가 아닌 다른 스페이스에서 로딩하는, 웹 브라우징 인터페이스 제공 장치.
  14. 제 12 항에 있어서,
    상기 스페이스 모드가 상기 제2 모드인 경우, 상기 분할된 스페이스들 중 특정 스페이스에 표시된 웹 페이지의 링크를 선택하는 입력이 수신되는 경우, 상기 링크에 대응되는 웹 페이지를 상기 특정 스페이스에서 로딩하는 제2 모드 설정부를 더 포함하는, 웹 브라우징 인터페이스 제공 장치.
  15. 제 14 항에 있어서,
    상기 제2 모드 설정부는, 상기 분할된 스페이스들 중 활성 웹 페이지를 포함하는 스페이스에 활성 표시를 제공하는, 웹 브라우징 인터페이스 제공 장치.
  16. 제 12 항에 있어서,
    상기 분할된 스페이스들에 표시된 웹 페이지들 중 활성 페이지를 결정하고, 상기 활성 페이지의 정보에 기초하여 상기 탭의 색인 또는 URL 강조 표시를 설정하는 활성 페이지 결정부를 더 포함하는, 웹 브라우징 인터페이스 제공 장치.
KR1020170052550A 2017-04-24 2017-04-24 웹 브라우징 인터페이스 제공 방법 및 장치 KR101999340B1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020170052550A KR101999340B1 (ko) 2017-04-24 2017-04-24 웹 브라우징 인터페이스 제공 방법 및 장치
US15/839,295 US11243649B2 (en) 2017-04-24 2017-12-12 Method and apparatus for providing web browsing interface including dividing the content display region into at least two spaces, and allowing selection of different modes for loading web pages ot the at elast two spaces

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170052550A KR101999340B1 (ko) 2017-04-24 2017-04-24 웹 브라우징 인터페이스 제공 방법 및 장치

Publications (2)

Publication Number Publication Date
KR20180119065A KR20180119065A (ko) 2018-11-01
KR101999340B1 true KR101999340B1 (ko) 2019-07-11

Family

ID=63852350

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170052550A KR101999340B1 (ko) 2017-04-24 2017-04-24 웹 브라우징 인터페이스 제공 방법 및 장치

Country Status (2)

Country Link
US (1) US11243649B2 (ko)
KR (1) KR101999340B1 (ko)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20240004524A1 (en) * 2022-06-30 2024-01-04 Microsoft Technology Licensing, Llc Window arrangements using tabbed user interface elements

Family Cites Families (25)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8255809B2 (en) * 1999-12-23 2012-08-28 International Business Machines Corporation Webtop: multiple applet delivery within a fixed-sized viewing space
TW594556B (en) * 2000-11-03 2004-06-21 Synq Technology Inc Computer system for displaying multiple window screens
US7568149B2 (en) * 2002-04-29 2009-07-28 At&T Labs, Inc. Method and system for controlling the operation of hyperlinks
US8572058B2 (en) * 2002-11-27 2013-10-29 Accenture Global Services Limited Presenting linked information in a CRM system
US7062505B2 (en) * 2002-11-27 2006-06-13 Accenture Global Services Gmbh Content management system for the telecommunications industry
US20060224951A1 (en) * 2005-03-30 2006-10-05 Yahoo! Inc. Multiple window browser interface and system and method of generating multiple window browser interface
US8676796B2 (en) * 2005-05-26 2014-03-18 Carhamm Ltd., Llc Coordinated related-search feedback that assists search refinement
US20080065237A1 (en) * 2006-09-10 2008-03-13 Long Wesley V Dynamic HTML based Multi Tabbed Sortable Results
TWI386843B (zh) * 2008-07-03 2013-02-21 Wistron Corp 螢幕顯示區分割方法、螢幕顯示區分割系統，及電腦程式產品
KR101071472B1 (ko) * 2009-05-12 2011-10-10 주식회사 엘지유플러스 모바일 인터넷 브라우저에서 멀티 탭 지원 시스템 및 방법
US8555184B2 (en) * 2010-04-21 2013-10-08 Blackberry Limited Method of interacting with a scrollable area on a portable electronic device
US9065885B2 (en) * 2010-06-02 2015-06-23 Ebay Inc. Method and system for detecting slow page load
US9310834B2 (en) * 2011-06-30 2016-04-12 Z124 Full screen mode
US20150199308A1 (en) * 2011-10-17 2015-07-16 Google Inc. Systems and methods for controlling the display of online documents
US9032292B2 (en) * 2012-01-19 2015-05-12 Blackberry Limited Simultaneous display of multiple maximized applications on touch screen electronic devices
US20140096042A1 (en) * 2012-07-09 2014-04-03 Aaron Tyler Travis Method and system for generating and storing a collection of interactive browsers within a navigation plane
US9613160B2 (en) * 2012-09-28 2017-04-04 Disney Enterprises, Inc. Client-side web site selection according to device capabilities
EP2767896B1 (en) * 2013-02-14 2019-01-16 LG Electronics Inc. Mobile terminal and method of controlling the mobile terminal
US9535565B2 (en) * 2013-05-13 2017-01-03 Microsoft Technology Licensing, Llc Smart insertion of applications into layouts
US10025463B2 (en) * 2013-09-18 2018-07-17 Vivint, Inc. Systems and methods for home automation scene control
JP6151157B2 (ja) * 2013-10-29 2017-06-21 京セラ株式会社 電子機器および制御プログラム並びに電子機器の動作方法
US20160124924A1 (en) * 2014-10-09 2016-05-05 Wrap Media, LLC Displaying a wrap package of cards within an overlay window embedded in an application or web page
US10289296B1 (en) * 2015-08-21 2019-05-14 Google Llc Systems and methods for dynamically appending supplemental content to an information resource responsive to scroll activity
US10049085B2 (en) * 2015-08-31 2018-08-14 Qualtrics, Llc Presenting views of an electronic document
US10635299B2 (en) * 2016-06-10 2020-04-28 Apple Inc. Device, method, and graphical user interface for manipulating windows in split screen mode

Also Published As

Publication number Publication date
US11243649B2 (en) 2022-02-08
US20180307379A1 (en) 2018-10-25
KR20180119065A (ko) 2018-11-01

Similar Documents

Publication Publication Date Title
US9954989B2 (en) Lock screen graphical user interface
EP3069224B1 (en) Remote control for displaying application data on dissimilar screens
US20100259562A1 (en) Display control apparatus, display control method and computer program
US20130080913A1 (en) Multi-column notebook interaction
KR101891582B1 (ko) 컨텐츠 내 하이라이트 댓글을 처리하기 위한 방법 및 시스템
JP5643462B2 (ja) データ表示装置、データ表示方法およびプログラム
KR100619071B1 (ko) 메뉴 표시 장치 및 그 방법과 이를 수행하기 위한프로그램이 기록된 기록매체
KR20140001957A (ko) 입력된 텍스트를 이용하여 상황 정보에 액세스하여 이를 처리하기 위한 시스템들 및 방법들
US8949858B2 (en) Augmenting user interface elements with information
US8612850B2 (en) Information browsing method for partitioning contents of page and assigning identifiers to data partitions and related machine-readable medium thereof
US9552671B2 (en) Method for operating three-dimensional handler and terminal supporting the same
KR20180138020A (ko) 웹 브라우징 인터페이스 제공 방법 및 장치
KR101999340B1 (ko) 웹 브라우징 인터페이스 제공 방법 및 장치
CN108292187B (zh) 上下文命令栏
US20140002377A1 (en) Manipulating content on a canvas with touch gestures
JP4943054B2 (ja) 端末装置、及び、端末装置用プログラム
KR101918705B1 (ko) 인지 부하를 줄이기 위한 화면 구성 방법 및 시스템
KR20170044116A (ko) 오브젝트를 편집 가능한 형태로 전체 화면 팝 아웃하는 기법
US11770686B2 (en) Accessing content using time, topic, and location to transition between display modes
KR102301498B1 (ko) 듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램
WO2010084949A1 (ja) 情報処理装置、情報提示方法、情報提示プログラム
KR20170032590A (ko) 하나의 그룹에 포함된 이미지들에 이미지 효과를 일괄 적용하기 위한 방법 및 시스템
KR20050096705A (ko) 휴대용 정보 단말기에서의 키 네비게이션 방법
JP2011123086A (ja) 地図表示装置及び方法

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right