Tutorial Membuat Aplikasi Android tanpa Coding (Coding Less)

Tutorial Membuat Aplikasi Android tanpa Coding (Coding Less) - Perkembangan Android yang dari hari ke harinya semakin canggih dan memudahkan, tidak hanya membuat pengguna Android bertambah banyak tetapi orang - orang yang ingin membuat atau mengembangkan aplikasi Android(developer) ikut bertambah juga jumlahnya. Masalahnya untuk membuat suatu aplikasi Android harus menggunakan software editor Eclipse yang sudah terinstal SDK Android atau ADT (Android Development Tools). Sebelumnya aplikasi Android ditulis atau diprogram dengan menggunakan bahasa pemprograman Java. Kebanyakan orang yang ingin membuat aplikasi Android tidak menyukai pemprograman atau "Coding program" sehingga saat sudah banyak cara yang dikembangkan oleh Android.Inc untuk memudahkan seorang developer dalam membuat program Android. Salah satunya adalah dengan menggunakan AppInvetor.

AppInventor adalah sebuah tool open source yang berbasis aplikasi web atau dicompile secara online (PaaS). AppInventor dibuat oleh Google dan saat ini dikembangkan oleh MIT. Ciri khas dari AppInventor adalah membuat suatu aplikasi Android dengan menggunakan "visual block programming" atau tidak membuat suatu aplikasi tanpa kode satupun. Karena dalam visual block programming hanya mendrag-drops "block" yang merupakan simbol - simbol perintah dan fungsi event handler tertentu dalam membuat aplikasi.

Berikut ini adalah langkah - langkah untuk membuat aplikasi Android dengan AppInventor :

1) Masuk ke halaman website http://appinventor.mit.edu/explore/ kemudian Log-in/Create.

Gambar Ilustrasi Pertama

2) Ketika akan login appinventor akan meminta account Gmail untuk bisa melakukan login. Sebaiknya sudah memiliki account Gmail ketika akan melakukan login.

3) Setelah masuk akan diminta untuk membaca dan menyetujui term of service dari Google, klik pada tombol "I accept the terms of service".

4) Setelah menyetujui term service dari google, maka halaman term service akan berganti ke halaman awal AppInventor.

Gambar Ilustrasi : Kedua

5) Create new project pada dashboard menu New, dan memberi nama project. Dalam gambar diatas diberinama project "Helloworld". Kemudian double klik pada project HelloWorld.

Gambar Ilustrasi : Ketiga

6) Setelah double klik pada project HelloWorld akan berganti halaman ke editor AppInvetor. Dimana terdapat beberapa tools yang bisa di drag-drops untuk membuat aplikasi. Pada halaman Editor terdapat juga halaman untuk interface dan block/fungsi dari program Android yang akan dibuat.

Gambar Ilustrasi : Ke Empat

7) Untuk membuat suatu program klick pada halaman designer maka akan terbuka jendela Block Editor berisi Viewer, Components dan Properties yang merupakan kanvas kerja kita. Kemudian masukkan Label dari Pallete > Label , seperti pada gambar dibawah.

Gambar Ilustrasi : Kelima

8)  Set properti nya pada Text = My Hello World , Font = Bold, Background = Orange dan masukkan Button dari Pallete, setelah itu klik button yang telah dimasukkan pada viewer sehingga terlihat propertinya, dan kemudian masukkan image untuk button dengan cara : klik button dan pada jendela properti image > add sehingga muncul jendela upload file, pilih browse untuk mencari file gambar anda, kemudian klik OK.

Gambar Ilustrasi : Ke Enam

9) Gambar yang diupload akan menjadi image pada button1.

Gambar Ilustrasi : Ke Tujuh

10) Langkah selanjutnya adalah menambahkan suara, dengan membuka jendela Pallete > Media kemudian drag drop komponen Sound kedalam viewer. Komponen Sound adalah Non-Visible sehingga dimanapun dia diletakkan akan berada dibawah viewer. Klik pada Sound sehingga terlihat propertinya di jendela Properties, set source dengan suara yang kita miliki. Ini akan membuat source suara diupload, dengan cara seperti file gambar pada button tadi -browse.

Gambar Ilustrasi : Ke Delapan

11) Langkah selanjutnya adalah menjalankan aplikasi yang telah dibuat pada emulator AppInvetor atau menginstal/mengdownload file .apk dengan cara klik "Build" pada dashboard home. File .apk bisa juga didownload dengan cara scanbarcode pada menu dashboard AppInventor.

Gambar Ilustrasi : Ke Sembilan

Gambar Ilustrasi : Kesepuluh

Demikian Tutorial Membuat Aplikasi Android tanpa Coding (Coding Less) mudah-mudahan bermanfaat dan selamat mencoba membuat Aplikasi Android tanpa harus Coding, karena dalam Android imajinasi adalah batasannya.

Refrensi Sumber : Sekolah Kampus