0% found this document useful (0 votes)
93 views

MIT APP Inventor - CoderDojo

This document provides instructions for creating simple apps using the MIT App Inventor platform. It describes how to build a basic text-to-speech app that reads text aloud when a button is pressed. It also outlines how to create a "shake it" app that causes the phone to vibrate when shaken. The document encourages exploring more sample apps and tutorials on the MIT App Inventor site to learn app development.

Uploaded by

Rog96
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
93 views

MIT APP Inventor - CoderDojo

This document provides instructions for creating simple apps using the MIT App Inventor platform. It describes how to build a basic text-to-speech app that reads text aloud when a button is pressed. It also outlines how to create a "shake it" app that causes the phone to vibrate when shaken. The document encourages exploring more sample apps and tutorials on the MIT App Inventor site to learn app development.

Uploaded by

Rog96
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

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 

You might also like