JP4822966B2 - Homepage creation support system - Google Patents

Description

  The present invention relates to a homepage creation support system, in particular, editing of images on a client terminal by cooperating with a server through a general-purpose Web browser program without preparing a dedicated application program on the client terminal side, The present invention also relates to a system that enables uploading of edit results to a server.

When an individual or a company creates a home page, it is common to create an Html file on a client terminal using an application program for creating a home page and upload it to a Web server using a file transfer program.
In addition, recently, by accessing the website creation support site, there is also a service that allows you to edit the website through a general-purpose web browser program and upload the edited results to the web server without setting up a special application program on the client terminal. Has appeared.
Barrier-free website creation system / Open Sesame [searched on May 30, 2006] Internet URL: http://sesames.jp/

  In this way, when using the Web-based homepage creation support service, it is not necessary to set up a dedicated application program on the client terminal, so even a beginner can easily create a homepage.

By the way, when it comes to homepages, it is essential to improve the appearance by arranging various images, and so far the homepage creation support service has a function of pasting image images on the homepage.
For example, in the support service of Non-Patent Document 1, when the user clicks an image insertion button displayed on the Web browser, a file selection dialog is opened and the folder structure of the client terminal is displayed. On the other hand, when the user selects a specific image file stored in a specific folder, the corresponding image data is pasted on the editing screen. The user can also perform simple editing such as rotation, enlargement / reduction, and trimming on the image.

  However, in the case of the conventional support service, the figure that can be inserted on the homepage needs to be stored on a disk such as a client terminal as an image file such as JPEG, GIF, or BMP, and is created by another application program, The image data transferred to the clipboard (one area of the main memory) could not be pasted directly on the editing screen, which was very inconvenient.

  The present invention has been devised in view of the above-described problems of the prior art, and allows a user to easily create and edit a home page on a Web browser without setting up a dedicated application program on a client terminal. The object is to provide a homepage creation support system that allows the image data on the clipboard to be directly pasted on the editing screen while maintaining the advantages.

In order to achieve the above object, the homepage creation support system according to claim 1 is a system including a client terminal and a server, and the server is for homepage editing in which a control program is described in the client terminal. Means for transmitting the Html form, means for transmitting each program to the client terminal when an editing program and a transmission program transmission request are transmitted from the client terminal, and an image transmitted from the client terminal Means for generating an image file based on the data; means for generating an Html file based on the text data sent from the client terminal and the image file; and storing the Html file and the image file in a predetermined storage means Means for providing the client End is provided with a Web browser program to display a Html form transmitted from the server to the display, the Html foam control program described in the above-mentioned editing program, and transmission program is stored in a predetermined area of the client terminal It is possible to check whether or not it has been sent, and if it does not exist, the server has a function of sending a transmission request for each program to the server. The editing program displays an image editing area and a text editing area in the Html form. features and captures the image data stored in the clipboard of the client terminal, a function to paste directly into the image editing area, a function for inputting text in the text editing area, the transmission program, the image editing Image data pasted in the area and the text It has a function to send text data input to the area to the server. Furthermore, the Html form includes a preview button, and the control program displays a preview when the preview button is selected. It has a function to generate an Html file for the screen and a function to display the Html file on the display as a preview screen via a web browser program, and the editing program displays the image when the preview button is selected. A function for storing the image data displayed in the editing area as a file and storing it in the disk of the client terminal, a function for passing the link information of the image file to the control program and describing it in the Html file, and the preview screen The above image file from the disk It is characterized by having a function of dividing.

In the homepage creation support system according to the present invention, the Html form for editing the homepage and the editing program are transmitted from the server to the client terminal. Therefore , the client terminal can use the general-purpose without preparing a special application program. A homepage can be created with a simple web browser program.
In addition, the editing program has a function to paste the image data stored in the clipboard of the client terminal directly into the image editing area without making it into a file. I have.
In addition, since the image data is automatically filed by the editing program when the preview screen is generated, it is possible to display the image captured from the clipboard on the preview screen, and to check the image of the homepage more accurately. It becomes possible.

FIG. 1 is an overall configuration diagram of a homepage creation support system 10 according to the present invention, and this system 10 includes a Web server 12, a DB server 14, and a content server 16. Each server is connected by a network.
A large number of client terminals 18 are connected to the Web server 12 and the content server 16 via a network such as the Internet.

The client terminal 18 includes a computer such as a PC, and an OS and a web browser program are set up.
FIG. 2 is a block diagram showing a hardware configuration of the client terminal 18, which includes a CPU 20, a memory 22, a hard disk 24, an input device 26 such as a keyboard and a mouse, and a display 28.
The CPU 20 of the client terminal 18 executes various processes to be described later by operating according to the OS, Web browser program, and other programs stored in the hard disk 24.

Next, the flow of processing between the client terminal 18 and the Web server 12 will be described with reference to the flowchart of FIG.
First, when a homepage creation form transmission request is issued from the client terminal 18 to the Web server 12 (S10), an Html form for homepage creation is transmitted from the Web server 12 to the client terminal 18 (S12).
As a result, as shown in FIG. 4, the homepage creation form 30 is displayed on the display 28 of the client terminal 18 (S14).

As shown in FIG. 5, the form 30 includes a control program 34 written in a script language such as JavaScript, and the CPU 20 of the client terminal 18 first follows the control program 34 and starts with the client terminal 18. It is checked whether a program corresponding to is stored in a predetermined area (S16).
Here, when it is determined that the corresponding program does not exist, a transmission request for the corresponding program is issued from the client terminal 18 to the Web server 12 (S18).
When a corresponding program is transmitted from the Web server 12 (S20), the CPU 20 of the client terminal 18 stores it in a predetermined area on the hard disk 24 (S22).
The corresponding programs include the editing program 36, the transmission program 38, and the attached file program 40 (details will be described later).

Thereafter, the editing program 36 is started on the client terminal 18 (S24), and the user inputs and edits image data and text data through the editing screen 42 (S26).
When the user desires to set up a file download corner on the homepage, the attached file program 40 is activated (S28), and an arbitrary file is selected (S30).
Finally, when the user selects registration of the editing result on the homepage creation form 30, the transmission program 38 is activated (S32), and the edited image data, text data, and attached file are transmitted to the Web server 12 ( S34).

In response to this, the Web server 12 generates an image file such as JPEG based on the transmitted image data (S36).
Next, the Web server 12 generates an Html file based on the image file and the transmitted text data (S38), and stores it in a predetermined directory.
Next, the Web server 12 transmits the image file and the attached file to the content server 16 (S40), and registers a path name (URL) indicating the storage location of each file in the DB server 14 (S42).

Thus, the upload of the home page edited on the client terminal 18 is completed, and browsing from each client terminal 18 becomes possible.
That is, when the user inputs the URL of the home page on the Web browser of the client terminal 18, the Html file is transmitted from the Web server 12, and at the same time, the necessary image file is transmitted from the content server 16 to the client terminal 18. Are displayed on the display 28.
When the user clicks the attached file button on the homepage, the corresponding attached file is transmitted from the content server 16 to the client terminal 18 and stored in the hard disk 24.

Next, a detailed editing procedure in the client terminal 18 will be described with reference to the flowcharts of FIGS.
First, the homepage creation form 30 shown in FIG. 4 is displayed on the display 28 by the Web browser program of the client terminal 18 (S50), and at the same time, the editing program downloaded from the Web server 12 is activated (S52).

The editing program 36 includes ActiveX (registered trademark) controls.
Here, ActiveX (registered trademark) control is a software componentization technology developed by Microsoft (registered trademark) in the United States, and is compatible with the Internet in the technology previously called OLE (Object Linking and Embedding) control. It means something that has been extended for. ActiveX (registered trademark) control is downloaded from a web server via the Internet or an intranet, and is used in a form that adds functionality to Internet Explorer (registered trademark), the company's web browser.
OLE refers to a mechanism for transferring and sharing data between various application program softwares in the Windows (registered trademark) OS.

Next, when the user clicks the “insert” button 44 on the edit screen 42 and selects “image” from the pull-down menu (S54), the image edit area 46 is displayed in the edit screen 42 (S56). At this time, the user can also display a plurality of image editing areas 46 in the editing screen 42.
When the user selects an arbitrary image editing area 46 and selects "Paste" from the right-click menu (S58), the editing program 36 takes out the image data stored on the clipboard (memory 22). Then, it is inserted (displayed) in the image editing area 46 (S60).

On the other hand, the user performs simple editing such as enlarging / reducing and changing the aspect ratio by dragging the small rectangular handles appearing at the four corners of the selected image editing area 46 and the midpoint of each side with the mouse. be able to.
In addition, a right-click menu can be opened and editing such as rotation and flipping can be performed.

Next, when the user clicks the “insert” button 44 on the editing screen 42 and selects “text” from the pull-down menu (S62), the text editing area 48 is displayed in the editing screen 42 (S64). Also in this case, the user can display a plurality of text editing areas 48 in the editing screen 42.
On the other hand, the user double-clicks the arbitrary text editing area 48 to enter an input waiting state, and then inputs a character string via the keyboard (S66).
Further, the user inputs a character string such as a homepage title and category, an attached file name, and a comment into various character input areas 54 provided in the homepage creation form 30.

Next, when the user clicks the reference button 56 in the attached file column provided in the homepage creation form 30 (S68), the attached file program 40 is activated (S70), and a file selection dialog (not shown) is displayed. It is displayed on 28 (S72). The attached file program 40 is also configured by ActiveX (registered trademark) control.
On the other hand, when the user selects a specific file stored in a predetermined directory in the hard disk 24 (S74), the attached file program 40 acquires the file 60 from the hard disk 24 (S76).

Next, when the user clicks the preview button 58 provided in the homepage creation form 30 (S78), the editing program 36 temporarily converts the image data on the memory 22 displayed in the image editing area 46 to JPEG or the like. The image file 62 is stored in a predetermined area of the hard disk 24 (S80).
Next, the control program 34 generates an Html file reflecting the edited contents of the user (S82), and displays a preview screen (not shown) on the display 28 via the Web browser program (S84). As a result, the user can confirm the image of the homepage being created.
Since the link information to the image file 62 is also embedded in the Html file, the image image being edited is also displayed on the preview screen.

After confirming the contents, when the user clicks the close button on the preview screen (S86), the preview screen closes and at the same time the image file 62 is deleted from the hard disk 24 by the editing program 36 (S88). .
Thereafter, the user can return to the original homepage creation form 30 and continue editing images and characters.

When the user who has finished editing the home page clicks the registration button 66 (S90), the transmission program 38 is activated (S92), and the text data input through the form 30 is acquired from the control program 34 and simultaneously controlled. The image data is obtained from the editing program 36 through the program 34, and the attached file 60 selected by the user is obtained from the attached file program 40 (S94).
Next, the transmission program 38 transmits each data and file to the Web server 12 according to the HTTP protocol (S96).
This transmission program 38 is also configured by ActiveX (registered trademark) control.

  In the homepage creation support system 10 according to the present invention, the editing program 36 is composed of ActiveX (registered trademark) controls having an OLE function as described above. Image data created by other application programs and temporarily stored in the clipboard can be pasted directly into the image editing area 46 without having to write it to a file, greatly improving editing efficiency. it can.

1 is an overall configuration diagram of a homepage creation support system according to the present invention. It is a block diagram which shows the hardware constitutions of a client terminal. It is a flowchart explaining the flow of a process between a client terminal and a Web server. It is explanatory drawing which shows the form for homepage creation. It is a block diagram which shows the software structure in a client terminal. It is a flowchart which shows the creation procedure of the homepage in a client terminal. It is a flowchart which shows the creation procedure of the homepage in a client terminal.

Explanation of symbols

10 Website creation support system
12 Web server
14 DB server
16 Content server
18 Client terminal
20 CPU
22 memory
24 hard disk
26 Input device
28 display
30 Html form for homepage creation
34 Control program
36 Editing program
38 Transmission program
40 Attached file program
42 Edit screen
44 Insert button
46 Image editing area
48 Text editing area
54 Character input area
56 Browse attachment button
58 Preview button
60 Attachment
62 Image files
66 Registration button

Claims (1)

A system comprising a client terminal and a server,
The server includes a means for transmitting an Html form for homepage editing in which a control program is described in the client terminal;
Means for transmitting each program to the client terminal when a transmission request for the editing program and the transmission program is transmitted from the client terminal;
Means for generating an image file based on the image data transmitted from the client terminal;
Means for generating an Html file based on the text data transmitted from the client terminal and the image file;
Means for storing the Html file and the image file in a predetermined storage means,
The client terminal includes a web browser program that displays the Html form transmitted from the server on the display,
The control program described in the Html form checks whether or not the editing program and the transmission program are stored in a predetermined area of the client terminal, and if not, the program is transmitted to the server. With the ability to send requests,
Program the editing has a function of displaying an image editing area and text editing area in the Html foam captures the image data stored in the clipboard of the client terminal, a function to paste directly into the image editing area, the It has a function to enter text in the text editing area ,
The transmission program has a function of transmitting the image data pasted in the image editing area and the text data input in the text editing area to the server,
In addition, the Html form includes a preview button,
The control program has a function of generating an Html file for a preview screen when the preview button is selected, and a function of causing the display to display the Html file as a preview screen via a web browser program.
When the preview button is selected, the editing program stores the image data displayed in the image editing area as a file and stores it in the disk of the client terminal, and link information of the image file for the control. A homepage creation support system comprising a function for passing a program to be described in the Html file and a function for deleting the image file from the disk when the preview screen is closed .

Images