First app on Appinventor

Previous Next

1 Device and Software


You can, with the software App Inventor, create easily an application for your smartphone under Android.


To do it, you have to :


  1. Install the smartphonedriver on the computer in the aim to communicate  with a USB cable.
  2. Open the AppInventor software : http://appinventor.mit.edu/
  3. Click on Create


  1. Use the following mail adress to be connected :

Login : eleveclosmaire@gmail.com

Mdp : closmaire


  1. You must see the following screen.




2 My first application



At first, were going to realize a simple application which will be able to work on an emulator or on a smartphone (or tablet).

We wish for example, to launch a music and the apparition of a picture when we push a button named “Dictionary”


  1. Insert a button on the screen and rename it.



  1. Were going now to insert a picture which will appear when well push on a button. For that, slide the picture tab on the screen.
  2. Upload the picture and regulate the properties.
  3. In a same way, upload music.

  1. Were going now to program the picture button and music that we just uploaded.To succeed, we have to open the blocs editor.


  1. Confirmer the JavaScript opening.

  1. The screen which opens permit to program the different functions imported just before. One can, for example, find again the music, picture and sound  buttons.
  2. Select the button and slide it on the screen.


  1. After, select the sound and introduce the trigger of the music by adding the function « callsound ».

  1. Now, were going to post the picture when we push the same button. Insert,  under the function « callsound » the function « SET image TO » followed by true.


  1. Connexion to the smartphone (or tablet)


Were going now to test this application. We have two solutions :


-        Test it with an emulator (virtual smartphone)

-        Test it directly with the smartphone


At first, we have to launch the software Aistarter



Test with the emulator:






Test with the smartphone :


  1. Connect the phone with the computer with a USB wire..
  2. Choose Connect and USB.


First-App-File

Created with the Personal Edition of HelpNDoc: Free Web Help generator