membuat aplikasi BMI CALC APPS

 Penjelasan BMI Calculator App

LINK : https://z8fa06fe8fb0.zapp.page/#/

1. Pengertian

BMI Calculator App adalah aplikasi yang digunakan untuk menghitung Body Mass Index (BMI) seseorang. BMI adalah angka yang menunjukkan tingkat kesehatan berat badan seseorang berdasarkan berat badan (kg) dan tinggi badan (cm).

BMI sering digunakan untuk mengetahui apakah berat badan seseorang termasuk:

Kurus

Normal

Overweight (kelebihan berat badan)

Obesitas


2. Tujuan Aplikasi


Membantu pengguna mengetahui status berat badan secara cepat.

Memberikan kategori BMI dan saran kesehatan sesuai hasil perhitungan.

Sebagai alat edukasi kesehatan bagi pengguna umum maupun pelajar.


3. Fitur Utama


Input Berat Badan – menggunakan slider, nilai tampil secara real-time.

Input Tinggi Badan – menggunakan slider, nilai tampil secara real-time.

Perhitungan BMI – menggunakan rumus:


BMI

=

Berat (kg)

(

Tinggi (m)

)

2

BMI=

(Tinggi (m))

2

Berat (kg)

Kategori BMI – hasil dibagi menjadi: Kurus, Normal, Overweight, dan Obesitas.

Saran Kesehatan – tips sesuai kategori BMI, misal menambah gizi, olahraga, atau konsultasi medis.

Tampilan Visual – background ungu muda, warna kategori berbeda, nama aplikasi dan pembuat (Fitra Anzani) di header.


4. Cara Kerja


Pengguna memilih berat dan tinggi menggunakan slider.

Aplikasi menghitung BMI berdasarkan input.

Aplikasi menampilkan angka BMI, kategori, dan saran kesehatan.

UI akan menyesuaikan warna sesuai kategori (misal biru untuk kurus, hijau normal, oranye overweight, merah obesitas).


5. Keunggulan

Mudah digunakan untuk semua usia.

UI sederhana dan menarik dengan warna ungu muda.

Memberikan informasi kategori & saran kesehatan secara jelas.

Responsif dan aman, tidak menimbulkan error.


6. Kekurangan & Pengembangan

Belum ada input umur dan jenis kelamin.

Belum ada riwayat BMI untuk melihat perkembangan.

Belum ada progress bar visual atau grafik.

Belum ada dark mode / tema tambahan.

Pengembangan yang disarankan:

Tambahkan input usia & jenis kelamin untuk personalisasi BMI.

Tambahkan grafik atau progress bar untuk visualisasi BMI.

Simpan hasil BMI agar bisa dicek kembali.

Tambahkan opsi reset untuk slider.

7. Kesimpulan

BMI Calculator App adalah aplikasi edukatif yang membantu pengguna mengetahui status berat badan secara cepat dan praktis.

Dengan UI menarik, saran kesehatan jelas, dan interaktif, aplikasi ini cocok digunakan sebagai alat pendidikan kesehatan maupun proyek Flutter sederhana.

Comments

Post a Comment

Popular posts from this blog

membuat halaman data kelompok

 Belajar Flutter: Membuat Halaman Data Kelompok Belajar Halo teman-teman! 👋 Beberapa waktu lalu saya sedang belajar Dart & Flutter dan mencoba membuat sebuah project sederhana. Tujuannya adalah menampilkan data kelompok belajar di dalam 1 halaman aplikasi. Project ini sangat cocok untuk pemula yang ingin berlatih layout, menampilkan data, dan membuat popup dialog di Flutter. Konsep Halaman yang Dibuat Struktur halaman yang saya rancang sebagai berikut: Bagian atas → Nama kelompok. Di bawahnya → Foto kelompok secara keseluruhan. Selanjutnya → Daftar anggota (berisi foto, nama, nomor absen, dan alamat). Di bagian bawah → Tombol yang bila ditekan akan memunculkan popup dialog berisi rincian anggota kelompok: Nama lengkap Nama kelompok Nomor absen Alamat rumah Kode Program Lengkap (main.dart) Berikut kode lengkap yang saya tulis di main.dart menggunakan zapp.run. Foto-foto anggota disimpan di folder assets/, jadi pastikan kamu menaruh gambar sesuai dengan path yang dipanggil. impo...
Read more

INSTRAGRAM

Image
  📱 Perjalanan Belajarku di Dunia Pemrograman Mobile: Fokus UI/UX Design Halo teman-teman! 👋 Hari ini aku ingin berbagi sedikit cerita dan pengalaman tentang proses belajarku di dunia pemrograman mobile , terutama saat ini aku sedang fokus di tahap UI/UX design — bagian yang menurutku sangat menarik dan menantang! 🔍 Kenapa UI/UX Penting dalam Pemrograman Mobile? Sebelumnya, aku mengira belajar coding untuk aplikasi mobile hanya tentang logika dan syntax. Tapi ternyata, desain antarmuka (UI) dan pengalaman pengguna (UX) punya peran besar dalam keberhasilan suatu aplikasi. Contohnya: Aplikasi bisa punya fitur canggih, tapi kalau tampilannya membingungkan, orang enggan memakainya. UX yang buruk bisa bikin user langsung uninstall meskipun aplikasinya sebenarnya berguna. Makanya, aku mulai menggali lebih dalam soal desain aplikasi yang user-friendly, intuitif, dan estetik . 🛠 Tools yang Aku Gunakan Saat ini, aku sedang belajar dan mencoba berbagai tools UI/UX, da...
Read more

Membuat layout responsif

Image
   LINK:  https://zapp.run/edit/flutter-zi14q06m2i14r?entry=lib/main.dart&file=lib/main.dart  ✨ Perawatan Kulit: Rahasia Kulit Sehat dan Bersinar ✨ Merawat kulit bukan hanya soal penampilan, tapi juga tentang bagaimana kita menjaga kesehatan diri. Skincare adalah bentuk investasi jangka panjang agar kulit tetap sehat, segar, dan percaya diri dalam setiap aktivitas. 🌿 Mengapa Skincare Penting? Kulit setiap hari terpapar polusi, sinar matahari, dan debu. Tanpa perawatan yang tepat, kulit bisa menjadi kusam, berjerawat, atau menua lebih cepat. Dengan skincare rutin, kita membantu kulit tetap terlindungi, ternutrisi, dan lebih bercahaya. 💧 Langkah Dasar Skincare yang Wajib Dicoba: 1. Cleansing – Membersihkan kotoran dan sisa makeup. 2. Toner – balikan kelembapan kulit. 3. Serum – Memberikan nutrisi sesuai kebutuhan kulit. 4. Moisturizer – Mengunci kelembapan agar kulit tetap sehat. 5. Sunscreen – Perlindungan utama dari sinar UV. 🌸 Tips: Konsistenlah dengan rutini...
Read more