JP2010092103A - Web page display method, server unit, and program - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide a Web page display method, a server device, and a program for smoothly moving and/or scaling a Web page including a plurality of types of huge amounts of content without generating page transition. <P>SOLUTION: An applet 23 integrated into a Web page 16 is executed on a client terminal 11, thereby an event processing means 17, a layout information processing means 18 and a content processing means 19 are loaded on the client terminal 11. The layout information processing means 18 retrieves necessary layout information on a Web page 16, and requests the extracted layout information to be requested to a server device 10. A content processing means 19 retrieves the necessary content on the Web page 16, and requests the extracted content to be requested to the server device 10, and arranges the received content on the Web page 16 and displays the content based on the received layout information. <P>COPYRIGHT: (C)2010,JPO&INPIT

Description

The present invention relates to a Web page display technique in which a plurality of contents are arranged and can be moved and / or enlarged / reduced within a single page, and in particular, a Web page display technique including a vast amount of contents of a plurality of types. About.

In recent years, with the spread of the Internet and improvements in hardware technology, many users have used personal computers, mobile phones, and the like as information terminal devices (hereinafter sometimes referred to as “client terminals”). ing.
Such an information terminal device is equipped with a web browser which is a web application for browsing web pages, and there are many opportunities to view web pages using the web browser.

Web pages are realized with technologies such as HTML, JavaScript (registered trademark), Flash (registered trademark), and Silverlight (registered trademark), but they are applied to websites called RIA (Rich Internet Applications) that apply these technologies. There is a technology for improving user convenience by using a lot of animation and dynamically loading necessary contents.
Here, “dynamic loading” means that the function included in the shared library is loaded into memory for the first time when the situation where the function must actually be used is encountered. In short, the module is loaded at runtime. That is.

A typical RIA is Ajax (Asynchronous JavaScript + XML). Conventionally, in a Web application using a Web browser, the entire Web page has to be reloaded in order to transmit data to the Web server and obtain a processing result. Ajax uses a function to read an XML document from a specified URL and communicates asynchronously with a Web server in parallel with user operations and screen rendering, thereby realizing a Web page with no page transition.

As a Web site using Ajax technology, Google map (Google is a registered trademark) that provides a map service is known. Patent Document 1 discloses the invention of the following digital mapping system as related technology. Has been.
The client terminal sends a location request to the map tile server and receives a set of map tiles in response to the location request from the map tile server. Then, as shown in FIG. 19, the client terminal assembles the received map tile 50 into a tile grid, aligns the tile grid with a clipping shape (display area), and displays the alignment result as a map image. .

Google Maps makes it possible to move and scale a large map image with a total data amount of 70 TB or more and hundreds of millions of images smoothly and easily without page transitions with a simple mouse operation. It is increasing.

The reason why enormous map images can be processed in Google Maps is that the content is limited to image information of the same shape, and the required amount of content is dynamically loaded from the Web server. That is, by limiting the content to image information, the configuration of the program can be simplified and reduced in weight, and by making the content the same shape, the position where the content is arranged can be determined by simple grid point calculation. . In addition, since the required amount of content is dynamically loaded, there is an advantage that the amount of data that the client terminal must hold can be reduced.

Special table 2007-531004 gazette

However, a map service such as a Google map only moves and scales image information having the same shape, and cannot move and scale multiple types of content (images, moving images, characters, etc.).

Currently, there are only a few websites that can move and scale multiple types of content, and these websites have an overwhelmingly small amount of total content compared to Google Maps, and the response speed of movement and scaling is slow. There is a difficulty.

When trying to construct a Web page that includes a vast amount of content consisting of multiple types and can be moved and scaled within a single page, the location and size of each content is not regular. Become.

The present invention has been made in view of such circumstances, and a Web page display method and server capable of smoothly moving and / or enlarging / reducing a Web page including a large amount of content composed of a plurality of types without page transition. An object is to provide an apparatus and a program.

The present invention relates to a Web page display method in which a plurality of contents are arranged and can be moved and / or enlarged / reduced within a single page, and a server device and a program used in the method. In addition to the content, the layout information is dynamically loaded from the server device, thereby realizing a smooth movement and / or enlargement / reduction of a Web page including a large amount of content having an irregular shape.

The server device stores a web page in which an applet that can be executed on a client terminal is embedded, and also includes storage means for storing content arranged on the web page and layout information of the content.

(Step 1) When the client terminal accesses the server apparatus via the network, the server apparatus transmits a Web page in which an applet executable on the client terminal is embedded to the client terminal.
(Step 2) In the client terminal, the applet is executed, and event processing means, layout information processing means, and content processing means are mounted on the client terminal.
(Step 3) When an event is input to the client terminal by the user, the event processing means moves and / or scales the Web page according to the event.
(Step 4) The layout information processing means searches the Web page for layout information necessary for the movement and / or enlargement / reduction of the Web page, and sends the extracted layout information to be requested to the server device. Request. Specifically, one piece of layout information corresponding to the content arranged in the display area of the client terminal after the movement and / or enlargement / reduction of the Web page is determined, and the layout information is used as a starting point of the Web page. The web page is searched for layout information necessary for movement and / or enlargement / reduction.
On the other hand, the server device transmits the requested layout information to the client terminal.
(Step 5) The content processing means searches the Web page for content that is required as the Web page moves and / or scales, and requests the extracted content to be requested from the server device. Specifically, based on the layout information searched by the layout information processing means, the Web page is searched for content that is necessary as the Web page moves and / or scales.
In response to this, the server device transmits the requested content to the client terminal.
(Step 6) The content processing means arranges and displays the received content on the Web page based on the received layout information.

Here, an applet is a program that is read and executed by a Web browser of a client terminal or a desktop application that operates on the desktop environment of the client terminal. As a programming language, JAVA (registered trademark), JavaScript, Flash, etc. are often used.
The content is data such as an image, a moving image, and text arranged on the Web page. On the other hand, the layout information is data including information (content name, content, position, size, etc.) regarding the content, and is set for each content.

When the amount of content becomes enormous, it becomes practically impossible to arrange all the content in advance on the Web page. For this reason, only the content displayed in the display area of the client terminal (hereinafter sometimes simply referred to as “display area”) is arranged on the Web page. Therefore, when the user moves or enlarges / reduces the Web page on the client terminal, the display area moves or enlarges / reduces relative to the Web page, so that the content displayed in the display area is newly arranged. There is a need. However, in the case of a Web page including a large amount of content made up of a plurality of types, the position and size of each content are not regular, so that processing is not easy.
In the present invention, since the layout information of the content is set for each content, the content can be arranged based on the layout information even if the content has an irregular shape. In addition, since the layout information processing unit and the content processing unit mounted on the client terminal dynamically load the layout information and content necessary for the movement and / or enlargement / reduction of the Web page from the server device, once Thus, the load on the client terminal can be minimized. As a result, it is possible to smoothly move and enlarge / reduce a Web page including a large amount of content composed of a plurality of types without page transition.

In the present invention, the layout information processing means searches for layout information corresponding to content arranged in a predetermined area including the display area of the client terminal, and the content processing means includes the display area of the client terminal. Alternatively, the content arranged in the predetermined area may be searched.
Here, the “predetermined area” refers to a display area such as a Web browser mounted on the client terminal and its surrounding area, and may be set to increase by, for example, what percentage of the display area. Further, “content arranged in an area” does not need to contain the entire contents in a predetermined area or display area, but includes contents that are partially contained.

The predetermined area is used as a range for searching layout information and content. For this reason, the processing time is shortened by pre-reading layout information and contents around the display area over a wider area than the display area, and a portion that is temporarily hidden as the Web page is moved or enlarged or reduced. Can be reduced.
The predetermined area searched by the layout information processing unit and the predetermined area searched by the content processing unit do not have to be the same. The predetermined area searched by the layout information processing unit is widened and the content processing unit searches. A predetermined area may be included. In this case, when content is requested from the server device, the layout information of the content is already held in the client terminal, so that there is an advantage that processing until the content is displayed can be reduced.

In the present invention, the layout information may include information on content arranged adjacent to content corresponding to the layout information.
As a result, even if the layout information held in the client terminal becomes large, it is not necessary to search all layout information, and if the layout information of any content in the display area is specified, the layout information It becomes possible to search for layout information according to a formula based on information of contents arranged adjacently recorded in the information. As a result, there is an advantage that processing at the client terminal can be reduced.

In the present invention, the layout information may include a display magnification range in which content corresponding to the layout information is displayed.
With the above configuration, when the magnification is changed with a mouse wheel or the like, content displayed on the Web page and content not displayed are generated depending on the magnification. That is, by changing the magnification, the content displayed on the web page can be changed. As a result, it is possible to realize high expressive power that is not found in existing Web pages.

In the present invention, the layout information processing means and the content processing means mounted on the client terminal dynamically load the layout information and contents required as the Web page moves and / or scales from the server device. It is possible to smoothly move and enlarge / reduce a Web page including an enormous amount of content composed of a plurality of types without page transition. In addition, as a derivative effect, the content can be changed according to the magnification, so that a high expression capability not found in existing Web pages can be realized.

Next, embodiments of the present invention will be described with reference to the accompanying drawings for understanding of the present invention.

[1. Configuration of Web page display system]
FIG. 1 shows a configuration example of a Web page display system that realizes the present invention. As shown in the figure, the Web page display system includes a server device 10 and an unspecified number of client terminals 11 connected to the server device 10 via a network 12 such as the Internet or an intranet.

The server device 10 includes a Web server 13 and a storage unit 14. The Web server 13 is a server computer that transmits a Web page 16 in response to a request from the client terminal 11 in accordance with HTTP (HyperText Transfer Protocol), and the storage unit 14 is an external storage device such as a hard disk.

The hardware configuration of the Web server 13 is shown in FIG. As shown in the figure, the Web server 13 includes a CPU 31, a RAM 32, a ROM 33, a hard disk 34, a recording medium drive 35, a LAN adapter 36, a video adapter 37, and a keyboard 38 and a mouse 39 as input devices. 30 to each other. Between the CPU 31 and the system bus 30 and between the recording medium drive 35 and the system bus 30, an interface circuit, a chip set, and the like (not shown) are provided.

The CPU 31 temporarily stores programs stored in the ROM 33, the hard disk 34, and the recording medium drive 35 in the RAM 32, and then sequentially reads the programs stored in the RAM 32 and executes various control processes described later.

The RAM 32 loads a part of the OS (operating system) and application programs, and temporarily stores various data such as arrays and variables used when the application programs are executed under the control of the CPU 31.
The ROM 33 stores a control program (so-called BIOS) for each hardware. The ROM 33 can also store a part of the OS.

The hard disk 34 stores various application programs including an OS and screen information (information for displaying a screen on a display described in HTML, CGI, or the like).
The recording medium drive 35 is a drive device that can read data on a recording medium, such as a CD-ROM drive, a DVD-ROM drive, or a DVD-R drive.

The LAN adapter 36 (network interface card) is a communication interface for connecting to the network 12.
The video adapter 37 is a so-called video graphic adapter (VGA) to which various displays such as a liquid crystal display are connected.

The system bus 30 includes various system buses such as a PCI bus and an AGP bus, and the system buses are usually connected to each other via a so-called chip set.

The storage unit of the server device 10 includes a hard disk 34 and a storage unit 14 included in the Web server 13. The hard disk 34 of the Web server 13 stores the Web page 16 in which the applet 23 is incorporated, and the storage unit 14 stores data such as content arranged on the Web page 16 and content layout information.
Note that the storage unit of the server device 10 may be configured only from the hard disk 34 of the Web server 13, or the content and layout information may be stored in separate external storage devices.

The server device 10 is controlled by a Web server program such as Apache or IIS (Internet Information Server).
The applet 23 is a program that is read and executed by the Web browser 15 of the client terminal 11, and is coded in JAVA, JavaScript, Flash, or the like. The applet 23 sends to the client terminal 11 event processing means 17 for moving and / or enlarging / reducing the Web page 16 and layout information necessary for moving and / or enlarging / reducing the Web page 16 on the Web page 16. The layout information processing means 18 for searching for and the content processing means 19 for searching the Web page 16 for the content required as the Web page 16 moves and / or scales are realized.

The client terminal 11 is equipped with a web browser 15 for browsing the web page 16, and corresponds to an electronic device such as a personal computer, a mobile phone, a PDA (Personal Digital Assistant), or a television receiver. The hardware configuration of the client terminal 11 is basically the same as that of the Web server 13, and each hardware is controlled by the CPU 41 (see FIG. 2). The web browser 15 is loaded from the hard disk 44 into the RAM 42 and displayed on a display (not shown) via the video adapter 47.

When the client terminal 11 first accesses the server device 10 via the LAN adapter 46, the server device 10 transmits the Web page 16 serving as an initial screen to the client terminal 11 via the LAN adapter 36. The transmitted web page 16 is temporarily stored in the RAM 42 of the client terminal 11, and the applet 23 is executed on the client terminal 11. Event processing means 17, layout information processing means 18, and content processing means 19 are mounted on the client terminal 11.

[2. Content and layout information]
The content is data such as an image, a moving image, and text arranged on the Web page.
On the other hand, the layout information is data including information regarding content. The layout information is set for each content and stored in the database of the storage unit 14 or the like. At that time, it is converted into XML or the like and stored as necessary. FIG. 3 shows an example of layout information. As is clear from the figure, the layout information is composed of the content name, position, size, and the like. The content name is the ID of the layout information, and each layout information is identified by the ID. neighborLD is the name of content arranged adjacently (ID of layout information corresponding to the content arranged adjacently), and a plurality of neighborLDs can be registered. In addition, an operation at the time of an event such as movement or enlargement / reduction, a class to which the event belongs, or the like may be included in the layout information, or more information may be included. Note that the position and size of the content may be specified relative to the parent content containing the content.

FIG. 4 shows an example in which the outline of the content defined by the layout information is visualized with a broken line. Further, FIG. 5 shows layout information of each content displayed in FIG. In this example, it is composed of four contents, and the contents a2 to a4 are arranged in the contents a1. Specifically, from the layout information of each content shown in FIG. 5, the content a1 is a pink rectangular region having a width of 100 × 100 and the content a2 is a blue rectangular region having a width of 35 × 80. It can be seen that the content a3 is image data of width 35 × height 35, the content a4 is HTML data of width 35 × height 35, and the like. It can also be seen that the content adjacent to the content a1 is a2, the content adjacent to the content a2 is a3 and a4, and the like.

[3. Operation of Web page display system]
Next, the operation of the Web page display system will be described using the Web page 20 shown in FIG. 6 as an example.
The word is a web page 20 on which content is arranged. Four contents aa1, bb1, cc1, and dd1 are arranged on the Web page 20, and contents a1 to a5 are included in the contents aa1, contents b1 to b5 are included in the contents bb1, and contents are included in the contents cc1. The contents d1 to d5 are arranged in the contents dd1, respectively. The numerical values shown in parentheses indicate the display magnification range. For example, a1 (2, ∞) represents that the content a1 is displayed when the display magnification is 2 or more.

FIG. 7 is a projection of the display area 21 of the Web browser 15 mounted on the client terminal 11 on the Web page 20, and the content arranged in the display area 21 is displayed by the Web browser 15. become. When the user moves or enlarges / reduces the web page 20 on the client terminal 11, the display area 21 moves or enlarges / reduces relative to the web page 20. Need to be placed in. In this case, as shown in FIG. 8, the processing in the Web page display system is roughly divided into three processes: an event process S100, a layout information process S200, and a content process S300.

[3-1. Move event]
An event of moving the Web page 20 in the diagonally up / down / left / right directions will be described. FIG. 9 shows a flowchart of event processing.
When a movement event is input to the client terminal 11 from an input device (see FIG. 2) such as a mouse 49 or a keyboard 48 on the Web browser 15 of the client terminal 11 (Step S101), the event processing means 17 displays the Web page 20 (Dx, dy) is calculated (step S102). When the relative coordinates of the Web page 20 with respect to the display area 21 are (x, y), the relative coordinates of the Web page 20 with respect to the display area 21 are updated to (x + dx, y + dy) by the event processing unit 17. By this process, the web page 20 moves (step S103).
Note that the content on the Web page 20 is set in relative coordinates with respect to the Web page 20, so there is no need to update the coordinates.

FIG. 12 shows the Web page 20 before moving. In the figure, content indicated by a solid line indicates content arranged on the Web page 20, and content indicated by a broken line indicates that only layout information is received. In addition, a predetermined area 22 is set as an area including the display area 21. In the present embodiment, the layout information processing means 18 mounted on the client terminal 11 by the applet 23 searches for layout information corresponding to the content arranged in the predetermined area 22, and is mounted on the client terminal 11 by the applet 23. The content processing means 19 searches for content arranged in the display area 21. Therefore, in the Web page 20 before movement, the contents a2, a3, a4, a5, c2, and c3 arranged in the display area 21 are arranged on the Web page 20 and arranged in the predetermined area 22 and outside the display area 21. For the contents a1, b1, b4, c1, c4 and d1, only layout information is received.

FIG. 13 shows a web page after moving and before dynamic loading (before the client terminal 11 requests the server apparatus 10 for the layout information extracted by the layout information processing means 18 and the content extracted by the content processing means 19). 20 shows that no new content is displayed in the display area 21.

[3-2. Layout information processing]
Next, layout information processing executed by the layout information processing means 18 mounted on the client terminal 11 by the applet 23 will be described with reference to the flowchart of FIG.
First, one piece of layout information corresponding to the content arranged in the display area 21 after movement is determined, and the ID of the layout information is added to the search queue (step S201). Here, the queue is a data structure having a feature that data input first is output first, and the search queue corresponds to a search list. In the case of FIG. 13, any one of b1, b4, and d1 is selected and added to the search queue.

Next, one layout information ID is taken out from the search queue and used as layout information to be searched (search layout information) (step S202). Then, it is determined whether or not it is necessary to make a request to the server device 10 for the search layout information (step S203). Specifically, if the search layout information has not been searched and is not loaded in the RAM 42 of the client terminal 11, the search layout information is requested to the server device 10 (step S204). In response to this, the server device 10 extracts the requested search layout information from the storage unit 14 and transmits it to the client terminal 11. The transmitted search layout information is stored in the RAM 42 of the client terminal 11.

Next, the layout information processing means 18 determines whether it is necessary to add to the search queue the layout information ID of the content arranged adjacently described in the search layout information (step S205). Specifically, based on the search layout information, it is determined whether or not the content corresponding to the search layout information covers the predetermined area 22 and the current magnification is within the display magnification range. All layout information IDs are added to the search queue (step S206), and the search is executed until the search queue is empty (step S207). Here, “cover” means a state in which at least a part of the content is in the predetermined area 22 or the display area 21.

As another method, after determining the search layout information, the ID of the search layout information, the coordinates and size of the predetermined area are transmitted to the server apparatus 10, and the server apparatus 10 transmits all layouts in the predetermined area 22. Information may be transmitted to the client terminal 11.

[3-3. Content processing]
Next, content processing executed by the content processing means 19 mounted on the client terminal 11 by the applet 23 will be described with reference to the flowchart of FIG.
First, one piece of layout information corresponding to the content arranged in the display area 21 after movement is determined, and the ID of the layout information is added to the search queue (step S301).

Next, one layout information ID is taken out from the search queue and used as layout information to be searched (search layout information) (step S302). Then, it is determined whether or not it is necessary to make a request to the server device 10 for the content corresponding to the search layout information (step S303). Specifically, if the search layout information is not already searched, based on the search layout information, the content corresponding to the search layout information covers the display area 21, and whether the current magnification is within the display magnification range. If the content corresponding to the search layout information is not loaded into the RAM 42 of the client terminal 11, the content is requested to the server device 10 (step S304). In response to this, the server device 10 extracts the requested content from the storage unit 14 and transmits it to the client terminal 11. The transmitted content is stored in the RAM 42 of the client terminal 11.

The content processing unit 19 arranges and displays the received content on the Web page 20 based on the previously received layout information (step S305).
Then, all layout information IDs that have not been searched are added to the search queue for layout information IDs of adjacently arranged contents described in the search layout information (step S306) until the search queue becomes empty. A search is executed (step S307).

FIG. 14 shows the Web page 20 after the layout information and content extracted by the layout information processing means 18 and the content processing means 19 are dynamically loaded and the received content is arranged based on the received layout information. Is. For the contents b1, b4, and d1 covering the display area 21, the contents are requested and arranged on the Web page 20, and for the contents b2, b5, and d2 covering the display area 21, layout information and contents are requested. It is arranged on the web page 20. For the contents b3, d3, d4, and d5 that cover the predetermined area 22 and are arranged outside the display area 21, only layout information is requested. Note that the content c4 is held in the client terminal 11 before the Web page 20 is moved.

[3-4. Scale event]
Next, an event for enlarging / reducing the Web page 20 will be described. When an enlargement / reduction event is input to the client terminal 11 from an input device such as the mouse 49 or the keyboard 48 on the Web browser 15 of the client terminal 11 whose flowchart is shown in FIG. 15 (step S111), the event processing means 17 Determines the ratio ratio (t) and the coordinates (xc, yc) as the starting point of enlargement / reduction (step S112). If the magnification before the enlargement / reduction event occurs is ratio (t-1), and r is the magnification determined by the direction of the wheel of the mouse 49, then ratio (t) = ratio (t-1) * r.

Accordingly, if the relative coordinates of the upper left corner of the Web page 20 with respect to the display area 21 are (x, y), the relative coordinates of the upper left corner of the Web page 20 with respect to the display area 21 are (xc + ratio) by the event processing means 17. * (X-xc), yc + ratio * (y-yc)). With this process, the Web page 20 moves (step S113).
The event processing unit 17 moves and enlarges / reduces the content on the Web page 20 (step S114). Specifically, if the x-coordinate and y-coordinate, width, and height of the upper left corner of the content on the Web page 20 are (xa, ya, wa, ha), they are ratio * (xa, ya, wa, updated to ha).

As an example, a case where the magnification ratio is enlarged from 1 to 2 will be described. FIG. 16 shows the web page 20 before enlargement. Since the magnification ratio is 1, contents with a magnification ratio of 2 or more are not displayed (see FIG. 6).
FIG. 17 shows the Web page 20 after enlargement and before dynamic loading, and it can be seen that no new content is displayed in the display area 21.

The processing by the layout information processing unit 18 and the content processing unit 19 associated with the enlargement / reduction of the Web page 20 is basically the same as the above-described processing accompanying the movement of the Web page 20. FIG. 18 shows the Web page 20 after dynamically loading the layout information and content extracted by the layout information processing means 18 and the content processing means 19 and arranging the received content based on the received layout information. Is. For the contents a2, a3, a4, a5, and c2 covering the display area 21, the contents a1, b1, and the contents a1, b1, For b4, c4, and d1, only layout information is requested. The content c3 covering the display area 21 and c1 covering the predetermined area 22 and arranged outside the display area 21 are not requested from the server device 10 because the display magnification is 3 or more.

In the present embodiment, the content display magnification range is defined in the layout information, so it is possible to change the content displayed on the Web page by changing the magnification with a mouse wheel or the like. is there. That is, the content α is not limited to simple enlargement / reduction, and the content α can be displayed when the magnification is 1, the content β can be displayed when the magnification is 2 to 4, and the content γ can be displayed when the magnification is 5 or more. As a result, it is possible to realize high expressive power that is not found in existing Web pages.

According to the present invention, since layout information is dynamically transmitted and received in addition to content, it is possible to smoothly move and scale a Web page including a plurality of types of enormous content. For example, on an EC (Electronic Commerce) site having a large number of products, a large amount of product information can be browsed without page transition. In addition, on a photo posting site having enormous photo data, a large number of photos can be viewed without page transition. Thereby, it can be expected that the operability of the user is improved and the site utilization rate is increased.

The configuration example of the Web page display system that realizes the present invention has been described above. However, the present invention is not limited to the above configuration example, and is within the scope of the matters described in the claims. Other possible configuration examples and modifications are also included. For example, in the above configuration example, software for browsing web pages has been described as a web browser. However, the present invention is not limited to web browsers, but is a desktop application created using Adobe Systems' AIR (Adobe Integrated Runtime). The present invention also includes a case where a Web page is browsed using a desktop application such as Apple's iTunes (registered trademark).

In the above configuration example, the content search area is the display area, but may be a predetermined area. Furthermore, the content search area may be a predetermined area, and a wider predetermined area may be set as the layout information search area.

It is a functional diagram which shows one structural example of a web page display system. It is the block diagram which showed the hardware constitutions of the Web server (client terminal). It is a table which shows an example of layout information. It is the schematic which shows an example which visualized the external shape of the content determined by layout information. It is the layout information of each content displayed in FIG. It is a schematic diagram of the web page used in order to demonstrate one embodiment of this invention. It is the schematic diagram which projected the display area on the web page. It is the flowchart which showed the process performed from event generation to content display. It is a flowchart for demonstrating the procedure of the event process regarding a movement of a web page. It is a flowchart for demonstrating the procedure of the layout information processing in this Embodiment. It is a flowchart for demonstrating the procedure of the content process in this Embodiment. It is a schematic diagram of the web page before a movement. It is a schematic diagram of a Web page after moving and before dynamic loading. FIG. 5 is a schematic diagram of a Web page after dynamically loading layout information and content extracted by a layout information processing unit and content processing unit and arranging received content. It is a flowchart for demonstrating the procedure of the event process regarding expansion / contraction of a web page. It is a schematic diagram of the web page before expansion. It is a schematic diagram of the Web page after expansion and before dynamic loading. FIG. 5 is a schematic diagram of a Web page after dynamically loading layout information and content extracted by a layout information processing unit and content processing unit and arranging received content. It is a schematic diagram for demonstrating a Google map.

Explanation of symbols

10: Server device, 11: Client terminal, 12: Network, 13: Web server, 14: Storage unit, 15: Web browser, 16: Web page, 17: Event processing means, 18: Layout information processing means, 19: Content Processing means, 20: Web page, 21: display area, 22: predetermined area, 23: applet, 30: system bus, 31: CPU, 32: RAM, 33: ROM, 34: hard disk, 35: recording medium drive, 36 : LAN adapter, 37: Video adapter, 38: Keyboard, 39: Mouse, 41: CPU, 42: RAM, 44: Hard disk, 46: LAN adapter, 47: Video adapter, 48: Keyboard, 49: Mouse, 50: Map tile

Claims (9)

A method of displaying a web page in which a plurality of contents are arranged and can be moved and / or scaled in a single page,
When the client terminal accesses the server apparatus via the network, the server apparatus transmits a Web page in which an applet executable on the client terminal is embedded to the client terminal;
An event processing unit, a layout information processing unit, and a content processing unit are mounted on the client terminal by executing the applet on the client terminal;
The event processing means moving and / or scaling the web page;
After the layout information processing means searches the Web page for layout information necessary for the movement and / or enlargement / reduction of the Web page, it requests the extracted layout information to be requested from the server device, The server device transmitting the layout information to the client terminal;
The content processing means searches the Web page for content that is required in accordance with movement and / or enlargement / reduction of the Web page, and then requests the extracted content to be requested from the server device. Transmitting the content to the client terminal;
The content processing means comprises a step of arranging the received content on the Web page based on the received layout information. 2. The web page display method according to claim 1, wherein the layout information processing means searches for layout information corresponding to content arranged in a predetermined area including a display area of the client terminal, and the content processing means A Web page display method characterized by searching for a content arranged in a display area of a client terminal or the predetermined area. 3. The Web page display method according to claim 1, wherein the layout information includes information on content arranged adjacent to content corresponding to the layout information. 4. Display method. The Web page display method according to claim 1, wherein the layout information includes a display magnification range in which content corresponding to the layout information is displayed. A server device that transmits a web page in which a plurality of contents are arranged and can be moved and / or scaled within a single page to a client terminal connected to a network,
Storing a Web page in which an applet that can be executed on the client terminal is embedded, and storing means for storing content arranged on the Web page and layout information of the content,
The applet
Event processing means for moving and / or scaling the web page;
Layout information processing means for requesting the extracted layout information to be requested to the server device after searching on the Web page for layout information necessary for the movement and / or enlargement / reduction of the Web page;
After searching the Web page for the content that is required as the Web page moves and / or scales, the server device requests the extracted content to be requested, and receives the content based on the received layout information. Content processing means for arranging the content on the Web page;
A server device implemented in the client terminal. 6. The server apparatus according to claim 5, wherein the layout information processing means searches for layout information corresponding to content arranged in a predetermined area including a display area of the client terminal, and the content processing means includes the client terminal. The server device is characterized by searching for a content arranged in the display area or the predetermined area. 7. The server apparatus according to claim 5, wherein the layout information includes information on content arranged adjacent to content corresponding to the layout information. 8. 8. The server apparatus according to claim 5, wherein the layout information includes a display magnification range in which content corresponding to the layout information is displayed. A program for causing a computer to function as the server device according to any one of claims 5 to 8.

Images