JP2007149016A - Homepage creation support system, homepage creation support method, homepage creation support server - Google Patents

Abstract

The present invention provides a homepage creation support system that allows a user to edit a homepage while checking the editing result.
A homepage creation support system according to the present invention includes a homepage template including an editable area to be edited and an edit to be displayed in the editable area when editing the editable area in association with the editable area identification information. The server device for storing the display data at the time of browsing and the display data at the time of browsing to be displayed in the editable area when browsing the home page and the template are displayed, and the displayed template is displayed in the editable area included in the displayed template. Displaying either the edit-time display data or the browse-time display data stored in the server device in association with the editable area identification information, and displaying a portion other than the editable area of the displayed template Client device that switches between display data during editing and display data during browsing Equipped with a.
[Selection] Figure 2

Description

  The present invention relates to a homepage creation support system, a homepage creation method, and a homepage creation support server. In particular, the present invention relates to a homepage creation support system, a homepage creation support server, and a homepage creation support method that support editing of a homepage via a network.

A system for creating a homepage via a network is known (for example, see Patent Document 1). In this system, a database and an input form are prepared on a Web server, and the input form is displayed on the client side by browser software using the HTTP protocol. The database stores the data input from this input form. When the home page is accessed, an HTML file for browsing is dynamically generated using data stored in the database.
JP 2002-183037 A

  However, according to the system according to Patent Document 1, it is necessary to switch and display the input form and the content at the time of browsing on the client side. Therefore, the user cannot input data while confirming the layout of the home page at the time of browsing. For this reason, the above system has a problem that the homepage cannot be easily edited.

  Accordingly, an object of the present invention is to provide a homepage creation support system, a homepage creation support method, and a homepage creation support server that can solve the above-described problems. This object is achieved by a combination of features described in the independent claims. The dependent claims define further advantageous specific examples of the present invention.

  According to a first aspect of the present invention, there is provided a server device that manages a homepage that can be browsed via a network, and a client device that is connected to the server device via a network and allows a user to edit the homepage managed by the server device. In the homepage creation support system, the server device includes a template storage unit that stores a template of a homepage, including an editable region that can be edited by the user, and an editable region of the template stored in the template storage unit In association with the identification information for identifying the editable area, the edit display data to be displayed in the editable area of the homepage displayed on the client apparatus when the user edits the editable area, and the display on the client apparatus when the user browses the homepage Homepage A display data storage unit that stores display data to be displayed to be displayed in the editable region, and the client device displays the template stored in the template storage unit on the display unit. A display data receiving unit that receives the display data at the time of editing and the display data at the time of browsing stored in the display data storage unit in association with identification information that identifies the editable area of the template displayed by the display unit; An editing area display control unit for displaying either the editing display data received by the display data receiving unit or the browsing display data on the display unit in the editable region included in the template displayed by the display unit, and the display unit While displaying the part other than the editable area of the template that is displayed, switch between the display data during editing and the display data during browsing And a display switching control unit for displaying on the display unit.

  The display data storage unit stores display data at the time of editing including an input frame for inputting information to be displayed in the editable area when browsing the home page, and the editing area display control unit displays the display data at the time of editing including the input frame. When the input data is input to the input frame displayed on the display unit, the client device identifies the input data input to the input frame and the editable area including the input frame. The server device further includes an input data transmission unit that transmits the identification information to the server device, and the server device further includes a display data generation unit that generates display data during editing and display data during browsing from the input data transmitted by the input data transmission unit. The display data storage unit stores the display data when editing and the browsing data stored in association with the identification information identifying the editable area transmitted by the input data transmission unit. The display data may be stored and updated at the time of display data when the display data and browsing editing the display data generating unit was generated.

  The display data receiving unit newly receives the editing display data and the browsing display data updated and stored by the display data storage unit, and the display switching control unit is other than the editable area of the template displayed by the display unit. The display data received at the time of browsing may be displayed in the editable area included in the template displayed on the display unit while the part is still displayed.

  The display data storage unit further stores permissible conditions for the input data input to the input frame of the edit area in association with the identification information for identifying the editable area. The input permission condition determining unit that determines whether or not the input data transmitted by the display data storage unit is associated with the identification information for identifying the editable area transmitted by the input data transmission unit. The display data generation unit generates display data at the time of editing including information indicating that the allowable condition is not satisfied when the input allowable condition determination unit determines that the allowable condition is not satisfied, and receives the display data. If the input permissible condition determining unit determines that the permissible condition is not satisfied, the display data editing unit includes information indicating that the permissible condition generated by the display data generating unit is not satisfied. The display switching control unit displays the display data in the editable area included in the template displayed on the display unit while displaying a part other than the editable area of the template displayed on the display unit. The editing display data newly received by the receiving unit may be displayed.

  The template storage unit stores a template including an editable area instruction mark indicating the position of the editable area in the template, and the template display control unit displays the template including the editable area instruction mark on the display unit, and switches the display. When the editable area indication mark included in the template displayed on the display unit is selected, the control unit browses with the part other than the editable area of the template displayed on the display unit displayed. The display data may be switched from the time display data to the display data during editing.

  The template storage unit stores a plurality of templates with different designs including a common editable region, and the display data storage unit identifies an editable region common to the plurality of templates stored in the template storage unit In association with the information, the editing display data to be displayed in the editable area of the home page displayed on the client device when the user edits the editable area, and the home page displayed on the client device when the user browses the home page Browsing display data to be displayed in the editable area may be stored.

  The template storage unit stores a plurality of templates with different designs including a common editable area for each of a plurality of categories, and the display data storage unit stores a plurality of templates for each category stored in the template storage unit. In association with identification information for identifying a common editable area, the edit display data to be displayed in the editable area of the home page displayed on the client device when the user edits the editable area, and the user's browsing of the home page Sometimes browsing display data to be displayed in the editable area of the home page displayed on the client device may be stored.

  The template storage unit stores a plurality of templates with different designs including a common editable area for each of a plurality of industries. The display data storage unit stores a plurality of templates for each industry stored in the template storage unit. In association with identification information for identifying a common editable area, the edit display data to be displayed in the editable area of the home page displayed on the client device when the user edits the editable area, and the user's browsing of the home page Sometimes browsing display data to be displayed in the editable area of the home page displayed on the client device may be stored.

  According to a second aspect of the present invention, there is provided a homepage creation support server connected via a network to a client device that manages a homepage that can be browsed via a network and allows the user to edit the managed homepage. Edit by the user in association with the template storage unit that stores the template of the home page, including the editable region that is editable region, and the identification information that identifies the editable region of the template stored in the template storage unit Editing display data displayed in the editable area of the home page displayed on the client device when editing the editable area, and browsing display data displayed in the editable area of the home page displayed on the client device when the user browses the home page Display data case to store A template transmission unit that transmits the template stored in the template storage unit to the client device for display, and the editing display data and the browsing display data stored in the display data storage unit are transmitted to the client device. A display data transmission unit that switches between display data during editing and display data during browsing while displaying a portion other than the editable area of the template displayed by the client device. .

  According to the third aspect of the present invention, there is a homepage creation support method for managing homepages that can be browsed via a network and for allowing a user to edit the managed homepage on a client device, which is an area that can be edited by the user. Edit display that is displayed in the editable area of the homepage displayed on the client device when the user edits the editable area in association with identification information that identifies the editable area of the homepage template, including the editable area A display data storage stage for storing data and browsing display data to be displayed in the editable area of the home page displayed on the client apparatus when the user browses the home page; and a template transmission stage for transmitting the template to the client apparatus for display And display data storage stage The editing display data and the browsing display data stored in the client device are transmitted to the client device, and the portion other than the editable area of the template displayed by the client device is displayed, and the editing display data A display data transmission step of switching the display data at the time of browsing to display on the client device.

  Note that the above summary of the invention does not enumerate all the necessary features of the present invention, and sub-combinations of these feature groups can also be the invention.

  According to the present invention, it is possible to provide a homepage creation support system that allows a user to easily create a homepage while confirming the editing result.

  Hereinafter, the present invention will be described through embodiments of the invention. However, the following embodiments do not limit the claimed invention, and all combinations of features described in the embodiments are inventions. It is not always essential to the solution.

  FIG. 1 shows an example of a usage environment of a homepage creation support system 100 according to an embodiment of the present invention. The homepage creation support system 100 includes a server device 110 and client devices 120a to 120c (hereinafter collectively referred to as client device 120). An object of the homepage creation support system 100 is to provide a homepage creation support system in which users 190a to 190c (hereinafter collectively referred to as a user 190) can easily create a homepage.

  The server device 110 is a computer managed by a service company 130 that provides a homepage creation support service, and manages homepages that can be browsed via the network 150. The client device 120 is a personal computer managed by the customers 140a to 140c (hereinafter collectively referred to as the customer 140). The client device 120 is connected to the server device 110 via the network 150 and is managed by the server device 110. Is edited by the user 190. For example, the client device 120 communicates with the server device 110 using the HTTP protocol, and causes the user 190 to edit the contents of the home page managed by the server device 110 by browser software installed in the client device 120.

  The user 190 uses the client device 120 to access a home page operated by the service company 130 and log in to the server device 110. The server device 110 stores templates of websites of various designs in advance, and transmits a top page indicating each design to the client device 120. The client device 120 displays the top page of each design received from the server device 110 on the display, and causes the user 190 to select the top page of the desired design. Then, the client apparatus 120 transmits a design type ID for identifying the top page of the design selected by the user 190 to the server apparatus 110.

  The server device 110 transmits page data of the top page of the design identified by the design type ID received from the client device 120 to the client device 120. At this time, the server device 110 displays the template data of the top page of the design identified by the design type ID, the display data at the time of browsing that is displayed when the user 190 browses the home page, and the editing that is displayed when the home page is edited. The editing display data that is a menu is transmitted to the client device 120 as page data.

  The server device 110 stores input data already input by the user 190 for each edit item that should be different for each user 190, such as a company logo image, company name, telephone number, and the like. The page data for editing and the page data for browsing are generated from the completed data, and transmitted to the client device 120 together with the template data of the top page. When the client device 120 receives the page data from the server device 110, the client device 120 displays the contents indicated by the template data and the page data for browsing on the display.

  The browsing display data is page data having a layout substantially the same as the layout displayed when the user 190 browses the home page, and the editing display data is an editing item such as a logo image, a company name, and a telephone number. Each page data includes an input frame that is displayed instead of the browsing-time display data and is input to the user 190. The editing display data includes an OK button for registering the contents input in the input frame in the server device 110. Further, when the browsing display data is displayed, a small edit mark indicating that the browsing display data can be edited is displayed in the vicinity of the data.

  When the user 190 clicks an edit mark displayed on the display, the client device 120 displays the display data at the time of editing of the portion clicked by the user 190 instead of the display data at the time of browsing. At this time, the client device 120 displays the editing display data received from the server device 110 in advance without communicating with the server device 110. Then, when data is input to the input frame by the user 190 and the OK button is clicked, the client device 120 transmits the input data and ID information for identifying the edit item to the server device 110. Then, the server device 110 identifies which edit item has been edited from the received data received from the client device 120, registers the contents of the edited edit item, and newly displays the edited edit item. Data and editing data are generated and transmitted to the client device 120. Then, the client device 120 receives display data and editing data related to the registered editing item from the server device 110, and updates the display content with the received browsing display data. At this time, the client device 120 updates the display of the item to be edited without updating other displayed edit items and the contents of the template data.

  Then, when the user 190 clicks the save button displayed, the client device 120 transmits a message to save the home page to the server device 110. Then, the server device 110 creates a homepage that is actually operated using the data of each registered edit item.

  As described above, the user 190 can create a home page while viewing the editing result by the home page creation support system 100. The server device 110 and the client device 120 communicate the edited content, display data, and editing data related to the edited editing item, and the edited content, display data, and editing data related to other edited items. Therefore, the amount of communication during editing can be reduced compared to the case where all page data is exchanged. For this reason, the user 190 can efficiently create a homepage, and at the same time leads to a reduction in communication cost. In addition, since the server device 110 registers data for each edit item, when the user 190 selects a template with a different design, a homepage with a newly selected design is created using the registered data. can do. Therefore, since the user 190 does not need to recreate the homepage every time the design is changed, the homepage design can be easily updated.

  In addition to the personal computer, the client device 120 may be a portable information terminal such as a mobile phone or a PDA. The home page in the present invention may be a Web page that is a document published on a network using the WWW system. Needless to say, the homepage may be a plurality of Web pages. The network is not limited to the Internet, and may be various networks constructed using network technologies such as the Internet, such as an intranet and a home LAN.

  FIG. 2 shows an example of a block configuration of the homepage creation support system 100. The server device 110 includes a display data generation unit 200, a display data storage unit 210, a template storage unit 220, a page data transmission unit 240, and an input permission condition determination unit 230. The page data transmission unit 240 includes a display data transmission unit 242 and a template transmission unit 244. In addition, the client device 120 includes a page data receiving unit 250, an editing area display control unit 260, a template display control unit 262, a display unit 264, a display switching control unit 270, an instruction input unit 280, and an input data transmission unit 290. The page data receiving unit 250 includes a display data receiving unit 252 and a template receiving unit 254.

  The template storage unit 220 stores a home page template including an editable area that can be edited by the user 190. For example, the template storage unit 220 stores a template in which a layout of an editable area on a home page, a layout of an area other than the editable area, and contents thereof are defined. The display data storage unit 210 associates the identification information for identifying the editable area of the template stored in the template storage unit 220 with the home page displayed on the client device 120 when the user 190 edits the editable area. The editing display data to be displayed in the editable area and the browsing display data to be displayed in the editable area of the home page displayed on the client device 120 when the user 190 browses the home page are stored. Specifically, the display data storage unit 210 stores editing display data including an input frame for inputting information to be displayed in the editable area when browsing a home page.

  The template transmission unit 244 transmits the template stored in the template storage unit 220 to the client device 120 for display. Further, the display data transmission unit 242 transmits the browsing display data and the editing display data stored in the display data storage unit 210 to the client device 120, and other than the editable area of the template displayed by the client device 120. While the part is displayed, the editing display data and the browsing display data are switched and displayed on the client device 120. In addition, when transmitting the template stored in the template storage unit 220, the page data transmission unit 240 may transmit the page data together with the browsing display data and the editing display data as one page data.

  Specifically, the template reception unit 254 receives the template transmitted by the template transmission unit 244 and supplies it to the template display control unit 262. Then, the template display control unit 262 causes the display unit 264 to display the template stored in the template storage unit 220. The display data receiving unit 252 also displays the editing display data and the browsing display data stored in the display data storage unit 210 in association with identification information for identifying the editable area of the template displayed on the display unit 264. Receive. Then, the editing area display control unit 260 displays either the editing display data or the browsing display data received by the display data receiving unit 252 in the editable area included in the template displayed by the display unit 264. H.264 is displayed.

  The display switching control unit 270 switches the display data during editing and the display data during browsing to be displayed on the display unit 264 while displaying a portion other than the editable area of the template displayed on the display unit 264. . Specifically, the display switching control unit 270 displays the content of the same home page from the server device 110 again when the instruction to switch from the browsing display data to the editing display data by the user 190 is input from the instruction input unit 280. The display unit 264 is switched from the browsing display data to the editing display data without displaying the server device 110 again, such as by reading.

  When the display switching control unit 270 displays the editing display data on the display unit 264, the editing area display control unit 260 causes the display unit 264 to display the editing display data including the input frame. The instruction input unit 280 receives input of edit data by the user 190. For example, the instruction input unit 280 receives input of data into an input frame included in the edit display data. Then, when input data is input to the input frame displayed on the display unit 264, the input data transmission unit 290 identifies the input data input to the input frame and the editable area including the input frame. The identification information to be transmitted is transmitted to the server device 110.

  The display data generation unit 200 generates display data for editing and display data for viewing from the input data transmitted by the input data transmission unit 290. The display data generation unit 200 generates the display data at the time of editing and the display data at the time of browsing stored in association with the identification information for identifying the editable area transmitted by the input data transmission unit 290. Update and store the display data when editing and display data when browsing. The display data transmission unit 242 transmits the editing display data and the browsing display data stored in the display data storage unit 210 to the client device 120.

  Then, the display data receiving unit 252 newly receives the editing display data and the browsing display data that are updated and stored by the display data storage unit 210. Then, the display switching control unit 270 displays the display in the editable area included in the template displayed on the display unit 264 while displaying a part other than the editable area of the template displayed on the display unit 264. The browsing display data newly received by the data receiving unit 252 is displayed.

  The template storage unit 220 stores a template including an editable area instruction mark indicating the position of the editable area in the template. Then, the template display control unit 262 causes the display unit 264 to display a template including the editable area instruction mark. The display switching control unit 270 displays a portion other than the editable region of the template displayed on the display unit 264 when the editable region instruction mark included in the template displayed on the display unit 264 is selected. In this state, the display data is switched from the browsing display data to the editing display data and displayed on the display unit 264.

  As described above, in the homepage creation support system 100, when the user 190 selects the editable area indication mark to be edited by clicking, the display content of the selected editable area is changed from the browsing display data to the editing display data. The display data is displayed on the display unit 264, and the browsing display data is displayed on the display unit 264 for the portion other than the selected editable region. Therefore, the user 190 can easily determine which area is being edited while viewing the editing screen. Thus, according to the homepage creation support system 100, the user 190 can edit the homepage as if browsing the homepage.

  The display data storage unit 210 further stores allowable conditions allowed for input data input to the input frame of the edit area in association with identification information for identifying the editable area. The input permission condition determination unit 230 stores the input data transmitted by the input data transmission unit 290 in association with the identification information for identifying the editable area transmitted by the input data transmission unit 290 and stored in the display data storage unit 210. It is determined whether or not the allowable condition is satisfied.

  When the input allowable condition determining unit 230 determines that the allowable condition is not satisfied, the display data generating unit 200 generates display data at the time of editing including information indicating that the allowable condition is not satisfied. The display data receiving unit 252 includes display information including information indicating that the allowable condition generated by the display data generating unit 200 is not satisfied when the input allowable condition determining unit 230 determines that the allowable condition is not satisfied. Is newly received. Then, the display switching control unit 270 displays the display in the editable area included in the template displayed on the display unit 264 while displaying a part other than the editable area of the template displayed on the display unit 264. The data receiving unit 252 displays the display data during editing newly received. For this reason, the user 190 can easily know that the input data does not satisfy the input permission condition by viewing the contents of the display data at the time of editing displayed on the display unit 264.

  The template storage unit 220 stores a plurality of templates having different designs including a common editable area. Then, the display data storage unit 210 associates with the identification information for identifying the editable region common to the plurality of templates stored in the template storage unit 220, and the client device 120 when the user 190 edits the editable region. The editing display data to be displayed in the editable area of the home page displayed on the screen and the browsing display data to be displayed in the editable area of the home page displayed on the client device 120 when the user 190 browses the home page are stored. For this reason, according to the homepage creation support system 100, if the user 190 inputs the editing contents for one design, even when the user 190 changes the design of the homepage, the design of the company name, telephone number, etc. For common edit items, you can recreate the homepage without re-entering data.

  The template storage unit 220 stores a plurality of templates with different designs including a common editable area for each of a plurality of categories. Then, the display data storage unit 210 associates with the identification information for identifying the editable region common to the plurality of templates for each category stored in the template storage unit 220, and when the user 190 edits the editable region. Edit display data to be displayed in the editable area of the home page displayed on the client device 120 and browse display data to be displayed in the editable area of the home page displayed on the client device 120 when the user 190 browses the home page. Store.

  Specifically, the template storage unit 220 stores a plurality of templates having different designs including a common editable area for each of a plurality of industries. For example, in the case where the template storage unit 220 stores templates suitable for each industry for each of a plurality of industries such as medical institutions and retail stores, for example, medical hours at medical institutions and business hours at retail stores are displayed. Store the area as a common editable area. Then, the display data storage unit 210 associates with the identification information for identifying the editable region common to the plurality of templates for each business type stored in the template storage unit 220, and when the user 190 edits the editable region. Editing display data to be displayed in the editable area of the home page displayed on the client device 120 and browsing display data to be displayed in the editable area of the home page displayed on the client device 120 when the user 190 browses the home page. Store. For this reason, since the homepage creation support system 100 of this embodiment prepares templates with various designs for various industries, it can appropriately support the creation of homepages by the user 190.

  FIG. 3 shows an example of data stored in the display data storage unit 210 in a table format. The display data storage unit 210 stores an ID for identifying an editable area, display data for editing, and display data for browsing. The template stored in the template storage unit 220 displays an ID (#AAA, BBB, CCC...) For identifying an editable area such as a logo image and a telephone number on a home page, and is displayed when the editable area is edited. The editing-time HTML data 300 (a to c) in which the contents are described and the browsing-time HTML data 302 (a to c) in which the contents to be displayed when the user 190 browses the editable area are stored. The HTML data may be data described in HTML itself, but includes data communicated by the HTTP protocol or data that is the source of the data.

  FIG. 4 shows an example of the page content displayed by the browser. The editable area in the template includes an access counter area 410, a logo image area 420, a message area 430, a catchphrase area 440, a summary information area 450, and a link area 460. The access counter area 410 includes an access counter use selection area 412, an access counter design designation area 414, and an access counter value setting area 416. The summary information area 450 includes a name area 452, a business hours area 454, and a map link 456 indicating a link to a map page. Further, the link area 460 includes page link information (for example, a traffic guide link 462) indicating a link to each page. This figure is an example of the page contents when browsing display data is displayed in all editable areas.

  Further, the template indicates that an editable area instruction mark is displayed for each editable area, and the editable area instruction mark is displayed small in the vicinity of each editable area. For example, an editable area instruction mark 422 is displayed near the logo image area 420. The user 190 can display edit-time display data for editing each editable area by clicking on the editable area instruction mark with the mouse.

  FIG. 5 shows an example of the page content at the time of editing displayed by the browser. This figure shows an example of page contents displayed when the editable area instruction mark in the name area 452 in FIG. 4 is clicked. The template includes a plurality of editable area instruction marks so that a JavaScript (registered trademark) function executed when the editable area instruction mark is clicked is called with an ID for identifying each editable area as an argument. It is written in association with each.

  When the editable area instruction mark in the name area 452 is clicked, the display switching control unit 270 switches the display content at the position of the name area 452 to the input frame 500 indicated by the editing display data. The client device 120 has already read the editing display data (input frame 500) of the name area 452 and the browsing display data of the name area 452 when receiving the page shown in FIG. Then, the JavaScript (registered trademark) function that is called when the editable area instruction mark is clicked hides the display contents by the display data at the time of browsing displayed in the editable area corresponding to the ID passed by the argument. And processing for displaying the input frame 500 indicated by the display data at the time of editing. For this reason, since the client device 120 does not need to communicate with the server device 110 when switching to the editing operation, the client device 120 can switch from the browsing display data to the editing display data at high speed.

  The editing display data indicating the input frame 500 may be HTML data described so that the editing content explanation field 502, the name input field 504, the registration button 506, and the cancel button 508 are arranged in a predetermined layout. In the edit content explanation column 502, an explanation of data to be input to the name edit area is displayed. The name input field 504 is an input field for inputting data to be displayed in the name area 452.

  As the editing display data indicating the input frame 500, it is described in association with the OK button 506 that a predetermined JavaScript function is called when the OK button 506 is clicked. In the called JavaScript (registered trademark) function side, which edit display data OK button was clicked by the ID information for identifying the editable area described as the tag information included in the edit display data. Can be identified.

  Then, when the user 190 inputs a name in the name input field 504 and clicks an OK button 506, a JavaScript (registered trademark) function in which a procedure of update processing is described is called. This function describes a procedure for executing a process of transmitting the ID data for identifying the editable area and the name data input in the name input field 504 to the server apparatus 110 as, for example, POST data. When the server device 110 receives the POST data, the server device 110 updates the name data stored in association with the received ID with the received name data, and also displays the browsing display data using the name data and The editing display data is generated and transmitted to the client device 120. Then, the client device 120 displays the content indicated by the received browsing display data in the name area 452.

  The edit display data indicating the input frame 500 is associated with the cancel button button 508 that a predetermined JavaScript function is called when the cancel button 508 is clicked. When the user 190 clicks the cancel button 508, the JavaScript (registered trademark) function associated with the cancel button 508 is called to hide the input frame 500 based on the display data at the time of editing, and to the name area 452. The display contents of the display data at the time of browsing, that is, the display contents having the same contents as the name area 452 in FIG. 4 are displayed.

  As described above, in the present embodiment, the functions of the display switching control unit 270 and the input data transmission unit 290 are realized by a program described by a JavaScript (registered trademark) function. For this reason, the client device 120 can switch between the editing display data and the browsing display data at high speed for each editable area.

  Note that the maximum number of characters that is the upper limit of the number of input characters input to the input frame 500 may be determined. The maximum number of characters is stored for each editable area by the display data storage unit 210. Note that the display data generation unit 200 may generate editing display data including an input field for the length of the character input frame proportional to the maximum number of characters stored in the display data storage unit 210.

  FIG. 6 shows an example of page contents when editing a logo image displayed by the browser. In the example of this figure, the input frame 600 based on the display data when editing the logo image area 420 is displayed at the position where the logo image area 420 is displayed. The editing display data includes an editing content explanation column 602, a logo image file input column 612, a reference button 614, a registration button 606, a cancel button 608, and a logo image input column 604 including a delete button 610 in a predetermined layout. It may be HTML data described to be placed.

  In the editing content explanation column 602, an explanation of data to be input to the logo image editing area 420 is displayed. The logo image file input field 612 is a frame for inputting a path name of an image file of the logo image. The reference button 614 is a button for displaying a selection menu for selecting an image from a file managed by the client device 120 on the display unit 264 when the button is clicked. An OK button 606 is a button for executing a process for registering a logo image, and a cancel button 608 is a button for executing a process for canceling editing of an editable area. The delete button 610 is a button for executing processing for deleting a registered logo image. The edit display data indicates that when the OK button 606, the cancel button 608, and the delete button 610 are clicked, a JavaScript (registered trademark) function in which a procedure corresponding to each process is described is called. Yes.

  When the cancel button 608 is clicked, the input frame 600 is not displayed and the display data at the time of viewing the logo area 420 is displayed as in the operation when the cancel button 508 is clicked. The editing display data describes the content of communication processing with the server device 110 when the OK button 606 or the delete button 610 is clicked in JavaScript (registered trademark). As described above, the editing display data in the logo image area 420 includes a menu that supports registration and deletion of the logo image. If the logo image is deleted, the server device 110 records that the logo image is not used.

  FIG. 7 shows an example of page contents when editing the access counter design displayed by the browser. In the access counter design area 414, an input frame 700 based on display data at the time of editing is displayed. This editing display data may be HTML data described so that the editing content explanation column 702, the counter design selection column 704, the registration button 706, and the cancel button 708 are arranged in a predetermined layout. In this input frame 700, the design format of the number of the access counter displayed in the access counter area 412 is designated.

  In the edited content explanation column 702, an explanation of data to be input in the access counter design area 414 is displayed. The counter design selection field 704 presents the design of the access counter in a selection menu format and allows the user 190 to select it. An OK button 706 is a button for registering the access counter design in the server apparatus 110 when clicked. A cancel button 708 is a button for canceling editing of the access counter design when clicked. The edit display data indicates that when the OK button 7606 and the cancel button 708 are clicked, a JavaScript (registered trademark) function in which a procedure corresponding to each process is described is called.

  When the cancel button 708 is clicked, the input frame 700 is not displayed and the display data at the time of browsing in the editing area 414 is displayed in the same manner as when the cancel button 508 is clicked. Also, the editing display data describes a procedure for registering an access counter design by communication with the server apparatus 110 when the OK button 706 is clicked, which is described in JavaScript (registered trademark). ing. As described above, the editing display data in the access counter design area 414 describes a menu that supports registration of the access counter design type.

  When the OK button 706 is clicked, the selected content is reflected in the access counter design area 414, and the counter design format displayed in the access counter area 412 is changed to the selected design format. Be changed. Such processing is described in a JavaScript (registered trademark) function that is called when the OK button 706 is clicked. Thus, the homepage creation support system 100 allows the user 190 to immediately check the display result of the change when the design of the access counter is changed.

  FIG. 8 shows an example of the page contents when editing the medical treatment time displayed by the browser. In the example of this figure, an input frame 800 based on display data at the time of editing is displayed in the business hours area 454. The display data at the time of editing is HTML data described so that the editing content explanation field 802, business hours input field 804, registration button 806, cancel button 808, and HTM tag use box 810 are arranged in a predetermined layout. Good. In this input frame 800, business hours data displayed in the business hours area 454 is input.

  In the edited content explanation column 802, an explanation of data to be input in the business hours area 454 is displayed. In the business hours input field 804, business hours data is input. In the HTML tag use box 810, it is specified whether or not an HTML tag is used for data input to the business hours input field 804. When the HTML tag use box 810 is checked, it is indicated that the data entered in the business hours input field 804 includes an HTML tag. For example, depending on the medical institution, the reception time may vary greatly depending on the day of the week. Even in such a case, by registering business hours with a design that is easy for viewers of the homepage, such as making the time zone indicating business hours into a tabular format by allowing the use of HTML tags for input data in the business hours area be able to.

  When the OK button 806 is clicked, processing for registering business hours is executed. When the cancel button 808 is clicked, editing of business hours is canceled. The editing display data describes that when the OK button 806 and the cancel button 808 are clicked, a JavaScript (registered trademark) function in which a procedure corresponding to each processing is described is called.

  When the cancel button 808 is clicked, the input frame 800 is not displayed and the browsing time display data in the business hours area 454 is displayed as in the case of the operation when the cancel button 508 is clicked. In addition, in the editing display data, when the OK button 806 is clicked, a process is described in which the business hours data input in the business hours input field 804 is transmitted to the server device 110 to register the business hours data. Has been. When the HTML tag use box 810 is checked, the client device 120 transmits to the server device 110 that the HTML tag is used for the business time data when transmitting the input business time data. . At this time, if the HTML tag is not used, the server device 110 converts and records the business hours data so that characters such as “<” are correctly displayed in the browser software, and the HTML tag is used. If so, the entered business hours data is recorded as it is. Thus, the editing display data in the business hours area 454 describes a menu that appropriately supports registration of business hours data.

  FIG. 9 shows an example of a processing flow of the server apparatus 110 when input data is received from the server apparatus 110. In the processing flow example of this figure, the processing flow of the server apparatus 110 in the logo image registration instruction (when the OK button 606 is clicked) from the user 190 or the logo image deletion processing (when the deletion button 610 is clicked). An example is shown.

  The display data generation unit 200 receives input data from the input data transmission unit 290 (S902). The input data here includes, for example, an ID for identifying a logo image editing area, an operation instruction indicating either a registration instruction or a deletion instruction, and in the case of a logo image registration instruction, includes at least the content of the image data. . Then, the display data generation unit 200 determines whether or not the OK button 606 has been clicked from the operation instruction information included in the input data (S904).

  If it is determined in S904 that the OK button 606 has been clicked, the server apparatus 110 stores the image data included in the input data as a logo image file managed by the server apparatus 110 (S906). Then, the display data generation unit 200 generates HTML data for logo image browsing (S908). In S908, the display data generation unit 200 generates logo image browsing HTML data that refers to the logo image file saved by the server apparatus 110 in S906. In addition, the display data generation unit 200 generates HTML data for editing a logo image (S910). The display data storage unit 210 stores the logo image browsing HTML data and the logo image editing HTML data generated in steps S908 and S910 in association with an ID for identifying the logo image editing area. The data is transmitted to the client device 120 (S912). Then, the server apparatus 110 ends the logo image registration process.

  If it is determined in S904 that the OK button 606 has not been clicked, the display data generation unit 200 determines whether the delete button 610 has been clicked (S920). When it is determined in S920 that the delete button 610 has been clicked, the display data generation unit 200 deletes the logo image file that is already stored in the server apparatus 110 as a logo image (S922). Then, the display data generation unit 200 moves the process to S908. In this case, in S908, the display data generation unit 200 generates HTML data for viewing a logo image indicating the content not using the logo image.

  If it is determined in S920 that the delete button 610 has not been clicked, the server device 110 performs error processing such as notifying the client device 120 of the error content (S930), and ends the processing. To do.

  In addition, in this figure, the processing flow of the server apparatus 110 when a logo image registration / deletion instruction is received has been described. In other registration processing, for example, name region registration processing, the server device 110 generates and stores browsing display data and editing display data as in the processing in S908 to S912 without determining the operation type. . When the display data during editing is generated, if the number of characters in the name is larger than the maximum number of characters in the name stored in the display data storage unit 210, a message indicating that the maximum number of characters has been exceeded is included in the display data during editing. For example, when the number of characters exceeding the maximum number of 100 characters is input, the display data generation unit 200 generates a message such as “Please enter within 100 characters” in the display data during editing.

  FIG. 10 shows an example of the edited page content of the traffic guide page linked to the home page. The traffic guide page editing page example shown in the example of this figure is displayed when the traffic guide link 462 or the map link 456 of FIG. 4 is clicked. The same contents as the business hours area 454 of FIG. 4 are displayed in the business hours area 1054 of the edit page shown in this figure. That is, the contents of the business hours edited on the top page of FIG. 4 are also reflected in this figure. Again, the business hours can be edited by clicking on the editable area instruction mark in the business hours area 1054. Needless to say, the contents of the business hours edited on the edit page of the traffic guide page are reflected when an edit page of another page such as a top page having business time information is opened. Thus, since the homepage creation support system 100 stores data for each editable area, the user 190 does not need to manage the contents for each page, and can be easily updated by updating information on a certain page. You can update the contents of the homepage.

  Note that the HTML data indicating the display content of the edit page shown in FIG. 4 includes a process of jumping to the edit page of the traffic guide page when the traffic guide link 462 or the map link 456 is clicked. It is described in. When the homepage is actually operated, the link information to the traffic guide page is simply written in the area of the traffic guide link 462 or the map link 456. However, when creating a homepage by the homepage creation support system 100, JavaScript (registered trademark) in which processing for jumping to the edit page of the traffic guide page is described instead of link information corresponds to the traffic guide link 462 or the map link 456. The HTML data described above is transmitted to the client apparatus 120. Therefore, the user 190 can edit a series of home pages with the same feeling as when browsing the home pages.

  Note that link information 1060 is displayed on the left side of the screen in a subpage that is not the top page, such as the traffic guide page shown in the figure. The contents and position of the link information are common to each subpage, and the template storage unit 220 stores template information indicating such a layout.

  As shown in FIGS. 4 to 8 and 10, an operation panel 400 is displayed on each edit page. The operation panel 400 includes a save button 490, a save & close button 491, a close button 492, a reload button 493, a top page move button 494, a design selection button 495, a site property setting button 496, a page property setting button 497, and a page release button. 498 and a help display button 499. When the instruction input unit 280 detects that the user 190 clicks the save button 490, the instruction input unit 280 transmits an instruction to save the home page to the server apparatus 110. When the server device 110 receives an instruction to save the home page, the server device 110 generates a public home page that operates the actual home page from the data registered for each editable area, and manages the server device 110. Save to media. In addition, when the instruction input unit 280 detects that the user 190 clicks the page disclosure button 498, the instruction input unit 280 transmits an instruction to publish the homepage to the server device 110. When the server device 110 receives the instruction to publish the home page, the home device is copied by copying the home page for publishing stored in the storage medium managed by the server device 110 to a directory or the like that can be published. Publish.

  When the instruction input unit 280 detects that the user 190 clicks the save & close button 491, the instruction input unit 280 transmits an instruction to save the home page to the server apparatus 110, and that the saving completion is received from the server apparatus 110. As a condition, close the home page edit page. When the instruction input unit 280 detects that the user 190 clicks the close button 492, the instruction input unit 280 closes the edit page of the home page. When the instruction input unit 280 detects that the user 190 has clicked the reload button 493, the instruction input unit 280 transmits an instruction to the server apparatus 110 to reload the homepage editing page. When the server device 110 receives an instruction to re-read the home page, the editing display data and the browsing display data are read from the data registered for each editable area in the same manner as when each editing page is accessed for the first time. Is generated and transmitted to the client apparatus 120.

  Also, when the instruction input unit 280 detects that the user 190 clicks the top page movement button 494, the instruction input unit 280 requests the server device 110 to edit the top page. The server device 110 generates home page data for editing of the top page including the display data at the time of editing and the display data at the time of browsing from the data registered for each editable area, and transmits it to the client device 120. In addition, when the instruction input unit 280 detects that the user 190 has clicked the site property setting button 496, the instruction input unit 280 displays a site property input menu on the display unit 264. The site properties include, for example, settings for the entire site such as settings for search engines. The data set from the input menu is transmitted to the server device 110 and recorded as a site setting file or the like. When the instruction input unit 280 detects that the user 190 has clicked the page property setting button 496, the instruction input unit 280 displays a page property input menu on the display unit 264. The page property includes, for example, a setting for a currently edited page, such as a flag indicating whether the page is open / closed or a title of the page. The data set from the input menu is transmitted to the server device 110 and recorded as a disclosure flag, a title, etc. recorded for each page.

  Further, when the instruction input unit 280 detects a click on the help display button 499 by the user 190, the help display and non-display by the display unit 264 are alternately switched. For example, when the help display is enabled and a click on the help display button 499 is detected, the help display is set to invalid (no help is displayed), and when the help display is set to invalid, the help display button is set. When the 499 click is detected, the help display is set to be valid. When the help display is set to be valid, if the position of the mouse overlaps each element of each editable area or the area where each button of the operation panel is displayed, the client device 120 sets the help contents set in advance. Is displayed on the display unit 264. This help content is set in advance for each editable area or each button on the operation panel, and the server apparatus 110 receives the edit contents all at once when the edit page is received. Note that the processing content for displaying the help content on the display unit 264 is JavaScript (registered trademark) called when the position of the mouse overlaps each element of each editable area or each area where each button of the operation panel is displayed. It is described in the page data as function processing.

  In addition, when the instruction input unit 280 detects that the user 190 has clicked the design selection button 495, the instruction input unit 280 requests the server apparatus 110 to transmit a design selection page. When the server device 110 receives the request for the design selection page, the server device 110 transmits the design selection page to the client device 120. Details of the design selection page will be described with reference to FIG. Note that the process of communicating with the server device 110, such as saving a page, publishing a page, setting site properties, setting page properties, and publishing a home page, is described in the page data as a process of a JavaScript (registered trademark) function.

  FIG. 11 shows an example of a design selection page for selecting a homepage design. The design selection page is a page presented to the user 190 during editing, and is not presented to the viewer during actual operation. This design selection page is displayed when the design selection button 496 on the operation panel 400 is clicked. In this figure, images 1101-1104 showing four different designs are presented. The user 190 clicks an image of a desired design from the presented images, and moves to an edit page for editing the top page of the design indicated by the clicked image. Note that the home page design described in FIGS. 4 to 10 of the present embodiment is an edit page related to the design indicated by the image 1101.

  Note that the template storage unit 220 has an editable area identified by a common ID among the designs, and the editable area data set on the edit page of one design is the data of another design. It will be carried over to the edit page. In the example of this figure, the logo image of the design shown by the image 1102 is substantially the same as the logo image of the design shown by the images 1101 to 1104. Therefore, the user 190 can easily change the design of the homepage by using the homepage creation support system 100 without re-inputting data from scratch.

  As described above, the homepage creation support system 100 can support creation of a homepage having a design that the user 190 likes. In addition, taking the home page of a medical institution as an example, if each medical institution creates and publishes its own home page, the contents described between each home page and the link system of the home page are not unified. Sometimes the patient takes time to find the information they need. However, in the homepage creation support system 100 according to the present embodiment, the contents to be disclosed on the homepage and the link system between each medical institution can be obtained by having a plurality of medical institutions input data to be disclosed to patients and the like without any excess or deficiency. Finished in a unified home page group. For this reason, it becomes easy for the patient to compare the medical institutions from the contents described on the homepage. In the homepage creation support system 100, items to be described on the homepage are determined to some extent. For this reason, the service company 130 provides patients with various services such as providing a search service for searching for a desirable medical institution according to the patient's condition such as the patient's medical condition and address from the input data. Can do.

  As mentioned above, although this invention was demonstrated using embodiment, the technical scope of this invention is not limited to the range as described in the said embodiment. Various modifications or improvements can be added to the above embodiment. It is apparent from the scope of the claims that the embodiments added with such changes or improvements can be included in the technical scope of the present invention.

It is a figure which shows an example of the utilization environment of the homepage creation assistance system. It is a figure which shows an example of the block configuration of the homepage creation assistance system. It is a figure which shows an example of the data which the display data storage part 210 stores in a table format. It is a figure which shows an example of the page content displayed by the browser. It is a figure which shows an example of the page content at the time of the edit displayed by a browser. It is a figure which shows an example of the page content at the time of the editing of the logo image displayed by a browser. It is a figure which shows an example of the page content at the time of editing of the access counter design displayed by a browser. It is a figure which shows an example of the page content at the time of edit of the medical treatment time displayed by a browser. It is a figure which shows an example of the processing flow of the server apparatus 110 in the case of receiving input data from the server apparatus 110. It is a figure which shows an example of the edit page content of the traffic guidance page linked with a homepage. It is a figure which shows an example of the design selection page which selects the design of a homepage.

Explanation of symbols

100 homepage creation support system 110 server device 120 client device 121 client device 122 client device 130 service company 140 customer 190 user 150 network 200 display data generation unit 210 display data storage unit 220 template storage unit 230 input permission condition determination unit 240 page data transmission Unit 242 display data transmission unit 244 template transmission unit 250 page data reception unit 252 display data reception unit 254 template reception unit 260 editing area display control unit 262 template display control unit 264 display unit 270 display switching control unit 280 instruction input unit 290 input data Transmitter

Claims (10)

A server device that manages a homepage that can be browsed via a network;
A homepage creation support system comprising a client device connected to the server device via a network and allowing a user to edit a homepage managed by the server device,
The server device
A template storage unit for storing a template of a homepage including an editable area that is an editable area by the user;
Editing to be displayed in the editable area of the home page displayed on the client device when the user edits the editable area in association with identification information for identifying the editable area of the template stored in the template storage unit A display data storage unit for storing display data at the time of browsing, and display data at the time of browsing to be displayed in the editable area of the home page displayed on the client device when the user browses the home page
The client device is
A display unit;
A template display control unit for displaying the template stored in the template storage unit on the display unit;
A display data receiving unit for receiving the display data at the time of editing and the display data at the time of browsing stored in the display data storage unit in association with identification information for identifying the editable area of the template displayed by the display unit;
An edit area display control unit for displaying on the display unit either the edit display data received by the display data receiving unit or the browse display data in the editable region included in the template displayed by the display unit; ,
A display switching control unit that switches between display data during editing and display data during browsing while displaying a portion other than the editable area of the template displayed by the display unit; Homepage creation support system. The display data storage unit stores display data at the time of editing including an input frame for inputting information to be displayed in the editable area when browsing a homepage,
The editing area display control unit displays editing display data including an input frame on the display unit,
The client device is
When input data is input to the input frame displayed by the display unit, the input data input to the input frame and identification information for identifying the editable area including the input frame are transmitted to the server device. An input data transmission unit
The server device
From the input data transmitted by the input data transmission unit, further includes a display data generation unit that generates display data during editing and display data during browsing,
The display data storage unit generates the display data at the time of editing and the display data at the time of browsing stored in association with identification information for identifying the editable area transmitted by the input data transmission unit. The homepage creation support system according to claim 1, wherein the homepage creation support system updates and stores the edited display data and the browsed display data. The display data receiving unit newly receives the display data at the time of editing and the display data at the time of browsing that the display data storage unit has updated and stored,
The display switching control unit displays the display data in the editable area included in the template displayed by the display unit while displaying a part other than the editable area of the template displayed by the display unit. The homepage creation support system according to claim 2, wherein the reception display data newly received by the receiving unit is displayed. The display data storage unit further stores allowable conditions allowed for input data input to the input frame of the edit area in association with identification information for identifying the editable area,
The server device
Whether or not the input data transmitted by the input data transmission unit is associated with the identification information for identifying the editable area transmitted by the input data transmission unit and the allowable condition stored in the display data storage unit is satisfied. It further has an input allowable condition determination unit for determining,
The display data generation unit generates display data at the time of editing including information indicating that the allowable condition is not satisfied, when the input allowable condition determination unit determines that the allowable condition is not satisfied,
The display data receiving unit, when the input permissible condition determining unit determines that the permissible condition is not satisfied, newly displays the editing display data including information indicating that the permissible condition generated by the display data generating unit is not satisfied. To receive
The display switching control unit displays the display data in the editable area included in the template displayed by the display unit while displaying a part other than the editable area of the template displayed by the display unit. The homepage creation support system according to claim 2, wherein the reception display unit displays the display data newly received by the reception unit. The template storage unit stores a template including an editable area instruction mark indicating a position of an editable area in the template,
The template display control unit displays a template including an editable area instruction mark on the display unit,
When the editable area instruction mark included in the template displayed on the display unit is selected, the display switching control unit remains displaying a part other than the editable area of the template displayed on the display unit. The homepage creation support system according to claim 1, wherein the display data is switched from the browsing display data to the editing display data and displayed on the display unit. The template storage unit stores a plurality of templates having different designs including a common editable region,
The display data storage unit is displayed on the client device in association with identification information for identifying an editable region common to a plurality of templates stored in the template storage unit when the user edits the editable region. The display data for editing displayed in the editable area of the home page and the display data for browsing displayed in the editable area of the home page displayed on the client device when the user browses the home page are stored. Homepage creation support system. The template storage unit stores a plurality of templates having different designs including a common editable area for each of a plurality of categories,
The display data storage unit is associated with identification information for identifying an editable region common to a plurality of templates for each category stored in the template storage unit, and when the user edits the editable region, the client device The display data for editing to be displayed in the editable area of the home page displayed on the website and the display data for browsing to be displayed in the editable area of the home page displayed on the client device when the user browses the home page are stored. 6. A homepage creation support system according to 6. The template storage unit stores a plurality of templates with different designs including a common editable area for each of a plurality of industries.
The display data storage unit is associated with identification information for identifying an editable region common to a plurality of templates for each type of business stored in the template storage unit, and the client device is used when the user edits the editable region. The display data for editing to be displayed in the editable area of the home page displayed on the website and the display data for browsing to be displayed in the editable area of the home page displayed on the client device when the user browses the home page are stored. 7. Homepage creation support system according to 7. A homepage creation support server connected via a network to a client device that manages homepages that can be browsed via a network and allows the user to edit the managed homepage,
A template storage unit for storing a template of a homepage including an editable area that is an editable area by the user;
Edit-time display that is displayed in the editable area of the home page displayed on the client device when the user edits the editable area in association with identification information for identifying the editable area of the template stored in the template storage unit A display data storage unit for storing data and browsing-time display data to be displayed in the editable area of the website displayed on the client device when the user browses the website;
A template transmission unit for transmitting and displaying the template stored in the template storage unit to the client device;
The display data storage unit stores the editing display data and the browsing display data to the client device, and the portion other than the editable area of the template displayed by the client device remains displayed. A homepage creation support server comprising: a display data transmission unit that switches between display data for editing and display data for browsing and displays on the client device. A homepage creation support method for managing homepages that can be browsed via a network, and allowing a user to edit the managed homepage on a client device.
Corresponding to the identification information for identifying the editable area of the template of the homepage including the editable area that is the user editable area, the web page displayed on the client device when the user edits the editable area A display data storage stage for storing edit display data to be displayed in the editable area, and display data to be displayed to be displayed in the editable area of the home page displayed on the client device when the user browses the home page;
A template transmission stage for transmitting the template to the client device for display;
The display data stored during the display data storage step and the display data displayed during browsing are transmitted to the client device, and a portion other than the editable area of the template displayed by the client device remains displayed. A homepage creation support method comprising: a display data transmission step of switching between display data for editing and display data for browsing to display on the client device.

Images