Posts

Showing posts from April, 2026

Membuat Aplikasi jadwal pelajaran sederhana dengan flutter

Image
  📝 Aplikasi Jadwal Pelajaran Sederhana dengan Flutter Pada praktikum ini dibuat aplikasi Jadwal Pelajaran Sederhana menggunakan Flutter dengan fitur: Tambah data Edit data Hapus data Validasi input (huruf & angka sesuai kolom) Tampilan modern tema kuning-hitam Aplikasi menggunakan Stateful Widget untuk mengelola data dan ListView untuk menampilkan daftar jadwal. ⚙️ Konsep Utama Beberapa konsep yang digunakan: State Management ( setState ) → untuk update tampilan saat data berubah Form & Validasi → memastikan input sesuai format (huruf / angka) ListView → menampilkan data jadwal Dialog → untuk tambah, edit, dan konfirmasi hapus Custom UI → menggunakan tema gelap + aksen kuning 💡 Validasi Input Setiap field memiliki aturan: Mata pelajaran & hari → hanya huruf Jam → hanya angka Ruang → huruf + angka Hal ini dilakukan menggunakan TextInputFormatter dan validator . 🧩 Kode Lengkap Berikut adalah implementasi lengkap dari aplikasi: import 'package:flutter/material...

Membuat aplikasi jadwal pelajaran dengan flutter(CRUD + setstate) 🖥️

Image
Membuat Aplikasi Jadwal Pelajaran Sederhana dengan Flutter (CRUD + setState) ✍️ Pendahuluan Flutter merupakan framework dari Google yang digunakan untuk membuat aplikasi mobile secara cross-platform. Pada artikel ini, kita akan membahas bagaimana membuat aplikasi Jadwal Pelajaran Sederhana dengan fitur CRUD (Create, Read, Update, Delete) menggunakan setState() . Aplikasi ini juga dilengkapi dengan desain tema merah hitam (dark mode) agar terlihat modern dan menarik. 🎯 Tujuan Dengan membuat aplikasi ini, kita dapat: Memahami konsep CRUD Menggunakan setState() untuk update UI Mengelola data sederhana dalam bentuk list Membuat tampilan UI yang menarik 🧩 Struktur Aplikasi Aplikasi terdiri dari beberapa bagian utama: main() → titik awal aplikasi JadwalApp → konfigurasi aplikasi HomePage → halaman utama Fungsi CRUD: tambahData() editData() hapusData() 💻 Source Code Lengkap import 'package:flutter/material.dart'; void main() { r...