App Inventor Tutorials


App Inventor Tutorials and Advanced Examples

This page lists tutorials and more complex examples for App Inventor.

It is advisable to do the basic MIT Tutorials first before starting with the Tutorials and Examples listed here.

Categories:


App Inventor and Google Apps Script (GAS)

How to send a 'Contact Us' mail to a predefined email address automatically

For the example I'm using my Google Spreadsheet solution, which uploads a record into a Google spreadsheet. Everybody who submits a row into that spreadsheet will trigger automatically a message to be sent to the recipient's email address.


App Inventor and Databases


App Inventor - MySQL interface

This example demonstrates how to access a MySQL database on your web server with App Inventor 2 and a php script.


App Inventor and embedded HTML/JavaScript

Yes, you also can upload html files as assets into App Inventor! Just use the following path:

http://localhost/<NAME OF YOUR HTML FILE>.html


With the WebViewString property it's easy to communicate with the HTML/JavaScript. See a basic example here how to use the WebViewString property.


App Inventor is no lame duck in calculations anymore!

This example solves a simple math puzzle in less than 1 second. A plain App Inventor solution would need several minutes to get the result!


A Sortable List using Drag-and-Drop with App Inventor and jQuery UIjQuery UI

Use drag and drop to order list items manually.




A powerful Label Alternative including touch gestures using the Webviewer, some HTML/jQuery and Hammer.js

You can pass any HTML-style markup to the webviewer and display it during runtime of the app. And together with Hammer.js we can add touch gestures to the webviewer!



For questions about App Inventor,
please ask in the App Inventor community.Thank you.


App Inventor and the Web component


How to download a file and save it on your device

Download a file from the internet. Also an example of a file download from a Restricted Area is available.


Different eMail solutions for App Inventor

The different eMail solutions for App Inventor are listed here. Also it is explained, how to send an email including attachment.
Now it's also possible to send HTML format in the eMail body!



App Inventor and the Advanced Features

How to work with the advanced features

Using the advanced features makes sense, if you have a lot of the same components (here checkboxes) and you like to execute the same action on them.



App Inventor and Multiple Screens

The recommended method of switching screens in App Inventor

A screen always returns to the screen that opened it. You can get the effect of screens switching to arbitrary other screen by setting up a "manager screen" that is used for opening all the other screens.


Tribblehunter's Multiple Screen Method

Open another screen and at the same time(!) close the current screen. Using this method there is no need of a manager screen.


Miscellaneous

A simple Bluetooth Chat with App Inventor 2

Both the bluetooth client and server modules are used to create a chat session. Both components are in the same app. The client component will be used for the device which starts the connection, the server component will be used for the device accepting the connection. The devices must have been paired first.


How to refrain your device from sleeping

Use a videoplayer continuously playing an invisible video to refrain the device from sleeping.


How to get the Phone Number of the Device with App Inventor

Unfortunately there is currently no simple possibility to get a user's phone number. However with this trick the app sends a SMS with a authorization code to the phone number entered by the user and can confirm the phone number this way.



Home | Snippets | Tutorials | Extensions | Links | Search | Privacy Policy | Contact