Graphic display device, graphic display method, and program

Abstract

To provide a graphic display program for allowing a user to understand mathematical processing which has been applied to a new graphic, comparatively easily, when viewing an area in which the new graphic is displayed, a server, a graphic display device, and a graphic display method.SOLUTION: A graphic display program causes a CPU 21 to execute: displaying a first graphic in a first display area set in a display screen of a display device 26; creating a second graphic by applying specified mathematical processing to the first graphic and displaying it in the first display area; and setting a mathematical processing display area for displaying information on the mathematical processing applied to the first graphic, in the first display area.SELECTED DRAWING: Figure 1

Description

[Technical field]

[0001] The present invention relates to Graphic display device, graphic display method, and program Regarding. [Background technology]

[0002] There is known application software that displays a figure drawn using a computer in a drawing area (first display area) on the screen of a display device, and then performs desired mathematical processing on the figure to generate a new figure (second figure) that has some mathematical relationship with the figure (first figure) and display it on the screen of the display device. [Prior art documents] [Non-patent literature]

[0003] [Non-Patent Document 1] GeoGebra Homepage [Online], [Searched on May 10, 2019], Internet<URL:https: / / www.geogbra.org> Summary of the Invention [Problem to be solved by the invention]

[0004] In conventional application software, when a desired mathematical process, such as a "rotation" operation, is performed on the original figure, a formula corresponding to the mathematical process (rotation operation), such as Rotate(), is displayed only outside the drawing area by a predetermined operation. Therefore, even if one looks at the drawing area, it is difficult to understand what mathematical process was applied to create the new figure.

[0005] The present invention has been made in consideration of the above circumstances, and makes it relatively easy to understand, when looking at an area in which a new figure is displayed, what mathematical processing has been applied to create the new figure. Graphic display device, graphic display method and program The purpose of this website is to provide a [Means for solving the problem]

[0006] The present invention The figure display device according to the present invention comprises a display control means for displaying in a specified work area a plurality of electronic sticky notes, each of which can be moved individually in response to a user operation, and when a specified mathematical process is specified for a first figure displayed on the electronic sticky note, the display control means causes an electronic sticky note different from the electronic sticky note displaying the first figure to be added and displayed in the work area, the electronic sticky note displaying a slider for setting the value of a specified parameter related to the mathematical process, and also causes a second figure created by applying the mathematical process to the first figure with the value set by the slider to be added and displayed to the electronic sticky note displaying the first figure.

[0007] The present invention The graphic display method according to the present invention is a graphic display method executed by a graphic display device, and includes a display control process for displaying in a specified work area a plurality of electronic sticky notes, each of which can be moved individually in response to a user operation, and the display control process, when a specified mathematical processing is specified for a first figure displayed on the electronic sticky note, causes an electronic sticky note different from the electronic sticky note displaying the first figure to be added and displayed in the work area, the electronic sticky note displaying a slider for setting the value of a specified parameter related to the mathematical processing, and causes a second figure created by applying the mathematical processing to the first figure with the value set by the slider to be added and displayed to the electronic sticky note displaying the first figure.

[0008] The present invention The program causes a computer to function as a display control means for displaying in a specified work area a plurality of electronic sticky notes, each of which can be moved individually in response to user operation, and when a specified mathematical process is specified for a first figure displayed on the electronic sticky note, the display control means causes an electronic sticky note different from the electronic sticky note displaying the first figure to be added and displayed in the work area, the electronic sticky note displaying a slider for setting the value of a specified parameter related to the mathematical process, and also causes a second figure to be added and displayed to the electronic sticky note displaying the first figure, the second figure being created by applying the mathematical process to the first figure with the value set by the slider.

[0009] The present invention According to the above, it is possible to provide a graphic display device, a graphic display method, and a program that enable a user to relatively easily understand, when looking at an area in which a new graphic is displayed, what mathematical processing has been applied to create the new graphic. [Brief description of the drawings]

[0010] [Figure 1] FIG. 1 is a diagram showing an example of a configuration of a system according to an embodiment of the present invention. [Diagram 2] FIG. 2 is a diagram showing an example of a screen display by an application running on a web browser of a terminal. [Diagram 3] FIG. 3 is a diagram illustrating an example of a process flow when a web application is executed in the system. [Figure 4] FIG. 4 is a diagram showing an example flow of icon processing. [Diagram 5] FIG. 5 is a diagram illustrating an example of the flow of the selection process. [Figure 6A] FIG. 6A is a diagram showing an example of a display when point A is selected in the selection process. [Figure 6B] FIG. 6B is a diagram showing an example of a display when the line segment AB is selected in the selection process. [Figure 6C] FIG. 6C is a diagram showing an example of display when the face of equilateral triangle ABC is selected in the selection process. [Figure 6D] FIG. 6D is a diagram showing an example of a display when a balloon is selected in the selection process. [Figure 7] FIG. 7 is a diagram illustrating an example of the flow of menu processing. [Figure 8] FIG. 8 is a diagram showing an example of a display screen displayed as a result of the regular polygon drawing process. [Figure 9]FIG. 9 is a diagram showing an example of a display screen displayed as a result of the enlargement / reduction process, the translation process, and the rotation process. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0011] An embodiment of the present invention will be described with reference to the drawings. FIG. 1 is a diagram showing an example of the configuration of a system 1 according to an embodiment of the present invention. The system 1 includes a server 10 and a terminal 20. The server 10 and the terminal 20 are communicatively connected via a network 30. The network 30 is, for example, the Internet. Note that, although only one terminal 20 is shown in FIG. 1, the number of terminals 20 is not limited to one. In other words, the number of terminals 20 may be two or more.

[0012] The server 10 includes a processor 11, a ROM 12, a RAM 13, a storage 14, and a communication device 15. These are all connected to each other via a system bus 19.

[0013] The processor 11 may be an integrated circuit including a CPU (Central Processing Unit) and the like. The ROM 12 records information used for the operation of the processor 11 and the like. The RAM 13 is a main storage device for the operation of the processor 11 and the like. The storage 14 stores various programs, such as a server control program used by the processor 11, an arithmetic program for executing various arithmetic operations, parameters, and the like. The processor 11 controls the operation of the server 10 according to the programs stored in the storage 14. The processor 11 may be a processor other than a CPU, such as an ASIC (Application Specific Integrated Circuit), an FPGA (Field Programmable Gate Array), or a GPU (Graphic Processing unit). The communication device 15 includes a circuit for communicating with an external communication network such as the network 30.

[0014] The terminal 20 has a CPU 21, a ROM 22, a RAM 23, a storage 24, an input device 25, a display device 26, and a communication device 27. Each of these is connected to each other via a system bus 29. The terminal 20 may be an electronic device such as a personal computer (PC), a tablet terminal, or a smartphone. The terminal 20 may also be a scientific calculator equipped with a communication function.

[0015] The CPU 21 is a processor that controls various operations of the terminal 20. The ROM 22 records a startup program and the like for the terminal 20. The RAM 23 is a main storage device for the CPU 21 and the like. The storage 24 stores various programs, such as a terminal control program, used by the CPU 21, parameters, and the like. The CPU 21 controls the operation of the terminal 20 by executing various programs in response to an input signal from the input device 25 or a signal received by the communication device 27. The various programs may be downloaded to the storage 24 from a web server (not shown) via the network 30 and the communication device 27. The communication device 27 includes a circuit for communicating with an external communication network such as the network 30.

[0016] The input device 25 includes a keyboard, a mouse, a touch panel, etc. In response to a user operation via the input device 25, a signal indicating the content of the user operation is input to the CPU 21 via the system bus 29.

[0017] The display device 26 is a liquid crystal display, an organic EL display, etc. The display device 26 may be provided integrally with the terminal 20, or may be provided separately from the terminal 20. Various images are displayed on the display device 26.

[0018] In one example, the user specifies the address of the server 10 in a web browser running on the terminal 20. At this time, a display screen for a web application stored in the server 10 is displayed on the web browser of the terminal 20. A request is issued to the server 10 in response to an operation on this display screen via the input device 25. This operation includes, for example, a drawing operation of a figure on the display screen. The server 10 executes a process in response to the request, and returns the processing result to the terminal 20 as a response. The terminal 20 displays a figure in response to the user's operation in accordance with the response from the server 10. In this way, in the system 1, a function as a web application for displaying figures, etc. is realized by a program running on the web browser of the terminal 20 and a calculation program of the server 10.

[0019] Such web applications can be used, for example, in mathematics classes in the field of school education where ICT (Information and Communication Technology) is becoming more prevalent.

[0020] FIG. 2 is a diagram showing an example of a screen display by an application running on a web browser of the terminal 20. As shown in FIG.

[0021] The screen 26a displayed on the display device 26 of the terminal 20 includes an upper area 100a and a lower area 100b. The upper area 100a is displayed on the upper side of the screen 26a. The upper area 100a is a long and narrow area compared to the lower area 100b. A new paper creation icon 100c is displayed in the upper area 100a. The lower area 100b is an area arranged below the upper area 100a in the screen 26a. In the following description, the lower area 100b is also referred to as paper 100. Various "sticky notes" may be displayed on the paper 100. A sticky note is a small display area for displaying various information related to a web application. The sticky note may be a floating object. A floating object is an object (display body) displayed on the screen, and is an object whose display position can be changed at least in response to a user operation.

[0022] 2 shows, as an example, a geometric sticky note (first display area) 101, an operation sticky note (mathematical processing input area) 102, and a slider sticky note (mathematical processing change area) 103. Things other than shapes may be drawn on the paper 100. For example, mathematical formulas, graphs, mathematical tables, etc. may be drawn on the paper 100. In this case, a mathematical formula sticky note, etc., separate from the geometric sticky note 101 may be displayed on the paper 100 at the same time.

[0023] The geometric sticky note 101 is a sticky note including a display area for displaying a figure drawn in response to a user's operation. In the embodiment, a "figure" is a figure that is the subject of geometry, such as a point, a line, a polygon, or a circle. In the geometric sticky note 101, the user can perform various operations such as plotting points, drawing lines, drawing circles, and drawing polygons. The geometric sticky note 101 includes a display area for a planar figure. However, a three-dimensional figure may be drawn in the geometric sticky note 101.

[0024] The operation sticky note 102 is a sticky note for displaying the contents of a mathematical process when a figure in the geometric sticky note 101 is subjected to some mathematical process. For example, the operation sticky note 102 in FIG. 2 indicates that a rotation operation was performed on the figure D'E'F' around point G, and a new figure D"E"F" was drawn. At this time, the operation sticky note 102 displays the word "Rotation" 102a indicating that the rotation was performed, and the parameter value 102b set in the rotation. The parameter set in the rotation is, for example, the rotation angle R. A number is added to the rotation angle R. This number indicates the order of the rotation operation. For example, "R1" indicates that the first rotation operation was performed in the geometric sticky note 101. Here, the rotation angle may be a variable instead of a numerical value. "-a" is displayed as the parameter value 102b of the operation sticky note 102 in FIG. 2. Of these, a is a variable. For example, if the clockwise direction is the positive direction of rotation, a rotation of -a means a rotation of an angle a in the counterclockwise direction. Here, the operation sticky notes 102 are displayed together for each type of mathematical process. For example, when multiple rotation operations are performed, information related to those rotation operations is displayed in the same operation sticky note 102. As will be described later, the mathematical process may include operations other than a rotation operation, and when such an operation other than a rotation operation is performed, information related to that operation other than the rotation operation is displayed in a different operation sticky note 102.

[0025] Furthermore, when a mathematical process such as a rotation operation is performed, a balloon (mathematical process display area) 101a is displayed on the geometric sticky note 101. The balloon 101a is a tool tip that includes information indicating the mathematical relationship between a figure drawn by the mathematical process and a figure used in the mathematical process. For example, when a rotation operation as shown in FIG. 2 is performed, the balloon 101a is displayed near point G, which is the center of rotation. The balloon 101a created when a rotation operation is performed displays the current value of the parameter used in the rotation. The balloon 101a in FIG. 2 displays "R1=-50.00". At this time, the balloon 101a indicates that a rotation of -50.00 degrees has been performed counterclockwise around point G. The way the balloon 101a is displayed varies depending on the type of mathematical process. Details will be explained later.

[0026] The slider sticky note 103 is a sticky note including a slider for setting the value of a variable when the parameter used in the mathematical process is a variable. The slider sticky note 103 displays the current value 103a of the variable, a slider 103b, and an interval value 103c. The slider 103b is configured to change the display position of the pointer in response to an input from the user. The current value 103a of the variable changes according to the position of the pointer. The interval value 103c indicates the interval of the value on the slider 103b. "1" is displayed as the interval value 103c in FIG. 2. At this time, the slider 103b changes the value in increments of 1 degree. When multiple variables are set, information related to the multiple variables may be displayed together on the same slider sticky note 103.

[0027] Check boxes 111, 112, and 113 are displayed in the upper left corner of the geometric sticky note 101, the operation sticky note 102, and the slider sticky note 103, respectively. For example, when any sticky note is selected, a check is displayed in the corresponding check box. In FIG. 2, the geometric sticky note 101 is selected. At this time, a check is displayed in the check box 111. In addition to displaying a check, the selected sticky note may be distinguished from the unselected sticky note by other displays, etc. As a method of visually distinguishing them, only the outer frame of the selected sticky note may be displayed thicker than the remaining sticky notes, the outer frame of the selected sticky note may be displayed with a different line type or color from the remaining sticky notes, the outer frame of the selected sticky note may be displayed flashing, etc.

[0028] Furthermore, the geometric sticky note 101, the operation sticky note 102, and the slider sticky note 103 may be associated as one group. At this time, a string 121 indicating that the geometric sticky note 101 and the operation sticky note 102 are associated may be displayed between the geometric sticky note 101 and the operation sticky note 102. Furthermore, a string 122 indicating that the geometric sticky note 101 and the slider sticky note 103 are associated may be displayed between the geometric sticky note 101 and the slider sticky note 103. Furthermore, although not shown, a string indicating that the operation sticky note 102 and the slider sticky note 103 are associated may also be displayed.

[0029] Here, strings are used to connect sticky notes belonging to the same group. That is, the operation sticky note 102 and the slider sticky note 103 created from the separately created geometric sticky note 101 are connected with strings to this separately created geometric sticky note 101. Also, the colors of the strings may be made to match for each group so that the relationships between the sticky notes can be seen at a glance.

[0030] 2, a menu icon bar 130 is shown below the geometric sticky note 101. The menu icon bar 130 may be a floating object, similar to a sticky note. The menu icon bar 130 is a group of icons for various operations for the geometric sticky note 101. The icons displayed in the menu icon bar 130 are not limited to those shown in FIG. 2. The menu icon bar 130 does not need to include all of the icons shown in FIG. 2. The menu icon bar 130 may also include icons other than the icons shown in FIG. 2.

[0031] The menu icon bar 130 includes, for example, a selection icon 131, a range change icon 132, a hand-drawing icon 133, a dot drawing icon 134, a line segment drawing icon 135, a circle drawing icon 136, a polygon drawing icon 137, a text input icon 138, and a delete icon 139. The selection icon 131 is an icon for accepting an operation to select an object displayed in the geometric sticky note 101. The range change icon 132 is an icon for accepting an operation to change the display range of the geometric sticky note 101. The hand-drawing icon 133 is an icon for accepting an operation to freely draw a figure on the geometric sticky note 101 by the user. The dot drawing icon 134 is an icon for accepting an operation to plot a point on the geometric sticky note 101. The line segment drawing icon 135 is an icon for accepting an operation to draw a line segment connecting two points plotted on the geometric sticky note 101. The circle drawing icon 136 is an icon for accepting an operation to draw a circle centered on a point plotted on the geometric sticky note 101. The polygon drawing icon 137 is an icon for accepting an operation to draw a polygon connecting three or more points plotted on the geometric sticky note 101. The text input icon 138 is an icon for accepting an operation to input text by the user. The delete icon 139 is an icon for accepting an operation to delete a shape drawn on the geometric sticky note 101.

[0032] In this embodiment, the system 1 is capable of creating various sticky notes and drawing desired figures starting from a blank paper 100. A series of processing steps in the system 1 will be described below.

[0033] FIG. 3 is a diagram showing an example of a process flow when a web application is executed in the system 1. The process of FIG. 3 is executed after a request for starting a web application is made from the terminal 20 to the server 10. When making the request for starting the web application, a login process such as input of an ID and a password may be performed. Upon receiving the request for starting the web application, the server 10 sends a program of the web application including data of an initial screen to the terminal 20. In response to this, the terminal 20 displays the initial screen on the web browser. On the initial screen, the paper 100 is not created, and only a new paper creation icon 100c is displayed in the upper area 100a. The process of FIG. 3 is executed by cooperation between the CPU 21 of the terminal 20 and the processor U11 of the server 10.

[0034] In step S1, the CPU 21 of the terminal 20 judges whether or not to create a new paper. For example, when the user selects the new paper creation icon 100c on the initial screen, the CPU 21 of the terminal 20 judges whether or not to create a new paper. When it is not judged in step S1 that a new paper is to be created, the process proceeds to step S8. When it is judged in step S1 that a new paper is to be created, the process proceeds to step S2.

[0035] In step S2, the CPU 21 creates new data for the paper 100. Then, the CPU 21 displays the created paper 100 on the web browser, overlaying it on the display screen of the web application. As a result, the display on the web browser of the terminal 20 is updated to a state in which the newly created paper 100 is displayed. Thereafter, the process proceeds to step S3. Here, coordinate axes (not shown) are set on the paper 100. Therefore, each object placed on the paper 100 has coordinate information. The CPU 21 acquires the coordinate information of the object as necessary.

[0036] In step S3, the CPU 21 determines whether or not to create the geometric sticky note 101. For example, when the paper 100 has already been created and an operation for creating the geometric sticky note 101 is performed by the user, the CPU 21 determines to create the geometric sticky note 101. The operation for creating the geometric sticky note 101 is, for example, an operation of moving a cursor (not shown) to a desired position in the paper 100 and then selecting an item for creating a geometric sticky note from a menu displayed in response to a right-click operation of the mouse. When it is not determined in step S3 that the geometric sticky note 101 is to be created, the process proceeds to step S5. When it is determined in step S3 that the geometric sticky note 101 is to be created, the process proceeds to step S4.

[0037] In step S4, the CPU 21 performs a geometric sticky note creation process. For example, the CPU 21 displays a new geometric sticky note 101 on the web browser, superimposed on a predetermined position of the paper 100 displayed on the display screen of the web application. As a result, the display on the web browser of the terminal 20 is updated to a state in which the geometric sticky note 101 is displayed on the paper 100. Thereafter, the process proceeds to step S6. As described above, the geometric sticky note 101 may be a floating object. At this time, the CPU 21 may change the display position of the geometric sticky note 101 in response to a movement operation of the geometric sticky note 101, such as a drag operation (an operation of moving the cursor while keeping the mouse clicked, or an operation of moving the touch position while touching the screen of a touch panel).

[0038] In step S5, the CPU 21 performs other processes other than the geometric sticky note creation process. The other processes include processes such as a mathematical formula sticky note creation process and a graph sticky note creation process. Details of these other processes will not be described. After the other processes are completed, the process proceeds to step S8.

[0039] In step S6, the CPU 21 performs icon processing. After the icon processing, the process proceeds to step S7. The icon processing is processing for executing various processes associated with the selection of the menu icon bar 130. The icon processing will be described in detail later.

[0040] In step S7, the CPU 21 performs menu processing. After the menu processing, the process proceeds to step S8. The menu processing is processing for executing various processes associated with the selection of a menu. The menu processing will be described in detail later.

[0041] In step S8, CPU 21 determines whether or not to end the processing of the web application. For example, if an operation to close the web browser is performed, CPU 21 determines to end the processing. If it is not determined in step S8 that the processing of the web application is to end, the processing returns to step S1. If it is determined in step S8 that the processing of the web application is to end, CPU 21 ends the processing of FIG. 3.

[0042] 4 is a diagram showing an example of the flow of icon processing. In step S101, the CPU 21 of the terminal 20 determines whether or not to perform selection processing. When a selection icon 131 included in the menu icon bar 130 is selected, the CPU 21 determines that selection processing is to be performed. When it is determined in step S101 that selection processing is to be performed, the process proceeds to step S102. When it is not determined in step S101 that selection processing is to be performed, the process proceeds to step S103.

[0043] In step S102, the CPU 21 performs a selection process. After the selection process, the CPU 21 ends the process of Fig. 4 and moves the process to step S7 of Fig. 3. The selection process is a process for selecting an object in the paper 100 by a user's operation. The selection process will be described later in detail.

[0044] In step S103, the CPU 21 determines whether or not to perform range change processing. When the range change icon 132 included in the menu icon bar 130 is selected, the CPU 21 determines that the range change processing is to be performed. If it is determined in step S103 that the range change processing is to be performed, the process proceeds to step S104. If it is not determined in step S103 that the range change processing is to be performed, the process proceeds to step S105.

[0045] In step S104, the CPU 21 performs a range change process. As the range change process, the CPU 21 moves the display range of the geometric sticky note 101 in response to a drag operation by the user within the geometric sticky note 101. This operation moves the display position of each sticky note being displayed within the geometric sticky note 101 in response to the drag operation. After the user's drag operation is completed, the CPU 21 ends the process in FIG. 4 and transitions the process to step S7 in FIG. 3.

[0046] In step S105, the CPU 21 determines whether or not to perform hand-drawing processing. When the hand-drawing icon 133 is selected, the CPU 21 determines that hand-drawing processing is to be performed. When it is determined in step S105 that hand-drawing processing is to be performed, the process proceeds to step S106. When it is not determined in step S105 that hand-drawing processing is to be performed, the process proceeds to step S107.

[0047] In step S106, the CPU 21 performs processing. As a hand-drawing process, the CPU 21 draws a figure in response to a user's operation. For example, the CPU 21 draws a point in response to a pointing operation by the user in the geometric sticky note 101 (single-clicking the mouse or tapping on the touch panel screen). The CPU 21 also draws a line in response to a drag-and-drop operation by the user in the geometric sticky note 101 (releasing the click of the mouse during a drag operation or ceasing touch on the touch panel screen). After the user's operation ends, the CPU 21 ends the processing in FIG. 4 and shifts the processing to step S7 in FIG. 3.

[0048] In step S107, the CPU 21 determines whether or not to perform pointillism drawing processing. When the pointillism drawing icon 134 is selected, the CPU 21 determines that pointillism drawing processing is to be performed. When it is determined in step S107 that pointillism drawing processing is to be performed, the process proceeds to step S108. When it is not determined in step S107 that pointillism drawing processing is to be performed, the process proceeds to step S109.

[0049] In step S108, the CPU 21 performs a point drawing process. As the point drawing process, the CPU 21 draws a point in response to a user operation. For example, after moving a cursor (not shown) to a desired position within the geometric sticky note 101, the CPU 21 draws a point in response to a pointing operation by the user within the geometric sticky note 101. The CPU 21 also displays a label near the drawn point. The label indicates the name of the drawn point using alphabets such as A, B, C, .... The CPU 21 then ends the process of FIG. 4 and transitions the process to step S7 of FIG. 3.

[0050] In step S109, the CPU 21 determines whether or not to perform line drawing processing. When the line drawing icon 135 is selected, the CPU 21 determines that line drawing processing is to be performed. When it is determined in step S109 that line drawing processing is to be performed, the process proceeds to step S110. When it is not determined in step S109 that line drawing processing is to be performed, the process proceeds to step S111.

[0051] In step S110, the CPU 21 performs a line segment drawing process. As the line segment drawing process, the CPU 21 waits for the user to select two points in the geometric sticky note 101 (two pointing operations). In response to the selection of the two points, the CPU 21 draws a line segment connecting the selected two points. The type of line segment may be a solid line, a dashed line, or the like, selected by the user. Furthermore, instead of a line segment, a straight line passing through the two points selected by the user may be drawn. Thereafter, the CPU 21 ends the process of FIG. 4 and shifts the process to step S7 of FIG. 3. In the line segment drawing process, an equation representing the line segment, the length of the line segment, and the like may be calculated from the coordinates of the two selected points. This calculation may be performed by the server 10.

[0052] In step S111, the CPU 21 determines whether or not to perform a circle drawing process. When the circle drawing icon 136 is selected, the CPU 21 determines that the circle drawing process is to be performed. When it is determined in step S111 that the circle drawing process is to be performed, the process proceeds to step S112. When it is not determined in step S111 that the circle drawing process is to be performed, the process proceeds to step S113.

[0053] In step S112, the CPU 21 performs a circle drawing process. As the circle drawing process, the CPU 21 waits for the user to select two points (point operation) in the geometric sticky note 101. The CPU 21 draws a circle with the first selected point as the center and the distance between the second selected point and the first selected point as the radius. When only one point is selected, a circle with the first selected point as the center and the radius as a default value may be drawn. In that case, the radius may be set by the user in advance. Also, the drawn circle may be configured to be enlarged or reduced by a drag-and-drop operation. That is, a circle may be drawn with the position where the mouse click-on operation or the touch-on operation on the touch panel screen, which is included in the drag-and-drop operation, is performed as the center and the distance from the center to the position where the mouse click-off operation or the touch-off operation on the touch panel screen is performed as the radius. After that, the CPU 21 ends the process of FIG. 4 and shifts the process to step S7 of FIG. 3. In the circle drawing process, an equation expressing a drawn circle may be calculated from the coordinates of the center of the circle and the radius of the circle. This calculation may be performed by the server 10.

[0054] In step S113, the CPU 21 determines whether or not to perform polygon drawing processing. When the polygon drawing icon 137 is selected, the CPU 21 determines that the polygon drawing processing is to be performed. When it is determined in step S113 that the polygon drawing processing is to be performed, the process proceeds to step S114. When it is not determined in step S113 that the polygon drawing processing is to be performed, the process proceeds to step S115.

[0055] In step S114, the CPU 21 performs a polygon drawing process. As the polygon drawing process, the CPU 21 waits for the user to select multiple (three or more) points that will become the vertices of a polygon in the geometric sticky note 101. After the selection of three or more points, the CPU 21 waits for the first point to be selected from among the selected points. In response to this, the CPU 21 draws a polygon with the first selected point as the start point and the other selected points as vertices. Thereafter, the CPU 21 ends the process of FIG. 4 and shifts the process to step S7 of FIG. 3. In the polygon drawing process, the length of each side, the angle between each side, etc. may be calculated. This calculation may be performed by the server 10.

[0056] In step S115, the CPU 21 determines whether or not to perform text input processing. When the text input icon 138 is selected, the CPU 21 determines that the text input processing is to be performed. When it is determined in step S115 that the text input processing is to be performed, the process proceeds to step S116. When it is not determined in step S115 that the text input processing is to be performed, the process proceeds to step S117.

[0057] In step S116, the CPU 21 performs text input processing. As the text input processing, the CPU 21 displays a text box in the geometric sticky note 101, for example, and waits for the user to input text in the text box. The text may be input using the keyboard of the input device 25, or may be input on a software keyboard. After that, the CPU 21 ends the processing of FIG. 4, and shifts the processing to step S7 of FIG. 3. The text box may be a floating object. That is, the display position of the text box may be changeable in the geometric sticky note 101. The text box may also be created as a sticky note. In this case, the memo sticky note, which is the created text box, and the geometric sticky note 101 may be connected by a string.

[0058] In step S117, the CPU 21 determines whether or not to perform a delete process. When the delete icon 139 is selected, the CPU 21 determines that the delete process is to be performed. When it is determined in step S117 that the delete process is to be performed, the process proceeds to step S118. When it is not determined in step S117 that the delete process is to be performed, the CPU 21 ends the process in FIG. 4 and proceeds to step S7 in FIG. 3.

[0059] In step S118, the CPU 21 performs a deletion process. As the deletion process, the CPU 21 waits for the user to select an object (point, line, surface, or text) in the geometric sticky note 101. After the selection, the CPU 21 displays a dialog box for confirming the deletion. Then, depending on the user's permission for deletion, the CPU 21 deletes the selected shape or text. After that, the CPU 21 ends the process in FIG. 4 and transitions the process to step S7 in FIG. 3.

[0060] Here, the contents of the process shown in Fig. 3 are just an example. The various processes shown in Fig. 3 may be performed by processes different from the processes described above.

[0061] FIG. 5 is a diagram showing an example of the flow of the selection process. In step S201, the CPU 21 of the terminal 20 judges whether or not a point in the geometric sticky note 101 has been selected by the user. As described above, the coordinate axes are set on the paper 100, and points plotted in a point drawing process or the like have coordinate information. When the coordinates of this point are selected, the CPU 21 judges that the point has been selected. When it is judged that the point has been selected in step S201, the process proceeds to step S202. When it is not judged that the point has been selected in step S201, the process proceeds to step S205. For example, the operation of moving a cursor (not shown) to a position overlapping with any of the points, lines, faces, and balloons in the geometric sticky note 101 and then clicking the mouse is the operation of selecting any of the points, lines, faces, and balloons.

[0062] In step S202, CPU 21 determines whether the selected point has already been selected. If it is determined in step S202 that the selected point has not already been selected, the process proceeds to step S203. If it is determined in step S202 that the selected point has already been selected, the process proceeds to step S204.

[0063] In step S203, CPU 21 highlights the selected point and sets the selected point to a selected state. After that, the process proceeds to step S217. For example, CPU 21 makes the display size of the selected point larger than the display sizes of the other points. In addition, CPU 21 may change the color of the selected point or make the selected point blink. In this way, the highlighting is not limited to a specific display.

[0064] In step S204, CPU 21 cancels the highlighted display of the selected point and cancels the selected state of the selected point. After that, the process proceeds to step S217.

[0065] In step S205, the CPU 21 determines whether or not a line segment in the geometric sticky note 101 has been selected by the user. When any coordinate on the line segment drawn by the user is selected, the CPU 21 determines that the line segment has been selected. When it is determined in step S205 that the line segment has been selected, the process proceeds to step S206. When it is not determined in step S205 that the line segment has been selected, the process proceeds to step S209.

[0066] In step S206, CPU 21 determines whether the selected line segment has already been selected. If it is determined in step S206 that the selected line segment has not already been selected, the process proceeds to step S207. If it is determined in step S206 that the selected line segment has already been selected, the process proceeds to step S208.

[0067] In step S207, CPU 21 highlights the selected line segment and sets the selected line segment to a selected state. After that, the process proceeds to step S217. For example, CPU 21 makes the selected line segment thicker than the other line segments. In addition, CPU 21 may change the color of the selected line segment or make the selected line segment blink. In this way, the highlighting is not limited to a specific display.

[0068] In step S208, CPU 21 cancels the highlighted display of the selected line segment and cancels the selected state of the selected line segment, and then the process proceeds to step S217.

[0069] In step S209, the CPU 21 determines whether or not a face in the geometric sticky note 101 has been selected by the user. When any coordinate on a face constituting a figure drawn by the user is selected, the CPU 21 determines that a face has been selected. When it is determined in step S209 that a face has been selected, the process proceeds to step S210. When it is determined in step S209 that a face has not been selected, the process proceeds to step S213.

[0070] In step S210, CPU 21 determines whether the selected face has already been selected. If it is determined in step S210 that the selected face has not already been selected, the process proceeds to step S211. If it is determined in step S210 that the selected face has already been selected, the process proceeds to step S212.

[0071] In step S211, the CPU 21 highlights the selected face and sets the selected face to a selected state. After that, the process proceeds to step S217. For example, the CPU 21 makes the color of the selected face darker than the other faces. The highlighting is not limited to a specific display. Note that when a face is selected, only the face that constitutes the figure is selected, and the edges and vertices that also constitute the figure are not selected.

[0072] In step S212, CPU 21 cancels the highlighting of the selected face and cancels the selected state of the selected face. After that, the process proceeds to step S217.

[0073] In step S213, the CPU 21 determines whether or not the balloon 101a in the geometric sticky note 101 has been selected by the user. When the coordinates where the balloon 101a is displayed are selected, the CPU 21 determines that the balloon 101a has been selected. When it is determined in step S213 that the balloon 101a has been selected, the process proceeds to step S214. When it is determined in step S213 that the balloon 101a has not been selected, the process proceeds to step S217.

[0074] In step S214, CPU 21 determines whether or not at least one of the points, lines, and faces, which are components of the figure associated with the selected balloon, has been selected. If it is determined in step S214 that at least one of the points, lines, and faces, which are components of the figure associated with the selected balloon, has not been selected, the process proceeds to step S215. If it is determined in step S214 that at least one of the points, lines, and faces, which are components of the figure associated with the selected balloon, has been selected, the process proceeds to step S216.

[0075] In step S215, CPU 21 highlights the points, lines, and faces that are components of the figure associated with balloon 101a, and places these points, lines, and faces in a selected state. Then, the process proceeds to step S217. The highlighting method may be a combination of the methods described in steps S203, S207, and S211, or may be another method.

[0076] In step S216, the CPU 21 cancels the highlighting of the points, lines, and faces that are components of the figure associated with the balloon 101a, and cancels the selection state of these points, lines, and faces. After that, the process proceeds to step S217.

[0077] In step S217, the CPU 21 determines whether or not to end the selection process. For example, when the user selects another icon in the menu icon bar 130 or performs an operation to end a web application, the CPU 21 determines to end the selection process. When it is not determined in step S217 that the selection process is to be ended, the process returns to step S201. When it is determined in step S217 that the selection process is to be ended, the CPU 21 shifts the process to step S103 in FIG. 4.

[0078] A specific example of the selection process will be described below with reference to FIGS. 6A-6D. In each of the geometric sticky notes 101 in FIGS. 6A, 6B, 6C, and 6D, an equilateral triangle ABC is drawn by a regular polygon drawing process described later. In addition, in each of the geometric sticky notes 101 in FIGS. 6A, 6B, 6C, and 6D, a point F is plotted by the above-mentioned point drawing process. Here, as will be described in detail later, when a regular polygon is drawn by the regular polygon drawing process, a balloon 101a is displayed superimposed on the center of gravity of the drawn regular polygon. The balloon 101a displays the number Np of vertices of the drawn triangle. For example, when the drawn figure is an equilateral triangle, "Np=3" is displayed as the balloon 101a. Furthermore, when a figure is drawn by the regular polygon drawing process, an operation sticky note 102 is created. In the case of a regular polygon drawing process, the operation sticky note 102 displays the characters "n-polygon" 102a, which indicate that a regular polygon drawing process has been performed as a mathematical process, and the parameter values ​​102b set in the regular polygon drawing process.

[0079] FIG. 6A shows a display example when point A is selected in the selection process. In this case, only point A is highlighted and in a selected state. Although not shown in FIG. 6A, when point F is selected, the same highlighting is performed. The selected point can be used in a rotation process, a line symmetry process, a parallel movement process, and the like, which will be described later. For example, when a point is selected in the selection process prior to a line segment drawing process, a circle drawing process, and the like, the CPU 21 only needs to wait for the selection of the remaining points required for drawing. In addition, a process of displaying information related to the selected point, such as displaying the coordinates of the selected point, on the display device 26, or a visualization process of making the selected point invisible or visible on the display device 26 may be performed.

[0080] 6B shows a display example when the line segment AB is selected in the selection process. In this case, only the line segment AB is highlighted and in a selected state. The selected line segment may be used in a rotation process, a line symmetry process, a translation process, etc., which will be described later. In addition, a process may be performed to display information related to the selected line segment, such as displaying an equation representing the selected line segment on the display device 26 or displaying the length of the selected line segment, or a visualization process may be performed to make the selected line segment invisible or visible on the display.

[0081] FIG. 6C shows a display example when the face of equilateral triangle ABC is selected in the selection process. In this case, only the faces surrounded by sides AB, BC, and CA are highlighted and selected. On the other hand, sides AB, BC, and CA are not highlighted and are not selected. The selected face may be used in a rotation process, a line symmetry process, a translation process, and the like, which will be described later. In addition, a process may be performed to display information related to the selected face, such as displaying an equation representing the selected face on the display device 26 or displaying the area of ​​the selected face, or a visualization process may be performed to make the selected face invisible or visible on the display.

[0082] 6D shows a display example when the balloon 101a is selected in the selection process. In this case, each element of the equilateral triangle ABC associated with the balloon 101a is selected. Specifically, points A, B, and C, line segments AB, BC, and CA, and the faces enclosed by these line segments are highlighted and in a selected state. The selected elements may be used in a rotation process, a line symmetry process, a parallel translation process, and the like, which will be described later. In addition, a visualization process may be performed to make the selected points, lines, and faces invisible or visible on the display.

[0083] 7 is a diagram showing an example of the flow of menu processing. In step S301, the CPU 21 of the terminal 20 judges whether or not a menu operation has been performed by the user. The menu operation is, for example, a right-click operation of a mouse or a long press operation on a display screen. If it is judged in step S301 that a menu operation has been performed, the process proceeds to step S302. If it is not judged in step S301 that a menu operation has been performed, the CPU 21 causes the process to proceed to step S8 in FIG. 3.

[0084] In step S302, the CPU 21 displays a menu on the display screen. After that, the process proceeds to step S303. The menu display position may be the position where the right click was performed, the touch position, etc. The menu items include, for example, items such as "Draw regular polygon", "Rotation", "Line symmetry", "Translation", and "Scaling". Any of these may be omitted as a menu item. Also, items other than these may be included as a menu item.

[0085] In step S303, the CPU 21 determines whether or not to perform regular polygon rendering processing. When the "regular polygon rendering" item is selected, the CPU 21 determines that regular polygon rendering processing is to be performed. When it is determined in step S303 that regular polygon rendering processing is to be performed, the process proceeds to step S304. When it is not determined in step S303 that regular polygon rendering processing is to be performed, the process proceeds to step S305.

[0086] In step S304, the CPU 21 performs a regular polygon drawing process. After that, the process proceeds to step S313. The regular polygon drawing process is a process of drawing a regular polygon having a line segment selected by the user as one side. For this reason, first, the CPU 21 has the user select a line segment in the geometric sticky note 101. When a line segment has already been selected in the selection process, this process is omitted. After the line segment is selected, the CPU 21 has the user input the value of the number of vertices Np. The number of vertices Np can also be a variable. When the value of the number of vertices Np is a variable, the CPU 21 has the user determine the value of the variable. The value of the variable can be changed by a slider. After that, the CPU 21 creates a regular polygon from the length of the selected line segment and the number of vertices. That is, the CPU 21 determines the number of remaining sides and the angle between each side. Such a regular polygon creation process may be performed in the server 10. After creating the regular polygon, the CPU 21 draws the created regular polygon in the geometric sticky note 101. The CPU 21 also displays a balloon 101a superimposed on the position of the center of gravity of the created regular polygon. As described above, in the case of the regular polygon drawing process, the balloon 101a displays the value of the number of vertices Np. Furthermore, the CPU 21 creates an operation sticky note 102 indicating information related to the created regular polygon. Then, the CPU 21 displays the created operation sticky note 102.

[0087] Here, the balloon 101a created by the regular polygon drawing process may be a floating object. However, the balloon 101a is a tool tip for indicating that the drawn figure has been drawn by the regular polygon drawing process. Therefore, it is preferable that the balloon 101a is displayed so that the relationship with the drawn figure can be understood. For this reason, it is preferable that the movement range of the balloon 101a is limited to within a predetermined distance from the center of gravity of the drawn figure, for example.

[0088] In step S305, the CPU 21 determines whether or not to perform rotation processing. When the "Rotation" item is selected, the CPU 21 determines that rotation processing will be performed. When it is determined in step S305 that rotation processing will be performed, the process proceeds to step S306. When it is not determined in step S305 that rotation processing will be performed, the process proceeds to step S307.

[0089] In step S306, the CPU 21 performs a rotation process. After that, the process proceeds to step S313. The rotation process is a process of rotating a figure with a point selected by the user as the rotation center. For this reason, first, the CPU 21 selects a figure to be rotated. When a figure has already been selected in the selection process, this process is omitted. After the figure to be rotated is selected, the CPU 21 has the user select a point to be the rotation center from the geometric sticky note 101. After the point to be the rotation center is selected, the CPU 21 has the user input a value of the rotation angle R. As described above, the rotation angle R can also be a variable. When the value of the rotation angle R is a variable, the CPU 21 has the user determine the value of the variable. The value of the variable can be changed by a slider. After the figure to be rotated, the point of the rotation center, and the rotation angle are determined, the CPU 21 creates a figure by rotating the figure to be rotated by the rotation angle set by the user about the point of the rotation center. That is, the CPU 21 performs coordinate conversion to rotate each coordinate of the selected rotation target figure by the selected rotation angle. This process of creating a rotated figure may be performed in the server 10. After creating the rotated figure, the CPU 21 draws the created rotated figure in the geometric sticky note 101. The CPU 21 also displays a balloon 101a superimposed on the position of the rotation center. As described above, in the case of the rotation process, the value of the rotation angle R is displayed in the balloon 101a. Furthermore, the CPU 21 creates an operation sticky note 102 indicating information related to the created rotated figure. Furthermore, when a variable is input as the rotation angle, the CPU 21 creates a slider sticky note 103. The CPU 21 then displays the created operation sticky note 102 and slider sticky note 103.

[0090] Here, the balloon 101a created by the rotation process may be a floating object. However, for the same reason as in the polygon drawing process, it is desirable to limit the movement range of the balloon 101a to within a predetermined distance from the center of rotation, for example.

[0091] In step S307, the CPU 21 determines whether or not to perform line symmetry processing. When the "line symmetry" item is selected, the CPU 21 determines to perform line symmetry processing. When it is determined in step S307 that line symmetry processing is to be performed, the process proceeds to step S308. When it is not determined in step S307 that line symmetry processing is to be performed, the process proceeds to step S309.

[0092] In step S308, the CPU 21 performs line symmetry processing. After that, the process proceeds to step S313. Line symmetry processing is processing for creating a figure symmetrical with respect to a line segment selected by the user from a figure selected by the user. For this reason, the CPU 21 first causes the user to select a figure that is the source of the line symmetric figure. If a figure has already been selected in the selection process, this process is omitted. After the source figure is selected, the CPU 21 causes the user to select a line segment from the geometric sticky note 101. After the line segment is selected, the CPU 21 creates a figure symmetrical with respect to the line segment. This process for creating a symmetric figure may be performed in the server 10. After creating the line symmetric figure, the CPU 21 draws the created line symmetric figure in the geometric sticky note 101. In the case of line symmetry processing, the balloon 101a and the operation sticky note 102 may not be created. Alternatively, a balloon 101a including the word "Reflection" 102a indicating that a line symmetry process has been performed may be displayed near the selected line segment, or an operation sticky note 102 including similar information may be created. In this case, the movement range of the balloon 101a may be limited to the vicinity of the selected line segment.

[0093] In step S309, the CPU 21 determines whether or not to perform a translation process. When the "translation" item is selected, the CPU 21 determines that a translation process is to be performed. When it is determined in step S309 that a translation process is to be performed, the process proceeds to step S310. When it is not determined in step S309 that a translation process is to be performed, the process proceeds to step S311.

[0094] In step S310, the CPU 21 performs a translation process. After that, the process proceeds to step S313. The translation process is a process of translating a figure selected by the user. For this reason, first, the CPU 21 selects a figure to be translated. When a figure has already been selected in the selection process, this process is omitted. After the figure to be translated is selected, the CPU 21 inputs the value of the amount of translation T (X direction and Y direction). The value of the amount of translation T can also be a variable. When the value of the amount of translation T is a variable, the CPU 21 has the user determine the value of the variable. The value of the variable can be changed by a slider. After the figure to be translated and the amount of translation are determined, the CPU 21 creates a figure in which the figure to be translated is translated by the amount of translation. That is, the CPU 21 performs coordinate conversion to add the amount of translation to each coordinate of the selected figure to be translated. This process of creating a translation figure may be performed in the server 10. After creating the translation figure, the CPU 21 draws the created translation figure within the geometric sticky note 101. The CPU 21 also displays the balloon 101a in an overlapping manner. In the case of the translation process, the balloon 101a is displayed, for example, at a corner of the geometric sticky note 101. The movement range of the balloon 101a may or may not be limited.

[0095] In step S311, the CPU 21 determines whether or not to perform the enlargement / reduction process. When the "enlargement / reduction" item is selected, the CPU 21 determines that the enlargement / reduction process is to be performed. When it is determined in step S311 that the enlargement / reduction process is to be performed, the process proceeds to step S312. When it is not determined in step S311 that the enlargement / reduction process is to be performed, the process proceeds to step S313.

[0096] In step S312, the CPU 21 performs the enlargement / reduction process. After that, the process proceeds to step S313. The enlargement / reduction process is a process for creating a figure similar to the figure selected by the user based on the reference point selected by the user. For this reason, first, the CPU 21 causes the user to select a figure that is the source of the enlarged / reduced figure. When a figure has already been selected in the selection process, this process is omitted. After the source figure is selected, the CPU 21 causes the user to select a point that is the reference point for the enlargement / reduction from the geometric sticky note 101. After the reference point is selected, the CPU 21 causes the user to input a value of the magnification D. The value of the magnification D can also be a variable. When the value of the magnification D is a variable, the CPU 21 causes the user to determine the value of the variable. The value of the variable can be changed by a slider. After the figure to be enlarged / reduced, the reference point, and the magnification are determined, the CPU 21 creates a figure that is enlarged / reduced by the set magnification on an extension line between the reference point and each coordinate of the figure to be enlarged / reduced. This enlarged / reduced figure creation process may be performed in the server 10. After creating the enlarged / reduced figure, the CPU 21 draws the created enlarged / reduced figure in the geometric sticky note 101. The CPU 21 also displays a balloon 101a superimposed on the position of the reference point. In the case of enlargement / reducation processing, the value of the magnification D is displayed in the balloon 101a. Furthermore, the CPU 21 creates an operation sticky note 102 indicating information related to the created enlarged / reduced figure. Furthermore, when a variable is input as the magnification, the CPU 21 creates a slider sticky note 103. The CPU 21 then displays the created operation sticky note 102 and slider sticky note 103.

[0097] In step S313, the CPU 21 determines whether or not to end the menu processing. For example, when the user performs an operation to end the menu display, the CPU 21 determines to end the menu processing. When it is not determined in step S313 that the menu processing is to be ended, the process returns to step S303. When it is determined in step S313 that the menu processing is to be ended, the CPU 21 shifts the process to step S8 in FIG. 3.

[0098] Fig. 8 is an example of a display screen displayed as a result of the regular polygon drawing process. Fig. 8 shows an example of a display screen when an equilateral triangle with a line segment BC as one side is created. At this time, a balloon 101a with "Np=3" indicating the number of vertices is displayed at the position of the center of gravity of the triangle ABC. In addition, the operation sticky note 102 displays the characters 102a "n-polygon" indicating that the regular polygon drawing process has been performed as the mathematical process, and the parameter values ​​102b set in the regular polygon drawing process.

[0099] As described above, the balloon 101a is a tool tip for indicating that the triangle ABC is drawn by a regular polygon drawing process based on the line segment BC. Therefore, it is preferable that the balloon 101a is displayed so that the relationship with the triangle ABC can be understood. For this reason, it is preferable that the movement range of the balloon 101a is limited to within a predetermined distance from the center of gravity of the triangle ABC, for example.

[0100] Fig. 9 shows an example of a display screen that is displayed as a result of the enlargement / reduction process, the translation process, and the rotation process. In Fig. 9, the enlargement / reduction process and the rotation process are performed on the triangle ABC created by the polygon drawing process. Furthermore, the two triangles C'A'B' created by the rotation process are simultaneously selected and translated.

[0101] In FIG. 9, the reference point of the enlargement / reduction process is point F, and the magnification is variable c. In the slider tag 103, variable c is set to 2.00. At this time, triangle A'B'C' as the enlargement / reduction figure is created on the extension line between reference point F and triangle ABC (for example, the position where each coordinate of triangle ABC is bisected) as a figure having twice the area of ​​triangle ABC. Then, a balloon 101a indicating "D1=2.00" is displayed near point F, which is the reference point of the enlargement. Furthermore, an operation tag 102 including the character 102a of "Dilation" indicating that the enlargement / reduction process has been performed and the parameter value 102b set in the enlargement / reduction process is displayed. Furthermore, since the parameter is variable c, a slider 103b for setting the value of variable c is displayed in the slider tag 103.

[0102] In FIG. 9, the reference point of the rotation process is point F, and there are two rotation angles, variables a and b. In the slider tag 103, the variable a is set to 100.00. The variable b is set to 18.00. At this time, the triangle C'A'B' as a rotated figure is created as a figure obtained by rotating the triangle ABC by 100 degrees around the rotation center F. A balloon 101a indicating that "R1=100.00" is displayed near the point F, which is the center point of the rotation. Furthermore, an operation tag 102 including the character 102a of "Rotation" indicating that the rotation process has been performed and the value 102b of the parameter R1 set in the enlargement is displayed. Furthermore, since the parameter is the variable a, a slider 103b for setting the value of the variable a is displayed on the slider tag 103. In addition, the triangle C'A'B' as another rotated figure is created as a figure obtained by rotating the triangle ABC by 180 degrees around the rotation center F. A balloon 101a indicating "R2=180.00" is displayed near point F, which is the center point of rotation. Furthermore, an operation sticky note 102 is displayed, which includes the word "Rotation" 102a indicating that a rotation process has been performed, and the value 102b of parameter R2 set in the rotation process. Furthermore, since the parameter is variable b, slider sticky note 103 displays slider 103b for setting the value of variable b.

[0103] In addition, in FIG. 9, x=4, y=-3 in the amount of translation T1. At this time, triangle C"B"A" as a translation figure is created as a figure obtained by translating two triangles C'B'A' by 4 in the x direction and -3 in the y direction. Then, for example, a balloon 101a indicating "T1=(4.00,-3.00)" is displayed in the upper left corner of the geometric sticky note 101. Furthermore, an operation sticky note 102 including the word "Translation" 102a indicating that a translation process has been performed and the parameter value 102b set in the translation process is displayed. When the balloon 101a indicating "T1=(4.00,-3.00)" is selected, the two triangles C"B"A" are simultaneously selected.

[0104] As described above, according to this embodiment, when a mathematical process is performed on a certain figure in the geometric sticky note 101, a balloon 101a is displayed in the geometric sticky note 101 to indicate the mathematical relationship between the figure used in the drawing and the figure to be drawn. This balloon 101a makes it easy to understand the mathematical relationship between the figure used in the drawing and the figure to be drawn. In particular, when multiple figures are created in one geometric sticky note, as in FIG. 9, displaying the balloon 101a is effective.

[0105] In addition, when a balloon 101a is selected by the user, the points, lines, and faces that make up the corresponding shape are selected at the same time. By being able to selectively use such a collective selection and the individual selection of points, lines, and faces, it is possible to further improve user convenience.

[0106] In addition, when there is a reference point for drawing such as regular polygon drawing processing, rotation processing, and enlargement / reduction processing, the movement range of the balloon 101a is limited to the vicinity of the reference point, so that the mathematical relationship between the figure used for drawing and the figure to be drawn is less likely to be lost.

[0107] In the embodiment described above, the balloon 101a is simply displayed superimposed on the geometric sticky note 101. In contrast, the balloon 101a and a related figure may be displayed as if they are tied together with the above-mentioned "string."

[0108] In the above-described embodiment, when the balloon 101a is selected, the points, lines, and faces that constitute the corresponding figure are selected all at once. In addition, the corresponding operation sticky note 102 and slider sticky note 103 may also be selected. Furthermore, when the balloon 101a is selected, the figure, reference point, label, etc. that are the basis of the drawing may also be selected.

[0109] Furthermore, in the above-described embodiment, the terminal 20 is configured to download a program for a web application from the server 10 and execute a process for drawing figures, etc. However, by storing a program equivalent to the web application in the storage 24 of the terminal 20, the terminal 20 can be made to execute the process of the web application described in the above-described embodiment by itself. In this case, the terminal 20 does not need to have a communication function.

[0110] The present invention is not limited to the above-mentioned embodiment, and can be modified in various ways in the implementation stage without departing from the gist of the invention. In addition, each embodiment may be implemented in combination as appropriate as possible, and in that case, the combined effect can be obtained. Furthermore, the above-mentioned embodiment includes inventions at various stages, and various inventions can be extracted by appropriate combinations of the disclosed multiple constituent elements. For example, even if some constituent elements are deleted from all the constituent elements shown in the embodiment, if the problem described in the "Problem to be Solved by the Invention" column can be solved and the effect described in the "Effect of the Invention" column can be obtained, the configuration from which the constituent elements are deleted can be extracted as the invention.

[0111] The invention as described in the claims of the present application as originally filed is set forth below. [1] Displaying a first figure in a first display area set on a display screen of a display device; applying the identified mathematical operation to the first graphic to generate a second graphic and displaying the second graphic in the first display area; providing a mathematical processing display area in the first display area for displaying information on the mathematical processing applied to the first figure; A graphics display program for causing a computer to execute the above. [2] In response to an operation of selecting the mathematical processing display area, among the components of the figure displayed in the first display area, a plurality of components constituting the second figure associated with the selected mathematical processing display area are collectively displayed in an identifiable manner; The graphic display program according to [1], further comprising causing the computer to execute the above steps. [3] Each of the plurality of components constituting the second figure is any one of a point, a line, and a surface; a step of selecting one of the components of the second graphic to identify and display a point, a line, or a surface selected by the operation of selecting one of the components of the second graphic; The graphic display program according to [2], further comprising causing the computer to execute the above steps. [4] displaying another graphic in the first display area as a reference for performing the mathematical processing on the first graphic; and providing said mathematical processing display area in said first display area in association with said another graphic; The graphic display program according to any one of [1] to [3], further comprising causing the computer to execute the above. [5] providing the mathematical processing display area in the first display area in association with the second graphic; The graphic display program according to any one of [1] to [4], further comprising causing the computer to execute the above. [6] Providing a mathematical processing input area outside the first display area for receiving input of information specifying a mathematical processing to be performed on the first figure; The graphic display program according to any one of [1] to [5], further comprising causing the computer to execute the above. [7] Providing a mathematical processing change area outside the first display area, which accepts changes to information specifying the mathematical processing to be applied to the first figure; The graphic display program according to any one of [1] to [6], further comprising causing the computer to execute the above. [8] The first figure includes a line segment; the second figure is a regular polygon having one side equal to the line segment, The information is displayed by superimposing it on the center of gravity of the regular polygon. A graphic display program according to any one of [1] to [7] for causing the computer to execute the above. [9] The second figure is a figure that is symmetrical to the first figure with respect to a line segment displayed in the first display area. A graphics display program according to any one of [1]-[7].

[10] The second figure is a figure obtained by rotating the first figure around a point displayed in the first display area as a rotation center, Displaying the information superimposed on the point of the center of rotation A graphic display program according to any one of [1] to [7] for causing the computer to execute the above.

[11] The second figure is a figure obtained by translating the first figure in the first display area; Displaying said information in a corner of said first display area. A graphic display program according to any one of [1] to [7] for causing the computer to execute the above.

[12] The second graphic is a graphic obtained by enlarging or reducing the first graphic using a point displayed in the first display area as a reference point for a center of enlargement or reduction, The second figure is displayed superimposed on the reference point. The graphic display program according to any one of [1] to [7], further causing the computer to execute the above.

[13] A server capable of communicating with a terminal, Displaying a first figure in a first display area set on a display screen of a display device; applying the identified mathematical operation to the first graphic to generate a second graphic and displaying the second graphic in the first display area; providing a mathematical processing display area in the first display area for displaying information on the mathematical processing applied to the first figure; A storage configured to store a graphic display program for causing a computer of the terminal to execute the above-mentioned; a communication device that transmits the graphic display program stored in the storage to the terminal; A server comprising:

[14] A display device; Displaying a first figure in a first display area set on a display screen of a display device; applying the identified mathematical operation to the first graphic to generate a second graphic and displaying the second graphic in the first display area; providing a mathematical processing display area in the first display area for displaying information on the mathematical processing applied to the first figure; A processor executing A graphics display device comprising:

[15] Displaying a first figure in a first display area set on a display screen of a display device; applying the identified mathematical operation to the first graphic to generate a second graphic and displaying the second graphic in the first display area; providing a mathematical processing display area in the first display area for displaying information on the mathematical processing applied to the first figure; A graphic display method comprising: [Explanation of symbols]

[0112] 1 System, 10 Server, 11 Processor, 12 ROM, 13 RAM, 14 Storage, 15 Communication device, 19 System bus, 20 Terminal, 21 CPU, 22 ROM, 23 RAM, 24 storage, 25 input device, 26 display device, 27 communication device, 29 system bus, 30 network.

Claims

1. A display control means for displaying a plurality of electronic sticky notes in a predetermined working area, each of which can be moved individually in response to a user operation, when a predetermined mathematical process is specified for a first figure displayed on the electronic sticky note, the display control means causes an electronic sticky note different from the electronic sticky note on which the first figure is displayed and on which a slider for setting a value of a predetermined parameter related to the mathematical process is displayed to be added to the working area and causes an electronic sticky note on which the first figure is displayed to be added and displayed, and causes a second figure created by applying the mathematical process to the first figure with the value set by the slider to be added to the electronic sticky note on which the first figure is displayed to be added and displayed. A graphic display device comprising:

2. The display control means displays a minimum value that can be set for the predetermined parameter corresponding to one end of the slider, and displays a maximum value that can be set for the predetermined parameter corresponding to the other end of the slider.

2. A graphics display device according to claim 1.

3. When the display control means adds the electronic sticky note with the slider displayed to the work area and displays it, the display control means displays a string connecting the electronic sticky note with the first figure that is the subject of the mathematical processing and the electronic sticky note with the slider displayed.

3. A graphics display device according to claim 1 or 2.

4. When there are a plurality of predetermined parameters related to the mathematical processing, the display control means displays the slider for each of the parameters and displays the sliders so that their extension directions are parallel to each other.

4. A graphics display device according to claim 1, wherein the graphics display device is a display device having a display area of ​​100 mm or less.

5. A graphics display method executed by a graphics display device, comprising: A display control process is included which displays a plurality of electronic sticky notes in a predetermined work area, each of which can be moved individually in response to a user operation; The display control process, when a predetermined mathematical process is specified for a first figure displayed on the electronic sticky note, causes an electronic sticky note different from the electronic sticky note on which the first figure is displayed and on which a slider for setting a value of a predetermined parameter related to the mathematical process is displayed to be added to the working area and causes a second figure created by applying the mathematical process to the first figure with the value set by the slider to be added to the electronic sticky note on which the first figure is displayed to be displayed. A method for displaying graphics comprising the steps of:

6. A computer comprising: functioning as a display control means for displaying, in a predetermined work area, a plurality of electronic sticky notes, each of which can be moved individually in response to a user operation; when a predetermined mathematical process is specified for a first figure displayed on the electronic sticky note, the display control means causes an electronic sticky note different from the electronic sticky note on which the first figure is displayed and on which a slider for setting a value of a predetermined parameter related to the mathematical process is displayed to be added to the working area and causes an electronic sticky note on which the first figure is displayed to be added and displayed, and causes a second figure created by applying the mathematical process to the first figure with the value set by the slider to be added to the electronic sticky note on which the first figure is displayed to be added and displayed. A program characterized by:

Images