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 di kelas Claude dari Nol sampai Mahir. Kita masuk sesi baru, Claude di Browser. Di sesi ini Claude tidak hanya membaca data, tetapi ikut bekerja langsung di halaman web. Di episode ini kita mengenal Claude in Chrome: apa itu, bedanya dengan connector, bagaimana cara kerjanya, dan aturan aman saat pertama mencobanya.
Langkah 1: Dari connector ke browser
Claude in Chrome adalah Claude yang bekerja di dalam browser Chrome. Ia bisa membaca halaman yang terbuka, mengklik tombol, mengetik di kolom isian, dan berpindah halaman, atas permintaan Anda. Inilah yang disebut agent: AI yang tidak hanya menjawab, tetapi mengerjakan langkah demi langkah sampai tugas selesai. Ketersediaannya bisa berbeda per paket dan wilayah, jadi cek halaman resmi Anthropic. Apa bedanya dengan connector di sesi sebelumnya? Pertama, jalur kerjanya. Connector memakai sambungan resmi aplikasi. Claude in Chrome bekerja lewat tampilan halaman, persis seperti kita memakai mouse dan keyboard. Kedua, cocok untuk apa. Connector untuk aplikasi seperti Gmail dan Drive. Claude in Chrome untuk situs yang tidak punya connector: formulir pendaftaran, portal pemasok, atau situs ulasan. Ketiga, kecepatan. Connector langsung mengambil data. Agent di browser bekerja langkah demi langkah, jadi lebih lambat. Keempat, pengawasan. Izin connector diatur di awal. Agent di browser perlu diawasi selama bekerja, karena ia bertindak di halaman yang bisa berisi apa saja. Jadi keduanya saling melengkapi. Kalau aplikasinya punya connector, pakai connector. Kalau tidak, Claude in Chrome menjadi jalan keluarnya.
Langkah 2: Cara kerja agent di browser
Cara kerja agent bisa digambarkan sebagai siklus empat langkah. Pertama, lihat: agent membaca isi halaman yang sedang terbuka. Kedua, pikir: berdasarkan tugas dari Anda, agent menentukan langkah berikutnya. Misalnya, ulasan terbaru ada di bawah, jadi perlu digulir. Ketiga, aksi: mengklik, mengetik, menggulir, atau membuka tab baru. Keempat, lapor: setiap langkah dicatat di panel samping. Lalu siklus berulang sampai tugas selesai, atau sampai agent perlu persetujuan Anda. Ada tiga hal yang perlu diingat. Pertama, agent biasanya bekerja lebih lambat dari manusia, karena ia membaca halaman dulu sebelum setiap klik. Itu wajar. Kedua, agent bisa salah membaca halaman. Tata letak yang rumit, jendela iklan, atau tombol yang mirip bisa mengecoh, sama seperti mengecoh manusia. Ketiga, agent bekerja dengan akun yang sedang login di browser. Kalau Anda sudah login di sebuah situs, di situs itu agent bertindak atas nama Anda. Ini alasan utama kita berhati-hati. Keempat, agent bisa dihentikan kapan saja. Anda melihat semua langkahnya, dan Anda tetap memegang kendali.
Langkah 3: Tugas pertama: merangkum ulasan pelanggan
Tugas untuk agent ditulis seperti prompt biasa, dengan sedikit tambahan. Pertama, tugasnya: rangkum ulasan Kopi Senja dua minggu terakhir. Kedua, sebut situsnya dengan jelas, supaya agent tidak berkeliling ke situs lain. Ketiga, format hasil: pujian, keluhan, dan saran, masing-masing dengan jumlah ulasannya. Keempat, batasan yang khas untuk agent: hanya membaca, jangan login, dan jangan membalas ulasan. Batasan ini menentukan seberapa jauh agent boleh bertindak. Mari lihat tugas pertama. Laras ingin tahu pendapat pelanggan tentang Kopi Senja dua minggu terakhir. Ia membuka panel Claude di Chrome dan menulis tugasnya. Lihat panel gelap di kanan. Agent membuka halaman Kopi Senja di situs ulasan. Situs ini fiktif, sebagai contoh. Lalu ia mengurutkan ulasan dari yang terbaru, karena Laras hanya meminta dua minggu terakhir. Empat ulasan teratas terbaca: soal antrean sore, cold brew yang rapi, balasan WhatsApp yang lambat, dan hampers yang cantik. Agent menggulir ke bawah dan membaca sebelas ulasan lain yang masih dalam rentang dua minggu. Baris terakhir penting: agent tidak membalas ulasan dan tidak login. Tugasnya hanya membaca, dan ia tetap di batas itu. Hasilnya muncul di panel Claude. Lima belas ulasan diringkas menjadi pujian, keluhan, dan saran, lengkap dengan jumlah ulasan untuk tiap poin. Laras ingin mengecek satu keluhan. Ia bertanya kapan persisnya ulasan Putri ditulis. Claude menyebut tanggalnya dan menyertakan tautan ulasan aslinya. Laras bisa membacanya sendiri. Kebiasaan mengecek sumber tetap berlaku, sama seperti saat memakai pencarian web. Pekerjaan yang biasanya memakan setengah jam menggulir dan mencatat selesai dalam beberapa menit, dan Laras kini punya dua perbaikan nyata untuk kedainya.
Langkah 4: Batas yang sehat: berhenti di halaman login
Contoh kedua dari Pak Hendra di Bimbel Cerdas. Ia ingin mengikutkan murid ke olimpiade sains, dan meminta agent mencari jadwal, biaya, dan syarat pendaftarannya. Agent membuka halaman informasi penyelenggara. Lagi-lagi, situs ini fiktif. Ia membaca jadwal pendaftaran: satu sampai dua puluh November, secara daring. Lalu biaya pendaftaran tujuh puluh lima ribu rupiah per peserta. Lalu syaratnya: murid kelas empat sampai enam, dengan surat dari sekolah atau lembaga. Bimbel Cerdas perlu memastikan apakah surat lembaga diterima. Lalu agent melihat tombol masuk untuk mendaftar. Ia tidak menekannya. Baris merah di log menunjukkan agent berhenti dan meminta keputusan Pak Hendra. Login dan pendaftaran adalah urusan Pak Hendra sendiri. Contoh tadi menunjukkan batas yang sehat. Agent berhenti dan bertanya saat bertemu halaman login atau permintaan kata sandi. Kata sandi selalu Anda yang mengetik, bukan agent. Kedua, halaman pembayaran, keranjang belanja, atau kolom data kartu. Ketiga, tombol yang mengikat: kirim, daftar, setuju, atau hapus. Keempat, permintaan mengunduh file atau memasang sesuatu. Kelima, instruksi aneh yang tertulis di halaman, misalnya teks yang menyuruh asisten AI melakukan sesuatu. Seperti di sesi connector, isi halaman adalah bahan bacaan, bukan perintah. Kalau agent berhenti di salah satu titik ini, itu bukan kegagalan. Justru itu tanda agent bekerja dengan benar.
Langkah 5: Memulai dengan aman
Sebelum mencoba sendiri, pegang empat aturan ini. Pertama, cek halaman resmi Anthropic untuk ketersediaan, paket, dan cara pemasangan. Langkahnya bisa berubah, jadi jangan mengandalkan tutorial lama. Kedua, pakai profil Chrome khusus kerja. Agent bekerja di browser yang sama dengan akun-akun yang sedang login, jadi profil pribadi berisi akun bank dan belanja sebaiknya tidak dipakai. Ketiga, mulai dari tugas membaca di situs publik tanpa login, seperti dua contoh tadi. Keempat, awasi layar selama agent bekerja. Kalau langkahnya menyimpang, misalnya membuka situs yang tidak Anda minta, hentikan saja. Di sesi ini kita naik tangga kepercayaan pelan-pelan. Anak tangga pertama, membaca, sudah kita lakukan hari ini. Berikutnya, mengisi formulir web, dengan aturan berhenti sebelum tombol kirim. Lalu mengumpulkan data dari beberapa situs sekaligus menjadi satu tabel. Terakhir, memutuskan kapan mengizinkan aksi dan kapan menolak. Tampilan di video ini simulasi, dan tampilan Claude in Chrome bisa sedikit berbeda karena sering diperbarui.
Selesai!
Kita sudah mengenal Claude in Chrome, bedanya dengan connector, siklus kerja agent, dua tugas membaca, dan batas sehat untuk berhenti di halaman login. Di episode berikutnya kita naik satu anak tangga: membiarkan agent mengisi formulir web dari data yang kita berikan, lalu berhenti sebelum tombol kirim. Sampai jumpa!
Latihan mandiri
Kerjakan sendiri setelah menonton supaya materinya benar-benar melekat.
Minta Claude in Chrome merangkum satu halaman ulasan atau berita tentang usaha Anda
Minta agent mengumpulkan tiga informasi penting dari satu situs penyelenggara acara
Catat setiap kali agent berhenti meminta izin, dan alasan Anda menyetujui atau menolak
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
52 kelas video1.276 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.
