Lesson 16: Binary Images with Artist
This series of online lessons will have students learning to make images using on and off.
This will help reinforce the fact that computers can do a multitude of things with 0s and 1s.
Warm Up (15)
Main Activity (30)
Wrap Up (15)
Students will be able to:
- Create pictures using unique combinations of on and off
- Identify repeated sequences and break long codes up into smaller chunks that can be looped
- Utilize loops and binary code to recreate provided images
- Play through the puzzles to find any potential problem areas for your class.
- Make sure every student has a journal.
- Binary - A way of representing information using only two options.
Warm Up (15)
To begin, it can be helpful to review the previous lesson, specifically different ways of using binary to indicate how to create an image on a grid. This stage will translate the unplugged activity into a simple, independent online lesson.
Main Activity (30)
Not all of these images are intuitive. Encourage students to click "Run" to see what happens, even if their code isn't "finished" yet.
Wrap Up (15)
Having students write about what they learned, why it’s useful, and how they feel about it can help solidify any knowledge they obtained today and build a review sheet for them to look to in the future.
- What was today’s lesson about?
- How did you feel during today’s lesson?
- Did you like drawing on the 8x8 grid or the 16x16 grid better? Why?
- Computers also store sounds using binary. Use your imagination to write down a possible way for that to work.
Draw with Binary
Binary is a way of representing information using only two options. In this case, off and on.
Here, we're going to use the number 0 as code for "off" and the number 1 as code for "on".
In this stage, we've provided you with a grid of "pixels" that you can walk through and make designs by turning on certain squares!
We've provided you with a grid of "pixels" that you can walk through and make designs by turning on only certain squares.
Use the blocks below to have the artist draw "01010101" in binary in the first row.
Here's a function that takes a binary string of 1's and 0's and instructs the artist to follow them from left to right, top to bottom.
The artist will fill-in the squares when it sees a 1 and ignore the square when it sees a 0.
Run this code to see how the artist uses binary to draw this pattern.
- (click tabs to see student view)
Take a close look at the code below. Which image will it create after you click "Run"?
You can only use each binary value (0 or 1) once each in this puzzle. Try using nested loops to complete this drawing.
CSTA K-12 Computer Science Standards (2017)
AP - Algorithms & Programming
- 1B-AP-11 - Decompose (break down) problems into smaller, manageable subproblems to facilitate the program development process.
- 1B-AP-12 - Modify, remix or incorporate portions of an existing program into one's own work, to develop something new or add more advanced features.
- 1B-AP-15 - Test and debug (identify and fix errors) a program or algorithm to ensure it runs as intended.
This list represents opportunities in this lesson to support standards in other content areas.
Common Core English Language Arts Standards
L - Language
- 3.L.6 - Acquire and use accurately grade-appropriate conversational, general academic, and domain-specific words and phrases, including those that signal spatial and temporal relationships (e.g., After dinner that night we went looking for them).
SL - Speaking & Listening
- 3.SL.1 - Engage effectively in a range of collaborative discussions (one-on-one, in groups, and teacher-led) with diverse partners on grade 3 topics and texts, building on others’ ideas and expressing their own clearly.
- 3.SL.3 - Ask and answer questions about information from a speaker, offering appropriate elaboration and detail.
- 3.SL.6 - Speak in complete sentences when appropriate to task and situation in order to provide requested detail or clarification.
Common Core Math Standards
MP - Math Practices
- MP.1 - Make sense of problems and persevere in solving them
- MP.2 - Reason abstractly and quantitatively
- MP.4 - Model with mathematics
- MP.5 - Use appropriate tools strategically
- MP.6 - Attend to precision
- MP.7 - Look for and make use of structure
- MP.8 - Look for and express regularity in repeated reasoning
Next Generation Science Standards
ETS - Engineering in the Sciences
ETS1 - Engineering Design
- 3-5-ETS1-2 - Generate and compare multiple possible solutions to a problem based on how well each is likely to meet the criteria and constraints of the problem.