Graphical Answer

Graphical answer

The graphic answer type aims to allow questions with an answer requiring the student to draw something on a canvas instead of selecting an option or writing an algebraic expression. With this feature, students will be able to draw points, lines, circles, conic sections, and more, and the new evaluation criteria will do the rest!

Graphic question type

When the Graphic option is selected, the drawing tool replaces the equation editor. Using the upper toolbar, you may readily draw the correct answer to the question.

correct_answer.png

This question type has several options, including different Statistical graphs as bar charts, line charts and pie charts. We will analyze the user interface when the Standard option is selected on this page. You can see more details regarding how you can use statistical graphs here.

answer_types.png

Bear in mind students will use the same toolbar (or a reduced version) to answer the question. They will also be able to use the handwriting to do so, and you can see more details here.

circumference.png

Initial content

It's also possible to include initial content for the students. It can be beneficial when, for instance, we want them to indicate some elements of a given object.

initial_content.png

As a brand new option of WirisQuizzes, it's also possible to import information from the initial content to the correct answer or vice-versa. Thus, you can build the corresponding graph once, and it will appear automatically on the right answer, ready to be edited.

copy_initial_content.png

Input options

In the Input options screen, you can control how the toolbar provided to the students is displayed and the offered auxiliary input.

input_options.PNG

Customize toolbar

Sometimes, we may not provide the student with all the graph resources. In the Customize toolbar section, you can define which will be shown in the student's graph by simply checking or unchecking the corresponding box. They are all selected by default.

customize_toolbar.png

The graph resources are divided into five sections explained below: toolbar, menu, floating, contextual (elements), and contextual (labels).

Toolbar

The Toolbar is at the core of many of the graph's possibilities. You can hide some icons to facilitate the research of those the students need or make the problem's resolution a little bit more complicated.

toolbar.png

Element

Description

Icon

Select

To select objects and see their algebraic expression and modify their properties.

cursor.png

Handwriting

To handwrite any of the existing objects. See how here.

handwriting.png

Point

To draw a single point.

point.png

Lines

Line: To draw a line passing through two given points.

line.png

Segment: To draw a segment between two given points.

segment.png

Ray: To draw a ray given a starting point and a direction.

ray.png

Vector: To draw a vector given a starting point and a direction.

vector.png

Parallelogram: To draw a parallelogram given a starting point and two different directions.

parallelogram.png

Polyline: To draw a polyline given an ordered set of points.

polyline.png

Polygon: To draw a polygon given a closed ordered set of points.

polygon.png

Conic sections

Circle by centre and point: To draw a circle given its centre and a belonging point.

circle2.png

Circle by three points: To draw a circle passing through three given points.

circle3.png

Arc: To draw an arc of circumference.

arc3.png

Parabola: To draw a parabola given a directrix line and its centre.

parabola.png

Ellipse: To draw an ellipse given an axis and a belonging point.

ellipse.png

Hyperbola: To draw a hyperbola given.

hyperbola.png

Conic: To draw a general conic section given five belonging points.

conic.png

Measures

Area: To fill an enclosed region and calculate its area.

area.png

Angle: To calculate the counterclockwise angle between two given elements.

angle.png

Length: To calculate the length of a bounded unidimensional element.

length.png

Label

To include any label within the plotter.

text.png

Expression

To include the graphic representation of any mathematical expression.

expression.png

Undo

To undo the last performed action.

undo.png

Redo

To redo the last erased action.

redo.png

Floating

The Floating elements are thought to facilitate the students' view of the plotter and make the content creation more comfortable.

floating.png

Element

Description

Icon

Zoom in

To zoom in the plotter.

zoom_in.png

Zoom out

To zoom out the plotter.

zoom_out.png

Anima

To make the elements apparition dynamic. The different objects of the answer will appear one by one in its creation order.

anima.png

Maximize

To maximize (or minimize) the plotter.

maximize.png

Contextual (elements)

The Contextual (elements) options enable the capability of modifying a plotted object appearance.

contextual_elements.png

Element

Description

Icon

Fix label

To fix the algebraic expression of the represented object

fix_label.png

Line width

To modify the line width of the represented object

line_width.png

Line style

To modify the line style of the represented object

line_style.png

Line colour

To modify the line colour of the represented object

line_color.png

Delete

To delete the represented object

delete.png

Contextual (labels)

The Contextual (labels) enables the capability of representing a function by giving its algebraic expression or including any text in the plotter. The labels in grey are only available if we are introducing a mathematical expression.

contextual_labels.png

Element

Description

Icon

Bold

To write text in bold.

bold.png

Italic

To write text in italics.

italic.png

Colour

To write text in any of the available colours.

color.png

Big fraction

To add a fraction

frac.png

Superscript

To add a superscript.

exp.png

Square root

To add a square root.

sqrt.png

Root

To add a generic root.

nRoot.png

Number

To add the irrational numbers normalπ or normale

numberPi.png

Functions

To add any of the available functions (sin, tan, log, …)

functions.png

Delete

To delete the written text or formulas

delete.png

Answer input method

Here, you can choose what kind of additional entry you want to offer to the students.

auxiliary_input.PNG

There are four options:

  • Display auxiliary CalcMe: You can supply your students with our online calculator while answering the question and set initial content for the calculator if desired. Keep in mind that the calculator can do a lot more than numerical computations!

  • Replace answer input with auxiliary CalcMe: You can replace the answer input field with an additional CalcMe calculator for the student answer.

  • Display auxiliary text field: You can provide your students with a text editor to make them include the reasoning they have followed to answer the question. For more details, see this page: Auxiliary input.

  • Don't show auxiliary input: Don't show the additional CalcMe calculator nor the auxiliary text editor in the input field for the student's answer.

Validation options

The validation options field allows to define us how we want to evaluate the student's answer. This section is divided into two sections explained below.

validation_options.png

Elements

The Elements subsection is thought to select the elements in answer to be evaluated. By default, all the elements will be taken into account, and they will have to match the student answer to be graded correctly.

elements.png

On the other hand, it's also possible to distribute the grade among those selected elements if we want to consider partial grading.

distribute_grade.png

Criteria

The Criteria subsection is thought to set the amount of error allowed between the student answer and the correct answer. Moreover, it's also possible to consider some additional properties explained below.

criteria.png
  • Prohibit superfluous elements in the student answer: There can't be more elements in the student answer than in the correct answer.

  • Match color: The elements in the student answer must have the same color as in the correct answer.

  • Match line type: The elements in the student answer must have the same line type as in the correct answer.

Example: Perpendicular line

Imagine creating a question asking to draw, given the line y=2x+1, its perpendicular line through the point (4,0). To do so, we have to start defining the initial content. You can use the line icon or introduce its algebraic expression.

initial_content.gif

Once we have defined the initial content, we must move on to the Correct answer field and define the perpendicular line.

correct_answer_2.png

Then, we need to define which elements we want the students to use to answer. As they have to draw a line, we may be only interested in keeping the line icons and the expression option.

customize_toolbar.gif

Finally, we have to define the validation properties that we want to consider to correctly grade the students' answers. We will only validate the solution if it matches the perpendicular line.

validation_options_2.png

We can preview the question by clicking the Test the question. Thus, we can verify if it's working as we expected.

preview.gif

Statistical graphs

Teachers can now add statistical graphs to a short-answer question type and ask students to answer by interacting with the dynamic graph. The following statistical representations are available: bar chart, line chart and pie chart.

All statistical charts designed within WirisQuizzes are interactive and customizable, and our software system automatically evaluates assessments with graphical statistical questions.

Bar charts

A bar chart is a diagram in which the numerical values of variables are represented by the height or length of lines or rectangles of equal width. This type of graphical representation is now supported by WirisQuizzes Instructors can now create dynamic bar charts as initial content and ask the students to answer questions by interacting with the chart.

bar_charts.png

Bar chart toolbar

You will now be able to add and edit bars but also packs to each bar.

Vertical and horizontal orientation

Alter the orientation of your bar graph, from vertical to horizontal.

bar_chart_orientation.png
Add new bar packs

With the add packs button, you will be able to add as many packs of bars as you wish and label them individually with the tag you consider.

bar_chart_add_pack.gif
Add groups to bar packs

With the add groups button, you will be able to add as many groups as you wish to the bar packs. These groups will automatically appear in different colours.

bar_chart_add_group.gif
Groups positioning

Alter the positioning of your bar graph groups, from stacked to grouped.

bar_chart_positioning.png
Delete groups

Delete a group by clicking on delete group on the lower toolbar menu. This option does not delete packs of bars.

bar_chart_delete_group.png
Delete bar packs

Delete an entire bar pack by clicking on the delete pack button on the lower toolbar menu. This option will also delete all packs included in the bar group.

bar_chart_delete_pack.png

Line charts

A line chart or line plot or line graph or curve chart displays information as a series of data points called 'markers' connected by straight line segments. It's a primary type of chart typical in many fields. This type of graphical representation is now supported by WirisQuizzes Instructors can now create dynamic line charts as initial content and ask the students to answer questions by interacting with the chart.

line_charts.png

Line chart toolbar

You will now be able to add and edit lines, but also line points.

Vertical and horizontal orientation

Alter the orientation of your line graph, from vertical to horizontal, with the orientation button.

line_chart_orientation.png
Add group of points

With the add group of points, you will be able to add as many groups of points as you wish within the same lines you’ve established and label them individually with the tag you consider.

line_chart_add_point.png
Add lines

With the add lines, you will be able to add as many lines as you wish to the line groups. With the add line button, you’ll add as many group points as established previously in the other lines.

line_chart_add_line.png
Delete lines

Delete a full line of points by clicking on the delete line button on the lower toolbar menu. This option will not delete a full group of points/labels.

line_chart_delete_line.png
Delete group of points

Delete a group of points by clicking on the delete points button on the lower toolbar menu. This option will delete the full group of points, hence the entire label.

line_chart_delete_point.png

Pie charts

A pie chart is a circular statistical graphic divided into slices to illustrate numerical proportion. In a pie chart, the arc length of each piece is proportional to the quantity it represents. This type of graphical representation is now supported by WirisQuizzes Instructors can now create dynamic pie charts as initial content and ask the students by interacting with the chart.

pie_charts.png

Pie chart toolbar

You will now be able to add and edit pie sections.

Add new pieces

With the add piece button, you will be able to add as many pie pieces as you wish within the same pie and label each pie piece individually with the tag you consider.

pie_chart_add_piece.png
Visualize in 2D or 3D

With the 2D/3D button, you will be able to visualize your pie chart either in 2D or 3D.

pie_chart_3d.png
Delete pieces

Delete a piece of the pie chart by clicking on the delete pie button on the lower toolbar menu.

pie_chart_delete_piece.png