MEMBUAT APLIKASI ANDROID MENGGUNAKAN APPINVENTOR UNTUK KOMUNIKASI DATA MIKROKONTROLER DENGAN ANDROID MELALUI BL

Untuk Membuat aplikasi android yang terkoneksi dengan Mikrokontroler maka yang pertama kita harus membuka situs http://appinventor.mit.edu/ Karena kita akan mebuat aplikasi secara onine.
ketika kita masuk pada situs appinventor halaman untama akan tampak seperti gambar berikut :

Gambar 1:Halaman Utama pada situs AppInventor

Pada halaman utama kita pilih menu   kemudian kita akan masuk di halaman persetujuan. Pada menu ini kita diminta untuk memasukan akun Google. . jika sudah memasukan akun google maka akan Nampak seperti berikut gambar :

Gambar 2: Halaman Persetujuan

Pada halaman persetujuan kita diberikan pilihan untuk memilih tombol Izinkan yang berarti kita memilih akun kita untuk mengakses aplikasi AppInventor. Maka pilih Izinkan untuk melanjutkan ke aplikasi AppInventor:

Gambar 3: Menu Utama AppInventor

Untuk memulai membuat aplikasi maka kita pilih menu   kemudian kata akan memasuki halaman Worksheet seperti gambar berikut ini :

Gambar 5: Lembar kerja untuk memasukan nama project

Berilah nama project kita tanpa memberi sepace karena kita hanya bisa menggunakan seperti “texs, number, dan underscores”. Jika sudah maka pilih tombol ok untuk melanjutkan ke step berikutnya.

Gambar 6: Halaman kerja

Pada menu ini kita siap untuk membuat aplikasi android secara online, jika kita membuat secara online maka project kita akan tersimpan di akun google kita, ketika kita membuka aplikasi AppInvenotr secara online maka kumpulan project seperti berikut :   

            Sekarang kita akan membuat aplikasi android untuk menyalakan lampu dengan mikrokontroler maka komponen yang kita butuhkan adalah :

1.TableArrangement1 degan Kolom 2 sedangkan baris cukup satu:

2.LisPicker1 =1

3.Label =1

4.TableArrangement2 dengan kolom 2 sedangkan baris cukup tiga:

4 Button =6  :  1.Button1 untuk nyala2

                        2. Button2 untuk nyala2

                        3. Button3 untuk nyala3

                        1. Button4 untuk Mati1

                        2. Button5 untuk Mati2

                        3. Button6 untuk Mati3

5. BluetoothClient1 =1

6. Clock =1

Buatlah tampilan seperti berikut :

Gambar 7: Desain Awal

Selanjutnya ganti tombol dengan menggunakan gambar sesuai selera kita yang sesuai dengan tujuan yang kita buat dan mengganti nama tombola tau button dengan fungsi masing-masing missal : Button1 sebagai Nyala satu dan seterunya seperti gambar berikut :

Gambar 8: tampilan menu

           

Pilih Upload File untuk upload file icon yang akan kita gunakan kemudian pilih Ok. Akan tetapi jika file sudah ada maka kita tinggal memilih nama file kemduan pilih ok

Gambar 8 adalah tampilan yang sudah kita ganti dengan menggunakan icon yang kita pilih . untuk merubah button dengan gambar maka pilih icon pada menu Properti seperti gambar berikut :

 

Tampilan pada menu propertis akan berubah-ubah tergantung pada dari komponen yang kita gunakan.

Setelah semuanya selesai kita memberikan intruksi atau coding pada setiap komponen. Untuk membuka block program maka pilih  Block untuk kembali ke tampilan maka pilih Desinger seprti gambar berikut :

Buatlah Blok program seperti berikut ini :

Pembahasan Block                                                                                                                                         .

Ketika