WO2014054851A1 - Menu display module for dynamically displaying menu according to input signal, method therefor, and recording medium therefor - Google Patents

Menu display module for dynamically displaying menu according to input signal, method therefor, and recording medium therefor Download PDF

Info

Publication number
WO2014054851A1
WO2014054851A1 PCT/KR2013/006620 KR2013006620W WO2014054851A1 WO 2014054851 A1 WO2014054851 A1 WO 2014054851A1 KR 2013006620 W KR2013006620 W KR 2013006620W WO 2014054851 A1 WO2014054851 A1 WO 2014054851A1
Authority
WO
WIPO (PCT)
Prior art keywords
menu
input signal
area
content
advertisement
Prior art date
Application number
PCT/KR2013/006620
Other languages
French (fr)
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
Priority claimed from KR1020120109854A external-priority patent/KR102045959B1/en
Priority claimed from KR1020120115475A external-priority patent/KR20140049630A/en
Application filed by 에스케이플래닛 주식회사 filed Critical 에스케이플래닛 주식회사
Publication of WO2014054851A1 publication Critical patent/WO2014054851A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/02Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241Advertisements
    • G06Q30/0251Targeted advertisements
    • G06Q30/0255Targeted advertisements based on user history
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Definitions

  • the present invention relates to a menu display module, a method for dynamically displaying a menu according to an input signal, and a recording medium thereof, and more particularly, to display a menu type and a menu according to an input signal type and a trajectory input to a mobile communication terminal.
  • the present invention relates to a menu display module, a method for dynamically displaying a menu according to an input signal for dynamically selecting and displaying a position, and a recording medium thereof.
  • a mobile communication terminal is configured to perform not only voice communication but also various functions such as data communication, image and video playback, and a web browser is provided to access a website or to execute a web application. It is now possible to provide an included web page.
  • a mobile communication terminal has a much smaller display size than a general PC, when a web page provided to a general PC (hereinafter referred to as a "wired web page") is reduced and displayed on the mobile terminal, the content included in the web page is displayed. It was difficult to identify with the naked eye.
  • DHTML Dynamic HTML
  • HTML Dynamic HTML
  • JavaScript language a client-based scripting language
  • CSS Cascading Style Sheets
  • a web page provided to a mobile communication terminal (hereinafter, referred to as a "mobile web page") has a long content arranged up and down unlike a configuration of a wired web page in which content is arranged left and right.
  • the user may provide an input signal using a gesture such as touch, scrolling, or flicking a specific area of the mobile web page to search for desired content using the mobile communication terminal.
  • a gesture such as touch, scrolling, or flicking a specific area of the mobile web page to search for desired content using the mobile communication terminal.
  • the web browser of the mobile communication terminal performs an operation such as switching, moving, and fast moving the web page according to the input signal.
  • the mobile web page provided in the conventional mobile communication terminal is programmed to be fixed at the top or bottom of the mobile web page, menu display positions such as a page change selection icon, a top move icon, and a bottom move icon are provided.
  • a page change selection icon such as a page change selection icon, a top move icon, and a bottom move icon.
  • Scrolling the mobile web page to the top or bottom of the mobile web page requires selecting the displayed menu.
  • Such mobile web pages are provided with various advertisements provided by advertising content providers in a banner format.
  • the present invention has been made to solve the above-described problem, a menu for dynamically displaying a menu according to an input signal for selecting and displaying a menu to be displayed dynamically and a menu display position according to the type and trajectory of a gesture input by a user.
  • the present invention is provided on the front content layer corresponding to the content area and the rear of the front content layer to generate a rear advertising layer corresponding to the advertising area, and when a touch movement is detected in the user terminal, scrolling the content area by performing By displaying the advertisement area corresponding to the space of the screen generated by the movement of the content area of the advertisement area of the rear advertising layer as the advertisement exposure area in the space of the screen generated by the movement of the content area. It is for exposing an advertisement to a user terminal.
  • the input signal calculation unit for determining the type of the input signal and calculates the movement trajectory of the input signal, determine the display position of the menu according to the movement trajectory calculated in the input signal calculation unit, the determined input signal
  • the dynamic menu generator includes a dynamic menu generator which determines a menu to be displayed according to the type and the calculated movement trajectory and dynamically generates the menu, and a menu display that displays the menu dynamically generated by the dynamic menu generator.
  • a menu display module for displaying a menu is provided.
  • the input signal calculator compares at least one of the size of the touch area, the touch time, and the moving speed of the touch area with each reference value to touch the type of input signal, such as touch, long press, scrolling, or the like. Decide on either Flicking.
  • the input signal calculator calculates a movement trajectory of the input signal from the full screen touch time and the moving speed of the touch area.
  • the dynamic menu generator determines a content area corresponding to an area where the movement trajectory of the input signal ends, as a menu display position, and dynamically generates a menu.
  • the dynamic menu generator determines a content area corresponding to an area where the input signal movement trajectory ends, as a menu display position, and dynamically generates a menu, and then sets a menu display position to an area where the input signal movement trajectory starts. Create a menu dynamically by changing to the corresponding content area.
  • the dynamic menu generator generates a menu generated in the content area corresponding to the area where the input signal movement trajectory ends and a menu dynamically generated in the content area corresponding to the area where the input signal movement trajectory starts, to display the same control signal, or Generate to indicate conflicting control signals.
  • the menu display unit displays the menu dynamically generated by the dynamic menu generator in the content area, and when the menu display position is changed from the dynamic menu generator to create a new menu, the first menu is hidden and the new menu is displayed.
  • the dynamic menu generator determines a content area corresponding to the area where the input signal movement trajectory ends, as the menu display position, and displays the menu to be displayed. Is generated in the form of an icon representing the control signal to move to the bottom.
  • the dynamic menu generator determines a content area corresponding to the area where the input signal movement trajectory ends, as the menu display position, and displays the display.
  • a menu is created in the form of an icon representing a control signal for moving the menu to the top.
  • the front content layer generator for generating a front content layer corresponding to the content area
  • the rear advertising layer generator provided on the rear of the front content layer and generates a rear advertising layer corresponding to the advertising area
  • a touch movement detector configured to receive a detected input signal
  • a scroll performer configured to scroll and display the content area based on the input signal
  • Ad display module including an advertisement exposure processing unit for displaying the advertisement area of the portion corresponding to the space of the screen generated by the movement of the content area of the area as the advertisement exposure area in the space of the screen generated by the movement of the content area.
  • the scroll performer may perform up, down, left, and right scrolling of the advertisement exposure area when a touch movement is detected at the user terminal with respect to the advertisement exposure area.
  • a menu display module for dynamically generating a menu in the area and displaying the overlapping menu, and a front content layer corresponding to the content area and a rear advertisement layer provided on the rear of the front content layer and corresponding to the advertisement area, and touched by the user terminal
  • the content area is scrolled to be displayed, and the advertisement area of a portion corresponding to the space of the screen generated according to the movement of the content area among the advertisement areas of the rear advertisement layer is moved.
  • a menu dynamically generated according to the detected input signal is displayed on the content region, or the content region is moved according to the touch movement.
  • the touch movement is detected from the user terminal displaying the advertisement exposure area in the space of the screen generated by the user terminal and the detected input signal is determined to be flickering
  • the movement trajectory of the input signal is calculated and the calculated
  • a menu is dynamically generated in the content area corresponding to the area where the movement trajectory ends and displayed so as to overlap, or a rear advertising layer provided in the front content layer corresponding to the content area and the rear of the front content layer and corresponding to the advertisement area.
  • the content Scrolls the display area, and displays the advertisement area corresponding to the space of the screen generated according to the movement of the content area of the rear advertising layer.
  • a system including a web page providing server for displaying an advertisement exposure area in a space is provided.
  • an input signal is input by an area touch on which a web page is displayed, and a display panel for outputting a web page on which a menu is dynamically generated according to the input signal, and an input signal input from the display panel is input.
  • a web page including a menu display module which calculates a movement trajectory of the input signal and dynamically creates a menu in the content area of the web page corresponding to the region where the calculated movement trajectory ends, when the flicking is determined
  • a display device is provided.
  • the step (a) of determining the type of input signal input to the screen (b) calculating the movement trajectory of the input signal if the type of the input signal is determined as flicking (Filcking), And (c) generating and displaying a menu in a content area corresponding to the area where the calculated movement trajectory ends.
  • the menu display method of dynamically displaying a menu according to an input signal if the set time has elapsed after the step (c), the menu is hidden in the content area corresponding to the area where the calculated movement trajectory starts and the menu displayed in the step (c) is hidden. (D) further generating and displaying a new one.
  • the newly generated menu in step (d) shows the same control signal as that of the menu displayed in step (c) or the control signal opposite.
  • Step (a) compares at least one of the size of the touch area, the touch time, and the moving speed of the touch area with respective reference values to touch, type, press, or scroll the type of input signal. Or flicking.
  • step (b) when the size of the touch area is greater than or equal to the reference value and the moving speed of the touch area is greater than or equal to the reference value, the type of the input signal is determined as flickering, and the movement trajectory of the input signal is calculated from the touch time and the moving speed of the touch area.
  • step (c) when the calculated movement trajectory is changed from the bottom of the screen to the top, a menu indicating a control signal for moving the area displaying the content to the bottom is generated and displayed, and the calculated movement trajectory is changed from the top of the screen to the bottom.
  • a menu indicating a control signal for moving the area displaying the content to the top is generated and displayed.
  • the advertisement display module in a method for displaying an advertisement on a mobile web page, the advertisement display module generates a front content layer corresponding to the content area, is provided on the rear of the front content layer and corresponds to the advertisement area. Generating a rear advertisement layer; If touch movement is detected at the user terminal, receiving touch movement detection information; Scrolling and displaying the content area based on the touch movement detection information; And displaying an advertisement area of a portion of the advertisement area of the rear advertisement layer corresponding to the space of the screen generated according to the movement of the content area as the advertisement exposure area in the space of the screen generated by the movement of the content area.
  • An advertisement display method of an advertisement display module including a is provided.
  • the method may further include performing up, down, left, and right scrolling of the advertisement exposure region when the touch movement is detected at the user terminal.
  • determining an input signal type input to the screen if the input signal is determined to be flicking (calculating), calculating a movement trajectory of the input signal, and the calculated movement trajectory ends
  • a method of dynamically displaying a menu according to an input signal including generating and displaying a menu in a content area corresponding to the area is provided by a program, and a recording medium readable by an electronic device is provided.
  • An advertisement display method of an advertisement display module including a recording medium is provided by a program, and a recording medium readable by the electronic device is provided.
  • a procedure for finding a fixed menu may be omitted by tracking an input signal movement trajectory according to the user's touch gesture and outputting a menu at an optimal position. Therefore, there is an effect of providing convenience to the user when using the web-based service.
  • the advertisement exposure area in the space of the screen generated by the movement of the content area, it is possible to increase the amount of information of the advertisement while minimizing the user's discomfort when the advertisement is exposed to the user terminal.
  • FIG. 1 is a configuration diagram of an entire system according to an embodiment of the present invention.
  • FIG. 2 is an internal configuration diagram of a web page providing server according to an embodiment of the present invention.
  • FIG. 3 is an internal configuration diagram of a menu display module according to an embodiment of the present invention.
  • 4A and 4B are views for explaining a process of dynamically displaying a menu according to an input signal according to an embodiment of the present invention
  • FIG. 5 is an internal configuration diagram of an advertisement display module according to an embodiment of the present invention.
  • FIG. 6 illustrates a front content layer and a back advertisement layer according to an embodiment of the present invention
  • FIG. 7 is a view showing an advertisement exposure process in a mobile web page according to a first embodiment of the present invention
  • FIG. 8 is a view showing an advertisement exposure process in a mobile web page according to a second embodiment of the present invention.
  • FIG. 9 is an internal configuration diagram of a user terminal according to an embodiment of the present invention.
  • FIG. 10 is a flowchart illustrating a menu display method of dynamically displaying a menu according to an input signal according to an embodiment of the present invention
  • FIG. 11 is a flowchart illustrating a method of displaying an advertisement in a mobile web page according to an embodiment of the present invention.
  • control unit 200 web page providing server
  • menu display module 320 input signal calculator
  • advertisement display module 402 front content layer generator
  • a menu display module for dynamically displaying a menu according to an input signal according to the present invention a method for recording a web, and a web page display apparatus for outputting a web page displaying a menu dynamically generated according to an input signal are provided. It will be described in detail with reference to the drawings. In the description with reference to the accompanying drawings, the same or corresponding components will be given the same reference numerals and redundant description thereof will be omitted.
  • FIG. 1 is a block diagram of an entire system according to an embodiment of the present invention.
  • the entire system may include a user terminal 100 and a web page providing server 200.
  • the user terminal 100 displays a menu dynamically generated according to the detected input signal, or moves the content region according to the touch movement.
  • the advertisement exposure area may be displayed in the space of the screen.
  • the web page providing server 200 calculates a movement trajectory of the input signal and ends the calculated movement trajectory.
  • a menu is dynamically generated in a content area corresponding to the display area so as to overlap the menu, or a front content layer corresponding to the content area and a rear advertisement layer provided at the rear of the front content layer and corresponding to the advertisement area are generated.
  • the scrolling of the content area is performed to be displayed, and the advertisement area of the portion corresponding to the space of the screen generated according to the movement of the content area of the advertisement area of the rear advertising layer is displayed. May be displayed as an advertisement exposure area in the space of the screen generated by the movement of the content area. You can do that.
  • FIG. 2 is a diagram illustrating an internal configuration of a web page providing server according to an exemplary embodiment of the present invention.
  • the web page providing server of the present invention may include a menu display module 300 and an advertisement display module 400.
  • the menu display module 300 calculates a movement trajectory of the input signal and corresponds to an area where the calculated movement trajectory ends.
  • a menu may be dynamically generated and displayed to overlap the content area.
  • the advertisement display module 400 is provided at the front content layer corresponding to the content area and the rear content layer at the back of the front content layer, and generates a back advertisement layer corresponding to the advertisement area.
  • the display area by scrolling and displaying an advertisement area corresponding to the space of the screen generated according to the movement of the content area among the advertising area of the rear advertising layer in the space of the screen generated by the movement of the content area. It can be displayed as an exposed area.
  • the HTML of the web page may be dynamically wrapped to generate the front content layer, and a back advertisement layer may be generated on the rear side of the wrapped front content layer.
  • the Z axis of the front content layer has a larger value than the Z axis of the back advertisement layer.
  • the back advertisement layer is basically located behind the front content layer and is not exposed to the user, but is exposed to the user in a special case.
  • the content area is moved when the user touches the screen to perform scrolling. For example, when the content area is moved through the normal scrolling of the content area and reaches the top of the screen, the user reaches the end of the content area without showing a blank area without any content or by notifying the user by changing the color of the upper part area.
  • the notification can be exposed to the advertisement located in the rear.
  • the advertisement display module 400 may perform scrolling up, down, left, or right with respect to the advertisement exposure area when a touch movement is detected at the user terminal 100 with respect to the advertisement exposure area.
  • the menu display module 300 dynamically displaying a menu according to an input signal may include an input signal calculator 320.
  • the dynamic menu generating unit 340 and the menu display unit 360 are configured.
  • the menu display module 300 dynamically displaying a menu according to an input signal may be installed in any device capable of receiving a signal such as a mobile terminal device, a tablet terminal, an IPTV, and outputting a result of processing an input signal.
  • the menu display module 300 which dynamically displays a menu according to an input signal may further improve user convenience when installed in a device having a display panel capable of receiving a signal by a screen touch.
  • the input signal calculator 320 determines the type of the input signal and calculates a movement trajectory of the input signal.
  • the input signal may be input by using a user interface such as a keyboard or a mouse, as well as by a user directly touching the screen.
  • the menu display module 300 dynamically displaying a menu according to the input signal according to the present invention may be implemented in various ways. It should be interpreted as including the case where a signal is input.
  • the input signal calculator 320 compares at least one of the size of the touch area, the touch time, and the moving speed of the touch area with each reference value, and compares the type of the input signal with a simple touch, a long press, Decide on either scrolling or flicking.
  • Flicking means high-speed scrolling and is performed by a gesture of releasing a touch operation in an arbitrary area of the upper or lower portion of the screen while rapidly moving toward the upper or lower portion of the screen while touching a portion of the screen.
  • the size reference value of the touch area (hereinafter referred to as' reference value (A) ') and the touch time reference value (hereinafter referred to as' reference value (B)'), the reference value of the moving speed of the touch area (hereinafter referred to as' reference value ( C) 'may be preset to different values.
  • the input signal calculator 320 may compare the size and touch time of the touch area with the reference value A and the reference value B, respectively, and determine the type of the input signal as a simple touch or a long press.
  • the type of the input signal may be determined by scrolling or flicking by comparing the size of the touch area and the moving speed of the touch area with the reference value A and the reference value C, respectively.
  • the input signal calculator 120 determines the type of the input signal as a simple touch.
  • the input signal calculator 120 determines the type of the input signal as a long press.
  • the input signal calculator 120 scrolls the type of the input signal by scrolling. If the size of the input signal touch area is greater than or equal to the reference value A and the moving speed of the touch area of the input signal is greater than or equal to the reference value C, the input signal calculator 320 flickers the type of the input signal. Decide on
  • the input signal calculator 320 calculates a movement trajectory of the input signal from the screen touch time and the moving speed of the touch area.
  • the movement trajectory of the input signal is defined as the trajectory to which the web page displayed on the screen corresponds to the input signal, and the movement trajectory of the input signal may be calculated in various ways.
  • the input signal calculator 320 calculates a movement trajectory of the input signal, that is, a movement amount of the page (or web page) displayed on the screen, from the movement speed of the last region (or pixel) where the user touches the screen. can do.
  • the dynamic menu generator 340 determines the display position of the menu according to the movement trajectory calculated by the input signal calculator 320 and dynamically determines a menu to be displayed according to the type of the determined input signal and the calculated movement trajectory. Create a menu.
  • the dynamic menu generator 340 determines the content area of the web page corresponding to the area where the movement trajectory of the input signal ends, as the menu display position.
  • the dynamic menu generation unit 340 determines the content area of the web page corresponding to the area where the input signal movement trajectory ends, as the menu display position, and dynamically generates the menu, and then moves the menu display position to the menu display position when the set time elapses.
  • the menu is dynamically generated by changing to the content area of the web page corresponding to the area where the trajectory starts.
  • the dynamic menu generator 340 considers the trajectory of the web page displayed on the screen calculated by the input signal calculator 320 to move the menu display position to the start region or the end region of the movement trajectory. The content area of the corresponding web page is determined.
  • the dynamic menu generator 340 may re-determine an area in which the content closest to the determined menu display position is not displayed as the menu display position.
  • the dynamic menu generator 340 dynamically generates a menu generated in the content area of the web page corresponding to the area where the input signal movement trajectory ends and a content area of the web page corresponding to the area where the input signal movement trajectory starts.
  • a menu is generated to represent the same control signal or to generate opposite control signals.
  • a method of displaying a dynamic menu when the type of the input signal is determined to be flicking, that is, when the user flicks a web page displayed on the screen will be described in detail with reference to FIGS. 4A and 4B.
  • 4A and 4B are diagrams for describing a process of dynamically displaying a menu according to an input signal according to an aspect of the present invention.
  • the input signal calculator 320 inputs the input signal. Determine the type of flicking.
  • the input signal calculator 320 internally inputs a process of comparing the input signal touch area with each reference value to determine whether the size of the input signal touch area is greater than or equal to the reference value A and the moving speed of the touch area is greater than or equal to the reference value C. Determine the type of signal.
  • the dynamic menu generator 340 inputs the input signal.
  • the content area of the web page corresponding to the area (b) where the signal movement trajectory ends is determined as the menu display position.
  • the movement trajectory of the input signal means the trajectory to which the web page displayed on the screen is to be moved, and thus may be the same as or different from the distance from the a region to the b region.
  • the menu display position is the content area of the web page displayed in the screen b area after the web page displayed on the screen is moved by flicking.
  • the dynamic menu generator 340 When the flicking is performed from the upper portion b to the lower portion a, that is, when the movement trajectory of the input signal is 'b-> a', the dynamic menu generator 340 The content area corresponding to the area (b) where the input signal movement trajectory ends is determined as the menu display position.
  • the displayed menu may be generated in the form of an icon representing a control signal such as 'move the web page to the bottom', 'move the web page to the top', or 'move to the previous page'.
  • the user when the movement trajectory of the flicking input signal is 'a-> b', the user often performs the flicking with the intention of moving the web page to the bottom. It can be generated in the form of an icon representing a control signal.
  • the dynamic menu generator 340 may include one or more control signals in the menu, an icon indicating the control signal moving to the top and an icon indicating the control signal moving to the previous page are included in the menu. Can be displayed at the same time.
  • the dynamic menu generating unit 340 when the flaking is performed from the lower part of the screen to the upper part (a-> b), the dynamic menu generating unit 340 generates a menu in the content area of the web page corresponding to the b area and sets a time. After (t), a menu may be created in the content area of the web page corresponding to the area (a) where the first flagging is started.
  • the dynamic menu generator 340 may dynamically generate a menu in the content area of the web page corresponding to the start area and the end area where the flaking gesture is generated in consideration of the continuous flaking gesture of the user.
  • the menu created earlier can be hidden or kept.
  • the menu display unit 360 may display the menu dynamically generated by the dynamic menu generator 340 overlapping the content area, and display the menu content as a transparent menu or an opaque menu so that the contents of the lower part can be visually checked. .
  • the menu display unit 360 may hide the first generated menu and display the new menu.
  • FIG 5 is an internal configuration diagram of an advertisement display module according to an embodiment of the present invention.
  • the advertisement display module 400 of the present invention includes a front content layer generator 402, a back advertisement layer generator 404, a touch movement detector 406, a scroll performer 408, and an advertisement.
  • the exposure processor 410 may be included.
  • the front content layer generator 402 generates a front content layer 502 corresponding to the content area
  • the back advertisement layer generator 404 is provided at the rear of the front content layer.
  • the back advertisement layer 504 corresponding to the region may be generated.
  • the touch movement detector 406 may receive the detected input signal.
  • the scroll performer 408 may scroll to the content area based on the input signal to display the scrolled content area.
  • the scroll performing unit 408 when performing the high-speed scrolling according to an input signal (for example, when detecting a flick motion), the scroll performing unit 408 reduces the content area and displays the content on the screen.
  • One or more advertisement exposure areas may be displayed in the space of the screen generated by the reduction.
  • the flick motion when it is basic to display the dynamic menu, but according to a user's setting, the content area may be reduced to expose the advertisement without displaying the dynamic menu.
  • the scroll performer 408 may perform scrolling up, down, left, or right with respect to the advertisement exposure area when a touch movement is detected at the user terminal with respect to the advertisement exposure area.
  • the advertisement exposure processing unit 410 displays the advertisement area corresponding to the space of the screen generated by the movement of the content area among the advertisement areas of the rear advertising layer as the advertisement exposure area in the space of the screen generated by the movement of the content area. You can do that.
  • FIG. 7 is a diagram illustrating an advertisement exposure process in a mobile web page according to the first embodiment of the present invention.
  • the web page providing server may include a front content layer 602 corresponding to the content area and a rear advertisement layer 604 corresponding to the advertisement area and provided at the rear of the front content layer.
  • the user terminal Scrolls the content area to display the content area and displays an advertisement area corresponding to the space of the screen generated according to the movement of the content area among the advertisement areas of the rear advertising layer.
  • the advertisement exposure area 610 may be displayed in the space of the screen generated by the movement of the content area.
  • FIG. 8 is a diagram illustrating an advertisement exposure process in a mobile web page according to a second embodiment of the present invention.
  • the advertisement display module reduces the content area 714 to display it on the screen 710 when performing a fast scrolling by detecting a touch movement (eg, flick motion).
  • a touch movement eg, flick motion
  • the first advertisement exposure area 712 and the second advertisement exposure area 716 may be displayed in the space of the screen generated as the content area is reduced.
  • the flick motion when the flick motion is detected, it is basic to display the dynamic menu, but according to a user's setting, the content area may be reduced to expose the advertisement without displaying the dynamic menu.
  • FIG. 9 is an internal configuration diagram of a user terminal according to an embodiment of the present invention.
  • a user terminal 100 includes a communication unit 102, an operation unit 104, a display unit 106, an audio output unit 108, a storage unit 110, and a controller 112. ) May be included.
  • the communication unit 102 may include mobile communication, wireless Internet, short-range communication, and the like. In this case, the communication unit 102 may interwork with the web page providing server 200 through the wireless Internet.
  • the operation unit 104 generates input data according to an operation for controlling the operation of the user.
  • the operation unit may be composed of a keypad, a dome switch, a touch pad, and the like.
  • the touch pad may be implemented as a touch screen having a mutual layer structure with the display unit.
  • the display unit 106 may display and output information processed by the user terminal on a screen, and may further include a touch sensing module to receive an operation signal according to a user's manipulation. That is, the display unit 106 may display a mobile web page screen and detect a touch movement with respect to the screen according to a user's manipulation.
  • the sound output unit 108 may output a voice signal received through the communication unit or audio data stored in the storage unit in a call mode or the like.
  • the storage unit 110 may store a program for processing and controlling the control unit 112, and may temporarily store input or output data.
  • the controller 112 typically controls the operation of each terminal to control the overall operation of the user terminal.
  • the controller 112 may interwork with a web page providing server to display a menu dynamically generated according to the detected input signal, or to display the content area. Move to display the advertisement exposure area in the generated space of the screen.
  • FIG. 10 is a flowchart illustrating a menu display method of dynamically displaying a menu according to an input signal according to an exemplary embodiment of the present invention.
  • a menu displaying method for dynamically displaying a menu according to an input signal may include determining a type of an input signal, and calculating a movement trajectory of the input signal when the type of the input signal is determined to be flicking. And generating and displaying a menu in a content area corresponding to the area where the calculated movement trajectory ends.
  • a menu display method for dynamically displaying a menu according to an input signal may hide a displayed menu and dynamically generate and display a new menu when a set time elapses after the menu is dynamically generated and displayed.
  • the new menu generation position is a content area corresponding to the area where the calculated movement trajectory of the input signal starts, and the menu may be the same as or different from the previously generated menu.
  • the type of the input signal is compared with each reference value by comparing at least one of the size of the touch area, the touch time, and the moving speed of the touch area with each reference value to touch, long press, and scroll. Or Flicking, and the specific method is the same as described above.
  • the type of the input signal is determined by flicking, the movement trajectory of the input signal is calculated from the touch time and the movement speed of the touch area, and the movement trajectory is determined.
  • the method of calculating is also the same as described above.
  • the menu display method when the flicking signal is input will be described in detail with reference to FIG. 10.
  • the type of the input signal input to the terminal device is determined (S310), and it is determined whether the type of the input signal is flicking (S320).
  • the advertisement display module may display a part of the rear advertisement layer as an advertisement exposure area in the screen space according to the movement of the content area.
  • the movement trajectory of the input signal is calculated (S330), and a menu is generated and displayed in the content area corresponding to the region where the calculated movement trajectory ends (S340).
  • the menu generated in step S340 is continuously displayed at the determined menu display position (the content area corresponding to the area where the calculated movement trajectory ends), and if the set time (t) has elapsed, (yes)
  • the menu generated in step S340 is hidden and a new menu is generated and displayed in the content area corresponding to the area where the calculated movement trajectory starts (S360).
  • the generated menu is preprogrammed according to the input signal in consideration of the user's convenience. For example, when the calculated movement trajectory is changed from the bottom to the top of the screen, a menu indicating a control signal for moving the area displaying the content to the bottom is generated and displayed, and the calculated movement trajectory is changed from the top to the bottom of the screen. In addition, a menu indicating a control signal for moving the region displaying the content to the top may be generated and displayed.
  • the menu generated in operation S360 is continuously displayed at the determined menu display position (content area corresponding to the region where the calculated movement trajectory starts) (S370), and when a new signal is input, operation S310 is performed. To start again.
  • FIG. 11 is a flowchart illustrating a method of displaying an advertisement in a mobile web page according to an embodiment of the present invention.
  • the advertisement display module generates a front content layer corresponding to the content area (S702), and generates a rear advertising layer corresponding to the rear of the front content layer and corresponding to the advertisement area (S704). ).
  • the advertisement display module receives the detected input signal (S706) and scrolls the content area based on the input signal (S708).
  • the advertisement area corresponding to the space of the screen generated by the movement of the content area among the advertisement areas of the rear advertisement layer is displayed as the advertisement exposure area in the space of the screen generated by the movement of the content area (S710).
  • the advertisement display module may perform vertical scrolling of the advertisement exposure area.
  • generating a front content layer corresponding to the content area, the rear advertising layer provided on the back of the front content layer and corresponding to the advertising area, the touch movement is detected in the user terminal
  • the advertisement exposure method of the advertisement display module is recorded by a program and recorded on a recording medium readable by the electronic device. Can be.
  • a method of dynamically displaying a menu according to an input signal may be written by a program, and codes and code segments constituting the program may be easily inferred by a programmer in the art.
  • a program related to a method of dynamically displaying a menu according to an input signal is stored in an electronic device readable media, and is read and executed by the electronic device, and according to an input signal from various terminal devices. You may be presented with a web page displaying a dynamically generated menu.
  • the present invention can be applied to a web page display device for providing a web page by accessing a web site or executing a web application through a web browser, a server for providing a web page, and a web service providing system.

Abstract

The present invention relates to a menu display module for dynamically displaying a menu according to an input signal, a method therefor, and a recording medium therefor, the menu display module comprising: an input signal calculation unit for determining a type of the input signal and calculating a moving track of the input signal; a dynamical menu generating unit for determining a display location of the menu according to the moving track calculated by the input signal calculation unit, determining the menu to be displayed, according to the kind of the determined input signal and the calculated moving track, and dynamically generating the menu; and a menu display unit for displaying the menu which is dynamically generated by the dynamic menu generating unit.

Description

입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈, 방법 및 그에 대한 기록매체Menu display module, method and recording medium for displaying menu dynamically according to input signal
본 발명은 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈, 방법 및 그에 대한 기록매체에 관한 것으로, 보다 상세하게는 이동통신 단말기로 입력되는 입력 신호 종류와 궤적에 따라 메뉴 종류 및 메뉴가 표시되는 위치를 동적으로 선정하여 표시하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈, 방법 및 그에 대한 기록매체에 관한 것이다.The present invention relates to a menu display module, a method for dynamically displaying a menu according to an input signal, and a recording medium thereof, and more particularly, to display a menu type and a menu according to an input signal type and a trajectory input to a mobile communication terminal. The present invention relates to a menu display module, a method for dynamically displaying a menu according to an input signal for dynamically selecting and displaying a position, and a recording medium thereof.
최근 들어, 이동통신 단말기는 음성 통신뿐만 아니라, 데이터 통신, 이미지나 비디오 재생 등 다양한 기능을 수행할 수 있도록 구성되어 있고, 웹 브라우저가 구비되어 웹 사이트에 접속하거나 또는 웹 어플리케이션을 실행시켜 다양한 콘텐츠가 포함되는 웹 페이지를 제공할 수 있게 되었다. Recently, a mobile communication terminal is configured to perform not only voice communication but also various functions such as data communication, image and video playback, and a web browser is provided to access a website or to execute a web application. It is now possible to provide an included web page.
따라서, 사용자들은 종래의 PC(Personal Computer)를 통해 웹 페이지로 제공되던 컨텐츠를 이동통신 단말기를 사용하여 제공받을 수 있게 되었다. 그러나, 이동통신 단말기는 일반 PC 보다 디스플레이 크기가 매우 작기 때문에, 일반 PC로 제공되는 웹 페이지(이하, "유선 웹 페이지"라 함)를 그대로 축소하여 이동통신 단말기에서 디스플레이하면 웹 페이지에 포함된 컨텐츠를 육안으로 식별하기 어려운 단점이 있었다. Therefore, users can receive contents provided as web pages through a conventional personal computer (PC) using a mobile communication terminal. However, since a mobile communication terminal has a much smaller display size than a general PC, when a web page provided to a general PC (hereinafter referred to as a "wired web page") is reduced and displayed on the mobile terminal, the content included in the web page is displayed. It was difficult to identify with the naked eye.
이에 따라, 정적 마크업 언어인 HTML(Hyper Text Markup Language)과 클라이언트 기반 스크립트 언어(자바스크립트 언어), CSS(Cascading Style Sheets)를 조합하여 대화형 웹 사이트를 제작하는 DHTML(Dynamic HTML) 기술이 도입되었다.This introduces DHTML (Dynamic HTML) technology, which creates an interactive Web site using a combination of the static markup language Hyper Text Markup Language (HTML), a client-based scripting language (JavaScript language), and Cascading Style Sheets (CSS). It became.
일반적으로, 이동통신 단말기로 제공되는 웹 페이지(이하, "모바일 웹 페이지"라 함)는 좌우로 컨텐츠가 배치된 유선 웹 페이지의 구성과는 달리 상하로 컨텐츠들이 길게 배치된다.In general, a web page provided to a mobile communication terminal (hereinafter, referred to as a "mobile web page") has a long content arranged up and down unlike a configuration of a wired web page in which content is arranged left and right.
사용자는 이동통신 단말기를 사용하여 원하는 컨텐츠를 찾기 위해서 모바일 웹 페이지의 특정 영역을 터치(Touch), 스크롤링(Scolling), 또는 플리킹(Flicking) 등의 제스처(Gesture)로 입력 신호를 제공할 수 있다. 이에 따라, 이동통신 단말기의 웹 브라우저는 입력 신호에 따라 웹 페이지를 전환, 이동, 고속 이동 등의 동작을 수행한다.The user may provide an input signal using a gesture such as touch, scrolling, or flicking a specific area of the mobile web page to search for desired content using the mobile communication terminal. . Accordingly, the web browser of the mobile communication terminal performs an operation such as switching, moving, and fast moving the web page according to the input signal.
그러나, 종래의 이동통신 단말기로 제공되는 모바일 웹 페이지는 페이지 전환 선택 아이콘, 최상단으로 이동 아이콘, 최하단으로 이동 아이콘 등의 메뉴 표시 위치가 모바일 웹 페이지의 최상단 또는 최하단에 고정되도록 프로그래밍 되어 제공되었기 때문에, 사용자가 원하는 컨텐츠를 찾기 위해서는 최상단 또는 최하단까지 모바일 웹 페이지를 모두 스크롤링 한 후 표시된 메뉴를 선택해야 하므로 컨텐츠 검색에 시간이 많이 소요되고 불필요한 스크롤링을 수행해야 하는 불편함이 있었다.However, since the mobile web page provided in the conventional mobile communication terminal is programmed to be fixed at the top or bottom of the mobile web page, menu display positions such as a page change selection icon, a top move icon, and a bottom move icon are provided. In order to find the contents desired by the user, scrolling the mobile web page to the top or bottom of the mobile web page requires selecting the displayed menu.
또한, 이러한 모바일 웹 페이지에는 광고 컨텐츠 사업자들에 의해 제공된 광고가 배너 형식 등으로 다양하게 제공되고 있다.In addition, such mobile web pages are provided with various advertisements provided by advertising content providers in a banner format.
그러나, 사용자 단말의 작은 화면에서 광고에 의해 컨텐츠 영역을 잠식함으로써 사용자에게 거부감을 줄 수 있고, 많은 광고를 배치하기 어려운 점이 있다.However, by encroaching the content area by the advertisement on the small screen of the user terminal, it can give a sense of rejection to the user and it is difficult to place many advertisements.
본 발명은 상술한 문제점을 해결하기 위하여 안출된 것으로, 사용자가 입력한 제스처의 종류 및 궤적에 따라 동적으로 표시될 메뉴 및 메뉴 표시 위치를 선정하여 표시하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈, 방법 및 그에 대한 기록매체에 관한 것이다.The present invention has been made to solve the above-described problem, a menu for dynamically displaying a menu according to an input signal for selecting and displaying a menu to be displayed dynamically and a menu display position according to the type and trajectory of a gesture input by a user. A display module, a method and a recording medium thereof.
또한 본 발명은 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어와 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하며, 사용자 단말에서 터치 이동이 감지되면, 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하고, 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 함으로써, 사용자 단말에 광고 노출하기 위한 것이다.In addition, the present invention is provided on the front content layer corresponding to the content area and the rear of the front content layer to generate a rear advertising layer corresponding to the advertising area, and when a touch movement is detected in the user terminal, scrolling the content area by performing By displaying the advertisement area corresponding to the space of the screen generated by the movement of the content area of the advertisement area of the rear advertising layer as the advertisement exposure area in the space of the screen generated by the movement of the content area. It is for exposing an advertisement to a user terminal.
본 발명의 일 측면에 따르면, 입력 신호의 종류를 결정하고 입력 신호의 이동 궤적을 계산하는 입력 신호 산출부, 입력 신호 산출부에서 계산된 이동 궤적에 따라 메뉴의 표시 위치를 결정하고, 결정된 입력 신호의 종류 및 계산된 이동 궤적에 따라 표시할 메뉴를 결정하여 동적으로 메뉴를 생성하는 동적 메뉴 생성부, 및 동적 메뉴 생성부에서 동적으로 생성된 메뉴를 표시하는 메뉴 표시부를 포함하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈이 제공된다.According to an aspect of the present invention, the input signal calculation unit for determining the type of the input signal and calculates the movement trajectory of the input signal, determine the display position of the menu according to the movement trajectory calculated in the input signal calculation unit, the determined input signal The dynamic menu generator includes a dynamic menu generator which determines a menu to be displayed according to the type and the calculated movement trajectory and dynamically generates the menu, and a menu display that displays the menu dynamically generated by the dynamic menu generator. A menu display module for displaying a menu is provided.
입력 신호 산출부는 터치 영역의 크기, 터치 시간, 및 터치 영역의 이동 속도 중 적어도 하나를 각각의 기준값과 비교하여 입력 신호의 종류를 터치(Touch), 롱 프레스(Long Press), 스크롤링(Scrolling) 또는 플리킹(Flicking) 중 어느 하나로 결정한다.The input signal calculator compares at least one of the size of the touch area, the touch time, and the moving speed of the touch area with each reference value to touch the type of input signal, such as touch, long press, scrolling, or the like. Decide on either Flicking.
이때, 입력 신호의 종류가 플리킹으로 결정된 경우, 입력 신호 산출부는 전체 화면 터치 시간과 터치 영역의 이동 속도로부터 입력 신호의 이동 궤적을 계산한다.In this case, when the type of the input signal is determined to be flicking, the input signal calculator calculates a movement trajectory of the input signal from the full screen touch time and the moving speed of the touch area.
동적 메뉴 생성부는 입력 신호의 이동 궤적이 끝나는 영역에 대응되는 컨텐츠 영역을 메뉴 표시 위치로 결정하여 동적으로 메뉴를 생성한다.The dynamic menu generator determines a content area corresponding to an area where the movement trajectory of the input signal ends, as a menu display position, and dynamically generates a menu.
동적 메뉴 생성부는 입력 신호 이동 궤적이 끝나는 영역에 대응되는 컨텐츠 영역을 메뉴 표시 위치로 결정하여 동적으로 메뉴를 생성한 후 설정된 시간이 경과 되면, 메뉴 표시 위치를 상기 입력 신호 이동 궤적이 시작되는 영역에 대응되는 컨텐츠 영역으로 변경하여 동적으로 메뉴를 생성한다.The dynamic menu generator determines a content area corresponding to an area where the input signal movement trajectory ends, as a menu display position, and dynamically generates a menu, and then sets a menu display position to an area where the input signal movement trajectory starts. Create a menu dynamically by changing to the corresponding content area.
동적 메뉴 생성부는 입력 신호 이동 궤적이 끝나는 영역에 대응되는 컨텐츠 영역에 생성되는 메뉴와 입력 신호 이동 궤적이 시작되는 영역에 대응되는 컨텐츠 영역에 동적으로 생성되는 메뉴를 동일한 제어 신호를 나타내도록 생성하거나 또는 상반되는 제어 신호를 나타내도록 생성한다.The dynamic menu generator generates a menu generated in the content area corresponding to the area where the input signal movement trajectory ends and a menu dynamically generated in the content area corresponding to the area where the input signal movement trajectory starts, to display the same control signal, or Generate to indicate conflicting control signals.
메뉴 표시부는 동적 메뉴 생성부에서 동적으로 생성된 메뉴를 컨텐츠 영역에 오버랩하여 표시하고, 동적 메뉴 생성부로부터 메뉴 표시 위치가 변경되어 새로운 메뉴가 생성되면 먼저 생성된 메뉴를 숨기고 새로운 메뉴를 표시한다.The menu display unit displays the menu dynamically generated by the dynamic menu generator in the content area, and when the menu display position is changed from the dynamic menu generator to create a new menu, the first menu is hidden and the new menu is displayed.
입력 신호의 종류가 플리킹으로 결정되고 계산된 이동 궤적이 화면 하부로부터 상부로 변경된 경우, 동적 메뉴 생성부는 입력 신호 이동 궤적이 끝나는 영역에 대응되는 컨텐츠 영역을 메뉴 표시 위치로 결정하고, 표시할 메뉴를 최하단으로 이동하는 제어 신호를 나타내는 아이콘 형태로 생성한다.When the type of the input signal is determined by flicking and the calculated movement trajectory is changed from the bottom to the upper portion of the screen, the dynamic menu generator determines a content area corresponding to the area where the input signal movement trajectory ends, as the menu display position, and displays the menu to be displayed. Is generated in the form of an icon representing the control signal to move to the bottom.
또한, 입력 신호의 종류가 플리킹으로 결정되고 계산된 이동 궤적이 화면 상부로부터 하부로 변경된 경우, 동적 메뉴 생성부는 입력 신호 이동 궤적이 끝나는 영역에 대응되는 컨텐츠 영역을 메뉴 표시 위치로 결정하고, 표시할 메뉴를 최상단으로 이동하는 제어 신호를 나타내는 아이콘 형태로 생성한다.In addition, when the type of the input signal is determined to be flicking and the calculated movement trajectory is changed from the top to the bottom of the screen, the dynamic menu generator determines a content area corresponding to the area where the input signal movement trajectory ends, as the menu display position, and displays the display. A menu is created in the form of an icon representing a control signal for moving the menu to the top.
본 발명의 다른 측면에 따르면, 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어를 생성하는 전면 컨텐츠 레이어 생성부, 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하는 후면 광고 레이어 생성부, 사용자 단말에서 터치 이동이 감지되면, 감지된 입력 신호를 수신하는 터치 이동 감지부, 상기 입력 신호에 근거하여 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하는 스크롤 수행부 및 상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 광고 노출 처리부를 포함하는 광고 표시 모듈이 제공된다.According to another aspect of the invention, the front content layer generator for generating a front content layer corresponding to the content area, the rear advertising layer generator provided on the rear of the front content layer and generates a rear advertising layer corresponding to the advertising area A touch movement detector configured to receive a detected input signal, a scroll performer configured to scroll and display the content area based on the input signal, and an advertisement of the rear advertisement layer Ad display module including an advertisement exposure processing unit for displaying the advertisement area of the portion corresponding to the space of the screen generated by the movement of the content area of the area as the advertisement exposure area in the space of the screen generated by the movement of the content area. This is provided.
상기 스크롤 수행부는 상기 광고 노출 영역에 대해 상기 사용자 단말에서 터치 이동이 감지되는 경우 광고 노출 영역에 대한 상하 또는 좌우 스크롤을 수행하도록 할 수 있다.The scroll performer may perform up, down, left, and right scrolling of the advertisement exposure area when a touch movement is detected at the user terminal with respect to the advertisement exposure area.
본 발명의 다른 측면에 따르면, 사용자 단말로부터 터치 이동이 감지되고, 감지된 입력 신호가 플리킹(Flicking)으로 판단되면 입력 신호의 이동 궤적을 계산하고 상기 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 동적으로 생성하여 오버랩되도록 표시하는 메뉴 표시 모듈 및 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어와 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하며, 사용자 단말에서 터치 이동이 감지되면, 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하고, 상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 광고 표시 모듈을 포함하는 웹 페이지 제공 서버가 제공된다.According to another aspect of the present invention, if a touch movement is detected from the user terminal and the detected input signal is determined to be flickering, the movement trajectory of the input signal is calculated and the content corresponding to the area where the calculated movement trajectory ends. A menu display module for dynamically generating a menu in the area and displaying the overlapping menu, and a front content layer corresponding to the content area and a rear advertisement layer provided on the rear of the front content layer and corresponding to the advertisement area, and touched by the user terminal When the movement is detected, the content area is scrolled to be displayed, and the advertisement area of a portion corresponding to the space of the screen generated according to the movement of the content area among the advertisement areas of the rear advertisement layer is moved. To display as an ad exposure area in the space on the screen generated by A web page providing server including an advertisement display module is provided.
본 발명의 다른 측면에 따르면, 컨텐츠 영역을 화면에 표시하는 도중에 터치 이동이 감지되면, 상기 감지된 입력 신호에 따라 동적으로 생성된 메뉴를 상기 컨텐츠 영역에 표시하거나, 터치 이동에 따라 컨텐츠 영역을 이동하여 발생된 화면의 공간에 광고 노출 영역을 표시하는 사용자 단말 및 상기 사용자 단말로부터 터치 이동이 감지되고, 감지된 입력 신호가 플리킹(Flicking)으로 판단되면 입력 신호의 이동 궤적을 계산하고 상기 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 동적으로 생성하여 오버랩되도록 표시하거나, 또는 상기 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어와 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하며, 사용자 단말에서 터치 이동이 감지되면, 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하고, 상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 웹 페이지 제공 서버를 포함하는 시스템이 제공된다.According to another aspect of the present invention, if a touch movement is detected while displaying a content region on the screen, a menu dynamically generated according to the detected input signal is displayed on the content region, or the content region is moved according to the touch movement. When the touch movement is detected from the user terminal displaying the advertisement exposure area in the space of the screen generated by the user terminal and the detected input signal is determined to be flickering, the movement trajectory of the input signal is calculated and the calculated A menu is dynamically generated in the content area corresponding to the area where the movement trajectory ends and displayed so as to overlap, or a rear advertising layer provided in the front content layer corresponding to the content area and the rear of the front content layer and corresponding to the advertisement area. When the touch movement is detected in the user terminal, the content Scrolls the display area, and displays the advertisement area corresponding to the space of the screen generated according to the movement of the content area of the rear advertising layer. A system including a web page providing server for displaying an advertisement exposure area in a space is provided.
본 발명의 다른 측면에 따르면, 웹 페이지가 표시된 영역 터치에 의해 입력 신호가 입력되고, 입력 신호에 따라 동적으로 생성된 메뉴가 표시된 웹 페이지를 출력하는 디스플레이 패널, 및 디스플레이 패널로부터 입력된 입력 신호가 플리킹(Flicking)으로 판단되면 입력 신호의 이동 궤적을 계산하고 계산된 이동 궤적이 끝나는 영역과 대응되는 웹 페이지의 컨텐츠 영역에 메뉴를 동적으로 생성하여 오버랩되도록 표시하는 메뉴 표시 모듈을 포함하는 웹 페이지 표시 장치가 제공된다.According to another aspect of the present invention, an input signal is input by an area touch on which a web page is displayed, and a display panel for outputting a web page on which a menu is dynamically generated according to the input signal, and an input signal input from the display panel is input. A web page including a menu display module which calculates a movement trajectory of the input signal and dynamically creates a menu in the content area of the web page corresponding to the region where the calculated movement trajectory ends, when the flicking is determined A display device is provided.
본 발명의 또 다른 측면에 따르면, 화면으로 입력되는 입력 신호 종류를 결정하는 (a) 단계, 입력 신호의 종류가 플리킹(Filcking)으로 결정되면 입력 신호의 이동 궤적을 계산하는 (b) 단계, 및 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 생성하여 표시하는 (c) 단계를 포함하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법이 제공된다.According to another aspect of the invention, the step (a) of determining the type of input signal input to the screen, (b) calculating the movement trajectory of the input signal if the type of the input signal is determined as flicking (Filcking), And (c) generating and displaying a menu in a content area corresponding to the area where the calculated movement trajectory ends.
입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법은 (c) 단계 이후, 설정된 시간이 경과 하면, (c) 단계에서 표시된 메뉴를 숨기고 계산된 이동 궤적이 시작되는 영역에 대응되는 컨텐츠 영역에 메뉴를 새로 생성하여 표시하는 (d) 단계를 더 포함한다.In the menu display method of dynamically displaying a menu according to an input signal, if the set time has elapsed after the step (c), the menu is hidden in the content area corresponding to the area where the calculated movement trajectory starts and the menu displayed in the step (c) is hidden. (D) further generating and displaying a new one.
(d) 단계에서 새로 생성되는 메뉴는 (c) 단계에서 표시된 메뉴와 동일한 제어 신호를 나타내거나 상반되는 제어 신호를 나타낸다.The newly generated menu in step (d) shows the same control signal as that of the menu displayed in step (c) or the control signal opposite.
(a) 단계는 터치 영역의 크기, 터치 시간, 및 터치 영역의 이동 속도 중 적어도 하나를 각각의 기준값과 비교하여 입력 신호의 종류를 터치(Touch), 롱 프레스(Long Press), 스크롤링(Scrolling) 또는 플리킹(Flicking) 중 어느 하나로 결정한다.Step (a) compares at least one of the size of the touch area, the touch time, and the moving speed of the touch area with respective reference values to touch, type, press, or scroll the type of input signal. Or flicking.
(b) 단계는 터치 영역의 크기가 기준값 이상이고 터치 영역의 이동 속도가 기준값 이상인 경우 입력 신호의 종류를 플리킹으로 결정하고, 터치 시간 및 터치 영역의 이동 속도로부터 입력 신호의 이동 궤적을 계산한다.In step (b), when the size of the touch area is greater than or equal to the reference value and the moving speed of the touch area is greater than or equal to the reference value, the type of the input signal is determined as flickering, and the movement trajectory of the input signal is calculated from the touch time and the moving speed of the touch area. .
(c) 단계는 계산된 이동 궤적이 화면 하부로부터 상부로 변경된 경우, 컨텐츠를 표시하는 영역을 최하단으로 이동하는 제어 신호를 나타내는 메뉴를 생성하여 표시하고, 계산된 이동 궤적이 화면 상부로부터 하부로 변경된 경우, 컨텐츠를 표시하는 영역을 최상단으로 이동하는 제어 신호를 나타내는 메뉴를 생성하여 표시한다.In step (c), when the calculated movement trajectory is changed from the bottom of the screen to the top, a menu indicating a control signal for moving the area displaying the content to the bottom is generated and displayed, and the calculated movement trajectory is changed from the top of the screen to the bottom. In this case, a menu indicating a control signal for moving the area displaying the content to the top is generated and displayed.
본 발명의 또 다른 측면에 따르면, 광고표시모듈이 모바일 웹 페이지에서 광고를 노출하는 방법에 있어서, 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어를 생성하고, 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하는 단계; 사용자 단말에서 터치 이동이 감지되면, 터치 이동 감지 정보를 수신하는 단계; 상기 터치 이동 감지 정보에 근거하여 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하는 단계; 및 상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 단계;를 포함하는 광고 표시 모듈의 광고 표시 방법이 제공된다.According to another aspect of the present invention, in a method for displaying an advertisement on a mobile web page, the advertisement display module generates a front content layer corresponding to the content area, is provided on the rear of the front content layer and corresponds to the advertisement area. Generating a rear advertisement layer; If touch movement is detected at the user terminal, receiving touch movement detection information; Scrolling and displaying the content area based on the touch movement detection information; And displaying an advertisement area of a portion of the advertisement area of the rear advertisement layer corresponding to the space of the screen generated according to the movement of the content area as the advertisement exposure area in the space of the screen generated by the movement of the content area. An advertisement display method of an advertisement display module including a is provided.
상기 광고 노출 영역 표시 단계 이후에, 상기 광고 노출 영역에 대해 상기 사용자 단말에서 터치 이동이 감지되는 경우 광고 노출 영역에 대한 상하 또는 좌우 스크롤을 수행하도록 하는 단계를 더 포함할 수 있다.After the display of the advertisement exposure region, the method may further include performing up, down, left, and right scrolling of the advertisement exposure region when the touch movement is detected at the user terminal.
본 발명의 또 다른 측면에 따르면, 화면으로 입력되는 입력 신호 종류를 결정하는 단계, 입력 신호가 플리킹(Filcking)으로 결정되면 상기 입력 신호의 이동 궤적을 계산하는 단계, 및 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 생성하여 표시하는 단계를 포함하는 입력 신호에 따라 동적으로 메뉴를 표시하는 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다.According to another aspect of the present invention, determining an input signal type input to the screen, if the input signal is determined to be flicking (calculating), calculating a movement trajectory of the input signal, and the calculated movement trajectory ends A method of dynamically displaying a menu according to an input signal including generating and displaying a menu in a content area corresponding to the area is provided by a program, and a recording medium readable by an electronic device is provided.
본 발명의 또 다른 측면에 따르면, 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어를 생성하고, 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하는 단계; 사용자 단말에서 터치 이동이 감지되면, 터치 이동 감지 정보를 수신하는 단계; 상기 터치 이동 감지 정보에 근거하여 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하는 단계; 및 상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 단계를 포함하는 광고 표시 모듈의 광고 표시 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다.According to another aspect of the invention, generating a front content layer corresponding to the content area, the rear advertising layer provided on the back of the front content layer and corresponding to the advertising area; If touch movement is detected at the user terminal, receiving touch movement detection information; Scrolling and displaying the content area based on the touch movement detection information; And displaying an advertisement area corresponding to a space of a screen generated by the movement of the content area among the advertisement areas of the rear advertisement layer as an advertisement exposure area in the space of the screen generated by the movement of the content area. An advertisement display method of an advertisement display module including a recording medium is provided by a program, and a recording medium readable by the electronic device is provided.
본 발명에 따르면, 모바일 웹 브라우저에서 사용자의 터치 제스처를 통해 플리킹 수행시, 사용자의 터치 제스처에 따른 입력 신호 이동 궤적을 추적하여 최적의 위치에 메뉴를 출력함으로써 고정된 메뉴를 찾는 절차를 생략할 수 있으므로 웹 기반 서비스 이용시 사용자에게 편의를 제공하는 효과가 있다.According to the present invention, when flicking through a user's touch gesture in a mobile web browser, a procedure for finding a fixed menu may be omitted by tracking an input signal movement trajectory according to the user's touch gesture and outputting a menu at an optimal position. Therefore, there is an effect of providing convenience to the user when using the web-based service.
또한, 사용자의 터치 제스처에 따라 웹 페이지의 최상단으로 이동하거나 또는 최하단으로 이동하는 메뉴를 제공함으로써 웹 페이지의 최상단 또는 최하단으로 이동하기 위하여 반복되는 플리킹을 수행하지 않아도 되므로 시간 지연을 단축시킬 수 있는 효과가 있다.In addition, by providing a menu that moves to the top or bottom of the web page according to the user's touch gesture, the user does not have to perform repeated flicking to move to the top or bottom of the web page, thereby reducing time delay. It works.
또한, 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 함으로써, 사용자 단말에 광고 노출시 사용자의 거부감을 최소화하면서 광고의 정보량을 늘릴 수 있는 효과가 있다.In addition, by displaying the advertisement exposure area in the space of the screen generated by the movement of the content area, it is possible to increase the amount of information of the advertisement while minimizing the user's discomfort when the advertisement is exposed to the user terminal.
도 1은 본 발명의 실시예에 따른 전체 시스템의 구성도,1 is a configuration diagram of an entire system according to an embodiment of the present invention;
도 2는 본 발명의 실시예에 따른 웹 페이지 제공 서버의 내부 구성도,2 is an internal configuration diagram of a web page providing server according to an embodiment of the present invention;
도 3은 본 발명의 실시예에 따른 메뉴 표시 모듈의 내부 구성도,3 is an internal configuration diagram of a menu display module according to an embodiment of the present invention;
도 4a 및 도 4b는 본 발명의 실시예에 따른 입력 신호에 따라 동적으로 메뉴를 표시하는 과정을 설명하기 위한 도면,4A and 4B are views for explaining a process of dynamically displaying a menu according to an input signal according to an embodiment of the present invention;
도 5는 본 발명의 실시예에 따른 광고 표시 모듈의 내부 구성도,5 is an internal configuration diagram of an advertisement display module according to an embodiment of the present invention;
도 6은 본 발명의 실시예에 따른 전면 컨텐츠 레이어와 후면 광고 레이어를 나타낸 도면,6 illustrates a front content layer and a back advertisement layer according to an embodiment of the present invention;
도 7은 본 발명의 제1 실시예에 따른 모바일 웹 페이지에서 광고 노출 과정을 나타낸 도면,7 is a view showing an advertisement exposure process in a mobile web page according to a first embodiment of the present invention,
도 8은 본 발명의 제2 실시예에 따른 모바일 웹 페이지에서 광고 노출 과정을 나타낸 도면,8 is a view showing an advertisement exposure process in a mobile web page according to a second embodiment of the present invention,
도 9는 본 발명의 실시예에 따른 사용자 단말의 내부 구성도,9 is an internal configuration diagram of a user terminal according to an embodiment of the present invention;
도 10은 본 발명의 실시예에 따른 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법을 나타내는 흐름도,10 is a flowchart illustrating a menu display method of dynamically displaying a menu according to an input signal according to an embodiment of the present invention;
도 11은 본 발명의 실시예에 따른 모바일 웹 페이지에서 광고 노출 방법을 나타낸 흐름도이다.11 is a flowchart illustrating a method of displaying an advertisement in a mobile web page according to an embodiment of the present invention.
<부호의 설명><Description of the code>
100 : 사용자 단말 102 : 통신부100: user terminal 102: communication unit
104 : 조작부 106 : 표시부104: operation unit 106: display unit
108 : 음향 출력부 110 : 저장부108: sound output unit 110: storage unit
112 : 제어부 200 : 웹 페이지 제공 서버112: control unit 200: web page providing server
300 : 메뉴 표시 모듈 320 : 입력 신호 산출부300: menu display module 320: input signal calculator
340 : 동적 메뉴 생성부 360 : 메뉴 표시부340: dynamic menu generation unit 360: menu display unit
400 : 광고 표시 모듈 402 : 전면 컨텐츠 레이어 생성부400: advertisement display module 402: front content layer generator
404 : 후면 광고 레이어 생성부404: rear advertising layer generator
406 : 터치 이동 감지부 408 : 스크롤 수행부406: touch movement detection unit 408: scroll execution unit
410 : 광고 노출 처리부410: ad impression processing unit
본 발명은 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세하게 설명하고자 한다. 그러나, 이는 본 발명의 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. As the present invention allows for various changes and numerous embodiments, particular embodiments will be illustrated in the drawings and described in detail in the written description. However, this is not intended to be limited to the specific embodiment of the present invention, it should be understood to include all modifications, equivalents, and substitutes included in the spirit and scope of the present invention.
본 발명의 따른 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈, 방법과 그에 대한 기록매체, 입력 신호에 따라 동적으로 생성된 메뉴가 표시된 웹 페이지를 출력하는 웹 페이지 표시 장치의 실시예를 첨부 도면을 참조하여 상세히 설명하기로 한다. 첨부 도면을 참조하여 설명함에 있어 동일하거나 대응하는 구성 요소는 동일한 도면 번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.A menu display module for dynamically displaying a menu according to an input signal according to the present invention, a method for recording a web, and a web page display apparatus for outputting a web page displaying a menu dynamically generated according to an input signal are provided. It will be described in detail with reference to the drawings. In the description with reference to the accompanying drawings, the same or corresponding components will be given the same reference numerals and redundant description thereof will be omitted.
도 1은 본 발명의 실시예에 따른 전체 시스템의 구성도이다.1 is a block diagram of an entire system according to an embodiment of the present invention.
도 1을 참조하면, 본 발명에 따른 전체 시스템은 사용자 단말(100)과 웹 페이지 제공 서버(200)를 포함할 수 있다.Referring to FIG. 1, the entire system according to the present invention may include a user terminal 100 and a web page providing server 200.
사용자 단말(100)은 컨텐츠 영역을 화면에 표시하는 도중에 터치 이동이 감지되면, 상기 감지된 입력 신호에 따라 동적으로 생성된 메뉴를 상기 컨텐츠 영역에 표시하거나, 터치 이동에 따라 컨텐츠 영역을 이동하여 발생된 화면의 공간에 광고 노출 영역을 표시할 수 있다.If a touch movement is detected while the content region is displayed on the screen, the user terminal 100 displays a menu dynamically generated according to the detected input signal, or moves the content region according to the touch movement. The advertisement exposure area may be displayed in the space of the screen.
웹 페이지 제공 서버(200)는 상기 사용자 단말(100)로부터 터치 이동이 감지되고, 감지된 입력 신호가 플리킹(Flicking)으로 판단되면 입력 신호의 이동 궤적을 계산하고 상기 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 동적으로 생성하여 오버랩되도록 표시하거나, 또는 상기 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어와 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하며, 사용자 단말(100)에서 터치 이동이 감지되면, 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하고, 상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 할 수 있다. When the touch movement is detected from the user terminal 100, and the detected input signal is determined to be flickering, the web page providing server 200 calculates a movement trajectory of the input signal and ends the calculated movement trajectory. A menu is dynamically generated in a content area corresponding to the display area so as to overlap the menu, or a front content layer corresponding to the content area and a rear advertisement layer provided at the rear of the front content layer and corresponding to the advertisement area are generated. When the touch movement is detected by the terminal 100, the scrolling of the content area is performed to be displayed, and the advertisement area of the portion corresponding to the space of the screen generated according to the movement of the content area of the advertisement area of the rear advertising layer is displayed. May be displayed as an advertisement exposure area in the space of the screen generated by the movement of the content area. You can do that.
도 2는 본 발명의 실시예에 따른 웹 페이지 제공 서버의 내부 구성도이다. 2 is a diagram illustrating an internal configuration of a web page providing server according to an exemplary embodiment of the present invention.
도 2를 참조하면, 본 발명의 웹 페이지 제공 서버는 메뉴 표시 모듈(300)과 광고 표시 모듈(400)을 포함할 수 있다.Referring to FIG. 2, the web page providing server of the present invention may include a menu display module 300 and an advertisement display module 400.
메뉴 표시 모듈(300)은 사용자 단말(100)로부터 터치 이동이 감지되고, 감지된 입력 신호가 플리킹(Flicking)으로 판단되면 입력 신호의 이동 궤적을 계산하고 상기 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 동적으로 생성하여 오버랩되도록 표시할 수 있다.When the touch movement is detected from the user terminal 100, and the detected input signal is determined to be flickering, the menu display module 300 calculates a movement trajectory of the input signal and corresponds to an area where the calculated movement trajectory ends. A menu may be dynamically generated and displayed to overlap the content area.
광고 표시 모듈(400)은 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어와 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하며, 사용자 단말에서 터치 이동이 감지되면, 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하고, 상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 할 수 있다. 여기서, 전면 컨텐츠 레이어를 생성하기 위해 웹 페이지의 HTML를 동적으로 랩핑(wrapping)하고, 랩핑(wrapping)된 전면 컨텐츠 레이어의 후면에 후면 광고 레이어를 생성할 수 있다.The advertisement display module 400 is provided at the front content layer corresponding to the content area and the rear content layer at the back of the front content layer, and generates a back advertisement layer corresponding to the advertisement area. The display area by scrolling and displaying an advertisement area corresponding to the space of the screen generated according to the movement of the content area among the advertising area of the rear advertising layer in the space of the screen generated by the movement of the content area. It can be displayed as an exposed area. Here, the HTML of the web page may be dynamically wrapped to generate the front content layer, and a back advertisement layer may be generated on the rear side of the wrapped front content layer.
즉, 최초의 화면 적재시 사용자는 전면 컨텐츠 레이어를 볼 수 있다. 이때, 전면 컨텐츠 레이어의 Z축은 후면 광고 레이어의 Z축 보다 큰 값을 갖는다. 후면 광고 레이어는 기본적으로 전면 컨텐츠 레이어의 후면에 위치하여 사용자에게 노출되지 않고, 특별한 경우에 사용자에게 노출이 된다. 후면 광고 레이어가 사용자에게 노출되는 경우는 사용자가 화면을 터치하여 스크롤 수행시 컨텐츠 영역이 이동하는 경우이다. 예를 들어, 컨텐츠 영역에 대한 일반 스크롤을 통해서 컨텐츠 영역이 이동되어 화면 상단에 도달시 어떠한 컨텐츠도 없는 빈 영역을 보여주거나 상단 일부 영역의 색을 변경함으로서 사용자에게 알려주지 않고, 컨텐츠 영역의 끝에 도달함을 알림과 동시에 후면에 위치한 광고를 노출하도록 할 수 있다.That is, when the first screen is loaded, the user can see the front content layer. At this time, the Z axis of the front content layer has a larger value than the Z axis of the back advertisement layer. The back advertisement layer is basically located behind the front content layer and is not exposed to the user, but is exposed to the user in a special case. When the rear advertising layer is exposed to the user, the content area is moved when the user touches the screen to perform scrolling. For example, when the content area is moved through the normal scrolling of the content area and reaches the top of the screen, the user reaches the end of the content area without showing a blank area without any content or by notifying the user by changing the color of the upper part area. At the same time as the notification can be exposed to the advertisement located in the rear.
또한, 광고 표시 모듈(400)는 광고 노출 영역에 대해 사용자 단말(100)에서 터치 이동이 감지되는 경우 광고 노출 영역에 대한 상하 또는 좌우 스크롤을 수행하도록 할 수 있다.In addition, the advertisement display module 400 may perform scrolling up, down, left, or right with respect to the advertisement exposure area when a touch movement is detected at the user terminal 100 with respect to the advertisement exposure area.
도 3은 본 발명의 실시예에 따른 메뉴 표시 모듈의 내부 구성도이다.도 3을 참조하면, 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈(300)은 입력 신호 산출부(320), 동적 메뉴 생성부(340) 및 메뉴 표시부(360)를 포함하여 구성된다.3 is a diagram illustrating an internal configuration of a menu display module according to an exemplary embodiment of the present invention. Referring to FIG. 3, the menu display module 300 dynamically displaying a menu according to an input signal may include an input signal calculator 320. The dynamic menu generating unit 340 and the menu display unit 360 are configured.
입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈(300)은 모바일 단말 장치, 테블릿 단말기, IPTV 등 신호를 입력받고 입력 신호를 처리한 결과를 출력할 수 있는 모든 장치에 설치될 수 있다. The menu display module 300 dynamically displaying a menu according to an input signal may be installed in any device capable of receiving a signal such as a mobile terminal device, a tablet terminal, an IPTV, and outputting a result of processing an input signal.
특히, 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈(300)은 화면 터치에 의해 신호를 입력받을 수 있는 디스플레이 패널을 구비한 장치에 설치되는 경우 사용자의 편의성을 더욱 향상시킬 수 있다.In particular, the menu display module 300 which dynamically displays a menu according to an input signal may further improve user convenience when installed in a device having a display panel capable of receiving a signal by a screen touch.
먼저, 입력 신호 산출부(320)는 입력 신호의 종류를 결정하고 입력 신호의 이동 궤적을 계산한다. 입력 신호는 키보드, 마우스 등의 사용자 인터페이스를 사용하여 입력될 수 있을 뿐만 아니라 사용자가 직접 화면을 터치함으로써 입력될 수 있다.First, the input signal calculator 320 determines the type of the input signal and calculates a movement trajectory of the input signal. The input signal may be input by using a user interface such as a keyboard or a mouse, as well as by a user directly touching the screen.
이하에서는, 사용자가 직접 화면을 터치함으로써 입력 신호가 입력되는 경우의 실시예에 대하여 구체적으로 설명하지만, 본 발명에 따른 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈(300)은 다양한 방법에 의하여 신호가 입력되는 경우를 포함하는 것으로 해석되어야 한다.Hereinafter, an embodiment in which an input signal is input by a user directly touching a screen will be described in detail. However, the menu display module 300 dynamically displaying a menu according to the input signal according to the present invention may be implemented in various ways. It should be interpreted as including the case where a signal is input.
입력 신호 산출부(320)는 터치 영역의 크기, 터치 시간, 및 터치 영역의 이동 속도 중 적어도 하나를 각각의 기준값과 비교하여 입력 신호의 종류를 단순 터치(Touch), 롱 프레스(Long Press), 스크롤링(Scrolling) 또는 플리킹(Flicking) 중 어느 하나로 결정한다.The input signal calculator 320 compares at least one of the size of the touch area, the touch time, and the moving speed of the touch area with each reference value, and compares the type of the input signal with a simple touch, a long press, Decide on either scrolling or flicking.
플리킹은 고속 스크롤링을 의미하며, 화면의 일부 영역을 터치한 상태로 화면의 상부 또는 하부 방향으로 빠르게 이동하면서 화면의 상부 또는 하부의 임의의 영역에서 터치 동작을 해지하는 제스처에 의해 수행된다.Flicking means high-speed scrolling and is performed by a gesture of releasing a touch operation in an arbitrary area of the upper or lower portion of the screen while rapidly moving toward the upper or lower portion of the screen while touching a portion of the screen.
여기서, 터치 영역의 크기 기준값(이하, '기준값(A)'라 함)과 터치 시간의 기준값(이하, '기준값(B)'라 함), 터치 영역의 이동 속도의 기준값(이하, '기준값(C)'라 함)은 서로 다른 값으로 미리 설정될 수 있다. Here, the size reference value of the touch area (hereinafter referred to as' reference value (A) ') and the touch time reference value (hereinafter referred to as' reference value (B)'), the reference value of the moving speed of the touch area (hereinafter referred to as' reference value ( C) 'may be preset to different values.
입력 신호 산출부(320)는 터치 영역의 크기와 터치 시간을 기준값(A), 기준값(B)와 각각 비교하여 입력 신호의 종류를 단순 터치(Touch) 또는 롱 프레스(Long Press)로 결정할 수 있고, 터치 영역의 크기와 터치 영역의 이동 속도를 기준값(A), 기준값(C)와 각각 비교하여 입력 신호의 종류를 스크롤링(Scrolling) 또는 플리킹(Flicking)으로 결정할 수 있다.The input signal calculator 320 may compare the size and touch time of the touch area with the reference value A and the reference value B, respectively, and determine the type of the input signal as a simple touch or a long press. The type of the input signal may be determined by scrolling or flicking by comparing the size of the touch area and the moving speed of the touch area with the reference value A and the reference value C, respectively.
먼저, 입력 신호의 터치 영역의 크기가 기준값(A) 미만이고 입력 신호의 터치 시간이 기준값(B) 미만인 경우, 입력 신호 산출부(120)는 입력 신호의 종류를 단순 터치(Touch)로 결정하고, 입력 신호 터치 영역의 크기가 기준값(A) 미만이고 입력 신호의 터치 시간이 기준값(B) 이상인 경우, 입력 신호 산출부(120)는 입력 신호의 종류를 롱 프레스(Long Press)로 결정한다. First, when the size of the touch area of the input signal is less than the reference value A and the touch time of the input signal is less than the reference value B, the input signal calculator 120 determines the type of the input signal as a simple touch. When the size of the input signal touch region is less than the reference value A and the touch time of the input signal is greater than or equal to the reference value B, the input signal calculator 120 determines the type of the input signal as a long press.
다음으로, 입력 신호 터치 영역의 크기가 기준값(A) 이상이고 입력 신호의 터치 영역의 이동 속도가 기준값(C) 미만인 경우, 입력 신호 산출부(120)는 입력 신호의 종류를 스크롤링(Scrolling)으로 결정하고, 입력 신호 터치 영역의 크기가 기준값(A) 이상이고 입력 신호의 터치 영역의 이동 속도가 기준값(C) 이상인 경우, 입력 신호 산출부(320)는 입력 신호의 종류를 플리킹(Flicking)으로 결정한다. Next, when the size of the input signal touch area is greater than or equal to the reference value A and the moving speed of the touch area of the input signal is less than the reference value C, the input signal calculator 120 scrolls the type of the input signal by scrolling. If the size of the input signal touch area is greater than or equal to the reference value A and the moving speed of the touch area of the input signal is greater than or equal to the reference value C, the input signal calculator 320 flickers the type of the input signal. Decide on
입력 신호 산출부(320)는 입력 신호의 종류가 스크롤링 또는 플리킹으로 결정된 경우, 화면 터치 시간과 터치 영역의 이동 속도로부터 입력 신호의 이동 궤적을 계산한다.When the type of the input signal is determined to be scrolling or flicking, the input signal calculator 320 calculates a movement trajectory of the input signal from the screen touch time and the moving speed of the touch area.
여기서, '입력 신호의 이동 궤적'은 입력 신호에 대응하여 화면에 표시되는 웹 페이지가 이동할 궤적으로 정의하며, 입력 신호의 이동 궤적은 다양한 방법으로 계산될 수 있다.Here, the movement trajectory of the input signal is defined as the trajectory to which the web page displayed on the screen corresponds to the input signal, and the movement trajectory of the input signal may be calculated in various ways.
예를 들어, 입력 신호 산출부(320)는 사용자가 화면을 터치한 마지막 영역(또는 픽셀)의 이동 속도로부터 입력 신호의 이동 궤적, 즉, 화면에 표시되는 페이지(또는 웹 페이지)의 이동량을 산출할 수 있다.For example, the input signal calculator 320 calculates a movement trajectory of the input signal, that is, a movement amount of the page (or web page) displayed on the screen, from the movement speed of the last region (or pixel) where the user touches the screen. can do.
동적 메뉴 생성부(340)는 입력 신호 산출부(320)에서 계산된 이동 궤적에 따라 메뉴의 표시 위치를 결정하고, 결정된 입력 신호의 종류 및 계산된 이동 궤적에 따라 표시할 메뉴를 결정하여 동적으로 메뉴를 생성한다.The dynamic menu generator 340 determines the display position of the menu according to the movement trajectory calculated by the input signal calculator 320 and dynamically determines a menu to be displayed according to the type of the determined input signal and the calculated movement trajectory. Create a menu.
동적 메뉴 생성부(340)는 입력 신호의 이동 궤적이 끝나는 영역에 대응되는 웹 페이지의 컨텐츠 영역을 메뉴 표시 위치로 결정한다.The dynamic menu generator 340 determines the content area of the web page corresponding to the area where the movement trajectory of the input signal ends, as the menu display position.
동적 메뉴 생성부(340)는 입력 신호 이동 궤적이 끝나는 영역에 대응되는 웹 페이지의 컨텐츠 영역을 메뉴 표시 위치로 결정하여 동적으로 메뉴를 생성한 후 설정된 시간이 경과 되면, 메뉴 표시 위치를 입력 신호 이동 궤적이 시작되는 영역에 대응되는 웹 페이지의 컨텐츠 영역으로 변경하여 동적으로 메뉴를 생성한다.The dynamic menu generation unit 340 determines the content area of the web page corresponding to the area where the input signal movement trajectory ends, as the menu display position, and dynamically generates the menu, and then moves the menu display position to the menu display position when the set time elapses. The menu is dynamically generated by changing to the content area of the web page corresponding to the area where the trajectory starts.
동적 메뉴 생성부(340)는 메뉴 표시 위치 결정 시, 입력 신호 산출부(320)로부터 계산된 화면에 표시되는 웹 페이지가 이동할 궤적을 고려하여, 메뉴 표시 위치를 이동 궤적의 시작 영역 또는 종료 영역과 대응되는 웹 페이지의 컨텐츠 영역으로 결정한다.When the menu display position is determined, the dynamic menu generator 340 considers the trajectory of the web page displayed on the screen calculated by the input signal calculator 320 to move the menu display position to the start region or the end region of the movement trajectory. The content area of the corresponding web page is determined.
동적 메뉴 생성부(340)에서 결정된 메뉴 표시 위치에 컨텐츠가 표시된 경우, 동적 메뉴 생성부(340)는 결정된 메뉴 표시 위치에 가장 가까운 컨텐츠가 표시되지 않은 영역을 메뉴 표시 위치로 재결정할 수 있다.When the content is displayed at the menu display position determined by the dynamic menu generator 340, the dynamic menu generator 340 may re-determine an area in which the content closest to the determined menu display position is not displayed as the menu display position.
이때, 동적 메뉴 생성부(340)는 입력 신호 이동 궤적이 끝나는 영역에 대응되는 웹 페이지의 컨텐츠 영역에 생성되는 메뉴와 입력 신호 이동 궤적이 시작되는 영역에 대응되는 웹 페이지의 컨텐츠 영역에 동적으로 생성되는 메뉴를 동일한 제어 신호를 나타내도록 생성하거나 또는 상반되는 제어 신호를 나타내도록 생성한다.In this case, the dynamic menu generator 340 dynamically generates a menu generated in the content area of the web page corresponding to the area where the input signal movement trajectory ends and a content area of the web page corresponding to the area where the input signal movement trajectory starts. A menu is generated to represent the same control signal or to generate opposite control signals.
입력 신호의 종류가 플리킹으로 결정된 경우, 즉, 사용자가 화면에 표시된 웹 페이지를 플리킹한 경우의 동적 메뉴 표시 방법을 도 4a 및 도 4b를 참조하여 상세히 설명하도록 한다.A method of displaying a dynamic menu when the type of the input signal is determined to be flicking, that is, when the user flicks a web page displayed on the screen will be described in detail with reference to FIGS. 4A and 4B.
도 4a 및 도 4b는 본 발명의 일 측면에 따른 입력 신호에 따라 동적으로 메뉴를 표시하는 과정을 설명하기 위한 도면이다.4A and 4B are diagrams for describing a process of dynamically displaying a menu according to an input signal according to an aspect of the present invention.
사용자가 단말기 화면의 일부 영역(a)을 터치한 상태에서 화면의 상부 방향으로 빠르게 이동하면서 화면의 상부의 임의의 영역(b)에서 터치 동작을 해지하면, 입력 신호 산출부(320)는 입력 신호의 종류를 플리킹으로 결정한다. When the user touches a portion of the screen (a) of the terminal screen and quickly moves to the upper direction of the screen to cancel the touch operation in any area (b) at the top of the screen, the input signal calculator 320 inputs the input signal. Determine the type of flicking.
앞서 설명한 바와 같이, 입력 신호 산출부(320)는 내부적으로 입력 신호 터치 영역의 크기가 기준값(A) 이상이고 터치 영역의 이동 속도가 기준값(C) 이상인지 각각의 기준값과 비교하는 과정을 거쳐 입력 신호의 종류를 결정한다. As described above, the input signal calculator 320 internally inputs a process of comparing the input signal touch area with each reference value to determine whether the size of the input signal touch area is greater than or equal to the reference value A and the moving speed of the touch area is greater than or equal to the reference value C. Determine the type of signal.
도 4a와 같이, 입력 신호의 종류가 플리킹으로 결정되고 입력 신호의 이동 궤적이 화면 하부(a)로부터 상부(b)로 변경된 경우(a->b), 동적 메뉴 생성부(340)는 입력 신호 이동 궤적이 끝나는 영역(b)에 대응되는 웹 페이지의 컨텐츠 영역을 메뉴 표시 위치로 결정한다.As shown in FIG. 4A, when the type of the input signal is determined to be flickering and the movement trajectory of the input signal is changed from the bottom of the screen (a) to the top (b) (a-> b), the dynamic menu generator 340 inputs the input signal. The content area of the web page corresponding to the area (b) where the signal movement trajectory ends is determined as the menu display position.
입력 신호는 화면의 a 영역부터 b 영역까지 입력되었지만, 입력 신호의 이동 궤적은 화면에 표시되는 웹 페이지가 이동할 궤적을 의미하므로 a 영역에서 b 영역까지의 거리와는 동일하거나 또는 다를 수 있다.Although the input signal is input from the a region to the b region of the screen, the movement trajectory of the input signal means the trajectory to which the web page displayed on the screen is to be moved, and thus may be the same as or different from the distance from the a region to the b region.
따라서, 메뉴 표시 위치는 화면에 표시되는 웹 페이지가 플리킹에 의해 이동된 이후의 화면 b 영역에 표시되는 웹 페이지의 컨텐츠 영역이다.Therefore, the menu display position is the content area of the web page displayed in the screen b area after the web page displayed on the screen is moved by flicking.
반대로, 도 4b와 같이, 플리킹이 화면 상부(b)로부터 하부(a)로 수행된 경우, 즉, 입력 신호의 이동 궤적이 'b->a' 인 경우, 동적 메뉴 생성부(340)는 입력 신호 이동 궤적이 끝나는 영역(b)에 대응되는 컨텐츠 영역을 메뉴 표시 위치로 결정한다.On the contrary, as shown in FIG. 4B, when the flicking is performed from the upper portion b to the lower portion a, that is, when the movement trajectory of the input signal is 'b-> a', the dynamic menu generator 340 The content area corresponding to the area (b) where the input signal movement trajectory ends is determined as the menu display position.
이때, 표시되는 메뉴는 '웹 페이지를 최하단으로 이동', '웹 페이지를 최상단으로 이동' 또는 '이전 페이지로 이동' 등의 제어 신호를 나타내는 아이콘 형태로 생성될 수 있다. In this case, the displayed menu may be generated in the form of an icon representing a control signal such as 'move the web page to the bottom', 'move the web page to the top', or 'move to the previous page'.
일반적으로, 플리킹 입력 신호의 이동 궤적이 'a->b' 방향인 경우, 사용자는 웹 페이지를 최하단으로 이동시킬 의도로 플리킹을 수행하는 경우가 많으므로, 표시할 메뉴는 '최하단으로 이동하는 제어 신호를 나타내는 아이콘' 형태로 생성할 수 있다.In general, when the movement trajectory of the flicking input signal is 'a-> b', the user often performs the flicking with the intention of moving the web page to the bottom. It can be generated in the form of an icon representing a control signal.
반대로, 플리킹 입력 신호의 이동 궤적이 'b->a' 방향인 경우, 사용자는 웹 페이지를 최상단으로 이동시킬 의도로 플리킹을 수행하는 경우가 많으므로, 표시할 메뉴는 '최상단으로 이동하는 제어 신호를 나타내는 아이콘' 형태로 생성할 수 있다.On the contrary, when the movement trajectory of the flicking input signal is in the 'b-> a' direction, the user often performs the flicking with the intention of moving the web page to the top, so that the menu to be displayed is moved to the 'top'. It can be created in the form of 'icon representing the control signal.
또한, 동적 메뉴 생성부(340)는 하나 이상의 제어 신호를 메뉴에 포함시킬 수 있기 때문에, 메뉴에 '최상단으로 이동하는 제어 신호를 나타내는 아이콘'과 '이전 페이지로 이동하는 제어 신호를 나타내는 아이콘'을 동시에 표시할 수 있다.In addition, since the dynamic menu generator 340 may include one or more control signals in the menu, an icon indicating the control signal moving to the top and an icon indicating the control signal moving to the previous page are included in the menu. Can be displayed at the same time.
또한, 동적 메뉴 생성부(340)는, 도 4a와 같이, 화면 하부에서 상부(a->b)로 플래킹이 수행되면 b 영역과 대응되는 웹 페이지의 컨텐츠 영역에 메뉴를 생성하고, 설정된 시간(t)이 지나면, 처음 플래킹이 시작된 영역(a)과 대응되는 웹 페이지의 컨텐츠 영역에 메뉴를 생성할 수 있다.In addition, as shown in FIG. 4A, when the flaking is performed from the lower part of the screen to the upper part (a-> b), the dynamic menu generating unit 340 generates a menu in the content area of the web page corresponding to the b area and sets a time. After (t), a menu may be created in the content area of the web page corresponding to the area (a) where the first flagging is started.
즉, 동적 메뉴 생성부(340)는 사용자의 연속적인 플래킹 제스처를 고려하여 플래킹 제스처가 발생된 시작 영역과 종료 영역에 대응되는 웹 페이지의 컨텐츠 영역에 메뉴를 동적으로 생성할 수 있고, 이때, 먼저 생성된 메뉴는 숨기거나 계속 유지하도록 설정할 수 있다.That is, the dynamic menu generator 340 may dynamically generate a menu in the content area of the web page corresponding to the start area and the end area where the flaking gesture is generated in consideration of the continuous flaking gesture of the user. In addition, the menu created earlier can be hidden or kept.
메뉴 표시부(360)는 동적 메뉴 생성부(340)에서 동적으로 생성된 메뉴를 컨텐츠 영역에 오버랩하여 표시할 수 있고, 하부의 컨텐츠 내용을 육안으로 확인할 수 있도록 투명한 메뉴 또는 불투명 메뉴로 표시할 수 있다. The menu display unit 360 may display the menu dynamically generated by the dynamic menu generator 340 overlapping the content area, and display the menu content as a transparent menu or an opaque menu so that the contents of the lower part can be visually checked. .
또한, 메뉴 표시부(360)는 동적 메뉴 생성부(360)로부터 메뉴 표시 위치가 변경되어 새로운 메뉴가 생성되면 먼저 생성된 메뉴를 숨기고 새로운 메뉴를 표시할 수 있다.In addition, when the menu display position is changed from the dynamic menu generator 360 and a new menu is generated, the menu display unit 360 may hide the first generated menu and display the new menu.
도 5는 본 발명의 실시예에 따른 광고 표시 모듈의 내부 구성도이다.5 is an internal configuration diagram of an advertisement display module according to an embodiment of the present invention.
도 5를 참조하면, 본 발명의 광고 표시 모듈(400)은 전면 컨텐츠 레이어 생성부(402), 후면 광고 레이어 생성부(404), 터치 이동 감지부(406), 스크롤 수행부(408) 및 광고 노출 처리부(410)를 포함할 수 있다.Referring to FIG. 5, the advertisement display module 400 of the present invention includes a front content layer generator 402, a back advertisement layer generator 404, a touch movement detector 406, a scroll performer 408, and an advertisement. The exposure processor 410 may be included.
전면 컨텐츠 레이어 생성부(402)는 도 6에 도시된 바와 같이, 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어(502)를 생성하며, 후면 광고 레이어 생성부(404)는 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어(504)를 생성할 수 있다.As shown in FIG. 6, the front content layer generator 402 generates a front content layer 502 corresponding to the content area, and the back advertisement layer generator 404 is provided at the rear of the front content layer. The back advertisement layer 504 corresponding to the region may be generated.
터치 이동 감지부(406)는 사용자 단말에서 터치 이동이 감지되면, 감지된 입력 신호를 수신할 수 있다.When the touch movement is detected in the user terminal, the touch movement detector 406 may receive the detected input signal.
스크롤 수행부(408)는 입력 신호에 근거하여 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 할 수 있다. 이때, 스크롤 수행부(408)는 입력 신호(예를 들어, 플릭 모션을 감지한 경우)에 따라 고속 스크롤을 수행하는 경우, 컨텐츠 영역을 축소하여 화면에 표시하도록 하며, 광고 노출 처리부는 컨텐츠 영역의 축소에 따라 발생된 화면의 공간에 광고 노출 영역을 하나 이상 표시하도록 할 수도 있다. 이 경우, 플릭 모션이 감지된 경우 동적 메뉴를 표시하는 것이 기본이지만, 사용자의 설정에 따라 동적 메뉴를 표시하지 않고 컨텐츠 영역을 축소하여 광고를 노출하는 것으로 설정될 수도 있다.The scroll performer 408 may scroll to the content area based on the input signal to display the scrolled content area. In this case, when performing the high-speed scrolling according to an input signal (for example, when detecting a flick motion), the scroll performing unit 408 reduces the content area and displays the content on the screen. One or more advertisement exposure areas may be displayed in the space of the screen generated by the reduction. In this case, when the flick motion is detected, it is basic to display the dynamic menu, but according to a user's setting, the content area may be reduced to expose the advertisement without displaying the dynamic menu.
또한, 스크롤 수행부(408)는 광고 노출 영역에 대해 사용자 단말에서 터치 이동이 감지되는 경우 광고 노출 영역에 대한 상하 또는 좌우 스크롤을 수행하도록 할 수 있다.In addition, the scroll performer 408 may perform scrolling up, down, left, or right with respect to the advertisement exposure area when a touch movement is detected at the user terminal with respect to the advertisement exposure area.
광고 노출 처리부(410)는 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 할 수 있다.The advertisement exposure processing unit 410 displays the advertisement area corresponding to the space of the screen generated by the movement of the content area among the advertisement areas of the rear advertising layer as the advertisement exposure area in the space of the screen generated by the movement of the content area. You can do that.
도 7은 본 발명의 제1 실시예에 따른 모바일 웹 페이지에서 광고 노출 과정을 나타낸 도면이다.7 is a diagram illustrating an advertisement exposure process in a mobile web page according to the first embodiment of the present invention.
도 7을 참조하면, 본 발명에 따른 웹 페이지 제공 서버는 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어(layer)(602)와 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어(604)를 생성하며, 사용자 단말에서 터치 이동이 감지되면, 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하고, 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역(610)으로 표시하도록 할 수 있다. Referring to FIG. 7, the web page providing server according to the present invention may include a front content layer 602 corresponding to the content area and a rear advertisement layer 604 corresponding to the advertisement area and provided at the rear of the front content layer. When a touch movement is detected by the user terminal, the user terminal scrolls the content area to display the content area and displays an advertisement area corresponding to the space of the screen generated according to the movement of the content area among the advertisement areas of the rear advertising layer. The advertisement exposure area 610 may be displayed in the space of the screen generated by the movement of the content area.
도 8은 본 발명의 제2 실시예에 따른 모바일 웹 페이지에서 광고 노출 과정을 나타낸 도면이다.8 is a diagram illustrating an advertisement exposure process in a mobile web page according to a second embodiment of the present invention.
도 8을 참조하면, 본 발명에 따른 광고 표시 모듈은 터치 이동(예를 들어, 플릭 모션)을 감지함에 따라 고속 스크롤을 수행하는 경우, 컨텐츠 영역(714)을 축소하여 화면(710)에 표시하도록 하고, 컨텐츠 영역의 축소에 따라 발생된 화면의 공간에 제1 광고 노출 영역(712)과 제2 광고 노출 영역(716)을 표시할 수 있다. 이 경우, 플릭 모션이 감지된 경우 동적 메뉴를 표시하는 것이 기본이지만, 사용자의 설정에 따라 동적 메뉴를 표시하지 않고 컨텐츠 영역을 축소하여 광고를 노출하는 것으로 설정될 수도 있다.Referring to FIG. 8, the advertisement display module according to the present invention reduces the content area 714 to display it on the screen 710 when performing a fast scrolling by detecting a touch movement (eg, flick motion). In addition, the first advertisement exposure area 712 and the second advertisement exposure area 716 may be displayed in the space of the screen generated as the content area is reduced. In this case, when the flick motion is detected, it is basic to display the dynamic menu, but according to a user's setting, the content area may be reduced to expose the advertisement without displaying the dynamic menu.
도 9는 본 발명의 실시예에 따른 사용자 단말의 내부 구성도이다.9 is an internal configuration diagram of a user terminal according to an embodiment of the present invention.
도 9를 참조하면, 본 발명의 실시예에 따른 사용자 단말(100)은 통신부(102), 조작부(104), 표시부(106), 음향 출력부(108), 저장부(110) 및 제어부(112)를 포함할 수 있다.9, a user terminal 100 according to an embodiment of the present invention includes a communication unit 102, an operation unit 104, a display unit 106, an audio output unit 108, a storage unit 110, and a controller 112. ) May be included.
통신부(102)는 이동통신, 무선 인터넷, 근거리 통신 등을 포함할 수 있다. 이때, 통신부(102)는 무선 인터넷을 통해 웹 페이지 제공 서버(200)와 연동할 수 있다.The communication unit 102 may include mobile communication, wireless Internet, short-range communication, and the like. In this case, the communication unit 102 may interwork with the web page providing server 200 through the wireless Internet.
조작부(104)는 사용자의 동작 제어를 위한 조작에 따라 입력 데이터를 발생시킨다. 조작부는 키 패드, 돔 스위치, 터치 패드 등으로 구성될 수 있다. 특히, 터치 패드는 표시부와 상호 레이어 구조를 이루는 터치 스크린으로 구현될 수 있다.The operation unit 104 generates input data according to an operation for controlling the operation of the user. The operation unit may be composed of a keypad, a dome switch, a touch pad, and the like. In particular, the touch pad may be implemented as a touch screen having a mutual layer structure with the display unit.
표시부(106)는 사용자 단말에서 처리되는 정보를 화면에 표시 출력하며, 터치 감지 모듈을 더 포함하여 사용자의 조작에 따른 조작 신호를 입력받을 수 있다. 즉, 표시부(106)는 모바일 웹 페이지 화면을 표시하고, 사용자의 조작에 따라 화면에 대한 터치 이동을 감지할 수 있다.The display unit 106 may display and output information processed by the user terminal on a screen, and may further include a touch sensing module to receive an operation signal according to a user's manipulation. That is, the display unit 106 may display a mobile web page screen and detect a touch movement with respect to the screen according to a user's manipulation.
음향 출력부(108)는 통화 모드 등에서 통신부를 통해 수신된 음성 신호나 저장부에 저장된 오디오 데이터를 출력할 수 있다.The sound output unit 108 may output a voice signal received through the communication unit or audio data stored in the storage unit in a call mode or the like.
저장부(110)는 제어부(112)의 처리 및 제어를 위한 프로그램을 저장할 수 있고, 입력되거나 출력되는 데이터들을 임시로 저장할 수 있다.The storage unit 110 may store a program for processing and controlling the control unit 112, and may temporarily store input or output data.
제어부(112)는 통상적으로 단말 각부의 동작을 제어하여 사용자 단말의 전반적인 동작을 제어한다.The controller 112 typically controls the operation of each terminal to control the overall operation of the user terminal.
또한, 제어부(112)는 컨텐츠 영역을 화면에 표시하는 도중에 터치 이동이 감지되면, 웹 페이지 제공 서버와 연동하여, 감지된 입력 신호에 따라 동적으로 생성된 메뉴가 컨텐츠 영역에 표시되도록 하거나, 컨텐츠 영역을 이동하여 발생된 화면의 공간에 광고 노출 영역을 표시하도록 할 수 있다.In addition, if a touch movement is detected while the content area is displayed on the screen, the controller 112 may interwork with a web page providing server to display a menu dynamically generated according to the detected input signal, or to display the content area. Move to display the advertisement exposure area in the generated space of the screen.
도 10은 본 발명의 실시예에 따른 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법을 나타내는 흐름도이다.10 is a flowchart illustrating a menu display method of dynamically displaying a menu according to an input signal according to an exemplary embodiment of the present invention.
도 10을 참조하면, 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법은 입력 신호의 종류를 결정하는 단계, 입력 신호의 종류가 플리킹(Filcking)으로 결정되면 입력 신호의 이동 궤적을 계산하는 단계, 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 생성하여 표시하는 단계를 포함하여 구성된다.Referring to FIG. 10, a menu displaying method for dynamically displaying a menu according to an input signal may include determining a type of an input signal, and calculating a movement trajectory of the input signal when the type of the input signal is determined to be flicking. And generating and displaying a menu in a content area corresponding to the area where the calculated movement trajectory ends.
또한, 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법은 동적으로 메뉴가 생성되어 표시된 후 설정된 시간이 경과 하면, 표시된 메뉴를 숨기고 새로운 메뉴를 동적 생성하여 표시한다.In addition, a menu display method for dynamically displaying a menu according to an input signal may hide a displayed menu and dynamically generate and display a new menu when a set time elapses after the menu is dynamically generated and displayed.
새로운 메뉴 생성 위치는 계산된 입력 신호의 이동 궤적이 시작되는 영역에 대응되는 컨텐츠 영역이며, 메뉴는 이전에 생성된 메뉴에 동일하거나 상이할 수 있다. The new menu generation position is a content area corresponding to the area where the calculated movement trajectory of the input signal starts, and the menu may be the same as or different from the previously generated menu.
입력 신호의 종류는 터치 영역의 크기, 터치 시간, 및 터치 영역의 이동 속도 중 적어도 하나를 각각의 기준값과 비교하여 입력 신호의 종류를 터치(Touch), 롱 프레스(Long Press), 스크롤링(Scrolling) 또는 플리킹(Flicking) 중 어느 하나로 결정하며, 구체적인 방법은 앞에서 상술한 바와 동일하다.The type of the input signal is compared with each reference value by comparing at least one of the size of the touch area, the touch time, and the moving speed of the touch area with each reference value to touch, long press, and scroll. Or Flicking, and the specific method is the same as described above.
또한, 터치 영역의 크기가 기준값 이상이고 터치 영역의 이동 속도가 기준값 이상인 경우 입력 신호의 종류를 플리킹으로 결정하고, 터치 시간 및 터치 영역의 이동 속도로부터 입력 신호의 이동 궤적을 계산하며, 이동 궤적을 계산하는 방법 역시 상술한 바와 동일하다.In addition, when the size of the touch area is greater than or equal to the reference value and the moving speed of the touch area is greater than or equal to the reference value, the type of the input signal is determined by flicking, the movement trajectory of the input signal is calculated from the touch time and the movement speed of the touch area, and the movement trajectory is determined. The method of calculating is also the same as described above.
플리킹 신호가 입력된 경우 메뉴 표시 방법을, 도 10을 참조하여 구체적으로 설명한다. 먼저, 단말 장치로 입력된 입력 신호의 종류를 결정하고(S310), 입력 신호의 종류가 플리킹인지 판단한다(S320).The menu display method when the flicking signal is input will be described in detail with reference to FIG. 10. First, the type of the input signal input to the terminal device is determined (S310), and it is determined whether the type of the input signal is flicking (S320).
입력 신호의 종류가 플리킹이 아닌 경우(no), 입력 신호의 종류에 따라 대응되는 제어 동작을 수행하고(S380), 새로운 신호가 입력되면 S310 단계부터 다시 수행한다. 여기서 S380 단계에서, 입력 신호의 종류가 플리킹이 아닌 스크롤인 경우, 광고 표시 모듈에 의해 후면 광고 레이어의 일부를 컨텐츠 영역 이동에 따른 화면의 공간에 광고 노출 영역으로 표시할 수 있다.If the type of the input signal is not flicking (no), a corresponding control operation is performed according to the type of the input signal (S380), and if a new signal is input, the process is performed again from step S310. In operation S380, when the type of the input signal is scrolling instead of flicking, the advertisement display module may display a part of the rear advertisement layer as an advertisement exposure area in the screen space according to the movement of the content area.
입력 신호의 종류가 플리킹인 경우(yes), 입력 신호의 이동 궤적을 계산하고(S330), 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 생성하여 표시한다(S340).If the type of the input signal is flicking (yes), the movement trajectory of the input signal is calculated (S330), and a menu is generated and displayed in the content area corresponding to the region where the calculated movement trajectory ends (S340).
설정된 시간(t)이 경과 하기 전까지(no) S340 단계에서 생성된 메뉴를 결정된 메뉴 표시 위치(계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역)에 계속 표시하고, 설정된 시간(t)이 경과 하면(yes) S340 단계에서 생성된 메뉴를 숨기고 계산된 이동 궤적이 시작되는 영역과 대응되는 컨텐츠 영역에 메뉴를 새로 생성하여 표시한다(S360).Until the set time (t) has elapsed (no), the menu generated in step S340 is continuously displayed at the determined menu display position (the content area corresponding to the area where the calculated movement trajectory ends), and if the set time (t) has elapsed, (yes) The menu generated in step S340 is hidden and a new menu is generated and displayed in the content area corresponding to the area where the calculated movement trajectory starts (S360).
이때, 생성되는 메뉴는 사용자의 편의를 고려하여 입력 신호에 따라 미리 프로그래밍된다. 예를 들어, 계산된 이동 궤적이 화면 하부로부터 상부로 변경된 경우, 컨텐츠를 표시하는 영역을 최하단으로 이동하는 제어 신호를 나타내는 메뉴를 생성하여 표시하고, 계산된 이동 궤적이 화면 상부로부터 하부로 변경된 경우, 컨텐츠를 표시하는 영역을 최상단으로 이동하는 제어 신호를 나타내는 메뉴를 생성하여 표시할 수 있다.In this case, the generated menu is preprogrammed according to the input signal in consideration of the user's convenience. For example, when the calculated movement trajectory is changed from the bottom to the top of the screen, a menu indicating a control signal for moving the area displaying the content to the bottom is generated and displayed, and the calculated movement trajectory is changed from the top to the bottom of the screen. In addition, a menu indicating a control signal for moving the region displaying the content to the top may be generated and displayed.
새로운 입력 신호가 인가될 때까지 S360 단계에서 생성된 메뉴를 결정된 메뉴 표시 위치(계산된 이동 궤적이 시작되는 영역과 대응되는 컨텐츠 영역)에 계속 표시하고(S370), 새로운 신호가 입력되면, S310 단계부터 다시 수행한다.Until the new input signal is applied, the menu generated in operation S360 is continuously displayed at the determined menu display position (content area corresponding to the region where the calculated movement trajectory starts) (S370), and when a new signal is input, operation S310 is performed. To start again.
도 11은 본 발명의 실시예에 따른 모바일 웹 페이지에서 광고 노출 방법을 나타낸 흐름도이다.11 is a flowchart illustrating a method of displaying an advertisement in a mobile web page according to an embodiment of the present invention.
도 11을 참조하면, 본 발명에 따른 광고 표시 모듈은 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어를 생성하고(S702), 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성한다(S704).Referring to FIG. 11, the advertisement display module according to the present invention generates a front content layer corresponding to the content area (S702), and generates a rear advertising layer corresponding to the rear of the front content layer and corresponding to the advertisement area (S704). ).
또한, 사용자 단말에서 터치 이동이 감지되면, 광고 표시 모듈은 감지된 입력 신호를 수신하며(S706), 상기 입력 신호에 근거하여 컨텐츠 영역에 대한 스크롤을 수행한다(S708).In addition, when a touch movement is detected in the user terminal, the advertisement display module receives the detected input signal (S706) and scrolls the content area based on the input signal (S708).
또한, 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 한다(S710).In addition, the advertisement area corresponding to the space of the screen generated by the movement of the content area among the advertisement areas of the rear advertisement layer is displayed as the advertisement exposure area in the space of the screen generated by the movement of the content area (S710). .
이때, 광고 표시 모듈은 광고 노출 영역에 대해 사용자 단말에서 터치 이동이 감지되는 경우 광고 노출 영역에 대한 상하 또는 좌우 스크롤을 수행하도록 할 수 있다. 본 발명의 또 다른 측면에 따르면, 단말 장치에서 실행되고, 화면으로 입력되는 입력 신호 종류를 결정하는 단계, 입력 신호가 플리킹(Filcking)으로 결정되면 상기 입력 신호의 이동 궤적을 계산하는 단계, 및 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 생성하여 표시하는 단계를 포함하는 입력 신호에 따라 동적으로 메뉴를 표시하는 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다.In this case, when the touch movement is sensed by the user terminal with respect to the advertisement exposure area, the advertisement display module may perform vertical scrolling of the advertisement exposure area. According to another aspect of the invention, the step of determining the type of input signal that is executed in the terminal device, input to the screen, calculating the movement trajectory of the input signal if the input signal is determined to be flicking (Filcking), and A method of dynamically displaying a menu according to an input signal including generating and displaying a menu in a content area corresponding to an area where the calculated movement trajectory ends is provided by a program and a recording medium readable by an electronic device.
또한, 본 발명의 다른 측면에 따르면, 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어를 생성하고, 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하는 단계, 사용자 단말에서 터치 이동이 감지되면, 감지된 입력 신호를 수신하는 단계, 상기 입력 신호에 근거하여 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하는 단계 및 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 단계를 포함하는 광고 표시 모듈의 광고 노출 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체에 기록될 수 있다.In addition, according to another aspect of the invention, generating a front content layer corresponding to the content area, the rear advertising layer provided on the back of the front content layer and corresponding to the advertising area, the touch movement is detected in the user terminal Receiving a detected input signal, scrolling the content area based on the input signal to display the detected input signal, and corresponding to a screen space generated according to the movement of the content area among the advertisement areas of the rear advertising layer. Displaying the advertisement area of the portion as an advertisement exposure area in the space of the screen generated by the movement of the content area. The advertisement exposure method of the advertisement display module is recorded by a program and recorded on a recording medium readable by the electronic device. Can be.
입력 신호에 따라 동적으로 메뉴를 표시하는 방법은 프로그램으로 작성 가능하고, 프로그램을 구성하는 코드들 및 코드 세그먼트들은 당해 분야의 프로그래머에 의하여 용이하게 추론될 수 있다. A method of dynamically displaying a menu according to an input signal may be written by a program, and codes and code segments constituting the program may be easily inferred by a programmer in the art.
또한, 입력 신호에 따라 동적으로 메뉴를 표시하는 방법에 관한 프로그램은 전자장치가 읽을 수 있는 정보저장매체(Readable Media)에 저장되고, 전자장치에 의하여 읽혀지고 실행됨으로써 다양한 단말 장치에서 입력 신호에 따라 동적으로 생성된 메뉴가 표시된 웹 페이지를 제공받을 수 있다.In addition, a program related to a method of dynamically displaying a menu according to an input signal is stored in an electronic device readable media, and is read and executed by the electronic device, and according to an input signal from various terminal devices. You may be presented with a web page displaying a dynamically generated menu.
본 발명은 웹 브라우저를 통해 웹 사이트에 접속하거나 웹 어플리케이션을 실행하여 웹 페이지를 제공하는 웹 페이지 표시 장치, 웹 페이지를 제공하는 서버, 및 웹 서비스 제공 시스템에 적용될 수 있다.The present invention can be applied to a web page display device for providing a web page by accessing a web site or executing a web application through a web browser, a server for providing a web page, and a web service providing system.

Claims (18)

  1. 입력 신호의 종류를 결정하고 상기 입력 신호의 이동 궤적을 계산하는 입력 신호 산출부;An input signal calculator configured to determine a type of an input signal and calculate a movement trajectory of the input signal;
    상기 입력 신호 산출부에서 상기 계산된 이동 궤적에 따라 상기 메뉴의 표시 위치를 결정하고, 상기 결정된 입력 신호의 종류 및 계산된 이동 궤적에 따라 표시할 메뉴를 결정하여 동적으로 메뉴를 생성하는 동적 메뉴 생성부; 및The input signal calculator determines a display position of the menu according to the calculated movement trajectory, and determines a menu to be displayed according to the type of the determined input signal and the calculated movement trajectory to dynamically generate a menu. part; And
    상기 동적 메뉴 생성부에서 동적으로 생성된 메뉴를 표시하는 메뉴 표시부;A menu display unit displaying a menu dynamically generated by the dynamic menu generator;
    를 포함하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈.A menu display module for dynamically displaying a menu according to an input signal comprising a.
  2. 제1항에 있어서,The method of claim 1,
    상기 동적 메뉴 생성부는 입력 신호의 이동 궤적이 끝나는 영역에 대응되는 컨텐츠 영역을 메뉴 표시 위치로 결정하여 동적으로 메뉴를 생성하는 것을 특징으로 하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈.And the dynamic menu generating unit dynamically generates a menu by determining a content area corresponding to an area where the movement trajectory of the input signal ends, as a menu display position, and dynamically displaying the menu according to the input signal.
  3. 제1항에 있어서,The method of claim 1,
    상기 동적 메뉴 생성부는 입력 신호 이동 궤적이 끝나는 영역에 대응되는 컨텐츠 영역을 메뉴 표시 위치로 결정하여 동적으로 메뉴를 생성한 후 설정된 시간이 경과 되면, 메뉴 표시 위치를 상기 입력 신호 이동 궤적이 시작되는 영역에 대응되는 컨텐츠 영역으로 변경하여 동적으로 메뉴를 생성하는 것을 특징으로 하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈.The dynamic menu generator determines a content area corresponding to a region where the input signal movement trajectory ends, as a menu display position, and dynamically generates a menu, and when a set time elapses, the menu display position is a region where the input signal movement trajectory starts. And a menu display module for dynamically displaying a menu according to an input signal, wherein the menu is dynamically generated by changing to a content area corresponding to the.
  4. 제3항에 있어서,The method of claim 3,
    상기 동적 메뉴 생성부는 입력 신호 이동 궤적이 끝나는 영역에 대응되는 컨텐츠 영역에 생성되는 메뉴와 입력 신호 이동 궤적이 시작되는 영역에 대응되는 컨텐츠 영역에 동적으로 생성되는 메뉴를 동일한 제어 신호를 나타내도록 생성하거나 또는 상반되는 제어 신호를 나타내도록 생성하는 것을 특징으로 하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈.The dynamic menu generator may generate a menu generated in the content area corresponding to the region where the input signal movement trajectory ends and a menu dynamically generated in the content region corresponding to the region where the input signal movement trajectory starts, to represent the same control signal. Or a menu display module for dynamically displaying a menu according to an input signal, wherein the menu is generated so as to indicate opposite control signals.
  5. 제1항에 있어서,The method of claim 1,
    상기 메뉴 표시부는 상기 동적 메뉴 생성부에서 동적으로 생성된 메뉴를 컨텐츠 영역에 오버랩하여 표시하고, 상기 동적 메뉴 생성부로부터 메뉴 표시 위치가 변경되어 새로운 메뉴가 생성되면 먼저 생성된 메뉴를 숨기고 새로운 메뉴를 표시하는 것을 특징으로 하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈.The menu display unit displays a menu dynamically generated by the dynamic menu generator in a content area, and when the menu display position is changed from the dynamic menu generator to create a new menu, the first menu is hidden and a new menu is displayed. And a menu display module for dynamically displaying a menu according to an input signal.
  6. 제1항에 있어서,The method of claim 1,
    상기 입력 신호의 종류가 플리킹으로 결정되고 상기 계산된 이동 궤적이 화면 하부로부터 상부로 변경된 경우, 상기 동적 메뉴 생성부는 입력 신호 이동 궤적이 끝나는 영역에 대응되는 컨텐츠 영역을 메뉴 표시 위치로 결정하고, 표시할 메뉴를 최하단으로 이동하는 제어 신호를 나타내는 아이콘 형태로 생성하고, When the type of the input signal is determined to be flicking and the calculated movement trajectory is changed from the bottom to the top of the screen, the dynamic menu generator determines a content area corresponding to the area where the input signal movement trajectory ends, as a menu display position. Create a menu in the form of an icon representing a control signal for moving the menu to the lowest level,
    상기 입력 신호의 종류가 플리킹으로 결정되고 상기 계산된 이동 궤적이 화면 상부로부터 하부로 변경된 경우, 상기 동적 메뉴 생성부는 입력 신호 이동 궤적이 끝나는 영역에 대응되는 컨텐츠 영역을 메뉴 표시 위치로 결정하고, 표시할 메뉴를 최상단으로 이동하는 제어 신호를 나타내는 아이콘 형태로 생성하는 것을 특징으로 하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 모듈.When the type of the input signal is determined to be flicking and the calculated movement trajectory is changed from the top to the bottom of the screen, the dynamic menu generator determines a content area corresponding to the area where the input signal movement trajectory ends, as a menu display position. A menu display module for dynamically displaying a menu according to an input signal, characterized by generating an icon indicative of a control signal for moving a menu to be displayed to the top.
  7. 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어를 생성하는 전면 컨텐츠 레이어 생성부;A front content layer generator configured to generate a front content layer corresponding to the content area;
    상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하는 후면 광고 레이어 생성부;A rear advertisement layer generator provided at the rear of the front content layer and generating a rear advertisement layer corresponding to the advertisement area;
    사용자 단말에서 터치 이동이 감지되면, 감지된 입력 신호를 수신하는 터치 이동 감지부;A touch movement detector configured to receive a sensed input signal when a touch movement is detected at the user terminal;
    상기 입력 신호에 근거하여 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하는 스크롤 수행부; 및A scroll performer configured to scroll and display the content area based on the input signal; And
    상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 광고 노출 처리부;An advertisement exposure processing unit for displaying an advertisement area corresponding to a space of a screen generated by the movement of the content area among the advertisement areas of the rear advertisement layer as an advertisement exposure area in the space of the screen generated by the movement of the content area. ;
    를 포함하는 광고 표시 모듈.Advertising display module comprising a.
  8. 제7항에 있어서,The method of claim 7, wherein
    상기 스크롤 수행부는 상기 광고 노출 영역에 대해 상기 사용자 단말에서 터치 이동이 감지되는 경우 광고 노출 영역에 대한 상하 또는 좌우 스크롤을 수행하도록 하는 것을 특징으로 하는 광고 표시 모듈.And the scroll performing unit performs up, down, left, and right scrolling of the advertisement exposure area when a touch movement is detected at the user terminal with respect to the advertisement exposure area.
  9. 사용자 단말로부터 터치 이동이 감지되고, 감지된 입력 신호가 플리킹(Flicking)으로 판단되면 입력 신호의 이동 궤적을 계산하고 상기 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 동적으로 생성하여 오버랩되도록 표시하는 메뉴 표시 모듈; 및 When the touch movement is detected from the user terminal and the detected input signal is determined to be flickering, the movement trajectory of the input signal is calculated, and a menu is dynamically generated in the content region corresponding to the region where the calculated movement trajectory ends. A menu display module for displaying to overlap; And
    컨텐츠 영역에 상응하는 전면 컨텐츠 레이어와 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하며, 사용자 단말에서 터치 이동이 감지되면, 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하고, 상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 광고 표시 모듈;Create a rear content layer corresponding to the front content layer and a rear content layer corresponding to the content area, and generate a rear advertising layer corresponding to the advertisement area, and when a touch movement is detected by the user terminal, scroll and display the content area. And displaying an advertisement area corresponding to a space of a screen generated by the movement of the content area among the advertisement areas of the rear advertising layer as an advertisement exposure area in the space of the screen generated by the movement of the content area. Display module;
    을 포함하는 웹 페이지 제공 서버.Web page serving server comprising a.
  10. 컨텐츠 영역을 화면에 표시하는 도중에 터치 이동이 감지되면, 상기 감지된 입력 신호에 따라 동적으로 생성된 메뉴를 상기 컨텐츠 영역에 표시하거나, 터치 이동에 따라 컨텐츠 영역을 이동하여 발생된 화면의 공간에 광고 노출 영역을 표시하는 사용자 단말; 및When a touch movement is detected while displaying a content area on the screen, a menu dynamically generated according to the detected input signal is displayed on the content area or the content area is moved according to the touch movement to advertise in the space of the screen. A user terminal displaying the exposed area; And
    상기 사용자 단말로부터 터치 이동이 감지되고, 감지된 입력 신호가 플리킹(Flicking)으로 판단되면 입력 신호의 이동 궤적을 계산하고 상기 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 동적으로 생성하여 오버랩되도록 표시하거나, 또는 상기 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어와 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하며, 사용자 단말에서 터치 이동이 감지되면, 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하고, 상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 웹 페이지 제공 서버;When a touch movement is detected from the user terminal and the detected input signal is determined to be flickering, a movement trajectory of the input signal is calculated and a menu is dynamically generated in a content region corresponding to the region where the calculated movement trajectory ends. Or overlap the front content layer corresponding to the content area and the rear content layer provided on the back of the front content layer, and generate a back advertisement layer corresponding to an advertisement area. Scroll to the display area, and the advertising area corresponding to the space of the screen generated according to the movement of the content area among the advertising area of the rear advertising layer is displayed in the space of the screen generated by the movement of the content area. A web page providing server configured to display the advertisement exposure area;
    를 포함하는 시스템.System comprising.
  11. 메뉴 표시 모듈이 웹 브라우저에서 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법에 있어서,A menu display method in which the menu display module dynamically displays a menu according to an input signal from a web browser,
    (a) 화면으로 입력되는 입력 신호 종류를 결정하는 단계;(a) determining an input signal type input to the screen;
    (b) 상기 입력 신호의 종류가 플리킹(Filcking)으로 결정되면 상기 입력 신호의 이동 궤적을 계산하는 단계; 및(b) calculating a moving trajectory of the input signal when the type of the input signal is determined to be flicking; And
    (c) 상기 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 생성하여 표시하는 단계;(c) generating and displaying a menu in a content area corresponding to an area where the calculated movement trajectory ends;
    를 포함하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법.Menu display method for displaying a menu dynamically according to the input signal comprising a.
  12. 제11항에 있어서,The method of claim 11,
    상기 (c) 단계 이후, After step (c),
    (d) 설정된 시간이 경과 하면, 상기 (c) 단계에서 표시된 메뉴를 숨기고 상기 계산된 이동 궤적이 시작되는 영역과 대응되는 컨텐츠 영역에 메뉴를 새로 생성하여 표시하는 단계;를 더 포함하는 것을 특징으로 하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법.(d) when the set time has elapsed, hiding the menu displayed in the step (c) and creating and displaying a new menu in a content area corresponding to the area where the calculated movement trajectory starts; Menu display method for displaying a menu dynamically according to the input signal.
  13. 제12항에 있어서,The method of claim 12,
    상기 (d) 단계에서 새로 생성되는 메뉴는 상기 (c) 단계에서 표시된 메뉴와 동일한 제어 신호를 나타내거나 상반되는 제어 신호를 나타내는 것을 특징으로 하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법.And a menu newly generated in the step (d) indicates the same control signal as that of the menu displayed in the step (c) or a control signal opposite to the menu displayed in the step (c).
  14. 제11항에 있어서,The method of claim 11,
    상기 (c) 단계는,In step (c),
    상기 계산된 이동 궤적이 화면 하부로부터 상부로 변경된 경우, 컨텐츠를 표시하는 영역을 최하단으로 이동하는 제어 신호를 나타내는 메뉴를 생성하여 표시하고, When the calculated movement trajectory is changed from the bottom to the top of the screen, a menu indicating a control signal for moving the area displaying the content to the bottom is generated and displayed.
    상기 계산된 이동 궤적이 화면 상부로부터 하부로 변경된 경우, 컨텐츠를 표시하는 영역을 최상단으로 이동하는 제어 신호를 나타내는 메뉴를 생성하여 표시하는 것을 특징으로 하는 입력 신호에 따라 동적으로 메뉴를 표시하는 메뉴 표시 방법.When the calculated movement trajectory is changed from the top to the bottom of the screen, a menu is displayed to dynamically display a menu according to an input signal, characterized by generating and displaying a menu indicating a control signal for moving an area displaying content to the top. Way.
  15. 광고 표시 모듈이 모바일 웹 페이지에서 광고를 노출하는 방법에 있어서, In the way the ad display module exposes ads on mobile web pages,
    컨텐츠 영역에 상응하는 전면 컨텐츠 레이어를 생성하고, 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하는 단계;Generating a front content layer corresponding to a content area, and generating a back advertisement layer provided on a rear surface of the front content layer and corresponding to an advertisement area;
    사용자 단말에서 터치 이동이 감지되면, 감지된 입력 신호를 수신하는 단계;If a touch movement is detected at the user terminal, receiving a sensed input signal;
    상기 입력 신호에 근거하여 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하는 단계; 및Scrolling and displaying the content area based on the input signal; And
    상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 단계;Displaying an advertisement area of a portion of the advertisement area of the rear advertisement layer corresponding to the space of the screen generated according to the movement of the content area as an advertisement exposure area in the space of the screen generated by the movement of the content area;
    를 포함하는 광고 표시 모듈의 광고 노출 방법.Ad display method of the ad display module comprising a.
  16. 제15항에 있어서,The method of claim 15,
    상기 광고 노출 영역 표시 단계 이후에, 상기 광고 노출 영역에 대해 상기 사용자 단말에서 터치 이동이 감지되는 경우 광고 노출 영역에 대한 상하 또는 좌우 스크롤을 수행하도록 하는 단계를 더 포함하는 것을 특징으로 하는 광고 표시 모듈의 광고 노출 방법.After the display of the advertisement exposure area, if the touch movement is detected in the user terminal with respect to the advertisement exposure area, further comprising the step of performing up and down or left and right scrolling on the advertisement exposure area. How to expose ads.
  17. 화면으로 입력되는 입력 신호 종류를 결정하는 단계,Determining an input signal type input to the screen;
    상기 입력 신호가 플리킹(Filcking)으로 결정되면 상기 입력 신호의 이동 궤적을 계산하는 단계; 및Calculating a moving trajectory of the input signal when the input signal is determined to be flicking; And
    상기 계산된 이동 궤적이 끝나는 영역과 대응되는 컨텐츠 영역에 메뉴를 생성하여 표시하는 단계를 포함하는 입력 신호에 따라 동적으로 메뉴를 표시하는 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체A method for dynamically displaying a menu according to an input signal, the method including generating and displaying a menu in a content area corresponding to an area where the calculated movement trajectory ends, is recorded by a program and can be read by an electronic device.
  18. 컨텐츠 영역에 상응하는 전면 컨텐츠 레이어를 생성하고, 상기 전면 컨텐츠 레이어의 후면에 구비되며 광고 영역에 상응하는 후면 광고 레이어를 생성하는 단계; 사용자 단말에서 터치 이동이 감지되면, 감지된 입력 신호를 수신하는 단계; 상기 입력 신호에 근거하여 상기 컨텐츠 영역에 대한 스크롤을 수행하여 표시하도록 하는 단계; 및 상기 후면 광고 레이어의 광고 영역 중 컨텐츠 영역의 이동에 따라 발생된 화면의 공간에 상응하는 부분의 광고 영역을 상기 컨텐츠 영역의 이동에 의해 발생된 화면의 공간에 광고 노출 영역으로 표시하도록 하는 단계를 포함하는 광고 표시 모듈의 광고 표시 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체.Generating a front content layer corresponding to a content area, and generating a back advertisement layer provided on a rear surface of the front content layer and corresponding to an advertisement area; If a touch movement is detected at the user terminal, receiving a sensed input signal; Scrolling and displaying the content area based on the input signal; And displaying an advertisement area corresponding to a space of a screen generated by the movement of the content area among the advertisement areas of the rear advertisement layer as an advertisement exposure area in the space of the screen generated by the movement of the content area. A recording medium in which an advertisement display method of an advertisement display module is recorded by a program and readable by an electronic device.
PCT/KR2013/006620 2012-10-04 2013-07-25 Menu display module for dynamically displaying menu according to input signal, method therefor, and recording medium therefor WO2014054851A1 (en)

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
KR10-2012-0109854 2012-10-04
KR1020120109854A KR102045959B1 (en) 2012-10-04 2012-10-04 Menu Display Module And Method For Dynamically Determining Menu Type and Menu Display Position Based On Input Signal, And Recordable Medium Storing The Method
KR10-2012-0115475 2012-10-17
KR1020120115475A KR20140049630A (en) 2012-10-17 2012-10-17 System and method for disposing advertisement in mobile web page

Publications (1)

Publication Number Publication Date
WO2014054851A1 true WO2014054851A1 (en) 2014-04-10

Family

ID=50435158

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2013/006620 WO2014054851A1 (en) 2012-10-04 2013-07-25 Menu display module for dynamically displaying menu according to input signal, method therefor, and recording medium therefor

Country Status (1)

Country Link
WO (1) WO2014054851A1 (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110100414A (en) * 2010-03-04 2011-09-14 삼성전자주식회사 Digital apparatus and method for displaying user interface for transmitting contents
KR20110107059A (en) * 2010-03-24 2011-09-30 엘지전자 주식회사 Mobile terminal and method for controlling thereof
KR20120066914A (en) * 2010-12-15 2012-06-25 엘지전자 주식회사 Mobile terminal and method for controlling thereof
KR20120068266A (en) * 2010-12-17 2012-06-27 엘지전자 주식회사 Mobile terminal and method for controlling display thereof
KR20120075845A (en) * 2010-12-29 2012-07-09 삼성전자주식회사 Method for inputting memo in touch screen terminal and device thereof

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110100414A (en) * 2010-03-04 2011-09-14 삼성전자주식회사 Digital apparatus and method for displaying user interface for transmitting contents
KR20110107059A (en) * 2010-03-24 2011-09-30 엘지전자 주식회사 Mobile terminal and method for controlling thereof
KR20120066914A (en) * 2010-12-15 2012-06-25 엘지전자 주식회사 Mobile terminal and method for controlling thereof
KR20120068266A (en) * 2010-12-17 2012-06-27 엘지전자 주식회사 Mobile terminal and method for controlling display thereof
KR20120075845A (en) * 2010-12-29 2012-07-09 삼성전자주식회사 Method for inputting memo in touch screen terminal and device thereof

Similar Documents

Publication Publication Date Title
WO2014058144A1 (en) Method and system for displaying fast-scrolling content and scroll bar
WO2016093506A1 (en) Mobile terminal and control method therefor
WO2011078540A2 (en) Mobile device and related control method for external output depending on user interaction based on image sensing module
WO2012018212A2 (en) Touch-sensitive device and touch-based folder control method thereof
WO2012030155A2 (en) Item display method and apparatus
WO2014017790A1 (en) Display device and control method thereof
WO2014204048A1 (en) Portable device and method for controlling the same
WO2015005674A1 (en) Method for displaying and electronic device thereof
WO2013089392A1 (en) Bendable display device and displaying method thereof
WO2017135563A2 (en) Multi-screen mobile device and operation
WO2014092295A1 (en) Display device for converting voice to text and method thereof
WO2015009103A1 (en) Method of providing message and user device supporting the same
WO2014069882A1 (en) Method and apparatus for processing webpage in terminal device by using cloud server
WO2015178677A1 (en) User terminal device, method for controlling user terminal device, and multimedia system thereof
WO2014119878A1 (en) Scrolling method and electronic device thereof
WO2019139367A1 (en) Display device and method for touch interface
WO2013119019A1 (en) Method and apparatus for playing an animation in a mobile terminal
WO2015002386A1 (en) Method for restoring an autocorrected character and electronic device thereof
WO2015178691A1 (en) Display apparatus and controlling method thereof
WO2015020496A1 (en) Device for providing user interface for video editing, and providing method thereof and recording medium
WO2016182328A1 (en) Content display control method and user terminal for performing content display control method
WO2019039739A1 (en) Display apparatus and control method thereof
WO2016076568A1 (en) Display apparatus and control method thereof
WO2014069815A1 (en) Display apparatus for studying mask and method for displaying studying mask
WO2015012607A1 (en) Method for displaying and an electronic device thereof

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 13843956

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 13843956

Country of ref document: EP

Kind code of ref document: A1