KR101421501B1 - Method for implementing rollover on a touch screen - Google Patents

Abstract

Disclosed is a method for performing rollover on a touch screen. The method for performing rollover on a touch screen comprises a step for receiving a webpage file which shows a webpage in which an element performing a predetermined event is included, from a web server in a mobile communication terminal having the touch screen; a step for identifying a header command of the received webpage file; a step for displaying the activated position for the event on a first position on the touch screen when a predetermined terminal identification code is included in the identified header command; and a step for performing the event for the element when first touch input for the activated position is received from a user.

Description

[0001] METHOD FOR IMPLEMENTING ROLLOVER ON A TOUCH SCREEN [0002]

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a method of implementing a rollover on a touch screen, and more particularly, to a method of implementing a rollover applied to a mobile communication terminal having a touch screen.

2. Description of the Related Art In recent years, as mobile communication terminals such as smart phones and tablet PCs have become widespread, many efforts have been made to apply functions provided only in the existing desktop PC environment to such mobile communication terminals.

In particular, a technique called N-screen is a technology for continuously using one content in various devices such as a TV, a PC, a smart phone, and a tablet PC. When N-screen technology is utilized, There is an advantage that it can be continuously used without interruption in various terminals, not in a specific terminal.

Due to the spread of various mobile communication terminals and the development trend of N-screen technology, multi-device implementation technologies for implementing various functions together in various devices have been developed. In the case of such a multi-device implementation technology, it is necessary to reflect differences due to hardware characteristics of the desktop PC and the mobile communication terminal.

That is, in the case of a desktop PC, input signals are provided depending on input means of a conventional keyboard and a mouse, whereas most of the recent mobile communication terminals have a touch screen, thereby providing an input signal .

However, technologies that reflect the differences due to such hardware features are still insufficient. In particular, a technique of providing a rollover function of a mouse based on a mouse in a mobile communication terminal equipped with a touch screen There is a problem that it is not disclosed at all.

Accordingly, it is an object of the present invention to provide a method of implementing a rollover on a touch screen applied to a mobile communication terminal having a touch screen.

 According to another aspect of the present invention, there is provided a method for implementing a rollover on a touch screen, the method comprising: displaying a web page file representing a web page including elements for implementing a preset event, Receiving from a web server; Identifying a header command of the received web page file; Displaying an activation position for the event at a first location on the touch screen if the identified header command includes a terminal identification code previously set; And if the user is provided with a first touch input for the activation position, implementing the event for the element.

In one embodiment of the present invention, the element may comprise any one of text, text, images and moving images.

In one embodiment of the present invention, the preset event may include modifying either the color, size, shape, or font of the element, or further displaying a description associated with the element on the web page .

In one embodiment of the present invention, the web page file may include HTML or JavaScript-based instructions.

In one embodiment of the present invention, the first touch input may last for a predetermined time.

In an embodiment of the present invention, the method may further comprise deactivating the event that is implemented for the element if a predetermined time has elapsed from the provided first touch input.

In one embodiment of the present invention, the method may further include, when receiving a second touch input for the activation position from the user, deactivating the event implemented for the element.

In an embodiment of the present invention, the first position may be in contact with the display position of the element.

In one embodiment of the present invention, the activation position may be displayed as any one of a character, a text, a graphic, an icon and an image.

In one embodiment of the present invention, the figure may comprise any one of a circle, an ellipse and a polygon.

According to another aspect of the present invention, there is provided a method for implementing a rollover on a touch screen, the method comprising: generating a plurality of terminal identification codes, each of which is a unique code representing a terminal including a touch screen, Receiving an input; Receiving a web page file including an element for implementing a preset event from a web server; Identifying which one of the plurality of terminal identification codes is included in the web page file; And displaying an activation position for the event at a first location on the touch screen when the web page file includes any one of the plurality of terminal identification codes.

In an embodiment of the present invention, the method may further include the step of, when receiving a touch input for the activation position from a user, implementing the event for the element.

In an embodiment of the present invention, the first position may be in contact with the display position of the element.

According to another aspect of the present invention, there is provided a method for implementing a rollover on a touch screen, the method comprising the steps of: Displaying a web page including an element; Displaying an activation position for the event on a first area including the element of the first screen; And displaying a second screen including an element on which the event is implemented on the touch screen when the touch input for the activation position is provided.

In an embodiment of the present invention, the second screen may be the same as the first screen, except for the elements in which the event is implemented.

According to the method of implementing the rollover on the touch screen, an active position capable of implementing a rollover event for the element is displayed on a web page displayed on the mobile communication terminal equipped with the touch screen, thereby providing a separate hover on the touch screen, A rollover event of a web page can be implemented without input means.

FIGS. 1A and 1B are views showing a state where a rollover event is implemented in a conventional computing device.
2 is a block diagram of a mobile communication terminal for implementing a rollover method according to an embodiment of the present invention.
3 is a flowchart showing an example of the rollover method of FIG.
4A to 4E are screens of a mobile communication terminal to which the rollover method of FIG. 3 is applied.
5 is a flowchart showing another example of the rollover implementing method of FIG.
6A to 6D are screens of a mobile communication terminal to which the rollover method of FIG. 5 is applied.

 Hereinafter, a method of implementing a rollover according to an embodiment of the present invention will be described in detail with reference to the accompanying drawings. The present invention is capable of various modifications and various forms, and specific embodiments are illustrated in the drawings and described in detail in the text. It is to be understood, however, that the invention is not intended to be limited to the particular forms disclosed, but on the contrary, is intended to cover all modifications, equivalents, and alternatives falling within the spirit and scope of the invention. Like reference numerals are used for like elements in describing each drawing. In the accompanying drawings, the dimensions of the structures are enlarged to illustrate the present invention in order to clarify the present invention.

The terms first, second, etc. may be used to describe various components, but the components should not be limited by the terms. The terms are used only for the purpose of distinguishing one component from another. For example, without departing from the scope of the present invention, the first component may be referred to as a second component, and similarly, the second component may also be referred to as a first component.

The terminology used in this application is used only to describe a specific embodiment and is not intended to limit the invention. The singular expressions include plural expressions unless the context clearly dictates otherwise. In this application, the terms "comprises", "having", and the like are used to specify that a feature, a number, a step, an operation, an element, a part or a combination thereof is described in the specification, But do not preclude the presence or addition of one or more other features, integers, steps, operations, components, parts, or combinations thereof.

Unless defined otherwise, all terms used herein, including technical or scientific terms, have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs. Terms such as those defined in commonly used dictionaries are to be interpreted as having a meaning consistent with the contextual meaning of the related art and are to be interpreted as either ideal or overly formal in the sense of the present application Do not.

FIGS. 1A and 1B are views showing a state where a rollover event is implemented in a conventional computing device.

Referring to FIGS. 1A and 1B, a typical computing device includes a display unit 100 and an input unit 120 having a display screen 110. A cursor 121 that can be freely moved by the input unit 120 is displayed on the display screen 110. The cursor 121 is used to click or drag at a certain point on the display screen 110. The cursor 121 may be positioned on a point on the display screen 110 when the cursor 121 is not clicked or dragged by the input unit 120. The cursor 121 may be clicked or dragged If not performed, input by the input unit 120 may be regarded as being absent. However, the cursor 121 may be moved to point to a certain portion of the display screen 110. The movement of the cursor 110 may be performed by a separate It can be regarded as an input.

On the other hand, when a web page screen is displayed on the display screen 110, various objects such as text and images can be displayed on the web page screen. At this time, among the objects, there are cases where other web page screens are displayed by clicking by the cursor 121, or objects capable of causing a predetermined screen change are displayed. As described above, in the case of an object causing a screen change due to the click of the cursor 121, it can have a special display form in order to distinguish it from objects that do not cause a screen change. For example, when a predetermined image and text are displayed together on the display screen 110 as shown in FIG. 1A, a word 111, a letter or a number to which a hyperlink to another web page of the text is connected, Hyperlinks may display colors differently than unconnected text characters.

1B, when the cursor 121 is moved to be positioned in the hyperlink-linked word 111 by the input unit 120, the shape, shape, color, etc. of the cursor 121 itself or the word 111 This function is known as " rollover ". That is, when the cursor 121 is positioned on an object that can cause a screen change due to a click, such as a hyperlink, among the objects displayed on the display screen 110, a rollover function is implemented. That is, the shape, shape, color and the like of the object 113 and the cursor 123 before the change of the screen (display of the hyperlinked web page, etc.) change, or a predetermined pop- A part of the display unit 110 may be changed.

This rollover function has the advantage of facilitating connection between web pages so that a user of the computing device can naturally move to another web page linked to text, images, or the like.

However, in the case of a mobile communication terminal having another input unit 120 other than the input unit 120 (i.e., a mouse) for displaying the cursor 121 as shown in FIGS. 1A and 1B, How to implement a rollover function without a problem is a problem.

Hereinafter, a method of implementing a rollover according to embodiments of the present invention will be described.

2 is a block diagram of a mobile communication terminal for implementing a rollover method according to an embodiment of the present invention.

2, a mobile communication terminal 200 for implementing a rollover method according to an exemplary embodiment of the present invention includes a touch screen 210, a controller 220, a transmitter / receiver 230, a memory 240 And a power supply 250.

The touch screen 210 may be a touch screen 210 commonly used in the art. For example, the touch screen 210 may include a liquid crystal panel including a lower substrate, an upper substrate, and a liquid crystal layer disposed between the lower substrate and the upper substrate. Alternatively, the touch screen 210 may include an organic light emitting display panel on which organic light emitting materials are disposed. Meanwhile, the touch screen 210 is operated in a capacitive manner in which an electric field is formed by disposing electrodes having a predetermined pattern on a substrate, and the electric field is changed by an electrostatic member that is close to the substrate, Or may be operated in a resistive film mode in which an input is provided by contacting the electrodes disposed between the substrates by the pressure applied on the substrate.

The control unit 220 may include a microprocessor that receives electrical energy from the power source 250 to perform calculations. The control unit 220 is electrically connected to the touch screen 210, the transmission / reception unit 230, the memory unit 240 and the power source 250, and is electrically connected to the touch screen 210, Lt; RTI ID = 0.0 > 230 < / RTI >

The transmission / reception unit 230 is connected to the Internet or an intranet through a communication network, and transmits / receives data. For example, the transmission / reception unit 230 may receive a predetermined web page file from a web server corresponding to an address address requested by the user.

The memory unit 240 stores data received by the transmission / reception unit 230.

The power source 250 provides electrical energy to the control unit 220 and the memory unit 240.

However, the above-described components are illustrative, and the constituent elements of the mobile communication terminal 200 according to the present embodiments are not limited thereto.

3 is a flowchart showing an example of the rollover method of FIG.

3, a method for implementing a rollover according to an exemplary embodiment of the present invention includes a step S110 of receiving a web page file representing a web page including an element for implementing a predetermined event from a web server, (S150) a step of displaying an activation position for an event at a first position on the touch screen when the identified header command includes a terminal identification code previously set And implementing an event for the element if the first touch input for the activated position is provided (S170). The method for implementing a rollover according to the present embodiment may include the step of deactivating an event implemented in the element when the predetermined period of time has elapsed from the first touch input or when the second touch input is provided to the activated position ).

Hereinafter, a method of implementing a rollover according to the present embodiment will be described with reference to FIGS. 4A to 4E.

4A to 4E are screens of a mobile communication terminal to which the rollover method of FIG. 3 is applied. Specifically, FIG. 4A shows a state in which step S110 of the rollover implementation method of FIG. 3 is implemented. FIG. 4B shows a state in which step S130 of the rollover method of FIG. 3 is implemented. FIG. 4C shows a state in which step S150 of the rollover implementation method of FIG. 3 is implemented. FIG. 4D shows a state in which step S170 of the rollover implementation method of FIG. 3 is implemented. FIG. 4E shows a state in which step S190 of the rollover implementation method of FIG. 3 is implemented.

Referring to FIG. 4A, in step S110, the mobile communication terminal receives a web page file representing a web page including an element for implementing a predetermined event from a web server. FIG. 4A illustrates a mobile communication terminal 200 including a touch screen 210 displaying a web page. The web page file may include instructions based on hypertext markup language (HTML) or javascript. In addition, the web page may include any one of a character, a text, an image, and a moving image (hereinafter referred to as an element). In the case of FIG. 4A, a web page screen including predetermined texts T10 is shown . Also, among the texts T10, an element T11 in which a preset event can be implemented is included. The element T11 may be displayed so as to have an indication distinguished from the texts T10, for example, a different font.

Referring to FIG. 4B, in step S130, the mobile communication terminal identifies a header command of a received web page file. Generally, the header command is a command described at the beginning of the web page file, and may include general information of a web page screen displayed on the touch screen 210. For example, the header command may be transmitted to the mobile communication terminal 200 (e.g., the mobile terminal 200) such as an iPhone, iPod, Android, Windows CE, BlackBerry, Symbian, Windows Phone, webOS, Opera Mini, Opera Mobi, POLARIS, IEMobile, lgtelecom, ), Manufacturer information, operating system information, and the like. The information included in the header command is information indicating that the terminal displaying the web page is a terminal having the touch screen 210. Hereinafter, this information is referred to as a " terminal identification code ". 4B shows a web page file for identifying a header command directly displayed on the touch screen 210 of the mobile communication terminal. However, this is for the sake of convenience of description. Actually, the web page file shown in FIG. The code screen may not be displayed on the touch screen 210.

Referring to FIG. 4C, in step S150, the mobile communication terminal displays an activation position for an event at a first position on the touch screen when the identified header command includes a predetermined terminal identification code. For example, the identified header command may include a predetermined terminal identification code, which is a unique code representing a terminal including a touch screen, as shown in [Table 1].

<script type = "text / javascript">
var UserAgent = navigator.userAgent;
if (UserAgent.match
(/ iPhone | iPod | Android | Windows CE | BlackBerry | Symbian | Windows Phone | webOS | Opera Mini | Opera Mobi | POLARIS | IEMobile | lgtelecom | nokia | SonyEricsson / i)!
UserAgent.match (/ LG | SAMSUNG | Samsung /)! = Null) {
DisplayRollover ();
MappingRollover ();
}
</ script>

At this time, if the header command includes the predetermined terminal identification code, an activation position for activating the event with respect to the element T11 in which the event is to be implemented is stored in the first position B10 of the touch screen 210 Is displayed. In Fig. 4C, a finger-shaped icon is displayed at one end in the row direction of the element T11 to indicate the activated position B10. Meanwhile, the activation position B10 may be variously set according to the mobile communication terminal 200 and the web page. For example, the activation position B10 may be arranged in a predetermined direction from the display position of the element T11, and may be displayed as any one of a character, a text, a graphic, an icon, and an image. Alternatively, the activation position B10 may be in contact with the display position of the element T11. Alternatively, the activation position B10 may be arbitrarily set on the web page screen so that the element T11 and the activation position are distinguished.

Referring to FIG. 4D, in step S170, when the mobile communication terminal is provided with the first touch input for the activated position, it may implement an event for the element. In FIG. 4D, as the user's touch input is provided for the activation position B10, the event is implemented and an element T13 is shown in bold color and underlined. According to the embodiment, in this step, the touch input of the user may be continued for a preset time. That is, it can be recognized that the first touch input is provided only when the touch input of the user lasts for at least one second, for example. Alternatively, the touch input of the user may be sequentially provided in accordance with a predetermined number of times. That is, it can be recognized that the first touch input is provided only when the touch input of the user is provided, for example, two times in succession.

The event shown in Figure 4d is illustrative, and the preset event includes changing either the color, size, shape, or font of the element, or further displaying a description associated with the element on the web page can do.

Meanwhile, the web page screen on which the event is implemented may be substantially the same before and after the implementation of the event, except for the portion changed due to the event.

Referring to FIG. 4E, in step S190, the mobile communication terminal may deactivate an event implemented in the element when a predetermined time elapses from the first touch input or when a second touch input is provided to the activated position. For example, if a time of two seconds elapses from the first touch input provided by the user, or if a second touch input is provided from the user to the activation position, A web page screen can be displayed. According to the embodiment, the web page screen in step S190 may be substantially the same as the web page screen in step S110.

5 is a flowchart showing another example of the rollover implementing method of FIG.

Referring to FIG. 5, a method for implementing a rollover according to an embodiment of the present invention includes receiving a plurality of terminal identification codes, which are unique codes representing a terminal including a touch screen, at step S210, (S230) of receiving a web page file including an element to be implemented from the web server (S230), identifying which one of the plurality of terminal identification codes is included in the web page file (S250) (S270) indicating an activation position for the activation position, and implementing an event (S290) for the element when the touch input for the activation position is provided.

In this embodiment, before receiving the web page file, the mobile communication terminal may receive a plurality of terminal identification codes that are unique codes representing the terminal including the touch screen. That is, in order to identify which one of the plurality of terminal identification codes is included in the received web page file, the terminal identification codes may be input into the operating system or the system file of the mobile communication terminal.

In the case of the present embodiment, except for step S210, the method of implementing the rollover shown in FIG. 3 is substantially the same as that of FIG. 3, so duplicate descriptions are omitted.

6A to 6D are screens of a mobile communication terminal to which the rollover method of FIG. 5 is applied. Specifically, FIG. 6A shows a state in which step S230 of the rollover method of FIG. 5 is implemented. FIG. 6B shows a state in which step S270 of the rollover method of FIG. 5 is implemented. FIG. 6C illustrates a different implementation of step S270 of the method of implementing the rollover of FIG. FIG. 6D shows a state in which step S290 of the method of implementing the rollover of FIG. 5 is implemented.

Referring to FIG. 6A, a web page having a predetermined image M10 may be displayed on the touch screen 210 of the mobile communication terminal 200 in step S230. The image M10 is an image on which a preset event can be implemented. When the touch input is provided for the image M10, another web page hyperlinked to the image M10 is displayed on the touch screen 210, A screen may be displayed.

Referring to FIG. 6B, in step S270, the activation position B20 displayed on the touch screen 210 may be in contact with the display position of the image M10. In Fig. 6B, the activated position B20 is shown so as to touch the lower right corner portion of the image M10. In Fig. 6B, the activation position B20 is indicated by a white circle. However, this is an example, and according to the embodiment, the indication of the activated position B20 may include any one of a circle, an ellipse and a polygon.

6C, in step S270, the activated position B21 on the touch screen 210 may be displayed in the adjacent area of the image M10. That is, in Fig. 6C, the activated position B20 is displayed as a thick frame line around the periphery of the image M10. As described above, the activation position B20 for turning on the event for an element such as a text, an image, and the like in which a preset event is to be implemented can be displayed on the first area including the element.

Referring to FIG. 6D, when the touch input is provided to the activation positions B20 and B21 to implement an event, the image M10 may be displayed in different shapes, colors, or shapes. FIG. 6D shows a screen in which the color of the image M10 changes dynamically as the event is implemented.

As described above, according to the rollover method of the present invention, by displaying an activation position for implementing a rollover event for an element on a web page displayed on a mobile communication terminal equipped with a touch screen, a separate hover ) You can implement a rollover event for a web page without input means.

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. You will understand.

The present invention can be applied to the field of N screen technology for providing a consistent web page content to a mobile communication terminal having a touch screen.

100: display section 120: input section
200: mobile communication terminal 210: touch screen
220: control unit 230: transmission / reception unit
240: memory 250: power

Claims (15)

In a mobile communication terminal having a touch screen,
Receiving a web page file representing a web page including an element for implementing a preset event from a web server;
Identifying a header command of the received web page file;
Displaying an activation position for the event at a first location on the touch screen if the identified header command includes a terminal identification code previously set; And
And when the user is provided with a first touch input for the activation position, implementing the event for the element. The method according to claim 1,
Wherein the element comprises any one of text, text, images and moving pictures. The method according to claim 1,
The preset event may include:
Changing one of the color, size, shape, and font of the element, or further displaying a description associated with the element on the web page. The method according to claim 1,
Wherein the web page file includes instructions based on HTML or javascript. The method according to claim 1,
Wherein the first touch input is continued for a predetermined time. The method according to claim 1,
Further comprising the step of deactivating the event that is implemented for the element if a predetermined time has elapsed from the provided first touch input. The method according to claim 1,
Further comprising: inactivating the event that is implemented for the element when receiving a second touch input for the activation position from the user. The method according to claim 1,
Wherein the first location is tangent to a display location of the element. The method according to claim 1,
Wherein the activation position is displayed as one of a character, a text, a graphic, an icon, and an image. 10. The method of claim 9,
Wherein the graphic includes one of a circle, an ellipse, and a polygon. In a mobile communication terminal having a touch screen,
Receiving a plurality of terminal identification codes that are unique codes representing terminals including a touch screen;
Receiving a web page file including an element for implementing a preset event from a web server;
Identifying which one of the plurality of terminal identification codes is included in the web page file; And
And displaying an activation position for the event at a first location on the touch screen when the web page file includes any one of the plurality of terminal identification codes. Way. 12. The method of claim 11,
Further comprising the step of: if the user is provided with a touch input for the activation position, implementing the event for the element. 12. The method of claim 11,
Wherein the first location is tangent to a display location of the element. A mobile communication terminal having a touch screen,
Displaying a web page on the first screen of the touch screen, the web page including at least one element for which a preset event is to be implemented;
Displaying an activation position for the event on a first area including the element of the first screen;
Displaying a second screen including an element on which the event is implemented on the touch screen when a touch input for the activation position is provided; And
Further comprising inactivating the event that is implemented for the element if a predetermined time has elapsed from the provided touch input. 15. The method of claim 14,
Wherein the second screen is the same as the first screen except for the element in which the event is implemented.

Images