JP5281029B2 - Confirmation system and method - Google Patents

Description

  The present invention relates to a confirmation system and method for confirming the contents of web page submissions.

  Conventionally, when updating a Web page, prior confirmation of submitted content is performed by comparing the source code before the update with the submitted source code. Today, Web systems are being used as increasingly important media in business and people's lives, and the impact of inappropriate Web page updates is increasing. Confirmation is an increasingly important task for Web system providers.

  As a specific method of the prior confirmation, it has been proposed to compare the source code of the input source code and the source code before the update using a file difference detection tool such as diff of UNIX (registered trademark). (For example, refer to Patent Document 1). By using such a tool, the update contents of text files such as HTML and scripts are displayed in comparison on the screen, so that the administrator can accurately grasp the part of the text file that has been changed, added, or deleted. Can do.

JP 2004-126986 A

  Incidentally, the Web page is composed of text files such as HTML files and script programs, and non-text files such as images and moving images. Therefore, it is not enough to check the source code as described above for Web page pre-confirmation. Finally, a non-text file such as an image or video is added, and the entire Web page layout is also included. It is necessary to visually confirm the web page itself displayed on the screen. This is because it is difficult for the administrator to recognize and confirm the update content of the Web page that is finally displayed only by checking the difference between the text files.

  Furthermore, when updating Web pages, not only programmers but also a plurality of persons such as designers who design content designs and planners who plan content are often involved as managers. This is because the designer, not the programmer, is responsible for files such as images and videos. Furthermore, a small change in the appearance of a Web page that has been released once, or an update accompanied by a slight change, addition, or deletion may be frequently performed. In such a case, the renewal requirements are determined by the planner, the designer makes changes according to the requirements without the intervention of the programmer, and the planner confirms the results to perform the renewal work. Will do.

  In general, designers and planners have less knowledge about programs than programmers, and an environment has been sought for easier prior confirmation. Furthermore, as described above, even a programmer cannot perform sufficient prior confirmation only by confirming a text file, so an environment for comprehensively confirming the contents of a Web page to be finally displayed is required. It was.

  The present invention has been proposed in view of such conventional problems, and an object thereof is to provide an environment in which prior confirmation when updating a Web page is easier and more comprehensive.

  The present invention provides the following solutions.

  (1) Input source code storage means for acquiring and storing the input source code in units of a predetermined Web page from a source management server that manages the version of the input source code constituting the Web page to be submitted; Source code comparison means for obtaining an operation source code corresponding to the input source code stored in the input source code storage means from an operation server and displaying it together with the input source code; and the input source code storage means An operation reflecting means for reflecting the stored submitted source code to the operation server, and received binary data corresponding to the submitted source code stored by the submitted source code storage means from the image server, and the operation The submission source code reflected by the reflecting means is received from the operation server, and the predetermined Web page is Confirmation system and an operational confirmation means for displaying forms.

  According to the confirmation system described in (1), before sending the submission source code to the operation server, the operation source code corresponding to the submission source code is obtained from the operation server, and the submission source code and the operation source are obtained. Display code together. Then, after reflecting the input source code on the operation server, the corresponding input binary data is received from the image server, the input source code is received from the operation server, and a predetermined Web page is configured and displayed. Therefore, the confirmation system makes it easy for the administrator to compare and confirm the submission source code and the operation source code, and also by using input binary data such as images and videos corresponding to the submission source code reflected in the operation server. It is possible to provide an environment in which the configured web page can also be confirmed. As a result, the confirmation system can provide an administrator with an intermediate environment in which detailed confirmation of text file differences and confirmation of the entire web page are performed in a complementary manner before the web page is updated. . As a result, the confirmation system can provide an environment in which prior confirmation at the time of updating a Web page can be performed more easily and comprehensively regardless of the administrator's knowledge about the program. As will be described later, the operation server is composed of, for example, a staging server or a production server. However, the submission source code is reflected on the staging server at a stage before the submission source code is reflected on the production server, and the Web page described above is used. It is preferable to confirm the above.

  (2) The operation confirmation unit further includes a different part specifying unit that specifies a difference between the input source code acquired by the input source code storage unit and the operation source code acquired by the source code comparison unit. Is a confirmation system according to (1), in which the display portion of the predetermined Web page corresponding to the different portion specified by the different portion specifying means is highlighted.

  According to the confirmation system described in (2), a difference between the submitted source code and the operation source code is specified, and a display portion of a predetermined Web page corresponding to the specified difference is highlighted and displayed. Therefore, the confirmation server makes it easier for the administrator to find the difference between the text file in the input source code and the operation source code, and the difference in the Web page in which the difference is reflected. Discovery can also be made easier. Accordingly, the confirmation server can provide an environment in which the administrator can easily and comprehensively perform prior confirmation when updating the Web page.

  (3) A confirmation method in which a computer configures and displays a predetermined web page for performing prior confirmation when updating a web page in response to a request from a submission source, and the confirmation method includes submission An input source code storage step of acquiring and storing the input source code in units of a predetermined Web page from a source management server that manages a version of the input source code constituting the Web page, and the input source code storage A source code comparison step of acquiring an operation source code corresponding to the input source code stored in the step from the operation server and displaying it together with the input source code; and the input source stored in the input source code storage step An operation reflecting step for reflecting the code to the operation server, and the input source code storing step. Receiving the input binary data corresponding to the input source code stored in the image server from the image server, receiving the input source code reflected in the operation reflection step from the operation server, and configuring the predetermined Web page A confirmation method comprising: an operation confirmation step for displaying the information.

  According to the confirmation method described in (3), the same actions and effects as in (1) can be expected.

  According to the present invention, it is possible to provide an intermediate environment in which detailed confirmation of text file differences and confirmation of the entire web page are performed in a complementary manner before the web page is updated. As a result, it is possible to provide an environment in which prior confirmation when updating a Web page can be performed more easily and comprehensively regardless of the administrator's knowledge about the program.

It is a functional block diagram which shows the structure of the confirmation system in embodiment of this invention. It is a figure which shows the processing flow of the confirmation system in embodiment of this invention. It is a figure which shows the processing flow of the confirmation system in embodiment of this invention. It is a figure which shows the example of a display in embodiment of this invention. It is a functional block diagram which shows the structure of the confirmation system in another embodiment. It is a functional block diagram which shows the structure of the confirmation system in another embodiment. It is a figure which shows the processing flow of the confirmation system in another embodiment. It is a figure which shows the example of a display in another embodiment.

[First Embodiment]
Hereinafter, a first embodiment of the present invention will be described with reference to the drawings.

  FIG. 1 is a functional configuration diagram showing a schematic configuration of a confirmation system 1 according to an embodiment of the present invention. With reference to FIG. 1, the confirmation system 1 which concerns on this embodiment is demonstrated. The confirmation system 1 according to the present embodiment includes a confirmation server 10 and a terminal 20. In addition, a source management server 30, an image server 40, and an operation server group 50 are connected to the confirmation system 1, respectively.

  The source management server 30 is a database of a version management system that manages the version of the submitted source code 12 that constitutes the web page to be submitted. Manage versions. The source management server 30 is configured by a database application such as an open source CVS (Concurrent Versions System).

  The image server 40 is a server that stores the submitted binary data 41 and the operational binary data 42 constituting the Web page. The submitted binary data 41 is binary data such as an image or a moving image constituting a web page to be submitted. On the other hand, the operational binary data 42 is binary data such as images and moving images that constitute a Web page operated in a production environment (production server 52 described later). As the image file format, GIF (Graphics Interchange Format), JPEG (Joint Photographic Experts Group), or the like is used. As a file format of a moving image, Flash (registered trademark), animation GIF (GIF animation), or the like is used.

  The operation server group 50 includes a staging server 51 and a production server 52. The staging server 51 and the production server 52 include a control unit (HTTP daemon) that returns a response such as provision of content in response to a request from the Web browser of the terminal 20, and communicates with the Web browser of the terminal 20 using the HTTP protocol. . The operation server group 50 communicates with the confirmation server 10 using a communication protocol such as telnet encrypted by SSH (Secure Shell). Note that the communication encryption method and communication protocol between the operation server group 50 and the confirmation server 10 are not limited to this. The operation server of the present invention is realized by the staging server 51 or the production server 52.

  The staging server 51 stores the submission source code 12 (text system) that constitutes the web page to be submitted, and the production server 52 includes the operation source code 14 that constitutes the web page operated by the production server 52. (Text) is saved.

  The terminal 20 includes a Web browser that communicates with the operation server group 50 using the HTTP protocol. For example, an arbitrary terminal such as a desktop PC or a notebook PC can be employed. Further, the terminal 20 includes a submission source acquisition request unit 21, a source comparison request unit 22, a source code comparison display unit 23, a submission source reflection request unit 24, and a submission Web page display unit 25. .

  Upon receipt of the request operation from the administrator, the submission source acquisition request unit 21 transmits data requesting the submission source code 12 of the version requested by the administrator to the confirmation server 10 to the confirmation server 10. To do.

  The source comparison request unit 22 acquires the operation source code 14 corresponding to the submitted source code 12 stored in the storage unit of the confirmation server 10 from the staging server 51 and displays it together with the submitted source code 12 to the confirmation server 10. Make a request to

  The source code comparison display means 23 displays both the submission source code 12 and the operation source code 14 transmitted from the confirmation server 10 on the display screen 300 (see FIG. 4) of the terminal 20. As shown in FIG. 4, the source code comparison display unit 23 displays a difference portion between the input source code 12 and the operation source code 14 as a source code comparison display 200 in a manner that can be visually recognized as compared with the left and right of the screen 300. .

  The submission source reflection request unit 24 requests the confirmation server 10 to reflect the submission source code 12 acquired by the confirmation server 10 and stored in the storage unit to the staging server 51.

  The submission web page display means 25 receives the submission source code 12 from the staging server 51 by receiving a page request, receives the submission binary data 41 specified in the submission source code 12 from the image server 40, and receives the submission source code 12. A web page is constructed from the manuscript source code 12 and the submitted binary data 41 and displayed as a web page display 100 on the display screen 300 (see FIG. 4) of the terminal 20. The operation confirmation unit of the present invention is realized by the submitted web page display unit 25. In addition, the submitted Web page display unit 25 emphasizes and displays the display part of the Web page corresponding to the different part specified by the source code comparison / transmission unit 15 described later, as necessary.

  The confirmation server 10 is a control unit that acquires a submission source or reflects the acquired submission source in response to a submission source acquisition request from the terminal 20. The confirmation server 10 includes a submission source acquisition unit 11, an operation source acquisition unit 13, a source code comparison / transmission unit 15, a submission source reflection unit 16, and a storage unit (not shown) that stores each source code. . The storage unit stores the submitted source code 12 and the operation source code 14 acquired from the source management server 30 and the operation server group 50.

  Hereinafter, a specific configuration of the confirmation server 10 will be described.

  The submission source acquisition unit 11 accesses the source management server 30 to check out the file of the submission source code 12 of the version requested by the submission source acquisition request unit 21 and stores it in the storage unit of the confirmation server 10. To do. The submitted source code storage means of the present invention is realized by the submitted source acquisition means 11.

  When the operation source acquisition unit 13 receives a request for comparison between the input source code 12 and the operation source code 14 from the terminal 20, the operation source code 14 corresponding to the input source code 12 stored in the storage unit is stored in the staging server. 51 and stored in the storage unit of the confirmation server 10.

  The source code comparison / transmission means 15 generates difference information between the submitted source code 12 and the operational source code 14 using, for example, a diff command used when generating a difference between text files in UNIX (registered trademark). . Then, the source code comparison / transmission means 15 compares the difference between the submitted source code 12 and the operation source code 14 based on the generated difference information, and transmits it to the terminal 20 together with the comparison information indicating the difference. The different part specifying means of the present invention is realized by the source code comparison / transmission means 15. The source code comparison means of the present invention is realized by the operational source acquisition means 13, the source code comparison / transmission means 15, and the source code comparison display means 23.

  When the submission source reflecting means 16 receives a reflection request for the predetermined submission source code 12 from the terminal 20, the submission source reflection means 16 reads the predetermined submission source code 12 from the storage unit and transmits it to the staging server 51. In addition, reflection is performed by overwriting and saving the source code stored in the staging server 51 with the submission source code 12 received from the submission source reflection means 16. In addition to the reflection of the source code to the staging server 51, the binary data stored in the image server 40 is also reflected by storing the corresponding submitted binary data 41. As a result, the submitted binary data 41 corresponding to the submitted source code 12 newly stored by the staging server 51 is stored in the image server 40, and the subsequent processing is ready. The operation reflecting means of the present invention is realized by the submitted source reflecting means 16.

  A confirmation server 10 suitable for realizing the confirmation system 1 of the present embodiment is applied to a computer and its peripheral devices. Each means (each unit) in the present embodiment is configured by hardware included in a computer and its peripheral devices, and software that controls the hardware.

  The hardware includes a CPU as a control device (control unit), a storage device (storage unit), a communication device (communication unit), a display device (display unit), and an input device (input unit). Examples of the storage device (storage unit) include a memory (RAM, ROM, etc.), a hard disk drive (HDD), and an optical disk (CD, DVD, etc.) drive. Examples of the communication device (communication unit) include various wired and wireless interface devices. Examples of the display device (display unit) include various displays such as a liquid crystal display and a plasma display. Examples of the input device (input unit) include a keyboard and a pointing device (such as a mouse and a tracking ball). The source code comparison display means 23 and the submitted web page display means 25 of the terminal 20 are realized by a display.

  The software includes a computer program and data for controlling the hardware. The computer program and data are stored in a storage device (storage unit), and are appropriately executed and referenced by a control device (control unit). Further, the computer program and data can be distributed via a communication line, and can be recorded and distributed on a computer-readable medium such as a CD-ROM. Although not described in detail, the terminal 20, the source management server 30, the image server 40, the staging server 51, and the production server 52 have the same hardware configuration as that of the confirmation server 10.

  The hard disk drive stores various programs for causing the hardware to function as the confirmation server 10 and programs for executing various functions in the present embodiment.

  In the present embodiment, the submission source acquisition request unit 21, the source comparison request unit 22, the source code comparison display unit 23, the submission source reflection request unit 24, and the submission Web page display unit 25 are performed by the terminal 20. However, it is not limited to this. For example, as shown in FIG. 5, all of the input source acquisition request unit 21, the source comparison request unit 22, the source code comparison display unit 23, the input source reflection request unit 24, and the input web page display unit 25 are confirmed by the confirmation server. It is good also as the confirmation system 1a performed by 10a.

[Processing flow]
FIG. 2 is a flowchart showing the flow of processing of the confirmation system 1 performed via the staging server 51 for realizing the confirmation method of the present embodiment.

[Submission source acquisition processing]
The submitted source acquisition process performed by the confirmation system 1 will be described with reference to S1 to S7. In this process, a new version of the submitted source code 12 is acquired.

  S1: First, when a request operation for the submission source code 12 is performed by the administrator in the terminal 20, the control unit (submission source acquisition request unit 21) of the terminal 20 sends a request to the confirmation server 10 via the communication unit. On the other hand, an acquisition request for the submitted source code 12 corresponding to the version requested by the administrator is made.

  S2: When an acquisition request for the submission source code 12 is made by the terminal 20, the control unit of the confirmation server 10 receives a request for the submission source code 12 corresponding to the version for which the acquisition request is received from the terminal 20.

  S3: Upon receiving an acquisition request for the submission source code 12 from the terminal 20, the control unit (submission source acquisition unit 11) of the confirmation server 10 sends the requested version to the source management server 30 via the communication unit. A request for acquisition of the submitted source code 12 corresponding to is made.

  S4: When an acquisition request for the submission source code 12 is made from the confirmation server 10, the control unit of the source management server 30 accepts a request for the submission source code 12 corresponding to the version for which the acquisition request is accepted from the confirmation server 10. .

  S5: Upon receiving an acquisition request for the submitted source code 12 from the confirmation server 10, the control unit of the source management server 30 sets the version for which the acquisition request has been made from the terminal 20 to the confirmation server 10 via the communication unit. Check out the file of the corresponding submission source code 12 and send it.

  S6: When the submission source code 12 is transmitted from the source management server 30, the control unit of the confirmation server 10 receives the submission source code 12 transmitted from the source management server 30 via the communication unit. get.

  S7: When the submission source code 12 transmitted from the source management server 30 is acquired, the control unit of the confirmation server 10 stores the acquired submission source code 12 in the storage unit of the confirmation server 10. When this process ends, the submission source acquisition process ends.

[Source code comparison display processing]
The source code comparison display process performed by the confirmation system 1 will be described with reference to S8 to S14. In this process, the operation source code 14 and the submitted source code 12 are compared and displayed.

  S8: First, when the administrator makes a source code comparison request at the terminal 20, the control unit (source comparison request means 22) of the terminal 20 sends the input source to the confirmation server 10 via the communication unit. A comparison request for comparing the difference between the code 12 and the operation source code 14 is made.

  S9: Upon receiving a source code comparison request from the terminal 20, the control unit (operation source acquisition means 13) of the confirmation server 10 is stored in the storage unit of the confirmation server 10 with respect to the staging server 51 via the communication unit. The acquisition request of the operation source code 14 corresponding to the submitted source code 12 is made.

  S10: When the acquisition request for the operation source code 14 is made from the confirmation server 10, the control unit of the staging server 51 receives the request for the operation source code 14 that has received the acquisition request from the confirmation server 10.

  S11: When the acquisition request for the operation source code 14 is received from the confirmation server 10, the control unit of the staging server 51 transmits the operation source code 14 corresponding to the submission source code 12 to the confirmation server 10 via the communication unit. Send.

  S12: When the operation source code 14 is transmitted from the staging server 51, the control unit of the confirmation server 10 acquires the operation source code 14 transmitted from the staging server 51 via the communication unit.

  S13: When the operation source code 14 transmitted from the staging server 51 is acquired, the control unit (source code comparison / transmission means 15) of the confirmation server 10 sends the acquired operation source code 14 and storage unit to the terminal 20. The comparison result between the operation source code 14 and the submission source code 12 is transmitted via the communication unit. The comparison between the operational source code 14 and the submitted source code 12 is performed by generating difference information between the submitted source code 12 and the operational source code 14 using a UNIX (registered trademark) diff command. The difference between the input source code 12 and the operation source code 14 is compared based on the above.

  S14: When the operation source code 14 and the submitted source code 12 are transmitted from the confirmation server 10, the control unit (source code comparison display means 23) of the terminal 20 acquires the acquired operation source code 14 and the submitted source code. 12 is displayed on the display of the terminal 20. Based on the difference information generated by the diff command of the confirmation server 10, the control unit of the terminal 20 determines that the difference between the submission source code 12 and the operation source code 14 is the screen of the display of the terminal 20. The source code comparison display 200 is displayed in a manner that can be visually recognized in comparison with the left and right of 300. Specifically, in the source code comparison display 200, the contents of the source code corresponding to the operational source code 14 acquired and stored from the staging server 51 are displayed on the left side of the source code comparison display 200, and the source code comparison On the right side of the display 200, the contents of the source code corresponding to the submitted source code 12 acquired and stored from the source management server 30 (CVS) are displayed, and the respective source codes are compared. At this time, highlighting such as fluorescence, underline, shading, blinking, and character enclosing may be performed on the difference between the operation source code 14 and the submitted source code 12. When this process ends, the source code comparison display process ends.

[Submission source reflection process]
The submitted source reflection process performed by the confirmation system 1 will be described with reference to S15 to S19. In this process, a process of replacing the existing version of the input source code 12 stored in the staging server 51 with the new version of the input source code 12 is performed.

  S15: First, when the administrator makes a request for reflecting the submitted source code 12 in the terminal 20, the control unit (the submitted source reflection request unit 24) of the terminal 20 sends a request to the confirmation server 10 via the communication unit. On the other hand, a request for reflecting the input source code 12 is made.

  S16: When a reflection request for the submission source code 12 is made from the terminal 20, the control unit of the confirmation server 10 receives the request for the submission source code 12 that has received the reflection request from the terminal 20.

  S17: Upon receiving the request for reflecting the submitted source code 12 from the terminal 20, the control unit (the submitted source reflecting unit 16) of the confirmation server 10 reads out the predetermined submitted source code 12 from the storage unit, and the communication unit Then, the submission source code 12 is transmitted to the staging server 51, and a reflection request for the submission source code 12 is made.

  S <b> 18: When a reflection request for the submission source code 12 is made from the confirmation server 10, the control unit of the staging server 51 accepts the request for the submission source code 12 that accepted the reflection request from the confirmation server 10.

  S19: Upon receiving a request for reflecting the submission source code 12 from the confirmation server 10, the control unit of the staging server 51 reflects the submission source code 12 received from the confirmation server 10. Specifically, the control unit of the staging server 51 overwrites and saves the source code stored in the staging server 51 with the submitted source code 12 received from the submitted source reflection unit 16, thereby submitting the existing version. A process of replacing the source code 12 with a new version of the submitted source code 12 stored in the storage unit of the confirmation server 10 is performed. In conjunction with the reflection of the submission source code 12 to the staging server 51, the binary data stored in the image server 40 is also reflected by storing the corresponding submission binary data 41. When this process ends, the submission source reflection process ends.

[Web page display processing]
The Web page display process performed by the confirmation system 1 will be described with reference to S20 to S26. In this process, a process of displaying a Web page constituted by the reflected new version of the submitted source code 12 and the submitted binary data 41 corresponding to the submitted source code 12 is performed.

  S20: First, when an administrator performs a web page request operation on the terminal 20, the control unit of the terminal 20 makes a web page browsing request to the staging server 51 via the communication unit.

  S <b> 21: When a web page browsing request is made from the terminal 20, the control unit of the staging server 51 accepts a page request for the web page for which the browsing request is accepted from the terminal 20.

  S22: When a web page browsing request is made, the control unit of the staging server 51 delivers the submitted source code 12 corresponding to the requested web page via the communication unit.

  S23: When the submission source code 12 corresponding to the Web page is distributed from the staging server 51, the control unit of the terminal 20 receives the submission source code 12 distributed from the staging server 51 via the communication unit. To do.

  S24: When the submission source code 12 distributed from the staging server 51 is received, the control unit of the terminal 20 receives the submission binary data 41 specified in the distributed submission source code 12 from the image server 40. Receive. Specifically, according to a URL (Uniform Resource Locator) described in the submitted source code 12, the submitted binary data 41 such as an image or a moving image corresponding to the submitted source code 12 is acquired.

  S25: Upon receipt of the submission source code 12 and the submission binary data 41 corresponding to the submission source code 12, the control unit of the terminal 20 uses the submission source code 12 and the submission binary data 41 as a basis. A Web page corresponding to the submitted source code 12 is configured.

  S26: When the web page corresponding to the submission source code 12 is configured, the control unit (submission web page display means 25) of the terminal 20 displays the configured web page as shown in FIG. The web page display 100 is displayed on the screen 300 of the display via the web browser. Specifically, in the Web page display 100, an html element enclosed in an html tag (<html>) described in the submitted source code 12, a head element enclosed in a head tag (<head>), or a body Based on the body element enclosed by the tag (<body>), the contents of the text in the Web browser, the arrangement, and the contents of the submitted binary data 41 are determined and displayed. When this process ends, the process by the confirmation system 1 ends. Therefore, as shown in FIG. 4, the control unit of the terminal 20 uses the difference information generated by the diff command of the confirmation server 10 on the right side of the display screen 300 for the difference between the submission source code 12 and the operation source code 14. The web page corresponding to the input source code 12 can be displayed as the web page display 100 on the left side of the display screen 300.

[Processing flow]
FIG. 3 is a flowchart showing the flow of processing performed through the production server 52.
If the administrator can confirm that the operation may be started in the production environment as a result of confirming the Web page display 100 and the source code comparison display 200 of FIG. The process of S31-S42 of FIG. 3 is performed.

[Submission source reflection process]
The submitted source reflection process performed by the confirmation system 1 will be described with reference to S31 to S35. In this process, the existing version of the operation source code 14 stored in the production server 52 is replaced with a new version of the submitted source code 12.

  S31: First, when the administrator performs a request operation for the submission source code 12 in the terminal 20, the control unit of the terminal 20 reflects the submission source code 12 to the confirmation server 10 via the communication unit. Make a request.

  S32: When a reflection request for the submission source code 12 is made from the terminal 20, the control unit of the confirmation server 10 accepts the request for the submission source code 12 that accepted the reflection request from the terminal 20.

  S33: Upon receiving a request for reflecting the submitted source code 12 from the terminal 20, the control unit of the confirmation server 10 reads the predetermined submitted source code 12 from the storage unit and enters the production server 52 via the communication unit. The manuscript source code 12 is transmitted and a request for reflecting the manuscript source code 12 is made.

  S <b> 34: When a reflection request for the submission source code 12 is made from the confirmation server 10, the control unit of the production server 52 accepts the request for the submission source code 12 that accepted the reflection request from the confirmation server 10.

  S35: Upon receiving a request for reflecting the submission source code 12 from the confirmation server 10, the control unit of the production server 52 reflects the submission source code 12 received from the confirmation server 10. Specifically, the controller of the production server 52 stores the source code stored in the production server 52 by overwriting the source code stored in the production server 52 with the submission source code 12 received from the submission source reflection unit 16. The existing version of the operational source code 14 is replaced with a new version of the submitted source code 12 stored in the storage unit of the confirmation server 10. In conjunction with the reflection of the submission source code 12 to the production server 52, the binary data stored in the image server 40 is also reflected by storing the corresponding submission binary data 41. When this process ends, the submission source reflection process ends.

[Web page display processing]
The Web page display process performed by the confirmation system 1 will be described with reference to S36 to S42. In this process, a process of displaying a Web page constituted by the reflected new version of the submitted source code 12 and the operational binary data 42 corresponding to the submitted source code 12 is performed.

  S36: First, when a web page request operation is performed by the administrator in the terminal 20, the control unit of the terminal 20 makes a web page browsing request to the production server 52 via the communication unit.

  S37: When a browsing request for the Web page is made from the terminal 20, the control unit of the production server 52 receives the page request for the Web page for which the browsing request has been received from the terminal 20.

  S38: When a web page browsing request is made, the control unit of the production server 52 distributes the operation source code 14 corresponding to the requested web page via the communication unit.

  S39: When the operation source code 14 corresponding to the Web page requested from the production server 52 is distributed, the control unit of the terminal 20 receives the operation source code 14 distributed from the production server 52 via the communication unit. Receive.

  S40: When the operation source code 14 distributed from the staging server 51 is received, the control unit of the terminal 20 receives the operation binary data 42 specified in the distributed operation source code 14 from the image server 40. Specifically, in accordance with a URL (Uniform Resource Locator) described in the operation source code 14, operation binary data 42 such as an image and a moving image corresponding to the operation source code 14 is acquired.

  S41: When the operation source code 14 and the operation binary data 42 corresponding to the operation source code 14 are received, the control unit of the terminal 20 changes the operation source code 14 to the operation source code 14 based on the operation source code 14 and the operation binary data 42. Configure the corresponding web page.

  S42: When the configuration of the Web page corresponding to the operation source code 14 is performed, the control unit of the terminal 20 displays the configured Web page on the display of the terminal 20, and ends the processing by the confirmation system 1.

[Display example on terminal]
Next, a display example displayed on the terminal 20 will be described with reference to FIG.

  When a source comparison request is made at the terminal 20 by the administrator, the source code comparison display 200 of the input source code 12 and the operation source code 14 is displayed on the terminal based on the difference information generated by the diff command of the confirmation server 10. 20 on the screen 300 of the display. Further, when a web page operation request is made by the administrator, the web page display 100 composed of the submitted source code 12 and the submitted binary data 41 is displayed on the screen 300 of the display of the terminal 20.

  Therefore, the administrator can easily compare and check the input source code 12 and the operational source code 14 by checking the source code comparison display 200 and the web page display 100 displayed on the display screen 300. At the same time, it is also possible to confirm the Web page in which the submitted binary data 41 such as an image or a moving image corresponding to the reflected submitted source code 12 is configured. As a result, the confirmation system 1 provides the administrator with an intermediate environment in which detailed confirmation of text file differences and confirmation of the entire web page are performed in a complementary manner before the web page is updated on the production server 52. can do. As a result, the confirmation system 1 can provide an environment in which prior confirmation at the time of updating a Web page can be performed more easily and comprehensively regardless of the administrator's knowledge about the program.

[Second Embodiment]
Next, a second embodiment will be described with reference to FIGS. In the first embodiment, as shown in FIG. 4, only the Web page display 100 corresponding to the input source code 12b is displayed on the display screen 300 together with the source code comparison display 200 based on the difference information generated by the diff command. On the other hand, based on the difference information generated from the input source code 12 and the operation source code 14b, the Web page corresponding to the difference and the display part of the source code are highlighted and displayed. Different from the first embodiment. The configuration of the confirmation system 1b of the second embodiment is basically the same as that of the first embodiment. However, when performing the process of highlighting and displaying the Web page corresponding to the different part and the display part of the source code, the process by the Web page emphasizing unit 26b is additionally performed in the terminal 20 of FIG.

  The confirmation system 1b of FIG. 6 includes a confirmation server 10b and a terminal 20b. In the confirmation system 1b, the source management server 30b, the image server 40b, and the operation server group 50b are connected to each other. Since the configuration other than the terminal 20b is the same as that of the first embodiment, the description thereof is omitted.

  The terminal 20b includes a submission source acquisition request unit 21b, a source comparison request unit 22b, a source code comparison display unit 23b, a submission source reflection request unit 24b, a submission Web page display unit 25b, and a Web page enhancement unit. 26b. Since the configuration other than the web page emphasizing unit 26b and the submitted web page display unit 25b is the same as that of the first embodiment, the description thereof is omitted.

  The Web page emphasizing means 26b highlights the difference in the submission source code 12b received from the staging server 51b based on the difference information generated from the submission source code 12 transmitted from the confirmation server 10b and the operation source code 14b. I do. Specifically, as shown in FIG. 8, a colorless and transparent Flash (registered trademark) page layer is created and overlaid on the Web page display 100b and the source code comparison display 200b, and the submitted source code 12b and the operation source code Based on the difference information generated from 14b, a flash (registered trademark) page layer portion corresponding to the different portion is highlighted. As highlighting, different parts are highlighted by performing processing such as fluorescence, underlining, shading, blinking, and character boxing on the corresponding part. The web page emphasizing unit 26b may be realized as a function such as a toolbar of a web browser.

  The submission Web page display means 25b receives and requests the submission source code 12b from the staging server 51b and receives the submission binary data 41b designated in the submission source code 12b from the image server 40b. A web page is constructed from the manuscript source code 12b and the submitted binary data 41b, and as shown in FIG. 8, the Flash (registered trademark) page layer highlighted by the web page emphasizing unit 26b is displayed on the web page display 100b. And superimposed on the source code comparison display 200b and displayed as a Web page display 100b on the display screen 300b of the terminal 20b.

[Processing flow]
FIG. 7 is a flowchart showing a processing flow of the confirmation system 1b performed via the staging server 51b for realizing the confirmation method according to the second embodiment of the present invention. About S1-S19, it is a process substantially the same as the process of FIG. 2 in 1st Embodiment. Therefore, description about S1-S19 is abbreviate | omitted.

[Web page display processing]
With reference to S20 to S26, the Web page display process performed by the confirmation system 1b of the second embodiment will be described. In this process, a process of displaying a Web page constituted by the reflected new version of the submitted source code 12b and the submitted binary data 41b corresponding to the submitted source code 12b is performed.

  S20: First, when an administrator performs a web page browsing operation on the terminal 20b, the control unit of the terminal 20b makes a web page browsing request to the staging server 51b via the communication unit.

  S21: When a web page browsing request is made from the terminal 20b, the control unit of the staging server 51b accepts a page request for the web page for which the browsing request is accepted from the terminal 20b.

  S22: When a web page browsing request is made, the control unit of the staging server 51b distributes the submitted source code 12b corresponding to the requested web page via the communication unit.

  S23: When the submission source code 12b is distributed from the staging server 51b, the control unit of the terminal 20b receives the submission source code 12b distributed from the staging server 51b via the communication unit.

  S24: When the received source code 12b distributed from the staging server 51b is received, the control unit of the terminal 20b receives the input binary data 41b specified in the distributed input source code 12b from the image server 40b. Receive. Specifically, binary data such as an image or a moving image corresponding to the submitted source code 12b is acquired in accordance with a URL (Uniform Resource Locator) described in the submitted source code 12b.

  Sa: The control unit (Web page emphasizing unit 26b) of the terminal 20b emphasizes the Web page and the source code based on the difference information between the operational source code 14b and the submitted source code 12b generated and transmitted in S13. Do. Specifically, as shown in FIG. 8, a colorless and transparent Flash (registered trademark) page layer is created, and the created Flash (registered trademark) page layer is overlaid on the web page display 100b and the source code comparison display 200b. Match. Then, based on the difference information transmitted from the confirmation server 10b in S13, the different parts 801b, 802b, 803b of the operation source code 14b, the different parts 801c, 802c, 803c of the input source code 12b (CVS) and the input source code The page layer portions of the Flash (registered trademark) corresponding to the corresponding portions 801a, 802a, 803a of the Web pages corresponding to the 12 different portions 801b, 802b, 803b and the different portions 801c, 802c, 803c of the operation source code Emphasize. Further, in this embodiment, emphasis is performed by shading, and circled numbers (circle 1, circle 2, circle 3) are displayed at the upper right end of each emphasized portion. As a result, the administrator can easily identify the corresponding part of the Web page display 100b corresponding to the different part of each source code by viewing the Web page display 100b. In addition, the administrator confirms the circled numbers so that the corresponding portions 801a, 802a of the Web page corresponding to the different portions 801b, 802b, 803b of the submitted source code 12 and the different portions 801c, 802c, 803c of the operation source code , 803a can be confirmed at a glance.

  In the present embodiment, the corresponding portion 802a of the Web page display 100b corresponding to the different portion 802b of the operational source code 14b and the different portion 802c of the submitted source code 12b (CVS) is text data, but is not limited thereto. Instead, for example, the corresponding portion 801a of the Web page display 100b corresponding to the different portion 801b of the operational source code 14b and the different portion 801c of the submitted source code 12b (CVS) is an image such as GIF, and the operational source code The corresponding portion 803a of the Web page display 100b corresponding to the different portion 803b of 14b and the different portion 803c of the submitted source code 12b (CVS) is a moving image such as Flash (registered trademark). As a result, the administrator can confirm the change location corresponding to the different part by viewing the Web page, and even a designer or planner who lacks knowledge about the program not only text data but also images and videos. It is possible to easily confirm the changed part of the Web page in which the binary data is configured.

  S25: When the web page corresponding to the different part is highlighted, the control unit of the terminal 20b configures the web page corresponding to the submission source code 12b based on the submission source code 12b and the submission binary data 41b. To do.

  S26: When the web page corresponding to the submission source code 12b is configured, the control unit (submission web page display means 25b) of the terminal 20b displays the configured web page as shown in FIG. The web page display 100b is displayed on the display screen 300b via the web browser. Specifically, in the Web page display 100b, an html element surrounded by an html tag (<html>) described in the submitted source code 12, a head element or a body enclosed by a head tag (<head>) Based on the body element enclosed by the tag (<body>), the contents of the text in the web browser, the arrangement, and the contents of the submitted binary data 41 are determined to compose the web page, and the web page is emphasized. The displayed Flash (registered trademark) page layer is displayed on the display of the overlapping terminal 20b, and the processing by the confirmation system 1b is terminated. Accordingly, as shown in FIG. 8, the control unit of the terminal 20b uses the difference information generated by the diff command of the confirmation server 10b on the right side of the display screen 300b to show the difference between the input source code 12b and the operation source code 14b. Display as a source code comparison display 200b, and a Web page corresponding to the input source code 12 is displayed as a Web page display 100 on the left side of the display screen 300, together with the input source code 12b and the operation source code. Highlighting is performed by a Flash (registered trademark) page layer in which the difference from 14b is highlighted.

[Display example on terminal]
Next, a display example displayed on the terminal 20b will be described with reference to FIG.

  When a source comparison request is made at the terminal 20b by the administrator, the source code comparison display 200b of the submitted source code 12b and the operational source code 14b is displayed on the terminal based on the difference information generated by the diff command of the confirmation server 10b. It is displayed on the screen 300b of the display 20b. Further, when the administrator performs an operation for requesting highlighting of a different part of the Web page, the difference between the input source code 12b and the operation source code 14b is highlighted in the Web page display 100b and the source code comparison display 200b. The displayed Flash (registered trademark) page layer is superimposed and displayed on the display screen 300b of the terminal 20b.

  Therefore, the administrator checks the source code comparison display 200b displayed on the display screen 300b and the highlighted web page display 100b, thereby making a difference between the text file in the input source code 12b and the operation source code 14b. The part can be found more easily, and the different part in the Web page reflecting the different part can be easily found. As a result, the confirmation system 1b can provide an environment in which the administrator can easily and comprehensively perform prior confirmation when updating the Web page.

  Although the embodiment of the present invention has been described above, the present invention is not limited to the present embodiment, and modifications, improvements, and the like within the scope that can achieve the object of the present invention are included in the present invention. .

DESCRIPTION OF SYMBOLS 1 Confirmation system 10 Confirmation server 11 Input source acquisition means 13 Operation source acquisition means 15 Source code comparison transmission means 16 Input source reflection means 20 Terminal 21 Input source acquisition request means 22 Source comparison request means 23 Source code comparison display means 24 Submission source reflection request means 25 Submission web page display means 26b Web page enhancement means 30 Source management server 40 Image server 50 Operation server group 51 Staging server 52 Production server 100 Web page display 200 Source code comparison display 300 Screen

Claims (2)

An input source code storage means for acquiring and storing the input source code in units of a predetermined Web page from a source management server that manages the version of the input source code constituting the Web page to be submitted;
Source code comparison means for obtaining an operation source code corresponding to the input source code stored in the input source code storage means from an operation server and displaying it together with the input source code;
Operation reflecting means for reflecting the submitted source code stored in the submitted source code storage means to the operation server;
Receiving the input binary data corresponding to the input source code stored in the input source code storage means from an image server, receiving the input source code reflected by the operation reflection means from the operation server, and Operation confirmation means for configuring and displaying a predetermined Web page;
A difference portion specifying means for specifying a difference portion between the submitted source code acquired by the input source code storage means and the operation source code acquired by the source code comparison means;
The operation confirmation unit is configured to receive the submission source code received from the operation server based on the submission source code acquired by the submission source code storage unit and the difference part specified by the difference part specification unit. Web page emphasizing means for emphasizing and displaying the display portion of the predetermined web page corresponding to the different portion
A confirmation system characterized by that. A confirmation method in which a computer configures and displays a predetermined web page for performing prior confirmation when updating a web page in response to a request from a submission source,
The confirmation method includes an input source code storage step of acquiring and storing the input source code in units of a predetermined Web page from a source management server that manages the version of the input source code constituting the Web page to be submitted When,
A source code comparison step of obtaining an operation source code corresponding to the submission source code stored in the submission source code storage step from an operation server and displaying the operation source code together with the submission source code;
An operation reflecting step of reflecting the input source code stored in the input source code storage step on the operation server;
Receiving the submitted binary data corresponding to the submitted source code stored in the submitted source code storing step from the image server, receiving the submitted source code reflected in the operational reflecting step from the operational server, and An operation confirmation step for configuring and displaying a predetermined Web page;
A different part specifying step for specifying a different part between the input source code acquired by the input source code storage means and the operation source code acquired by the source code comparison means;
The operation confirmation step includes the submission source code received from the operation server based on the submission source code acquired by the submission source code storage unit and the difference part specified by the difference part specification unit. A web page emphasizing step for emphasizing and displaying a display portion of the predetermined web page corresponding to the different portion
A confirmation method characterized by that.

Images