Semua kelas Silabus Claude dari Nol sampai Mahir · Episode 78 dari 100

Kelas Claude dari Nol sampai Mahir #78: Formulir Pesanan yang Berfungsi

0 kali dilihat

Membuat formulir pesanan yang berfungsi di website Kopi Senja dengan Claude Code: memilih alur kirim ke WhatsApp tanpa server, memahami perhitungan subtotal dan ongkir, menguji dengan beberapa kasus, serta menjaga privasi data pelanggan. Episode 78 dari 100, Sesi 16: Membangun Web dengan Claude Code.

Software: Claude
Level: Mahir
Durasi: ± 9 menit
Total seri: 15 jam 1 menit · 100 video
Terbit: 28 Oktober 2026

Episode 78 dari 100 · lihat silabus

Berlangganan ▶ Tonton video praktik0 kali ditonton

Memeriksa akses...

Ingin belajar lebih dalam?

Ikuti kursus kami atau tanyakan langsung lewat WhatsApp.

Lihat silabus lengkap 100 episode Lihat Kursus Claude AI Tanya via WhatsApp

Kelas yang direkomendasikan untuk Anda

Dipilih dari software, topik, dan level “Kelas Claude dari Nol sampai Mahir #78: Formulir Pesanan yang Berfungsi”.

50 episodeAda gratis

Agentic AI · Pemula–Menengah

Agentic AI Tanpa Coding

50 episode video + PDF, total 14 jam 29 menit. Dimulai dari: Chatbot, Otomasi, dan AI Agent: Apa Bedanya?.

14 jam 29 menit 66 0

Lihat kelas

18 episodeAda gratis

Python · Pemula–Mahir

Machine Learning Python

18 episode video + PDF, total 3 jam 41 menit. Dimulai dari: Pengenalan Machine Learning & Model Pertama.

3 jam 41 menit 61 0

Lihat kelas

6 episodeAda gratis

Python · Menengah–Mahir

Segmentasi Tumor Otak U-Net

6 episode video + PDF, total 1 jam 10 menit. Dimulai dari: Dataset MRI Otak & Mask Tumor: Memuat, Visualisasi & Pembagian per Pasien.

1 jam 10 menit 28 0

Lihat kelas

Deep Learning CNN-LSTM Deteksi Pneumonia

6 episodeAda gratis

Python · Menengah–Mahir

Deep Learning CNN-LSTM Deteksi Pneumonia

6 episode video + PDF, total 57 menit. Dimulai dari: Dataset Rontgen Dada: Memuat, Eksplorasi & Pembagian Data.

57 menit 22 0

Lihat kelas

Butuh lebih dari video?

Pilihan lain dari kami untuk Claude.

Belajar bareng mentor

Kursus AI & Kecerdasan Buatan terjadwal, dibimbing langsung, bersertifikat.

Kursus

Kursus Midjourney: Buat Gambar AI Memukau dari Teks

★ 4.9

Kursus

Kursus DALL-E: Membuat Gambar AI Profesional dari Teks

★ 4.9

Kursus

Kursus Stable Diffusion: AI Art dari Pemula ke Profesional

★ 4.9

Lihat semua AI & Kecerdasan Buatan →

Minta dibuatkan

Tidak sempat belajar Claude? Tim kami bisa mengerjakan proyeknya.

Jasa

Jasa Pembuatan Gambar AI dengan Stable Diffusion — Produksi Visual Custom Tanpa Batas

★ 4.9

Jasa

Jasa Pembuatan Gambar & Video AI dengan Leonardo AI — Visual All-in-One untuk Bisnis

★ 4.9

Jasa

Jasa Pembuatan Gambar AI dengan Midjourney — AI Art Sinematik untuk Bisnis

★ 4.9

Lihat semua AI & Kecerdasan Buatan →

Kabari saya kalau ada kelas Claude baru

Paling banyak satu email per minggu. Berhenti kapan saja dengan satu klik.

Transkrip

Narasi lengkap video ini. Kalimat yang sedang diucapkan disorot saat video diputar; klik kalimat untuk melompat ke sana.

Tampilkan transkrip

Pembuka

Halo, selamat datang kembali. Pesanan Kopi Senja selama ini masuk lewat chat WhatsApp yang berantakan, dan Dimas sering bertanya ulang soal jumlah dan alamat. Di episode ini Raka membuat formulir pesanan yang menghitung total dan ongkir otomatis, memeriksa isian, lalu mengirim pesanan rapi ke WhatsApp Kopi Senja.

Langkah 1: Merancang alur formulir

Sebelum meminta Claude, Raka merancang alurnya bersama Laras. Pertama, pelanggan mengisi nama, memilih produk dan jumlahnya, lalu menulis alamat. Kedua, halaman menghitung subtotal, ongkir, dan total secara otomatis, sesuai aturan di CLAUDE.md. Ketiga, isian diperiksa. Nama, alamat, dan minimal satu produk tidak boleh kosong. Keempat, tombol kirim membuka WhatsApp Kopi Senja dengan pesan pesanan yang sudah terisi rapi. Pelanggan tinggal menekan kirim di WhatsApp. Ada dua pilihan besar ke mana pesanan dikirim. Mengirim ke WhatsApp gratis dan tidak butuh server. Menyimpan ke database di server butuh layanan tambahan. Dari sisi data, pilihan WhatsApp tidak menyimpan data pelanggan di website. Pilihan database menyimpan data, sehingga keamanannya wajib dijaga, dan sebaiknya melibatkan programmer. Kopi Senja sudah terbiasa melayani lewat WhatsApp, jadi pilihan pertama paling cocok. Bila suatu saat pesanan sangat banyak, barulah pertimbangkan pilihan kedua.

Langkah 2: Meminta Claude membuat formulir

Raka menulis brief formulir. Bagian pertama menyebut isian yang dibutuhkan, aturan perhitungan dari CLAUDE.md, dan perilaku tombol kirim. Bagian kedua berisi aturan pemeriksaan dan batasan privasi: nama, alamat, dan minimal satu produk wajib diisi, serta jangan simpan data pelanggan di mana pun. Ditutup dengan permintaan rencana. Rencana Claude jelas: bagian pesan di file index, perhitungan dan pemeriksaan di file script, serta tampilan di file style. Claude juga menegaskan bahwa data hanya dipakai untuk menyusun pesan WhatsApp. Rencana sesuai brief. Raka menjawab: setuju, kerjakan. Claude mengubah tiga file. Untuk setiap file, kotak izin muncul, dan Raka menyetujuinya satu per satu setelah membaca namanya. Ringkasan tiga poin menutup pekerjaan: formulir di bawah menu, perhitungan otomatis, dan tombol kirim ke WhatsApp usaha.

Langkah 3: Memahami perhitungan ongkir

Bagian terpenting formulir adalah perhitungan. Raka meminta Claude menunjukkan bagian ongkir dan menjelaskannya per baris. Inilah tiga barisnya. Tidak perlu dihafal, cukup dipahami maknanya. Kata const hanya berarti menyimpan sebuah nilai dengan nama tertentu. Baris pertama menjumlahkan harga dikali jumlah setiap produk. Baris kedua menentukan ongkir: nol bila subtotal di atas dua ratus ribu, selain itu sepuluh ribu. Baris ketiga menjumlahkan subtotal dan ongkir. Claude juga menyoroti satu hal: pesanan tepat dua ratus ribu tetap kena ongkir, karena aturannya di atas. Ia bertanya apakah perlu dikonfirmasi ke pemilik usaha. Pertanyaan yang tepat, karena ini keputusan bisnis, bukan urusan kode. Raka tidak menebak. Ia menanyakan langsung ke Laras lewat WhatsApp: kalau total belanja tepat dua ratus ribu, ongkirnya gratis atau tetap sepuluh ribu? Laras menjawab: tetap sepuluh ribu, gratisnya kalau di atas dua ratus ribu. Artinya kode Claude sudah sesuai dan tidak perlu diubah. Aturan bisnis selalu ditanyakan ke pemilik usaha, bukan diputuskan oleh AI.

Langkah 4: Mencoba formulir

Saatnya mencoba seperti pelanggan sungguhan. Raka mengisi contoh pesanan atas nama Rina: dua liter kopi susu gula aren dan satu cold brew. Di panel kanan, subtotal langsung dihitung: dua ratus dua puluh lima ribu. Karena subtotal di atas dua ratus ribu, ongkirnya gratis. Totalnya dua ratus dua puluh lima ribu. Raka menghitung manual dengan kalkulator, dan hasilnya sama. Lalu ia menekan tombol kirim pesanan ke WhatsApp. Perhatikan juga isian catatan: gula aren dipisah. Isian ini tidak wajib, tetapi sangat membantu Dimas menyiapkan pesanan sesuai selera pelanggan. Begini pesan yang diterima Kopi Senja. Semua terisi otomatis dari formulir: daftar produk, total dengan keterangan gratis ongkir, nama, alamat, dan catatan. Dimas bisa langsung membalas dan memproses pesanan tanpa bertanya ulang. Format pesannya sama untuk setiap pelanggan, sehingga lebih mudah dicatat. Satu percobaan belum cukup. Raka menguji lima kasus. Pertama, pesanan kecil: satu cup kopi susu delapan belas ribu, ditambah ongkir sepuluh ribu, total dua puluh delapan ribu. Kedua, pesanan yang mendekati batas: satu hampers dan dua cup, subtotal seratus delapan puluh enam ribu, masih kena ongkir, total seratus sembilan puluh enam ribu. Ketiga, pesanan Rina tadi: dua ratus dua puluh lima ribu, gratis ongkir. Keempat, nama dikosongkan. Formulir menampilkan peringatan dan pesanan tidak terkirim. Kelima, semua jumlah produk nol. Peringatan muncul lagi. Formulir yang baik bukan hanya menghitung dengan benar, tetapi juga menolak isian yang tidak lengkap. Raka lalu mencoba hal yang tidak wajar, seperti pelanggan yang salah ketik. Ia mengisi jumlah cold brew minus satu, dan totalnya malah berkurang menjadi tiga puluh ribu. Ini bug, dan Raka melaporkannya lengkap ke Claude. Claude membaca file script untuk mencari penyebabnya, tanpa mengubah apa pun dulu. Penyebabnya: pemeriksaan hanya memastikan jumlah tidak kosong, tetapi belum memastikan jumlahnya bukan minus. Claude mengusulkan aturan baru: jumlah minimal nol dan harus bilangan bulat. Kotak perubahan menunjukkan satu baris merah lama diganti tiga baris hijau. Maknanya: bila jumlah kosong, minus, atau pecahan, tampilkan peringatan dan jangan lanjutkan. Kata peringatannya pun bisa kita baca langsung. Raka memilih Yes, lalu mengulang semua kasus uji dari awal. Setiap kali ada perbaikan, uji ulang semuanya, karena perbaikan di satu tempat bisa memengaruhi tempat lain.

Langkah 5: Privasi dan menyimpan versi

Formulir menyentuh data pelanggan, jadi pegang tiga aturan privasi. Pertama, minta seperlunya: nama, pesanan, dan alamat. Jangan minta nomor KTP atau tanggal lahir yang tidak dibutuhkan untuk mengantar kopi. Kedua, tidak disimpan di website. Data langsung disusun menjadi pesan WhatsApp, tanpa tercatat di mana pun. Ketiga, pelanggan sendiri yang menekan kirim di WhatsApp. Tidak ada pesan yang terkirim diam-diam. Bila nanti Laras ingin pesanan tercatat otomatis ke spreadsheet, kita bahas di sesi otomasi. Sebelum formulir dipakai pelanggan, ada empat pemeriksaan terakhir. Pertama, Laras sendiri mengecek ulang semua harga dan aturan ongkir. Pemilik usaha adalah pemeriksa terbaik untuk angka usahanya. Kedua, Dimas memastikan pesan WhatsApp yang masuk mudah dibaca dan mudah dicatat. Ketiga, peringatan isian ditulis dengan bahasa ramah, misalnya mohon isi nama Anda, bukan kata error yang membingungkan. Keempat, formulir dicoba oleh satu orang yang belum pernah melihatnya, misalnya teman Raka. Orang baru sering menemukan kebingungan yang tidak terlihat oleh pembuatnya. Semua kasus uji lolos, jadi Raka menyimpan versi baru dengan catatan formulir pesanan ke WhatsApp. Kotak izin muncul seperti biasa. Raka memilih Yes. Versi ketiga tersimpan. Website Kopi Senja kini punya menu, penanda buka, tombol melayang, dan formulir pesanan. Tampilan di video ini simulasi; coba terapkan alur yang sama untuk formulir usaha Anda sendiri.

Selesai!

Formulir pesanan Kopi Senja sudah berfungsi: total dan ongkir dihitung otomatis, isian wajib diperiksa, dan pesanan rapi terkirim ke WhatsApp tanpa menyimpan data di website. Di episode berikutnya kita memastikan seluruh halaman, termasuk formulir ini, tampil rapi dan mudah dipakai di layar HP. Sampai jumpa!

Latihan mandiri

Kerjakan sendiri setelah menonton supaya materinya benar-benar melekat.

Tentukan isian yang benar-benar dibutuhkan untuk pesanan di usaha Anda
Minta Claude membuat formulir dengan aturan harga dan ongkir Anda
Uji minimal lima kasus, termasuk isian kosong dan batas gratis ongkir

Tanya materi kelas

Ketik pertanyaan atau kata kunci; kami carikan bagian episode ini yang menjelaskannya dan lompatkan videonya ke sana.

Catatan saya

Catatan disimpan bersama menit video saat ini dan hanya terlihat oleh Anda.

Tanya jawab

Bingung di salah satu langkah? Tanyakan di sini; pengajar dan peserta lain bisa menjawab.

Belum ada pertanyaan.

Pengajar

Tim Cerdas Inovasi Digital

Pengembang software, engineer BIM & 3D, dan praktisi AI

53 kelas video1.296 episode

Sehari-hari kami mengerjakan software, model BIM, game, dan otomasi AI untuk klien, lalu menjadikan pengalaman praktik itu kelas langkah demi langkah: setiap langkah diperlihatkan di layar dan dilengkapi panduan PDF.

Lihat klien kami →

Memuat

Kelas Claude dari Nol sampai Mahir #78: Formulir Pesanan yang Berfungsi

0 kali dilihat

Software

Claude

Level

Mahir

Durasi

± 9 menit

Total seri

15 jam 1 menit · 100 video

Terbit

28 Oktober 2026

Episode 78 dari 100 · lihat silabus

▶ Tonton video praktik0 kali ditonton

Transkrip

Narasi lengkap video ini. Kalimat yang sedang diucapkan disorot saat video diputar; klik kalimat untuk melompat ke sana.

Tampilkan transkrip

Pembuka

Langkah 1: Merancang alur formulir

Langkah 2: Meminta Claude membuat formulir

Langkah 3: Memahami perhitungan ongkir

Langkah 4: Mencoba formulir

Langkah 5: Privasi dan menyimpan versi

Selesai!

Pengajar

Tim Cerdas Inovasi Digital

Pengembang software, engineer BIM & 3D, dan praktisi AI

53 kelas video1.296 episode

Lihat klien kami →

Kelas yang direkomendasikan untuk Anda

Butuh lebih dari video?

Transkrip

0:03Pembuka

0:23Langkah 1: Merancang alur formulir

1:37Langkah 2: Meminta Claude membuat formulir

2:41Langkah 3: Memahami perhitungan ongkir

4:00Langkah 4: Mencoba formulir

7:02Langkah 5: Privasi dan menyimpan versi

8:51Selesai!

Latihan mandiri

Tanya materi kelas

Catatan saya

Tanya jawab

Pengajar

Kelas yang direkomendasikan untuk Anda

Butuh lebih dari video?

Transkrip

0:03Pembuka

0:23Langkah 1: Merancang alur formulir

1:37Langkah 2: Meminta Claude membuat formulir

2:41Langkah 3: Memahami perhitungan ongkir

4:00Langkah 4: Mencoba formulir

7:02Langkah 5: Privasi dan menyimpan versi

8:51Selesai!

Latihan mandiri

Tanya materi kelas

Catatan saya

Tanya jawab

Pengajar

Pembuka

Langkah 1: Merancang alur formulir

Langkah 2: Meminta Claude membuat formulir

Langkah 3: Memahami perhitungan ongkir

Langkah 4: Mencoba formulir

Langkah 5: Privasi dan menyimpan versi

Selesai!

Pembuka

Langkah 1: Merancang alur formulir

Langkah 2: Meminta Claude membuat formulir

Langkah 3: Memahami perhitungan ongkir

Langkah 4: Mencoba formulir

Langkah 5: Privasi dan menyimpan versi

Selesai!