18 - App Inventor Beginner Tutorials 1 Four Simple Tutorials for Getting Started with App Inventor 1.1 TalkToMe Your first App Inventor app 4 1.2

18 - App Inventor Beginner Tutorials 1 Four Simple...

This preview shows page 1 - 12 out of 54 pages.

App Inventor Beginner Tutorials
Image of page 1
1 Four Simple Tutorials for Getting Started with App Inventor 1.1 TalkToMe: Your first App Inventor app 4 1.2 TalkToMe Part 2: Shaking and User Input 23 1.3 BallBounce: A simple game app 33 1.4 DigitalDoodle: Drawing App 47
Image of page 2
Four Simple Tutorials for Getting Started with App Inventor App Inventor Beginner Tutorials - 3
Image of page 3
TalkToMe: Your first App Inventor app This step-by-step picture tutorial will guide you through making a talking app. To get started, go to App Inventor on the web. Go directly to ai2.appinventor.mit.edu , or click the orange "Create" button from the App Inventor website. App Inventor Beginner Tutorials - 4
Image of page 4
Log in to App Inventor with a gmail (or google) user name and password. Use an existing gmail account or school-based google account to log in to ai2.appinventor.mit.edu To set up a brand new gmail account, go to accounts.google.com/SignUp App Inventor Beginner Tutorials - 5
Image of page 5
Click "Continue" to dismiss the splash screen. App Inventor Beginner Tutorials - 6
Image of page 6
Start a new project. Name the project "TalkToMe" (no spaces!) Type in the project name (underscores are allowed, spaces are not) and click OK. App Inventor Beginner Tutorials - 7
Image of page 7
You are now in the Designer, where you lay out the "user interface" of your app. The Design Window, or simply "Designer" is where you lay out the look and feel of your app, and specify what functionalities it should have. You choose things for the user interface things like Buttons, Images, and Text boxes, and functionalities like Text-to-Speech, Sensors, and GPS. Add a Button Our project needs a button. Click and hold on the word "Button" in the palette. Drag your mouse over to the Viewer. Drop the button and a new button will appear on the Viewer. App Inventor Beginner Tutorials - 8
Image of page 8
Connect App Inventor to your phone for live testing One of the neatest things about App Inventor is that you can see and test your app while you're building it, on a connected device. If you have an Android phone or tablet, follow the steps below. If you do not have a device, then follow the instructions for setting up the on-screen emulator (opens a new page) and then come back to this tutorial once you've gotten the emulator connected to App Inventor. App Inventor Beginner Tutorials - 9
Image of page 9
Get the MIT AI2 Companion from the Play Store and install it on your phone or tablet. The preferred method for getting the AI2 Companion App is to download the app from the Play Store by searching for "MIT AI2 Companion". App Inventor Beginner Tutorials - 10
Image of page 10
To download the AI2 Companion App to your device directly (SKIP THIS STEP IF YOU already got the app from Play Store) If for some reason you can not connect to the Google Play store, you can download the AI2 Companion as described here. First, you will need to go into your phone's settings (#1), choose "Security", then scroll down to allow "Unknown Sources", which allows apps that are not from the Play Store to be installed on the phone.
Image of page 11
Image of page 12

You've reached the end of your free preview.

Want to read all 54 pages?

  • Spring '14
  • Hooks
  • Login, Click, Text box, App Inventor

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture