JP2010039591A - Merchandise introduction support system - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To introduce merchandise by arranging desired merchandise images on an image of a room, and introduce the merchandise in a free layout by linking the merchandise images to webpages selling the merchandise of the merchandise images. <P>SOLUTION: In a merchandise introduction system, a client computer displays a merchandise introduction webpage 150 on a display screen. The webpage 150 displays a merchandise introduction image 151 including merchandise images 162 to 167 which can be laid out by an introducer. The merchandise images 162 to 167 have links to sites selling corresponding merchandise, and when clicked, display webpages of the merchandise selling sites. The introducer can freely lay out the merchandise images 162 to 167 to introduce the merchandise. <P>COPYRIGHT: (C)2010,JPO&INPIT

Description

  The present invention relates to a product introduction support system, a control method thereof, and a program for controlling a web server.

With the recent development of Internet-related technologies, various services have been provided via computers. In particular, websites that sell products are expanding. In such a web site, the user can acquire product information, and the user can specify the delivery method, the price delivery method, etc., so from the acquisition of product information to the purchase of the product on the web page at once. Can be done. With the establishment of a platform for purchasing products using the Internet, the technology related to product purchases has shifted from introducing products to users and introducing products to users. For example, in a product purchase web site, an individual ID is issued to the user, and from the history of products purchased or searched by the user in the past, products that the user is most likely to purchase next are personal pages of the web site. (Patent Documents 1 and 2).
JP 2002-117324 A JP 2002-183473 A

  In addition, affiliates that paste information on products embedded with links to Web sites for purchasing products on personal pages of users are also very popular. Profits are returned to the user when a product is purchased from the user's personal page.

  However, in a conventional affiliate, a user often writes a product introduction text on a personal page and embeds a link to a website that sells the product near the introduction text. For this reason, if the product image is replaced, the layout of the personal page may be lost, or if the product image is displayed at a predetermined position, the position of the introductory sentence cannot be freely changed. In addition, because personal pages have many blog formats, product introduction pages may be divided in time series.

  It is an object of the present invention to introduce products relatively freely.

  The present invention relates to a product introduction system including a first web server and a first client computer that can communicate with each other.

  The first web server includes room image data transmitting means for transmitting room image data representing a room image to the first client computer, and product image data representing a product image to the first client computer. Product image data transmission means to be transmitted, and link data embedded in the product image, wherein link data representing a link of a web page for selling products of the product image is transmitted to the client computer Data transmission means are provided.

  The first client computer has the product image of the first web server on a room image represented by the room image data transmitted from the room image data transmission means of the first web server. A first control unit that controls the display device to display the product image transmitted from the data transmission unit on the display screen by embedding the link data transmitted from the link data transmission unit of the first web server. Display control means, layout change means for changing the layout of the product image displayed on the display screen under the control of the first display control means, and a layout file representing the layout changed by the layout change means , Product image data representing a product image whose layout has been changed by the layout changing means, and First product / room image data transmitting means for transmitting the room image data transmitted from the room image data transmitting means of the first web server to the first web server or the second web server. I have.

  In response to a request from the first client computer or the second client computer, the first web server or the second web server receives the first client computer from the first client computer. The second file for transmitting the layout file, the product image data, and the room image data transmitted from the product / room image data transmitting means to the requested first client computer or the second client computer. Product / room image data transmission means is provided.

  The first client computer or the second client computer displays the second product / room image on the room image represented by the room image data transmitted from the second product / room image data transmission means. A second control unit that controls the display device to display the product image transmitted from the second product / room image data transmission unit on the display screen in the layout represented by the layout file transmitted from the room image data transmission unit. Link data embedded in the clicked product image in response to a click on the product image displayed on the room image based on the control by the second display control unit. A request for the web page of the linked product represented by is sent to the first web server. It has a web page request transmitting means for.

  The present invention also provides an operation control method suitable for the product introduction support system. That is, this method is an operation control method of a product introduction system including a first web server and a first client computer that can communicate with each other.

  The room image data transmission means of the first web server transmits room image data representing a room image to the first client computer, and the product image data transmission means of the first web server includes: Product image data representing a product image is transmitted to the first client computer, and the link data transmitting means of the first web server is link data embedded in the product image, and the product image Link data representing the link of the web page selling the product is sent to the client computer.

  The first display control means of the first client computer has the first display on the room image represented by the room image data transmitted from the room image data transmission means of the first web server. The product image transmitted from the product image data transmission unit of the web server is displayed so as to be displayed on the display screen with the link data transmitted from the link data transmission unit of the first web server embedded. The apparatus controls the layout, and the layout change means of the first client computer changes the layout of the product image displayed on the display screen under the control of the first display control means. The product / room image data transmitting means has a layout file representing the layout changed by the layout changing means, the layout The product image data representing the product image whose layout has been changed by the changing means and the room image data transmitted from the room image data transmitting means of the first web server are used as the first web server or the second web.・ Send to server.

  In response to a request from the first client computer or the second client computer, the second product / room image data transmitting means of the first web server or the second web server responds to the request from the first client computer or the second client computer. The first client computer or the first requesting the layout file, the product image data, and the room image data transmitted from the first product / room image data transmitting means of the first client computer. To the second client computer.

  The second display control means of the first client computer or the second client computer is placed on the room image represented by the room image data transmitted from the second commodity / room image data transmitting means. The product image transmitted from the second product / room image data transmission unit is displayed on the display screen in the layout represented by the layout file transmitted from the second product / room image data transmission unit. The display device is controlled, and the web page request transmission means of the first client computer or the second client computer is displayed on the room image based on the control by the second display control means. Embedded in the clicked product image in response to a click on the product image being clicked The link destination of the product sales of the request of the web page, which is represented by are link data to send to the first web server.

  The present invention also provides a program for controlling the first web server and a recording medium storing the program.

  According to the present invention, room image data, product image data, and link data embedded in the product image from the first web server to the first client computer, the web page for selling the product of the product image Link data representing a link to is sent. The product image in which the room image represented by the room image data is displayed on the display screen of the display device of the first client computer, the product image data is represented on the room image, and the link data is embedded. Is displayed. The product image layout is changed by the user of the first client computer. The layout file representing the changed layout, the product image data with the changed layout, and the room image data are transmitted to the first web server or the second web server.

  When there is a request from the first client computer or the second client computer to the first web server or the second web server, the product image data and the room image data are transmitted in response to the request. The The room image is displayed on the display screen of the display device of the first client computer or the second client computer, and the product image having the changed layout is displayed on the room image. When the displayed product image is clicked, a request for the linked product sales web page represented by the link data embedded in the clicked product image is sent to the first web server. The Then, data indicating a product sales web page is transmitted to the first client computer or the second client computer requested from the first web server. The merchandise sales web page is displayed on the first client computer or the second client computer.

  A product image can be laid out on the room image, and when the product image is clicked, a web page that sells the product is displayed, so that the product can be introduced relatively freely. Become.

  The first web server represents a product sales web page in response to a request sent from the web page request sending means of the first client computer or the second client computer. It is preferable to further comprise web page data transmitting means for transmitting the web page data to the first client computer or the second client computer that has requested the web page data.

  The present invention also provides a program for controlling the first web server and a recording medium storing the program.

  FIG. 1 shows an embodiment of the present invention and shows an outline of a product introduction system.

  The product introduction system according to this embodiment includes a first client computer 1, a second client computer 2, a first web server 11 and a second web server 12 which can communicate via the Internet. It is. A program for performing an operation to be described later is installed in each of the computers 1 and 2 and the servers 11 and 12. Such a program is stored in a CD-ROM (compact disk read only memory) and read.

  In this embodiment, the user of the first client computer 1 is a person who introduces a product, and data representing a web site introducing the product is stored in the second web server 12. The user of the second client computer 2 is a person browsing (purchasing) a product. The first web server 11 stores data representing a web site that sells products. The first web server 11 and the second web server 12 are different from each other, but may be a common server. Further, although only one second client computer 2 is shown, it goes without saying that there are many second client computers 2.

  In this embodiment, a product viewer who is the user of the second client computer 1 accesses the product introduction site of the product introducer who is the user of the first client computer 1. The product image linked to the product sales site is displayed on the web page of the product introduction site, and when the product image is clicked, the linked product sales site becomes the second client computer. 2 is displayed on the display screen. More details will become apparent from the following description.

  FIG. 2 is a block diagram showing an electrical configuration of the second web server 12. In FIG. 2, a product database 23 connected to the first web server 11 is also shown.

  The overall operation of the second web server 12 is controlled by the control device 20.

  The second web server 12 includes an input interface (including a keyboard, a mouse, a communication interface for connecting to the Internet, an image input interface for inputting image files, etc., and a product information input interface for inputting product information) 22 It is included. The product database 23 is connected to the second web server 12 by the input interface 22. Then, data representing product information stored in the product database 23 is input to the second web server 12.

  As will be described later, the second web server 12 also includes a room image / product image database 27 for storing files representing room images and product images, and a product information database 28 for storing inputted product information. . The room image / product image database 27 and the product information database 28 are controlled by the product image management device 26 to read and write data and the like.

  The second web server 12 further includes an output device (display device, printer) 24 and an image control device 25.

  The first web server 11 has the same configuration as the second web server 12. The first client computer 1 and the second client computer 2 include a CPU, memory, hard disk, hard disk driver, display device, keyboard, mouse, communication device, and the like.

  FIG. 3 to FIG. 5 are flowcharts showing the processing procedure of the product introduction system, which is mainly necessary for generating a web page for introducing a product, changing the layout of the web page, and generating the web page. A procedure for acquiring an image is shown. 3 and 4 show the processing procedure of the first client computer 1, and FIG. 5 shows the processing procedure of the first web server 11.

  First, the first client computer 1 accesses the first web server 11, and the web page representing the product image registration web page from the first web server 11 to the first client computer 11 is displayed. Data is sent. Then, the product image registration web page is displayed on the display screen of the display device of the first client computer 1 (step 31 in FIG. 3).

  FIG. 7 is an example of the product image registration web page 90.

  A plurality of image display areas 91 are formed at the upper left of the product image registration web page 90. On the right side of the plurality of image display areas 91, an image explanation area 92 for displaying explanations of images displayed in the image display area 91 is formed. On the right side of the image description area 92, an image editing area 93A and a review writing area 93B are formed. The image editing area 93A is an area clicked when changing the color, size, etc. of the image. The review writing area 93B is an area that is clicked when writing an image review (displayed in a dialog box as will be described later, see FIGS. 17A and 17B).

  An image storage area 94 is formed slightly below the center of the product image registration web page 90. When the image displayed in the image display area 91 is dragged and dropped into the image storage area 94, the dropped image is displayed in the image storage area 94. An image 95 displayed in the image storage area 94 indicates an image that can be displayed on the web page of the product introduction site of the product introducer who is the user of the first client computer 1.

  A product introduction area 96, a layout change area 97, and an image acquisition area 98 are displayed at the bottom of the product image registration web page 90. The product introduction area 96 is an area clicked when displaying a product introduction web page (see FIG. 16) as will be described later. The layout change area 96 is an area that is clicked when the layout of the product introduction web page is changed. The image acquisition area 98 is an area that is clicked when acquiring an image (room image, product image).

  Returning to FIG. 3, it is determined whether any area of the product image registration web page 90 has been clicked (step 32).

  First, it is assumed that the image acquisition area 98 is clicked. Then, an image acquisition command is transmitted from the first client computer 1 to the first web server 11 (step 33).

  When the image acquisition command transmitted from the first client computer 1 is received by the first web server 11 (YES in step 61 in FIG. 5), the image acquisition web page data is stored in the first web server. The data is transmitted from the server 11 to the first client computer 1 (step 62 in FIG. 5).

  When the image acquisition web page data transmitted from the first web server 11 is received by the first client computer 1 (step 34 in FIG. 3), the display screen of the first client computer 1 is displayed. An image acquisition web page is displayed (step 35 in FIG. 3).

  FIG. 8 shows an example of the image acquisition web page 100.

  A category designation area 101, a color designation area 102, and a display order designation area 103 are formed in the upper part of the image acquisition web page 100. The category designation area 101 is for designating a category of an image to be displayed on the image acquisition web page 100. The category designation area 101 can be pulled down, and various categories appear by pulling down. A desired category can be designated from among the appearing categories. For example, the category of the room image, the type of product if it is a product image, etc. The color designation area 102 can also be pulled down, and various colors appear by pulling down. A desired color can be designated from among the appearing colors. The display order designation area 103 can also be pulled down, and the order of images to be displayed on the image acquisition web page 100 can be defined by pulling down. For example, new registration order, popularity order, and comment order.

  An image 104 is displayed at the center of the image acquisition web page 100. These images 104 are images that match the designations in the category designation area 101, the color designation area 102, and the display order designation area 103. In the example shown in FIG. 8, a room image is displayed.

  At the bottom of the image acquisition web page 100, a basic item acquisition area 105, a room image / product image acquisition area 106, and a product image registration area 107 are formed. The basic item acquisition area 105 is an area that is clicked when acquiring basic items (shelf, closet, etc.) that can be arranged in the room image. The room image / product image acquisition area 106 is an area that is clicked when a room image and a product image are acquired. The product image registration window area 107 is an area clicked when displaying the product image registration web page 90 shown in FIG.

  Returning to FIG. 3, a room image or a product image is selected by clicking a desired image from the images 104 displayed on the image acquisition web page 100 displayed on the display screen. (Step 36). When the room image / product image acquisition area 106 is clicked after an image is selected, an acquisition command for the selected image is transmitted from the first client computer 1 to the first web server 11 (step 37). .

  When the acquisition command transmitted from the first client computer 1 is received by the first web server 11 (step 63 in FIG. 5), an image file and a spec file representing the selected room image or product image are displayed. The data is transmitted from the first web server 11 to the first client computer 1 (step 64 in FIG. 5).

  6A to 6C show the file structure of files communicated between the first web server 1 and the first client computer 11 in this embodiment.

  FIG. 6A shows the file structure of the room image file and the product image file.

  Each of the room image file and the product image file 70 has a header area 71 and an image data area 72. The header area 71 stores file management information including the file name. The image data area 72 stores room image data representing a room image or product image data representing a product image.

  FIG. 6B shows the file structure of the product image spec file.

  The product image spec file 80 includes a header area 81 and a data area 82. In the header area 81, management information including the file name of the product image spec file 80 is stored. In the data area 82, a description of the product image (product) represented by the product image data stored in the product image file 70 (displayed in the product description area 92 of the product image registration web page), the product name, Various data such as links to product sales sites and product charges are stored.

  FIG. 6C shows the file structure of the layout file.

  The layout file 85 also includes a header area 86 and a data area 87. In the header area 86, management information including the file name of the layout file 85 is stored. The data area 87 stores XML (Extensible Markup Language) data defining a layout or the like. Details of the XML data will be described later (see FIG. 13).

  When the image file transmitted from the first web server 11 is received by the first client computer 1 (step 38 in FIG. 3), the product image is again displayed on the display screen of the first client computer 1. A registration web page 90 is displayed (step 39 in FIG. 4). Assume that a room image has been selected.

  FIG. 9 shows an example of the product image registration web page 90. In this figure, the same components as those shown in FIG.

  In the image display area 91, an image 99 of the room selected by the user of the first client computer 1 is displayed. By dragging and dropping a desired image among the room images 99 displayed in the image display area 91 to the image storage area 94, a command for saving the dropped image is issued from the first client computer 11. Sent to the first web server 1.

  Referring to FIG. 3, a command for saving the dropped image is sent from the first client computer 1 to the first by dragging and dropping to the image saving area 94 as described above (step 40). It is transmitted to the web server 11 (step 41). If the end command is not given to the first client computer 1 (NO in step 42), the process returns to step 32 in FIG.

  When the save command transmitted from the first client computer 1 is received by the first web server 11 (step 65 in FIG. 5), the image file designated by the save command is a layout change web page to be described later. The URL is stored in the first web server 11 in association with the URL (Uniform Resource Locator) (see FIG. 12) (step 66 in FIG. 5).

  Similarly, not only the room image but also the image file representing the product image is stored in the first web server 11 in association with the URL of the layout change web page.

  FIG. 10 shows an example of the image acquisition web page 100. In this figure, the same components as those shown in FIG. A product image 108 is displayed in accordance with the designation in the category area 101, the color designation area 102, and the display order area 103. When a desired image 108 is selected from the displayed product images, the product image registration web page 90 shown in FIG. 11 is displayed on the display screen of the first client computer 1 as described above. Is done.

  A product image 109 is displayed in the image display area 91 in the product image registration web page 90 shown in FIG. When a desired product image 109 is dragged and dropped into the image storage area 94, an image file representing the dropped product image 109 corresponds to the URL of the layout change web page, and the first web server 11 You can understand that

  Returning again to FIG. 3, when the product registration web page 90 is displayed on the display screen of the first client computer 1 and the layout change area 97 is clicked (step 32), the first client A layout change web page request command is transmitted from the computer 1 to the first web server 11 (step 50).

  The layout change web page request command transmitted from the first client computer 1 is received by the first web server 11 (YES in step 67 in FIG. 5). Then, the layout file, room image file, product image file, spec file, and image storage file are transmitted from the first web server 11 to the first client computer 1 (step 68 in FIG. 5). The image storage file is for displaying the image stored in the image storage area 94 in the image storage area 94 of the layout change web page 110. The layout file is generated by referring to the contents described in the spec file when the first client computer 71 first lays out the layout file.

  When the layout file or the like transmitted from the first web server 11 is received by the first client computer 1 (step 51 in FIG. 3), the display screen of the first client computer 1 is shown in FIG. The layout change web page 110 shown is displayed (step 52).

  FIG. 12 shows an example of the layout change web page 110.

  The layout change web page 110 has a layout display window 111 formed almost entirely. A product introduction image 120 is displayed in the layout display window 111. The product introduction image 120 is a product image 121 to 127 displayed on the room image 121. The room image 121 and the product images 121 to 127 are selected by the user of the first client computer 1.

  On the left side of the layout display window 111, a first movement command area 112 that is clicked by the user of the first client computer 1 when a layout change web page representing a kitchen room is displayed is formed. Also, on the right side of the layout display window 111, there is formed a second movement command usage route 113 that is clicked by the user of the first client computer 1 when displaying a layout change web page representing a garage room. Yes.

  An image storage area 94 is formed below the layout display window 111. In this image storage area 94, a stored image 95 is displayed in the same manner as the image storage area 94 displayed on the product image registration web page 90 described above.

  Below the image storage area 94, a room addition area 114, a room deletion area 115, and a product image registration area 116 are formed. The room addition area 114 is an area clicked by the user of the first client computer 1 when a new room (new web page displaying a product introduction image) is added. The room deletion area 115 is an area clicked by the user of the first client computer 1 when deleting a room. The product image registration area 116 is an area clicked by the user of the first client computer 1 when displaying the product image registration web page.

  Of the product introduction images 120 displayed in the layout display window 111, the display positions of the product images 122 to 127 displayed on the room image 121 can be changed by dragging and dropping. In addition, the desired product image among the product images 122 to 127 displayed in the layout display window 111 is dragged and dropped into the image storage area 94, so that the dropped product image is displayed in the image storage area 94. And disappears from the layout display window 111. By dragging and dropping a desired image from the 95 images displayed in the product storage area 94 to the layout display window 111, the dropped product image is displayed at the dropped position.

  Returning to FIG. 3, as described above, the product image displayed in the layout display window 111 is dragged and dropped in the layout display window 111. The product image displayed in the layout display window 111 is an image. The product image display position is changed and displayed by being dragged and dropped in the storage area 94 or the product image displayed in the image storage area 94 is dragged and dropped in the layout display window 111. When the product image to be changed is changed (step 54), a layout file representing the change contents (change of the display position of the product image, etc.) is transferred from the first client computer 1 to the first web server 11. Is transmitted (step 55).

  If the product image is not dragged and dropped (NO in step 53 in FIG. 3), it is determined whether or not the product image registration area 116 has been clicked (step 56 in FIG. 3). When the product image registration area 116 is clicked (YES in step 56 in FIG. 3), the processing in step 39 in FIG. 4 is performed.

  When room addition area 114 or room deletion area 115 is clicked (YES in step 57 in FIG. 3), room addition or room deletion processing is performed according to the clicked area. If no area is clicked (NO in step 57 in FIG. 3) and no end command is given (NO in step 58 in FIG. 3), the processing from step 52 is repeated.

  FIG. 13 shows an example of XML data stored in the layout file. The number of lines is also shown for clarity.

  The first line indicates that the data is XML data and indicates the encoding method. The second row shows the ID of the room image, the storage location of the room image, and the file name of the file representing the room image.

  3rd to 11th, 12th to 20th, 21st to 29th, 30th to 38th, 39th to 47th, 48th to 56th, Describes information about the product image. The 57th line indicates the end of data.

  In the description in FIG. 13, the filename tag indicates the file name of the product image file. The url tag indicates the link destination (link data) of the product image, and indicates the URL of the sales site that sells the product image product. The name tag indicates the product name. The price tag indicates the price of the product. The Comment tag indicates a comment given to the product. The x tag indicates the display position of the product image in the horizontal direction on the product introduction image. The y tag indicates the vertical display position of the product image on the product introduction image.

As shown in FIG. 12, the product introduction window 111 of the layout change web page 110 is displayed.
When the display position of the product image is changed, the values of the x tag and y tag shown in FIG. 13 are changed according to the change position. In addition, when the product image included in the product introduction image 120 is deleted from the product introduction image 121 by being dragged and dropped into the image storage area 94, a description corresponding to the product image ( The description of the portion sandwiched between item tags) is deleted from the XML data. When the product image 95 displayed in the image storage area 94 is dragged and dropped into the product introduction window 111, the file name corresponding to the product image, the URL of the link destination, the product name, the product And a description of the horizontal position and vertical position of the product image in the product introduction image 121 are added. In this way, the XML data is corrected in accordance with the layout change, and the layout file storing the corrected XML data is transmitted from the first client computer 1 to the first web server 11.

  FIG. 14 and FIG. 15 are flowcharts showing the processing procedure of the product introduction system when browsing the product introduction web page. FIG. 14 is a flowchart showing a processing procedure of the second web server 12, and FIG. 15 is a flowchart showing a processing procedure of the first client computer 1 or the second client computer 2 which is a user browsing the product. It is. When the product introducer himself / herself browses the product, the first client computer 1 accesses the second web server 12. When a user (product viewer) other than the product introducer browses the product, 2 of the second client computer accesses the second web server 12.

  As described above, when the layout change is performed in the first client computer 1, the layout file is transmitted from the first client computer 1 to the second web server 12. The layout file is received at the second web server 12 (step 131 in FIG. 14).

  A user who browses the product introduction web page transmits request data requesting the product introduction web page from the first client computer 1 or the second client computer 2 to the second web server 12. (Step 141 in FIG. 15).

  When the request data is received by the second web server 12 (YES in step 132 in FIG. 14), the layout file, product image file, and product specification file corresponding to the product introduction web page are stored on the second web server. The data is transmitted from the server 12 to the first client computer 1 or the second client computer 2 that requested the request (step 133 in FIG. 14). As described above, since the XML data stored in the layout file stores the file name of the room image and the file name of the product image, the room image file and the product image file used in the product introduction web page are stored. Can find out. Further, since the product specification file corresponding to the product image can be specified from the product image file by the file name of the product image file, the product specification file can also be found.

  When the room image file, product image file, product specification file and layout file transmitted from the second web server 12 are received by the requested first client computer 1 or second client computer 2 (Step 142 in FIG. 15), the product introduction web page shown in FIG. 16 is displayed on the display screen (Step 143 in FIG. 15).

  FIG. 16 shows an example of the product introduction web page 150.

  The product introduction web page 150 has a product introduction window 151 formed almost entirely. A product introduction image 160 is displayed in the product introduction window 151. The product introduction image 160 is a product image 162 to 167 represented by a product image file displayed on a room image 161 represented by a room image file. The display positions of the product images 162 to 167 are defined by the XML data stored in the layout file. The product introduction image 160 also displays a comment 168 and a dialog box 180 described in the XML data.

  On the left side of the product introduction window 151, a first moving area 152 that is clicked when displaying a kitchen that is another room is displayed. On the right side of the product introduction window 152, a second movement area 153 that is clicked when displaying a garage that is another room is displayed.

  Below the product introduction window 151, a similar room search area 154 that is clicked when searching for a room similar to the product introduction image displayed in the product introduction window 151, and the blog of the creator of the product introduction web page are displayed. A blog area 155 that is clicked when viewing, a sales store area 156 that is clicked when browsing a sales site for the product displayed in the product introduction window 151, a favorite registration area 157, and a comment area 158 are formed. When the comment area 158 is clicked, a comment entry window (not shown) appears, and a comment can be entered in the comment entry window. The entered comment is described in the XML data of the layout file.

  FIGS. 17A and 17B are examples of dialog boxes 180 and 190. FIG.

  Link data is embedded in the product images 162 to 167 of the product introduction web page 150 as described above. When, for example, the product image 163 is clicked among the product images 162 to 167 in which the link data is embedded, a dialog box 180 shown in FIG. 18A appears.

  In the dialog box 180, a comment (review) 181 entered by a user (which may be either a product introducer or a product viewer) is displayed. As described above, the comment 181 is described in the XML data using the comment entry window that appears when the comment area 158 is clicked. A product introducer can also write a review using the review writing area 93B in the product image registration web page 90 shown in FIG. When the comment 181 is long, the “continuation” hot text 182 is displayed. When the hot text 182 is clicked, a new dialog box 190 shown in FIG. 18B appears. Subsequent comments are displayed in this dialog box 190.

  If a comment is not entered in the clicked product image, the sales store area 183, which will be described later, will be displayed without describing the comment in the dialog box 180.

  In the dialog box shown in FIG. 17A, a sales store area 183 is also formed. When the sales store area 183 is clicked, request data for requesting a product sales site that sells the product of the clicked product image 163 is sent from the client computer 1 or 2 to the first web server 11. Sent. The web page of the merchandise sales site is displayed on the display screen of the requested first client computer 1 or 2.

  FIG. 18 shows an example of the product sales web page 191.

  As described above, the product sales web page 191 is defined as a link destination in the product image, and is a web page for selling products of the product image. Products can be purchased using this product sales web page. As described above, according to this embodiment, a product is introduced by placing a desired product image on a room image, and the product image is linked to a web page for selling the product image. As a result, products can be introduced in a free layout and purchased.

  Returning to FIG. 15, when the product image displayed in the product introduction window 151 is clicked (YES in step 144), the product sales web page that is the link destination embedded in the clicked product image is displayed. A request is made to the first web server 1 (step 145).

  The requested first web server 1 transmits merchandise sales web page data to the requested first client computer 1 or second client computer 2.

  When the merchandise sales web page data transmitted from the first web server 1 is received by the first client computer 1 or the second client computer 2 (step 146), the merchandise sales are displayed on the display screen. A web page will be displayed (step 147).

  In the above embodiment, as shown in FIG. 16 and FIGS. 17A and 17B, when a product image is clicked, a dialog box 180 or the like is displayed and displayed in the dialog box 180. When the sales store area 183 is clicked, the sales store web page as shown in FIG. 18 is displayed. When the product image is clicked, the product sales store web page is displayed. May be displayed.

  FIGS. 19A and 19B are examples of product images displayed on the layout change web page 110 (see FIG. 12), the product introduction web page 150 (see FIG. 16), and the like.

  The product images 202 and 212 shown in FIG. 19A and FIG. 19B are the images 200 and 210 which are obtained by cutting out the images to which the product images 202 and 212 are pasted. include. The cutout images 200 and 210 are accompanied by marginal part images 201 and 211 when the product images 202 and 212 are cut out around the product images 202 and 212. Only the product introduction images 202 and 212 cannot be pasted on the layout change web page 110 and the product introduction web page 150, and the cutout images 200 and 210 including the surrounding margins 201 and 211 are displayed. It will be. The white space parts 201 and 211 deteriorate the appearance.

  20 (A) and 20 (B) are examples of product images 222 and 232. FIG.

  By cutting out only the product image portions 222 and 232, room portions images of the layout change web page 110 and the product introduction web page 150 for the portions 221 and 231 (shown by hatching) around the product image portions 222 and 232 are displayed. Can be adapted to 121 and 161 backgrounds. With such images 220 and 230, it is possible to display the product layout change page 110 and the product introduction page 150 that do not feel uncomfortable even when the product image is displayed.

An overview of the product introduction system is shown. It is a block diagram which shows the electric constitution of a 2nd web server. It is a flowchart which shows the process sequence of a 1st client computer. It is a flowchart which shows the process sequence of a 1st client computer. It is a flowchart which shows the process sequence of a 1st web server. (A)-(C) show the file structure. It is an example of a product image registration web page. It is an example of the web page for image acquisition. It is an example of a product image registration web page. It is an example of the web page for image acquisition. It is an example of a product image registration web page. It is an example of a layout change web page. It is an example of XML data. It is a flowchart which shows the process sequence of a 2nd web server. It is a flowchart which shows the process sequence of a 1st client computer and a 2nd client computer. It is an example of a product introduction web page. (A) and (B) are examples of dialog boxes. It is an example of the web page of a goods sales site. (A) and (B) are examples of product images. (A) and (B) are examples of product images.

Explanation of symbols

DESCRIPTION OF SYMBOLS 1 1st client computer 2 2nd client computer
11 First web server
12 Second web server

Claims (5)

In a product introduction system including a first web server and a first client computer that can communicate with each other,
The first web server is
Room image data transmitting means for transmitting room image data representing a room image to the first client computer;
Product image data transmitting means for transmitting product image data representing a product image to the first client computer, and link data embedded in the product image, the web page for selling the product of the product image Link data transmission means for transmitting link data representing a link to the client computer;
The first client computer is
The product image transmitted from the product image data transmission unit of the first web server on the room image represented by the room image data transmitted from the room image data transmission unit of the first web server. Display control means for controlling the display device so that the link data transmitted from the link data transmission means of the first web server is embedded and displayed on the display screen,
Layout changing means for changing the layout of the product image displayed on the display screen under the control of the first display control means, a layout file representing the layout changed by the layout changing means, and the layout change The product image data representing the product image whose layout has been changed by the means and the room image data transmitted from the room image data transmitting means of the first web server are used as the first web server or the second web A first product / room image data transmitting means for transmitting to the server;
The first web server or the second web server is
The layout file transmitted from the first product / room image data transmitting means of the first client computer in response to a request from the first client computer or the second client computer; Second product / room image data transmitting means for transmitting the product image data and the room image data to the requested first client computer or the second client computer,
The first client computer or the second client computer is
On the room image represented by the room image data transmitted from the second product / room image data transmission means, the layout represented by the layout file transmitted from the second product / room image data transmission means. The second display control means for controlling the display device to display the product image transmitted from the second product / room image data transmitting means on the display screen, and based on the control by the second display control means. In response to a click on the product image displayed on the room image, the request for the linked product sales web page represented by the link data embedded in the clicked product image Web page request sending means for sending to the first web server;
Product introduction support system with The first web server is
In response to a request transmitted from the web page request transmission means of the first client computer or the second client computer, the web page data representing the product sales web page is requested. Web page data transmitting means for transmitting to the first client computer or the second client computer;
The product introduction support system according to claim 1, further comprising: In an operation control method of a product introduction system including a first web server and a first client computer that can communicate with each other,
The room image data transmitting means of the first web server transmits room image data representing a room image to the first client computer,
Product image data transmission means of the first web server transmits product image data representing a product image to the first client computer;
The link data transmission means of the first web server is link data embedded in the product image, and the link data representing the link of the web page for selling the product of the product image is sent to the client To the computer,
The first display control means of the first client computer has the first display on the room image represented by the room image data transmitted from the room image data transmission means of the first web server. The product image transmitted from the product image data transmission unit of the web server is displayed so as to be displayed on the display screen with the link data transmitted from the link data transmission unit of the first web server embedded. Control the device,
The layout change means of the first client computer changes the layout of the product image displayed on the display screen under the control of the first display control means;
The first product / room image data transmission means includes a layout file representing a layout changed by the layout change means, product image data representing a product image whose layout has been changed by the layout change means, and the first Transmitting the room image data transmitted from the room image data transmitting means of the web server to the first web server or the second web server;
In response to a request from the first client computer or the second client computer, the second product / room image data transmitting means of the first web server or the second web server responds to the request from the first client computer or the second client computer. The first client computer or the first requesting the layout file, the product image data, and the room image data transmitted from the first product / room image data transmitting means of the first client computer. To the second client computer,
The second display control means of the first client computer or the second client computer is placed on the room image represented by the room image data transmitted from the second commodity / room image data transmitting means. The product image transmitted from the second product / room image data transmission unit is displayed on the display screen in the layout represented by the layout file transmitted from the second product / room image data transmission unit. Control the display device,
The product page displayed on the room image is clicked by the web page request transmission means of the first client computer or the second client computer based on the control by the second display control means. In response, a request for a linked product sales web page represented by the link data embedded in the clicked product image is sent to the first web server.
Operation control method of product introduction support system. A program for controlling the web server that constitutes a product introduction system including a web server and a first client computer that can communicate with each other,
Room image data representing a room image, product image data representing a product image, and link data embedded in the product image, the link data representing a link of a web page selling the product of the product image Send it to the first client computer,
The product image represented by the product image data is embedded on the room image represented by the room image data and is displayed on the display screen of the display device of the first client computer by embedding the link data. The layout file representing the changed layout, the product image data representing the product image with the changed layout, and the room image data transmitted from the first client computer when the layout of the product image is changed. Receive
In response to a request from the first client computer or the second client computer, the layout file, the product image data, and the room image data transmitted from the first client computer are requested. A computer readable program for controlling the web server to transmit to the first client computer or the second client computer.   A recording medium storing the program according to claim 4.

Images