JP5193912B2 - Web screen display method, image distribution method, server, client, and server / client system - Google Patents

Description

  The present invention relates to a Web screen display method for displaying a plurality of pieces of image information on the Web, and a server / client system for implementing the method.

  The main features of the meteorological work are “requires work while simultaneously confirming multiple data”, “delivery timing varies depending on weather data”, and “a large amount of data including images exists”. Currently, web-based weather data distribution has become commonplace. However, when multiple weather data are displayed on one screen, communication that includes all the data is performed between the server and client when updating using the normal update method. In many cases, there are many inconveniences in terms of user operability, such as incurring processing delays, and there are many cases in which multiple web browsers are launched to perform business.

  On the other hand, as a technique for updating a part of the Web screen without updating the entire Web screen, a method using asynchronous communication processing such as DHTML or Ajax is known. Patent Document 1 discloses a data update method using Ajax, and Patent Document 2 discloses a Web system using DHTML.

JP 2008-28211 A JP 2007-11439 A

  However, in the above prior art, since data is exchanged between the server and the client using XML data, processing for handling XML data such as XML data generation processing and XML data management processing is required.

  Also, the method of exchanging with XML data is excellent when updating text information on a Web screen, but is not suitable when updating image information.

  The present invention has been made in view of such circumstances, and when displaying a plurality of pieces of image information on a Web screen, a Web screen that can update only target image information with a simple operation and no processing delay. It is an object of the present invention to provide a display method and a server / client system that implements the display method.

  In order to achieve the above object, in the server / client system, the present invention updates only the target image information on the Web screen on which a plurality of image information is displayed without updating the entire Web screen. Specifically, the client and the server each perform the following processing.

  The client transmits the first image information to the server via the network, and the path information of the second image information related to the first image information from the server as text data. And a process of transmitting a request for the second image information including the path information to the server via the network.

  The server receives the first image information from the client via the network, and obtains path information of the second image information related to the first image information from an external storage device A process for transmitting the path information as text data to the client via the network, a process for receiving a request for second image information including the path information from the client, and a process for receiving the request from the external storage device. A process of acquiring the second image information based on the received path information and a process of updating the corresponding image information on the Web screen based on the second image information are performed.

  ADVANTAGE OF THE INVENTION According to this invention, when displaying several image information on a Web screen, the Web screen display method which can update only the target image information by simple operation and without a processing delay, and the server client system which implements this Can be provided.

It is a figure showing the whole weather data Web display system composition concerning this embodiment. It is a figure which shows the hardware structural example of the file reception server 1 which concerns on this embodiment. It is a figure which shows the structural example of the file identification table 113 which concerns on this embodiment. It is a figure which shows the hardware structural example of the Web server 3 which concerns on this embodiment. It is a figure which shows the hardware structural example of the client 4 which concerns on this embodiment. It is a figure which shows the structural example of the file management table 416 which concerns on this embodiment. It is a figure which shows the example of a web screen display concerning this embodiment. Similarly, it is a figure which shows the example of a web screen display concerning this embodiment. It is a sequence explaining the initial screen display process concerning this embodiment. It is a flowchart explaining the outline | summary of the weather data update process which concerns on this embodiment. It is a sequence explaining the detail of the newest data display process (FIG. 9, step 203) which concerns on this embodiment. It is a sequence explaining the details of the image display process (FIG. 9, step 205) assigned to the “front button” or “back button” according to the present embodiment. It is a figure for demonstrating the target data file path acquisition method which concerns on this embodiment. It is a sequence which shows the several image continuous display process allocated to the "moving image button" concerning this embodiment.

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

  FIG. 1 is a diagram showing an overall configuration of a weather data Web display system.

  As shown in FIG. 1, a weather data Web display system includes a file receiving server 1, a shared disk (external storage device) 2, a Web server 3, a plurality of clients 4, and a Japan Meteorological Agency wide area network 6, for example, a local area network or the like. The system is configured to be connected to the network 5.

  FIG. 2 is a diagram illustrating a hardware configuration example of the file receiving server 1.

  As shown in FIG. 2, the file reception server 1 includes a control unit 100 such as a CPU, a file reception function 111 executed by the control unit 100, a program including a file identification function 112, and a storage unit 101 that stores a file identification table 113. And a network interface unit 102 for transmitting and receiving information to and from the network 5.

  The file reception function 111 receives a weather data file from the Japan Meteorological Agency wide area network 6 via the network 5 and the network interface unit 102, and temporarily stores the received weather data file in a file reception directory on the storage unit 101. Have. The weather data file is image data including a data identifier, time information (announcement time), and information indicating the file type in the file name.

  The file identification function 112 searches the file identification table 113 based on the data identifier of the received weather data file, searches the storage directory on the shared disk 2 of the weather data file, and stores the weather data stored in the file reception directory. A function of storing the file in the searched storage directory;

  FIG. 3 is a diagram illustrating a configuration example of the file identification table 113.

  As shown in FIG. 3, the file identification table 113 includes a data identifier 131, a storage directory 132 indicating the storage destination of the received weather data file in the shared disk 2, and information 133 indicating the type of the received weather data file. Are stored in association with each other.

  The data identifier 131 is a character string included in the received weather data file, and is a character string that can uniquely identify the type of data. The storage directory 132 is a directory on the shared disk 2 that stores weather data files, and the same type of weather data files are stored in the same directory. The file type 133 is a character string indicating the file type (format) of each weather data file.

  FIG. 4 is a diagram illustrating a hardware configuration example of the Web server 3.

  As illustrated in FIG. 4, the Web server 3 includes a control unit 300 such as a CPU, a storage unit 301 that stores a program including a Web server function 311 and a Web content creation function 312 that are executed by the control unit 300, and a network 5. A network interface unit 302 that transmits and receives information is included.

  The Web server function 311 is a function for causing the Web content creation function 312 to execute a specific process for a Web request (Ajax) from the client 4 and transmitting the processing result to the client 4 via the network interface unit 302. Have

  The web content creation function 312 acquires various weather data (contents) stored on the shared disk 2 in response to a web request from the client 4, and sends a processing result for display on the client 4 to the web server function 311. Has a function to pass.

  FIG. 5 is a diagram illustrating a hardware configuration example of the client 4.

  As shown in FIG. 5, the client 4 is a program comprising a control unit 400 such as a CPU, a Web page display function 411, a file information management function 412, a file update monitoring function 413, and an asynchronous communication function 414 executed by the control unit 400. A storage unit 401 that stores a monitoring interval setting file 415 and a file management table 416, a network interface unit 402 that transmits and receives information to and from the network 5, a display unit 403 that displays a Web screen such as a display, a keyboard, a mouse, and the like The user has an input unit 404 for operating the Web screen.

  The web page display function 411 transmits a web request to the web server 3 via the network interface unit 402 in response to an operation from the input unit 404 and a notification / request from the file update monitoring function 413, and obtains from the web server 3. The obtained result (html file or weather data) is displayed on the display unit 403 as a Web page.

  The file information management function 412 has a function of storing information (file name, directory) regarding the weather data acquired from the Web server 3 in the file management table 416. This stored information is managed as acquired weather data related information. Further, the file information management function 412 has a function of acquiring an image file path of the relevant weather data in response to an operation from the input unit 404 (weather data update request).

  The file update monitoring function 413 reads the update interval of weather data being displayed on the Web browser from the monitoring interval setting file 415, and updates only the relevant weather data in the Web page when the update time has elapsed. 411 has a function requested to 411.

  The asynchronous communication function 414 has a function of transmitting / receiving weather data and the like managed by the file information management function 412 asynchronously with the Web server 3.

  FIG. 6 is a diagram illustrating a configuration example of the file management table 416.

  As shown in FIG. 6, the file management table 416 stores a file name 601 and a storage directory 602 in association with each other.

  A file name 601 indicates the file name of a weather data file that has been acquired from the Web server 3 by the Web page display function 411. A storage directory 602 indicates a directory on the shared disk 2 where the acquired weather data file exists.

  FIGS. 7A and 7B are diagrams showing examples of Web screen displays on which a plurality of weather data are displayed.

  In the pre-update screen shown in FIG. 7A, four weather data (actual weather map 431, predicted weather map 432, satellite image 433, and typhoon information 434) are displayed on the web browser 430. Typhoon information Reference numeral 434 indicates that the moving image loop processing is in progress.

  Each weather data display unit has buttons such as “front button (<) 435”, “back button (>) 436”, “latest button 437”, “moving image loop button 438”, and the like. The user can operate the target weather data. It is possible to display image data one hour before by “front button (<) 435” and image data after one hour by “back button (>) 436”. Each weather data is individually communicated with the Web server 3 by the asynchronous communication function 414, and the weather data can be updated independently.

  In the example of the updated screen shown in FIG. 7B, when the latest version of the satellite image 433 is acquired, the display of the typhoon information 434, the live weather map 431, and the predicted weather map 432 currently displayed in the video loop is affected. Only the satellite image 433 can be displayed without updating.

  FIG. 8 is a sequence for explaining generation and display processing of an initial screen for displaying weather data.

  First, the client 4 transmits an initial screen request to the Web server 3 via the network 5 by the Web page display function 411 (Step 101).

  Upon receiving the initial screen request, the Web server 3 searches the directory where the initial display image exists on the shared disk 2 based on the request by using the Web server function 311 and the Web content creation function 312 (Step 102). Is acquired (step 103). Next, an initial screen is generated using the acquired initial display latest image by the Web server function 311 and the Web content creation function 312 (step 104), and the generated initial screen is converted to HTML data as a client via the network 5. 4 is transmitted (step 105).

  The client 4 displays the received initial screen (HTML data) on the Web browser of the display unit 403 (step 106).

  FIG. 9 is a flowchart for explaining the outline of the weather data update process.

  The client 4 uses the Web page display function 411 to request a weather data update from the file update monitoring function 413 as the update time elapses (step 201), or the “latest button 437” using the input unit 404 by the user (FIG. 7A When the update request (step 202) including the file name and button identification information (“latest button”) is acquired by the pressing operation of)), the latest data display process (step 203) is performed.

  In addition, the Web page display function 411 allows the user to select a file name and button identification information (“front button” or “back button”) by pressing the “front button 435” or “back button 436” using the input unit 404. When the update request including the request is acquired (step 204), the image display process (step 205) assigned to each button is performed.

  Further, when the Web page display function 411 acquires an update request including a file name and button identification information (“moving image button”) by pressing the “moving image button 438” using the input unit 404 by the user (step 206). Then, a continuous display process of a plurality of images assigned to the button is performed (step 207).

  Note that the order of the processes shown in FIG. 9 is an example, and when any button is pressed by a user operation, the process assigned to the pressed button is performed.

  FIG. 10 is a sequence for explaining the details of the latest data display process (FIG. 9, step 203).

  First, the client 4 uses the Web page display function 411 to acquire an image file acquired from the file management table 416 based on the update request including the content name and button identification information (“latest button”) and the information in the file management table 416. Among them, the file name and storage directory information of the newest file (hereinafter referred to as the latest acquired image file) are acquired and the latest image request including the acquired information is transmitted to the Web server 3 via the network 5 (step 301).

  The Web server 3 searches the corresponding directory on the shared disk 2 based on the file name and directory information of the received latest acquired image file by the Web server function 311 and the Web content creation function 312, and stores the latest image on the corresponding directory. A file path is acquired (step 302). FIG. 12 is a diagram for explaining a file path acquisition method for an image. As shown in the data file example of FIG. 12, the weather data is distributed in a form in which the announcement time is included in the file name. It is possible to determine the announcement time by looking at this time portion. The web content creation function 312 compares the file path of the latest image acquired in step 302 with the announcement time of the latest acquired image file received in step 301 using the announcement time determination method, and determines whether or not the file has been updated. Judgment is made (step 303). If an update file exists, the Web server function 311 transmits the latest image file path as text data to the client 4 via the network 5 (step 304). If there is no file update in step 303, nothing is transmitted.

  When the client 4 receives the latest image file path, the Web page display function 411 requests the latest image file to the Web server 3 via the network 5 using the GET method of http (Step 305). The target image file is acquired from (Step 306).

  The client 4 uses the Web page display function 411 to update and display the corresponding part on the Web screen with the received image (Step 307).

  Of the above processing, all data transmission / reception between the Web server 3 and the client 4 is performed by asynchronous communication.

  FIG. 11 is a sequence for explaining the details of the image display processing (FIG. 9, step 205) assigned to the “front button” or “back button”.

  First, the client 4 acquires the name of the currently displayed image file by using the file information management function 412 (step 401), and an update request including the file name and button identification information (("front button" or "back button")). Then, the path of the image file to be displayed is calculated from the file name using the above-described announcement time determination method (step 402) Next, the target image on the calculated file path is calculated by the Web page display function 411. A request is made to the Web server 3 via the network 5 by the http GET method (Step 403), and the target image file is acquired from the Web server 3 (Step 404).

  The client 4 uses the Web page display function 411 to update and display the corresponding portion on the Web screen with the acquired target data (step 405).

  Of the above processing, all data transmission / reception between the Web server 3 and the client 4 is performed by asynchronous communication.

  FIG. 13 is a sequence showing a process for continuously displaying a plurality of images assigned to the “moving image button”.

  First, the client 4 acquires the name of the currently displayed image file by the file information management function 412 (step 501), and follows the image file name according to the update request including the file name and button identification information (“moving image button”). From the above-mentioned method for determining the announcement time, calculate the path of image files for several minutes that should be displayed as a preset movie (for example, six images if six images are displayed continuously as a movie). Then, an image file path array having these image file paths as elements is created (step 502).

  Next, the file information management function 412 acquires the file path of the target image from the image path array created in step 502. To obtain the image file path, an image counter (initial value 0) is prepared, and the path at the position of the image counter on the image file path array is obtained. Each time a path is acquired, the counter is incremented by 1. When the counter reaches a limit value, the counter is set to 0 (step 503). Next, the Web page display function 411 requests the target image on the acquired file path to the Web server 3 via the network 5 using the http GET method (step 504), and acquires the target image file from the Web server 3. (Step 505).

  Using the Web page display function 411, the client updates and displays the corresponding part on the Web screen with the acquired target image data (Step 506), and returns to the target image file path acquisition process (Step 503).

  Of the above processing, all data transmission / reception between the Web server 3 and the client 4 is performed by asynchronous communication.

  In the above embodiment, the plurality of image data displayed on the Web display screen is weather data, but other image data may be used.

  As described above, according to the above embodiment, when displaying a plurality of image information on a Web screen, a Web screen display method capable of updating only desired image information with simple operation and no processing delay, and this Can be provided. As a result, a plurality of weather data distributed in large quantities can be browsed on one Web screen, and the efficiency of weather work can be improved. Further, according to the above-described embodiment, since XML data is not used for data transfer between the server and the client, processing for generating and managing XML data becomes unnecessary, and the processing amount can be reduced.

  Although the embodiments of the present invention have been described above, the present invention is not limited to the above-described embodiments, and various modifications can be made without departing from the scope of the invention.

DESCRIPTION OF SYMBOLS 1 ... File reception server, 2 ... Shared disk, 3 ... Web server, 4 ... Client, 5 ... Local network, 6 ... Japan Meteorological Agency wide area network.

Claims (11)

A web screen display method implemented in a server / client system in which a server and a client are connected via a network,
By the client
Processing for transmitting the path information of the first image information to the server via the network, and the path information of the second image information related to the path information of the first image information from the server as text data a process of receiving through the network, and a process of transmitting a request for said second image information including the path information of the second image information to the server via the network implemented,
By the server
Processing for receiving path information of the first image information from the client via the network, and acquiring path information of the second image information related to the path information of the first image information from an external storage device A process of transmitting the path information as text data to the client via the network, and a process of receiving a request for second image information including the path information of the second image information from the client Processing for obtaining the second image information based on the path information of the second image information received from the external storage device, and corresponding image information on the Web screen based on the second image information. The process of updating
Web screen display method characterized by this. In a method in which a server connected via a network to a client that displays a Web screen having an image delivers an image,
The server receives the path information of the first image information on the Web screen without an image request from the client, and the path information of the second image information related to the path information of the first image information from the storage device It was obtained in text data, and transmits the path information of the second image information to the client, receiving the path information of the second image information together with the image request for requesting second image information from the client An image distribution method comprising: acquiring the second image information based on path information of the received second image information from the storage device and transmitting the acquired second image information to the client. In claim 2,
The server
Find the path information of the second image information based on the first image information of the path information to the received, and path information of the first image information and the path information of the second image information Compare to determine whether the second image information needs to be transmitted,
As a result of the determination, if it is determined that transmission is necessary, the path information of the second image information is transmitted to the client, and if it is determined that transmission is not possible, the path information of the second image information is An image distribution method characterized by not transmitting to a client. In claim 3,
It said transmission whether the determination is performed by comparing a character string indicating a time in the path information of the first image information, and a string that indicates the time included in the path information of the second image information the image distribution method, wherein a time according to the path information of the second image data is determined to be transmitted is needed newer than the time according to the path information of the first image information. In a Web screen display method in which a client connected to a server via a network displays a Web screen having a plurality of images on a display device,
The client
The path information of one the first image information is of a plurality of images displayed on the Web screen of the display device transmits to the server, the path information of the first image information from the server Receiving path information of related second image information as text data, sending a request for the second image information including the path information of the received second image information to the server, and Receiving second image information relating to the request, and updating the first image information on the displayed Web screen to the received second image information;
Web screen display method characterized by this. In claim 1 or claim 5,
A method for displaying a Web screen, wherein the request for the second image information including the path information of the second image information is transmitted to the server by a GET method of http. A server / client system in which a server and a client are connected via a network,
The client
The path information of the first image information is transmitted to the server via the network, and the path information of the second image information related to the path information of the first image information is transmitted from the server to the network as text data. And a control unit that transmits the request for the second image information including the path information of the second image information to the server via the network,
The server
Receiving path information of the first image information from the client via the network, obtaining path information of the second image information related to the path information of the first image information from an external storage device; The path information is transmitted as text data to the client via the network, receives a request for second image information including the path information of the second image information from the client, and receives the request from the external storage device. path information of the received second image information acquiring the second image information based on a control unit for updating the corresponding image information on the Web screen based on the image information of the second,
Server-client system characterized by the above. In a server connected via a network to a client that displays a web screen with images ,
The path information of the first image information on the Web screen is received without an image request from the client, and the path information of the second image information related to the path information of the first image information is converted into text data from the storage device. Gets Te, the path information of the second image information transmitted to the client, receiving the path information of the second image information together with the image request for requesting second image information from the client, the storage device And a control unit that acquires the second image information based on the path information of the second image information received from the server and transmits the second image information to the client. In claim 8,
Wherein, based on the first image information of the path information to the received search path information of the second image information, and path information of the first image information, the second image information To determine whether it is necessary to transmit the second image information,
As a result of the determination, if it is determined that transmission is necessary, the path information of the second image information is transmitted to the client, and if it is determined that transmission is not possible, the path information of the second image information is A server characterized by not sending to the client. In claim 9,
It said transmission whether the determination is performed by comparing a character string indicating a time in the path information of the first image information, and a string that indicates the time included in the path information of the second image information server, wherein the time according to the path information of the second image data is determined to be transmitted is needed newer than the time according to the path information of the first image information. In a client connected to a server via a network and displaying a Web screen having a plurality of images on a display device,
The path information of one the first image information is of a plurality of images displayed on the Web screen of the display device transmits to the server, the path information of the first image information from the server Receiving path information of related second image information as text data, sending a request for the second image information including the path information of the received second image information to the server, and A control unit that receives the second image information according to the request and updates the first image information on the displayed Web screen to the received second image information;
A client characterized by that.

Images