BengkelPro — Fullstack
Belajar Bangun Sistem Bengkel Lengkap — Dari Dashboard Web sampai Mobile App dengan AI Coding Assistant
3 Hal yang Bikin Batch 4 Beda
Sekarang AI bisa bantu menulis kode. Yang jadi pembeda bukan lagi seberapa cepat kamu mengetik, tapi seberapa rapi kamu mengarahkan AI supaya hasilnya gampang di-maintain jangka panjang — itu yang kita latih di sini.
1. Kerja Bareng AI, Bukan Cuma Nonton
Tiap sesi kamu praktik langsung pakai Claude Code — mulai dari merancang struktur database, membuat tabel di Laravel, sampai menyusun tampilan aplikasi Flutter. Yang paling penting: kamu belajar menyusun perintah (prompt) sendiri, jadi tidak tergantung contoh yang sudah jadi.
2. AI Ikut Aturan Main Kita
Kalau dibiarkan, AI sering menulis kode yang beda-beda gaya dan susah dirapikan. Di sini kamu memberi AI seperangkat aturan JagoFlutter — cara menata folder, penamaan, sampai pola arsitektur — yang kita tulis di 45 berkas panduan dalam .claude/rules/ (18 untuk backend, 13 + 14 untuk dua app Flutter). Hasilnya kode yang seragam dan gampang di-maintain.
├── prd/ ← dokumen fitur
└── rules/
├── 01-overview.md
├── 07-models.md
├── 08-database.md
└── 10-api.md
3. Sampai Tahap Production
Kebanyakan kelas berhenti di "cara bikin fitur baru". Kita lanjut ke bagian yang paling sering ditemui di dunia kerja: mengubah fitur yang sudah jalan, memperbaiki error, dan menangani masalah di production. Bagian inilah yang jarang diajarkan, padahal paling sering dibutuhkan.
Tenang, kamu bebas pilih AI-nya
Di kelas, instruktur mendemokan pakai Claude Code. Tapi kamu tidak wajib ikut pakai tool yang sama. Semua prompt lengkapnya kami bagikan, dan prompt itu bisa dipakai di AI mana pun — ChatGPT, Gemini, Cursor, GitHub Copilot, sampai model gratisan. Yang kamu pelajari di sini adalah cara berpikir & menyusun prompt, bukan sekadar hafal satu aplikasi. Jadi tidak perlu takut soal biaya tool tertentu.
Ini yang Akan Kamu Bangun
Bukan mockup — ini tampilan asli dari sistem BengkelPro yang sudah jalan. Satu project, empat platform terintegrasi.
Kasir App — Terima Order, Pembayaran & Cetak Struk
Flutter — Android & iOS, print thermal Bluetooth
Login Kasir
Pilih role Kasir atau Montir saat masuk.
Dashboard Kasir
Omzet hari ini, antrian servis aktif, buat order baru.
Pembayaran
Tunai atau QRIS, hitung kembalian, langsung cetak struk.
Order Servis Baru
Input plat, pelanggan, keluhan, pilih jasa & sparepart.
Montir App — Daftar Pekerjaan, Foto Bukti & Checklist
Flutter — tampilan ringkas, fokus ke pengerjaan di lapangan
Login Montir
Satu app, role montir — langsung lihat pekerjaan hari ini.
Daftar Pekerjaan
Unit aktif hari ini, filter Aktif/Selesai/Semua, foto bukti.
Detail Pengerjaan
Info keluhan, waktu mulai & estimasi, upload foto bukti pemeriksaan.
Hasil Pemeriksaan
Checklist kondisi komponen, tandai selesai setelah foto diunggah.
Customer App — Booking, Pantau Servis & Kumpulkan Poin
Flutter — pelanggan booking dari HP, pantau progres real-time
Login Customer
Pelanggan masuk, langsung lihat status kendaraan.
Home & Loyalty
Poin Gold, status servis real-time, booking & riwayat.
Ajukan Reservasi
Pilih kendaraan, jenis servis, estimasi total langsung muncul.
Status Servis
Timeline progres dari reservasi sampai siap diambil.
Web Admin — Dashboard Owner & Manajemen Bengkel
Laravel Blade + Alpine.js — akses via browser, tidak perlu install
Halaman Login
Multi-tenant login dengan akun demo testing untuk Bengkel Motor & Mobil.
Dashboard Owner
WO aktif, revenue harian/bulanan, piutang overdue, status montir — semua dalam satu layar.
Daftar Work Order
Filter & cari berdasarkan nomor WO, customer, nopol, status. Detail + edit langsung.
Semua ini kamu bangun sendiri selama 10 sesi — backend, web admin, dan tiga mobile app.
Yang Akan Kamu Bikin
BengkelPro — sistem manajemen bengkel yang benar-benar dipakai UMKM. Multi-tenant (banyak pemilik), multi-cabang (per owner bisa punya beberapa outlet).
Backend API — Laravel 13
- • Multi-tenant scoping
- • ERD design bareng AI
- • REST API (Sanctum) + Swagger docs
- • MySQL + Eloquent
Web Admin (Blade + Alpine)
- • Dashboard owner per cabang
- • Manajemen sparepart, mekanik, customer
- • Laporan harian & bulanan (Excel export)
- • Invoice PDF (DomPDF)
Mobile App — Flutter
- • Kasir & service order (online, real-time)
- • Cash + QRIS Statis (upload bukti)
- • Print thermal Bluetooth
- • Multi-role: Owner / Advisor / Kasir
Kurikulum 10 Sesi
Setiap sesi 2 jam Live Zoom, direkam, source code disediakan. Tiap sesi punya Prompt Pack — prompt siap pakai yang bisa kamu adaptasi, dan jalan di AI mana pun (bukan cuma Claude Code).
Full Source Code BengkelPro — Backend Laravel + Flutter App
Kamu langsung dapat akses full source code project BengkelPro (Laravel API + Flutter app) di pertemuan pertama. Bisa kamu clone, jalankan, dan modifikasi untuk latihan — tidak perlu nunggu sampai akhir kelas. Setiap sesi juga akan ada update commit terbaru mengikuti materi yang dibahas.
Diskusi Fitur, PRD & ERD Design bareng AI
Fase PLAN: diskusi fitur BengkelPro bareng AI (user roles, use case, flow), tulis PRD lengkap di .claude/prd/, design ERD MySQL, dan setup .claude/rules/ untuk scaffolding project.
Setup Laravel 13 + Multi-Tenant Foundation
Setup project Laravel 13, konfigurasi multi-tenant scoping, migration awal, dan struktur folder sesuai .claude/rules/ JagoFlutter.
Desain UI Web Admin pakai Claude Design + Master Data
Rancang tampilan web admin bareng Claude Design — layout, warna, tipografi, dan komponen Tailwind yang dipakai ulang sampai sesi terakhir. Hasilnya langsung diterapkan ke CRUD data master bengkel: kendaraan, pelanggan, dan mekanik.
Modul Service Order — Buat Order Baru
Modul service order lengkap: form order (pilih kendaraan, mekanik, keluhan), papan kanban 6 kolom drag-drop, aturan perpindahan status, dan penugasan mekanik.
Modul Sparepart & Stok Barang
Manajemen sparepart dengan catatan mutasi stok (ledger) yang tidak bisa bocor, harga rata-rata bergerak, purchase order + penerimaan barang, dan peringatan stok menipis.
Estimasi Biaya & Invoice PDF
Kita bangun dari nol bareng di sesi ini: kalkulasi biaya jasa + sparepart, estimasi ber-versi (revisi tidak menimpa data lama), lalu generate invoice jadi file PDF pakai DomPDF — plus layout cetak thermal 58/80mm.
Payment: Cash + QRIS Statis (Upload Bukti Bayar)
Kita bangun dari nol bareng di sesi ini: modul pembayaran dengan 2 metode praktis — cash (langsung di kasir) dan QRIS Statis (pelanggan scan QR, lalu upload foto bukti transfer yang tersimpan di sistem). Tanpa payment gateway, gampang dipakai UMKM bengkel.
Dashboard Owner — Laporan Harian & Bulanan
Dashboard analitik pemilik bengkel: omzet hari ini & bulan berjalan, tren 6 bulan, service terbanyak, produktivitas mekanik, plus 9 laporan dengan export Excel.
Reminder Service Berkala + Activity Log & Audit Trail
Kita bangun dari nol bareng di sesi ini: modul reminder service berkala pelanggan (hitung jatuh tempo dari tanggal servis & odometer, kirim lewat email atau link WA), lalu pasang halaman audit trail dari activity log — siapa mengubah apa dan kapan.
Deployment & Publish ke Play Store
Build release, signing, upload ke Play Store internal testing, plus deploy backend Laravel ke VPS.
Cara Belajar di Academy JagoFlutter Batch 4
Tiga tahap berurutan, dari awal sampai akhir — mulai dari merancang fitur di dokumen, bikin fiturnya, sampai tahap maintenance & memperbaiki error. Semua dituntun bareng AI.
Rencanakan — Bahas Fitur & Tulis PRD
Diskusi Fitur bareng AI
Brainstorming user roles, use case, dan flow — pakai AI sebagai product co-pilot.
Bikin PRD Lengkap
Overview, prinsip utama, user role matrix, ERD, API spec — semua di .claude/prd/.
Setup Aturan Main
Isi .claude/rules/ dengan aturan arsitektur, biar AI patuh sepanjang project.
Bikin — Susun Prompt, Periksa, Rapikan
Penjelasan Konsep
Instruktur jelaskan tujuan fitur hari itu (15 menit).
Demo Prompt
Instruktur tunjukkan cara menyusun prompt Claude Code untuk tugas itu.
Giliran Kamu
Kamu praktik sendiri — susun prompt untuk fitur serupa.
Rapikan ala JagoFlutter
Hasil AI dirapikan supaya sesuai standar & aturan kelas.
Maintenance — Ubah Fitur, Perbaiki Error, Tangani Gangguan
Mengubah Fitur yang Sudah Jalan
Skenario nyata: klien minta alur diubah. Kamu belajar mengarahkan AI tanpa merusak fitur lain yang sudah berjalan.
Memperbaiki Error
Menelusuri error bareng AI: kirim catatan error, minta AI cari sumber masalahnya, lalu tawarkan perbaikan.
Troubleshoot Production
Server mati, database error, update struktur gagal — teknik menyusun prompt untuk menangani gangguan di production.
Setelah 10 sesi, kamu punya PRD template, aturan main, dan kumpulan prompt sendiri — bisa dipakai untuk project apa pun, bukan cuma BengkelPro.
Yang Kamu Dapatkan
Source Code Lengkap
Backend Laravel 13 + Web Admin + Flutter App BengkelPro Multi-Tenant.
PRD Template Pack
Template PRD (overview, roles, ERD, API spec) + teknik diskusi fitur bareng AI.
.claude/rules (Aturan Main)
Rules framework + design system JagoFlutter — copy-paste ke project baru kamu.
Prompt Pack per Sesi
10 pack prompt terkurasi (jalan di AI mana pun) + teknik menyusun prompt sendiri.
Rekaman + Akses 2 Tahun
Nonton ulang kapan saja. Update materi ikut versi Laravel/Flutter terbaru.
Grup Komunitas
WhatsApp group untuk tanya-jawab, sharing prompt, dan networking alumni.
Untuk Siapa?
Siapa saja bisa ikut — dari yang belum pernah ngoding sampai developer berpengalaman.
Kamu tidak perlu jago ngoding manual dulu. Yang penting mau belajar cara mengarahkan AI untuk bikin & menjaga sistem yang benar-benar dipakai tetap berjalan.
Pemula Murni
Belum pernah ngoding sama sekali? Tidak masalah. Ambil paket Bundle — kamu dapat FIC Flutter Fundamental sebagai pemanasan.
Developer Existing
Sudah pakai AI tapi hasilnya beda-beda gaya & susah di-maintain? Belajar cara membuat AI mengikuti arsitektur kamu.
Freelancer / Pemilik Usaha
Mau merilis produk awal (MVP) dengan cepat pakai AI, tapi kualitas kodenya tetap rapi dan bisa diserahkan ke tim nanti.
Pilih Paket
Academy saja, bundling dengan FIC Flutter Fundamental (recommended untuk pemula murni), atau paket bundling lengkap dengan program Academy lain.
Alumni JagoFlutter? Dapat Harga Spesial!
Pernah ikut FIC / AFC / Free Class / AJF? Login dapat harga alumni: Rp 299rb (AJF4 Only) / Rp 399rb (Bundle).
Academy JagoFlutter Batch 4 Only
Untuk yang sudah familiar dengan Flutter/Laravel dasar.
- 10 sesi Live Zoom (2 jam/sesi)
- Rekaman video (akses 2 tahun)
- Source code + Prompt Pack lengkap
- Template aturan main JagoFlutter
- Grup WhatsApp komunitas
Bundle Academy JagoFlutter Batch 4 + FIC Flutter Fundamental
Academy + kursus fundamental Flutter — biar solid dari nol.
- Semua benefit Academy JagoFlutter Batch 4 Only
- + 6 sesi Live Zoom FIC Flutter Fundamental
- Total 16 sesi Live Zoom (10 + 6)
- Kuasai dasar Flutter sebelum Academy dimulai
- Cocok untuk pemula murni tanpa background coding
Paket Bundling Lengkap — 3 Program Sekaligus
Academy Batch 4 + Flutter Fundamental + satu program Academy lain. Harga fix, akses 2 tahun untuk semua program di paket.
Bundle AJF4 + Flutter Fundamental + AJF Online Store
Belajar AI-first fullstack di Batch 4, sekaligus pegang materi Academy Batch 3 — Fullstack Online Store (Next.js + Flutter).
- Semua benefit Academy JagoFlutter Batch 4
- + 6 sesi Live Zoom Flutter Fundamental
- + Academy Batch 3 — Fullstack Online Store (Next.js + Flutter) — 16 sesi (rekaman + source code)
- Akses 2 tahun untuk semua program di paket ini
Bundle AJF4 + Flutter Fundamental + AJF GajiPro
Belajar AI-first fullstack di Batch 4, sekaligus pegang materi Academy Batch 2 — GajiPro HRIS SaaS.
- Semua benefit Academy JagoFlutter Batch 4
- + 6 sesi Live Zoom Flutter Fundamental
- + Academy Batch 2 — GajiPro HRIS SaaS — 16 sesi (rekaman + source code)
- Akses 2 tahun untuk semua program di paket ini
FAQ
AI tool apa yang dipakai? Wajib beli Claude Code yang berbayar?
Saya belum bisa Flutter/Laravel sama sekali. Bisa ikut?
Bedanya sama Academy JagoFlutter Batch 3 (Next.js + Flutter)?
Prompt-nya sudah jadi atau bikin sendiri?
Sesi live atau rekaman?
Payment gateway apa untuk BengkelPro?
Paket bundling 3 program itu isinya apa?
Bisa dicicil?
Siap Naik Level ke AI-First Fullstack Development?
Kuota terbatas per batch. Daftar sekarang untuk mengamankan tempatmu.
Daftar Academy JagoFlutter Batch 4