Membuat Aplikasi Hitung Luas Persegi Panjang di Android Studio

Membuat Aplikasi Hitung Luas Persegi Panjang di Android Studio

Selamat siang temen-temen, kali ini saya +Hardiyan Kesuma Ramadhan akan sharing pengalaman membuat aplikasi sederhana di android studio nih, yups, kita hari ini akan sedikit belajar tentang android studio, Aplikasi Hitung Luas Persegi Panjang akan menjadi materi hari ini. Pada dasarnya pemrograman di android studio source code nya sudah tersebar luas di internet lho, tinggal kita kombinasikan saja sesuai kebutuhan, juga banyak tempat akademi online sebagai sarana belajar seperti dicoding academi. 

Oke temen-temen, langsung aja kita mulai tutorial android nya ...

1. Buatlah project baru di android studio, isi application name, kemudian company domain, lalu klik next untuk melanjutkan ke tahap berikutnya ...

2. Pada "Select the form factors your app will run on" beri tanda centang pada option "Phone and Tablet", pada opsi ini mimin polih Android IceCreamSandwich.

3. Pilih "Empty Activity".

4. Pada jendela "Customize the Activity" mimin pilih default option. Terakhir klik finish untuk melanjutkan ke tahap berikutnya.

5. Copy paste kode berikut ke activity_main.xml. Perhatikan kode yang berwarna merah, ubahlah menjadi sesuai apa yang temen-temen buat diawal.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.diyandoyan.hardiyan21.hitungluas.MainActivity">
    <TextView
        android:text="Panjang"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        tools:ignore="HardcodedText" />
    <EditText
        android:id="@+id/edt_panjang"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="0"
        android:inputType="numberDecimal"
        android:layout_marginBottom="5dp"
        tools:ignore="HardcodedText" />
    <TextView
        android:text="Lebar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        tools:ignore="HardcodedText" />
    <EditText
        android:id="@+id/edt_lebar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="0"
        android:inputType="numberDecimal"
        android:layout_marginBottom="5dp"
        tools:ignore="HardcodedText" />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btn_hitung"
        android:text="Hitung"
        android:layout_marginBottom="8dp"
        tools:ignore="HardcodedText" />
    <TextView
        android:text="Hasil"
        android:id="@+id/txt_luas"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:textSize="18sp"
        android:textStyle="bold"
        tools:ignore="HardcodedText" />
</LinearLayout>

Seperti ini hasilnya nanti kira-kira ...

6.  Selanjutnya kita berpindah ke tab MainActivity.java, copy paste kode berikut ini ... Kembali temen-temen harus memperhatikan kode yang berwarna merah ya, sudah maksud kan? hehehhee

package com.diyandoyan.hardiyan21.hitungluas;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
    private EditText edtPanjang, edtLebar;
    private Button btnHitung;
    private TextView txtLuas;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        getSupportActionBar().setTitle("Hitung Luas Persegi Panjang");
        edtPanjang = (EditText)findViewById(R.id.edt_panjang);
        edtLebar = (EditText)findViewById(R.id.edt_lebar);
        btnHitung = (Button)findViewById(R.id.btn_hitung);
        txtLuas = (TextView)findViewById(R.id.txt_luas);
        btnHitung.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String panjang = edtPanjang.getText().toString().trim();
                String lebar = edtLebar.getText().toString().trim();
                double p = Double.parseDouble(panjang);
                double l = Double.parseDouble(lebar);
                double luas = p * l;
                txtLuas.setText("Luas : "+luas);
            }
        });
    }
}

7. Selanjutnya kita run aplikasinya, pada saat run ini otomatis akan berjalan proses build gradle, jadi apabila ada error pada aplikasi kita otomatis aplikasi kita tidak bisa di run.

Pilih Motorola XT1033, mengapa? karena lebih ringan dan cepat ketimbang kita menggunakan Android Virtual Device yang membutuhkan RAM (memori) yang tidak sedikit. Lalu klik OK, tunggu sejenak ya, bisa disambi minum kopi atau teh, hehehe 

Ininih Tampilan yang menyejukan hati, wkwkkw

8. Langkah terakhir tinggal export project kita ke apk, bagaimana caranya?

Klik Show in Explorer

Here our apk file guys, sekarang tinggal rename aja sesuai keinginan, hehehe

Woke woke temen-temen, sekian dulu tutorial android studio hari ini tentang "Membuat Aplikasi Hitung Luas Persegi Panjang di Android Studio". Semoga bisa menambah ilmu walaupun sedikit, tetap semangat ya ...