MIT APP Inventor

(Created by: Ujjayanta Bhaumik, Msc CGVI, UCL)

Examples*

Go to http://ai2.appinventor.mit.edu/

Log in with your Google account 

Projects  My Project Start New Project

Text to Speech App

There are 2 modes: the Designer mode(where you design the app) and the Blocks mode(where you
define the functions of the app components).

The design mode looks like this:

From the User Interface tab, add a Button to the mobile screen by dragging.

Next from the media tab add a “TextToSpeech” control.

Now go to the Blocks mode.

In the control tab under Screen1, click Button1 and choose “When Button1.click..”(the first yellow
block)

After that, click “TextToSpeech” and select this block:

Add it to the previous block like this:

Now add a blank Text block from the Text tab(in “Built-in”)

The final result looks like this:

Congratulations! You created your first app

Now, to see the app come to life in your favourite mobile phone:

Download MIT AI2 Companion from the Play Store.

In the Build Tab, select the highlighted option in green.

You will get a QR code like this:

Open the link in your mobile browser and install the app in your phone.

(There are other ways to the run the app in your phone too).

Shake it app

The idea is to make your phone vibrate when you actually shake it.

Drag the components on to the viewer.

Then the blocks to add:

Some more examples:

The examples are adopted from MIT AppInventor official tutorials and also http://misf.org/wp-
content/uploads/2017/09/Presentation-Dream-it-build-it.pdf.

Enjoy coding 