Flutter Notes by Rianto

 # BMI Calculator Apps ## Pendahuluan Di era digital saat ini, menjaga kesehatan menjadi lebih mudah dengan bantuan teknologi. Salah satu teknologi yang banyak digunakan adalah **BMI Calculator Apps**. Aplikasi ini membantu pengguna mengetahui kondisi berat badan mereka dengan cepat dan praktis melalui perhitungan **Body Mass Index (BMI)**. BMI Calculator Apps sangat populer karena mudah digunakan, ringan, dan bermanfaat untuk meningkatkan kesadaran masyarakat tentang pentingnya menjaga berat badan ideal. ## Apa itu BMI? **Body Mass Index (BMI)** adalah metode sederhana untuk mengetahui apakah berat badan seseorang termasuk kategori kurus, normal, overweight, atau obesitas berdasarkan perbandingan antara berat badan dan tinggi badan. Rumus BMI: > BMI = Berat Badan (kg) / (Tinggi Badan (m))² Hasil perhitungan BMI digunakan sebagai indikator awal kondisi tubuh seseorang. ## Fungsi BMI Calculator Apps BMI Calculator Apps memiliki beberapa fungsi utama, antara lain: * Menghitung nil...

 Eksperimen Layout Dasar Flutter Hari ini saya bereksperimen dengan layout dasar Flutter. Fokus utama saya adalah memahami perbedaan antara Column dan Row, serta bagaimana mengatur tata letak widget dengan tepat. Saya memulai dengan membuat AppBar sederhana. Awalnya menggunakan warna default, lalu saya ubah menjadi warna deepOrange dan purple untuk memberikan variasi visual. Perubahan warna ini membantu saya memahami bagaimana properti backgroundColor bekerja pada AppBar. Kemudian saya bereksperimen dengan body aplikasi. Awalnya saya menggunakan Column yang menyusun widget secara vertikal. Namun, saya ingin mencoba pendekatan berbeda sehingga menggantinya dengan Row. Perubahan ini membuat widget-widget tersusun secara horizontal dari kiri ke kanan, bukan vertikal dari atas ke bawah seperti sebelumnya. Saya juga menambahkan Padding di berbagai tempat. Padding memberikan ruang di sekitar widget, membuat tampilan tidak terlalu padat ke tepi layar. Ini penting untuk estetika dan keterb...

🧭 Pendahuluan Flutter adalah framework buatan Google yang digunakan untuk membuat aplikasi mobile, web, dan desktop dengan satu basis kode. Flutter sangat populer karena mudah digunakan, memiliki tampilan menarik, dan bisa dijalankan langsung secara online menggunakan situs Zapp.run tanpa perlu menginstal aplikasi tambahan. Pada artikel ini, kita akan membuat aplikasi kartu profil sederhana berjudul “Aku & Hobiku” , yang menampilkan data diri seperti nama, jurusan, hobi, dan cita-cita. 💡 Tujuan Membuat aplikasi Flutter sederhana yang berfungsi sebagai kartu profil pribadi , dengan minimal 5 widget berbeda serta tampilan yang rapi seperti name tag profesional . 🧱 Komponen yang Digunakan Dalam proyek ini, kita akan menggunakan beberapa widget utama Flutter , yaitu: Scaffold → struktur utama halaman AppBar → menampilkan judul aplikasi CircleAvatar → menampilkan foto profil Text → menampilkan nama, jurusan, dan deskripsi ElevatedButton → tombol “Hubungi...

Tujuan: Memperkenalkan cara kerja aplikasi Flutter sederhana dan mendapatkan masukan dari teman non-RPL. Deskripsi Kegiatan: Saya menjelaskan hasil aplikasi To-Do List yang sudah saya buat menggunakan Flutter kepada teman dari jurusan lain. Dalam kegiatan ini, saya menunjukkan tampilan antarmuka aplikasi, fitur tambah, hapus, dan centang tugas. Teman saya memberikan tanggapan agar tampilan aplikasi dibuat lebih menarik. Dokumentasi: Bersama : Nidza Findi Mufidza nur'aly XI AK 2 📸 Foto bersama teman dari jurusan lain setelah kegiatan penjelasan aplikasi.

 Halo, teman-teman! 👋 Kali ini kita akan belajar membuat aplikasi To Do List sederhana menggunakan Dart langsung di DartPad — tanpa perlu menginstal apa pun! Aplikasi To Do List ini berguna untuk mencatat daftar tugas harian kita, menandai mana yang sudah selesai, dan menghapus tugas yang sudah tidak diperlukan. 🎯 Tujuan Pembelajaran Melalui tutorial ini, kamu akan belajar: Dasar pemrograman Dart. Cara membuat daftar dinamis ( list ) untuk menyimpan data. Mengelola input dan output di Dart. Membuat logika sederhana untuk menambah, menampilkan, dan menghapus tugas. 💻 Apa Itu DartPad? DartPad adalah editor online resmi dari tim Dart (Google) yang bisa digunakan untuk menulis dan menjalankan kode Dart langsung dari browser. Kamu bisa mengunjungi: 👉 https://dartpad.dev Tidak perlu instalasi — cukup buka situsnya, tulis kode, lalu tekan tombol Run ▶️ . 🧩 Langkah-langkah Membuat To Do List 1. Buka DartPad Kunjungi https://dartpad.dev , lalu pilih mode ...

Gallery App dengan Fitur Favorit 📱 Gambaran Umum Aplikasi Flutter ini adalah contoh implementasi komponen UI/UX modern dengan fitur responsif, manajemen state, dan navigasi multi-halaman. Aplikasi ini menampilkan galeri gambar dengan kemampuan menandai gambar favorit.  🎯 Fitur Utama  1. Antarmuka Responsif - Beradaptasi otomatis dengan ukuran layar berbeda (mobile & tablet) - Menggunakan **LayoutBuilder** untuk mendeteksi constraints - Tampilan berbeda untuk layout sempit (single column) dan lebar (grid view)  2. Manajemen State - Menggunakan **StatefulWidget** untuk UI yang dinamis - Implementasi **setState()** untuk update tampilan - Contoh perbedaan Stateless vs Stateful Widget  3. Navigasi Multi-Halaman - **BottomNavigationBar** dengan 3 halaman: Home, Favorites, Profile - **Navigator.push()** dan **Navigator.pop()** untuk navigasi ke halaman detail - Transisi antar halaman yang smooth  4. Dynamic Theme - Toggle tema gelap/terang dengan IconButton di A...