JP2014029569A - Web page display system, web page data conversion server, web page data conversion method, and web page data conversion program - Google Patents

Abstract

PROBLEM TO BE SOLVED: To automatically convert table data included in web page data created for a first web terminal so as to optimize display of the table data in a second web terminal.SOLUTION: A web page data conversion server 5 comprises: table data specification means 5a for specifying table data included in web page data; text length determination means 5b for determining whether text length in a cell of the table data exceeds a predetermined threshold value; and cell alignment automatic sort means 5c for, when it is determined that the text length in the cell of the table data exceeds the predetermined threshold value, automatically sorting a cell alignment of the table data.

Description

  The present invention provides a web page display system and web page for converting web page data created for a first web terminal into web page data for a second web terminal having a narrower display width than the first web terminal. The present invention relates to a data conversion server, a web page data conversion method, and a web page data conversion program.

  There is known a system that converts web page data created for a first web terminal into web page data for a second web terminal having a narrower display width than the first web terminal. For example, Patent Document 1 and Patent Document 2 disclose a system that converts web page data created for a personal computer (hereinafter referred to as a PC) into web page data for a mobile terminal such as a mobile phone or a smartphone. Has been.

  According to such a system, display / non-display change, display size change, display color change, display position and order change, etc. for various display elements in web pages created for PC Since the display element can be replaced, the visibility of the PC web page on the mobile terminal can be greatly improved as compared with the case where the PC web page is simply reduced and displayed.

JP 2009-176144 A Japanese Patent No. 4936413

  However, in the systems disclosed in Patent Documents 1 and 2, conversion conditions are set in advance for each display element of the PC web page, and the conversion conditions are read when the PC web page is displayed on the mobile terminal. Therefore, when the content of the web page for PC is updated, the consistency with the conversion condition is lost, and the display of the web page on the mobile terminal may be disturbed. Such a problem can be solved by resetting the conversion conditions every time the PC web page is updated. However, if the conversion conditions are set for many display elements, the conversion conditions must be reset. Is troublesome, and a new problem has arisen that the burden on the web administrator increases.

The web page display system of the present invention created for the purpose of solving these problems in view of the above situation is based on a web server that stores web page data and web page data received from the web server. A first web terminal that displays a web page on a display unit, and a second web that displays a web page on a display unit having a display width narrower than that of the first web terminal based on web page data received from a web server A web page display system comprising a terminal and a network that connects these terminals so as to communicate with each other, wherein the web page data created for the first web terminal is stored in the second web terminal in the web page display system. When installing a web page data conversion unit that converts web page data for The data conversion unit includes table data specifying means for specifying table data included in the web page data, character number determining means for determining whether or not the number of characters in the cell of the table data exceeds a predetermined threshold, and table data Cell array automatic rearranging means for automatically rearranging the cell array of table data when it is determined that the number of characters in the cell exceeds a predetermined threshold value.
Further, the cell array automatic rearranging means divides a plurality of cells arranged in the row direction by a predetermined number and rearranges them in the column direction.
The web page data conversion unit includes: image width determining means for determining whether or not the width of the image in the table data cell exceeds a predetermined threshold; and the width of the image in the table data cell is the predetermined width. And an in-cell image automatic reduction means for automatically reducing the image in the cell when it is determined that the threshold value is exceeded.
The web page data conversion server of the present invention includes a web server that stores web page data, a first web terminal that displays a web page on a display unit based on web page data received from the web server, A web comprising: a second web terminal that displays a web page on a display unit having a display width narrower than that of the first web terminal based on web page data received from the server; and a network that connects these to communicate with each other. A web page data conversion server that is installed in the page display system and converts web page data created for the first web terminal into web page data for the second web terminal, and is included in the web page data Table data identification means for identifying table data, and the number of characters in the table data cell exceeds a predetermined threshold. A number-of-characters determining means for determining whether or not the number of characters in the table data cell exceeds a predetermined threshold, and a cell array automatic rearranging means for automatically rearranging the cell array of the table data It is characterized by providing.
The web page data conversion method of the present invention includes a web server that stores web page data, a first web terminal that displays a web page on a display unit based on web page data received from the web server, A web comprising: a second web terminal that displays a web page on a display unit having a display width narrower than that of the first web terminal based on web page data received from the server; and a network that connects these to communicate with each other. In a page display system, a web page data conversion method for converting web page data created for a first web terminal into web page data for a second web terminal, the table data included in the web page data being Table data identification step to identify, and the number of characters in the cell of the table data exceeds a predetermined threshold A number-of-characters determining step for determining whether or not, and a cell array automatic rearranging step for automatically rearranging the cell array of table data when it is determined that the number of characters in the table data cells exceeds a predetermined threshold value. It is characterized by providing.
A web page data conversion program of the present invention includes a web server that stores web page data, a first web terminal that displays a web page on a display unit based on web page data received from the web server, A web comprising: a second web terminal that displays a web page on a display unit having a display width narrower than that of the first web terminal based on web page data received from the server; and a network that connects these to communicate with each other. In a page display system, a web page data conversion program for converting web page data created for a first web terminal into web page data for a second web terminal, the table data included in the web page data being The table data identification step to identify and the number of characters in the table data cell A character number determination step for determining whether or not the value exceeds the value, and a cell array automatic arrangement for automatically rearranging the cell array of the table data when it is determined that the number of characters in the table data cell exceeds a predetermined threshold And causing the computer to execute the replacement step.

According to the invention as described above, the web page data created for the first web terminal is converted into the web page data for the second web terminal having a narrower display width than the first web terminal. However, if it is determined that the web page data includes table data and the number of characters in the table data cell exceeds a predetermined threshold, the cell array of the table data is automatically rearranged. Even if the conversion conditions are not set in advance in the table data included in the web page data for the web terminal, the display of the table data on the second web terminal can be automatically and appropriately converted to improve its visibility. become.
In addition, when it is determined that the number of characters in the table data cell exceeds a predetermined threshold, a plurality of cells arranged in the row direction are divided by a predetermined number unit and rearranged in the column direction. The number of display digits can be increased, and the visibility of the character string can be improved.
In addition, when it is determined that the width of the image in the cell of the table data exceeds a predetermined threshold, the image in the cell is automatically reduced, so that the display balance of the table data is disturbed by the image in the cell. It can suppress and can improve the visibility of table data.

It is a block diagram which shows the structure of the web page display system which concerns on embodiment of this invention. It is explanatory drawing which shows operation | movement of the web page display system which concerns on embodiment of this invention. It is explanatory drawing which shows the 1st problem of the conventional system. It is explanatory drawing which shows the 2nd problem of a conventional system. It is a block diagram which shows the functional structure of the web page data conversion server which concerns on embodiment of this invention. It is explanatory drawing which shows the 1st effect | action of the web page data conversion server which concerns on embodiment of this invention. It is explanatory drawing which shows the 2nd effect | action of the web page data conversion server which concerns on embodiment of this invention. It is a flowchart which shows the process sequence of the table data automatic conversion process 1 of the web page data conversion server which concerns on embodiment of this invention. (A) is explanatory drawing which shows the example of the web page data converted by the table data automatic conversion process 1 of the web page data conversion server which concerns on embodiment of this invention, (B) is an example of the web page data which was not converted It is explanatory drawing which shows. It is a flowchart which shows the process sequence of the table data automatic conversion process 2 of the web page data conversion server which concerns on embodiment of this invention. It is explanatory drawing which shows the example of the web page data converted by the table data automatic conversion process 2 of the web page data conversion server which concerns on embodiment of this invention.

  Hereinafter, embodiments of the present invention will be described with reference to the drawings.

  FIG. 1 is a block diagram showing a configuration of a web page display system according to an embodiment of the present invention, and FIG. 2 is an explanatory diagram showing an operation of the web page display system according to the embodiment of the present invention. As shown in these drawings, the web page display system 1 according to the embodiment of the present invention receives a web server 2 that stores web page data (for example, an HTML document describing a company homepage), and the web server 2 receives the web page data. The display width is narrower than that of the first web terminal 3 based on the web page data received from the first web terminal 3 and the web server 2 received from the web server 2 based on the web page data. The second web terminal 4 that displays the web page on the display unit 4a, and the web page data conversion that converts the web page data created for the first web terminal 3 into the web page data for the second web terminal 4 A server 5 (web page data conversion unit), and a network 6 such as the Internet for connecting these to be communicable, Equipped and are configured.

  The web server 2 of the present embodiment stores web page data created for the first web terminal 3 and returns web page data in response to access from the web terminals 3 and 4. When the access signal from the web terminals 3 and 4 includes terminal information that can specify the type of the web terminals 3 and 4, and the web server 2 determines that the access is from the first web terminal 3 Returns the web page data created for the first web terminal 3 to the first web terminal 3 as it is, and when the web server 2 judges that the access is from the second web terminal 4 (FIG. 2 (S1), a redirect signal for moving the access destination to the web page data conversion server 5 is returned to the second web terminal 4 (S2 in FIG. 2).

  The first web terminal 3 of the present embodiment is a PC, and the second web terminal 4 is a smartphone whose display width of the display unit 4a is narrower than that of the PC. The second web terminal 4 accesses the web page data conversion server 5 in response to the redirect signal from the web server 2 (S3 in FIG. 2). Thereafter, the web page data of the web server 2 is converted to the web page data conversion server. 5 and displays this (S4 to S7 in FIG. 2).

  The web page data conversion server 5 of the present embodiment receives the web page data for the first web terminal 3 from the web server 2 in response to the access from the second web terminal 4 (S3 in FIG. 2). (S4, S5 in FIG. 2), the received web page data is converted into web page data for the second web terminal 4 (S6 in FIG. 2), and this is returned to the second web terminal 4 (FIG. 2). S7).

  The conversion process performed by the web page data conversion server 5 of the present embodiment includes a manual setting conversion process for converting web page data based on conversion conditions set in advance by an administrator, and web page data based on a predetermined criterion. And automatic conversion processing to convert automatically. Hereinafter, a problem when the table data included in the web page data for the first web terminal 3 is displayed as it is on the second web terminal 4 will be described with reference to FIGS. 3 and 4. In the description of the table data, “cell” is one cell in the table data, “row” is a set of one or more “cells” arranged in the display width direction (left-right direction), and “column” is the display width. A set of one or more “cells” arranged in the orthogonal direction (vertical direction) is shown.

  FIG. 3 is an explanatory diagram showing a first problem of the conventional system. The left side of FIG. 3 shows a state in which the table data (table tag description part) included in the web page data is displayed on the first web terminal 3, and the right side of FIG. Shows a state in which the same table data is displayed on the second web terminal 4 having a narrow width. Since this table data is created for the first web terminal 3, it is displayed on the first web terminal 3 in a well-balanced manner. On the other hand, in the second web terminal 4, since the browser (web page browsing application) automatically breaks the character string in units of several characters according to the display width of the second web terminal 4, the character display is It becomes a vertically long state, and its visibility is reduced. This can be solved by replacing the table data in the manual setting conversion process described above, but the problem described in [Problems to be solved by the invention] occurs.

  FIG. 4 is an explanatory diagram showing a second problem of the conventional system. Also in FIG. 4, the state where the same table data is displayed on the first web terminal 3 is compared with the state displayed on the second web terminal 4. This table data includes an image in a cell, and when displayed on the second web terminal 4 as it is, the browser automatically narrows the cell width of the character string, so that the character string (in the drawing, appropriately referred to as text). Is automatically broken in units of several characters, the character display is in a vertically long state, and its visibility is reduced. This can be solved by replacing the table data in the manual setting conversion process described above, but the problem described in [Problems to be solved by the invention] occurs.

  FIG. 5 is a block diagram showing a functional configuration of the web page data conversion server according to the embodiment of the present invention. The various means shown in this figure (referred to as steps in the invention of the method and program) are functional configurations realized by the cooperation of a computer constituting the web page data conversion server 5 and software for operating the computer. Therefore, the present invention solves the above problems using these means. Hereinafter, the table data specifying unit 5a, the character number determining unit 5b, the cell array automatic rearranging unit 5c, the image width determining unit 5d, and the in-cell image automatic reducing unit 5e included in the web page data conversion server 5 will be described.

  The table data specifying means 5a specifies table data included in the web page data. For example, when the web page data is an HTML document, the table data may be specified by the table definition tag (<table> to </ table>).

  The number-of-characters determination means 5b determines whether the number of characters in the table data cell exceeds a predetermined threshold (for example, “20”). For example, when the web page data is an HTML document, a cell is specified by cell definition tags (<td> to </ td>), and the number of characters in the cell may be counted. In this embodiment, as will be described later, an average value of the number of characters included in each cell of the table data is obtained and it is determined whether or not the average value exceeds a predetermined threshold. It may be determined whether the maximum value or the minimum value of the number of characters included exceeds a predetermined threshold value.

  FIG. 6 is an explanatory diagram showing a first operation of the web page data conversion server according to the embodiment of the present invention. As shown in this figure, the cell array automatic rearranging means 5c automatically rearranges the cell array of the table data when it is determined that the number of characters in the table data cell exceeds a predetermined threshold. For example, a plurality of cells arranged in the row direction (for example, “2”) are divided by a predetermined number of units (for example, “1”) and rearranged in the column direction. In this way, the number of display digits of the character string in each cell increases, so that the visibility of the character string can be improved.

  The image width determination unit 5d determines whether or not the width of the image in the table data cell exceeds a predetermined threshold (for example, “200” pixels). For example, when the web page data is an HTML document, the cell definition tag (<td> to </ td>) and the image definition tag (<img src = "" width = "" height "">) What is necessary is just to specify the width of an image.

  FIG. 7 is an explanatory diagram showing a second operation of the web page data conversion server according to the embodiment of the present invention. As shown in this figure, the in-cell image automatic reducing means 5e automatically reduces the image in the cell when it is determined that the width of the image in the cell of the table data exceeds a predetermined threshold. For example, the width and height of the image in the cell are reduced by the same ratio (for example, 50%). If it does in this way, it will become possible to suppress that the display balance of table data will be lost by the image in a cell, and to improve the visibility of table data.

  Next, processing procedures and conversion results of the table data automatic conversion processing 1 and 2 performed by the web page data conversion server 5 according to the embodiment of the present invention will be described with reference to FIGS.

  FIG. 8 is a flowchart showing the processing procedure of the table data automatic conversion processing 1 of the web page data conversion server according to the embodiment of the present invention. As shown in this figure, in the table data automatic conversion processing 1, it is first determined whether or not there is table data in the web page data to be converted (S11). If the determination result is YES, an average value of the number of characters included in each cell of the table data is obtained (S12), and it is determined whether or not the average value exceeds a predetermined threshold value (S13). If the determination result is YES, a plurality of cells arranged in the row direction are divided by a predetermined number and rearranged in the column direction (S14).

  FIG. 9A is an explanatory diagram illustrating an example of web page data converted by the table data automatic conversion processing 1 of the web page data conversion server according to the embodiment of the present invention, and FIG. 9B is a web page that has not been converted. It is explanatory drawing which shows the example of data. These diagrams show the processing results of the table data automatic conversion processing 1, and FIG. 9A shows that the average value of the number of characters included in each cell of the table data exceeds a predetermined threshold value. An example is shown in which an HTML document is rewritten so that two cells arranged in the direction are divided in units of one cell and rearranged in the column direction. FIG. 9B shows an example in which the HTML document is not rewritten because the average number of characters included in each cell of the table data does not exceed a predetermined threshold.

  FIG. 10 is a flowchart showing a processing procedure of the table data automatic conversion processing 2 of the web page data conversion server according to the embodiment of the present invention. As shown in this figure, in the automatic conversion process 2, it is first determined whether or not there is table data in the web page data to be converted (S21). If this determination result is YES, it is determined whether or not an image is included in the cell of the table data (S22). If this determination result is YES, the width of the image is specified (S23), and the image It is determined whether or not the width exceeds a predetermined threshold (S24). If the determination result is YES, the image is reduced at a predetermined ratio (S25).

  FIG. 11 is an explanatory diagram showing an example of web page data converted by the table data automatic conversion processing 2 of the web page data conversion server according to the embodiment of the present invention. This figure shows the processing result of the table data automatic conversion processing 2, and since the width of the image included in the table data cell exceeds a predetermined threshold, the HTML document is reduced so that the image is reduced at a predetermined ratio. An example of rewriting is shown.

  According to the present embodiment configured as described, the web server 2 that stores the web page data and the first web that displays the web page on the display unit 3 a based on the web page data received from the web server 2. Based on the web page data received from the terminal 3 and the web server 2, the second web terminal 4 that displays the web page on the display unit 4a having a narrower display width than the first web terminal 3 can communicate with these. A web page display system 1 having a network 6 connected to the web page display system 1, wherein the web page data created for the first web terminal 3 is stored in the web page display system 1 for the second web terminal 4. In installing the web page data conversion server 5 for converting to web page data, the web page data conversion server 5 Table data specifying means 5a for specifying the table data included in the page data, character number determining means 5b for determining whether or not the number of characters in the cell of the table data exceeds a predetermined threshold, and the number of characters in the cell of the table data Cell array automatic rearranging means 5c for automatically rearranging the cell array of the table data when it is determined that the predetermined threshold value is exceeded, and is included in the web page data for the first web terminal 3 Even if the conversion conditions are not set in advance in the table data, the display of the table data on the second web terminal 4 can be appropriately automatically converted to improve the visibility.

  Further, since the cell array automatic rearranging means 5c divides a plurality of cells arranged in the row direction by a predetermined number unit and rearranges them in the column direction, the number of display digits of the character string in each cell is increased, and the character string visibility is increased. Can be improved.

  Further, the web page data conversion server 5 includes an image width determining means 5d for determining whether or not the width of the image in the table data cell exceeds a predetermined threshold, and the width of the image in the table data cell is predetermined. And the in-cell image automatic reduction means 5e that automatically reduces the image in the cell when it is determined that the threshold value of the cell is exceeded, the display balance of the table data is prevented from being disturbed by the image in the cell. The visibility of table data can be improved.

  Needless to say, the present invention is not limited to the above-described embodiment, and can be appropriately changed and added within the scope of the claims. For example, in the embodiment, the web page data conversion unit is provided in the web page data conversion server. However, the web page data conversion unit may be provided in the web server or the second web terminal.

DESCRIPTION OF SYMBOLS 1 Web page display system 2 Web server 3 1st web terminal 3a Display part 4 2nd web terminal 4a Display part 5 Web page data conversion server 5a Table data specification means 5b Character number judgment means 5c Cell arrangement automatic rearrangement means 5d Image Width determination means 5e In-cell image automatic reduction means 6 Network

Claims (6)

A web server for storing web page data;
A first web terminal that displays a web page on a display unit based on web page data received from a web server;
A second web terminal that displays a web page on a display unit having a display width narrower than that of the first web terminal based on the web page data received from the web server;
A web page display system comprising: a network that connects these in a communicable manner;
In installing the web page data conversion unit for converting the web page data created for the first web terminal into the web page data for the second web terminal in the web page display system,
The web page data conversion unit
Table data identification means for identifying table data included in web page data;
A character number judging means for judging whether or not the number of characters in the cell of the table data exceeds a predetermined threshold;
A web page display system comprising: a cell array automatic rearranging unit that automatically rearranges the cell array of the table data when it is determined that the number of characters in the cell of the table data exceeds a predetermined threshold value. .   2. The web page display system according to claim 1, wherein the cell array automatic rearranging means divides a plurality of cells arranged in a row direction by a predetermined number unit and rearranges them in a column direction. The web page data conversion unit
Image width determining means for determining whether or not the width of the image in the cell of the table data exceeds a predetermined threshold;
2. An in-cell image automatic reduction unit that automatically reduces an image in a cell when it is determined that the width of the image in the cell of the table data exceeds a predetermined threshold value. Or the web page display system of 2. Based on the web server that stores the web page data, the first web terminal that displays the web page on the display unit based on the web page data received from the web server, and the web page data received from the web server, The first web is installed in a web page display system including a second web terminal that displays a web page on a display unit having a display width narrower than that of the one web terminal, and a network that connects the web pages so that they can communicate with each other. A web page data conversion server that converts web page data created for a terminal into web page data for a second web terminal,
Table data identification means for identifying table data included in web page data;
A character number judging means for judging whether or not the number of characters in the cell of the table data exceeds a predetermined threshold;
Web page data conversion comprising: cell array automatic rearranging means for automatically rearranging the cell array of table data when it is determined that the number of characters in the table data cell exceeds a predetermined threshold server. Based on the web server that stores the web page data, the first web terminal that displays the web page on the display unit based on the web page data received from the web server, and the web page data received from the web server, In a web page display system comprising: a second web terminal that displays a web page on a display unit having a display width narrower than that of the one web terminal; and a network that connects these so that they can communicate with each other. A web page data conversion method for converting created web page data into web page data for a second web terminal,
A table data identification step for identifying table data included in the web page data;
A character number determination step for determining whether or not the number of characters in the cell of the table data exceeds a predetermined threshold;
A web page data conversion comprising: a cell array automatic rearrangement step for automatically rearranging the cell array of the table data when it is determined that the number of characters in the cell of the table data exceeds a predetermined threshold. Method. Based on the web server that stores the web page data, the first web terminal that displays the web page on the display unit based on the web page data received from the web server, and the web page data received from the web server, In a web page display system comprising: a second web terminal that displays a web page on a display unit having a display width narrower than that of the one web terminal; and a network that connects these so that they can communicate with each other. A web page data conversion program for converting generated web page data into web page data for a second web terminal,
A table data identification step for identifying table data included in the web page data;
A character number determination step for determining whether or not the number of characters in the cell of the table data exceeds a predetermined threshold;
A web that causes a computer to execute a cell array automatic rearrangement step of automatically rearranging the cell array of table data when it is determined that the number of characters in the cell of the table data exceeds a predetermined threshold. Page data conversion program.

Images