JP6478226B2 - Image display system, server device, terminal device, and program - Google Patents

Description

  The present invention relates to a technique for reducing transactions between a server and a client and reducing a load on the server.

  Conventionally, a map application such as a Google (registered trademark) map can map information and images in a superimposed manner. When mapping an image or the like, data is generally exchanged (transaction) between a server and a client for each image. However, when a large number of images are to be mapped and displayed on the screen at once, such as displaying a large amount of small-capacity images on one screen, a large number of transactions occur, and the CPU and memory are used. The application may freeze or become heavy. Further, when the view (display screen) is changed, a transaction occurs in order to acquire an image each time. For this reason, if the view is frequently changed, many transactions occur, and it may take time to display an image.

  In Patent Document 1, when data acquired once in a client computer is stored and the data is displayed again, the data stored in the client computer is used to reduce the amount of communication and the load on the server. Yes.

  In Patent Document 2, the server side manages the device status so that the client does not make an unnecessary real-time status inquiry to the server, thereby realizing a reduction in communication between the server and the client.

  Patent Document 3 realizes a system that prevents a display load on a display range from increasing even if an enlargement or reduction operation is performed on a map application.

  In Patent Document 4, a single microscope image is divided into a plurality of tiles on the server side, and only the image of the part of interest is transmitted first, thereby realizing a reduction in response delay.

JP 2003-067384 A JP2015-146104A JP 2014-235329 A JP2012-014251A

  However, in Patent Document 1, communication and reduction of load on the server are realized by storing the acquired data in the client computer, but communication is performed in a state where the data is not stored in the client computer. The server is overloaded. Therefore, when data to be frequently displayed is updated, a load is applied to the server.

  In Patent Document 2, transactions related to real-time status inquiries can be reduced, but communication and processing for an image mapped to a map application is not reduced.

  Japanese Patent Laid-Open No. 2004-228561 realizes a reduction in display load during a user's enlargement / reduction operation, but it is not intended to reduce transactions in the first place.

  Further, in Patent Document 4, since a single image is divided on the server side, and only the part of interest is cut out and sent to the destination, the response delay is suppressed. It will increase. In addition, a transaction occurs every time the view is changed.

  The present invention has been made in view of such circumstances, and in a web application, a plurality of display images are collectively sent to a single image from a server device to a terminal device, whereby a transaction between a server and a client is performed. An object of the present invention is to provide an image display system, a server device, a terminal device, and a program that reduce the load on the server.

  (1) In order to achieve the above object, the present invention takes the following measures. That is, the image display system of the present invention is an image display system in which a server device provides an image based on a request from a terminal device, and the server device includes a data acquisition instruction unit that holds display position information of an image. An image data holding unit that holds single image data that corresponds to the display position information of the image and has a size that exceeds the displayable range of the screen of the terminal device; An image data dividing unit that holds a display program that gives a function of dividing and displaying one image data, and displays the display position information of the image, the single image data, and the display program to the terminal device. And the terminal device corresponds to the display position information of the image and the display position information of the image from the server device, and simply exceeds the displayable range of the screen. And an information acquisition unit that acquires a display program, and a display unit that divides the image data into specific sizes based on the acquired display program and displays the divided image data. It is characterized by.

  In this way, the server device holds the image display position information, corresponds to the image display position information, and holds single image data having a size exceeding the displayable range of the screen included in the terminal device, A display program that gives a terminal device a function of dividing and displaying single image data is held, image display position information, single image data, and a display program are transmitted to the terminal device. The terminal device acquires, from the server device, single image data and a display program corresponding to the display position information of the image and the display position information of the image and exceeding the displayable range of the screen, and based on the acquired display program Since the image data is divided into specific sizes and the divided image data is displayed, the number of transactions between the server device and the terminal device can be reduced, and the load on the server can be reduced. It can be reduced. Moreover, since single image data can be sent from the server device to the terminal device and the image data can be processed and used on the terminal device side, the processing speed can be improved.

  (2) The server device of the present invention is a server device that provides an image in response to a request from the terminal device, and includes a data acquisition instruction unit that holds display position information of the image, and the display position information of the image. The single image data is divided for the terminal device, and an image data holding unit for holding single image data having a size exceeding the displayable range of the screen included in the terminal device. An image data dividing unit that holds a display program that gives a display function, and transmits the display position information of the image, the single image data, and the display program to the terminal device. .

  As described above, the server device is a server device that provides an image in response to a request from the terminal device, holds the display position information of the image, corresponds to the display position information of the image, and has a screen of the terminal device. Holds a single image data having a size exceeding the displayable range, holds a display program that gives the terminal device the function of dividing and displaying the single image data, and displays the display position information of the image Since single image data and a display program are transmitted to the terminal device, the number of transactions between the server device and the terminal device can be reduced, and the load on the server can be reduced.

  (3) Further, the server device of the present invention includes a storage unit that stores address information of an object displayed as an image and data information related to the object, address information of the object, and the data information. And an image and address information generation module for generating the display position information of the object and the single image data.

  Thus, the server device stores the address information of the target object displayed as an image and the data information related to the target object, and displays the display position information of the target object based on the address information and the data information of the target object. Since single image data is generated, generation processing can be performed on the same server, and the processing speed can be improved.

  (4) Moreover, the terminal device of the present invention is a terminal device that displays an image acquired from a server device, and corresponds to the display position information of the image and the display position information of the image from the server device. A single image data exceeding the possible range and an information acquisition unit for acquiring a display program, and a display for dividing the image data into a specific size based on the acquired display program and displaying the divided image data And a section.

Thus, the terminal device is a terminal device that displays an image acquired from the server device,
A single image data and display program corresponding to the display position information of the image and the display position information of the image and exceeding the displayable range of the screen are acquired from the server device, and the image data is obtained based on the acquired display program. Since it is divided into specific sizes and the divided image data is displayed,
Each time the view is changed in the terminal device, it is not necessary to acquire image data from the server device, the number of transactions between the server device and the terminal device can be reduced, and the load on the server can be reduced. Further, since the image data is held in the own apparatus, the image data can be processed and used in the own apparatus, so that the processing speed can be improved.

  (5) Further, the program of the present invention is a program of a server device that provides an image in response to a request from a terminal device, and corresponds to the processing for holding the display position information of the image and the display position information of the image And processing for holding single image data having a size exceeding the displayable range of the screen included in the terminal device, and a function of dividing and displaying the single image data on the terminal device. And a process for holding a display program to be assigned.

  As described above, the program is a program of a server device that provides an image in response to a request from the terminal device, holds the display position information of the image, corresponds to the display position information of the image, and is a screen provided in the terminal device A display program for holding a single image data having a size exceeding the displayable range and providing a function for dividing and displaying the single image data for the terminal device. The number of transactions with the terminal device can be reduced, and the load on the server can be reduced.

  (6) The program of the present invention is a program for a terminal device that displays an image acquired from a server device. The program corresponds to the display position information of the image and the display position information of the image from the server device. A process of acquiring single image data exceeding the displayable range and a display program; a process of dividing the image data into a specific size based on the acquired display program; and displaying the divided image data The computer is caused to execute a series of processes including.

  Thus, the program is a program for a terminal device that displays an image acquired from the server device, and corresponds to the display position information of the image and the display position information of the image from the server device, and exceeds the displayable range of the screen. A single image data and a display program are acquired, and based on the acquired display program, the image data is divided into a specific size and the divided image data is displayed. Therefore, each time the view is changed in the terminal device, the server There is no need to acquire image data from the apparatus, the number of transactions between the server apparatus and the terminal apparatus can be reduced, and the load on the server can be reduced. Further, since the image data is held in the own apparatus, the image data can be processed and used in the own apparatus, so that the processing speed can be improved.

  ADVANTAGE OF THE INVENTION According to this invention, the transaction between a server and a client can be reduced and the load of a server can be reduced.

It is a block diagram which shows schematic structure of the image display system which concerns on this embodiment. It is a block diagram which shows an example of the image display system which concerns on this embodiment. It is a figure which shows an example of the single image data in a map. It is an example of a display of the image data acquired in the terminal device. It is an example of a display of the image data acquired in the terminal device. It is a flowchart which shows the operation example at the time of the web application using a map making an image request with respect to a server. It is a description example of address designation in the data acquisition instruction unit. It is a flowchart which shows operation | movement of an image and an address generation module at the time of a data acquisition instruction | indication part and image data being produced | generated.

  The present inventor, in a web application such as a map application, loads the server due to an increase in the number of transactions between the server and the client by acquiring a plurality of images each time a display image such as view is changed, and an increase in the number of transactions The server side generates a plurality of images as a single large image, sends the generated single image to a terminal device having a web application, and the terminal device side Thus, by dividing and displaying the acquired single image, it has been found that transactions occurring between the server and the client can be reduced, and the load on the server can be reduced, leading to the present invention.

  That is, the image display system is an image display system in which a server device provides an image based on a request from a terminal device, and the server device includes a data acquisition instruction unit that holds display position information of an image, and the image Corresponding to the display position information of the terminal device, an image data holding unit for holding single image data having a size exceeding the displayable range of the screen included in the terminal device, and the single image for the terminal device. An image data dividing unit that holds a display program that gives a function of dividing and displaying data, and transmitting the display position information of the image, the single image data, and the display program to the terminal device, The terminal device corresponds to the display position information of the image and the display position information of the image from the server device, and a single image exceeding the displayable range of the screen And an information acquisition unit that acquires a display program, and a display unit that divides the image data into specific sizes based on the acquired display program and displays the divided image data. Features.

  As a result, the present inventor has made it possible to reduce the number of transactions between the server device and the terminal device and reduce the load on the server. Also, it is possible to improve processing speed by sending single image data to the terminal device side and processing and using the image data in the terminal device. Embodiments of the present invention will be described below with reference to the drawings.

  FIG. 1 is a block diagram showing a schematic configuration of an image display system according to the present embodiment. The present invention is composed of a server device 1 and a terminal device 2, and the server device 1 and the terminal device 2 are image display systems that can communicate with each other via the Internet. The server device 1 includes a storage unit 101, an image and address information generation module 103, a data acquisition instruction unit 105, an image data holding unit 107, and an image data dividing unit 109. The server device 1 is provided with an HTTP server 11, and the data acquisition instruction unit 105, the image data holding unit 107, and the image data dividing unit 109 are provided on the HTTP server 11.

  The storage unit 101 stores data related to the object such as address information such as latitude / longitude information of the object and display position information of the image, and data serving as a basis of the generated image. The display position information is, for example, information indicating where on the screen of the terminal device 2 the image data of the object is to be arranged. Data relating to the object may not be held by the server device, but may be provided with a means for obtaining from outside each time.

  The image and address information generation module 103 generates a file such as an SVG file including image data and an HTML image tag specifying the address of the image data based on the data related to the object stored in the storage unit 101. . The image data generated by the image and address information generation module 103 is a single image data and corresponds to a file such as an SVG file.

  The data acquisition instruction unit 105 holds a file such as an SVG file generated by the image and address information generation module 103. The image data holding unit 107 holds single image data generated by the image and address information generation module 103. The image data dividing unit 109 holds a file that sets a division range for dividing the image data held by the image data holding unit 107 into a specific size in the image data. The data acquisition instruction unit 105 holds files in HTML or SVG format so that each file and image data of the server device 1 can be read from the web application 201, and the image data holding unit 107 does not depend on the image format or compression method. It is assumed that the image data is stored, and the image data dividing unit 109 holds a Javascript (registered trademark) file. However, any file or image data on the server can be read from the web application. Not exclusively.

  The terminal device 2 includes an information acquisition unit and a display unit. The information acquisition unit corresponds to the address information from the image data holding unit 107 of the server device, such as an SVG file including an HTML image tag specifying the address of the image data from the data acquisition instruction unit 105 of the server device. A function for dividing single image data exceeding the displayable range of the screen from the image data dividing unit 109 into a single size of the divided single image data is acquired. The display unit displays the divided image data at the display position indicated by the address information of the image. A browser 21 that can execute the web application 201 is installed on the terminal device 2, and the image acquisition unit and the display unit perform the above-described processing using the web application 201 on the browser 21.

  As described above, the image display system according to the present embodiment can map an image on the HTML with fewer transactions than the conventional method.

(Example)
FIG. 2 is a block diagram illustrating an example of an image display system according to the present embodiment. The server device 1 includes, for example, a storage unit 1 (101-1) that stores latitude and longitude information of an object such as a base station, and a storage unit 2 that stores data information (traffic information and the like) associated with the object. (101-2), an image and address information generation module 103, and an HTTP server 11.

  The image and address information generation module 103 acquires latitude / longitude information of the base station and graph data information of the base station, an SVG file including the latitude / longitude information and address information of the image data, and one image corresponding to the SVG file. Data is generated and stored on the HTTP server 11. Note that the SVG file need not be an SVG file, and may be an HTML file.

  On the HTTP server 11, a data acquisition instruction unit 105, an image data holding unit 107, and an image data dividing unit 109 are provided. The data acquisition instruction unit 105, the image data holding unit 107, and the image data division unit 109 cut out and display any part of the image from the SVG file, the image data, and the SVG file generated by the image and address information generation module 103. Javascript (registered trademark) files for enabling or not to be executed by the terminal device.

  The terminal device 2 acquires the corresponding display position (latitude and longitude) by reading the SVG file, the single image data, and the Javascript (registered trademark) file created by the server device 1 using the web application 201. Divide and display the image.

  FIG. 3 is a diagram illustrating an example of single image data in a map. For example, in the map shown in FIG. 3, the image and address information generation module is divided into a plurality of tiles as shown by dotted lines in the figure, and each image in the divided range is generated as one large image. Is done. The upper limit of the object is set in the division range, and the object is divided into rectangles. When the upper limit is reached in the rectangular range from the address information (latitude / longitude information, etc.) of the target object, the range is set as the division range. Also, an upper limit is set for the image size, and if the size reaches the upper limit even if the number of image data is less than or equal to the upper limit, the range is set as the division range.

  FIG. 4 is a display example of image data acquired in the terminal device. The terminal device acquires single image data generated by the server device, and holds the image data in a state of being divided into a specific size using a Javascript (registered trademark) file of the image data dividing unit. When there is an image to be displayed on the display unit in the web application, that is, when the display position information of the image data is indicated, the corresponding image data is cut out from the divided image data and displayed on the display unit. As shown in FIG. 4, even if two different images are displayed, the corresponding image data can be cut out from the same acquired image held in the terminal device and displayed on the display unit. It is no longer necessary to acquire from each time.

  FIG. 5 is an image diagram when the view is moved from view 1 to view 2 on the display unit of the terminal device. For example, it is assumed that an image displayed in the range set in the current view is used in the range of view1. Thereafter, the view is moved, and an image in the range of view2 is used. In that case, since the image data used for the display of view1 and view2 is a part of the same acquired image data, the acquired image stored in the cache can be used. Therefore, image data can be provided without causing a transaction between the server and the client. In particular, in a web application that uses a map, the number of transactions that occur between a server and a client can be reduced even if the view is moved.

  FIG. 6 is a flowchart showing an operation example when a web application using a map makes an image request to the server device. The user scrolls the map on the display screen (step S1). By the user's scrolling operation, the web application determines whether there is an image to be displayed on the display screen from the currently displayed region information and information on where the image is to be displayed (step S2). If there is an image to be displayed, it is determined whether the image corresponding to the browser cache is held (step S3). If the image corresponding to the cache is held, the corresponding part is cut out from the held image and displayed (step S6). In step S3, when the image corresponding to the cache is not held, an image request is made to the server device (step S4), the server device sends the image requested from the terminal device, and the terminal device An image is acquired from the server device (step S5). The web application cuts out the corresponding part from the acquired image and displays the image on the display screen (step S6).

  FIG. 7 is a description example of address designation in the data acquisition instruction unit. In the HTML tag, image address information (image placement position, latitude / longitude, etc.) is directly written in the HTML tag. In the image data, the URL of the server apparatus holding the image data is described in the HTML tag, and the image data is acquired from the server apparatus in which the URL is described. As to which area of the image data is used, the display area of the corresponding image is described in the URL so that information indicating which part of the acquired image is to be displayed is included. For example, as shown in FIG. 7, designation is made by describing which point (x, y), width (width) and height (height) from the point at the end of the URL, as shown in FIG.

  FIG. 8 is a flowchart showing the operation of the image and address generation module when the data acquisition instruction unit and the image data are generated. First, the image and address generation module is information related to the object, that is, address information such as latitude / longitude information of the object and display position information of the image, and data associated with the object such as data that is the basis of the generated image. Information is acquired (step T1). Then, the division range is set from the address information of the object (step T2). A data acquisition instruction section (file) including a tag in which address information and a link destination of image data are described is generated (step T3) and stored on the HTTP server. When the image is described in the data information in a location that is consistent with the link destination of the data acquisition instruction unit by using a technique for drawing a figure such as Canvas, the image within the divided range is generated Then, it is generated as one piece of image data (step T4) and stored on the HTTP server.

  As an application method of the present invention, it is also possible to use moving image data instead of image data. In the case of moving image generation, since the generated data is a moving image and the moving image data has a reproduction time, the reproduction and stop time of the moving image are also described in the HTML tag.

  As described above, according to the present embodiment, in a web application to which a large amount of images are mapped, it is possible to reduce transactions between the server and the client and reduce the load on the server. In addition, in a server that is assumed to have a large number of accesses due to a decrease in the number of requests and responses, it is possible to reduce the load due to excessive access, and such a server is particularly effective.

  Since images other than the display screen area of the terminal device are also sent as a single large image, cache data that can be used even in an area where images are not yet displayed is retained. Even if it is changed to, response delay is less likely to occur.

DESCRIPTION OF SYMBOLS 1 Server apparatus 2 Terminal apparatus 11 HTTP server 21 Browser 101 Storage part 101-1 Storage part 1
101-2 storage unit 2
103 Image and address information generation module 105 Data acquisition instruction unit 107 Image data holding unit 109 Image data division unit 201 Web application

Claims (6)

An image display system in which a server device provides an image based on a request from a terminal device,
The server device
A data acquisition instruction unit that holds display position information of an image;
An image data holding unit that holds single image data corresponding to the display position information of the image and having a size that exceeds the displayable range of the screen included in the terminal device;
An image data dividing unit that holds a display program that gives the terminal device a function of dividing and displaying the single image data;
Transmitting the display position information of the image, the single image data and the display program to the terminal device;
The terminal device
An information acquisition unit that acquires, from the server device, single image data that corresponds to the display position information of the image and the display position information of the image and exceeds the displayable range of the screen, and a display program;
An image display system comprising: a display unit that divides the image data into a specific size based on the acquired display program and displays the divided image data. A server device that provides an image in response to a request from a terminal device,
A data acquisition instruction unit that holds display position information of an image;
An image data holding unit that holds single image data corresponding to the display position information of the image and having a size that exceeds the displayable range of the screen included in the terminal device;
An image data dividing unit that holds a display program that gives the terminal device a function of dividing and displaying the single image data;
A server device that transmits the display position information of the image, the single image data, and the display program to the terminal device. A storage unit for storing address information of an object displayed as an image and data information related to the object;
3. An image and address information generation module for generating the display position information of the target object and the single image data based on the address information and the data information of the target object. The server apparatus of description. A terminal device that displays an image acquired from a server device,
An information acquisition unit that acquires display position information of an image, single image data that corresponds to the display position information of the image and exceeds the displayable range of the screen, and a display program from the server device;
A terminal device comprising: a display unit configured to divide the image data into a specific size based on the acquired display program and to display the divided image data. A server device program that provides an image in response to a request from a terminal device,
Processing to hold the display position information of the image;
A process for holding single image data corresponding to the display position information of the image and having a size exceeding the displayable range of the screen provided in the terminal device;
A program that causes a computer to execute a series of processes including a process of holding a display program that gives the terminal device a function of dividing and displaying the single image data. A program for a terminal device that displays an image acquired from a server device,
A process for acquiring image display position information, single image data corresponding to the image display position information and exceeding the displayable range of the screen, and a display program from the server device;
A program that causes a computer to execute a series of processes including: a process of dividing the image data into a specific size based on the acquired display program and displaying the divided image data.