KR101271496B1 - Method and touch screen device for implementing user interface using skin type interface - Google Patents

Method and touch screen device for implementing user interface using skin type interface Download PDF

Info

Publication number
KR101271496B1
KR101271496B1 KR1020110145462A KR20110145462A KR101271496B1 KR 101271496 B1 KR101271496 B1 KR 101271496B1 KR 1020110145462 A KR1020110145462 A KR 1020110145462A KR 20110145462 A KR20110145462 A KR 20110145462A KR 101271496 B1 KR101271496 B1 KR 101271496B1
Authority
KR
South Korea
Prior art keywords
pointer
screen
type interface
interface screen
skin type
Prior art date
Application number
KR1020110145462A
Other languages
Korean (ko)
Inventor
권태경
나사랑
Original Assignee
세종대학교산학협력단
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 세종대학교산학협력단 filed Critical 세종대학교산학협력단
Priority to KR1020110145462A priority Critical patent/KR101271496B1/en
Application granted granted Critical
Publication of KR101271496B1 publication Critical patent/KR101271496B1/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/04812Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • 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/03Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0412Digitisers structurally integrated in a display
    • 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/03Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0416Control or interface arrangements specially adapted for digitisers
    • G06F3/04164Connections between sensors and controllers, e.g. routing lines between electrodes and connection pads
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction 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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886Interaction 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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04803Split screen, i.e. subdividing the display area or the window area into separate subareas
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04808Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen

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)
  • Computer Networks & Wireless Communication (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

PURPOSE: A user interface implementing method using a skin type interface and a touch screen device thereof are provided to select a selection target object on a basic interface screen through a point object by overlapping a fixable and movable skin type interface screen with a basic interface screen. CONSTITUTION: A display unit(130) overlaps the fixable and movable skin type interface screen with a basic interface screen of a touch screen. An input generation sensing unit(110) senses a contact and a drag to generate a screen operation input value according to the contact and dragging. A skin type interface control unit(120) moves the skin type interface screen according to the direction and distance of the dragging based on the screen operation input value. If the area of a pointer object is overlapped with an area of a selection target object, a selection object executing unit(140) selects the selection target object as a target object. [Reference numerals] (100) Touch screen device; (110) Input generation sensing unit; (120) Skin type interface control unit; (130) Display unit; (140) Selection object executing unit

Description

스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법 및 이를 구현하는 터치스크린 기기{METHOD AND TOUCH SCREEN DEVICE FOR IMPLEMENTING USER INTERFACE USING SKIN TYPE INTERFACE}User interface implementation method using skin type interface and touch screen device implementing the same {METHOD AND TOUCH SCREEN DEVICE FOR IMPLEMENTING USER INTERFACE USING SKIN TYPE INTERFACE}

본 발명은 스킨형(skin-type)의 인터페이스를 이용하여 사용자 인터페이스를 구현하는 방법 및 이를 구현하는 터치스크린 기기에 관한 것이다.The present invention relates to a method for implementing a user interface using a skin-type interface and a touch screen device for implementing the same.

일반적으로, 터치스크린 기기에서는 터치스크린 화면 상에 출력된 문자나 특정 위치에 사람의 손 또는 물체가 닿으면, 그 위치를 파악하여 기설정된 특정 처리(예를 들어, 해당 소프트웨어 호출 등)를 수행한다.In general, when a person's hand or an object touches a character or a specific position output on the touch screen, the touch screen device detects the position and performs a predetermined specific process (for example, calling a corresponding software). .

이러한 터치스크린 기기 상에 구현되는 사용자 인터페이스(User Interface, UI)에서는, 터치스크린 상에 기본적으로 출력되는 바탕 화면 상에 사용자 입력을 위한 키패드, 버튼 및 아이콘 등이 배치되는 것이 일반적이다. 따라서, 사용자가 터치스크린 화면 상의 특정 위치를 터치하면 터치된 영역 또는 객체가 식별되고, 그 식별 값을 터치스크린 기기 내의 제어부 또는 처리부에 전달하여 해당 처리를 실행하게 된다.In a user interface (UI) implemented on such a touch screen device, a keypad, buttons, icons, and the like for user input are generally disposed on a desktop that is basically output on the touch screen. Therefore, when the user touches a specific position on the touch screen screen, the touched area or object is identified, and the identification value is transmitted to the controller or processing unit in the touch screen device to execute the corresponding process.

그런데, 이러한 터치스크린 기기의 사용자 인터페이스 방식에 따르면 스크린의 영역 내에 한해서 인터페이스가 구현됨으로써 그 조작 및 활용 범위가 제한적이며, 인터페이스 상의 각 객체들의 위치 또한 고정적이기 때문에 보다 다양한 인터페이스를 제공하는데 있어 한계가 있다. However, according to the user interface method of the touch screen device, since the interface is implemented only within the area of the screen, its operation and use range is limited, and the position of each object on the interface is also fixed, thereby providing a more diverse interface. .

이와 같은 한계를 극복하기 위하여, 대한민국등록특허 1021757호에서는 터치스크린의 화면 상에 소정의 길이를 가지는 곡선 형태의 슬라이드 바를 표시하고 슬라이드 바를 따라 드래그(drag)가 이루어진 경우 그에 상응하는 제어를 수행하는 터치스크린 인터페이스 제어 장치를 제안하고 있다.In order to overcome this limitation, Korean Patent No. 1021757 shows a curved slide bar having a predetermined length on the screen of the touch screen, and touch to perform a corresponding control when a drag is made along the slide bar. A screen interface control device is proposed.

그런데, 상기의 터치스크린 인터페이스 제어 장치는, 상기 슬라이드 바를 드래그함에 따라 음향 관련 제어 또는 멀티미디어 파일의 재생 관련 제어 동작 중 적어도 하나를 수행하는 것으로서 활용 범위가 제한적이다.By the way, the touch screen interface control device performs at least one of a sound-related control or a playback-related control operation of a multimedia file as the slide bar is dragged.

따라서, 터치스크린 기기에서 인터페이스 화면을 확장적으로 사용할 수 있으며, 터치스크린 기기 상에서 지원되는 다수의 객체들을 편리하게 선택할 수 있도록 조작이 간편한 사용자 인터페이스의 구현이 필요하다.Accordingly, there is a need for an implementation of a user interface that can be used in a touch screen device in an extensive manner and a user interface that can be easily manipulated to conveniently select a plurality of objects supported on the touch screen device.

본 발명의 일 실시예는 터치스크린 기기의 사용자 인터페이스를 구현함에 있어서, 확장된 인터페이스 화면 활용도를 갖는 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법 및 이를 구현하는 터치스크린 기기를 제공하고자 한다.An embodiment of the present invention to provide a user interface implementation method using a skin-type interface having an extended interface screen utilization in the implementation of the user interface of the touch screen device and a touch screen device implementing the same.

상술한 기술적 과제를 달성하기 위한 기술적 수단으로서, 본 발명의 일 측면에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스를 구현하는 터치스크린 기기는, 터치스크린의 고정된 기본 인터페이스 화면 상에 이동 가능한 스킨형 인터페이스 화면을 겹쳐서 출력하는 디스플레이부; 상기 터치스크린 상에 발생되는 접촉 및 드래깅을 감지하여 상기 접촉 및 드래깅에 따른 화면 동작 입력 값을 생성하는 입력 발생 감지부; 상기 화면 동작 입력 값에 기초하여 상기 스킨형 인터페이스 화면이 상기 드래깅의 방향 및 거리에 따라 이동되도록 제어하고, 상기 이동에 따라 상기 스킨형 인터페이스 화면 상에 구성된 적어도 하나의 포인터 객체의 영역과 상기 기본 인터페이스 화면 상에 구성된 선택 대상 객체의 영역 간에 겹침이 발생되는지 판단하는 스킨형 인터페이스 제어부; 및 상기 겹침이 발생된 경우 상기 겹침에 대응하는 선택 대상 객체를 활성화 대상 객체로 선택하는 선택 객체 실행부를 포함한다.As a technical means for achieving the above-described technical problem, a touch screen device for implementing a user interface using a skin type interface according to an aspect of the present invention, the skin type interface screen movable on a fixed basic interface screen of the touch screen A display unit which outputs the overlap; An input generation detector configured to detect a touch and dragging generated on the touch screen and generate a screen operation input value according to the touch and dragging; The skin type interface screen is controlled to be moved according to the direction and distance of the dragging based on the screen operation input value, and an area of at least one pointer object configured on the skin type interface screen and the basic interface according to the movement. A skin type interface controller which determines whether overlapping occurs between regions of the selection target object configured on the screen; And a selection object execution unit that selects a selection target object corresponding to the overlap as an activation target object when the overlap occurs.

그리고, 본 발명의 다른 측면에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법은, 터치스크린 상에 고정된 기본 인터페이스 화면과 이동 가능한 스킨형 인터페이스 화면을 겹쳐서 출력하는 단계; 터치스크린 상에 발생되는 접촉 및 드래깅을 감지하는 단계; 상기 드래깅의 방향 및 거리에 따라 상기 스킨형 인터페이스 화면을 이동시키는 단계; 상기 스킨형 인터페이스 화면 상에 구성된 적어도 하나의 포인터 객체의 영역과 기본 인터페이스 화면 상에 구성된 선택 대상 객체의 영역 간에 겹침이 발생되는지 판단하는 단계; 및 상기 겹침이 발생되는 경우 상기 발생된 겹침에 대응하는 선택 대상 객체를 활성화 대상 객체로 선택하는 단계를 포함한다.In addition, the user interface implementation method using a skin type interface according to another aspect of the present invention, the step of overlapping and outputting the fixed interface screen and the movable skin type interface screen on the touch screen; Detecting contact and dragging occurring on the touch screen; Moving the skin type interface screen according to the direction and distance of the dragging; Determining whether an overlap occurs between an area of at least one pointer object configured on the skin type interface screen and an area of a selection target object configured on a basic interface screen; And when the overlap occurs, selecting the selection target object corresponding to the generated overlap as the activation target object.

전술한 본 발명의 과제 해결 수단 중 어느 하나에 의하면, 터치스크린 기기 상에서 고정된 기본 인터페이스 화면과 이동 가능한 스킨형 인터페이스 화면을 겹쳐 출력함으로써, 스킨형 인터페이스 화면 상에 구성된 포인터 객체를 통해 기본 인터페이스 화면 상에 구성된 선택 대상 객체를 선택할 수 있다.According to any one of the above-described problem solving means of the present invention, by overlaying a fixed base interface screen and a movable skin type interface screen on the touch screen device, a pointer object configured on the skin type interface screen on the base interface screen You can select the selected target object configured in.

이에 따라, 종래의 터치스크린 기기의 사용자 인터페이스 상에서 직접적인 터치로 선택 대상 객체를 선택할 경우 터치할 수 있는 범위에 한계가 있지만, 본 발명에서와 같이 스킨형 인터페이스를 이용하게 되면 스킨형 인터페이스 상의 특정 부분(즉, 포인터 객체)만 선택 대상 객체와 일부 이상 일치하면 선택이 발생됨으로써 사용자가 터치스크린 상에서 드래그할 수 있는 범위가 확장적이며, 사용자가 터치스크린 상에 정보를 입력하는데 있어 편의성을 제공할 수 있고 입력 실수 또한 줄일 수 있는 효과가 있다.Accordingly, when the selection target object is selected by direct touch on the user interface of the conventional touch screen device, there is a limit to the range that can be touched. However, when using the skin type interface as in the present invention, a specific portion ( That is, if only a pointer object) matches at least a portion of the object to be selected, a selection occurs, so that the user can drag on the touch screen, and the user can provide convenience in inputting information on the touch screen. Typing mistakes can also be reduced.

즉, 지도 서비스와 같이 세밀한 정보 제공 시 사용자가 확인을 원하는 지도의 위치에 손가락 또는 입력 장치를 직접 터치 하지 않고도 해당 위치를 선택 또는 활성화 시킬 수 있어 정밀한 작업이 가능한 효과가 있다.In other words, when providing detailed information such as a map service, a user can select or activate a corresponding location without directly touching a finger or an input device to a location of a map that the user wants to check, thereby enabling precise work.

그리고, 본 발명의 과제 해결 수단 중 어느 하나에 의하면, 기본 인터페이스 화면의 면적에 비해 확장된 면적을 갖는 스킨형 인터페이스 화면을 조작하여 선택 대상 객체를 선택할 수 있어, 사용자가 터치스크린을 드래깅 함에 있어서 터치스크린 상에서 손을 떼지 않고도 연이은 드래깅을 통한 선택 대상 객체 선택이 가능하게 된다. 즉, 터치스크린 상에서의 문자 입력 또는 활성화 대상 객체에 대한 정보 확인 등 다양한 서비스를 제공하는데 편리하다. According to one of the problem solving means of the present invention, the object to be selected can be selected by operating a skin type interface screen having an area larger than that of the basic interface screen, so that the user touches when dragging the touch screen. Successive dragging allows selection of objects to be selected without taking your hands off the screen. That is, it is convenient to provide various services such as inputting text on the touch screen or checking information on an object to be activated.

또한, 본 발명의 과제 해결 수단 중 어느 하나에 의하면, 스킨형 인터페이스 화면 상의 다수의 포인터 객체를 다수의 그룹으로 분류하고, 각 그룹 별로 속한 포인터 객체들의 속성을 동일하게 설정한 후 특정 그룹의 포인터 객체를 선택용 포인터 객체로 설정함으로써, 터치스크린 기기 사용 시 보안성을 높을 수 있다.According to one of the problem solving means of the present invention, a plurality of pointer objects on a skin-type interface screen are classified into a plurality of groups, the property of the pointer objects belonging to each group is set identically, and then a pointer object of a specific group is provided. By setting it as a pointer object for selection, security can be improved when using a touch screen device.

즉, 그리드 형태로 배열된 포인터 객체가 구성된 스킨 인터페이스를 이용할 경우, 그리드 형태의 포인터 객체 전체가 동시에 움직이는 동안 기설정된 특정 그룹의 포인터 객체들에 의해서 선택 대상 객체에 대한 선택이 발생하므로, 사용자 외에 타인이 선택되는 객체를 알아볼 수 없다는 실용성이 있다.That is, when using a skin interface composed of pointer objects arranged in a grid, selection of the object to be selected is performed by a predetermined group of pointer objects while all of the grid-type pointer objects move simultaneously. The practicality is that this selected object cannot be recognized.

도 1은 본 발명의 일 실시예에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스를 구현하는 터치스크린 기기의 구조를 나타낸 블록도이다.
도 2는 본 발명의 일 실시예에 따른 터치스크린 화면을 설명하기 위한 일례이다.
도 3은 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면의 이동 및 이를 통한 객체 선택 방식을 설명하기 위한 일례이다.
도 4는 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면의 구성을 설명하기 위한 일례이다.
도 5는 본 발명의 일 실시예에 따른 포인터 객체의 속성을 설명하기 위한 일례이다.
도 6은 본 발명의 일 실시예에 따른 스킨형 인터페이스를 이용한 객체 선택 방식을 설명하기 위한 도면이다.
도 7내지 도 9는 본 발명의 다른 실시예에 따른 포인터 객체 운용 방식을 설명하기 위한 일례이다.
도 10은 본 발명의 일 실시예에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법을 설명하기 위한 순서도이다.
1 is a block diagram illustrating a structure of a touch screen device implementing a user interface using a skin type interface according to an embodiment of the present invention.
2 is an example for describing a touch screen screen according to an embodiment of the present invention.
3 is an example for explaining a movement of a skin-type interface screen and an object selection method through the same according to an embodiment of the present invention.
4 is an example for explaining a configuration of a skin type interface screen according to an embodiment of the present invention.
5 is an example for describing the property of a pointer object according to an embodiment of the present invention.
6 is a view for explaining an object selection method using a skin-type interface according to an embodiment of the present invention.
7 to 9 are examples for explaining a pointer object operating method according to another embodiment of the present invention.
10 is a flowchart illustrating a method of implementing a user interface using a skin-type interface according to an embodiment of the present invention.

아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings, which will be readily apparent to those skilled in the art. The present invention may, however, be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. In the drawings, parts irrelevant to the description are omitted in order to clearly describe the present invention, and like reference numerals designate like parts throughout the specification.

명세서 전체에서, 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다.Throughout the specification, when a part is said to "include" a certain component, it means that it can further include other components, without excluding other components unless specifically stated otherwise.

도 1은 본 발명의 일 실시예에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스를 구현하는 터치스크린 기기의 구조를 나타낸 블록도이다. 1 is a block diagram illustrating a structure of a touch screen device implementing a user interface using a skin type interface according to an embodiment of the present invention.

이때, 본 발명의 일 실시예에서는, 터치스크린 기기(100)가 휴대용 통신 기기(예를 들어, 스마트폰)인 것을 예로서 설명하도록 한다. At this time, in an embodiment of the present invention, it will be described as an example that the touch screen device 100 is a portable communication device (for example, a smart phone).

참고로, 도 1에서는 본 발명의 일실시예에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스를 구현하기 위한 구성들을 도시하였으나, 터치스크린 기기(100)의 종류에 따라 이 외에도 다른 처리부(미도시)들이 더 포함될 수 있다.For reference, FIG. 1 illustrates components for implementing a user interface using a skin-type interface according to an embodiment of the present invention, but other processing units (not shown) are further included according to the type of the touch screen device 100. May be included.

또한, 본 발명의 일 실시예에 따른 터치스크린 기기(100)는 휴대용 통신 기기에 한정되는 것이 아닌 다양한 종류의 기기일 수 있으며, 각 기기의 종류 및 목적에 따라 상이한 처리부들을 더 포함할 수 있다. 예를 들어, 터치스크린 기기(100)가 은행에서 사용되는 ATM 기기일 경우, 은행 전산과 연결되는 통신 모듈, 각 계좌에 대한 은행 전산 업무를 수행하는 전산 처리부 및 사용자가 은행 업무를 처리하기 위하여 정보를 입력 받거나 은행 업무 처리 결과를 출력하기 위한 사용자 인터페이스 모듈 등 다수의 처리부들을 더 포함하여 구성될 수 있다. In addition, the touch screen device 100 according to an embodiment of the present invention may be various types of devices, not limited to a portable communication device, and may further include different processing units according to the type and purpose of each device. For example, when the touch screen device 100 is an ATM device used in a bank, a communication module connected to a bank computer, a computer processing unit that performs banking operation for each account, and a user may process information for processing a banking service. It may be configured to further include a plurality of processing units, such as a user interface module for receiving input or output the banking business processing results.

도 1에 도시한 바와 같이, 본 발명의 일 실시예에 다른 터치스크린 기기(100)는 입력 발생 감지부(110), 스킨형 인터페이스 제어부(120), 디스플레이부(130) 및 선택 객체 실행부(140)를 포함하여 구성된다.As illustrated in FIG. 1, the touch screen device 100 according to an exemplary embodiment may include an input generation detector 110, a skin type interface controller 120, a display 130, and a selection object execution unit ( 140).

디스플레이부(130)는 기본 인터페이스 화면 및 스킨형 인터페이스 화면을 터치스크린 기기(100)의 화면 상에 출력한다.The display unit 130 outputs a basic interface screen and a skin type interface screen on the screen of the touch screen device 100.

이때, 디스플레이부(130)는 스킨형 인터페이스 제어부(120)의 제어에 따라, 스킨형 인터페이스 화면을 이동시키거나 터치스크린 기기(100)에서 발생된 데이터 처리에 따른 화면을 출력한다.At this time, the display unit 130 moves the skin type interface screen or outputs a screen according to data processing generated by the touch screen device 100 under the control of the skin type interface controller 120.

한편, 터치스크린 기기(100)의 화면 상에 출력되는 기본 인터페이스 화면 및 스킨형 인터페이스 화면은 하기 도 2에 도시한 바와 같이 구현될 수 있다.Meanwhile, the basic interface screen and the skin type interface screen output on the screen of the touch screen device 100 may be implemented as shown in FIG. 2.

도 2는 본 발명의 일 실시예에 따른 터치 스크린 화면을 설명하기 위한 일례이다.2 is an example for describing a touch screen screen according to an embodiment of the present invention.

구체적으로, 도 2의 (a)에 도시한 바와 같이, 본 발명의 일 실시예에 따른 터치스크린 기기(100) 상에는 터치스크린 화면의 크기와 동일하며 고정된 기본 인터페이스 화면(P210)이 출력된다. 이때, 기본 인터페이스 화면(P210) 상에는 사용자가 선택할 수 있는 다수의 객체(이하, ‘선택 대상 객체’라고 함)(P211)가 구성되어 있다. 참고로, 선택 대상 객체는 스마트폰에서 실행되는 애플리케이션의 아이콘 등 기설정된 소프트웨어 또는 터치스크린 기기(100)에 구비된 운영 체제(Operating System, OS) 상에서 기설정된 처리를 수행하도록 하는 객체를 의미한다.Specifically, as shown in (a) of FIG. 2, on the touch screen device 100 according to an embodiment of the present invention, a fixed basic interface screen P210 having the same size as the touch screen screen is output. In this case, a plurality of objects (hereinafter, referred to as a “selection target object”) P211 that the user can select are configured on the basic interface screen P210. For reference, the object to be selected refers to an object configured to perform a predetermined process on a predetermined software such as an icon of an application running on a smartphone or an operating system (OS) provided in the touch screen device 100.

그리고, 도 2의 (b)에 도시한 바와 같이, 본 발명의 일 실시예에 따른 터치스크린 기기(100) 상에는 기본 인터페이스 화면(P210)과 겹쳐지도록 스킨형 인터페이스 화면(P220)이 출력된다. 이때, 도 2의 (b)에서와 같이 스킨형 인터페이스 화면(P220)의 면적은 기본 인터페이스 화면(P210)의 면적보다 크게 설정될 수 있으며, 기본 인터페이스 화면(P210)이 비칠 수 있도록 스킨형 인터페이스 화면(P220)의 투명도가 설정된다. 참고로, 도 2의 (b)에 도시된 스킨형 인터페이스 화면(P220)의 크기 및 색상은 기본 인터페이스 화면(P210)과 구분하기 위한 일례일 뿐 이에 한정되는 것은 아니다. 즉, 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면(P220)은 기본 인터페이스 화면(P210)의 면적과 같거나 크게 설정될 수 있다.As illustrated in FIG. 2B, the skin type interface screen P220 is output on the touch screen device 100 according to the exemplary embodiment so as to overlap the basic interface screen P210. At this time, as shown in (b) of FIG. 2, the area of the skin type interface screen P220 may be set larger than the area of the basic interface screen P210, and the skin type interface screen may be reflected to the basic interface screen P210. The transparency of P220 is set. For reference, the size and color of the skin type interface screen P220 illustrated in FIG. 2B is only an example for distinguishing from the basic interface screen P210, but is not limited thereto. That is, the skin type interface screen P220 according to an embodiment of the present invention may be set equal to or larger than the area of the basic interface screen P210.

이처럼, 도 2의 (a) 및 (b)에서 나타낸 기본 인터페이스 화면(P210) 및 스킨형 인터페이스 화면(P220)은 겹쳐져서 터치스크린 화면 상에 출력된다. 참고로, 도 2에는 도시되지 않았으나, 하기 도 3 내지 도 9에서 도시한 바와 같이, 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면(P220) 상에는 적어도 하나의 포인터 객체가 구성되어 있다.As such, the basic interface screen P210 and the skin type interface screen P220 illustrated in FIGS. 2A and 2B are overlapped and output on the touch screen screen. For reference, although not shown in FIG. 2, as shown in FIGS. 3 to 9, at least one pointer object is configured on the skin type interface screen P220 according to an embodiment of the present invention.

다시 도 1로 돌아가서, 입력 발생 감지부(110)는, 터치스크린 상에 발생되는 접촉 및 드래깅(dragging)을 감지하여 상기 접촉 및 드래깅에 따른 화면 동작 입력 값을 생성하여 스킨형 인터페이스 제어부(120)로 전달한다. 실제적으로, 터치스크린 상에 발생되는 접촉 및 드래깅은 스킨형 인터페이스 화면(P220) 상에 발생되는 것이다.1 again, the input generation detecting unit 110 detects contact and dragging generated on the touch screen and generates a screen operation input value according to the contacting and dragging to generate the skin type interface controller 120. To pass. In practice, the contact and dragging generated on the touch screen are generated on the skinned interface screen P220.

스킨형 인터페이스 제어부(120)는, 상기 화면 동작 입력 값에 기초하여 상기 스킨형 인터페이스 화면(P220)이 상기 드래깅의 방향 및 거리에 따라 이동되도록 제어하고, 상기 이동에 따라 상기 스킨형 인터페이스 화면(P220) 상에 구성된 적어도 하나의 포인터 객체의 영역과 상기 기본 인터페이스 화면(P210) 상에 구성된 적어도 하나의 선택 대상 객체의 영역 간에 기설정된 기준 거리 이내로 겹침이 발생되는지 판단한다. 이때, 스킨형 인터페이스 제어부(120)는 상기 선택 대상 객체 중 적어도 둘 이상의 선택 대상 객체에 대해 동시에 겹침이 발생되는지 판단하는 것도 가능하다. 이처럼, 둘 이상의 선택 대상 객체와 포인터 객체 간의 겹침의 발생 시 상기 둘 이상의 선택 대상 객체가 선택된 것으로 판단할 수 있다. 그리고, 스킨형 인터페이스 제어부(120)는 상기 판단의 결과를 선택 객체 실행부(140)로 전달한다. 참고로, 상기 기준 거리는 선택 대상 객체의 중심을 기준으로 외부 방향으로 기설정된 거리 범위일 수 있다. The skin type interface controller 120 controls the skin type interface screen P220 to be moved according to the direction and distance of the dragging based on the screen operation input value, and the skin type interface screen P220 according to the movement. It is determined whether an overlap occurs within a predetermined reference distance between an area of at least one pointer object configured on the screen and an area of the at least one selection target object configured on the basic interface screen P210. In this case, the skin type interface controller 120 may determine whether overlapping occurs at least two or more selection target objects among the selection target objects. As such, when overlapping between two or more selection target objects and a pointer object occurs, it may be determined that the two or more selection target objects are selected. In addition, the skin type interface controller 120 transmits the result of the determination to the selection object execution unit 140. For reference, the reference distance may be a distance range preset in the outward direction based on the center of the object to be selected.

본 발명의 일 실시예에 따른 스킨형 인터페이스 화면(P220)의 이동은, 하기 도 3에 도시한 바와 같이 구현될 수 있다.Movement of the skin type interface screen P220 according to an embodiment of the present invention may be implemented as shown in FIG. 3.

도 3은 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면의 이동 및 이를 통한 객체 선택 방식을 설명하기 위한 일례이다.3 is an example for explaining a movement of a skin-type interface screen and an object selection method through the same according to an embodiment of the present invention.

구체적으로, 도 3에 도시한 바와 같이, 스킨형 인터페이스 화면(P220) 상에는 선택 대상 객체(P211)를 선택하기 위한 포인터 객체(P221)가 구성되어 있다.Specifically, as shown in FIG. 3, the pointer object P221 for selecting the selection target object P211 is configured on the skin type interface screen P220.

이때, 입력 발생 감지부(110)가 감지한 접촉 또는 드래깅에 기초하여 스킨형 인터페이스 제어부(120)가 스킨형 인터페이스 화면(P220)의 이동을 제어할 경우, 도 3에 도시한 바와 같이 스킨형 인터페이스 화면(P220)이 화살표 방향으로 이동하게 된다. 이에 따라, 스킨형 인터페이스 화면(P220) 상에 구성되어 있던 포인터 객체(P221) 또한 화살표 방향으로 이동하게 된다. 그리고, 도 3에 도시한 바와 같이, 포인터 객체(P221)가 이동 됨에 따라 포인터 객체(P221) 및 선택 대상 객체(P211) 가 겹쳐지게 된다. 이때, 스킨형 인터페이스 제어부(120)는 기설정된 판단 기준에 따라 상기 겹쳐진 선택 대상 객체(P211)에 대한 겹침 발생 정보를 선택 객체 실행부(140)로 전달한다. 참고로, 스킨형 인터페이스 제어부(120)는 적어도 하나의 포인터 객체(P221)와 선택 대상 객체(P211)간에 겹침이 발생된 후 기설정된 겹침 유지 시간이 경과할 때까지, 다른 접촉 또는 드래깅이 발생되지 않거나 상기 기준 거리 내에 포인터 객체(P221)가 지속적으로 위치하는 경우, 겹침 발생 정보를 전달할 수 있다. 한편, 본 발명의 일 실시예에서는 스킨형 인터페이스 화면(P220) 상에 적어도 하나의 포인터 객체(P221)가 구성되고, 기본 인터페이스 화면(P210) 상에 적어도 하나의 선택 대상 객체(P211)가 구성되는 것을 나타내었으나, 그 반대의 구성도 가능하다. 즉, 스킨형 인터페이스 화면(P220) 상에 선택 대상 객체(P211)가 구성되고, 기본 인터페이스 화면(P210) 상에 포인터 객체(P221)가 구성될 수 있다. 따라서, 스킨형 인터페이스 화면(P220)의 이동에 따라 선택 대상 객체(P211)도 이동하여 고정된 위치의 포인터 객체(P221)와 겹침이 발생될 수 있다.In this case, when the skin type interface controller 120 controls the movement of the skin type interface screen P220 based on the contact or dragging detected by the input generation detector 110, the skin type interface as shown in FIG. 3. The screen P220 moves in the direction of the arrow. Accordingly, the pointer object P221 configured on the skin type interface screen P220 also moves in the direction of the arrow. As shown in FIG. 3, as the pointer object P221 is moved, the pointer object P221 and the selection target object P211 overlap. In this case, the skin type interface controller 120 transmits overlapping occurrence information on the overlapped selection target object P211 to the selection object execution unit 140 according to a predetermined determination criterion. For reference, the skin type interface controller 120 does not generate another contact or dragging after the overlap between the at least one pointer object P221 and the selection target object P211 has elapsed until a preset overlap holding time elapses. Alternatively, when the pointer object P221 is continuously positioned within the reference distance, the overlap occurrence information may be transmitted. Meanwhile, in an embodiment of the present invention, at least one pointer object P221 is configured on the skin type interface screen P220, and at least one selection target object P211 is configured on the basic interface screen P210. It is shown, but the reverse configuration is also possible. That is, the selection target object P211 may be configured on the skin type interface screen P220, and the pointer object P221 may be configured on the basic interface screen P210. Therefore, as the skin type interface screen P220 moves, the selection target object P211 may also move to overlap with the pointer object P221 at a fixed position.

이하, 도 4 및 도 5를 참조하여 본 발명의 일 실시예에 따른 스킨형 인터페이스의 구성에 대해 좀 더 상세히 설명하도록 한다. Hereinafter, the configuration of a skin type interface according to an embodiment of the present invention will be described in more detail with reference to FIGS. 4 and 5.

도 4는 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면의 구성을 설명하기 위한 일례이다. 4 is an example for explaining a configuration of a skin type interface screen according to an embodiment of the present invention.

도 4의 (a)에 도시한 바와 같이, 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면(P220)은 기본 인터페이스 화면(P210)에 비해 더 큰 면적으로 설정될 수 있다.As shown in FIG. 4A, the skin type interface screen P220 according to an embodiment of the present invention may be set to have a larger area than the basic interface screen P210.

구체적으로, 도 4의 (a)에서는 스킨형 인터페이스 화면(P220)의 면적의 일례로서, 스킨형 인터페이스 화면(P220)의 면적이 기본 인터페이스 화면(P210)의 면적에 비해 상, 하, 좌, 우, 및 대각선 방향으로 각각 2배씩 크게 설정된 것을 나타내었다. 즉, 스킨형 인터페이스 화면(P220)의 면적이 기본 인터페이스 화면(P210) 면적의 9 배 이상으로 설정될 수 있다.Specifically, in FIG. 4A, the area of the skin type interface screen P220 is an upper, lower, left, right side as compared to the area of the basic interface screen P210 as an example of the area of the skin type interface screen P220. , And diagonally set twice as large. That is, the area of the skin type interface screen P220 may be set to 9 times or more of the area of the basic interface screen P210.

이처럼, 스킨형 인터페이스 화면(P220)이 기본 인터페이스 화면(P210)의 9배 이상의 면적을 가질 경우, 도 4의 (b)에서와 같이 사용자가 터치스크린 상에서 스킨형 인터페이스 화면(P220)을 드래그(drag)할 시에, 터치스크린 상의 일 위치의 종단에서 다른 위치의 종단까지 드래그할 경우에도 스킨형 인터페이스 화면(P220)이 끊김 없이 출력되며, 이에 따라 포인터 객체(P221)들 또한 끊김 없이 출력될 수 있어 편리하다.As such, when the skin type interface screen P220 has an area of 9 times or more than the basic interface screen P210, the user drags the skin type interface screen P220 on the touch screen as shown in FIG. ), Even when dragging from the end of one position on the touch screen to the end of another position, the skin type interface screen P220 is output without interruption, and thus the pointer objects P221 may be output without interruption. It is convenient.

또한, 스킨형 인터페이스 화면(P220)의 끊김 없는 순환 제공을 위하여, 스킨형 인터페이스 제어부(120)는, 선택 대상 객체에 대한 선택을 처리한 이후 스킨형 인터페이스 화면(P220)이 드래깅 이전의 기본 위치로 복귀하도록 이동을 제어할 수 있다. 참고로, 기본 위치는, 스킨형 인터페이스 화면(P220)의 중심과 기본 인터페이스 화면(P210)의 중심이 겹쳐지는 위치로 설정될 수 있다. 이때, 스킨형 인터페이스 제어부(120)는 스킨형 인터페이스 화면(P220)이 기본 위치로 복귀되는 동안에 발생되는 포인터 객체(P221)와 선택 대상 객체(P211) 간의 겹침에 대해서는 무시할 수 있다. In addition, in order to provide a seamless circulation of the skin type interface screen P220, the skin type interface control unit 120 processes the selection of the object to be selected, and then the skin type interface screen P220 returns to the default position before dragging. The movement can be controlled to return. For reference, the basic position may be set to a position where the center of the skin type interface screen P220 and the center of the basic interface screen P210 overlap. In this case, the skin type interface controller 120 may ignore the overlap between the pointer object P221 and the selection target object P211 generated while the skin type interface screen P220 is returned to the basic position.

도 5는 본 발명의 일 실시예에 따른 포인터 객체의 속성을 설명하기 위한 일례이다. 5 is an example for describing the property of a pointer object according to an embodiment of the present invention.

도 5에서는 터치스크린 상에 기본 인터페이스 화면(P210) 과 스킨형 인터페이스 화면(P220)이 겹쳐져 출력된 것을 도시하였다. 이때, 도 5에 도시한 바와 같이, 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면(P220) 상에 구성되는 포인터 객체(P221)들은 다양한 속성을 가질 수 있으며, 상기 속성에 따라 화면 상에 출력된다.In FIG. 5, the basic interface screen P210 and the skin type interface screen P220 are overlapped and output on the touch screen. In this case, as shown in FIG. 5, the pointer objects P221 configured on the skin type interface screen P220 according to an embodiment of the present invention may have various properties, and are output on the screen according to the properties. do.

구체적으로, 본 발명의 일 실시예에 따른 포인터 객체(P221)는, 모양, 크기, 색상 중 적어도 하나의 속성을 갖는 다수의 포인터 객체(P221)가 서로 이격되어 구성되되, 다수의 포인터 객체(P221)들의 속성은 동일 또는 상이하게 설정될 수 있다. 참고로, 상기 모양은 도형, 문자, 숫자 등 다수의 종류의 속성을 포함할 수 있다.In detail, the pointer object P221 according to an embodiment of the present invention includes a plurality of pointer objects P221 having at least one of a shape, a size, and a color, spaced apart from each other, and a plurality of pointer objects P221. ) May be set identically or differently. For reference, the shape may include a plurality of types of attributes such as figures, letters, and numbers.

예를 들어, 도 5a의 (a)에서는, 하나의 포인터 객체(P221)가 화살표 모양으로 출력된 것을 나타내었으며, 도 5a의 (b)에서는 다수의 포인터 객체(P221)가 동일한 속성(도 5a의 (b)에서는 다수의 포인터 객체가 도형 중 ‘원형’인 속성을 갖는 것을 예로서 도시함) 출력된 것을 나타내었다. For example, in FIG. 5A, one pointer object P221 is output in an arrow shape. In FIG. 5A, a plurality of pointer objects P221 have the same property (refer to FIG. 5A). (b) shows that a plurality of pointer objects have an attribute of 'circular' in the figure.

한편, 도 5b에서는 다양한 문자(도 5b에서는 문자 ‘a’를 예로서 도시함), 색상, 도형을 속성으로 갖는 포인터 객체(P221)를 도시하였으며, 포인터 객체(P221)가 동일 또는 상이한 속성들을 갖는 터치스크린 화면들을 일례로서 도시하였다. 참고로, 본 발명의 일 실시예에 따른 스킨형 인터페이스 제어부(120)는 스킨형 인터페이스 화면(P220) 상에 구성된 복수의 포인터 객체(P221) 별로 적용된 다수의 속성 중 특정 속성을 설정(또는 선택)해두고, 상기 특정 속성을 갖는 포인터 객체(P221)를 유효한 포인터 객체(P221)로 설정하여 선택 대상 객체(P211)와의 겹침 발생을 판단하되, 나머지 다른 속성을 갖는 포인터 객체(P221)와 선택 대상 객체(P211) 간의 겹침 발생은 무시할 수 있다.Meanwhile, in FIG. 5B, a pointer object P221 having various characters (the letter 'a' is illustrated as an example in FIG. 5B), a color, and a figure is illustrated, and the pointer object P221 has the same or different attributes. Touch screen screens are shown as an example. For reference, the skin type interface controller 120 may set (or select) a specific property among a plurality of properties applied for each of the plurality of pointer objects P221 configured on the skin type interface screen P220. The pointer object P221 having the specific property is set as a valid pointer object P221 to determine the occurrence of overlap with the selection target object P211, but the pointer object P221 having the other properties and the selection target object have different properties. The occurrence of overlap between (P211) can be ignored.

다시 도 1도 돌아가서, 선택 객체 실행부(140)는 스킨형 인터페이스 제어부(120)로부터 선택 대상 객체(P211)에 대한 겹침 발생 정보를 수신하면, 상기 겹침에 대응하는 선택 대상 객체(P211)를 활성화 대상 객체로 선택한다.1 again, when the selection object execution unit 140 receives overlapping generation information on the selection target object P211 from the skin type interface controller 120, the selection object executing unit 140 activates the selection target object P211 corresponding to the overlap. Select as target object.

이때, 선택 객체 실행부(140)는 겹침 발생 정보를 수신한 후, 터치스크린 상의 접촉 종료 및 드래깅 멈춤 중 적어도 하나가 발생되고, 상기 접촉 종료 및 드래깅 멈춤 후 기설정된 동작 유지 시간이 경과되면 해당 선택 대상 객체를 활성화 대상 객체로 선택할 수 있다. In this case, after receiving the overlapping occurrence information, the selection object execution unit 140 generates at least one of contact termination and dragging stop on the touch screen, and selects a corresponding operation after a preset operation holding time elapses after the contact termination and dragging stop. The target object can be selected as the active target object.

참고로, 선택 객체 실행부(140)는 상기 활성화 대상 객체를 실행하여 터치스크린 기기(100) 내에 더 포함된 다수의 처리부(미도시) 중 해당 선택 대상 객체를 실행하는 처리부(또는 소프트웨어)를 호출하여 활성화시킬 수 있다.For reference, the selection object executing unit 140 calls the processing unit (or software) that executes the selected object among the plurality of processing units (not shown) included in the touch screen device 100 by executing the activation object. Can be activated.

한편, 스킨형 인터페이스 제어부(120) 및 선택 객체 실행부(140)가 각각 겹침의 발생을 판단하거나 활성화 대상 객체를 선택하는 동안, 스킨형 인터페이스 제어부(120)는, 겹침이 발생된 선택 대상 객체의 출력 상태가 활성화 대기 상태로 변경되도록 제어할 수 있다. 참고로, 활성화 대기 상태에서는 선택 대상 객체가 상기 겹침이 발생되기 이전의 일반 상태와 식별 되도록 기본 인터페이스 화면 상에서 변경된다. 즉, 사용자가 선택 대상 객체 중 활성화 대기 중인 선택 대상 객체를 화면 상에서 쉽게 판별할 수 있도록 하여 편리하다.Meanwhile, while the skinned interface control unit 120 and the selection object execution unit 140 determine the occurrence of overlap or select the activation target object, the skin type interface control unit 120 determines that the overlapping selection target object is generated. The output state can be controlled to change to standby for activation. For reference, in the activation standby state, the selection target object is changed on the basic interface screen so as to be identified with the general state before the overlap occurs. That is, it is convenient for the user to easily determine on the screen the selection target object waiting to be activated from among the selection target objects.

하기 도 6을 참조하여 본 발명의 일 실시예에 따른 객체 선택 방식에 대해서 좀 더 상세히 설명하도록 한다.Hereinafter, the object selection method according to an embodiment of the present invention will be described in more detail with reference to FIG. 6.

도 6은 본 발명의 일 실시예에 따른 스킨형 인터페이스를 이용한 객체 선택 방식을 설명하기 위한 도면이다.6 is a view for explaining an object selection method using a skin-type interface according to an embodiment of the present invention.

구체적으로, 도 6의 (a)에서는, 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면(P220)에 다수의 포인터 객체(P221)가 일정 간격으로 구성되고, 기본 인터페이스 화면(P210)의 중심으로부터 각 대각선 방향 종단에 선택 대상 객체(P211)들이 구성된 것을 나타내었다.Specifically, in (a) of FIG. 6, a plurality of pointer objects P221 are configured at regular intervals on the skin type interface screen P220 according to an embodiment of the present invention, and are located from the center of the basic interface screen P210. It is shown that the selection target objects P211 are configured at each diagonal end.

이때, 도 6의 (b)에서와 같이 화살표 방향으로 한번의 드래깅이 발생된 경우, 터치스크린의 우측 상단에 위치한 선택 대상 객체(즉, ‘2’)(P211)와 포인터 객체(P221) 간에 겹침이 발생한다. 이때, 스킨형 인터페이스 제어부(120)는 상기 겹침의 발생을 판단하고, 선택 객체 실행부(140)는 상기 겹침이 발생된 해당 선택 대상 객체(P211)를 첫 번째 활성화 대상 객체로 선택한다.In this case, when one dragging occurs in the direction of the arrow as shown in FIG. 6B, the selection object (ie, '2') P211 located on the upper right side of the touch screen and the pointer object P221 overlap each other. This happens. At this time, the skin type interface controller 120 determines the occurrence of the overlap, and the selection object execution unit 140 selects the corresponding selection target object P211 on which the overlap has occurred as the first activation target object.

그리고 난 후, 동일 방향으로 두번째 드래깅이 발생된 경우, 도 6의 (c)에서와 같이 우측 상단에 위치한 선택 대상 객체에 대한 겹침은 종료되고, 좌측 하단에 위치한 선택 대상 객체(즉, ‘3’)(P211)와 포인터 객체(P221) 간에 겹침이 발생된다. 이때, 스킨형 인터페이스 제어부(120)는 상기 겹침의 발생을 판단하고, 선택 객체 실행부(140)는 상기 겹침이 발생된 해당 선택 대상 객체를 두 번째 활성화 대상 객체로 선택한다.Then, when the second dragging occurs in the same direction, as shown in (c) of FIG. 6, overlapping with respect to the selection target object located at the upper right ends, and the selection target object located at the lower left (ie, '3' The overlap between P211 and the pointer object P221 occurs. At this time, the skin type interface controller 120 determines the occurrence of the overlap, and the selection object execution unit 140 selects the corresponding selection target object on which the overlap has occurred as the second activation target object.

이처럼, 사용자는 터치스크린 상에서 손을 떼지 않고도 연이은 드래깅을 통한 선택 대상 객체 선택이 가능하게 된다. 즉, 이와 같은 실시예에 따르면, 터치스크린 상에서의 문자 입력 또는 활성화 대상 객체에 대한 정보 확인 등 다양한 서비스를 제공하는데 편리하다. 또한, 이와 같은 실시예에 따르면, 터치스크린 상에서 일정 거리 이격된 포인터 객체를 이용하여 서로 다른 위치의 선택 대상 객체들에 대해 각각 가까운 위치의 포인터 객체를 이용하여 빠르게 선택할 수 있어 입력 속도가 증대되는 효과가 있다. 또한, 지도 서비스와 같이 세밀한 정보 제공 시 사용자가 확인을 원하는 지도의 위치에 손가락 또는 입력 장치를 직접 터치 하지 않고도 해당 위치를 선택 또는 활성화 시킬 수 있어 정밀한 작업이 가능한 효과가 있다.As such, the user can select the object to be selected by successive dragging without taking his or her hand off the touch screen. That is, according to such an embodiment, it is convenient to provide various services such as text input on a touch screen or confirmation of information on an object to be activated. In addition, according to such an embodiment, by using a pointer object spaced a certain distance on the touch screen can be quickly selected by using a pointer object of a close position to each of the selection target objects of different positions, the input speed is increased There is. In addition, when providing detailed information such as a map service, a user may select or activate a corresponding location without directly touching a finger or an input device to a location of a map that the user wants to check, thereby enabling accurate work.

한편, 본 발명의 일 실시예에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방식에 따르면, 선택 대상 객체를 사용자가 직접 터치하지 않고도 스킨형 인터페이스 화면의 이동에 따른 특정 위치 영역을 입력으로 판단하기 때문에, 다른 사람이 터치스크린 기기(100)를 보고 있어도 어느 부분이 선택되었는지 쉽게 알기 어렵다. 따라서, 보안 키패드와 같은 사용자 입력 시 보안성을 중요시하는 인터페이스에 사용될 수 있다.On the other hand, according to the user interface implementation method using the skin-type interface according to an embodiment of the present invention, since a specific location area according to the movement of the skin-type interface screen is determined as an input without the user directly touching the selection target object, Even if someone is looking at the touch screen device 100, it is difficult to know which part is selected. Therefore, the present invention can be used for an interface in which security is important in user input such as a security keypad.

이하, 도 7 내지 도 9를 참조하여 스킨형 인터페이스를 이용하여 데이터 입력의 보안성을 높일 수 있는, 본 발명의 다른 실시예에 따른 포인터 객체 및 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방식에 대해서 설명하도록 한다.Hereinafter, a user interface implementation method using a pointer object and a skin type interface according to another embodiment of the present invention, which can improve the security of data input using the skin type interface, will be described with reference to FIGS. 7 to 9. do.

도 7내지 도 9는 본 발명의 다른 실시예에 따른 포인터 객체 운용 방식을 설명하기 위한 일례이다.7 to 9 are examples for explaining a pointer object operating method according to another embodiment of the present invention.

먼저, 도 7에 도시한 바와 같이, 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면(P220) 상에는 적어도 일부의 영역에 그리드(grid) 형태로 배열된 포인터 객체(P221)들이 구성될 수 있다.First, as illustrated in FIG. 7, pointer objects P221 arranged in a grid form may be configured on at least a portion of the skin type interface screen P220 according to an embodiment of the present invention.

이때, 스킨형 인터페이스 제어부(120)는 상기 그리드 형태로 배열된 다수의 포인터 객체(P211)들을 다수의 그룹으로 분류하고, 각 그룹 별로 포인터 객체들의 속성을 동일하게 설정할 수 있다.In this case, the skin type interface controller 120 may classify the plurality of pointer objects P211 arranged in the grid into a plurality of groups, and set the same property of the pointer objects for each group.

한편, 스킨형 인터페이스 제어부(120)는 포인터 객체(P221)와 선택 대상 객체(P211) 간의 겹침을 판단하기 이전에, 사용자가 선택용 포인터 객체(즉, 유효한 선택을 발생시키는 포인터 객체)를 선택할 수 있는 선택용 포인터 객체에 대한 속성 결정 인터페이스를 제공할 수 있다. 참고로, 상기 속성 결정 인터페이스에는 포인터 객체 그룹 별 속성 정보가 포함되어 출력될 수 있다.Meanwhile, the skin type interface controller 120 may select a selection pointer object (that is, a pointer object for generating a valid selection) before determining the overlap between the pointer object P221 and the selection target object P211. It can provide a property determination interface for a selection pointer object. For reference, the attribute determination interface may include and output attribute information for each pointer object group.

그런 후, 스킨형 인터페이스 제어부(120)는 상기 속성 결정 인터페이스를 통해 입력되는 선택용 객체 속성 결정 정보에 기초하여, 다수의 포인터 그룹 중 특정 포인터 그룹을 선택용 포인터 그룹으로 설정할 수 있다. Thereafter, the skin type interface controller 120 may set a specific pointer group among the plurality of pointer groups as the selection pointer group based on the selection object attribute determination information input through the attribute determination interface.

그런 다음, 스킨형 인터페이스 제어부(120)는 상기 선택용 포인터 그룹에 포함된 포인터 객체의 영역과 상기 선택 대상 객체의 영역 간에 겹침 발생을 판단한다. Thereafter, the skin type interface controller 120 determines occurrence of overlap between the area of the pointer object included in the selection pointer group and the area of the selection target object.

도 7에서는 기본 인터페이스 화면(P210) 상에 문자를 입력하기 위한 선택 대상 객체(P211) 들이 출력된 것을 나타내었고, 기본 인터페이스 화면(P210) 상의 문자 키(P211)들과 그리드 형태로 배열된 포인터 객체(P221)들이 겹쳐서 출력된 것을 나타내었다. 참고로, 도 7에서 도시한, 다수의 포인터 객체(P221)들은 다수의 색상을 속성으로 가지며, 그룹별로 동일한 속성으로 설정되어 있다. In FIG. 7, the selection target objects P211 for inputting characters are output on the basic interface screen P210. The pointer objects arranged in a grid form with the character keys P211 on the basic interface screen P210 are illustrated. (P221) has been overlapped with the output. For reference, the plurality of pointer objects P221 illustrated in FIG. 7 have a plurality of colors as attributes and are set to the same attributes for each group.

이때, 사전에 사용자가 선택한 색상을 속성으로 갖는 포인터 객체(P221) 중 적어도 하나와 겹쳐지는 선택 대상 객체(P211)가 활성화 대상 객체로 선택될 수 있다.In this case, the selection target object P211 overlapping at least one of the pointer objects P221 having the color selected by the user as an attribute in advance may be selected as the activation target object.

참고로, 도 7에서는 스킨형 인터페이스 화면(P220)을 좌우로 이동시켜 그리드 형태의 포인터 객체(P221)를 이동시키는 것을 나타내었다.For reference, FIG. 7 shows that the grid type pointer screen P221 is moved by moving the skin type interface screen P220 from side to side.

한편, 도 8에서는 그리드 형태로 배열된 포인터 객체(P221)들을 포함하는 스킨형 인터페이스 화면의 다른 일례들을 도시하였다.Meanwhile, FIG. 8 illustrates another example of a skin type interface screen including pointer objects P221 arranged in a grid.

도 8의 (a)에서는 스킨형 인터페이스 화면(P220)이 상하로 이동하여 겹침을 발생 시킬 수 있도록 구성된 포인터 객체(P221)들을 도시하였으며, 도 8의 (b)에서는 스킨형 인터페이스 화면(P220)이 상하좌우로 이동하여 겹침을 발생 시킬 수 있도록 구성된 포인터 객체(P221)들을 도시하였다. 이처럼, 본 발명의 일 실시예에 따른 스킨형 인터페이스 화면(P220)은 상하좌우 모든 방향으로 이동할 수 있다.FIG. 8A illustrates pointer objects P221 configured to cause the skinned interface screen P220 to move up and down to generate an overlap. In FIG. 8B, the skinned interface screen P220 is illustrated in FIG. The pointer objects P221 configured to move up, down, left, and right to generate an overlap are illustrated. As such, the skin type interface screen P220 according to an embodiment of the present invention may move in all directions of up, down, left and right.

또한, 도 9에서는 부분적인 그리드 형태로 배열된 포인터 객체(P221)들이 구성된 스킨형 인터페이스 화면(P220)을 도시하였다.In addition, FIG. 9 illustrates a skin type interface screen P220 including pointer objects P221 arranged in a partial grid.

이처럼, 다수의 포인터 객체를 다수의 그룹으로 분류하고, 각 그룹 별로 속한 포인터 객체들의 속성을 동일하게 설정한 후 특정 그룹의 포인터 객체를 선택용 포인터 객체로 설정함으로써, 터치스크린 기기(100) 사용 시 보안성을 높을 수 있다.As such, by classifying a plurality of pointer objects into a plurality of groups, setting the properties of the pointer objects belonging to each group to the same, and setting the pointer objects of a specific group as the pointer objects for selection, when using the touch screen device 100. It can increase security.

즉, 그리드 형태로 배열된 포인터 객체가 구성된 스킨 인터페이스를 이용할 경우, 그리드 형태의 포인터 객체 전체가 동시에 움직이는 동안 기설정된 특정 그룹의 포인터 객체들에 의해서 선택 대상 객체에 대한 선택이 발생하므로, 사용자 외에 타인이 선택되는 객체를 알아볼 수 없다. That is, when using a skin interface composed of pointer objects arranged in a grid, selection of the object to be selected is performed by a predetermined group of pointer objects while all of the grid-type pointer objects move simultaneously. The selected object is not recognizable.

참고로, 스킨형 인터페이스 제어부(120)는 다수의 그룹으로 분류된 포인터 객체를 이용한 인터페이스 구현 시에는 선택 대상 객체의 상태를 상기 일반 상태로 유지시킬 수 있다. For reference, the skin type interface controller 120 may maintain the state of the selection target object in the general state when implementing an interface using pointer objects classified into a plurality of groups.

이하, 도 10을 참고하여 본 발명의 일 실시예에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법에 대해서 상세히 설명하도록 한다.Hereinafter, a user interface implementation method using a skin type interface according to an embodiment of the present invention will be described in detail with reference to FIG. 10.

도 10은 본 발명의 일 실시예에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법을 설명하기 위한 순서도이다.10 is a flowchart illustrating a method of implementing a user interface using a skin-type interface according to an embodiment of the present invention.

먼저, 터치스크린 상에 기본 인터페이스 화면과 스킨형 인터페이스 화면을 겹쳐서 출력한 상태에서, 터치 스크린 상에 발생된 접촉 및 드래그를 감지한다(S110).First, in a state in which the basic interface screen and the skin type interface screen are overlapped and output on the touch screen, the touch and drag generated on the touch screen are sensed (S110).

그리고, 감지된 접촉 및 드래그에 기초하여 상기 드래그 방향(및 거리)에 따라 스킨형 인터페이스를 이동시킨다(S120).In operation S120, the skin type interface is moved according to the drag direction (and distance) based on the detected contact and drag.

그런 후, 포인트 영역과 선택 대상 객체 영역의 겹침을 검출한다(S130). Then, the overlap between the point area and the selection target object area is detected (S130).

구체적으로, 스킨형 인터페이스 화면 상에 구성된 적어도 하나의 포인터 객체의 영역과 기본 인터페이스 화면 상에 구성된 적어도 하나의 선택 대상 객체의 영역 간에 기설정된 기준 거리 이내로 겹침이 발생되는지 판단하여 상기 겹침을 검출한다.Specifically, the overlap is detected by determining whether overlap occurs within a predetermined reference distance between an area of at least one pointer object configured on the skin type interface screen and an area of at least one selected target object configured on the basic interface screen.

그리고, 상기 겹침이 검출되면, 상기 겹침이 발생된 상기 선택 대상 객체의 상태가 활성화 대기 상태로 변경되도록 제어하여 출력할 수 있으며, 활성화 대기 상태에서는 상기 선택 대상 객체가 상기 겹침이 발생되기 이전의 일반 상태와 식별 되도록 상기 기본 인터페이스 화면 상에서 변경된다.When the overlap is detected, the state of the selection target object in which the overlap is generated may be controlled to be changed to an activation standby state, and in the activation standby state, the general selection before the overlap occurs in the selection target object may be performed. The status is changed on the basic interface screen so as to be identified.

그런 다음, 겹침 발생 객체를 활성화 대상 객체로 선택한다(S140).Then, the overlap occurrence object is selected as the activation target object (S140).

이때, 상기 겹침의 발생 이후, 상기 접촉의 종료 및 상기 드래깅의 멈춤 중 적어도 하나가 발생된 후 기설정된 동작 유지 시간이 경과되면 상기 선택을 수행할 수 있다.In this case, after the occurrence of the overlap, the selection may be performed when a predetermined operation holding time elapses after at least one of the termination of the contact and the stopping of the dragging occurs.

또한, 본 발명의 일 실시예에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 시, 단계(S140) 이후에 스킨형 인터페이스 화면을 상기 드래깅 이전의 기본 위치로 복귀 시키는 단계를 더 수행할 수 있다. 참고로, 상기 기본 위치는, 상기 스킨형 인터페이스 화면의 중심과 상기 기본 인터페이스 화면의 중심이 겹쳐지는 위치일 수 있다.In addition, when implementing the user interface using the skin type interface according to an embodiment of the present invention, after step S140, the step of returning the skin type interface screen to the basic position before the dragging may be further performed. For reference, the basic position may be a position where the center of the skin type interface screen overlaps with the center of the basic interface screen.

한편, 본 발명의 다른 실시예에 따른 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 시, 단계 (S110)에서 스킨형 인터페이스 화면의 적어도 일부의 영역에 그리드(grid) 형태로 배열된 포인터 객체들이 구성된 스킨형 인터페이스 화면을 출력할 수 있다. 이때, 그리드 형태로 배열된 포인터 객체는 각각 적어도 하나의 포인터 객체들로 구성된 복수의 포인터 그룹으로 분류되며, 포인터 그룹 별로 포함된 포인터 객체들의 속성은 동일하게 설정된 상태이다.Meanwhile, when implementing a user interface using a skin type interface according to another exemplary embodiment of the present invention, a skin type interface including pointer objects arranged in a grid form in at least a portion of the skin type interface screen in step S110 may be used. You can print the screen. In this case, the pointer objects arranged in a grid form are classified into a plurality of pointer groups each composed of at least one pointer object, and the attributes of the pointer objects included for each pointer group are set in the same state.

이처럼, 그리드 형태로 배열된 포인터 객체가 구성된 스킨형 인터페이스 화면을 출력한 후, 단계(S130) 이전에 사용자로부터 선택용 객체 속성 결정 정보를 입력 받은 후 이에 기초하여 다수의 포인터 그룹 중 특정 포인터 그룹을 선택용 포인터 그룹으로 설정한다.As described above, after outputting the skin type interface screen including the pointer objects arranged in a grid form, the user selects object property determination information for selection from the user before step S130, and then selects a specific pointer group among the plurality of pointer groups. Set to the selection pointer group.

그러면, 단계(S140)에서, 선택용 포인터 그룹에 포함된 포인터 객체의 영역과 상기 선택 대상 객체의 영역 간에 상기 겹침의 발생을 판단할 수 있다.In operation S140, the occurrence of the overlap may be determined between the area of the pointer object included in the selection pointer group and the area of the selection target object.

전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.The foregoing description of the present invention is intended for illustration, and it will be understood by those skilled in the art that the present invention may be easily modified in other specific forms without changing the technical spirit or essential features of the present invention. will be. It is therefore to be understood that the above-described embodiments are illustrative in all aspects and not restrictive. For example, each component described as a single entity may be distributed and implemented, and components described as being distributed may also be implemented in a combined form.

본 발명의 일 실시예는 컴퓨터에 의해 실행되는 프로그램 모듈과 같은 컴퓨터에 의해 실행 가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 컴퓨터 판독 가능 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체 및 통신 매체를 모두 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다. 통신 매체는 전형적으로 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈, 또는 반송파와 같은 변조된 데이터 신호의 기타 데이터, 또는 기타 전송 메커니즘을 포함하며, 임의의 정보 전달 매체를 포함한다. One embodiment of the present invention may also be embodied in the form of a recording medium including instructions executable by a computer, such as program modules, being executed by a computer. Computer readable media can be any available media that can be accessed by a computer and includes both volatile and nonvolatile media, removable and non-removable media. In addition, the computer-readable medium may include both computer storage media and communication media. Computer storage media includes both volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data. Communication media typically includes any information delivery media, including computer readable instructions, data structures, program modules, or other data in a modulated data signal such as a carrier wave, or other transport mechanism.

또한, 본 발명의 방법 및 시스템은 특정 실시예와 관련하여 설명되었지만, 그것들의 구성 요소 또는 동작의 일부 또는 전부는 범용 하드웨어 아키텍쳐를 갖는 컴퓨터 시스템을 사용하여 구현될 수도 있다.In addition, while the methods and systems of the present invention have been described in connection with specific embodiments, some or all of their components or operations may be implemented using a computer system having a general purpose hardware architecture.

본 발명의 범위는 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.The scope of the present invention is shown by the following claims rather than the detailed description, and all changes or modifications derived from the meaning and scope of the claims and their equivalents should be construed as being included in the scope of the present invention. .

100: 터치스크린 기기
110: 입력 발생 감지부
120: 스킨형 인터페이스 제어부
130: 디스플레이부
140: 선택 객체 실행부
P210: 기본 인터페이스 화면
P211: 선택 대상 객체
P220: 스킨형 인터페이스 화면
P221: 포인터 객체
100: touch screen device
110: input generation detector
120: skin type interface control unit
130:
140: selection object execution unit
P210: Main Interface Screen
P211: Selected Object
P220: Skinned Interface Screen
P221: Pointer Object

Claims (18)

스킨형(skin-type) 인터페이스를 이용한 사용자 인터페이스를 구현하는 터치스크린 기기에 있어서,
터치스크린의 고정된 기본 인터페이스 화면 상에 이동 가능한 스킨형 인터페이스 화면을 겹쳐서 출력하는 디스플레이부;
상기 터치스크린 상에 발생되는 접촉 및 드래깅(dragging)을 감지하여 상기 접촉 및 드래깅에 따른 화면 동작 입력 값을 생성하는 입력 발생 감지부;
상기 화면 동작 입력 값에 기초하여 상기 스킨형 인터페이스 화면이 상기 드래깅의 방향 및 거리에 따라 이동되도록 제어하고, 상기 이동에 따라 상기 스킨형 인터페이스 화면 상에 구성된 적어도 하나의 포인터 객체의 영역과 상기 기본 인터페이스 화면 상에 구성된 선택 대상 객체의 영역 간에 겹침이 발생되는지 판단하는 스킨형 인터페이스 제어부; 및
상기 겹침이 발생된 경우 상기 겹침에 대응하는 선택 대상 객체를 활성화 대상 객체로 선택하는 선택 객체 실행부를 포함하되,
상기 스킨형 인터페이스 제어부는,
기입력된 선택용 포인터 객체 속성 결정 정보에 기초하여 상기 적어도 하나의 포인터 객체 중 특정 속성의 포인터 객체를 선택용 포인터 객체로 설정하고,
상기 선택용 포인터 객체의 영역과 상기 선택 대상 객체의 영역 간에 상기 겹침의 발생을 판단하고,
상기 스킨형 인터페이스 화면의 면적은 상기 기본 인터페이스 화면의 면적보다 크게 설정된 것인, 터치스크린 기기.
In a touch screen device that implements a user interface using a skin-type interface,
A display unit configured to superimpose and output a movable skin type interface screen on a fixed basic interface screen of the touch screen;
An input generation detector for detecting a touch and dragging generated on the touch screen and generating a screen operation input value according to the touch and dragging;
The skin type interface screen is controlled to be moved according to the direction and distance of the dragging based on the screen operation input value, and an area of at least one pointer object configured on the skin type interface screen and the basic interface according to the movement. A skin type interface controller which determines whether overlapping occurs between regions of the selection target object configured on the screen; And
If the overlap is generated includes a selection object execution unit for selecting a selection target object corresponding to the overlap as the activation target object,
The skin type interface control unit,
Setting a pointer object of a specific property among the at least one pointer object as a selection pointer object based on previously inputted selection pointer object property determination information,
Determining the occurrence of the overlap between the area of the selection pointer object and the area of the selection target object;
The area of the skin type interface screen is set to be larger than the area of the basic interface screen.
제 1 항에 있어서,
상기 선택 객체 실행부는,
상기 겹침이 발생된 이후, 상기 접촉의 종료 및 상기 드래깅의 멈춤 중 적어도 하나가 발생된 후 기설정된 동작 유지 시간이 경과되면 상기 선택을 수행하는 터치스크린 기기.
The method of claim 1,
The selection object execution unit,
And performing a selection when a preset operation holding time elapses after at least one of the termination of the contact and the stopping of the dragging occurs after the overlap occurs.
제 1 항에 있어서,
상기 스킨형 인터페이스 제어부는,
상기 선택 대상 객체를 기준으로 기설정된 기준 거리 이내에 상기 포인터 객체가 위치하는 경우 상기 겹침으로 판단하는 터치스크린 기기.
The method of claim 1,
The skin type interface control unit,
And the pointer object is determined to overlap when the pointer object is located within a preset reference distance based on the selection target object.
제 1 항에 있어서,
상기 스킨형 인터페이스 제어부는,
상기 겹침이 발생된 상기 선택 대상 객체의 상태가 활성화 대기 상태로 변경되도록 제어하되,
상기 활성화 대기 상태에서는 상기 선택 대상 객체가 상기 겹침이 발생되기 이전의 일반 상태와 식별 되도록 상기 기본 인터페이스 화면 상에서 변경되는 것인, 터치스크린 기기.
The method of claim 1,
The skin type interface control unit,
While the control is to change the state of the selected target object that the overlap occurs to the activation standby state,
In the activation standby state, the selection target object is changed on the basic interface screen to be identified with the general state before the overlap occurs.
제 1 항에 있어서,
상기 스킨형 인터페이스 제어부는,
상기 할성화 대상 객체에 대한 선택 이후, 상기 스킨형 인터페이스 화면을 상기 드래깅 이전의 기본 위치로 복귀시키는 터치스크린 기기.
The method of claim 1,
The skin type interface control unit,
After selecting the activation target object, the touch screen device for returning the skin-like interface screen to the default position before the dragging.
제 5 항에 있어서,
상기 기본 위치는,
상기 스킨형 인터페이스 화면의 중심과 상기 기본 인터페이스 화면의 중심이 겹쳐지는 위치인 것인, 터치스크린 기기.
The method of claim 5, wherein
The default position is,
The center of the skin-type interface screen and the center of the basic interface screen is a position that overlaps, the touch screen device.
제 1 항에 있어서,
상기 스킨형 인터페이스 화면의 면적은,
상기 기본 인터페이스 화면의 상, 하, 좌, 우, 및 대각선 방향으로 상기 기본 인터페이스 화면 보다 크게 설정되되, 상기 기본 인터페이스 화면 면적의 9배 이상인 것인, 터치스크린 기기.
The method of claim 1,
The area of the skin type interface screen is
The touch screen device is set to be larger than the basic interface screen in the up, down, left, right, and diagonal directions of the basic interface screen, but more than nine times the area of the basic interface screen.
제 1 항에 있어서,
상기 스킨형 인터페이스 화면은,
상기 스킨형 인터페이스 화면의 적어도 일부의 영역에 그리드(grid) 형태로 배열된 포인터 객체들이 구성되되,
상기 그리드 형태로 배열된 포인터 객체는 각각 적어도 하나의 포인터 객체들로 구성된 복수의 포인터 그룹으로 분류되며,
상기 포인터 그룹 별로 포함된 포인터 객체들의 속성은 동일한 것인, 터치스크린 기기.
The method of claim 1,
The skin type interface screen,
Pointer objects arranged in a grid form are formed in at least a portion of the skin type interface screen.
The pointer objects arranged in the grid form are classified into a plurality of pointer groups each composed of at least one pointer object.
The property of the pointer objects included for each pointer group is the same.
삭제delete 스킨형(skin-type) 인터페이스를 이용한 사용자 인터페이스 구현 방법에 있어서,
(a) 터치스크린 상에 고정된 기본 인터페이스 화면과 이동 가능한 스킨형 인터페이스 화면을 겹쳐서 출력하는 단계;
(b) 터치스크린 상에 발생되는 접촉 및 드래깅(dragging)을 감지하는 단계;
(c) 상기 드래깅의 방향 및 거리에 따라 상기 스킨형 인터페이스 화면을 이동시키는 단계;
(d) 상기 스킨형 인터페이스 화면 상에 구성된 적어도 하나의 포인터 객체의 영역과 기본 인터페이스 화면 상에 구성된 선택 대상 객체의 영역 간에 겹침이 발생되는지 판단하는 단계; 및
(e) 상기 겹침이 발생되는 경우 상기 발생된 겹침에 대응하는 선택 대상 객체를 활성화 대상 객체로 선택하는 단계를 포함하되,
상기 (d) 단계 이전에,
기입력된 선택용 포인터 객체 속성 결정 정보에 기초하여 상기 포인터 객체 중 특정 속성을 갖는 포인터객체를 선택용 포인터 객체로 설정하는 단계를 더 포함하고,
상기 (d) 단계에서,
상기 선택용 포인터 객체의 영역과 상기 선택 대상 객체의 영역 간에 상기 겹침의 발생을 판단하고,
상기 스킨형 인터페이스 화면의 면적은 상기 기본 인터페이스 화면의 면적보다 크게 설정된 것인, 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법.
In the user interface implementation method using a skin-type interface,
(a) overlapping and outputting a fixed basic interface screen and a movable skin type interface screen on the touch screen;
(b) detecting contact and dragging occurring on the touch screen;
(c) moving the skin type interface screen according to the direction and distance of the dragging;
determining whether an overlap occurs between an area of at least one pointer object configured on the skin-type interface screen and an area of a selection target object configured on a basic interface screen; And
(e) if the overlap occurs, selecting a selection target object corresponding to the generated overlap as an activation target object,
Prior to step (d)
Setting a pointer object having a specific property among the pointer objects as a selection pointer object based on previously inputted selection pointer object attribute determination information;
In the step (d)
Determining the occurrence of the overlap between the area of the selection pointer object and the area of the selection target object;
The area of the skin type interface screen is set to be larger than the area of the basic interface screen, user interface implementation method using a skin type interface.
제 10 항에 있어서,
상기 (e) 단계에서,
상기 겹침의 발생 이후 상기 접촉의 종료 및 상기 드래깅의 멈춤 중 적어도 하나가 발생된 후 기설정된 동작 유지 시간이 경과되면 상기 선택을 수행하는, 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법.
11. The method of claim 10,
In the step (e)
And performing a selection when a predetermined operation holding time elapses after at least one of the termination of the contact and the stopping of the dragging occurs after the occurrence of the overlap.
제 10 항에 있어서,
상기 (d) 단계에서,
상기 선택 대상 객체를 기준으로 기설정된 기준 거리 이내에 상기 포인터 객체가 위치하는 경우 상기 겹침으로 판단하는, 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법.
11. The method of claim 10,
In the step (d)
And determining that the pointer object is overlapped within a predetermined reference distance based on the selection target object.
제 10 항에 있어서,
상기 (e) 단계 이후에,
상기 스킨형 인터페이스 화면을 상기 드래깅 이전의 기본 위치로 복귀 시키는 단계를 더 포함하는, 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법.
11. The method of claim 10,
After the step (e)
And returning the skinned interface screen to a default position before the dragging.
제 13 항에 있어서,
상기 기본 위치는,
상기 스킨형 인터페이스 화면의 중심과 상기 기본 인터페이스 화면의 중심이 겹쳐지는 위치인 것인, 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법.
The method of claim 13,
The default position is,
The center of the skin-type interface screen and the center of the basic interface screen is a position where the user interface implementation using the skin-type interface.
제 10항에 있어서,
상기 (d) 단계 이후에,
상기 겹침이 발생된 상기 선택 대상 객체의 상태가 활성화 대기 상태로 변경되도록 제어하는 단계를 더 포함하되,
상기 활성화 대기 상태에서는 상기 선택 대상 객체가 상기 겹침이 발생되기 이전의 일반 상태와 식별 되도록 상기 기본 인터페이스 화면 상에서 변경되는 것인, 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법.
The method of claim 10,
After the step (d)
The method may further include controlling the state of the selection target object in which the overlap occurs to change to a standby state for activation.
In the activation waiting state, the selection target object is changed on the basic interface screen to be identified with the general state before the overlap occurs, the user interface implementation method using a skin-type interface.
제 10 항에 있어서,
상기 스킨형 인터페이스 화면의 면적은,
상기 기본 인터페이스 화면의 상, 하, 좌, 우, 및 대각선 방향으로 상기 기본 인터페이스 화면 보다 크게 설정되되, 상기 기본 인터페이스 화면 면적의 9 배 이상인 것인, 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법.
11. The method of claim 10,
The area of the skin type interface screen is
A method of implementing a user interface using a skin-type interface, wherein the basic interface screen is set larger than the basic interface screen in the up, down, left, right, and diagonal directions, and is nine times or more the area of the basic interface screen.
제 10 항에 있어서,
상기 스킨형 인터페이스 화면은,
상기 스킨형 인터페이스 화면의 적어도 일부의 영역에 그리드(grid) 형태로 배열된 포인터 객체들이 구성되되,
상기 그리드 형태로 배열된 포인터 객체는 각각 하나 이상의 포인터 객체들로 구성된 복수의 포인터 그룹으로 분류되며,
상기 포인터 그룹 별로 포함된 포인터 객체들의 속성은 동일한 것인, 스킨형 인터페이스를 이용한 사용자 인터페이스 구현 방법.
11. The method of claim 10,
The skin type interface screen,
Pointer objects arranged in a grid form are formed in at least a portion of the skin type interface screen.
The pointer objects arranged in the grid form are classified into a plurality of pointer groups each consisting of one or more pointer objects.
The property of the pointer objects included for each pointer group is the same, the user interface implementation method using a skin type interface.
삭제delete
KR1020110145462A 2011-12-29 2011-12-29 Method and touch screen device for implementing user interface using skin type interface KR101271496B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020110145462A KR101271496B1 (en) 2011-12-29 2011-12-29 Method and touch screen device for implementing user interface using skin type interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020110145462A KR101271496B1 (en) 2011-12-29 2011-12-29 Method and touch screen device for implementing user interface using skin type interface

Publications (1)

Publication Number Publication Date
KR101271496B1 true KR101271496B1 (en) 2013-06-05

Family

ID=48866288

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020110145462A KR101271496B1 (en) 2011-12-29 2011-12-29 Method and touch screen device for implementing user interface using skin type interface

Country Status (1)

Country Link
KR (1) KR101271496B1 (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20000024119A (en) * 2000-01-22 2000-05-06 배창희 A method of automatic re-positioning of the computer cursor
US20090288043A1 (en) 2007-12-20 2009-11-19 Purple Labs Method and system for moving a cursor and selecting objects on a touchscreen using a finger pointer
KR20100103275A (en) * 2009-03-13 2010-09-27 유비벨록스(주) Method and apparatus for inputting key using virtual keypad
KR20100117533A (en) * 2009-04-23 2010-11-03 오의진 Multi-directional extension cursor and method of practicing multi-directional extension cursor

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20000024119A (en) * 2000-01-22 2000-05-06 배창희 A method of automatic re-positioning of the computer cursor
US20090288043A1 (en) 2007-12-20 2009-11-19 Purple Labs Method and system for moving a cursor and selecting objects on a touchscreen using a finger pointer
KR20100103275A (en) * 2009-03-13 2010-09-27 유비벨록스(주) Method and apparatus for inputting key using virtual keypad
KR20100117533A (en) * 2009-04-23 2010-11-03 오의진 Multi-directional extension cursor and method of practicing multi-directional extension cursor

Similar Documents

Publication Publication Date Title
KR101361214B1 (en) Interface Apparatus and Method for setting scope of control area of touch screen
US9336753B2 (en) Executing secondary actions with respect to onscreen objects
KR101915444B1 (en) Using pressure differences with a touch-sensitive display screen
US20140306897A1 (en) Virtual keyboard swipe gestures for cursor movement
CN109643213B (en) System and method for a touch screen user interface for a collaborative editing tool
US20070236468A1 (en) Gesture based device activation
US20100201634A1 (en) Manipulation of graphical elements on graphical user interface via multi-touch gestures
KR20130090138A (en) Operation method for plural touch panel and portable device supporting the same
JP2019516189A (en) Touch screen track recognition method and apparatus
KR20160063340A (en) Pan and selection gesture detection
US10908768B2 (en) User interface for selecting elements of a structured object
KR102205283B1 (en) Electro device executing at least one application and method for controlling thereof
CN103970460A (en) Touch screen-based operation method and terminal equipment using same
WO2014193657A1 (en) Systems and methods for moving display objects based on user gestures
JP2016528600A (en) How to select parts of a graphical user interface
US20170344215A1 (en) Input method and electronic device
WO2013061326A1 (en) Method for recognizing input gestures.
CN105892895A (en) Multi-finger sliding gesture recognition method and device as well as terminal equipment
US10318047B2 (en) User interface for electronic device, input processing method, and electronic device
CN108628493A (en) Touch type discriminating conduct and the touch input device for executing it
KR101271496B1 (en) Method and touch screen device for implementing user interface using skin type interface
CN107203280B (en) Punctuation input method and terminal
CN101615100B (en) Computer and notebook computer
KR101260016B1 (en) Method and touch-screen device for implementing pointer interface using skin-type interface
CN110262747B (en) Method and device for controlling terminal, terminal and storage medium

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: 20160331

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20170320

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20180523

Year of fee payment: 6

FPAY Annual fee payment

Payment date: 20190620

Year of fee payment: 7