Hi There, this post will show you how to make an develop android application without coding. For the first step, i will show you for the basic creating android app with app builder.
Requirements :
- PC or Laptop
- Web Browser
- Coffee / Tea
- Enjoy
For this tutorial, i will use Kodular.io website to start making android application.
First step
open the browser, and go into kodular.io, register first or login if you already sign up. Create new project, and write your project name.
Don’t forget to write your Package Name (this is ID of your application) – for example you can write “com.yournamehere.myapp”, also you can change the theme into Light or Dark Theme. For the Min SDK just leave it with API 19, feel free to change the color settings. Click Finish.
second step
Now you will see screen like this.
On the left side is a collection of components, we can choose the component and then drag into our Application. On the middle is our Application and you can see the hierarchy of our component, and the right side is properties of our application or component. For starting, try to drag the Button Component from the left side into the application.
you can click the Button1 and see the properties, you can change the color, font size, font typeface, the width and the height of the Button. Click the Button1 on the panel of All Components, and click the pencil icon to rename it. Rename into “myButton”. On the properties panel, find the text property change the “Text for Button1” into “Click Me”. Find the Width property, click the fill parent. It resize the width button to fill the space. Now find the Label component on the left side and drag into application, change the text by find the text property on the right side, change into “Hello”.
Before we move into the visual programming, click the Screen1 in hierarchy, find Align Horizontal and change into center, you will see the label move into center position.
Now, on the top right side click the Blocks, we move into the visual programming.
Third step
We want to click the button and make the label text changed, to do this drag Click myButton on left side, you will see list of blocks, drag the event handler Click into the screen (“when myButton Click”)
Then click the Label1 choose the block set Label1 Text to, drag into the blocks. Click Text, choose the first block the empty text, drag into the block labels, type the block text “Click My Button, Yeay!” or you can type anything.
Now, you can test the application, first you need download the Companion App Kodular from Playstore, open the application, make sure your phone and the browser in the same wifi or network. Click Test menu -> Connect Companion, insert the code to companion, or you can scan the qr code, wait until finish.
Try to click the button and see what happen. Congratulation, you just made the Android application. You can build the application, and install into your devices. Click Export -> save apk into my computer, or choose the generate qr code and scan the code, it will download the .apk into your phone.
Here is it the project file, you can download here. Import the file from project menu.
What’s Next?
I hope this tutorial will encourage anyone to start learning programming and building Android Application, for next tutorial it will be about creating the interface. See you in the next post!
Amoeba Dev 