Build your first Android app without any coding ! - 7 Steps

Build your first Android app without any coding !

Posted by : Color Picker Date : 02 February Leave a comment

Today Android is mixing with our life.If you want to make your own application without knowing any coding language,you can follow this tutorial.Just drag and drop elements,carete an apk and download to your device There are several ways to build android apps.Here i will discuss about app inventor for building an simple android apps and making an apk file for using in your android device.

First, Make your PC suitable by installing some programmes

Build your first Android app without any coding !

Click for large image

Your computer needs to run Java 6 (also known as Java 1.6) and Google App inventor.Go to provided Links ,then Download Java and Google App inventor.

Click here to download latest version Java
Click here to download latest version of App inventor (For Windows).
Click here for MAC.
Click here for GNU/Linux.

Click for large image

Install first Java and then App inventor as regular installation process.Remember the path where App inventor was installed

For Windows it is "C:\Program Files\AppInventor\commands-for-Appinventor".
Click here to check Java is configured for App Inventor or not.

Creating your first Android project

Click for large image

Go to "http://beta.appinventor.mit.edu" and login with your google acount.

Click on New and give a project name (without space) then press ok button.

Click for large image

See the screenshoot.To add an element select it then drag and drop it to preview box.

1. List of tools that you can use eg. button,image,sound,video etc.....
2. To add more screen (i.e. page) Click on Add screen,
3. Preview box that will show you all the elements that you added.
4. List of components.When you Click on it,it will allow you to change it's properties.
5 .You can edit component's properties here

Building your first Android App

Click for large image

Now we will build an app that has two buttons 'Play' and 'pause'.When we click play button it will play a song and pause button will pause it.

Select button then drag and drop it on preview box.Add two buttons.

Click for large image

To change each properties,Click on that button

Change name of each button to play for button2 and pause for button1.You can also change size,background.text color etc.

Click for large image

Now we will add a music file from our computer.Click on media from left menu,then select sound,drag and drop it to the preview box.

Click on sound1 in component area.
Click on upload button and choose a music file.

Click for large image

Now we will add some functions to make our apps working.

Click on save button.
Click on Open the blocks editor.A file will be downloaded.Open this file.
Wait nuntill starting app inventor.It may take some times depending on your internet connection while downloading.If it wants any permission click allow to run this programme

Click for large image

Now we will add some events i.e. click,play,pause or as you want.

Under my block Click on button1 >> Click on button1.click
again do that for button2.
Click on sound1 >> Click on sound1.play
Click on sound1 >> click on sound1.pause

Click for large image

Now we will add play function with button2.click and pause function with button1.click.

Select sound1.play then dgrag and drop it inside button2.click
Select sound1.pause then dgrag and drop it inside button1.click
Save and Close it.

Click for large image

We almost finished.We need to pakage it to make an apk installer.

Click on Pakage for phone >> then click on Download to this computer
An apk file will be downloaded.You can now test it in your phone by installing it.

Tips

Here only Click,play.pause function have been discussed but you can use other functions if you want.
You may comment or ask question about this article.Please feel free to contact us.
Dont't forget to share this article with your friends.Click here to share.