Membuat Aplikasi Android Pertama dengan Basic4Android

Posted: 1 March 2015 in Basic4Android
Tags: , ,

Bermain sepakbola tanpa didahului oleh pemanasan itu rasanya tidak enak. Nah, ngoding pun juga demikian, jika langsung main hajar saja, rasanya juga tidak enak. Biar enak, mari pemanasan dulu.

Kali ini saya akan membuat aplikasi android untuk menampilkan kalimat “Hello World”. Untuk menampilkannya di sini saya akan menggunakan Label dan Button. Oke, mari mulai…

  1. Buka dulu IDE Basic4Android-nya, lalu save. Caranya klik menu File – Save, atau juga bisa dengan shortcut CTRL+S.

01. File-New

  1. Pada kolom File name tuliskan nama project-nya. Misal: HelloWorld – Klik Save.

03. File-Save

  1. Setelah di-save, maka akan menghasilkan file project b4a. Yang mana file ini adalah main file atau file utama. Jika nanti ingin membuka project ini, maka yang dibuka adalah HelloWorld.b4a.

 04. Hasil save

  1. Kembali lagi ke IDE Basic4Android. Klik menu Designer.

05. Designer

  1. Lalu akan muncul window baru seperti gambar di bawah ini.

06. Designer

Dalam sebuah halaman atau activity, biasanya terdapat berbagai object di dalamnya. Seperti Label, EditText, Button, Panel, dll. Nah, untuk mempermudah kita dalam mendesain object tersebut, B4A telah menyediakan fitur berupa halaman Designer, seperti yang terlihat pada No. 5. Lalu bagaimana cara menambahkan object-object tersebut? Oke, lanjut…

  1. Pada halaman Designer klik menu File New. Atau misalkan sebelumnya belum ada Layout yang dibuat, bisa langsung save saja. Klik menu File Save.

07. Designer

  1. Pada kolom Layout name, tulis nama layout-nya, misal: main. Lalu klik Ok.

08. Designer

  1. Di sini kita sudah membuat satu buah layout dengan nama main.

09. Designer

  1. Dan layout yang baru saja dibuat akan tersimpan pada folder Files. Seperti kita lihat pada gambar di bawah, terdapat file berupa main.bal.

10. Designer

  1. Setelah itu tambahkan satu buah Label dan Button pada layout tersebut. Klik menu Add View – Pilih Label dan Button.

11. Designer

  1. Susun Label dan Button yang telah ditambahkan ke layout tersebut seperti gambar di bawah. Agar terlihat lebih rapi.

12. Designer

  1. Aturlah properties Label yang tadi dibuat. Text Size = 18, yang lain biarkan saja.

13. Designer

  1. Lalu atur juga properties Button-nya. Text = “Click Me”, yang lain biarkan saja.

14. Designer

  1. Setelah itu deklarasikan Label yang tadi dibuat. Caranya bisa langsung diketikkan di code editornya atau bisa via layout-nya langsung. Untuk saat ini deklarasinya via layout saja, caranya klik kanan pada Label1 – pilih Generate – pilih Dim Label1 As Label.

16. Designer

  1. Deklarasikan juga Button-nya. Caranya juga sama seperti No. 14. Namun untuk Button di sini ada event yang perlu ditambahkan. Yaitu event Click. Cara menambahkannya juga sama seperti No. 14.

15. Designer

  1. Setelah itu save layout main tadi. Tutup halaman designer-nya untuk kembali lagi ke code editor. Apa yang terjadi? Bisa dilihat disitu, ada code-code tambahan pada Sub Globals berupa deklarasi dari object-object yang baru saja dibuat di halaman designer tadi. Juga ada fungsi baru yaitu Sub Button1_Click. Fungsi ini yang nantinya akan meng-handle suatu event. Apa saja yang terjadi pada saat Button1 ini diklik.

17. Designer

18. Designer

  1. Pada Sub Activity_Create tambahan code-code berikut.

19. Designer

  1. Pada Sub Button1_Click tambahkan code-code berikut.

21. Designer

  1. Save, kemudian Run/Compile project ini dalam versi Release. Caranya klik toolbar yang bergambar panah. Namun sebelum melakukan Run/Compile, pastikan IDE Basic4Android-nya sudah terhubung dengan perangkat android atau android emulator. Dalam kasus ini, IDE Basic4Android saya langsung terhubung dengan perangkat android. Nanti pada saat ter-compile aplikasi akan otomatis terinstal. Oke, klik Run.

22. Run

  1. Tunggu sampai proses compile-nya selesai…

23. Run

  1. Jika proses compile sudah selesai, maka akan muncul dialog pemberitahuan seperti ini.

24. Run

  1. Dan ini hasil akhirnya…

25

  1. Saat Button Click Me diklik, maka text akan berubah menjadi…

26

Apakah ada file APK dari hasil project ini? Tentu ada. Lalu letaknya dimana? Ada di folder Objects yang ada pada folder project-nya.

27. Run

Selamat! Akhirnya Anda sudah bisa membuat aplikasi android. Bagaimana? Mudah kan?

Jangan hanya bisa karena mudah. Tapi, juga harus bisa karena susah. – @alwaysdelheru

Blog pindah ke sini
Comments
  1. […] postingan sebelumnya kita sudah membuat aplikasi android pertama menggunakan Basic4Android. Tapi, icon dan nama […]