UI,LOGIC & STATE IN FLUTTER BMI CALC APPS



 Pada pembelajaran kali ini, saya mempelajari dasar-dasar penggunaan Flutter, khususnya tentang hubungan antara UI (tampilan), logika, dan state (data) dalam sebuah aplikasi. Materi ini menggunakan contoh pembuatan kalkulator BMI untuk membantu saya memahami bagaimana sebuah aplikasi bekerja dari dalam.


Sebelumnya, untuk mengetahui hasil BMI, saya biasanya hanya melihatnya melalui website. Namun, pada pembelajaran ini, saya belajar bagaimana mengubah perhitungan tersebut menjadi aplikasi buatan sendiri. Dengan begitu, saya tidak hanya menjadi pengguna, tetapi juga mampu membuat aplikasi yang bisa digunakan secara mandiri.


Dalam Flutter, tampilan aplikasi sangat bergantung pada data yang ada. Ketika pengguna mengubah input, seperti berat badan atau tinggi badan, maka data (state) akan berubah, dan tampilan aplikasi akan otomatis diperbarui. Konsep ini disebut sebagai sistem declarative, di mana UI mengikuti perubahan data tanpa perlu diatur secara manual.


Saya juga mempelajari perbedaan antara StatelessWidget dan StatefulWidget. StatelessWidget digunakan untuk tampilan yang bersifat tetap dan tidak berubah, seperti judul atau ikon. Sedangkan StatefulWidget digunakan untuk tampilan yang datanya bisa berubah, seperti input pengguna dan hasil perhitungan BMI.


Selain itu, saya memahami struktur dasar program Flutter, mulai dari fungsi main() sebagai titik awal aplikasi, hingga penggunaan widget dari Material Design untuk membuat tampilan yang rapi dan mudah digunakan. Saya juga belajar mengelola data sederhana serta menerapkan fitur seperti membuat dan menghapus data.


Melalui praktikum ini, saya tidak hanya belajar teori, tetapi juga langsung mempraktikkan cara membuat aplikasi. Dari yang awalnya hanya melihat hasil perhitungan BMI di web, kini saya mampu membuat aplikasi sendiri. Hal ini membuat saya lebih memahami cara kerja aplikasi sekaligus meningkatkan keterampilan dalam bidang pemrograman.


https://zx1h606eux1h7.zapp.page/#/





Komentar