Components
Created by Smart Sparrow

Expression Editor

The Expression Editor enables learners to answer questions by building or completing mathematical expressions. Instructors can predefine the expression and any available inputs.

Unique ways to use this widget

There are multiple ways you can set up and use this widget. For example:

  • Allow complex learner responses, such as constructing a mathematical expression.
  • Ask learners to fill in the blanks on an equation that is predefined by the instructor.
  • Display mathematical working without student interaction. The component can be paired with variables from the author allowing you to display explanations that make sense, no matter which variable students encounter.
  • This widget can be paired and communicate with other components. For example, students can create a function with the Expression Builder, which can then be drawn on a graph by the Graphing Component.

 

Have a play

 

Setting up the Component

  1. This component can be found in the Author. Insert the widget from the Components tab and resize it to your liking.
  2. With the component selected, Click on Configure and select Options to set it up.
  3. By default the expression editor is a single user input. This covers the basic use case — where students build an expression from scratch, and doesn’t require any configuration.
  4. If you want students to fill in the blanks for an equation predefined by the instructor:
    • Go to Options.
    • Go to the Expression field — this is where you input the equation elements that you want to show on screen.
    • Write the equation you want using LaTeX mathematics language, inserting \editable{} wherever a user input box should go, e.g. x+\editable{}=20. You can create an equation that requires multiple user inputs by inserting \editable{} in multiple places. 

 

Configuring Adaptivity

You can check what learners have entered inside the editable box by using the User Input 1 property. If you define more than 1 editable box, more User Input properties will be exposed e.g. User Input 2, User Input 3 … This allows you to create trap states that target each specific input - allowing for more targeted feedback.

 You can also evaluate the expression as a whole using the Aggregaged.value property which will compare the entirety of the expression (including the expression defined by the instructor and student inputs) and is useful when creating Correct trap states.

 

Other Options

  • The Expression Editor supports multi-line expressions. Writing \newline in the Expression field will genereate a new line break.
  • There are variety of inbuilt keyboards which accomodate arithmetic, algebra, calculus and trigonometry. You can also choose to show or hide different keyboards on any given activity.

 

FAQs

  • Can the Expression Editor do calculations? No, the Expression Editor only gives students the means to write expressions. You need to create the appropriate Conditions in the trap states of your lesson to evaluate whether or not the expression the student builds is correct.

  • Can I customize the keyboards? No, but if you have some keys or functions you would like added, please email support@smartsparrow.com.

 

Component Properties

Properties available for creating trap states or configuring your questions.

Property Purpose Type
Aggregated.value
Aggregated value of current expression
MathExpression
Restricted Characters To
The input will only accept characters defined here
String
Editable
Allows student editing
Boolean
Expression
Current math expression
MathExpression
Keyboards.Visibility Mode
Keyboard visibility mode
Visible on focus
Visible on startup
Always visible
Keyboards.Active Keyboard
Current active keyboard type
Basic
Prealgebra
Algebra
Geometry
Trigonometry
Keyboards.Show Basic
Show/Hide basic operations in keyboard
Boolean
Keyboards.Show Pre-algebra
Show/Hide pre-algebra operations in keyboard
Boolean
Keyboards.Show Algebra
Show/Hide algebra operations in keyboard
Boolean
Keyboards.Show Geometry
Show/Hide geometry operations in keyboard
Boolean
Keyboards.Show Trigonometry
Show/Hide trigonometry operations in keyboard
Boolean
Keyboards.Hide non-evaluating symbols
Show/Hide non evaluating symbols
Boolean
User Input {index}
Current user input value
String
Property Purpose Type
Aggregated.value
Aggregated value of current expression
MathExpression
Restricted Characters To
The input will only accept characters defined here
String
Editable
Allows student editing
Boolean
Expression
Current math expression
MathExpression
Keyboards.Visibility Mode
Keyboard visibility mode
Visible on focus
Visible on startup
Always visible
Keyboards.Active Keyboard
Current active keyboard type
Basic
Prealgebra
Algebra
Geometry
Trigonometry
Keyboards.Show Basic
Show/Hide basic operations in keyboard
Boolean
Keyboards.Show Pre-algebra
Show/Hide pre-algebra operations in keyboard
Boolean
Keyboards.Show Algebra
Show/Hide algebra operations in keyboard
Boolean
Keyboards.Show Geometry
Show/Hide geometry operations in keyboard
Boolean
Keyboards.Show Trigonometry
Show/Hide trigonometry operations in keyboard
Boolean
Keyboards.Hide non-evaluating symbols
Show/Hide non evaluating symbols
Boolean
User Input {index}
Current user input value
String
Property Purpose Type
Aggregated.value
Aggregated value of current expression
MathExpression
Restricted Characters To
The input will only accept characters defined here
String
Editable
Allows student editing
Boolean
Expression
Current math expression
MathExpression
Keyboards.Visibility Mode
Keyboard visibility mode
Visible on focus
Visible on startup
Always visible
Keyboards.Active Keyboard
Current active keyboard type
Basic
Prealgebra
Algebra
Geometry
Trigonometry
Keyboards.Show Basic
Show/Hide basic operations in keyboard
Boolean
Keyboards.Show Pre-algebra
Show/Hide pre-algebra operations in keyboard
Boolean
Keyboards.Show Algebra
Show/Hide algebra operations in keyboard
Boolean
Keyboards.Show Geometry
Show/Hide geometry operations in keyboard
Boolean
Keyboards.Show Trigonometry
Show/Hide trigonometry operations in keyboard
Boolean
Keyboards.Hide non-evaluating symbols
Show/Hide non evaluating symbols
Boolean
User Input {index}
Current user input value
String

 

Advanced widget setup

Contact our team for help setting up the widget and trap states in your lessons.

Want to work with us to create your own component?
Request services

Similar Components