KR101561984B1 - Method of providing management of scalable area definition type pointer, and computer-readable recording medium for the same - Google Patents
Method of providing management of scalable area definition type pointer, and computer-readable recording medium for the same Download PDFInfo
- Publication number
- KR101561984B1 KR101561984B1 KR1020130143499A KR20130143499A KR101561984B1 KR 101561984 B1 KR101561984 B1 KR 101561984B1 KR 1020130143499 A KR1020130143499 A KR 1020130143499A KR 20130143499 A KR20130143499 A KR 20130143499A KR 101561984 B1 KR101561984 B1 KR 101561984B1
- Authority
- KR
- South Korea
- Prior art keywords
- area
- pointer
- web page
- hyperlinks
- hyperlink
- Prior art date
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
- 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/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/033—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
- G06F3/0346—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of the device orientation or free movement in a 3D space, e.g. 3D mice, 6-DOF [six degrees of freedom] pointers using gyroscopes, accelerometers or tilt-sensors
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
본 발명은 웹 페이지 상의 하이퍼링크 개수에 따라 하이퍼링크에 실행 명령을 입력하는 포인터를 가변적인 크기의 영역으로 구현하는 기술로서, 웹 페이지 상의 포인터 내에 하나 또는 하나 이상의 하이퍼링크가 위치할 수 있도록 포인터를 소정 영역으로 구현하고, 동시에 웹 페이지의 로딩중에 웹 페이지 상의 하이퍼링크 개수를 카운트한 후, 카운트한 하이퍼링크 개수에 연동하여 포인터의 영역 크기를 가변적으로 조절하는 기술이다. 본 발명에 따르면, 웹 페이지 상의 포인터를 소정 크기의 영역으로 구현하여 리모컨을 통한 웹 페이지 상의 포인터 조작시 정확성을 높이고, 오류의 발생을 최소화할 수 있다.The present invention relates to a technique for implementing a pointer for inputting an execution command to a hyperlink according to the number of hyperlinks on a web page in a variable size region. The pointer is a pointer for positioning one or more hyperlinks in a pointer on the web page The number of hyperlinks on the web page is counted during the loading of the web page, and the size of the pointer area is variably controlled in conjunction with the counted number of hyperlinks. According to the present invention, the pointer on the web page can be implemented as a predetermined size area, thereby improving the accuracy in manipulating the pointer on the web page through the remote controller and minimizing the occurrence of errors.
Description
본 발명은 웹 페이지 상에 영역정의 형상의 포인터를 구현하여 리모컨을 통한 포인터 조작의 UI를 양호하게 하고, 동시에 웹 페이지 상의 하이퍼링크 개수에 따라 하이퍼링크에 실행 명령을 입력하는 포인터를 가변적인 크기의 영역으로 구현하는 기술이다.The present invention implements a pointer of an area definition shape on a web page to improve the UI of manipulating the pointer through the remote controller, and at the same time, a pointer for inputting an execution command to the hyperlink according to the number of hyperlinks on the web page, Area.
더욱 상세하게는, 본 발명은 웹 페이지 상에 일종의 영역정의 형상(예: 원형, 사각형 등)의 포인터를 구현하여 웹 페이지 상에 하이퍼링크가 띄엄띄엄 위치하는 경우에도 포인터의 영역 내에 하이퍼링크가 위치할 확률을 높여 포인터 조작의 정확성을 높일 수 있고, 웹 페이지의 로딩중에 웹 페이지 상의 하이퍼링크 개수를 카운트한 후 카운트한 하이퍼링크 개수에 연동하여 포인터의 영역 크기를 가변적으로 조절하여 사용자의 포인터 조작시 오류 발생을 최소화할 수 있는 기술에 관한 것이다.
More specifically, the present invention implements a pointer to a kind of region definition shape (e.g., circle, rectangle, etc.) on a web page so that even if a hyperlink is sparsely located on a web page, The number of hyperlinks on the web page is counted during the loading of the web page, and the size of the pointer area is variably adjusted in accordance with the counted number of hyperlinks, so that when the user manipulates the pointer And a technique capable of minimizing the occurrence of errors.
최근 들어 TV는 모니터에 메뉴 창뿐만 아니라 웹 페이지를 구현하기에 이르렀다. 여기서, 모니터에 표시되는 포인터는 TV에서 브라우저를 조작하거나 메뉴를 조작하는 용도로 활용된다.In recent years, TV has come to implement web pages as well as menu windows on monitors. Here, the pointer displayed on the monitor is used for manipulating the browser or manipulating the menu on the TV.
그리고, TV 모니터에 표시되는 메뉴 창은 메뉴 창에 활성화되어 있는 포인터를 리모컨을 통해 조작하였다. 그런데, 기존에는 리모컨의 4방향 키로 조작해 왔는데, 최근에는 화려하고 인터랙티브한 메뉴를 구성하면서 포인터의 조작을 신속하고 정확하게 하는 것이 매우 중요하게 되었다.And, the menu window displayed on the TV monitor is operated by the remote controller through the pointer activated in the menu window. However, conventionally, the remote control has been operated by the four-way key. In recent years, it has become very important to quickly and accurately operate the pointer while constructing a colorful and interactive menu.
그러나, 리모컨을 통해 원격으로 TV 모니터의 포인터를 조작하는 동작은 PC에 비해 조작의 정밀도나 해상도가 많이 떨어지는 단점이 있고, 그에 따라 TV에서 포인터를 조작할 때 사용자의 의도와는 상이하게 오류가 빈번히 발생한다는 문제가 있다.
However, the operation of manipulating the pointer of the TV monitor remotely via the remote control has a disadvantage that the precision and the resolution of the operation are much lower than that of the PC, and accordingly, when manipulating the pointer on the TV, errors frequently occur There is a problem that it occurs.
1. 리모콘 입력을 통한 웹 브라우저 제어 방법(특허출원 10-2001-0019544호)1. Web browser control method through remote control input (patent application No. 10-2001-0019544)
2. 포인팅 디바이스를 이용하여 화면을 제어하는 방법(특허출원 10-2009-0114703호)
2. A method of controlling a screen using a pointing device (Patent Application No. 10-2009-0114703)
본 발명은 상기한 점을 감안하여 제안된 것으로, 본 발명의 목적은 웹 페이지 상에 영역정의 형상의 포인터를 구현하여 웹 페이지 상에 하이퍼링크가 띄엄띄엄 위치하는 경우에도 리모컨을 통한 포인터 조작의 UI를 양호하게 할 수 있는 스케일러블한 영역정의형 포인터 운용 방법을 제공함에 있다.SUMMARY OF THE INVENTION The present invention has been made in view of the above-mentioned problems, and it is an object of the present invention to provide a method and apparatus for implementing a pointer of an area defining shape on a web page, And a method of operating a scalable area definition type pointer capable of improving the scalability of the area definition type pointer.
본 발명의 또 다른 목적은 모니터의 웹 페이지에 생성되는 하이퍼링크의 개수에 따라 웹 페이지 상의 포인터 크기를 가변적으로 조절하여 웹 페이지 상의 하이퍼링크를 활성화시키는 조작시 오류의 발생을 최소화시킬 수 있는 스케일러블한 영역정의형 포인터 운용 방법을 제공함에 있다.
It is still another object of the present invention to provide a scalable display capable of minimizing the occurrence of errors in the operation of activating a hyperlink on a web page by variably controlling the size of a pointer on the web page according to the number of hyperlinks generated in the web page of the monitor And to provide a method of operating an area-defined pointer.
상기의 목적을 달성하기 위하여 본 발명에 따른 스케일러블한 영역정의형 포인터 운용 방법은, (a) 모니터에 웹 페이지를 로딩하는 단계; (b) 웹 페이지 상에 영역정의 형상의 포인터를 구현하는 단계; (c) 웹 페이지를 로딩할 때 웹 페이지 상의 하이퍼링크 개수를 카운트하는 단계; (d) 카운트한 하이퍼링크의 개수에 반비례하여 대응하도록 포인터 영역의 크기를 설정하는 단계; (e) 포인터 영역 내 하이퍼링크에 대해 실행 명령을 입력하여 활성화시키는 단계;를 포함하여 구성된다.According to an aspect of the present invention, there is provided a method for operating a scalable area definition pointer, including: (a) loading a web page on a monitor; (b) implementing a pointer to an area defining shape on a web page; (c) counting the number of hyperlinks on the web page when loading the web page; (d) setting a size of the pointer area so as to correspond inversely to the number of counted hyperlinks; (e) inputting an execution command for the hyperlink in the pointer area to activate the hyperlink.
단계 (e)는, (e-1) 설정된 포인터의 영역 내에 위치하는 하이퍼링크 개수를 검출하는 단계; (e-2) 포인터 영역 내에 위치하는 하이퍼링크가 복수 개 검출되는 경우 포인터에 클릭 이벤트가 발생하면 포인터가 복수 개의 하이퍼링크 중 하나를 선택하여 활성화시키는 단계;를 포함하여 구성됨이 바람직하다.Step (e) comprises the steps of: (e-1) detecting the number of hyperlinks located in the area of the set pointer; (e-2) if a plurality of hyperlinks located in the pointer area are detected, if the pointer generates a click event, the pointer selects one of the plurality of hyperlinks and activates the hyperlink.
단계 (e-2)는, 포인터 영역 내 각 하이퍼링크의 점유율을 우선하도록 설정된 경우 포인터 영역 내 각 하이퍼링크에 대한 면적을 계산한 후, 포인터 영역 내에서 상대적으로 가장 큰 면적 점유율을 갖는 하나의 하이퍼링크를 선택하여 활성화시키는 단계; 포인터 영역 내 각 하이퍼링크의 방향성을 우선하도록 설정된 경우 포인터 영역 내 각 하이퍼링크에 대한 위치를 검출한 후, 포인터 영역 내의 미리 설정한 위치에 가장 인접하는 하나의 하이퍼링크를 선택하여 활성화시키는 단계; 중 어느 하나 이상의 단계를 포함하여 구성될 수 있다.When the occupancy rate of each hyperlink in the pointer area is set to be higher than the occupancy rate of each hyperlink in the pointer area, step (e-2) calculates an area for each hyperlink in the pointer area, Selecting and activating a link; Detecting a position of each hyperlink in the pointer area when the directionality of each hyperlink in the pointer area is set to be preferential, and then selecting and activating one hyperlink closest to a predetermined position in the pointer area; And / or < / RTI >
단계 (c)에서 카운트되는 하이퍼링크 개수는, 웹 페이지가 브라우저 기반으로 구성된 경우 웹 페이지의 소스 정보로부터 하이퍼링크 태그를 카운트하고, 웹 페이지가 자바 기반으로 구성된 경우 웹 페이지의 소스 정보 중 미리 설정된 특정 표식을 카운트하여 획득되는 것이 바람직하다.The number of hyperlinks counted in the step (c) counts the hyperlink tags from the source information of the web page when the web page is configured on the basis of the browser. When the web page is configured based on Java, Preferably by counting the markings.
또한, 포인터 영역은 점유율 계산이나 방향성 계산의 편의를 위해 원형 또는 사각형으로 이루어짐이 바람직하다.
In addition, the pointer area is preferably circular or square for ease of calculation of the occupancy rate or directionality calculation.
본 발명에 따른 스케일러블한 영역정의형 포인터 운용 방법은,According to the present invention, there is provided a scalable area definition type pointer operating method,
(1) 웹 페이지 상에 소정 크기의 영역정의 형상으로 포인터를 구현하여 리모컨을 통한 웹 페이지 상의 포인터 조작시 정확성을 높임과 동시에 리모컨을 통한 포인터 조작의 UI를 양호하게 할 수 있다.(1) It is possible to improve the accuracy in manipulating the pointer on the web page through the remote controller and improve the UI of manipulating the pointer through the remote controller by implementing the pointer in the area definition shape of a predetermined size on the web page.
(2) 또한, 웹 페이지의 로딩중에 카운트한 하이퍼링크 개수에 연동하여 포인터 영역의 크기를 가변적으로 조정하여 웹 페이지 상의 포인터 조작에 대한 편의성을 향상시키고, 오류의 발생을 최소화하였다.
(2) In addition, the size of the pointer area is variably adjusted in accordance with the number of hyperlinks counted during loading of the web page, thereby improving the convenience of manipulation of the pointer on the web page and minimizing the occurrence of errors.
[도 1]은 본 발명에 따른 스케일러블한 영역정의형 포인터 운용 방법을 구현하기 위해 리모컨으로 모니터에 생성된 포인터를 조작하는 예시도.
[도 2]는 본 발명의 제 1 실시예에 따른 영역정의형 포인터를 구현한 예시도.
[도 3]은 본 발명의 제 2 실시예에 따른 영역정의형 포인터를 구현한 예시도.
[도 4]는 [도 3]의 포인터 영역을 확대하여 도시한 예시도.
[도 5]는 본 발명의 제 3 실시예에 따른 영역정의형 포인터를 구현한 예시도.
[도 6]은 [도 5]의 포인터 영역을 확대하여 도시한 예시도.
[도 7]은 본 발명에 따른 스케일러블한 영역정의형 포인터 운용 방법을 구현하는 과정을 나타낸 순서도.FIG. 1 illustrates an example of manipulating a pointer generated on a monitor by a remote controller to implement a scalable area definition type pointer operating method according to the present invention. FIG.
FIG. 2 is an exemplary view illustrating the implementation of a region definition pointer according to the first embodiment of the present invention; FIG.
3 is an exemplary view illustrating the implementation of a region definition pointer according to a second embodiment of the present invention;
FIG. 4 is an enlarged view of the pointer area of FIG. 3; FIG.
FIG. 5 is an exemplary view illustrating an implementation of a region definition pointer according to a third embodiment of the present invention; FIG.
FIG. 6 is an enlarged view of a pointer area of FIG. 5; FIG.
FIG. 7 is a flow chart illustrating a process of implementing a scalable area definition pointer operating method according to the present invention. FIG.
이하, 도면을 참조하여 본 발명을 상세히 설명한다.Hereinafter, the present invention will be described in detail with reference to the drawings.
[도 1]은 본 발명에 따른 스케일러블한 영역정의형 포인터 운용 방법을 구현하기 위해 모니터(200)에 생성된 본 발명에 따른 포인터(300)를 리모컨(100)을 통해 조작하는 예시도이다.1 is an exemplary diagram illustrating operations of a
[도 1]을 참조하면, 모니터(200)(예: TV 모니터)에 생성된 포인터(300)에 대하여 사용자가 리모컨(100)을 조작함으로써 포인터(300) 내에 위치하는 복수 개의 하이퍼링크 중에서 하나를 선택하여 활성화할 수 있다.1, when a user operates the
이때, 사용자 조작으로 리모컨(100)을 상하좌우 움직이면 이와 연동하여 모니터(200) 상의 포인터(300)도 상하좌우로 움직니다. 또한, 리모컨(100)에 대한 사용자의 조작에 대응하여 포인터(300) 내의 하이퍼링크에 대해 실행 명령을 입력하여 활성화시킨다.At this time, when the
본 발명에서는 포인터(300)를 영역정의 형상으로 구현한다. 이를 통하여, 하이퍼링크가 띄엄띄엄 위치한 경우에도 포인터(300)의 영역 내에 하이퍼링크가 위치할 확률이 높아져서 리모컨(100)을 통한 포인터(300)의 조작이 양호해진다. 그리고, 소정 크기의 영역을 갖는 포인터(300)는 그 영역을 가변적으로 크게 또는 작게 구현할 수도 있다.
In the present invention, the
[도 2]는 본 발명의 제 1 실시예에 따라 영역정의형 포인터(300)를 구현한 예시도이다. 특히, [도 2]는 모니터(200)에 웹 페이지(300)가 로딩되고 웹 페이지(300)에는 웹 포털 사이트(예: https://www.google.co.kr)가 로딩된 상태를 나타낸다.FIG. 2 is an example of an implementation of the area
[도 2]를 참조하면, 본 발명은 모니터(200)에 로딩된 웹 페이지(400)에 영역정의 형상으로 포인터(300)를 구현한다.Referring to FIG. 2, the present invention implements a
이때, 포인터(300)의 영역 크기는 웹 페이지(400)의 하이퍼링크를 카운트하여 가변적으로 설정한다. [도 2]에서 모니터(200)에 로딩되는 '구글'의 웹 포털 사이트 메인 화면에서는 하이퍼링크의 개수가 100개 이하인데, 구체적으로는 "https://www.google.co.kr"에서 href 태그(미리 설정된 '하이퍼링크 표시 태그')의 개수를 카운트함으로써 하이퍼링크의 개수를 알 수 있다.At this time, the size of the area of the
이처럼 포인터(300)를 영역정의 형상으로 구현함으로써, 웹 페이지(400) 상에 표시된 복수의 하이퍼링크가 띄엄띄엄 위치한 경우에도 그 중 하나의 하이퍼링크(L1)를 선택하여 활성화하는 조작이 간편하며, 기존의 점단위 포인터를 활용하여 웹 페이지 상에서 하이퍼링크를 선택할 때의 불편했던 사용자 조작성을 개선하였다.
By embodying the
[도 3]은 본 발명의 제 2 실시예에 따른 영역정의형 포인터(300)를 구현한 예시도이다. 특히, [도 3]은 모니터(200)에 웹 페이지(300)가 로딩되고 웹 페이지(300)에는 웹 포털 사이트(예: http://www.naver.com)가 로딩된 상태를 나타낸다.3 is an exemplary diagram illustrating an implementation of the area
[도 3]을 참조하면, 웹 포털 사이트에는 하이퍼링크의 개수가 100 개가 넘는 경우가 대부분이고, "http://www.naver.com"나 "http://www.daum.net"의 경우에는 href 태그(미리 설정된 '하이퍼링크 표시 태그') 개수가 350개에서 480개 정도이다.Referring to FIG. 3, in most cases, the number of hyperlinks exceeds 100 in the web portal site, and in the case of "http://www.naver.com" or "http://www.daum.net" There are 350 to 480 href tags (preset 'hyperlink tag').
이처럼, 웹 페이지(400)가 웹 포털 사이트인 경우에는 단위 면적당 많은 수의 하이퍼링크가 로딩되므로 크기 조절이 가능한(스케일러블) 영역정의형 포인터(300)는 작게 설정하는 것이 바람직하다. 즉, 포인터(300)의 영역 내에 너무 많은 하이퍼링크가 위치하면 활성화할 하나의 하이퍼링크 선택시 상대적으로 복잡하기 때문이다.As described above, when the
여기서, 포인터 영역의 크기는 웹 포털 사이트를 로딩할 때 하이퍼링크를 전체 개수를 카운트한 후, 그 카운트한 하이퍼링크의 개수와 연동하여 가변적으로 설정하는 것이 바람직하다.Here, it is preferable that the size of the pointer area is variable when the web portal site is loaded, in association with the number of hyperlinks after counting the total number of hyperlinks.
상세하게, 웹 포털 사이트의 로딩시 카운트한 하이퍼링크의 개수가 M(자연수)개 이상이면 포인터(300)의 영역 크기가 M 픽셀로 자동 구현되도록 미리 설정할 수 있다.
Specifically, if the number of hyperlinks counted at the time of loading the web portal site is M (natural number) or more, the area size of the
한편, 웹 페이지(400)에 포함된 하이퍼링크의 개수는 [도 2]에서는 100개 이하이고 [도 3]에서는 대략 350개 정도이다.On the other hand, the number of hyperlinks included in the
이때, 포인터(300)의 영역 크기는 하이퍼링크 개수에 반비례하여 설정하기 때문에 [도 2]에서 표시된 포인터(300)의 영역은 [도 3]에서 표시된 포인터(300)의 영역보다 상대적으로 크게 설정됨을 알 수 있다.In this case, since the area size of the
즉, [도 3]과 같이 웹 페이지(400)의 하이퍼링크 개수가 상대적으로 많은 경우에는 웹 페이지(400)의 단위 면적당 하이퍼링크가 조밀하게 배치되는데, 이러한 경우에는 포인터(300)의 영역정의 형상 크기를 가변적으로 작게 설정하여 포인터(300) 영역 내에 위치하는 하이퍼링크가 다수 중첩될 가능성을 최소한으로 줄일 수 있다.
That is, when the number of hyperlinks of the
[도 4]는 [도 3]의 포인터 영역을 확대하여 도시한 예시도이다. [도 4]를 참조하면, 포인터(300)의 영역 내에 2개의 하이퍼링크(L2, L3)가 위치하는데, 포인터(300)가 포인터 영역 내 하이퍼링크(L2, L3)에 대해 실행 명령을 입력하는 경우 점유율을 우선하여 "오늘의 신문" 관련 하이퍼링크(L3)가 활성화될 수 있으며, 이러한 점유율을 기초로 활성화될 하이퍼링크(L3)의 우선순위는 미리 설정할 수 있다. 4 is an enlarged view of the pointer area of Fig. 3; Fig. 4, two hyperlinks L2 and L3 are positioned within the area of the
그리고, 포인터(300)가 포인터 영역 내 하이퍼링크(L2, L3)에 대해 실행 명령을 입력하는 경우 방향성(예:중앙 위치)을 우선하여 "오늘의신문" 관련 하이퍼링크(L3)를 활성화할 수 있으며, 이러한 방향성을 기초로 활성화될 하이퍼링크(L3)의 우선순위도 미리 설정할 수 있다.If the
여기서, 포인터(300) 내에 위치한 복수의 하이퍼링크에 대해 중앙 우선, 좌상부 우선, 우상부 우선, 좌하부 우선, 우하부 우선 등 그 방향성의 우선순위는 미리 설정할 수 있다.
Here, the priority order of the directionality of a plurality of hyperlinks located in the
[도 5]는 본 발명의 제 3 실시예에 따른 영역정의형 포인터(300)를 구현한 예시도이고, [도 6]은 [도 5]에 도시된 포인터 영역을 확대하여 좀더 정밀하게 도시한 예시도이다.5 is a view illustrating an embodiment of the area
상세하게 살펴보면, [도 5]는 TV 모니터(200)에 리모컨(100) 조작으로 실행 가능한 웹 페이지(300)가 로딩된 상태로서, 웹 페이지(300)는 TV 메뉴가 로딩된 상태를 나타낸다.5 is a state in which the
[도 5]를 참조하면, TV 모니터(200)에 로딩되는 TV 메뉴에서는 하이퍼링크의 개수가 100 개 이하의 경우가 대부분이다.Referring to FIG. 5, in the TV menu loaded on the
이처럼, 웹 페이지(400)가 TV 메뉴인 경우에 TV 메뉴 상의 단위 면적당 웹 포털 사이트와 달리 상대적으로 적은 수의 하이퍼링크가 로딩되므로 크기 조절이 가능한 영역정의형 포인터(300)는 크게 설정하는 것이 바람직하다. TV 메뉴의 로딩시 하이퍼링크를 전체 개수를 카운트한 후, 그 카운트한 하이퍼링크의 개수와 연동하여 설정한다.As described above, when the
상세하게 살펴보면, TV 메뉴의 로딩시 카운트한 하이퍼링크의 개수가 m(자연수)개 이하이면 포인터(300)의 영역 크기가 m 픽셀로 자동 구현되도록 미리 설정할 수 있다.More specifically, if the number of hyperlinks counted during loading of the TV menu is equal to or less than m (natural number), the area size of the
그리고, 웹 포털 사이트와 달리 TV 메뉴는 하이퍼링크의 개수가 상대적으로 적기 때문에 TV 메뉴의 단위 면적당 하이퍼링크가 띄엄띄엄 배치된다. 이 경우에는 포인터(300)의 영역정의 형상의 크기를 확장하여 하이퍼링크에 대한 포인터(300) 조작성을 향상시키고 그에 따라 사용자의 리모컨(100) 조작성도 향상시킬 수 있다.Unlike the web portal site, since the number of hyperlinks in the TV menu is relatively small, hyperlinks per unit area of the TV menu are disposed sparsely. In this case, the size of the area defining shape of the
[도 6]을 참조하면, TV 메뉴에서는 상대적으로 전체 하이퍼링크 개수가 적기 때문에 영역정의형 포인터(300)의 크기를 상대적으로 크게 설정하였다. 이로 인해 선택된 하이퍼링크(L4)에 대한 실행 명령 조작을 용이하게 할 수 있는 장점이 있다.Referring to FIG. 6, since the number of total hyperlinks is relatively small in the TV menu, the size of the area
한편, 이 경우에도 포인터 영역 내에 하이퍼링크가 복수 개 위치할 수 있다. 이러한 상황에서 사용자가 포인터(300)에 대해 실행 명령(예: 클릭)을 입력하면 면적 점유율이나 방향성(예:중앙위치)을 우선하여 선택된 하나의 하이퍼링크가 활성화될 수 있으며, 이러한 방향성을 기초로 활성화될 하이퍼링크의 우선순위도 미리 설정할 수 있다.In this case, a plurality of hyperlinks may be located in the pointer area. In this situation, if the user inputs an execution command (e.g., click) on the
그리고, 포인터(300) 내에 위치한 복수의 하이퍼링크에 대해 중앙 우선, 좌상부 우선, 우상부 우선, 좌하부 우선, 우하부 우선 등 그 방향성의 우선순위는 미리 설정할 수 있다.
The priority order of the directionality of the plurality of hyperlinks located in the
[도 7]은 본 발명에 따라 스케일러블한 영역정의형 포인터 운용 방법을 구현하는 전체적인 과정을 나타낸 순서도이다.FIG. 7 is a flowchart illustrating an overall process of implementing a scalable area definition type pointer operating method according to the present invention.
단계 S110 : 모니터를 부팅한 후, 모니터(200) 상에 웹 포털 사이트(400) 또는 TV 메뉴(400) 관련 웹 페이지를 로딩한다.Step S110: After booting the monitor, the web page related to the
단계 S120 : 웹 페이지(400) 상에 영역정의 형상의 포인터(300)를 구현한다. 이처럼 포인터(300)를 영역정의 형상으로 구현함으로써, 웹 페이지(400) 상에 표시된 복수의 하이퍼링크가 띄엄띄엄 위치한 경우에도 그 중 하나의 하이퍼링크(L1)를 선택하여 활성화하는 조작이 간편하며, 기존의 점단위 포인터를 활용할 때 웹 페이지 상의 하이퍼링크를 선택하는 과정에서 불편했던 사용자 조작성을 개선한 장점이 있다.Step S120: The
특히, 리모컨(100)을 이용하여 웹 페이지(400) 상의 포인터(300)를 조작하기 때문에 기존 점단위 포인터(300)를 리모컨(100)을 통해 조작하는 경우 포인터(300)의 오류 발생이 빈번한 문제가 있었다.Particularly, since the
그러나, 웹 페이지(400) 상에 표시되는 하이퍼링크가 띄엄띄엄 위치한 경우에도 본 발명은 영역정의형 포인터(300)를 구현함으로써 포인터(300)의 영역 내에 하이퍼링크가 위치할 확률이 높아져서 리모컨(100)을 활용한 포인터(300) 조작의 UI가 양호하고 기존 점단위 포인터 조작에서의 빈번히 발생하는 오류를 대폭 줄일 수 있다.However, even if a hyperlink displayed on the
한편, 포인터(300)의 영역정의 형상을 구현하는 방식은 본 발명의 기술적 사상 내에서 다양하게 구현될 수 있다. 예를 들어, 웹 포털 사이트(400)의 로딩시 카운트한 하이퍼링크의 개수가 M(자연수)개 이상이면 포인터(300)의 영역 크기가 M 픽셀로 자동 구현되도록 미리 설정할 수 있다. 또한, TV 메뉴(400)의 로딩시 카운트한 하이퍼링크의 개수가 m(자연수)개 이하이면 포인터(300)의 영역 크기가 m 픽셀로 자동 구현되도록 미리 설정할 수 있다.Meanwhile, the manner of implementing the area definition shape of the
단계 S130, S140 : 웹 페이지(400)의 로딩 중에 웹 페이지(400) 상의 하이퍼링크 개수를 카운트한다. 이어서, 카운트한 하이퍼링크의 개수에 따라 가변적으로 포인터 영역의 크기를 설정한다.Steps S130 and S140: The number of hyperlinks on the
[도 2]에서와 같이 웹 페이지(400)의 하이퍼링크 개수가 적은 경우에는 포인터(300)의 영역정의 형상을 크게 하고, [도 3]에서와 같이 웹 페이지(400)의 하이퍼링크 개수가 많은 경우에는 포인터(300)의 영역정의 형상을 상대적으로 작게 할 수 있다.As shown in FIG. 2, if the number of hyperlinks of the
[도 2]에서와 같이 웹 페이지(400) 상에 하이퍼링크가 띄엄띄엄 위치한 경우에는 포인터(300)의 영역정의 형상을 크게 설정하여 포인터(300)의 영역이 용이하게 하이퍼링크에 걸쳐지도록 할 수 있고, [도 3]에서와 같이 웹 페이지(400) 상에 하이퍼링크가 조밀하게 배치된 경우에는 포인터(300)의 영역정의 형상을 작게 설정하여 포인터(300)의 영역 내에 너무 많은 하이퍼링크가 걸쳐지지 않도록 할 수 있다.As shown in FIG. 2, when a hyperlink is sparsely located on the
그리고, 하이퍼링크의 수를 카운트할 때 웹 페이지(400)가 브라우저(browser) 기반으로 구성된 경우와 자바(java) 기반으로 구성된 경우 각각 다른 패턴으로 카운트한다.When the number of hyperlinks is counted, the
상세하게, 웹 페이지(400)가 브라우저 기반으로 구성된 경우 웹 페이지(400)의 소스 정보로부터 하이퍼링크 태그(예: "href;hypertext reference")를 카운트하고, 웹 페이지(400)가 자바 기반으로 구성된 경우 웹 페이지의 소스 정보 중 미리 설정된 특정 표식을 카운트하여 해당 웹 페이지(400) 상의 하이퍼링크 개수를 알 수 있다.In detail, when the
한편, 단계 S130에서 카운트하는 하이퍼링크 개수는 웹 페이지(400) 상에 로딩되는 전체 하이퍼링크 개수를 의미하고, 이하 단계 S150에서 검출하는 포인터 영역 내의 하이퍼링크 개수와는 다른 개념이다.Meanwhile, the number of hyperlinks counted in step S130 means the total number of hyperlinks loaded on the
즉, 단계 S130에서 웹 페이지(400) 상에 로딩되는 전체 하이퍼링크 개수의 카운트는 포인터(300)의 영역 크기를 설정하기 위한 것이고, 단계 S150에서 포인터 영역 내의 하이퍼링크 개수 검출은 포인터(300)에 클릭 이벤트가 발생하는 경우, 검출된 복수의 하이퍼링크 중 어느 것을 우선하여 활성화할지를 판단하기 위한 것이다.That is, the count of the total number of hyperlinks loaded on the
단계 S150 : 단계 S140에서 포인터(300)의 영역 크기를 가변하여 설정한 후, 포인터 영역 내에서 검출된 하이퍼링크에 대해 포인터(300)의 클릭 이벤트가 발생하면, 복수 개의 하이퍼링크 중 하나를 선택하여 활성화시킨다.Step S150: After changing the size of the area of the
즉, 포인터 영역 내에서 검출된 하이퍼링크에 대해 실행 명령을 입력하면, 포인터 영역 내에 위치하는 복수 개의 하이퍼링크 중 하나를 선택하여 활성화시킨다.That is, when an execution command is input to the hyperlink detected in the pointer area, one of the plurality of hyperlinks located in the pointer area is selected and activated.
여기서, 포인터(300)의 영역 내에 위치하는 복수 개의 하이퍼링크에 대해 포인터(300)의 클릭 이벤트가 발생함에 따라, 복수 개의 하이퍼링크 중 활성화될 하나의 하이퍼링크가 선택되는 과정은 다음과 같이 미리 설정된 패턴에 따라 구현할 수 있다.Here, as a click event of the
먼저, 포인터 영역 내 각 하이퍼링크의 점유율을 우선하도록 설정된 경우 [도 4]를 참조하면, 포인터 영역 내 각 하이퍼링크(L2,L3)에 대한 면적을 계산한다. 그리고, 포인터 영역 내에서 상대적으로 가장 큰 면적 점유율을 갖는 하나의 하이퍼링크(L3)를 선택하여 활성화시킨다.First, when the occupancy rate of each hyperlink in the pointer area is set to be higher than the occupancy rate of each hyperlink in the pointer area (FIG. 4), the area for each hyperlink (L2, L3) in the pointer area is calculated. Then, one hyperlink L3 having the largest area occupancy rate in the pointer area is selected and activated.
그리고, 포인터 영역 내 각 하이퍼링크의 방향성을 우선하도록 설정된 경우 [도 4]를 참조하면, 포인터 영역 내 각 하이퍼링크(L2,L3)에 대한 위치를 검출한 후, 포인터 영역 내의 미리 설정한 위치(예: 우측 우선)에 가장 인접하는 하나의 하이퍼링크(L3)을 선택하여 활성화시킨다.Referring to FIG. 4, after the position of each hyperlink (L2, L3) in the pointer area is detected, the position of each hyperlink (L2, L3) in the pointer area is set to a predetermined position For example, the first hyperlink L3 closest to the first hyperlink L3 (for example, right priority).
한편, 포인터(300)의 영역은 면적 점유율을 편리하게 계산하기 위해서 또는 방향을 용이하게 특정하기 위해서 상하좌우 대칭하는 형상으로 이루어짐이 바람직하다. 이를 위해 포인터(300)의 영역은 원형 또는 사각형으로 이루어짐이 가장 바람직하다.
On the other hand, it is preferable that the area of the
본 발명은 또한 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드의 형태로 구현하는 것이 가능하다. 이때, 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록 장치를 포함한다.The present invention can also be embodied in the form of computer readable code on a computer readable recording medium. At this time, the computer-readable recording medium includes all kinds of recording apparatuses in which data that can be read by a computer system is stored.
컴퓨터가 읽을 수 있는 기록매체의 예로는 ROM, RAM, CD-ROM, 자기테이프, 플로피 디스크, 광 데이터 저장장치 등이 있으며, 캐리어웨이브(예: 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다. 또한 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분산된 방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다. 그리고 본 발명을 구현하기 위한 기능적인 프로그램, 코드, 코드 세그먼트들은 본 발명이 속하는 기술 분야의 프로그래머들에 의해 용이하게 추론될 수 있다.Examples of the computer-readable recording medium include a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disk, an optical data storage, and the like, and may be implemented in the form of a carrier wave . The computer-readable recording medium can also be stored and executed by a computer-readable code in a distributed manner on a networked computer system. And functional programs, codes, and code segments for implementing the present invention can be easily deduced by programmers skilled in the art to which the present invention belongs.
이상과 같이, 본 명세서와 도면에는 본 발명의 실시예에 대하여 개시하였으며, 비록 특정 용어들이 사용되었으나 이는 단지 본 발명의 기술 내용을 쉽게 설명하고 발명의 이해를 돕기 위한 일반적인 의미에서 사용된 것이지, 본 발명의 범위를 한정하고자 하는 것은 아니다. 여기에 개시된 실시예 외에도 본 발명의 기술적 사상에 바탕을 둔 다른 변형예가 가능하다는 것은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 자명하다.
As described above, the embodiments of the present invention have been disclosed in the present specification and drawings, and although specific terms have been used, they have been used only in a general sense to easily describe the technical contents of the present invention and to facilitate understanding of the invention. And is not intended to limit the scope of the invention. It will be apparent to those skilled in the art that other modifications based on the technical idea of the present invention are possible in addition to the embodiments disclosed herein.
100 : 리모컨
200 : 모니터
300 : 포인터
400 : 웹 페이지
L1, L2, L3, L4 : 하이퍼링크100: Remote control
200: Monitor
300: Pointer
400: Web page
L1, L2, L3, L4: Hyperlink
Claims (6)
(a) 리모컨 조작에 대응하여 모니터 상에 웹 포털 사이트 또는 TV 메뉴 관련 웹 페이지를 로딩하는 단계;
(b) 상기 웹 페이지 상에 미리 설정된 영역정의 형상으로 영역정의형 포인터를 표시하는 단계;
(c) 상기 웹 페이지가 웹 포털 사이트인 경우에 비해 상기 웹 페이지가 TV 메뉴인 경우에 상기 영역정의형 포인터의 영역 크기를 상대적으로 더 큰 사이즈로 설정하는 단계;
(d) 상기 웹 페이지가 브라우저 기반으로 구성된 경우 상기 웹 페이지의 소스 정보로부터 HREF 태그를 포함한 미리 설정된 하이퍼링크 표시 태그를 카운트하고 상기 웹 페이지가 자바 기반으로 구성된 경우 상기 웹 페이지의 소스 정보 중 미리 설정된 특정 표식을 카운트함으로써 상기 웹 페이지 상의 하이퍼링크 개수를 카운트하는 단계;
(e) 상기 웹 페이지가 웹 포털 사이트인 경우에 상기 카운트한 하이퍼링크의 개수가 미리 설정한 제 1 임계치 이상이면 상기 영역정의형 포인터의 영역 크기를 상기 제 1 임계치의 픽셀 사이즈로 자동 설정하고, 상기 웹 페이지가 TV 메뉴인 경우에 상기 카운트한 하이퍼링크의 개수가 미리 설정한 제 2 임계치 이하이면 상기 영역정의형 포인터의 영역 크기를 상기 제 2 임계치의 픽셀 사이즈로 자동 설정하는 단계;
(f) 상기 상기 영역정의형 포인터의 영역 크기를 자동 설정한 경우에 해당되지 않는 경우에는 상기 카운트한 하이퍼링크 개수에 반비례하도록 상기 영역정의형 포인터의 영역 크기를 설정하는 단계;
(g) 상기 영역정의형 포인터에 대한 클릭 이벤트를 검출하는 단계;
(h) 상기 영역정의형 포인터의 영역 내에 위치하는 하이퍼링크 개수를 검출하는 단계;
(i) 상기 영역정의형 포인터의 영역 내의 하이퍼링크가 하나인 경우에는 상기 하나의 하이퍼링크에 실행 명령을 입력하여 활성화시키는 단계;
(j) 상기 영역정의형 포인터의 영역 내의 하이퍼링크가 복수 개인 경우에 면적 점유율과 방향성 중 하나의 기준에 따라 상기 복수 개의 하이퍼링크 중에서 하나를 선택하고 실행 명령을 입력하여 활성화시키는 단계;
를 포함하여 구성되는 스케일러블한 영역정의형 포인터 운용 방법.
A method of scalably operating an area definition type pointer when loading a web page on a monitor in a digital broadcast receiving apparatus,
(a) loading a web portal site or a TV menu related web page on the monitor in response to a remote control operation;
(b) displaying an area definition type pointer in a predetermined area definition shape on the web page;
(c) setting a region size of the area definition pointer to a relatively larger size when the web page is a TV menu, as compared to when the web page is a web portal site;
(d) counting a predetermined hyperlink display tag including a HREF tag from the source information of the web page when the web page is configured based on a browser, and if the web page is configured based on Java, Counting the number of hyperlinks on the web page by counting specific markers;
(e) automatically setting the area size of the area definition pointer to the pixel size of the first threshold value when the counted number of hyperlinks is equal to or greater than a predetermined first threshold value when the web page is a web portal site, Automatically setting the area size of the area definition pointer to the pixel size of the second threshold value when the number of the counted hyperlinks is equal to or less than a preset second threshold value when the web page is a TV menu;
(f) setting an area size of the area definition pointer to be in inverse proportion to the number of counted hyperlinks when the area size of the area definition pointer is not automatically set;
(g) detecting a click event on the area definition type pointer;
(h) detecting the number of hyperlinks located in the area of the area definition type pointer;
(i) inputting an execution command to the one hyperlink when the hyperlink in the area of the area definition type pointer is one and activating it;
(j) selecting one of the plurality of hyperlinks according to one of an area occupancy rate and a directionality when a plurality of hyperlinks exist in an area of the area definition type pointer, and inputting and activating an execution command;
Wherein the method comprises the steps of:
상기 단계 (j)는 상기 복수 개의 하이퍼링크 각각에 대한 면적을 계산하고 상기 영역정의형 포인터의 영역 내에서 상대적으로 가장 큰 면적 점유율을 갖는 하나의 하이퍼링크를 선택하여 활성화시키는 것을 특징으로 하는 스케일러블한 영역정의형 포인터 운용 방법.
The method according to claim 1,
Wherein the step (j) calculates an area for each of the plurality of hyperlinks and selects one hyperlink having a relatively largest area occupancy in the area of the area definition type pointer and activates the hyperlink. How to operate an area - defined pointer.
상기 단계 (j)는 상기 복수 개의 하이퍼링크 각각에 대한 위치를 검출하고 상기 영역정의형 포인터의 영역 내의 미리 설정한 위치에 가장 인접하는 하나의 하이퍼링크를 선택하여 활성화시키는 것을 특징으로 하는 스케일러블한 영역정의형 포인터 운용 방법.
The method according to claim 1,
Wherein the step (j) detects a position for each of the plurality of hyperlinks, and activates one hyperlink closest to a predetermined position in an area of the area definition type pointer, How to use area - defined pointers.
상기 영역정의형 포인터는 원형 또는 사각형으로 이루어지는 것을 특징으로 하는 스케일러블한 영역정의형 포인터 운용 방법.
The method according to claim 1,
Wherein the area definition type pointer is a circular or square shape.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020130143499A KR101561984B1 (en) | 2013-11-25 | 2013-11-25 | Method of providing management of scalable area definition type pointer, and computer-readable recording medium for the same |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020130143499A KR101561984B1 (en) | 2013-11-25 | 2013-11-25 | Method of providing management of scalable area definition type pointer, and computer-readable recording medium for the same |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20150059875A KR20150059875A (en) | 2015-06-03 |
KR101561984B1 true KR101561984B1 (en) | 2015-10-20 |
Family
ID=53504633
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020130143499A KR101561984B1 (en) | 2013-11-25 | 2013-11-25 | Method of providing management of scalable area definition type pointer, and computer-readable recording medium for the same |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101561984B1 (en) |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130125066A1 (en) | 2011-11-14 | 2013-05-16 | Microsoft Corporation | Adaptive Area Cursor |
-
2013
- 2013-11-25 KR KR1020130143499A patent/KR101561984B1/en active IP Right Grant
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130125066A1 (en) | 2011-11-14 | 2013-05-16 | Microsoft Corporation | Adaptive Area Cursor |
Also Published As
Publication number | Publication date |
---|---|
KR20150059875A (en) | 2015-06-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10042537B2 (en) | Video frame loupe | |
EP2869211B1 (en) | Optimized display of multi-column table | |
US8402386B2 (en) | Method and apparatus for two-dimensional scrolling in a graphical display window | |
AU2013222958B2 (en) | Method and apparatus for object size adjustment on a screen | |
KR100727954B1 (en) | Apparatus and method for displaying user interface | |
DE112010002760T5 (en) | User interface | |
US10963136B2 (en) | Highlighting of objects on a display | |
EP2827332B1 (en) | Navigating within a media item | |
US11537284B2 (en) | Method for scrolling visual page content and system for scrolling visual page content | |
EP3031019A1 (en) | Computing device with interactive charts for collaborative project management | |
KR101932718B1 (en) | Device and method for changing size of display window on screen | |
KR20140087473A (en) | A method and an apparatus for processing at least two screens | |
US10642471B2 (en) | Dual timeline | |
US20130215048A1 (en) | Electronic apparatus, method for controlling the same, and computer-readable storage medium | |
US20130127709A1 (en) | Adjustment of multiple user input parameters | |
CN106507176A (en) | A kind of method of video playback and mobile terminal | |
JP4898485B2 (en) | Method for navigating within a user interface and computer program | |
KR101561984B1 (en) | Method of providing management of scalable area definition type pointer, and computer-readable recording medium for the same | |
JP6876532B2 (en) | Waveform display device | |
CN111813408B (en) | View display processing method and device, terminal equipment and storage medium | |
CN111782096B (en) | Target object selection method and device | |
KR101333005B1 (en) | Method for controlling speed of scalable scroll, and computer-readable recording medium for the same | |
JP2007183716A (en) | Information processor | |
US20140282173A1 (en) | Transient synthesized control to minimize computer user fatigue | |
KR101475021B1 (en) | Apparatus having touch screen and method for controlling touch screen |
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 | ||
FPAY | Annual fee payment |
Payment date: 20180723 Year of fee payment: 4 |
|
FPAY | Annual fee payment |
Payment date: 20190724 Year of fee payment: 5 |
|
R401 | Registration of restoration |