Scribd
Upload
16 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
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
16 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
We take content rights seriously. If you suspect this is your content, claim it here.
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