MEMBUAT APLIKASI KALKULATOR BMI

 Deskripsi Aplikasi Kalkulator BMI

Aplikasi yang ditampilkan pada gambar merupakan sebuah Kalkulator BMI (Body Mass Index) yang dirancang untuk membantu pengguna menghitung nilai indeks massa tubuh berdasarkan data berat dan tinggi badan. Aplikasi ini memiliki tampilan yang sederhana, modern, dan mudah dipahami sehingga pengguna dapat melakukan perhitungan BMI dengan beberapa langkah sederhana.

1. Bagian Header

Pada bagian paling atas halaman aplikasi terdapat judul “Kalkulator BMI” yang menjadi identitas utama halaman. Judul ditampilkan dengan ukuran teks yang cukup besar dan berada di tengah halaman. Di bawah judul tersebut terdapat sebuah ikon yang berfungsi sebagai ilustrasi atau identitas visual dari aplikasi.

Setelah ikon, terdapat kembali tulisan “Kalkulator BMI” dengan ukuran yang lebih besar dan lebih tebal. Tepat di bawahnya terdapat teks “Masukkan berat dan tinggi badan” yang memberikan petunjuk kepada pengguna mengenai data yang perlu dimasukkan.

2. Kolom Input Berat Badan

Pada bagian berikutnya terdapat kolom input pertama dengan label “Berat badan”. Kolom ini digunakan untuk memasukkan berat badan pengguna.

Di sebelah kiri kolom terdapat ikon yang menggambarkan berat atau massa. Kolom input memiliki bentuk persegi panjang dengan sudut yang sedikit membulat dan garis tepi yang terlihat jelas. Pengguna dapat mengetikkan nilai berat badan ke dalam kolom tersebut.

3. Kolom Input Tinggi Badan

Di bawah kolom berat badan terdapat kolom input kedua dengan label “Tinggi badan”. Kolom ini digunakan untuk memasukkan tinggi badan pengguna.

Kolom tersebut juga dilengkapi ikon di sebelah kiri yang menggambarkan ukuran tinggi. Desain kolom dibuat konsisten dengan kolom berat badan sehingga tampilan aplikasi terlihat rapi dan seragam.

4. Tombol Hitung BMI

Setelah kedua data dimasukkan, pengguna dapat menekan tombol “HITUNG BMI”. Tombol ini memiliki ukuran yang cukup besar dan ditempatkan tepat di bawah kolom input sehingga mudah ditemukan.

Fungsi utama tombol tersebut adalah menjalankan proses perhitungan BMI berdasarkan berat dan tinggi badan yang telah dimasukkan pengguna. Setelah tombol ditekan, sistem akan mengolah data tersebut dan menampilkan hasil perhitungan pada bagian hasil BMI.

5. Tombol Reset

Di bawah tombol “HITUNG BMI” terdapat tombol “RESET”. Tombol ini digunakan untuk menghapus data yang telah dimasukkan dan mengembalikan tampilan aplikasi ke kondisi awal.

Tombol reset memiliki bentuk yang serupa dengan tombol hitung, tetapi menggunakan tampilan garis tepi sehingga kedua tombol dapat dibedakan secara visual.

6. Bagian Hasil BMI

Setelah tombol reset terdapat sebuah kartu atau kotak yang digunakan untuk menampilkan hasil perhitungan. Pada bagian atas kartu terdapat tulisan “HASIL BMI” dengan ukuran teks yang cukup besar dan tebal.

Di bagian tengah kartu terdapat area untuk menampilkan nilai BMI. Pada kondisi awal, sebelum pengguna memasukkan data dan melakukan perhitungan, bagian tersebut menampilkan tanda “-”. Setelah perhitungan dilakukan, bagian ini dapat digunakan untuk menampilkan nilai BMI yang diperoleh.

Kartu hasil dibuat dengan bentuk persegi panjang dan sudut yang membulat. Selain itu, terdapat efek bayangan tipis yang membuat kartu terlihat lebih menonjol dari latar belakang.

7. Catatan Informasi

Pada bagian paling bawah aplikasi terdapat teks catatan yang menjelaskan bahwa BMI merupakan ukuran sederhana. Catatan tersebut juga memberikan informasi bahwa untuk remaja yang masih berada dalam masa pertumbuhan, penilaian kondisi tubuh sebaiknya tidak hanya berdasarkan BMI, tetapi juga mempertimbangkan usia dan pertumbuhan.

Informasi ini penting karena nilai BMI pada remaja tidak dapat dinilai dengan cara yang sama seperti pada orang dewasa. Oleh karena itu, catatan tersebut menjadi bagian penting untuk memberikan konteks kepada pengguna mengenai hasil yang diperoleh.

8. Desain dan Tampilan

Secara keseluruhan, aplikasi menggunakan desain yang minimalis dengan latar belakang berwarna terang. Elemen-elemen seperti kolom input, tombol, dan kartu hasil disusun secara vertikal sehingga alur penggunaan aplikasi mudah dipahami.

Penggunaan warna biru pada beberapa elemen memberikan kesan modern sekaligus membantu menonjolkan bagian-bagian penting, seperti ikon dan tombol. Ukuran teks juga dibuat bervariasi untuk membedakan antara judul, petunjuk, label input, tombol, dan hasil.

Tampilan aplikasi dirancang agar pengguna dapat mengikuti alur penggunaan secara berurutan, yaitu:

Memasukkan berat badan → memasukkan tinggi badan → menekan “HITUNG BMI” → melihat hasil BMI.

Jika ingin melakukan perhitungan baru, pengguna dapat menekan tombol “RESET” dan memasukkan data kembali.

Kesimpulan

Berdasarkan tampilan tersebut, aplikasi Kalkulator BMI merupakan aplikasi sederhana yang berfungsi untuk menghitung indeks massa tubuh melalui data berat dan tinggi badan. Aplikasi memiliki komponen utama berupa judul, petunjuk penggunaan, dua kolom input, tombol perhitungan, tombol reset, bagian hasil BMI, serta catatan informasi mengenai penggunaan BMI pada remaja. Dengan susunan antarmuka yang sederhana dan terstruktur, aplikasi ini dibuat agar proses memasukkan data dan melihat hasil perhitungan dapat dilakukan dengan mudah oleh pengguna.