TalkToMe: A beginner App Inventor app


Download TalkToMe: A beginner App Inventor app


Preview text

TalkToMe: A beginner App Inventor app
This step-by-step picture tutorial will guide you through making a talking app.
To get started, sign up for a free Google Account: http://accounts.google.com/signup
(If you already have a Google Account, skip this step.)
Go to the App Inventor home page: www.appinventor.mit.edu
Click the orange "Create Apps" button in the menu bar.
TalkToMe: Your first App Inventor app - 1

Log in to App Inventor with your Gmail (or Google) username and password.
Use an existing gmail account or school-based google account to log in to ai2.appinventor.mit.edu (Example Gmail shown below.)
Choose a Google account if you have more than one. Click "Allow".
TalkToMe: Your first App Inventor app - 2

Read the App Inventor announcements, then click "Continue".
If you don't have any projects created in App Inventor, you will land in the Projects View.
Start a new project by clicking the "Start new project" button.
(If you have already created projects, App Inventor will open the most recent project.)
TalkToMe: Your first App Inventor app - 3

Name the project "TalkToMe" (no spaces)
Type in the project name (underscores are allowed, spaces are not) and click OK.
App Inventor opens the Designer window
The "Designer" is where you create the Graphical User Interface (GUI) or the look and feel of your app. You choose components like Buttons, Images, and Text boxes, and functionalities like
Text-to-Speech, Sensors, and GPS.
TalkToMe: Your first App Inventor app - 4

Add a Button
Click and hold on the word "Button" in the Palette. Drag your mouse over to the Viewer. Release the mouse. A new button will appear on the Viewer.

Download the MIT AI2 Companion App from the Google Play Store and install it on your phone or tablet.
Getting the app through Google Play Store is preferred because you will get automatic updates.
If your mobile device has a QR code reader app installed, you can scan the QR code image below. It will take you to the AI2 Companion app in the Google Play store where you can download it by clicking the “install”
button. Then, you will find the app in your Downloads folder on your device.

TalkToMe: Your first App Inventor app - 5

OR
Search directly for "MIT AI2 Companion" on Google Play Store, https://play.google.com/store and then install the app by clicking "install".

If you were unable to download the AI2 Companion App from the Google Play Store, you can follow these step to download it directly to your device.
NOTE: Direct APK download (requires manual updates) Go into your phone's settings, choose "Security"
Scroll down and allow "Unknown Sources" by checking the box. (This allows apps that are not from the Play Store to be installed on the device.)
Scan this QR code
OR Type this URL into a web browser on your device: http://appinv.us/companion.
The AI2 Companion app will automatically download. Regardless of which method you use, scanning the QR code or directly typing the link into your
device’s browser, you will see a message similar to this:
Click “OK”. (Don’t worry, the AI2 Companion app will not harm your mobile device.)
If you don't have a mobile device, you can still use App Inventor by connecting with the emulator. Visit: http://appinventor.mit.edu/explore/ai2/setup.html and follow the instructions under Option 2.
TalkToMe: Your first App Inventor app - 6

Once you've installed the AI2 Companion app, you can connect your App Inventor project to your phone or tablet for live testing
While you're building an app on your computer, you can test it on a connected Android phone or tablet. Be sure your computer and mobile device are connected to the same WiFi network. Return to the Designer Window on your computer. Click Connect and choose AI Companion from the drop down menu
A QR code and a 6 character code will appear on the screen of your computer screen.
TalkToMe: Your first App Inventor app - 7

Open the AI2 Companion app on your device by clicking on the app icon. A screen (like the one shown below) will appear with the option to scan the QR code or type in the six character code.
If you choose to scan the code, press the blue "scan QR code" button for the scanner to launch. Scan the QR code. Wait a few seconds for your app to open on your mobile device. If you choose to use the code, type it into the white text box, click the orange button afterwards.
If you can not connect over wifi, go to the Setup Instructions on the App Inventor Website to find out how to connect with a USB cable. http://appinventor.mit.edu/explore/ai2/setup.html
TalkToMe: Your first App Inventor app - 9

See your app on your connected device
You will know that your connection is successful when you see your app on the connected device. Since our app only has a button, that is what you will see on your mobile device.
As you add more components to the project, your app will update on your computer and your phone.
TalkToMe: Your first App Inventor app - 9

Change the Text on the Button
In the properties panel, change the text for the Button. Under the Text property, select "Text for Button 1", delete it and type in "Talk To Me".
Notice that the text on your app's button changes right away too.
TalkToMe: Your first App Inventor app - 10

Preparing to load PDF file. please wait...

0 of 0
100%
TalkToMe: A beginner App Inventor app