GSP1383

Ringkasan

Di lab ini, Anda akan membuat prototipe agen belanja dengan cepat di Google AI Studio. Anda akan membuat Agen Belanja Perencana Pesta untuk CymbalMart, yakni perusahaan retail yang membantu pelanggan merencanakan acara dan membuat daftar belanja. Melalui pengalaman langsung ini, Anda akan mempelajari cara menerjemahkan Perjalanan Penting Pengguna (CUJ) ke dalam agen fungsional, kemudian menyempurnakan fitur-fiturnya dengan Vibe Coding dan perintah bahasa alami, serta memvalidasinya di berbagai skenario.

Perjalanan Penting Pengguna (CUJ) adalah peta mendetail mengenai langkah-langkah dan interaksi utama yang dilakukan pelanggan untuk mencapai sasaran tertentu, yang mencakup poin-poin keputusan dan hasil yang penting bagi pengalaman mereka.

Untuk mendapatkan konteks yang lebih mendalam, pertimbangkan untuk mengikuti kursus terkait: Strategi Agentic: Menjelajahi, Merancang, dan Membuat Prototipe.

Yang akan Anda pelajari

Di lab ini, Anda akan mempelajari cara melakukan tugas-tugas berikut:

• Membuat agen belanja dari Perjalanan Penting Pengguna (CUJ).
• Meningkatkan kualitas dan melakukan iterasi fungsi agen menggunakan Vibe Coding dan perintah bahasa alami.
• Menguji dan memvalidasi perilaku agen di berbagai skenario.

Penyiapan dan persyaratan

Sebelum mengklik tombol Start Lab

Baca petunjuk ini. Lab memiliki timer dan Anda tidak dapat menjedanya. Timer yang dimulai saat Anda mengklik Start Lab akan menampilkan durasi ketersediaan resource Google Cloud untuk Anda.

Lab interaktif ini dapat Anda gunakan untuk melakukan aktivitas lab di lingkungan cloud sungguhan, bukan di lingkungan demo atau simulasi. Untuk mengakses lab ini, Anda akan diberi kredensial baru yang bersifat sementara dan dapat digunakan untuk login serta mengakses Google Cloud selama durasi lab.

Untuk menyelesaikan lab ini, Anda memerlukan:

• Akses ke browser internet standar (disarankan browser Chrome).

• Waktu untuk menyelesaikan lab. Ingat, setelah dimulai, lab tidak dapat dijeda.

Membuka Google AI Studio

1. Klik Mulai Lab.  Panel lab akan menampilkan kredensial sementara untuk lab ini.

   • Catatan: Jika lab ini berbayar, Anda akan diminta untuk memilih metode pembayaran.

2. Buka Google AI Studio di jendela Samaran. Halaman login dengan Google akan muncul.

   • Tips: Untuk lebih memudahkan akses, atur tab lab dan AI Studio di jendela terpisah yang saling berdampingan.

3. Salin Username di bawah dan tempel ke kolom Email, lalu klik Next.

   {{{user_0.username | "Username"}}}

4. Salin Password di bawah dan tempel ke kolom Enter your password, lalu klik Next.

   {{{user_0.password | "Password"}}}

5. Setujui persyaratan dan ketentuan di layar untuk melanjutkan.

Sekarang Anda sudah login ke Google AI Studio menggunakan akun siswa sementara Anda.

Tugas 1. Membuat agen belanja dari Perjalanan Penting Pengguna (CUJ)

Dalam tugas ini, Anda akan membuat Agen Belanja Perencana Pesta berdasarkan CUJ yang ditentukan untuk membantu pelanggan CymbalMart merencanakan pesta dan membuat daftar belanja.

1. Klik tombol Get Started, lalu setujui persyaratan dan ketentuan.

2. Di menu navigasi sebelah kiri, klik Build.

   Untuk mengaktifkan akses Drive, untuk Add files (+), klik Drive, pilih akun siswa Anda (misalnya, [student-username]), lalu berikan izin yang diperlukan.

3. Di kolom perintah teks utama di bagian "Build your ideas with Gemini", tempel perintah berikut untuk membuat Agen Belanja Perencana Pesta Anda:

4. Klik Build dan tunggu Google AI Studio membuat agen.

5. Tinjau agen dan uji dengan data sampel. Apakah agen ini memenuhi ekspektasi Anda?

6. Di panel percakapan Gemini, tempel perintah CUJ berikut, lalu klik Send prompt untuk menentukan Perjalanan Penting Pengguna:

7. Di panel percakapan Gemini, tinjau spesifikasi agen yang dihasilkan untuk memastikan spesifikasi tersebut selaras dengan CUJ.

8. Di panel Preview, uji agen dengan detail pesta sampel:

• Jenis pesta: "Ulang Tahun"
• Jumlah tamu: "20"
• Tanggal: "Sabtu depan"
• Tema: "Nuansa tropis"

9. Pastikan agen menghasilkan daftar belanja yang relevan dan sesuai dengan CUJ.

10. Ganti nama aplikasi Anda. Klik ikon pensil di samping nama aplikasi dan ubah menjadi CymbalMart Shopping Agent, lalu klik Save.

Klik Periksa progres saya untuk memverifikasi tujuan. Memverifikasi agen belanja yang dibuat.

Tugas 2. Meningkatkan kualitas fungsi agen dengan Vibe Coding

Dalam tugas ini, Anda akan menggunakan Vibe Coding untuk meningkatkan kualitas Agen Belanja Perencana Pesta dengan fitur kustom dan pengalaman pengguna yang lebih baik.

1. Pelajari kode yang dihasilkan. Klik file seperti App.tsx di tab Code untuk melihat kode aplikasi utama dan mempelajari cara elemen UI dibangun.

2. Tingkatkan kualitas fitur agen. Di panel percakapan Gemini, tempel perintah berikut untuk menambahkan chatbot ke UI agen:

3. Klik Send prompt. Amati perubahan dalam gaya dan tata letak aplikasi.

4. Terus tingkatkan fungsi. Di panel Gemini, ketik perintah berikut:

5. Klik Send prompt dan amati fitur baru yang ditambahkan ke UI.

6. Uji fitur baru di panel Preview.

Tugas 3. Menguji dan memfinalisasi agen

Uji Agen Belanja Perencana Pesta Anda di berbagai skenario dan tambahkan penyempurnaan akhir untuk memastikan fungsi yang tangguh.

1. Di panel Preview, uji agen dengan skenario berikut:

   Skenario 1 - Pesta Ulang Tahun Anak-Anak:

   • Jenis pesta: "Pesta Ulang Tahun Anak-Anak"
   • Jumlah tamu: "15"
   • Tema: "Superhero"
   • Pastikan daftar belanja berisi item dan jumlah yang sesuai usia.

   Skenario 2 - Acara Tim Perusahaan:

   • Jenis pesta: "Acara Membangun Keakraban Tim Perusahaan"
   • Jumlah tamu: "50"
   • Tema: "Profesional"
   • Pastikan daftar mencakup item yang sesuai untuk perusahaan dan perkiraan anggaran yang realistis.

   Skenario 3 - Pernikahan di Luar Ruangan:

   • Jenis pesta: "Resepsi Pernikahan"
   • Jumlah tamu: "100"
   • Tema: "Taman/Luar Ruangan"
   • Pastikan agen menyertakan item khusus luar ruangan seperti pelindung terhadap cuaca dan tempat duduk luar ruangan.

2. Di panel Gemini, berikan masukan untuk menyempurnakan agen sesuai kebutuhan.

3. Tambahkan penyempurnaan akhir. Di panel Gemini, tempel perintah berikut untuk menambahkan fitur kontrol suara:

4. Klik Send prompt, lalu izinkan akses mikrofon di jendela pop-up.

5. Verifikasi bahwa Agen Belanja Perencana Pesta Anda berfungsi dengan benar dengan semua penyempurnaan yang diterapkan.

6. Buka halaman beranda dengan mengklik Back to start, lalu klik logo Google AI Studio di pojok kiri atas.

7. Di menu navigasi sebelah kiri, klik Build.

8. Klik Your apps > Created by you untuk melihat Agen Belanja Perencana Pesta Anda dengan semua penyempurnaan yang diterapkan.

Selamat!

Anda telah berhasil membuat dan meningkatkan kualitas Agen Belanja Perencana Pesta dari Perjalanan Penting Pengguna. Anda telah mempelajari cara:

• Membuat agen belanja dari Perjalanan Penting Pengguna (CUJ).
• Meningkatkan kualitas dan melakukan iterasi fungsi agen menggunakan Vibe Coding dan perintah bahasa alami.
• Menguji dan memvalidasi perilaku agen di berbagai skenario.

Anda sekarang siap membangun dan melakukan iterasi pada agen AI Anda sendiri di Google AI Studio.

Sertifikasi dan pelatihan Google Cloud

...membantu Anda mengoptimalkan teknologi Google Cloud. Kelas kami mencakup keterampilan teknis dan praktik terbaik untuk membantu Anda memahami dengan cepat dan melanjutkan proses pembelajaran. Kami menawarkan pelatihan tingkat dasar hingga lanjutan dengan opsi on demand, live, dan virtual untuk menyesuaikan dengan jadwal Anda yang sibuk. Sertifikasi membantu Anda memvalidasi dan membuktikan keterampilan serta keahlian Anda dalam teknologi Google Cloud.

Manual Terakhir Diperbarui pada 01 April 2026

Lab Terakhir Diuji pada 01 April 2026

Hak cipta 2026 Google LLC. Semua hak dilindungi undang-undang. Google dan logo Google adalah merek dagang dari Google LLC. Semua nama perusahaan dan produk lain mungkin adalah merek dagang masing-masing perusahaan yang bersangkutan.