JP2011065439A - Input support program, terminal, and web system - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide an input support program, along with a terminal and a Web system, for reducing input work of a user on a general-purpose Web page. <P>SOLUTION: In the input support program, a script 36 and a Flash file 38 for providing an input interface associated with HTML text check boxes makes a user terminal 1 function as: a position acquisition means 12 for acquiring position data in a region defined by each HTML text of the HTML text check boxes when reading a Web page; a position decision means 15 for determining whether a position of each of the check boxes acquired by the position acquisition means 12 exists within the range decided by reception of a designation operation from the user; and an alteration means 16 for changing a state of a check box matching the determined position when the position decision means 15 determines that the position of the check box exits within the decided range. <P>COPYRIGHT: (C)2011,JPO&INPIT

Description

  The present invention relates to an input support program, a terminal, and a Web system that support input on a Web page.

  Web pages are widely used as pages for transmitting data input by a user to a Web server and as pages for displaying results processed by the Web server. Under such circumstances, there has been disclosed an input support system that reduces a user's input work on a Web page (see, for example, Patent Document 1).

JP 2009-169730 A

  The input support system described in Patent Literature 1 applies a preset value prepared in advance for each input item every time a site providing a service is accessed. The input support system described in Patent Document 1 is intended for a specific Web page that is frequently used. Therefore, when inputting different contents each time, the user's input work cannot be reduced. .

  An object of the present invention is to provide an input support program, a terminal, and a Web system that reduce user input operations on a general-purpose Web page.

  The present inventors have found that a program for performing input support processing is performed on a text input form described in an HTML (HyperText Markup Language) document file in a range selected by a user input operation. The invention has been completed.

(1) An input support program that provides an input interface linked to an HTML text input form,
Computer
Position information indicating the position of each of the plurality of parts in the region defined by the HTML text, including the display positions of each of the parts constituting the input form in response to reading the HTML text Position acquisition means for acquiring
Position determination means for determining whether or not each position indicated by the position information acquired by the position acquisition means is within a range determined by accepting a user's designation operation in the area displayed on the Web browser. When,
Changing means for changing the state of the part corresponding to the position when it is determined by the position determining means to be within the range;
Make it work,
Input support program.

  According to such a configuration of the present invention, the position of each of a plurality of parts constituting the input form in the area specified in the HTML text is acquired, and within the range determined by accepting the user's designation operation. The state of the part is changed according to the position of the part. Therefore, by adding this input support program to the Web page, the state of each part constituting the input form existing within the range specified by the user can be changed. It is not necessary to select and change one by one, and the user's input work can be reduced.

(2) Each of the plurality of parts is at least one of a check box and a radio button,
Causing the changing means to function so as to switch the on and off states of the component;
The input support program according to (1).

  According to such a configuration of the present invention, when at least one of a check box and a radio button which are parts having an on and off state exists within a range specified by the user, the on and off are determined. Can be switched. Therefore, it is possible to save the user from having to specify check boxes and radio buttons one by one.

(3) causing the computer to function as range designation receiving means for acquiring range information indicating a range designated in the area in response to accepting a drag operation of the input device by the user;
Causing the position determination means to function to determine whether or not each position of the plurality of parts is included in a range indicated by the range information acquired by the range designation receiving means;
The input support program according to (1) or (2).

  According to such a configuration of the present invention, a range designated by the user in the region can be acquired with a simple operation by using an input device such as a mouse that can be dragged. And a state can be changed with respect to each of the components in the range shown by the simple operation.

(4) When the computer outputs the area including the display positions of each of the plurality of parts to a display device, the image calling unit calls up a position grasping image having transparency to be output on the area. Function as
Causing the range designation receiving means to function to acquire the range information indicating the range detected in the output area of the position grasping image called by the image calling means;
The input support program according to (3).

  According to such a configuration of the present invention, when displaying an area defined by the HTML text, a position grasping image having transparency that is output to be superimposed on the area is called, and an output area of the position grasping image is output. Get the range detected in. Therefore, since the user's designated operation can be grasped by a transparent position grasping image while showing a web page in HTML text to the user, the web having this function can be used by using it for a general-purpose web page. You can build a page.

(5) The image for position grasping is created by Flash (registered trademark).
The input support program according to (4).

  According to such a configuration of the present invention, the position grasping image can be created by the flash. Therefore, this function can be realized using a general-purpose tool.

(6) A control unit that executes the input support program according to any one of (1) to (5) is provided.
Terminal.

  According to such a configuration of the present invention, it is possible to display a Web page in HTML text on the terminal, accept a user's range designation operation, and change the state of the parts of the input form arranged within the range designation. Therefore, this function can be used in any terminal that can display a Web page and has an input device.

(7) The terminal described in (6),
A web server connected to the terminal via a communication network and storing the input support program to be transmitted to the terminal;
Comprising
Web system.

  According to such a configuration of the present invention, the function (1) can be realized in the Web system.

  According to the present invention, by adding an input support program to an HTML text input form, the state of each of the parts constituting the input form existing within the range specified by the user can be changed by a user operation. it can.

It is a figure which shows the whole structure of the web system which concerns on this embodiment, and a functional structure of a user terminal and a web server. It is a flowchart explaining the process in the user terminal which concerns on this embodiment. It is a figure which shows the web page, HTML text, and ID correspondence table which concern on this embodiment. It is a figure which shows the display mode of the web page which concerns on this embodiment, and a Flash image page. It is a figure which shows the switching mode of the check in the check box which concerns on this embodiment. It is a figure which shows typically the outline | summary of the process of the program which concerns on this embodiment. It is a figure which shows the switching aspect by the check box and radio button which concern on this embodiment.

  DESCRIPTION OF EMBODIMENTS Hereinafter, embodiments for carrying out the present invention will be described with reference to the drawings. This is merely an example, and the technical scope of the present invention is not limited to this.

(Embodiment)
[Overall Configuration of Web System 100 and Functional Configuration of User Terminal 1 and Web Server 3]
FIG. 1 is a diagram illustrating an overall configuration of a Web system 100 according to the present embodiment and functional configurations of a user terminal 1 and a Web server 3.

  The web system 100 includes a user terminal 1, a web server 3, and a communication network 9.

  The user terminal 1 is a terminal that downloads (receives) a web page stored in the web server 3 and displays the web page. The user terminal 1 is an information terminal having a communication function, such as a personal computer (PC), a mobile phone, or a PDA (Personal Digital Assistants). The user terminal 1 includes a control unit 10, a storage unit 20, a display 26 (display device), and a mouse 28 (input device).

  The control unit 10 includes an ID assigning unit 11 (ID: identifier), a position acquiring unit 12, a flash calling unit 13 (image calling unit), a range designation receiving unit 14, a position determining unit 15, and a changing unit 16. Is provided.

  For each part constituting the input form included in the HTML text, which is the source code of the web page, on the condition that the web page has been read, the ID assigning means 11 uses each part as a code for identifying each of the parts. It is a control part which gives different ID to. The part of the input form is an input interface that allows the user to input a value and transmits the input value to the Web server 3, and includes, for example, a check box, a radio button, a text box, a list box, and a combo box. However, in the present embodiment, it refers to a check box and a radio button, which are input interfaces having two states of on and off.

  The position acquisition unit 12 is a control unit that acquires coordinates as position data (position information) of parts of an input form included in a Web page. The acquired position data is represented by coordinates based on a set of a right direction X and a downward direction Y (see FIG. 3A), for example, with the upper left corner of the Web page (area) displayed on the Web browser as the start position. it can.

  The flash calling unit 13 is a control unit that calls a flash file described later. The flash image page (position grasping image) generated by the called flash file is output so as to be superimposed on the web page. Further, the Flash file is set to make the Flash image page transparent.

  The range designation receiving unit 14 is a control unit that acquires range data (range information) indicating a range in a Web page designated by a user operation.

  The position determination unit 15 calculates a coordinate range from the range data acquired by the range specification reception unit 14, and whether or not the position of the part of the input form acquired by the position acquisition unit 12 is within the calculated range. It is a control part which judges. The position of the part on the input form can be recognized as the coordinate range of the part. If some of the positions are within the coordinate range, the position determination unit 15 may determine that the position is within the range.

  The changing unit 16 is a control unit that switches between ON and OFF states of components constituting the input form determined to be within the range by the position determination unit 15.

  The storage unit 20 includes a web browser 21 and a flash player 22.

  The web browser 21 is a program for analyzing the HTML text constituting the web page and displaying the web page on the display 26. Further, the Web browser 21 transfers control to a script described later.

  The flash player 22 is plug-in software for interpreting the flash file and reproducing the flash content (for example, the above-described flash image) on the web browser 21.

  The display 26 is a display device for displaying a web page. The display 26 is, for example, a liquid crystal display or a plasma display.

  The mouse 28 is an input device that accepts user input operations. The user can specify a range on the Web page by dragging the mouse 28. The mouse 28 may be replaced with a keyboard, a digitizer, or the like, for example, as long as the range of the Web page can be specified as an input device by a user input operation.

  The hardware of the user terminal 1 of the present embodiment may be configured by a general computer. For example, a general computer includes a central processing unit (CPU) as the control unit 10 and a memory (RAM, ROM), a hard disk (HDD), and an optical disk (CD, DVD, etc.) as a storage unit 20 in a network. As communication devices, various wired and wireless LAN devices are provided as appropriate, and these are connected by a bus line. In such a general computer, the CPU controls the user terminal 1 in an integrated manner, reads and executes various programs as appropriate, and cooperates with the hardware described above to realize various functions according to the present invention. is doing.

  The web server 3 is a server that stores a plurality of web pages. The Web server 3 is a server that receives a request from the user terminal 1 and transmits a program such as an HTML text of the Web page and a script associated with the HTML text to the user terminal 1. The number of hardware of the Web server 3 is not limited, and may be configured with one or a plurality of hardware as necessary. The web server 3 includes a control unit 30 and a storage unit 32.

  The control unit 30 is a central processing unit that controls the entire Web server 3.

  The storage unit 32 stores a web page group 34, a script 36, and a flash file 38.

  The web page group 34 is a set of a plurality of web pages including input form components.

  The script 36 is a program that is called from the Web page by defining a <script> tag in the Web page and describing the file name of the script 36 in the tag. The script 36 is, for example, Javascript (registered trademark).

  The flash file 38 is a program that is called by describing the call of the flash file 38 in the script 36 and generates and displays a flash image page.

  The communication network 9 is a communication line such as the Internet for performing communication between the user terminal 1 and the Web server 3. The communication network 9 may be wired or part or all of it may be wireless.

[Processing overview of user terminal 1]
Next, processing in the user terminal 1 will be described. FIG. 2 is a flowchart for explaining processing in the user terminal 1 according to the present embodiment. FIG. 3 is a diagram showing the Web page 40, the HTML text 50, and the ID correspondence table according to the present embodiment. FIG. 4 is a diagram showing a display mode of the web page 40 and the flash image page 60 according to the present embodiment.

  S1: in FIG. 2, the control unit 10 of the user terminal 1 activates the Web browser 21 and specifies the URL (Uniform Resource Locator) of the Web server 3 and the file name of the Web page 40, thereby communicating with the Web server 3. The designated web page 40 in the storage unit 32 of the web server 3 is read.

  S2: The control unit 10 interprets the HTML text 50 of the Web page 40 and displays the Web page 40 on the display 26.

  FIG. 3A shows a web page 40 displayed on the display 26 by the web browser 21. The web page 40 is a web page on which check boxes 41 (41a, 41b, 41c,...) That are parts of a plurality of input forms are arranged. The user operates the mouse 28 to move a pointer (not shown) to a certain check box 41 and clicks the check box 41 to check the check box 41. The check box 41 in the checked state can be released.

  FIG. 3B shows the HTML text 50 that is the source code of the Web page 40. The HTML text 50 defines a plurality of check boxes 41 in a <form> tag. In addition, a script 51 having a file name “XX.js” is described in the <script> tag. The script 51 is, for example, the script 36 stored in the storage unit 32 of the Web server 3.

  Returning to FIG. 2, S3: The control unit 10 reads Javascript. In the example of FIG. 3B, Javascript is a script 51.

  The script described in the <script> tag may be described directly in the HTML text 50 or may be a separate file such as the script 51. In general, it is desirable to make a general-purpose script available in a separate file so that it can be used in common.

  S4: The control unit 10 (ID assigning means 11) assigns an ID to each check box 41 arranged on the Web page 40. The ID may be given any symbol as long as the symbol is different for each check box 41.

  S5: The control unit 10 (position acquisition unit 12) acquires the coordinates of the check box 41 as the position data of each check box 41 arranged on the Web page 40. As for the coordinates, for example, the upper left of the Web page 40 is (X, Y) = (0, 0), and the position can be calculated from the distance between the right direction X and the lower direction Y. In the example of FIG. 3A, the ID assigned to the check box 41a is Cbo01, and the acquired coordinates are (X, Y) = (5-6, 8-9). Similarly, the check box 41b has an ID of Cbo02 and coordinates of (X, Y) = (5-6, 11-12). The check box 41c has an ID of Cbo06 and coordinates of (X, Y) = (23 to 24, 8 to 9).

  FIG. 3C is a diagram showing an ID correspondence table in which IDs are associated with position data. As shown in FIG. 3C, the ID is assigned a different symbol for each check box 41. The position data indicates the range of the rectangular check box 41. The control unit 10 may store the ID and position data in the form of an array.

  Returning to FIG. 2, S <b> 6: The control unit 10 (Flash calling unit 13) delivers the ID of each check box 41 and its position data to the Flash file 38. Data for specifying the flash file 38 to which the data is transferred is described in the script 51.

  S 7: The control unit 10 (Flash calling means 13) displays the Flash image page 60 on the display 26 based on the Flash file 38. The flash image page 60 is a transparent image page, and the web page 40 is displayed through the transparent page. Therefore, even if the Flash image page 60 is displayed, the user can visually recognize the Web page 40 displayed so as to be superimposed under the Flash image page 60.

  S8: The control unit 10 creates each landmark object 61 on the Flash image page 60 corresponding to each coordinate position of the check box 41 of the Web page 40, and associates it with the ID.

  FIG. 4 is a diagram illustrating an aspect in which a flash image page 60 is displayed over the web page 40. The flash image page 60 is a transparent image page created by flash. The mark object 61 (61a, 61b, 61c,...) Is created at the position of the check box 41 of the Web page 40. The mark object 61 is a transparent object. Therefore, the user cannot visually recognize the mark object 61.

  In addition, after the control part 10 reads the web page 40 in S1 of FIG. 2, a process is performed immediately until S8. Therefore, the user visually recognizes the display 26 in a state (see FIG. 4) in which the flash image page 60 is displayed over the web page 40 in the state in which the processes up to S8 are performed. Since the flash image page 60 is transparent together with the landmark object 61, the user can feel as if only the web page 40 is displayed on the display 26, and the flash image linked to the web page 40 is displayed. The presence of the page 60 is not felt. Therefore, the user's work can be realized with the feeling of performing the interface of the normal Web page 40 without associating the user with complicated operations on the Web page 40.

  Returning to FIG. 2, S9: The control unit 10 (range designation receiving means 14) determines whether or not the range in the Web page 40 has been acquired by dragging the mouse 28 by the user's input operation and then dropping it. to decide. When the range is acquired (S9: YES), the control unit 10 moves the process to S10. On the other hand, when the designation of the range is not acquired (S9: NO), the control unit 10 repeats the process of S9.

  S10: The control unit 10 (position determination means 15) calculates the coordinates of the specified range in the web page 40 and accepts the coordinate data. Specifically, the control unit 10 calculates the coordinates by detecting a specified range of the flash file 38 that displays the flash image page 60 displayed over the web page 40.

  As described above, the user terminal 1 can cause the user to specify the user's designation operation on the transparent flash image page 60 while showing the web page 40 to the user. Range coordinates can be calculated.

  S11: The control unit 10 (position determining unit 15) determines whether or not the mark object 61 is included in the calculated coordinates. When the mark object 61 is included (S11: YES), the control unit 10 moves the process to S12. On the other hand, when the landmark object 61 is not included (S11: NO), the control unit 10 moves the process to S9.

  S12: The control unit 10 (position determining unit 15) hands over the ID of the check box 41 corresponding to the landmark object 61 to Javascript.

  S13: The control unit 10 (changing unit 16) switches the state of the check box 41 corresponding to the ID by using Javascript. That is, the control unit 10 switches the check box 41 corresponding to the ID that is off to the on state, and conversely switches the check box 41 that is on to the off state. . Then, the control part 10 complete | finishes this process.

  As described above, the control unit 10 assigns an ID for identifying each of the check boxes 41, acquires the position of the check box 41 on the Web page 40, and accepts and determines the user's designation operation. In response to the check box 41 being positioned within the range, the check box 41 is turned on and off. Therefore, by adding the script 36 and the flash file 38 to the web page 40, it is possible to change the ON / OFF state of each check box 41 existing within the range specified by the user. It is possible to save the user from inputting the check box 41 while specifying the check box 41 one by one, and to reduce the user's input work.

[Specific Example 1]
FIG. 5 is a diagram illustrating a check switching mode using check boxes according to the present embodiment. FIG. 5A shows a Web page 70 on which 30 check boxes are arranged. All of the 30 check boxes of the Web page 70 are in an off state (a state in which no check is made). The user operates the mouse 28 on the Web page 70 in this state, drags the pointer 71 as shown in (D1) in the figure, and then drops it.

  FIG. 5B shows that the state of the check box arranged in the range (A) including (D1) specified in FIG. 5A has been turned on (checked state). FIG. Further, the user operates the mouse 28 and drags and drops the pointer 71 as shown in FIG.

  FIG. 5C is a diagram showing that the check boxes placed in the range (B) including (D2) specified in FIG. 5B have been switched on and off.

  As described above, the user operates the mouse 28, drags the pointer 71, selects an arbitrary range, and then drops it, so that the check box in the range can be switched on and off. . Therefore, when the user inputs to the check box, the complicated operation of inputting each check box and clicking the mouse 28 is eliminated, and the state of the check box within the range is simplified. It can be changed.

[Processing overview of each program]
FIG. 6 is a diagram schematically showing an outline of processing of the program according to the present embodiment. First, Java script is called from the Web page by reading the Web page in the user terminal 1 (1).

  Javascript assigns IDs to a plurality of check boxes arranged on the Web page (2), and acquires the positions of the check boxes (3).

  Also, JavaScript calls the flash file (4), and the called flash file displays the flash image page (5). Specifically, Javascript automatically outputs a tag for reading a Flash file on HTML, so that the Web browser 21 reads the Flash file (file identifier is SWF).

  Then, JavaScript passes the check box ID and position to the Flash file (6).

  In the Flash file, the mark object is arranged at the same coordinate position on the Flash image page as the position where the check box of the Web page is arranged (7). Each mark object is associated with the check box ID at the same position.

  When the range is specified by dragging and dropping on the Flash image page by the user's input operation (8), the Flash file delivers the ID corresponding to the landmark object included in the specified range to Javascript (9). .

  Javascript is reflected on the Web page by switching on and off the check box corresponding to the received ID (10).

[Specific Example 2]
In the above description, it has been described that the check boxes arranged on the Web page are switched on and off. However, similar processing can be performed using radio buttons. FIG. 7 is a diagram illustrating a switching mode using check boxes and radio buttons according to the present embodiment.

  FIG. 7A shows a Web page 80 on which six check boxes and a set of radio buttons 81 are arranged. The six check boxes arranged on the web page 80 are in a mixed state of an on state and an off state. Further, in the set of radio buttons 81, the button 81a is off and the button 81b is on.

  FIG. 7B shows a state in which the user operates the mouse 28 and drags the pointer 82 so as to surround the button 81a as shown in FIG. Thereafter, the user drops the mouse 28 to determine the designated range.

  In FIG. 7C, the check box and the radio button 81 are switched between ON and OFF in the range of (C) in the drawing including (D) specified in FIG. 7B. FIG. 6 is a diagram showing a Web page 80. In this case, in FIG. 7B, the button 81b is not within the range designated by the user, but since it is a series of buttons 81a, the state of the button 81b is changed accordingly.

  As described above, when the user operates the mouse 28 and drags the pointer 82 to select and drop a range including one button 81a of the set of radio buttons 81, the radio button 81 is turned on. The off state can be switched in the same manner as the check box. Note that due to the nature of the radio button 81, only one of the radio buttons 81 must be in an on state. Therefore, when two or more buttons are switched on by selecting a range including a plurality of buttons from the set of radio buttons 81, the control unit 10 may not perform the switching process. . By doing so, inconsistent processing with respect to the series of radio buttons 81 can be avoided.

(Deformation)
In the present embodiment, the position data is acquired by calculating the coordinate value with reference to the upper left of the Web page. However, for example, by defining the <DIV> tag so as to enclose a plurality of check boxes, the range of the plurality of check boxes is set as a group, and the position in the area is calculated to provide input support. You may do it.

  In the present embodiment, when dragging and dropping by a user input operation, the check box and radio button included in the designated range are switched between on and off. However, the switching timing is not limited to this. For example, the on / off state may be switched at the timing when the check box is included in the rectangular range being dragged.

  As mentioned above, although embodiment of this invention was described, this invention is not restricted to embodiment mentioned above. The effects described in the embodiments of the present invention are only the most preferable effects resulting from the present invention, and the effects of the present invention are limited to those described in the embodiments of the present invention. is not.

DESCRIPTION OF SYMBOLS 1 User terminal 3 Web server 10,30 Control part 11 ID provision means 12 Position acquisition means 13 Flash calling means 14 Range designation | designated reception means 15 Position determination means 16 Change means 20, 32 Storage part 21 Web browser 22 Flash player 26 Display 28 Mouse 36, 51 Script 38 Flash file 40, 70, 80 Web page 41, 41a, 41b, 41c Check box 50 HTML text 60 Flash image page 61, 61a, 61b, 61c Mark object 71, 82 Pointer 81 Radio button 100 Web system

Claims (7)

An input support program that provides an input interface linked to an HTML text input form,
Computer
Position information indicating the position of each of the plurality of parts in the region defined by the HTML text, including the display positions of each of the parts constituting the input form in response to reading the HTML text Position acquisition means for acquiring
Position determination means for determining whether or not each position indicated by the position information acquired by the position acquisition means is within a range determined by accepting a user's designation operation in the area displayed on the Web browser. When,
Changing means for changing the state of the part corresponding to the position when it is determined by the position determining means to be within the range;
Make it work,
Input support program. Each of the plurality of parts is at least one of a check box and a radio button,
Causing the changing means to function so as to switch the on and off states of the component;
The input support program according to claim 1. In response to accepting a drag operation of the input device by the user, the computer functions as range designation accepting means for obtaining range information indicating a range designated in the area,
Causing the position determination means to function to determine whether or not each position of the plurality of parts is included in a range indicated by the range information acquired by the range designation receiving means;
The input support program according to claim 1 or 2. When the computer outputs the area including the display positions of each of the plurality of parts to a display device, the computer functions as an image calling unit that calls a transparent position grasping image that is output on the area. ,
Causing the range designation receiving means to function to acquire the range information indicating the range detected in the output area of the position grasping image called by the image calling means;
The input support program according to claim 3. The position grasping image is created by Flash (registered trademark).
The input support program according to claim 4. A control unit that executes the input support program according to any one of claims 1 to 5,
Terminal. A terminal according to claim 6;
A web server connected to the terminal via a communication network and storing the input support program to be transmitted to the terminal;
Comprising
Web system.

Images