Senin, 23 September 2019

Aplikasi Bangun Ruang

Aplikasi Bangun Ruang

Assalamualikaum warahmatullah wabarakatuh
Kali ini akan belajar membuat aplikasi perhitungan volume banging ruang menggunakan android studio. Dimana aplikasi nantinya yang akan ditampilkan pada page awal berupa:
  • ·         Kubus
  • ·         Balok
  • ·         Tabung

Dan form yang beriisikan nilai dari ukuran dari bangun ruang yang diataranya
  • ·         Masukkan nilai sisi (Hitung Kubus)
  • ·         Masukkan nilai Panjang (Hitung Balok)
  • ·         Masukkan nilai Lebar (Hitung Balok)
  • ·         Masukkan nilai Tinggi (Hitung Balok)
  • ·         Masukkan nilai Tinggi (Hitung Tabung)
  • ·         Masukkan nilai Jari-Jari (Hitung Tabung)

Buat Project Baru

Buka android studio > buat project baru dengan cara klik create new project > beri nama project “Aplikasi Bangung Ruang” (disesuaikan)  > tentukan target sdk nya> pilih empty activity > lanjutkan sampai dengan finish.

Jika workspace android studio sudah terbuka klik activity_main.xml. Disini kita akan membuat layout aplikasi dengan coding seperti berikut:


<RelativeLayout 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="fill_parent"
    android:layout_height="fill_parent"
    tools:context="com.example.jeyong05.menghitungbangunruang.MainActivity">
               
                <LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:layout_alignParentTop="true">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Pilihan Rumus"
        android:textSize="20dp"
                                android:textStyle="bold"
        tools:layout_editor_absoluteX="16dp"
        tools:layout_editor_absoluteY="25dp"/>

</LinearLayout>

    <Button
        android:id="@+id/Kubus"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Kubus"
        android:onClick="Kubus"
        android:layout_marginTop="50dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        tools:ignore="OnClick" />
    <Button
        android:id="@+id/Balok"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Balok"
        android:onClick="Balok"
        android:layout_marginTop="125dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        tools:ignore="OnClick" />
    <Button
        android:id="@+id/Tabung"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Tabung"
        android:onClick="Tabung"
        android:layout_marginTop="200dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        tools:ignore="OnClick" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="500dp"
        android:text="Misbakhulanam Aditya"
        android:textSize="15dp" />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="161021450061"
        android:layout_marginTop="520dp"
        android:textSize="15dp" />

</RelativeLayout>

Selanjutnya berikan perintah pada textview, button, dan komponen lainnya menggunakan bahasa pemrograman java pada MainActivity.java.


public class MainActivity extends AppCompatActivity {
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button Kubus = (Button) findViewById(R.id.kubus);

        Lingkaran.setOnClickListener(new View.OnClickListener() {

            public void onClick(View view) {
                Intent kubus = new Intent(MainActivity.this, HitungKubus.class);
                startActivity(kubus);
            }
        });
        Button Balok = (Button) findViewById(R.id.balok);

        persegipanjang.setOnClickListener(new View.OnClickListener() {

            public void onClick(View view) {
                Intent balok = new Intent(MainActivity.this, HitungBalok.class);
                startActivity(persegipanjang);
            }
        });
                                Button Tabung = (Button) findViewById(R.id.tabung);

        persegipanjang.setOnClickListener(new View.OnClickListener() {

            public void onClick(View view) {
                Intent Balok = new Intent(MainActivity.this, HitungTabung.class);
                startActivity(tabung);
            }
        });
                               
    }
}

Selanjutnya kita akan membuat tampilan dan program untuk persetiap bangun ruangnya dengan cara menambahkan activity baru dengan cara klik kanan pada app>new>activity>empty activity. lakukan ini selama kita membutuhkan activity baru.


Membuat Tampilan kubus
berikut untuk main.xmlnya


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Volume Kubus"
        android:textSize="18dp"
        android:id="@+id/textView4" />

    <TextView
        android:text="Masukkan Nilai Sisi :"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView4"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="79dp"
        android:id="@+id/textView5" />
    <EditText
        android:id="@+id/etSisi"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="numberDecimal"
        android:layout_below="@+id/textView5"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="31dp" />
    <Button
        android:id="@+id/btnHitung"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hitung"
        android:layout_below="@+id/etSisi"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="33dp" />
    <TextView
        android:id="@+id/tvVolume"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hasil"
        android:layout_below="@+id/btnHitung"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="16dp" />

    <Button
        android:text="Kembali ke Menu"
        android:id="@+id/btnBack"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="backtoMenu"
        android:layout_below="@+id/tvVolume"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="58dp" />

</LinearLayout>

>>Dan berikut untuk program.java


public class HitungKubus extends AppCompatActivity{
    private EditText etSisi;
    private TextView tvVolume;
    private Button btnHitung;

    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.rumus_kubus);
        iniUI();
        initEvent();
    }

    private void initEvent() {
        btnHitung.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                HitungVolume();
            }
        });
    }

    private void HitungVolume() {
        int sisi = Integer.parseInt(etSisi.getText().toString());
        int volume = sisi * sisi * sisi;
        tvVolume.setText("Hasil ="+ volume);
    }

    private void iniUI() {
        etSisi = (EditText)findViewById(R.id.etSisi);
        tvVolume = (TextView)findViewById(R.id.tvVolume);
        btnHitung = (Button)findViewById(R.id.btnHitung);
    }
}



Membuat Tampilan Balok
berikut untuk main.xmlnya




<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:weightSum="1">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Menghitung Volume Balok"
        android:textSize="18dp" />

        <TextView
            android:text="Masukkan Panjang :"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <EditText
            android:id="@+id/txtPanjang"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="numberDecimal" />

        <TextView
            android:text="Masukkan Lebar :"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <EditText
            android:id="@+id/txtLebar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="numberDecimal" />
        <TextView
            android:text="Masukkan Tinggi :"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <EditText
            android:id="@+id/txtTinggi"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="numberDecimal" />

        <Button
            android:text="Hitung"
            android:id="@+id/btnHitung"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/teVolume"
            android:text="Hasil :"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <Button
            android:id="@+id/btnBack"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="backtoMenu"
            android:text="Kembali ke Menu" />


</LinearLayout>


>>Dan berikut untuk program.java


public class HitungBalok extends AppCompatActivity {
    private EditText txtPanjang;
    private EditText txtLebar;
    private EditText txtTinggi;
    private TextView teVolume;
    private Button btnHitung;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.rumus_balok);
        initUI();
        iniEvent();
    }

    private void iniEvent() {
        btnHitung.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                HitungVolume();
            }
        });
    }

    private void HitungVolume() {
        int panjang = Integer.parseInt(txtPanjang.getText().toString());
        int lebar = Integer.parseInt(txtLebar.getText().toString());
        int tinggi = Integer.parseInt(txtTinggi.getText().toString());
        int volume = panjang * lebar * tinggi;
        teVolume.setText("Hasil =" + volume);
    }

    private void initUI() {
        txtPanjang=(EditText)findViewById(R.id.txtPanjang);
        txtLebar=(EditText)findViewById(R.id.txtLebar);
        txtTinggi=(EditText)findViewById(R.id.txtTinggi);
        teVolume=(TextView)findViewById(R.id.teVolume);
        btnHitung=(Button)findViewById(R.id.btnHitung);
    }
}



Membuat Tampilan Tabung
berikut untuk main.xmlnya




<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Menghitung Volume Balok"
        android:textSize="18dp" />

        <TextView
            android:text="Masukkan Tinggi :"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <EditText
            android:id="@+id/txTinggi"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="numberDecimal" />

        <TextView
            android:text="Masukkan Jari-jari :"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <EditText
            android:id="@+id/txJari"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="numberDecimal" />
        <Button
            android:text="Hitung"
            android:id="@+id/btnHitung"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/txVolume"
            android:text="Hasil :"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <Button
            android:text="Kembali ke Menu"
            android:id="@+id/btnBack"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:onClick="backtoMenu" />

</LinearLayout>


>>Dan berikut untuk program.java



public class HitungTabung extends AppCompatActivity {
    private EditText txTinggi;
    private EditText txJari;
    private TextView txVolume;
    private Button btnHitung;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.rumus_tabung);
        initUI();
        iniEvent();
    }

    private void iniEvent() {
        btnHitung.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                HitungVolume();
            }
        });
    }

    private void HitungVolume() {
        int panjang = Integer.parseInt(txTinggi.getText().toString());
        int jari = Integer.parseInt(txJari.getText().toString());
        int volume = panjang * jari * jari * (22/7) ;
        txVolume.setText("Hasil =" + volume);
    }

    private void initUI() {
        txTinggi=(EditText)findViewById(R.id.txTinggi);
        txJari=(EditText)findViewById(R.id.txJari);
        txVolume=(TextView)findViewById(R.id.txVolume);
        btnHitung=(Button)findViewById(R.id.btnHitung);
    }
}


Jika sudah tidak ada error pada kodingan terakhir adalah running project menggunakan emulator atau langsung ke ponsel android yang kamu miliki maka akan tampil seperti berikut


Tampilan Awal Menunya


Tampilan berikut seperti berikut kondisi tampilan memilih kubus maka tampilannya sebagai berikut.


Dan jika akan mencoba kemenu lain bisa tekan tombol kembali ke Menu”, maka akan kembali ke Menu dan bisa mencoba menu lain.

Demikian latihan belajar untuk pembutan aplikasi bangun ruangnya jika ada masukkan silahkan isi di kolom komentar. Diri pribadi masih belajar dan masih harus banyak mencoba.

Terima kasih.
Salam
IT2an


Pembuatan Aplikasi dengan Menggunakan ListView

Membuat Aplikasi Menggunkan Listview dengan Menghubungkan 2 atau Lebih Activity      Setalah dipostingan sebelumnya kita membahas cara...