Scribd
Upload
15 views

1 Getting Started

This document provides an overview and introduction to MIT App Inventor 2, including starting the IDE, creating a first app, tutorials on specific apps, user interface components, coding with blocks, control structures, and additional resources.

Uploaded by

AndrewDeLaRosa
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
15 views

1 Getting Started

This document provides an overview and introduction to MIT App Inventor 2, including starting the IDE, creating a first app, tutorials on specific apps, user interface components, coding with blocks, control structures, and additional resources.

Uploaded by

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

MIT App Inventor 2

Getting Started

Kip Irvine, Florida International University


Updated: 10/2/2014

Kip Irvine, 2014

App Inventor 2

First Steps
Learning to use the Samsung and Dell tablets
settings, Gmail account, install App Inventor 2 Companion
Starting the IDE, creating your first App

Irvine

App Inventor 2

Starting the IDE


Go to http://ai2.appinventor.mit.edu in Google Chrome
Tour of the IDE interface
Connecting your device
http://appinventor.mit.edu/explore/ai2/setup.html

Try the HelloPurr tutorial


http://appinventor.mit.edu/explore/ai2/hellopurr.html

Irvine

App Inventor 2

Tutorial: TalkToMe
Converts text to speech, detects shaking motion
Text to speech synthesizer (Media group)
AccelerometerSensor (Sensor group)

Irvine

App Inventor 2

Tutorial: PickAnImage
ImagePicker control lets the user select an image from the
phone's photo collection

Irvine

App Inventor 2

User Interface Components


Button, CheckBox, Clock
Image, Label, TextBox, WebViewer, etc.
Find the complete documentation here

Irvine

App Inventor 2

Coding with Blocks


Find the complete documenation here

Irvine

App Inventor 2

Control Blocks
if-else
for-each loop
open/close screen
close application

Irvine

App Inventor 2

if & if else
Click the blue mutator
block, and drag an else
block to the right side
of the dialog window.

Irvine

App Inventor 2

for-each loop

Irvine

App Inventor 2

Built-in blocks: Logic & Math

Irvine

App Inventor 2

Built-in blocks: Text & Lists

Irvine

App Inventor 2

Built-in blocks: Variables & Procedures

Irvine

App Inventor 2

Information and Practice


App Inventor Library: Documentation and Support
Beginner Tutorials and Complete Tutorial List
Component reference

Quizly: Live Coding Exercises for App Inventor


from Trinity College's Mobile Computer Science Principles
course, http://appinventor.cs.trincoll.edu/csp/quizly/

Irvine

App Inventor 2

Suggested Tutorial
I have a Dream
http://users.cis.fiu.edu/~irvinek/csprinciples/tutorials/dream.pdf

Irvine

App Inventor 2

You might also like