The Creative Art of Programming - PowerPoint Presentation

conchita-marotz . @conchita-marotz

377 views
Uploaded On 2016-03-28

About Share Download

The Creative Art of Programming - PPT Presentation

Link:

Copy

Embed:

<iframe width="560" height="315" src="https://www.docslides.com/embed/270863" frameborder="0" allowfullscreen></iframe>

Download Presentation from below link

Download Presentation The PPT/PDF document "The Creative Art of Programming" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.

Presentation Transcript

Slide1

The Creative Art of Programming

Draw AppWe will now switch to the Blocks view by selecting the Blocks button

Draw AppThe screen should look like this

There are two areas: Blocks and Viewer

Draw AppThe

DrawingCanvas

component is in the Blocks list at the left

Adding BlocksClick on

DrawingCanvas

and a list of blocks will appear

Click on the top block which is the Dragged block

Adding BlocksThe Viewer should look like this

Removing BlocksIf you want to remove a block, drag it to the trashcan in the bottom right in the Viewer

The lid will open and the block will disappear

Method BlockClick on the DrawingCanvas

component on the left

Then, click on the

DrawLine

method block to add it to the View area

Viewer

The Viewer now has two blocks

Add the Method to the EventClick on the method block and drag it inside the event block. They will connect and look like this

DrawLineDrawLine needs 4 values in order to run

It needs the starting and ending x and y coordinate values for the line segment it will draw

The Dragged event block has this information so hover over

prevX

and drag getPrevX to the first slot in the method block

Add the Method to the Event

This shows what appears when the mouse hovers over

prevX

Adding get prevX

Drag the get block and drop it on the first slot to connect it to the method block

Add All Four Getter Blocks

Now do that for

prevY

currentX

and

currentY

so the

DrawLine

method block has all 4 values filled in

AccelerometerSensor

Go back to the

Designer

View by selecting that button on the top right above

the

viewer

Go to the Palette and open the Sensors drawer by clicking on it

Select the

AccelerometerSensor

template and drag it to the Viewer

It is now in the component list and we can work with it

Using the AcclerometerSensorRename your component to be Accelerometer

Switch to the Blocks view by selecting the Blocks button above the Properties area

Shaking Event Block

Select the Accelerometer in the components list

Select the event Shaking

The event block appears in the viewer

Clear Method

Select the

DrawingCanvas

component in the components list

Select the method Clear

The method block appears in the viewer

Finish the Program!

Drag the Draw method block to the inside of the Shaking event block

Now

the program is complete!

App Inventor 2 AttributionProvided by MIT http://appinventor.mit.edu/

App

Inventor was originally developed by

Google

Licensed under the Creative Commons Attribution 3.0 Unported license

http://creativecommons.org/licenses/by/3.0/deed.en_US

The Creative Art of Programming - PowerPoint Presentation

The Creative Art of Programming - PPT Presentation

Share:

Link:

Embed:

Related Contents