PLTW Activity 1.2.2 Introducing App Inventor Walkthrough

October 6th, 2016





Hello, this is a walk through for activity 1.2.2: “Activity 1.2.2 Introducing App Inventor”.

First, start by downloading this file: http://joeybabcock.me/blog/wp-content/uploads/2016/10/color_chooser_stage.aia

Next, go to http://ai2.appinventor.mit.edu/, and hit “Create Apps”

Once you sign in and go through all the messages, click “Projects”->”Import projects (.aia) From my computer…” and select the file you just downloaded.

1

Once it uploads, you should see this screen:

screenshot-2016-10-05-224840-1

Click and drag a slider from the user interface bar to your left over under the text “Drag below to draw circles”

screenshot-2016-10-05-224901-1

Press rename to your bottom right under components, and change the name to “green_Slider1”. Do this one more time and rename it to “blue_Slider1”.

screenshot-2016-10-05-224927-1

Once you do this and have 3 sliders, click “Blocks” to your upper right to enter block code edit mode.

screenshot-2016-10-05-225001-1

Right click on the box labeled “initialize global red to 127” and right click.

20160510snaps

Press “Duplicate” twice. Now change two of those blocks to read “initialize global green to 127” and “initialize global blue to 127”.

screenshot-2016-10-05-225054-1

Finally, in the large block of code, remove the two blue pieces labeled “127” and duplicate the “get global red” piece twice. Change two to read “get global green” and “get global blue”.

Finally, duplicate the block labeled “when red_Slider1 PositionChanged” twice.

duplicatecode

Change the two that you just made to green, and blue. Your final code should look like this.

screenshot-2016-10-05-225233-1


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *