Академический Документы
Профессиональный Документы
Культура Документы
Warm Up Session
Objective: To make the child comfortable at the beginning of the class. Also understand
how much the child knows about computer
Click the chat icon in the left panel of the screen and Copy Paste the Steps into Chat
window for Student to see
This icon indicates that the teacher should get into a QnA mode with the child
where the teacher gives some cues to the student to direct the child to the right answers
When I click the button the color of the screen should change to my
favorite colour – say “green”.
Which means:
A: When I click the button
B: Color of the screen should change to green.
Design Mode
● Mobile Screen
● Design Toolbox
1.
Change the button text to Click Me!
to make it appealing this will make
the user curious to press it to see
what happens when the button is
pressed.
2.
Change the border radius to 20 this
will give your button circular look to
make it look more advanced when
you open the app on mobile phone.
Select required code blocks from the To see the full list of all events, scroll
TOOLBOX PANEL and drag them into the in the Toolbox area.
WORKSPACE area.
2. Drag and Fit:
Based on our purpose: ○ Drag the onEvent block
A: When I click the button ○ Drag the setProperty
B: Color of the screen should change to block
green
For a computer to understand it, we
need to translate the purpose of the
app into computer code. This is what
is called a Computer Program.
When you clicked the “Button” what Drag all the blocks back to ToolBox
happened? to clear the workspace and click on
Wow! Did you see the app works
and it changes the screen color.
on Top Right
Corner to Switch to Text Mode.
Now let me delete all the blocks and
write the code in text. Lets see how it Type the same code.
works.
onEvent("button1", "click",
function( ) {
click on on setProperty("screen1",
Top Right Corner to Switch to Text "background-color", "red");
Mode.
});
so
OnEvent:When Function:
Do this setProperty: Change.
This code in text form this reads exactly what our purpose is.
When button1 is clicked Do This
Change screen1 background-color to green
Teacher Stops Screen Share
Did it work? What colour did the mobile screen turn into?
Green?
Yes! It worked.
Now, please do all this at your end. Lets design your own app and use a
button to change the colour of the screen to blue.
The app which you made today is not available on play store right now. But
during this course we will make apps which you can download from the
playstore.
Ask some questions to the student about the class today and
prompt him with help if required.
Bye!