Graph display control method, graph display system, and graph display program

Abstract

To improve the operability of graph drawing.SOLUTION: A server 20 calculates coordinates of first plot points on the basis of the input of a first mathematical formula to a first mathematical formula tag 31a of a communication device 10 and a coordinate range of a first graph tag 32a, and calculates coordinates of second plot points on the basis of the input of a second mathematical formula to a second mathematical formula tag 31b and a coordinate range of a second graph tag 32b. The communication device 10 draws a graph based on the coordinates of the first plot points in the first graph tag 32a, and draws a graph based on the coordinates of the second plot points in the second graph tag 32b. The coordinates of the first and second plot points are stored in a storing unit 13 of the communication device 10 in association with the first and second mathematical formulae, respectively. The two graphs are drawn in the one graph tag by drag-and-drop operations to the two graph tags 32a and 32b.SELECTED DRAWING: Figure 14

Description

[Technical field]

[0001] The present invention relates to a client device, a server device, and a graph drawing program. [Background technology]

[0002] There are known graph drawing applications that can be used on web browsers. For example, according to Non-Patent Document 1, which is about applications that run on web browsers, calculations are performed based on formulas that a user inputs into a formula list, and a graph is drawn based on the results of the calculations. [Prior art documents] [Non-patent literature]

[0003] [Non-Patent Document 1] Desmos, Desmos User Guide, Translated by Yoshito Horikawa [online], [Retrieved September 27, 2017], Internet<URL:https: / / desmos.s3.amazonaws.com / Desmos_User_Guide_JA.pdf> Summary of the Invention [Problem to be solved by the invention]

[0004] In a web application that accepts input of mathematical expressions, performs calculations, and draws graphs on a web browser of a client device, the calculation algorithm is made public. In contrast, in a web application in which mathematical expression data input to a client device is sent to a server device, where calculations are performed, and the client device only presents the calculation results, it is possible to conceal the calculation algorithm from the client device.

[0005] In such web applications, it is desirable to improve the operability of graph drawing.

[0006] SUMMARY OF THE PRESENT EMBODIMENTS An object of the present invention is to provide a client device, a server device, and a graph drawing program that are easy to use for graph drawing. [Means for solving the problem]

[0007] A client device according to one embodiment of the present invention includes a control unit that displays first coordinates, in which a first coordinate range corresponding to an input first mathematical formula is set, and second coordinates, in which a second coordinate range corresponding to an input second mathematical formula is set, on a display screen of a display unit, accepts a user operation to overlay at least a portion of a first area in which the first coordinates are displayed on the display screen of the display unit over a second area in which the second coordinates are displayed, and, in response to accepting the user operation, displays integrated coordinates, which are determined based on the first coordinate range and the second coordinate range, on the display screen of the display unit, and draws a first graph representing the first mathematical formula and a second graph representing the second mathematical formula on the integrated coordinates displayed on the display screen of the display unit. Effect of the Invention

[0008] According to the present invention, it is possible to provide a client device, a server device, and a graph drawing program that are easy to operate for graph drawing. [Brief description of the drawings]

[0009] [Figure 1] FIG. 1 is a diagram illustrating an example of the overall configuration of the system. [Diagram 2] FIG. 2 is a diagram showing an example of a display screen. [Figure 3A] FIG. 3A is a diagram showing an example of a drawing process of two graph sticky notes. [Figure 3B] FIG. 3B is a diagram showing an example of a drawing process when the graph area of ​​the graph sticky note is changed. [Figure 3C] FIG. 3C is a diagram showing an example of a process for merging two graph sticky notes. [Figure 4]FIG. 4 is a diagram showing an example of a display screen of a communication device. [Diagram 5] FIG. 5 is a diagram showing an example of a display screen of a communication device. [Figure 6] FIG. 6 is a diagram showing an example of a display screen of a communication device. [Figure 7] FIG. 7 is a diagram showing an example of a display screen of a communication device. [Figure 8] FIG. 8 is a diagram showing an example of a display screen of a communication device. [Figure 9] FIG. 9 is a diagram showing an example of a display screen of a communication device. [Figure 10] FIG. 10 is a diagram showing an example of a display screen of a communication device. [Figure 11] FIG. 11 is a diagram showing an example of a display screen of a communication device. [Figure 12] FIG. 12 is a diagram showing an example of a display screen of a communication device. [Figure 13] FIG. 13 is a diagram showing an example of a display screen of a communication device. [Figure 14] FIG. 14 is a diagram showing an example of a flowchart of an operation for merging two sticky notes. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0010] An embodiment of the present invention will be described with reference to the drawings. 1 is a diagram showing an example of the overall configuration of a system including a client device and a server device according to an embodiment of the present invention. The system 1 includes a communication device 10 and a server 20. The communication device 10 is communicatively connected to the server 20 via a communication network N such as the Internet. The communication device 10 may be a tablet terminal, a smartphone, a personal computer (PC), or the like.

[0011] In the system 1, data for graph drawing / number table creation input to the communication device 10 is transmitted from the communication device 10 to the server 20. The server 20 executes a calculation for graph drawing / number table creation based on the data, and transmits the result of the calculation to the communication device 10. The communication device 10 executes graph drawing / number table creation based on the result of the calculation.

[0012] The communication device 10 includes a processor 11, a main memory 12, a storage 13, an input unit 14, a communication unit 15, and a display output unit 16. These are all connected to each other via a system bus 17.

[0013] The processor 11 may be an integrated circuit such as a CPU (Central Processing Unit). The processor 11 reads various programs, such as a communication device control program and a program that runs on a web browser, that are stored in advance in the storage 13, expands and stores them in the main memory 12, and then executes the various programs in response to an input signal from the input unit 14 or a signal received by the communication unit 15, thereby controlling the operation of each unit. The various programs may be downloaded to the storage 13 via the communication unit 15 from a web server (not shown) on the communication network N.

[0014] The input unit 14 includes external input devices such as a keyboard and a mouse, or a key input unit displayed on a display output unit 16 of the communication device 10. By operating the input unit 14, an input signal is input from an input interface (I / F) to the processor 11 via a system bus 17.

[0015] The display output unit 16 includes an external display device such as a liquid crystal display, or a display unit such as a liquid crystal display of the communication device 10. An output signal is transmitted from the processor 11 to the display output unit 16 via the system bus 17 and an output interface (I / F).

[0016] The server 20 has a processor 21, a main memory 22, a large-capacity storage 23, and a communication unit 24. These are connected to each other via a system bus 25. The server 20 may also be connected to an input device or an output device (not shown) via its input I / F or output I / F.

[0017] The processor 21 may be an integrated circuit such as a CPU. The processor 21 reads various programs such as a server control program that are pre-recorded or downloaded into the mass storage 23, expands and stores them in the main memory 22, extracts and decodes the instructions of the programs, and controls the operation of each part according to the contents of the instructions. The processor 21 also performs arithmetic processing based on input data from the communication device 10 according to a calculation processing program for drawing graphs / creating mathematical tables.

[0018] In this embodiment, the user specifies the address of the server 20 in the web browser running on the communication device 10, and a request is sent to the server 20. The web browser of the communication device 10 constructs a screen of a web application for drawing graphs / creating mathematical expressions based on the response received from the server 20. The web browser of the communication device 10 also issues a request to the server 20 in response to the input of data such as mathematical expressions, and receives the result of the calculation performed by the server 20 according to the calculation program as a response from the server 20. In other words, in response to the calculation request from the communication device 10, the server 20 transmits the result of the calculation performed by the processor 21 according to the calculation program to the communication device 10 as a response. Furthermore, the communication device 10 uses the received result of the calculation to draw graphs / create mathematical tables with the processor 11 according to the program running on the web browser. In this way, the function of a web application for drawing graphs / creating mathematical expressions is realized by the program running on the web browser of the communication device 10 and the calculation program of the server 20.

[0019] In this embodiment, the client device, i.e., the communication device 10, only accepts input of data such as mathematical expressions and performs processes of drawing graphs and creating number tables, but does not perform calculation processes for drawing graphs and creating number tables. The calculation processes are performed by a server device, i.e., a server 20, which is connected to the client device via a communication network N. This makes it possible to provide the calculation results from the server device to the client device and have the client device draw graphs and create number tables without disclosing accurate calculation algorithms.

[0020] 2 is a diagram showing an example of a display screen 30 of a graph drawing application that runs on a web browser. As described above, this graph drawing application is a scientific calculator web application provided by a program that runs on the web browser of a client device and a calculation processing program of a server device.

[0021] A display screen 30 shown in Fig. 2 is, for example, a screen display of the display output unit 16 of the communication device 10. Various floating objects are displayed on the display screen 30. Hereinafter, each of the objects will be referred to as a sticky note. Four types of sticky notes are shown in Fig. 2: an equation sticky note 31, a graph sticky note 32, a number table sticky note 33, and a memo sticky note 34.

[0022] The formula sticky note 31 is a sticky note (mathematical formula specification section) for inputting a mathematical formula, and the mathematical formula input by the user is displayed here. The formula sticky note 31 is displayed, for example, by selecting (e.g., clicking or tapping; the same applies to the term "selection" hereinafter) the mathematical formula input button 41 of the toolbar 40 on the initial display screen 30 shown in FIG. 4. The toolbar 40 may be displayed, for example, by the user selecting an arbitrary location on the screen and selecting "Show / hide toolbar" from the displayed menu.

[0023] The graph sticky note 32 is a sticky note (graph specification section) for displaying a graph, and a graph based on the calculation result (coordinates of plot points) calculated by the server 20 based on the confirmation of the above-mentioned mathematical formula input is drawn and displayed here. The graph sticky note 32 is created by, for example, selecting the graph display button 42 on the toolbar 40 shown in Fig. 4 after the input of the formula sticky note 31 is confirmed. The graph sticky note 32 is displayed with a tab 37 attached.

[0024] The number table sticky note 33 is a sticky note for displaying a number table, and a number table based on the calculation result (number table value) calculated by the server 20 based on the confirmation of the above-mentioned mathematical formula input is created and displayed here. The number table sticky note 33 is created by selecting the number table display button 43 on the toolbar 40 shown in FIG. 4, for example, after the input of the formula sticky note 31 is confirmed.

[0025] With the graph sticky note 32 or number table sticky note 33, the user can arbitrarily set a predetermined graph area or number table area, i.e., the range of coordinates to be drawn or the range of values ​​to be created. These settings are performed, for example, by the user selecting an arbitrary location on the screen, selecting "graph range" or "number table range" from the displayed menu, and inputting the desired range. As will be described later, the graph area can be changed by the user by inputting a movement operation after the graph sticky note 32 has been created.

[0026] The memo sticky note 34 is a sticky note for inputting text, and various information arbitrarily input by the user is displayed here. The memo sticky note 34 is displayed, for example, by selecting the memo input button 44 on the toolbar 40 shown in FIG.

[0027] 2, the equation sticky note 31 and the graph sticky note 32 are connected by a line 35. This line 35 indicates that the equation sticky note 31 and the graph sticky note 32 are linked, that is, that a graph has been drawn on the graph sticky note 32 based on the data of the mathematical formula entered in the equation sticky note 31. Similarly, the equation sticky note 31 and the number table sticky note 33 are connected by a line 36. This line 36 also indicates that the equation sticky note 31 and the number table sticky note 33 are linked.

[0028] In this embodiment, two or more formula sticky notes 31 can be created, and two or more graph sticky notes 32 linked to each of them can be created. That is, a plurality of formula sticky notes 31 and a plurality of graph sticky notes 32 can be displayed on the same display screen 30. One formula sticky note and its linked graph sticky note, and another formula sticky note and its linked graph sticky note are independent of each other, but in this embodiment, two independent graph sticky notes can be integrated into one graph sticky note, and two graphs that were drawn on the two graph sticky notes before integration can be drawn and displayed on the one graph sticky note. That is, two graphs drawn on physically different graph sticky notes can be superimposed.

[0029] 3A to 3C are diagrams showing an example of a process from drawing two graph sticky notes to integrating them by the communication device 10 and the server 20. Below, a series of flows for integrating and displaying two graph sticky notes will be specifically described with reference to FIGS. 4 to 13 as well as FIGS. 3A to 3C.

[0030] FIG. 3A shows an example of a process of drawing a first graph on a first graph sticky note (first area) 32a and a second graph on a second graph sticky note (second area) 32b.

[0031] 4, the user moves cursor 45 onto and selects mathematical formula input button 41 on tool bar 40 on display screen 30. This causes communication device 10 to accept a first formula sticky note input instruction (step S101).

[0032] After step S101, the display screen 30 of the communication device 10 displays a key input section 46 together with a first formula tag 31a, as shown in Fig. 5. The key input section 46 includes various keys such as numeric keys [0] to [9], the four arithmetic sign keys [+], [-], [x], and [÷], an execution key [EXE], and arrow cursor keys. The user uses the key input section 46 to input, for example, a first mathematical formula y=x on the first formula tag 31a.2 The user inputs +3 and confirms this by selecting the execute key. The communication device 10 accepts the formula input to the first formula tag 31a and executes a process of confirming the formula input to the first formula tag 31a as the first formula (step S102). After this confirmation process, for example, by selecting the graph display button 42 on the toolbar 40 or by this confirmation process, the communication device 10 accepts a request to draw a graph.

[0033] The communication device 10 transmits the input data, i.e., data of the input first formula and data of the first graph area (first coordinate range; for example, in the initial setting, -5≦x≦5, -5≦y≦5) set on the first graph sticky note 32a, together with a graph drawing request to the server 20 (step S103).

[0034] In response to the graph drawing request, the server 20 calculates the coordinates of the plot points to be plotted on the first graph tag 32a based on the input data received from the communication device 10 (step S104).

[0035] The server 20 transmits the coordinate data of the plot points calculated in step S104 to the communication device 10 (step S105).

[0036] The communication device 10 creates and displays a first graph sticky note 32a using the coordinate data of the plot points received from the server 20 (step S106). The communication device 10 draws a graph of the first formula in the first graph area of ​​the first graph sticky note 32a using the coordinates of the plot points calculated by the server 20. On the display screen 30 of the communication device 10, as shown in Fig. 6, the first formula sticky note 31a and the first graph sticky note 32a associated therewith are displayed, connected by a line 35a. In addition, a tab 37a is displayed accompanying the first graph sticky note 32a.

[0037] In step S106, together with drawing the graph, the coordinate data of the plot points received from the server 20 is stored in the storage 13. The communication device 10 stores in the storage 13 the coordinate data of the plot points of the first formula in the first graph area of ​​the first graph sticky note 32a in association with the first formula and the first graph area.

[0038] Next, the user selects the formula input button 41 again, as in the display screen 30 shown in Fig. 7. Note that since the toolbar 40 is hidden along with the display of the first graph sticky note 32a on the display screen 30 shown in Fig. 6, the toolbar 40 is redisplayed on the display screen 30 shown in Fig. 7 before selecting the formula input button 41, but the toolbar 40 may be always displayed. The communication device 10 accepts an instruction to input a second formula sticky note (step S107).

[0039] After step S107, the key input unit 46 is displayed again on the display screen 30 of the communication device 10 together with the second formula tag 31b, as shown in FIG. 8. The user inputs, for example, the second formula y=x into the second formula tag 31b using the key input unit 46, and confirms this by selecting the execute key. The communication device 10 accepts the formula input into the second formula tag 31b, and executes a process of confirming the formula input into the second formula tag 31b as the second formula (step S108). After this confirmation process, for example, by selecting the graph display button 42 on the toolbar 40, or by this confirmation process, the communication device 10 accepts a request to draw a graph.

[0040] 4 to 7 and the display screen 30 shown in Fig. 8 onwards have different sizes, but all of them are single-screen displays. Single-screen display is not only when the entire screen is displayed in a window on the display output unit 16 of the communication device 10, but also when the entire screen does not fit within the window and the entire screen is viewed by scrolling or the like.

[0041] The communication device 10 transmits the input data, i.e., data of the input second formula and data of the second graph area (second coordinate range; for example, in the initial setting, -5≦x≦5, -5≦y≦5) set in the second graph sticky note 32b, together with a graph drawing request to the server 20 (step S109).

[0042] In response to the graph drawing request, the server 20 calculates the coordinates of the plot points to be plotted on the second graph tag 32b based on the input data received from the communication device 10 (step S110).

[0043] The server 20 transmits the coordinate data of the plot points calculated in step S110 to the communication device 10 (step S111).

[0044] The communication device 10 creates and displays the second graph sticky note 32b using the coordinates of the plot points received from the server 20 (step S112). The communication device 10 draws a graph of the second formula in the second graph area of ​​the second graph sticky note 32b using the coordinates of the plot points calculated by the server 20. On the display screen 30 of the communication device 10, as shown in Fig. 9, in addition to the first formula sticky note 31a and the first graph sticky note 32a, the second formula sticky note 31b and the second graph sticky note 32b linked thereto are displayed, connected with a line 35b. Also, the second graph sticky note 32b is displayed accompanied by a tab 37b.

[0045] In step S112, together with drawing the graph, the coordinate data of the plot points received from the server 20 is stored in the storage 13. The communication device 10 stores in the storage 13 the coordinate data of the plot points of the second formula in the second graph area of ​​the second graph sticky note 32b in association with the second formula and the second graph area.

[0046] Through the above steps S101 to S112, two graph tags 32a and 32b as shown in FIG.

[0047] In step S109, before starting the communication process with the server 20, the data of the second formula may be compared with the data of the first formula, and the second graph area may be compared with the first graph area. If they are the same, the coordinate data of the plot points of the second formula in the second graph area of ​​the second graph sticky note 32b is the same as the coordinate data of the plot points of the first formula, so there is no need to recalculate them in the server 20. Therefore, if it is determined that the data of the second formula and the data of the first formula are the same, and that the second graph area and the first graph area are the same, the communication process with the server 20 (S109, S110, S111) is not performed, and the process of step S112, that is, the second graph sticky note 32b may be created and displayed immediately using the coordinates of the plot points of the first formula (FIG. 3A also shows an arrow proceeding from step S108 to step S112).

[0048] The process of merging two graph sticky notes 32a and 32b into one graph sticky note will be described below.

[0049] FIG. 3B shows an example of a process in which, after the process shown in FIG. 3A, the graph area of ​​the first graph sticky note 32a is changed from the first graph area to a third graph area and the graph is redrawn.

[0050] For example, the user moves cursor 45 onto the first graph area of ​​first graph sticky note 32a on display screen 30, and while it is selected, moves (drags) it in the direction of dashed downward arrow A shown in Fig. 10. Communication device 10 accepts the selection of the first graph sticky note and an instruction to move the first graph sticky note display area (step S113). As a result, the first graph area is changed from -5≦x≦5, -5≦y≦5 to, for example, -1≦x≦9, -1≦y≦9. The new graph area after the move is referred to as the third graph area (integration coordinate range).

[0051] Furthermore, when the communication device 10 receives an instruction to move the first graph sticky note display area, it accepts a request to draw a graph and transmits the data of the first formula and the data of the third graph area of ​​the first graph sticky note 32a to the server 20 together with the request to draw a graph (step S114).

[0052] In response to the request to draw a graph, the server 20 calculates the coordinates of a new plot point based on the input data received from the communication device 10, i.e., the data of the first formula and the data of the third graph area of ​​the first graph sticky note 32a (step S115).

[0053] The server 20 transmits the coordinate data of the new plot point after the movement calculated in step S115 to the communication device 10 (step S116).

[0054] The communication device 10 uses the coordinates of the new plot point after the movement calculated by the server 20 to draw and display a graph of the first formula in the third graph area of ​​the first graph sticky note 32a, as shown in FIG. 11 (step S117).

[0055] 10 and 11, the tab 37a of the first graph sticky note 32a selected by the cursor 45 is shown shaded. In practice, it may be shown in color. Also, the border of the selected first graph sticky note 32a may be shown thicker than before the selection.

[0056] In step S117, together with drawing the graph, data on the coordinates of the new plot point after the movement received from the server 20 is stored in the storage 13. The communication device 10 stores in the storage 13 the coordinate data of the plot point of the first formula in the third graph area of ​​the first graph sticky note 32a in association with the first formula and the third graph area.

[0057] FIG. 3C shows an example of a process in which two graph sticky notes 32a and 32b are integrated after the process shown in FIG. 3A and FIG. 3B, that is, a graph area integration process of two graph sticky notes 32a and 32b having different graph areas.

[0058] For example, the user moves cursor 45 onto the second graph area of ​​second graph sticky note 32b on display screen 30, and while this is selected, moves second graph sticky note 32b in the direction of dashed upward arc arrow B in Fig. 12 to overlay it on top of first graph sticky note 32a (drag-and-drop). Communication device 10 accepts the instruction to select the second graph sticky note and drag-and-drop second graph sticky note 32b onto the first graph sticky note 32a (step S118).

[0059] After step S118, the communication device 10 determines whether or not the server 20 needs to recalculate the coordinate data of the plot points, and determines that recalculation is necessary (step S119). The details of the determination will be described later. Here, since recalculation is necessary, the communication device 10 accepts a request to draw a graph.

[0060] The communication device 10 transmits the data of the second formula and the third graph area of ​​the first graph sticky note 32a together with a request to draw a graph to the server 20 (step S120).

[0061] In response to the graph drawing request, the server 20 calculates the coordinates of the plot points (third plot points) to be plotted as a graph of the second formula on the first graph sticky note 32a based on the input data received from the communication device 10 (step S121).

[0062] The server 20 transmits the coordinate data of the plot points calculated in step S121 to the communication device 10 (step S122).

[0063] After step S122, the communication device 10 uses the coordinates of the plot points received from the server 20 to draw a graph of the second formula in the third graph area of ​​the first graph sticky note 32a where the graph of the first formula has already been drawn, superimposing the graph (step S123). In step S123, together with drawing the graph, the coordinate data of the new plot points received from the server 20 is stored in the storage 13. The communication device 10 associates the coordinate data of the plot points of the second formula in the third graph area of ​​the first graph sticky note 32a with the second formula and the third graph area, and stores them in the storage 13. Also, in step S123, the communication device 10 executes a process of merging the two formula sticky notes 31a and 31b.

[0064] 13 is a diagram showing an example of the display screen 30 when two graph sticky notes 32a and 32b are integrated. Here, the second graph sticky note 32b is integrated into the first graph sticky note 32a, and the first mathematical formula y=x is displayed in the third graph area of ​​the first graph sticky note 32a. 2 A graph of +3 and a graph of the second formula y=x are drawn. The first formula tag 31a and the second formula tag 31b have also been integrated, so they are displayed together. The integrated formula tags 31a and 31b are a single floating object and can be moved together.

[0065] The communication device 10 may store the data of the first formula, the data of the second formula, and the third graph area in association with the integrated graph sticky note.

[0066] 12 and 13, the tab 37b of the second graph tag 32b that was dragged and dropped in step S118 is shown shaded. In practice, it may be shown in color.

[0067] The integration process may involve drawing two graphs on a new graph sticky note that is different from the first graph sticky note 32a and the second graph sticky note 32b. For example, the graph area of ​​the new graph sticky note is the graph area of ​​the first graph sticky note 32a, and the graph of the first formula and the graph of the second formula may be drawn therein.

[0068] In addition, the marks or colors written before the formulas of the tab 37a and the first formula tag 31a shown in Fig. 13 after the integration process are displayed in the same way, and similarly, the marks or colors written before the formulas of the tab 37b and the second formula tag 32b are displayed in the same way. The colors of the lines of the graphs may also be displayed in the same way.

[0069] In the above example, the sizes of the x range and the y range of the first and second graph areas of the two graph sticky notes 32a and 32b are the same, but they do not have to be the same. In other words, an enlargement operation or a reduction operation may be performed.

[0070] Up to this point, specific operations have been described assuming that the processes shown in Figures 3A, 3B, and 3C are performed in this order, but it is of course possible to proceed to the process shown in Figure 3C after the process shown in Figure 3A (Figure 3C also shows an arrow going from step S119 to step S123). If recalculation is not required, it is possible to execute the integration process directly without inquiring of the server 20. Below, the integration process of two graph sticky notes 32a and 32b in this embodiment will be explained using a generalized flowchart of the integration process of two graph sticky notes 32a and 32b shown in Figure 3C.

[0071] Fig. 14 is a diagram showing an example of a flowchart for a merging operation of two sticky notes. This corresponds to steps S118 to S123 in Fig. 3C. In particular, the recalculation determination in step S119 corresponds to steps S202, S203, and S205.

[0072] The communication device 10 accepts a process of dragging and dropping a second sticky note onto a first sticky note (step S201).

[0073] The communication device 10 determines whether the type of the first sticky note is a graph sticky note (step S202). If it is determined that the type of the first sticky note is not a graph sticky note (step S202-No), the process proceeds to step S204. If it is determined that the type of the first sticky note is a graph sticky note (step S202-Yes), the process proceeds to step S203.

[0074] In step S203, the communication device 10 determines whether the type of the second sticky note is a graph sticky note. If it is determined that the type of the second sticky note is not a graph sticky note (step S203-No), the process proceeds to step S204. If it is determined that the type of the second sticky note is a graph sticky note (step S203-Yes), the process proceeds to step S205.

[0075] Therefore, if the type of the first sticky note is not a graph sticky note (step S202-No), or if the type of the first sticky note is a graph sticky note but the type of the second sticky note is not a graph sticky note (step S203-No), the process proceeds to step S204. In step S204, the communication device 10 executes a process of displaying the second sticky note superimposed on the first sticky note. After step S204, the process ends.

[0076] If it is determined that both the first and second sticky notes are graph sticky notes (step S203-Yes), the process proceeds to step S205. In step S205, the communication device 10 determines whether the graph area of ​​the first sticky note and the graph area of ​​the second sticky note are different.

[0077] If it is determined that the graph areas of the two sticky notes are not different, i.e., are the same (step S205-No), the process proceeds to step S206. In step S206, the communication device 10 draws a graph of the mathematical equation linked to the second sticky note in the graph area (integrated coordinates) of the first sticky note. In addition, the two equation sticky notes are integrated. After step S206, the process ends.

[0078] If it is determined that the graph areas of the two sticky notes are different (step S205-No), the process proceeds to step S207. In step S207, the communication device 10 transmits data of the second formula linked to the second sticky note and data of the graph area of ​​the first sticky note to the server 20, and obtains data of the coordinates of the plot points calculated by the server 20 based on this. Note that even if the graph areas are different, recalculation may not be necessary if they are included in the original graph area.

[0079] Then, in step S208, the communication device 10 uses the acquired coordinate data of the plot point to draw a graph of the second formula linked to the second sticky note in the graph area (integrated coordinates) of the first sticky note. Also, the two formula sticky notes are integrated. After step S208, the process ends.

[0080] In this manner, in this embodiment, when a drag-and-drop operation is performed to overlap one sticky note on the other, if neither sticky note is a graph sticky note, the integration process is not performed, and the other sticky note is simply overlapped on the first sticky note. If both sticky notes are graph sticky notes, the integration process is executed. At this time, if the graph areas of one graph sticky note (the sticky note to be integrated) and the other graph sticky note (the sticky note to be integrated) match, the coordinate data of the calculated plot points of the sticky note to be integrated is read out and drawn overlapping on the graph area of ​​the sticky note to be integrated. On the other hand, if the graph areas of the sticky note to be integrated and the sticky note to be integrated are different, the formula data of the formula sticky note linked to the sticky note to be integrated and the data of the graph area of ​​the sticky note to be integrated are transmitted to the server 20, and the server 20 recalculates the coordinates of the plot points based on these. Then, using the coordinates of the recalculated plot points, for example, a graph based on the formula data of the formula sticky note linked to the sticky note to be integrated is drawn overlapping on the graph area of ​​the sticky note to be integrated.

[0081] That is, if the graph areas of the two graph sticky notes 32a, 32b overlapped by drag-and-drop processing match, it is possible to use the coordinate data of the plot points stored in the storage 13 to draw them, and therefore the two graph sticky notes 32a, 32b are integrated without recalculation on the server 20. Also, if the graph areas of the two graph sticky notes 32a, 32b are different, only one of the coordinate data of the plot points of the two graph sticky notes 32a, 32b stored in the storage 13 can be used as is, and the other is not usable or has insufficient data, so recalculation is performed on the server 20.

[0082] In the above description, the integration process is described as drawing a graph of the formula linked to the graph sticky note (upper graph sticky note) in the graph area (integrated coordinates) of the graph sticky note (lower graph sticky note) that is overlapped by drag-and-drop, but the opposite is also possible. That is, communication device 10 may be set to draw a graph of the formula linked to the graph sticky note (lower graph sticky note) that is overlapped by drag-and-drop in the graph area (integrated coordinates) of the graph sticky note (upper graph sticky note).

[0083] In other words, according to this embodiment, when either a first formula input into a first formula sticky note or a second formula input into a second formula sticky note is a formula to be integrated and the other is a formula to be integrated, the CPU 11 has a function as a graph integration unit that draws, in one graph identification unit displayed on the display unit, a graph representing the formula to be integrated, together with a graph representing the formula to be integrated, among the first graph drawn on the first graph sticky note 32a and the second graph drawn on the second graph sticky note 32b, in an integration coordinate range that is a coordinate range associated with the formula to be integrated, among the first coordinate range set on the first graph sticky note 32a and the second coordinate range set on the second graph sticky note 32b.

[0084] Furthermore, the integration process is not limited to the examples given above, and may be set to draw a graph of the formula linked to the graph sticky note to be overlaid and a graph of the formula linked to the graph sticky note to be overlaid in another graph area (one coordinate range; integration coordinate range) that is determined based on the graph area (one of the first coordinate range and the second coordinate range) of the graph sticky note (one of the first area and the second area) that is overlaid by drag and drop and the graph area (the other of the first coordinate range and the second coordinate range) of the graph sticky note to be overlaid (the other of the first area and the second area).

[0085] That is, when either the graph area of ​​the graph sticky note to be superimposed or the graph area of ​​the graph sticky note to be superimposed is set as the coordinate range for integration, there may be a case where either the entire graph of the formula linked to the graph sticky note to be superimposed or the entire graph of the formula linked to the graph sticky note to be superimposed is outside the coordinate range for integration. Therefore, when such a condition is met, by setting a different graph area as described above, it is possible to display both the graph representing the formula linked to the graph sticky note to be superimposed and the graph representing the formula linked to the graph sticky note to be superimposed on the display screen of the display unit so that they can be seen. This allows the user to easily grasp the relative positional relationship between the two graphs after integration, which is believed to contribute to improving the learning effect.

[0086] In addition to the integration process by drag-and-drop operation, the integration process may be performed by displaying an integration button on the display screen 30 as a dedicated icon for instructing the integration of two graph sticky notes and selecting this. The integration button is displayed, for example, by the user selecting an arbitrary location on the screen and selecting "display / hide integration button" from the displayed menu. In this case, for example, by selecting two graph sticky notes and then selecting the integration button, the two graph sticky notes are integrated into one graph sticky note. The user also appropriately sets which graph sticky note's graph area is to be used in the integrated graph sticky note. For example, the communication device 10 may switch the graph area of ​​the first graph sticky note 32a to the graph area of ​​the second graph sticky note 32b in response to an instruction to integrate using the integration button.

[0087] As described above, in this embodiment, when one graph sticky note is dragged and dropped onto another graph sticky note, the graph of one formula sticky note is drawn to match the graph area of ​​the other graph sticky note, thereby integrating the two formula sticky notes. Therefore, in this embodiment, the integration of two graphs can be easily performed with a simple operation, and the operability of graph drawing can be improved.

[0088] In addition, when two formula sticky notes are combined, at least one of the coordinate data of the two plot points already stored in the communication device 10 is reused, so the amount of calculations in the server 20 can be reduced and the operating speed can be improved. In other words, unnecessary calculations can be eliminated. In addition, communication between the client device and the server device due to calculations can be minimized.

[0089] In addition, when dragging and dropping a sticky note other than a graph sticky note, it is possible to overlap the sticky notes as a normal overlapping operation. While normal overlapping is possible, graph synthesis can also be performed with a simple operation.

[0090] Although the above has described the integration of two sticky notes, the number of sticky notes is not limited to this. Three or more sticky notes can also be integrated in the same manner.

[0091] In addition, since the storage 13 of the communication device 10 stores the coordinates of plot points associated with the formula and the graph area, it is also possible to separate the graph sticky notes 32a and 32b after integration. The separation operation is accepted and executed by the communication device 10, for example, when the user selects and drags the tab 37a associated with the first graph sticky note 32a or the tab 37b associated with the second graph sticky note 32b. After separation, as shown in FIG. 9, the first formula sticky note 31a, the first graph sticky note 32a, the line 35a, and the tab 37a, and the second formula sticky note 31b, the second graph sticky note 32b, the line 35b, and the tab 37b are displayed. After separation, the graph sticky note that was dragged and dropped may be displayed at a position corresponding to the dropped position, or the first graph sticky note 32a and the first graph sticky note 32a may be displayed aligned. At the time of separation, the communication device 10 can reuse the coordinate data of the plot point of the first formula in the first graph area of ​​the first graph sticky note 32a and the coordinate data of the plot point of the second formula in the second graph area of ​​the second graph sticky note 32b that were stored in the storage 13 in the above-mentioned steps S106, S112, S117 and S123, so communication processing with the server 20 is not necessary.

[0092] The processing performed by the communication device 10 may be performed by the server 20. In particular, it is worthwhile to perform heavy processing by the server 20. For example, step S119 of the process shown in Fig. 3C may be executed by the server 20, and the coordinate data of the plot points calculated in steps S104, S110, S115, and S121 shown in Figs. 3A to 3C may be stored in the mass storage 23 of the server 20 together with the formula data and graph area data, and these data read from the mass storage 23 can be used in determining whether to recalculate in step S119.

[0093] The present invention is not limited to the above-mentioned embodiment, and various modifications can be made in the implementation stage without departing from the gist of the invention. In addition, the embodiments may be implemented in appropriate combination, and in that case, the combined effect can be obtained. Furthermore, the above-mentioned embodiment includes various inventions, and various inventions can be extracted by combinations selected from the multiple components disclosed. For example, if the problem can be solved and the effect can be obtained even if some components are deleted from all the components shown in the embodiment, the configuration from which the components are deleted can be extracted as an invention.

[0094] The invention as described in the claims of the present application as originally filed is set forth below. [1] A client device including a control unit that displays, on a display screen of a display unit, first coordinates in which a first coordinate range corresponding to an input first mathematical formula is set, and second coordinates in which a second coordinate range corresponding to an input second mathematical formula is set, accepts a user operation to superimpose at least a portion of a first area in which the first coordinates are displayed on the display screen of the display unit over a second area in which the second coordinates are displayed, and, in response to accepting the user operation, displays, on the display screen of the display unit, integrated coordinates in which an integration coordinate range determined based on the first coordinate range and the second coordinate range is set, and draws a first graph representing the first mathematical formula and a second graph representing the second mathematical formula on the integrated coordinates displayed on the display screen of the display unit. [2] The client device described in [1], wherein when one of the first formula and the second formula is a formula to be integrated and the other is a formula to be integrated, the control unit, in response to receiving the user operation, draws a graph representing the formula to be integrated on the display screen of the display unit together with a graph representing the formula to be integrated, based on plot points calculated using one coordinate range identified by the coordinate range for integration, which is a coordinate range associated with the formula to be integrated among the first coordinate range and the second coordinate range. [3] The client device described in [2], wherein when the control unit accepts the user operation, if the first coordinate range and the second coordinate range do not coincide, a graph representing the formula to be integrated is drawn on the display screen of the display unit together with a graph representing the formula to be integrated, based on a third plot point calculated using the one coordinate range and the formula to be integrated. [4] The client device described in [2] or [3], wherein when the control unit accepts the user operation, if the first coordinate range and the second coordinate range coincide, reads from the memory unit plot points calculated using the coordinate range associated with the formulas to be integrated and the formulas to be integrated and stored in the memory unit, and draws, on the display screen of the display unit, a graph representing the formulas to be integrated together with a graph representing the formulas to be integrated, based on the plot points read from the memory unit. [5] The client device described in any one of [2] to [4], wherein the control unit sets another coordinate range different from the first coordinate range and the second coordinate range as the one coordinate range, and draws a graph representing the formulas to be integrated at a single coordinate where the one coordinate range is set based on plot points calculated using the one coordinate range and the formulas to be integrated, and draws a graph representing the formulas to be integrated based on plot points calculated using the one coordinate range and the formulas to be integrated. [6] A client device described in any one of [1] to [5], wherein before accepting the user operation, the control unit associates the first mathematical formula, the first coordinate range, and a first plot point calculated using the first coordinate range and the first mathematical formula, and stores them in the memory unit, and associates the second mathematical formula, the second coordinate range, and a second plot point calculated using the second coordinate range and the second mathematical formula, and stores them in the memory unit. [7] The control unit transmits the first formula, the second formula, the first coordinate range, the second coordinate range, and the one coordinate range to a server device, and transmits to the server device a first plot point calculated by the server device based on the first formula and the first coordinate range, a second plot point calculated by the server device based on the second formula and the second coordinate range, and, if the first coordinate range and the second coordinate range are different, a third plot point calculated by the server device based on either the first formula or the second formula and the one coordinate range. the first plot point received from the server device being associated with the first mathematical formula and the first coordinate range and stored in the memory unit, the second plot point received from the server device being associated with the second mathematical formula and the second coordinate range and stored in the memory unit, and, if the first coordinate range and the second coordinate range are different, the third plot point received from the server device being associated with either the first mathematical formula or the second mathematical formula and the one coordinate range and stored in the memory unit. [8] Receive a first mathematical formula, a first coordinate range corresponding to the first mathematical formula, and a second mathematical formula, a second coordinate range corresponding to the second mathematical formula from a client device, calculate a first plot point based on the first mathematical formula and the first coordinate range, associate the first mathematical formula, the first coordinate range, and the first plot point with each other and store them in a storage unit, calculate a second plot point based on the second mathematical formula and the second coordinate range, associate the second mathematical formula, the second coordinate range, and the second plot point with each other and store them in a storage unit, transmit the first plot point and the second plot point to the client device, and display a first coordinate on which the first coordinate range is set. a control unit that receives, by the client device, a user operation to overlay at least a portion of the area of ​​the first coordinate range on a second area in which second coordinates in which the second coordinate range is set are displayed, and, when the first coordinate range and the second coordinate range do not match, calculates a third plot point using the formula to be integrated and one of the first formula and the second formula as a formula to be integrated, which is identified by a coordinate range for integration, which is a coordinate range associated with the formula to be integrated among the first coordinate range and the second coordinate range, and transmits the third plot point to the client device. [9] A client device including a control unit that displays first coordinates in which a first coordinate range corresponding to an input first mathematical formula and second coordinates in which a second coordinate range corresponding to an input second mathematical formula are set on a display screen of a display unit, accepts an instruction to combine or overlay a first area in which the first coordinates are displayed and a second area in which the second coordinates are displayed on the display screen of the display unit, and, if the first coordinate range and the second coordinate range do not match, draws, in either the first area or the second area on the display screen of the display unit, a graph representing either the first mathematical formula or the second mathematical formula, together with a graph representing the other of the first mathematical formula and the second mathematical formula, based on a third plot point calculated using one coordinate range identified by an integration coordinate range, which is a coordinate range associated with one of the first coordinate range and the second coordinate range, and the other mathematical formula.

[10] A program for causing a computer to function as a control unit that displays, on a display screen of a display unit, first coordinates in which a first coordinate range corresponding to an input first mathematical formula is set, and second coordinates in which a second coordinate range corresponding to an input second mathematical formula is set, accepts a user operation to superimpose at least a portion of a first area in which the first coordinates are displayed on the display screen of the display unit over a second area in which the second coordinates are displayed, and, in response to accepting the user operation, displays, on the display screen of the display unit, integrated coordinates in which an integrated coordinate range determined based on the first coordinate range and the second coordinate range is set, and draws a first graph representing the first mathematical formula and a second graph representing the second mathematical formula on the integrated coordinates displayed on the display screen of the display unit.

[11] A computer receives a first mathematical formula, a first coordinate range corresponding to the first mathematical formula, a second mathematical formula, and a second coordinate range corresponding to the second mathematical formula from a client device, calculates a first plot point based on the first mathematical formula and the first coordinate range, associates the first mathematical formula, the first coordinate range, and the first plot point with each other and stores them in a storage unit, calculates a second plot point based on the second mathematical formula and the second coordinate range, associates the second mathematical formula, the second coordinate range, and the second plot point with each other and stores them in a storage unit, transmits the first plot point and the second plot point to the client device, and displays a first coordinate in which the first coordinate range is set. A program for functioning as a control unit that receives a user operation by the client device to overlay at least a portion of a first area on a second area displaying second coordinates in which the second coordinate range is set, and when the first coordinate range and the second coordinate range do not match, calculates a third plot point using one coordinate range identified by a coordinate range for integration, which is a coordinate range associated with the formula to be integrated among the first coordinate range and the second coordinate range, and the formula to be integrated, when one of the first formula and the second formula is a formula to be integrated and the other is a formula to be integrated, and transmits the third plot point to the client device. [Explanation of symbols]

[0095] 1...system, 10...communication device (client device), 11...processor, 12...main memory, 13...storage (memory unit), 14...input unit, 15...communication unit, 16...display output unit, 17...system bus, 20...server (server device), 21...processor, 22...main memory, 23...large capacity storage (memory unit), 24...communication unit, 25...system bus, 30...display screen, 31, 31a, 31b...formula sticky notes, 32, 32a, 32b...graph sticky notes, 33...number table sticky notes, 34...memo sticky notes, 35, 35a, 35b, 36...lines, 37, 37a, 37b...tabs, 40...toolbar, 41...formula input button, 42...graph display button, 43...number table display button, 44...memo input button, 45...cursor, 46...key input unit.

Claims

1. displaying, on a display screen of a display unit, first coordinates in which a first coordinate range corresponding to the input first mathematical expression is set, and second coordinates in which a second coordinate range corresponding to the input second mathematical expression is set; accepting a user operation for overlapping at least a part of a first area, in which the first coordinates are displayed, on the display screen of the display unit, with a second area, in which the second coordinates are displayed; a control unit that, in response to receiving the user operation, causes the display screen of the display unit to display integrated coordinates in which an integration coordinate range is set, the integration coordinate range being determined based on the first coordinate range and the second coordinate range, and draws a first graph representing the first mathematical expression and a second graph representing the second mathematical expression at the integrated coordinates displayed on the display screen of the display unit. A client device comprising:

2. When one of the first formula and the second formula is a formula to be integrated and the other is a formula to be integrated, The control unit is 2. The client device according to claim 1, wherein, in response to receiving the user operation, a graph representing the formula to be integrated is drawn on the display screen of the display unit together with a graph representing the formula to be integrated, based on plot points calculated using the formula to be integrated and one coordinate range identified by the coordinate range for integration, which is a coordinate range associated with the formula to be integrated among the first coordinate range and the second coordinate range.

3. The control unit is When the user operation is received, if the first coordinate range and the second coordinate range do not match, 3. The client device according to claim 2, further comprising: a display unit configured to display a graph representing the formula to be integrated together with a graph representing the formula to be integrated on the display screen of the display unit based on a third plot point calculated using the one coordinate range and the formula to be integrated.

4. The control unit is When the user operation is received, if the first coordinate range and the second coordinate range match, reading out from the storage unit plot points that are calculated using the coordinate range associated with the integration target formula and the integration target formula and that are stored in the storage unit; 4. The client device according to claim 2, further comprising: a display unit configured to display a graph representing the to-be-integrated formula together with a graph representing the to-be-integrated formula on the display screen of the display unit based on the plot points read out from the storage unit.

5. The control unit is setting a coordinate range different from the first coordinate range and the second coordinate range as the one coordinate range; 5. A client device according to claim 2, wherein a graph representing the formulas to be integrated is drawn based on plot points calculated using the one coordinate range and the formulas to be integrated at a single coordinate where the one coordinate range is set, and a graph representing the formulas to be integrated is drawn based on plot points calculated using the one coordinate range and the formulas to be integrated.

6. The control unit is Before accepting the user operation, storing the first mathematical formula, the first coordinate range, and a first plot point calculated using the first coordinate range and the first mathematical formula in a storage unit in association with each other; A client device according to any one of claims 1 to 5, wherein the second formula, the second coordinate range, and a second plot point calculated using the second coordinate range and the second formula are associated with each other and stored in a memory unit.

7. The control unit is Transmitting the first mathematical expression, the second mathematical expression, the first coordinate range, the second coordinate range, and the one coordinate range to a server device; receiving from the server device a first plot point calculated by the server device based on the first formula and the first coordinate range, a second plot point calculated by the server device based on the second formula and the second coordinate range, and, when the first coordinate range and the second coordinate range are different, a third plot point calculated by the server device based on either the first formula or the second formula and the one coordinate range; A client device as described in any one of claims 1 to 6, wherein the first plot point received from the server device is associated with the first mathematical formula and the first coordinate range and stored in a memory unit, the second plot point received from the server device is associated with the second mathematical formula and the second coordinate range and stored in a memory unit, and when the first coordinate range and the second coordinate range are different, the third plot point received from the server device is associated with either the first mathematical formula or the second mathematical formula and the one coordinate range and stored in a memory unit.

8. receiving from a client device a first mathematical formula, a first coordinate range corresponding to the first mathematical formula, a second mathematical formula, and a second coordinate range corresponding to the second mathematical formula; calculating a first plot point based on the first formula and the first coordinate range; storing the first formula, the first coordinate range, and the first plot point in a storage unit in association with each other; calculating a second plot point based on the second formula and the second coordinate range; storing the second formula, the second coordinate range, and the second plotted points in a storage unit in association with each other; transmitting the first plot point and the second plot point to the client device; receiving a notification that the client device has received a user operation for superimposing at least a part of a first area, in which a first coordinate in which the first coordinate range is set is displayed, on a second area, in which a second coordinate in which the second coordinate range is set is displayed; when the first coordinate range and the second coordinate range do not match, when one of the first formula and the second formula is a formula to be integrated and the other is a formula to be integrated, a third plot point is calculated using one coordinate range specified by a coordinate range for integration, which is a coordinate range associated with the formula to be integrated out of the first coordinate range and the second coordinate range, and the formula to be integrated; a control unit for transmitting the third plot point to the client device; A server device comprising:

9. displaying, on a display screen of a display unit, first coordinates in which a first coordinate range corresponding to the input first mathematical expression is set, and second coordinates in which a second coordinate range corresponding to the input second mathematical expression is set; accepting an instruction to combine or superimpose a first area in which the first coordinates are displayed and a second area in which the second coordinates are displayed on the display screen of the display unit; a control unit that, when the first coordinate range and the second coordinate range do not match, draws, in one of the first area and the second area on the display screen of the display unit, a graph representing one of the first formula and the second formula, and a graph representing the other of the first formula and the second formula, based on a third plot point calculated using one coordinate range specified by an integration coordinate range that is a coordinate range associated with one of the first coordinate range and the second coordinate range, and the other formula. A client device comprising:

10. Computer, displaying, on a display screen of a display unit, first coordinates in which a first coordinate range corresponding to the input first mathematical expression is set, and second coordinates in which a second coordinate range corresponding to the input second mathematical expression is set; accepting a user operation for overlapping at least a part of a first area, in which the first coordinates are displayed, on the display screen of the display unit, with a second area, in which the second coordinates are displayed; a control unit that, in response to receiving the user operation, causes the display screen of the display unit to display integrated coordinates in which an integration coordinate range is set, the integration coordinate range being determined based on the first coordinate range and the second coordinate range, and draws a first graph representing the first mathematical expression and a second graph representing the second mathematical expression at the integrated coordinates displayed on the display screen of the display unit. A program to function as a

11. Computer, receiving from a client device a first mathematical formula, a first coordinate range corresponding to the first mathematical formula, a second mathematical formula, and a second coordinate range corresponding to the second mathematical formula; calculating a first plot point based on the first formula and the first coordinate range; storing the first formula, the first coordinate range, and the first plot point in a storage unit in association with each other; calculating a second plot point based on the second formula and the second coordinate range; storing the second formula, the second coordinate range, and the second plotted points in a storage unit in association with each other; transmitting the first plot point and the second plot point to the client device; receiving a notification that the client device has received a user operation for superimposing at least a part of a first area, in which a first coordinate in which the first coordinate range is set is displayed, on a second area, in which a second coordinate in which the second coordinate range is set is displayed; when the first coordinate range and the second coordinate range do not match, when one of the first formula and the second formula is a formula to be integrated and the other is a formula to be integrated, a third plot point is calculated using one coordinate range specified by a coordinate range for integration, which is a coordinate range associated with the formula to be integrated out of the first coordinate range and the second coordinate range, and the formula to be integrated; a control unit for transmitting the third plot point to the client device; A program to function as a

Images