Membuat Kalkulator Menggunakan MIT App Inventor [PDF]

Citation preview

Membuat kalkulator sederhana menggunakan APP Inventor Setelah sebelumnya kita belajar membuat sebuah aplikasi android yang menampilkan data diri, pada artikel kali 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. Seperti biasanya buka http://ai2.appinventor.mit.edu lalu buat sebuah project baru dengan nama kalkulator. Sebelumnya kita belajar membuat aplikasi menampilkan data, berdasarkan artikel tersebut, buatlah sebuah tampilan aplikasi seperti berikut ini.



Pada Tampilan Gui Tersebut 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 inisialisasi 3 inisialisasi global yaitu, inisiliasi sekarang, sebelumnya dan operator. Dimana inisialisasi sekarang digunakan untuk menginisialisasi variabel angka yang di masukkan, sedangkan variabel sebelumnya adalah variabel angka setelah kita memasukkan angka baru, sedangkan variabel 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 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.



Setelah selesai melakukan konfigurasi blocks selanjutnya coba build dan jalankan aplikasi yang kita buat. Berikut tampilan aplikasi ketika di jalankan.