WO2016043449A1 - Terminal device and web page display method using same, and web server and web page providing method using same - Google Patents

Terminal device and web page display method using same, and web server and web page providing method using same Download PDF

Info

Publication number
WO2016043449A1
WO2016043449A1 PCT/KR2015/009111 KR2015009111W WO2016043449A1 WO 2016043449 A1 WO2016043449 A1 WO 2016043449A1 KR 2015009111 W KR2015009111 W KR 2015009111W WO 2016043449 A1 WO2016043449 A1 WO 2016043449A1
Authority
WO
WIPO (PCT)
Prior art keywords
content area
web page
size
terminal device
content
Prior art date
Application number
PCT/KR2015/009111
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
Application filed by 네이버 주식회사 filed Critical 네이버 주식회사
Publication of WO2016043449A1 publication Critical patent/WO2016043449A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Definitions

  • the present invention relates to a terminal device, a web page display method thereof, and a web server and a web page providing method thereof.
  • portal site companies provide users with various information such as weather, dictionaries, performances, trips, movies, etc., and at the same time, provide users with advertisement information for inducing users to purchase goods or services.
  • the user can search for specific information through the web page at any time, and can easily and simply obtain the information he / she wants.
  • a terminal device, a web page display method, and a web server and a web page providing method provide specific information to a user using a user interface (UI) that can focus the user's attention. It aims to provide.
  • UI user interface
  • the terminal device and the web page display method and the web server and the web page providing method according to an embodiment of the present invention aims to improve the advertising effect on the advertising content.
  • terminal device and the web page display method, and the web server and the web page providing method according to an embodiment of the present invention is to improve the advertising profitability of the advertising companies.
  • a terminal device, a web page display method, and a web server and a web page providing method provide specific information to a user using a user interface (UI) that can focus the user's attention. Can provide.
  • UI user interface
  • a terminal device a method of displaying a web page, and a method of providing a web page by the web server and the method of providing a web page, do not reduce the user's convenience by naturally exposing an additional content area to the user's web page scrolling process. Ads can be provided without the need.
  • the terminal apparatus may improve an advertisement effect on advertisement content.
  • terminal device and the web page display method, and the web server and the web page providing method according to an embodiment of the present invention can improve the advertising profitability of the advertising companies.
  • FIG. 1 is a diagram illustrating a terminal device and a web server according to an exemplary embodiment of the present invention.
  • FIG. 2 is a diagram illustrating a procedure of a web page display method according to an embodiment of the present invention.
  • FIG. 3 is a diagram showing a specific procedure of a web page display method according to another embodiment of the present invention.
  • 4A to 4C are diagrams for describing a positional relationship between a content area and a preset point on a screen.
  • 5A and 5B are diagrams for describing a positional relationship between a content area and a preset point on a screen.
  • 6A through 6C are diagrams illustrating content areas whose sizes change as a web page moves.
  • FIGS. 7A to 7C are diagrams illustrating content areas whose sizes change as a web page moves.
  • FIG. 8 is a block diagram illustrating a configuration of a terminal device according to another embodiment of the present invention.
  • FIG. 9 is a flowchart illustrating a method of providing a web page according to another embodiment of the present invention.
  • FIG. 10 is a block diagram showing the configuration of a web server according to another embodiment of the present invention.
  • a method of displaying a web page by a terminal device comprising: displaying a web page on a screen; Comparing a position of a first point preset with respect to the screen with a position of a content area included in the web page; And changing the size of the content area according to a scroll input of a user based on the comparison result.
  • a display unit displaying a web page on a screen;
  • a sensing unit comparing a position of a first point preset with respect to the screen with a position of a content area included in the web page;
  • a controller configured to change the size of the content area according to a scroll input of a user based on the comparison result.
  • a method of providing a web page by a web server comprising: receiving a request for a web page from a terminal device; And providing the web page to the terminal device according to a request of the terminal device, wherein the web page is a first point preset for the screen when the web page is displayed on the screen of the terminal device.
  • the size of the content area may be changed according to a scroll input of the user, based on a result of the comparison between the location of the and the location of the content area included in the web page.
  • a storage unit for storing a web page for storing a web page; And a communication unit configured to provide the stored web page to the terminal device according to a request of the terminal device, wherein the web page is a first point preset for the screen when the web page is displayed on the screen of the terminal device.
  • the size of the content area may be changed according to a scroll input of the user, based on a result of the comparison between the location of the and the location of the content area included in the web page.
  • a 'part' refers to a hardware component such as software, FPGA, or ASIC, and 'part' plays a role. But wealth is not limited to software or hardware.
  • the 'unit' may be configured to be in an addressable storage medium or may be configured to play one or more processors.
  • a 'part' may include components such as software components, object-oriented software components, class components, and task components, processes, functions, properties, procedures, Subroutines, segments of program code, drivers, firmware, microcode, circuits, data, databases, data structures, tables, arrays and variables.
  • the functionality provided within the components and 'parts' may be combined into a smaller number of components and 'parts' or further separated into additional components and 'parts'.
  • FIG. 1 is a diagram illustrating a terminal device 110 and a web server 130 according to an embodiment of the present invention.
  • the terminal device 110 and the web server 130 are connected to each other through a network 10.
  • the network 10 may include a wired network and a wireless network, for example, a local area network (LAN), a metropolitan area network (MAN), a wide area network (WAN), or the like. It can include a variety of networks.
  • the network 10 may also include a known World Wide Web (WWW).
  • WWW World Wide Web
  • the network 10 according to the present invention is not limited to the networks listed above, and may include at least a part of a known wireless data network, a known telephone network, and a known wired / wireless television network.
  • the terminal device 110 requests a web page from the web server 130 and displays a web page transmitted from the web server 130 through a predetermined application such as a web browser on the screen.
  • the terminal device 110 may receive a web page from the web server 130 based on the address of the web page input by the user.
  • FIG. 1 illustrates a smartphone as a terminal device 110
  • the terminal device 110 connects to a network 10 as well as a smartphone and connects to a web from a web server 130.
  • Various types of terminal devices 110 may be included, such as a desktop computer, a notebook computer, a PDA, a web pad, and a tablet PC capable of receiving a page.
  • the web server 130 transmits the web page to the terminal device 110.
  • the web page transmitted to the terminal device 110 may control the operation of the terminal device 110.
  • the web page may include a command or a script for controlling the terminal device 110.
  • the terminal device 110 may change the size of the content area included in the web page when the web page moves according to a user's scroll input for the web page displayed on the screen. Accordingly, the user may focus more on the information included in the content area.
  • a detailed operation of the terminal device 110 according to an embodiment of the present invention will be described with reference to FIG. 2.
  • FIG. 2 is a diagram illustrating a procedure of a web page display method according to an embodiment of the present invention.
  • the terminal device 110 displays a web page on the screen of the terminal device 110.
  • the terminal device 110 may receive the web page from the web server 130 and display the web page on the screen of the terminal device 110 using a predetermined application.
  • the web page displayed on the screen by the terminal device 110 may include a content area.
  • the content area may include information expressed in various forms such as text, image, video, and voice.
  • the content area may include advertisement content for enhancing an image of a specific company and inducing a user to purchase a product or service.
  • the terminal device 110 compares the position of the preset point with respect to the screen and the position of the content area.
  • Information about a preset point for the screen may be preset in the terminal device 110, or corresponding information may be preset in a web page.
  • the terminal device 110 changes the size of the content area according to the scroll input of the user, based on a comparison result between the position of the preset point and the location of the content area.
  • the terminal device 110 may change the size of the content area only when the location of the preset point and the location of the content area correspond to a specific relationship as a result of comparing the location of the preset point with the location of the content area. Can be. The specific relationship will be described later with reference to FIGS. 4 (a) to 4 (c), 5 (a) and 5 (b).
  • the size of the content area may be changed according to the scroll input of the user.
  • the scroll input refers to an input for moving a web page displayed on the screen up or down or left and right.
  • the user may check the entire contents of the web page by moving the web page displayed on the screen through a scroll input.
  • the scroll input of the user may include a touch input on the screen of the terminal device 110, for example, a user's touch input on an arbitrary point on the screen, and a drag input in an arbitrary direction.
  • the scroll input may include an input using an external input device such as a mouse or a keyboard, an input to an external button of the terminal device 110, or the like.
  • the terminal device 110 detects a moving direction of the web page, that is, whether the web page moves upward, downward, leftward, or rightward, according to a user's scroll input. Can be.
  • the terminal device 110 may change the content image included in the content area while changing the size of the content area.
  • the terminal device 110 may include a specific image element in the content area, remove some of the image elements included in the content area, or change an image element included in the content area while changing the size of the content area. By changing all or part of them to another image element, the content image can be changed.
  • the size of the content area including the specific information may be changed based on the scroll input of the user, thereby focusing the user's attention on the content area.
  • by including the advertising content in the content area it is possible to improve the advertising effect.
  • the terminal device 110 may provide information necessary for determining a billing amount for the advertiser (web server). 130).
  • the terminal device 110 may inform that the advertisement content is displayed on the screen of the terminal device 110, and touch the advertisement content displayed on the screen. Or at least one of information indicating that the user is selected by the user by clicking, information on the time at which the advertisement content is exposed to the user, and information about the size of the advertisement content area displayed on the screen to the web server 130.
  • the web server 130 may determine the billed amount for the advertiser based on the information transmitted from the various terminal devices 110.
  • FIG. 3 is a diagram showing a specific procedure of a web page display method according to another embodiment of the present invention. The steps of some of the steps shown in FIG. 3 may be omitted, the order may be changed, and the specific steps may be added without departing from the spirit of the present invention.
  • the terminal device 110 receives a web page from the web server 130.
  • the terminal device 110 may request a web page corresponding to the address input by the user to the web server 130 through a predetermined application, and receive the web page from the web server 130.
  • the terminal device 110 displays a web page on the screen of the terminal device 110 using a predetermined application.
  • the terminal device 110 compares a location of a preset point with respect to the screen and a location of a content area included in a web page.
  • the terminal device 110 may perform operations S340, S350, and S360 below only when the position of the preset point and the position of the content area correspond to a specific relationship. Can be performed.
  • the terminal device 110 detects a moving direction of the web page moving according to the scroll input of the user.
  • the web page moves upwards according to the user's scroll input, and conversely, when the user scrolls downward, the webpage is moved to the user's scroll input. To the lower direction.
  • the terminal device 110 changes the size of the content area according to the moving direction of the web page.
  • the terminal device 110 When the moving direction of the web page according to the scroll input is the first direction, the terminal device 110 gradually increases the size of the content area, and when the moving direction of the web page is the second direction opposite to the first direction. As a result, the size of the content area may be gradually reduced.
  • the terminal device 110 changes the content image included in the content area.
  • 4A to 4C are diagrams for describing a positional relationship between a content area and a preset point on a screen.
  • the terminal device 110 may change the size of the content area according to the scroll input of the user when the location of the content area and the location of the preset point with respect to the screen have a specific relationship.
  • the terminal 442 or 444 of the content area 440 when the terminal 442 or 444 of the content area 440 is located above or below the first point 410, The size of the content area 440 may be changed.
  • 4A illustrates a straight line as the first point 410, which is merely an example, and the first point 410 may include one point set on the screen.
  • the terminal device 110 may change the size of the content area 440 according to a scroll input of the user, the terminal device 110 may change the size of the content area 44 only up to a preset size.
  • the terminal device 110 has a lower end 442 of the content area 440 located above the first point 410, and an upper end of the content area 440.
  • the size of the content area may be changed.
  • the first point 410 may mean the lower 5% boundary of the screen
  • the second point 420 may mean the upper 5% boundary of the screen.
  • the terminal device 110 has a lower end 442 of the content area 440 above the first point 410, and an upper end 444 of the content area 440 below the second point 420.
  • the size of the content area can be changed.
  • the terminal device 110 has a lower end 442 of the content area 440 above the second point 420, and an upper end 444 of the content area 440 below the third point 430.
  • the size of the content area can be changed. This is to set the range in which the size of the content area is changed to two. By changing the size of the content area 440 in two different ways within the two ranges, the user's attention can be further improved.
  • the lower end 442 of the content area 440 is located above the first point 410, and the upper end 444 of the content area 440 is located above the second point 420.
  • the size of the content area 440 is gradually increased, and the lower end 442 of the content area 440 is higher than the second point 420.
  • the size of the content area 440 is gradually decreased.
  • three or more ranges may be set on the screen of the terminal device 110 to change the size of the content area 440 in each range.
  • 5A and 5B are diagrams for describing a positional relationship between a content area and a preset point on a screen.
  • the preset point for the screen may include a preset area for the screen, and the position and size of the preset area may be changed by the user.
  • the terminal device 110 may change the size of the content area 440.
  • Whether the content area 440 is included in the first area 510 may be determined in various ways. In detail, when only the bottom 442 of the content area 440 is included in the first area 510, it may be determined that the content area 440 is included in the first area 510 or the content area. It may be determined that the content area 440 is included in the first area 510 when only the upper end 444 of 440 is included in the first area 510. Alternatively, the bottom 442 of the content area 440 is positioned above the bottom of the first area 510, and the top 444 of the content area 440 is located below the top of the first area 510. In some cases, the content area 440 may be determined to be included in the first area 510.
  • At least two preset areas may be set for the screen.
  • the terminal device 110 changes the size of the content area 440 and includes the content area 440 in the second area 520.
  • the size of the content area 440 may be changed.
  • the terminal device 110 when the content area 440 is included in the first area 510 and the moving direction of the web page is the first direction, the terminal device 110 gradually increases the size of the content area 440.
  • the size of the content area 440 may be gradually decreased.
  • three or more areas may be set on the screen of the terminal device 110 to change the size of the content area 440 in each of the corresponding areas.
  • 6C through 6C and 7A through 7C are diagrams illustrating a content area whose size changes as a web page moves.
  • 6A to 6C are diagrams illustrating a process of decreasing the size of a content area, for example.
  • 6A shows a content area 640 of a first size
  • FIG. 6C shows a content area 640 of a second size smaller than the first size.
  • the terminal device 110 displays the content area 640 of the first size.
  • the terminal device 110 may change or delete some of the image objects included in the content area 640 of the first size or add a new image object to display in the content area 640 of the second size. For example, only a predetermined image object in the content area 640 of the first size may be displayed in the content area 640 of the second size and the rest may be deleted. 6A to 6C, as the web page 610 is moved upward, the content area 640 of the first size gradually decreases and is changed to the content area 640 of the second size, and the first size. Only some image objects among the image objects included in the content area 640 may be displayed in the content area 640 having the second size.
  • the terminal device 110 may move to the second sized content area.
  • 640 may be gradually enlarged to the content area 640 of the first size larger than the second size.
  • FIG. 7A to 7C are diagrams illustrating a process of increasing the size of a content area, for example.
  • FIG. 7A illustrates a content area 740 having a second size
  • FIG. 7C illustrates a content area 740 having a first size larger than the second size.
  • the terminal device 110 is of the second size.
  • the content area 740 may be gradually enlarged to the content area 740 having a first size larger than the second size.
  • the terminal device 110 changes or deletes an image object included in the content area 740 of the first size, or sets a preset image object that is not included in the content area 740 of the second size. It may be included in the content area 740 of the display. 7A to 7C, as the web page 710 moves upward, the content area 740 of the second size is gradually changed to the content area 740 of the first size, and the size of the second size is increased. It can be seen that image objects not included in the content area 740 are included in the content area 740 of the first size.
  • the terminal device 110 moves to the content area of the first size. 740 may be reduced to a content area 740 of a second size smaller than the first size.
  • 6A to 6C and 7A to 7C illustrate that only advertisement content of the same company is displayed while changing the size of the content area, but the terminal device 110 according to an embodiment of the present invention provides content.
  • advertisement content of two or more companies may be included in the content area and displayed.
  • the content area is the first size
  • the first advertisement content of the company A may be included
  • the second advertisement content of the B company different from the A company may be included.
  • a company operating the web server 130 may sell one area to two or more companies as an advertisement area, thereby improving advertisement profitability.
  • the web page display method specifically, for example, when the web page is moved upward in response to a user's scroll input, the content area of the maximized area is moved from the bottom of the screen.
  • the size is gradually reduced from the point when the bottom of the content area reaches a predetermined position (for example, the first point) at the bottom of the screen. If the web page continues to move and the top of the content area reaches a certain position (for example, a second point) at the top of the screen, the size change of the content area is terminated, and the size of the content area is minimized. The movement continues.
  • the content of the minimized area descends from the top of the screen, and the top of the content area is positioned at a certain position (for example, the second point of the screen). ), The size gradually increases. If the web page continues to move and the bottom of the content area reaches a certain position (for example, the first point) at the bottom of the screen, the size change of the content area ends, and the web page moves with the size of the content area maximized. This lasts.
  • the change in the size of the content area may be enlarged or reduced according to the initial size of the content area displayed in the web page or a preset option.
  • FIG. 8 is a block diagram illustrating a configuration of a terminal device 800 according to another embodiment of the present invention.
  • the terminal device 800 may include a display unit 810, a user input receiver 830, a detector 850, and a controller 870.
  • the display unit 810 displays a web page on the screen.
  • the predetermined application stored in the terminal device 800 may display a web page received from the web server 130 on the screen.
  • the user input receiver 830 receives a scroll input of the user for the web page.
  • the user input receiver 830 may include various input devices capable of receiving a user input, such as a touch screen, an external button, a mouse, a keyboard, and a trackball.
  • the sensor 850 compares the position of the preset point with respect to the screen and the position of the content area included in the web page.
  • the detector 850 may detect a moving direction of a web page moving according to a user's scroll input.
  • the controller 770 changes the size of the content area according to the scroll input of the user based on the position comparison result of the sensor 850. If the moving direction of the web page is the first direction, the controller 770 gradually increases the size of the content area according to the scroll input of the user, and if the moving direction of the web page is the second direction, Accordingly, the size of the content area may be gradually reduced. The controller 770 may change the content image included in the content area while changing the size of the content area.
  • FIG. 9 is a diagram illustrating a procedure of a web page providing method according to another exemplary embodiment of the present invention, and describes an operation performed by the web server 130.
  • the web server 130 receives a request of the terminal device 110 for a web page.
  • the web server 130 may receive a request for a web page from the terminal device 110 connected through the network 10 shown in FIG. 1.
  • the web server 130 transmits the web page to the terminal device 110.
  • the web page When the web page is displayed on the screen of the terminal device 110, the web page is based on a scroll input of the user based on a comparison result between a position of a preset point for the screen and a position of a content area included in the web page. Accordingly, the terminal device 110 is controlled to change the size of the content area. In addition, the web page gradually increases the size of the content area when the moving direction of the web page moving according to the scroll input of the user is the first direction, and when the moving direction of the web page is the second direction, The terminal device 110 may be controlled to gradually reduce the size.
  • the web page may control the terminal device 110 to change the content image included in the content area.
  • the web page may include information on how to change the content image.
  • the web page may control the terminal device 110 to change the size of the content area when the relationship between the position of the preset point on the screen and the location of the content area corresponds to a specific relationship.
  • FIG. 10 is a block diagram showing the configuration of a web server 1000 according to another embodiment of the present invention.
  • the web server 1000 includes a storage unit 1010, a communication unit 1030, and a controller 1050, and further includes a charging unit 1070. can do.
  • the controller 1050 may control operations of the storage 1010 and the communication unit 1030, and the controller 1050 may be configured as a microprocessor.
  • the storage unit 1010 stores a web page.
  • the web page may be received from another server externally, or may be generated by the web page creators and stored in the web server 1000. Alternatively, the web page may be automatically generated by the web server 1000 and stored in the storage 1010.
  • the communication unit 1030 receives a request of the terminal device 110 for the web page, and transmits the web page to the terminal device 110 according to the request of the terminal device 110.
  • the billing unit 1050 determines the billing amount for the advertisers according to the information received by the communication unit 1030.
  • the charging unit 1050 may include the number of times the content area is output by the various terminal devices 110, the number of times the content area is selected by the user of the various terminal devices 110, and the content area in the various terminal devices 110.
  • the billing price for the advertiser may be determined based on at least one of the displayed time and the size of the content area displayed on the various terminal devices 110.
  • the web page may include a command or a script for controlling the operation of the terminal device 110.
  • the web page is based on a comparison result between a location of a preset point with respect to the screen of the terminal device 110 and a location of a content area included in the web page.
  • the terminal device may be controlled to change the size of the content area according to the scroll input of.
  • the web page may control the terminal device 110 to change the size of the content area included in the web page based on the moving direction of the web page moving according to the scroll input of the user. Since the content of the web page controlling the terminal device 110 has been described above, a detailed description thereof will be omitted.
  • the above-described embodiments of the present invention can be written as a program that can be executed in a computer, and can be implemented in a general-purpose digital computer that operates the program using a computer-readable recording medium.
  • the computer-readable recording medium may be a magnetic storage medium (for example, a ROM, a floppy disk, a hard disk, etc.), an optical reading medium (for example, a CD-ROM, a DVD, etc.) and a carrier wave (for example, the Internet). Storage medium).
  • a magnetic storage medium for example, a ROM, a floppy disk, a hard disk, etc.
  • an optical reading medium for example, a CD-ROM, a DVD, etc.
  • carrier wave for example, the Internet.

Abstract

A method for displaying a web page by a terminal device is disclosed. A method for displaying a web page according to an embodiment of the present invention comprises the steps of: displaying a web page on a screen; comparing the position of a first point predetermined for the screen and the position of a content area included in the web page; and changing the size of the content area according to a scrolling input from a user on the basis of a result of the comparison.

Description

단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법A terminal device and a web page display method thereof, and a web server and a web page providing method
본 발명은 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법에 관한 것이다.The present invention relates to a terminal device, a web page display method thereof, and a web server and a web page providing method thereof.
모바일 단말 및 모바일 단말을 통한 네트워크로의 접속이 활발해짐에 따라, 웹 서버를 운영하는 업체들은 사용자 단말로 전송하는 웹 페이지를 통해 사용자에게 다양한 서비스를 제공하고 있다. As the access to the network through the mobile terminal and the mobile terminal becomes active, companies operating a web server provide various services to the user through a web page transmitted to the user terminal.
예를 들어, 포털 사이트 업체들은 사용자에게 날씨, 사전, 공연, 여행, 영화 등의 다양한 정보를 제공하면서, 이와 동시에 사용자의 상품 구매나 서비스 구매를 유도하는 광고 정보를 사용자에게 제공하고 있다. 사용자는 언제든지 웹 페이지를 통해 특정 정보를 검색하여, 쉽고 간편하게 자신이 원하는 정보를 획득할 수 있다.For example, portal site companies provide users with various information such as weather, dictionaries, performances, trips, movies, etc., and at the same time, provide users with advertisement information for inducing users to purchase goods or services. The user can search for specific information through the web page at any time, and can easily and simply obtain the information he / she wants.
현재 대부분의 업체들은 모두 비슷한 플랫폼을 갖는 웹 페이지에 다양한 정보를 포함시켜 사용자에게 제공하는데, 사용자는 다양한 업체들로부터 제공되는 웹 페이지의 플랫폼에 매우 익숙해져, 업체들이 특정 정보를 웹 페이지에 포함시키더라도 사용자의 주의를 끌기 어려울 수 있다.Currently, most companies provide users with a variety of information included in web pages with similar platforms, and users are very familiar with the platform of web pages provided by various companies. Even the user's attention can be difficult.
따라서, 특정 정보를 웹 페이지에 포함시키면서 이에 대한 사용자의 주의력을 끌 수 있는 효과적인 방안이 요구된다.Therefore, there is a need for an effective way to include specific information in a web page and attract user's attention to it.
본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 사용자의 주의력을 집중시킬 수 있는 UI(user interface)를 이용하여 사용자에게 특정 정보를 제공하는 것을 목적으로 한다.According to an embodiment of the present invention, a terminal device, a web page display method, and a web server and a web page providing method according to an embodiment of the present invention provide specific information to a user using a user interface (UI) that can focus the user's attention. It aims to provide.
또한, 본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 광고 컨텐츠에 대한 광고 효과를 향상시키는 것을 목적으로 한다.In addition, the terminal device and the web page display method and the web server and the web page providing method according to an embodiment of the present invention aims to improve the advertising effect on the advertising content.
또한, 본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 광고 업체들의 광고 수익성을 향상시키는 것을 목적으로 한다.In addition, the terminal device and the web page display method, and the web server and the web page providing method according to an embodiment of the present invention is to improve the advertising profitability of the advertising companies.
본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 사용자의 주의력을 집중시킬 수 있는 UI(user interface)를 이용하여 사용자에게 특정 정보를 제공할 수 있다.According to an embodiment of the present invention, a terminal device, a web page display method, and a web server and a web page providing method according to an embodiment of the present invention provide specific information to a user using a user interface (UI) that can focus the user's attention. Can provide.
본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 사용자의 웹 페이지 스크롤 과정에 자연스럽게 추가적인 컨텐츠 영역을 노출시킴으로써 사용자의 이용상 편의를 감소시키지 않고도 광고 등을 제공할 수 있다.According to an embodiment of the present invention, a terminal device, a method of displaying a web page, and a method of providing a web page by the web server and the method of providing a web page, do not reduce the user's convenience by naturally exposing an additional content area to the user's web page scrolling process. Ads can be provided without the need.
또한, 본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 광고 컨텐츠에 대한 광고 효과를 향상시킬 수 있다.In addition, the terminal apparatus according to an embodiment of the present invention, a method of displaying a web page by the same, and a method of providing a web page by the web server and the same may improve an advertisement effect on advertisement content.
또한, 본 발명의 일 실시예에 따른 단말 장치 및 이에 의한 웹 페이지 표시 방법, 및 웹 서버 및 이에 의한 웹 페이지 제공 방법은 광고 업체들의 광고 수익성을 향상시킬 수 있다.In addition, the terminal device and the web page display method, and the web server and the web page providing method according to an embodiment of the present invention can improve the advertising profitability of the advertising companies.
도 1은 본 발명의 일 실시예에 따른 단말 장치와 웹 서버를 도시하는 도면이다.1 is a diagram illustrating a terminal device and a web server according to an exemplary embodiment of the present invention.
도 2는 본 발명의 일 실시예에 따른 웹 페이지 표시 방법의 순서를 도시하는 도면이다.2 is a diagram illustrating a procedure of a web page display method according to an embodiment of the present invention.
도 3은 본 발명의 다른 실시예에 따른 웹 페이지 표시 방법의 구체적인 순서를 도시하는 도면이다.3 is a diagram showing a specific procedure of a web page display method according to another embodiment of the present invention.
도 4(a) 내지 도 4(c)는 컨텐츠 영역과 화면에 기 설정된 지점의 위치 관계를 설명하기 위한 도면들이다.4A to 4C are diagrams for describing a positional relationship between a content area and a preset point on a screen.
도 5(a) 및 도 5(b)는 컨텐츠 영역과 화면에 기 설정된 지점의 위치 관계를 설명하기 위한 도면들이다.5A and 5B are diagrams for describing a positional relationship between a content area and a preset point on a screen.
도 6a 내지 도 6c는 웹 페이지의 이동에 따라 크기가 변하는 컨텐츠 영역을 도시하는 도면들이다.6A through 6C are diagrams illustrating content areas whose sizes change as a web page moves.
도 7a 내지 도 7c는 웹 페이지의 이동에 따라 크기가 변하는 컨텐츠 영역을 도시하는 도면들이다.7A to 7C are diagrams illustrating content areas whose sizes change as a web page moves.
도 8은 본 발명의 다른 실시예에 따른 단말 장치의 구성을 도시하는 블록도이다.8 is a block diagram illustrating a configuration of a terminal device according to another embodiment of the present invention.
도 9는 본 발명의 다른 실시예에 따른 웹 페이지 제공 방법의 순서를 도시하는 도면이다.9 is a flowchart illustrating a method of providing a web page according to another embodiment of the present invention.
도 10은 본 발명의 또 다른 실시예에 따른 웹 서버의 구성을 도시하는 블록도이다.10 is a block diagram showing the configuration of a web server according to another embodiment of the present invention.
본 발명의 일 실시예에 따른 웹 페이지 표시 방법은,Web page display method according to an embodiment of the present invention,
단말 장치에 의한 웹 페이지 표시 방법에 있어서, 웹 페이지를 화면에 표시하는 단계; 상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하는 단계; 및 상기 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하는 단계를 포함할 수 있다.A method of displaying a web page by a terminal device, the method comprising: displaying a web page on a screen; Comparing a position of a first point preset with respect to the screen with a position of a content area included in the web page; And changing the size of the content area according to a scroll input of a user based on the comparison result.
본 발명의 다른 실시예에 따른 단말 장치는,Terminal device according to another embodiment of the present invention,
웹 페이지를 화면에 표시하는 디스플레이부; 상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하는 감지부; 및 상기 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하는 제어부를 포함할 수 있다.A display unit displaying a web page on a screen; A sensing unit comparing a position of a first point preset with respect to the screen with a position of a content area included in the web page; And a controller configured to change the size of the content area according to a scroll input of a user based on the comparison result.
본 발명의 다른 실시예에 따른 웹 페이지 제공 방법은,Web page providing method according to another embodiment of the present invention,
웹 서버에 의한 웹 페이지 제공 방법에 있어서, 단말 장치로부터 웹 페이지에 대한 요청을 수신하는 단계; 및 상기 단말 장치의 요청에 따라 상기 웹 페이지를 상기 단말 장치로 제공하는 단계를 포함하되, 상기 웹 페이지는, 상기 단말 장치의 화면에 상기 웹 페이지가 표시되면, 상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하도록 할 수 있다.A method of providing a web page by a web server, the method comprising: receiving a request for a web page from a terminal device; And providing the web page to the terminal device according to a request of the terminal device, wherein the web page is a first point preset for the screen when the web page is displayed on the screen of the terminal device. The size of the content area may be changed according to a scroll input of the user, based on a result of the comparison between the location of the and the location of the content area included in the web page.
본 발명의 또 다른 실시예에 따른 웹 서버는,Web server according to another embodiment of the present invention,
웹 페이지를 저장하는 저장부; 및 단말 장치의 요청에 따라 상기 저장된 웹 페이지를 상기 단말 장치로 제공하는 통신부를 포함하되, 상기 웹 페이지는, 상기 단말 장치의 화면에 상기 웹 페이지가 표시되면, 상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하도록 할 수 있다.A storage unit for storing a web page; And a communication unit configured to provide the stored web page to the terminal device according to a request of the terminal device, wherein the web page is a first point preset for the screen when the web page is displayed on the screen of the terminal device. The size of the content area may be changed according to a scroll input of the user, based on a result of the comparison between the location of the and the location of the content area included in the web page.
본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다.Advantages and features of the present invention and methods for achieving them will be apparent with reference to the embodiments described below in detail with the accompanying drawings. However, the present invention is not limited to the embodiments disclosed below, but can be implemented in various different forms, and only the embodiments make the disclosure of the present invention complete, and the general knowledge in the art to which the present invention belongs. It is provided to fully inform the person having the scope of the invention, which is defined only by the scope of the claims. Like reference numerals refer to like elements throughout.
본 실시예에서 사용되는 '부'라는 용어는 소프트웨어, FPGA 또는 ASIC과 같은 하드웨어 구성요소를 의미하며, '부'는 어떤 역할들을 수행한다. 그렇지만 '부'는 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다. '부'는 어드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다. 따라서, 일 예로서 '부'는 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라이버들, 펌웨어, 마이크로 코드, 회로, 데이터, 데이터베이스, 데이터 구조들, 테이블들, 어레이들 및 변수들을 포함한다. 구성요소들과 '부'들 안에서 제공되는 기능은 더 작은 수의 구성요소들 및 '부'들로 결합되거나 추가적인 구성요소들과 '부'들로 더 분리될 수 있다.The term 'part' used in this embodiment refers to a hardware component such as software, FPGA, or ASIC, and 'part' plays a role. But wealth is not limited to software or hardware. The 'unit' may be configured to be in an addressable storage medium or may be configured to play one or more processors. Thus, as an example, a 'part' may include components such as software components, object-oriented software components, class components, and task components, processes, functions, properties, procedures, Subroutines, segments of program code, drivers, firmware, microcode, circuits, data, databases, data structures, tables, arrays and variables. The functionality provided within the components and 'parts' may be combined into a smaller number of components and 'parts' or further separated into additional components and 'parts'.
도 1은 본 발명의 일 실시예에 따른 단말 장치(110)와 웹 서버(130)를 도시하는 도면이다.1 is a diagram illustrating a terminal device 110 and a web server 130 according to an embodiment of the present invention.
도 1에 도시된 바와 같이, 단말 장치(110)와 웹 서버(130)는 네트워크(10)를 통해 서로 연결된다. 네트워크(10)는 유선 네트워크와 무선 네트워크를 포함할 수 있으며, 예를 들어, 근거리 네트워크(LAN: Local Area Network), 도시권 네트워크(MAN: Metropolitan Area Network), 광역 네트워크(WAN: Wide Area Network) 등의 다양한 네트워크를 포함할 수 있다. 또한, 네트워크(10)는 공지의 월드 와이드 웹(WWW: World Wide Web)을 포함할 수도 있다. 그러나, 본 발명에 따른 네트워크(10)는 상기 열거된 네트워크에 국한되지 않고, 공지의 무선 데이터 네트워크나 공지의 전화 네트워크, 공지의 유무선 텔레비전 네트워크를 적어도 일부로서 포함할 수도 있다.As shown in FIG. 1, the terminal device 110 and the web server 130 are connected to each other through a network 10. The network 10 may include a wired network and a wireless network, for example, a local area network (LAN), a metropolitan area network (MAN), a wide area network (WAN), or the like. It can include a variety of networks. The network 10 may also include a known World Wide Web (WWW). However, the network 10 according to the present invention is not limited to the networks listed above, and may include at least a part of a known wireless data network, a known telephone network, and a known wired / wireless television network.
단말 장치(110)는 웹 서버(130)로 웹 페이지를 요청하고, 웹 브라우져 등의 소정 어플리케이션을 통해 웹 서버(130)로부터 전송되는 웹 페이지를 화면에 표시한다. 단말 장치(110)는 사용자가 입력한 웹 페이지의 주소를 기초로, 웹 서버(130)로부터 웹 페이지를 수신할 수 있다. The terminal device 110 requests a web page from the web server 130 and displays a web page transmitted from the web server 130 through a predetermined application such as a web browser on the screen. The terminal device 110 may receive a web page from the web server 130 based on the address of the web page input by the user.
도 1은 단말 장치(110)로서, 스마트폰을 도시하고 있지만, 본 발명의 일 실시예에 따른 단말 장치(110)는 스마트폰 뿐만 아니라, 네트워크(10)에 접속하여 웹 서버(130)로부터 웹 페이지를 수신할 수 있는 데스크탑 컴퓨터, 노트북 컴퓨터, PDA, 웹 패드, 테블릿 PC 등 다양한 종류의 단말 장치(110)를 포함할 수 있다.Although FIG. 1 illustrates a smartphone as a terminal device 110, the terminal device 110 according to an embodiment of the present invention connects to a network 10 as well as a smartphone and connects to a web from a web server 130. Various types of terminal devices 110 may be included, such as a desktop computer, a notebook computer, a PDA, a web pad, and a tablet PC capable of receiving a page.
웹 서버(130)는 웹 페이지에 대한 단말 장치(110)의 요청이 수신되면, 단말 장치(110)로 웹 페이지를 전송한다. 단말 장치(110)로 전송되는 웹 페이지는 단말 장치(110)의 동작을 제어할 수 있다. 다시 말해, 웹 페이지는 단말 장치(110)를 제어하기 위한 명령어 또는 스크립트를 포함하여 구성될 수 있다.When the request of the terminal device 110 for the web page is received, the web server 130 transmits the web page to the terminal device 110. The web page transmitted to the terminal device 110 may control the operation of the terminal device 110. In other words, the web page may include a command or a script for controlling the terminal device 110.
본 발명의 일 실시예에 따른 단말 장치(110)는 화면에 표시된 웹 페이지에 대한 사용자의 스크롤 입력에 따라 웹 페이지가 이동하는 경우, 웹 페이지에 포함된 컨텐츠 영역의 크기를 변화시킬 수 있고, 이에 따라, 사용자는 컨텐츠 영역에 포함된 정보에 대해 더욱 집중할 수 있다. 본 발명의 일 실시예에 따른 단말 장치(110)의 구체적인 동작에 대해서는 도 2를 참조하여 설명한다.The terminal device 110 according to an embodiment of the present invention may change the size of the content area included in the web page when the web page moves according to a user's scroll input for the web page displayed on the screen. Accordingly, the user may focus more on the information included in the content area. A detailed operation of the terminal device 110 according to an embodiment of the present invention will be described with reference to FIG. 2.
도 2는 본 발명의 일 실시예에 따른 웹 페이지 표시 방법의 순서를 도시하는 도면이다.2 is a diagram illustrating a procedure of a web page display method according to an embodiment of the present invention.
S210 단계에서, 단말 장치(110)는 단말 장치(110)의 화면에 웹 페이지를 표시한다. 단말 장치(110)는 웹 페이지를 웹 서버(130)로부터 수신하고, 소정 어플리케이션을 이용하여 단말 장치(110)의 화면에 웹 페이지를 표시할 수 있다. In operation S210, the terminal device 110 displays a web page on the screen of the terminal device 110. The terminal device 110 may receive the web page from the web server 130 and display the web page on the screen of the terminal device 110 using a predetermined application.
단말 장치(110)가 화면에 표시하는 웹 페이지에는 컨텐츠 영역이 포함될 수 있다. 컨텐츠 영역은 텍스트, 이미지, 동영상, 음성 등 다양한 형태로 표현된 정보를 포함할 수 있다. 예를 들면, 컨텐츠 영역은 특정 업체에 대한 이미지 제고, 상품이나 서비스에 대한 사용자의 구매를 유도하는 광고 컨텐츠를 포함할 수 있다.The web page displayed on the screen by the terminal device 110 may include a content area. The content area may include information expressed in various forms such as text, image, video, and voice. For example, the content area may include advertisement content for enhancing an image of a specific company and inducing a user to purchase a product or service.
S220 단계에서, 단말 장치(110)는 화면에 대해 기 설정된 지점의 위치와 컨텐츠 영역의 위치를 비교한다. 화면에 대해 기 설정된 지점에 대한 정보는 단말 장치(110)에 기 설정되어 있을 수 있고, 또는, 웹 페이지에 해당 정보가 기 설정되어 있을 수도 있다.In operation S220, the terminal device 110 compares the position of the preset point with respect to the screen and the position of the content area. Information about a preset point for the screen may be preset in the terminal device 110, or corresponding information may be preset in a web page.
S230 단계에서, 단말 장치(110)는 기 설정된 지점의 위치와 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경한다.In operation S230, the terminal device 110 changes the size of the content area according to the scroll input of the user, based on a comparison result between the position of the preset point and the location of the content area.
예를 들어, 단말 장치(110)는 기 설정된 지점의 위치와 컨텐츠 영역의 위치의 비교 결과, 기 설정된 지점의 위치와 컨텐츠 영역의 위치가 특정 관계에 해당하는 경우에 한하여, 컨텐츠 영역의 크기를 변경할 수 있다. 상기 특정 관계에 대해서는 도 4(a) 내지 도 4(c), 도 5(a) 및 도 5(b)를 참조하여 후술한다.For example, the terminal device 110 may change the size of the content area only when the location of the preset point and the location of the content area correspond to a specific relationship as a result of comparing the location of the preset point with the location of the content area. Can be. The specific relationship will be described later with reference to FIGS. 4 (a) to 4 (c), 5 (a) and 5 (b).
컨텐츠 영역의 크기는 사용자의 스크롤 입력에 따라서 변경될 수 있다. 여기에서 스크롤 입력이란 사용자가 화면에 나타난 웹 페이지를 상하 또는 좌우로 이동시키기 위한 입력을 의미한다. 사용자는 웹 페이지의 크기가 단말 장치(110)의 화면보다 큰 경우, 스크롤 입력을 통하여 화면에 표시된 웹 페이지를 이동시켜 웹 페이지의 전체 내용을 확인할 수 있다. The size of the content area may be changed according to the scroll input of the user. Here, the scroll input refers to an input for moving a web page displayed on the screen up or down or left and right. When the size of the web page is larger than the screen of the terminal device 110, the user may check the entire contents of the web page by moving the web page displayed on the screen through a scroll input.
사용자의 스크롤 입력은 단말 장치(110)의 화면에 대한 터치 입력, 예를 들어, 화면상의 임의의 지점에 대한 사용자의 터치 입력 후, 임의의 방향으로의 드래그 입력을 포함할 수 있다. 또는, 스크롤 입력은 마우스나 키보드 등의 외부 입력장치를 이용한 입력, 단말 장치(110)의 외부 버튼에 대한 입력 등을 포함할 수도 있다. 단말 장치(110)는 사용자의 스크롤 입력에 따라 웹 페이지의 이동 방향, 즉 웹 페이지가 상부 방향으로 이동하는지, 하부 방향으로 이동하는지, 좌측 방향으로 이동하는지, 또는 우측 방향으로 이동하는지 등을 감지할 수 있다.The scroll input of the user may include a touch input on the screen of the terminal device 110, for example, a user's touch input on an arbitrary point on the screen, and a drag input in an arbitrary direction. Alternatively, the scroll input may include an input using an external input device such as a mouse or a keyboard, an input to an external button of the terminal device 110, or the like. The terminal device 110 detects a moving direction of the web page, that is, whether the web page moves upward, downward, leftward, or rightward, according to a user's scroll input. Can be.
단말 장치(110)는 컨텐츠 영역의 크기를 변경시키면서, 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경할 수 있다. 예를 들어, 단말 장치(110)는 컨텐츠 영역의 크기를 변경시키면서, 컨텐츠 영역 내에 특정 이미지 요소를 포함시키거나, 컨텐츠 영역 내에 포함된 이미지 요소들 중 일부를 제거하거나, 컨텐츠 영역 내에 포함된 이미지 요소들의 전부 또는 일부를 다른 이미지 요소로 변경함으로써, 컨텐츠 이미지를 변경할 수 있다. The terminal device 110 may change the content image included in the content area while changing the size of the content area. For example, the terminal device 110 may include a specific image element in the content area, remove some of the image elements included in the content area, or change an image element included in the content area while changing the size of the content area. By changing all or part of them to another image element, the content image can be changed.
본 발명의 일 실시예에 따르면, 특정 정보가 포함된 컨텐츠 영역의 크기를 사용자의 스크롤 입력에 기초하여 변경시킬 수 있고, 이를 통해, 컨텐츠 영역에 대한 사용자의 주의력을 집중시킬 수 있다. 또한, 본 발명의 일 실시예에 따르면, 컨텐츠 영역에 광고 컨텐츠를 포함시킴으로써, 광고 효과를 향상시킬 수도 있다.According to an embodiment of the present invention, the size of the content area including the specific information may be changed based on the scroll input of the user, thereby focusing the user's attention on the content area. In addition, according to an embodiment of the present invention, by including the advertising content in the content area, it is possible to improve the advertising effect.
한편, 본 발명의 일 실시예에 따른 단말 장치(110)는 광고 컨텐츠가 포함된 컨텐츠 영역이 단말 장치(110)의 화면에 표시되는 경우, 광고주에 대한 과금 액수를 결정하는데 필요한 정보를 웹 서버(130)로 전송할 수 있다. Meanwhile, when the content area including the advertisement content is displayed on the screen of the terminal device 110, the terminal device 110 may provide information necessary for determining a billing amount for the advertiser (web server). 130).
일 예로서, 단말 장치(110)는 광고 컨텐츠가 단말 장치(110)의 화면에서 표시되는 경우, 광고 컨텐츠가 단말 장치(110)의 화면에 표시되었다는 것을 알리는 정보, 화면상에 표시된 광고 컨텐츠가 터치 또는 클릭 등의 방식으로 사용자에 의해 선택되었다는 것을 알리는 정보, 사용자에게 광고 컨텐츠가 노출된 시간 정보, 및 화면에 표시되었던 광고 컨텐츠 영역의 크기에 대한 정보 중 적어도 하나를 웹 서버(130)로 전송하고, 웹 서버(130)는 여러 단말 장치(110)들로부터 전송되는 정보에 기초하여 광고주에 대한 과금액을 결정할 수 있다.For example, when the advertisement content is displayed on the screen of the terminal device 110, the terminal device 110 may inform that the advertisement content is displayed on the screen of the terminal device 110, and touch the advertisement content displayed on the screen. Or at least one of information indicating that the user is selected by the user by clicking, information on the time at which the advertisement content is exposed to the user, and information about the size of the advertisement content area displayed on the screen to the web server 130. The web server 130 may determine the billed amount for the advertiser based on the information transmitted from the various terminal devices 110.
도 3은 본 발명의 다른 실시예에 따른 웹 페이지 표시 방법의 구체적인 순서를 도시하는 도면이다. 본 발명의 기술적 사상을 벗어나지 않는 범위 내에서 도 3에 도시된 각 단계들 중 일부의 단계는 생략되거나, 순서가 변경될 수 있고, 특정 단계가 추가될 수도 있다.3 is a diagram showing a specific procedure of a web page display method according to another embodiment of the present invention. The steps of some of the steps shown in FIG. 3 may be omitted, the order may be changed, and the specific steps may be added without departing from the spirit of the present invention.
먼저, S310 단계에서, 단말 장치(110)는 웹 서버(130)로부터 웹 페이지를 수신한다. 단말 장치(110)는 소정 어플리케이션을 통해 웹 서버(130)로 사용자가 입력한 주소에 대응하는 웹 페이지를 요청하고, 웹 서버(130)로부터 해당 웹 페이지를 수신할 수 있다.First, in step S310, the terminal device 110 receives a web page from the web server 130. The terminal device 110 may request a web page corresponding to the address input by the user to the web server 130 through a predetermined application, and receive the web page from the web server 130.
S320 단계에서, 단말 장치(110)는 소정 어플리케이션을 이용하여 웹 페이지를 단말 장치(110)의 화면에 표시한다.In operation S320, the terminal device 110 displays a web page on the screen of the terminal device 110 using a predetermined application.
S330 단계에서, 단말 장치(110)는 화면에 대해 기 설정된 지점의 위치와 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교한다. 화면에 대해 기 설정된 지점은 복수 개일 수 있으며, 상기 지점은 화면에 대해 설정된 영역을 포함할 수도 있다.In operation S330, the terminal device 110 compares a location of a preset point with respect to the screen and a location of a content area included in a web page. There may be a plurality of preset points for the screen, and the point may include an area set for the screen.
단말 장치(110)는 기 설정된 지점의 위치와 컨텐츠 영역의 위치의 비교 결과, 기 설정된 지점의 위치와 컨텐츠 영역의 위치가 특정 관계에 해당하는 경우에 한하여, 아래의 S340 단계, S350 단계 및 S360 단계를 수행할 수 있다.As a result of comparing the position of the preset point with the position of the content area, the terminal device 110 may perform operations S340, S350, and S360 below only when the position of the preset point and the position of the content area correspond to a specific relationship. Can be performed.
S340 단계에서, 단말 장치(110)는 사용자의 스크롤 입력에 따라 이동하는 웹 페이지의 이동 방향을 감지한다. 일반적으로, 사용자가 상부 방향으로 스크롤 입력을 한 경우, 웹 페이지는 사용자의 스크롤 입력에 따라 상부 방향으로 이동하고, 반대로, 사용자가 하부 방향으로 스크롤 입력을 한 경우, 웹 페이지는 사용자의 스크롤 입력에 따라 하부 방향으로 이동한다.In operation S340, the terminal device 110 detects a moving direction of the web page moving according to the scroll input of the user. In general, when the user scrolls upward, the web page moves upwards according to the user's scroll input, and conversely, when the user scrolls downward, the webpage is moved to the user's scroll input. To the lower direction.
S350 단계에서, 단말 장치(110)는 웹 페이지의 이동 방향에 따라 컨텐츠 영역의 크기를 변경한다.In operation S350, the terminal device 110 changes the size of the content area according to the moving direction of the web page.
단말 장치(110)는 스크롤 입력에 따른 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역의 크기를 점차적으로 증가시키고, 웹 페이지의 이동 방향이 제 1 방향의 반대 방향인 제 2 방향인 경우, 컨텐츠 영역의 크기를 점차적으로 감소시킬 수 있다. When the moving direction of the web page according to the scroll input is the first direction, the terminal device 110 gradually increases the size of the content area, and when the moving direction of the web page is the second direction opposite to the first direction. As a result, the size of the content area may be gradually reduced.
S360 단계에서, 단말 장치(110)는 컨텐츠 영역의 크기가 변경됨에 따라, 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경한다.In operation S360, as the size of the content area is changed, the terminal device 110 changes the content image included in the content area.
도 4(a) 내지 도 4(c)는 컨텐츠 영역과 화면에 기 설정된 지점의 위치 관계를 설명하기 위한 도면들이다.4A to 4C are diagrams for describing a positional relationship between a content area and a preset point on a screen.
전술한 바와 같이, 단말 장치(110)는 컨텐츠 영역의 위치와 화면에 대해 기 설정된 지점의 위치가 특정 관계에 있을 때, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경할 수 있다. As described above, the terminal device 110 may change the size of the content area according to the scroll input of the user when the location of the content area and the location of the preset point with respect to the screen have a specific relationship.
일 예로서, 도 4(a)에 도시된 바와 같이, 단말 장치(110)는 컨텐츠 영역(440)의 일단(442 또는 444)이 제 1 지점(410)보다 상부 또는 하부에 위치하는 경우에, 컨텐츠 영역(440)의 크기를 변경할 수 있다. 도 4(a)는 제 1 지점(410)으로서 직선을 도시하고 있는데, 이는 하나의 예시일 뿐이며, 제 1 지점(410)은 화면상에 설정된 하나의 점(point)를 포함할 수도 있다. 단말 장치(110)는 사용자의 스크롤 입력에 따라 컨텐츠 영역(440)의 크기를 변경시키는 경우, 기 설정된 크기까지만 컨텐츠 영역(44)의 크기를 변경시킬 수 있다.As an example, as shown in FIG. 4A, when the terminal 442 or 444 of the content area 440 is located above or below the first point 410, The size of the content area 440 may be changed. 4A illustrates a straight line as the first point 410, which is merely an example, and the first point 410 may include one point set on the screen. When the terminal device 110 changes the size of the content area 440 according to a scroll input of the user, the terminal device 110 may change the size of the content area 44 only up to a preset size.
다른 예로서, 도 4(b)에 도시된 바와 같이, 단말 장치(110)는 컨텐츠 영역(440)의 하단(442)이 제 1 지점(410)보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 1 지점(410)의 상부에 위치하는 제 2 지점(420)보다 하부에 위치하는 경우에, 컨텐츠 영역의 크기를 변경할 수도 있다. 예를 들어, 제 1 지점(410)은 화면의 하위 5% 경계선을, 제 2 지점(420)은 화면의 상위 5% 경계선을 의미할 수 있다.As another example, as illustrated in FIG. 4B, the terminal device 110 has a lower end 442 of the content area 440 located above the first point 410, and an upper end of the content area 440. When 444 is located below the second point 420 located above the first point 410, the size of the content area may be changed. For example, the first point 410 may mean the lower 5% boundary of the screen, and the second point 420 may mean the upper 5% boundary of the screen.
또 다른 예로서, 도 4(c)에 도시된 바와 같이, 단말 장치(110)의 화면 상에 세 개의 지점, 즉, 제 1 지점(410), 제 2 지점(420) 및 제 3 지점(430)이 설정될 수도 있다. 이때, 단말 장치(110)는 컨텐츠 영역(440)의 하단(442)이 제 1 지점(410)보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 2 지점(420)보다 하부에 위치한 경우에 컨텐츠 영역의 크기를 변경할 수 있다. 또한, 단말 장치(110)는 컨텐츠 영역(440)의 하단(442)이 제 2 지점(420)보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 3 지점(430)보다 하부에 위치한 경우에 컨텐츠 영역의 크기를 변경할 수 있다. 이는, 컨텐츠 영역의 크기가 변경되는 범위를 2개로 설정한 것으로서, 2개의 범위 내에서 컨텐츠 영역(440)의 크기를 서로 다른 방식으로 변경함으로써, 사용자의 주의력을 더욱 향상시킬 수 있다. As another example, as shown in FIG. 4 (c), three points on the screen of the terminal device 110, that is, the first point 410, the second point 420, and the third point 430. ) May be set. In this case, the terminal device 110 has a lower end 442 of the content area 440 above the first point 410, and an upper end 444 of the content area 440 below the second point 420. When located, the size of the content area can be changed. In addition, the terminal device 110 has a lower end 442 of the content area 440 above the second point 420, and an upper end 444 of the content area 440 below the third point 430. When located, the size of the content area can be changed. This is to set the range in which the size of the content area is changed to two. By changing the size of the content area 440 in two different ways within the two ranges, the user's attention can be further improved.
예를 들어, 단말 장치(110)는 컨텐츠 영역(440)의 하단(442)이 제 1 지점(410)보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 2 지점(420)보다 하부에 위치한 상태에서, 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역(440)의 크기를 점차적으로 증가시키고, 컨텐츠 영역(440)의 하단(442)이 제 2 지점(420)보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 3 지점(430)보다 하부에 위치한 상태에서, 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역(440)의 크기를 점차적으로 감소시킬 수 있다. 구현예에 따라서는, 단말 장치(110)의 화면에 3개 이상의 범위를 설정하여, 각 범위에서 컨텐츠 영역(440)의 크기를 변경할 수도 있다.For example, in the terminal device 110, the lower end 442 of the content area 440 is located above the first point 410, and the upper end 444 of the content area 440 is located above the second point 420. In the lower state, when the moving direction of the web page is the first direction, the size of the content area 440 is gradually increased, and the lower end 442 of the content area 440 is higher than the second point 420. In the state where the top 444 of the content area 440 is located below the third point 430 and the moving direction of the web page is the first direction, the size of the content area 440 is gradually decreased. You can. According to an exemplary embodiment, three or more ranges may be set on the screen of the terminal device 110 to change the size of the content area 440 in each range.
도 5(a) 및 도 5(b)는 컨텐츠 영역과 화면에 기 설정된 지점의 위치 관계를 설명하기 위한 도면들이다.5A and 5B are diagrams for describing a positional relationship between a content area and a preset point on a screen.
화면에 대해 기 설정된 지점은 화면에 대해 기 설정된 영역을 포함할 수도 있으며, 기 설정된 영역의 위치 및 크기는 사용자에 의해 변경될 수도 있다.The preset point for the screen may include a preset area for the screen, and the position and size of the preset area may be changed by the user.
예를 들어, 도 5(a)에 도시된 바와 같이, 단말 장치(110)는 컨텐츠 영역(440)이 제 1 영역(510)에 포함되는 경우, 컨텐츠 영역(440)의 크기를 변경할 수 있다.For example, as illustrated in FIG. 5A, when the content area 440 is included in the first area 510, the terminal device 110 may change the size of the content area 440.
컨텐츠 영역(440)이 제 1 영역(510)에 포함되는지 여부는 다양한 방식으로 결정될 수 있다. 구체적으로, 컨텐츠 영역(440)의 하단(442)만이 제 1 영역(510)에 포함되는 경우를 컨텐츠 영역(440)이 제 1 영역(510)에 포함되는 것으로 판단될 수 있고, 또는, 컨텐츠 영역(440)의 상단(444)만이 제 1 영역(510)에 포함되는 경우를 컨텐츠 영역(440)이 제 1 영역(510)에 포함되는 것으로 판단될 수도 있다. 또는, 컨텐츠 영역(440)의 하단(442)이 제 1 영역(510)의 하단보다 상부에 위치하고, 컨텐츠 영역(440)의 상단(444)이 제 1 영역(510)의 상단보다 하부에 위치하는 경우를 컨텐츠 영역(440)이 제 1 영역(510)에 포함되는 것으로 판단될 수도 있다.Whether the content area 440 is included in the first area 510 may be determined in various ways. In detail, when only the bottom 442 of the content area 440 is included in the first area 510, it may be determined that the content area 440 is included in the first area 510 or the content area. It may be determined that the content area 440 is included in the first area 510 when only the upper end 444 of 440 is included in the first area 510. Alternatively, the bottom 442 of the content area 440 is positioned above the bottom of the first area 510, and the top 444 of the content area 440 is located below the top of the first area 510. In some cases, the content area 440 may be determined to be included in the first area 510.
도 5(b)에 도시된 바와 같이, 화면에 대해 기 설정된 영역은 적어도 2개 이상이 될 수도 있다. 단말 장치(110)는 컨텐츠 영역(440)이 제 1 영역(510)에 포함되는 경우에 컨텐츠 영역(440)의 크기를 변경하고, 컨텐츠 영역(440)이 제 2 영역(520)에 포함되는 경우에 컨텐츠 영역(440)의 크기를 변경할 수 있다. 2개의 영역(510, 520) 내에서 컨텐츠 영역(440)의 크기를 서로 다른 방식으로 변경함으로써, 사용자의 주의력을 더욱 향상시킬 수 있다.As shown in FIG. 5B, at least two preset areas may be set for the screen. When the content area 440 is included in the first area 510, the terminal device 110 changes the size of the content area 440 and includes the content area 440 in the second area 520. The size of the content area 440 may be changed. By changing the size of the content area 440 in the two areas 510 and 520 in different ways, the user's attention can be further improved.
예를 들어, 단말 장치(110)는 컨텐츠 영역(440)이 제 1 영역(510)에 포함된 상태에서, 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역(440)의 크기를 점차적으로 증가시키고, 컨텐츠 영역(440)이 제 2 영역(520)에 포함된 상태에서, 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역(440)의 크기를 점차적으로 감소시킬 수 있다. 구현예에 따라서는, 단말 장치(110)의 화면에 3개 이상의 영역을 설정하여, 해당 영역 각각에서 컨텐츠 영역(440)의 크기를 변경할 수도 있다.For example, when the content area 440 is included in the first area 510 and the moving direction of the web page is the first direction, the terminal device 110 gradually increases the size of the content area 440. When the content area 440 is included in the second area 520 and the moving direction of the web page is the first direction, the size of the content area 440 may be gradually decreased. In some embodiments, three or more areas may be set on the screen of the terminal device 110 to change the size of the content area 440 in each of the corresponding areas.
도 6ca 내지 도 6c, 그리고, 도 7a 내지 도 7c는 웹 페이지의 이동에 따라 크기가 변하는 컨텐츠 영역을 도시하는 도면들이다.6C through 6C and 7A through 7C are diagrams illustrating a content area whose size changes as a web page moves.
도 6a 내지 도 6c는 컨텐츠 영역의 크기가 작아지는 과정을 예를 들어 나타낸 도면이다. 도 6a는 제 1 크기의 컨텐츠 영역(640)을, 도 6c는 제 1 크기보다 작은 제 2 크기의 컨텐츠 영역(640)을 나타내고 있다. 제 1 크기의 컨텐츠 영역(640)이 화면의 하부에 위치하는 경우, 사용자의 스크롤 입력에 의해 웹 페이지(610)가 상부 방향으로 이동할 때, 단말 장치(110)는 제 1 크기의 컨텐츠 영역(640)을 점차적으로 축소시켜 제 1 크기보다 작은 제 2 크기까지 축소시킬 수 있다.6A to 6C are diagrams illustrating a process of decreasing the size of a content area, for example. 6A shows a content area 640 of a first size, and FIG. 6C shows a content area 640 of a second size smaller than the first size. When the content area 640 of the first size is located at the bottom of the screen, when the web page 610 is moved upward by the user's scroll input, the terminal device 110 displays the content area 640 of the first size. ) Can be reduced gradually to a second size smaller than the first size.
단말 장치(110)는 제 1 크기의 컨텐츠 영역(640) 내에 포함된 이미지 객체들 중 일부를 변경 또는 삭제하거나 새로운 이미지 객체를 추가하여 제 2 크기의 컨텐츠 영역(640) 내에 표시할 수 있다. 예를 들면, 제 1 크기의 컨텐츠 영역(640) 내에서 기 설정된 이미지 객체만을 제 2 크기의 컨텐츠 영역 (640) 내에 표시하고 나머지는 삭제할 수 있다. 도 6a 내지 도 6c를 보면, 웹 페이지(610)가 상부 방향으로 이동됨에 따라, 제 1 크기의 컨텐츠 영역(640)이 점차 작아지면서 제 2 크기의 컨텐츠 영역(640)으로 변경되고, 제 1 크기의 컨텐츠 영역(640)에 포함된 이미지 객체들 중 일부 이미지 객체만이 제 2 크기의 컨텐츠 영역(640) 내에 표시된 것을 확인할 수 있다.The terminal device 110 may change or delete some of the image objects included in the content area 640 of the first size or add a new image object to display in the content area 640 of the second size. For example, only a predetermined image object in the content area 640 of the first size may be displayed in the content area 640 of the second size and the rest may be deleted. 6A to 6C, as the web page 610 is moved upward, the content area 640 of the first size gradually decreases and is changed to the content area 640 of the second size, and the first size. Only some image objects among the image objects included in the content area 640 may be displayed in the content area 640 having the second size.
또한, 제 2 크기의 컨텐츠 영역(640)이 화면의 상부에 위치하는 경우, 사용자의 스크롤 입력에 의해 웹 페이지(610)가 하부 방향으로 이동할 때, 단말 장치(110)는 제 2 크기의 컨텐츠 영역(640)을 제 2 크기보다 큰 제 1 크기의 컨텐츠 영역(640)으로 점차적으로 확대시킬 수 있다.In addition, when the second sized content area 640 is positioned at the top of the screen, when the web page 610 moves downward by the user's scroll input, the terminal device 110 may move to the second sized content area. 640 may be gradually enlarged to the content area 640 of the first size larger than the second size.
도 7a 내지 도 7c는 컨텐츠 영역의 크기가 커지는 과정을 예를 들어 나타낸 도면이다. 도 7a는 제 2 크기의 컨텐츠 영역(740)을, 도 7c는 제 2 크기보다 큰 제 1 크기의 컨텐츠 영역(740)을 나타내고 있다. 도 7a에 도시된 제 2 크기의 컨텐츠 영역(740)이 화면의 하부에 위치하는 경우, 사용자의 스크롤 입력에 의해 웹 페이지(710)가 상부 방향으로 이동할 때, 단말 장치(110)는 제 2 크기의 컨텐츠 영역(740)을 제 2 크기보다 큰 제 1 크기의 컨텐츠 영역(740)으로 점차적으로 확대시킬 수도 있다. 이와 동시에 단말 장치(110)는 제 1 크기의 컨텐츠 영역(740) 내에 포함된 이미지 객체를 변경 또는 삭제하거나, 제 2 크기의 컨텐츠 영역(740)에는 포함되어 있지 않았던 기 설정된 이미지 객체를 제 1 크기의 컨텐츠 영역(740) 내에 더 포함시켜 표시할 수 있다. 도 7a 내지 도 7c를 보면, 웹 페이지가(710) 상부 방향으로 이동됨에 따라, 제 2 크기의 컨텐츠 영역(740)이 점차 커지면서 제 1 크기의 컨텐츠 영역(740)으로 변경되고, 제 2 크기의 컨텐츠 영역(740)에 포함되지 않았던 이미지 객체들이 제 1 크기의 컨텐츠 영역(740)에 포함된 것을 확인할 수 있다.7A to 7C are diagrams illustrating a process of increasing the size of a content area, for example. FIG. 7A illustrates a content area 740 having a second size, and FIG. 7C illustrates a content area 740 having a first size larger than the second size. When the content area 740 of the second size shown in FIG. 7A is located at the bottom of the screen, when the web page 710 moves upward by the user's scroll input, the terminal device 110 is of the second size. The content area 740 may be gradually enlarged to the content area 740 having a first size larger than the second size. At the same time, the terminal device 110 changes or deletes an image object included in the content area 740 of the first size, or sets a preset image object that is not included in the content area 740 of the second size. It may be included in the content area 740 of the display. 7A to 7C, as the web page 710 moves upward, the content area 740 of the second size is gradually changed to the content area 740 of the first size, and the size of the second size is increased. It can be seen that image objects not included in the content area 740 are included in the content area 740 of the first size.
만약, 제 1 크기의 컨텐츠 영역(740)이 화면의 상부에 위치하고 있는 경우, 사용자의 스크롤 입력에 의해 웹 페이지(710)가 하부 방향으로 이동할 때, 단말 장치(110)는 제 1 크기의 컨텐츠 영역(740)을 제 1 크기보다 작은 제 2 크기의 컨텐츠 영역(740)으로 축소시킬 수도 있다.If the content area 740 of the first size is located at the top of the screen, when the web page 710 moves downward by the user's scroll input, the terminal device 110 moves to the content area of the first size. 740 may be reduced to a content area 740 of a second size smaller than the first size.
한편, 도 6a 내지 도 6c 및 도 7a 내지 도 7c는 컨텐츠 영역의 크기를 변경하면서, 동일한 업체의 광고 컨텐츠만을 표시하는 것으로 도시하고 있는데, 본 발명의 일 실시예에 따른 단말 장치(110)는 컨텐츠 영역이 제 1 크기에서 제 2 크기로 변경될 때, 또는 제 2 크기에서 제 1 크기로 변경될 때, 두 개 이상의 회사의 광고 컨텐츠를 컨텐츠 영역에 포함시켜 표시할 수도 있다. 예를 들어, 컨텐츠 영역이 제 1 크기일 때, A 회사의 제 1 광고 컨텐츠를 포함시키고, 컨텐츠 영역이 제 2 크기일 때에는, A 회사와 다른 B 회사의 제 2 광고 컨텐츠를 포함시킬 수 있다. 이에 따라, 웹 서버(130)를 운영하는 업체의 입장에서는 하나의 영역을 광고 영역으로서 두 개 이상의 회사에게 판매할 수 있어, 광고 수익성을 향상시킬 수 있다.6A to 6C and 7A to 7C illustrate that only advertisement content of the same company is displayed while changing the size of the content area, but the terminal device 110 according to an embodiment of the present invention provides content. When the area is changed from the first size to the second size, or when the area is changed from the second size to the first size, advertisement content of two or more companies may be included in the content area and displayed. For example, when the content area is the first size, the first advertisement content of the company A may be included, and when the content area is the second size, the second advertisement content of the B company different from the A company may be included. Accordingly, a company operating the web server 130 may sell one area to two or more companies as an advertisement area, thereby improving advertisement profitability.
이상에서 설명한 본 발명의 실시예에 따른 웹 페이지 표시 방법에 대하여 구체적으로 예를 들면, 사용자의 스크롤 입력에 따라 웹 페이지가 상부 방향으로 이동되고 있는 경우, 최대화된 면적의 컨텐츠 영역이 화면의 아래쪽으로부터 올라오다가 컨텐츠 영역의 하단이 화면 하부의 일정 위치(예를 들어 제 1 지점)에 도달한 시점부터 점차 크기가 축소된다. 웹 페이지의 이동이 지속되다가 컨텐츠 영역의 상단이 화면 상부의 일정 위치(예를 들어, 제 2 지점)에 도달하면 컨텐츠 영역의 크기 변화는 종료되고, 컨텐츠 영역의 크기가 최소화된 상태로 웹 페이지의 이동이 지속된다.The web page display method according to the embodiment of the present invention described above specifically, for example, when the web page is moved upward in response to a user's scroll input, the content area of the maximized area is moved from the bottom of the screen. The size is gradually reduced from the point when the bottom of the content area reaches a predetermined position (for example, the first point) at the bottom of the screen. If the web page continues to move and the top of the content area reaches a certain position (for example, a second point) at the top of the screen, the size change of the content area is terminated, and the size of the content area is minimized. The movement continues.
반대로, 사용자의 스크롤 입력에 따라 웹 페이지가 하부 방향으로 스크롤 되고 있는 경우, 최소화된 면적의 컨텐츠가 화면의 위쪽에서 내려오다가 컨텐츠 영역의 상단이 스크린 상부의 일정 위치(예를 들어, 제 2지점)에 도달하면 점차 크기가 확대된다. 웹 페이지의 이동이 지속되다가 컨텐츠 영역의 하단이 스크린 하부의 일정 위치(예를 들어 제 1지점)에 도달하면 컨텐츠 영역의 크기 변화가 종료되고, 컨텐츠 영역의 크기가 최대화된 상태로 웹 페이지의 이동이 지속된다.On the contrary, when the web page is scrolled downward according to the user's scroll input, the content of the minimized area descends from the top of the screen, and the top of the content area is positioned at a certain position (for example, the second point of the screen). ), The size gradually increases. If the web page continues to move and the bottom of the content area reaches a certain position (for example, the first point) at the bottom of the screen, the size change of the content area ends, and the web page moves with the size of the content area maximized. This lasts.
컨텐츠 영역의 크기 변화는 웹 페이지 내에 표시된 컨텐츠 영역의 초기 크기나 기 설정된 옵션에 따라 확대되거나 축소될 수 있다.The change in the size of the content area may be enlarged or reduced according to the initial size of the content area displayed in the web page or a preset option.
도 8은 본 발명의 다른 실시예에 따른 단말 장치(800)의 구성을 도시하는 블록도이다.8 is a block diagram illustrating a configuration of a terminal device 800 according to another embodiment of the present invention.
도 8을 참조하면, 본 발명의 다른 실시예에 따른 단말 장치(800)는 디스플레이부(810), 사용자 입력 수신부(830), 감지부(850) 및 제어부(870)를 포함할 수 있다.Referring to FIG. 8, the terminal device 800 according to another embodiment of the present invention may include a display unit 810, a user input receiver 830, a detector 850, and a controller 870.
디스플레이부(810)는 웹 페이지를 화면에 표시한다. 단말 장치(800)에 저장된 소정 어플리케이션은 웹 서버(130)로부터 수신된 웹 페이지를 화면에 표시할 수 있다.The display unit 810 displays a web page on the screen. The predetermined application stored in the terminal device 800 may display a web page received from the web server 130 on the screen.
사용자 입력 수신부(830)는 웹 페이지에 대한 사용자의 스크롤 입력을 수신한다. 사용자 입력 수신부(830)는 터치 스크린, 외부 버튼, 마우스, 키보드, 트랙볼 등 사용자의 입력을 수신할 수 있는 다양한 입력 장치를 포함할 수 있다.The user input receiver 830 receives a scroll input of the user for the web page. The user input receiver 830 may include various input devices capable of receiving a user input, such as a touch screen, an external button, a mouse, a keyboard, and a trackball.
감지부(850)는 화면에 대해 기 설정된 지점의 위치와 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교한다. 또한, 감지부(850)는 사용자의 스크롤 입력에 따라 이동하는 웹 페이지의 이동 방향을 감지할 수도 있다.The sensor 850 compares the position of the preset point with respect to the screen and the position of the content area included in the web page. In addition, the detector 850 may detect a moving direction of a web page moving according to a user's scroll input.
제어부(770)는 감지부(850)의 위치 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경한다. 제어부(770)는 웹 페이지의 이동 방향이 제 1 방향인 경우, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 점차적으로 증가시키고, 웹 페이지의 이동 방향이 제 2 방향인 경우, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 점차적으로 감소시킬 수 있다. 제어부(770)는 컨텐츠 영역의 크기를 변경시키면서, 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경할 수도 있다.The controller 770 changes the size of the content area according to the scroll input of the user based on the position comparison result of the sensor 850. If the moving direction of the web page is the first direction, the controller 770 gradually increases the size of the content area according to the scroll input of the user, and if the moving direction of the web page is the second direction, Accordingly, the size of the content area may be gradually reduced. The controller 770 may change the content image included in the content area while changing the size of the content area.
도 9는 본 발명의 다른 실시예에 따른 웹 페이지 제공 방법의 순서를 도시하는 도면로서, 웹 서버(130)에 의해 수행되는 동작을 설명하고 있다.9 is a diagram illustrating a procedure of a web page providing method according to another exemplary embodiment of the present invention, and describes an operation performed by the web server 130.
S910 단계에서, 웹 서버(130)는 웹 페이지에 대한 단말 장치(110)의 요청을 수신한다. 웹 서버(130)는 도 1에 도시된 네트워크(10)를 통해 연결된 단말 장치(110)로부터 웹 페이지의 요청을 수신할 수 있다.In operation S910, the web server 130 receives a request of the terminal device 110 for a web page. The web server 130 may receive a request for a web page from the terminal device 110 connected through the network 10 shown in FIG. 1.
S920 단계에서, 웹 서버(130)는 웹 페이지를 단말 장치(110)로 전송한다.In operation S920, the web server 130 transmits the web page to the terminal device 110.
웹 페이지는, 단말 장치(110)의 화면에 상기 웹 페이지가 표시되면, 화면에 대해 기 설정된 지점의 위치와 웹 페이지에 포함된 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경하도록 단말 장치(110)를 제어한다. 또한, 웹 페이지는 사용자의 스크롤 입력에 따라 이동하는 웹 페이지의 이동 방향이 제 1 방향인 경우, 컨텐츠 영역의 크기를 점차적으로 증가시키고, 웹 페이지의 이동 방향이 제 2 방향인 경우, 컨텐츠 영역의 크기를 점차적으로 감소시키도록 단말 장치(110)를 제어할 수 있다.When the web page is displayed on the screen of the terminal device 110, the web page is based on a scroll input of the user based on a comparison result between a position of a preset point for the screen and a position of a content area included in the web page. Accordingly, the terminal device 110 is controlled to change the size of the content area. In addition, the web page gradually increases the size of the content area when the moving direction of the web page moving according to the scroll input of the user is the first direction, and when the moving direction of the web page is the second direction, The terminal device 110 may be controlled to gradually reduce the size.
또한, 웹 페이지는, 컨텐츠 영역의 크기가 변경됨에 따라, 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경하도록 단말 장치(110)를 제어할 수 있다. 또한, 웹 페이지는 컨텐츠 이미지를 어떻게 변경시켜야 할지에 대한 정보를 포함할 수도 있다.In addition, as the size of the content area is changed, the web page may control the terminal device 110 to change the content image included in the content area. In addition, the web page may include information on how to change the content image.
또한, 웹 페이지는, 화면에 대해 기 설정된 지점의 위치와 컨텐츠 영역의 위치 사이의 관계가 특정 관계에 해당하는 경우에 컨텐츠 영역의 크기를 변경하도록 단말 장치(110)를 제어할 수도 있다.In addition, the web page may control the terminal device 110 to change the size of the content area when the relationship between the position of the preset point on the screen and the location of the content area corresponds to a specific relationship.
도 10은 본 발명의 또 다른 실시예에 따른 웹 서버(1000)의 구성을 도시하는 블록도이다.10 is a block diagram showing the configuration of a web server 1000 according to another embodiment of the present invention.
도 10을 참조하면, 본 발명의 또 다른 실시예에 따른 웹 서버(1000)는 저장부(1010), 통신부(1030) 및 제어부(1050)를 포함하여 구성되며, 과금부(1070)를 더 포함할 수 있다.Referring to FIG. 10, the web server 1000 according to another embodiment of the present invention includes a storage unit 1010, a communication unit 1030, and a controller 1050, and further includes a charging unit 1070. can do.
먼저, 제어부(1050)는 저장부(1010)와 통신부(1030)의 동작을 제어하며, 제어부(1050)는 마이크로프로세서로 구성될 수 있다.First, the controller 1050 may control operations of the storage 1010 and the communication unit 1030, and the controller 1050 may be configured as a microprocessor.
저장부(1010)는 웹 페이지를 저장한다. 웹 페이지는 외부의 다른 서버로부터 수신될 수도 있고, 웹 페이지 제작자들에 의해 생성되어 웹 서버(1000)에 저장될 수도 있다. 또는 웹 페이지는 웹 서버(1000)에 의해 자동적으로 생성되어 저장부(1010)에 저장될 수도 있다.The storage unit 1010 stores a web page. The web page may be received from another server externally, or may be generated by the web page creators and stored in the web server 1000. Alternatively, the web page may be automatically generated by the web server 1000 and stored in the storage 1010.
통신부(1030)는 웹 페이지에 대한 단말 장치(110)의 요청을 수신하고, 단말 장치(110)의 요청에 따라 웹 페이지를 단말 장치(110)로 전송한다.The communication unit 1030 receives a request of the terminal device 110 for the web page, and transmits the web page to the terminal device 110 according to the request of the terminal device 110.
과금부(1050)는 통신부(1030)가 수신한 정보에 따라 광고주들에 대한 과금액을 결정한다. 과금부(1050)는 여러 단말 장치들(110)에 의해 컨텐츠 영역이 출력된 횟수, 여러 단말 장치들(110)의 사용자에 의해 컨텐츠 영역이 선택된 횟수, 여러 단말 장치들(110)에서 컨텐츠 영역이 표시된 시간 및 여러 단말 장치들(110)에서 표시된 컨텐츠 영역의 크기 중 적어도 하나에 기초하여 광고주에 대한 과금액을 결정할 수 있다.The billing unit 1050 determines the billing amount for the advertisers according to the information received by the communication unit 1030. The charging unit 1050 may include the number of times the content area is output by the various terminal devices 110, the number of times the content area is selected by the user of the various terminal devices 110, and the content area in the various terminal devices 110. The billing price for the advertiser may be determined based on at least one of the displayed time and the size of the content area displayed on the various terminal devices 110.
웹 페이지는 단말 장치(110)의 동작을 제어하는 명령어나 스크립트 등을 포함할 수 있다. 단말 장치(110)의 화면에 웹 페이지가 표시되면, 웹 페이지는 단말 장치(110)의 화면에 대해 기 설정된 지점의 위치와 웹 페이지에 포함된 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 컨텐츠 영역의 크기를 변경하도록 단말 장치를 제어할 수 있다.The web page may include a command or a script for controlling the operation of the terminal device 110. When a web page is displayed on the screen of the terminal device 110, the web page is based on a comparison result between a location of a preset point with respect to the screen of the terminal device 110 and a location of a content area included in the web page. The terminal device may be controlled to change the size of the content area according to the scroll input of.
또한, 웹 페이지는 사용자의 스크롤 입력에 따라 이동하는 웹 페이지의 이동 방향에 기초하여, 웹 페이지에 포함된 컨텐츠 영역의 크기를 변경하도록 단말 장치(110)를 제어할 수 있다. 웹 페이지가 단말 장치(110)를 제어하는 내용에 대해서는 전술하였는바, 상세한 설명을 생략한다.In addition, the web page may control the terminal device 110 to change the size of the content area included in the web page based on the moving direction of the web page moving according to the scroll input of the user. Since the content of the web page controlling the terminal device 110 has been described above, a detailed description thereof will be omitted.
한편, 상술한 본 발명의 실시예들은 컴퓨터에서 실행될 수 있는 프로그램으로 작성가능하고, 컴퓨터로 읽을 수 있는 기록매체를 이용하여 상기 프로그램을 동작시키는 범용 디지털 컴퓨터에서 구현될 수 있다.Meanwhile, the above-described embodiments of the present invention can be written as a program that can be executed in a computer, and can be implemented in a general-purpose digital computer that operates the program using a computer-readable recording medium.
상기 컴퓨터로 읽을 수 있는 기록매체는 마그네틱 저장매체(예를 들면, 롬, 플로피 디스크, 하드디스크 등), 광학적 판독 매체(예를 들면, 시디롬, 디브이디 등) 및 캐리어 웨이브(예를 들면, 인터넷을 통한 전송)와 같은 저장매체를 포함한다. The computer-readable recording medium may be a magnetic storage medium (for example, a ROM, a floppy disk, a hard disk, etc.), an optical reading medium (for example, a CD-ROM, a DVD, etc.) and a carrier wave (for example, the Internet). Storage medium).
이상과 첨부된 도면을 참조하여 본 발명의 실시예를 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다.Although embodiments of the present invention have been described above with reference to the accompanying drawings, those skilled in the art to which the present invention pertains may implement the present invention in other specific forms without changing the technical spirit or essential features thereof. You will understand that. Therefore, it should be understood that the embodiments described above are exemplary in all respects and not restrictive.

Claims (20)

  1. 단말 장치에 의한 웹 페이지 표시 방법에 있어서,In the web page display method by the terminal device,
    웹 페이지를 화면에 표시하는 단계;Displaying a web page on a screen;
    상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하는 단계; 및Comparing a position of a first point preset with respect to the screen with a position of a content area included in the web page; And
    상기 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.And changing the size of the content area according to a scroll input of a user based on the comparison result.
  2. 제1항에 있어서,The method of claim 1,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,Changing the size of the content area,
    상기 컨텐츠 영역의 크기를 변경하면서, 상기 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.And changing the size of the content area, changing the content image included in the content area.
  3. 제1항에 있어서,The method of claim 1,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,Changing the size of the content area,
    상기 스크롤 입력에 따른 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 증가시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 감소시키는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.When the direction of movement of the web page according to the scroll input is the first direction, the size of the content area is gradually increased, and when the direction of movement of the web page is the second direction, the size of the content area is gradually decreased. Web page display method comprising the step of making.
  4. 제1항에 있어서,The method of claim 1,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,Changing the size of the content area,
    상기 컨텐츠 영역의 일단이 상기 제 1 지점보다 상부 또는 하부에 위치하는 경우에, 상기 컨텐츠 영역의 크기를 변경하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.And changing the size of the content area when one end of the content area is located above or below the first point.
  5. 제4항에 있어서,The method of claim 4, wherein
    상기 컨텐츠 영역의 크기를 변경하는 단계는,Changing the size of the content area,
    상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 상부에 위치하고, 상기 컨텐츠 영역의 상단이 상기 제 1 지점의 상부에 위치하는 제 2 지점보다 하부에 위치하는 경우에, 상기 컨텐츠 영역의 크기를 변경하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.Changing the size of the content area when the lower end of the content area is located above the first point and the upper end of the content area is located below the second point located above the first point. Web page display method comprising a.
  6. 제5항에 있어서,The method of claim 5,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,Changing the size of the content area,
    상기 컨텐츠 영역의 하단이 상기 제 1 지점보다 상부에 위치하고, 상기 컨텐츠 영역의 상단이 상기 제 2 지점보다 하부에 위치한 상태에서, 상기 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 증가시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 감소시키는 단계; 및When the bottom of the content area is located above the first point and the top of the content area is located below the second point, the moving direction of the web page is the first direction, the size of the content area Gradually increasing the value and gradually decreasing the size of the content area when the moving direction of the web page is the second direction; And
    상기 컨텐츠 영역의 하단이 상기 제 2 지점보다 상부에 위치하고, 상기 컨텐츠 영역의 상단이 상기 제 2 지점의 상부에 위치하는 제 3 지점보다 하부에 위치한 상태에서, 상기 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 감소시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 증가시키는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.The movement direction of the web page is in a first direction while a lower end of the content area is located above the second point and an upper end of the content area is located below a third point located above the second point. And gradually decreasing the size of the content area, and gradually increasing the size of the content area when the moving direction of the web page is the second direction.
  7. 제1항에 있어서,The method of claim 1,
    상기 제 1 지점은 상기 화면에 대해 기 설정된 제 1 영역을 포함하되,The first point includes a first area preset for the screen,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,Changing the size of the content area,
    상기 컨텐츠 영역이 상기 제 1 영역에 포함되는 경우, 상기 컨텐츠 영역의 크기를 변경하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.If the content area is included in the first area, changing the size of the content area.
  8. 제7항에 있어서,The method of claim 7, wherein
    상기 컨텐츠 영역의 크기를 변경하는 단계는,Changing the size of the content area,
    상기 컨텐츠 영역이 상기 제 1 영역에 포함된 상태에서, 상기 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 증가시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 감소시키는 단계; 및When the content area is included in the first area, when the moving direction of the web page is the first direction, the size of the content area is gradually increased, and the moving direction of the web page is the second direction Gradually reducing the size of the content area; And
    상기 컨텐츠 영역이 상기 제 1 영역의 상부에 위치하는 제 2 영역에 포함된 상태에서, 상기 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 감소시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 증가시키는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.In the state where the content area is included in the second area located above the first area, when the moving direction of the web page is the first direction, the size of the content area is gradually reduced, and And gradually increasing the size of the content area when the moving direction is the second direction.
  9. 제1항에 있어서,The method of claim 1,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,Changing the size of the content area,
    제 1 크기의 상기 컨텐츠 영역을 상기 제 1 크기보다 작은 제 2 크기로 축소시키면서, 상기 컨텐츠 영역 내에 포함된 이미지 객체들 중 기 설정된 이미지 객체만을 상기 제 2 크기의 컨텐츠 영역 내에 표시하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.Reducing the content area of the first size to a second size smaller than the first size, and displaying only a predetermined image object among the image objects included in the content area in the content area of the second size; Web page display method characterized in that.
  10. 제1항에 있어서,The method of claim 1,
    상기 컨텐츠 영역의 크기를 변경하는 단계는,Changing the size of the content area,
    제 1 크기의 컨텐츠 영역을 상기 제 1 크기보다 큰 제 2 크기로 확대시키면서, 기 설정된 이미지 객체들을 상기 제 2 크기의 컨텐츠 영역 내에 추가적으로 포함시켜 표시하는 단계를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.And expanding the content area of the first size to a second size larger than the first size and additionally including preset image objects in the content area of the second size. .
  11. 제1항에 있어서,The method of claim 1,
    상기 컨텐츠 영역은,The content area,
    광고 컨텐츠를 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.Web page display method comprising the advertising content.
  12. 제1항에 있어서,The method of claim 1,
    상기 웹 페이지 표시 방법은,The web page display method,
    제 1 광고 컨텐츠를 포함하는 제 1 크기의 상기 컨텐츠 영역이 제 2 크기로 변경되면, 상기 제 1 광고 컨텐츠 대신 제 2 광고 컨텐츠를 상기 제 2 크기의 컨텐츠 영역에 포함시키는 단계를 더 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.If the content area of the first size including the first advertisement content is changed to the second size, including the second advertisement content in the content area of the second size instead of the first advertisement content. How to display web pages.
  13. 제1항 내지 제12항 중 어느 하나의 항의 웹 페이지 표시 방법을 실행하기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체.A computer-readable recording medium having recorded thereon a program for executing the method for displaying a web page according to any one of claims 1 to 12.
  14. 웹 페이지를 화면에 표시하는 디스플레이부;A display unit displaying a web page on a screen;
    상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치를 비교하는 감지부; 및A sensing unit comparing a position of a first point preset with respect to the screen with a position of a content area included in the web page; And
    상기 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하는 제어부를 포함하는 것을 특징으로 하는 단말 장치.And a controller configured to change the size of the content area according to a scroll input of a user based on the comparison result.
  15. 웹 서버에 의한 웹 페이지 제공 방법에 있어서,In the web page providing method by a web server,
    단말 장치로부터 웹 페이지에 대한 요청을 수신하는 단계; 및Receiving a request for a web page from a terminal device; And
    상기 단말 장치의 요청에 따라 상기 웹 페이지를 상기 단말 장치로 제공하는 단계를 포함하되,Providing the web page to the terminal device at the request of the terminal device;
    상기 웹 페이지는,The web page,
    상기 단말 장치의 화면에 상기 웹 페이지가 표시되면, 상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하도록 하는 것을 특징으로 하는 웹 페이지 제공 방법.When the web page is displayed on the screen of the terminal device, the web page is displayed according to a scroll input of the user based on a comparison result between a position of a first point preset for the screen and a position of a content area included in the web page. Method for providing a web page, characterized in that for changing the size of the content area.
  16. 제15항에 있어서,The method of claim 15,
    상기 웹 페이지는,The web page,
    상기 컨텐츠 영역의 크기를 변경하면서, 상기 컨텐츠 영역에 포함된 컨텐츠 이미지를 변경하도록 하는 것을 특징으로 하는 웹 페이지 제공 방법.And changing a size of the content area while changing a content image included in the content area.
  17. 제15항에 있어서,The method of claim 15,
    상기 웹 페이지는,The web page,
    상기 스크롤 입력에 따른 웹 페이지의 이동 방향이 제 1 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 증가시키고, 상기 웹 페이지의 이동 방향이 제 2 방향인 경우, 상기 컨텐츠 영역의 크기를 점차적으로 감소시키도록 하는 것을 특징으로 하는 웹 페이지 제공 방법.When the direction of movement of the web page according to the scroll input is the first direction, the size of the content area is gradually increased, and when the direction of movement of the web page is the second direction, the size of the content area is gradually decreased. Web page providing method, characterized in that the.
  18. 제15항에 있어서,The method of claim 15,
    상기 웹 페이지 제공 방법은,The web page providing method,
    상기 컨텐츠 영역이 상기 단말 장치의 화면에 표시되었다는 것을 나타내는 정보, 상기 사용자에 의해 상기 컨텐츠 영역이 선택되었다는 것을 나타내는 정보, 상기 컨텐츠 영역이 상기 단말 장치의 화면에 표시된 시간에 대한 정보, 및 상기 컨텐츠 영역의 크기에 대한 정보 중 적어도 하나를 상기 단말 장치로부터 수신하는 단계; 및Information indicating that the content area is displayed on the screen of the terminal device, information indicating that the content area is selected by the user, information on a time when the content area is displayed on the screen of the terminal device, and the content area. Receiving at least one of information on a size of the terminal device; And
    상기 수신된 정보에 기초하여 상기 컨텐츠 영역에 대응하는 광고주에 대한 과금액을 결정하는 단계를 더 포함하는 것을 특징으로 하는 웹 페이지 제공 방법.And determining the billed amount for the advertiser corresponding to the content area based on the received information.
  19. 제15항 내지 제18항 중 어느 하나의 항의 웹 페이지 제공 방법을 실행하기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체.A computer-readable recording medium having recorded thereon a program for executing the method for providing a web page according to any one of claims 15 to 18.
  20. 웹 페이지를 저장하는 저장부; 및A storage unit for storing a web page; And
    단말 장치의 요청에 따라 상기 저장된 웹 페이지를 상기 단말 장치로 제공하는 통신부를 포함하되,A communication unit for providing the stored web page to the terminal device at the request of the terminal device,
    상기 웹 페이지는,The web page,
    상기 단말 장치의 화면에 상기 웹 페이지가 표시되면, 상기 화면에 대해 기 설정된 제 1 지점의 위치와 상기 웹 페이지에 포함된 컨텐츠 영역의 위치 사이의 비교 결과에 기초하여, 사용자의 스크롤 입력에 따라 상기 컨텐츠 영역의 크기를 변경하도록 하는 것을 특징으로 하는 웹 서버.When the web page is displayed on the screen of the terminal device, the web page is displayed according to a scroll input of the user based on a comparison result between a position of a first point preset for the screen and a position of a content area included in the web page. And change the size of the content area.
PCT/KR2015/009111 2014-09-19 2015-08-31 Terminal device and web page display method using same, and web server and web page providing method using same WO2016043449A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2014-0125222 2014-09-19
KR1020140125222A KR101647359B1 (en) 2014-09-19 2014-09-19 Terminal apparatus and method for showing web page by terminal apparatus, and web server and method for providing web page by web server

Publications (1)

Publication Number Publication Date
WO2016043449A1 true WO2016043449A1 (en) 2016-03-24

Family

ID=55533446

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2015/009111 WO2016043449A1 (en) 2014-09-19 2015-08-31 Terminal device and web page display method using same, and web server and web page providing method using same

Country Status (2)

Country Link
KR (1) KR101647359B1 (en)
WO (1) WO2016043449A1 (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102189292B1 (en) * 2018-02-23 2020-12-09 주식회사 한글과컴퓨터 Method for displaying chart and apparatus using the same
KR102053454B1 (en) * 2018-03-26 2019-12-06 주식회사 한글과컴퓨터 Method for editing object and apparatus using the same

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20120006672A (en) * 2010-07-13 2012-01-19 엘지전자 주식회사 Mobile terminal and method for controlling the same
JP2013011991A (en) * 2011-06-28 2013-01-17 Yahoo Japan Corp Content match advertisement distribution device and method
KR20130016408A (en) * 2010-05-28 2013-02-14 라쿠텐 인코포레이티드 Display control program, recording medium whereupon display program is recorded, display control device, and display control method
JP2013114559A (en) * 2011-11-30 2013-06-10 Canon Inc Information processing apparatus, control method for information processing apparatus, and program
JP2014049095A (en) * 2012-09-04 2014-03-17 Yahoo Japan Corp Information processing apparatus, server apparatus, information processing method, and computer program

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20130016408A (en) * 2010-05-28 2013-02-14 라쿠텐 인코포레이티드 Display control program, recording medium whereupon display program is recorded, display control device, and display control method
KR20120006672A (en) * 2010-07-13 2012-01-19 엘지전자 주식회사 Mobile terminal and method for controlling the same
JP2013011991A (en) * 2011-06-28 2013-01-17 Yahoo Japan Corp Content match advertisement distribution device and method
JP2013114559A (en) * 2011-11-30 2013-06-10 Canon Inc Information processing apparatus, control method for information processing apparatus, and program
JP2014049095A (en) * 2012-09-04 2014-03-17 Yahoo Japan Corp Information processing apparatus, server apparatus, information processing method, and computer program

Also Published As

Publication number Publication date
KR20160034110A (en) 2016-03-29
KR101647359B1 (en) 2016-08-23

Similar Documents

Publication Publication Date Title
JP6130335B2 (en) Information display program, distribution device, information display method, and information display device
WO2014119967A1 (en) Page search method and electronic device supporting the same
WO2012030155A2 (en) Item display method and apparatus
WO2013168885A9 (en) Method for providing lock screen and terminal device for implementing same
WO2014119975A1 (en) Method and system for sharing part of web page
WO2013191450A1 (en) Information display apparatus and method of user device
WO2014069755A1 (en) System and method for providing content recommendation service
WO2012060552A2 (en) Method and system for providing an advertisement on the background of a virtual key input means
JP6071948B2 (en) Information processing apparatus, display method, and control program
WO2016013915A1 (en) Method, apparatus and computer program for displaying search information
WO2017039337A1 (en) Method and device of tagging links included in a screenshot of webpage
WO2015005674A1 (en) Method for displaying and electronic device thereof
WO2015056968A1 (en) Profile providing method, and user terminal for performing same
JP6059315B1 (en) Information display program, information display method, information display device, and distribution device
WO2015005628A1 (en) Portable device for providing combined ui component and method of controlling the same
WO2013119019A1 (en) Method and apparatus for playing an animation in a mobile terminal
WO2015182811A1 (en) Apparatus and method for providing user interface
WO2016043449A1 (en) Terminal device and web page display method using same, and web server and web page providing method using same
WO2016111514A1 (en) Method of displaying content and electronic device implementing same
WO2016204412A1 (en) Terminal device and method for displaying image by same, and web server and method for providing webpage by same
JP2018022386A (en) Distribution device, distribution method, distribution program, and information display program
WO2013183809A1 (en) Output device capable of outputting additional page, method for outputting additional page, and recording medium having program recorded thereon for executing method
JP6095815B1 (en) Information display program, information display device, information display method, and distribution device
JP6797850B2 (en) Information display program, information display method, information display device, and distribution device
WO2017222226A1 (en) Method for registering advertised product on image content and server for executing same

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

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

Country of ref document: EP

Kind code of ref document: A1