This unit is designed to be hands-on, collaborative, and exploratory. Students explore the way computers store and represent complex information like numbers, text, images, and sound. The unit begins with students investigating what it means to represent information, and challenges students to design their own representation systems. Students then learn the ideas behind real-world systems used to represent complex information. Later lessons focus on the challenges that arise from digitizing information, such as the need to compress it, or questions of intellectual property. The unit project emphasizes the profound impact digital information has on modern life.
Welcome to Computer Science Principles! This year we’re going to learn a lot about computer science, but before we begin, we want to learn about your thoughts on computer science. Please the CSP Pre-Course Survey. You will need to create a Code.org account to get started. The survey is roughly 40 quick response items. Expect it to take 5-10 minutes to complete.
Create a Code.org Account
Create a Code.org account at https://studio.code.org/users/sign_up. Sign up with an email address and password, or sign up through Google using your first.lastname@smyrnaeagles.org password: SSD+IDnumber (your student id number ex: SSD123456)
Sign in to their Code.org account.
Navigate to https://studio.code.org/join and type in your section code:
Period 6 code is: LNGYRF
Period 8 code is: PQVSYS
Once you press the "Go" button, you should be added
Rapid Prototyping Activity
Brainstorm/Warm up: (Write in your journal/on paper) What’s something that you know a lot about? Something that you could teach somebody?"
Discuss: With a partner or a small group- We will use break out rooms in Zoom:
introduce yourself
explain the thing you know a lot about
tell the group something interesting about that topic
Activity: Identify impacts and prototype an innovation
Brainstorm a technological innovation: Go around the group, and for each individual's area of interest:
Identify some way that technology is used with, or affects that thing
Make a suggestion for either:
a way that technology might be improved to make it better, faster, easier to use
a creative or innovative new technology that might help solve some problem within that area, or at least make better
Everyone in the group should make suggestions for any of the areas of interest in your group.
3. Rapid Prototype one idea
As a group you have just brainstormed about the technology ideas at the table. Now, come together and get excited about one of them. As a group, nominate the idea you’ve discussed that you think would be the most interesting to everyone else in the class.
Start to sketch out that idea on a poster. Make a visual representation of your ideas to share with the class
Remember this is a rapid prototype. Just something to quickly convey the idea.
4. Gallery walk of ideas
5. Watch Computer Science is Changing Everything Video
6. Complete Check for Understanding on Code.org- You will read quotes and and respond to the prompt: What are your own strategies and insights about how to learn best? And, how are they similar or different to the ones that you just heard about from other students?
7. Journal: What are you excited to learn about in this course?
Explain how the same piece of information can be represented in a variety of different ways.
Use a device to represent different pieces of information
Use patterns to represent information
Warm Up/Journal: What is your definition of information?
Today you are going to build your own device for sending and receiving messages which you will use to answer questions that you write.
Challenge #1:
Journal: Write down a question that has two possible answers.
Do This: Build a device out of classroom supplies to communicate the answer to your question.
Rules:
No projectiles.
No language can be written.
For example: If my question is "Is your favorite color blue or green?" I can't write the words blue and green on my device.
Students will give a demo of their questions and devices
Journal: Modify the answer to your question so there are now four possible answers.
Do This: Update your device to communicate one of four possible answers to your question.
Students will demonstrate their updated devices.
Journal: Modify the answers to your question so there are now eight possible choices.
Do This: Update your device to communicate one of eight possible answers to your question.
Consider:
Should you modify your device?
Can you use it in a different way?
Should you make a new device?
Demo: Do a final demonstration of devices before ending the activity.
Wrap up by discussing how you designed your devices and what that means about the questions you can ask and the messages you can send. Think back to your simple two-option device from Challenge #1. Instead of changing your device and adding more options every time you added more answers, how could you simply modify the way you use your device with only two options?
Complete the Unit 1 Lesson 2 Reflection on Code.org
Follow a set of rules for ordering sets of patterns
Explain the challenges of creating a clear set of rules for ordering patterns
Warm up: (Write in journal then share with partner)
How many ways can you represent 7?
What can we communicate using only two symbols? Is there a limit?
Create a Flippy Do and complete the Binary Practice
Hand in the Flippy Do Activity Guide
Complete Lesson 4 Check for Understanding on Code.org
HW/Project: Khan Academy Digital Information Unit Complete all items
Bits and Bytes
Binary Numbers
Quiz 1
Describe how to include fractions in the binary number system.
Understand that overflow and roundoff errors result from real-world limitations in representing place value.
Warm Up: (Write in Journal) Imagine you work at a local store. In the register all you have are nine $10 bills, nine $1 bills, and nine dimes.
What’s the largest amount of change that you can give someone?
What’s the least?
What would you do if someone needed .07 cents in change?
Explore the Binary Odometer on Code.org Navigate to Level 2. Play with the odometer to figure out how it works. Set the binary odometer to the highest number possible. Then let it run! What happens to the odometer reading? Does the odometer still show the distance driven by the car?
Complete the Flippy Do Pro Challenges
Wrap Up in Journal:
What does the binary odometer show about representing large numbers?
What does the Flippy Do Pro show about representing very small numbers?
If we had a big enough odometer or Flippy Do Pro, could we represent every possible number?
Complete the Check for Understanding Lesson 5 on Code.org
Develop a system for using numbers to represent text
Explain how bits are grouped to represent abstractions like numbers and text.
Describe the challenges in representing text when using a fixed number of bits for each character
Warm Up: This list secretly represents four things we experience every year. This list is not complete - there are others that we could add to it. Brainstorm with your neighbor what you think this list represents. When you think you have an idea, come up with another item to add to this list and be ready to explain why it belongs.
1 1
2 14
7 4
10 31
In our warm-up, we used numbers to represent certain type of information. In today's activity, we will also use numbers to represent something that computers use pretty frequently: text messages. Develop a system for representing text using bits based on what you already know about representing numbers.
Complete Khan Academy Storing Text in Binary (Read article and answer practice questions)
Complete Check for Understanding Lesson 6 on Code.org
Explain how bits can be used to represent the individual pixels of a black and white image
Explain how sampling is used to create a digital form of an analog image
Warm Up: You recently did some online shopping and are expecting a package to arrive in about a month. The delivery service has a tracking system which reads the location of the package.
How often would you want the location read? Every week? Every day? Every hour? Every minute? Be ready to explain your answer.
Explore the Pixelation Widget on Code.org and complete puzzles
Complete Check or Understanding Lesson 7 on Code.org
Explain how bits can be used to represent the individual pixels of a color image
Explain how digital data is used to approximate real-world analog data
Warm Up/Journal: How many different shades of the color blue can you name? How many do you think there are in total?
Learn how computers represent color images using bits using the Pixelation Widget on Code.org
Color Pixelation: Task 1: Can you make all 8 unique colors using 3 bits per color?
Color Pixelation: Task 2: Use 2 bits for each color channel, which means 6 bits per pixel! Follow a similar pattern to do the shades of green and blue in the last two rows (red is already done).
Journal: How is an image represented on a computer? Watch How Computers Work. Record the layers of abstraction in your journals.
Complete Check for Understanding Lesson 8 on Code.org
Goal: Learn how computers can decrease the number of bits used to represent a piece of information.
Create lossless compressions of text files
Analyze patterns in data to determine compression strategies
Warm Up/Journal: This list represents several common abbreviations used in text messages. What other abbreviations could you add to this list?
lol
ty
c u soon
Why might we use abbreviations when sending messages? What are the advantages?
Watch text compression widget video and complete the compression puzzles on colde.org using the compression widget. This widget will let you use symbols to compress the text in the center of the screen. You can type in the dictionary on the right-side. As you do, the text on the left-side will update with your symbols. Try and compress this text as best you can.
Complete the Lesson 9 Check for Understanding on Code.org
Complete The need for Compression activity on Khan Academy
Learn how information is represented using fewer bits when it's OK for some of the information or details to be lost.
Examine the effects of lossy compression on text & images
Given a piece of media, decide whether to use lossy or lossless compression based on the needs of a situation
Warm up/Journal: Test out the Lossy Text Compression widget on Code.org. How is this widget similar to the widget we used yesterday/earlier? How is it different?
Let’s imagine we are trying to use this image for a particular purpose, and we need to decide which level of compression we want to use. We will look at a series of scenarios and we will vote on how much compression is appropriate.
Scenario 1: You are sending this as a text message to a friend but you’ve almost run out of data on your phone plan
Scenario 2: You are a crime-scene photographer and this image is part of a crime-scene photo
Scenario 3: This image is part of a satellite imaging assignment for the military, being used for intelligence gathering
Scenario 4: You are a Social Media manager posting this to an Instagram story for an event happening right now
Scenario 5: This image will be part of a collage where 100 copies will be stitched together to make a larger image
Scenario 6: You are a professional photographer submitting to a design competition where your submission will be carefully judged for color & composition
Read lossy compression and lossless image compression on Khan Academy and complete the lossy vs. lossless practice
Complete the Lesson 10: Lossy Compression check for Understanding/reflection on code.org
How is a Creative Commons license different from a regular copyright?
Warm Up: Imagine you were using some of our pixelation tools to create an image and you posted it online for your friends to see - but, a week later you find out someone took that image and put it on a T-shirt that they’re selling for $10 each. How would you feel in this situation?
Copyright Overview
Before we can really discuss this question, we need some additional background information. We are going to watch three videos. Our goal is to better understand the rules of copyright, and to better understand when we can reuse or remix something.
Video #1: Copyright Overview (2 minutes)
Video #2: Copyright in Practice (4 minutes)
Video #3: Creative Commons Copyright (3 minutes)
Re-read the article in order to answer these questions:
What was digitized?
What was the goal or purpose of digitizing this thing?
Is someone benefiting from this situation? If so, who?
Is someone being harmed in this situation? If so, who?
Are these impacts intended or unintended? How do you know?
Students should continue to annotate the article by adding the following symbols:
Add a + next to sentences that show benefit
Add a - next to sentences that show harm
Add a face next to sentences that show impact
Complete Copyright, DRM and the DMCA on Khan Academy. What examples of fair use have you encountered? Have any of your own uses of copyrighted material met the criteria of fair use? How "fair" is fair use to the author of the work? [Discuss]
Complete Lesson 11 and 12 Check for Understanding on Code.org
Complete College Board Practice Questions for Review
College Board Topics:
Topic 2.1 Binary Numbers
Topic 2.2 Data Compression
Topic 5.5 Legal and Ethical Concerns
Complete Khan Academy Digital Information Unit Test (9 Questions) Retake until you earn 100 :)
Unit 1 Assessment on Code.org