JP2017059067A - Client device and data display program - Google Patents

Abstract

PROBLEM TO BE SOLVED: To perform proper zoom display of a layout with split screens.SOLUTION: A client 20 includes a display part 27 having a display region being divided in a plurality of regions, a screen block management part 22 which requests a list of block ID that is displayed in a display region as a screen block information 26 from a server 10, and a screen block arrangement part 23 in which, after a block image 18 is zoomed at a specified zooming magnification for each block image 18 being responded from the server 10, a destination region of arrangement is decided by a region ID of the block ID, and a position in the region of the arrangement destination that is decided by the position ID of the block ID is decided, for arrangement of the block image 18 after zooming at the position in the decided display region.SELECTED DRAWING: Figure 1

Description

  The present invention relates to a client device and a data display program.

  With the widespread use of portable information terminals such as smartphones and tablet terminals, there is an increasing need for using business system data from a web browser of a portable information terminal. For example, Patent Document 1 describes a method of scrolling and displaying long data such as a Web page on a client device in server-based computing.

JP 2013-175206 A

  Since the screen of the client device is small, it is difficult to display a large amount of data on the server in one screen. Therefore, zoom display that enlarges or reduces the display content of the screen by, for example, a pinch operation that spreads two fingers touched on the touch panel of the client device has become widespread.

  However, if the enlarged display is applied as it is to a layout in which the heading area and data area such as Gantt chart are divided into screens, only the heading area will be enlarged to the whole screen or only the data area Will be enlarged over the entire screen, resulting in poor visibility. This is because the Gantt chart is created so as to refer to the heading area and the data area in one screen.

  Accordingly, the main object of the present invention is to appropriately zoom-display a layout that is divided into screens.

In order to solve the above problems, a client device of the present invention provides:
A display unit having a display area divided into a plurality of areas including a heading area and a data area;
Which area of the divided areas is requested when the server requests the display material that falls within the range of the display area when the display material is zoomed at the zoom magnification specified by the zoom operation A list of block IDs is a block ID that is an identifier of a block image obtained by subdividing the entire data of the display material. A screen block management unit that requests the server as screen block information,
For the block image corresponding to each block ID of the screen block information responded from the server, the block image is zoomed at the designated zoom magnification, and then an arrangement destination area is determined based on the area ID of the block ID. And a screen block arrangement unit that decides a position in the arrangement destination area determined by the position ID of the block ID and arranges the block image after zooming at the decided position in the display area. It is characterized by that.
Other means will be described later.

  According to the present invention, it is possible to appropriately perform zoom display on a layout that is divided into screens.

It is a block diagram of the data display system regarding one Embodiment of this invention. It is a flowchart which shows the data display process regarding one Embodiment of this invention. FIG. 3A is a configuration diagram of data arrangement information. FIG. 3B is a configuration diagram in which each region of the data arrangement information in FIG. 3A is further divided into blocks. FIG. 4A is a screen diagram illustrating a display example of a Gantt chart. FIG. 4B is a screen diagram illustrating a display example of a line graph. FIG. 5A is a screen view when the Gantt chart of FIG. 4A is partially enlarged. FIG. 5B is a screen diagram when font correction is performed on the Gantt chart of FIG. FIG. 6A is an explanatory diagram showing the relationship between data arrangement information and screen block information. FIG. 6B is a screen view of the mobile terminal. It is explanatory drawing of the processing content of the screen block arrangement | positioning part regarding one Embodiment of this invention. FIG. 8A shows a state after the screen block information shown in FIG. FIG. 8B is a screen diagram of the mobile terminal reflecting the screen block information of FIG. FIG. 9A shows a state after the screen block information shown in FIG. FIG. 9B is a screen diagram of the personal computer reflecting the screen block information of FIG.

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

FIG. 1 is a configuration diagram of a data display system 100. The data display system 100 is configured by connecting a server 10 and a client 20 via a network NW.
The server 10 manages image data to be displayed on the client 20 in the database (storage unit 14). The client 20 is a terminal used by a user such as a smartphone, a tablet, or a personal computer, and displays image data acquired from the server 10.

The server 10 and the client 20 are each configured as a computer having a CPU (Central Processing Unit), a memory, storage means (storage unit) such as a hard disk, and a network interface.
In this computer, the CPU executes a program (also referred to as an application or its abbreviated application) read on the memory, thereby operating a control unit (control means) configured by each processing unit described later.

The server 10 includes a processing unit 11, a storage unit 14, and a communication unit 19. The processing unit 11 includes an image management unit 12 and a data communication unit 13. The storage unit 14 stores data 15, data arrangement information 16, data block information 17, and a block image 18.
The communication unit 19 is a communication unit such as a network interface.

Data 15 is a display material of image data to be displayed on the client 20. The data arrangement information 16 is arrangement information of a block ID (Identifier) when the data 15 is divided into a plurality of blocks (see FIG. 6).
The data block information 17 indicates a layout of how to arrange each block ID of the data arrangement information 16 in the display area on the screen of the client 20. That is, the server 10 cuts out an image (block image 18) having a block ID specified by the data block information 17 in the data 15 and transmits the cut image to the client 20.

The image management unit 12 divides the data 15 acquired from the storage unit 14 into a plurality of blocks according to the data arrangement information 16, and stores the block image 18 resulting from the division in the storage unit 14.
When the data communication unit 13 receives the ID of the data 15 from the client 20 via the communication unit 19 and the network NW, the data communication unit 13 returns the data arrangement information 16 of the data 15. Further, when receiving the list of block IDs to be displayed from the client 20 via the network NW, the data communication unit 13 identifies the list of block IDs to be transmitted according to the data block information 17 and identifies the identified block ID. The block image 18 is returned.

The client 20 includes a processing unit 21, a storage unit 24, a display unit 27, an input unit 28, and a communication unit 29. The processing unit 21 includes a screen block management unit 22 and a screen block arrangement unit 23. The storage unit 24 stores screen size information 25, screen zoom information 25b, and screen block information 26.
The display unit 27 is a display unit such as a display.
The input unit 28 is input means such as a touch panel or a mouse.
The communication unit 29 is a communication unit such as a network interface.

The screen size information 25 is the display size of the display unit 27 of the client 20, and is defined by the number of vertical and horizontal pixels, for example.
The screen zoom information 25b is a parameter that specifies how large the display material data 15 is to be displayed on the display unit 27. The screen zoom information 25b is defined as the vertical and horizontal enlargement ratios. When the enlargement ratio = 1, the display is the same magnification, when the enlargement ratio> 1, the enlargement display, and when the enlargement ratio <1, the display is reduced.
The screen block information 26 is information indicating the layout of each block ID when displaying each block on the screen of the display unit 27 according to the data block information 17 (see FIG. 6).

The screen block management unit 22 transmits the ID (file name or the like) of the data 15 to be displayed to the server 10 and obtains the data array information 16 as a reply.
Then, the screen block management unit 22 fits the screen size of the screen size information 25 from the set of block IDs of the data array information 16 and fits the enlargement ratio of the screen zoom information 25b, so that the block IDs to be displayed are displayed. Identify the list of
Further, the screen block management unit 22 designates a block ID to be displayed and transmits it to the server 10, and obtains a block image 18 of each designated block ID as a response.
For each block image 18 obtained from the server 10, the screen block placement unit 23 zooms each block image 18 according to the screen zoom information 25 b and then places each block image 18 at a predetermined location according to the screen block information 26.

FIG. 2 is a flowchart showing data display processing.
As S41, the client 20 connects to the server 10 and transmits a data ID for identifying the content displayed by the user.
As S31, the data communication unit 13 of the server 10 receives the request of S41.
As S <b> 32, the image management unit 12 of the server 10 acquires the data 15 corresponding to the data ID of S <b> 41 from the storage unit 14.

In S33, the image management unit 12 of the server 10 divides the data 15 acquired in S32 into a plurality of blocks according to the data arrangement information 16, and stores the block image 18 of the division result in the storage unit 14 (see FIG. 6). . Furthermore, the image management unit 12 generates data block information 17 indicating a block ID set to be displayed, which is a subset of the block ID set of the data arrangement information 16 (see FIG. 4).
As S34, when the process of S33 is completed, the data communication unit 13 of the server 10 returns the data block information 17 including the list of block IDs of the block images 18 to the client 20 as the drawing preparation is completed.

As S42, the screen block management unit 22 of the client 20 receives the data block information 17 of S34.
In S43, the screen block management unit 22 of the client 20 includes blocks that can be displayed within the screen size of the display unit 27 based on the screen size information 25 and the screen zoom information 25b in the block ID set of the data block information 17. An ID set is generated as screen block information 26.
In S44, the screen block management unit 22 of the client 20 designates a block ID set of the screen block information 26 and transmits a transmission request for the block image 18 to the server 10 (see FIG. 6).

As S35, the data communication unit 13 of the server 10 receives the transmission request (request) of S44.
As S <b> 36, the data communication unit 13 of the server 10 reads the block image 18 corresponding to the block ID requested in S <b> 35 from the storage unit 14 and transmits it to the client 20. Therefore, each block image 18 is associated with each block ID in the storage unit 14 of the server 10.
As S45, the screen block arrangement unit 23 of the client 20 receives the block image 18 of S36 from the server 10 (see FIG. 7).

In S46, the screen block arrangement unit 23 of the client 20 zooms the block image 18 in S45 to the enlargement ratio indicated by the screen zoom information 25b (see FIG. 5), and designates the display unit 27 indicated by the screen block information 26. The position is displayed (see FIGS. 8 and 9).
As S47, the screen block management unit 22 of the client 20 determines whether or not a zoom operation (see FIGS. 8 and 9) has been detected from the input unit 28 of the client 20 with respect to the display result of the display unit 27 of S46. To do. If Yes in S47, the process returns to S43, and if No, repeats S47.

FIG. 3A is a configuration diagram of the data array information 16.
The data arrangement information 16 indicates the positional relationship of each area when the data 15 is divided into a plurality of areas. In FIG. 3A, one data 15 is divided into nine areas.
The corner areas are a top left (TL) area, a top right (TR) area, a bottom left (BL) area, and a bottom right (BR) area.

The row heading area is a left (L) area and a right (R) area. In the row heading area, a heading in the row direction for the data in the data area is displayed. For example, when a Gantt chart of one line and one process is displayed in the data area, a description of the process is displayed in the line header area.
The column heading area is a top (T) area and a bottom (B) area. In the column heading area, headings in the column direction for the data in the data area are displayed. For example, when a Gantt chart for one column and one month is displayed in the data area, each month is displayed in the column header area.
The data area is an area of the center (C). For example, the data content in the Gantt chart is displayed in the data area.

  Here, the “display area” that is the screen layout of the client 20 and the “display material” that is a part of the data 15 to be cut out for display in the display area will be described separately. The data 15 to be displayed in the corner area is “corner material”, the data 15 to be displayed in the row header area is “row header material”, the data 15 to be displayed in the column header area is “column header material”, and is displayed in the data area The data 15 to be processed is referred to as “data material”. Therefore, the display material is classified into one of a corner material, a row header material, a column header material, and a data material.

FIG. 3B is a configuration diagram in which each region of the data array information 16 of FIG. 3A is further divided into blocks.
One data area is divided into 3 × 3 = 9 blocks. Since the row header area is also linked with the data area, it is divided into 1 × 3 = 3 blocks. Since the column header area is also linked with the data area, it is divided into 3 × 1 = 3 blocks.
The data area is configured as a two-dimensional array block. The heading areas such as the row heading area and the column heading area need only be prepared for the size of the data area, and are basically configured as a one-dimensional array block. However, when subdividing the heading area, it may be configured as a two-dimensional array block.

Hereinafter, the notation (R, x, y) is used as an identifier (block ID) of each block. R indicates a region ID such as a row heading region “L”, and a combination of “x, y” indicates a relative block position ID in the region. The position ID x indicates the relative horizontal position of the block within the area, and y indicates the relative vertical position of the block within the area.
For example, the second block from the left end of the T region and the first block from the upper end are (T, 1,0), and the second block from the left end of the C region and the first block from the upper end are (C, 1,0 ). The starting point of the second block starts from 0.

Hereinafter, the data block information 17 will be described with reference to FIG.
First, the data block information 17 is layout information indicating how the division result is displayed on the screen when the data 15 is divided into areas or blocks according to the data arrangement information 16.
The data block information 17 includes information indicating whether or not to display each area illustrated in FIG. 3A, information on a block ID to be displayed among the block IDs illustrated in FIG. And the block size (number of vertical pixels × number of horizontal pixels) when the block image 18 of each block ID is displayed on the screen.
The block size of the data block information 17 may be in units of pixels, or unit blocks may be defined in units of pixels, and the number of unit blocks may be in units of blocks. For example, if the unit block is “vertical 100 pixels × horizontal 100 pixels”, the block size “vertical 400 pixels × horizontal 300 pixels” is equivalent to “vertical 4 blocks × horizontal 3 blocks”.

FIG. 4A is a screen diagram illustrating a display example of a Gantt chart. In this screen diagram, the data block information 17 includes the following information.
-Adopted display area = TL, L, T, C and block ID set included in each area-As the display size of the display area, the horizontal width of the row header area L = 100 pixels, the vertical width of the column header area T = 50 pixels, horizontal width of data area C = 200 pixels, vertical width of data area C = 200 pixels Note that since TL is located at the corner of L and T, the horizontal width of TL = the horizontal width of L, and the vertical width of TL Width = vertical width of T. Further, since L is a heading of C, the vertical width of L = the vertical width of C, and the horizontal width of T = the horizontal width of C.

FIG. 4B is a screen diagram illustrating a display example of a line graph. In this screen diagram, the data block information 17 includes the following information.
The display area to be adopted = L, BL, C, B and the block ID set included in each area. As the display size of the display area, the horizontal width of the row heading area L = 60 pixels and the vertical width of the column heading area B = 30 pixels, horizontal width of data area C = 250 pixels, vertical width of data area C = 250 pixels Note that the size of the remaining area is obtained from the size of other adjacent areas, as in FIG.

  As described above, in FIG. 4, the example of the Gantt chart (spreadsheet) and the example of the line graph have been described as the display screen of the client 20. On the other hand, the present invention can also be applied to display of various graphs such as resource graphs and scatter graphs. Furthermore, the data displayed on the display screen of the client 20 may be an image file such as person photographing data or map data.

FIG. 5A is a screen diagram when the screen block arrangement unit 23 partially enlarges the Gantt chart of FIG. 4A according to the screen zoom information 25b.
First, when FIG. 4A is compared with FIG. 5A, the layout (display area) of the entire screen indicated by the data block information 17 is the same in both figures, but the display contents (display material) in the area are the same. ) Has been expanded.
For example, the data area C in FIG. 4A has a display area for 10 lines, and display materials for a total of 10 lines from the process “Large Schedule” to the process “Inspection 3” are displayed at the same magnification.
On the other hand, in FIG. 5A, only the display materials for four lines (process “functional design” to process “checklist creation”) in the display area for 10 lines are enlarged at a magnification of 2.5 times. ing.

As described above, when the data material is enlarged and displayed, the row header material and the column header material are also enlarged and displayed in conjunction with the enlarged data material.
Specifically, the expansion direction of the data material corresponds to both the vertical direction and the horizontal direction. When the data material is enlarged in the vertical direction, the vertical direction of the row heading material is also enlarged in the same degree. When the data material is expanded in the horizontal direction, the horizontal direction of the column header material is also expanded to the same degree. The corner material does not need to be expanded both horizontally and vertically.
Thereby, even if the enlargement ratio of the screen zoom information 25b is changed, the layout of each area of the entire screen does not change, so that the user of the client 20 can always visually confirm the row heading area L and the column heading area T.

FIG. 5B is a screen view when the screen block placement unit 23 performs font correction of the row heading region L with respect to the Gantt chart of FIG.
First, the line heading area L (for example, “coding” in the third line) in FIG. 5A is enlarged in the vertical direction so as to match the display contents of the data area C. As a result, the horizontal width 1: vertical of each character. Like the width 4, the “coding” character font is unnaturally enlarged in the vertical direction.

Therefore, FIG. 5B shows the corrected font in the row heading area L in FIG. In this font correction, the vertical width and the horizontal width of the font are corrected in an easy-to-read manner so as to approach the horizontal width 1: vertical width 1 of each character while keeping the restriction that the character display fits in each block of the line heading area L.
For example, the character string “coding” is corrected to be stretched horizontally by utilizing the right side margin of “G” existing in FIG. 5A and slightly shortened in the vertical direction. As a result, the width of the character becomes about 1: the width of about 2, and the font in the line heading area L becomes easy to read.

  FIG. 6A is an explanatory diagram showing the relationship between the data array information 16 and the screen block information 26. In FIG. 6A, the corner region (TL, 0,0), the column header region (T, 0,0) to (T, 6,0), and the row header region (L, 0,0) to ( L, 0,9) and data areas C (C, 0,0) to (C, 6,9) are illustrated as part of the data 15 indicated by the data array information 16.

  Only a part of the data 15 is displayed on the small screen of the portable terminal shown in FIG. Therefore, the server 10 cuts out a part of the data 15 as the screen block information 26 for the display area of the client 20. As a result, a data area C corresponding to 4 vertical blocks × 4 horizontal blocks is cut out. In the example of FIG. 6B, the data material for 16 blocks is not zoomed with respect to the data area C for 16 blocks (= 4 vertical blocks × 4 horizontal blocks) (screen zoom information 25b). Is displayed (with vertical enlargement ratio = horizontal enlargement ratio = 1).

FIG. 7 is an explanatory diagram of processing contents of the screen block arrangement unit 23.
The screen block arrangement unit 23 receives the image of each block as a display material from the data communication unit 13 of the server 10. A block ID is added as meta information to each received block image. And the screen block arrangement | positioning part 23 performs the following (process 1a) and (process 2a), whenever the image of each block is received.
(Processing 1a) Determining the degree of performing zoom processing on the display material (size after zooming). For example, it is assumed that the enlargement ratio indicated by the screen zoom information 25b is double both vertically and horizontally.
-Square material (TL, 0,0) does not need to be expanded both horizontally and vertically.
-Data material (C, 1,2) is enlarged twice in the vertical direction and double in the horizontal direction.
-The row header material (L, 0,0) is enlarged twice in the vertical direction only.
-Column header material is doubled only in the horizontal direction.
Here, “enlarged” means that the display material (the appearance of the image data) in the display area is enlarged, and the size of the display area itself (screen layout) such as the L area and the C area is enlarged. Not.

(Process 2a) The process of specifying the placement destination of each image (display material) zoomed to the degree determined in (Process 1a). For example, in the case of an image of block ID = (C, 1, 2), first, it is determined to arrange in the data area C based on the area ID = C.
Next, starting from the upper left of the data area C, there are one horizontal block and two vertical blocks. However, since this time the image is enlarged twice in the vertical direction and doubled in the horizontal direction, the enlargement rate is a multiplier and the position is shifted from the starting point by 1 × 2 = 2 blocks and 2 × 2 = 4 blocks. Becomes the arrangement destination of the data material (C, 1, 2) expanded in (Processing 1a).

When the image size after zooming and the arrangement destination are determined in this way, the screen block arrangement unit 23 arranges the received blocks after zooming in accordance with them. If old data exists at the placement destination, the old data is overwritten.
As a result, since the blocks of the display material that is a part of the data 15 are displayed one by one like tiles in the display area of the client 20, the display material once waits for the display material in the entire display area. Compared with the display update method, the screen can be updated earlier (with low delay).

FIG. 8A shows a state after the screen block information 26 in FIG. 6A is updated by an enlargement operation from the client 20 which is a mobile terminal.
The user of the client 20 touches the thumb with (C, 0,2) and the index finger with (C, 2,0) from the display state of FIG. Suppose you perform a pinch operation to spread. The input unit 28 of the client 20 detects the operation amount (finger movement amount) of the pinch operation, and the enlargement rate corresponding to the operation amount is increased from the current enlargement rate = 1 times to the designated enlargement rate = 2 times. Update.

The client 20 creates new screen block information 26 by the following (Processing 1b) to (Processing 3b) based on the pinch operation.
(Processing 1b) Since the size of the display area is 4 vertical blocks × 4 horizontal blocks = 16 blocks, and the enlargement ratio = double each of the vertical and horizontal directions, the size of the display material is 2 vertical blocks (= 4/2) and 2 horizontal Calculate as a block (= 4 ÷ 2).
(Process 2b) A central block (block marked with * in the figure) of the data material is obtained from the touch position when the pinch operation is performed. This time, the position (C, 1, 1) that is the center (center of gravity) between the thumb position (C, 0, 2) and the index finger position (C, 2, 0) is set as the central block.
(Processing 3b) Furthermore, the center block is set as a starting block (upper left block), and the data block (2 × 2 = 4 blocks) corresponding to the size of the display material obtained in (Processing 1b) is requested this time. There are 26 data materials.

Therefore, the screen block information 26 requested this time includes the corresponding header in addition to the data material (C, 1,1), (C, 2,1), (C, 1,2), (C, 2,2). Row header material (L, 0,1), (L, 0,2), column header material (T, 1,0), (T, 2,0) and corner material (TL, 0,0) ).
The client 20 saves the display material received in the past in the storage unit 24 in units of blocks (data cache), and if the display material requested this time exists in the data cache, it is requested instead of requesting the server 10. Alternatively, it may be read from the data cache.
Furthermore, the display material read from the data cache may be limited to relatively new data (data in which the time difference from the storage time indicated by the time stamp of the display material to the current time is less than a predetermined time). Thereby, the communication amount can be reduced.

  FIG. 8B is a screen diagram in which the screen block information 26 of FIG. Compared with FIG. 6B, the data material in the data area C is enlarged and displayed around (C, 1,1) designated by the user of the client 20 by the pinch operation. You can check it easily.

FIG. 9A shows a state after the screen block information 26 in FIG. 6A is updated by an enlargement operation from the client 20 which is a personal computer. FIG. 9B is a screen diagram in which the screen block information 26 of FIG. 9A is displayed on the client 20.
The user of the client 20 inputs an operation for updating from the current enlargement ratio = 1 times to the designated enlargement ratio = 2 times using the mouse 20x from the display state of FIG. This input operation is accepted by the input unit 28 as an operation of turning a mouse wheel (not shown), for example.
Then, the client 20 creates new screen block information 26 by (Processing 1b) to (Processing 3b) as described with reference to FIG. Here, in (Process 2b), since the pinch operation is not performed, the upper left block (C, 0, 0) before enlargement is regarded as the center block.
As a result, as in FIG. 8B, the screen block information 26 in FIG. 9A is also reflected in the display area of the client 20 in FIG. 9B.

Note that the mouse zoom rate designation method in FIG. 9B may accept a mouse pointer drag operation instead of a wheel operation.
For example, the drag operation is started by placing the mouse pointer at the intersection (drag start point) of the vertical and horizontal straight lines that delimit the four regions (TL, L, T, C) in FIG. 4A, and at another position (drag end point). Suppose that the drag operation is finished.
At this time, the horizontal enlargement ratio is determined based on the X coordinate of the drag end point. For example, dragging is performed so that the enlargement ratio of the X coordinate at the left end of the areas TL and L = 0, the enlargement ratio of the X coordinate at the drag start point = 1, and the enlargement ratio of the X coordinate at the right end of the areas T and C = 10. There is a method of setting the enlargement ratio to be higher as the end point is shifted to the right side.
Similarly, the vertical enlargement factor is determined based on the Y coordinate of the drag end point so that the enlargement factor increases as the drag end point is shifted downward.
That is, the screen block management unit 22 determines the zoom magnification in the vertical direction and the horizontal direction according to the distance from the drag start point to the drag end point.

  In the data display system 100 of the present embodiment described above, a zoom operation is performed on a plurality of display areas, as exemplified in the enlarged display from before the enlargement in FIG. 4A to after the enlargement in FIG. Is inputted, the display material in the display area is enlarged or reduced without changing the layout of the display area itself divided into the screens. Thereby, it is possible to appropriately perform zoom display on a layout that is divided into screens.

In addition, this invention is not limited to an above-described Example, Various modifications are included. For example, the above-described embodiments have been described in detail for easy understanding of the present invention, and are not necessarily limited to those having all the configurations described.
Further, a part of the configuration of one embodiment can be replaced with the configuration of another embodiment, and the configuration of another embodiment can be added to the configuration of one embodiment.
Further, it is possible to add, delete, and replace other configurations for a part of the configuration of each embodiment. Each of the above-described configurations, functions, processing units, processing means, and the like may be realized by hardware by designing a part or all of them with, for example, an integrated circuit.
Each of the above-described configurations, functions, and the like may be realized by software by interpreting and executing a program that realizes each function by the processor.

Information such as programs, tables, and files for realizing each function is stored in memory, a hard disk, a recording device such as an SSD (Solid State Drive), an IC (Integrated Circuit) card, an SD card, a DVD (Digital Versatile Disc), etc. Can be placed on any recording medium.
Further, the control lines and information lines indicate what is considered necessary for the explanation, and not all the control lines and information lines on the product are necessarily shown. Actually, it may be considered that almost all the components are connected to each other.

NW Network 10 Server 11 Processing Unit 12 Image Management Unit 13 Data Communication Unit 14 Storage Unit 15 Data 16 Data Array Information 17 Data Block Information 18 Block Image 19 Communication Unit 20 Client 21 Processing Unit 22 Screen Block Management Unit 23 Screen Block Arrangement Unit 24 Storage unit 25 Screen size information 25b Screen zoom information 26 Screen block information 27 Display unit 28 Input unit 29 Communication unit 100 Data display system

Claims (5)

A display unit having a display area divided into a plurality of areas including a heading area and a data area;
Which area of the divided areas is requested when the server requests the display material that falls within the range of the display area when the display material is zoomed at the zoom magnification specified by the zoom operation A list of block IDs is a block ID that is an identifier of a block image obtained by subdividing the entire data of the display material. A screen block management unit that requests the server as screen block information,
For the block image corresponding to each block ID of the screen block information responded from the server, the block image is zoomed at the specified zoom magnification, and then an arrangement destination area is determined by the area ID of the block ID. And a screen block arrangement unit that decides a position in the arrangement destination area determined by the position ID of the block ID and arranges the block image after zooming at the decided position in the display area. Client characterized by that. When the vertical and horizontal zoom magnifications are designated by a zoom operation, the screen block management unit sets both the designated vertical and horizontal zoom magnifications for the zoom magnification of the data area. 2. The client according to claim 1, wherein the zoom magnification of the heading area is any one of the designated vertical direction and horizontal direction. The screen block arrangement unit, after zooming the block image according to the zoom magnification of one of the heading areas adopted, the other one in which the zoom magnification is not adopted for the character string described in the block image The client according to claim 2, wherein the font of the character string is corrected by enlarging in the direction. The display unit
In order to display the Gantt chart in the display area,
The data area for displaying process details with each process on the vertical axis and each schedule on the horizontal axis;
A first heading area of the heading area that is arranged on the side of the data area and displays the description content of each step;
The second heading area among the heading areas arranged on the vertical side of the data area and displaying the description content of each schedule is displayed in each of the display areas. 4. The client according to any one of items 3. For a client having a display section having a display area divided into a plurality of areas including a heading area and a data area, a screen block management section, and a screen block arrangement section.
When the display block is requested to the server for the display material that falls within the range of the display area when the display material is zoomed at the zoom magnification specified by the zoom operation, the plurality of divided areas are displayed. A block ID, which is an identifier of a block image obtained by subdividing the entire data of the display material, by combining a combination of a region ID indicating which region of the region and a position ID indicating which position in the region is arranged. And let the server request the list of block IDs as screen block information,
For the block image corresponding to each block ID of the screen block information responded from the server to the screen block arrangement unit, the block image is zoomed at the designated zoom magnification, and then the area ID of the block ID To determine the placement destination area, determine the position in the placement destination area determined by the position ID of the block ID, and place the block image after zooming at the determined position in the display area. A data display program characterized by

Images