JP5120563B2 - Shopping web server device and control method thereof - Google Patents

Description

  The present invention relates to a GUI (Graphical User Interface) technology for efficiently purchasing goods from a virtual store on the network via a network.

  Currently, a so-called “net shopping” service is provided that allows a user to purchase a product from a virtual store on the Internet via a web page. In order to purchase products through online shopping, for example, a virtual shopping cart is prepared so that products on a plurality of pages can be purchased together. Specifically, the user browses a plurality of pages and puts a desired product in the cart (presses the “Add to Cart” button α in FIG. 13A), and finally puts it in the cart. For example, you can purchase all the products you put together.

In addition, as a GUI for that purpose, for example, as shown in FIG. 13B, there is a case where a display area for products in the cart is provided on the right half of the shopping page. With such a GUI, the user can check the content of the product placed in the cart without changing to a dedicated page for displaying the product in the cart.
JP 2008-9535 A Shopping site "Amazon.co.jp" (http://www.amazon.co.jp/)

  As described above, although the conventional technique eliminates the need to display page transitions for confirmation of items in the cart, the following problems still exist. In other words, one virtual store on the Internet is often composed of a plurality of web pages, and therefore, in order to browse and search for products, it is necessary to transition and display the plurality of pages after all. is there.

  In addition, when there is a need to change pages during online shopping, there is a possibility that water will be poured into the user's product purchase incentive. This is because, in addition to the occurrence of waiting time due to reading of page data, when the link structure of the page is complicated, the “return” button of the browser returns to an unexpected page.

  In order to solve the above problems, the present invention accepts an operation such as “right click” in the vicinity of a link in a base page. Then, a shopping web server device is provided in which information such as a product image of a linked page is displayed in a context menu displayed in response to the operation, and the product can be put into a cart from there.

  Specifically, a product information storage unit that stores product information including product images and a product sales page that explains product sales in more detail using the product information stored in the product information storage unit are linked. A web page configuration unit that constitutes a base page, an operation detection unit that detects an operation different from an operation for transitioning to a page that is a link destination of a link object to the product sales page on the base page, and the operation detection A list of product images included in the product information of the product described on the product sales page to be displayed via the link object when the different operation is detected in the section, for purchasing the product A product list generation unit that can receive an instruction through the GUI and generates a product list for forming a part of the base page, and communicates with the client A communication unit for a shopping web server device having a.

  In the present invention, in addition to the above configuration, a left click detection unit that detects a left click from a client for a product list configured as a part of a base page by a web page configuration unit, and the left click detection unit detects the left click by a left click detection unit. A process selection screen generating unit that generates a process selection screen related to the purchase of the product image of the product image on which the mouse pointer is overlapped at the time of the left click in order to form a part of the base page when it is detected; Furthermore, the shopping web server apparatus which has is also provided.

  In addition, a shopping web server device configured to use any one or more of a product name, a sales title, and a product catchphrase instead of the product image is also provided. A method for controlling each shopping web server device is also provided.

  With the present invention configured as described above, a user can browse and search for products on a plurality of pages linked to a base page without page transition by right-click operation, and purchase a desired product. it can. Therefore, an effect of suppressing a decrease in purchase incentive caused by page transition at the time of product search can be expected.

  Hereinafter, embodiments of the present invention will be described with reference to the drawings. Note that the present invention is not limited to these embodiments, and can be implemented in various modes without departing from the spirit of the present invention. In the first embodiment, claims 1, 3, 4 and 6 will be mainly described. In the second embodiment, claims 2 and 5 will be mainly described.

Example 1
<Overview>
FIG. 1 is a conceptual diagram illustrating an example of online shopping by the shopping web server device of the present embodiment. As shown in FIG. 1A, the user accesses the net shopping server apparatus of the present embodiment from the client terminal apparatus. Then, place the cursor near the transition link to another page such as “New song released this week”, “Popularity ranking”, “Recommended” displayed on the top page of the accessed net shop, and click the right button of the mouse, for example .

  Then, in the context menu window displayed in response to the right click, an image of a product that can be purchased on the “recommended” product page to be linked is displayed. Then, the user selects a desired product from the displayed product image and performs an operation such as putting it in a virtual cart. As described above, in the shopping server device according to the present embodiment, a product can be purchased by an operation such as a right click near the link without changing from the top page to another “recommended” product page.

<Functional configuration>
FIG. 2 is a diagram illustrating an example of functional blocks in the shopping web server device according to the present embodiment. Note that the functional blocks of the shopping web server device described below can be realized as hardware, software, or both hardware and software. Specifically, if a computer is used, a CPU, a main memory, a bus, or a secondary storage device (a hard disk, a non-volatile memory, a storage medium such as a CD or a DVD, a read drive for the medium, etc.), information Input devices used for input, printing equipment, display devices, other hardware components such as external peripheral devices, interfaces for external peripheral devices, communication interfaces, driver programs for controlling these hardware, Other examples include application programs and user interface applications.

  Then, by CPU processing according to the program developed on the main memory, the data input from the input device or other interface and held in the memory or hard disk is processed and stored, An instruction for controlling the software is generated. Further, the present invention can be realized not only as a shopping web server device but also as a method. A part of the invention can be configured as software. Furthermore, a software product used for causing a computer to execute such software and a recording medium in which the product is fixed to a recording medium are naturally included in the technical scope of the present invention (the same applies throughout the present specification). Is).

  As shown in FIG. 2, the “shopping web server device” (0200) of the present embodiment includes a “product information storage unit” (0201), a “web page configuration unit” (0202), and an “operation detection unit”. (0203), “product list generation unit” (0204), and “communication unit” (0205).

  The “product information storage unit” (0201) has a function of storing product information including product images, and can be realized by a secondary recording device such as a nonvolatile memory or an HDD (hard disk drive). “Product information” refers to information that can be used as a clue to search for a desired product at the time of product purchase. In addition to the product image, it may be a product name, a sales title, a product tagline, or a combination thereof. May be. In the product information storage unit, a data table as shown in FIG. 3 in which such product images, product titles, product IDs, prices, and identification information (such as URLs) of pages introducing the products are associated. It is held in the HDD or the like.

  The “web page configuration unit” (0202) has a function of configuring a base page having a product sales page as a link destination, and can be realized by a CPU, a main memory, a web page configuration program, or the like. Note that the “base page” refers to a page linked to a product sales page, such as the top page of the above-mentioned net shop. The “product sales page” refers to a page that explains product sales in more detail than the base page using the product information stored in the product information storage unit. Therefore, in the case of a web page usually configured in a hierarchical structure, for example, as shown in FIG. 4 (1), the link source page corresponding to the upper or the same hierarchy is the “base page”, and FIG. As shown in FIG. 5, the linked pages such as (a), (b), and (c) corresponding to the lower or the same level of the hierarchy are “product sales pages”. However, since the link structure of the web page varies, the relationship between the base page and the product sales page is not limited to the hierarchical upper / lower relationship, and is a configuration according to the link structure of each web page. It doesn't matter. Also, the relationship between the base page and the product sales page is relative. For example, when viewed from the top page, the page (a) in FIG. 4 (2), which is the product introduction page, is further linked to from (a). When viewed from (b) of FIG. 4 (2) and other lower pages, it corresponds to the base page. In any case, in the shopping web server device of this embodiment, the base page and the product sales page that introduces the product in more detail than the base page are configured to link to each other and opened as one net shop. It is characterized by being. In this embodiment, with the following configuration, when the user is accessing the base page, the product introduced on the product sales page is purchased without going to the product sales page of the link destination. be able to.

  The “operation detection unit” (0203) has a function of detecting an operation different from the page transition operation from the client for the link object to the product sales page on the base page. For example, the CPU, main memory, communication IF ( Interface), an operation detection program, and the like. Note that “page transition operation” refers to an operation for transitioning to the page that is the link destination of the link object, and usually a left-click operation of the mouse (the operation corresponding to determination) with the mouse cursor positioned on the link object. Or enter key operation on the keyboard with the selection cursor set. Therefore, this operation detection unit detects, for example, a right click or other button operations other than the operation. Specifically, for example, the script language “onContextMenu” is used to define an event for transmitting information indicating that a right-click operation has been performed on the terminal device on the client side to the server device. be able to. In addition, in this embodiment, it is preferable that the event to be transmitted to the server device together with the information indicating the operation area of the right click and the identification information of the link object on which the cursor is positioned. Of course, the operation to be detected is not strictly limited to an operation such as a right click, but may be a button operation other than the determination operation uniquely set by the user through the configuration. In this embodiment, it is possible to specify that the client has performed a predetermined operation such as a right click and a link object in the area where the operation has been performed.

  The “product list generation unit” (0204) has a function of generating a product list when the operation detection unit detects the different operation, and is realized by, for example, a CPU, a main memory, a product list generation program, or the like. Can do. The “product list” is a list including product images included in the product information of the product described on the product sales page to be displayed via the link object, and an instruction for purchasing the product is displayed on the GUI. This is a list that can be accepted by and constitutes a part of the base page.

  Specifically, using the operation area information transmitted together with the right click operation detected by the operation detection unit and the page layout information acquired from the HTML document data of the base page, etc., the right click operation etc. The link object where the cursor was placed at the time is specified. Subsequently, the HTML document data of the product introduction page linked by the link object is acquired, and the product information to be displayed there is specified with reference to the data table shown in FIG. Then, information to be displayed in the list such as product images and product names is extracted from the product information, and the layout is determined by arranging them in a line. Further, a predetermined operation such as a left click on the image or product name is detected, and a product purchase operation instruction is accepted accordingly, and a product list as shown in FIG. 5 is generated. Then, the generated product list is configured to be displayed in a context menu displayed in response to, for example, a right click so as to become a part of the base page, and from the next “communication unit” to the client device Reply.

  In this way, in the user's client device, by performing a predetermined operation such as right-clicking on the link object on the base page, there is no transition to another page such as the “recommended” product page of the link destination. You can purchase the products that are introduced.

  If the linked page is a page that selects and generates an introduction product according to the user ID or purchase history each time it is accessed, such as a product recommendation page for each user, the product information is also generated each time. It may be configured to be generated according to the above. Further, the product list may be a list including one or more of a product name, a sales title, and a product catchphrase instead of the product image.

<Hardware configuration>
FIG. 6 is a schematic diagram showing an example of the configuration of the shopping web server device when the above functional components are realized as hardware. The operation of each hardware component in the product list generation process will be described with reference to this figure.

  As shown in this figure, the shopping web server device is a web page configuration unit, an operation detection unit, and a product list generation unit, and also executes a “CPU” (0601) that executes various other arithmetic processes, and “main memory” (0602). The product information storage unit “HDD” (0603) and the communication unit “communication circuit” (0604) are also provided. They are connected to each other via a data communication path such as a “system bus” to transmit / receive information and process information. The “communication circuit” is connected to the “client” via the network.

  A program is read out to the “main memory”, and the “CPU” refers to the read out program and executes various arithmetic processes according to the procedure indicated by the program. In addition, a plurality of addresses are assigned to each of the “main memory” and “HDD”, and in the arithmetic processing of the “CPU”, the address is specified and the stored data is accessed to access the data. It is possible to perform the arithmetic processing used.

  First, the shopping web server apparatus according to the present embodiment configures a web page of a net shop in which a base page and a product sales page are linked in accordance with a web page configuration program (not shown), and stores it in “HDD” or the like.

  Thereafter, the user executes the web browser application of the client and accesses the top page of the net shop. Then, in the shopping web server device of the present embodiment, the “communication circuit” receives the HTTP request by the access, stores the top page (base page) in the address 1 of the “main memory” accordingly, and returns it to the client. To do.

  In response to the response, the top page of the net shop as shown in FIG. Here, for example, the user moves the cursor to “recommended” among the three link objects in the top page and performs, for example, a right click operation. Then, by the right click operation, for example, an event related to the onContextMenu (right click detection program) of the script language embedded in the web browser application is executed, and information indicating the right click operation and the URL of “recommended” are received from the client. It is transmitted to the shopping web server device of the present embodiment.

  In the shopping web server device of this embodiment, the “communication circuit” receives transmission information from the client and stores it at address 2 of “main memory”. Then, using it as a trigger, the “CPU” interprets the product list generation program, and specifies the product image included in the page from the URL of the linked product sales page included in the received information. Then, the specified product image is read from the “HDD” and stored in the “main memory” at addresses 3. Next, a product list is generated by arranging a product image according to a predetermined layout or the like, and generating a product list by adding a GUI program that executes a product purchase process by accepting an operation such as clicking on the image. "Is stored at address 4. Then, the generated product list is returned from the “communication circuit” to the client.

  In the client, for example, the returned product list is displayed in the context menu as shown in FIG. 1B by processing of the web browser application.

<Process flow>
FIG. 7 is a flowchart showing an example of the flow of processing in the shopping web server device of the present embodiment. The steps shown below may be steps executed by each hardware configuration of the computer as described above, or may be processing steps that constitute a program for controlling the computer recorded on a medium. I do not care. As shown in this figure, first, a base page having a product sales page as a link destination is constructed (step S0701). Thereafter, the base page is returned in response to the HTTP request from the client (step S0702), and a predetermined operation such as right click on the link object of the base page on the client is performed using onContextMenu included in the browser application. (Step S0703). When a predetermined operation such as a right click is detected, a product image of a product to be displayed via the link object is acquired (step S0704), and a product list including the product image and constituting a part of the base page Is generated (step S0705). Then, the product list is returned to the client (step S0706), and the client displays the product list in a context menu displayed on the base page in response to, for example, right clicking.

<Brief description of effect>
As described above, the shopping web server device according to the present embodiment can select a product by a predetermined operation such as a right click near the link object without changing from the base page to another linked product sales page.

<< Example 2 >>
<Overview>
This embodiment is based on the above embodiment, and when purchasing a product using a product list displayed on the client as a part of the base page, it is possible to easily purchase the product by clicking an image in the list. It is the shopping web server device characterized.

FIG. 8 is a conceptual diagram illustrating an example of base page display by the shopping web server device of the present embodiment. As shown in this figure, the user moves the cursor to a desired product image in the product list displayed on the client and performs, for example, a left click operation. Then, to display the menu window for the purchase, the user is able to purchase the items in easily by selecting the "Add to cart" from the menu, and so that.

  In addition, in the menu for selection displayed by clicking the image of the product list, for example, by adding processing menus such as “Product details display” and “Cart display”, the details of the product are also displayed here without page transition. Information may be displayed or products placed in the cart may be confirmed.

<Functional configuration>
FIG. 9 is a diagram illustrating an example of functional blocks in the shopping web server device according to the present embodiment. As shown in this figure, the “shopping web server device” (0900) of the present embodiment is based on the first embodiment and includes a “product information storage unit” (0901), a “web page configuration unit” (0902), , “Operation detection unit” (0903), “product list generation unit” (0904), and “communication unit” (0905). In addition, since these structural requirements have already been described in the above embodiment, the description thereof will be omitted.

  The shopping web server device according to the present embodiment further includes a “left click detection unit” (0906) and a “process selection screen generation unit” (0907).

  The “left click detection unit” (0906) has a function of detecting a left click from the client with respect to the product list configured as a part of the base page by the web page configuration unit. For example, the CPU, main memory, communication IF ( Interface), a left-click detection program, and the like. Of course, the detected operation may be another button operation corresponding to the left button uniquely set by the user, or may be an operation other than the operation corresponding to the left click such as an on-mouse operation.

  The “process selection screen generation unit” (0907) has a function of generating a process selection screen when the left click is detected by the left click detection unit. For example, a CPU, a main memory, a process selection screen generation program, etc. Can be realized. The “processing selection screen” refers to a reception GUI screen for a processing menu related to the purchase of a product image of the product image on which the mouse pointer is overlapped when left-clicked to constitute a part of the base page.

  Specifically, as described above, there are processing menus for purchasing products (such as adding to a cart), selection menus for displaying product details, cart display, and the like. Further, as shown in FIG. 10, it is preferable that the product in the cart can be deleted (product purchase canceling process) when a left click or the like is further detected while the product in the cart is displayed. In this way, product purchase and confirmation of products in the cart (purchase selection product) are displayed on the base page without page transition by operations such as left-clicking on the product list, so the user can easily purchase the product. be able to.

<Hardware configuration>
FIG. 11 is a schematic diagram illustrating an example of a configuration of the shopping web server device when the functional components are realized as hardware. The operation of each hardware component in processing such as product purchase using the processing selection screen will be described with reference to FIG.

  As shown in this figure, the shopping web server device is based on the first embodiment, and further includes a left click detection unit and a processing selection screen generation unit, and a “CPU” (1101) that executes various other arithmetic processes. And “main memory” (1102), “HDD” (1103), “communication circuit” (1104), and the like.

  Here, a product list is generated by the processing of each hardware configuration as described in the above embodiment, and is stored at address 1 of “main memory”. The product list is returned and displayed on a part of the top page (base page) of the net shop on the client. Here, the user moves the cursor to a desired product in the product list and performs a left click operation. Then, by the left click operation, information indicating the left click operation and the product ID of the product image designated by the left click are transmitted from the client to the shopping web server device of the present embodiment.

  In the shopping web server device of this embodiment, the “communication circuit” receives transmission information from the client and stores it at address 2 of “main memory”. Then, using this as a trigger, the “CPU” interprets the process selection screen generation program, associates the product ID included in the received information with the ID (user ID) of the client that has been transmitted, and manages it as product purchase information.

  In addition, when investigation information such as “display in cart” is received by the selection operation on the processing selection screen on the client, a list of product images put in the cart using the managed product purchase information is displayed. Generate and send a response from the “communication circuit” to the client. Then, processing such as deleting product management information is performed in accordance with various operations on the product image in the cart. Then, in accordance with the final purchase determination operation at the client, the product purchase process is performed.

<Process flow>
FIG. 12 is a flowchart illustrating an example of the flow of processing in the shopping web server device of the present embodiment. The steps shown below may be steps executed by each hardware configuration of the computer as described above, or may be processing steps that constitute a program for controlling the computer recorded on a medium. I do not care. First, as shown in this figure, the product list generated as described in the above embodiment is returned to the client (step S1201) and displayed on the web browser. Subsequently, when a left click or the like on the product list of the base page on the client is detected (step S1202), a process selection screen constituting a part of the base page is generated (step S1203). Then, the process selection screen is returned to the client (step S1204) and used for process selection at the client.

<Brief description of effect>
As described above, by using the shopping web server device of this embodiment, for example, confirmation of product purchase and cart product (purchase selection product) can be displayed on the base page without page transition by an operation such as left click on the product list. Can do. Therefore, the user can easily purchase a product.

The conceptual diagram showing an example of the net shopping by the shopping web server apparatus of Example 1. The figure showing an example of the functional block in the shopping web server apparatus of Example 1. FIG. The conceptual diagram showing an example of the merchandise information storage part of the shopping web server apparatus of Example 1. The conceptual diagram showing an example of the link structure of the web page comprised by the web page structure part of the shopping web server apparatus of Example 1. FIG. The conceptual diagram showing an example of the goods list produced | generated by the goods list production | generation part of the shopping web server apparatus of Example 1. FIG. The figure showing an example of the hardware constitutions in the shopping web server device of Example 1. The flowchart showing an example of the flow of the process in the shopping web server apparatus of Example 1. The conceptual diagram showing an example of the base page display by the shopping web server apparatus of Example 2. FIG. The figure showing an example of the functional block in the shopping web server apparatus of Example 2. FIG. The conceptual diagram showing an example of the process selection screen produced | generated by the process selection screen production | generation part of the shopping web server apparatus of Example 2. FIG. The figure showing an example of the hardware constitutions in the shopping web server device of Example 2. The flowchart showing an example of the flow of the process in the shopping web server apparatus of Example 2. Conceptual diagram showing an example of online shopping by a conventional shopping web server device

Explanation of symbols

0200 Shopping web server device 0201 Product information storage unit 0202 Web page configuration unit 0203 Operation detection unit 0204 Product list generation unit 0205 Communication unit

Claims (5)

A product information storage unit for storing product information including product images;
A web page configuration unit that configures a base page having a product sales page that explains product sales in a relatively detailed manner using product information stored in the product information storage unit;
An operation detection unit for detecting an operation different from an operation for transitioning to a page that is a link destination of the link object to the product sales page on the base page;
A list composed of product images included in product information of a plurality of products described on a product sales page to be displayed via the link object when the different operation is detected by the operation detection unit; A product list generation unit that generates a product list that can receive an instruction for purchasing a product by using a GUI that uses product images of the plurality of products, and forms a part of the base page;
A shopping web server device having a communication unit for communicating with a client ,
The product list generator
When the different operation is detected, the HTML document data of the product sales page is acquired,
Identify product information to be displayed there based on the acquired HTML document data,
A shopping web server device, wherein a product image is extracted from the specified product information to generate the product list. A predetermined operation detecting unit for detecting a predetermined operation from the client for the product list configured as a part of the base page by the web page configuration unit;
When the predetermined operation is detected by a predetermined operation detection unit, a process selection screen related to the purchase of a product of a product image on which the mouse pointer at the time of the predetermined operation is superimposed to form a part of the base page A process selection screen generation unit for generating
The shopping web server device according to claim 1, further comprising: The shopping web server device according to claim 1 or 2 , wherein the product image is one or more of a product name, a sales title, and a product catchphrase instead of the product image. A method for controlling a shopping web server device having a product information storage unit for storing product information including product images,
A web page configuration step that configures a base page having a product sales page that explains product sales in a relatively detailed manner using product information stored in the product information storage unit;
An operation detecting step for detecting an operation different from an operation for transitioning to a page that is a link destination of a link object to the product sales page on a base page;
A list composed of product images included in product information of a plurality of products described on a product sales page to be displayed via the link object when the different operation is detected in the operation detection step; A product list generation step of generating a product list for accepting an instruction for purchasing a product through a GUI using product images of the plurality of products and forming a part of the base page;
A communication step for communicating with the client is executed by the computer ,
The product list generation step
When the different operation is detected, the HTML document data of the product sales page is acquired,
Identify product information to be displayed there based on the acquired HTML document data,
A method for controlling a shopping web server device, wherein a product image is extracted from the specified product information to generate the product list . An operation of transitioning to a page that is a link destination of a link object to the product sales page on a base page having a product sales page that explains product sales in detail using product information including product images as a link destination An operation detection step for detecting an operation different from
A list consisting of product images included in product information of products described on a product sales page to be displayed via the link object when a different operation is detected in the operation detection step, A product list generating step for generating a product list for accepting an instruction for a GUI and configuring a part of the base page;
A program for causing a computer to execute
The product list generation step
When the different operation is detected, the HTML document data of the product sales page is acquired,
Identify product information to be displayed there based on the acquired HTML document data,
A program for extracting a product image from the specified product information and generating the product list.

Images