Dalam pembelajaran dasar-dasar pemrograman kita sering di beri latihan mengenai rumus bangun datar dan rumus matematika lainnya. Hal itu bermaksud mengasah logika kita dalam menerjemahkan rumus tersebut kedalam koding. Nah, sejalan dengan hal itu admin juga mau memberikan tutorial bagaimana cara menerapkan rumus bangun datar dalam pemrograman android studio.
Kali ini admin mau memberikan cara membuat kalkulator penghitung persegi panjang. Dalam aplikasi sederhana ini akan terdapat peringatan jika kita tidak mengisi field maka akan ada peringatan atau notifikasinya. Udah ga sabaran? Yuk kita praktekkan! Cekidot.
Cara Membuat Aplikasi Kalkulator Menghitung Luas.
Luas Persegi Panjang
1.Seperti biasa, anda buat project baru. Silahkan buat nama projectnya rumus bangunan atau yang lain. Dan pilih Empty Layout nama activity nya default saja. “JIka anda menggunkan Android versi 2.3 jangan lupa ganti layout nya menjadi Relative layout”2.Jika sudah tampil layout nya. Silahkan anda masukkan komponen berikut jangan lupa ubah ID nya juga.
3. Kemudian anda atur posisinya seperti ini
4.Jika anda tidak suka cara dengan cara design anda bisa menggunkan versi Text atau koding. Berikut koding .xml nya:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.bacacoding.rumusbgn.MainActivity">
<TextView
android:text="Luas Persegi Panjang"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="29dp"
android:id="@+id/txt_judul"
android:textColor="@android:color/holo_blue_dark" />
<TextView
android:text="Panjang"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/txt_judul"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="14dp"
android:layout_marginStart="14dp"
android:layout_marginTop="48dp"
android:id="@+id/txt_panjang"
android:textColor="@android:color/holo_blue_dark" />
<TextView
android:text="Lebar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/txt_lebar"
android:layout_alignBaseline="@+id/lebar"
android:layout_alignBottom="@+id/lebar"
android:layout_alignLeft="@+id/txt_panjang"
android:layout_alignStart="@+id/txt_panjang"
android:textColor="@android:color/holo_blue_dark" />
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:hint="Masukkan Panjang"
android:ems="10"
android:layout_below="@+id/txt_judul"
android:layout_alignLeft="@+id/txt_judul"
android:layout_alignStart="@+id/txt_judul"
android:layout_marginTop="35dp"
android:id="@+id/panjang" />
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:hint="Masukkan Lebar"
android:ems="10"
android:layout_below="@+id/panjang"
android:layout_alignLeft="@+id/panjang"
android:layout_alignStart="@+id/panjang"
android:layout_marginTop="31dp"
android:id="@+id/lebar" />
<Button
android:text="HASIL"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/lebar"
android:layout_centerHorizontal="true"
android:layout_marginTop="48dp"
android:id="@+id/button" />
<TextView
android:text="Luas Persegi Panjang Adalah:"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/button"
android:layout_centerHorizontal="true"
android:layout_marginTop="57dp"
android:id="@+id/txt_hasil"
android:textColor="@android:color/holo_red_light" />
</RelativeLayout>
6. Jika tidak jelas anda bisa lihat koding berikut ini:
MainActivity.java:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.bacacoding.rumusbgn.MainActivity">
<TextView
android:text="Luas Persegi Panjang"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="29dp"
android:id="@+id/txt_judul"
android:textColor="@android:color/holo_blue_dark" />
<TextView
android:text="Panjang"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/txt_judul"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="14dp"
android:layout_marginStart="14dp"
android:layout_marginTop="48dp"
android:id="@+id/txt_panjang"
android:textColor="@android:color/holo_blue_dark" />
<TextView
android:text="Lebar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/txt_lebar"
android:layout_alignBaseline="@+id/lebar"
android:layout_alignBottom="@+id/lebar"
android:layout_alignLeft="@+id/txt_panjang"
android:layout_alignStart="@+id/txt_panjang"
android:textColor="@android:color/holo_blue_dark" />
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:hint="Masukkan Panjang"
android:ems="10"
android:layout_below="@+id/txt_judul"
android:layout_alignLeft="@+id/txt_judul"
android:layout_alignStart="@+id/txt_judul"
android:layout_marginTop="35dp"
android:id="@+id/panjang" />
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:hint="Masukkan Lebar"
android:ems="10"
android:layout_below="@+id/panjang"
android:layout_alignLeft="@+id/panjang"
android:layout_alignStart="@+id/panjang"
android:layout_marginTop="31dp"
android:id="@+id/lebar" />
<Button
android:text="HASIL"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/lebar"
android:layout_centerHorizontal="true"
android:layout_marginTop="48dp"
android:id="@+id/button" />
<TextView
android:text="Luas Persegi Panjang Adalah:"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/button"
android:layout_centerHorizontal="true"
android:layout_marginTop="57dp"
android:id="@+id/txt_hasil"
android:textColor="@android:color/holo_red_light" />
</RelativeLayout>
5. Menuju ke MainActivity.java dan buat Seperti Ini
6. Jika tidak jelas anda bisa lihat koding berikut ini:
MainActivity.java:
package com.bacacoding.rumusbgn;
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 p,l;
Button hitung;
TextView hasil;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
p = (EditText)findViewById(R.id.panjang);
l = (EditText)findViewById(R.id.lebar);
hitung = (Button) findViewById(R.id.button);
hasil = (TextView)findViewById(R.id.txt_hasil);
hitung.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View v){
//jika tidak mengisi panjang dan lebar sekaligus maka akan tampil notifikasi
if(p.length()==0 && l.length()==0){
Toast.makeText(getApplication(),"Panjang dan lebar tidak boleh Kosong",Toast.LENGTH_LONG).show();
}
//notifikasi ini akan muncul jika panjangnya tidak diisi
else if (p.length()==0){
Toast.makeText(getApplication(),"Panjang tidak boleh kososng", Toast.LENGTH_LONG).show();
}
//notifikasi jika lebar tidak diisi
else if (l.length()==0){
Toast.makeText(getApplication(),"Lebar tidak boleh kosong",Toast.LENGTH_LONG).show();
}
else{
String isipanjang = p.getText().toString();
String isilebar = l.getText().toString();
double p = Double.parseDouble(isipanjang);
double l = Double.parseDouble(isilebar);
double hs = LuasPersegiPanjang(p,l);
String output = String.valueOf(hs);
hasil.setText(output.toString());
}
}
});
}
public double LuasPersegiPanjang(double p, double l){return p*l;}
}
7. dan Simak Cara Penggunaannya aplikasinya di emulator
Tampilan Awal Aplikasi |
Jika Lebarnya Kosong akan Muncul Pemberitahuan |
Jika Panjang nya kosong akan Muncul Pemberitahuan |
Ini Jika Berhasil Melakukan Penjumlahan |
8. Mungkin Itu Saja Dulu, Sekian dan teimakasi jangan lupa di share yaa....
ConversionConversion EmoticonEmoticon