app development using mit app inventor 2 tool

 

             Objective:-       ON-OFF button and button status reading

Step 1:  Go to url: https://appinventor.mit.edu/

 Step 2: click  on  Create Apps!

Step 3: wait a minute! now fill your email id and email password

Step 4: wait a minute! now you have entered in  app development software tool.

  now click on project  after that click on   start new project after that give the any  name for your project in project name text box  then click ok.  

Step 5:  now we want to put  two button on and off    on mobile screen that are showing on computer screen.

basic information in following image

    so for this click on  Button icon in User Interface   and pick a button and put on mobile screen on software tool.

Now you will see the screen below

now click the Button 1 in Components region and after that write the ON in Text(textbox) by deleting the Text for Button1 in Properties region of software tool.

Now you will see the screen below

now we want to put off button  so repeat the above in step 5 (drag the new button from user interface to mobile screen on software tool  and -----etc.)

           Now you will see the screen below

Step 6 : now we want to put text box  on mobile screen of software tool so that we can see the status of click button.

      so for this click on  TextBox icon in User Interface   and drag text box  and put on mobile screen on software tool below OFF button.

  Now you will see the screen below

                        

 Now we will do  background programming 

Step 7:  Now click the  Blocks  icon near the Designer icon of the software tool.

Now you will see the screen below:

Step 8: now click on Button1    in Blocks region

and select(or click) the following block

Now you will see the screen below:

Step 9:  now click the TextBox1  in Blocks region

and select(or click) the following block

now fit the above block in the Button1  block

 Now you will see the screen below:

Step 10: now click the Text in Blocks region

and select(or click) the following block

type ON   in the inverted commas of above Text block

now fit the above block in the TextBox1  block

 Now you will see the screen below:

Step 11: now click on Button2    in Blocks region

and select(or click) the following block

and now repeat the Step:9

but type OFF   in the Text inverted  commas

 Now you will see the screen below:

our app programming for our objective has done . Now we will transmit this app into android smart phone 

Steps:

==> click on the   Build     link on software tool 

and click the APP(Provide QR code for .apk)   in Build

and now compiling part start 

you will see the following screen

when 100 percent compiling is done then we will get barcode  link for our  project

now we will scan generated barcode link   
for this :

==> Go to google play store  and type MIT AI2 Companion

and install the MIT AI2  Companion

==> keep internet on of the smart phone

==>open the MIT AI2 Companion  app then click CONTINUE WITHOUT WIFI

then click scan QR code   and scan the generated barcode link from the software tool by your android phone.

and download the .apk    file. and install the app.