KR20120003665A - Method of processing hyperlink, mobile communication terminal for implementing the method and computer-readable store media - Google Patents

Method of processing hyperlink, mobile communication terminal for implementing the method and computer-readable store media Download PDF

Info

Publication number
KR20120003665A
KR20120003665A KR1020100064394A KR20100064394A KR20120003665A KR 20120003665 A KR20120003665 A KR 20120003665A KR 1020100064394 A KR1020100064394 A KR 1020100064394A KR 20100064394 A KR20100064394 A KR 20100064394A KR 20120003665 A KR20120003665 A KR 20120003665A
Authority
KR
South Korea
Prior art keywords
objects
tap input
resource
processing information
user
Prior art date
Application number
KR1020100064394A
Other languages
Korean (ko)
Other versions
KR101131215B1 (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 KR1020100064394A priority Critical patent/KR101131215B1/en
Publication of KR20120003665A publication Critical patent/KR20120003665A/en
Application granted granted Critical
Publication of KR101131215B1 publication Critical patent/KR101131215B1/en

Links

Images

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/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/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

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

PURPOSE: A processing method of tap input about plural objects, portable terminal, and readable storage media are provided to rapidly and accurately select objects using GUI(Graphic User Interface) and a link list. CONSTITUTION: A web page including objects is displayed on a resource view area(S100). The first tap input signal of a user is overlapped on the objects, a link list including the processing information of the objects is created(S300). The GUI(Graphic User Interface) including the link list is displayed on a display area(S400). A resource receives a second tap input signal from the GUI. The second tap input signal is displayed on the resource view area according to the processing information of the selected object(S500).

Description

복수의 객체들에 대한 탭 입력의 처리 방법, 상기 처리 방법이 실행되는 휴대용 통신 단말기 및 컴퓨터에서 독출가능한 저장 미디어{Method of processing hyperlink, mobile communication terminal for implementing the method and computer-readable store media}Method of processing a tab input for a plurality of objects, a storage communication medium readable by a portable communication terminal and a computer on which the processing method is executed {Method of processing hyperlink, mobile communication terminal for implementing the method and computer-readable store media}

본 발명은 객체 처리 기술에 관한 것으로서, 더욱 상세하게는, 휴대용 컴퓨팅 장치 상에서 표시되는 객체에 대한 사용자의 탭 입력의 처리 방법, 상기 처리 방법이 실행되는 휴대용 통신 단말기 및 컴퓨터에서 독출가능한 저장 미디어에 관한 것이다.The present invention relates to an object processing technology, and more particularly, to a method of processing a user's tap input for an object displayed on a portable computing device, a portable communication terminal on which the processing method is executed, and a storage medium readable by a computer. will be.

최근 정보 기술이 발달함에 따라, 인터넷에 무선 접속이 가능한 고성능의 휴대용 컴퓨팅 장치들에 요구가 급격히 증가되고 있다. 이러한 휴대용 컴퓨팅 장치들의 예에는, 팜탑(palmtops), 피디에이(Personal Digital Assistants; PDAs), 인터넷 접속이 가능한 휴대전화, 휴대용 멀티미디어 재생기(PMP), 또는 UMPC(Ultra-mobile PC) 및 MID(Mobile Internet Device)와 같은 이동 통신 단말기들이 있다.With the recent development of information technology, the demand for high-performance portable computing devices capable of wirelessly connecting to the Internet is rapidly increasing. Examples of such portable computing devices include palmtops, personal digital assistants (PDAs), mobile phones with Internet access, portable multimedia players (PMPs), or ultra-mobile PCs and UMIDs (Mobile Internet Devices). Mobile communication terminals).

이들 휴대용 컴퓨팅 장치들의 중량과 크기의 감소를 위하여, 가볍고 주머니에 들어갈 수 있는 크기를 갖는 인터넷에 접속 가능한 휴대전화 및 피디에이와 같은 통신용 단말기가 유력한 해결책으로 주목을 받고 있다. 그러나, 대부분의 사용자는 휴대전화 또는 피디에이를 이용한 인터넷 접속시 작은 표시 면적과 입력 장치의 불편함 때문에 어려움을 겪는다. 예를 들면, 인터넷 브라우저에서 손가락 또는 스타일러스와 같은 포인팅 장치를 이용하여 웹 페이지에 존재하는 특정 하이퍼 링크에 정확하게 액세스 하기 위해서는, 줌인 기능을 경유하거나, 임의의 확대 및 축소 배율을 입력하여야 하는 다양한 사용자의 입력 동작이 요구된다. In order to reduce the weight and size of these portable computing devices, communication terminals such as mobile phones and PDAs that are light and pocket-sized, have attracted attention as potential solutions. However, most users suffer from the small display area and inconvenience of input devices when accessing the Internet using a mobile phone or a PD. For example, in order to accurately access a specific hyperlink on a web page using a pointing device such as a finger or stylus in an internet browser, various users who have to enter a zoom in or zoom out at arbitrary magnifications must be entered. An input action is required.

본 발명이 이루고자 하는 기술적 과제는, 휴대용 컴퓨팅 장치에서 실행가능하며, 작은 화면 영역 상에서 표시되는 웹 페이지에서 원하는 객체를 정확하고 신속하게 선택하고, 그 처리 결과를 얻을 수 있을 뿐만 아니라, 직관적인 사용자 인식이 가능한 그래픽 유저 인터페이스를 통한 복수의 객체들에 대한 탭 입력의 처리 방법을 제공하는 것이다.SUMMARY OF THE INVENTION The technical problem to be solved by the present invention is executable in a portable computing device, which enables to accurately and quickly select a desired object from a web page displayed on a small screen area, obtain a processing result, and intuitive user recognition. It is to provide a method of handling tab input for a plurality of objects through this possible graphical user interface.

또한, 본 발명이 이루고자 하는 다른 기술적 과제는, 전술한 이점을 갖는 처리 방법을 구현할 수 있는 휴대용 통신 단말기를 제공하는 것이다.Another object of the present invention is to provide a portable communication terminal capable of implementing a processing method having the aforementioned advantages.

또한, 본 발명이 이루고자 하는 또 다른 기술적 과제는, 전술한 이점을 갖는 상기 처리 방법을 실행할 수 있는 명령을 포함하는 컴퓨터에서 독출가능한 저장 미디어를 제공하는 것이다.In addition, another technical object of the present invention is to provide a computer-readable storage medium including instructions for executing the above-described processing method having the above-described advantages.

본 발명의 일 실시예에 따른 탭 입력의 처리 방법은, 사용자의 탭 입력을 화면 영역 상의 리소스 뷰 영역에 표시되는 리소스의 처리와 결합시키는 터치 스크린 인터페이스를 갖는 휴대용 모바일 컴퓨팅 장치에서, 상기 리소스 뷰 영역 상에 복수의 객체들을 포함하는 웹 페이지를 표시하는 제 1 단계; 상기 사용자의 제 1 탭 입력이 상기 객체들 중 서로 인접한 적어도 2 개의 객체들 상에서 중첩되어 발생하였는지 여부를 판정하는 제 2 단계; 상기 사용자의 상기 제 1 탭 입력이 상기 서로 인접한 적어도 2 개의 객체들 상에 중첩되어 발생한 경우, 상기 적어도 2 개의 객체들에 대한 처리 정보를 포함하는 링크 리스트를 생성하는 제 3 단계; 상기 링크 리스트를 포함하는 그래픽 유저 인터페이스를 상기 화면 영역 상에 표시하는 제 4 단계; 및 상기 그래픽 유저 인터페이스 상에서의 사용자의 제 2 탭 입력을 수신하여, 선택된 객체의 처리 정보에 따라 해당 리소스를 상기 리소스 뷰 영역 상에 표시하는 제 5 단계를 포함할 수 있다. According to one or more exemplary embodiments, a method of processing a tap input may include: in a portable mobile computing device having a touch screen interface that combines a tap input of a user with processing of a resource displayed in a resource view area on a screen area, the resource view area Displaying a web page including a plurality of objects on the screen; A second step of determining whether the first tap input of the user has occurred overlapping on at least two adjacent ones of the objects; A third step of generating a link list including processing information on the at least two objects when the first tap input of the user is overlapped on the at least two adjacent objects; Displaying a graphic user interface including the link list on the screen area; And a fifth step of receiving a user's second tap input on the graphical user interface and displaying a corresponding resource on the resource view area according to processing information of the selected object.

상기 제 2 단계는 상기 제 1 웹 페이지가 풀 페이지 뷰 모드에서 표시된 경우에 활성화될 수 있다. 상기 제 3 단계는, 상기 제 1 탭 입력의 터치 영역을 기준으로 소정 픽셀 범위 내에서 상기 제 1 웹 페이지를 스캔하여, 상기 픽셀 범위 내에 포함된 객체들의 상기 처리 정보들을 수집하는 단계; 및 상기 수집된 처리 정보의 포맷을 인식하고 가공하여 상기 링크 리스트를 생성하는 단계를 포함할 수 있다.The second step may be activated when the first web page is displayed in full page view mode. The third step may include: scanning the first web page within a predetermined pixel range based on the touch area of the first tap input to collect the processing information of objects included in the pixel range; And generating the link list by recognizing and processing the format of the collected processing information.

상기 처리 정보들을 수집하는 단계에서, 상기 처리 정보들은 상기 제 1 탭 입력의 상기 터치 영역을 기준으로 상하좌우 또는 좌우상하의 순서로 스캔될 수 있다. 상기 객체들은 각각 하이퍼 링크 정보를 갖는 텍스트, 이미지, 멀티 미디어 또는 이들의 조합일 수 있다. 상기 제 4 단계에서, 상기 객체가 이미지인 경우, 상기 이미지의 설명 태그 정보, 파일명, 섬네일 또는 이들 중 2 이상의 조합으로 표시될 수 있다. In the collecting of the processing information, the processing information may be scanned in the order of up, down, left, right, up, and down based on the touch area of the first tap input. The objects may be text, images, multimedia, or a combination thereof, each having hyperlink information. In the fourth step, when the object is an image, the object may be displayed as description tag information, a file name, a thumbnail, or a combination of two or more thereof.

또한, 상기 제 4 단계에서, 상기 객체가 텍스트인 경우, 하이퍼 링크를 갖는 텍스트의 문자열의 문자 개수를 소정 개수만큼만 표시할 수 있다. 상기 제 4 단계에서, 상기 그래픽 유저 인터페이스는 상기 리소스 뷰 영역의 크기보다 작을 수 있다. 상기 그래픽 인터페이스의 배경은 소정의 투명도를 가질 수 있다,In addition, in the fourth step, when the object is text, only the predetermined number of characters of the character string of the text having the hyperlink may be displayed. In the fourth step, the graphical user interface may be smaller than the size of the resource view area. The background of the graphical interface may have some transparency.

본 발명의 다른 실시예에 따른 휴대용 통신 단말기는, 네트워크 상의 서버에 접속하여 리소스를 수신하는 통신 회로부; 상기 리소스가 표시되는 화면 영역을 갖는 스크린부; 상기 리소스의 처리 정보에 결합되는 명령을 생성하기 위하여, 사용자의 탭 입력을 수신하는 터치 스크린 인터페이스; 상기 리소스의 처리 정보를 저장하기 위한 메모리부; 및 상기 통신 회로부, 상기 스크린부, 상기 터치 스크린 인터페이스와 상기 메모리부 사이에서 데이터의 흐름을 제어하도록 구성된 제어부를 포함하며, 상기 제어부는, 사용자의 탭 입력을 화면 영역 상의 리소스 뷰 영역에 표시되는 리소스의 처리와 결합시키는 터치 스크린 인터페이스를 갖는 휴대용 모바일 컴퓨팅 장치에서, 상기 리소스 뷰 영역 상에 복수의 객체들을 포함하는 웹 페이지를 표시하는 제 1 단계; 상기 사용자의 제 1 탭 입력이 상기 객체들 중 서로 인접한 적어도 2 개의 객체들 상에서 중첩되어 발생하였는지 여부를 판정하는 제 2 단계; 상기 사용자의 상기 제 1 탭 입력이 상기 서로 인접한 적어도 2 개의 객체들 상에 중첩되어 발생한 경우, 상기 적어도 2 개의 객체들에 대한 처리 정보를 포함하는 링크 리스트를 생성하는 제 3 단계; 상기 링크 리스트를 포함하는 그래픽 유저 인터페이스를 상기 화면 영역 상에 표시하는 제 4 단계; 및 상기 그래픽 유저 인터페이스 상에서의 사용자의 제 2 탭 입력을 수신하여, 선택된 객체의 처리 정보에 따라 해당 리소스를 상기 리소스 뷰 영역 상에 표시하는 제 5 단계를 수행할 수 있다.In accordance with another aspect of the present invention, a portable communication terminal includes: a communication circuit unit connected to a server on a network to receive a resource; A screen unit having a screen area on which the resource is displayed; A touch screen interface receiving a user's tap input to generate a command coupled to the processing information of the resource; A memory unit for storing processing information of the resource; And a control unit configured to control a flow of data between the communication circuit unit, the screen unit, the touch screen interface, and the memory unit, wherein the control unit comprises: a resource displayed on a resource view area on a screen area of a user's tap input; A portable mobile computing device having a touch screen interface coupled with the processing of a first step, the method comprising: displaying a web page including a plurality of objects on the resource view area; A second step of determining whether the first tap input of the user has occurred overlapping on at least two adjacent ones of the objects; A third step of generating a link list including processing information on the at least two objects when the first tap input of the user is overlapped on the at least two adjacent objects; Displaying a graphic user interface including the link list on the screen area; And receiving a second tap input of the user on the graphical user interface, and displaying a corresponding resource on the resource view area according to processing information of the selected object.

상기 제 2 단계는 상기 제 1 웹 페이지가 풀 페이지 뷰 모드에서 표시된 경우에 활성화될 수 있다. 상기 제 3 단계는, 상기 제 1 탭 입력의 터치 영역을 기준으로 소정 픽셀 범위 내에서 상기 제 1 웹 페이지를 스캔하여, 상기 픽셀 범위 내에 포함된 객체들의 상기 처리 정보들을 수집하는 단계; 상기 수집된 처리 정보의 포맷을 인식하고 가공하여 상기 링크 리스트를 생성하는 단계를 포함할 수 있다.The second step may be activated when the first web page is displayed in full page view mode. The third step may include: scanning the first web page within a predetermined pixel range based on the touch area of the first tap input to collect the processing information of objects included in the pixel range; Recognizing and processing the format of the collected processing information may include generating the link list.

상기 링크 리스트에서상기 처리 정보들을 수집하는 단계에서, 상기 처리 정보들은 상기 제 1 탭 입력의 상기 터치 영역을 기준으로 상하좌우 또는 좌우상하의 순서로 스캔될 수 있다. 상기 객체들은 각각 하이퍼 링크 정보를 갖는 텍스트, 이미지, 멀티 미디어 또는 이들의 조합일 수 있다. 제 4 단계에서, 상기 객체가 이미지인 경우, 상기 이미지의 설명 태그 정보, 파일명, 섬네일 또는 이들 중 2 이상의 조합으로 표시될 수 있다. 제 4 단계에서, 상기 객체가 텍스트인 경우, 하이퍼 링크를 갖는 텍스트의 문자열의 문자 개수를 소정 개수만큼만 표시할 수 있다. 제 4 단계에서, 상기 그래픽 유저 인터페이스는 상기 리소스 뷰 영역의 크기보다 작을 수 있다. 상기 그래픽 인터페이스의 배경은 소정의 투명도를 가질 수 있다. In the collecting of the processing information in the link list, the processing information may be scanned in the order of up, down, left, right, up, down, or up and down based on the touch area of the first tap input. The objects may be text, images, multimedia, or a combination thereof, each having hyperlink information. In the fourth step, when the object is an image, it may be displayed as description tag information, a file name, a thumbnail, or a combination of two or more thereof. In the fourth step, when the object is text, only the predetermined number of characters of the character string of the text having the hyperlink may be displayed. In a fourth step, the graphical user interface may be smaller than the size of the resource view area. The background of the graphical interface may have some transparency.

본 발명의 또 다른 실시예에 따른 저장 미디어는, 휴대용 컴퓨팅 장치에서 실행되는 복수의 객체들에 대한 탭 입력의 처리 방법을 수행하는 명령을 포함하는 컴퓨터에서 독출가능한 저장 미디어로서, 상기 복수의 객체들에 대한 탭 입력의 처리 방법은, 사용자의 탭 입력을 화면 영역 상의 리소스 뷰 영역에 표시되는 리소스의 처리와 결합시키는 터치 스크린 인터페이스를 갖는 휴대용 모바일 컴퓨팅 장치에서, 상기 리소스 뷰 영역 상에 복수의 객체들을 포함하는 웹 페이지를 표시하는 제 1 단계; 상기 사용자의 제 1 탭 입력이 상기 객체들 중 서로 인접한 적어도 2 개의 객체들 상에서 중첩되어 발생하였는지 여부를 판정하는 제 2 단계; 상기 사용자의 상기 제 1 탭 입력이 상기 서로 인접한 적어도 2 개의 객체들 상에 중첩되어 발생한 경우, 상기 적어도 2 개의 객체들에 대한 처리 정보를 포함하는 링크 리스트를 생성하는 제 3 단계; 상기 링크 리스트를 포함하는 그래픽 유저 인터페이스를 상기 화면 영역 상에 표시하는 제 4 단계; 및 상기 그래픽 유저 인터페이스 상에서의 사용자의 제 2 탭 입력을 수신하여, 선택된 객체의 처리 정보에 따라 해당 리소스를 상기 리소스 뷰 영역 상에 표시하는 제 5 단계를 포함할 수 있다.A storage medium according to another embodiment of the present invention is a computer-readable storage medium including instructions for performing a method of processing a tap input for a plurality of objects executed in a portable computing device. A method of processing tap input for a portable mobile computing device having a touch screen interface that combines a user's tap input with processing of a resource displayed in a resource view area on a screen area, the plurality of objects on the resource view area. Displaying a web page including the first step; A second step of determining whether the first tap input of the user has occurred overlapping on at least two adjacent ones of the objects; A third step of generating a link list including processing information on the at least two objects when the first tap input of the user is overlapped on the at least two adjacent objects; Displaying a graphic user interface including the link list on the screen area; And a fifth step of receiving a user's second tap input on the graphical user interface and displaying a corresponding resource on the resource view area according to processing information of the selected object.

본 발명의 일 실시 태양에 따르면, 복수의 객체들에 대한 탭 입력의 처리 방법은 별도의 줌 동작 없이도, 생성된 링크 리스트와 이를 표시하는 그래픽 유저 인터페이스에 의해 서로 인접한 하이퍼 링크 정보를 갖는 객체들을 정확하고 신속하게 선택할 수 있는 이점이 있다.According to one embodiment of the present invention, a method of processing a tap input for a plurality of objects accurately corrects objects having hyperlink information adjacent to each other by a generated link list and a graphic user interface displaying the same without a separate zooming operation. There is an advantage that you can choose quickly and quickly.

또한, 본 발명의 다른 실시 태양에 따르면, 전술한 이점을 갖는 휴대용 통신 단말기가 제공된다. 또한, 본 발명의 또 다른 실시 태양에 따르면, 전술한 이점을 갖는 복수의 객체들에 대한 탭 입력의 처리 방법을 실행할 수 있는 명령을 포함하는 컴퓨터에서 독출가능한 저장 미디어가 제공된다.In addition, according to another aspect of the present invention, there is provided a portable communication terminal having the aforementioned advantages. According to still another aspect of the present invention, there is provided a computer-readable storage medium including instructions for executing a method of processing a tap input for a plurality of objects having the above-described advantages.

도 1은 본 발명의 일 실시예에 따른 복수의 객체들에 대한 탭 입력의 처리 방법이 실행되는 휴대용 컴퓨팅 장치를 도시하는 블록도이다.
도 2는 본 발명의 일 실시예에 따른 복수의 객체들에 대한 탭 입력의 처리 방법을 도시하는 순서도이다.
도 3a 내지 3c는 도 2의 복수의 객체들에 대한 탭 입력의 처리 방법에 따라 휴대용 컴퓨팅 장치에서 실행되는 웹 브라우저의 동작을 도시한다.
1 is a block diagram illustrating a portable computing device in which a method of processing a tap input for a plurality of objects is executed according to an embodiment of the present invention.
2 is a flowchart illustrating a method of processing a tap input for a plurality of objects according to an embodiment of the present invention.
3A-3C illustrate the operation of a web browser executed on a portable computing device in accordance with a method of processing tap input for a plurality of objects in FIG. 2.

이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 상세히 설명하기로 한다.Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings.

본 발명의 실시예들은 당해 기술 분야에서 통상의 지식을 가진 자에게 본 발명을 더욱 완전하게 설명하기 위하여 제공되는 것이며, 하기 실시예는 여러 가지 다른 형태로 변형될 수 있으며, 본 발명의 범위가 하기 실시예에 한정되는 것은 아니다. 오히려, 이들 실시예는 본 개시를 더욱 충실하고 완전하게 하고, 당업자에게 본 발명의 사상을 완전하게 전달하기 위하여 제공되는 것이다.The embodiments of the present invention are described in order to more fully explain the present invention to those skilled in the art, and the following embodiments may be modified into various other forms, It is not limited to the embodiment. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the inventive concept to those skilled in the art.

또한, 도면에서 각 층의 두께나 크기는 설명의 편의 및 명확성을 위하여 과장된 것이며, 도면상에서 동일 부호는 동일한 요소를 지칭한다. 본 명세서에서 사용된 바와 같이, 용어 "및/또는"은 해당 열거된 항목 중 어느 하나 및 하나 이상의 모든 조합을 포함한다.In the drawings, the thickness and size of each layer are exaggerated for convenience and clarity of description, and the same reference numerals refer to the same elements in the drawings. As used herein, the term "and / or" includes any and all combinations of one or more of the listed items.

본 명세서에서 사용된 용어는 특정 실시예를 설명하기 위하여 사용되며, 본 발명을 제한하기 위한 것이 아니다. 본 명세서에서 사용된 바와 같이, 단수 형태는 문맥상 다른 경우를 분명히 지적하는 것이 아니라면, 복수의 형태를 포함할 수 있다. 또한, 본 명세서에서 사용되는 경우 "포함한다(comprise)" 및/또는 "포함하는(comprising)"은 언급한 형상들, 숫자, 단계, 동작, 부재, 요소 및/또는 이들 그룹의 존재를 특정하는 것이며, 하나 이상의 다른 형상, 숫자, 동작, 부재, 요소 및/또는 그룹들의 존재 또는 부가를 배제하는 것이 아니다.The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used herein, the singular forms "a", "an" and "the" may include the plural forms as well, unless the context clearly indicates otherwise. Also, as used herein, "comprise" and / or "comprising" specifies the presence of the mentioned shapes, numbers, steps, actions, members, elements and / or groups of these. It is not intended to exclude the presence or the addition of one or more other shapes, numbers, acts, members, elements and / or groups.

본 명세서에서 제 1, 제 2 등의 용어가 다양한 부재, 부품, 영역, 및/또는 부분들을 설명하기 위하여 사용되지만, 이들 부재, 부품, 영역, 및/또는 부분들은 이들 용어에 의해 한정되어서는 안됨은 자명하다. 이들 용어는 하나의 부재, 부품, 영역 또는 부분을 다른 영역 또는 부분과 구별하기 위하여만 사용된다. 따라서, 이하 상술할 제 1 부재, 부품, 영역 또는 부분은 본 발명의 가르침으로부터 벗어나지 않고서도 제 2 부재, 부품, 영역 또는 부분을 지칭할 수 있다.Although the terms first, second, etc. are used herein to describe various members, parts, regions, and / or parts, these members, parts, regions, and / or parts should not be limited by these terms. Is self-explanatory. These terms are only used to distinguish one member, part, region or part from another region or part. Thus, the first member, part, region, or portion, which will be described below, may refer to the second member, component, region, or portion without departing from the teachings of the present invention.

본 명세서에서 사용되는 “휴대용 컴퓨팅 장치”란 용어는, 팜탑(palmtops), 피디에이(Personal Digital Assistants; PDAs), 인터넷 접속이 가능한 휴대전화와 같은 통신 단말 장치, 휴대용 멀티미디어 재생기(PMP), 또는 UMPC(Ultra-mobile PC) 및 MID(Mobile Internet Device)와 같은 소형 컴퓨터들을 지칭하지만, 이는 예시적일 뿐, 본 발명이 이에 제한되는 것은 아니다.The term “portable computing device” as used herein refers to palmtops, personal digital assistants (PDAs), communication terminal devices such as mobile phones with Internet access, portable multimedia player (PMP), or UMPC ( Although referring to small computers, such as Ultra-mobile PC) and Mobile Internet Device (MID), this is merely illustrative, and the present invention is not limited thereto.

또한, 본 명세서에서 사용되는 “그래픽 유저 인터페이스(graphic user interface; GUI)란 용어는, 텍스트, 이미지, 틀 또는 색상과 같은 그래픽 엘리먼트들을 포함하며, 사용자가 상기 그래픽 엘리먼트들을 조작함으로써 원하는 명령이 입력될 수 있는 순차적인 방법, 소프트웨어, 하드웨어, 및 이들을 통해 구현되는 정보들의 집합을 지칭한다. 상기 그래픽 유저 인터페이스로서, 윈도우 형식으로 표현될 수 있다. Also, as used herein, the term “graphic user interface (GUI)” includes graphic elements such as text, images, frames, or colors, in which a user may input desired commands by manipulating the graphic elements. Refers to a sequential method, software, hardware, and a set of information implemented through them. As the graphical user interface, it may be expressed in a window form.

상기 그래픽 엘리먼트들은, 텍스트 및 이미지와 같은 객체, 동영상과 같은 멀티미디어 객체들, 메뉴, 버튼, 목록 상자, 콤보 상자, 트리 등과 같은 사용자와 상호 작용하는 콘트롤 또는 특정 애플리케이션 또는 URL의 리소스를 호출하는 아이콘과 같은 쇼컷 엘리먼트들을 포함할 수 있다. 그러나, 이들은 예시적이며, 본 발명이 이에 제한되는 것은 아니다. 또한, 상기 그래픽 유저 인터페이스는 운영 체제(operating system) 레벨에서, 상기 운영 체제 상에서 시작되고 조작되는 애플리케이션 레벨, 예를 들면, 뷰어 또는 에디터 프로그램 레벨에서, 또는, 리소스 레벨 자체에서 제공될 수 있으며, 이는 예시적일 뿐 본 발명이 이에 의해 제한되는 것은 아니다.The graphical elements may include icons such as text and images, multimedia objects such as videos, controls that interact with the user, such as menus, buttons, list boxes, combo boxes, trees, etc., or icons that invoke resources of a particular application or URL. It can contain the same showcut elements. However, these are exemplary and the present invention is not limited thereto. In addition, the graphical user interface may be provided at an operating system level, at the application level started and manipulated on the operating system, for example at the viewer or editor program level, or at the resource level itself. The present invention is illustrative only and is not limited thereto.

또한, 본 명세서에서 사용되는 탭 동작이란 사용자가 손가락 또는 스타일러스를 이용하여 화면 영역 상의 리소스를 선택하기 위해 두드리거나 누르는 사용자의 제스쳐를 의미한다. In addition, the tap operation as used herein refers to a gesture of the user tapping or pressing the user to select a resource on the screen area using a finger or a stylus.

또한, 본 명세서에 사용되는 처리 정보란 객체 대한 하이퍼 링크, 또는 리소스의 소스 등을 나타내거나 처리 지침을 의미하는 태그와 같은 프로그램 코드 및 스크립트를 의미한다.In addition, the processing information used herein refers to program code and scripts such as tags indicating hyperlinks to objects, sources of resources, or the like, or processing instructions.

이하, 본 발명의 실시예들은 본 발명의 이상적인 실시예들을 개략적으로 도시하는 도면들을 참조하여 설명한다. 도면들에 있어서, 예를 들면, 구성 요소들의 크기와 형상은 설명의 편의와 명확성을 위하여 과장될 수 있으며, 실제 구현시, 도시된 형상의 변형들이 예상될 수 있다. 따라서, 본 발명의 실시예는 본 명세서에 도시된 영역의 특정 형상에 제한된 것으로 해석되어서는 아니된다.Hereinafter, embodiments of the present invention will be described with reference to the drawings schematically showing ideal embodiments of the present invention. In the drawings, for example, the size and shape of the components may be exaggerated for convenience and clarity of description, and in actual implementation, variations of the illustrated shape may be expected. Accordingly, embodiments of the invention should not be construed as limited to the specific shapes of the regions shown herein.

도 1은 본 발명의 일 실시예에 따른 복수의 객체들에 대한 탭 입력의 처리 방법이 실행되는 휴대용 컴퓨팅 장치(1000)를 도시하는 블록도이다.1 is a block diagram illustrating a portable computing device 1000 in which a method of processing a tap input for a plurality of objects is executed according to an embodiment of the present invention.

도 1을 참조하면, 휴대용 컴퓨팅 장치(1000)는, 예를 들면, 인터넷 접속이 가능한 통신 기능이 있는 휴대전화와 같은 휴대용 통신 단말기이다. 휴대용 컴퓨팅 장치(1000)는, 네트워크 상의 서버에 접속하여 리소스를 수신하는 통신 회로부(1100)를 포함한다. 통신 회로부(1100)는 안테나(1150)에 의한 무선 또는 유선 통신 방법으로 인터넷과 같은 네트워크(IN)에 접속하여 정보를 송수신할 수 있는 모뎀일 수 있다. 상기 무선 통신 방법은, 셀룰러 네트워크, 와이어리스 랜(wireless LAN) 또는 블루투스를 통한 네트워크 통신 방법일 수 있다.Referring to FIG. 1, the portable computing device 1000 is, for example, a portable communication terminal such as a mobile phone having a communication function capable of connecting to the Internet. The portable computing device 1000 includes a communication circuit unit 1100 that receives a resource by connecting to a server on a network. The communication circuit unit 1100 may be a modem capable of transmitting and receiving information by connecting to a network IN such as the Internet by a wireless or wired communication method by the antenna 1150. The wireless communication method may be a network communication method through a cellular network, a wireless LAN, or Bluetooth.

통신 회로부(1100)를 통하여 네트워크 상의 리소스, 예를 들면, 인터넷 상의 서버로부터 제공되는 HTML(Hypertext Transfer Protocol), XML(Extensible Markup Language), XHTML(Extensible Hypertext Markup Language), 또는 WML(Wirelss Markup Language) 등의 언어로 작성된 전자 파일, 텍스트, 이미지, 오디오 또는 비디오와 같은 콘텐츠들, 및/또는 플래시 애플리케이션 또는 자바 애플릿과 같은 플러그 인 소프트웨어들이 수신될 수 있다.Hypertext Transfer Protocol (HTML), Extensible Markup Language (HTML), Extensible Hypertext Markup Language (XHTML), or Wiress Markup Language (WML) provided from a resource on a network, for example, a server on the Internet, through the communication circuitry 1100. Contents such as electronic files, text, images, audio or video, and / or plug-in software such as Flash applications or Java applets may be received in languages such as.

휴대용 컴퓨팅 장치(1000)는 처리된 상기 리소스가 표시되는 화면 영역을 갖는 스크린부(1200) 및 상기 리소스의 처리 정보에 결합되는 명령을 생성하기 위하여 사용자의 탭 동작을 수신하는 터치 스크린 인터페이스(1300)를 포함한다. 스크린부(1200)는 액정 소자 또는 전계발광(electroluminicent) 소자와 같은 평판(plat-panel) 표시 소자에 의해 구현될 수 있다. 스크린부(1300)의 상기 화면 영역은, 예를 들면, QVGA(320x240), VGA(640x480), WQVGA(400x240) 및 WVGA(800x480)의 해상도, 바람직하게는, VGA(640x480)의 해상도, 더욱 바람직하게는, WVGA(800x480)의 해상도를 가질 수 있다. The portable computing device 1000 may include a screen unit 1200 having a screen area on which the processed resource is displayed, and a touch screen interface 1300 that receives a tap operation of a user to generate a command coupled to processing information of the resource. It includes. The screen unit 1200 may be implemented by a flat panel display device such as a liquid crystal device or an electroluminic device. The screen area of the screen unit 1300 is, for example, a resolution of QVGA (320x240), VGA (640x480), WQVGA (400x240) and WVGA (800x480), preferably, resolution of VGA (640x480), more preferably. For example, it may have a resolution of WVGA (800x480).

터치 스크린 인터페이스(1300)는 사람의 손가락 또는 스타일러스와 같은 포인팅 장치에 의한 사용자의 제스쳐를 인식하고, 사용자의 탭 동작과 함께, 드래그 동작의 시작 좌표와 종료 위치를 전자 신호화할 수 있는 전자 회로를 포함하는 장치, 소프트웨어 및 이들이 조합된 시스템일 수 있다. 터치 스크린 인터페이스(1300)는, 당해 기술 분야에 잘 알려진 바와 같이, 예를 들면, 저항식(resistive), 표면 탄성파 방식(surface acoustic wave), 적외선 방식(infrared), 변형 측정식(strain gauge) 및 정전식(capacitive) 구동 기술로 구현될 수 있다.The touch screen interface 1300 includes an electronic circuit that recognizes a user's gesture by a pointing device, such as a human finger or a stylus, and electronically signals the start coordinates and the end position of the drag gesture along with the user's tap gesture. Device, software, and a combination thereof. The touch screen interface 1300 may be, for example, resistive, surface acoustic wave, infrared, strain gauge, and the like, as is well known in the art. Capacitive driving technology can be implemented.

휴대용 컴퓨팅 장치(1000)는 상기 리소스의 처리 정보를 저장하기 위한 메모리부(1400)를 포함할 수 있다. 메모리부(1400)는 디램과 같은 휘발성 메모리(1400a) 및 NOR 또는 NAND 플래시 메모리와 같은 비휘발성 메모리(1400b) 중 어느 하나 또는 이들의 조합으로 구성될 수 있다. 또한, 메모리부(1400)는 탈부착이 가능하거나, 고정되거나, 또는 이들이 조합된 형태를 가질 수 있다. The portable computing device 1000 may include a memory unit 1400 for storing processing information of the resource. The memory unit 1400 may be configured of any one or a combination of volatile memory 1400a such as DRAM and nonvolatile memory 1400b such as NOR or NAND flash memory. In addition, the memory unit 1400 may be detachable, fixed, or a combination thereof.

휴대용 컴퓨팅 장치(1000)는 전술한 구성 부품들 사이의 데이터의 흐름을 제어하기 위한 제어부(1500)를 포함할 수 있다. 제어부(1500)는 마이크로 프로세서일 수 있으며, 통신 회로부(1100), 스크린부(1200)에 접속된 디스플레이 드라이버(2400) 및 메모리부(1400) 사이에서 버스 시스템(1600)을 통하여 정보의 흐름을 제어함으로써, 터치 스크린 인터페이스(1300)로부터 입력된 사용자의 명령에 따라 리소스를 처리하여 스크린부(1200)의 화면 영역 상에 처리된 리소스를 표시한다. 버스 시스템(1600)은, 당해 기술 분야에서 잘 알려진 바와 같이, 어드레스 라인들, 데이터 라인들 및 컨트롤 라인들을 포함할 수 있다.The portable computing device 1000 may include a controller 1500 for controlling the flow of data between the above-described components. The controller 1500 may be a microprocessor and controls the flow of information through the bus system 1600 between the communication circuit unit 1100, the display driver 2400 connected to the screen unit 1200, and the memory unit 1400. As a result, the resource is processed according to a user's command input from the touch screen interface 1300 to display the processed resource on the screen area of the screen unit 1200. The bus system 1600 may include address lines, data lines and control lines, as is well known in the art.

또한, 도시하지는 아니하였으나, 휴대용 통신 단말기(1000)는 개인용 컴퓨터와의 접속을 위한 포트, 메모리 카드 포트 및 키보드 포트와 같은 다양한 플러그인 포트들을 포함할 수도 있다. 이들은 제어부(1500)에 의해 제어될 수 있다.In addition, although not shown, the portable communication terminal 1000 may include various plug-in ports such as a port for connecting to a personal computer, a memory card port, and a keyboard port. These may be controlled by the controller 1500.

도 2는 본 발명의 일 실시예에 따른 복수의 객체들에 대한 탭 입력의 처리 방법을 도시하는 순서도이며, 도 3a 내지 3c는 도 2의 복수의 객체들에 대한 탭 입력의 처리 방법에 따라 휴대용 컴퓨팅 장치에서 실행되는 웹 브라우저의 동작을 도시한다. 도시된 웹 브라우저는 예시적이며, 본 발명이 이에 제한되는 것은 아니다. 또한, 당업자라면, 하기의 개시 사항으로부터, 웹 브라우저뿐만 아니라, 예를 들면, 텍스트 뷰어, 동영상 뷰어 및 사진 뷰어 또는 이들의 에디터와 같은 휴대용 컴퓨팅 장치에서 동작하는 애플리케이션 프로그램도 본 발명의 범위에 포함됨을 이해할 것이다.FIG. 2 is a flowchart illustrating a tap input processing method for a plurality of objects according to an embodiment of the present invention, and FIGS. 3A to 3C are portable according to the tap input processing method for the plurality of objects of FIG. 2. Illustrates the operation of a web browser running on a computing device. The illustrated web browser is exemplary, but the present invention is not limited thereto. Those skilled in the art will also appreciate from the following disclosure that not only web browsers, but also application programs that operate on portable computing devices, such as, for example, text viewers, video viewers and photo viewers or editors thereof, are included in the scope of the present invention. Will understand.

또한, 이하의 실시예에서는, 웹 페이지 상에서 표시되는 객체로서 텍스트를, 그리고, 객체의 처리 정보로서 하이퍼 링크에 대하여 개시하고 있지만, 당업자들은 이하의 개시 사항으로부터 이미지 및 동영상 클립과 같은 멀티미디어 객체들도 본 발명의 범위 내에 포함됨을 이해하여야 한다.In addition, in the following embodiments, text is displayed as an object displayed on a web page, and hyperlinks are used as processing information of the object. However, those skilled in the art will appreciate that multimedia objects, such as images and video clips, are also described in the following disclosure. It should be understood that it is included within the scope of the present invention.

도 2와 함께, 도 3a를 참조하면, 휴대용 컴퓨팅 장치에서 실행되는 웹 브라우저의 GUI(40)가 스크린부(도 1의 1200)의 화면 영역(1200D) 상에 표시된다. 상기 웹 브라우저의 GUI(40)는 단말기의 주요 상태를 나타내는 그래픽 요소들, 예를 들면, 수신 상태 바(10), 배터리 용량 게이지(20) 및 시계(미도시)를 포함하는 단말기 상태 표시 영역(30)을 제외한, 화면 영역(1200D)의 나머지 영역 상으로 출력될 수 있다. 그러나, 이는 예시적이며, 웹 브라우저의 GUI(40)는 단말기 상태 표시 영역(30) 위로 확장되어 화면 영역(1200D)의 전체를 점유하는 전체 화면 모드로 실행될 수도 있다. 웹 브라우저의 GUI(40)는, 도 3a에 도시된 바와 같이 세로 보기 모드로 표시될 수도 있으며, 도시하지는 않았지만, 당해 기술 분야에 잘 알려진 바와 같이 가로 보기 모드로 표시될 수 있다.Referring to FIG. 3A, in conjunction with FIG. 2, a GUI 40 of a web browser executed on a portable computing device is displayed on the screen area 1200D of the screen portion 1200 of FIG. 1. The GUI 40 of the web browser includes a terminal state display area including graphic elements representing the main state of the terminal, for example, a reception status bar 10, a battery capacity gauge 20, and a clock (not shown). The screen may be output on the remaining area of the screen area 1200D except for 30). However, this is exemplary and the GUI 40 of the web browser may be run in a full screen mode that extends over the terminal status display area 30 to occupy the entirety of the screen area 1200D. The GUI 40 of the web browser may be displayed in portrait view mode as shown in FIG. 3A or, although not shown, may be displayed in landscape view mode as is well known in the art.

웹 브라우저의 GUI(40)는, 접속하는 URL(uniform Resource Identifier)을 표시하거나 URL 입력이 가능한 텍스트 콘트롤부(41); 열람한 문서의 히스토리를 따라 문서 이동을 위한 백워드 버튼부(42) 및 포워드 버트부(43); 및 현재 표시된 URL의 리소스를 갱신하기 위한 갱신 버튼부(44)를 포함할 수 있다. 또한, 웹 브라우저의 GUI(40)는 리소스의 다운로드를 위한 다운로드 버튼부(45); 사용자 지정 홈페이지로 리턴하기 위한 홈 버튼부(46); 즐겨찾기 버튼부(47); 현재 실행중인 복수의 리소스들 사이의 전환을 위한 리소스 전환 버튼부(48); 및 현재 리소스들의 섬네일 뷰를 표시하는 섬네일 버튼부(49)를 포함할 수 있다. GUI 40 of the web browser, the text control unit 41 for displaying a URL (uniform Resource Identifier) to connect or input URL; A backward button portion 42 and a forward butt portion 43 for moving the document along the history of the retrieved document; And an update button unit 44 for updating a resource of the currently displayed URL. In addition, the GUI 40 of the web browser includes a download button unit 45 for downloading the resource; A home button section 46 for returning to the user specified home page; Favorites button portion 47; A resource switch button unit 48 for switching between a plurality of resources currently being executed; And a thumbnail button unit 49 for displaying a thumbnail view of current resources.

전술한 웹 브라우저의 GUI(40)의 구성은 예시적이며, 본 발명이 이에 제한되는 것은 아니다. 예를 들면, 전술한 웹 브라우저의 GUI(40)는 접속 진행 여부 표시 버튼부(미도시), 접속 중지를 위한 버튼부(미도시)를 포함할 수도 있으며, 홈 버튼부도 필요에 따라 복수개일 수 있다. 또한, 웹 브라우저의 GUI(40)는, 예를 들면, 리소스의 편집 및 메일 송신 등을 위한 프로그램을 호출하기 위한 적어도 하나 이상의 쇼컷 앨리먼트들을 포함할 수도 있다.The configuration of the GUI 40 of the web browser described above is exemplary, and the present invention is not limited thereto. For example, the above-described GUI 40 of the web browser may include a button for indicating whether to proceed with the connection (not shown), a button for not stopping the connection (not shown), and a plurality of home buttons may be required as necessary. have. In addition, the GUI 40 of the web browser may include, for example, at least one or more showcut elements for calling a program for editing a resource, sending a mail, or the like.

전술한 바와 같이, 통신 회로부(도 1의 1100)를 통하여 수신된 웹 페이지와 같은 리소스가 리소스 뷰 영역(VA) 상에 표시된다(제 1 단계; S100). 상기 리소스는 리소스 뷰 영역(VA) 상에, 도 3a 및 도 3b에 도시된 바와 같이 본래의 픽셀 정보대로 표시될 수 있다. 또는, 스크린부(도 1의 1200)의 좁은 화면 면적에 맞추어 임의의 적합한 배율로 축소 또는 확대되어 표시될 수 있다. As described above, resources such as web pages received through the communication circuit unit 1100 of FIG. 1 are displayed on the resource view area VA (first step; S100). The resource may be displayed on the resource view area VA as original pixel information as illustrated in FIGS. 3A and 3B. Alternatively, the display may be reduced or enlarged at any suitable magnification to fit the narrow screen area of the screen unit 1200 of FIG. 1.

사용자는 터치 스크린 인터페이스에 의하여 표시된 웹 페이지를 누름 동작 또는 드래그 동작을 통하여 줌-인, 줌-아웃 또는 패닝하거나, 탭 입력을 통하여 웹 페이지 내에 존재하는 다양한 하이퍼 링크들(HL1, HLa, HLb, HL3, HLd)중 어느 하나를 적절히 선택하여, 링크된 리소스들을 열람할 수 있게 된다.The user can zoom-in, zoom-out or pan through a tap or drag operation on a web page displayed by the touch screen interface, or various hyperlinks (HL1, HLa, HLb, HL3) present in the web page through a tab input. , HLd) can be selected appropriately to view the linked resources.

탭 입력을 위한 포인팅 수단으로서, 예를 들면, 손가락을 사용하는 경우, 포인팅 영역이 뽀족한 스타일러스를 이용하는 경우에 비하여 넓을 수 있다. 점선은 터치 스크린 인터페이스에서 발생하는 탭 입력(TR1, TR2)을 나타내며, 웹 페이지의 텍스트들의 폰트 크기보다 비교적 큰 면적을 가짐을 알 수 있다.As a pointing means for tap input, for example, when using a finger, the pointing area may be wider than when using a pointed stylus. The dotted line represents the tap inputs TR1 and TR2 occurring in the touch screen interface, and it can be seen that the area has a relatively larger area than the font size of the texts of the web page.

탭 입력(TR1)의 경우 하이퍼 링크(HL1)를 선택한 이벤트로 처리되어 하이퍼 링크가 참조하는 URL을 갖는 리소스에 접근하여 이를 열람할 수 있다. 그러나, 탭 입력(TR2)의 경우는, 서로 인접한 4 개의 하이퍼 링크들(HLa, HLb, HLc, HLd) 상에서 중첩되어 발생한 것이어서 통상적으로 하이퍼 링크들 중 어느 것도 선택된 것이 아니다. In the case of the tap input TR1, the hyperlink HL1 may be treated as a selected event, thereby accessing and reading a resource having a URL referenced by the hyperlink. However, in the case of the tap input TR2, since the overlapping occurs on four adjacent hyperlinks HLa, HLb, HLc, and HLd, none of the hyperlinks is typically selected.

도 3b는 도 3a의 탭 입력(TR2)에 의해 중첩되어 선택된 서로 인접한 4 개의 하이퍼 링크들을 각각 갖는 텍스트 객체들(HLa, HLb, HLc, HLd)을 확대 도시한다. 다시 도 2를 참조하면, 본 실시예에서는, 사용자의 탭 입력이 복수의 객체들 중 서로 인접한 적어도 2 개의 객체들 상에서 중첩되어 발생하였는지 여부를 판정한다(제 2 단계; S200). 일부 실시예에서, 제 2 단계(S200)는 웹 페이지가 풀 페이지 뷰 모드(full page view mode), 즉 도 3a와 같이 리소스 뷰 영역(VA) 전체에 웹 페이지 전체를 보여주는 상태에서 활성화될 수 있지만, 본 발명이 이에 제한되는 것은 아니다.3B shows an enlarged view of the text objects HLa, HLb, HLc, and HLd each having four adjacent hyperlinks selected by being superimposed by the tap input TR2 of FIG. 3A. Referring back to FIG. 2, in the present embodiment, it is determined whether the user's tap input is generated by overlapping on at least two adjacent objects among the plurality of objects (second step; S200). In some embodiments, the second step S200 may be activated in a state in which the web page shows the full page view mode, that is, the entire web page in the entire resource view area VA as shown in FIG. 3A. However, the present invention is not limited thereto.

상기 사용자의 탭 입력이 서로 인접한 적어도 2 개의 객체들 상에서 중첩되어 발생한 경우에, 상기 적어도 2 개의 객체들에 대한 처리 정보를 갖는 링크 리스트를 생성한다(제 3 단계; S300). When the user's tab input overlaps with each other on at least two adjacent objects, a link list having processing information on the at least two objects is generated (third step; S300).

예를 들면, 도 3b의 경우 탭 입력(TR2)에 의해 중첩되어 선택된 서로 인접한 4 개의 텍스트 객체들(HLa, HLb, HLc, HLd)은 해당 처리 정보인 하이퍼 링크 정보와 함께 링크 리스트를 구성한다. 생성된 링크 리스트들은 상기 리소스의 처리 정보를 저장하기 위한 메모리부(도 1의 1400)에 저장될 수 있다. For example, in the case of FIG. 3B, four adjacent text objects HLa, HLb, HLc, and HLd overlapped and selected by the tap input TR2 form a link list together with hyperlink information, which is corresponding processing information. The generated link lists may be stored in a memory unit 1400 of FIG. 1 for storing processing information of the resource.

저장된 링크 리스트의 값은, 4 개의 텍스트 객체들(HLa, HLb, HLc, HLd)이 갖는 정보, 즉 하이퍼 링크 태그를 포함하는 스크립트를 그대로 포함할 수 있다. 예를 들면, 탭 입력이 발생한 웹 페이지 내의 텍스트 객체(HLa)의 HTML 포맷의 스크립트가 “<a href=# onclick="return false" class=mblink>Show stock quote for&nbsp;AAPL</a>” 인 경우, 링크 리스트 내에 위 스크립트와 동일한 하이퍼 링크에 관한 정보가 저장될 수 있다. The value of the stored link list may include information included in four text objects HLa, HLb, HLc, and HLd, that is, a script including a hyperlink tag. For example, the HTML-formatted script of the text object (HLa) in the web page where the tab input occurred is "<a href=# onclick="return false" class=mblink> Show stock quote for &nbsp; AAPL </a>" In this case, information about the same hyperlink as the above script may be stored in the link list.

선택적으로는, 중첩되어 탭 입력이 발생된 웹 페이지 내의 택스트 객체(HLb)의 하이퍼 링크에 관한 스크립트가 수정되어 링크 리스트 내에 저장될 수도 있다. 예를 들면, 하이퍼 링크(HLb)의 HTML 포맷의 스크립트가 <a href="/url=http://www.apple.com/intro.asp" target=_blank >www.apple.com/ - United States -</a>이고, 하이퍼 링크된 텍스트 객체가 “www.apple.com/ - United States -“와 같이 문자열의 길이가 긴 경우, 휴대용 통신 단말 장치의 화면 영역 크기를 고려하여 링크 리스트 내에는 하이퍼 링크된 텍스트 객체의 문자열 길이를, 예를 들면 “www.apple.com/ - United Sta…”로 감축할 수 있다. 이것은, 하이퍼 링크의 포맷과 스크립트를 인식하고, 하이퍼 링크된 텍스트의 문자열 길이가 소정의 문자 개수를 갖도록 일부 생략 처리하는 문자열 함수 처리와, 생략되었음을 의미하는 표시인 “…” 문자를 상기 처리된 텍스트 객체에 결합하는 것에 의해 구현할 수 있다.Optionally, the script regarding the hyperlink of the text object HLb in the web page overlaid with the tab input may be modified and stored in the link list. For example, a script in the HTML format of a hyperlink (HLb) could be <a href="/url=http://www.apple.com/intro.asp" target=_blank> www.apple.com/-United States -</a>, and the hyperlinked text object has a long string such as "www.apple.com/-United States-", the hyperlink is included in the link list in consideration of the screen area size of the portable communication terminal device. The string length of the linked text object, for example, “www.apple.com/-United Sta…”. Can be reduced to It recognizes the format and script of the hyperlink, performs a partial skip processing so that the string length of the hyperlinked text has a predetermined number of characters, and the display means “…”. Can be implemented by combining a character with the processed text object.

또한, 도시하지는 않았으나, 중첩되어 탭 입력이 발생된 개체가 텍스트가 아닌 이미지 객체일 수 있다. 예를 들면, 웹 페이지의 하이퍼 링크에 관한 스크립트가 <a href=”http://www.obigo.com”><img src=”obigo.jpg” width =”296”, height = “200” align=”right border” border=”0” alt=”오비고의 메인 페이지”></a>이고, 하이퍼 링크된 객체가 텍스트가 아닌 “obigo.jpg”의 파일명을 갖는 이미지 객체인 경우, 링크 리스트 내에 저장되는 하이퍼 링크는 위 스크립트와 동일하게 저장되거나, 텍스트에 하이퍼 링크가 적용되도록 처리되어 저장될 수 있다. 예를 들면, 텍스트로 하이퍼 링크를 적용하기 위하여, 이미지의 설명 태그 정보인 alt 태그 다음의 “오비고의 메인 페이지”가 하이퍼 링크되도록 할 수 있으며, <a href=”http://www.obigo.com”>오비고의 메인 페이지</a>와 같이 스크립트를 재작성하여 저장할 수도 있다.In addition, although not illustrated, the overlapped objects having the tab input may be image objects instead of text. For example, a script for hyperlinking a web page might be <a href=”http://www.obigo.com”> <img src = ”obigo.jpg” width = ”296”, height = “200” align = ”Right border” border = ”0” alt = ”Obigo's main page”> </a>, and the linked list if the hyperlinked object is an image object with the filename “obigo.jpg” rather than text. The hyperlink stored in the script may be stored in the same manner as the above script, or may be processed and stored so that the hyperlink is applied to the text. For example, to apply a hyperlink to text, the "Obigo's main page" after the alt tag, which is the description tag information of the image, can be hyperlinked. <A href = "http: //www.obigo .com ”> Obigo's main page </a> can also be rewritten and saved.

전술한 실시예에서는, 사용자의 탭 입력이 서로 인접한 적어도 2 개의 하이퍼 링크 정보를 갖는 텍스트 객체 상에서 중첩되어 발생한 경우에 관하여 개시하고 있지만, 당업자라면, 하이퍼 링크 정보를 갖지 않는 웹 페이지 상의 다른 이미지 또는 동영상과 같은 멀티미디어 객체들 사이, 또는 하이퍼 링크 정보를 갖지 않는 객체와 하이퍼 링크 정보를 갖는 객체 사이에, 사용자의 텝 입력이 중첩하여 발생한 경우도 본 발명의 실시예에 포함됨을 알 수 있을 것이다. 예를 들면, <img src=”obigo.jpg” width =”296”, height = “200” align=”right border” border=”0” alt=”오비고의 메인 페이지”>라는 스크립트에 의해 웹 페이지 상에 표시된 이미지와 하이퍼 링크된 텍스트에 중첩하여 사용자의 탭 입력이 발생한 경우, 웹 페이지 상에 표시된 이미지의 스크립트를 인식하여, 링크 리스트에 이미지의 속성(alt 태그에 의해 정의된 “오비고의 메인 페이지”)을 리소스의 파일명 및 위치와 함께 저장할 수도 있다.In the above-described embodiment, a case in which a user's tab input is superimposed on a text object having at least two hyperlink information adjacent to each other is disclosed. However, those skilled in the art will appreciate that another image or video on a web page having no hyperlink information exists. It will be appreciated that an embodiment of the present invention also includes a case where a user's tab input overlaps with each other between multimedia objects, or between an object having no hyperlink information and an object having hyperlink information. For example, <img src = ”obigo.jpg” width = ”296”, height = “200” align = ”right border” border = ”0” alt = ”Obigo's main page”> When a user's tab input occurs by superimposing the image displayed on the page and hyperlinked text, the script of the image displayed on the web page is recognized, and the attribute of the image (defined by the alt tag) is defined in the link list. Main page ”) with the filename and location of the resource.

일부 실시예에서는, 링크 리스트를 생성하기 위하여, 탭 입력(TR2)의 터치 영역의 중심을 기준으로 소정 픽셀 범위 내에서 웹 페이지를 스캔하여, 픽셀 범위 내에 포함된 텍스트 객체, 이미지 객체 및 동영상과 같은 멀티미디어 객체를 수집할 수 있다. 이 경우, 텍스트 객체, 이미지 객체 및 동영상과 같은 멀티미디어 객체에 관한 처리 정보는 사용자의 탭 입력이 중첩하여 발생한 객체를 필수적으로 포함하고, 선택되지는 않았지만, 소정의 픽셀 범위, 예를 들면, 웹 페이지의 디폴트 폰트 크기의 1 배 내지 3 배의 가로 세로 크기를 갖는 픽셀 범위 안에 있는 다른 하이퍼 링크 또는 이미지 및 동영상과 같은 객체들이 수집될 수 있다. In some embodiments, a web page is scanned within a predetermined pixel range based on the center of the touch area of the tap input TR2 to generate a link list, such as a text object, an image object, and a video included in the pixel range. Can collect multimedia objects. In this case, the processing information about the multimedia object such as text object, image object and video necessarily includes an object generated by overlapping of a user's tap input, but is not selected, but a predetermined pixel range, for example, web page Other hyperlinks or objects, such as images and videos, that are within a pixel range having an aspect ratio of one to three times the default font size of may be collected.

이들 수집되는 객체는 탭 입력의 터치 영역을 기준으로 상하좌우 또는 좌우상하의 순서로 웹 페이지를 스캔하여 수집될 수 있다. 예를 들어, 도 3를 참조하면, 복수의 객체들에 중첩하여 탭 입력이 발생한 경우, 점선으로 표시된 탭 입력(TR2)의 터치 영역을 기준으로 상하좌우의 순서로 소정의 픽셀 범위의 웹 페이지를 스캔하여, HLa, HLb, HLc, HLd 순서대로 하이퍼 링크된 텍스트 객체들을 수집할 수 있다. 이후, 수집된 객체들은 전술한 방법과 같이 하이퍼 링크 정보의 포맷을 인식하고 처리되어, 리스트 링크를 생성하고, 이는 메모리부에 저장될 수 있다.These collected objects may be collected by scanning web pages in the order of up, down, left, right, up, down, or down based on the touch area of the tab input. For example, referring to FIG. 3, when a tap input is generated by overlapping a plurality of objects, a web page having a predetermined pixel range is arranged in the order of up, down, left, and right based on the touch area of the tap input TR2 indicated by a dotted line. By scanning, you can collect hyperlinked text objects in the order HLa, HLb, HLc, HLd. Thereafter, the collected objects recognize and process the format of the hyperlink information in the same manner as described above to generate a list link, which may be stored in the memory unit.

다시, 도 2와 함께 도 3c를 참조하면, 링크 리스트가 생성된 후, 링크 리스트를 포함하는 그래픽 유저 인터페이스(50)가 화면 영역(40) 상에 표시된다(제 4 단계: S400). 그래픽 유저 인터페이스(50)은 예를 들면, 팝업 창일 수 있다. 또한, 그래픽 유저 인터페이스(50)의 크기는, 리소스 뷰 영역(VA)의 크기 보다 작을 수 있다. 일부 실시예에서, 그래픽 유저 인터페이스(50)의 바탕색은 불투명하거나, 아래 표시된 웹 페이지가 보이도록 소정의 투명도를 가질 수도 있다.Referring back to FIG. 3C together with FIG. 2, after the link list is generated, the graphical user interface 50 including the link list is displayed on the screen area 40 (fourth step: S400). The graphical user interface 50 can be a pop-up window, for example. In addition, the size of the graphical user interface 50 may be smaller than the size of the resource view area VA. In some embodiments, the background color of the graphical user interface 50 may be opaque or may have some transparency so that the web page shown below is visible.

그래픽 유저 인터페이스(50)에 표시된 링크 리스트는 각각 하이퍼 링크를 갖는 객체들의 정보를 수집된 순서대로 나열할 수 있다. 예를 들면, 도 3c의 링크 리스트는 웹 페이지 상의 하이퍼 링크를 갖는 객체들(HLa, HLb, HLc, HLd)을 처리하여 얻어진 정보들(HLa’, HLb’, HLc’, HLd’)을 수집된 순서, 즉 탭 입력(TR2)의 터치 영역을 기준으로 상하좌우 순서대로 나열하고 있다. 또한, 전술한 바와 같이, 하이퍼 링크 정보를 갖는 텍스트 객체(HLb)의 길이가 긴 경우, 그래픽 유저 인터페이스(50) 내에 후단의 문자열 일부가 생략된 축약 형태 “…”로 표시될 수 있다.The list of links displayed on the graphical user interface 50 may list the information of the objects each having hyperlinks in the order in which they were collected. For example, the link list of FIG. 3C collects information HLa ', HLb', HLc ', and HLd' obtained by processing objects HLa, HLb, HLc, and HLd having hyperlinks on a web page. The order is listed in the order of up, down, left and right on the basis of the touch area of the tap input TR2. In addition, as described above, when the length of the text object HLb having hyperlink information is long, the abbreviated form &quot; ”.

이후, 그래픽 유저 인터페이스(50) 상의 정보들(HLa’, HLb’, HLc’, HLd’) 중 어느 하나(HLd’)에 탭 입력(TR3)이 발생하면, 휴대용 컴퓨팅 장치는 선택된 객체의 해당 하이퍼 링크 정보와 같은 처리 정보에 따라 리소스를 처리하여 리소스 뷰 영역(VA) 상에 표시한다(제 5 단계; S500). 예를 들면, 탭 입력(TR3)가 객체(HLd’) 상에 발생하면, 하이퍼 링크된 리소스를 수신하여 리소스 뷰 영역(VA) 상에 표시할 수 있다. Subsequently, when a tap input TR3 is generated on any one of the information HLa ', HLb', HLc ', and HLd' on the graphic user interface 50, the portable computing device determines that the hyper of the selected object is hyper. The resource is processed according to the processing information such as link information and displayed on the resource view area VA (fifth step S500). For example, when the tap input TR3 occurs on the object HLd ', the hyperlinked resource may be received and displayed on the resource view area VA.

본 발명의 실시예에 따르면, 좁은 화면 영역을 갖는 휴대용 컴퓨팅 장치에서, 하이퍼 링크 정보를 갖는, 예를 들면, 텍스트, 그래픽 이미지 및 멀티미디어 객체들 상에 사용자의 탭 입력이 중첩되어 발생하는 경우, 별도의 줌인 모드와 같은 번거로운 절차없이, 이들 객체들에 대한 정보를 포함하는 링크 리스트를 생성하여 별도의 그래픽 유저 인터페이스에 이를 표시함으로써, 사용자가 원하는 정보를 신속하게 열람할 수 있다. 또한, 본 발명의 실시예에 따르면, 독서하는 동안 집중되어 있는 사용자의 관심이 독서 과정에서 필연적이고 반복적으로 일어나는 책장 넘김과 같은 행위에 의해 방해되지 않는 것과 유사하게, 웹 페이지를 열람하는 사용자의 관심이 정신적으로 집중된 상태인 심리학적 플로우(flow) 상태가 유지되면서 리소스의 네비게이션이 가능하여, 사용자에게 다루기 용이하고 직관적인 인터페이스가 제공된다.According to an embodiment of the present invention, in a portable computing device having a narrow screen area, when a user's tap input overlaps with hyperlink information, for example, text, a graphic image, and multimedia objects, a separate Without a cumbersome procedure, such as a zoom-in mode, a list of links containing information about these objects can be created and displayed in a separate graphical user interface, allowing the user to quickly view the desired information. Further, according to an embodiment of the present invention, the interest of the user viewing the web page is similar to the interest of the user concentrated during the reading is not hindered by actions such as bookshelf flipping which inevitably and repeatedly occur in the reading process. This mentally concentrated state of psychological flow is maintained while the navigation of the resource is possible, providing a user-friendly and intuitive interface.

본 발명의 실시예는 전술한 본 발명의 실시예들에 따른 복수의 객체들에 대한 탭 입력의 처리 방법을 수행하는 명령, 예를 들면, 소프트웨어를 포함하는 컴퓨터에서 독출가능한 저장 미디어를 포함할 수 있다. 상기 저장 미디어는 램(RAM), 롬(ROM), 이이피롬(EEPROM), 플래시 메모리 또는 다른 메모리 소자, 씨디롬 및 디브이디(DVD)와 같은 광 또는 홀로그래프 미디어, 자기테이프, 하드디스크, 고상 디스크 장치(SSD)일 수 있으며, 이는 예시적이며, 본 발명이 이에 제한되는 아니다.An embodiment of the present invention may include a computer readable storage medium including software for executing a method of processing a tap input for a plurality of objects according to the embodiments of the present invention described above. have. The storage media may include RAM, ROM, EEPROM, flash memory or other memory devices, optical or holographic media such as CD-ROMs and DVDs, magnetic tapes, hard disks, solid state disk devices. (SSD), which is illustrative, and the invention is not limited thereto.

이상에서 설명한 본 발명이 전술한 실시예 및 첨부된 도면에 한정되지 않으며, 본 발명의 기술적 사상을 벗어나지 않는 범위 내에서 여러가지 치환, 변형 및 변경이 가능하다는 것은, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 있어 명백할 것이다.It will be apparent to those skilled in the art that various modifications and variations can be made in the present invention without departing from the spirit or scope of the invention as defined in the appended claims. It will be clear to those who have knowledge.

Claims (19)

사용자의 탭 입력을 화면 영역 상의 리소스 뷰 영역에 표시되는 리소스의 처리와 결합시키는 터치 스크린 인터페이스를 갖는 휴대용 모바일 컴퓨팅 장치에서,
상기 리소스 뷰 영역 상에 복수의 객체들을 포함하는 웹 페이지를 표시하는 제 1 단계;
상기 사용자의 제 1 탭 입력이 상기 객체들 중 서로 인접한 적어도 2 개의 객체들 상에서 중첩되어 발생하였는지 여부를 판정하는 제 2 단계;
상기 사용자의 상기 제 1 탭 입력이 상기 서로 인접한 적어도 2 개의 객체들 상에 중첩되어 발생한 경우, 상기 적어도 2 개의 객체들에 대한 처리 정보를 포함하는 링크 리스트를 생성하는 제 3 단계;
상기 링크 리스트를 포함하는 그래픽 유저 인터페이스를 상기 화면 영역 상에 표시하는 제 4 단계; 및
상기 그래픽 유저 인터페이스 상에서의 사용자의 제 2 탭 입력을 수신하여, 선택된 객체의 처리 정보에 따라 해당 리소스를 상기 리소스 뷰 영역 상에 표시하는 제 5 단계를 포함하는 복수의 객체들에 대한 탭 입력의 처리 방법.
In a portable mobile computing device having a touch screen interface that combines a user's tap input with processing of resources displayed in a resource view area on a screen area,
Displaying a web page including a plurality of objects on the resource view area;
A second step of determining whether the first tap input of the user has occurred overlapping on at least two adjacent ones of the objects;
A third step of generating a link list including processing information on the at least two objects when the first tap input of the user is overlapped on the at least two adjacent objects;
Displaying a graphic user interface including the link list on the screen area; And
A fifth step of receiving a user's second tap input on the graphical user interface and displaying a corresponding resource on the resource view area according to processing information of the selected object; Way.
제 1 항에 있어서,
상기 제 2 단계는 상기 제 1 웹 페이지가 풀 페이지 뷰(full page view) 모드에서 표시된 경우에 활성화되는 것을 특징으로 하는 복수의 객체들에 대한 탭 입력의 처리 방법.
The method of claim 1,
The second step is activated when the first web page is displayed in a full page view mode.
제 1 항에 있어서,
상기 제 3 단계는, 상기 제 1 탭 입력의 터치 영역을 기준으로 소정 픽셀 범위 내에서 상기 제 1 웹 페이지를 스캔하여, 상기 픽셀 범위 내에 포함된 객체들의 상기 처리 정보들을 수집하는 단계;
상기 수집된 처리 정보의 포맷을 인식하고 가공하여 상기 링크 리스트를 생성하는 단계를 포함하는 것을 특징으로 하는 복수의 객체들에 대한 탭 입력의 처리 방법.
The method of claim 1,
The third step may include: scanning the first web page within a predetermined pixel range based on the touch area of the first tap input to collect the processing information of objects included in the pixel range;
And recognizing and processing the format of the collected processing information to generate the link list.
제 3 항에 있어서, 상기 처리 정보들을 수집하는 단계에서,
상기 처리 정보들은 상기 제 1 탭 입력의 상기 터치 영역을 기준으로 상하좌우 또는 좌우상하의 순서로 스캔되는 것을 특징으로 하는 복수의 객체들에 대한 탭 입력의 처리 방법.
The method of claim 3, wherein in the step of collecting the processing information,
And the processing information is scanned in the order of up, down, left, right, up, down, and down on the basis of the touch area of the first tap input.
제 1 항에 있어서,
상기 객체들은 각각 하이퍼 링크 정보를 갖는 텍스트, 이미지, 멀티 미디어 또는 이들의 조합인 것을 특징으로 하는 복수의 객체들에 대한 탭 입력의 처리 방법.
The method of claim 1,
And said objects are text, images, multimedia, or a combination thereof, each having hyperlink information.
제 1 항에 있어서, 제 4 단계에서,
상기 객체가 이미지인 경우, 상기 이미지의 설명 태그 정보, 파일명, 섬네일 또는 이들 중 2 이상의 조합으로 표시되는 것을 특징으로 하는 복수의 객체들에 대한 탭 입력의 처리 방법.
The method of claim 1, wherein in the fourth step,
And when the object is an image, the tag input information, the file name, the thumbnail of the image, or a combination of two or more thereof.
제 1 항에 있어서, 제 4 단계에서,
상기 객체가 텍스트인 경우, 하이퍼 링크를 갖는 텍스트의 문자열의 문자 개수를 소정 개수만큼만 표시하는 것을 특징으로 하는 복수의 객체들에 대한 탭 입력의 처리 방법.
The method of claim 1, wherein in the fourth step,
And when the object is text, only a predetermined number of characters of a character string of a text having a hyperlink is displayed.
제 1 항에 있어서, 제 4 단계에서,
상기 그래픽 유저 인터페이스는 상기 리소스 뷰 영역의 크기보다 작은 것을 특징으로 하는 복수의 객체들에 대한 탭 입력의 처리 방법.
The method of claim 1, wherein in the fourth step,
And wherein the graphical user interface is smaller than the size of the resource view area.
제 8 항에 있어서,
상기 그래픽 인터페이스의 배경은 소정의 투명도를 갖는 것을 특징으로 하는 복수의 객체들에 대한 탭 입력의 처리 방법.
The method of claim 8,
And wherein the background of the graphical interface has a predetermined transparency.
네트워크 상의 서버에 접속하여 리소스를 수신하는 통신 회로부; 상기 리소스가 표시되는 화면 영역을 갖는 스크린부; 상기 리소스의 처리 정보에 결합되는 명령을 생성하기 위하여, 사용자의 탭 입력을 수신하는 터치 스크린 인터페이스; 상기 리소스의 처리 정보를 저장하기 위한 메모리부; 및 상기 통신 회로부, 상기 스크린부, 상기 터치 스크린 인터페이스와 상기 메모리부 사이에서 데이터의 흐름을 제어하도록 구성된 제어부를 포함하며,
상기 제어부는,
사용자의 탭 입력을 화면 영역 상의 리소스 뷰 영역에 표시되는 리소스의 처리와 결합시키는 터치 스크린 인터페이스를 갖는 휴대용 모바일 컴퓨팅 장치에서,
상기 리소스 뷰 영역 상에 복수의 객체들을 포함하는 웹 페이지를 표시하는 제 1 단계;
상기 사용자의 제 1 탭 입력이 상기 객체들 중 서로 인접한 적어도 2 개의 객체들 상에서 중첩되어 발생하였는지 여부를 판정하는 제 2 단계;
상기 사용자의 상기 제 1 탭 입력이 상기 서로 인접한 적어도 2 개의 객체들 상에 중첩되어 발생한 경우, 상기 적어도 2 개의 객체들에 대한 처리 정보를 포함하는 링크 리스트를 생성하는 제 3 단계;
상기 링크 리스트를 포함하는 그래픽 유저 인터페이스를 상기 화면 영역 상에 표시하는 제 4 단계; 및
상기 그래픽 유저 인터페이스 상에서의 사용자의 제 2 탭 입력을 수신하여, 선택된 객체의 처리 정보에 따라 해당 리소스를 상기 리소스 뷰 영역 상에 표시하는 제 5 단계를 수행하는 휴대용 통신 단말기.
Communication circuitry connected to a server on a network to receive resources; A screen unit having a screen area on which the resource is displayed; A touch screen interface receiving a user's tap input to generate a command coupled to the processing information of the resource; A memory unit for storing processing information of the resource; And a controller configured to control a flow of data between the communication circuit unit, the screen unit, the touch screen interface, and the memory unit.
The control unit,
In a portable mobile computing device having a touch screen interface that combines a user's tap input with processing of resources displayed in a resource view area on a screen area,
Displaying a web page including a plurality of objects on the resource view area;
A second step of determining whether the first tap input of the user has occurred overlapping on at least two adjacent ones of the objects;
A third step of generating a link list including processing information on the at least two objects when the first tap input of the user is overlapped on the at least two adjacent objects;
Displaying a graphic user interface including the link list on the screen area; And
And a fifth step of receiving a second tap input of the user on the graphical user interface and displaying the corresponding resource on the resource view area according to the processing information of the selected object.
제 10 항에 있어서,
상기 제 2 단계는 상기 제 1 웹 페이지가 풀 페이지 뷰 모드에서 표시된 경우에 활성화되는 것을 특징으로 하는 휴대용 통신 단말기.
The method of claim 10,
And said second step is activated when said first web page is displayed in full page view mode.
제 10 항에 있어서,
상기 제 3 단계는, 상기 제 1 탭 입력의 터치 영역을 기준으로 소정 픽셀 범위 내에서 상기 제 1 웹 페이지를 스캔하여, 상기 픽셀 범위 내에 포함된 객체들의 상기 처리 정보들을 수집하는 단계;
상기 수집된 처리 정보의 포맷을 인식하고 가공하여 상기 링크 리스트를 생성하는 단계를 포함하는 것을 특징으로 하는 휴대용 통신 단말기.
The method of claim 10,
The third step may include: scanning the first web page within a predetermined pixel range based on the touch area of the first tap input to collect the processing information of objects included in the pixel range;
And recognizing and processing a format of the collected processing information to generate the link list.
제 12 항에 있어서,
상기 링크 리스트에서상기 처리 정보들을 수집하는 단계에서,
상기 처리 정보들은 상기 제 1 탭 입력의 상기 터치 영역을 기준으로 상하좌우 또는 좌우상하의 순서로 스캔되는 것을 특징으로 하는 휴대용 통신 단말기.
The method of claim 12,
In the step of collecting the processing information in the link list,
And the processing information is scanned in the order of up, down, left, right, up, down, and down based on the touch area of the first tap input.
제 10 항에 있어서,
상기 객체들은 각각 하이퍼 링크 정보를 갖는 텍스트, 이미지, 멀티 미디어 또는 이들의 조합인 것을 특징으로 하는 휴대용 통신 단말기.
The method of claim 10,
And the objects are text, images, multimedia, or a combination thereof, each having hyperlink information.
제 10 항에 있어서, 제 4 단계에서,
상기 객체가 이미지인 경우, 상기 이미지의 설명 태그 정보, 파일명, 섬네일 또는 이들 중 2 이상의 조합으로 표시되는 것을 특징으로 하는 휴대용 통신 단말기.
The method of claim 10, wherein in the fourth step,
And when the object is an image, the tag is displayed as description tag information, a file name, a thumbnail of the image, or a combination of two or more thereof.
제 10 항에 있어서, 제 4 단계에서,
상기 객체가 텍스트인 경우, 하이퍼 링크를 갖는 텍스트의 문자열의 문자 개수를 소정 개수만큼만 표시하는 것을 특징으로 하는 휴대용 통신 단말기.
The method of claim 10, wherein in the fourth step,
And when the object is text, only a predetermined number of characters of a character string of a text having a hyperlink is displayed.
제 10 항에 있어서, 제 4 단계에서,
상기 그래픽 유저 인터페이스는 상기 리소스 뷰 영역의 크기보다 작은 것을 특징으로 하는 휴대용 통신 단말기.
The method of claim 10, wherein in the fourth step,
And the graphical user interface is smaller than the size of the resource view region.
제 17 항에 있어서,
상기 그래픽 인터페이스의 배경은 소정의 투명도를 갖는 것을 특징으로 하는 휴대용 통신 단말기.
The method of claim 17,
And the background of the graphical interface has a predetermined transparency.
휴대용 컴퓨팅 장치에서 실행되는 복수의 객체들에 대한 탭 입력의 처리 방법을 수행하는 명령을 포함하는 컴퓨터에서 독출가능한 저장 미디어로서,
상기 복수의 객체들에 대한 탭 입력의 처리 방법은, 사용자의 탭 입력을 화면 영역 상의 리소스 뷰 영역에 표시되는 리소스의 처리와 결합시키는 터치 스크린 인터페이스를 갖는 휴대용 모바일 컴퓨팅 장치에서,
상기 리소스 뷰 영역 상에 복수의 객체들을 포함하는 웹 페이지를 표시하는 제 1 단계;
상기 사용자의 제 1 탭 입력이 상기 객체들 중 서로 인접한 적어도 2 개의 객체들 상에서 중첩되어 발생하였는지 여부를 판정하는 제 2 단계;
상기 사용자의 상기 제 1 탭 입력이 상기 서로 인접한 적어도 2 개의 객체들 상에 중첩되어 발생한 경우, 상기 적어도 2 개의 객체들에 대한 처리 정보를 포함하는 링크 리스트를 생성하는 제 3 단계;
상기 링크 리스트를 포함하는 그래픽 유저 인터페이스를 상기 화면 영역 상에 표시하는 제 4 단계; 및
상기 그래픽 유저 인터페이스 상에서의 사용자의 제 2 탭 입력을 수신하여, 선택된 객체의 처리 정보에 따라 해당 리소스를 상기 리소스 뷰 영역 상에 표시하는 제 5 단계를 포함하는 저장 미디어.
A computer-readable storage medium comprising instructions for performing a method of processing tap input for a plurality of objects executed on a portable computing device,
The method of processing tap input for the plurality of objects includes: a portable mobile computing device having a touch screen interface that combines a user's tap input with processing of a resource displayed in a resource view area on a screen area;
Displaying a web page including a plurality of objects on the resource view area;
A second step of determining whether the first tap input of the user has occurred overlapping on at least two adjacent ones of the objects;
A third step of generating a link list including processing information on the at least two objects when the first tap input of the user is overlapped on the at least two adjacent objects;
Displaying a graphic user interface including the link list on the screen area; And
And a fifth step of receiving a user's second tap input on the graphical user interface and displaying the corresponding resource on the resource view area according to the processing information of the selected object.
KR1020100064394A 2010-07-05 2010-07-05 Method of processing hyperlink, mobile communication terminal for implementing the method and computer-readable store media KR101131215B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020100064394A KR101131215B1 (en) 2010-07-05 2010-07-05 Method of processing hyperlink, mobile communication terminal for implementing the method and computer-readable store media

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020100064394A KR101131215B1 (en) 2010-07-05 2010-07-05 Method of processing hyperlink, mobile communication terminal for implementing the method and computer-readable store media

Publications (2)

Publication Number Publication Date
KR20120003665A true KR20120003665A (en) 2012-01-11
KR101131215B1 KR101131215B1 (en) 2012-03-28

Family

ID=45610551

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020100064394A KR101131215B1 (en) 2010-07-05 2010-07-05 Method of processing hyperlink, mobile communication terminal for implementing the method and computer-readable store media

Country Status (1)

Country Link
KR (1) KR101131215B1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20220385601A1 (en) * 2021-05-26 2022-12-01 Samsung Sds Co., Ltd. Method of providing information sharing interface, method of displaying information shared in chat window, and user terminal

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7889184B2 (en) 2007-01-05 2011-02-15 Apple Inc. Method, system and graphical user interface for displaying hyperlink information
CN107622133A (en) 2008-06-27 2018-01-23 汤姆森许可贸易公司 The graphic user interface of link is activated for being not based on mouse

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20220385601A1 (en) * 2021-05-26 2022-12-01 Samsung Sds Co., Ltd. Method of providing information sharing interface, method of displaying information shared in chat window, and user terminal

Also Published As

Publication number Publication date
KR101131215B1 (en) 2012-03-28

Similar Documents

Publication Publication Date Title
EP2824564B1 (en) Information processing device, information processing method, and program
JP5816670B2 (en) Method and device for selecting and displaying a region of interest in an electronic document
EP2662762B1 (en) Document manager and browser
US20100259562A1 (en) Display control apparatus, display control method and computer program
JP5235671B2 (en) Terminal device, content display method, and content display program
EP2282259B1 (en) User interface method used in web browsing, electronic device for performing the same and computer readable recording medium thereof
US20070002077A1 (en) Methods and System for Providing Information Services Related to Visual Imagery Using Cameraphones
US20070279437A1 (en) Method and apparatus for displaying document image, and information processing device
US20120233565A1 (en) System and method for displaying content
KR20140039209A (en) Web browser with quick site access user interface
US11675483B2 (en) Client device, control method, and storage medium for smoothly exchanging the display of images on a device
JP2012008686A (en) Information processor and method, and program
JPWO2008013128A1 (en) Terminal device, content display method, and content display program
JPWO2008013127A1 (en) Terminal device, content display method, and content display program
CN112765500A (en) Information searching method and device
US20100070916A1 (en) Template skimming preview
WO2016111882A1 (en) Control of access and management of browser annotations
KR101131215B1 (en) Method of processing hyperlink, mobile communication terminal for implementing the method and computer-readable store media
WO2014031011A1 (en) Website building tool
JP2015114955A (en) Information processing apparatus, information processing method, and program
JP6327969B2 (en) Information processing apparatus, information processing method, and program
JP5752759B2 (en) Electronic device, method, and program
KR101115579B1 (en) Zooming method, mobile computing device for implementing the zooming method and computer-readable store media
JP2013077231A (en) Display method of document data, display device of portable terminal
CN109804372B (en) Emphasizing image portions in a presentation

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
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20170303

Year of fee payment: 6

FPAY Annual fee payment

Payment date: 20180306

Year of fee payment: 7

FPAY Annual fee payment

Payment date: 20200304

Year of fee payment: 9