BMI CALCULATOR- DARA




# 🧮 BMI Calculator Pro_Dara – Aplikasi Flutter dengan Saran Kesehatan


Saya membuat sebuah aplikasi Flutter sederhana bernama **BMI Calculator Tambahan_Dara**.

Aplikasi ini digunakan untuk menghitung **Body Mass Index (BMI)** berdasarkan berat badan dan tinggi badan pengguna, lalu menampilkan kategori BMI beserta saran makanan dan olahraga.


Aplikasi ini cocok untuk pemula yang sedang belajar Flutter karena kodenya mudah dipahami dan tampilannya sudah dibuat lebih modern menggunakan Card, ikon, serta warna yang menarik.


---


## 🎯 Tujuan Pembuatan Aplikasi


Aplikasi ini dibuat untuk:


* Membantu pengguna mengetahui status berat badan

* Memberikan saran pola makan sederhana

* Memberikan rekomendasi olahraga sesuai kategori BMI

* Menjadi contoh project Flutter bagi pemula


---


## ✨ Fitur Utama


Beberapa fitur yang tersedia pada aplikasi ini:


* Input umur, berat badan, dan tinggi badan

* Perhitungan BMI otomatis

* Menampilkan kategori (Kurus, Normal, Gemuk, Obesitas)

* Saran makanan dan olahraga

* Tampilan modern dan tidak polos

* Tema warna maroon elegan


---


## ⚙️ Cara Kerja Aplikasi


1. Pengguna memasukkan umur, berat badan, dan tinggi badan

2. Menekan tombol **Hitung BMI**

3. Aplikasi menghitung BMI menggunakan rumus:


**BMI = berat badan / (tinggi badan × tinggi badan)**


4. Hasil BMI dan kategori ditampilkan

5. Aplikasi memberikan saran makanan dan olahraga sesuai hasil


---


## 🧠 Kategori BMI


* Kurus → BMI < 18.5

* Normal → 18.5 – 24.9

* Gemuk → 25 – 29.9

* Obesitas → ≥ 30


---


## 🌐 Demo Aplikasi


Aplikasi dapat dicoba melalui link berikut:

👉 [https://zc1006sfc110.zapp.page/#/](https://zc1006sfc110.zapp.page/#/)


---


## 💻 Menjadikan Aplikasi sebagai Aplikasi di Chrome


Aplikasi ini juga bisa dipasang seperti aplikasi di laptop atau HP menggunakan Google Chrome.


Langkah-langkahnya:


1. Buka link aplikasi di Chrome

2. Klik ikon **tiga titik (⋮)** di pojok kanan atas

3. Pilih **Install App** atau **Tambahkan ke layar utama**

4. Klik **Install**


Setelah terpasang, aplikasi akan muncul seperti aplikasi biasa dan bisa dijalankan tanpa membuka browser.


---


## ✅ Keuntungan Mode Aplikasi


* Tampilan lebih fokus

* Akses lebih cepat

* Cocok untuk demo dan presentasi

* Terlihat seperti aplikasi asli


---


## 📌 Kesimpulan


**BMI Calculator Tambahan_Dara** adalah aplikasi Flutter sederhana namun bermanfaat untuk mengetahui kondisi berat badan dan menjaga pola hidup sehat.

Aplikasi ini juga dapat dikembangkan lebih lanjut dengan fitur seperti riwayat perhitungan, grafik BMI, dark mode, dan login pengguna.


Semoga aplikasi ini bermanfaat dan bisa menjadi referensi bagi teman-teman yang sedang belajar Flutter.


---


Komentar

Posting Komentar

Postingan populer dari blog ini

artikel mengenai pengembangan gim

Gambar
Dara Tri Yuliani  XI RPL 1 **Artikel 1: Memulai Perjalanan Pengembangan Gim: Panduan untuk Pemula** **Pendahuluan** Industri gim telah berkembang pesat, menawarkan peluang menarik bagi para peminat. Jika Anda tertarik untuk menciptakan dunia virtual Anda sendiri, artikel ini adalah tempat yang tepat untuk memulai. Kami akan membahas dasar-dasar pengembangan gim, memberikan panduan langkah demi langkah untuk membantu Anda memulai perjalanan yang menyenangkan ini. ** Analisis ** Artikel ini bertujuan untuk memberikan gambaran umum tentang pengembangan gim, cocok untuk pemula yang ingin memahami proses dan alat yang diperlukan. **Langkah-langkah** * ** Langkah 1  Memahami Dasar-Dasar Pengembangan Gim**     Sebelum terjun lebih dalam, penting untuk memahami konsep dasar. Pengembangan gim melibatkan beberapa aspek, termasuk:     * **Desain Gim:** Memikirkan ide gim, genre, target audiens, dan mekanisme permainan.     * **Pemrograman:** Menulis ko...
Baca selengkapnya

MEMBUAT LAYOUT RESPONSIF DAN NAVIGASI APLIKASI

Gambar
📱 Materi: Membuat Layout Responsif dan Navigasi Aplikasi 1. Pengantar Dalam pengembangan aplikasi mobile (misalnya dengan Flutter ), dua hal penting yang harus diperhatikan adalah: Layout Responsif – tampilan aplikasi bisa menyesuaikan ukuran layar (smartphone, tablet, web). Navigasi Aplikasi – cara pengguna berpindah dari satu halaman ke halaman lain. 2. Membuat Layout Responsif a. Mengapa Responsif? Tidak semua pengguna memakai perangkat dengan ukuran layar yang sama. Aplikasi harus tetap nyaman dilihat, baik di layar kecil maupun besar. Responsif meningkatkan User Experience (UX) . b. Teknik Membuat Layout Responsif di Flutter MediaQuery Digunakan untuk mendapatkan ukuran layar. double width = MediaQuery.of(context).size.width; double height = MediaQuery.of(context).size.height; Contoh penggunaan: Container( width: MediaQuery.of(context).size.width * 0.8, height: 200, color: Colors.blue, ) LayoutBuilder Menyesuaikan tampilan berdas...
Baca selengkapnya

Membuat halaman Data Kelompok Belajar Zapp.run

Membuat Halaman Data Kelompok Belajar dengan Flutter di Zapp.run Flutter adalah framework yang sangat populer untuk membuat aplikasi mobile cross-platform (Android & iOS). Kali ini kita akan belajar membuat satu halaman aplikasi yang menampilkan data kelompok belajar dengan foto anggota, detail informasi (nama, no absen, alamat, kelas, hobi), serta tombol di bagian bawah yang memunculkan popup sederhana. Struktur Halaman yang Akan Dibuat Bagian atas → Judul "Wededen Squad". Bagian isi → Daftar anggota kelompok dengan foto, nama, no absen, alamat. Jika salah satu anggota ditekan, akan terbuka halaman detail berisi informasi lebih lengkap. Bagian bawah → Tombol "Awas Meledug". Jika ditekan, akan muncul popup dengan pesan salam. Persiapan di Zapp.run Masuk ke Zapp.run. Buat project Flutter baru. Simpan foto anggota kelompok di folder assets/ pada project. Tambahkan path assets di file pubspec.yaml. Contoh: flutter: assets: - assets/Azka.jpg ...
Baca selengkapnya