Posts

Bikin Aplikasi Jastip Kantin SMKN 1

 Bikin Aplikasi Jastip Kantin SMKN 1 Banjar Pakai Flutter & Provider – Gak Perlu Antre Lagi! Pernah gak sih kamu ngerasa malas antre di kantin sekolah pas jam istirahat? Baru saja sampai di depan stan makanan, tiba-tiba bel masuk sudah berbunyi. Masalah klasik anak sekolah ini sebenarnya bisa diselesaikan dengan teknologi yang sederhana tapi tepat guna. Berangkat dari keresahan tersebut, saya mencoba membuat sebuah konsep Aplikasi Jastip (Jasa Titip) & Transaksi Kantin SMKN 1 Banjar berbasis Flutter. Aplikasi ini memungkinkan siswa untuk memesan makanan dari kantin mana pun di sekolah, lalu meneruskan pesanan tersebut ke kurir internal (anak jastip) via WhatsApp untuk diantarkan langsung ke kelas. Di artikel ini, saya akan membagikan kode lengkapnya yang sudah menggunakan Provider untuk manajemen state dan url_launcher untuk integrasi ke WhatsApp. 🚀 Fitur Utama Aplikasi Daftar Kantin Dinamis: Menampilkan daftar kantin yang ada di SMKN 1 Banjar lengkap dengan nomor WhatsApp...
Post a Comment
Read more

Praktikum Flutter: Aplikasi Jadwal Pelajaran Sederhana (CRUD + setState)

Praktikum Flutter CRUD + setState PRAKTIKUM FLUTTER Aplikasi Jadwal Pelajaran Sederhana (CRUD + setState) Pendahuluan Pada praktikum ini kita akan membuat aplikasi jadwal pelajaran sederhana menggunakan Flutter. Aplikasi ini mendukung fitur CRUD (Create, Read, Update, Delete) dengan memanfaatkan setState untuk memperbarui tampilan secara real-time. Tujuan Memahami konsep CRUD di Flutter Menggunakan setState untuk update data Membuat aplikasi interaktif sederhana Konsep CRUD Create → Menambah data Read → Menampilkan data Update → Mengubah data Delete → Menghapus data Struktur Data List<String> jadwal = []; TextEditingController controller = TextEditingController(); int indexEdit = -1; Fungsi Create & Update void simpanJadwal() { setState(() { if (indexEdit == -1) { jadwal.add(controller.text); // Create } else { ...
Post a Comment
Read more

PRAKTIKUM FLUTTER APLIKASI JADWAL + setState

Praktikum Flutter - Aplikasi Jadwal PRAKTIKUM FLUTTER Aplikasi Jadwal Menggunakan setState Pendahuluan Flutter merupakan framework UI dari Google yang digunakan untuk membuat aplikasi mobile secara cepat dan efisien. Pada praktikum ini, kita akan membuat aplikasi jadwal sederhana dengan memanfaatkan setState . Tujuan Praktikum Memahami Stateful Widget Menggunakan setState Membuat aplikasi jadwal sederhana Konsep setState setState digunakan untuk memperbarui tampilan UI ketika data berubah. setState(() { data = "Data baru"; }); Langkah Pembuatan 1. Membuat Project flutter create jadwal_app cd jadwal_app flutter run 2. Stateful Widget class JadwalPage exte...
Post a Comment
Read more

Latihan Tentang Appbar,column berisi 3 widget text

Image
 Latihan 1 (Wajib) Membuat Tampilan Sederhana: Appbar dgn Judul Body Berisi Column Minimal 3 Widget Text Experiment: Ubah Warna AppBAr Ganti Column ke Row Tambahkan Padding dan SizedBox import 'package:flutter/material.dart'; void main() {   runApp(const MyApp()); } class MyApp extends StatelessWidget {   const MyApp({super.key});   @override   Widget build(BuildContext context) {     return MaterialApp(       debugShowCheckedModeBanner: false, // Menghilangkan banner debug       home: Scaffold(         // Bagian Atas Aplikasi         appBar: AppBar(           title: const Text('Latihan Pertama Flutter'),           backgroundColor: Colors.blueAccent,           centerTitle: true, // Membuat judul di tengah         ),                  // Bagian Uta...
Post a Comment
Read more