Embedded Files
Today we will learn how to create copies of images while an app is running.
Today we will learn how to create copies of images while an app is running.
67 min
67 min
1 - WARM UP (5 min)
2 - WE DO (5 min)
3 - UCSD DOES (6 min)
4 - TURN & TALK (3 min)
5 - WE DO (10 min)
6 - UCSD DOES (9 min)
7 - WE DO (10 min)
8 - YOU DO (15 min)
9 - REFLECT & SHARE (5 min)
WARM UP
WARM UP
Pairs, Groups,
Whole Class
1
(5 min)
In this lesson, we will be learning more about coordinates or location. Let's think about how we use location during our school day.
If a new student joined our class, and they wanted to know where the cafeteria is, what would you say?
If you go ________, ________, and ________,
then you will arrive at ________.
WE DO
WE DO
2
2
(5 min)
Let's use TRIPR to learn about the My CS Backpack app.
Click on the app, and click "View Code."
Locate the Title and read it.
Locate the Remix button and click it.
Locate the Instructions and read them.
Locate the Purpose and read it.
Locate the Run button and try the app!
What do you notice?
TURN & TALK
TURN & TALK
4
4
(3 min)
The programmer notices that the coordinates tell the copied elements where to go.
When the user clicks on the backpack, the variable blocks remember the x and y coordinates. What happens next?
What two elements need to be debugged? What is wrong with them?
Follow up with your partner.
Tell me more about ______.
Why do you think ______?
UCSD DOES
UCSD DOES
6
6
(8 min)
WE DO
WE DO
7
7
(10 min)
Open the Week 5 Student Hyperdoc provided by your teacher.
Click on one of the images to open the App Lab project.
Click on "View Code."
Sign in and click on "Remix" to create your own project copy.
Read the Instructions section at the top of the code to see what you need to fix.
YOU DO
YOU DO
8
8
(15 min)
Fix the y-coordinate so the location on the screen is where you clicked. Fix the dog and takis patches.
Fix the y-coordinate so the location on the screen is where you clicked. Fix the the Jigglypuff, dog, and takis patches.
DO MORE
DO MORE
Watch the following video to learn more about coordinates.
Watch the following video to learn more about coordinates.
DO MORE
DO MORE
Design: Add an Image Element to make a new patch
Code: Add playSound code when you place a patch
Last, make sure you have shared your project with your teacher using this week's hyperdoc.
Your project will automatically save in App Lab.
REFLECT & SHARE
REFLECT & SHARE
Pairs, Groups,
Whole Class
9
9
(5 min)
Today in App Lab, we used coordinates to determine the location of a copied image.
Share your project and talk about your process in completing the task.
Today I _______. Let me show you...
What did you notice or wonder while working in App Lab today?
I noticed ________.
I wonder _______.
Why _______?
Page updated
Report abuse