# About

Welcome to AppInventor.net!

![](/files/-M-qgm4PGYqHes_nuOiR)

This website is for teachers and students who are interested in learning about MIT App Inventor!

AppInventor.net is written by Matthew Cheng, a high school Computer Science Instructor and Adjunct Professor.&#x20;

![](/files/-LyTNpMH2ixmSS3jQveW)

He earned a M.A. Teaching Secondary Education Mathematics from William Paterson University where he was awarded the Woodrow Wilson Teaching Fellowship and Robert Noyce Teacher Scholarship.&#x20;

![](/files/-LyTO4oZVh3h0GuiKb0O)

He also earned a M.S. in Digital Forensics and Cybersecurity, an Advanced Certificate in Digital Forensics for Computer Science and a B.S. in Computer Information Systems from John Jay College of Criminal Justice.&#x20;

![](/files/-LyTMtJilKQltM_W_uk6)

Matthew is a MIT Master Trainer in Educational Computing using the MIT App Inventor platform.&#x20;

![](/files/-LyV0ePplczhZeSIo4GV)

He was twice elected as a Trustee for the West New York Board of Education and served on the Board of Directors of the New Jersey School Boards Association.&#x20;

![](/files/-LyTOMls1hPFnSS2pWZ0)

He can be reached at **<mcheng@appinventor.net>**


# Download

{% embed url="<http://ai2.appinventor.mit.edu/companions/MITAI2Companion.apk>" %}


# Presentation

{% embed url="<https://docs.google.com/presentation/d/16Lzio5V9FIzDQVpO5WiVTZpWV9XAn0zK7D8hXQxy8Lk/edit?usp=sharing>" %}


# Pedagogy


# Professional Development

{% embed url="<https://docs.google.com/presentation/d/1zGXZ2fQ0BEOQk9WqNQeDGbZObH4itKJy5ij7Ps-KZkk/edit?usp=sharing>" %}


# MIT AI2 Companion

## Play Store

{% embed url="<https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3>" %}

## Download Directly

{% embed url="<http://appinv.us/companion>" %}


# App Inventor Setup

{% embed url="<https://docs.google.com/document/d/1GMXO_GoCRj3052Pg93dzEzJ5sXido9Ul7Xrn6HYU6Xs/edit?usp=sharing>" %}


# Hello World

## Connecting your computer to a tablet or phone

The ideal way of building Apps using the MIT App Inventor platform is building your App on your computer, desktop or laptop, and testing it in real-time on your tablet or phone.&#x20;

{% hint style="danger" %}
Your computer and device must be on the same network for live testing to work. Some network configurations may prevent live testing. Please check with your network administrator if you experience an issue.
{% endhint %}

![](https://lh4.googleusercontent.com/S-uHr5INospeKDXjWZLqbzkYZQI4n8iG38aflTxo-HyV0znuLNcsRtHdBY_tWWWlZ_SSAF7B2Gb4tSfI0K29Tp3M8n_51_zOAj0ptgFiERvx8cP2ZoEkaL536UOe1c7Vo7n_gmcr)

## MIT AI2 Companion

On your Android device, open the Play Store App and search for MIT AI2 Companion from the MIT Center for Mobile Learning.  Click on Install.

![](https://lh5.googleusercontent.com/8QO9iLD5YepAzGV0ezGNuvE3ir2zdM48xI7ahWBG5ftCvzJbOIwP6REr1HrjCDqUl2jJ7yo6vCNLeoSasAZc7XnV4tzvsv6h35kh-Al_58xfShM2cXP-SVvZACOrDAA-EMCspIgN)

## **MIT App Inventor website**

Using Chrome or Firefox, open the MIT App Inventor website <https://appinventor.mit.edu>

Click on **Create Apps!** and sign in with your Google account.

{% embed url="<https://appinventor.mit.edu/>" %}

## Hello World Project

Click on **Start new project.**

![](/files/-Lxy4zabvq7O_S1Kyi8m)

### Project name

Name the project **HelloWorld**

{% hint style="info" %}
Project names are case sensitive.
{% endhint %}

![](/files/-Lxy5EaxCClNszY3uwRm)

{% hint style="warning" %}
Project names cannot contain spaces.
{% endhint %}

### Writing your HelloWorld App

![](/files/-Lxy9kLxHGMv7yYIlQew)

### Drag a Label onto the Screen

![](/files/-LxyAMHpZPyodWlIJRtK)

### Properties

Change the text to Hello World!

![Properties -> Text](/files/-LxzP4fZ9aW5f-SSn1pa)

![](/files/-LxzPDULS4sl6lcLmP0p)

You'll notice the text on the screen updates to Hello World!

## Connect to AI Companion

Click on Connect and select AI Companion.

![](/files/-LxzS3NGTaC23jwxrSLp)

A popup window appear with a QR code and a 6 letter code to connect your App to your device. On your device, you can either scan the QR or type in the code.&#x20;

{% hint style="info" %}
Scanning the code much faster than trying to type it in.
{% endhint %}

![](/files/-LxzSDzjwoh5ftEHXTtH)

![](https://lh4.googleusercontent.com/tcJfROUr7pUVWz3nEEwxVqSyCjbZBn3gNCELW6bVPqJnzV6NVtih6Tfonlb9L8wzjLr-QkwV26YQK-KyOR9JJcjuhHkf9U_YcVGDNRgtJVPvVBO3b_XkzTqk4yDMZdSF6J0AQen7)

![](https://lh3.googleusercontent.com/zPv9HdjvPNO7s2r63fJgTN8Q3j6m6_Zu7Qwq2nFwke4JnOyhc9cNaKzq--RD6JNjT0cWkpuBBQ-65GyjRO6LTdpvsEBUKxTnFoI2duZW41Lw2vMX-caAmacyNxZ1tNzXBWpmmHh9)

![](https://lh4.googleusercontent.com/R1JYFV1lrVlDPbWmE9z94X-DWi_DbbtcXQz1kaiRMOtui0kTKJWEWA23VNlZUTbSvALoTtd9beqqcMEBU4ORbqxuKxv3LMGyy1LyN0JN4FZIt1rwEydxUy4etmtcLft1ZkyJgP2K)

### Screencast Recap

{% embed url="<https://www.youtube.com/watch?v=wOVdaWlZSkE&feature=youtu.be>" %}

### Live Testing Success

If all goes well, you’ll see Hello World! on your device’s screen! Any changes or updates to your program that you do on the MIT App Inventor website will appear on your device instantly.

![](https://lh4.googleusercontent.com/qM1qfPn3q2OWdUYUR3BaFZTH2G-DPG0eQZhUohYDNoMOBIqjI05NBjiP-8H5EXTNpiyWpGFxFH8awbZYPN7zUlqz88VpsPmk29SgL_NqgATsPoLXsfv84Y1uUjlQAAbR8OB7rXCQ)


# Classroom


# Do Now

{% embed url="<https://docs.google.com/forms/d/e/1FAIpQLSeY_snc2l435VfbmRD-Wx9XVBjtGndUBDWF4XGtSklj2HCaUA/viewform?usp=sf_link>" %}


# Class Discussions

{% embed url="<https://docs.google.com/presentation/d/1dd9gFeJmicnfpXdLbUYKZr3Z_9WGqcl00EHJyuFR8GI/edit?usp=sharing>" %}


# Exit Slip

{% embed url="<https://docs.google.com/forms/d/e/1FAIpQLScPTxMu9sw3TtsFfmL5J3hwAJQ4789dQEyI_iXjVkpHVM0c6g/viewform?usp=sf_link>" %}


# iOS Status

Track progress of App Inventor for iOS!

{% embed url="<http://doesappinventorrunonios.com/>" %}


# Design for Android

{% embed url="<https://developer.android.com/design>" %}


# Resources

## Mobile CS Principles

Mobile CS Principles, a program of the National Center for Computer Science Education, provides a broad and rigorous introduction to computer science. Students build socially useful mobile apps and work through activities to improve their writing, communication, collaboration, and creativity skills.&#x20;

<https://course.mobilecsp.org/>

## MIT App Inventor Coolthink Computational Thinking Curriculum

The curriculum is based on teaching students to think computationally: to decompose problems, abstract and modularize, reuse and remix existing solutions, and to test fully to arrive at a working solution.

<http://bit.ly/MITAICurriculum>&#x20;

## AppInventor.org

AppInventor.org is a site for learning and teaching how to program mobile apps with MIT's App Inventor.

<http://www.appinventor.org>


# Syllabus

{% embed url="<https://docs.google.com/document/d/1ODu4qQbZWBKcDhPBkYAuc1OEyeATDUODyTmI_78tBOI/edit?usp=sharing>" %}
Source: <https://docs.google.com/document/d/1ODu4qQbZWBKcDhPBkYAuc1OEyeATDUODyTmI_78tBOI/edit?usp=sharing>
{% endembed %}


# Activity 1.1

## Presentation

{% embed url="<https://docs.google.com/presentation/d/1DMw51mC1lrJaqa2Y8SX3w77hCT4p1Ujxf-trn1zbKW4/edit?usp=sharing>" %}
Source: <https://docs.google.com/presentation/d/1DMw51mC1lrJaqa2Y8SX3w77hCT4p1Ujxf-trn1zbKW4/edit?usp=sharing>
{% endembed %}

## Worksheet

{% embed url="<https://docs.google.com/document/d/1za9BokcCHUCkieuJionmQrrz0D0JllS8ubBU3d94_Wg/edit?usp=sharing>" %}
Source: <https://docs.google.com/document/d/1za9BokcCHUCkieuJionmQrrz0D0JllS8ubBU3d94_Wg/edit?usp=sharing>
{% endembed %}

## AIA File

{% embed url="<https://drive.google.com/file/d/1QznzK-Qvx4JtgEOs-Y5fMMloWaANohQZ/view?usp=sharing>" %}
Source: <https://drive.google.com/file/d/1QznzK-Qvx4JtgEOs-Y5fMMloWaANohQZ/view?usp=sharing>
{% endembed %}


# Activity 1.2

## Presentation

{% embed url="<https://docs.google.com/presentation/d/1XguGwrCEsENTWvTPyLKvI279PGWHL4Pi598l5V9byzs/edit?usp=sharing>" %}
Source: <https://docs.google.com/presentation/d/1XguGwrCEsENTWvTPyLKvI279PGWHL4Pi598l5V9byzs/edit?usp=sharing>
{% endembed %}

## Worksheet

{% embed url="<https://docs.google.com/document/d/1ZE6NcQe3C51SWltm4CRS7KoobfK7S3LWlFjxnbgTSrM/edit?usp=sharing>" %}
Source: <https://docs.google.com/document/d/1ZE6NcQe3C51SWltm4CRS7KoobfK7S3LWlFjxnbgTSrM/edit?usp=sharing>
{% endembed %}

## AIA File

{% embed url="<https://drive.google.com/file/d/16fhaPvxgmgidsmChf-gSaBkCRE3c98A3/view?usp=sharing>" %}
Source: <https://drive.google.com/file/d/16fhaPvxgmgidsmChf-gSaBkCRE3c98A3/view?usp=sharing>
{% endembed %}


# Activity 1.3

## Presentation

{% embed url="<https://docs.google.com/presentation/d/1Ny6zwRZG3-buvd3kEVw1ofcP_0peQGRrar0NmHi2Exk/edit?usp=sharing>" %}
Source: <https://docs.google.com/presentation/d/1Ny6zwRZG3-buvd3kEVw1ofcP_0peQGRrar0NmHi2Exk/edit?usp=sharing>
{% endembed %}

## Worksheet

{% embed url="<https://docs.google.com/document/d/1kjxg7g-fpENP792cmP0nkWYwJ45LO4PgM7z9lhOoDnI/edit?usp=sharing>" %}
Source: <https://docs.google.com/document/d/1kjxg7g-fpENP792cmP0nkWYwJ45LO4PgM7z9lhOoDnI/edit?usp=sharing>
{% endembed %}

## AIA File

{% embed url="<https://drive.google.com/file/d/1y6I0VwsQJsVRaEulWdgVCru3UMFD8bL1/view?usp=sharing>" %}
Source: <https://drive.google.com/file/d/1y6I0VwsQJsVRaEulWdgVCru3UMFD8bL1/view?usp=sharing>
{% endembed %}


# Activity 1.4

## Presentation

{% embed url="<https://docs.google.com/presentation/d/1_rU1c4yAeSatlqxaCsxJdDv50442KLRQ__tszffdZe8/edit?usp=sharing>" %}
Source: <https://docs.google.com/presentation/d/1_rU1c4yAeSatlqxaCsxJdDv50442KLRQ__tszffdZe8/edit?usp=sharing>
{% endembed %}

## Worksheet

{% embed url="<https://docs.google.com/document/d/1vxcvjMS88Km0KnjQvuhtbawF-ZAhpf-Tjt5kIQ5bPAE/edit?usp=sharing>" %}
Source: <https://docs.google.com/document/d/1vxcvjMS88Km0KnjQvuhtbawF-ZAhpf-Tjt5kIQ5bPAE/edit?usp=sharing>
{% endembed %}

## AIA File

{% embed url="<https://drive.google.com/file/d/1WmnTVj7SMsfuBMp4AIO8__bzCodiw2vW/view?usp=sharing>" %}
Source: <https://drive.google.com/file/d/1WmnTVj7SMsfuBMp4AIO8__bzCodiw2vW/view?usp=sharing>
{% endembed %}


# Activity 1.5

## Presentation

{% embed url="<https://docs.google.com/presentation/d/1yETdKW09NRxVe8DQwjapBXB-DL2d0lHYlbH8rxp4xTo/edit?usp=sharing>" %}
Source: <https://docs.google.com/presentation/d/1yETdKW09NRxVe8DQwjapBXB-DL2d0lHYlbH8rxp4xTo/edit?usp=sharing>
{% endembed %}

## Worksheet

{% embed url="<https://docs.google.com/document/d/1H8YIw_Rnc-FXpwq6XD8bZibjOR5ks4MpTR5gWc5pkPQ/edit?usp=sharing>" %}
Source: <https://docs.google.com/document/d/1H8YIw_Rnc-FXpwq6XD8bZibjOR5ks4MpTR5gWc5pkPQ/edit?usp=sharing>
{% endembed %}


# Activity 1.6

## Presentation

{% embed url="<https://docs.google.com/presentation/d/1ZJCQo0R02d8X41W_jAFQrqCWx870ZcToNBbd1KNgjAo/edit?usp=sharing>" %}
Source: <https://docs.google.com/presentation/d/1ZJCQo0R02d8X41W_jAFQrqCWx870ZcToNBbd1KNgjAo/edit?usp=sharing>
{% endembed %}

## Worksheet

{% embed url="<https://docs.google.com/document/d/15nxGN4ASHOw3PKWzwUpNfEZVla3H4zyBhwndg9KiyFg/edit?usp=sharing>" %}
Source: <https://docs.google.com/document/d/15nxGN4ASHOw3PKWzwUpNfEZVla3H4zyBhwndg9KiyFg/edit?usp=sharing>
{% endembed %}

## AIA File

{% embed url="<https://drive.google.com/file/d/1yxI5i1AT9Ub5SiiqcWNCPD2ZCGAEzU4N/view?usp=sharing>" %}
Source: <https://drive.google.com/file/d/1yxI5i1AT9Ub5SiiqcWNCPD2ZCGAEzU4N/view?usp=sharing>
{% endembed %}


# Activity 1.7

## Presentation

{% embed url="<https://docs.google.com/presentation/d/1aicSQ42N8Blf5h6X5L916nIlQ4jbAACoZ2x00UBm7gs/edit?usp=sharing>" %}
Presentation: <https://docs.google.com/presentation/d/1aicSQ42N8Blf5h6X5L916nIlQ4jbAACoZ2x00UBm7gs/edit?usp=sharing>
{% endembed %}

## Worksheet

{% embed url="<https://docs.google.com/document/d/1WRiVzNjxIMn4K6bR0xXSxeHYxAb1zFRDikOX2x3xMus/edit?usp=sharing>" %}
Source: <https://docs.google.com/document/d/1WRiVzNjxIMn4K6bR0xXSxeHYxAb1zFRDikOX2x3xMus/edit?usp=sharing>
{% endembed %}


# Activity 1.2


# Activity 1.2.1

{% embed url="<https://docs.google.com/presentation/d/1rgl3ZUcKrR9zCtjgGfHw4UDKbIfevvi1hJFBiFN7woc/edit?usp=sharing>" %}


# Activity 1.2.2

{% embed url="<https://docs.google.com/presentation/d/10QdjgI9EeO-Iq7V_QZfBmltKIysY7niKxCWSa-gcyVg/edit?usp=sharing>" %}


# Activity 1.2.3

{% embed url="<https://docs.google.com/presentation/d/1KXoCy_e0SvWpoRQMgVmE0pvDiokd-pY9XYsuYmnEonQ/edit?usp=sharing>" %}


# Activity 1.2.4

{% embed url="<https://docs.google.com/presentation/d/1YQgI8SvdhePqDeKvJx5NDYqVO6zMaDif9zJX3zQtOAM/edit?usp=sharing>" %}


# Activity 1.2.5

{% embed url="<https://docs.google.com/presentation/d/1AYYQcM8pgU9NNZv5UTkf6-Y7xGrikbrX_Ypl1co2wTY/edit?usp=sharing>" %}


# Activity 1.2.6

{% embed url="<https://docs.google.com/presentation/d/16HjdiocD9v8GM2dgm_q28hkVoRuP5zqckPq0LGXucoI/edit?usp=sharing>" %}

{% embed url="<https://drive.google.com/open?id=1CJTDBkfcT4FnC72zGTN0AwDOUp-M6A1N>" %}

## Part IV

{% embed url="<https://drive.google.com/open?id=1QAWAs85kEfsuvg8-b60bDR0X3XSacC10>" %}


# Activity 1.1


# Activity 1.1.1

{% embed url="<https://docs.google.com/presentation/d/1ao4hRConyScbQqRtLwy1HMoAR1CsAn9EmsNI69ccYAE/edit?usp=sharing>" %}


# Activity 1.1.2

{% embed url="<https://docs.google.com/presentation/d/1XNPxbafLv5xLfy-F17ifMhTEOxyMrvgok-SpR8djISg/edit?usp=sharing>" %}


# Activity 1.1.3

{% embed url="<https://docs.google.com/presentation/d/1S-1OeFGDssw6JmhphZuieXtPraEUNitotdZcHCsivik/edit?usp=sharing>" %}


# Activity 1.1.4

{% embed url="<https://docs.google.com/presentation/d/1CpqTNDfF8Xi5kssHOQTVvUwx8GQoUvg_dUPLpfKdT6U/edit?usp=sharing>" %}


# Activity 1.1.5

{% embed url="<https://docs.google.com/presentation/d/1cTdtasRxgO3WQmmgBl8sHlqnkzfeNS03KzDjPSlIvLg/edit?usp=sharing>" %}


# Activity 1.1.6

{% embed url="<https://docs.google.com/presentation/d/15g3i3pV5Y9D91M-KsKqDlZzFubQ412R3IpZ_HTUK8F8/edit?usp=sharing>" %}


# Activity 1.1.7

{% embed url="<https://docs.google.com/presentation/d/1GTDhTSmluPgPP4avR_W0O56OwcnqU0GF4G-Eft1wE3Y/edit?usp=sharing>" %}


# Guess a Number Game

{% embed url="<https://docs.google.com/document/d/1jfhYZ3xPiQRgIx-8NCZ5HKZjM3Sv8Z0TLRKzuryHNbc/edit?usp=sharing>" %}


# Two Button Game

## Part I

{% embed url="<https://drive.google.com/open?id=1AjVs_VuFjgygGr7uPn7CNNANnWl0h_yR>" %}

## Part II

{% embed url="<https://drive.google.com/open?id=1shcg5445gCf5dyaooUVGxGBp2qUciG_l>" %}

## Part III

{% embed url="<https://drive.google.com/open?id=1iIc10vsPfNaj2TKTYyjbueufSiXDVVWN>" %}


# Sketch and Guess

## Part I

{% embed url="<https://drive.google.com/open?id=1tAkYGoGMykY1Pd3gHiVB0bjH1ibJ-I7d>" %}

## Part II

{% embed url="<https://drive.google.com/open?id=14n7RSGFarxdMyVUyeH4HCqnp3Y6LXGhP>" %}

## Part III

{% embed url="<https://drive.google.com/open?id=1tIlxYZ1p1ZofDFlBwM-KahZ2Em7JuX5W>" %}

## Part IV

{% embed url="<https://drive.google.com/open?id=1QxFTJOg_-l7EjLY3BuiBDc-CkiGGiqks>" %}


# PizzaPlace

## Part I

{% embed url="<https://docs.google.com/document/d/1ZfSCdl5YfnJJ1Knstt4T3jiaBjqk_-JiwsirFaVx7so/edit?usp=sharing>" %}

## Part II

{% embed url="<https://docs.google.com/document/d/1SdOaiwSHSv2-xCkjO4YNrGAMV3iezQqENVw8gYpkKpk/edit?usp=sharing>" %}

## Completed

You can download a version of the app here:

<https://drive.google.com/file/d/1Izeqy2g9aWG8nMUDnIikM454x0r4Nlfh/view?usp=sharing>


# Pedometer App

{% embed url="<https://docs.google.com/document/d/1Y8sXKZqc8a5d4iknpP4zVp_LOKliPQqiEXsVnSqDHXA/edit?usp=sharing>" %}


