zakyblud

Implementasi Aplikasi Jadwal Pelajaran Flutter Studi kasus pembangunan aplikasi jadwal pelajaran berbasis Flutter dengan fitur CRUD, validasi input, serta peningkatan kualitas UI mendekati standar production. RINGKASAN FITUR Manajemen data jadwal — Tambah, Edit, Hapus Input terstruktur: hari, mata pelajaran, jam, catatan Time picker untuk akurasi input waktu Konfirmasi dialog sebelum penghapusan data Card UI dengan indikator warna per hari 1. Arsitektur Data Pendekatan awal menggunakan List<String> tidak scalable. Diganti dengan model object JadwalItem agar setiap atribut terpisah secara eksplisit. jadwal_item.dart class JadwalItem { String hari; String mataPelajaran; String jam; String catatan; JadwalItem({ required this.hari, required this.mataPelajaran, required this.jam, this.catatan = '', }); } ✅ Keuntungan pendekatan ini: Struktur data jelas dan mudah...

Membuat Aplikasi Jadwal Pelajaran Modern dengan Flutter Halo sobat developer! Hari ini kita akan membahas bagaimana cara membangun aplikasi Jadwal Pelajaran yang interaktif menggunakan Flutter. Aplikasi ini bukan sekadar daftar statis, tapi sudah dilengkapi dengan fungsi CRUD (Create, Read, Update, Delete) serta fitur pencarian dan filter hari. Fitur Utama Aplikasi: ✅ Manajemen Data: Tambah, edit, dan hapus jadwal dengan mudah. 🔍 Fitur Pencarian: Cari mata pelajaran tertentu secara real-time. 📅 Filter Hari: Kelompokkan jadwal berdasarkan hari menggunakan FilterChip . 📊 Statistik Ringkas: Pantau jumlah total jadwal dan tugas yang sudah selesai. 🎨 UI Modern: Menggunakan tema warna Indigo yang profesional dan bersih. Source Code Lengkap Silakan salin kode di bawah ini ke dalam file main.dart di proyek Flutter Anda: import 'package:flu...

Aplikasi BMI Flutter dengan UI Modern Aplikasi Body Mass Index berbasis Flutter dengan desain modern dan penyimpanan lokal 🔗 Lihat Demo Aplikasi BMI (Body Mass Index) adalah metode sederhana untuk mengetahui apakah berat badan seseorang berada dalam kategori sehat atau tidak. Aplikasi ini dibuat menggunakan Flutter dengan fokus pada kemudahan penggunaan, tampilan modern, dan fitur yang relevan. 📸 Tampilan Aplikasi Tampilan utama aplikasi BMI 📄 Tampilkan / Sembunyikan Kode 📋 Copy Kode import 'dart:convert'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'package:intl/intl.dart'; void main() => runApp(const BmiApp()); /* ================= APP ================= */ class BmiApp extends StatelessWidget { ...

Flutter To Do List App 📸 Tampilan Akhir Aplikasi Contoh hasil UI setelah aplikasi dijalankan: Tampilan To Do List Flutter dengan background image 🧠 Penjelasan Widget Penting 1. main() Fungsi main() adalah entry point aplikasi Flutter. runApp() digunakan untuk menjalankan widget utama. 2. MaterialApp MaterialApp berfungsi sebagai kerangka aplikasi: Menentukan halaman utama Mengatur tema dan navigasi Menonaktifkan debug banner 3. StatefulWidget (TodoPage) Digunakan karena data To Do bersifat dinamis (tambah dan hapus item). 4. TextEditingController Mengambil dan mengontrol teks input dari TextField . 5. setState() Digunakan agar UI langsung diperbarui setiap kali data berubah. 6. Background Image Background dibuat dengan Container +...

📱 Pembelajaran Mandiri Pemrograman Mobile – Flutter Latihan menyusun widget & eksperimen tampilan aplikasi Flutter Hari ini saya melaksanakan pembelajaran mandiri pada mata pelajaran Pemrograman Mobile (Flutter) . Pada kegiatan ini saya berlatih mengombinasikan berbagai widget Flutter dalam satu halaman aplikasi. Aplikasi yang saya buat menggunakan MaterialApp dan Scaffold sebagai struktur utama. Di dalamnya terdapat AppBar, beberapa Text, Container, TextField, serta FloatingActionButton. Tata letak disusun menggunakan Column, Padding, dan SizedBox agar tampilan terlihat rapi dan nyaman digunakan. 📸 Tampilan Aplikasi Flutter Screenshot hasil tampilan aplikasi Flutter 🧪 Eksperimen yang Dilakukan Mengubah warna AppBar dan Container Mengatur jarak antar widget menggunakan SizedBox Mengubah susunan widget ...

Perubahan Layout dan Penggunaan Widget pada Flutter Dalam pengembangan antarmuka aplikasi menggunakan Flutter, pemilihan widget layout dan pengaturan komponen sangat berpengaruh terhadap tampilan akhir aplikasi. Pada contoh ini dilakukan beberapa penyesuaian widget, yaitu penggunaan AppBar , perubahan layout dari Column ke Row , serta penambahan Padding dan SizedBox . AppBar AppBar merupakan bagian atas aplikasi yang berfungsi sebagai penanda halaman dan tempat menampilkan judul aplikasi. Pada kode ini, AppBar menampilkan judul “Zaky - Latihan” serta menggunakan warna latar Color.fromRGBO(45, 62, 80, 1) . Pengaturan warna ini bertujuan untuk memberikan identitas visual yang konsisten dan membuat tampilan aplikasi lebih menarik. Perubahan dari Column ke Row Awalnya, widget Column digunakan untuk menyusun elemen secara vertikal dari atas ke bawah. Namun, untuk menampilkan beberapa teks dalam satu baris secara sejajar, Column kurang sesuai....