CN106775318A - A kind of human-computer interaction device and method for realizing touch mapping - Google Patents

Abstract

The invention discloses a human-computer interaction device for realizing touch-type drawing, comprising: an object recording unit for recording all geometric figure objects in the drawing area; a calculation and storage unit for calculating and storing all geometric figures in the drawing area The information of the object and the geometric figure object; the acquisition and judgment unit is used to collect the user's finger touch event and determine which geometric figure object to create; the information processing unit is used to respond to and process the event triggered by the user's finger touch tool command button; the graphic display unit , to display the newly created graphics on the canvas to complete the drawing. The invention also discloses a human-computer interaction method for realizing touch drawing. The present invention overcomes the shortcomings of current touch-based operating dynamic geometry software using menus for drawing, and enables users to express their needs to the human-computer interaction interface in a more arbitrary manner.

Description

A human-computer interaction device and method for realizing touch-based drawing

technical field

The present invention relates to human-computer interaction technology, more specifically, to a human-computer interaction device and method for realizing touch-based drawing.

Background technique

Human-computer interaction design belongs to a branch of ergonomics, which specifically studies the design, evaluation and completion of the interaction process between computer systems and users. Please refer to Figure 1. The general human-computer interaction process is mainly as follows: the user (User) expresses a certain demand to the human-computer interaction interface (Input), and the human-computer interaction interface converts this demand in a certain way and transmits it to the processing core. (System), after the core processing, it is displayed (Output) through a certain human-computer interaction interface, and the user gets the processing result.

Dynamic geometry software is an application program that allows users to create and operate geometric figures. Touch-based dynamic geometry software refers to dynamic geometry software built and run on touch-screen-based smart mobile terminals (such as tablet computers, smart phones, etc.). Drag any element on the geometric figure in the dynamic geometry software, all the geometric relationships given in advance remain unchanged, and always dynamically display the positional relationship and operation change rules of the geometric objects. Drawing is the basic function of dynamic geometry software. At present, dynamic geometry software based on touch operation generally adopts the menu drawing method based on PC. The operation method of using menu drawing is divided into two steps:

Step 1, click the drawing command button, and select different types of drawing buttons in the pop-up drop-down menu;

Step 2: Create different types of geometric objects on the canvas through operations such as clicking and moving fingers.

The menu drawing method is a human-computer interaction method based on the visual interface. There are two shortcomings in using the menu drawing method: one is that the characteristics of the smart mobile terminal are not considered, and the use of the menu occupies the canvas space, which is easy to cause misoperation; The drawing command button increases the user's selection burden, physical and visual load, and it is limited to the visual interface to carry and transmit information, which does not conform to people's living habits and lacks an excellent user experience. However, based on the existing literature, it is found that whether the user experience design of smart mobile terminals is comfortable or not is directly related to the value created and realized by educational software for users, so as to enhance students' reading experience and learning experience, increase learning motivation, and change student behavior. .

Contents of the invention

Aiming at the shortcomings of the prior art, the object of the present invention is to provide a human-computer interaction device and method for realizing touch-based drawing, which overcomes the shortcomings of current touch-based operating dynamic geometry software using menu drawing, and enables users to Human-computer interaction interface expresses needs in a more arbitrary way.

In order to achieve the above object, the technical solution of the human-computer interaction device for touch-based drawing in the present invention includes: an object recording unit for recording all geometric objects in the drawing area; a calculation and storage unit for calculating and storing the drawing area The information of all geometric figure objects and the geometric figure object; the collection and judgment unit is used to collect the user's finger touch event and judge which kind of geometric figure object to create; the information processing unit is used to respond to and process the event triggered by the user's finger touch tool command button; The graphics display unit displays the newly created graphics on the canvas to complete the drawing.

The technical scheme of the present invention to realize the human-computer interaction method of touch drawing includes the following steps: (1) define the geometric figure object in the form of class, and the object recording unit records the geometric figure element class and their (2) Every time a new geometric figure object is created, the computer storage unit calculates and dynamically stores the attribute information of the new object and the association information between the new object and the existing object; (3) the user touches the screen to select Different geometric figure objects correspond to different events, and the acquisition and judgment unit collects user finger touch events, and judges which geometric figure object to create; (4) the user touches the screen with a finger to select an unused tool command button to call different methods, and the information processing unit responds And process the event triggered by the user's finger touching the command button of the tool; (5) The graphics display unit receives the information of creating a new geometric figure object, and displays the newly created figure on the canvas to complete the drawing.

As an improvement of the above technical solution, the geometric figure element class includes a graphic object base class, a point class, a line class, and a circle class.

Compared with the prior art, the operation of the present invention based on the user's psychological model enables the user to express the demand to the human-computer interaction interface more freely. The user selects the basic points, lines, circles (arcs) and transform tool command buttons to freely create basic geometric objects on the canvas, pre-selects several geometric objects in the canvas, and then selects points and lines , make circle (arc) or transformation tool command button, you can create a new geometric figure object on the canvas, including the intersection point of two lines (two circles or one line and one circle), the midpoint of a line segment, the center of gravity of multiple points, Center of a circle, perpendicular to a line segment, perpendicular foot from a point to a line, a line segment parallel to a known line segment, tangent (tangent point) from a point to a known circle, polygon, inscribed circle of a triangle, circular arc, center about the center of symmetry Symmetric graphics, axisymmetric graphics about the symmetry axis, circular symmetric graphics about the inversion base circle, etc.

Description of drawings

Figure 1 is a flowchart of human-computer interaction.

detailed description

In order to make the object of the invention, the technical solution and its beneficial technical effects clearer, the present invention will be further described in detail below in conjunction with specific embodiments. It should be understood that the specific implementations described in this specification are only for explaining the present invention, not for limiting the present invention.

The human-computer interaction device for realizing touch drawing in this embodiment includes: an object recording unit for recording all geometric objects in the drawing area; a calculation and storage unit for calculating and storing the information of all geometric objects in the drawing area and the geometric objects ; The acquisition and judgment unit is used to collect the user's finger touch event and determine which geometric object to create; the information processing unit is used to respond to and process the event triggered by the user's finger touch tool command button; the graphic display unit is used to display the newly created object on the canvas graphics to complete the drawing.

This embodiment realizes the human-computer interaction method of touch-type drawing and includes the following steps: (1) define the geometric figure object in the form of class, and the object recording unit records the geometric figure element class and the relationship between them according to the sequence of drawing. Inheritance and association relationship, geometric figure element classes include graphic object base class, point class, line class, circle class, etc.; (2) Every time a new geometric object is created, the computer storage unit calculates and dynamically stores the attribute information of the new object and the new The association information between the object and the existing object; (3) The user touches the screen with a finger to select different geometric objects corresponding to different events, and the acquisition and judgment unit collects the user’s finger touch event, and determines which geometric object to create; (4) The user touches the screen with a finger Select different tool command buttons to call different methods, and the information processing unit responds and processes the event triggered by the user’s finger touch tool command button; (5) the graphics display unit receives the information of creating a new graphic object, and displays the newly created graphics on the canvas to Finish drawing.

Utilizing the above technical solution, different drawing tool command buttons can be pre-selected in the touch-based dynamic geometry software, free drawing can be realized on the canvas, and different drawing tools can be selected after pre-selecting the geometric objects existing on the canvas The command button can create a new geometric figure on the canvas to realize the drawing of the selected object. Based on the user's cognition and operating habits, make full use of the relevant knowledge of dynamic geometric principles, combine content interaction and human-computer interaction to realize personalized design, and increase operating points. , Line, Circle, and Transform tools command button reusability. It is more direct and convenient for the user to interact with the human-computer information through the action of touching the screen with a finger, which is conducive to the user to draw as he likes, improves the drawing efficiency and the pleasure of using the software. For example, in the general user's established knowledge system, there are three points that can determine a circle. Touch the screen to select three points, and then select the command button of the circle tool to draw a circle passing through three points on the screen. The software application can be easily understood, with a feeling of control and a mastery experience, avoiding the mechanical nature of finding a specific drawing menu, enhancing the intuition of the interaction process and the ideology of the interaction concept. Considering the screen size of the smart mobile terminal and the gesture operation habit of the user when holding the device, the important interaction points of the software (dot, line, circle and transformation tool command buttons) are displayed at the bottom of the screen to simplify the interface elements , leaving enough drawing space for the user.

The specific operation in the dynamic geometry software is as follows:

(1) Free drawing

① Tap the command button of the point tool with one finger, tap the canvas with one finger and release to make a point;

② Tap the command button of the line tool with one finger, tap the canvas with one finger and move it for a certain distance, then release to make a line segment. The point pressed by the finger is used as the starting point of the line segment, and the point where the finger is released is used as the end point of the line segment;

③ Tap the command button of the circle tool with one finger, tap the canvas with one finger and move it for a certain distance, then release it to make a circle. The point pressed by the finger is used as the center of the circle, and the point where the finger is released is used as a point on the circle;

(2) Draw the selected object

① Select the object as a point

a) Select two lines (two circles or one line and one circle) in advance, and then touch the command button of the point tool with one finger to make an intersection;

b) Select several (except two) line segments in advance, and then tap the command button of the point tool with one finger to draw the midpoint of the line segment;

c) Select no less than two points in advance, and then tap the command button of the point tool with one finger to make the center of gravity of the point;

d) Select a circle in advance, and then tap the command button of the point tool with one finger to make the center of the circle.

② Select the object to make a line

a) Select a point and a line segment in advance, then tap the command button of the line tool with one finger to draw a vertical line from the point to the line segment, and make a vertical foot at the same time;

b) Select a line segment and a point in advance, and then tap the command button of the line tool with one finger to make a line segment parallel to the line segment starting from the point;

c) Select a point and a circle in advance, then tap the command button of the line tool with one finger to draw a tangent line from the point to the circle, and make a tangent point at the same time (if a circle and a point are pre-selected, then tap Touch the Line tool command button to make another tangent from that point to the circle);

d) Select several points in advance, and then tap the command button of the line tool with one finger to make a polygon connecting these points with line segments in sequence.

③Select the object to make a circle (arc)

a) Select two points in advance, then tap the command button of the circle tool with one finger to make a circle with the first point as the center and pass through the second point;

b) Select a point and a line segment in advance, then tap the command button of the circle tool with one finger to make a circle with the point as the center and the length of the line segment as the radius;

c) Select three points in advance, and then tap the circle tool command button with one finger to make a circumcircle of a triangle with three points as vertices;

d) Select the three lines in advance, and then tap the command button of the circle tool with one finger to make an inscribed circle of a triangle with the three lines as sides;

e) Select a line segment in advance, and then tap the circle tool command button with one finger to make a circle with the line segment as the diameter;

f) Select a circle and two points on the circle in advance, and then tap the circle tool command button with one finger to make an arc.

④Select the object to transform graphics

a) Select a point, line, or circle object in advance and then select a point, then tap the command button of the transformation tool with one finger to make a centrosymmetric figure with this point as the center of symmetry;

b) Select a point, line, circle object in advance and then select a line, then tap the command button of the transformation tool with one finger to make an axisymmetric figure with the line as the axis of symmetry;

Pre-select point, line and circle objects and then select a circle, then tap the command button of the transformation tool with one finger to create a circular symmetric figure with this circle as the inversion base circle.

In the present invention, what you think is what you get means that the user realizes the desired result by manipulating the object, and it is an action interface human-computer interaction method that is especially aimed at realizing free-spirited drawing in dynamic geometric software based on touch operation. Inheriting the idea of polymorphism in object-oriented programming, it uses point, line, and circle as the basic geometric figures and the knowledge of dynamic geometry that keeps the geometric properties unchanged during the transformation process.

The effects that the present invention can achieve are: 1. Cancel the use of the pull-down drawing menu, reduce the user’s fatigue of mechanically searching for the menu drawing, keep the user’s activity in using the software, the interface is cleaner and concise, and the use is simple, intuitive, easy-to-use and The easy-to-remember direct operation method reduces the number of times users touch the menu and the visual load; ②Users can freely select objects and tool commands and tool buttons according to their own needs and ideas to complete the drawing, transform ideas into designs, and meet user expectations , enhance the user experience, and improve the appeal of the software; ③ Incorporate the educational thought of progressively inspiring learning, gradually guide users to use, understand and explore, and maintain effective communication between the software and users, which is conducive to forming a stable user group and enhancing learners' learning. Learning interest.

According to the disclosure and teaching of the above specification, those skilled in the art to which the present invention pertains can also make appropriate changes and modifications to the above embodiment. Therefore, the present invention is not limited to the specific embodiments disclosed and described above, and some modifications and changes to the present invention should also fall within the protection scope of the claims of the present invention. In addition, although some specific terms are used in this specification, these terms are only for convenience of description and do not constitute any limitation to the present invention.

Claims (3)

1. a kind of human-computer interaction device for realizing touch mapping, it is characterised in that including：

Object record unit, all geometrical form objects of graph region are made for recording；

Calculating storaging unit, for calculating and stores the information and geometric figure pair for making all geometrical form objects of graph region As；

Collection judging unit, for gathering user's finger touch event and judging which kind of geometrical form object created；

Information process unit, for responding and process user's finger touch tool order button triggering event；

Pattern displaying unit, shows the new figure for creating to complete mapping on painting canvas.

2. a kind of man-machine interaction method for realizing touch mapping, it is characterised in that comprise the following steps：

(1) geometrical form object is defined in the form of classes, object record unit records several according to the sequencing of mapping What graphic element class and the succession between them and incidence relation；

(2) a new geometrical form object is often made, Computer Storage unit is calculated and the attribute of dynamic memory new object is believed The related information of breath and new object and existing object；

(3) user's finger Touch screen selects the different event of different geometrical form object correspondences, and collection judging unit collection is used Family event, and judge to create which kind of geometrical form object made；

(4) user's finger Touch screen selects no tool command button to call different methods, information process unit response And process the event of user's finger touch tool order button triggering；

(5) pattern displaying unit receives the information for creating new geometrical form object, shows the new figure for creating with complete on painting canvas Into mapping.

3. the man-machine interaction method for realizing touch mapping according to claim 2, it is characterised in that the geometric figure Element class includes Drawing Object base class, point class, line class, circle class.