Membuat aplikasi BMI Calcurator sederhana

 

📱 Membuat Aplikasi BMI Calculator Menggunakan Flutter (Lengkap & Terperinci)

Pada kesempatan ini, saya akan membagikan pengalaman sekaligus hasil belajar saya dalam membuat sebuah aplikasi mobile sederhana menggunakan Flutter, yaitu aplikasi BMI Calculator Pro. Aplikasi ini berfungsi untuk menghitung Body Mass Index (BMI) atau Indeks Massa Tubuh berdasarkan data yang dimasukkan oleh pengguna, seperti nama, jenis kelamin, tinggi badan, berat badan, dan umur.

Project ini saya buat sebagai latihan untuk memahami konsep dasar Flutter, mulai dari pembuatan tampilan (UI), pengelolaan state, hingga navigasi antar halaman.

🔎 Apa Itu BMI?

BMI (Body Mass Index) adalah metode perhitungan sederhana untuk mengetahui apakah berat badan seseorang termasuk kurus, normal, gemuk, atau obesitas berdasarkan tinggi dan berat badan.

Rumus BMI yang digunakan dalam aplikasi ini adalah:

BMI = Berat Badan (kg) / (Tinggi Badan (m) × Tinggi Badan (m))

Hasil perhitungan BMI kemudian dikategorikan menjadi:

Kurus: BMI < 18,5

Normal: 18,5 – 24,9

Gemuk: 25 – 29,9

Obesitas: ≥ 30

⚙️ Fitur Aplikasi BMI Calculator Pro

Aplikasi yang saya buat memiliki beberapa fitur utama, yaitu:

✅ Input nama pengguna

✅ Pilihan jenis kelamin (laki-laki / perempuan)

✅ Pengaturan tinggi badan menggunakan slider

✅ Pengaturan berat badan dan umur dengan tombol tambah & kurang

✅ Perhitungan BMI secara otomatis

✅ Menampilkan kategori hasil BMI

✅ Menampilkan tips kesehatan sesuai hasil BMI

✅ Progress bar untuk visualisasi nilai BMI

✅ Tema Light Mode & Dark Mode

✅ Navigasi halaman dari halaman input ke halaman hasil

Dengan fitur-fitur tersebut, aplikasi ini tidak hanya menghitung BMI, tetapi juga memberikan edukasi kesehatan sederhana kepada pengguna.

🧠 Konsep Flutter yang Dipelajari

Dalam pembuatan aplikasi ini, saya mempelajari dan menerapkan beberapa konsep penting Flutter, di antaranya:

StatefulWidget untuk mengelola perubahan data seperti berat badan, umur, dan tinggi badan

Navigator untuk berpindah halaman dari halaman input ke halaman hasil

TextEditingController untuk mengambil input nama pengguna

ThemeMode (Light & Dark Mode) untuk mengganti tema aplikasi

Widget UI seperti Card, Slider, Row, Column, IconButton, dan ElevatedButton

Penggunaan enum untuk pilihan jenis kelamin

AnimatedContainer & LinearProgressIndicator untuk tampilan yang lebih interaktif

Project ini sangat membantu saya memahami bagaimana cara kerja state management sederhana pada Flutter.

🎯 Tujuan dan Manfaat Project

Tujuan dibuatnya aplikasi ini adalah:

Melatih kemampuan membuat aplikasi Flutter dari nol

Memahami konsep UI/UX dasar pada aplikasi mobile

Menerapkan perhitungan logika sederhana dalam aplikasi

Menambah portofolio project Flutter

Manfaatnya:

Menambah pengalaman dalam pengembangan aplikasi mobile

Bisa dijadikan contoh project untuk tugas sekolah/kuliah

Bisa dikembangkan lagi menjadi aplikasi kesehatan yang lebih lengkap

🚀 Rencana Pengembangan Selanjutnya

Ke depannya, aplikasi ini masih bisa dikembangkan dengan fitur tambahan, seperti:

Menyimpan riwayat hasil BMI pengguna

Grafik perkembangan BMI

Rekomendasi menu makanan sehat

Pengingat olahraga

Login dan profil pengguna

Integrasi dengan database atau Firebase

✍️ Penutup

Membuat aplikasi BMI Calculator Pro dengan Flutter menjadi pengalaman belajar yang sangat bermanfaat bagi saya. Dari project ini, saya belajar bagaimana menggabungkan logika perhitungan, desain antarmuka, serta navigasi halaman dalam satu aplikasi mobile yang utuh.

Semoga project ini bisa menjadi inspirasi bagi teman-teman yang sedang belajar Flutter atau ingin mulai membuat aplikasi mobile sendiri.

Terima kasih sudah membaca, semoga bermanfaat 🙌