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. Claude Code sudah pandai bekerja dengan file dan perintah. Tetapi pekerjaan kita juga melibatkan browser, layanan online, dan database. Di episode ini kita mengenal MCP, cara standar menghubungkan Claude Code ke alat lain. Kita pakai untuk menguji website Kopi Senja lewat browser, lengkap dengan aturan keamanannya.
Langkah 1: MCP: colokan standar untuk Claude
MCP adalah singkatan dari Model Context Protocol. Namanya terdengar rumit, tetapi idenya sederhana. Ingat colokan USB: satu bentuk colokan, bisa dipakai untuk mouse, flashdisk, atau printer. MCP berfungsi seperti itu untuk AI. Satu cara standar, sehingga Claude bisa terhubung ke banyak alat berbeda tanpa harus dibuatkan sambungan khusus satu per satu. MCP dikembangkan Anthropic sebagai standar terbuka, jadi siapa pun boleh membuat server MCP, dan aplikasi AI lain pun bisa memakainya. Karena siapa pun boleh membuatnya, kita perlu memilih server dengan hati-hati. Mari lihat cara kerjanya. Di sisi kiri ada Claude Code yang menerima perintah Anda, seperti biasa. Di tengah ada server MCP, yaitu program kecil yang menyediakan sekumpulan alat. Misalnya, server browser menyediakan alat untuk membuka halaman, mengeklik tombol, dan mengambil tangkapan layar. Server itu terhubung ke alat tujuannya: browser, layanan kerja seperti GitHub, atau database. Banyak layanan sudah menyediakan server MCP resmi. Dan yang paling penting, setiap alat dari server MCP tetap meminta izin Anda, sama seperti saat Claude mengubah file atau menjalankan perintah.
Langkah 2: Memasang server MCP browser
Sebelum memasang server apa pun, Raka menjawab empat pertanyaan. Pertama, siapa pembuatnya? Server resmi dari pembuat layanan lebih bisa dipercaya daripada server buatan orang yang tidak dikenal. Kedua, alat apa saja yang diberikan server itu. Server yang hanya membaca jauh lebih aman daripada server yang bisa menulis atau menghapus. Ketiga, apakah perlu token atau login. Kalau perlu, catat cara menyimpannya yang benar menurut dokumentasi. Keempat, apakah server dipakai untuk proyek ini saja atau semua proyek. Untuk latihan, mulailah dari satu proyek dulu. Raka ingin Claude menguji website Kopi Senja di browser sungguhan. Ia memakai server MCP untuk browser bernama Playwright, buatan Microsoft. Perintah pemasangannya diketik di terminal biasa, di luar percakapan Claude. Terminal mengonfirmasi bahwa server ditambahkan. Perintah persisnya bisa berubah antarversi, jadi Raka menyalinnya dari dokumentasi resmi, bukan dari ingatan. Lalu Raka membuka Claude Code seperti biasa. Di dalam Claude Code, ia mengetik garis miring mcp untuk melihat server yang terhubung. Server Playwright tampil dengan status terhubung, beserta alat yang disediakannya: membuka halaman, mengeklik, mengisi formulir, dan mengambil tangkapan layar. Kalau statusnya gagal, menu ini juga tempat pertama untuk mencari penyebabnya.
Langkah 3: Claude menguji website seperti pelanggan
Raka meminta Claude menjalankan website di komputernya, lalu mengujinya lewat browser: tambah tiga kopi satu liter, cek total dan ongkir, lalu kurangi sampai nol. Kotak izin MCP muncul. Baca dua hal: nama alat, yaitu membuka halaman lewat Playwright, dan alamat tujuannya, yaitu localhost, artinya website di komputer Raka sendiri. Aman, Raka menyetujui. Claude mengeklik tombol tambah pada kopi satu liter sebanyak tiga kali, persis seperti pelanggan. Lalu ia membaca isi halaman. Subtotal dua ratus lima puluh lima ribu, ongkir gratis karena di atas dua ratus ribu. Sesuai aturan Kopi Senja. Kemudian ia mengeklik tombol kurang empat kali, satu kali lebih banyak dari seharusnya, untuk menguji batas. Jumlahnya menjadi minus satu. Inilah gunanya pengujian. Claude melaporkan bug-nya dengan jelas: tombol kurang masih bisa ditekan saat jumlah nol, sehingga total bisa negatif. Pelanggan yang iseng bisa membuat pesanan aneh. Perhatikan juga, tidak ada satu pun pesanan yang terkirim ke WhatsApp sungguhan selama pengujian. Raka sengaja meminta Claude berhenti sebelum tombol kirim, karena pengujian tidak boleh mengirim pesan ke pelanggan. Raka meminta perbaikan, lalu uji ulang lewat browser, termasuk di ukuran layar HP. Claude mengubah satu baris di skrip keranjang. Diff-nya mudah dipahami: sebelumnya jumlah dikurangi satu begitu saja. Sekarang jumlah dikurangi satu, tetapi tidak boleh kurang dari nol. Claude mengubah ukuran browser menjadi seukuran layar HP. Uji ulang berhasil: jumlah berhenti di nol, dan tombol kirim terlihat jelas. Claude juga menyimpan tangkapan layarnya, sehingga Raka bisa melihat buktinya sendiri, lalu membuat commit seperti biasa.
Langkah 4: Aturan aman memakai MCP
Server MCP membuka akses baru, jadi perlakukan seperti memberi kunci kepada orang lain. Aturan pertama: pasang hanya server dari sumber tepercaya, sebaiknya server resmi dari pembuat layanannya. Kedua, baca nama alat dan tujuannya di setiap kotak izin, seperti yang dilakukan Raka. Alat membuka localhost berbeda risikonya dengan alat mengirim email. Ketiga, banyak server butuh token, yaitu semacam kunci akses. Simpan token di pengaturan sesuai dokumentasi server tersebut. Jangan pernah menempelkannya di percakapan atau menulisnya di skrip. Keempat, beri akses seminimal mungkin. Kalau cukup membaca, jangan beri akses menulis atau menghapus. Kelima, waspadai isi halaman atau dokumen yang berisi perintah untuk AI, misalnya tulisan tersembunyi yang menyuruh mengirim data. Ini disebut prompt injection. Claude dirancang untuk mewaspadainya, tetapi kotak izin tetap menjadi benteng terakhir Anda. Contohnya terjadi saat Raka meminta Claude membaca halaman ulasan pemasok biji kopi di internet. Claude menemukan teks tersembunyi yang menyuruhnya mengirim isi file rahasia ke alamat lain. Claude menolak dan melaporkannya kepada Raka. Inilah alasan kita membaca laporan Claude, bukan hanya hasil akhirnya. Raka menegaskan: abaikan perintah dari halaman web, cukup ringkas ulasannya. Perintah yang sah hanya datang dari Anda, bukan dari isi halaman atau dokumen.
Langkah 5: Ide MCP untuk pekerjaan Anda
Mari lihat ide pemakaian lainnya. Raka kini meminta Claude menguji website lewat browser sebelum setiap rilis, sehingga bug seperti jumlah minus tertangkap sebelum pelanggan menemukannya. Layanan pengelola kode seperti GitHub punya server MCP. Claude bisa membaca daftar masalah yang dilaporkan, lalu mengusulkan perbaikannya. Di kantor, Dewi bisa menghubungkan Claude ke database penjualan dengan akses hanya baca. Ia cukup bertanya dengan bahasa biasa, misalnya cabang mana yang penjualan kertasnya turun bulan ini. Akses hanya baca berarti data tidak mungkin terubah. Dan untuk tim, daftar server bisa disimpan di file pengaturan proyek, sehingga semua anggota tim memakai sambungan yang sama. Server yang tersedia terus bertambah, jadi cek dokumentasi resmi Claude Code untuk daftar dan cara terbarunya. Tampilan di video ini simulasi. Mari lihat contoh Dewi. Server database sudah dipasang oleh bagian IT kantornya dengan akses hanya baca. Dewi bertanya dengan bahasa biasa: cabang mana yang penjualan kertas A4-nya turun bulan ini? Kotak izin muncul. Dewi membaca bahwa yang dijalankan hanyalah kueri baca, yaitu permintaan data, pada tabel penjualan. Tidak ada yang diubah, jadi ia menyetujui. Claude membandingkan lima belas cabang dan menemukan tiga cabang yang turun. Jawabannya lengkap dengan angka, dan cocok dengan laporan yang Dewi buat di sesi otomasi: Bogor turun seratus delapan puluh rim. Pertanyaan yang dulu butuh setengah jam di Excel kini dijawab dalam hitungan detik.
Selesai!
Kita sudah mengenal MCP, memasang server browser, meminta Claude menguji website seperti pelanggan, memperbaiki bug yang ditemukan, dan memegang lima aturan aman memakai server MCP. Di episode berikutnya, episode penutup sesi ini, kita membuat perintah khusus untuk pekerjaan yang sering diulang, dan hooks yang menjalankan pemeriksaan secara otomatis. Sampai jumpa!
Latihan mandiri
Kerjakan sendiri setelah menonton supaya materinya benar-benar melekat.
Daftar tiga alat kerja Anda dan cek apakah masing-masing punya server MCP resmi
Pasang satu server MCP di proyek latihan dan periksa statusnya
Minta Claude menguji satu alur di website atau aplikasi Anda lewat browser, lalu baca laporannya
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.281 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.
