Berikut ini langkah
–langkah dalam membuat aplikasi kalkulator sederhana di android Studio
1. Pertama buka
aplikasi Android Studio yang telah berhasil di Install sebelumnya
2. Kemudian kita
membuat project baru dengan mengklik File-New-New Project di pojok kiri atas
dari android studio
3. Isi bagian Application name dengan nama aplikasi yang akan dibuat,
dan isi juga bagian Company Domain yang nantinya akan menentukan alamat
aplikasi anda pada android studio. Dan kemudian klik “NEXT”
4. Kemudian akan
tampil halaman dimana kita akan menentukan perangkat yang akan digunakan atau
dipasang aplikasi yang kita buat, disini kita memilih “Phone dan Tablet” dan
pilih API 15: Android 4.0.3 (Ice Cream Sandwich). Pemilihan API 15 bukan tanpa
alasan, hal ini dikarenakan Os yang paling rendah adalah Ice Cream Sandwich sehingga
ketika aplikasi kita dipasang pada Os diatasnya seperti JellyBean,Lollipop dll
maka aplikasi dapat berjalan dengan baik. Setelah kita menentukan kemudian klik “NEXT”
5. Maka akan tampil halaman pemilihan tema dari
Aplikasi yang akan kita buat. Untuk permulaan kita dapat memilih “Empty
Activity”. Kemudian klik “NEXT”
6. Setelah pemilihan tema selesai maka akan tampil
halaman selanjutnya yaitu tampilan informasi bagian nama activity dan layout
activity kita dimana nantinya disini
akan menjadi tempat kita untuk menempatkan code dan menampilkan preview design
tampilan aplikasi kita.
7. Masukan script activity_main.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.bmpnj.calcu.MainActivity"> <EditText android:id="@+id/editText1" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:hint="angka1" android:inputType="textPersonName" /> <EditText android:id="@+id/editText2" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:hint="angka2" android:inputType="textPersonName" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="+" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="-" /> <Button android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="/" /> <Button android:id="@+id/button4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="X" /> <Button android:id="@+id/button5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="Hapus" /> </LinearLayout> <TextView android:id="@+id/textView2" android:layout_width="match_parent" android:layout_height="wrap_content" android:textAlignment="center" android:textSize="30sp" android:textStyle="bold" /> </LinearLayout>
8. Masukan script activity_main.java
package com.bmpnj.calcu; import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends AppCompatActivity { EditText editAngka1, editAngka2; TextView tvHasil; Button tambah,kurang,bagi,kali,hapus; Integer angka1, angka2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); editAngka1 = (EditText) findViewById(R.id.editText1); editAngka2 = (EditText) findViewById(R.id.editText2); tvHasil = (TextView) findViewById(R.id.textView2); tambah = (Button) findViewById(R.id.button1); kurang = (Button) findViewById(R.id.button2); bagi = (Button) findViewById(R.id.button3); kali = (Button) findViewById(R.id.button4); hapus = (Button) findViewById(R.id.button5); tambah.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { HasilTambah(); } }); kurang.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { HasilKurang(); } }); bagi.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { HasilBagi(); } }); kali.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { HasilKali(); } }); hapus.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { hapus(); } }); } public void HasilTambah() { if (!editAngka1.getText().toString().isEmpty()) { Toast.makeText(this, "Mohon isi form Angka 1", Toast.LENGTH_SHORT).show(); } if (!editAngka2.getText().toString().isEmpty()) { Toast.makeText(this, "Mohon isi form Angka 2", Toast.LENGTH_SHORT).show(); } try { angka1 = Integer.parseInt(editAngka1.getText().toString()); } catch (Exception e) { Toast.makeText(this, "Mohon isi angka pada form 1", Toast.LENGTH_SHORT).show(); } try { angka2 = Integer.parseInt(editAngka2.getText().toString()); } catch (Exception e) { Toast.makeText(this, "Mohon isi angka pada form 2", Toast.LENGTH_SHORT).show(); } Integer hasil = angka1 + angka2; tvHasil.setText(String.valueOf(hasil)); } public void HasilKurang(){ if (!editAngka1.getText().toString().isEmpty()){ Toast.makeText(this,"Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show(); } if (!editAngka2.getText().toString().isEmpty()){ Toast.makeText(this, "Mohon isi angka pada form kedua",Toast.LENGTH_SHORT).show(); } try { angka1 = Integer.parseInt(editAngka1.getText().toString()); }catch (Exception e){ Toast.makeText(this, "Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show(); } try { angka2 = Integer.parseInt(editAngka2.getText().toString()); }catch (Exception e){ Toast.makeText(this, "Mohon Isi angka pada form kedua",Toast.LENGTH_SHORT).show(); } Integer hasil = angka1 - angka2; tvHasil.setText(String.valueOf(hasil)); } public void HasilBagi(){ if (!editAngka1.getText().toString().isEmpty()){ Toast.makeText(this,"Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show(); } if (!editAngka2.getText().toString().isEmpty()){ Toast.makeText(this, "Mohon isi angka pada form kedua",Toast.LENGTH_SHORT).show(); } try { angka1 = Integer.parseInt(editAngka1.getText().toString()); }catch (Exception e){ Toast.makeText(this, "Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show(); } try { angka2 = Integer.parseInt(editAngka2.getText().toString()); }catch (Exception e){ Toast.makeText(this, "Mohon Isi angka pada form kedua",Toast.LENGTH_SHORT).show(); } Integer hasil = angka1 / angka2; tvHasil.setText(String.valueOf(hasil)); } public void HasilKali(){ if (!editAngka1.getText().toString().isEmpty()){ Toast.makeText(this,"Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show(); } if (!editAngka2.getText().toString().isEmpty()){ Toast.makeText(this, "Mohon isi angka pada form kedua",Toast.LENGTH_SHORT).show(); } try { angka1 = Integer.parseInt(editAngka1.getText().toString()); }catch (Exception e){ Toast.makeText(this, "Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show(); } try { angka2 = Integer.parseInt(editAngka2.getText().toString()); }catch (Exception e){ Toast.makeText(this, "Mohon Isi angka pada form kedua",Toast.LENGTH_SHORT).show(); } Integer hasil = angka1 * angka2; tvHasil.setText(String.valueOf(hasil)); } public void hapus(){ Intent refresh = new Intent(this, MainActivity.class); startActivity(refresh); this.finish(); // }
9. Selanjutnya untuk melihat aplikasi kalkulator sederhana kita,maka kita dapat meng-run dengan mengklik tombol hijau seperti pada gambar dibawah ini.
10. Kemudian akan tampil halaman jendela seperti gambar
dimana kita akan menghubungkan dengan perangkat untuk men-simulasikan aplikasi
kita. Dapat menggunakan Emulator yang telah ditelah disediakan oleh Android
Studio atau dengan menghubungkan dengan Hp kita menggunakan USB.
17. Berikut ini merupakan tampilan aplikasi
kalkulator sederhana yang telah dibuat dan ditampilkan dengan Emulator. Selanjutnya kita melakukan percobaan pada
aplikasi yang telah kita buat dengan memasukan 2 buah bilangan. Dan seperti
pada gambar dibawah ini lah hasil percobaan yang telah dilakukan.





No comments:
Post a Comment