Bikin Web-App Pakai Claude Code untuk Pemula – Workshop 22-23 Juli 2026
Workshop Live · 22–23 Juli 2026

Bikin Web-App
Pakai Claude Code
untuk Pemula

Belajar membangun web-app tanpa coding yang rumit. Mulai dari nol hingga berhasil membuat aplikasi Kasir & Pemesanan Online yang saling terintegrasi menggunakan Claude AI.

Ikut Workshop Lihat Kurikulum
22–23 Juli 2026 2 Jam per Hari Zoom & YouTube Live Cocok untuk Pemula
8+
Sesi Materi
2
Hari Workshop
4 Jam
Total Durasi Live
2
Aplikasi Dibangun
70+
Sudah Mendaftar

Pemateri Workshop

Belajar langsung dari praktisi,
bukan sekadar teori

Aulia Hanifan
Senior Full-stack Developer

Berpengalaman membangun aplikasi web skala produksi. Spesialis dalam membantu non-developer memahami dan memanfaatkan AI untuk membangun produk digital nyata.

Full-stack Dev AI Builder Trainer

Yang Kamu Bangun

Dua aplikasi nyata yang
langsung bisa dipakai

Bukan sekadar contoh sederhana — kamu membangun sistem kasir dan pemesanan online yang benar-benar berfungsi dan saling terintegrasi.

Aplikasi Kasir (POS)

Dashboard kasir lengkap dengan manajemen produk, keranjang, checkout, diskon, pajak, print struk, dan laporan penjualan.

Web-App Pemesanan Online

Halaman menu produk untuk pelanggan — bisa pesan, pilih metode pembayaran, dan cek status pesanan secara real-time.

Sistem Terintegrasi

Order dari web masuk otomatis ke kasir, stok update sendiri, dan laporan penjualan mencatat setiap transaksi secara real-time.

Skill Pengembangan dengan Claude

Cara prompt yang benar, workflow AI coding, dan cara menambah fitur baru ke aplikasimu setelah workshop selesai.

Studi Kasus Nyata

Web-app yang sudah kami
bangun untuk klien

Web-app ini yang sudah kami coba bangun menggunakan Claude Code untuk client — dari nol, tanpa coding manual yang rumit.

App Kasir Sewa
namadomain.com/kasir
📋 Kasir Sewa Sen, 25 Jul
1. Pelanggan
2. Gear
3. Konfirmasi
Data Pelanggan
Nama lengkap *
Budi Santoso
No. HP (notif WA)
08xxxxxxxxxx
Paket sewa *
2H1M
2 Hari 1 Malam
3H2M
3 Hari 2 Malam
Tanggal sewa *
25/07/2026
📅 Paket 2H1M · Sewa: 25 Jul 2026 → Kembali: 26 Jul 2026
Tujuan / catatan
Naik Merbabu, weekend…
Pilih Gear →
● Tersimpan · Terhubung Sheets
📋
Kasir
📄
Transaksi
📦
Stok
📊
Laporan
⚙️
Setelan
Input Pelanggan Pilih Gear Stok Real-time Laporan Sync Sheets
App Pemesanan Online
namadomain.com/pesan
Highland Adventure
Pilih Gear Sewa
Pilih Paket & Tanggal
2H1M
2 Hari 1 Malam
3H2M
3 Hari 2 Malam
Tanggal sewa
25/07/2026
Tanggal kembali
26/07/2026
📦 Paket Bundling — Lebih Hemat! ∧
Paket Simple Tek Tok
Rp 25.000
Spesial trail ringan · 2 item · 2H1M
• Hydropack Bogaroo Zoya 10L ×1 • Trekking Pole Blue & Teal ×1
+ Pilih Paket Ini
Paket Happy Tek Tok
Rp 55.000
Seru buat tek tok · 5 item · 2H1M
• Hydropack ×1 • Trekking Poles ×1 • Headlamp ×1 • Sepatu ×1
+ Pilih Paket Ini
Pilih Paket Paket Bundling Tanggal Sewa Checkout Online Status Pesanan
Tab Stok — 24 jenis gear · 271 unit tersedia · Sync Google Sheets
📦 Stok ↻ Sync Sheets
24
Jenis Gear
271
Unit Tersedia
0
Sedang Disewa
271
Total Unit
TRACKING POLE
Rp 11.000 2H1M · Rp 18.000 3H2M
20/20
SEPATU (TRACKING)
Rp 26.000 2H1M · Rp 38.000 3H2M
15/15
EMERGENCY BLANKET
Rp 10.000 2H1M
30/30
SEPATU (TRAIL RUN)
Rp 32.000 2H1M · Rp 45.000 3H2M
4/4

Kurikulum

8 Sesi dalam 2 Hari

Dari memahami Claude hingga aplikasi live di internet — semua praktik langsung, bukan teori semata.

Hari 1 Membangun Aplikasi Kasir dengan Claude 2 Jam
Session 01

Mengenal Claude untuk Membuat Web-App

  • Apa itu Claude dan kenapa unggul untuk coding
  • Claude vs ChatGPT vs Gemini untuk development
  • Cara berpikir seperti developer saat pakai AI
  • Cara menulis prompt yang menghasilkan kode rapi
Session 02

Merancang Aplikasi Sebelum Coding

  • Membuat Product Requirement Document (PRD) dengan Claude
  • Merancang database: tabel produk, transaksi, user
  • Menentukan halaman dan alur aplikasi kasir
  • Setup project dan folder structure
Session 03

Membangun UI Aplikasi Kasir

  • Halaman login untuk admin kasir
  • Layout dashboard dengan sidebar navigasi
  • Halaman daftar produk dan form tambah produk
  • Tampilan responsif dan mode gelap (opsional)
Session 04

Fitur Transaksi Kasir Lengkap

  • Keranjang belanja, checkout, diskon & pajak
  • Print struk dan riwayat transaksi
  • Manajemen stok barang otomatis berkurang
  • Laporan penjualan harian dan bulanan
Output Hari 1: Aplikasi kasir berjalan di namadomain.com/kasir
Hari 2 Pemesanan Online & Integrasi ke Kasir 2 Jam
Session 05

Membangun Halaman Pemesanan Online

  • Landing page dan tampilan menu produk
  • Detail produk dan keranjang belanja pelanggan
  • Form checkout dan pilih metode pembayaran
  • Halaman konfirmasi dan tracking status pesanan
Session 06

Menghubungkan Order Online ke Kasir

  • Shared database: satu sumber data untuk dua aplikasi
  • Order online masuk otomatis ke dashboard kasir
  • Notifikasi real-time saat ada pesanan baru
  • Stok berkurang otomatis saat order dikonfirmasi
Session 07

Mengembangkan Fitur Tambahan dengan Claude

  • Cara meminta Claude menambah fitur baru ke kode yang ada
  • Contoh: voucher, membership, multi-cabang, QR order
  • Dashboard analytics dan export laporan ke Excel
  • Prompt pattern agar kode tetap rapi dan terstruktur
Session 08

Deploy dan Publish ke Internet

  • Deploy aplikasi ke hosting gratis atau berbayar
  • Pasang domain dan testing sebelum live
  • Cara maintenance dan update aplikasi bersama Claude
  • Langkah selanjutnya: melanjutkan project sendiri
Output Hari 2: Dua aplikasi terintegrasi, live di internet

Cara Kerja Integrasi

Order online masuk otomatis
ke dashboard kasir kamu

Sistem yang kamu bangun bekerja seperti ini — pelanggan pesan, kasir langsung tahu, stok berkurang, laporan tercatat sendiri.

Customer Pesan
namadomain.com/order
→
Masuk ke Kasir
Otomatis muncul
→
Notifikasi
Kasir terima alert
→
Diproses
Status update live
→
Selesai
Customer notif
→
Laporan Bertambah
Otomatis tercatat

Harga Workshop

Pilih paket yang sesuai

Investasi terjangkau untuk skill yang langsung bisa dipakai membangun aplikasi nyata.

Paket Basic
Rp 59.000
Akses penuh ke semua sesi workshop
Live Workshop via Zoom & YouTube
Rekaman Lifetime
Sesi QnA Interaktif
Pilih Paket Basic

⚠️ Batch 2 harga akan naik

Paling Populer
Paket Complete
Rp 87.000
Akses penuh + 2 ebook eksklusif
Live Workshop via Zoom & YouTube
Rekaman Lifetime
Sesi QnA Interaktif
📘
Ebook Rangkuman Workshop
Semua materi sesi dirangkum dalam PDF — siap dibaca ulang kapan saja
🤖
Ebook Claude
Panduan praktis memanfaatkan Claude AI untuk pekerjaan sehari-hari
E-Certificate Resmi keikutsertaan workshop
Pilih Paket Complete

⚠️ Batch 2 harga akan naik

Pembayaran aman · Rekaman lifetime · Akses materi selamanya

FAQ

Pertanyaan yang Sering Ditanya

Apakah workshop ini cocok untuk pemula total?
Ya, workshop ini dirancang khusus untuk pemula yang belum pernah coding sama sekali. Kamu akan belajar step by step dengan panduan langsung. Yang penting punya keinginan untuk belajar dan laptop yang terhubung internet.
Apakah perlu install software tertentu sebelumnya?
Sebagian besar tools bisa diakses lewat browser. Detail persiapan teknis akan dikirimkan ke email peserta sebelum workshop dimulai. Pastikan kamu memiliki akun Claude AI — versi gratis sudah cukup untuk belajar.
Bagaimana jika tidak bisa hadir saat live?
Semua sesi akan direkam dan rekaman tersedia seumur hidup untuk seluruh peserta. Kamu bisa menonton ulang kapan saja dan sebanyak yang kamu mau tanpa batas waktu.
Apa perbedaan Paket Basic dan Complete?
Keduanya mendapat akses penuh ke semua sesi live, rekaman lifetime, dan QnA interaktif. Paket Complete tambah 2 ebook eksklusif (Rangkuman Workshop + Panduan Claude AI) dan E-Certificate resmi.
Setelah workshop, apakah bisa langsung bikin aplikasi sendiri?
Ya! Justru itu tujuan utama workshop ini. Di akhir hari ke-2 kamu sudah punya dua aplikasi yang berjalan. Kamu juga akan belajar workflow dan cara prompt Claude agar bisa terus mengembangkan aplikasi sendiri tanpa perlu tergantung orang lain.

Mulai Sekarang

Siap bikin web-app
pertamamu?

Workshop dimulai 22 Juli 2026. Daftar sekarang dan bangun aplikasi kasir & pemesanan online sendiri dalam 2 hari.

Daftar Sekarang

22–23 Juli 2026 · Live via Zoom & YouTube · Rekaman Lifetime