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 :
- Name : Nama Project Aplikasi, disini saya mengisikan nya Bangun Datar
- Package Name : Nama package aplikasi, jika teman-teman memiliki domain bisa diisi sesuai domain.
- Save Location : Tempat untuk menyimpan project aplikasi, biasanya defalut nya yaitu di AndroidStudioProjects
- Language : Bahasa pemrograman yang akan digunakan untuk aplikasi ini, kita pilih yang Java
- 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.
- 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 :
- Linear Layout : Viewgrup dengan tampilan satu arah, horizontal ataupun vertical.
- TextView : View untuk menampilkan teks atau label.
- EditText : View yang berguna untuk menampung inputan user
- 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 |
Untuk project Aplikasi Sederhana ini sudah saya buat di github saya, silahkan kunjungi :
Belum ada Komentar untuk "Tutorial Membuat Aplikasi Sederhana Android Studio"
Posting Komentar