Embedded Files
Today we will learn more about hide and show to make images appear in an app.
Today we will learn more about hide and show to make images appear in an app.
63 min
63 min
1 - WARM UP (5 min)
2 - WE DO (5 min)
3 - UCSD DOES (5 min)
4 - TURN & TALK (3 min)
5 - WE DO (10 min)
6 - UCSD DOES (5 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 using hide and show to program.
Can you think of a time when something or someone hides, or is hidden from you?
When ___________ , _________ is hidden from me because _________.
WE DO
WE DO
2
2
(5 min)
Let's use TRIPR to learn about variables in the Animal Mashup 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?
UCSD DOES
UCSD DOES
3
3
(5 min)
TURN & TALK
TURN & TALK
4
4
(3 min)
The programmer notices that something is wrong with the show and hide features in the Animal Mashup App.
What is the problem with the zebra head and zebra legs?
How could you debug the hippo and ostrich buttons?
Follow up with your partner.
Tell me more about ______.
Why do you think ______?
UCSD DOES
UCSD DOES
6
6
(5 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)
Only one the giraffe head radio button works. Complete onEvents for all other animal heads and legs.
The giraffe head onEvent is started, but not complete. Fix the giraffe head and create onEvents for all other radio buttons.
DO MORE
DO MORE
Design: Add an Image Element, or Change the Image Elements to your favorite animals
Code: Add onEvent code or playSound code
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 show and hide to make only certain images appear on the screen.
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