Flutter Notes by Rianto

Belajar Flutter: Membuat Halaman Data Kelompok Belajar M.Rizky Desta Fitra Rianto Halo teman-teman! 👋 Beberapa waktu lalu saya sedang belajar Dart & Flutter dan mencoba membuat sebuah project sederhana. Tujuannya adalah menampilkan data kelompok belajar di dalam 1 halaman aplikasi. Project ini sangat cocok untuk pemula yang ingin berlatih layout, menampilkan data, dan membuat popup dialog di Flutter. Konsep Halaman yang Dibuat Struktur halaman yang saya rancang sebagai berikut: Bagian atas → Nama kelompok. Di bawahnya → Foto kelompok secara keseluruhan. Selanjutnya → Daftar anggota (berisi foto, nama, nomor absen, dan alamat). Di bagian bawah → Tombol yang bila ditekan akan memunculkan popup dialog berisi rincian anggota kelompok: Nama lengkap Nama kelompok Nomor absen Alamat rumah Kode Program Lengkap (main.dart) Berikut kode lengkap yang saya tulis di main.dart menggunakan zapp.run. Foto-foto anggota disimpan di folder assets/, jadi pastikan kamu menaruh gambar sesuai dengan pat...

Perjalanan Belajar Pemrograman Mobile: Fokus pada UI/UX Belajar pemrograman mobile bukan hanya soal menulis kode agar aplikasi bisa berjalan, tetapi juga bagaimana aplikasi tersebut dapat memberikan pengalaman terbaik bagi penggunanya. Saat ini, saya sedang berada di tahap mempelajari UI (User Interface) dan UX (User Experience), dan ternyata bagian ini sama pentingnya dengan logika pemrograman itu sendiri. Kenapa UI/UX Penting? Ketika membuka sebuah aplikasi, hal pertama yang dilihat pengguna adalah tampilannya. Tampilan inilah yang disebut UI. Sementara itu, bagaimana pengguna merasa nyaman, mudah, dan betah menggunakan aplikasi, itulah UX. 🔹 UI yang baik = tampilan menarik, jelas, dan mudah dipahami. 🔹 UX yang baik = alur penggunaan aplikasi sederhana, tidak membingungkan, dan menyenangkan. Hal yang Saya Pelajari di Tahap UI/UX 1. Prinsip Desain Sederhana Jangan terlalu banyak elemen di layar. Semakin simpel, semakin mudah digunakan. 2. Konsistensi Warna & Font Aplikasi yang r...

🚀 Eksperimen Flutter di Zapp.run: Menampilkan Gambar, Teks, dan Tombol Ditulis oleh: Rianto Tanggal: 08/08/2025 14.17 WIB Flutter adalah framework UI buatan Google yang sangat powerful untuk membangun aplikasi lintas platform. Menariknya, kita bisa langsung mencoba Flutter tanpa instalasi menggunakan tool online bernama Zapp.run . Pada artikel ini, saya akan membagikan eksperimen sederhana yang saya lakukan di Zapp.run, yaitu: ✅ Menampilkan gambar dari aset lokal ✅ Menampilkan teks ✅ Menambahkan tombol interaktif ✅ Mengatur layout dengan mudah 🧪 Apa Itu Zapp.run? Zapp.run adalah playground resmi dari Flutter yang memungkinkan kita mencoba dan menjalankan kode Flutter langsung di browser — tanpa setup yang rumit. 🖼️ Menambahkan Gambar dari Aset 1. Siapkan Gambar Pertama, upload gambar ke folder assets/ di dalam Zapp.run. Misalnya: assets/ ├── flutter_logo.png ├── logo.png └── background.jpg 2. Ubah pubspec.yaml Jangan lupa untuk mendaftarkan aset: f...