Cara membuat aplikasi kalkulator sederhana menggunakan app inventor

Desember 14, 2017

Assalamualaikum Wr. Wb.

Pada artikel kali ini, kita akan belajar membuat sebuah aplikasi kalkulator sederhana menggunakan APP Inventor. Pada aplikasi yang akan kita buat ini, terdapat 4 fungsi sederhana yaitu perkalian, pertambahan,pembagian dan pengurangan.

Pertama, bukalah App Inventor atau link berikut: http://ai2.appinventor.mit.edu lalu, buat sebuah project baru dengan nama kalkulator. Buatlah sebuah tampilan aplikasi seperti berikut ini.

Pada Tampilan Gui Tersebut saya menggunakan 16 Button ( Tombol ), dimana masing masing button memiliki fungsi berdasarkan Text yang saya buat. Lalu setelah selesai membuat GUI dengan tampilan seperti di atas. Maka lanjutkan membuat blocks nya.

Untuk blocksnya terdapat 3 inisialisasi global antara lain: inisialisasi sekarang, inisialisasi sebelumnya dan inisialisasi operator. Inisialisasi sekarang digunakan untuk meng-inisialisasi variabel angka yang di masukkan, sedangkan Inisialisasi sebelumnya adalah variabel angka setelah kita memasukkan angka baru, sedangkan inisialisasi operator adalah variabel yang menunjukkan operator.

Selanjutnya adalah membuat sebuah fungsi agar ketika tombol angka di klik maka akan menampilkan variabel angka. Berikut blocksnya.

Lalu panggil fungsi tersebut menggunakan fungsi blocks seperti dibawah, lakukan duplicating ( duplikasi ) untuk tombol angka lainnya. Tinggal mengubah variabel satu dengan variabel variabel lainnya.

Selanjutnya buatlah blocks untuk tombol reset dimana fungsinya agar tombol reset dapat bekerja, dimana semua variabel akan di-set ke “0” ( nol )

Lalu blocks selanjutnya adalah membuat sebuah blocks operator dimana kita akan membuat operator dapat melakukan operasi matematika yaitu pertambahan, pengurangan, pembagian, dan perkalian. Dimana bila dilihat pada blocks dibawah, bahwa ketika fungsi tomboloperatorclick di panggil maka ketika variabel global sebelunmnya tidak sama dengan 0 maka akan di lakukan pengubahan variabel text pada textbox menjadi text yang teretera pada operator, ketika kita menekan tombol “X” maka akan tampil di textbox menjadi “X” yang artinya perkalian.

Lalu selanjutnya fungsi tersebut akan dipanggil ketika tombol operator ditekan dengan menggunakan blocks seperti dibawah ini.

Setelah itu kita tambahkan blocks sama dengan dimana pada blocks tersebut kita akan melakukan operasi matematika tergantung dari operator mana yang telah pilih sebelumnya. Dimana pada saat kita menekan operator maka operator tersebut akan masuk pada variabel global operator selanjutnya variabel tersebut akan dipanggil pada saat kita menekan tombol “sama dengan”, dimana operasi matematika tergantung variabel operator yang kita gunakan.