Membuat Aplikasi Kalkulator Sederhana Menggunakan MIT App Inventor

Haris Hidayatulloh
3 min readApr 10, 2020

--

Beberapa programmer pemula biasanya memulai aplikasi sederhana terlebih dahulu sebelum langsung terjun untuk membuat aplikasi yang kompleks. Hal ini perlu dilakukan agar dapat memahami beberapa tool dan dapat terbiasa dengan tool yang ada. Sehingga dapat mengimprovisasi dengan caranya sendiri untuk dapat membuat aplikasi yang sangat kompleks. Salah satunya kita dapat membuat kalkulator sederhana terlebih dahulu.

1. Untuk memulainya kita dapat langsung mengunjungi website MIT App Inventor pada link berikut https://appinventor.mit.edu/. Lalu pilih Create Apps! Pada tampilan awal kita akan menemui tampilan layar seperti berikut :

Tampilan Awal Saat Pertama Kali Membuat Program

2. Bentuk tampilan dengan menambahkan label dan button. Label ini berfungsi sebagai indikator dari nilai yang telah kita inputkan dari kondisi button yang ditekan. Bentuk ini sesuaikan dengan nama component dengan melakukan rename. Nama dari components ini yang nantinya sebagai ID untuk memprogram di Block.

Tampilan Kalkulator

3. Masuk ke Blocks untuk memulai block code. Dan buat seperti gambar berikut dengan mengambilnya dari bagian Blocks. Variabel input_angka ini yang kita gunakan untuk menampilkan yang ada di tampilan Label1.Text. Lakukan hal yang sama untuk button kedua sampai ke sembilan.

Buat Awalan Code Seperti Ini
Tampilan Block Code Untuk Angka 0–9 dan Delete

4. Mulai uji dengan coba compile ke HP android kita. Dengan cara download compiler MIT Ai2 Companion pada Play Store terlebih dahulu. Untuk metode yang saya gunakan yaitu dengan cara connect via AI Companion. Pada metode ini diharuskan untuk dapat connect pada jaringan wifi yang sama. Lalu setelah memasukkan code agar bisa saling connect. Perlu dicatat bahwa setelah kita melakukan metode ini, maka apa yang kita lakukan pada jendela MIT App Inventor kita akan secara otomatis tercompile pada HP Android. Untuk lebih lengkapnya dapat dilihat pada laman berikut https://appinventor.mit.edu/explore/ai2/setup-device-wifi.html

5. Jika sudah berhasil maka tambahkan operasi yang sederhana dahulu seperti penjumlahan. Seperti berikut :

Operasi Penjumlahan

6. Lalu lakukan untuk pengurangan, pembagian dan perkalian. Lalu tambahkan beberapa fitur yang kita inginkan. Seperti Berikut :

Program Blok Untuk Operasi Aritmatik

Selamat!! Sekarang anda sudah dapat membuat kalkulator sederhana dari operasi aritmatik. Anda juga dapat menambahkan fitur seperti conversi ke hexa atau biner atau fitur yang lain yang pastinya tidak kalah canggih dengan fitur kalkulator yang ada di Smartphone anda.

--

--

Haris Hidayatulloh

Seorang mahasiswa jurusan mekatronika yang mempunyai cita cita mendirikan perusahaan start up di indonesia