This step-by-step picture tutorial will guide you through making a talking app. Go to the App Inventor home page: Click the orange. The MIT App Inventor servers store your work and help you keep track of your projects. See: What can I do. With these beginner-friendly tutorials, you will learn the basics of Teachers: Get support and tips for preparing for using App Inventor with your students. We also have links to pdf files for each tutorial, for those of you who prefer following.

Google App Inventor Beginner Guide Pdf

Language:English, Portuguese, German
Genre:Politics & Laws
Published (Last):01.04.2016
ePub File Size:19.41 MB
PDF File Size:17.83 MB
Distribution:Free* [*Registration needed]
Uploaded by: JACQUELYN

This step-by-step picture tutorial will guide you through making a talking app. Log in to App Inventor with a gmail (or google) user name and password. in Android Software Development using Google App Inventor, Android SDK, and that Packt offers eBook versions of every book published, with PDF and ePub. App Inventor 2: Create your own Android Apps The book is designed for absolute beginners and is also useful for programmers looking to add App Inventor to.

Drag out the when AccelerometerSensor1.

Shaking do block and drop it on the workspace. App Inventor Beginner Tutorials - 26 What do we want the app to do when the accelerometer detects shaking? Copy and paste the blocks that are currently inside the when Button1. Click event handler.

learning mit app inventor pdf

You can select the purple block, then hit the key combination on your computer to copy and then to paste.

You'll have a second set of blocks to put inside the when Accelerometer. Shaking block. Alternatively, you can drag out a new call TextToSpeech1. Speak block from the TextToSpeech drawer, and a new pink text block from the Text drawer.

Change the phrase that is spoken when the phone is shaking. Type in something funny for when the phone responds to shaking. App Inventor Beginner Tutorials - 27 Test it out! You can now shake your phone and it should respond by saying "Stop shaking me!

Say Anything Is your phone talking to you? Now let's program the button click so that it causes the phone to speak whatever phrase the user put into the text box. Go back to the Designer. From the User Interface drawer, drag out a TextBox and put it above the Button that is already on the screen. Back to the Blocks Editor! Get the text property of the TextBox1.

The green blocks in the TextBox1 drawer are the "getters" and "setters" for the TextBox1 component. You want your app to speak out loud whatever is currently in the TextBox1 Text property i. Drag out the TextBox1. Text getter block. Pull out the "congratulations Text block. You can throw the pink text block away by dragging it to the trash in the lower right corner of the workspace. Test your app! Now your app has two behaviors: When the button is clicked, it will speak out loud whatever words are currently in the Text Box on the screen.

The app will also say "Stop Shaking Me" when the phone is shaken. App Inventor Beginner Tutorials - 31 Congrats! You've built a real app! Give some thought to what else this app could do. Here are some ideas for extensions: - Random phrase generator - Mad Libs - player chooses noun, verb, adjective, adverb, person and it picks one from a list that you program. Have fun!

Learning MIT App Inventor: A Hands-On Guide to Building Your Own Android Apps

Remember, no spaces. But underscores are OK. Add a Canvas From the Drawing and Animation drawer, drag out a Canvas component and drop it onto the viewer.

App Inventor Beginner Tutorials - 34 Set the Screen so that it does not scroll The default setting for App Inventor is that the screen of your app will be "scrollable", which means that the user interface can go beyond the limit of the screen and the user can scroll down by swiping their finger like scrolling on a web page. This will allow you to make the Canvas to fill up the whole screen. Down at the bottom, set the Height property to "Fill Parent".

Do the same with the Width property. This can also be found in the Drawing and Animation drawer.

Beginner Tutorials

Drag out a Ball component and drop it onto the Canvas 1. If you'd like the ball to show up better, you can change its Radius property in the Properties pane 2. Open the Blocks Editor. Flung and drag-and-drop it onto the workspace.

Why MIT App Inventor is a good choice?

Fling is a gesture like what a golf club does, not like how you launch Angry Birds! In App Inventor, the event handler for that type of gesture is called when Flung. First get the setter blocks.

Open the Ball drawer and scroll down in the list of blocks to get the set Ball1.

Heading and set Ball1. Speed and set Ball1. Heading into the Fling event handler Set the Ball's speed to be the same as the Fling gesture's speed Mouse over the "speed" parameter of the when Ball1.

Flung event handler. The get and set blocks for the speed of the fling will pop up. Grab the get speed block and plug that into the set Ball1. Speed block. Mouse over the heading parameter and you'll see the get heading block appear. Grab that block, and click it into the set Ball1. Heading block. App Inventor Beginner Tutorials - 41 Test it out A good habit while building apps is to test while you build. App Inventor lets you do this easily because you can have a live connection between your phone or emulator and the App Inventor development environment.

If you don't have a phone or emulator connected, go to the connection instructions and then come back to this tutorial. Connection instructions are in Tutorial 1 or on the website under "Getting Started".

Why does the Ball get stuck on the side of the screen?!

After flinging your ball across the screen, you probably noticed that it got stuck on the side. This is because the ball's heading has not changed even though it hit the side of the canvas. To make the ball "bounce" of the edge of the screen, we can program in a new event handler called "When Edge Reached". EdgeReached do event. Bounce block. Add the edge value for the Ball. Bounce block The Ball. Bounce method needs an edge argument.

You might also like: CUBA TRAVEL GUIDE PDF

Notice that the Ball1. EdgeReached event has an "edge" as a parameter. We can take the get edge block from that argument and plug it into the call Ball1.

Bounce method. Grab the get edge block by mousing over hover your mouse pointer over the "edge" parameter on the when Ball1. EdgeReached block.

App Inventor Beginner Tutorials - 44 Your final blocks should look like this. Now test it out! App Inventor Beginner Tutorials - 45 Test it out! Now, when you fling the ball, it should bounce off the edges of the canvas. There are many ways to extend this app.

Here are some ideas Apps containing the FirebaseDB component will not work in the emulator — run on your phone or tablet instead. At this time, the cloud-based database is a shared database, shared among multiple users, and cannot — yet — be linked to your personal Google account. Or the tag could be a phone number and the value could be the name of the person who has that phone number. The program is operated by entering a tag and a value and then pressing the Store Value button.

The value entered is written to the FirebaseDB database in the cloud. After a value has been stored, you retrieve values by entering the original tag and pressing Retrieve Value. The data corresponding to the tag is retrieved from FirebaseDB and display in the Value field, on screen. If the app is run simultaneously on other devices, any data updates made on the other devices result in all devices receiving a data changed notification. When the data in the FirebaseDB is changed, the new data is displayed on all devices.

Designer View A combination of vertical and horizontal layouts is used to organize the positions of the controls see the Components list, below, or download the sample code. Store Value and Retrieve Value are buttons.Click "Blocks" to move over to the Blocks Editor. We have four beginner tutorials to try out. Add the edge value for the Ball.

This is our recommended way to complete the tutorials. It will not work for images stored as assets in your app or images only available on the sd card of your device.

Once it is properly versioned and you have downloaded your app to your computer as set out in section 5. Screenshots Questions and Answers Q1: When you create a a pdf with your procedure, can you add pictures in it? Change the phrase that is spoken when the phone is shaking. To the right of that, you have the Components panel which provides a listing of all the objects in your app including the object Screen1, while the Properties panel allows you to have access to and set certain parameters of objects like font, colour, or text.

So far our app only has a button, so that is what you will see.

GERALD from Waterloo
I do relish studying docunments intensely . Feel free to read my other articles. I have always been a very creative person and find it relaxing to indulge in floral arrangements.