Praktikum 3 – Create a Simple Calculator Program Dosen : Tenia Wahyuningrum, S.Kom., MT Program kalkulator menggunakan beberapa widget sederhana seperti Textview, EditText, dan Button. Dalam program ini, terdapat algoritma pemilihan (IF dan Case) untuk memudahkan user memilih operasi yang diharapkan (+,-, x, :). Penulisan code program terdapat pada file MainActivity.java menggunakan syntax bahasa pemrograman JAVA.
Creating “Simple Calculator” program 1. Program sederhana untuk menghitung penjumlahan, pengurangan,
perkalian, dan pembagian pada dua edit text yang digunakan sebagai masukan. 2. Buatlah sebuah project baru > file>new>new project
3. Tuliskan application name> Simple_Calculator
4. Pilihlah default > next
5. Buatlah sebuah blank activity
6. Klik pada activity_main.xml > design
Buatlah beberapa widget berikut ini: No Widget Properties id=masukan1 1 edittext 2
edittext
id=masukan2
3
textview
id=operan
4
button
id=hitung
5
textview2
id=textview2
6
button
id=tambah
7
button
id=kurang
Keterangan Untuk memasukkan bilangan pertama Untuk memasukkan bilangan kedua Untuk menampilkan operan yang dipilih oleh user Untuk menampilkan hasil operasi dua buah bilangan Untuk menampilkan tulisan “operasi” diatas tombol operator Untuk membuat tombol tambah Untuk membuat tombol
8
button
id=bagi
9 10
button textview3
id=kali id=textview3
11
textview
id=hasil
12
notifikasi
id=notifikasi
kurang Untuk membuat tombol bagi Untuk membuat tombol kali Untuk menampilkan tulisan “hasil perhitungan” diatas textview hasil perhitungan Untuk menampilkan hasil perhitungan Untuk menampilkan notifikasi “Simple calculator ready”
<EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:inputType="number" android:ems="10" android:id="@+id/masukan1" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_alignBottom="@+id/operan" android:layout_toLeftOf="@+id/operan" android:layout_toStartOf="@+id/operan" android:onClick="clearInput1" />
<EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:inputType="number" android:ems="10" android:id="@+id/masukan2" android:layout_alignParentTop="true" android:layout_toEndOf="@+id/operan" android:layout_alignBottom="@+id/operan" android:layout_toRightOf="@+id/operan" android:onClick="clearInput2" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=" Hitung! " android:id="@+id/hitung" android:layout_below="@+id/masukan1" android:layout_centerHorizontal="true" android:onClick="klikHasil" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=" + " android:id="@+id/tambah" android:layout_below="@+id/textView2" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:onClick="klikTambah" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=" " android:id="@+id/kurang" android:layout_alignTop="@+id/tambah" android:layout_toRightOf="@+id/tambah" android:layout_toEndOf="@+id/tambah" android:onClick="klikKurang" />
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=" x " android:id="@+id/kali" android:layout_alignTop="@+id/kurang" android:layout_toRightOf="@+id/kurang" android:layout_toEndOf="@+id/kurang" android:onClick="klikKali" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text=" : " android:id="@+id/bagi" android:layout_alignTop="@+id/kali" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" android:onClick="klikBagi" />
7. Klik pada main_activity 8. Import class yang dibutuhkan
Import Class – lakukan impor pada class yang akan dipakai dalam aplikasi pada class library import android.app.Activity; 1 import android.os.Bundle; 2 import android.view.View; 3 import android.widget.Button; 4 import android.widget.TextView; 5
9. Class MainActivity yang mengextend Activity Create a Class –buatlah class main activity, secara default, class ini otomatis terbentuk ketika membuat sebuah project public class MainActivity extends Activity { 1 2 } 3
10. Menginstansiasi Objek dan Variable Instance Variable and Object – instance adalah istilah yang digunakan untuk membuat variable dan object dalam bahasa java. Dalam program ini terdapat 4 variabel yaitu operation, HasilAkhir, Cek1, Cek2 //R.1 1 TextView input1, input2, operator, result, notif; 2 Button btHitung, btJumlah, btKurang, btKali, btBagi; 3 4 //V.1 5 private int operation = 0; 6 private double HasilAkhir = 0.0; 7 private String Cek1 = ""; 8 private String Cek2 = ""; 9
11. Method onCreate Method onCreate –method ini digunakan untuk membaca masukan input dari user. Method ini berhubungan dengan widget yang telah dibuat. 1 //M.1 2 @Override 3 protected void onCreate(Bundle savedInstanceState) { 4 super.onCreate(savedInstanceState); 5 setContentView(R.layout.activity_main); 6 7 //R.2 8 input1 = (TextView) findViewById(R.id.masukan1); 9 input2 = (TextView) findViewById(R.id.masukan2); 10 operator = (TextView) findViewById(R.id.operan); 11 result = (TextView) findViewById(R.id.hasil); 12 notif = (TextView) findViewById(R.id.notifikasi); 13 14 //R.3 15 btHitung = (Button) findViewById(R.id.hitung); 16 btJumlah = (Button) findViewById(R.id.tambah); 17 btKurang = (Button) findViewById(R.id.kurang); 18 btKali = (Button) findViewById(R.id.kali); 19 btBagi = (Button) findViewById(R.id.bagi); 20 21
22 }
12. Method klikTambah Method klikTambah –method ini digunakan untuk memberikan nilai operasi “1” jika tombol tambah di klik, dan menampilkan simbol “+” pada text view operator 1 //M.2 2 public void klikTambah(View V){ 3 operation = 1; 4 operator.setText(" + "); 5 }
13. Method klikKurang Method klikKurang -- method ini digunakan untuk memberikan nilai operasi “2” jika tombol tambah di klik, dan menampilkan simbol “-” pada text view operator //M.3 1 public void klikKurang(View V){ 2 operation = 2; 3 operator.setText(" - "); 4 } 5
14. Method klikKali Method klikKali-- method ini digunakan untuk memberikan nilai operasi “3” jika tombol tambah di klik, dan menampilkan simbol “x” pada text view operator //M.4 1 public void klikKali(View V){ 2 operation = 3; 3 operator.setText(" x "); 4 } 5
15. Method klikBagi Method klikBagi -- method ini digunakan untuk memberikan nilai operasi “1” jika tombol tambah di klik, dan menampilkan simbol “:” pada text view operator 1 //M.4 2 public void klikBagi(View V){ 3 operation = 4; 4 operator.setText(" : "); 5 }
16. Method klikHasil Method klikHasil—method ini digunakan untuk mendeteksi pilihan user, apakah penjumlahan, perkalian, pembagian, atau pengurangan. Di dalamnya terdapat algoritma pemilihan menggunakan case untuk memilih operasi yang diinginkan user, serta algoritma pemilihan if untuk mengecek apakah masukan dari user kosong atau tidak. Jika kolom kosong, maka akan muncul notifikasi “kolom tidak boleh kosong” 1 2 3 4 5 6
//M.5 public void klikHasil(View V){ Cek1 = input1.getText().toString(); Cek2 = input2.getText().toString();
7 if((Cek1.equalsIgnoreCase("")) || (Cek2.equalsIgnoreCase(""))){ 8 notif.setText("Kolom tidak boleh kosong"); 9 } 10 else{ 11 //perintah untuk mengubah string menjadi double 12 double inputA = Double.parseDouble(input1.getText().toString()); 13 double inputB = Double.parseDouble(input2.getText().toString()); 14 15 //D.1 16 switch(operation){ 17 case 1: 18 HasilAkhir = inputA + inputB; 19 break; 20 21 case 2: 22 HasilAkhir = inputA - inputB; 23 break; 24 25 case 3: 26 HasilAkhir = inputA * inputB; 27 break; 28 29 case 4: 30 HasilAkhir = inputA / inputB; 31 break; 32 33 case 0: 34 notif.setText("Harap pilih operan terlebih dahulu!"); 35 break; 36 37 default: 38 notif.setText("Undescribeable Error!"); 39 break; 40 } 41 42 //D.2 43 if(operation < 1){ 44 result.setText("0"); 45 } 46 47 else{ 48 String hasilString = String.valueOf(HasilAkhir); 49 result.setText(hasilString); 50 notif.setText("Simple Calculator Ready!"); 51 } 52 } 53 54 }
17. Method clearInput1 Method clearInput1 //method yang dijalankan jika masukan1 di klik (event on click) 1 //M.6 2 public void clearInput1(View V){ 3 input1.setText(""); 4 notif.setText("Simple Calculator Ready!"); 5 operation = 0; 6 }
7
18. Method clearInput2 Method clearInput2 //method yang dijalankan jika masukan2 di klik (event on click) //M.7 1 public void clearInput2(View V){ 2 input2.setText(""); 3 notif.setText("Simple Calculator Ready!"); 4 operation = 0; 5 } 6
19. Running program dengan menekan tombol run
20. Hasil program akan terlihat sbb :
Tugas ketigaku Buatlah program untuk menghitung konversi uang dari rupiah ke dolar, poundsterling dan yen. Jika 1 dolar = 12.000, 1 poundsterling=18.000, 1 yen = 10.000! Dibutuhkan 3 TextView, 2 EditText, dan 3 Button. Jika Button dollar di klik, maka hasil konversi = rupiah x 12.000, jika Button poundsterling di klik, maka hasil konversi = rupiah x 18.000, jika Button Yen di klik, maka hasil konversi = rupiah x 10.000 Tampilannya sbb : KONVERSI MATA UANG Rupiah Hasil Konversi
Dolar
Poundsterling
Yen
Diambil dari blog: Membuat kalkulator sederhana http://milandro.blogs.uny.ac.id/2014/11/04/android-membuat-kalkulatorsederhana/
