JP2014164655A - Communication system, client terminal, server device, communication method, and program - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide a communication system, a client terminal, a server device, a communication method, and a program which are capable of deleting the amount of data communicated between the client terminal and server device.SOLUTION: A communication system of the present invention includes: a client terminal 100; and a server device 200 that transmits data, which is to be displayed by the client terminal 100, to the client terminal 100. The client terminal 100 transmits screen size information of its own device. The server device 200 generates, from a first style information file including a plurality of pieces of style information, a second style information file that is obtained by deleting pieces of the style information, for which the client terminal 100 cannot display, from the first style information file on the basis of the screen size information; and transmits the second style information file to the client terminal 100.

Description

  The present invention relates to a communication system, and more particularly to a communication system having a client terminal and a server device.

  In recent years, with the spread of smartphones and tablet terminals, Web server administrators etc. use smartphones or tablets using a design that is easy to browse on small screens such as smartphones in addition to websites created for personal computers. A website for terminals is also created. In this way, Web server managers and the like have created Web sites with designs suitable for various terminal devices.

  However, when creating a dedicated website for each terminal, a web server administrator or the like needs to create a dedicated website each time a new terminal is sold. Since management is also necessary, there is a problem that development costs and management costs increase.

  Therefore, in order to solve such a problem, a method called responsive web design is used in which the display layout can be changed according to the screen size of the terminal using only a single website.

  Patent Document 1 discloses a method for selecting a CSS (Cascading Style Sheet) class that defines a display layout in responsive web design. Specifically, in Patent Document 1, the server device deletes a CSS class whose contents are duplicated among a plurality of CSS classes or a CSS class that has been created in the past and is no longer used, It is disclosed that only the CSS class necessary for the browser of the terminal is transmitted to the client terminal. For example, the CSS class with the same content is a CSS class that is created by a different developer and therefore has the same name but the same name.

  Further, Patent Document 2 discloses that when the client terminal is instructed to change the window size to the server apparatus, the server apparatus transmits layout information in accordance with the new window size to the client terminal. .

JP 2007-287146 A JP 2006-048706 A

  However, in the CSS class selection method disclosed in Patent Document 1, the server device deletes duplicate CSS classes from among a plurality of CSS classes, but the remaining CSS classes are not received at the client terminal. Whether it is used or not is not considered. Therefore, the client terminal may receive a CSS class that is not used from the server device. Since the client terminal needs to process a CSS class that is not used, there is a problem that extra processing occurs.

  Furthermore, in Patent Document 2, the server device needs to transmit new layout information to the client terminal whenever the window size of the client terminal changes. Therefore, communication such as notification of window size change and notification of new layout information associated therewith is performed between the client terminal and the server apparatus, and there is a problem that the processing load increases in the client terminal and the server apparatus.

  An object of the present invention is to provide a communication system, a client terminal, a server device, a communication method, and a program that can solve at least one of the above-described problems.

  A communication system according to a first aspect of the present invention is a communication system that includes a client terminal and a server device that transmits data to be displayed on the client terminal to the client terminal. Screen size information is transmitted to the server device, and the server device is based on the screen size information from a first style information file including a plurality of style information used for displaying the data at a plurality of screen sizes. Generating a second style information file in which style information that cannot be displayed on the client terminal is deleted from the first style information file, and transmitting the second style information file to the client terminal. It is.

  A client terminal according to a second aspect of the present invention is a client terminal that displays data transmitted from a server device, and includes a plurality of style information used for displaying data transmitted from the server device. In order to receive from the server device a second style information file in which style information that cannot be displayed on the own device is deleted from the one style information file, the screen size information of the own device is transmitted to the server device. A communication unit is provided.

  A server apparatus according to a third aspect of the present invention is a server apparatus that transmits data to be displayed on a client terminal to the client terminal, and a plurality of style information used to display the data on a plurality of screen sizes. The style information that cannot be displayed on the client terminal is deleted from the first style information file based on the screen size information of the client terminal transmitted from the client terminal from the first style information file including A communication unit configured to generate the second style information file and transmit the second style information file to the client terminal.

  A communication method according to a fourth aspect of the present invention is a communication method used in a server device that transmits data to be displayed on a client terminal to the client terminal, and is used to display the data on a plurality of screen sizes. Style information that cannot be displayed on the client terminal based on the screen size information of the client terminal transmitted from the client terminal from the first style information file including a plurality of style information. A second style information file deleted from the style information file is generated, and the second style information file is transmitted to the client terminal.

  A program according to a fifth aspect of the present invention is a program for causing a computer of a server device that transmits data to be displayed on a client terminal to the client terminal to be executed, and used to display the data on a plurality of screen sizes. Style information that cannot be displayed on the client terminal based on the screen size information of the client terminal transmitted from the client terminal from the first style information file including a plurality of style information. A step of generating a second style information file deleted from the style information file and a step of transmitting the second style information file to the client terminal are executed by a computer.

  According to the present invention, it is possible to provide a communication system, a client terminal, a server device, a communication method, and a program that can reduce the amount of data communicated between the client terminal and the server device.

1 is a configuration diagram of a communication system according to a first exemplary embodiment; FIG. 3 is a configuration diagram of a client terminal and a server device according to a second embodiment. It is a block diagram of the CSS file concerning Embodiment 2. FIG. It is a figure which shows the flow of the pre-processing in the server apparatus concerning Embodiment 2. FIG. It is a block diagram of the conditional style table concerning Embodiment 2. FIG. It is a block diagram of the unconditional style table concerning Embodiment 2. It is a block diagram of the style optimization table concerning Embodiment 2. FIG. It is a figure which shows the flow of a process when the server apparatus concerning Embodiment 2 receives an HTTP request from a client terminal. FIG. 10 is a diagram showing a flow of style information optimization processing according to the second exemplary embodiment; FIG. 6 is a configuration diagram of a client terminal and a server device according to a third embodiment. It is a figure which shows the flow of the pre-processing in the server apparatus concerning Embodiment 3. FIG. It is a block diagram of the table produced | generated for every ID of the style optimization table concerning Embodiment 3. FIG. It is a block diagram of the HTML optimization table concerning Embodiment 3. FIG.

(Embodiment 1)
Embodiments of the present invention will be described below with reference to the drawings. A configuration example of a communication system according to the first exemplary embodiment of the present invention will be described with reference to FIG. The communication system in FIG. 1 includes a client terminal 100 and a server device 200. The client terminal 100 receives data transmitted from the server device 200. Furthermore, the client terminal 100 displays the received data. The client terminal 100 is a mobile phone terminal, a smart phone terminal, a tablet terminal, a personal computer, or the like, and is a communication device that includes a display unit such as a display that can display communication data.

  The client terminal 100 transmits the screen size information of the own device to the server device 200. The screen size information is information indicating the screen size of the display unit (not shown) of the client terminal 100. The screen size may be indicated using the horizontal width and height of the screen. Further, the screen size may be indicated using the number of inches or the number of pixels.

  The server device 200 has a management style information file including a plurality of style information used for displaying data in a plurality of screen sizes. The multiple screen sizes include, for example, a screen size for a personal computer, a screen size for a smartphone, or a screen size for a tablet terminal. The style information includes, for example, information related to the layout of data displayed on the client terminal device. The layout of data in the display unit or the like varies depending on the screen size. Therefore, the server device 200 manages the screen size and style information in association with each other as a management style information file.

  The server device 200 receives screen size information transmitted from the client terminal 100. Based on the received screen size information, the server device 200 deletes style information that cannot be displayed on the client terminal 100 from the management style information file and generates a notification style information file. Furthermore, the server device 200 transmits a notification style information file to the client terminal 100.

  As described above, the server apparatus 200 can obtain the screen size information of the client terminal 100 from the client terminal 100 by using the communication system of FIG. As a result, the server device 200 can delete style information that cannot be displayed on the client terminal 100 from the management style information file, and generate a notification style information file. The notification style information file has a smaller amount of data than the management style information file. Therefore, when the notification style information file is transmitted from the server apparatus 200 to the client terminal 100, the client terminal 100 and the server are compared with the case where the management style information file is transmitted from the server apparatus 200 to the client terminal 100. The amount of data transmission between the devices 200 can be reduced.

  Furthermore, the client terminal 100 receives a notification style information file including a plurality of style information other than the style information that cannot be displayed on its own device. Therefore, even when the image size or window size is changed in the client terminal 100, it is possible to select displayable style information from among a plurality of style information. There is no need to request transmission of style information.

(Embodiment 2)
Next, detailed configuration examples of the client terminal 100 and the server device 200 according to the second embodiment of the present invention will be described with reference to FIG. First, a configuration example of the client terminal 100 will be described. The client terminal 100 has a web browser 110. Furthermore, the Web browser 110 includes an HTTP (Hypertext Transfer Protocol) communication unit 111, a screen size acquisition unit 112, a content analysis unit 113, and a content display unit 114.

  The web browser 110 is used to acquire data from the server device 200 and display the acquired data on the display unit or the like of the client terminal 100.

  The HTTP communication unit 111 transmits an HTTP request to the server device 200. Further, the HTTP communication unit 111 acquires content included in the HTTP response transmitted from the server device 200 in response to the HTTP request. The HTTP communication unit 111 transmits the screen size information described below in the HTTP request.

  The screen size acquisition unit 112 acquires the minimum and maximum screen sizes in the display unit of the client terminal 100. The screen size may be referred to as a screen size as described above. The screen size acquisition unit 112 may acquire information on the minimum and maximum screen sizes from a memory or the like in which information on the display unit is stored. The screen size may be indicated using the width and height of the display unit. Further, the screen size may be indicated using the number of inches or the number of pixels. The screen size acquisition unit 112 outputs the acquired screen size information to the HTTP communication unit 111.

  The content analysis unit 113 analyzes the content acquired by the HTTP communication unit 111. For example, when the content analysis unit 113 acquires a plurality of style information together with the content information from the server device 200, the content analysis unit 113 determines style information adapted to the screen size of the client terminal 100. The content analysis unit 113 may further analyze whether the acquired content is moving image data or image data. The content analysis unit 113 outputs the analysis result, for example, the determined style information, to the content display unit 114. The content display unit 114 displays the content on a liquid crystal display, for example, using the output style information.

  Next, a configuration example of the server device 200 will be described. The server device 200 includes a web browser 210, a content group 220, a style information optimization unit 230, a style information data table 240, and a file cache 250. The web browser 210 includes an HTTP communication unit 211 and a content acquisition unit 212.

  The HTTP communication unit 211 included in the web browser 210 receives the HTTP request transmitted from the HTTP communication unit 111. Furthermore, the HTTP communication unit 211 transmits an HTTP response to the client terminal 100 in response to the received HTTP request.

  The content acquisition unit 212 extracts the content requested in the HTTP request acquired by the HTTP communication unit 211 from the content group 220. The content acquisition unit 212 outputs the extracted content to the HTTP communication unit 211. The content group 220 has a plurality of contents. The content group 220 outputs the content requested in the HTTP request to the content acquisition unit 212.

  The style information optimizing unit 230 optimizes the CSS file using the screen size information of the client terminal 100 included in the HTTP request. The style information optimizing unit 230 extracts style information applicable to the screen size of the client terminal 100 from the style information data table 240.

  For example, the style information optimizing unit 230 leaves only style information that can be applied to the client terminal 100 from the CSS file in which a plurality of style information is set, and deletes style information that cannot be applied to the client terminal 100. Here, the CSS file in which a plurality of style information is set corresponds to the management style information file described above, and the CSS file after the non-applicable style information is deleted is included in the notification style information file described above. Equivalent to. The style information optimizing unit 230 outputs the CSS file from which the inapplicable style information is deleted to the HTTP communication unit 211.

  The style information data table 240 manages screen size information and style information applicable to the screen size in association with each other.

  The file cache 250 holds the notification style information file optimized by the style information optimization unit 230.

  The HTTP communication unit 211 sets the CSS file output from the content output from the content acquisition unit 212 and the style information optimization unit 230 as an HTTP response, and transmits the HTTP response to the client terminal 100.

  Next, operations and processing related to style information optimization in the style information optimization unit 230 will be described.

  First, CSS file analysis processing in the style information optimization unit 230 will be described with reference to FIG. The CSS file of FIG. 3 includes style information (Style A) that is applied when the screen size of the client terminal 100 is 600 px or less, and style information (Style B) that is applied when the screen size is 600 px or more and 900 px or less. Style information (Style C) that is applied when the screen size is 900 px or more and style information (Style Z) that is always applied regardless of the screen size are defined.

  Next, a flow of pre-processing in the server device 200 before screen size information is transmitted from the client terminal 100 will be described with reference to FIG. First, the style information optimizing unit 230 reads the CSS files stored in the style information data table 240 in order from the top (S11). Hereinafter, the flow of processing when the style information optimization unit 230 reads the CSS file of FIG. 3 will be described.

  Next, the style information optimizing unit 230 determines whether or not a media query that specifies the minimum screen size (min-width) or the maximum screen size (max-width) is specified in the style information included in the CSS file. Determine.

  The style information optimizing unit 230 sets the min-width, max-width, style information, and offset value in the conditional style table when Media Query is specified with the min-width or max-width as the condition in the style information. Record (S13). The conditional style table is stored in the style information data table 240, for example.

  Here, a configuration example of the conditional style table will be described with reference to FIG. ID is an identifier of each row of the conditional style table. “Min-width” and “max-width” are numerical values specified in Media Query. Here, when “min-width” is not specified in the style information, 0 is set, and when “max-width” is not specified, a value indicating infinity is set. The style information is a character string “@media (condition) {}” described in the CSS file of FIG. The offset value is information for indicating in which position in the CSS file the style information is described. Specifically, the offset value may indicate the number of bytes from which the style information is described from the beginning of the CSS file.

  The style information optimizing unit 230 records the style information and the offset value in the unconditional style table when the media query using min-width or max-width as the condition is not specified in the style information (S14). The unconditional style table is stored in the style information data table 240, for example.

  Here, a configuration example of the unconditional style table will be described with reference to FIG. ID is an identifier similar to the conditional style table. The style information is “.aaa {}, .bbb {}” described in the CSS file of FIG. The offset value is the same as that in the conditional style table.

  Next, the style information optimizing unit 230 determines whether or not the analysis has been completed up to the end of the CSS file after executing the process of step S13 or S14 (S15). If the style information optimizing unit 230 determines that the analysis has not been completed up to the end of the CSS file, it repeats the process of step S12.

  If the style information optimizing unit 230 determines that the analysis has been completed up to the end of the CSS file, the style information optimizing unit 230 generates a style optimization table (S16). Here, the configuration of the style optimization table will be described with reference to FIG. The style optimization table may be provided for each content stored in the content group 220.

  For the screen width, set a pattern that combines the boundary values of the conditional style table. For example, in the conditional style table, there are 0, 600, 900, and ∞ as boundary values. In this case, there are six combinations of screen widths: 0-600, 0-900, 0-∞, 600-900, 600-∞, 900-∞. As for the combination of screen widths, the numerical value on the left indicates mid-width, and the numerical value on the right indicates max-midth. It should be noted that a combination where the lower limit and the upper limit of the screen width are not numerically established, such as 600-0, is not set.

  The applied style list indicates style information to be applied by the client terminal 100. A method for setting the applied style list will be described below. Here, the lower limit of the screen width in the style optimization table of FIG. 7 is optimized.min_width, and the upper limit is optimized.max_width. Further, the lower limit of the screen width in the conditional style table of FIG. 5 is conditional.min_width, and the upper limit is conditional.max_width. The style information optimizing unit 230 uses the screen width (hereinafter referred to as a record) associated with the ID of the style optimization table and each record of the conditional style table to determine whether or not the following condition is satisfied. Determine. The conditions are optimized.min_width ≦ conditional.min_width and optimized.max_width ≧ conditional.max_width. The style information optimization unit 230 determines, for each record in the style optimization table, whether all the records in the conditional style table satisfy the above condition. When there is a record in the conditional style table that satisfies the condition, the style information optimization unit 230 sets an ID indicating the record in the conditional style table in the applied style list.

  For example, a record of ID1 in the style optimization table will be described. When the screen width of the record ID1 in the style optimization table is compared with each record in the conditional style table, only the screen width ID1 in the conditional style table satisfies the above condition. Therefore, [1] is set in the applied style list in ID1 of the style optimization table. The same applies to records after ID2 in the style optimization table.

  The style information optimizing unit 230 generates a style optimization table after analyzing the CSS file. The style optimization table records the types of styles to be applied when displaying a Web site on the client terminal 100 with reference to the minimum and maximum screen sizes of the client terminal 100. For example, the record of ID1 in the style optimization table is “If the client has a minimum screen size of 0 px or more and a maximum value of 600 px or less, in addition to the style information of the unconditional style table, the ID1 record of the conditional style table It is optimal to send style information (no waste).

  The style optimization table may also be stored in the style information data table 240 in the same manner as the conditional style table and the unconditional style table.

  Next, a processing flow of the server device 200 when an HTTP request is received from the client terminal 100 will be described with reference to FIG.

  First, the HTTP communication unit 211 receives an HTTP request from the client terminal 100 (S21). Next, the style information optimizing unit 230 determines whether there is a style optimization table related to the content requested in the HTTP request (S22). When it is determined that the style optimization table exists, the style information optimization unit 230 generates a CSS file in which the style information is optimized (S23). The style information optimization process will be described in detail later.

  Next, the HTTP communication unit 211 sets the CSS file in which the style information is optimized and the requested content, and transmits an HTTP response to the client terminal 100 (S24).

  If it is determined in step S22 that the style optimization table does not exist, the HTTP communication unit 211 sets the requested content and transmits an HTTP response to the client terminal 100 (S24).

  Next, the flow of style information optimization processing will be described with reference to FIG. First, the style information optimization unit 230 acquires screen size information of the client terminal 100 (S31). The style information optimizing unit 230 assigns the minimum screen size to the variable client.min_width, and assigns the maximum screen size to the variable client.max_width.

  Next, the style information optimizing unit 230 selects a record from the style optimization table based on the screen size information of the client terminal 100 (S32). Specifically, select a record in the style optimization table with client.min_width ≧ optimized.min_width and client.max_width ≦ optimized.max_width, and select the record with the smallest number of applied style lists from the selected records .

  Next, the style information optimizing unit 230 determines whether or not a file is set as a reference to the cache of the selected record (S33).

  If no file is set for the cache reference, the style information optimizing unit 230 acquires a conditional style table record included in the applied style list of the selected record (S34). Next, the style information optimization unit 230 merges the acquired record of the conditional style table with all the records of the unconditional style table. When merging these records, the style information optimizing unit 230 sorts the records in ascending order based on the offset value.

  Next, the style information optimizing unit 230 generates a notification CSS file using the style information corresponding to the records merged in step S35 from the management CSS file (S36). That is, the style information optimizing unit 230 deletes style information other than the style information corresponding to the record merged in step S35 from the management CSS file. In the CSS file for notification, style information is described in the order sorted in step S35. The notification CSS file may be referred to as an optimization file.

  Next, the style information optimizing unit 230 stores the notification CSS file in the file cache 250 and outputs it to the HTTP communication unit 211 (S37).

  The notification CSS file generated in this way has only style information that can be displayed on the client terminal 100. The HTTP communication unit 211 transmits the notification CSS file generated by the style information optimization unit 230 to the client terminal 100.

  As described above, the server apparatus 200 can generate a notification CSS file including only style information that can be displayed on the client terminal 100. Therefore, the server device 200 does not transmit unnecessary style information to the client terminal 100 at the client terminal 100. Thereby, the data capacity in the communication between the client terminal 100 and the server device 200 can be reduced.

  Furthermore, the client terminal 100 can receive a CSS file that can be displayed on its own device. Thereby, even when the screen size or the window size is changed, the client terminal 100 can change the layout of the content even after changing the screen size or the like by using the received CSS file. Therefore, it is not necessary for the client terminal 100 to acquire a CSS file from the server device 200 every time the screen size or the like is changed, and the number of signals communicated between the client terminal 100 and the server device 200 can be reduced.

  Further, since the client terminal 100 receives the CSS file including the style information that can be displayed on its own device, the content of the CSS file to be analyzed can be minimized. Therefore, the client terminal 100 can reduce the usage amount of computer resources such as a CPU or a memory.

(Embodiment 3)
Next, configuration examples of the client terminal 100 and the server device 200 according to the third embodiment of the present invention will be described with reference to FIG. The server device 200 in FIG. 10 is different from the server device 200 in FIG. 2 in that it includes an HTML optimization unit 235 and an HTML data table 245.

  The HTML optimization unit 235 optimizes the HTML data to be transmitted to the client terminal 100. Specifically, the HTML optimization unit 235 deletes content data that cannot be displayed on the client terminal 100 from the HTML data. Specifically, the HTML optimization unit 235 deletes content data that has no possibility of being displayed from the HTML data to be transmitted to the client terminal 100 in the screen size of the client terminal 100. The HTML data table 245 stores HTML data.

  Next, a flow of pre-processing in the server device 200 before the screen size information is transmitted from the client terminal 100 in the third embodiment will be described with reference to FIG. It is assumed that the style information optimizing unit 230 has completed the analysis of the optimal style information and the generation of the optimized file (the process described with reference to FIG. 9) when the pre-processing in FIG. 11 operates. And Further, the processing of FIG. 11 is performed for all the records by selecting the records in the style optimization table one by one from the top.

  First, the HTML optimization unit 235 selects a record that has not been subjected to HTML optimization processing in the style optimization table (S41). Next, the HTML optimization unit 235 assumes the screen size of the client terminal 100 (S42). Here, the assumption method of the screen size will be specifically described.

  The HTML optimization unit 235 obtains a screen size boundary value from each record in the conditional style table associated with the selected record. The screen size boundary value is a value that exists in at least one of min-width and max-width, and a value that falls within the range of optimized.min_width and optimized.max_width is extracted. For example, when ID2 of the style optimization table in FIG. 7 is selected, the boundary values extracted from the conditional style table are 0, 600, and 900. Next, the HTML optimization unit 235 arranges the extracted boundary values in ascending order, and calculates the average value of two adjacent boundary values. For example, when the extracted boundary values are 0, 600, and 900, the set of calculated average values is 300 (= (0 + 600) / 2) and 750 (= (600 + 900) / 2). The HTML optimization unit 235 assumes the average value calculated in this way as the screen size of the client terminal 100. That is, when the boundary values are 0, 600, and 900, the style information applied in the client terminal 100 has two patterns when the screen size is 0-600 and when the screen size is 600-900. Here, the average screen size in each pattern is assumed to be the screen size of the client terminal 100.

  Here, the average value of two adjacent boundary values is assumed to be the screen size of the client terminal 100. However, if the numerical value is between the two adjacent boundary values, a numerical value different from the average value is set to the value of the client terminal 100. You may assume screen size.

  Returning to FIG. 11, the HTML optimizing unit 235 acquires the cached optimized file (notification CSS file) recorded in the record of the selected style optimization table from the file cache 250 (S43).

  Next, the HTML optimization unit 235 selects the average values calculated in step S42 one by one in order from the smallest value, and scans the optimization file using the selected average values (S44). Specifically, the HTML optimization unit 235 specifies HTML elements that are not displayed on the screen of the client terminal 100 in the assumed screen size of the client terminal 100. The HTML element may be referred to as a selector. Further, the HTML element may be content data. For example, when the screen size of the client terminal 100 is small, the client terminal 100 may not be able to display all the content (HTML data) acquired from the server device 200. The selector that is not displayed on the screen of the client terminal 100 is HTML data that cannot be displayed on the screen of the client terminal 100 as described above. A parameter indicating that the selector is not displayed on the screen is indicated as “display: none”. The HTML optimization unit 235 scans the optimization file at each calculated average value.

  Here, the HTML optimizing unit 235 records the selector set to display: none and the number of times the selector is set to display: none as shown in FIG. FIG. 12 is generated for each ID of the style optimization table. N in the style optimization table ID: N indicates an integer value used for the ID of the style optimization table. For example, assume that FIG. 12 is a table associated with ID2 of the style optimization table. In this case, the selector “.class” in FIG. 12 indicates that the display is set to none once. This indicates that when the average value 300 or 750 is assumed to be the screen size of the client terminal, the HTML element .class is not displayed in either screen size. In addition, since the selector “.aaa” in FIG. 12 indicates that the display is set to twice: none, it indicates that the average value 300 and the screen size of 750 are not displayed.

  Next, the HTML optimization unit 235 determines whether there is a selector that is not always displayed (S45). For example, in the style optimization table ID2, “.aaa” is a selector that is not always displayed.

  In step S45, if the HTML optimizing unit 235 determines that there is a selector that is not always displayed, the HTML optimizing unit 235 deletes style information including the selector that is not always displayed from the optimization file (S46). At this time, the HTML optimization unit 235 stores the optimized file after deleting the selector in the file cache 250 as a new file.

  Next, the HTML optimization unit 235 deletes a selector that is always set to display: none from the HTML file to be optimized (S47). At this time, the HTML optimizing unit 235 sets the CSS file associated with the HTML file from which the selector has been deleted as the new optimized file generated in step S46.

  Next, the HTML optimization unit 235 adds “min-width”, “max-width”, “number of applied styles”, and “reference to the cache of the optimized HTML file” to the HTML optimization table shown in FIG. Is registered (S48). The number of applied styles records the number of elements in the “applied style list” of the record of the style optimization table. The HTML optimization table is stored in the HTML data table 245.

  In step S45, if the HTML optimization unit 235 determines that there is no selector that is not always displayed, the HTML optimization unit 235 executes the process of step S48. In this case, since “optimization of HTML and CSS files” is not necessary for “reference to cache of HTML file”, a reference to the original HTML file is recorded.

  Thereafter, when receiving an HTML acquisition request from the client terminal 100, the server apparatus 200 transmits the optimized HTML file to the client terminal 100.

  As described above, by using the server device 200 according to Embodiment 3 of the present invention, the server device 200 deletes HTML data that is not displayed on the client terminal 100 together with unnecessary style information in advance, An HTML file can be transmitted to the client terminal 100. Thereby, the amount of data communication between the client terminal 100 and the server apparatus 200 can be reduced.

  Note that the present invention is not limited to the above-described embodiment, and can be changed as appropriate without departing from the spirit of the present invention.

  (Additional remark 1) It is a communication system provided with a client terminal and the server apparatus which transmits the data displayed on the said client terminal to the said client terminal, Comprising: The said client terminal transmits the screen size information of an own apparatus to the said server apparatus Then, the server device displays the first client information based on the screen size information from the first style information file including a plurality of style information used for displaying the data at a plurality of screen sizes. A communication system for generating a second style information file in which style information that cannot be deleted from the first style information file is generated, and transmitting the second style information file to the client terminal.

  (Supplementary note 2) The communication system according to supplementary note 1, wherein the screen size information includes at least one of a maximum value and a minimum value of a screen size of the client terminal.

  (Appendix 3) Applicable when the maximum and minimum values of the screen size specified in the style information and the screen size of the client terminal are within the range of the maximum and minimum values of the screen size. The communication system according to attachment 1 or 2, further comprising a style optimization table that manages the style information in association with each other.

  (Additional remark 4) The said server apparatus uses the record with few style information which can be applied among the records which satisfy | fill the said screen size of the said client terminal in the said style optimization table, and uses said 2nd style information file. The communication system according to appendix 3, wherein:

  (Additional remark 5) The said server apparatus deletes the content data which cannot be displayed in the screen size of the said client terminal among the data transmitted to the said client terminal, Any one of Additional remark 1 thru | or 4 Communication system.

  (Supplementary note 6) The server device assumes the screen size of the client terminal using the maximum value and the minimum value of the screen size specified in the style information, and the client terminal having the assumed screen size 6. The communication system according to appendix 5, wherein content data that cannot be displayed is deleted.

  (Supplementary Note 7) A client terminal that displays data transmitted from a server device, and that is based on a first style information file that includes a plurality of style information used for displaying data transmitted from the server device. A client terminal comprising: a communication unit that transmits screen size information of its own device to the server device in order to receive from the server device a second style information file from which style information that cannot be displayed is deleted.

  (Additional remark 8) It is a server apparatus which transmits the data displayed on a client terminal to the said client terminal, Comprising: From the 1st style information file containing several style information used in order to display the said data in several screen sizes Generating a second style information file in which style information that cannot be displayed on the client terminal is deleted from the first style information file based on the screen size information of the client terminal transmitted from the client terminal And a server device including a communication unit that transmits the second style information file to the client terminal.

  (Additional remark 9) It is the communication method used in the client terminal which displays the data transmitted from a server apparatus, Comprising: 1st style information containing several style information used in order to display the data transmitted from the said server apparatus A communication method of transmitting screen size information of a local device to the server device in order to receive from the server device a second style information file in which style information that cannot be displayed on the device is deleted from the file.

(Additional remark 10) It is a communication method used in the server apparatus which transmits the data displayed on a client terminal to the said client terminal, Comprising: 1st including several style information used in order to display the said data in several screen sizes The style information that cannot be displayed on the client terminal is deleted from the first style information file based on the screen size information of the client terminal transmitted from the client terminal. Create a style information file
A communication method for transmitting the second style information file to the client terminal.

  (Additional remark 11) The program which makes the computer of the client terminal which displays the data transmitted from a server apparatus perform, Comprising: The 1st style containing several style information used in order to display the data transmitted from the said server apparatus In order to receive from the server device the second style information file from which the style information that cannot be displayed on the device itself is deleted from the information file, the computer transmits the screen size information of the device to the server device. A program to be executed.

  (Supplementary Note 12) A program that is executed by a computer of a server device that transmits data to be displayed on a client terminal to the client terminal, and includes a plurality of style information used for displaying the data on a plurality of screen sizes. A second style information file that has been deleted from the first style information file from the first style information file, based on the screen size information of the client terminal transmitted from the client terminal. A program that causes a computer to execute a style information file generation step and a step of transmitting the second style information file to the client terminal.

DESCRIPTION OF SYMBOLS 100 Client terminal 110 Web browser 111 HTTP communication part 112 Screen size acquisition part 113 Content analysis part 114 Content display part 200 Server apparatus 210 Web browser 211 HTTP communication part 212 Content acquisition part 220 Content group 235 HTML optimization part 230 Style information optimization Section 240 Style information data table 245 HTML data table 250 File cache

Claims (10)

A communication system comprising a client terminal and a server device that transmits data to be displayed on the client terminal to the client terminal,
The client terminal is
Sends the screen size information of its own device to the server device,
The server device
Based on the screen size information, style information that cannot be displayed on the client terminal based on the screen size information from a first style information file that includes a plurality of style information used to display the data at a plurality of screen sizes. A communication system that generates a second style information file deleted from a first style information file and transmits the second style information file to the client terminal. The screen size information is
The communication system according to claim 1, comprising at least one of a maximum value and a minimum value of a screen size of the client terminal.   The maximum and minimum values of the screen size specified in the style information, and the style information that can be applied when the screen size of the client terminal is within the range of the maximum and minimum values of the screen size. The communication system according to claim 1, further comprising a style optimization table that is managed in association with each other. The server device
The said style optimization table produces | generates a said 2nd style information file using the record with the least style information which can be applied among the records which satisfy | fill the said screen size of the said client terminal. Communication system. The server device
The communication system according to any one of claims 1 to 4, wherein content data that cannot be displayed on a screen size of the client terminal is deleted from data transmitted to the client terminal. The server device
Content data that cannot be displayed on the client terminal having the assumed screen size by assuming the screen size of the client terminal using the maximum value and the minimum value of the screen size defined in the style information. 6. The communication system according to claim 5, wherein the communication system is deleted. A client terminal that displays data transmitted from a server device,
A second style information file obtained by deleting style information that cannot be displayed on the own device from a first style information file that includes a plurality of style information used to display data transmitted from the server device. A client terminal comprising a communication unit for transmitting screen size information of the own device to the server device for receiving from the server device. A server device that transmits data to be displayed on a client terminal to the client terminal,
In the client terminal, based on the screen size information of the client terminal transmitted from the client terminal, from the first style information file including a plurality of style information used for displaying the data in a plurality of screen sizes. A server apparatus comprising: a communication unit that generates a second style information file in which style information that cannot be displayed is deleted from the first style information file, and transmits the second style information file to the client terminal. A communication method used in a server device that transmits data to be displayed on a client terminal to the client terminal,
In the client terminal, based on the screen size information of the client terminal transmitted from the client terminal, from the first style information file including a plurality of style information used for displaying the data in a plurality of screen sizes. Generating a second style information file in which style information that cannot be displayed is deleted from the first style information file;
A communication method for transmitting the second style information file to the client terminal. A program for causing a computer of a server device to transmit data to be displayed on a client terminal to the client terminal,
In the client terminal, based on the screen size information of the client terminal transmitted from the client terminal, from the first style information file including a plurality of style information used for displaying the data in a plurality of screen sizes. Generating a second style information file in which style information that cannot be displayed is deleted from the first style information file;
A program for causing a computer to execute the step of transmitting the second style information file to the client terminal.

Images