JP2009053912A - Information processing device, method and program - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To more easily and more surely know a component that is an editing object. <P>SOLUTION: A display area display control part 145 controls display so as to display a display object showing a component of a Web page in a display area in the order of arrangement of components on the Web page. An edit area display control part 146 controls display, when the display object is arranged in an edit area, to display an editing object for changing the attribute of the component shown by the display object. The present invention can be applied to a personal computer for editing Web pages. <P>COPYRIGHT: (C)2009,JPO&INPIT

Description

  The present invention relates to an information processing apparatus, method, and program, and more particularly, to an information processing apparatus, method, and program that enable editing of a web page.

  In recent years, Internet sites, that is, Web pages are being browsed by many users on mobile phones.

  Various methods have been proposed for editing this Web page.

  Conventionally, the layout information setting means sets the layout position of the page component on the layout target page, and the page component corresponding to the data name stored in the page component list data is laid out on the layout target page based on the layout information. There are some which are made to do (for example, refer to patent documents 1).

  In addition, from the page editing screen to create an interactive and atypical homepage for the Internet, the text type that forms the required text, the image type of the image format, the accumulated file type, and By sequentially adding one of the link type parts to be linked to the address of another site, using the created parts as needed, entering the necessary items in the parts, and pressing the page creation completion button In some cases, an edited home page is registered and a cancel button is pressed to return to the initial processing stage (see Patent Document 2).

JP 2002-8049 A

JP 2004-302760 A

  However, in recent years, many texts, images, links, and the like have been arranged on Web pages, and the editing operations have become more complicated.

  When many components such as text, images, and links are arranged on the Web page, it is difficult to see at a glance which component is the target of editing. Also, when operating different types of components such as text, images, and links, it is necessary to select a different menu for each type of component, such as the menu for operating text and the menu for operating links. It took a troublesome operation. At this time, it is often difficult to understand which component is edited and how unless it is used to the operation.

  The present invention has been made in view of such a situation, and makes it possible to more easily and more surely know the constituent elements to be edited.

  In the information processing apparatus according to one aspect of the present invention, the first object indicating the component of the Web page is displayed in the first area of the display screen in the order of arrangement of the component on the Web page. When the first object is arranged in the second area of the display screen and the first display control means for controlling the display, the configuration indicated by the first object in the second area Second display control means for controlling the display so that the second object for changing the attribute of the element is displayed.

  By doing so, it can be seen at a glance that the component indicated by the first object arranged in the second area is the object of editing, and thus easier and more reliable, You can know the components that are being edited.

  The first display control means can control the display so that the first object indicating the component for instructing the appearance of the Web page is displayed in the first area. .

  Since the first object indicating the component for instructing the appearance of the Web page, such as a page break that is not displayed on the page as it is, is displayed, it becomes a target of editing more easily and more reliably. You can know the components that are present.

  Third control for controlling display so that the Web page described by the component indicated by the first object displayed in the first area is displayed in the third area of the display screen. Display control means can be further provided.

  The third display control means can emulate a browser of a mobile phone and control the display so that the Web page is displayed.

  In this case, the Web page itself described by the component to be edited can be easily confirmed.

  The first display control means displays the second object for changing the arrangement on the Web page of the component indicated by the first object in the first area. The display can be controlled.

  When the second object for changing the arrangement of the constituent elements on the Web page is operated, rearrangement means for rearranging the arrangement of the constituent elements on the Web page can be further provided.

  By doing in this way, arrangement | positioning of the said component shown by the said 1st object on a web page can be changed easily.

  An attribute changing means for changing the attribute of the constituent element when the second object for changing the attribute of the constituent element indicated by the first object is operated can be further provided.

  In this case, the attribute of the component can be easily changed.

  In the second display control means, a second object for changing an attribute of the component indicated by the first object is adjacent to the first object in the second area. The display can be controlled to be displayed.

  By doing so, it is possible to prevent the attribute of the constituent element different from the intended one from being erroneously changed, and to reliably change the attribute of the intended constituent element.

  The first display control means controls the display so that the first object indicating the component that is a set of elements linked to another Web page is displayed in the first area. Can be made.

  Since the component is simplified and displayed by the first object, it is possible to more easily and more surely know the component that is the object of editing.

  The first display control means controls display so that a first object indicating the component described in a markup language is displayed in the first area, and the second display control is performed. The means can control the display so that the second object for changing the attribute described in the markup language is displayed.

  The first generation means for generating the first object indicating the component of the Web page is further provided, and the first display control means has the first area generated in the first area. The display can be controlled so that the object is displayed.

  In addition, it is possible to know the component to be edited by a simple operation.

  Search means for searching for another Web page to be linked is further provided, and the first generation means includes the first component indicating the component linked to a specified one of the searched other Web pages. One object can be generated.

  It will be easy to add links to other web pages on a web page.

  An acquisition unit that acquires the data indicating the component of the web page and the arrangement of the component is further provided, and the first generation unit generates the first object from the acquired data. Can do.

  It is possible to easily know the component to be edited without requiring complicated operations.

  The obtaining means obtains the data including a list of the constituent elements indicating the constituent elements of the Web page and the arrangement of the constituent elements and instructing the appearance of the Web page, and generating the first The means can generate the first object indicating the designated component among the components included in the list.

  Since the first object indicating the component for instructing the appearance of the Web page, such as a page break that is not displayed on the page as it is, is displayed, the component to be added more easily and surely Can know.

  A second generating unit configured to generate the second object for changing an attribute of the component indicated by the first object when the first object is arranged in the second area; Further, the second display control means can control the display so that the generated second object is displayed in the second area.

  The intended attribute of the component can be changed easily and reliably.

  In the first display control means, the second object for changing the attribute of the component indicated by the first object is generated, and the first object is the first area. In the case where the first object is arranged, the display can be controlled so that the first object is displayed in the first area without displaying the second object.

  Since only the first object can be displayed in the first area, it is possible to avoid a complicated display, and therefore, it becomes a subject of editing more easily and more reliably. You can know the components that are present.

  In the first display control means, the first object indicating the component of the Web page to be browsed by a mobile phone is displayed in the first area above and below the component on the Web page. The display can be controlled to be displayed in the order of arrangement.

  In the information processing method according to one aspect of the present invention, the first object indicating the component of the Web page is displayed in the first area of the display screen in the order of arrangement of the component on the Web page. In order to control display and when the first object is arranged in the second area of the display screen, the attribute of the component indicated by the first object is changed in the second area Controlling the display so that the second object is displayed.

  By doing so, it can be seen at a glance that the component indicated by the first object arranged in the second area is the object of editing, and thus easier and more reliable, You can know the components that are being edited.

  The program according to one aspect of the present invention displays the first object indicating the constituent elements of the Web page in the first area of the display screen so that the first objects are displayed in the arrangement order of the constituent elements on the Web page. And when the first object is arranged in the second area of the display screen, a second attribute for changing the attribute of the component indicated by the first object in the second area. The computer is caused to perform a process including a step of controlling the display so that the two objects are displayed.

  By doing so, it can be seen at a glance that the component indicated by the first object arranged in the second area is the object of editing, and thus easier and more reliable, You can know the components that are being edited.

  In one aspect of the present invention, a first object indicating a web page component is displayed in the first area of the display screen in the order of arrangement of the component on the web page. When the first object is arranged in the second area, a second object for changing the attribute of the component indicated by the first object is displayed in the second area.

  As described above, according to one aspect of the present invention, components of a web page can be displayed.

  Further, according to one aspect of the present invention, it is possible to know a component that is an object of editing more easily and reliably.

  Embodiments of the present invention will be described below. Correspondences between the configuration requirements of the present invention and the embodiments described in the detailed description of the present invention are exemplified as follows. This description is to confirm that the embodiments supporting the present invention are described in the detailed description of the invention. Accordingly, although there are embodiments that are described in the detailed description of the invention but are not described here as embodiments corresponding to the constituent elements of the present invention, It does not mean that the embodiment does not correspond to the configuration requirements. Conversely, even if an embodiment is described here as corresponding to a configuration requirement, that means that the embodiment does not correspond to a configuration requirement other than the configuration requirement. It's not something to do.

  The information processing apparatus according to one aspect of the present invention (for example, the store terminal apparatus 23-1 in FIG. 1) is configured to display the components of the Web page in the first area (for example, the display area in FIG. 23) of the display screen. First display control means for controlling display so that one object (for example, a display object displayed in the display area in FIG. 23) is displayed in the order of arrangement of the components on the Web page ( For example, when the first object is arranged in the display area display control unit 145) of FIG. 9 and the second area of the display screen (for example, the editing area of FIG. 23), the second area A second object (for example, an editing object displayed in the editing area in FIG. 23) for changing the attribute of the component indicated by the first object is displayed. Second display control means for controlling indicates (e.g., the editing area display control unit 146 of FIG. 9) and a.

  Third control for controlling display so that the Web page described by the component indicated by the first object displayed in the first area is displayed in the third area of the display screen. Display control means (for example, the preview image display control unit 148 in FIG. 9) can be further provided.

  When the second object for changing the arrangement of the constituent elements on the Web page is operated, rearranging means for rearranging the arrangement of the constituent elements on the Web page (for example, the rearrangement in FIG. 9). A portion 149) can be further provided.

  Attribute changing means for changing the attribute of the component when the second object for changing the attribute of the component indicated by the first object is operated (for example, the attribute changing unit 150 in FIG. 9). ) Can be further provided.

  In the first display control means, a set of elements linked to other Web pages (for example, a plurality of elements constituting components of recommended products shown in FIG. 14) in the first area. The display can be controlled so that the first object (for example, the display object of the recommended product in FIG. 13) indicating the component is displayed.

  First generation means (for example, a display object generation unit 143 in FIG. 9) for generating the first object indicating the component of the Web page is further provided, and the first display control means includes the first object The display can be controlled so that the generated first object is displayed in one area.

  Search means (for example, the search unit 141 in FIG. 9) for searching for another web page to be linked is further provided, and the first generation means includes a designated one of the searched other web pages. The first object indicating the component to be linked to can be generated.

  An acquisition unit (for example, the edit target data acquisition unit 124 in FIG. 9) that acquires data indicating the component of the web page and the arrangement of the component is further provided, and the first generation unit acquires the data The first object can be generated from the data.

  In the acquisition means, the component of the Web page and the arrangement of the component are displayed, and a list of the component for instructing the appearance of the Web page (for example, a list of design parts shown in FIG. 20) ) And the first generation means can generate the first object indicating the designated component among the components included in the list.

  When the first object is arranged in the second area, second generation means for generating the second object for changing the attribute of the component indicated by the first object ( For example, the edit object generation change unit 144) of FIG. 9 is further provided, and the second display control unit controls display so that the generated second object is displayed in the second area. Can be made.

  In the information processing method according to one aspect of the present invention or the processing that the program according to one aspect of the present invention causes the computer to perform, the first area of the display screen (for example, the display area in FIG. 23) shows the components of the Web page. The display is controlled so that the first object (for example, the display object displayed in the display area in FIG. 23) is displayed in the order of the arrangement of the components on the Web page (for example, FIG. 12). Step S1007) When the first object is arranged in a second area (for example, the editing area in FIG. 23) of the display screen, the second object is indicated by the first object. Display so that the second object for changing the attribute of the component (for example, the editing object displayed in the editing area in FIG. 23) is displayed. Control (for example, step S58 in FIG. 21) includes the step.

  FIG. 1 is a diagram showing a configuration of an information providing system according to an embodiment of the present invention. The information providing system includes a cellular phone 11-1, a cellular phone 11-2, a base station 12, a gateway 13, a network 14, a web server 15, an application server 16, a web page database 17, a network 18, a web server 19, and an application server 20. , A member information database 21, a product database 22, a store terminal device 23-1, and a store terminal device 23-2.

  The mobile phone 11-1 and the mobile phone 11-2 are each operated by a user.

  The web server 15, application server 16, web page database 17, network 18, web server 19, application server 20, member information database 21, and product database 22 are operated and managed by a market provider.

  The store terminal device 23-1 and the store terminal device 23-2 are each operated by the store.

  The store is a corporation or an individual (natural person) who sells products. The market provider provides the store with a service that provides the user with a Web page that sells the store's products on consignment from the store.

  A user purchases a product from a web page of a store provided by a market provider.

  Hereinafter, the web page is also simply referred to as a page.

  The mobile phone 11-1 and the mobile phone 11-2 communicate with each other via the base station 12. For example, the mobile phone 11-1 and the mobile phone 11-2 communicate conversation voice signals with each other via the base station 12, whereby the user of the mobile phone 11-1 and the mobile phone 11-2 A call is made with a user.

  Each of the mobile phone 11-1 and the mobile phone 11-2 executes a browser (program) for browsing a Web page.

  For example, the mobile phone 11-1 and the mobile phone 11-2 are each operated by a user, acquire data of a web page from a market provider via the base station 12, the gateway 13, and the network 14, and Display the page and let the user browse the web page. Each user of the mobile phone 11-1 and the mobile phone 11-2 purchases a product sold by the store from a Web page provided by a market provider.

  The base station 12 communicates with each of the mobile phone 11-1 and the mobile phone 11-2 via radio. The base station 12 is connected to the gateway 13.

  The gateway 13 is connected to the network 14 and the base station 12. For example, the gateway 13 converts the data format of the Web page transmitted via the network 14 into a method suitable for the browser of the mobile phone 11-1 or the mobile phone 11-2 and supplies the converted data to the base station 12. To do.

  The network 14 is a network including a wired or wireless general-purpose line or a dedicated line, and is, for example, the Internet, a LAN (Local Area Network), a WAN (Wide Area Network), or the like.

  Next, the web server 15, application server 16, web page database 17, network 18, web server 19, application server 20, member information database 21, and product database 22 of the market provider will be described.

  Each of the Web server 15 and the Web server 19 executes a so-called Web server program such as Apache HTTP Server or Microsoft Internet Information Services, and is based on a procedure defined in HTTP (Hypertext Transfer Protocol). Documents such as HTML (Hypertext Markup Language) or XML (Extensible Markup Language) including various objects such as text or images are provided. That is, for example, a document is data of a Web page.

  The web server 15 provides the user with data of a web page that sells a product entrusted by the store via the network 14. By entrusting from a large number of stores, the Web server 15 provides the user with a virtual market consisting of pages for selling a large number of products.

  The application server 16 generates Web page data provided by the Web server 15. For example, the application server 16 acquires data describing a page to be provided from the web page database 17 via the network 18 that interconnects the web server 15, the application server 16, and the web page database 17. Generate Web page data from the acquired data. The application server 16 supplies the generated web page data to the web server 15 via the network 18.

  The web page database 17 stores data describing a web page (hereinafter referred to as page description data). The page description data indicates components such as text, links, and images for configuring the Web page, and positions of the respective components on the Web page.

  Here, the constituent elements constituting the Web page are not limited to text, links, images, and the like, but include line breaks and dotted lines for instructing the appearance of the Web page.

  For example, the web page database 17 stores, for each store and each web page, page description data that describes a web page that is commissioned by the store and sells products.

  The network 18 is a so-called corporate LAN of a market provider, and is a network composed of wired or wireless general-purpose lines or dedicated lines. The network 18 connects the web server 15, application server 16, web page database 17, web server 19, application server 20, member information database 21, and product database 22 to each other.

  The web server 19 provides the store with web page data for editing other web pages. That is, the web server 19 provides the store with web page data for editing the web page for selling the product.

  Hereinafter, the Web page to be edited is referred to as an editing target page, and the Web page for editing is referred to as an editing execution page.

  For example, the editing target page is a web page displayed on the mobile phone 11, that is, a web page to be browsed by the mobile phone 11, and is the same as a preview image displayed in a preview area of FIG. 13 to be described later. This is a web page consisting of images.

  For example, the edit execution page is a Web page made up of the entire image shown in FIG.

  Further, the Web server 19 provides the store with data that describes the editing target page and is edited on the editing execution page (hereinafter referred to as editing target data).

  Further, the Web server 19 receives the data to be edited that has been edited in the store (completed in editing) and transmitted from the store via the network 14. When receiving the edit target data, the Web server 19 supplies the edit target data from the store to the application server 20 via the network 18.

  The application server 20 generates Web page data provided by the Web server 19. For example, the application server 20 generates data of an edit execution page that is a web page for editing an edit target page at a store. For example, the editing target page is a Web page that is browsed by the mobile phone 11-1 or the mobile phone 11-2.

  In this case, the application server 20 generates data including a script such as a Java script (Java is a registered trademark), which is data of an edit execution page.

  Further, for example, the application server 20 acquires the page description data of the Web page to be edited from the Web page database 17 via the network 18 and generates the editing target data from the acquired page description data.

  The application server 20 supplies the generated editing execution page data or editing target data to the Web server 19 via the network 18.

  Further, when the edit target data edited in the store is supplied from the Web server 19, the application server 20 stores the edit target data in the Web page database 17 as page description data. For example, the application server 20 stores the new page description data generated from the edited data to be edited in the Web page database 17 so as to overwrite the previous page description data.

  The member information database 21 stores information on registered stores and members who are users. The member information database 21 accepts instructions such as registration, editing, and addition of member information from the member via the Web server 15 or the Web server 19 and newly stores member information or stored information. Or update.

  The product database 22 stores information related to products. For example, the product database 22 stores information related to products sold on a page provided to the user in response to a request from a store. For example, the product database 22 accepts instructions for registration, editing, and addition of information related to products sold by the member from a member who is a store via the Web server 19 and newly stores or stores information related to the product. Or update the information you are using.

  Each of the store terminal device 23-1 and the store terminal device 23-2 is, for example, a personal computer, and sells merchandise in each store via the network 14 through authentication with a registered member ID and password. The web page to be edited is edited, or the product data stored in the product database 22 is updated.

  The store terminal device 23-1 and the store terminal device 23-2 each execute a browser (program) for browsing a Web page.

  Each of the store terminal device 23-1 and the store terminal device 23-2 is operated by each user (for example, a store clerk). The store terminal device 23-1 and the store terminal device 23-2 each edit an edit target page, which is a Web page for selling each user's product, transmitted from the Web server 19 via the network 14. The data of the edit execution page, which is a web page for receiving, is received. The store terminal device 23-1 and the store terminal device 23-2 each receive edit target data describing the edit target page transmitted from the Web server 19 via the network 14.

  The store terminal device 23-1 and the store terminal device 23-2 each display an edit execution page for editing an edit target page that is a web page of each user.

  Each of the store terminal device 23-1 and the store terminal device 23-2 transmits the edited data (edit completed) to the Web server 19 via the network 14.

  Hereinafter, when it is not necessary to distinguish between the mobile phone 11-1 and the mobile phone 11-2, they are simply referred to as the mobile phone 11. When there is no need to distinguish store terminal device 23-1 and store terminal device 23-2 from each other, they are simply referred to as store terminal device 23.

  FIG. 2 is a block diagram illustrating a hardware configuration example of the application server 20.

  In the application server 20, a CPU (Central Processing Unit) 31, a ROM (Read Only Memory) 32, and a RAM (Random Access Memory) 33 are connected to each other by a bus 34.

  An input / output interface 35 is further connected to the bus 34. The input / output interface 35 includes a storage unit 36 composed of a hard disk or nonvolatile memory, a communication unit 37 composed of a network interface, a drive for driving a removable medium 39 such as a magnetic disk, an optical disk, a magneto-optical disk, or a semiconductor memory. 38 is connected.

  In the application server 20 configured as described above, for example, the CPU 31 loads a program stored in the storage unit 36 to the RAM 33 via the input / output interface 35 and the bus 34 and executes the program, which will be described later. A series of processing is performed.

  The program executed by the application server 20 (CPU 31) is, for example, a magnetic disk (including a flexible disk), an optical disk (CD-ROM (Compact Disc-Read Only Memory), DVD (Digital Versatile Disc), etc.), a magneto-optical disk, Alternatively, it is recorded on a removable medium 39 which is a package medium made of a semiconductor memory or the like, or provided via a wired or wireless transmission medium such as a local area network or the network 14 such as the Internet or the network 18 or digital satellite broadcasting .

  The program can be installed in the application server 20 by installing the removable medium 39 in the drive 38 and storing it in the storage unit 36 via the input / output interface 35. The program can be installed in the application server 20 by being received by the communication unit 37 via a wired or wireless transmission medium and stored in the storage unit 36. In addition, the program can be installed in the application server 20 in advance by storing the program in the ROM 32 or the storage unit 36 in advance.

  Since the hardware configurations of the Web server 15, application server 16, Web page database 17, network 18, Web server 19, member information database 21, and product database 22 are the same as those of the application server 20, description thereof is omitted. .

  FIG. 3 is a block diagram illustrating a hardware configuration example of the store terminal device 23.

  In the store terminal device 23, the CPU 51, ROM 52, and RAM 53 are connected to each other by a bus 54.

  An input / output interface 55 is further connected to the bus 54. The input / output interface 55 includes an input unit 56 including a keyboard, a mouse, and a microphone, an output unit 57 including a display and a speaker, a storage unit 58 including a hard disk and a nonvolatile memory, and a communication unit 59 including a network interface. A drive 60 for driving a removable medium 61 such as a magnetic disk, an optical disk, a magneto-optical disk, or a semiconductor memory is connected.

  In the store terminal device 23 configured as described above, the CPU 51 loads, for example, a program stored in the storage unit 58 to the RAM 53 via the input / output interface 55 and the bus 54 and executes the program. A series of processes described later is performed.

  The program executed by the store terminal device 23 (CPU 51) is, for example, a removable medium that is a package medium including a magnetic disk (including a flexible disk), an optical disk (CD-ROM, DVD, etc.), a magneto-optical disk, or a semiconductor memory. 61 or provided via a wired or wireless transmission medium such as a local area network or network 14 such as the Internet or digital satellite broadcast.

  The program can be installed in the store terminal device 23 by storing the removable medium 61 in the drive 60 and storing it in the storage unit 58 via the input / output interface 55. Further, the program can be installed in the store terminal device 23 by being received by the communication unit 59 via a wired or wireless transmission medium and stored in the storage unit 58. In addition, the program can be installed in the store terminal device 23 in advance by storing the program in the ROM 52 or the storage unit 58 in advance.

  Next, a specific example of page description data stored in the Web page database 17 will be described.

  FIG. 4 is a diagram illustrating an example of page description data stored in the Web page database 17. FIG. 4 shows an example of page description data of one Web page.

  The Web page database 17 includes, for each Web page, a Web page address represented by a URL (Uniform Resource Locator) method, a store ID (identification) that is information for specifying a store, and components of the Web page. Stored in association. Since the store ID is stored in association with each Web page, the store that sells the product on the Web page can be specified for each Web page.

  The components of the Web page stored in the Web page database 17 are composed of design parts, text data, and various data linked to this by pointers.

  Each design part represents one component such as a store introduction, comment, line feed, recommended product, or latest gift product.

  Here, a line feed is an example of a component for instructing the appearance of a Web page.

  The recommended product or the latest present product is an example of a component that is a set of elements linked to other Web pages.

  That is, for example, the recommended product that is a constituent element is a set of elements that are linked to each Web page of one or more recommended products. For example, the latest present product which is a component is a set of elements linked to each Web page of one or more presents.

  The text data is data for displaying the text displayed on the Web page. For example, store introduction text data, which is text data of a store introduction sentence, is data for displaying a store introduction sentence displayed on a Web page. For example, comment text data that is comment text data is data for displaying a comment displayed on a Web page.

  Further, for example, recommended product text data, which is text data of recommended products, is data for displaying the titles of recommended products on a Web page. Furthermore, for example, the latest present product text data, which is text data of the latest present product, is data for displaying the title of the latest present product on the Web page.

  The recommended product design data and the recommended product text data have pointers linked to the recommended product link data, and the recommended product link data and the recommended product link data are related to the recommended product link data. .

  For example, the recommended product link data is composed of text data describing text of each Web page of the recommended product and link data indicating the address of each Web page of the recommended product.

  More specifically, the recommended product link data is related to each of the anchor text 1 to anchor text 3 and the anchor text 1 to anchor text 3 that are text data describing the web pages of the recommended products. The link data 1 to the link data 3 are link data indicating the addresses of the Web pages of recommended products.

  Furthermore, the recommended product link data includes image data indicating images of recommended products as necessary.

  For example, the recommended product link data includes image data that indicates an image of a product that is associated with the anchor text 1 and the link data 1 and that has an address indicated by the link data 1.

  Note that the recommended product link data and the image data may be related by a pointer or a link. For example, instead of the image data itself, the URL address of the Web page on which the image data is arranged may be included in the recommended product link data. In this way, the image data can be easily changed without editing the page description data.

  A pointer that links to the latest present product link data is arranged in the design part that is the latest present product and the latest present product text data, and the design part and the latest present product text data that are the latest present product, Are related.

  For example, the latest present product text data is composed of text data describing text of each Web page of the product to be presented, and link data indicating the address of each Web page of the product to be presented.

  More specifically, the products to be presented are the text data of the text describing the respective Web pages of the products to be presented, and are anchor text 11 to anchor text 13 and anchor text 13 to anchor text 13, respectively. It consists of link data 11 to link data 13 which are link data indicating the addresses of the Web pages of the related products to be presented.

  Furthermore, the latest present product link data includes image data indicating an image of a product to be presented as necessary.

  Since the page description data is structured in this way, even when changing a part of the Web page, it is not necessary to change the entire Web page, only the necessary components need to be changed. .

  Next, specific examples of registered store and user information (records) stored in the member information database 21, and specific product data (records) stored in the product database 22 An example will be described.

  FIG. 5 is a diagram illustrating an example of member information (record) stored in the member information database 21. The member information database 21 includes, as member information, a member ID (identification) which is information for identifying the member, a password used for authenticating the member, a member's name, a postal code corresponding to the member's address, an address, The phone number of the member's phone, the member's email address, the date of birth of the member (limited to members who are natural persons), the gender of the member (only members who are natural persons), and the credit card number which is the member's credit card number The credit card expiration date, which is the expiration date of the member's credit card, and the member's nickname are stored.

  FIG. 6 is a diagram illustrating an example of product data (records) stored in the product database 22. In the product database 22, a product name which is data indicating the name (name) of a product, a store ID which is data specifying a store selling the product, and an authority to edit a Web page of the store specified by the store ID A member ID for specifying a member, a product ID for specifying the product, a product price for indicating the price of the product, and a product description for data for describing the product are stored.

  In the example shown in FIG. 6, two member IDs are stored for one store ID. In this case, each member specified by each member ID can edit the Web page of the store specified by the store ID.

  An arbitrary number of member IDs may be stored for one store ID. Any number of members specified by each member ID can edit the web page of the store specified by the store ID.

  In addition, the product database 22 includes a product page address that is data indicating the address of a product sale page, a product image presence / absence flag that indicates the presence / absence of a product image, and a product image when there is a product image. A product image page address, which is data indicating the address of the posted page, is stored.

  Further, the product database 22 stores a sellable flag indicating whether or not there is a stock of products in the store. In other words, the sellable flag indicates whether the product can be sold.

  The product database 22 also includes a consumption tax flag indicating whether it is a so-called internal tax or an external tax, a postage flag indicating whether or not a postage is necessary, and a credit card indicating whether or not payment is possible using a credit card. An available flag is stored.

  Furthermore, the product database 22 is a shop of the year flag indicating whether or not a store that sells a product has been recognized as an excellent store, and data indicating an interest rate of a reward for the price of the product when using an affiliate. The usage rate, the sales start time that is the data that indicates when the product starts to be sold, the sales end time that is the data that indicates when the product is finished selling, the number of evaluations of the product by the critic or the user who purchased the product The number of reviews, which is data to be shown, and the review average, which is data showing the average of the evaluation, are stored.

  Next, a configuration of functions realized by the application server 20 that executes the program will be described with reference to FIG.

  When the application server 20 executes the program, the script storage unit 81, the edit execution page data generation unit 82, the communication control unit 83, the page description data acquisition unit 84, the edit target data generation unit 85, and the page description data generation unit 86. Is realized.

  The script storage unit 81 stores a script for editing the editing target page, in other words, a script for editing the editing target data in the store terminal device 23. For example, the script storage unit 81 stores a script for editing such as a Java script. The script storage unit 81 supplies the stored script to the edit execution page data generation unit 82.

  The edit execution page data generation unit 82 generates edit execution page data. Specifically, the edit execution page data generation unit 82 acquires a script for editing from the script storage unit 81, and generates Web page data including the acquired script.

  The communication control unit 83 controls communication via the network 18 by controlling the communication unit 37. The communication control unit 83 includes a transmission control unit 91 and a reception control unit 92.

  The transmission control unit 91 controls the communication unit 37 and controls transmission of various data addressed to other devices via the network 18. The reception control unit 92 controls the communication unit 37 and controls reception of various data transmitted from other devices via the network 18.

  The page description data acquisition unit 84 acquires the page description data of the editing target page that is the editing target from the Web page database 17 via the network 18. That is, for example, the page description data acquisition unit 84 causes the transmission control unit 91 to request page description data to the Web page database 17 via the network 18. Then, the page description data acquisition unit 84 causes the reception control unit 92 to receive the page description data transmitted from the Web page database 17 via the network 18 and acquires the received page description data.

  The page description data acquisition unit 84 supplies the acquired page description data to the edit target data generation unit 85.

  The edit target data generation unit 85 generates edit target data from the page description data.

  For example, the edit target data generation unit 85 generates the edit target data shown in FIG. 8 to be described next from the page description data indicating the address and the component of the Web page shown in FIG.

  FIG. 8 is a diagram illustrating a specific example of the edit target data generated by the edit target data generation unit 85.

  The data to be edited includes a design part indicating one component and main body data corresponding to the design part. The body data has a hierarchical structure as necessary.

  For example, store introduction text data is associated as main body data with a component that is a store introduction text. Comment text data is associated with the component that is a comment as body data.

  The body data associated with the component that is line feed data is empty.

  The recommended product text data is associated with the component that is the recommended product as the main body data. The recommended product text data is related to anchor text 1, image data, and link data 1 that are related to each other, and anchor text 2 and link data 2 that are related to each other. The anchor text 3 and the link data 3 are related as lower hierarchy data.

  The component which is the latest present product is associated with the latest present product text data as the main body data. The latest present product text data includes anchor text 11 and link data 11 that are related to each other, anchor text 12 and link data 12 that are related to each other, and anchor text 13 that is related to each other. And the link data 13 are related as lower-layer data.

  Since the data to be edited is structured in this way, even if part of the design part or part of the body data is changed, only the part to be changed can be changed without changing the entire data to be edited. Can be changed, can be changed more easily and more quickly.

  The edit target data includes a list of design parts as candidate components to be added to the Web page, in addition to the design parts in FIG.

  Returning to FIG. 7, the page description data generation unit 86 generates page description data from the edited data (editing completed) transmitted from the store terminal device 23. In the page description data generation unit 86, the generated page description data is transmitted to the Web page database 17 and stored.

  Next, with reference to FIG. 9, the structure of the function implement | achieved by the shop terminal device 23 which executes the program containing a script is demonstrated.

  When the store terminal device 23 executes the program, the communication control unit 121, the browser 122, the script execution unit 123, the editing target data acquisition unit 124, the editing target data storage unit 125, and the editing unit 126 are realized.

  In addition, the communication control part 121, the browser 122, and the script execution part 123 are implement | achieved by running the program previously installed in the shop terminal device 23. FIG.

  The communication control unit 121 controls communication via the network 14 by controlling the communication unit 59. The communication control unit 121 includes a transmission control unit 131 and a reception control unit 132.

  The transmission control unit 131 controls the communication unit 59 to control transmission of various data addressed to other devices via the network 14. The reception control unit 132 controls the communication unit 59 and controls reception of various data transmitted from other devices via the network 14.

  The browser 122 displays the web page based on the web page data provided from the web server 19. For example, the browser 122 displays the edit execution page based on the data of the edit execution page that is a Web page for editing the Web page.

  The script execution unit 123 executes a script such as a Java script included in the data of the Web page provided from the Web server 19. For example, the script execution unit 123 executes a script included in the data on the edit execution page.

  The editing target data acquisition unit 124, the editing target data storage unit 125, and the editing unit 126 are realized by executing a script included in the data of the editing execution page by the script execution unit 123.

  The edit target data acquisition unit 124 acquires edit target data from the market provider via the network 14. The editing target data acquisition unit 124 causes the transmission control unit 131 of the communication control unit 121 to request editing target data from the Web server 19 via the network 14. At this time, along with the request for data to be edited, the store member ID (that is, store ID) is transmitted to the Web server 19 via the network 14.

  Since the edit target data of the Web page specified by the same store ID as the transmitted store member ID is transmitted from the Web server 19, the edit target data acquisition unit 124 sends the reception control unit 132 of the communication control unit 121 to the reception control unit 132. The editing target data transmitted via the network 14 is received. The edit target data acquisition unit 124 acquires the edit target data received from the reception control unit 132 of the communication control unit 121. The edit target data acquisition unit 124 supplies the acquired edit target data to the edit target data storage unit 125.

  The edit target data storage unit 125 stores the edit target data supplied from the edit target data acquisition unit 124 in a managed storage area in the storage area of the storage unit 58.

  The editing unit 126 edits the editing target data stored in the editing target data storage unit 125, thereby editing the editing target page, which is a Web page to be edited.

  The editing unit 126 includes a search unit 141, a design part reading unit 142, a display object generation unit 143, an edit object generation change unit 144, a display area display control unit 145, an edit area display control unit 146, an additional preparation area display control unit 147, A preview image display control unit 148, a rearrangement unit 149, an attribute change unit 150, a deletion unit 151, and an addition unit 152 are included.

  The search unit 141 searches for a page of a product to be sold or searches for a page (information page) that introduces a product. The design part reading unit 142 reads a list of design parts as candidate components to be added to the Web page included in the editing target data from the editing target data stored in the editing target data storage unit 125.

  The display object generation unit 143 generates a display object indicating the constituent elements of the Web page from the edit target data stored in the edit target data storage unit 125. That is, the display object generation unit 143 generates a display object from each of the design parts included in the editing target data and the main body data corresponding to each of the design parts. For example, the name of the display object displayed when the display object is displayed on the screen is the name of the design part.

As described above, the display object generation unit 143 generates a display object indicating the components of the Web page to be browsed by the mobile phone 11 from the editing target data. In other words, the display object generation unit 143 performs CHTML (Compact HyperText Markup Language), MML (Mobile Markup Language), HDML (Handheld Device) when the Web page is browsed by the mobile phone 11.
A display object indicating a constituent element described in a markup language such as Markup Language) or XHTML (Extensible HyperText Markup Language) is generated from the editing target data.

  The edit object generation / change unit 144 generates an edit object for changing the attribute of the component indicated by the display object from the edit target data stored in the edit target data storage unit 125. For example, the edit object generation change unit 144 generates an edit object from the main body data included in the edit target data. For example, more specifically, the edit object generation changing unit 144 uses a field for editing recommended product text data, a radio button for changing the number of anchor texts and link data, etc., for a display object of recommended products. An edit object is generated.

  The display area display control unit 145 controls display of a display area in which display objects are arranged in the editing execution page. More specifically, the display area display control unit 145 displays the display object indicating the constituent elements of the Web page in the display area in the order of arrangement of the constituent elements on the Web page according to the editing target data. Control.

  The editing area display control unit 146 controls display of the editing area in which the display object and the editing object are arranged in the editing execution page. More specifically, when a display object is arranged in the edit area, the edit area display control unit 146 includes an edit object for changing the attribute of the component indicated by the display object, together with the display object. Control the display to be displayed.

  The additional preparation area display control unit 147 controls display of an additional preparation area in which candidates for components to be added to the Web page are arranged in the editing execution page. The additional preparation area display control unit 147 controls the display so that candidates for components to be added to the Web page are displayed in the additional preparation area of the display screen.

  The preview image display control unit 148 controls the display of the preview area in which the Web page being edited, that is, the Web page reflecting the operation being edited is displayed among the editing execution pages. In other words, the preview image display control unit 148 displays so that a so-called preview image of the Web page described by the component indicated by the display object displayed in the display area is displayed in the preview area of the display screen. Control.

  The preview image display control unit 148 displays a preview image screen when a preview command for page confirmation is selected.

  The preview image display control unit 148 emulates the browser of the mobile phone 11 and controls the display so that the preview image is displayed from the edit target data describing the constituent elements.

  In this case, although the pictogram (character) to be displayed differs depending on the mobile phone line provider, when the pictogram (character) provided by the mobile phone line provider is not particularly selected, the preview image display control unit 148 The display is controlled so that a preview image is displayed by a pictograph (character) provided by a predetermined mobile phone line provider selected in advance.

  The rearranging unit 149 rearranges the display objects arranged in the display area or the display objects arranged in the editing area in accordance with an instruction by the editing object operation. Further, the rearrangement unit 149 rearranges the constituent elements in the editing target data in the order of the display objects arranged in the display area.

  The attribute changing unit 150 changes the attribute of the component in the edit target data when the edit object for changing the attribute of the component indicated by the display object is operated.

  For example, although details will be described later with reference to FIG. 23, the attribute change unit 150 adds a new field to the field among the edit object that is a field for inputting a title and a radio button for selecting the maximum number of display items. When the title is input, the attribute that is the title among the attributes of the constituent elements indicated by the display object is changed to the new title.

  For example, the attribute changing unit 150 activates a radio button having a maximum display number of 5 among an edit object that is a field for inputting a title and a radio button for selecting the maximum display number. Among the attributes of the constituent elements indicated by the display object, the attribute that is the maximum number of display items is changed to 5.

  When the edit object for deleting the component indicated by the display object is operated, the deletion unit 151 deletes the component indicated by the display object from the edit target data. The deletion unit 151 deletes a display object when an edit object for deleting a component indicated by the display object is operated.

  When the display object is dragged and dropped from the editing area to the display area, the adding unit 152 adds the component indicated by the display object to the editing target data.

  FIG. 10 is a diagram illustrating an example of an image of the editing execution page. In FIG. 10, numbers surrounded by squares indicate the basic operation order and are not displayed on the screen.

  A menu is displayed on the left side of the image, that is, on the left side of the edit execution page. Furthermore, a display area is provided at the center of the image, that is, at the center of the edit execution page.

  In the display area, display objects indicating the constituent elements of the editing target page, which is a Web page to be edited, are arranged in the order of the constituent elements on the editing target data.

  An edit area is provided below the center display area of the image. In the edit area, when a display object is arranged, an edit object for changing the attribute of the component indicated by the display object is arranged.

  Further, an additional preparation area is provided below the editing area at the center of the image. In the addition preparation area, candidate components to be added to the Web page are arranged.

  In addition, a button for instructing transmission of edited data to be edited (completed editing) is arranged between the display area and the editing area. For example, text such as “Reflect in production” is displayed on a button for instructing transmission of data to be edited.

  A preview area is provided on the right side of the image. In the preview area, a Web page described by the components indicated by the display object displayed in the display area is displayed. The web page displayed in the preview area is a so-called preview image. When the button for instructing transmission of data to be edited between the display area and the edit area is clicked, the same image as the preview image currently displayed in the preview area is accessed to the edited web page. Will be displayed on the mobile phone 11.

  As shown by the numbers enclosed in the squares in FIG. 10, first, the contents and target of editing are selected by the menu, and secondly, the candidate of the component to be added to the Web page in the additional preparation area Is displayed. By manipulating an object instructing addition of the additional preparation area, a desired component is added to the editing area. At this time, the components of the editing area are not added to the editing target data.

  Thirdly, the editing object is displayed in the editing area together with the display object indicating the component, in order to change the attribute of the component. By manipulating the editing object, the attribute of the constituent element is changed.

  Fourth, by dragging and dropping a display object displayed in the editing area to the display area, the display object in the editing area can be moved to the display area. In the display area, the edit object is not displayed and the display object is displayed. However, the edit object for deleting or changing the order is displayed in the display area.

  The component indicated by the display object moved to the display area is added to the edit target data. At this time, the positional relationship between the component indicated by the display object moved to the display area and the component indicated by the other display object is the same as the relative positional relationship between the display object and the other display object. become.

  That is, for example, when the display object moved to the display area is arranged at the lowest position, the component indicated by the moved display object is lower than the other component. Will be placed in position. For example, when a display object moved to the display area is placed at a position immediately above a predetermined other display object, the component indicated by the moved display object is indicated by the predetermined other display object. Will be placed directly above the component.

  In the display area, when an edit object for deletion is operated, the display object is deleted and the component indicated by the display object is deleted from the edit target data. When the editing object for changing the order is operated, the order of the display objects in the display area is changed, and the order of the components in the data to be edited is changed according to the changed order of the display objects.

  In this way, the components are arranged in the edit target data in the order of display objects in the display area.

  Fifth, a web page corresponding to the edited data to be edited is displayed in the preview area.

  That is, when a display object is moved in the display area or a display object is deleted from the display area, a web page corresponding to the movement or deletion of the display object is immediately displayed in the preview area.

  Sixth, when a button for instructing transmission of edited (completed editing) data to be edited is clicked, the editing data is transmitted to the Web server 19 and the data is edited according to the editing data. The web page is updated.

  FIG. 11 is a diagram illustrating an example of a flow of editing a Web page. The page to be edited is the top of the site, that is, the top page that is read at the address of the site, the information page on which information about the product is posted, and the product that is the page for selling the product It is a page.

  By operating the menu on the left side of FIG. 10, any one of the editing of the top page, the list of information pages, or the designation of all page colors is selected.

  When a preview command for page confirmation (not shown in FIG. 10) is selected from the menu, a preview image of the top page is displayed for confirmation of the top page. Furthermore, when a button for instructing transmission of editing target data (for example, a button labeled “Reflect to production” in FIG. 10) is clicked, the editing target data is transmitted and the top page is displayed. Registered and updated.

  On the other hand, when the recommended product editing command in the menu is selected, a recommended product registration screen (for example, FIG. 14 described later) for adding a link to a page for purchasing a recommended product is displayed. The When a preview command for page confirmation is selected, a preview image of the recommended product (for example, FIG. 29 described later) is displayed for confirmation of the recommended product. Further, when a button for instructing transmission of the editing target data (for example, a button labeled “Reflect to production” in FIG. 10) is clicked, the editing target data is transmitted and the Web page is displayed. be registered.

  A button for adding a component of a link to an arbitrary page such as a page related to a product (for example, an “add” button, which is an editing object of an additional preparation area in FIG. 17 described later) is clicked, whereby the editing area When a display object added to is dragged and dropped into the display area, a link to an arbitrary page is set.

  When the page edit / list command of the information page is selected, a list of information pages is displayed. The information page can be edited by various operations. When a preview command for page confirmation (for example, a preview command included in a menu of FIG. 13 described later) is selected, an information page preview image is displayed for confirmation of the information page. Furthermore, when a button for instructing transmission of editing target data is clicked, the editing target data is transmitted and an information page is registered.

  When editing an information page, the registered information page can be deleted or an image can be set on the information page.

  Furthermore, the color of all pages of the site can be specified by a color editing command. As will be described later, the color of each page can be designated by a color editing command in each of the top page, information page, product page, and other pages.

  Next, when the store inputs the member ID (store ID) and password and is authenticated by the market provider as being a legitimate store, the display of the edit execution page, which is a web page for editing, is executed. Processing will be described.

  FIG. 12 is a flowchart for explaining processing for displaying an edit execution page, which is a Web page for editing.

  The process of displaying the edit execution page by the store terminal device 23 and the application server 20 will be described with reference to the flowchart of FIG. 12. The store terminal device 23 and the application server 20 are connected via the Web server 19. Assumes communication.

  That is, when the store terminal device 23 requests data of a predetermined Web page or data to be edited from the Web server 19 via the network 14, the Web server 19 notifies the application server 20 of the request via the network 18. The application server 20 generates requested web page data or edit target data, and supplies the generated web page data or edit target data to the web server 19 via the network 18. The Web server 19 transmits data of a predetermined Web page or data to be edited to the store terminal device 23 via the network 14.

  In step S <b> 1001, the browser 122 of the shop terminal device 23 requests a page for editing a web page to be displayed on the mobile phone 11, that is, data of an edit execution page. Specifically, as described above, in step S <b> 1001, the browser 122 of the shop terminal device 23 requests the edit data of the edit execution page from the Web server 19.

  In other words, the browser 122 causes the transmission control unit 131 of the communication control unit 121 to transmit a request for editing execution page data. The communication unit 59 controlled by the transmission control unit 131 transmits a request for editing execution page data to the Web server 19 via the network 14.

  The web server 19 that has requested the edit execution page data notifies the application server 20 of the edit execution page data request. In other words, the Web server 19 notifies the application server 20 of a request for editing execution page data via the network 18.

  In step S2001, the reception control unit 92 of the communication control unit 83 of the application server 20 requests the edit execution page data transmitted from the store terminal device 23 via the network 14, the Web server 19, and the network 18. Is received by the communication unit 37. Then, the reception control unit 92 notifies the editing execution page data generation unit 82 of the received request. The edit execution page data generation unit 82 receives a request for edit execution page data.

  In step S2002, the edit execution page data generation unit 82 generates page data for editing and includes data including scripts, that is, edit execution page data. More specifically, the edit execution page data generation unit 82 acquires a script for editing the data to be edited from the script storage unit 81, and includes data of an edit execution page that is a Web page including the acquired script. Is generated.

  In step S2003, the edit execution page data generation unit 82 causes the transmission control unit 91 of the communication control unit 83 to transmit the generated edit execution page data to the store terminal device 23. That is, the transmission control unit 91 causes the communication unit 37 to transmit the generated edit execution page data to the Web server 19 via the network 18. The Web server 19 that has received the edit execution page data transmits the edit execution page data to the shop terminal device 23 via the network 14.

  In step S <b> 1002, the reception control unit 132 of the communication control unit 121 of the shop terminal device 23 causes the communication unit 59 to receive the transmitted edit execution page data via the network 14. The reception control unit 132 supplies the received edit execution page data to the browser 122.

  In step S1003, the browser 122 causes the output unit 57, which is a display, to display a Web page in which an additional preparation area, an editing area, a display area, and a preview area are arranged based on the received editing execution page data.

  In step S1003, the browser 122 causes the output unit 57, which is a display, to display a Web page in which there is no display object or edit object, and an additional preparation area, an edit area, and a display area each having only a frame are arranged. .

  By doing in this way, a web page can be displayed rapidly and the user of store terminal device 23 can confirm that processing is performed.

  In step S <b> 1004, the browser 122 extracts a script from the data on the edit execution page, and supplies the extracted script to the script execution unit 123. The script execution unit 123 executes a script included in the data on the edit execution page.

  Note that the script execution unit 123 executes the script to implement the editing target data acquisition unit 124, the editing target data storage unit 125, and the editing unit 126. It can be said that the processing by the editing target data acquisition unit 124, the editing target data storage unit 125, and the editing unit 126 is performed by the script execution unit 123 that executes a script.

  As described above, since the editing target data acquisition unit 124 to editing unit 126 are realized by executing the script included in the data of the editing execution page, it is possible to save the trouble of previously installing the program corresponding to the script. be able to. The application server 20 can provide a script suitable for the store terminal device 23.

  Furthermore, a script suitable for a store, for example, a script including a higher function or a script excluding a function may be provided according to a product sold or a membership fee.

  In step S <b> 1005, the editing target data acquisition unit 124 requests Web page data to be displayed on the mobile phone 11, i.e., editing target data, by processing using the executed script. At this time, the script execution unit 123 requests the edit data from the Web server 19 with the store ID attached.

  In other words, the script execution unit 123 causes the transmission control unit 131 of the communication control unit 121 to transmit a request for editing target data. The communication unit 59 controlled by the transmission control unit 131 transmits a request for editing target data to the Web server 19 via the network 14.

  The web server 19 requested to edit the data notifies the application server 20 of the request for the data to be edited. That is, the Web server 19 notifies the application server 20 of a request for editing target data via the network 18.

  In step S2004, the reception control unit 92 of the communication control unit 83 of the application server 20 edits the store ID transmitted from the store terminal device 23 via the network 14, the Web server 19, and the network 18, with the store ID attached. The communication unit 37 receives a request for target data. Then, the reception control unit 92 notifies the received request to the page description data data acquisition unit 84. The page description data data acquisition unit 84 receives a request for data of an editing execution page.

  In step S2005, the page description data acquisition unit 84 acquires the page description data of the editing target page, which is the target of editing, specified by the store ID from the web page database 17 via the network 18. For example, the page description data data acquisition unit 84 acquires the page description data shown in FIG.

  In step S2005, the page description data data acquisition unit 84 supplies the acquired page description data to the edit target data generation unit 85. The edit target data generation unit 85 generates data of a web page to be displayed on the mobile phone from the page description data and has a method suitable for editing in the store terminal device 23, that is, edit target data. For example, the edit target data generation unit 85 generates the edit target data shown in FIG.

  In step S2006, the edit target data generation unit 85 causes the transmission control unit 91 of the communication control unit 83 to transmit the generated edit target data to the store terminal device 23. That is, the transmission control unit 91 causes the communication unit 37 to transmit the generated editing target data to the Web server 19 via the network 18. The web server 19 that has received the edit target data transmits the edit target data to the store terminal device 23 via the network 14.

  In step S <b> 1006, the reception control unit 132 of the communication control unit 121 of the store terminal device 23 causes the communication unit 59 to receive the editing target data transmitted via the network 14. The reception control unit 132 supplies the received editing target data to the editing target data acquisition unit 124. The edit target data acquisition unit 124 acquires the edit target data and supplies the acquired edit target data to the edit target data storage unit 125. The edit target data storage unit 125 stores the edit target data supplied from the edit target data acquisition unit 124 in a managed storage area in the storage area of the storage unit 58.

  Since the data to be edited is acquired by executing the script included in the data of the edit execution page, even if the Web page database 17 is changed, the script can be changed in accordance with the change. Thus, the data to be edited can be acquired with certainty.

  In addition, even if an attempt is made to edit another person's Web page illegally, the script is acquired and executed by the store terminal device 23 only when it is necessary, so that it becomes difficult to analyze the script, and therefore acquisition of the data to be edited is difficult. It becomes more difficult.

  In step S1007, the editing unit 126 displays the display object and the editing object in the addition preparation area, the editing area, and the display area, and displays the preview image, based on the editing target data stored in the editing target data storage unit 125. Thus, the editing execution page display process ends.

  More specifically, for example, in step S1007, the display object generation unit 143 of the editing unit 126 and the display object generation unit 143 use the name of the design part corresponding to the main body data as the display object name from the editing target data. In this way, a display object is generated. The edit object generation / change unit 144 also generates an edit object for instructing deletion and an edit object for instructing change of arrangement for the generated display object.

  The display area display control unit 145 displays the display object and the edit object in the display area. On the other hand, the editing area display control unit 146 does not display either the display object or the editing object in the editing area, and the additional preparation area display control unit 147 displays neither the display object nor the editing object in the additional preparation area. Do not display. Further, the preview image display control unit 148 causes the preview area to display, as a preview image, a Web page described by the component indicated by the display object displayed in the display area using the edit target data.

  As described above, the display object indicates a component of the Web page. More specifically, the display object indicates a component described in a markup language such as CHTML, MML, HDML, or XHTML when a web page is browsed by the mobile phone 11. That is, the display area display control unit 145 controls the display so that display objects indicating components described in the markup language are displayed in the display area.

  In this way, the edit execution page is displayed.

  FIG. 13 shows an image of an editing execution page including specific examples of display objects, editing objects, and preview images.

  In the example shown in FIG. 13, the display area includes a component display object that is a store introduction sentence, a component display object that is a ruled line, a component display object that is a comment, a component display object that is a line break, A component display object that is a recommended product, a component display object that is the latest present product, and a component display object that is an in-store search form are arranged.

  In the example shown in FIG. 13, each display object arranged in the display area includes an edit object for instructing deletion on the right side of the display area (the right side on the display object) and a change in the arrangement on the upper side or the lower side. An editing object for instructing is arranged. An edit object that instructs deletion is represented by, for example, a cross mark, and an edit object that instructs change of the upper arrangement is represented by, for example, an upward triangle, and an edit object that instructs change of the lower arrangement Is represented by a downward triangle, for example.

  In the example shown in FIG. 13, neither the display object nor the edit object is displayed in the edit area. In the example shown in FIG. 13, an edit object for instructing a search for a product is arranged in the additional preparation area.

  In the example shown in FIG. 13, the preview area includes a component that is a store introduction sentence, a component that is a dotted line, a component that is a comment, a component that is a line break, a component that is a recommended product, and the latest present product. A Web page described in the component that is and the component that is the in-store search form is displayed.

  FIG. 14 is a diagram illustrating an example of an edit execution page displayed when a recommended product edit command is clicked in the menu on the left side of the edit execution page of FIG. 13.

  In the display area, display objects indicating a plurality of elements constituting the component of the recommended product and indicating each of the elements of the link are arranged. Each link element links to a site that sells each recommended product.

  A display object indicating a link element includes a product name, a URL address, and the like. In addition, for each display object indicating a link element, an edit object for instructing deletion and an edit object for instructing change in arrangement are displayed.

  In the example shown in FIG. 14, the editing area is not arranged.

  In the example shown in FIG. 14, an edit object for instructing a search for a product is arranged in the additional preparation area.

  When the edit object in the additional preparation area is operated and the display object for the site selling the product is displayed in the additional preparation area, when the edit object instructing the addition is clicked, the display object for the product is displayed. The link element for the product is added to the component of the recommended product.

  In this case, in the preview area, a Web page described with a component of the recommended product to which the element of the product instructed to add is added is displayed.

  FIG. 15 is a diagram showing an example of the edit execution page displayed when the color edit command on the top page is clicked in the menu on the left side of the edit execution page of FIG.

  On the edit execution page, a radio button for designating a color in the color theme and a radio button for individually designating an arbitrary color are arranged. If the radio button for specifying the color in the color theme is activated by clicking, the top page can be activated by activating the radio button for specifying the color theme such as basic, dynamic, simple, green, ethnic, etc. Can be specified by color theme.

  When the radio button for individually specifying an arbitrary color is active, the background color, link color, or text color of the page can be selected individually.

  Next, the edit object for instructing the search for the product in the additional preparation area illustrated in FIG. 13 is used, or the button with the information page and name shown in FIG. 13 is clicked. A process for searching a linked page using an edit object displayed in the additional preparation area and instructing to search for an information page will be described.

  FIG. 16 is a flowchart for explaining search processing for linked pages. In step S11, the search unit 141 of the editing unit 126 determines whether or not a search instruction button, which is an editing object for instructing a search, is clicked, and determines that a search instruction button is clicked. Until it is determined, the determination process in step S11 is repeated.

  If it is determined in step S11 that the search instruction button has been clicked, the procedure proceeds to step S12. In step S12, the search unit 141 searches for a page using a character input in the field as a query.

  For example, when a search is instructed for a product (for example, a search is instructed by operating an editing object for instructing a product search illustrated in FIG. 13), the search unit 141 displays the field. The product database 22 is searched using the entered characters as a query. Specifically, the search unit 141 is data that indicates the address of the page where the product is sold, using the store ID of the store and the character input in the field as a query to the product database 22 via the network 14. Search the page address. That is, the search unit 141 causes the transmission control unit 131 of the communication control unit 121 to transmit the query to the product database 22.

  Since the product database 22 transmits the search result of the product page address via the network 14, the reception control unit 132 of the communication control unit 121 controls the communication unit 59 to receive the search result of the product page address. Let Since the reception control unit 132 supplies the search result of the received product page address to the search unit 141, the search unit 141 searches the product page address using the store ID of the store and the characters input in the field as a query. Get the result.

  Thereby, for example, the address of the product page for selling the product including the characters input in the field, which is sold at the store specified by the store ID, is searched.

  Further, for example, when a search is instructed for a page on which information related to a product is posted, the search unit 141 uses a character input in the field as a query to search for a page provided from the Web server 15 or another Web server. Search for.

  In step S <b> 13, the additional preparation area display control unit 147 displays information about the searched page and a button for adding a link to the searched page in the additional preparation area, and the processing for searching for the page to be linked is completed. To do.

  By clicking on this additional button, you can easily add a link.

  FIG. 17 is a diagram showing an image of the editing execution page in which the search result is displayed in the additional preparation area when searching for products.

  For example, in the additional preparation area, the name of the searched product, the product number, the date and time when the page was updated, the address represented by the URL method of the page, and a button for instructing addition of a link to the page Be placed.

  For example, the product number is a product ID that is data stored in the product database 22 and that identifies the product.

  In addition, the product number may be used by providing a product number item in the product data (record) stored in the product database 22 in addition to the product ID.

  When searching for a page related to a product (for example, a page introducing a product) (information page), as shown in FIG. 18, after clicking a button to which an information page and a name are added, If a query is input and a button for instructing search is clicked, similarly, an address for information page and a button for instructing addition of a link to the information page are arranged in the additional preparation area. .

  FIG. 19 is a flowchart for explaining a design part list display process executed when a design part list display command is designated.

  In step S31, the design part reading unit 142 reads a list of design parts as candidates for components to be added to the Web page, which are stored in advance in the data of the currently displayed page, that is, the data of the editing execution page. .

  In step S32, the additional preparation area display control unit 147 displays the name of the design part included in the list, a description, and an additional button in the additional preparation area, and the process of displaying the list of design parts ends.

  FIG. 20 is a diagram showing an image of an edit execution page in which a list of design parts is displayed in the additional preparation area.

  For example, in the additional preparation area, names of design parts such as line breaks, dotted lines, or comments are arranged for each design part. Furthermore, in the additional preparation area, a display image of the design part and a button for instructing addition of the design part are arranged for each design part name.

  For example, for a design part that is a line break, the name of the design part that is “Line feed”, a display image of “One line, line break”, and a button that instructs the addition of a design part that is a line break are placed in the additional preparation area Is done. Similarly, for example, for a design part that is a dotted line, a name for the design part that is “HR”, a display image of a ruled line, and a button that instructs the addition of the design part that is a dotted line are arranged in the additional preparation area.

  When you click the button that instructs you to add the desired design part, you can easily place that design part as a component in the edit area, and then add it from the edit area to the web page by the process described below be able to.

  Next, with reference to the flowcharts of FIGS. 21 and 22, the process of changing the attribute of the component will be described. In step S51, the editing unit 126 determines whether or not a link to the searched page or an addition of a design part is instructed, and a link to the searched page or a button for instructing addition is clicked. If it is determined that the addition of the design part has been instructed, the procedure proceeds to step S52.

  In step S52, the editing area display control unit 146 displays the link or design part display object in the editing area.

  More specifically, in step S52, first, the display object generation unit 143 determines the link or design from the data of the link to the retrieved page or the data of the additional designated design part. Generate a display object for the part. Then, the editing area display control unit 146 displays the generated display object in the editing area.

  In step S53, the edit object generation / change unit 144 generates an edit object corresponding to the type of display object, which is an edit object for editing the added display object, by executing the script. That is, in step S53, the edit object generation changing unit 144 displays each type of display object according to a script described in advance for each type of display object such as a recommended product, the latest present product, or an in-store search form. An edit object for editing is generated.

  Here, the editing of the display object includes the change of the attribute of the component indicated by the display object.

  In step S54, the editing area display control unit 146 displays the generated editing object under the added display object (for example, displays the editing object shown in FIG. 23), and the procedure proceeds to step S55. .

  If it is determined in step S51 that the link to the searched page or the addition of the design part is not instructed, steps S52 to S54 are skipped, and the procedure proceeds to step S55.

  In step S55, the editing unit 126 determines whether or not the display object has been dragged and dropped from the display area to the editing area. If it is determined that the display object has been dragged and dropped from the display area to the editing area, the procedure is as follows. Proceed to step S56.

  In step S56, the display area display control unit 145 deletes the dragged and dropped display object from the display area. In step S57, the editing area display control unit 146 displays the dragged and dropped display object in the editing area.

  In step S58, the editing area display control unit 146 displays the editing object below the dragged and dropped display object in the editing area, and the procedure proceeds to step S59.

  By doing so, it becomes possible to see at a glance that the component indicated by the display object displayed in the editing area is the object of editing.

  When there is no edit object for the dragged and dropped display object, the edit object generation / change unit 144 is an edit object for editing the dragged and dropped display object by executing the script. An edit object corresponding to the type of file That is, the edit object generation / change unit 144 edits each type of display object according to a script described in advance for each type of display object such as recommended products, latest present products, or in-store search forms. Generate the edit object.

  Further, when a display object is dragged and dropped in the editing area, the component indicated by the display object may be deleted from the editing target data. Furthermore, in this case, the component indicated by the display object in the editing area may be temporarily stored in the buffer separately from the editing target data. In this case, when the display object is dragged and dropped from the editing area to the display area again, there is no need to generate the component indicated by the display object again.

  If it is determined in step S55 that the display object has not been dragged and dropped from the display area to the editing area, the procedure proceeds to step S59.

  In step S59, the editing unit 126 determines whether or not an editing object that instructs to change the attribute has been operated. If it is determined in step S59 that the edit object that instructs to change the attribute has been operated, the procedure proceeds to step S60. In step S60, the attribute changing unit 150 changes the attribute of the component indicated by the display object above the editing object in accordance with the operation of the editing object, and the procedure proceeds to step S61.

  For example, the attribute changing unit 150 displays a display object when a new title is input in the field among the edit object that is a field for inputting a title and a radio button for selecting the maximum display number. Among the attributes of the constituent elements, the attribute that is the title is changed to the new title.

  For example, the attribute changing unit 150 activates a radio button having a maximum display number of 5 among an edit object that is a field for inputting a title and a radio button for selecting the maximum display number. Among the attributes of the constituent elements indicated by the display object, the attribute that is the maximum number of display items is changed to 5.

  In addition, for example, the attribute changing unit 150 includes a combo box for selecting pictograms, a field for inputting a link name of a normal product product name, a field for inputting a link destination address of the URL method, and these When a combo box for selecting a pictogram is operated and a new pictogram is selected from among the editing objects that are buttons for activating a function for assisting the input of the attribute of the component indicated by the display object Of these, the pictogram is changed to the selected new pictogram.

  Further, for example, the attribute changing unit 150 includes a combo box for selecting pictograms, a field for inputting a link name of a normal product commodity name, a field for inputting a link destination address of the URL method, and these When a new address is entered in the field for entering the link destination address of the URL method among the editing objects that are buttons for activating the function that assists the input of the component, the component indicated by the display object Among the attributes, the link destination address is changed to the input new address.

  If it is determined in step S59 that the edit object instructing attribute change has not been operated, step S60 is skipped, and the procedure proceeds to step S61.

  In step S61, the editing unit 126 determines whether or not an editing object that instructs deletion is operated. If it is determined in step S61 that the editing object instructing deletion has been operated, the procedure proceeds to step S62. In step S62, the deletion unit 151 deletes the display object on the operated editing object and the component indicated by the display object, and the procedure proceeds to step S63.

  If it is determined in step S61 that the edit object that instructs deletion is not operated, step S62 is skipped, and the procedure proceeds to step S63.

  In step S <b> 63, the editing unit 126 determines whether or not an editing object that instructs rearrangement has been operated. If it is determined in step S63 that an editing object that instructs rearrangement has been operated, the procedure proceeds to step S64. In step S64, the rearrangement unit 149 rearranges the display object above the operated editing object and the constituent element indicated by the display object, and the processing for changing the attribute of the constituent element ends.

  Note that the display object to be rearranged is rearranged with the display object above it (the object above the display object to be rearranged is on the lower side, and the display object to be rearranged is on the upper side. Or the display object below it is rearranged (the object below the display object to be rearranged is on the upper side, and the display object to be rearranged is on the lower side) To be sorted).

  If it is determined in step S63 that the editing object that instructs rearrangement has not been operated, step S64 is skipped, and the process of changing the attribute of the component ends.

  As described above, when the display object is arranged in the editing area, the editing object for editing the display object is displayed under the display object. By manipulating this edit object, you can edit the component indicated by the display object, such as changing the attribute of the component indicated by the display object, deleting the component, or changing the arrangement of the component. can do.

  As described above, the display object indicates a component described in a markup language such as CHTML, MML, HDML, or XHTML when the web page is browsed by the mobile phone 11. That is, the edit area display control unit 146 controls the display so that an edit object for changing the attribute described in the markup language is displayed.

  FIG. 23 shows, for example, a case where a recommended product display object, a latest present product display object, and a store search form display object corresponding to step S58 in FIG. 21 are dragged and dropped from the display area to the editing area. FIG. 4 is a diagram illustrating an example of an image of an editing execution page.

  In the editing area, a field for inputting a title and a radio button for selecting the maximum number of items to be displayed are displayed under the recommended product display object. One of the maximum display numbers 1 to 10 is selected by a radio button for selecting the maximum display number, which is an editing object for the display object of the recommended product.

  For example, if a maximum display number of 5 is selected by a radio button, five or less elements linked to the recommended product Web page are displayed on the Web page as recommended product links.

  In the editing area, below the display object for the latest present product, there are a field for inputting a title, which is an edit object for the display object for the latest present product, and a radio button for selecting the maximum number of display items. Is displayed. The maximum display number of 1 to 5 is selected by a radio button for selecting the maximum display number, which is an editing object for the display object of the latest present product.

  For example, if the maximum number of 3 items is selected by the radio button, up to 3 elements linked to the web page of the latest present product will be displayed on the web page as the link of the latest present product. .

  Furthermore, in the edit area, a field for inputting a title, which is an edit object for the display object of the in-store search form, is displayed below the display object of the in-store search form.

  FIG. 24 shows the link of the normal product product name that is the searched page, for example, when an additional command corresponding to the product name “normal product product name” displayed in the additional preparation area is clicked. It is a figure which shows the example of the image of an edit execution page when an addition is instruct | indicated.

  In the edit area, below the display object for the normal product product name link, a combo box for selecting pictograms, which is the edit object for this display object, for entering the name of the link for the normal product product name A field, a field for inputting a link destination address of the URL method, a button for starting a function for assisting the input, and the like are arranged.

  FIG. 25 shows the case where the addition of a design part is instructed from the list of design parts, for example, when an additional command corresponding to the design name “recommended product” displayed in the additional preparation area is clicked. It is a figure which shows the example of the image of this edit execution page.

  In the editing area, under the recommended product display object that is the added design part, select the edit object for the added recommended product display object, a field for entering the title, and the maximum number of display items. A radio button is displayed. One of the maximum display numbers 1 to 10 is selected by a radio button for selecting the maximum display number, which is an editing object for the display object of the recommended product.

  FIG. 26 is a flowchart for explaining the process of adding a component by moving the display object in the editing area to the display area. In step S81, the editing unit 126 determines whether or not the display object has been dragged and dropped from the editing area to the display area. If it is determined that the display object has been dragged and dropped from the editing area to the display area, the procedure is as follows. Proceed to step S82.

  In step S82, the editing area display control unit 146 deletes the dragged and dropped display object from the editing area. In step S83, the display area display control unit 145 displays the dragged and dropped display object in the display area.

  In step S84, the edit object generation / change unit 144 hides the edit object for editing the dragged and dropped display object. That is, only the display object is displayed.

  As a result, the editing object is not displayed in the display area or the editing area. Therefore, it can be seen at a glance that the component indicated by the display object dragged and dropped into the display area is no longer the object of editing.

  In step S85, the adding unit 152 adds the component indicated by the display object to the editing target data stored by the editing target data storage unit 125.

  In step S86, the preview image display control unit 148 updates the preview image displayed in the preview area of the display screen by using the editing target data to which the component indicated by the display object is added, and displays the component element. The additional processing ends. In other words, the preview image display control unit 148 controls the display so that the Web page described by the component indicated by the display object displayed in the display area is displayed as the preview image in the preview area of the display screen. To do.

  If it is determined in step S81 that the display object has not been dragged and dropped from the editing area to the display area, steps S82 to S86 are skipped, and the component addition process ends.

  As described above, the constituent elements can be added to the data to be edited simply by dragging and dropping the display object to the display area.

  FIG. 27 is a flowchart for explaining the process of changing the arrangement of components by changing the arrangement order of display objects in the display area, for example. In step S <b> 101, the editing unit 126 displays an edit object (for example, “comment” arranged in the display area illustrated in FIG. 23) that instructs deletion from among the editing objects arranged in the display area. It is determined whether or not a cross-marked edit object among the edit objects of the object has been operated. If it is determined in step S101 that an edit object that instructs deletion is operated among the edit objects arranged in the display area, the procedure proceeds to step S102.

  In step S102, the deletion unit 151 deletes the display object associated with the operated editing object. In step S103, the deletion unit 151 deletes the component indicated by the deleted display object from the editing target data stored in the editing target data storage unit 125.

  In step S104, the preview image display control unit 148 updates the preview image displayed in the preview area of the display screen using the edit target data from which the component has been deleted, and the procedure proceeds to step S105. In other words, the preview image display control unit 148 controls the display so that the Web page described by the component indicated by the display object displayed in the display area is displayed as the preview image in the preview area of the display screen. To do.

  If it is determined in step S101 that an edit object that instructs deletion is not operated among the edit objects arranged in the display area, steps S102 to S104 are skipped, and the procedure proceeds to step S105. .

  In step S105, the editing unit 126 determines whether or not an editing object for instructing rearrangement among the editing objects arranged in the display area has been operated (for example, arranged in the display area illustrated in FIG. 23). Among the editing objects of the "comment" display object, the editing object that instructs the upward movement, that is, the upward triangular editing object, or the editing object that instructs the downward movement, that is, the downward pointing triangle Whether or not the edit object is clicked). If it is determined in step S105 that an edit object that instructs rearrangement among the edit objects arranged in the display area has been operated, the procedure proceeds to step S106.

  In step S105, the editing unit 126 may determine whether or not the display object rearrangement is instructed by dragging and dropping the display object.

  In step S106, the rearrangement unit 149 rearranges the display objects associated with the operated editing object. In step S <b> 107, the rearrangement unit 149 rearranges the components indicated by the display objects in the edit target data stored in the edit target data storage unit 125.

  For example, when an edit object that instructs upward movement, that is, an upward triangular edit object is clicked, the display object associated with the edit object is rearranged with the display object above the display object. (The display object above the display object associated with the operated edit object is rearranged so that the display object associated with the operated edit object is on the upper side).

  For example, when an edit object that instructs a downward movement, that is, a downward triangular edit object is clicked, the display object associated with the edit object is rearranged with the display object below the display object. (The display object below the display object associated with the operated editing object is rearranged so that the display object associated with the operated editing object is on the lower side).

  In step S108, the preview image display control unit 148 updates the preview image displayed in the preview area of the display screen using the editing target data in which the components are rearranged, and changes the arrangement of the components. The process ends. In other words, the preview image display control unit 148 controls the display so that the Web page described by the component indicated by the display object displayed in the display area is displayed as the preview image in the preview area of the display screen. To do.

  If it is determined in step S105 that the editing object that instructs rearrangement among the editing objects arranged in the display area is not operated, steps S106 to S108 are skipped, and the arrangement of the components is changed. This process ends.

  As described above, by deleting or rearranging the display objects in the display area, it is possible to delete or rearrange the constituent elements in the data to be edited.

  Normally, the mobile phone 11 employs a monitor with a vertically long display screen. Therefore, the appearance of the Web page viewed by the mobile phone 11 is related only to the upper and lower arrangements of the constituent elements, and the left and right arrangements of the constituent elements are hardly related.

  Therefore, when editing a Web page browsed by the mobile phone 11, editing can be performed more efficiently if only the vertical arrangement of the components can be rearranged.

  Note that when editing a web page browsed by a personal computer, the vertical arrangement of components and the horizontal arrangement of components may be rearranged.

  FIG. 28 is a flowchart for explaining the process of updating the Web page. In step S1101, the editing unit 126 displays the information on the mobile phone 11 depending on whether or not a button for instructing transmission of edited (edited) editing target data shown in FIG. It is determined whether or not an instruction to update the Web page to be issued is given.

  If it is determined in step S1101 that an instruction to update the Web page to be displayed on the mobile phone 11 has been issued, the procedure proceeds to step S1102, and the editing unit 126 attaches a store ID via the network 14 in step S1102. Thus, the editing target data stored in the editing target data storage unit 125 is transmitted to the Web server 19.

  Specifically, the editing unit 126 causes the transmission control unit 131 of the communication control unit 121 to transmit editing target data to the Web server 19. The communication unit 59 controlled by the transmission control unit 131 transmits the editing target data with the store ID attached thereto to the Web server 19 via the network 14.

  The web server 19 to which the edit target data has been transmitted receives the edit target data to which the store ID is attached, and supplies the edit target data to which the store ID is attached to the application server 20 via the network 18.

  In step S2101, the reception control unit 92 of the communication control unit 83 of the application server 20 edits the store ID transmitted from the store terminal device 23 via the network 14, the Web server 19, and the network 18, with the store ID attached. The target data is received by the communication unit 37. Then, the reception control unit 92 supplies the received store ID and editing target data to the page description data generation unit 86.

  In step S2102, the page description data generation unit 86 generates page description data corresponding to the received editing target data. The page description data generation unit 86 supplies the generated page description data to the Web page database 17 together with the store ID via the network 18. The web page database 17 is the data stored so far for the page displayed on the mobile phone, the data specified by the store ID, that is, the previous page description data specified by the store ID. The new page description data supplied from the application server 20 is stored so as to be overwritten.

  In step S2103, the application server 20 causes the web server 15, the application server 16, and the web page database 17 to start providing web page data corresponding to the overwritten page description data, and updates the web page. Ends.

  If it is determined in step S1101 that updating of the web page to be displayed on the mobile phone 11 is not instructed, step S1102 and steps S2101 to S2103 are skipped, and the page description data is not rewritten, and the web page is updated. The update process ends.

  Thus, the Web page displayed on the mobile phone 11 can be easily updated to the edited one.

  As described above, it becomes possible to know the constituent elements to be edited more easily and more reliably.

  In this way, when the constituent elements of the Web page are displayed and the attributes of the constituent elements are changed, the Web page can be edited. In addition, a first object (for example, a display object) indicating a constituent element of the Web page is displayed in the first area (for example, a display area) of the display screen in the order of arrangement of the constituent elements on the Web page. When the first object is arranged in the second area (for example, the editing area) of the display screen, the attribute of the component indicated by the first object is changed to the second area. If the display is controlled so that the second object (for example, an edit object) is displayed, it is easier and more reliable to know the component that is the object of editing. Can do.

  For example, when a web page browsed by the mobile phone 11 is edited by the store terminal device 23 which is a personal computer, if the web page browsed by the mobile phone 11 is displayed as it is, the arrangement of components on the web page is shifted. End up. If editing is performed while the arrangement of the components on the web page is shifted, the web page when viewed on the mobile phone 11 cannot be confirmed, and after editing, it must be displayed on the mobile phone 11 for confirmation. It was troublesome.

  However, for example, the preview image displayed by the preview command shown in FIG. 29 or the preview image displayed in the preview area emulates the mobile phone 11 (the browser) using the edit target data describing the constituent elements. Since the drawing is performed by the rating, the arrangement of the components on the Web page is not shifted, and the same image as the preview image can be displayed on the mobile phone 11 only by confirming the preview image. .

  The displayed pictogram (character) differs depending on the mobile phone line provider. Therefore, as shown in FIG. 29, a button for selecting a pictograph (character) provided by a mobile phone line provider (for example, a button named “DoDoMo”, “ A button named “ai” and a button named “HardBank”) are provided, and a preview image is displayed using a pictograph (character) selected by clicking the button.

  By doing in this way, the same image as the image displayed on the mobile phone 11 for each mobile phone line provider can be displayed more accurately as a preview image.

  The editing target page has been described as being viewed by the user of the mobile phone 11, but is not limited thereto, and is displayed by another device such as a personal computer or a television receiver and viewed by the user. May be.

  The series of processes described above can be executed by hardware or can be executed by software. When a series of processing is executed by software, a program constituting the software executes various functions by installing a computer incorporated in dedicated hardware or various programs. For example, it is installed from a program recording medium in a general-purpose personal computer or the like.

  The program executed by the computer may be a program that is processed in time series in the order described in this specification, or in parallel or at a necessary timing such as when a call is made. It may be a program for processing.

  The embodiments of the present invention are not limited to the above-described embodiments, and various modifications can be made without departing from the scope of the present invention.

It is a figure which shows the structure of the information provision system of one embodiment of this invention. 2 is a block diagram illustrating a hardware configuration example of an application server 20. FIG. It is a block diagram which shows the structural example of the hardware of the shop terminal device. It is a figure which shows the example of the page description data stored in the Web page database. It is a figure which shows the example of the member information stored in the member information database. It is a figure which shows the example of the data (record) of the goods stored in the goods database. It is a block diagram explaining the structure of the function in the application server 20 which executes a program. It is a figure which shows the specific example of the edit object data produced | generated by the edit object data production | generation part 85. FIG. It is a block diagram explaining the structure of the function in the shop terminal device 23 which performs the program containing a script. 6 is a diagram illustrating an example of an image displayed by a browser 122. FIG. It is a figure which shows the example of the flow of edit of a web page. It is a flowchart explaining the process of a display of the edit execution page which is a web page for edit. It is a figure which shows the image of the edit execution page containing the specific example of a display object, an edit object, and a preview image. It is a figure which shows the example of the edit execution page displayed when the command of recommended goods edit is clicked. It is a figure which shows the example of the edit execution page displayed when the command of the color edit of a top page is clicked. It is a flowchart explaining the search process of the page to link. When searching about goods, it is a figure which shows the image of the edit execution page in which the result of the search is displayed on the additional preparation area. It is a figure which shows the image of the edit execution page in the case of searching an information page. It is a flowchart explaining the display process of the list of design parts. It is a figure which shows the image of the edit execution page in which the list of design parts is displayed on the addition preparation area. It is a flowchart explaining the process of changing the attribute of a component. It is a flowchart explaining the process of changing the attribute of a component. It is a figure which shows the example of the image of an edit execution page when a display object is dragged and dropped from a display area to an edit area. It is a figure which shows the example of the image of an edit execution page when the addition of the link of the normal goods goods name which is the searched page is instruct | indicated. It is a figure which shows the example of the image of an edit execution page when addition of a design part is instruct | indicated from the list of design parts. It is a flowchart explaining the addition process of a component. It is a flowchart explaining the process of change of arrangement | positioning of a component. It is a flowchart explaining the update process of a web page. It is a figure which shows the example of the screen which displays a preview image.

Explanation of symbols

  11-1, 11-2, or 11 cellular phone, 12 base station, 13 gateway, 14 network, 15 web server, 16 application server, 17 web page database, 18 network, 19 web server, 20 application server, 21 member information Database, 22 commodity databases, 23-1, 23-2, and 23 store terminal devices, 31 CPU, 32 ROM, 33 RAM, 36 storage unit, 37 communication unit, 39 removable media, 51 CPU, 52 ROM, 53 RAM, 58 storage unit, 59 communication unit, 61 removable media, 81 script storage unit, 82 edit execution page data generation unit, 83 communication control unit, 84 page description data acquisition unit, 85 edit target data generation unit, 86 Page description data generation unit, 91 transmission control unit, 92 reception control unit, 121 communication control unit, 122 browser, 123 script execution unit, 124 editing target data acquisition unit, 125 editing target data storage unit, 126 editing unit, 141 search unit , 142 Design part reading unit, 143 Display object generation unit, 144 Edit object generation change unit, 145 Display area display control unit, 146 Edit area display control unit, 147 Additional preparation area display control unit, 148 Preview image display control unit, 149 Sorting part, 150 attribute changing part, 151 deleting part, 152 adding part

Claims (19)

First display control means for controlling display so that a first object indicating a constituent element of a Web page is displayed in the first area of the display screen in the order of arrangement of the constituent elements on the Web page; ,
When the first object is arranged in the second area of the display screen, the second object for changing the attribute of the component indicated by the first object in the second area An information processing apparatus comprising: a second display control unit that controls display so that is displayed. The information processing apparatus according to claim 1,
The first display control means controls display so that the first object indicating the component for instructing the appearance of the Web page is displayed in the first area. The information processing apparatus according to claim 1,
Third control for controlling display so that the Web page described by the component indicated by the first object displayed in the first area is displayed in the third area of the display screen. An information processing apparatus further comprising display control means. The information processing apparatus according to claim 3.
The third display control means emulates a browser of a mobile phone and controls display so that the Web page is displayed. The information processing apparatus according to claim 1,
The first display control means displays the second area for changing the arrangement of the component indicated by the first object on the Web page in the first area. Information processing device that controls. The information processing apparatus according to claim 5,
An information processing apparatus, further comprising: rearrangement means for rearranging the arrangement of the component elements on the Web page when the second object for changing the arrangement of the component elements on the Web page is operated. The information processing apparatus according to claim 1,
An information processing apparatus further comprising attribute changing means for changing an attribute of the component when the second object for changing the attribute of the component indicated by the first object is operated. The information processing apparatus according to claim 1,
The second display control means includes a second object for changing an attribute of the component indicated by the first object in the second area adjacent to the first object. An information processing device that controls display so that it is displayed. The information processing apparatus according to claim 1,
The first display control means controls display so that the first object indicating the component that is a set of elements linked to another Web page is displayed in the first area. Information processing device. The information processing apparatus according to claim 1,
The first display control means controls display so that a first object indicating the component described in a markup language is displayed in the first area,
The second display control means controls display so that the second object for changing an attribute described in the markup language is displayed. The information processing apparatus according to claim 1,
A first generation unit configured to generate the first object indicating the component of the Web page;
The information processing apparatus, wherein the first display control unit controls display so that the generated first object is displayed in the first area. The information processing apparatus according to claim 11,
A search means for searching for other web pages to be linked;
The first generation means generates the first object indicating the component linked to a designated one of the searched other Web pages. The information processing apparatus according to claim 11,
Further comprising acquisition means for acquiring data indicating the component of the web page and the arrangement of the component;
The information processing apparatus that generates the first object from the acquired data. The information processing apparatus according to claim 13,
The acquisition means acquires the data including a list of the components indicating the component of the Web page and the arrangement of the components, and instructing the appearance of the Web page,
The first generation unit generates the first object indicating the designated component among the components included in a list. The information processing apparatus according to claim 1,
A second generating unit configured to generate the second object for changing an attribute of the component indicated by the first object when the first object is arranged in the second area; In addition,
The information processing apparatus, wherein the second display control unit controls display so that the generated second object is displayed in the second area. The information processing apparatus according to claim 15,
The first display control means generates the second object for changing the attribute of the component indicated by the first object, and the first object is generated in the first area. An information processing apparatus that, when arranged, controls display so that the first object is displayed in the first area without displaying the second object. The information processing apparatus according to claim 1,
In the first area, the first display control means is arranged such that the first object indicating the component of the Web page to be browsed by a mobile phone is arranged above and below the component on the Web page. An information processing device that controls display so that the items are displayed in the order of. Controlling the display so that the first object indicating the component of the Web page is displayed in the first area of the display screen in the order of the arrangement of the component on the Web page;
When the first object is arranged in the second area of the display screen, the second object for changing the attribute of the component indicated by the first object in the second area An information processing method including a step of controlling display so that is displayed. Controlling the display so that the first object indicating the component of the Web page is displayed in the first area of the display screen in the order of the arrangement of the component on the Web page;
When the first object is arranged in the second area of the display screen, the second object for changing the attribute of the component indicated by the first object in the second area A program that causes a computer to perform a process including a step of controlling the display so that is displayed.

Images