Programming

How to make an android app!

Pre-requisites:

google account
30 minutes

First go to http://ai2.appinventor.mit.edu

login with your gmail account.

So here comes the fun part, For this tutorial we will be creating a text to speech app!
its quite simple! first, click on new project after you log-in and give it a name.


Now we have to get 3 items form the palette, a button, a textbox and a texttospeech component which can be found found under the media tab.
now open up the blocks editor ( click the button that says blocks on the top ride hand corner )
then click on button1 un the left hand side and drag in a component that says " when button1.click ".
now click oon texttospeech1 and drag in call.texttospeech1.message. it should look like this
then click on textbox1 and drag in textbox1.text. the finall product should look like this:
now the User Interface  isn't really great so lets pimp it up, click on design.
first copy this image to your desktop ( just drag it )
Now switch back to appinventor and on the right hand side yo will see background image, click on it and upload the picture that you saved to your desktop.

Now click on the textbox and on the right hand side you can set the width and the height. I will set the width the fill parent and height to 70px

Mess around with the settings until you find what you are looking for!

You can do the same with the button too! 
Here is what i did with mine..

Now to test your awesome app, click build on the top of the page and choose "save .apk to computer". After that your app will download to your computer. Then connect your phone to your pc using the usb cable and drag the game into the root of SD card or your internal card. 
To install, open up file manager ( most phones have this built in, if you don't you can download it from the play store) then find you APPNAME.apk and click on it.. that it it will install on your phone.. ( make sure you have unknown sources  ticked in applications setting )

No comments:

Post a Comment