KR102031104B1 - Web browser display apparatus and web browser display method - Google Patents

Web browser display apparatus and web browser display method

Info

Publication number
KR102031104B1
KR102031104B1 KR1020170168140A KR20170168140A KR102031104B1 KR 102031104 B1 KR102031104 B1 KR 102031104B1 KR 1020170168140 A KR1020170168140 A KR 1020170168140A KR 20170168140 A KR20170168140 A KR 20170168140A KR 102031104 B1 KR102031104 B1 KR 102031104B1
Authority
KR
South Korea
Prior art keywords
area
toolbar
icon
page
user
Prior art date
Application number
KR1020170168140A
Other languages
Korean (ko)
Other versions
KR20190068092A (en
Inventor
김효
윤수진
김지환
최지호
이윤석
최성은
손희정
김효정
Original Assignee
네이버 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 네이버 주식회사 filed Critical 네이버 주식회사
Priority to KR1020170168140A priority Critical patent/KR102031104B1/en
Publication of KR20190068092A publication Critical patent/KR20190068092A/en
Application granted granted Critical
Publication of KR102031104B1 publication Critical patent/KR102031104B1/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/016Input arrangements with force or tactile feedback as computer generated output to the user
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04817Interaction 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 using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0486Drag-and-drop
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명은 웹 브라우징에 사용되는 기능을 사용하기 위한 툴바를 이용하는 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법에 관한 것으로서, 디스플레이의 화면을 통해 웹 페이지를 페이지 영역에 표시하고, 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역에 표시하며, 상기 툴바 영역에 대한 사용자의 선택과 상기 사용자의 드래그 동작을 인식하고, 상기 드래그 동작에 대응하여 상기 툴바 영역에 상기 툴 아이콘들 중 다른 일부를 표시할 수 있다.The present invention relates to a web browser display device and a web browser display method using a toolbar for using a function used for web browsing, wherein a web page is displayed on a page area through a display screen, and tool icons for web browsing are displayed. Some of the tools may be displayed in a toolbar area, the user's selection of the toolbar area and the drag operation of the user may be recognized, and another part of the tool icons may be displayed on the toolbar area in response to the drag operation.

Description

웹 브라우저 표시 장치 및 웹 브라우저 표시 방법 {WEB BROWSER DISPLAY APPARATUS AND WEB BROWSER DISPLAY METHOD}Web browser display and web browser display method {WEB BROWSER DISPLAY APPARATUS AND WEB BROWSER DISPLAY METHOD}

본 발명은 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법에 관한 것으로서, 보다 구체적으로는 웹 브라우징에 사용되는 기능을 사용하기 위한 툴바를 이용하는 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법에 관한 것이다.The present invention relates to a web browser display device and a web browser display method, and more particularly, to a web browser display device and a web browser display method using a toolbar for using a function used for web browsing.

근래에 들어, 컴퓨터, 전자, 인터넷 통신 기술이 비약적으로 발달함에 따라 무선통신망(Wireless Network)을 이용하여 다양한 멀티미디어 통신 서비스가 제공되고 있다. 이에 따라, 사용자들이 멀티미디어 통신 서비스를 충분히 활용할 수 있도록 지원해주는 스마트폰과 같은 모바일 단말기가 각광을 받게 되었으며 이와 함께 모바일 단말기용 애플리케이션과 같은 각종 콘텐츠들도 개발되어 출시되고 있는 중이다.In recent years, as the computer, electronic, and internet communication technologies have developed rapidly, various multimedia communication services have been provided using a wireless network. Accordingly, a mobile terminal such as a smart phone that enables users to fully utilize a multimedia communication service has been in the spotlight, and various contents such as an application for a mobile terminal are being developed and released.

모바일 단말기를 위한 다양한 애플리케이션 중, 특히 모바일 단말기의 사용자의 인터넷 사용을 보조하기 위한 다양한 웹 브라우저는 모바일 단말기의 디스플레이 화면의 일부 영역에 사용자가 탐색하는 웹 페이지를 표시하고, 다른 일부의 영역에 웹 페이지 간 이동을 보조하기 위한 툴바가 사용될 수 있다.Among various applications for mobile terminals, in particular, various web browsers to assist the user of the mobile terminal in using the Internet display a web page that the user navigates to in some areas of the display screen of the mobile terminal, and the web pages in some other areas. Toolbars may be used to assist the liver movement.

웹 브라우저의 툴바가 수행하는 기능이나 그 사용 방법은 사용자의 편의를 위한 다양한 방향으로 개발되고 있다. 그러나 모바일 웹 브라우저의 경우, 모바일 단말기의 디스플레이의 크기가 제한 되어, 웹 브라우징에 유용한 모든 기능을 표시할 수 없다는 문제점과 모바일 단말기에 사용자의 명령을 입력하기 위하여 손 끝이나 터치용 펜을 이용하여 수행해야 하므로 사용이 번거롭고 오래 걸릴 수 있다.Functions performed by the toolbar of the web browser and a method of using the same are being developed in various directions for the convenience of the user. However, in the case of a mobile web browser, the display size of the mobile terminal is limited, so that all functions useful for web browsing cannot be displayed and the user can use a fingertip or a touch pen to input a user's command to the mobile terminal. This can be cumbersome and time consuming to use.

상기한 문제점을 해결하기 위해 툴바의 위치를 변경하고 툴바의 사용 방법을 단순히 하기 위한 기술이 개발되고 있으나, 모바일 웹 브라우저의 툴바를 간단하고 효과적으로 사용하기 위한 방법은 아직 제안되고 있지 않은 실정이다.In order to solve the above problems, a technique for changing the position of the toolbar and simply using the toolbar has been developed, but a method for simply and effectively using the toolbar of the mobile web browser has not been proposed yet.

한국 특허공개공보 10-2015-0001596Korean Patent Publication 10-2015-0001596

본 발명은 상기와 같은 종래의 문제점을 해결하기 위해 창안된 것으로, 웹 브라우징을 위해 사용되며 툴바에 포함되는 아이콘의 기능을 다양화하여 사용자의 편의성을 증진시키는 것을 목적으로 한다.The present invention has been made to solve the above-mentioned conventional problems, and aims to enhance user convenience by diversifying the functions of icons included in a toolbar and used for web browsing.

본 발명은 툴바에 위치하며, 지정된 웹 페이지로 바로 이동할 수 있는 아이콘을 간단한 제스쳐로 선택할 수 있게 하여, 사용자의 웹 브라우징을 보다 간편하게 하는 것을 다른 목적으로 한다. Another object of the present invention is to make a user's web browsing easier by allowing a user to select a simple gesture of an icon which can be directly located on a toolbar and moves directly to a designated web page.

본 발명은 웹 브라우징을 위해 사용되는 툴바에 표시되는 아이콘을 브라우징 상태에 따라 유동적으로 변경함으로써 사용자의 웹 브라우징을 보다 빠르게 하는 것을 다른 목적으로 한다.Another object of the present invention is to make a user's web browsing faster by changing an icon displayed on a toolbar used for web browsing according to the browsing state.

상기한 과제를 해결하기 위하여 본 발명의 실시예에 따른 웹 브라우저 표시 장치는 디스플레이; 적어도 하나의 프로그램이 저장된 메모리; 및 상기 적어도 하나의 프로그램의 제어에 따라 동작하는 프로세서를 포함하되, 상기 프로세서는 상기 디스플레이의 화면을 통해 웹 페이지를 페이지 영역에 표시하고, 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역에 표시하며, 상기 툴바 영역에 대한 사용자의 선택과 상기 사용자의 드래그 동작을 인식하고, 상기 드래그 동작에 대응하여 상기 툴바 영역에 상기 툴 아이콘들 중 다른 일부를 표시할 수 있다.In order to solve the above problems, a web browser display device according to an embodiment of the present invention includes a display; A memory in which at least one program is stored; And a processor operating under the control of the at least one program, wherein the processor displays a web page in a page area through a screen of the display, and displays some of the tool icons for web browsing in a toolbar area. The controller may recognize a user's selection of the toolbar area and a drag operation of the user, and display another part of the tool icons on the toolbar area in response to the drag operation.

또한, 상기한 과제를 해결하기 위하여 본 발명의 다른 실시예에 따른 웹 브라우저 표시 장치는 디스플레이; 적어도 하나의 프로그램이 저장된 메모리; 및 상기 적어도 하나의 프로그램의 제어에 따라 동작하는 프로세서를 포함하되, 상기 프로세서는 상기 디스플레이의 화면을 통해 사용자의 웹 브라우징에 따른 페이지를 페이지 영역에 표시하고, 상기 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역에 표시하며, 상기 페이지 영역에 표시되는 페이지가 새로운 탭이 열린 것에 대응되어 생성된 페이지이면 상기 페이지 영역에 대한 상기 사용자의 선택과 상기 사용자의 드래그 동작을 인식하고, 상기 드래그 동작에 대응하여 상기 페이지 영역에 상기 툴 아이콘을 표시할 수 있다.In addition, in order to solve the above problems, a web browser display device according to another embodiment of the present invention includes a display; A memory in which at least one program is stored; And a processor operating under the control of the at least one program, wherein the processor displays a page according to a user's web browsing in a page area on a screen of the display, and includes some of the tool icons for the web browsing. Is displayed in the toolbar area, and if the page displayed in the page area is a page generated in response to the opening of a new tab, the user's selection of the page area and the user's dragging operation are recognized, and the dragging operation is performed. The tool icon may be displayed in the page area.

또한, 상기한 과제를 해결하기 위하여 본 발명의 또 다른 실시예에 따른 웹 브라우저 표시 장치는 디스플레이; 적어도 하나의 프로그램이 저장된 메모리; 및 상기 적어도 하나의 프로그램의 제어에 따라 동작하는 프로세서를 포함하되, 상기 프로세서는 상기 디스플레이의 화면을 통해 웹 페이지를 페이지 영역에 표시하고, 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역에 표시하며, 상기 툴 아이콘에 대한 사용자의 제1 동작과 제2 동작을 인식하고, 상기 제1 동작에 대응하여 상기 툴 아이콘의 기능을 실행하며, 상기 제2 동작에 대응하여 상기 툴바 영역에 상기 툴 아이콘들 중 다른 일부를 표시할 수 있다.In addition, in order to solve the above problems, a web browser display device according to another embodiment of the present invention includes a display; A memory in which at least one program is stored; And a processor operating under the control of the at least one program, wherein the processor displays a web page in a page area through a screen of the display, and displays some of the tool icons for web browsing in a toolbar area. Recognize the first and second operations of the user with respect to the tool icon, execute a function of the tool icon in response to the first operation, and display the tool icons in the toolbar area in response to the second operation. You can display some other of them.

또한, 상기한 과제를 해결하기 위하여 본 발명의 또 다른 실시예에 따른 웹 브라우저 표시 장치는 디스플레이; 적어도 하나의 프로그램이 저장된 메모리; 및 상기 적어도 하나의 프로그램의 제어에 따라 동작하는 프로세서를 포함하되, 상기 프로세서는 상기 디스플레이의 화면을 통해 사용자의 웹 브라우징에 따른 페이지를 페이지 영역에 표시하고, 상기 웹 브라우징을 위한 툴 아이콘을 툴바 영역에 표시하며, 상기 툴 아이콘은 상기 사용자가 지정한 웹 페이지로 이동하기 위한 링크 아이콘을 포함할 수 있다.In addition, in order to solve the above problems, a web browser display device according to another embodiment of the present invention includes a display; A memory in which at least one program is stored; And a processor operating under the control of the at least one program, wherein the processor displays a page according to a user's web browsing in a page area through a screen of the display, and displays a tool icon for the web browsing in a toolbar area. The tool icon may include a link icon for moving to a web page designated by the user.

또한, 상기한 과제를 해결하기 위하여 본 발명의 또 다른 실시예에 따른 웹 브라우저 표시 방법은 디스플레이의 화면을 통해 사용자의 웹 브라우징에 따른 페이지를 페이지 영역에 표시하고, 상기 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역에 표시하는 페이지 및 툴바 영역 표시 단계; 사용자의 툴바 영역의 선택을 인식하는 단계; 상기 사용자의 드래그 동작을 인식하는 단계; 및 상기 툴 아이콘들 중 다른 일부가 상기 툴바 영역에 표시되도록 상기 툴바 영역에 표시되는 툴 아이콘을 변경하는 단계; 를 포함할 수 있다.In addition, in order to solve the above problems, the web browser display method according to another embodiment of the present invention displays a page according to the user's web browsing in the page area on the screen of the display, and tool icons for the web browsing Displaying a page and a toolbar area, the part of which is displayed in a toolbar area; Recognizing a selection of a toolbar area of the user; Recognizing a drag operation of the user; Changing a tool icon displayed on the toolbar area such that another part of the tool icons is displayed on the toolbar area; It may include.

또한, 상기한 과제를 해결하기 위하여 본 발명의 또 다른 실시예에 따른 웹 브라우저 표시 방법은 디스플레이의 화면을 통해 사용자의 웹 브라우징에 따른 페이지를 페이지 영역에 표시하고, 상기 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역에 표시하는 페이지 및 툴바 영역 표시 단계; 상기 페이지 영역의 선택을 인식하는 단계; 상기 사용자의 드래그 동작을 인식하는 단계; 및 상기 툴 아이콘들 중 다른 일부가 상기 페이지 영역에 표시되도록 상기 페이지 영역에 상기 툴 아이콘을 표시하는 단계; 를 포함할 수 있다.In addition, in order to solve the above problems, the web browser display method according to another embodiment of the present invention displays a page according to the user's web browsing in the page area on the screen of the display, and tool icons for the web browsing Displaying a page and a toolbar area, the part of which is displayed in a toolbar area; Recognizing a selection of the page area; Recognizing a drag operation of the user; And displaying the tool icon in the page area such that some other of the tool icons are displayed in the page area. It may include.

본 발명의 실시예에 따른 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법은 웹 브라우징을 위해 사용되며 툴바에 포함되는 아이콘을 다양화하여 사용자의 편의성을 증진시키는 효과가 있다. Web browser display device and web browser display method according to an embodiment of the present invention is used for web browsing and has the effect of improving the convenience of the user by varying the icons included in the toolbar.

또한, 본 발명의 실시예에 따른 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법은 툴바에 위치하며, 지정된 웹 페이지로 바로 이동할 수 있는 아이콘을 간단한 제스쳐로 선택할 수 있게 하여, 사용자의 웹 브라우징을 보다 간편하게 할 수 있다. In addition, the web browser display device and the web browser display method according to an embodiment of the present invention is located on the toolbar, it is possible to select the icon that can be moved directly to the specified web page with a simple gesture to make the user's web browsing easier Can be.

또한, 본 발명의 실시예에 따른 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법은 툴바에 표시되는 아이콘을 브라우징 상태에 따라 유동적으로 변경함으로써 사용자의 웹 브라우징을 보다 빠르고 용이하게 할 수 있다.In addition, the web browser display device and the web browser display method according to an embodiment of the present invention can change the icon displayed on the toolbar flexibly according to the browsing state, thereby making the user's web browsing faster and easier.

본 발명에 관한 이해를 돕기 위해 상세한 설명의 일부로 포함되는, 첨부도면은 본 발명에 대한 실시예를 제공하고, 상세한 설명과 함께 본 발명의 기술적 사상을 설명한다.
도 1은 본 발명의 일 실시예에 따른 웹 브라우저 표시 장치와 웹 서버를 도시하는 도면이다.
도 2는 본 발명의 일 실시예에 따른 웹 브라우저 표시 방법을 설명하기 위한 순서도이다.
도 3은 본 발명의 다른 실시예에 따른 웹 브라우저 표시 방법을 설명하기 위한 순서도이다.
도 4는 웹 브라우저 표시 장치의 디스플레이에 표시되는 툴바를 예시하여 설명하기 위한 도면이다.
도 5는 툴바 영역에 대한 사용자의 선택을 인식하는 것을 예시하여 설명하기 위한 도면이다.
도 6은 툴바 영역에 대한 사용자의 드래그 동작을 인식하는 것을 예시하여 설명하기 위한 도면이다.
도 7은 사용자의 드래그 동작이 수행 된 후, 디스플레이에 표시되는 툴바를 예시하여 설명하기 위한 도면이다.
도 8 및 도 9는 사용자의 드래그 동작이 수행되는 과정을 설명하기 위한 도면이다.
도 10 및 도 11은 툴바의 확장 아이콘의 기능을 설명하기 위한 도면이다.
도 12 및 도 13은 페이지 영역에 표시되는 페이지의 특징에 따라 툴바에 표시되는 아이콘이 달라지는 것을 설명하기 위한 도면이다.
도 14 및 도 15는 페이지 영역에 대한 사용자의 선택과 드래그 동작을 인식하여 툴 아이콘이 표시되는 것을 설명하기 위한 도면이다.
BRIEF DESCRIPTION OF THE DRAWINGS The accompanying drawings, included as part of the detailed description in order to provide a thorough understanding of the present invention, provide examples of the present invention and together with the description, describe the technical idea of the present invention.
1 is a diagram illustrating a web browser display device and a web server according to an embodiment of the present invention.
2 is a flowchart illustrating a web browser display method according to an embodiment of the present invention.
3 is a flowchart illustrating a web browser display method according to another embodiment of the present invention.
4 is a diagram for explaining and explaining a toolbar displayed on a display of a web browser display device.
FIG. 5 illustrates an example of recognizing a user's selection of a toolbar area.
FIG. 6 is a diagram illustrating an example of recognizing a drag operation of a user with respect to a toolbar area.
FIG. 7 is a diagram for describing a toolbar displayed on a display after a drag operation of a user is performed.
8 and 9 are views for explaining a process of performing a user drag operation.
10 and 11 are views for explaining the function of the extension icon of the toolbar.
12 and 13 are diagrams for explaining that icons displayed on toolbars vary according to characteristics of pages displayed in a page area.
14 and 15 are views for explaining the display of a tool icon by recognizing a user's selection and dragging of a page area.

본 발명은 다양한 변환을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 이하에서는 특정 실시예들을 첨부된 도면을 기초로 상세히 설명하고자 한다.As the inventive concept allows for various changes and numerous embodiments, particular embodiments will be described in detail with reference to the accompanying drawings.

이하의 실시예는 본 명세서에서 기술된 방법, 장치 및/또는 시스템에 대한 포괄적인 이해를 돕기 위해 제공된다. 그러나 이는 예시에 불과하며 본 발명은 이에 제한되지 않는다.The following examples are provided to assist in a comprehensive understanding of the methods, devices, and / or systems described herein. However, this is only an example and the present invention is not limited thereto.

본 발명의 실시예들을 설명함에 있어서, 본 발명과 관련된 공지기술에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명을 생략하기로 한다. 그리고, 후술되는 용어들은 본 발명에서의 기능을 고려하여 정의된 용어들로서 이는 사용자, 운용자의 의도 또는 관례 등에 따라 달라질 수 있다. 그러므로 그 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다. 상세한 설명에서 사용되는 용어는 단지 본 발명의 실시 예들을 기술하기 위한 것이며, 결코 제한적이어서는 안 된다. 명확하게 달리 사용되지 않는 한, 단수 형태의 표현은 복수 형태의 의미를 포함한다. 본 설명에서, "포함" 또는 "구비"와 같은 표현은 어떤 특성들, 숫자들, 단계들, 동작들, 요소들, 이들의 일부 또는 조합을 가리키기 위한 것이며, 기술된 것 이외에 하나 또는 그 이상의 다른 특성, 숫자, 단계, 동작, 요소, 이들의 일부 또는 조합의 존재 또는 가능성을 배제하도록 해석되어서는 안 된다.In describing the embodiments of the present invention, when it is determined that the detailed description of the known technology related to the present invention may unnecessarily obscure the gist of the present invention, the detailed description thereof will be omitted. In addition, terms to be described below are terms defined in consideration of functions in the present invention, which may vary according to the intention or custom of a user or an operator. Therefore, the definition should be made based on the contents throughout the specification. The terminology used in the description is for the purpose of describing particular embodiments only and should not be limiting. Unless expressly used otherwise, the singular forms “a,” “an,” and “the” include plural forms of meaning. In this description, expressions such as "comprises" or "equipment" are intended to indicate certain features, numbers, steps, actions, elements, portions or combinations thereof, and one or more than those described. It should not be construed to exclude the presence or possibility of other features, numbers, steps, actions, elements, portions or combinations thereof.

또한, 제1, 제2 등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 상기 구성요소들은 상기 용어들에 의해 한정되는 것은 아니며, 상기 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다.In addition, terms such as first and second may be used to describe various components, but the components are not limited by the terms, and the terms are used to distinguish one component from another component. Only used as

이하에서는, 본 발명에 따른 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법을 예시한 실시 형태들이 첨부된 도면을 참조하여 상세히 설명한다.Hereinafter, embodiments illustrating a web browser display device and a web browser display method according to the present invention will be described in detail with reference to the accompanying drawings.

도 1은 본 발명의 일 실시예에 따른 웹 브라우저 표시 장치(10)와 웹 서버(12)를 도시하는 도면이다.1 is a diagram illustrating a web browser display device 10 and a web server 12 according to an embodiment of the present invention.

도 1을 참조하면, 도 1은 본 발명의 일 실시예에 따른 웹 브라우저 표시 장치(10)와 웹 서버(12)를 도시하는 도면이다.Referring to FIG. 1, FIG. 1 is a diagram illustrating a web browser display device 10 and a web server 12 according to an embodiment of the present invention.

먼저, 도 1을 참조하면, 웹 브라우저 표시 장치(10)와 웹 서버(12)는 네트워크(11)를 통해 연결된다. 네트워크(11)는 유선 네트워크와 무선 네트워크를 포함할 수 있으며, 구체적으로, 근거리 네트워크(LAN: Local Area Network), 도시권 네트워크(MAN: Metropolitan Area Network), 광역 네트워크(WAN: Wide Area Network) 등 다양한 네트워크(11)를 포함할 수 있다. 또한, 네트워크(11)는 공지의 월드 와이드 웹(WWW: World Wide Web)을 포함할 수도 있다. 그러나, 본 발명에 따른 네트워크(11)는 상기 열거된 네트워크에 국한되지 않고, 공지의 무선 데이터 네트워크나 공지의 전화 네트워크, 공지의 유무선 텔레비전 네트워크를 적어도 일부로 포함할 수도 있다.First, referring to FIG. 1, the web browser display device 10 and the web server 12 are connected through a network 11. The network 11 may include a wired network and a wireless network. Specifically, the network 11 may include a local area network (LAN), a metropolitan area network (MAN), a wide area network (WAN), and the like. Network 11. In addition, the network 11 may include a known World Wide Web (WWW). However, the network 11 according to the present invention is not limited to the networks listed above, and may include at least a part of a known wireless data network, a known telephone network, and a known wired and wireless television network.

웹 브라우저 표시 장치(10)는 웹 서버(12)로 콘텐츠를 요청하고, 웹 서버(12)로부터 제공되는 콘텐츠를 웹 브라우저를 통해 표시한다. 웹 브라우저 표시 장치(10)는 웹 서버(12)로부터 제공되는 콘텐츠를 웹 브라우저 표시 장치(10)에 실장된 디스플레이를 통해 웹 브라우저 표시 장치(10)의 사용자에게 표시할 수 있다. 도 1은 웹 브라우저 표시 장치(10)로서, 스마트폰을 도시하고 있지만, 본 발명의 일 실시예에 따른 웹 브라우저 표시 장치(10)는 스마트폰 뿐만 아니라, 네트워크(11)에 접속하여 웹 서버(12)로부터 콘텐츠를 수신할 수 있는 데스크탑 컴퓨터, 노트북 컴퓨터, PDA, 웹 패드, 테블릿 PC 등의 다양한 장치를 포함할 수 있다.The web browser display device 10 requests content from the web server 12 and displays the content provided from the web server 12 through the web browser. The web browser display device 10 may display content provided from the web server 12 to a user of the web browser display device 10 through a display mounted on the web browser display device 10. Although FIG. 1 illustrates a smart phone as a web browser display device 10, the web browser display device 10 according to an embodiment of the present invention connects to a network 11 as well as a smart phone, and connects to a web server ( 12) may include various devices such as a desktop computer, a notebook computer, a PDA, a web pad, a tablet PC, etc. capable of receiving content from.

웹 브라우저 표시 장치(10)는 웹 브라우저 애플리케이션을 실행하고, 사용자의 입력을 받아 웹 페이지를 로드하며, 로드된 웹 페이지를 사용자에게 표시하기 위하여 디스플레이, 적어도 하나의 프로그램이 저장된 메모리 및 적어도 하나의 프로그램의 제어에 따라 동작하는 프로세서를 포함할 수 있다. 여기서 적어도 하나의 프로그램은 웹 브라우저 애플리케이션 및 해당 애플리케이션의 동작을 위해 부대되는 다른 구성을 의미할 수 있다. The web browser display device 10 executes a web browser application, loads a web page in response to a user input, displays a loaded web page to a user, a memory in which at least one program is stored, and at least one program. It may include a processor operating under the control of. Here, the at least one program may mean a web browser application and other components that are accompanied for the operation of the application.

웹 서버(12)에는 웹 브라우저 표시 장치(10)로 제공될 수 있는 복수의 콘텐츠가 저장되며, 웹 브라우저 표시 장치(100)의 요청에 따라 웹 브라우저 표시 장치(10)로 콘텐츠를 전송하고, 웹 서비스를 제공할 수 있다. The web server 12 stores a plurality of contents that may be provided to the web browser display device 10, transmits the content to the web browser display device 10 according to a request of the web browser display device 100, and transmits the web. Can provide services.

이하에서는, 도 2를 참조하여, 웹 브라우저 표시 장치 장치(10)의 구체적인 동작에 대해 설명한다.Hereinafter, the specific operation of the web browser display device 10 will be described with reference to FIG. 2.

도 2는 본 발명의 일 실시예에 따른 웹 브라우저 표시 방법을 설명하기 위한 순서도이다. 2 is a flowchart illustrating a web browser display method according to an embodiment of the present invention.

도 2를 참조하면, 웹 브라우저 표시 방법은 페이지 및 툴바 영역 표시 단계(S100), 툴바 영역 선택 인식 단계(S110), 드래그 동작 인식 단계(S120) 및 툴바 영역에 표시되는 툴 아이콘 변경 단계(S130)를 포함할 수 있다.Referring to FIG. 2, the web browser display method includes displaying a page and a toolbar area (S100), a toolbar area selection recognition step (S110), a drag motion recognition step (S120), and a tool icon changing step displayed on a toolbar area (S130). It may include.

페이지 및 툴바 영역 표시 단계(S100)는 웹 브라우저 표시 장치(10)의 디스플레이의 화면을 통해 사용자의 웹 브라우징에 따른 페이지를 페이지 영역(20)에 표시하고, 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역(100)에 표시하는 단계일 수 있다.In the step S100 of displaying a page and a toolbar, the page according to the user's web browsing is displayed on the page area 20 through a screen of the display of the web browser display device 10, and some of the tool icons for web browsing are displayed. It may be a step of displaying on the toolbar area 100.

여기서 웹 브라우저 표시 장치(10)는 웹 서버(12)로부터 수신되는 콘텐츠를 웹 브라우저 표시 장치(10)에 설치된 웹 브라우저 애플리케이션을 통해 표시할 수 있다. 웹 브라우저 표시 장치(10)는 디스플레이에 콘텐츠를 표시할 수 있는 전체 영역 중 적어도 일부의 영역을 페이지 영역(20)으로 설정할 수 있고, 다른 일부의 영역을 툴바 영역(100)으로 설정할 수 있다. Here, the web browser display device 10 may display content received from the web server 12 through a web browser application installed in the web browser display device 10. The web browser display apparatus 10 may set at least a portion of the entire region capable of displaying content on the display as the page region 20, and set a portion of the other region as the toolbar region 100.

페이지 영역(20)과 툴바 영역(100)은 분리되어 설정될 수 있다. 즉, 툴바 영역(100)은 페이지 영역(20)의 측면, 상면 또는 하면에 인접하여 위치할 수 있다. 페이지 영역(20)은 웹 서버(12)로부터 수신된 콘텐츠가 웹 브라우저의 웹 페이지 처리 방식에 따라 표시되는 영역일 수 있다. 상기한 웹 서버(12)로부터 수신되는 콘텐츠는 웹 페이지로서, 동영상, 문서, 그림, 텍스트 등 다양한 시각적 콘텐츠를 포함할 수 있다. 그리고, 툴바 영역(100)은 사용자가 웹 페이지 간의 탐색을 보조하기 위한 툴(tool)을 실행시키기 위한 툴 아이콘이 집합되는 영역일 수 있다. 툴바에는 다양한 툴 아이콘이 배치될 수 있으나, 각각의 툴 아이콘은 가시성과 선택의 용이성을 위하여 소정의 크기를 가질 수 있고, 이러한 이유로 모든 툴 아이콘이 툴바 영역(100)에 같이 표시되지 않을 수 있다. 따라서, 페이지 및 툴바 영역 표시 단계(S100)에서 웹 브라우저 표시 장치(10)는 툴 아이콘 중 일부의 툴 아이콘만 툴바 영역(100)에 표시할 수 있다.The page area 20 and the toolbar area 100 may be set separately. That is, the toolbar area 100 may be located adjacent to the side, top or bottom of the page area 20. The page area 20 may be an area in which content received from the web server 12 is displayed according to a web page processing method of a web browser. The content received from the web server 12 is a web page and may include various visual contents such as a video, a document, a picture, and text. In addition, the toolbar area 100 may be an area where a tool icon for executing a tool for assisting a user to navigate between web pages is collected. Various tool icons may be arranged on the toolbar, but each tool icon may have a predetermined size for visibility and ease of selection, and for this reason, all tool icons may not be displayed together in the toolbar area 100. Therefore, in the step S100 of displaying pages and toolbars, the web browser display device 10 may display only some of the tool icons of the tool icons in the toolbar area 100.

보다 상세하게, 페이지 및 툴바 영역 표시 단계(S100)에서 웹 브라우저 표시 장치(10)는 페이지의 특징 정보에 따라 툴바 영역(100)에 표시되는 툴 아이콘을 다르게 할 수 있다. In more detail, in the step S100 of displaying a page and a toolbar area, the web browser display device 10 may change a tool icon displayed on the toolbar area 100 according to the feature information of the page.

웹 브라우저 표시 장치(10)는 툴바 영역(100)에 웹 브라우징을 수행하기 위한 기본 아이콘이 표시되는 제1 툴바 모드와 툴바 영역(100)에 사용자가 지정한 웹 페이지로 이동하기 위한 링크 아이콘이 표시되는 제2 툴바 모드를 제공할 수 있다. 기본 아이콘과 링크 아이콘에 대한 보다 상세한 설명은 후술하기로 한다.The web browser display apparatus 10 may display a first toolbar mode in which a basic icon for performing web browsing is displayed in the toolbar area 100 and a link icon for moving to a web page specified by the user in the toolbar area 100. A second toolbar mode may be provided. A more detailed description of the basic icon and the link icon will be described later.

웹 브라우저 표시 장치(10)는 페이지 영역(20)에 표시되는 페이지가 웹 서버(12)의 콘텐츠에 따른 웹 페이지인 경우, 제1 툴바 모드를 제공할 수 있고, 페이지 영역(20)에 표시되는 페이지가 새로운 탭이 열린 것에 대응되어 생성된 페이지이면 제2 툴바 모드를 제공할 수 있다.When the page displayed in the page area 20 is a web page according to the content of the web server 12, the web browser display device 10 may provide a first toolbar mode, which is displayed in the page area 20. If the page is a page generated in response to the opening of a new tab, the second toolbar mode may be provided.

웹 브라우저 표시 장치(10)는 이처럼 페이지 영역(20)에 표시되는 페이지의 특징에 따라 툴바 영역에 표시되는 툴 아이콘을 달리할 수 있고, 이를 통하여 사용자는 원하는 웹 페이지로 쉽고 빠르게 이동할 수 있다.The web browser display device 10 may change the tool icon displayed on the toolbar area according to the feature of the page displayed on the page area 20, and thus the user can easily and quickly move to the desired web page.

툴바 영역 선택 인식 단계(S110)는 웹 브라우저 표시 장치(10)가 사용자의 툴바 영역(100)의 선택을 인식하는 단계일 수 있다. 여기서, 영역의 선택이라 함은 사용자가 웹 브라우저 표시 장치(10)의 디스플레이 중 특정한 영역을 터치하거나 클릭하는 것을 의미할 수 있다. 웹 브라우저 표시 장치(10)의 종류에 따라 사용자의 영역 선택은 다양한 방식으로 수행될 수 있다. 웹 브라우저 표시 장치(10)는 사용자가 선택한 디스플레이 영역에 대한 압력이나 전기적 반응을 통해 특정한 영역의 선택을 인식할 수 있다. The toolbar area selection recognition step S110 may be a step in which the web browser display device 10 recognizes a selection of the toolbar area 100 of the user. Herein, selection of an area may mean that the user touches or clicks a specific area of the display of the web browser display device 10. According to the type of the web browser display device 10, the user's area selection may be performed in various ways. The web browser display device 10 may recognize the selection of a specific region through a pressure or an electrical response to the display region selected by the user.

드래그 동작 인식 단계(S120)는 웹 브라우저 표시 장치(10)가 상기 툴바 영역 선택 인식 단계(S110)에서 선택한 툴바 영역으로부터 드래그 동작이 수행되는 것을 인식하는 단계일 수 있다. 보다 상세하게, 웹 브라우저 표시 장치(10)는 사용자가 툴바 영역(100) 내 임의의 영역을 선택한 후, 터치나 클릭을 유지한 상태로 다른 영역으로 이동한 후, 터치나 클릭 상태가 해제되는 것을 인식할 수 있다.The drag operation recognition step S120 may be a step in which the web browser display device 10 recognizes that the drag operation is performed from the toolbar area selected in the toolbar area selection recognition step S110. In more detail, the web browser display device 10 indicates that the user selects an arbitrary area within the toolbar area 100, moves to another area while maintaining a touch or click, and then releases the touch or click state. I can recognize it.

여기서, 사용자가 툴 아이콘을 선택한 후, 터치나 클릭을 유지한 상태에서 다른 영역으로 이동하지 않고 터치나 클릭 상태를 해제하는 것을 제1 동작으로 이해할 수 있다. 그리고, 상기한 바와 같이 사용자가 터치나 클릭을 유지한 상태로 다른 영역으로 이동한 후, 터치나 클릭 상태가 해제되는 것을 제2 동작으로 이해할 수 있다. Here, the first operation may be understood after the user selects the tool icon and releases the touch or click state without moving to another area while maintaining the touch or click. As described above, after the user moves to another area while maintaining a touch or click, it may be understood as a second operation that the touch or click state is released.

툴바 영역에 표시되는 툴 아이콘 변경 단계(S130)는 웹 브라우저 표시 장치(10)가 툴 아이콘들 중 다른 일부가 툴바 영역에 표시되도록 툴바 영역(100)에 표시되는 툴 아이콘을 변경하는 단계일 수 있다.The changing of the tool icon displayed on the toolbar area (S130) may be a step in which the web browser display device 10 changes the tool icon displayed on the toolbar area 100 so that another part of the tool icons is displayed on the toolbar area. .

상기한 것과 같이 페이지 및 툴바 영역 표시 단계(S100)에서 웹 브라우저 표시 장치(10)는 툴바 영역(100)의 제한된 크기와 툴 아이콘의 크기 때문에 툴바에 사용되는 모든 툴 아이콘을 표시하지 못하는 문제점이 있다. 따라서, 웹 브라우저 표시 장치(10)는 툴바 영역 선택 인식 단계(S110)와 드래그 동작 인식 단계(S120)를 통해, 사용자의 입력을 인식한 경우, 툴바 영역(100)에 표시되는 툴 아이콘을 변경함으로써, 페이지 및 툴바 영역 표시 단계(S100)에서 사용자에게 표시되지 않던 툴 아이콘을 사용자에게 표시할 수 있다.As described above, the web browser display device 10 may not display all the tool icons used in the toolbar due to the limited size of the toolbar area 100 and the size of the tool icon in the step S100 of displaying the page and the toolbar area. . Therefore, when the web browser display device 10 recognizes a user's input through the toolbar area selection recognition step S110 and the drag motion recognition step S120, the web browser display device 10 changes the tool icon displayed on the toolbar area 100. In the step S100 of displaying a page and a toolbar area, a tool icon which is not displayed to the user may be displayed to the user.

도 3은 본 발명의 다른 실시예에 따른 웹 브라우저 표시 방법을 설명하기 위한 순서도이다. 3 is a flowchart illustrating a web browser display method according to another embodiment of the present invention.

도 3을 참조하면, 다른 실시예에 따른 웹 브라우저 표시 방법은 페이지 및 툴바 영역 표시 단계(S200), 페이지 영역 선택 인식 단계(S210), 드래그 동작 인식 단계(S220) 및 페이지 영역에 툴 아이콘 표시 단계(S230)를 포함할 수 있다. 도 3에 대한 설명에 있어서, 도 2에 대한 설명과 중복되는 구성 또는 효과에 대한 설명은 생략하기로 한다.Referring to FIG. 3, the web browser display method according to another embodiment may include displaying a page and a toolbar area (S200), recognizing a page area selection (S210), recognizing a drag operation (S220), and displaying a tool icon on a page area. It may include (S230). In the description of FIG. 3, a description of a configuration or an effect overlapping with the description of FIG. 2 will be omitted.

페이지 및 툴바 영역 표시 단계(S200)는 웹 브라우저 표시 장치(10)의 디스플레이의 화면을 통해 사용자의 웹 브라우징에 따른 페이지를 페이지 영역(20)에 표시하고, 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역(100)에 표시하는 단계일 수 있다.In the step S200 of displaying a page and a toolbar, the page according to the user's web browsing is displayed on the page area 20 through a screen of the display of the web browser display device 10, and some of the tool icons for web browsing are displayed. It may be a step of displaying on the toolbar area 100.

여기서 페이지 및 툴바 영역 표시 단계(S200)는 웹 브라우저 표시 장치(10)가 페이지 영역에 새로운 탭이 열린 것에 대응되어 생성된 페이지를 표시하는 단계일 수 있다.Here, the page and toolbar area displaying step S200 may be a step in which the web browser display device 10 displays a page generated in response to the opening of a new tab in the page area.

페이지 영역 선택 인식 단계(S210)는 웹 브라우저 표시 장치(10)가 사용자의 페이지 영역(20)의 선택을 인식하는 단계일 수 있다. The page area selection recognition step (S210) may be a step in which the web browser display device 10 recognizes a selection of the page area 20 of the user.

드래그 동작 인식 단계(S220)는 웹 브라우저 표시 장치(10)가 상기 페이지 영역 선택 인식 단계(S210)에서 선택한 페이지 영역으로부터 드래그 동작이 수행되는 것을 인식하는 단계일 수 있다. 보다 상세하게, 웹 브라우저 표시 장치(10)는 사용자가 페이지 영역(20) 내 임의의 영역을 선택한 후, 터치나 클릭을 유지한 상태로 다른 영역으로 이동한 후, 터치나 클릭 상태가 해제되는 것을 인식할 수 있다. The drag operation recognition step S220 may be a step in which the web browser display device 10 recognizes that a drag operation is performed from the page area selected in the page area selection recognition step S210. In more detail, the web browser display device 10 indicates that after the user selects an arbitrary area within the page area 20 and moves to another area while maintaining a touch or click, the touch or click state is released. I can recognize it.

페이지 영역에 툴 아이콘 표시 단계(S230)는 웹 브라우저 표시 장치(10)가 툴 아이콘들 중 다른 일부가 페이지 영역(20)에 표시되도록 페이지 영역(20)에 툴 아이콘을 표시하는 단계일 수 있다.The displaying of the tool icon in the page area (S230) may be a step in which the web browser display device 10 displays the tool icon in the page area 20 such that some of the tool icons are displayed in the page area 20.

즉, 웹 브라우저 표시 장치(10)는 사용자가 페이지 영역(20)을 선택하고 드래그하는 것에 대응하여 툴바 영역(100)에 표시되던 툴 아이콘을 페이지 영역(20)에 표시할 수 있다. 일반적으로, 사용자가 새로운 탭을 활성화시키는 경우, 새로운 탭이 표시되는 페이지는 비어있는 페이지인 경우가 많으므로, 상기한 방법을 통하여 사용자가 원하는 웹 페이지로 쉽게 이동할 수 있는 효과가 있다.That is, the web browser display apparatus 10 may display the tool icon displayed on the toolbar area 100 in the page area 20 in response to the user selecting and dragging the page area 20. In general, when a user activates a new tab, the page on which the new tab is displayed is often an empty page, so that the user can easily move to a desired web page through the above method.

도 4는 웹 브라우저 표시 장치(10)의 디스플레이에 표시되는 툴바를 예시하여 설명하기 위한 도면이다.4 is a diagram for explaining and explaining a toolbar displayed on the display of the web browser display device 10.

도 4를 참조하면, 웹 브라우저 표시 장치(10)의 디스플레이에 표시되는 화면의 일부는 페이지 영역(20)이고, 다른 일부는 툴바 영역(100)인 것을 알 수 있다.Referring to FIG. 4, it can be seen that a part of the screen displayed on the display of the web browser display device 10 is the page area 20, and the other part is the toolbar area 100.

도 4에서는 툴바 영역(100)이 페이지 영역(20)의 하단에 위치하며, 가로 길이가 세로 길이보다 더 긴 직사각형의 형태인 것을 예시하였으나, 툴바 영역(100)과 페이지 영역(20)의 상대적인 위치나 툴바 영역(100)의 크기 및 형태는 사용자의 설정이나 웹 브라우저 제작자의 의도에 따라 고정되지 않고 다양할 수 있다. 또한, 도 4에서 페이지 영역(20)에서 표시되는 콘텐츠와 툴바 영역(100)에서 표시되는 툴 아이콘은 중첩되지 않은 것을 예시하고 있으나, 사용자의 설정이나 웹 브라우저 제작자의 의도에 따라 중첩되어 표시될 수 도 있다. In FIG. 4, the toolbar area 100 is positioned at the bottom of the page area 20, and the horizontal length is a rectangular shape longer than the vertical length, but the relative position of the toolbar area 100 and the page area 20 is illustrated. The size and shape of the toolbar area 100 may vary without being fixed according to a user's setting or a web browser maker's intention. In addition, in FIG. 4, the content displayed in the page area 20 and the tool icon displayed in the toolbar area 100 are not overlapped, but may be overlapped and displayed according to a user's setting or a web browser creator's intention. There is also.

상기한 바와 같이, 웹 브라우저 표시 장치(10)는 툴바 영역(100)에 웹 브라우징을 수행하기 위한 기본 아이콘이 표시되는 제1 툴바 모드와 툴바 영역(100)에 사용자가 지정한 웹 페이지로 이동하기 위한 링크 아이콘이 표시되는 제2 툴바 모드를 제공할 수 있다. As described above, the web browser display apparatus 10 is configured to move to a web page designated by a user in the first toolbar mode and the toolbar area 100 in which a basic icon for performing web browsing is displayed in the toolbar area 100. The second toolbar mode in which the link icon is displayed may be provided.

이하에서, 제1 툴바 모드 영역(110)은 제1 툴바 모드에 따라 툴바 영역(100)에 표시되는 툴 아이콘이 표시되는 영역이고, 제2 툴바 모드 영역(120)은 제2 툴바 모드에 따라 툴바 영역(100)에 표시되는 툴 아이콘이 표시되는 영역으로 정의한다.Hereinafter, the first toolbar mode area 110 is an area where a tool icon displayed on the toolbar area 100 is displayed according to the first toolbar mode, and the second toolbar mode area 120 is a toolbar according to the second toolbar mode. The tool icon displayed in the area 100 is defined as an area to be displayed.

제1 툴바 모드 영역(110)에 표시되는 툴 아이콘은 이전에 방문했던 웹 페이지로 이동하기 위한 이전 페이지 아이콘(111), 이후에 방문했던 웹 페이지로 이동하기 위한 이후 페이지 아이콘(112), 추가적인 기능이나 설정 창에 진입하기 위한 설정 아이콘(113), 웹 페이지를 새로고침하기 위한 새로고침 아이콘(114), 현재 활성화된 탭의 숫자와 그 목록을 보기위한 탭 아이콘(115)이 예시될 수 있다. 제1 툴바 모드 영역(110)에 표시되는 툴 아이콘은 기본 아이콘으로 분류될 수 있으며, 기본 아이콘은 상기한 바와 같이 웹 브라우저 애플리케이션에서 일반적으로 제공되는 툴 아이콘을 의미할 수 있다. 도 4에서 기본 아이콘들은 그 기능에 따라 특정한 모양을 가지며, 임의의 배치 순서에 따라 배치될 수 있으나, 이러한 모양이나 배치 순서는 사용자의 설정이나 웹 브라우저 제작자의 의도에 따라 다양하게 설정될 수 있다. The tool icon displayed in the first toolbar mode area 110 includes a previous page icon 111 for moving to a previously visited web page, a subsequent page icon 112 for moving to a web page that has been visited later, and additional functions. Alternatively, a setting icon 113 for entering a setting window, a refresh icon 114 for refreshing a web page, and a tab icon 115 for viewing a list of the currently active tabs and a list thereof may be illustrated. The tool icon displayed in the first toolbar mode area 110 may be classified as a basic icon, and the basic icon may mean a tool icon generally provided in a web browser application as described above. In FIG. 4, basic icons have a specific shape according to their function, and may be arranged according to any arrangement order. Such shapes or arrangement order may be variously set according to a user's setting or a web browser manufacturer's intention.

제2 툴바 모드 영역(120)에서 표시되는 툴 아이콘은 사용자가 임의로 지정한 웹 페이지로 링크되기 위한 링크 아이콘이 포함될 수 있다. 웹 브라우저 표시 장치(10)는 사용자가 링크 아이콘을 선택하는 것에 대응하여 해당 링크 아이콘에 설정된 웹 페이지를 로드하여 페이지 영역(20)에 표시할 수 있다.The tool icon displayed in the second toolbar mode area 120 may include a link icon for linking to a web page arbitrarily designated by a user. The web browser display apparatus 10 may load the web page set in the corresponding link icon and display it in the page area 20 in response to the user selecting the link icon.

링크 아이콘의 형태는 지정된 웹 페이지의 대표 아이콘이나 도메인의 첫 글자를 포함하거나 사용자가 지정한 다른 아이콘 등, 다양한 형태일 수 있다.The link icon may have various forms, such as a representative icon of a designated web page, a first letter of a domain, or another icon designated by a user.

도 4는 툴 아이콘들이 툴바 영역(100) 내에서 가로 방향으로 나열된 것을 예시하였으나, 툴바 영역(100)이 페이지 영역(20)의 좌측이나 우측에 위치하는 경우, 툴 아이콘은 세로 방향으로 배열될 수 도 있다.Although FIG. 4 illustrates that the tool icons are arranged in the horizontal direction within the toolbar area 100, when the toolbar area 100 is located at the left or right side of the page area 20, the tool icons may be arranged in the vertical direction. There is also.

도 5는 툴바 영역(100)에 대한 사용자의 선택을 인식하는 것을 예시하여 설명하기 위한 도면이다.FIG. 5 illustrates an example of recognizing a user's selection of the toolbar area 100.

도 5를 참조하면, 사용자의 손가락(30)이 툴바 영역(100)을 선택하는 것을 알 수 있다. 도 5에서 툴바 영역(100)을 선택하기 위해 사용자의 손가락(30)이 사용되는 것을 예시하였으나, 웹 브라우저 표시 장치(10)의 종류에 따라 손가락(30)이 아닌 터치용 펜을 이용한 터치나 커서를 이용한 클릭 등, 다양한 방법으로 선택 동작이 수행될 수 있다.Referring to FIG. 5, it can be seen that the user's finger 30 selects the toolbar area 100. Although FIG. 5 illustrates that the user's finger 30 is used to select the toolbar area 100, the touch or the cursor using the pen for the touch, not the finger 30, according to the type of the web browser display device 10. The selection operation may be performed in various ways, such as by clicking.

툴바 영역(100)에 대한 선택을 인식하는 과정에서, 웹 브라우저 표시 장치(10)는 적어도 툴바 영역(100)이 선택된 후, 적어도 소정의 시간 이상 터치가 유지되어야 툴바 영역(100)을 선택한 것으로 인식할 수 있다.In the process of recognizing the selection of the toolbar area 100, the web browser display device 10 recognizes that the toolbar area 100 is selected only after the toolbar area 100 is selected, and then the touch is maintained for at least a predetermined time. can do.

또한, 웹 브라우저 표시 장치(10)는 툴바 영역(100)에 대한 사용자의 선택으로 인하여 일정한 시간이상 터치가 유지되면, 웹 브라우저 표시 장치(10)를 진동시킴으로써 툴바 영역 선택 단계(S110)가 수행됐음을 사용자에게 알려줄 수 있다. 그리고 웹 브라우저 표시 장치(10)가 툴바 영역(100)에 대한 선택을 인식하기 위하여 유지되어야 하는 터치 시간은 다양하게 설정될 수 있다.In addition, when the touch is maintained for a predetermined time or more due to the user's selection of the toolbar area 100, the web browser display device 10 vibrates the web browser display device 10 to perform the toolbar area selection step S110. Can inform the user. In addition, the touch time to be maintained in order for the web browser display device 10 to recognize the selection for the toolbar area 100 may be variously set.

그리고 웹 브라우저 표시 장치(10)는 툴바 영역(100)의 탭 아이콘(115)을 통해 툴바에 대한 선택을 인식할 수 있다. 사용자가 탭 아이콘(115)을 통해 표시되는 툴 아이콘을 변경하는 경우, 웹 브라우저 표시 장치(10)는 탭 아이콘(115)에 대한 사용자의 짧은 터치에 대응하여 활성화된 하나 이상의 탭 화면을 표시할 수 있다. 또한, 웹 브라우저 표시 장치(10)는 탭 아이콘(115)에 대한 사용자의 터치 후, 드래그 동작에 대응하여 툴바에 링크 아이콘을 표시할 수 있다. In addition, the web browser display apparatus 10 may recognize the selection of the toolbar through the tab icon 115 of the toolbar area 100. When the user changes the tool icon displayed through the tab icon 115, the web browser display device 10 may display one or more tab screens activated in response to the user's short touch on the tab icon 115. have. In addition, the web browser display apparatus 10 may display a link icon on the toolbar in response to a drag operation after the user touches the tab icon 115.

또한, 상기한 설명과 달리, 웹 브라우저 표시 장치(10)는 툴바 영역(100)의 일단에 대응되는 영역을 통해 툴바에 대한 선택을 인식할 수 있다. 보다 상세하게, 웹 브라우저 표시 장치(10)는 툴바 영역(100) 중 우측이나 좌측의 일단에 대응되는 영역을 툴바의 선택을 위한 영역으로 설정할 수 있고, 상기 설정된 영역 내에서 선택된 경우에 한하여 사용자의 선택을 인식하도록 설정될 수 있다. 툴바의 선택을 위한 영역은 사용자의 설정이나 웹 브라우저의 제작자의 의도에 따라 변경될 수 있고, 툴바의 선택을 위한 영역은 다른 툴바 영역(100)과 구분되기 위한 다른 형태나 모양, 색채를 가질 수 있다. 이처럼, 툴바의 선택을 위한 영역을 툴바 영역(100) 내에서 한정함으로써 사용자가 보다 정확히 툴바를 선택하도록 유도할 수 있다. In addition, unlike the above description, the web browser display apparatus 10 may recognize the selection of the toolbar through an area corresponding to one end of the toolbar area 100. In more detail, the web browser display device 10 may set an area corresponding to one end of the right or left side of the toolbar area 100 as an area for selecting a toolbar, and is selected only within the set area. It may be set to recognize the selection. The area for selecting the toolbar may be changed according to the user's setting or the intention of the creator of the web browser, and the area for selecting the toolbar may have a different shape, shape, and color to be distinguished from other toolbar areas 100. have. As such, by defining an area for selecting the toolbar in the toolbar area 100, the user can be guided to select the toolbar more accurately.

도 6은 툴바 영역(100)에 대한 사용자의 드래그 동작을 인식하는 것을 예시하여 설명하기 위한 도면이다. 웹 브라우저 표시 장치(10)는 사용자의 툴바 영역(100)에 대한 선택이 이루어 진 후, 사용자의 손가락(30)이 터치 상태를 유지한 채 다른 지점으로 이동하는 드래그 동작을 인식할 수 있다. 도 6에서 드래그 동작은 좌측 방향으로 수행되는 것을 예시하였으나, 드래그 동작은 다양한 방향으로 수행될 수 있다. 즉, 드래그 동작이 수행되는 시작점은 툴바 영역(100) 내 임의의 지점이지만, 드래그 동작이 종료되는 지점은 시작점이 아닌 다른 임의의 지점일 수 있다.FIG. 6 is a diagram illustrating an example of recognizing a drag operation of a user with respect to the toolbar area 100. The web browser display device 10 may recognize a drag operation in which the user's finger 30 moves to another point while maintaining a touch state after the user's selection of the toolbar area 100 is made. 6 illustrates that the drag operation is performed in the left direction, the drag operation may be performed in various directions. That is, the starting point at which the drag operation is performed is an arbitrary point in the toolbar area 100, but the point at which the drag operation ends is an arbitrary point other than the starting point.

도 7은 사용자의 드래그 동작이 수행 된 후, 디스플레이에 표시되는 툴바를 예시하여 설명하기 위한 도면이다. 도 7을 참조하면, 툴바 영역(100)에 제2 툴바 모드 영역(120)이 형성된 것을 알 수 있다. FIG. 7 is a diagram for describing a toolbar displayed on a display after a drag operation of a user is performed. Referring to FIG. 7, it can be seen that the second toolbar mode region 120 is formed in the toolbar region 100.

제2 툴바 모드 영역(120)에 표시되는 툴 아이콘은 전환 아이콘(121), 링크 아이콘(122 내지 124), 사용자 추가 아이콘(125)을 포함할 수 있다.The tool icon displayed on the second toolbar mode area 120 may include a switch icon 121, a link icon 122 to 124, and a user add icon 125.

전환 아이콘(121)은 사용자의 선택에 대응하여 웹 브라우저 표시 장치(10)가 툴바 영역(100)의 표시를 제1 툴바 모드로 전환시키는 기능을 수행하기 위한 아이콘일 수 있다. 도 7의 예시에서, 사용자가 전환 아이콘(121)을 선택한다면, 툴바 영역(100)의 표시는 상기한 도 4와 같은 제1 툴바 모드로 전환될 수 있다. 전환 아이콘(121)은 사용자의 설정이나 웹 브라우저 제작자의 의도에 따라 제1 툴바 모드에서도 툴바 영역(100)에 표시될 수 있다. 제1 툴바 모드에서 표시되는 전환 아이콘(121)을 사용자가 선택하는 경우, 제2 툴바 모드로 전환될 수 있다. The switching icon 121 may be an icon for the web browser display device 10 to perform a function of switching the display of the toolbar area 100 to the first toolbar mode in response to a user's selection. In the example of FIG. 7, if the user selects the switch icon 121, the display of the toolbar area 100 may be switched to the first toolbar mode as illustrated in FIG. 4. The conversion icon 121 may be displayed in the toolbar area 100 even in the first toolbar mode according to a user's setting or a web browser maker's intention. When the user selects the switch icon 121 displayed in the first toolbar mode, the user may switch to the second toolbar mode.

링크 아이콘(122 내지 124)은 사용자의 선택에 대응하여 지정된 웹 페이지로 이동하기 위한 아이콘일 수 있다. 도 7에서 링크 아이콘(122 내지 124)는 영문 이니셜로 표시되어 있으나, 링크 아이콘의 생성 방법에 따라 다양한 색상이나 모양을 가질 수 있다. 사용자가 링크 아이콘(122 내지 124)를 선택하면, 선택된 링크 아이콘에 대응되는 웹 페이지가 로드되어 페이지 영역(20)에 표시될 수 있다.The link icons 122 to 124 may be icons for moving to a designated web page in response to a user's selection. Although the link icons 122 to 124 are shown in English initials in FIG. 7, the link icons 122 to 124 may have various colors or shapes according to a method of generating the link icon. When the user selects the link icons 122 to 124, a web page corresponding to the selected link icon may be loaded and displayed in the page area 20.

사용자 추가 아이콘(125)은 사용자의 선택에 대응하여 링크 아이콘을 추가하는 기능을 수행하기 위한 아이콘일 수 있다. 사용자가 사용자 추가 아이콘(125)을 선택하면, 웹 브라우저 표시 장치(10)는 별도의 창 또는 메뉴를 통하여 링크 아이콘을 추가하거나 나열된 링크 아이콘 간의 순서를 변경할 수 있다.The add user icon 125 may be an icon for performing a function of adding a link icon in response to a user's selection. When the user selects the add user icon 125, the web browser display apparatus 10 may add a link icon or change the order of the listed link icons through a separate window or menu.

제2 툴바 모드 영역(120)에 표시되는 툴 아이콘들이 배치되는 순서는 도 7에 예시된 바와 달리 사용자의 설정이나 웹 브라우저 제작자의 의도에 따라 달라질 수 있다.The order in which the tool icons displayed in the second toolbar mode area 120 are arranged may vary depending on the user's setting or the intention of the web browser maker, as illustrated in FIG. 7.

도 8 및 도 9는 사용자의 드래그 동작이 수행되는 다른 과정을 설명하기 위한 도면이다.8 and 9 are diagrams for describing another process of performing a drag operation of a user.

도 8 및 도 9를 참조하면, 도 5 및 도 6과 달리, 사용자의 드래그 동작에 대응하여 툴바 영역(100)에 표시되는 툴 아이콘들이 이동되는 것을 알 수 있다. 도 5 및 도 6의 경우, 드래그 동작이 수행된 것을 인식하면, 웹 브라우저 표시 장치(10)는 제1 툴바 모드에서 바로 제2 툴바 모드로 전환할 수 있다. 하지만, 도 8 및 도 9의 실시예에서 툴바 영역(100)에 표시되는 툴 아이콘은 드래그 동작의 인식에 대응하여 이동될 수 있다.8 and 9, unlike FIG. 5 and FIG. 6, it can be seen that tool icons displayed in the toolbar area 100 are moved in response to a drag operation of the user. 5 and 6, when recognizing that the drag operation is performed, the web browser display apparatus 10 may directly switch from the first toolbar mode to the second toolbar mode. However, in the embodiments of FIGS. 8 and 9, the tool icon displayed on the toolbar area 100 may be moved in response to the recognition of the drag operation.

보다 상세하게, 웹 브라우저 표시 장치(10)는 사용자의 드래그 동작을 인식하면, 툴바에 표시되는 툴 아이콘을 드래그 동작에 대응되는 방향으로 이동시킬 수 있다. 그리고 웹 브라우저 표시 장치(10)는 가로 방향 또는 세로 방향으로 나열되는 툴 아이콘 중 일부의 툴 아이콘을 툴바 영역(100)에 표시하며, 툴바 영역(100)을 통해 상기 사용자에게 표시되는 툴 아이콘을 드래그 동작에 대응되는 방향으로 이동 시킬 수 있다. 여기서 툴 아이콘은 사용자가 선택한 다른 툴 아이콘을 툴바에 추가할 수 있도록 하는 사용자 추가 아이콘(125)일 수 있다. 사용자 추가 아이콘(125)은 나열되는 툴 아이콘 중 마지막 순서에 배치될 수 있고, 웹 브라우저 표시 장치(10)는 드래그 동작에 대응하여 사용자 추가 아이콘(125)까지 툴바 영역(100)에 표시되면 툴 아이콘의 이동을 멈출 수 있다.In more detail, when the web browser display apparatus 10 recognizes a drag operation of the user, the web browser display apparatus 10 may move the tool icon displayed on the toolbar in a direction corresponding to the drag operation. In addition, the web browser display apparatus 10 displays a tool icon of some of the tool icons listed in the horizontal direction or the vertical direction in the toolbar area 100, and drags the tool icon displayed to the user through the toolbar area 100. Can move in the direction corresponding to the operation. Herein, the tool icon may be a user add icon 125 that enables the user to add another tool icon selected by the user to the toolbar. The add user icon 125 may be disposed in the last order among the listed tool icons, and the web browser display device 10 may display the tool icon when the user add icon 125 is displayed in the toolbar area 100 in response to the dragging operation. Can stop moving.

도 8 및 도 9를 참조하면, 사용자의 손가락(30)이 드래그 동작을 수행하기 위해 이동하는 경우, 웹 브라우저 표시 장치(10)가 이러한 이동을 인식하여 툴바 영역(100)에 표시되는 툴 아이콘을 드래그 방향으로 이동시키는 것을 알 수 있다. 사용자의 드래그 동작에 대응하여 이동되는 툴 아이콘들을 연속적으로 표현하기 위하여 제1 툴바 모드에서 툴바 영역(100)에 표시되는 아이콘과 제2 툴바 모드에서 툴바 영역(100)에 표시되는 아이콘은 서로 이어지는 순서로 배치될 수 있다.8 and 9, when the user's finger 30 moves to perform a drag operation, the web browser display device 10 recognizes the movement and displays a tool icon displayed on the toolbar area 100. Notice that it moves in the drag direction. The icons displayed in the toolbar area 100 in the first toolbar mode and the icons displayed in the toolbar area 100 in the second toolbar mode in order to continuously express tool icons that are moved in response to a user's dragging operation are sequentially followed. It can be arranged as.

웹 브라우저 표시 장치(10)는 드래그 동작이 종료되는 것을 인식하면, 툴 아이콘의 이동을 멈추고, 이동된 툴 아이콘을 선택 가능한 상태로 표시할 수 있다. 예를 들어, 도 9와 같이 드래그 동작이 수행된 후, 사용자가 손가락(30)의 터치 상태를 해제하면, 도 9의 툴바 영역(100)과 같은 상태로 툴바가 표시될 수 있으며, 해당 툴바에서 표시되는 툴 아이콘을 선택할 수 있게 된다. 따라서 사용자는 짧은 드래그 동작을 통하여 배열 순서가 앞선 링크 아이콘을 선택할 수 있게 된다.When the web browser display device 10 recognizes that the drag operation is finished, the web browser display device 10 may stop the movement of the tool icon and display the moved tool icon in a selectable state. For example, after the drag operation is performed as shown in FIG. 9, when the user releases the touch state of the finger 30, the toolbar may be displayed in the same state as the toolbar area 100 of FIG. 9. You can select the tool icon that is displayed. Therefore, the user can select a link icon that has an advanced arrangement order through a short drag operation.

웹 브라우저 표시 장치(10)는 드래그 동작이 종료된 것을 인식하면, 드래그 동작에 대응하여 이동되는 툴 아이콘의 이동 속도를 점차 감소시킴으로써 서서히 툴 아이콘을 멈추게 할 수 도 있다. 툴 아이콘이 점차 속도가 줄어들어 멈추게 됨으로써, 사용자는 툴 아이콘의 이동을 부드럽게 관찰할 수 있게 되어 사용자의 툴바 사용에 대한 안정감이 향상될 수 있다. When the web browser display device 10 recognizes that the drag operation is completed, the web browser display device 10 may gradually stop the tool icon by gradually decreasing the moving speed of the tool icon moved in response to the drag operation. As the tool icon gradually slows down and stops, the user can smoothly observe the movement of the tool icon, thereby improving stability of the user's use of the toolbar.

도 10 및 도 11은 툴바의 확장 아이콘의 기능을 설명하기 위한 도면이다.10 and 11 are views for explaining the function of the extension icon of the toolbar.

웹 브라우저 표시 장치(10)는 툴바 영역(100)에 다른 툴 아이콘을 선택할 수 있도록 확장된 영역(131)을 제공하는 확장 아이콘(130)을 표시할 수 있다. 웹 브라우저 표시 장치(10)는 확장 아이콘(130)을 툴바 영역(100)의 일단 또는 양단에 대응되는 영역에 표시할 수 있다. 도 10은 확장 아이콘(130)이 툴바 영역(100)의 우측에 설정된 것을 예시한다. The web browser display device 10 may display an extended icon 130 that provides an extended area 131 so that another tool icon can be selected in the toolbar area 100. The web browser display device 10 may display the extension icon 130 in an area corresponding to one end or both ends of the toolbar area 100. 10 illustrates that the extension icon 130 is set on the right side of the toolbar area 100.

사용자가 확장 아이콘(130)을 선택하면 확장된 영역(131)이 추가로 생성되고, 확장된 영역(131)에는 툴바에 표시되지 않았던 다른 툴 아이콘들이 표시될 수 있다. 도 11에서 확장된 영역(131)은 툴바 영역(100)과 인접하여 위치하지만, 확장된 영역(131)의 위치는 사용자의 설정이나 웹 브라우저의 제작자의 의도에 따라 다양한 위치와 크기를 가질 수 있다.When the user selects the extended icon 130, the extended area 131 may be additionally generated, and other tool icons that are not displayed on the toolbar may be displayed on the extended area 131. In FIG. 11, the expanded area 131 is located adjacent to the toolbar area 100, but the location of the expanded area 131 may have various locations and sizes according to the user's setting or the intention of the producer of the web browser. .

도 12 및 도 13은 페이지 영역에 표시되는 페이지의 특징에 따라 툴바에 표시되는 아이콘이 달라지는 것을 설명하기 위한 도면이다.12 and 13 are diagrams for explaining that icons displayed on toolbars vary according to characteristics of pages displayed in a page area.

도 12 및 도 13을 참조하면, 웹 브라우저 표시 장치(10)가 페이지 영역(20)에 표시되는 페이지가 웹 서버(12)의 콘텐츠에 따른 웹 페이지인 경우, 제1 툴바 모드를 제공하고, 페이지 영역(20)에 표시되는 페이지가 새로운 탭이 열린 것에 대응되어 생성된 페이지이면 제2 툴바 모드를 제공하는 것을 알 수 있다.12 and 13, when the web browser display device 10 displays a page displayed in the page area 20 as a web page according to the content of the web server 12, the first toolbar mode is provided. If the page displayed in the area 20 is a page generated corresponding to the opening of a new tab, it can be seen that the second toolbar mode is provided.

도 12를 참조하면, 웹 브라우저 표시 장치(10)가 일반적인 웹 페이지를 로드하고 해당 웹 페이지의 콘텐츠가 페이지 영역(20)에 표시된 것을 예시한다. 이러한 경우, 웹 브라우저 표시 장치(10)는 제1 툴바 모드에 따라 툴바 영역(100)의 제1 툴바 모드 영역(110)을 통하여 상기한 기본 아이콘을 표시할 수 있다. Referring to FIG. 12, the web browser display device 10 loads a general web page and the content of the web page is displayed in the page area 20. In this case, the web browser display device 10 may display the basic icon through the first toolbar mode area 110 of the toolbar area 100 according to the first toolbar mode.

도 13을 참조하면, 웹 브라우저 표시 장치(10)가 새로운 탭을 열었을 때에 대응하여 페이지 영역(20)에 새 탭 페이지를 표시할 수 있다. 웹 이러한 경우, 브라우저 표시 장치(10)는 제2 툴바 모드에 따라 툴바 영역(100)의 제2 툴바 모드 영역(120)을 통하여 상기한 전환 아이콘, 링크 아이콘 또는 사용자 추가 아이콘을 표시할 수 있다. 새 탭 페이지에는 검색어 입력을 위한 창(40)이 위치할 수 있고, 추가적인 페이지의 존재 여부나 현재 페이지의 상대적 위치를 알려주는 아이콘(41)이 표시될 수 있다.Referring to FIG. 13, when the web browser display device 10 opens a new tab, the new tab page may be displayed in the page area 20. In this case, the browser display apparatus 10 may display the above-described conversion icon, link icon, or user addition icon through the second toolbar mode area 120 of the toolbar area 100 according to the second toolbar mode. In the new tab page, a window 40 for inputting a search word may be located, and an icon 41 indicating the presence or absence of an additional page or a relative position of the current page may be displayed.

도 14 및 도 15는 페이지 영역에 대한 사용자의 선택과 드래그 동작을 인식하여 툴 아이콘이 표시되는 것을 설명하기 위한 도면이다. 14 and 15 are views for explaining the display of a tool icon by recognizing a user's selection and dragging of a page area.

도 14를 참조하면, 페이지 영역(20)에 새 탭 페이지가 표시될 때, 사용자가 페이지 영역(20)을 선택하고, 드래그 동작을 수행하는 것을 알 수 있다. 도 15는 웹 브라우저 표시 장치(10)가 사용자의 페이지 영역(20) 선택을 인식하고, 드래그 동작을 인식했을 때, 페이지 영역(20)에 툴 아이콘들을 표시하는 것을 예시한다.Referring to FIG. 14, when the new tab page is displayed in the page area 20, it can be seen that the user selects the page area 20 and performs a drag operation. FIG. 15 illustrates displaying the tool icons in the page area 20 when the web browser display device 10 recognizes a user's selection of the page area 20 and recognizes a drag operation.

도 15를 참조하면, 툴바에 포함되는 툴 아이콘 모음(140)이 디스플레이의 툴 아이콘 모음 영역(21)에 표시된 것을 알 수 있다. 툴 아이콘 모음(140)은 툴바에 포함되는 툴 아이콘들 중, 상기한 링크 아이콘과 상기한 사용자 추가 아이콘을 포함할 수 있다. 툴 아이콘 모음 영역(21)은 상기한 페이지 영역(20)과 같은 영역일 수 있고, 페이지 영역(20)과 툴바 영역(100)을 모두 포함하여 설정되는 영역일 수 있다. Referring to FIG. 15, it can be seen that the tool icon collection 140 included in the toolbar is displayed in the tool icon collection area 21 of the display. The tool icon collection 140 may include the link icon and the user add icon among the tool icons included in the toolbar. The tool icon collection area 21 may be the same area as the page area 20 described above or may be an area including both the page area 20 and the toolbar area 100.

페이지 영역(20)에 새 탭 페이지가 표시될 때 사용자의 선택과 드래그를 인식하여 툴 아이콘 모음(140)을 표시하도록 화면을 전환함으로써 툴바에 포함되는 링크 아이콘들을 보다 확장된 영역에서 선택할 수 있게 되어, 사용자가 원하는 웹 페이지로 빠르게 이동할 수 있고 편의성이 증대되는 효과가 있다.When the new tab page is displayed in the page area 20, the screen icon is changed to display the tool icon collection 140 by recognizing the user's selection and drag so that the link icons included in the toolbar can be selected in the expanded area. In addition, the user can quickly move to a desired web page, and the convenience is increased.

매체는 컴퓨터로 실행 가능한 프로그램을 계속 저장하거나, 실행 또는 다운로드를 위해 임시 저장하는 것일 수도 있다. 또한, 매체는 단일 또는 수개 하드웨어가 결합된 형태의 다양한 기록수단 또는 저장수단일 수 있는데, 어떤 컴퓨터 시스템에 직접 접속되는 매체에 한정되지 않고, 네트워크 상에 분산 존재하는 것일 수도 있다. 매체의 예시로는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등을 포함하여 프로그램 명령어가 저장되도록 구성된 것이 있을 수 있다. 또한, 다른 매체의 예시로, 애플리케이션을 유통하는 앱 스토어나 기타 다양한 소프트웨어를 공급 내지 유통하는 사이트, 서버 등에서 관리하는 기록매체 내지 저장매체도 들 수 있다.The medium may be to continue to store a computer executable program, or to temporarily store for execution or download. In addition, the medium may be a variety of recording means or storage means in the form of a single or several hardware combined, not limited to a medium directly connected to any computer system, it may be distributed on the network. Examples of the medium include magnetic media such as hard disks, floppy disks and magnetic tape, optical recording media such as CD-ROMs and DVDs, magneto-optical media such as floptical disks, And ROM, RAM, flash memory, and the like, configured to store program instructions. In addition, examples of another medium may include a recording medium or a storage medium managed by an app store that distributes an application, a site that supplies or distributes various software, a server, or the like.

이상의 설명은 본 발명의 기술 사상을 예시적으로 설명한 것에 불과한 것으로서, 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자라면 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 다양한 수정 및 변형이 가능할 것이다. 따라서 본 발명에 기재된 실시예들은 본 발명의 기술 사상을 한정하기 위한 것이 아니라 설명하기 위한 것이고, 이러한 실시예에 한정되는 것은 아니다. 본 발명의 보호 범위는 아래의 청구범위에 의해서 해석되어야 하며, 그와 균등한 범위 내에 있는 모든 기술 사상은 본 발명의 권리범위에 포함되는 것으로 해석되어야 할 것이다.The above description is merely illustrative of the technical idea of the present invention, and those skilled in the art to which the present invention pertains may make various modifications and changes without departing from the essential characteristics of the present invention. Therefore, the embodiments described in the present invention are not intended to limit the technical spirit of the present invention but to describe the present invention, and are not limited to these embodiments. The scope of protection of the present invention should be interpreted by the following claims, and all technical ideas falling within the scope of the present invention should be construed as being included in the scope of the present invention.

10: 웹 브라우저 표시 장치 11: 네트워크
12: 웹 서버 20: 페이지 영역
100: 툴바 영역
10: web browser display device 11: network
12: Web server 20: page area
100: Toolbar area

Claims (28)

디스플레이;
적어도 하나의 프로그램이 저장된 메모리; 및
상기 적어도 하나의 프로그램의 제어에 따라 동작하는 프로세서를 포함하되,
상기 프로세서는
상기 디스플레이의 화면을 통해 웹 페이지를 페이지 영역에 표시하고, 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역에 표시하며,
상기 툴바 영역에 표시되는 상기 툴 아이콘들 중 일단에 대응되는 영역에 위치한 탭 아이콘에 대한 사용자의 선택과 드래그 동작을 인식하면,
상기 툴바 영역에 상기 툴 아이콘들 중 다른 일부를 표시하며,
상기 탭 아이콘에 대한 선택 후 상기 탭 아이콘에 대한 선택이 해제된 것을 인식하면, 웹 브라우저에 활성화된 하나 이상의 탭을 상기 페이지 영역에 표시하는 것을 특징으로 하는 웹 브라우저 표시 장치.
display;
A memory in which at least one program is stored; And
Including a processor operating under the control of the at least one program,
The processor is
Displaying a web page in a page area through a screen of the display, displaying some of the tool icons for web browsing in a toolbar area,
Recognizing a user's selection and dragging of a tab icon located in an area corresponding to one end of the tool icons displayed in the toolbar area,
Display another part of the tool icons in the toolbar area,
And recognizing that the selection of the tab icon is released after the selection of the tab icon, displaying one or more tabs activated in the web browser in the page area.
제1 항에 있어서, 상기 툴 아이콘은
상기 사용자가 지정한 웹 페이지로 이동하기 위한 링크 아이콘을 포함하는 것을 특징으로 하는 웹 브라우저 표시 장치.
The method of claim 1, wherein the tool icon
And a link icon for moving to a web page designated by the user.
삭제delete 삭제delete 삭제delete 제1 항에 있어서, 상기 프로세서는
상기 툴바 영역에 표시되지 않았던 다른 툴 아이콘을 선택할 수 있도록 확장된 영역을 표시하는 확장 아이콘을 상기 툴바 영역에 표시하는 것을 특징으로 하는 웹 브라우저 표시 장치.
The system of claim 1, wherein the processor is
And displaying, on the toolbar area, an extended icon indicating an extended area so as to select another tool icon not displayed on the toolbar area.
제6 항에 있어서, 상기 프로세서는
상기 확장 아이콘을 상기 툴바 영역의 일단 또는 양단에 대응되는 영역에 표시하는 것을 특징으로 하는 웹 브라우저 표시 장치.
The method of claim 6, wherein the processor is
And displaying the extension icon in an area corresponding to one end or both ends of the toolbar area.
제1 항에 있어서, 상기 프로세서는
상기 사용자가 상기 툴바 영역을 소정 시간 이상 선택하는 것을 인식한 후, 상기 사용자의 드래그 동작을 인식하는 것을 특징으로 하는 웹 브라우저 표시 장치.
The system of claim 1, wherein the processor is
And recognizing a drag operation of the user after recognizing that the user selects the toolbar area for a predetermined time or more.
제8 항에 있어서, 상기 프로세서는
상기 사용자가 상기 툴바 영역을 소정 시간 이상 선택하는 것에 대응하여 상기 사용자에게 진동 알림을 제공하는 것을 특징으로 하는 웹 브라우저 표시 장치.
The system of claim 8, wherein the processor is
And providing a vibration notification to the user in response to the user selecting the toolbar area for a predetermined time or more.
제1 항에 있어서, 상기 프로세서는
상기 툴바 영역에 웹 브라우징을 수행하기 위한 기본 아이콘이 표시되는 제1 툴바 모드와 상기 툴바 영역에 상기 사용자가 지정한 웹 페이지로 이동하기 위한 링크 아이콘이 표시되는 제2 툴바 모드를 제공하고,
상기 드래그 동작에 대응하여 상기 제1 툴바 모드와 상기 제2 툴바 모드를 전환하는 것을 특징으로 하는 웹 브라우저 표시 장치.
The system of claim 1, wherein the processor is
Providing a first toolbar mode in which a basic icon for performing web browsing is displayed in the toolbar area and a second toolbar mode in which a link icon for moving to a web page designated by the user is displayed in the toolbar area,
And the first toolbar mode and the second toolbar mode in response to the dragging operation.
제10 항에 있어서, 상기 프로세서는
상기 툴바 영역의 일단 또는 양단에 상기 사용자의 선택에 대응하여 상기 제1 툴바 모드와 상기 제2 툴바 모드를 전환할 수 있도록 하는 전환 아이콘을 표시하는 것을 특징으로 하는 웹 브라우저 표시 장치.
The method of claim 10, wherein the processor is
And displaying a switching icon at one end or both ends of the toolbar area to switch between the first toolbar mode and the second toolbar mode in response to the user's selection.
제10 항에 있어서, 상기 프로세서는
상기 페이지 영역에 표시되는 페이지가 새로운 탭이 열린 것에 대응되어 생성된 페이지이면, 상기 제2 툴바 모드를 제공하는 것을 특징으로 하는 웹 브라우저 표시 장치.
The method of claim 10, wherein the processor is
And providing the second toolbar mode if the page displayed in the page area is a page generated corresponding to the opening of a new tab.
제1 항에 있어서, 상기 프로세서는
상기 드래그 동작을 인식하면, 상기 툴바에 표시되는 툴 아이콘을 상기 드래그 동작에 대응되는 방향으로 이동시키는 것을 특징으로 하는 웹 브라우저 표시 장치.
The system of claim 1, wherein the processor is
And recognizing the drag operation, moving the tool icon displayed on the toolbar in a direction corresponding to the drag operation.
제13 항에 있어서, 상기 프로세서는
가로 또는 세로 방향으로 나열되는 상기 툴 아이콘 중 일부의 툴 아이콘을 상기 툴바 영역에 표시하며,
상기 툴바 영역을 통해 상기 사용자에게 표시되는 툴 아이콘을 상기 드래그 동작에 대응되는 방향으로 이동시키는 것을 특징으로 하는 웹 브라우저 표시 장치.
The system of claim 13, wherein the processor is
A tool icon of some of the tool icons listed in the horizontal or vertical direction is displayed in the toolbar area,
And moving the tool icon displayed to the user through the toolbar area in a direction corresponding to the drag operation.
제14 항에 있어서, 상기 툴 아이콘은
상기 사용자가 선택한 다른 툴 아이콘을 상기 툴바에 추가할 수 있도록 하는 사용자 추가 아이콘을 포함하는 것을 특징으로 하는 웹 브라우저 표시 장치.
The method of claim 14, wherein the tool icon is
And a user add icon for adding another tool icon selected by the user to the toolbar.
제13 항에 있어서, 상기 프로세서는
상기 드래그 동작이 종료된 것을 인식하면, 상기 툴 아이콘의 이동을 멈추고, 이동된 상기 툴 아이콘을 선택 가능한 상태로 표시하는 것을 특징으로 하는 웹 브라우저 표시 장치.
The system of claim 13, wherein the processor is
And recognizing the end of the drag operation, stopping the movement of the tool icon and displaying the moved tool icon in a selectable state.
제13 항에 있어서, 상기 프로세서는
상기 드래그 동작이 종료된 것을 인식하면, 상기 툴 아이콘의 이동 속도를 점차 감소 시키는 것을 특징으로 하는 웹 브라우저 표시 장치.
The system of claim 13, wherein the processor is
And recognizing that the drag operation is terminated, gradually reducing the moving speed of the tool icon.
디스플레이;
적어도 하나의 프로그램이 저장된 메모리; 및
상기 적어도 하나의 프로그램의 제어에 따라 동작하는 프로세서를 포함하되,
상기 프로세서는
상기 디스플레이의 화면을 통해 사용자의 웹 브라우징에 따른 페이지를 페이지 영역에 표시하고, 상기 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역에 표시하며,
상기 페이지 영역에 표시되는 페이지가 새로운 탭이 열린 것에 대응되어 생성된 페이지이면 상기 페이지 영역에 대한 상기 사용자의 선택과 상기 사용자의 드래그 동작을 인식하고,
상기 드래그 동작에 대응하여 상기 페이지 영역에 상기 툴 아이콘을 표시하고,
상기 툴바 영역에 표시되는 상기 툴 아이콘 중 일단에 대응되는 영역에 위치한 탭 아이콘에 대한 사용자의 선택 및 드래그 동작을 인식하면,
상기 툴바 영역에 상기 툴 아이콘들 중 다른 일부를 표시하며,
상기 탭 아이콘에 대한 선택 후 상기 탭 아이콘에 대한 선택이 해제된 것을 인식하면, 웹 브라우저에 활성화된 하나 이상의 탭을 상기 페이지 영역에 표시하는 것을 특징으로 하는 웹 브라우저 표시 장치.
display;
A memory in which at least one program is stored; And
Including a processor operating under the control of the at least one program,
The processor is
Displays a page according to a user's web browsing in a page area through a screen of the display, displays some of the tool icons for the web browsing in a toolbar area,
If the page displayed in the page area is a page generated in response to the opening of a new tab, the user's selection of the page area and the user's dragging operation are recognized.
Displaying the tool icon in the page area in response to the dragging operation,
Recognizing a user's selection and dragging of a tab icon located in an area corresponding to one end of the tool icons displayed in the toolbar area,
Display another part of the tool icons in the toolbar area,
And recognizing that the selection of the tab icon is released after the selection of the tab icon, displaying one or more tabs activated in the web browser in the page area.
제18항에 있어서, 상기 페이지 영역에 표시되는 툴 아이콘은
상기 사용자가 지정한 웹 페이지로 이동하기 위한 링크 아이콘인 것을 특징으로 하는 웹 브라우저 표시 장치.
19. The method of claim 18, wherein the tool icon displayed in the page area is
And a link icon for moving to a web page designated by the user.
삭제delete 삭제delete 삭제delete 삭제delete 웹 브라우저 표시 장치에 의한 웹 브라우저 표시 방법에 있어서,
디스플레이의 화면을 통해 사용자의 웹 브라우징에 따른 페이지를 페이지 영역에 표시하고, 상기 웹 브라우징을 위한 툴 아이콘들 중 일부를 툴바 영역에 표시하는 페이지 및 툴바 영역 표시 단계;
사용자의 툴바 영역의 일단에 대응되는 영역에 위치한 탭 아이콘의 선택을 인식하는 단계;
상기 사용자의 드래그 동작을 인식하는 단계; 및
상기 툴 아이콘들 중 다른 일부가 상기 툴바 영역에 표시되도록 상기 툴바 영역에 표시되는 툴 아이콘을 변경하는 단계; 를 포함하고,
상기 사용자가 상기 탭 아이콘을 선택한 후 상기 드래그 동작을 수행하지 않고 상기 탭 아이콘에 대한 선택을 해제하면 웹 브라우저에 활성화된 하나 이상의 탭을 상기 페이지 영역에 표시하는 것을 특징으로 하는 웹 브라우저 표시 방법.
In the web browser display method by the web browser display device,
Displaying a page according to a user's web browsing in a page area through a screen of a display, and displaying some of the tool icons for web browsing in a toolbar area;
Recognizing a selection of a tab icon located in an area corresponding to one end of a toolbar area of the user;
Recognizing a drag operation of the user; And
Changing a tool icon displayed in the toolbar area so that another part of the tool icons is displayed in the toolbar area; Including,
And after the user selects the tab icon and releases the selection of the tab icon without performing the dragging operation, displaying one or more tabs activated in the web browser on the page area.
제24 항에 있어서, 상기 페이지 및 툴바 영역 표시 단계는
상기 페이지 영역에 표시되는 페이지가 새로운 탭이 열린 것에 대응되어 생성된 페이지이면, 상기 사용자가 지정한 웹 페이지로 이동하기 위한 링크 아이콘을 상기 툴바 영역에 표시하는 것을 특징으로 하는 웹 브라우저 표시 방법.
The method of claim 24, wherein displaying the page and toolbar area
And displaying a link icon for moving to a web page designated by the user in the toolbar area if the page displayed in the page area is a page generated corresponding to the opening of a new tab.
삭제delete 삭제delete 하드웨어와 결합되어 제24항 및 제25항 중 하나의 웹 브라우저 표시 방법을 실행시키기 위하여 매체에 저장된 컴퓨터 프로그램.A computer program stored in a medium in combination with hardware for executing the web browser display method of one of claims 24 and 25.
KR1020170168140A 2017-12-08 2017-12-08 Web browser display apparatus and web browser display method KR102031104B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020170168140A KR102031104B1 (en) 2017-12-08 2017-12-08 Web browser display apparatus and web browser display method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170168140A KR102031104B1 (en) 2017-12-08 2017-12-08 Web browser display apparatus and web browser display method

Publications (2)

Publication Number Publication Date
KR20190068092A KR20190068092A (en) 2019-06-18
KR102031104B1 true KR102031104B1 (en) 2019-10-14

Family

ID=67103418

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170168140A KR102031104B1 (en) 2017-12-08 2017-12-08 Web browser display apparatus and web browser display method

Country Status (1)

Country Link
KR (1) KR102031104B1 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117666868A (en) * 2022-08-29 2024-03-08 Oppo广东移动通信有限公司 Toolbar display method, toolbar display device, terminal and computer-readable storage medium

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100984817B1 (en) * 2009-08-19 2010-10-01 주식회사 컴퍼니원헌드레드 User interface method using touch screen of mobile communication terminal
JP2017188169A (en) * 2017-07-19 2017-10-12 Kddi株式会社 Portable terminal equipment, tool screen control method, and computer program

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CA2734999C (en) * 2008-09-01 2022-01-18 Google, Inc. New tab pages and bookmark toolbars in a browser
KR101680113B1 (en) * 2010-04-22 2016-11-29 삼성전자 주식회사 Method and apparatus for providing graphic user interface in mobile terminal
US9477381B2 (en) * 2013-03-12 2016-10-25 Hexagon Technology Center Gmbh User interface for toolbar navigation
US8775965B1 (en) 2013-06-27 2014-07-08 Google Inc. Immersive mode for a web browser

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100984817B1 (en) * 2009-08-19 2010-10-01 주식회사 컴퍼니원헌드레드 User interface method using touch screen of mobile communication terminal
JP2017188169A (en) * 2017-07-19 2017-10-12 Kddi株式会社 Portable terminal equipment, tool screen control method, and computer program

Also Published As

Publication number Publication date
KR20190068092A (en) 2019-06-18

Similar Documents

Publication Publication Date Title
US10268658B2 (en) Page loading method and system, and computer-readable storage medium
US10474352B1 (en) Dynamic expansion of data visualizations
JP6153868B2 (en) Method and apparatus for displaying items
KR100984817B1 (en) User interface method using touch screen of mobile communication terminal
KR101381484B1 (en) Mobile device having a graphic object floating function and execution method using the same
EP2284728A1 (en) Web browsing method and web browsing device
US20140089832A1 (en) Apparatus and method for switching split view in portable terminal
US20130145290A1 (en) Mechanism for switching between document viewing windows
KR102304178B1 (en) User terminal device and method for displaying thereof
KR20170041219A (en) Hover-based interaction with rendered content
JP2016533556A (en) Pan and selection gesture detection
JP4695154B2 (en) Touch panel display control system, touch panel display control method, touch panel display control program
CN108319410B (en) Method and apparatus for controlling menu in media device
US20140123036A1 (en) Touch screen display process
KR100795590B1 (en) Method of navigating, electronic device, user interface and computer program product
US20210191605A1 (en) Method for displaying web browser and terminal device using the same
CN113721808A (en) Control method and device
KR102031104B1 (en) Web browser display apparatus and web browser display method
US20230123119A1 (en) Terminal, control method therefor, and recording medium in which program for implementing method is recorded
KR101485791B1 (en) Portable terminal having touch screen and method for performing function thereof
JP6034878B2 (en) Object selection method, storage medium storing program, and information processing apparatus
KR101641063B1 (en) Apparatus and method for controlling terminal
KR101647359B1 (en) Terminal apparatus and method for showing web page by terminal apparatus, and web server and method for providing web page by web server
CN112764622A (en) Icon moving method and device and electronic equipment
JP2015106397A (en) Web content display device, operation method of web content display device, and computer program

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