KR20160034110A - Terminal apparatus and method for showing web page by terminal apparatus, and web server and method for providing web page by web server - Google Patents
Terminal apparatus and method for showing web page by terminal apparatus, and web server and method for providing web page by web server Download PDFInfo
- Publication number
- KR20160034110A KR20160034110A KR1020140125222A KR20140125222A KR20160034110A KR 20160034110 A KR20160034110 A KR 20160034110A KR 1020140125222 A KR1020140125222 A KR 1020140125222A KR 20140125222 A KR20140125222 A KR 20140125222A KR 20160034110 A KR20160034110 A KR 20160034110A
- Authority
- KR
- South Korea
- Prior art keywords
- content area
- web page
- size
- content
- changing
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Abstract
Description
The present invention relates to a terminal device and a web page displaying method, and a web server and a web page providing method therefor.
As the connection to the network through the mobile terminal and the mobile terminal becomes more active, the companies operating the web server provide various services to the user through the web page transmitted to the user terminal.
For example, portal site vendors provide users with various kinds of information such as weather, dictionaries, performances, travels, movies, and at the same time provide advertisement information for users to purchase or purchase services. The user can search specific information at any time through a web page, and easily and easily obtain desired information.
Most vendors now provide users with a variety of information on a web page that has a similar platform. Users are very familiar with the platform of the web page provided by various vendors, It may be difficult to attract the user's attention.
Accordingly, there is a need for an effective way to incorporate specific information into a web page and draw attention to the user.
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 allow a user to receive specific information by using a user interface (UI) The purpose is to provide.
In addition, a terminal device according to an embodiment of the present invention, a web page displaying method, and a web server and a web page providing method according to the present invention are intended to improve advertisement effect on advertisement contents.
Also, a terminal device according to an embodiment of the present invention, a web page display method, and a web server and a web page providing method according to the present invention are intended to improve advertisement profitability of an advertisement company.
According to an embodiment of the present invention,
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 predetermined first point with respect to the screen and 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 the user based on the comparison result.
According to another embodiment of the present invention,
A display unit for displaying a web page on a screen; A sensing unit for comparing a position of a predetermined first point with respect to the screen and a position of a content area included in the web page; And a controller for changing a size of the content area according to a scroll input of the user based on the comparison result.
According to another aspect of the present invention, there is provided a method of providing a web page,
A method of providing a web page by a web server, the method comprising: receiving a request for a web page from a terminal; And providing the web page to the terminal device at the request of the terminal device, wherein the web page is displayed on the screen of the terminal device when the web page is displayed, The size of the content area may be changed according to the scroll input of the user based on the comparison result between the position of the content area included in the web page and the position of the content area included in the web page.
According to another aspect of the present invention,
A storage unit for storing a web page; And a communication unit for providing the stored web page to the terminal apparatus according to a request of the terminal apparatus, wherein the web page is displayed on the screen of the terminal apparatus when the web page is displayed, The size of the content area may be changed according to the scroll input of the user based on the comparison result between the position of the content area included in the web page and the position of the content area included in the web page.
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 allow a user to receive specific information by using a user interface (UI) .
A terminal device according to an embodiment of the present invention, a web page displaying method, and a web server and a web page providing method according to the present invention expose an additional content area naturally in a web page scrolling process of a user, It is possible to provide an advertisement and the like.
Also, a terminal device according to an embodiment of the present invention, a web page display method, and a web server and a web page providing method according to the present invention can improve advertisement effect on advertisement contents.
Also, a terminal device according to an embodiment of the present invention, a web page display method, and a web server and a web page providing method according to the present invention can improve advertisement profitability of an advertisement company.
1 is a diagram illustrating a terminal device and a web server according to an embodiment of the present invention.
2 is a diagram illustrating a procedure of a web page display method according to an embodiment of the present invention.
3 is a diagram illustrating a specific procedure of a web page display method according to another embodiment of the present invention.
4 (a) to 4 (c) are views for explaining a positional relationship between a content area and a predetermined point on the screen.
5 (a) and 5 (b) are views for explaining a positional relationship between a content area and a predetermined point on the screen.
6 (a) to 6 (c) are views showing a content area whose size changes according to movement of a web page.
7 (a) to 7 (c) are diagrams showing a content area whose size changes according to movement of a web page.
8 is a block diagram showing a configuration of a terminal device according to another embodiment of the present invention.
9 is a diagram illustrating a procedure of a web page providing method according to another embodiment of the present invention.
10 is a block diagram showing the configuration of a web server according to another embodiment of the present invention.
BRIEF DESCRIPTION OF THE DRAWINGS The advantages and features of the present invention, and the manner of achieving them, will be apparent from and elucidated with reference to the embodiments described hereinafter in conjunction with the accompanying drawings. The present invention may, however, be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the invention to those skilled in the art. To fully disclose the scope of the invention to those skilled in the art, and the invention is only defined by the scope of the claims. Like reference numerals refer to like elements throughout the specification.
The term " part " used in this embodiment means a hardware component such as software, FPGA, or ASIC, and 'part' performs certain roles. However, 'minus' is not limited to software or hardware. The " part " may be configured to reside on an addressable storage medium and may be configured to play back one or more processors. Thus, by way of example, and by no means, the terms " component " or " component " means any combination of components, such as software components, object- oriented software components, class components and task components, Subroutines, segments of program code, drivers, firmware, microcode, circuitry, data, databases, data structures, tables, arrays and variables. The functions provided in the components and parts may be combined into a smaller number of components and parts or further separated into additional components and parts.
1 is a diagram illustrating a
As shown in FIG. 1, a
The
1 illustrates a smartphone as a
When the
The
2 is a diagram illustrating a procedure of a web page display method according to an embodiment of the present invention.
In step S210, the
A content area may be included in a web page displayed on the screen of the
In step S220, the
In step S230, the
For example, the
The size of the content area can be changed according to the scroll input of the user. Here, the scroll input means input for moving the web page displayed on the screen up or down or left or right. If the size of the web page is larger than the screen of the
The scroll input of the user may include a touch input to the screen of the
The
According to an embodiment of the present invention, a size of a content area including specific information can be changed based on a scroll input of a user, thereby concentrating a user's attention on the content area. Also, according to an embodiment of the present invention, advertisement contents may be included in the content area, thereby improving the advertisement effect.
Meanwhile, when the content area including the advertisement contents is displayed on the screen of the
For example, when the advertisement content is displayed on the screen of the
3 is a diagram illustrating 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 technical idea of the present invention.
First, in step S310, the
In step S320, the
In step S330, the
The
In step S340, the
In step S350, the
The
In step S360, the
4 (a) to 4 (c) are views for explaining a positional relationship between a content area and a predetermined point on the screen.
As described above, the
4A, when one
4B, the
4 (c), three points on the screen of the
The
5 (a) and 5 (b) are views for explaining a positional relationship between a content area and a predetermined point on the screen.
The predetermined point for the screen may include a predetermined area for the screen, and the position and size of the predetermined area may be changed by the user.
For example, as shown in FIG. 5A, when the
Whether the
As shown in Fig. 5 (b), the predetermined area for the screen may be at least two or more. The
For example, in a state where the
Figs. 6 (a) to 6 (c) and Figs. 7 (a) to 7 (c) are diagrams showing a content area whose size changes according to the movement of a web page.
6 (a) to 6 (c) are views showing a process of reducing the size of the content area. 6 (a) shows a
The
In addition, when the
7 (a) to 7 (c) illustrate a process of increasing the size of the content area. 7 (a) shows a
In the case where the
6A to 6C and FIGS. 7A to 7C show that only the advertisement content of the same company is displayed while changing the size of the content area. However, When the content area is changed from the first size to the second size, or when the content area is changed from the second size to the first size, the
For example, when a web page is moved upward in response to a scroll input of a user, a content area having a maximized area is displayed on the lower side of the screen The size of the content area gradually decreases from the time when the lower end of the content area reaches a predetermined position (for example, the first point) in the lower part of the screen. When the top of the content area reaches a predetermined position (for example, the second position) on the upper part of the screen after the movement of the web page is continued, the change of the size of the content area is terminated and the size of the content area is minimized. Movement continues.
On the other hand, when the web page is scrolled downward according to the scroll input of the user, the content of the minimized area descends from the top of the screen, and the top of the content area is positioned at a predetermined position (e.g., ), The size gradually increases. When the bottom of the content area reaches a certain position (for example, the first point) in the lower part of the screen after the movement of the web page is continued, the change of the size of the content area is terminated, and when the size of the content area is maximized, Lt; / RTI >
The size change of the content area may be enlarged or reduced according to the initial size of the content area displayed in the web page or predetermined options.
8 is a block diagram showing a configuration of a
Referring to FIG. 8, a terminal 800 according to another embodiment of the present invention may include a
The
The user
The
The control unit 770 changes the size of the content area according to the scroll input of the user based on the position comparison result of the
FIG. 9 is a flowchart illustrating a procedure of a web page providing method according to another embodiment of the present invention, which describes an operation performed by the
In step S910, the
In step S920, the
When the web page is displayed on the screen of the
Also, as the size of the content area is changed, the web page can control the
In addition, the web page may control the
10 is a block diagram showing a configuration of a
10, a
The
The
The
The
The web page may include a command or a script for controlling the operation of the
Also, the web page can control the
The above-described embodiments of the present invention can be embodied in a general-purpose digital computer that can be embodied as a program that can be executed by a computer and operates the program using a computer-readable recording medium.
The computer readable recording medium may be a magnetic storage medium such as a ROM, a floppy disk, a hard disk, etc., an optical reading medium such as a CD-ROM or a DVD and a carrier wave such as the Internet Lt; / RTI > transmission).
While the present invention has been described in connection with what is presently considered to be practical exemplary embodiments, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, It will be understood. It is therefore to be understood that the above-described embodiments are illustrative in all aspects and not restrictive.
110, 800: terminal device
130, 1000: Web server
810:
830: User input receiver
850:
870:
1010:
1030:
1050:
1070:
Claims (20)
Displaying a web page on a screen;
Comparing a position of a predetermined first point with respect to the screen and a position of a content area included in the web page; And
And changing a size of the content area according to a scroll input of a user based on the comparison result.
Wherein the step of changing the size of the content area comprises:
And changing a content image included in the content area while changing a size of the content area.
Wherein the step of changing the size of the content area comprises:
If the moving direction 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 moving direction of the web page is the second direction, the size of the content area is gradually decreased And displaying the web page on the display unit.
Wherein the step of changing the size of the content area comprises:
And changing the size of the content area when one end of the content area is located above or below the first point.
Wherein the step of changing the size of the content area comprises:
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 a second point located above the first point, And displaying the web page.
Wherein the step of changing the size of the content area comprises:
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 and the moving direction of the web page is the first direction, Gradually increasing the size of the content area when the moving direction of the web page is the second direction; And
Wherein the content area has a lower end positioned above the second point and an upper end of the content area positioned below a third point located above the second point, , 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.
Wherein the first point includes a first area preset for the screen,
Wherein the step of changing the size of the content area comprises:
And changing the size of the content area when the content area is included in the first area.
Wherein the step of changing the size of the content area comprises:
If the moving direction of the web page is the first direction in a state where the content area is included in the first area, the size of the content area is gradually increased, and when the moving direction of the web page is the second direction , Gradually reducing the size of the content area; And
When the moving direction of the web page is the first direction, in a state where the content area is included in a second area located above the first area, the size of the content area is gradually reduced, And gradually increasing the size of the content area when the moving direction is the second direction.
Wherein the step of changing the size of the content area comprises:
Displaying the predetermined one of the image objects included in the content area in the content area of the second size while reducing the content area of the first size to a second size smaller than the first size And displaying the web page.
Wherein the step of changing the size of the content area comprises:
The method comprising: expanding a content area of a first size to a second size larger than the first size while additionally including the preset image objects in the content area of the second size; .
Wherein the content area comprises:
And displaying the web page on the display unit.
The web page display method includes:
When the content area of the first size including the first advertisement content is changed to a second size, the step of including the second advertisement content in the content area of the second size instead of the first advertisement content To display the web page.
A sensing unit for comparing a position of a predetermined first point with respect to the screen and a position of a content area included in the web page; And
And a controller for changing the size of the content area according to a scroll input of the user based on the comparison result.
Receiving a request for a web page from a terminal device; And
And providing the web page to the terminal device upon request of the terminal device,
The web page includes:
Wherein when the web page is displayed on the screen of the terminal device, based on a result of comparison between a position of a first point preset for the screen and a position of a content area included in the web page, And changing the size of the content area.
The web page includes:
And changing a content image included in the content area while changing a size of the content area.
The web page includes:
If the moving direction 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 moving direction of the web page is the second direction, the size of the content area is gradually decreased To the web page.
The web page providing method includes:
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 information indicating that the content area is displayed on the screen of the terminal device, Receiving at least one of information on the size of the terminal from the terminal apparatus; And
Further comprising: determining a billing amount for an advertiser corresponding to the content area based on the received information.
And a communication unit for providing the stored web page to the terminal according to a request of the terminal apparatus,
The web page includes:
Wherein when the web page is displayed on the screen of the terminal device, based on a result of comparison between a position of a first point preset for the screen and a position of a content area included in the web page, And changes the size of the content area.
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
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 |
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 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
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 (2)
Publication Number | Publication Date |
---|---|
KR20160034110A true KR20160034110A (en) | 2016-03-29 |
KR101647359B1 KR101647359B1 (en) | 2016-08-23 |
Family
ID=55533446
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
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 |
Country Status (2)
Country | Link |
---|---|
KR (1) | KR101647359B1 (en) |
WO (1) | WO2016043449A1 (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20190101601A (en) * | 2018-02-23 | 2019-09-02 | 주식회사 한글과컴퓨터 | Method for displaying chart and apparatus using the same |
KR20190112392A (en) * | 2018-03-26 | 2019-10-07 | 주식회사 한글과컴퓨터 | Method for editing object and apparatus using the same |
Citations (2)
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 |
JP2014049095A (en) * | 2012-09-04 | 2014-03-17 | Yahoo Japan Corp | Information processing apparatus, server apparatus, information processing method, and computer program |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20120006672A (en) * | 2010-07-13 | 2012-01-19 | 엘지전자 주식회사 | Mobile terminal and method for controlling the same |
JP5744644B2 (en) * | 2011-06-28 | 2015-07-08 | ヤフー株式会社 | Content match advertisement distribution apparatus and method |
JP5865039B2 (en) * | 2011-11-30 | 2016-02-17 | キヤノン株式会社 | Information processing apparatus, information processing apparatus control method, and program |
-
2014
- 2014-09-19 KR KR1020140125222A patent/KR101647359B1/en active IP Right Grant
-
2015
- 2015-08-31 WO PCT/KR2015/009111 patent/WO2016043449A1/en active Application Filing
Patent Citations (2)
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 |
JP2014049095A (en) * | 2012-09-04 | 2014-03-17 | Yahoo Japan Corp | Information processing apparatus, server apparatus, information processing method, and computer program |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20190101601A (en) * | 2018-02-23 | 2019-09-02 | 주식회사 한글과컴퓨터 | Method for displaying chart and apparatus using the same |
KR20190112392A (en) * | 2018-03-26 | 2019-10-07 | 주식회사 한글과컴퓨터 | Method for editing object and apparatus using the same |
Also Published As
Publication number | Publication date |
---|---|
KR101647359B1 (en) | 2016-08-23 |
WO2016043449A1 (en) | 2016-03-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6130335B2 (en) | Information display program, distribution device, information display method, and information display device | |
KR101646051B1 (en) | Terminal apparatus and method for displaying web page by terminal apparatus, and web server and method for providing web page by web serber | |
JP5837108B2 (en) | Distribution device, terminal device, distribution method, and distribution program | |
JP6059315B1 (en) | Information display program, information display method, information display device, and distribution device | |
JP5937262B1 (en) | Information display program, information display apparatus, information display method, distribution apparatus, and distribution method | |
JP6039613B2 (en) | Display program, terminal device, display method, and distribution device | |
KR101647359B1 (en) | Terminal apparatus and method for showing web page by terminal apparatus, and web server and method for providing web page by web server | |
US11579766B2 (en) | Methods and systems for reducing inadvertent interactions with advertisements displayed on a computing device | |
JP2018022386A (en) | Distribution device, distribution method, distribution program, and information display program | |
JP5749819B1 (en) | Distribution device, terminal device, distribution method, and distribution program | |
KR101685676B1 (en) | Terminal apparatus and method for showing image, and web server and method for providing web page | |
JP6224682B2 (en) | Information display program, information display device, information display method, and distribution device | |
JP5996134B2 (en) | Distribution device, terminal device, distribution method, and distribution program | |
JP6158903B2 (en) | Information display program, information display device, information display method, and distribution device | |
JP6360114B2 (en) | Display program, terminal device, display method, and distribution device | |
KR102031104B1 (en) | Web browser display apparatus and web browser display method | |
KR101571712B1 (en) | Terminal apparatus and method for outputting content by terminal apparatus, and web server and method for providing web page by web server | |
JP6912160B2 (en) | Information display program, information display device, information display method and distribution device | |
KR101879764B1 (en) | Terminal apparatus and method for displaying web page by terminal apparatus, and web server and method for providing web page by web server | |
KR101748680B1 (en) | Terminal apparatus and method for displaying web page by terminal apparatus, and web server and method for providing web page by web server | |
JP2020035240A (en) | Information display program, information display device, information display method, and distribution device | |
JP2019029871A (en) | Information display program, information display device, information display method, and distribution device | |
JP6381767B1 (en) | Information display program, information display method, information display device, and distribution device | |
JP6396394B2 (en) | Display program, terminal device, display method, and distribution device | |
JP5881882B2 (en) | Distribution device, terminal device, distribution method, and distribution program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
AMND | Amendment | ||
E601 | Decision to refuse application | ||
AMND | Amendment | ||
X701 | Decision to grant (after re-examination) | ||
GRNT | Written decision to grant | ||
FPAY | Annual fee payment |
Payment date: 20190701 Year of fee payment: 4 |