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.
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:
5.Selanjutnya kita masuk ke kodingan java nya. Silahkan pilih tab MainActivity.java lalu ketikkan coding berikut: (di bawah gambar ada coding .java nya)
6.Jika tidak jelas anda bisa lihat koding berikut ini:
MainActivity.java:
7.JIka sudah selesai. Sekarang anda coba RUN program nya, jika berhasil hasilnya akan seperti ini.
8. Silahkan anda masukkan panjang dan lebar di field yang disediakan.
Berikut notifikasi yang mucul dari fungsi Toast yang ada pada MainActivity.java tadi.
Pada kasus ini saya masih menggunkan design yang diatas, jadi kita akan merubah rumus perhitungan yang ada di java saja.
1. Pertama silahkan anda kli tab MainActivity.java kemudian edit serti gambar berikut:
jika tidak jelas silahkan lihat file .java berikut:
Cara Membuat Aplikasi Kalkulator Menghitung Luas dan Keliling Persegi Panjang:
A. 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>
5.Selanjutnya kita masuk ke kodingan java nya. Silahkan pilih tab MainActivity.java lalu ketikkan coding berikut: (di bawah gambar ada coding .java nya)
“Tips. Setiap pengetikan kode akan ada pilihan yang ditawarkan oleh javanya, jadi silahkan anda enter langsung ketika sudah tepat pilihan nya.”
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.JIka sudah selesai. Sekarang anda coba RUN program nya, jika berhasil hasilnya akan seperti ini.
![]() |
Tampilan Awal ketika di RUN |
8. Silahkan anda masukkan panjang dan lebar di field yang disediakan.
![]() |
Hasil RUN Program |
Berikut notifikasi yang mucul dari fungsi Toast yang ada pada MainActivity.java tadi.
![]() |
jika tidak mengisi lebar dan panjang |
![]() |
Jika tidak memasukkan Panjang |
![]() |
Jika tidak memasukkan lebar |
B. Keliling Persegi Panjang
Pada kasus ini saya masih menggunkan design yang diatas, jadi kita akan merubah rumus perhitungan yang ada di java saja.
1. Pertama silahkan anda kli tab MainActivity.java kemudian edit serti gambar berikut:
jika tidak jelas silahkan lihat file .java berikut:
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.rms_kel_pp);
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 (2*p)+(2*l);}
}
2. Jika sudah selesai coba kamu RUN program kamu. jika berhasil hasilnya akan seperti ini:
![]() |
Hasil ketika di RUN |
![]() |
Jika tidak mengisi Lebar |
![]() |
Jika tidak mengisi panjang |
Bagaimana? mudah bukan? Semoga artikel dari saya ini dapat membantu temen-temen sekalian. jangan lupa untuk membagikan artikel ini jika bermanfaat buat kalian supaya orang lain juga dapat manfaatnya. dan sekalian membantu admin dalam meperluas pertemanan. jangan lupa juga unutk like fanspage kami untuk emdapatkan berita artikel terbaru dari blog ini. Terimkasih.
ConversionConversion EmoticonEmoticon