Desmos Classroom is a free instrument to have college students work together digitally throughout a lesson. In this “how to” I’ll present you have college students sketch one thing on one display of the lesson builder and have it present up on one other display of the lesson builder utilizing the computation layer.

Customizing Desmos Classroom

Desmos Classroom in a nutshell is a collection of screens with numerous varieties of interactivity. The instructor has a dashboard to view pupil responses and might tempo the lesson.

In a earlier submit I confirmed you use the computation layer (CL) to customise a lesson with the scholars identify. In this instance we’ll go a step additional to incorporate pupil responses from one display on one other display.

Provide a Variable Name for the Component

On the display the place college students will enter their response, be sure you enter a variable identify. This must be all one phrase, no areas. The variable identify must be distinctive, every time you identify a element select a distinct variable identify. Students is not going to see the variable identify, that is merely for referencing at a later time.

On Another Screen

On one other display, add a be aware widget. Instead of typing your be aware within the textual content space, click on on the computation layer icon < / >.

Content Sink

You need to “code” the content material of the textbox fairly than sort it straight. This permits the be aware to be dynamic primarily based on earlier pupil inputs.

Type content material:

This tells the computation layer what content material the be aware ought to show. Your textual content will should be enclosed in quotations.

${ }

To add variables to your textual content string you’ll want to sort a greenback signal and a set of curly braces. Within the curly braces, sort the variable identify.

I exploit the variable identify for the field the place the scholars entered their identify. Anywhere I need the scholars identify to seem, through the use of the computation layer, I exploit ${identify.content material}. You might want to press interval after typing the variable identify for the choices of what function of the variable you need to show. In this case, the content material of what the coed entered as their identify.

In my instance I had the scholars clarify their response to a a number of selection choice. I named the a number of selection element response1

In the be aware content material on one other display, within the computation layer I construct the content material to be dynamic. Using ${ } with the variable identify between the curly braces, I press interval for the variable identify to point the ingredient of the variable I need to show. In this case I need the selection rationalization. ${response1.clarifyContent}

message = when response1.isSelected(1) “${response1.choiceContent(1)}”
when response1.isSelected(2) “${response1.choiceContent(2)}”
when response1.isSelected(3) “${response1.choiceContent(3)}”
when response1.isSelected(4) “${response1.choiceContent(4)}”

in any other case “Choose at least response on the previous screen.”

content material:”${identify.content material}, please evaluate your response: ${message} and your rationalization: ${response1.clarifyContent}.”

Desmos Classroom Sketch and Show

On one display I need the coed to make use of the sketch widget to attract one thing. It is vital to provide the sketch a variable identify. I’m utilizing sketch1

On Another Screen – Another Sketch

What I need is for the sketch that the coed did on one display to seem on one other display. For this, I’ll want the sketch widget once more. In the computation layer of the brand new sketch widget, describe the background as a stack of layers of the sketch and the stroke. Start with the sink background: after which use layerStack to explain the layers of the sketch.

background: layerStack(sketchLayer(sketch1.sketch),sketchLayer(sketch1.currentStroke))
bounds:sketch1.bounds