Membuat aplikasi BMI Calculator

 


https://zcs06ulct06.zapp.page/#/

🌟 Membuat Aplikasi BMI Calculator Sederhana Menggunakan Flutter

Di era digital saat ini, teknologi dapat dimanfaatkan untuk membantu berbagai aktivitas sehari-hari, salah satunya dalam bidang kesehatan. Pada artikel ini, saya akan membahas sebuah aplikasi sederhana yang saya buat menggunakan Flutter, yaitu BMI Calculator – Azzura.

Aplikasi ini dirancang untuk menghitung Body Mass Index (BMI) dengan cepat dan mudah. BMI merupakan indikator yang sering digunakan untuk mengetahui kondisi berat badan seseorang berdasarkan tinggi dan berat badannya.

🎯 Tujuan Pembuatan Aplikasi

Tujuan dari pembuatan aplikasi BMI Calculator ini adalah:

  • Melatih pemahaman dasar dalam pengembangan aplikasi Flutter

  • Menerapkan logika perhitungan sederhana

  • Membuat aplikasi yang bermanfaat dan mudah digunakan

  • Menyajikan hasil perhitungan BMI beserta saran kesehatan

📱 Fitur Utama Aplikasi

Aplikasi BMI Calculator – Azzura memiliki beberapa fitur utama, antara lain:

  • Input tinggi badan (cm)

  • Input berat badan (kg)

  • Tombol Hitung BMI

  • Menampilkan nilai BMI

  • Menampilkan kategori BMI

  • Menampilkan saran kesehatan sesuai hasil perhitungan

Semua fitur tersebut dikemas dalam tampilan yang sederhana namun fungsional.

⚙️ Cara Kerja Aplikasi

Pengguna cukup memasukkan tinggi badan dan berat badan pada kolom yang telah disediakan. Setelah itu, pengguna menekan tombol Hitung BMI, lalu aplikasi akan memproses data tersebut menggunakan rumus:

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

Hasil perhitungan BMI akan langsung ditampilkan di layar, lengkap dengan kategori dan saran yang relevan.

📊 Kategori BMI dan Saran

Aplikasi ini mengelompokkan hasil BMI ke dalam beberapa kategori, yaitu:

  • Berat Badan Kurang
    Menampilkan saran untuk memperbaiki pola makan dan asupan gizi.

  • Berat Badan Normal
    Memberikan saran untuk mempertahankan pola hidup sehat.

  • Berat Badan Berlebih
    Menyarankan aktivitas fisik ringan dan pengaturan pola makan.

  • Obesitas
    Memberikan saran untuk menerapkan gaya hidup sehat dan mempertimbangkan konsultasi dengan tenaga kesehatan.

Saran yang diberikan bersifat edukatif, positif, dan tidak menghakimi, sehingga aman dan nyaman untuk semua pengguna.

🎨 Tampilan Aplikasi

Aplikasi ini menggunakan AppBar sederhana dengan judul BMI Calculator – Azzura. Di bagian utama terdapat beberapa widget penting seperti TextField, ElevatedButton, dan Text yang disusun menggunakan Column. Desain ini dibuat agar tampilan aplikasi terlihat rapi, bersih, dan mudah dipahami oleh pengguna.

📝 Kesimpulan

Melalui pembuatan aplikasi BMI Calculator ini, saya mempelajari berbagai konsep dasar Flutter, seperti:

  • Penggunaan StatefulWidget

  • Pemanfaatan TextEditingController

  • Penerapan logika perhitungan di Flutter

  • Penggunaan setState() untuk memperbarui tampilan secara dinamis

Aplikasi ini sangat cocok dijadikan sebagai latihan Flutter untuk pemula, tugas sekolah, maupun proyek sederhana untuk portofolio. Ke depannya, aplikasi ini masih bisa dikembangkan dengan tampilan yang lebih menarik atau fitur tambahan lainnya.

Komentar

Posting Komentar

Postingan populer dari blog ini

ARTIKEL PENGEMBANGAN GIM

Gambar
ARTIKEL 1:  PANDUAN LENGKAP MEMULAI PENGEMBANGAN GIM UNTUK PEMULA Mengapa Perkembangan Industri Gim Terus Meningkat? Industri gim global telah berkembang pesat dalam dekade terakhir, dengan nilai pasar yang diperkirakan mencapai $200 miliar pada tahun 2023. Pertumbuhan ini tidak hanya didorong oleh kemajuan teknologi, tetapi juga oleh demokratisasi tools pengembangan gim yang membuat siapa pun bisa menjadi developer. Artikel ini akan membimbing Anda melalui langkah-langkah dasar memulai perjalanan pengembangan gim. Langkah 1: Memilih Genre dan Platform yang Tepat Pemilihan Genre - Casual Games: Cocok untuk pemula, contoh: puzzle, match-3 - Mobile Games: Pasar luas, development cycle singkat - Indie Games: Fokus pada cerita dan gameplay unik Pemilihan Platform - Mobile: Unity, Unreal Engine, Godot - PC/Console: Unreal Engine, Unity, CryEngine - Web: Phaser.js, Babylon.js, Three.js -Langkah 2: Tools dan Software yang Direkomendasikan Game Engine Populer: 1. Unity (C#)    - ...
Baca selengkapnya

Membuat Halaman Data Kelompok Belajar dengan Flutter dan Dart

Gambar
 Judul: Membuat Halaman Data Kelompok Belajar dengan Flutter dan Dart Isi Artikel: Flutter adalah framework open-source yang dikembangkan oleh Google untuk membuat aplikasi mobile, web, dan desktop dengan satu basis kode. Dalam artikel ini, saya akan berbagi contoh sederhana bagaimana membuat halaman data kelompok belajar menggunakan Flutter dan Dart. 📌 Fitur yang Dibuat 1. Bagian atas menampilkan nama kelompok. 2. Menampilkan foto anggota kelompok lengkap dengan data: Nama Nomor Absen Alamat kelas hobby no hp 3. Di bagian bawah terdapat sebuah tombol. Jika ditekan, akan muncul popup ucapan terima kasih. Hasil yang Diharapkan Dengan kode di atas, aplikasi akan menampilkan: Nama kelompok di bagian atas. Daftar anggota dengan foto dan data lengkap. Tombol di bagian bawah yang menampilkan popup ucapan terima kasih. contoh kode: import 'package:flutter/material.dart'; void main() {   runApp(const MyApp()); } class MyApp extends StatelessWidget {   const MyApp({super.key}); ...
Baca selengkapnya

Eksperimen Layout Dasar Flutter

Gambar
https://zapp.run/edit/flutter-zia406utia50?entry=lib/main.dart&file=lib/main.dart https://zapp.run/edit/flutter-zvl8067rvl90?entry=lib/main.dart&file=lib/main.dart 🧑‍💻 Belajar Flutter: Perbedaan Penggunaan Row dan Column pada Widget Text Flutter merupakan framework populer dari Google yang digunakan untuk membangun aplikasi mobile dengan tampilan yang menarik dan responsif. Pada kesempatan kali ini, saya mencoba membuat latihan Flutter sederhana dengan fokus pada penggunaan widget Row dan Column untuk mengatur tata letak teks di layar aplikasi. Aplikasi ini menggunakan AppBar sederhana dengan judul “Azzura Latihan Flutter” serta warna biru muda yang memberi kesan bersih dan nyaman dilihat. 📱 Tampilan Kedua: Menggunakan Widget Row Pada contoh kedua, saya menggunakan widget Row untuk menampilkan beberapa widget Text secara horizontal atau berjajar ke samping. Dengan bantuan properti mainAxisAlignment: MainAxisAlignment.spaceEvenly , setiap teks akan memiliki jarak yang s...
Baca selengkapnya