JP6749787B2 - Homepage creation support system - Google Patents

Description

The present invention relates to a home page creation support system that supports creation and editing of Web pages created in a markup language.

To create a home page, the home page creator uses the HTML (Hyper Text Markup Language) language for description, and registers the home page information in the system for publication via FTP (File Transfer Protocol) to publish the home page. There is a need. Here, the home page is a text file including one or more Web pages and described in HTML via a communication network (Internet, etc.), and a screen displayed by using a WWW browser that displays HTML on the screen. Refers to the included description.

Since the home page is created in HTML and requires computer-readable notation, the home page creator must understand HTML to create the home page, and it takes time and time to create it. It was costly.

Therefore, in order to create a homepage easily and efficiently, software that centrally saves and manages the texts, images, layout information, etc. that make up the Web content, and builds and edits the site. A certain CMS (Contents Management System) is known.

There is known a system that allows a user to easily create a home page by using a CMS (see, for example, Patent Document 1). In such a system, the CMS provides a predetermined template screen to the client device side.

JP, 2010-186409, A

In the conventional CMS, the home page creator has to input information according to the provided template in order to create or edit the page, so that the page creating or editing method has less flexibility, and is convenient and efficient. Lack.

In view of the above points, it is an object of the present invention to provide a homepage creation support system that enhances the degree of freedom when creating or editing a homepage and enables the homepage to be created or edited efficiently and easily. ..

A homepage creation support system according to an aspect of the present invention is a homepage creation support system that is created in a markup language and supports creation or editing of a homepage including one or more web pages, and generates one or more web pages. And a control unit for managing the data for each Web page and displaying an input interface for creating or editing one or more Web pages on the display unit. The control unit includes a first interface for directly receiving the input of the markup language, a second interface for receiving the input on the same screen as the Web page, and a changeable input form for directly receiving the input of the text. And the third interface of No. 3 are selectively displayed on the display unit.

The control unit includes a first interface for directly receiving the input of the markup language, a second interface for receiving the input on the same screen as the Web page, and a changeable input form for directly receiving the input of the text. And the third interface of No. 3 are selectively displayed on the display unit. Therefore, the homepage creator can perform the input work by using the input screen corresponding to his level. Therefore, the home page creator can increase the degree of freedom of the person who creates or edits the home page and the method thereof, and can efficiently and easily create or edit the home page.

According to the home page creation support system of the present invention, the degree of freedom in creating or editing a home page is increased, and the home page can be created or edited efficiently and easily.

The figure showing the schematic structure of the whole system concerning one embodiment of the present invention. 3 is a flowchart showing a flow of operations performed by the home page creation support system according to the first embodiment. The figure which shows the example of a screen which concerns on Embodiment 1. The figure which shows the example of a screen which concerns on Embodiment 1. The figure which shows the example of a screen which concerns on Embodiment 1. The figure which shows the example of a screen which concerns on Embodiment 1. The figure which shows the example of a screen which concerns on Embodiment 1. The figure which shows the example of a screen which concerns on Embodiment 1. The figure which shows the example of a screen which concerns on Embodiment 1. 9 is a flowchart showing a flow of operations performed by the home page creation support system according to the second embodiment. The figure which shows the example of a screen which concerns on Embodiment 2. The figure which shows the example of a screen which concerns on Embodiment 2. The figure which shows the example of a screen which concerns on other embodiment. The figure which shows the example of a screen which concerns on other embodiment. The figure which shows the example of a screen which concerns on other embodiment.

Hereinafter, embodiments of the present invention will be described with reference to the drawings.

<1. Embodiment 1>
<1-1. Composition>
FIG. 1 is a diagram schematically showing an overall configuration of a homepage creation support system 1 (an example of a homepage creation support system) according to an embodiment of the present invention. The homepage creation support system 1 includes a server 10 and a client terminal 20 connectable to the server 10 by wire or wirelessly.

The server 10 and the client terminal 20 are, for example, computer devices used in facilities such as schools. The server 10 and the client terminal 20 are connected to each other via the Internet or a network such as an intranet or LAN.

<1-1-1. Server configuration>
The server 10 includes a control unit 11 (an example of a control unit), a storage unit 13 (an example of a storage unit), and a communication unit 15.

The control unit 11 includes a CPU having an arithmetic function, a ROM, a work RAM, and the like, and executes computer processing by, for example, the Web application 1101 and the CMS program 1103 that functions as a part thereof.

The CMS program 1103 is a program that executes a part of the functions of the Web application, and provides an interface for inputting when creating or editing the Web page as described later. The CMS program 1103 causes the display unit 25 to display an input interface via the Web browser 2101 of the client terminal 20 described later.

The storage unit 13 is a memory including a magnetic recording medium, a semiconductor memory, an optical recording medium, and the like. The storage unit 13 may be included in the server 10 or may be separately connected. The storage unit 13 stores content data 1301 managed by the CMS program 1103. The content data 1301 includes text data, HTML data, image data, and the like that make up each Web page. The content data 1301 may be configured and managed by a database.

The communication unit 15 is a part that connects the server 10 to the client terminal 20 in a wired or wireless manner. For example, a LAN card, a modem for connecting to the Internet, a router, and the like, and controlling these via a transmission path. It is configured by an interface or the like for connecting to the unit 11.

<1-1-2. Client terminal configuration>
The client terminal 20 is, for example, a desktop computer, a laptop computer, a mobile terminal, or the like. A plurality of client terminals 20 can connect to the server 10. The client terminal 20 is, for example, a worker who works at a facility that owns a home page provided by the server 10 and who makes an input for creating or editing each web page forming the home page (hereinafter referred to as a user) Used by.

The client terminal 20 includes a control unit 21, an input unit 23, a display unit 25, and a communication unit 27.

The control unit 21 includes a CPU having a calculation function, a ROM, a work RAM, and the like, and executes computer processing by, for example, the Web browser 2101.

The web browser 2101 causes the display unit 25 to display an input interface as will be described later by executing the CMS program 1103.

The input unit 23 includes a keyboard, a mouse, a touch panel, and the like, and receives an input operation of a user who creates or edits a Web page.

The display unit 25 includes a liquid crystal display (LCD), an organic EL display, or the like, and displays an input interface provided by the web browser 2101, for example.

The communication unit 27 is a part that connects the client terminal 20 to the server 10 in a wired or wireless manner, and controls, for example, a LAN card, a modem for connecting to the Internet, a router, and the like via a transmission line. It is configured by an interface or the like for connecting to the unit 11.

<1-2. Operation>
In the home page creation support system 1, the control unit 11 executes the CMS program 1103 to execute the operation of creating or editing the Web page. Hereinafter, with reference to FIG. 2 to FIG. 9, the operation of creating or editing a web page constituting a home page will be described.

When the user wants to add a new Web page (Yes in S101), the user presses the button for creating a new page via the input unit 23 of the client terminal 20 (S102). At this time, for example, as shown in FIG. 3, a “Create New Page” button B1 is displayed on the screen 25a of the display unit 25 of the client terminal 20, and the user selects the button. Further, in FIG. 3, a search screen for searching a page is displayed in addition to the “new creation button” B1.

On the other hand, when the user wants to edit a predetermined web page (No in S101), the user selects the page to be edited from the list of displayed web pages (S103). The page list is displayed by the CMS program 1103 according to the user's input operation via the input unit 23 of the client terminal 20. At this time, for example, as shown in FIG. 4, on the screen 25a of the display unit 25 of the client terminal 20, a list of existing Web pages constituting the home page is displayed. The page list displays items such as the URL of each Web page, page name, status, last updated person, and input history. The user selects the page to be edited from this list. The page list shown in FIG. 4 is simultaneously displayed on one screen together with a new creation button and a search screen (see FIG. 3).

Further, the user selects the input interface from the items of the page to be edited. There are a plurality of input interfaces, and it is possible to select either HTML input or input using an input form that can be changed or added. Further, the HTML input interface includes an interface for directly inputting HTML and an interface for inputting on the same screen as the Web page.

When selecting the HTML input (No in S104), the user selects "HTML input" in the "HTML input" column S1 shown in FIG. 4 by the input operation (S105). When the HTML is directly input and edited (Yes in S106), the user edits the HTML data (an example of the first interface) displayed on the screen 25a as shown in FIG. 5 by the input operation (S107). ). At this time, the control unit 11 of the server 10 reads the HTML data of the corresponding page from the content data 1301 and displays it on the display unit 25 (S107). Thereby, the user directly inputs and corrects the HTML data by the input operation (S108). When the input and correction are completed, the user selects the save button by the input operation (S109), saves the input and modified HTML data in the content data 1301 (S110), and ends the process.

On the other hand, when not directly editing in HTML (No in S106), the user selects the "preview edit" button (not shown) displayed on the display unit 25 by the input operation (S111), and the preview screen (second screen) Edit the HTML via an example of the interface). Note that the preview screen is the same screen as the provided web page, as shown in FIG. 6, for example, and the user can edit the web page without being aware of HTML. At this time, the control unit 11 of the server 10 reads the HTML of the corresponding page from the content data 1301 (S112), and sets the read HTML tag having the attribute class=“isEditable” to a changeable state. (S113). Then, the preview screen is displayed on the display unit 25 of the client terminal 20 (S114). The user inputs and corrects text or the like on the preview screen displayed on the web browser 2101 by an input operation (S115). When the user selects the save button by an input operation (S116), the CMS program 1103 of the control unit 11 acquires the input and corrected HTML data of the preview screen using JavaScript (registered trademark) (S117). The CMS program 1103 further restores the changeable state of the acquired HTML data (S118), saves the acquired HTML data in the content data 1301 (S119), and ends the processing.

When the HTML input is not selected (Yes in S104), the user can use the input form that can be added or changed. The input form is a form (an example of the third interface) displayed so that texts can be input for each field constituting the Web page. For example, as shown in FIG. 7, a value corresponding to each field (label) is input. It is an interface for input that can be displayed. When the input form of the Web page to be edited has been created (Yes in S120), the user selects, for example, "text input" in the "text input" column S2 shown in FIG. 4 (S121). At this time, the CMS program 1103 of the control unit 11 of the server 10 reads the input form of the corresponding page from the content data 1301 (S122) and displays it on the display unit 25. Thus, the user inputs and corrects the text through the displayed input form by the input operation (S123). The user selects the save button by an input operation (S124), and the text input and corrected via the input form is saved as the content data 1301 (S125). As a result, the HTML data corresponding to the text data is updated (S126). It should be noted that the user can confirm the contents of the modified or added input form, for example, on the screen as shown in FIG.

On the other hand, when the user has not created the input form of the Web page to be edited (No in S120), for example, after selecting “setting” in the “text setting” column S3 shown in FIG. 4 (S127), for example, as shown in FIG. As described above, the label value and the like are set to create a new input form, which is newly stored in the content data 1301 (S128). Then, the process returns to S120.

<1-3. Effects, etc.>
According to the homepage creation support system 1 (one example of the homepage creation support system) according to the above-described embodiment, the control unit 11 (one example of the control unit) of the server 10 includes a first interface for directly receiving an HTML input, A second interface for receiving an input on the same screen as the Web page and a third interface for directly receiving a text input including a changeable input form are selectively displayed on the display unit 25. Therefore, a plurality of user interface screens are provided for editing the web page, and the user can arbitrarily select the input format. Therefore, even a user having no specialized knowledge such as HTML can easily edit the Web page.

In the homepage creation support system 1 according to the above-described embodiment, the work suitable for the level of the user can be performed, so that it is possible to increase the flexibility of the creator and the method of creating or editing the webpage. Can be created or edited efficiently and easily.

For example, the changeable input form provided by the CMS program 1103 can be used to generate an interface screen that allows easy input and addition of open campus information, as shown in FIG. FIG. 13A shows a window W1 of an input form of open campus information, FIG. 13B shows an edit window W2 of the scheduled date and time of the open campus, and FIG. 13C shows a web page of the open campus information. The upper window W3 is shown. The user can change or add a web page without being conscious of HTML only by inputting text or the like via the input form shown in FIG. 13A or FIG. 13B. In particular, since the information about the open campus is frequently changed or added, the work load of editing the web page for the user can be greatly reduced. Further, since the input form can be changed or added, it is possible to easily and easily provide the input form that matches the user's environment.

According to the homepage creation support system 1 according to the above-described embodiment, since all the Web pages are collectively managed by the CMS program 1103, it is necessary to reconstruct a page or create an HTML every time editing is complicated. Can be eliminated.
In addition, since the statuses of all the web pages that are collectively managed can be displayed as a list, it is possible to improve the convenience and efficiency for the user when creating or editing a web page.

<2. Embodiment 2>
<2-1. Composition>
The configuration of the homepage creation support system 1 according to the present embodiment is the same as that of the first embodiment (FIG. 1), and the description will be omitted.

<2-2. Operation>
In the homepage creation support system 1 according to the present embodiment, the control unit 11 executes the CMS program 1103 to perform the comparison display operation of HTML data. Hereinafter, the comparison display operation of HTML data will be described with reference to FIGS. In the following operation, in the update history of a specific Web page, when comparing the history at any two points in the past (pattern 1) and when comparing any one history with the latest data (pattern 2) Including and

On the screen 25a of the display unit 25 of the client terminal 20, for example, a list of update history of a predetermined Web page as shown in FIG. 11 is displayed. In the case of pattern 1, the user selects two histories by an input operation (S201 to S202). By the user's input operation (for example, selecting the “compare” button B2 at the upper left of the screen 25a of FIG. 11), the comparison processing of the two selected histories is executed (S203).

In the case of pattern 2, the user selects one history by an input operation (S204). When one history is selected by the input operation by the user (for example, by selecting the “Compare” button in the “Compare with latest” column S4 on the right side of the screen 25a in FIG. 11) (S204), is selected. The process of comparing the single history with the latest data is executed (S205). The specific operation is as follows.

The control unit 11 obtains two pieces of history data to be compared, stores the rows one by one in the arrays A and B (S206), and executes loop 1 (S207 to S210).

The control unit 11 determines whether the HTML character strings stored in the array A and the array B match (S207). If they match, the value of the array A is stored in the array C and the row pattern i is set. If they do not match, the character string A′ in which the arbitrary character string “xxx” for discriminating the value of the array A is added to the beginning of the sentence is stored in the array C and set as the row pattern ii (S209). Further, a character string B', in which an arbitrary character string "yyy" for discriminating the value of the array B is added to the beginning of the sentence, is stored in the array C and is set as a row pattern iii (S210). Loop 1 (S207 to S210) is executed until all rows of the target data are completed.

After the loop 1 is completed, the loop 2 (S211 to S213) is executed. In Loop 2, a process for displaying the character strings stored in the array C line by line is executed, and the HTML data of the history selected by the user by this process is displayed on the left and right sides of the screen 25a as shown in FIG. 12, for example. To be displayed.

When the read character string of the array C is the row pattern i, the same character string on the left and right is displayed on the screen 25a (S211).

When the character string of the array C is the row pattern ii, the character string excluding the first character string “xxx” is controlled to be displayed on the left side of the screen in a colored or highlighted state on the screen 25a (S212).
When the character string of the array C is the row pattern iii, the character string excluding "yyy" in the character string of the row pattern iii stored in the array C is displayed on the right side of the screen in a colored or highlighted state. Yes (S213).

By executing the above operation, as shown in FIG. 12, the HTML data at the past two time points are displayed left and right on the screen 25a, and different portions are displayed in a colored or highlighted state. ..

<2-3. Effects, etc.>
According to the homepage creation support system 1 according to the above-described embodiment, the difference in the update history of HTML data can be visualized, so that the user can manage the past HTML edit history.

Further, since all the Web pages are collectively managed by the CMS program 1103, selection of update history can be realized in various ways. For example, it is possible to compare only the data by a specific updater in the update history of the selected Web page.

<3. Other Embodiments>
(A)
The configuration of the homepage creation support system 1 is not limited to the above embodiment.
For example, the server 10 may be a virtual server assigned to each facility. Further, the client terminal 20 may be a zero client or a thin client that executes only display output and input, or may be one that connects to a server and executes the above operation as a virtual desktop.

Further, in the above embodiment, the client terminal 20 is connected to the server 10 and the input interface is displayed on the display unit 25 thereof, but the present invention is not limited to this. The server 10 may be provided with an input unit and a display unit, and the user may directly input to the server 10 to create or edit the Web page.

(B)
The CMS program 1103 can further include the following functions specialized for facilities such as schools.

(Display of reaction status to homepage)
The CMS program 1103, for example, as shown in FIG. 14, acquires and manages the access status to the home page (progress of the number of requested materials, the number of page views for each page, the withdrawal rate, the bounce rate, etc.), and as a graph or chart. It can also be displayed. FIG. 14A shows a window W4 showing the rank of page view number, withdrawal rate, and bounce rate for each page, and FIG. 14B shows a window W5 showing a transition graph of the page view number. (C) shows a window W6 showing a table of access status data for each page. By outputting such data, the user can immediately find an inefficient page and can correct or improve the page.

(SEO setting)
The CMS program 1103, for example, as shown in FIG. 15, provides an input form in which information required for SEO (Search Engine Optimization) can be input and changed. As a result, the number of inflows from the search engine can be increased and a Web page can be created so that more accesses can be obtained.

(Reception of request for materials)
The CMS program 1103 can also provide a screen for accepting material requests such as entrance guides and applications.

(Bulk mail)
The CMS program 1103 can also automatically send a batch of mails to the person requesting the material. For example, the user can input and set a past material requester or a target condition to which an email is to be sent in advance, and can send a follow-up email such as open campus information. In this case, it may include a reservation function for automatically sending an e-mail at the designated sending date and time, and an effect measuring function for measuring the number of clicks of the URL described in the e-mail.

(Security)
The CMS program 1103 may store all the data such as the personal information of the data requester in a database dedicated to the facility. In this case, the data requester's data is encrypted and stored. Further, the databases for storing the data may be distributed to two units so that even if one fails, the other can operate.

(Search function)
The CMS program 1103 may include a facility for searching faculties, departments, courses, and the like owned by a school, so that the access person can easily find an item of interest. For example, the related department may be displayed by simply clicking the occupation name in the “occupation search”. Further, in addition to the above, the related subject may be displayed from the academic field or the qualification search. As a result, the information required by the accessor can be provided optimally in the shortest time, and the convenience of the Web page can be improved.

The CMS program 1103 may also include a free word search function. In this case, each Web page on the home page can be searched at high speed.

(Use of other data)
The CMS program 1103 may make content data outside the system available. For example, if the facility is a school, it is possible to link other contents such as videos introducing professions and scholarships, scholarship/tuition guide information, profession/academic qualifications/diagnosis etc. is there.

(C)
The CMS program 1103 may have an API function as standard. This makes it possible to easily generate an application that meets the needs of the user and provide it to the user quickly.

(D)
In the above embodiment, HTML is mentioned as the markup language, but the markup language is not limited to this. For example, another markup language may be used as long as it is used for generating a web page, such as XML or SGML.

(E)
The execution order of the processing by the homepage creation support system 1 according to the above embodiment is not necessarily limited to the description of the above embodiment, and the execution order can be changed without departing from the gist of the invention. is there.

(F)
A home page creation support method executed by a home page creation support system, a computer program for executing the method, and a computer-readable recording medium recording the computer program are included in the scope of the present invention. Here, as the computer-readable recording medium, for example, a flexible disk, a hard disk, a CD-ROM, an MO, a DVD, a DVD-ROM, a DVD-RAM, a BD (Blu-ray (registered trademark) Disc), or a semiconductor memory is used. Can be mentioned.

The computer program is not limited to the one recorded in the recording medium, and may be transmitted via an electric communication line, a wireless or wired communication line, a network typified by the Internet, or the like.

1: Homepage creation support system 10: Server 11: Control unit 13: Storage unit 15: Communication unit 20: Client terminal 21: Control unit 23: Input unit 25: Display unit 25a: Screen 27: Communication unit 1103: CMS program 1301: Content data 2101: Web browser

Claims (1)

A homepage creation support system that is created in a markup language and supports creation or editing of a homepage including one or more web pages, and a storage unit that stores data for creating the one or more web pages,
A control unit that manages the data for each Web page and displays an input interface for creating or editing the one or more Web pages on a display unit;
Equipped with
The input interface includes a first interface for directly receiving an input in a markup language, a second interface for receiving an input on the same screen as a web page, and a changeable input form, and for inputting text. Including a third interface for direct acceptance ,
The control unit is
An input screen for selecting one of the first interface, the second interface, and the third interface for each of a plurality of Web pages is displayed on the display unit,
Displaying one of the first interface, the second interface, and the third interface on the display unit according to the selection of the input screen ,
When the second interface is selected , the markup language is made editable before the second interface is displayed on the display unit .
Homepage creation support system.