Professional Documents
Culture Documents
Step 1
First I dragged three button components from the basic category in the palette then I renamed them
from Button1, Button2, and Button3 to ButtonRed, ButtonBlue and ButtonGreen.
Step 2
Next from the palettes screen arrangement category I dragged out a horizontalArrangement
component and placed it on top of the button components.
Step 3
Then I got the canvas component from the palettes basic category and put it under the horizontal
arrangement component, after that I inserted a picture into the Canvas.
Step 4
Next I dragged out a button component then positioned it beneath the Canvas and renamed it from
Button8 to ButtonWipe.
Step 5
Then I opened the Blocks Editor (the programming software) and clicked on the My Blocks section
and clicked on the ButtonBlue tab and dragged out the block: ButtonBlue.click and placed it onto
the blocks editor canvas.
-Task 2
Event driven programming is a type of programming that works by creating an event and
programming it to perform a specific task when clicked, dragged etc...
Go on camera
Touching an application to open it
Tap screen to take a photo
Shake the phone to get a reaction from it
Swipe the screen to show another list of applications
Task 4
It is a good idea to change the default names of the components in an app because it will become
easier for you to understand how to use the app and also you could use simple words so even other
people can understand how to use the app without any instructions or help.
The original name of this component was Button1 but then I changed it to ButtonRed.
You can change the name of a component by clicking on it in Components section on the right hand
side of the viewer, and then you have to click on the Rename button at the bottom, next you have to
enter a new name and click OK.
Lastly I opened the Blocks editor and dragged out the block ChangeBackgroundImage.AfterPicking
then I dragged out the block DrawingCanvas.BackgroundImage and connected it with the block
ChangeBackgroundImage.AfterPicking next I dragged out the box
ChangeBackgroundImage.Selection and attached it to the DrawingCanvas.BackgroundImage
block.
Task 6- QuizMe
Step 1
First of all I dragged out the component 'Image1, then I put an image into the component.
Step 2
Then I uploaded more pictures from the Media section.
Step 3
Step 4