Welcome to the Module 2

CSA Workshop

@TeachCode | #TeachCode

1. Digital Digest to get slides: bit.ly/CSADigest
2. Enroll in the workshop if you have not already:
• UC San Diego:
• Riverside:
3. Take attendance

UC San Diego: https://studio.code.org/pd/attend/VHWY

Riverside: https://studio.code.org/pd/attend/LMJS

• Introduce yourself in the chat with the kitchen appliance you couldn’t live without.
• Add where you are in the curriculum at this point on the next slide.

Where are you in the curriculum?

Have not started yet:

​

@TeachCode

Who’s In The Room?

Insert Pic (optional)

Insert Pic (optional)

Chris Meglio

​

Bobbie Bastian

​

​

Katie Ingram

​

@TeachCode

Agenda Overview

Plan for our time together:

1. Reconnect with our community
2. Learn about Unit 4 material
3. Use The Theater package

​

* Note: A “question parking lot” is on the last slide for questions that come up during the call.

@TeachCode

Norms

To help us create a productive and respectful space that is conducive to learning together, we propose the following norms:

• Be present.
• Make space and take space.
• Seek to understand.
• Take risks.
• Expect and accept non-closure.

@TeachCode

Check-in in breakout rooms

• Lockheed Coding Competition

​

5Z87-XW8G-Q424W

​

​

@TeachCode

Check in

Check-in in breakout rooms

Prompts:

• How are you feeling about your pacing of the course? What adjustments are you making to adjust your pace?

​

​

@TeachCode

Share out

High Level Overview: Unit 4 and The Theater

Context

Unit Overview

Do this:

1. Go to the Unit 4 Landing Page
2. Click on “Teacher Resources”
3. Select “Unit 4 Overview”
4. Read the Unit 4 Overview
1. As you read, consider what you “know” and “want to know” about Unit 4.

@TeachCode

Know and want-to-know

After reading the Unit 4 Overview, add what you “know” and “want to know” to the grid below. Add a “+1” to any item that another person wrote but you agree with.

@TeachCode

Unit 4

@TeachCode

Introducing the theater

@TeachCode

Navigate to Lesson 1, Level 1

The Theater - Activity

1. Predict the output of the program

There are no wrong answers!

1. Run it to compare your prediction with the results

CSA

✅ Do This:

Predict

and Run

🔮

Waterfall in chat

Prompt: Based on U4L1, Level 1, finish the sentence “I notice that…”

@TeachCode

playScenes() documentation

Do this:

1. Go to the “documentation” tab.
2. Read the documentation in the Theater class for playScenes.
3. Consider: As you review the documentation, what vocabulary do you notice being used in the documentation?

@TeachCode

Share out

Prompt:

What vocabulary do you notice being used in the documentation?

​

@TeachCode

Navigate to Lesson 1, Level 2

The Theater - Activity

1. Investigate the code
2. Complete the Investigating The Theater activity guide

CSA

✅ Do This:

Investigate

and Modify

📝

Theater Free-play

Try creating your own scene!

Do this:

• In Unit 4, Lesson 1, Level 2, try creating your own scene in the level!
• Read the documentation or use the following 6 slides to create something using The Theater.
• Use images, sounds, or shapes!
• The following 6 slides goes through some features you might find interesting.

@TeachCode

You can draw images in a scene using the method

This draws an specified image file (such as "house.png" at the x and y location.

The size sets the width of the image. The height scales proportionately.

The Theater - Activity

drawImage(String filename, int x, int y, int size)

CSA

Click Manage Assets to upload images or sounds to add to your project.

CSA

The Theater - Activity

You can draw lines, polygons, shapes, circles, and rectangles using the methods

drawLine(int startX, int startY, int endX, int endY)

Draws a line from a starting x and y position to an ending x and y position.

drawEllipse(int x, int y, int width, int height)

Draws an oval or circle at the specified x and y location with the given width and height.

drawRectangle(int x, int y, int width, int height)

Draws a rectangle at the specified x and y location with the given width and height.

CSA

The Theater - Activity

You can play sounds or notes using the methods

playSound(String filename)

Plays the specified sound file (must be a .wav file).

playNote(int note, double seconds)

Plays a note with the default instrument for a given number of seconds.

playNoteAndPause(int note, double seconds)

Plays a note with the default instrument for a given number of seconds then pauses.

CSA

The Theater - Activity

Calling drawing methods will display the images and shapes as one final image in your scene.

If you want to display images or shapes one after the other instead of all at one time, use the pause(seconds) method.

CSA

The Theater - Activity

The Theater class has static methods to play one or more scenes.

This means we do not need to instantiate a Theater object to play our scenes.

Theater.playScenes(Scene scene)

Plays a single Scene object.

Theater.playScenes(Scene… scenes)

Plays multiple Scene objects. For example Theater.playScenes(sceneFirst, sceneSecond);

Theater.play(Scene[] scenes)

Plays each Scene from first to last in the array of Scene objects.

CSA

Show and tell!

Think-Share (AKA “hold that thought”)

Prompts:

• How do you think your students will use the Theater for personally relevant practice?
• What will be exciting to them? What will be a source of frustration?

HOLD that�THOUGHT

@TeachCode

Unit 4 Project Overview

Reviewing the work

For the Unit 4 project, students will create “Abstract Data Art” using data and the Theater.

@TeachCode

Reviewing the work

Do this:

• Go to U4L11 - Level 1.
• Open the Example Solution.
• Run the Exemplar. As you look at the output and the code, what do you notice? What do you wonder?

@TeachCode

Think-Share (AKA “hold that thought”)

Prompts:

• What surprised you when you looked at this project?
• What prior skills will students use in this project?

HOLD that�THOUGHT

@TeachCode

Unit 4 FRQ Overview

Reviewing the work

Do this:

• Go to U4L12
• Open the Bingo Caller FRQ
• Mark up the BingoCaller text using the annotation guidelines on the next slide

@TeachCode

Annotate the question using the following shapes and symbols.

BingoCaller FRQ - Warm Up

CSA

✅ Do This:

What do you foresee students will struggle with when working on FRQs?

What strategies can we use to support students in success with FRQs?

💡Discuss:

Retrieve

your knowledge and ideas and write it down silently

Pair

up with a neighbor and talk about your reflections

Share

your thoughts in a class discussion

CSA

Wrap-Up

Reflection

Review the Know-Want-to-know chart created at the start of the time together on slides 12 & 13.

Do this

• Add to the chart if you have additional “knows” or “want to knows”
• Put an X next to items that you would now remove from the “Want-to-know” column because you were able to learn this over the workshop today.

@TeachCode

Asynchronous Post-Work For Module 2

You will be:

• Learning how to check for equality between objects.
• Considering how students will connect to the content with personally relevant examples.
• Continue working with the Theater

​

@TeachCode

What will we be doing in Module 3?

Module 3 will dive deeper into Unit 4 lessons and explore where students will experience The Theater throughout the unit.

@TeachCode

Question Parking Lot

Module 2 Post-Survey

Thank you!

See you on our next call on 11/19

​

Module 2

Asynchronous Work

​

​

​

​

Question Parking Lot

Add your question to the space below:

• ​

@TeachCode