Membuat BMI CALC APPS Di Flutter

-

 

📝 Judul Blog: Aplikasi BMI Aesthetic & Simple untuk Membantu Memantau Kesehatan Tubuh

Di era sekarang, menjaga kesehatan tubuh bukan lagi hal yang sulit. Banyak alat bantu digital yang bisa kita gunakan untuk memantau kondisi tubuh—salah satunya adalah aplikasi BMI Calculator.
Nah, kali ini saya membuat sebuah aplikasi BMI (Body Mass Index) berbasis Flutter yang tampilannya aesthetic, sederhana, dan mudah digunakan, serta dapat dijalankan langsung di ZappRunn tanpa instalasi tambahan.

🌟 Apa Itu BMI?

BMI atau Body Mass Index adalah sebuah metode sederhana yang digunakan untuk memperkirakan apakah berat badan seseorang berada dalam kisaran yang sehat berdasarkan tinggi badan.
Meskipun tidak menggambarkan kondisi kesehatan secara keseluruhan, BMI tetap menjadi alat dasar yang cukup populer untuk memantau kategori berat badan.

⚠️ Catatan penting: Hasil BMI bukan diagnosis kesehatan. Setiap tubuh itu unik. Untuk interpretasi lebih lengkap, sebaiknya konsultasi ke tenaga kesehatan.

🎨 Tampilan Aesthetic dan User-Friendly



Aplikasi BMI ini dirancang dengan tampilan yang:

✨ Soft gradient
✨ Card semi-transparan
✨ Ikon intuitif
✨ Pemisahan input yang rapi
✨ Tombol elegan dan responsif

Pengguna bisa memasukkan tinggi badan dan berat badan, lalu aplikasi akan menghitung nilai BMI secara otomatis dan menunjukkan kategori seperti:

  • Underweight

  • Normal Range

  • Overweight

  • Obese

Semua disajikan dalam tampilan yang bersih dan enak dipandang.

⚙️ Fitur yang Tersedia

Berikut fitur-fitur utama aplikasi BMI ini:

✔ 1. Input Tinggi & Berat

Pengguna cukup mengisi tinggi badan (cm) dan berat badan (kg). Panel input didesain nyaman untuk perangkat mobile maupun desktop.

✔ 2. Kalkulasi BMI Instan

Dengan satu tombol “Hitung BMI”, aplikasi langsung menampilkan angka BMI pengguna.

✔ 3. Kategori BMI Otomatis

Aplikasi menjelaskan kategori BMI sesuai standar internasional sehingga pengguna lebih mudah memahami hasilnya.

✔ 4. Tampilan Ringan & Cepat

Cocok digunakan di browser ZappRunn tanpa lag, tanpa instalasi tambahan.

✔ 5. UI Aesthetic

Menggunakan warna pastel, gradient halus, dan typography modern untuk pengalaman yang menyenangkan.



Nama : Muhammad Rasya Raka Pratama

Kelas : XI RPL 1

Komentar

Posting Komentar

Postingan populer dari blog ini

Mendesain Prototype Aplikasi Social Dan Didalamnya Ada Ask, Send Dan Ada Room Discuss

-
Gambar
  Mendesain UI/UX Aplikasi Forum Sosial di Figma Bisa dilihat disini: https://www.figma.com/proto/DFQw2sn0b0H6a2DpDxq3AW/Untitled?node-id=2-63&p=f&t=ARyjIO3GyC36Yv9A-1&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=2%3A43&show-proto-sidebar=1 Dalam dunia digital saat ini, UI (User Interface) dan UX (User Experience) memegang peranan penting dalam kesuksesan sebuah aplikasi. Desain yang menarik namun tetap fungsional akan membuat pengguna betah berinteraksi. Pada artikel ini, kita akan membahas contoh desain aplikasi forum sosial menggunakan Figma , dengan referensi konsep dari prototipe yang ditampilkan pada mockup mobile. 1. Konsep Desain Tema desain yang dipilih adalah aplikasi forum sosial anonim , tempat pengguna bisa berbagi pemikiran, pengalaman, maupun curahan hati. Elemen yang ditampilkan antara lain: Header sederhana dengan ikon profil, notifikasi, dan pengaturan. Kolom interaksi (Ask | Respon | Send...
Baca selengkapnya

Membuat Pinterest Clone Dengan Menggunakan Flutter | 4 Navbar | MUHAMMAD RASYA RAKA P

-
Gambar
 Baik, aku buatkan ringkasannya berdasarkan project Flutter yang sudah kamu kerjakan 👇 📌  Project Flutter: Pinterest Clone dengan Navbar Project ini adalah aplikasi Flutter sederhana yang meniru tampilan Pinterest , dengan tambahan navigasi Bottom Navigation Bar untuk berpindah antar halaman (Home, Search, Favorite, Profile). ✨ Fitur Utama: Halaman Home (Pinterest Style) Menampilkan grid foto dengan desain mirip Pinterest. Setiap foto punya judul + ikon kategori (Travel, Food, Music, Fashion, Nature, Tech, Sport, Art). Saat ditekan, muncul notifikasi SnackBar berisi kategori yang dipilih. Halaman Search Memiliki AppBar bertuliskan "Search" . Body menampilkan teks besar "Halaman Pencarian" . Halaman Favorite AppBar bertuliskan "Favorite" . Body menampilkan teks besar "Halaman Favorit" . Halaman Profile AppBar bertuliskan "Profile" . Body menampilkan teks besar "Halaman Profil...
Baca selengkapnya

JEJAK DAN LANGKAH ABU ABDULLAH AL MUTHI NAWAWI AL TANARI AL BANTHANI

-
Gambar
  1. Riwayat Hidupnya  Nama lengkap beliau adalah Abu Abdul Mu’ti Muhammad bin Umar al-Tanara al Jawi al-Bantani. Dikenal juga dengan nama Muhammad Nawawi al-Jawi al-Bantani. Lebih terkenal dengan nama Syekh atau Imam Nawawi Banten. Ayahnya adalah Umar bin Arabi yang merupakan seorang ulama di Bante n.  Dikisahkan juga, bahwa Syekh Nawawi masih keturunan dari Sunan Gunung Jati (salah satu Wali Songo) dari Sultan Banten I, yakni Maulana Hasanuddin. Imam Nawawi juga dikabarkan masih memiliki jalur nasab dari Sayyidina Husein r.a, salah satu cucu Rasulullah Saw. selain Sayyidina Hasan r.a.  Sebutan al-Jawi, menunjukkan bahwa beliau berasal dari Pulau Jawa, sebab Banten menjadi bagian dari Pulau Jawa. Namun, di seantero dunia, beliau diberi gelar Sayyidul Hijaz (Maha Guru Jazirah Arab, Saudi Arabia sekarang). Kebesaran nama Imam Nawawi sepadan dengan Imam Syafi’i (salah satu tokoh madzhab, sehingga dikenal dengan Madzhab Syafi’i). Beliau dilahirkan di Kampung Tanara, Ser...
Baca selengkapnya