Tutorial Button, EditText, dan Textview di Android Studio

Hai, untuk tutorial kali ini kita akan belajar tentang elemen yang bernama Button, EditText, dan Textview di Android Studio. Namun, kita tidak hanya akan belajar mengenai 3 elemen itu saja tanpa ada manfaat pada aplikasinya. Maka dari itu, kita akan belajar ketiga elemen itu sekaligus membuat aplikasi untuk menghitung BMI, sehingga aplikasi kita akan ada manfaatnya. Untuk yang belum tau apa itu BMI, bisa baca-baca disini → Apa itu BMI?
Yang akan kita buat saat ini adalah aplikasi android yang menerima input dari user (diketikkan di EditText) berupa berat badan dan tinggi badannya, lalu berdasarkan inputan tersebut kita dapat menarik kesimpulan (mendapatkan kesimpulan dengan caramenghitung BMI ketika Button di klik) apakah user berbadan kurus, normal, gemuk, atau obesitas (kesimpulan ditampilkan di Textview).

Penjelasan mengenai apa itu EditText, TextView, dan Button ada di poin (6).

1. Sekilas Mengenai BMI

Rumus Menghitung BMI dan Status Berat Badan berdasarkan BMI

Teori di atas adalah acuan kita membuat aplikasi android-nya.

2. Project Structure

Berikut adalah gambar project structure dari project android kita ini.

Project Structure

1. Class HitungBMI : Class yang berguna untuk menghitung BMI dan memberikan kesimpulan apakah user itu termasuk kurus, normal, gemuk, atau obesitas.
2. Class MainActivity : Class activity yang akan dijalankan oleh android nantinya. Di Class inilah kita akan coding untuk mendapatkan value inputan dari user berupa berat badan dan tinggi badan.
3. activity_main.xml : File XML yang berisi tampilan berupa EditText, TextView, dan Button.

3. Class HitungBMI

Seperti yang sudah dijelaskan tadi, class HitungBMI ini berguna untuk menghitung BMI berdasarkan berat badan dan tinggi badan lalu memberikan kesimpulan apakah user itu kurus, normal, gemuk, atau obesitas.

Method hitungBMI mengambil parameter beratBadan dan tinggiBadan. Method ini mengembalikan nilai statusBadan berupa string yang isinya adalah kesimpulan berupa kurus, normal, gemuk, atau obesitas.

4. Membuat tampilan di activity_main.xml

Sekarang kita akan membuat tampilan aplikasi yang akan ditampilkan ke user. Dalam tampilannya, yang kita butuhkan adalah 2 EditText (untuk tempat user input berat badan dan tinggi badan), 1 Button (apabila di klik, maka akan melakukan penghitungan BMI), 1 TextView untuk menampilkan status badan user.

5. Coding di MainActivity

Sekarang kita ke file MainActivity. Berikut adalah code awal (default) dari MainActivity.

Yang menjadi fokus utama kita terlebih dahulu adalah pada bagian setContentView(R.layout.activity_main). Maksud dari code itu adalah MainActivity ini mengambil layout bernama activity_main. Jadi, segala elemen yang ada di activity_main.xml (EditText, TextView, dan Button) tadi itu akan terhubung ke MainActivity sehingga value-value yang diinputkan di main_activity.xml bisa diakses melalui MainActivity.
Sekarang, ini adalah code dari MainActivity yang baru beserta penjelasannya di-comment.

Jika ada code di atas yang terpotong, klik tombol “view raw” di atas ini untuk melihat versi full nya.

6. SELESAI!

Yuhuuu, aplikasi penghitung BMI kita sudah selesai. Jadi ini rangkuman dari tutorial kali ini :

1. activity_main.xml adalah file yang berisikan elemen2 yang akan ditampilkan di aplikasi nantinya, dalam kasus ini elemen2 tersebut adalah EditText, TextView, dan Button.
2. EditText adalah elemen yang berfungsi untuk mengambil inputan dari user
3. TextView adalah elemen yang berfungsi untuk menampilkan output berupa text
4. Button adalah elemen yang berfungsi seperti tombol
5. MainActivity adalah class utama yang nantinya mengambil value-value yang diinputkan ke main_activity.xml
6. MainActivity dapat tersambung ke elemen2 yang ada di main_activity.xml melalui ID dari masing-masing elemen.
7. Kita tidak hanya belajar mengenai EditText, TextView, dan Button di android, namun kita juga sudah membuat sebuah aplikasi android yang memiliki manfaat, yaitu untuk menghitung BMI seseorang.