KR20200118748A - Display method of web page - Google Patents

Abstract

Disclosed in the present specification is a method for displaying a webpage, capable of improving the visibility of a user. To this end, the method for displaying the webpage according to the present specification may comprise: (a) a step of downloading, by a processor, a plurality of webpages and advertisement pages downloaded through a browser program from the server of the webpages to store the same in a memory unit; (b) a step of mutually arranging, by the processor, the plurality of webpages and the plurality of advertisement pages in a circulation ring shape; (c) a step of displaying, by the processor, one webpage among the plurality of webpages on the display; and (d) a step of displaying, by the processor, the next webpage or advertisement page by the arranged circulation ring on the display after receiving a cross-slide input from a user.

Description

How to display web pages {DISPLAY METHOD OF WEB PAGE}

The present invention relates to a method of displaying a web page, and more particularly, to a method of displaying a web page capable of improving user visibility when displaying a web page through a web browser.

Advertising through the Internet has already become commonplace. In particular, there are various advertisement techniques that expose advertisements in consideration of the characteristics of Internet users. However, advertisements that are indiscriminately exposed on a web page cause inconvenience to the user and cause an antipathy to the advertisement contents. Accordingly, there is a need for an advertisement display method capable of reducing user's antipathy in exposing advertisements on a conventional web page and improving the visibility of a web page.

Publication Patent Publication No. 10-2013-0105200 (2013.09.25)

An object of the present specification is to provide a method of displaying a web page that can improve user visibility.

The present specification is not limited to the above-mentioned tasks, and other tasks that are not mentioned will be clearly understood by those skilled in the art from the following description.

A method for displaying a web page according to the present specification for solving the above-described problem includes the steps of: (a) downloading, by a processor, a plurality of web pages and advertisement pages downloaded through a browser program from a server of the corresponding web page and storing them in a memory unit; (b) arranging, by the processor, the plurality of web pages and the plurality of advertisement pages in a circular loop format; (c) displaying, by the processor, any one of the plurality of web pages on a display; And (d) when the processor receives a horizontal slide input from a user, displaying a next web page or advertisement page on the display by the arranged circulation ring.

According to an embodiment of the present specification, step (b) may be a step in which the plurality of web pages and the plurality of advertisement pages are alternately arranged with each other.

In this case, in step (d), when the processor receives a horizontal slide input from a user, an advertisement page disposed adjacent to a web page displayed on the display may be displayed on the display.

In this case, step (b) may be a step of disposing, by the processor, an advertisement page related to the web page adjacent to the web page.

According to an embodiment of the present specification, step (c) may be a step of displaying a preset reference web page among the plurality of web pages on a display.

According to an exemplary embodiment of the present specification, the step (c) may be a step of further displaying a horizontal slide input interface on the display when the browser program is a PC browser program.

In this case, step (d) may be a step in which the processor determines whether to input the horizontal slide from the user through the horizontal slide input interface.

According to an embodiment of the present specification, the browser program is a browser program for a mobile device, and the step (d) may be a step of determining whether the processor senses a swipe touch on the touch display from the user.

According to an embodiment of the present specification, the step (b) is a step of arranging the plurality of web pages and the plurality of advertisement pages in a ring shape circulating in one predetermined direction by the processor, and the (d In the step), when the processor receives a horizontal slide input in the preset direction from a user, any one of the remaining web pages or any one of a plurality of advertisement pages by the arranged circulation ring And (e) allowing the user to input both the preset direction and the reverse horizontal slide after the processor reaches the web page displayed in the step (c) again. Can include.

The web page display method according to the present specification may be implemented in the form of a computer program written in a computer-readable recording medium and written to perform each step in a computer.

Other specific details of the present invention are included in the detailed description and drawings.

According to the present specification, it is possible to improve the user's visibility when displaying a web page through a web browser.

The effects of the present invention are not limited to the effects mentioned above, and other effects not mentioned will be clearly understood by those skilled in the art from the following description.

1 is a flowchart of a method for displaying a web page according to an exemplary embodiment of the present specification.
2 is an exemplary diagram in which a web page and an advertisement page are arranged in a circular ring format.
3 is an exemplary diagram of a horizontal slide input interface.
4 is an exemplary diagram of a swipe touch.
5 is a flowchart of a method for displaying a web page according to another embodiment of the present specification.
6 is an example in which one web page is divided into web screens.
7 is an exemplary diagram in which a web screen and an advertisement screen are cyclically arranged according to another embodiment of the present specification.

Advantages and features of the invention disclosed in the present specification, and a method of achieving them will become apparent with reference to the embodiments described later in detail together with the accompanying drawings. However, the present specification is not limited to the embodiments disclosed below, but may be implemented in a variety of different forms, and only the present embodiments are intended to complete the disclosure of the present specification, and are common in the technical field to which the present specification belongs. It is provided to completely inform the scope of the present specification to a technician (hereinafter, "the person in charge"), and the scope of the rights of the present specification is only defined by the scope of the claims.

The terms used in this specification are for describing exemplary embodiments and are not intended to limit the scope of the present specification. In this specification, the singular form also includes the plural form unless specifically stated in the phrase. As used in the specification, “comprises” and/or “comprising” do not exclude the presence or addition of one or more other elements other than the mentioned elements. Throughout the specification, the same reference numerals refer to the same elements, and “and/or” includes each and all combinations of one or more of the mentioned elements. Although "first", "second", and the like are used to describe various elements, it goes without saying that these elements are not limited by these terms. These terms are only used to distinguish one component from another component. Therefore, it goes without saying that the first component mentioned below may be the second component within the technical idea of the present invention.

Unless otherwise defined, all terms (including technical and scientific terms) used in the present specification may be used with meanings that can be commonly understood by those of ordinary skill in the art to which this specification belongs. In addition, terms defined in a commonly used dictionary are not interpreted ideally or excessively unless explicitly defined specifically.

The web page display method according to the present specification is a method performed by a processor. The processor is a device capable of executing a computer program and may include a microprocessor, an application-specific integrated circuit (ASIC), another chipset, a logic circuit, a register, a communication modem, a data processing device, and the like. In addition, the computer program does not necessarily mean a program running only on a PC, but a mobile phone, a smart phone, a laptop computer, a digital broadcasting terminal, a personal digital assistants (PDA), a portable multimedia player (PMP). , Navigation, slate PC, tablet PC, ultrabook, wearable device, e.g., smartwatch, smart glass, HMD ( head mounted display)), etc., which can be executed by the processor.

The above-described computer program is C/C++, C#, JAVA that can be read by the computer's processor (CPU) through the computer's device interface in order for the computer to read the program and execute the methods implemented as a program. , Python, machine language, or other computer language coded code (Code) may be included. Such code may include a functional code related to a function defining necessary functions for executing the methods, and a control code related to an execution procedure necessary for the processor of the computer to execute the functions according to a predetermined procedure. can do. In addition, such code may further include additional information required for the processor of the computer to execute the functions or code related to a memory reference to which location (address address) of the internal or external memory of the computer should be referenced. have. In addition, when the processor of the computer needs to communicate with any other computer or server in the remote in order to execute the functions, the code uses the communication module of the computer to determine how It may further include a communication-related code for whether to communicate, what kind of information or media should be transmitted and received during communication.

The stored medium is not a medium that stores data for a short moment, such as a register, cache, memory, etc., but a medium that stores data semi-permanently and can be read by a device. Specifically, examples of the storage medium include, but are not limited to, ROM, RAM, CD-ROM, magnetic tape, floppy disk, optical data storage device, and the like. That is, the program may be stored in various recording media on various servers to which the computer can access, or on various recording media on the user's computer. In addition, the medium may be distributed over a computer system connected through a network, and computer-readable codes may be stored in a distributed manner. Hereinafter, the storage medium will be referred to as a memory unit.

Hereinafter, embodiments of the present specification have been described with reference to the accompanying drawings, but those skilled in the art to which the present specification pertains that the present invention can be implemented in other specific forms without changing the technical spirit or essential features. You can understand. Therefore, the embodiments described above are illustrative in all respects, and should be understood as non-limiting.

1 is a flowchart of a method for displaying a web page according to an exemplary embodiment of the present specification.

Referring to FIG. 1, first, in step S10, a processor may download a plurality of web pages and advertisement pages downloaded through a browser program from a server of the corresponding web page and store them in a memory unit. In the next step S20, the processor may mutually arrange the plurality of web pages and the plurality of advertisement pages in a circular ring form.

2 is an exemplary diagram in which a web page and an advertisement page are arranged in a circular ring format.

Referring to FIG. 2, web pages can be identified at reference numbers (1), (3), and (5), and advertisement pages can be identified at reference numbers (2), (4), and (6). The web pages and advertisement pages are mutually arranged in a circular loop form according to the order of reference numbers. In the present specification, the circular loop format refers to pages (1) (web pages or advertisement pages) through (2) pages, (3) pages, (4) pages, (5) pages, and (6) pages. It means that the last page (6) and the first page (1) are connected again.

Referring back to FIG. 1, in a next step S30, the processor may display any one of the plurality of web pages on the display. In this case, a reference web page set in advance among the plurality of web pages may be displayed on the display.

In the next step S40, the processor may monitor whether to receive a horizontal slide input from the user. In the present specification, the term'lateral slide input' refers to a user input that converts (changes, moves) a web page to another page. In step S40, if there is no horizontal slide input from the user, the page displayed on the display is maintained. On the other hand, when there is a horizontal slide input from the user in step S40, the processor proceeds to step S50.

In the next step S50, the processor may display the next web page or advertisement page on the display by the arranged circulation ring.

Meanwhile, in step S20, as illustrated in FIG. 2, the plurality of web pages and the plurality of advertisement pages may be alternately arranged with each other. In this case, in step S50, the processor may display an advertisement page arranged adjacent to the web page displayed on the display on the display.

On the other hand, in step S20, the processor may place an advertisement page related to the web page adjacent to the web page. Through this, the user can more efficiently expose the advertisement content related to the previous web page to the user.

Meanwhile, the browser program can be largely divided into a browser program for a PC and a browser program for a mobile device. While the average user may seemingly think of a browser program of the same version of the same company, each browser program also provides information about whether the browser is for a PC or a mobile device when requesting a web page or advertisement page from a web server. Can be transmitted together. Accordingly, when transmitting a web page or an advertisement page, the web server may separately provide a web page and an advertisement page suitable for a PC screen or a web page and an advertisement page suitable for a mobile device screen. Meanwhile, in the present specification, the processor processes whether or not a user inputs a horizontal slide as an input for page switching. That is, the'lateral slide input' may be input in different forms in a PC and a mobile device.

For example, when the browser program is a PC browser program, the processor may further display a horizontal slide input interface on the display in step S30.

3 is an exemplary diagram of a horizontal slide input interface.

Referring to FIG. 3, an interface represented by arrows on both sides of a central part of a web page can be confirmed. In the step S50, the processor may determine whether the user inputs the horizontal slide through the horizontal slide input interface.

As another example, when the browser program is a browser program for a mobile device, the processor may determine whether the processor senses a swipe touch on the touch display from the user in step S50. Most displays for mobile devices are touch displays and may receive user input through the touch display.

4 is an exemplary diagram of a swipe touch.

Referring to FIG. 4, a determination range of a swipe touch can be checked on a web page. In the present specification, an input of touching the touch display left or right in the horizontal direction may be determined as a swipe touch according to the present specification, and in the horizontal direction, a touch up to 75 degrees above and below the center horizontal line is a swipe touch. I can admit it.

Meanwhile, the horizontal slide input may be input to the left or right. However, a specific web server or web page may be required to check the web page in a specific order. In this case, when moving directly from the first web page to the last page (web page or advertisement page), the confirmation order required by the specific web server or web page may not be achieved.

Accordingly, in step S20, the processor may mutually arrange the plurality of web pages and the plurality of advertisement pages in a ring shape circulating in one predetermined direction. And, the processor, in step S50, when the processor receives the horizontal slide input in the preset direction from the user, one of the remaining web pages or a plurality of advertisement pages by the arranged circulation ring Any one advertisement page may be displayed on the display. In addition, the processor may allow both the preset direction and the reverse horizontal slide input from the user after reaching the web page displayed in step S30, that is, the first web page again. Briefly, the first time the page slides in only one direction, and after checking all the pages and returning to the first page, the user can slide in any direction as desired.

5 is a flowchart of a method for displaying a web page according to another embodiment of the present specification.

Referring to FIG. 5, first, in step S110, a processor may download a web page from a server of a corresponding web page through a browser program and store it in a memory unit.

In the next step S120, the processor divides the web page into N (N is a natural number of 2 or more) web screens, and the N screens and M (M is a natural number of N or less) advertisement screens in a circular loop format. Can be placed in each other. The difference from the embodiment illustrated in FIG. 1 is that a web screen obtained by dividing one web page into N screens is not a plurality of web pages, but a circular ring arrangement object.

6 is an example in which one web page is divided into web screens.

Referring to FIG. 6, it can be seen that one web page is shown in the left part of the drawing. In this specification, one web page means content displayed on a display corresponding to one IP address. Each web page can have various lengths or widths, but since the vertical ratio of the web page is generally larger than the vertical ratio of the screen, the user can move the contents of the web page up or down through vertical scrolling to change the contents of the web page. I can confirm. In this specification, this web page is divided into web screens. 6 shows an example in which one web page is divided into three web screens.

In this case, how many web screens the web page is divided into may be set according to the display screen ratio of the terminal used by the user. For example, a PC's display may have a smaller aspect ratio compared to the aspect ratio. Accordingly, as shown in FIG. 6, the web page can be divided according to the vertical ratio. As another example, the display of the mobile terminal may have a smaller aspect ratio than a vertical aspect ratio. In this case, it is also possible to divide the web page according to the aspect ratio. That is, the processor may divide the web page into N web screens according to the display ratio of the terminal in which the browser program is used.

7 is an exemplary diagram in which a web screen and an advertisement screen are cyclically arranged according to another embodiment of the present specification.

Referring to FIG. 7, in the example shown in FIG. 2, it can be seen that a web page has been replaced with a web screen. The N web screens and the M advertisement screens may be arranged alternately. In the embodiment shown in FIG. 7, it can be seen that three web screens and three advertisement screens are alternately arranged. The number of advertisement screens may be equal to or smaller than the number of web screens. This is because how many web screens the web page will be divided into can be determined after the web page is down, so after checking the number of divided web screens, the processor can additionally download the advertisement screen required for this from the web server. have. Meanwhile, when a web screen and an advertisement screen are alternately disposed, when the processor receives a horizontal slide input from a user, an advertisement screen disposed adjacent to the web screen displayed on the display may be displayed on the display. Preferably, the advertisement screen may be an advertisement screen related to an adjacent web screen.

Referring back to FIG. 5, in the next step S130, the processor may display any one of the N web screens on the display. In this case, a web screen corresponding to the top of the web page may be displayed on the display. In the embodiment shown in FIG. 1, there may be no relationship between web pages. However, in the embodiment illustrated in FIG. 5, since one web page is divided into a plurality of web screens, a vertical relationship may exist between web screens. Accordingly, the web screen that is first exposed to the user may preferably be a web screen corresponding to the top of the web page.

In the next step S140, the processor may check whether or not to receive the horizontal slide input from the user. Since step S140 is the same as step S40 shown in FIG. 1, a repetitive description is omitted.

In the next step S150, one of the remaining web screens or one of a plurality of advertisement screens may be displayed on the display by the arranged circulation ring.

In this case, since the web screens are web screens having a vertical relationship with each other based on the web page, it is necessary to sequentially expose the web screens to the user. Accordingly, the step S120 may be a step in which the processor mutually arranges the N web screens and M advertisement screens in a ring shape circulating in one predetermined direction. And in step S140, when the processor receives the horizontal slide input in the preset direction from the user, in step S150, the processor displays any one of the remaining web screens or M according to the information according to the arranged circulation ring. Any one of four advertisement screens may be displayed on the display. Then, after reaching the web screen displayed in step S130, that is, the initially displayed web screen again, the processor may allow both the preset direction and the reverse horizontal slide input from the user.

Claims (10)

(a) downloading, by the processor, a plurality of web pages and advertisement pages downloaded through a browser program from a server of the corresponding web page and storing them in a memory unit;
(b) arranging, by the processor, the plurality of web pages and the plurality of advertisement pages in a circular loop format;
(c) displaying, by the processor, any one of the plurality of web pages on a display; And
(d) when the processor receives a horizontal slide input from a user, displaying a next web page or an advertisement page on the display by the arranged circulation ring. The method according to claim 1,
In the step (b), the plurality of web pages and the plurality of advertisement pages are arranged alternately with each other. The method according to claim 2,
In the step (d), when the processor receives a horizontal slide input from a user, displaying an advertisement page arranged adjacent to the web page displayed on the display on the display. The method according to claim 2,
The step (b) is a step of arranging, by the processor, an advertisement page related to the web page adjacent to the web page. The method according to claim 1,
The step (c) is a step of displaying a preset reference web page among the plurality of web pages on a display. The method according to claim 1,
In the step (c), when the browser program is a PC browser program, the processor further displays a horizontal slide input interface on the display. The method of claim 6,
The step (d) is a step of determining, by the processor, whether a user inputs a horizontal slide through a horizontal slide input interface. The method according to claim 1,
The browser program is a browser program for a mobile device,
The step (d) is a step of determining whether the processor senses a swipe touch on the touch display from the user. The method according to claim 1
The step (b) is a step of arranging, by the processor, the plurality of web pages and the plurality of advertisement pages in a ring format circulating in one predetermined direction,
In the step (d), when the processor receives the horizontal slide input in the preset direction from the user, any one of the remaining web pages or any one of a plurality of advertisement pages by the arranged circulation ring Displaying an advertisement page of on the display,
(e) allowing the user to input both the preset direction and the reverse horizontal slide after the processor reaches the web page displayed in step (c) again. A computer program written in a computer to perform each step of the method according to any one of claims 1 to 9 and recorded in a computer-readable recording medium.

Images