Tutorial Membuat Aplikasi Sederhana Android Studio

Codingtive.com - Halo sobat Codingtive, Pada kesempatan kali ini kita akan belajar tentang membuat aplikasi sederhana menggunakan Android Studio. Mungkin beberapa ada yang belum tahu tentang Android Studio.

Android Studio adalah sebuah IDE (Integrated Development Enviroment) yang dikembangkan oleh jetBrains untuk mengembangkan aplikasi android. Jadi jika kita ingin membuat sebuah aplikasi kita bisa menggunakan Android Studio yang mana merupakan official dari Google.

Ilustrasi Latihan

Membuat aplikasi untuk menghitung luas bangun datar, pengguna dapat mencari luas suat bangun datar dengan menginputkan value setelah itu pengguna mengklik button hitung maka akan tampil pada textview hasil dari value yang akan dihitung.

Codelab

Membuat Project Android Studio

• Pilih Start a new Android Studio project

Start a new android studio project

• Selanjutnya pilih Empty Activity

Menu Activity pilih : Empty Activity

• Setelah memilih template aplikasi selanjutnya yaitu mengisi 

Konfigurasi Project

Penjelasan :

1. Name : Nama Project Aplikasi, disini saya mengisikan nya Bangun Datar
2. Package Name : Nama package aplikasi, jika teman-teman memiliki domain bisa diisi sesuai domain.
3. Save Location : Tempat untuk menyimpan project aplikasi, biasanya defalut nya yaitu di AndroidStudioProjects
4. Language : Bahasa pemrograman yang akan digunakan untuk aplikasi ini, kita pilih yang Java
5. Minimum API Level : Minimal versi android untuk menginstall aplikasi kita.

• Finish.

Membuat Tampilan Aplikasi

Setelah kita selesai membuat project baru kita maka langkah selanjutnya yaitu kita membuat tampilan / layout. Untuk membuat tampilan android kita menggunakan bahasa markup XML (Exstensible Markup Language). Namun jangan khawatir ketika kita membuat sebuah activity maka otomatis xml tersebut dibuat, jadi kita tidak perlu membuatnya lagi.

1. Buka activity_main.xml, sesuaikan kode nya seperti dibawah ini :

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Alas" />

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

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

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


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="end">

        <Button
            android:id="@+id/btnCalculate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hitung" />
        <Button
            android:id="@+id/btnClear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/clear" />

    </LinearLayout>


    <TextView
        android:id="@+id/tvResult"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="end"
        android:textSize="23sp"
        android:textStyle="bold"/>
</LinearLayout>

Setelah kita selesai membuat tampilan nya maka hasil dari codingnya bisa dilihat di Design disebelah kiri Text seperti gambar ini :

Hasil dari membuat tampilan

Penjelasan Kode :

1. Linear Layout : Viewgrup dengan tampilan satu arah, horizontal ataupun vertical.
2. TextView : View untuk menampilkan teks atau label.
3. EditText : View yang berguna untuk menampung inputan user
4. Button : View untuk memberi aksi ketika diklik

Membuat Logic Code

Setelah selesai membuat tampilan kita perlu untuk membuat logic code supaya aplikasi kita bisa berfungsi dengan baik. Buka MainActivity.java kemudian tambahkan kode berikut :

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    EditText edtAlas, edtTinggi;
    Button btnHitung, btnClear;
    TextView tvResult;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        edtAlas = findViewById(R.id.edtAlas);
        edtTinggi = findViewById(R.id.edtTinggi);
        btnHitung = findViewById(R.id.btnCalculate);
        tvResult = findViewById(R.id.tvResult);
        btnClear = findViewById(R.id.btnClear);


        btnHitung.setOnClickListener(this);
        btnClear.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.btnCalculate){
            String alas = edtAlas.getText().toString().trim();
            String tinggi = edtTinggi.getText().toString().trim();

            boolean isEmpty = false;

            if (TextUtils.isEmpty(alas)){
                isEmpty = true;
                edtAlas.setError("Field Panjang Tidak Boleh Kosong !");
            }
            if (TextUtils.isEmpty(tinggi)){
                isEmpty = true;
                edtTinggi.setError("Field Panjang Tidak Boleh Kosong !");
            }

            if (!isEmpty){
                double a = Double.parseDouble(alas);
                double t = Double.parseDouble(tinggi);

                double volume = 0.5 * a * t;
                tvResult.setText(String.valueOf(volume));
            }

        }
        if (v.getId() == R.id.btnClear){
            edtAlas.setText("");
            edtTinggi.setText("");
            tvResult.setText("");
        }
    }
}

Langkah terakhir, kia menjalankan aplikasi yang telah kita buat. Untuk cara menjalankannya kita bisa menggunakan real device atau emulator disini saya menggunakan real device.
Pada real device ini kita perlu untuk mengaktifkan Mode Pengembang dan Debugging USB, untuk cara ini saya anggap teman-teman sudah diaktifkan. kemudian sambungkan hape ke komputer, sampai muncul nama device teman-teman, setelah muncul kita jalankan aplikasi dengan klik sebelah kanan nama device, icon segitiga hijau, tunggu beberapa menit proses instalasi.

Maka akan tampil seperti ini.

Hasil Aplikasi

Nah itulah aplikasi yang kita buat yaitu menghitung luas segitiga, misal teman-teman mau mengganti rumus bisa dilakukan di MainActivity.java .

Untuk project Aplikasi Sederhana ini sudah saya buat di github saya, silahkan kunjungi :

Github Saya

Bagikan Artikel ini

Berlangganan update artikel terbaru via email: