Desmos Classroom is a free software to have college students work together digitally throughout a lesson. On this “the best way to” I’ll present you the best way to 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 varied sorts of interactivity. The trainer has a dashboard to view pupil responses and may tempo the lesson.

In a earlier put up I confirmed you the best way to use the computation layer (CL) to customise a lesson with the scholars identify. On this instance we are going to go a step additional to incorporate pupil responses from one display on one other display.

Present a Variable Title for the Part

On the display the place college students will enter their response, you should definitely 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 unique variable identify. College students won’t see the variable identify, that is merely for referencing at a later time.

On One other Display

On one other display, add a notice widget. As an alternative of typing your notice within the textual content space, click on on the computation layer icon < / >.

Content material Sink

You need to “code” the content material of the textbox quite than kind it instantly. This enables the notice to be dynamic based mostly on earlier pupil inputs.

Kind content material:

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

${ }

So as to add variables to your textual content string you’ll want to kind a greenback signal and a set of curly braces. Throughout the curly braces, kind the variable identify.

I take advantage of the variable identify for the field the place the scholars entered their identify. Anyplace I need the scholars identify to look, by utilizing the computation layer, I take advantage of ${identify.content material}. You will want to press interval after typing the variable identify for the choices of what function of the variable you need to show. On this case, the content material of what the scholar entered as their identify.

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

Within the notice content material on one other display, within the computation layer I construct the content material to be dynamic. Utilizing ${ } 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. On this case I need the selection clarification. ${response1.explainContent}

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 “Select no less than response on the earlier display.”

content material:”${identify.content material}, please evaluation your response: ${message} and your clarification: ${response1.explainContent}.”

Desmos Classroom Sketch and Present

On one display I need the scholar to make use of the sketch widget to attract one thing. It is very important give the sketch a variable identify. I’m utilizing sketch1

On One other Display – One other Sketch

What I need is for the sketch that the scholar did on one display to look on one other display. For this, I’ll want the sketch widget once more. Within the computation layer of the brand new sketch widget, describe the background as a stack of layers of the sketch and the stroke. Begin 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