KrishnaVandanu

<div class="ds-markdown ds-markdown--block" style="--ds-md-zoom: 1.143;"><p>Berikut analisis dan penyempurnaan panduan YouTube Shorts 2025 dengan integrasi informasi terbaru dari hasil penelusuran:</p><hr /><h3><strong>Pembaruan Penting YouTube Shorts 2025</strong> <span class="ds-markdown-cite">1</span><span class="ds-markdown-cite">7</span><span class="ds-markdown-cite">11</span></h3><ol start="1"><li><p><strong>Durasi 3 Menit</strong></p><ul><li><p>Mulai <strong>15 Oktober 2024</strong>, kreator bisa mengunggah Shorts hingga <strong>3 menit</strong> (vertikal/persegi).</p></li><li><p>Memungkinkan eksplorasi konten lebih mendalam seperti tutorial, storytelling, atau dokumenter mini.</p></li><li><p><em>Catatan</em>: Format vertikal (9:16) tetap prioritas untuk tampilan penuh di ponsel.</p></li></ul></li><li><p><strong>Perubahan Metrik Views</strong> <span class="ds-markdown-cite">1</span><span class="ds-markdown-cite">3</span><span class="ds-markdown-cite">5</span></p><ul><li><p>Sejak <strong>31 Maret 2025</strong>, penghitungan views berdasarkan <strong>jumlah pemutaran awal/replay</strong>, bukan durasi tontonan.</p></li><li><p>Setiap loop video dihitung sebagai 1 view (selaras dengan TikTok dan Instagram Reels).</p></li><li><p>Metrik "engaged views" (tontonan > beberapa detik) tetap tersedia di <strong>Mode Lanjutan YouTube Analytics</strong>.</p></li></ul></li></ol><hr /><h3><strong>Strategi Optimasi Konten</strong></h3><ol start="3"><li><p><strong>Teknik SEO & Engagement</strong></p><ul><li><p><strong>Judul/Deskripsi</strong>: Gunakan kata kunci seperti "Resep 3 Menit" atau "Life Hack Viral" <span class="ds-markdown-cite">10</span>.</p></li><li><p><strong>Hook 3 Detik</strong>: Contoh: <em>"Apa jadanya jika kamu makan mie instan setiap hari?"</em> <span class="ds-markdown-cite">7</span>.</p></li><li><p><strong>Hashtag</strong>: Minimal 3 tag relevan (e.g., #ShortsIndonesia, #TutorialCepat) <span class="ds-markdown-cite">10</span>.</p></li></ul></li><li><p><strong>Hindari Masalah Hak Cipta</strong></p><ul><li><p>Untuk Shorts >1 menit, gunakan musik bebas royalti dari <strong>YouTube Audio Library</strong> untuk menghindari blokir Content ID <span class="ds-markdown-cite">1</span><span class="ds-markdown-cite">5</span>.</p></li><li><p>Hindari modifikasi logo YouTube atau penggunaan konten orang lain tanpa izin [citation:11].</p></li></ul></li></ol><hr /><h3><strong>Monetisasi & Pertumbuhan</strong></h3><ol start="5"><li><p><strong>Persyaratan Monetisasi</strong> <span class="ds-markdown-cite">1</span><span class="ds-markdown-cite">5</span><span class="ds-markdown-cite">8</span></p><ul><li><p>Bergabung dengan <strong>YouTube Partner Program</strong>:</p><ul><li><p>1.000 subscriber</p></li><li><p>10 juta views Shorts dalam 90 hari</p></li></ul></li><li><p>Pendapatan dari:</p><ul><li><p>Iklan (berdasarkan engaged views)</p></li><li><p>Shorts Fund (untuk konten viral di negara tertentu)</p></li><li><p>Sponsorship/afiliasi</p></li></ul></li></ul></li><li><p><strong>Strategi Cross-Promosi</strong></p><ul><li><p>Tautkan Shorts ke video panjang/livestream via fitur <strong>Related Video</strong> di YouTube Studio <span class="ds-markdown-cite">10</span>.</p></li><li><p>Manfaatkan <strong>Shorts Trends Page</strong> untuk template konten viral <span class="ds-markdown-cite">7</span>.</p></li></ul></li></ol><hr /><h3><strong>Studi Kasus & Contoh Sukses</strong></h3><ol start="7"><li><p><strong>Kreator Lokal</strong></p><ul><li><p><strong>Gita Savitri</strong>: Memanfaatkan Shorts 3 menit untuk storytelling pengalaman di Jerman dengan alur narasi kuat <span class="ds-markdown-cite">2</span>.</p></li><li><p><strong>Koki Ganteng</strong>: Kombinasi resep cepat + komedi slapstick dengan hook seperti <em>"Bikin martabak telor 3 menit, auto jadi jutawan!"</em> <span class="ds-markdown-cite">7</span>.</p></li></ul></li></ol><hr /><h3><strong>Pembaruan Teknis & Analitik</strong></h3><ol start="8"><li><p><strong>Upload Optimal</strong></p><ul><li><p><strong>Mobile</strong>: Rekam langsung atau unggah dari galeri + tambahkan efek editing <span class="ds-markdown-cite">8</span>.</p></li><li><p><strong>Desktop</strong>: Pastikan rasio 9:16/1:1 dan tambahkan #Shorts di deskripsi <span class="ds-markdown-cite">8</span>.</p></li></ul></li><li><p><strong>Analisis Performa</strong></p><ul><li><p>Pantau <strong>Average View Duration (AVD)</strong> dan <strong>engaged views</strong> untuk evaluasi strategi <span class="ds-markdown-cite">1</span><span class="ds-markdown-cite">11</span>.</p></li><li><p>Jika AVD rendah, perpendek durasi atau perbaiki hook awal <span class="ds-markdown-cite">7</span>.</p></li></ul></li></ol><hr /><h3><strong>Sumber Daya Resmi</strong></h3><ul><li><p><strong>Panduan YouTube Studio</strong>: <a href="https://studio.youtube.com" rel="noreferrer" target="_blank">https://studio.youtube.com</a> (analitik & monetisasi) [citation:12].</p></li><li><p><strong>Audio Bebas Royalti</strong>: YouTube Audio Library atau Uppbeat [citation:12].</p></li><li><p><strong>Dukungan Kreator</strong>: Webinar di <strong>YouTube Creator Hub</strong> [citation:12].</p></li></ul><hr /><h3><strong>Larangan Penting</strong> [citation:11]</h3><ul><li><p>Jangan modifikasi logo YouTube atau gunakan latar belakang merah.</p></li><li><p>Kata "YouTuber" hanya untuk kreator aktif yang mengunggah konten orisinal.</p></li></ul><hr /><p>Dengan
 memadukan strategi kreatif, analitik terbaru, dan kepatuhan kebijakan, 
kreator bisa memaksimalkan potensi Shorts di era 2025. Perubahan metrik 
views mengharuskan adaptasi konten yang lebih interaktif dan mudah 
di-loop! 🚀</p></div>

panduan YouTube Shorts 2025 : analisis dan penyempurnaan

Berikut analisis dan penyempurnaan panduan YouTube Shorts 2025 dengan integrasi informasi terbaru dari hasil penelusuran:Pembaruan Penting YouTube Shorts 2025 1711Durasi 3 MenitMulai 15 Oktober 2024, …

<h1><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS01H3G0q5F767prxqbH_F8QBQS3noDaDMRiblEMJ3rDvH7jQsTxblaOz4SKE6AjEJHdEM1BeQYieKJNywvMmnbvmCr8W5pM3O-N6eDbyKSb6TPwWYlFcwfNUFpGRva0f2XmJjq_NJN4FSNKQKNjg8EFlORUqlukSFGc3X3RCsSk8YOLbjU1rwE3vCWewh/s1366/Screenshot%202025-03-29%20at%2004-17-21%20ImageFX%20AI%20Image%20Generator%20Playground%20Imgex.ai.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="579" data-original-width="1366" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS01H3G0q5F767prxqbH_F8QBQS3noDaDMRiblEMJ3rDvH7jQsTxblaOz4SKE6AjEJHdEM1BeQYieKJNywvMmnbvmCr8W5pM3O-N6eDbyKSb6TPwWYlFcwfNUFpGRva0f2XmJjq_NJN4FSNKQKNjg8EFlORUqlukSFGc3X3RCsSk8YOLbjU1rwE3vCWewh/w640-h272/Screenshot%202025-03-29%20at%2004-17-21%20ImageFX%20AI%20Image%20Generator%20Playground%20Imgex.ai.png" width="640" /></a></div><br />Imgex.ai: Revolusi Kecerdasan Buatan dalam Pengolahan Gambar</h1>
<p>Di era digital saat ini, kecerdasan buatan (AI) telah mengubah cara kita menciptakan dan memanipulasi gambar. Salah satu inovasi terbaru yang patut diacungi jempol adalah <strong>Imgex.ai</strong>. Platform ini tidak hanya menghadirkan teknologi canggih, tetapi juga memberikan solusi kreatif yang menginspirasi para konten kreator, seniman digital, dan para profesional di berbagai bidang.</p>
<h2>Apa Itu Imgex.ai?</h2>
<p>Imgex.ai merupakan sebuah situs web berbasis AI yang dirancang untuk membantu pengguna menghasilkan, mengedit, dan meningkatkan kualitas gambar dengan mudah. Dengan memanfaatkan algoritma pembelajaran mendalam, Imgex.ai memungkinkan pengguna mengubah ide kreatif menjadi karya visual yang memukau. Teknologi yang diusung platform ini memberikan hasil gambar dengan kualitas tinggi dan detail yang tajam, sehingga sangat cocok untuk berbagai keperluan, mulai dari pembuatan konten media sosial hingga produksi materi pemasaran profesional.</p>
<h2>Fitur-Fitur Unggulan</h2>
<h3>1. <strong>Kemudahan Penggunaan</strong></h3>
<p>Salah satu daya tarik utama Imgex.ai adalah antarmukanya yang intuitif. Pengguna, baik yang masih pemula maupun yang sudah berpengalaman, dapat dengan cepat memanfaatkan berbagai fungsi yang tersedia tanpa harus melalui proses belajar yang rumit.</p>
<h3>2. <strong>Kualitas Gambar Tinggi</strong></h3>
<p>Dengan dukungan teknologi AI terkini, Imgex.ai mampu menghasilkan gambar dengan resolusi tinggi dan detail yang memukau. Hasil olahan yang dihasilkan cocok untuk keperluan digital maupun cetak, memastikan setiap karya visual tampil profesional.</p>
<h3>3. <strong>Fitur Personalisasi</strong></h3>
<p>Platform ini menawarkan berbagai opsi kustomisasi, memungkinkan pengguna menyesuaikan gaya dan efek sesuai dengan kebutuhan mereka. Mulai dari penyesuaian warna, pencahayaan, hingga pengaplikasian filter artistik, Imgex.ai memberikan ruang untuk berkreasi tanpa batas.</p>
<h3>4. <strong>Integrasi dengan Media Sosial</strong></h3>
<p>Dalam dunia yang semakin terhubung, Imgex.ai memahami pentingnya berbagi karya secara cepat dan efektif. Fitur integrasi dengan berbagai platform media sosial memudahkan pengguna untuk langsung membagikan hasil karya mereka kepada audiens global.</p>
<h2>Manfaat Bagi Konten Kreator</h2>
<p>Bagi para konten kreator, Imgex.ai merupakan alat yang revolusioner. Dengan kemampuannya untuk mengubah konsep sederhana menjadi karya visual yang menarik, platform ini membantu:</p>
<ul><li>
<p><strong>Menghemat Waktu:</strong> Proses otomatisasi dalam pengolahan gambar memungkinkan penyelesaian pekerjaan dengan lebih cepat.</p>
</li><li>
<p><strong>Meningkatkan Kualitas Konten:</strong> Gambar berkualitas tinggi meningkatkan daya tarik visual dan profesionalisme dalam setiap proyek.</p>
</li><li>
<p><strong>Mendukung Kreativitas:</strong> Fitur kustomisasi yang beragam memberi ruang bagi kreativitas tanpa batas, sehingga setiap karya memiliki ciri khas unik.</p>
</li></ul>
<h2>Cara Menggunakan Imgex.ai</h2>
<p>Penggunaan Imgex.ai sangat sederhana. Berikut adalah langkah-langkah dasar untuk memulai:</p>
<ol><li>
<p><strong>Kunjungi Situs Web:</strong> Akses <a href="https://imgex.ai/?utm_source=direct&utm_medium=social&utm_campaign=share">Imgex.ai</a> melalui browser favorit Anda.</p>
</li><li>
<p><strong>Unggah Gambar atau Mulai dari Nol:</strong> Pilih untuk mengunggah gambar yang sudah ada atau mulai dengan kanvas kosong.</p>
</li><li>
<p><strong>Eksplorasi Fitur:</strong> Gunakan berbagai alat pengeditan dan kustomisasi untuk menyesuaikan gambar sesuai keinginan.</p>
</li><li>
<p><strong>Simpan dan Bagikan:</strong> Setelah puas dengan hasilnya, simpan karya Anda dalam format berkualitas tinggi dan bagikan ke platform media sosial atau media lainnya.</p>
</li></ol>
<h2>Tantangan dan Potensi Masa Depan</h2>
<p>Meski teknologi AI dalam pengolahan gambar semakin berkembang, tantangan seperti masalah hak cipta, keamanan data, dan kebutuhan akan kontrol kreatif yang lebih mendalam tetap perlu mendapatkan perhatian. Namun, Imgex.ai menunjukkan bahwa masa depan digital sangatlah menjanjikan, terutama dengan potensi kolaborasi antara manusia dan mesin untuk menghasilkan karya seni yang luar biasa.</p>
<h2>Kesimpulan</h2>
<p>Imgex.ai bukan sekadar alat pengolah gambar biasa—ia adalah jendela menuju dunia kreativitas tanpa batas yang didukung oleh teknologi AI. Dengan antarmuka yang mudah digunakan, fitur-fitur canggih, dan kualitas hasil yang memukau, platform ini menawarkan pengalaman baru bagi para kreator di era digital. Bagi Anda yang ingin mengubah cara berkreasi dan memperkaya portofolio visual, Imgex.ai adalah solusi yang patut dicoba.</p>
<p>Dalam dunia yang semakin kompetitif, memanfaatkan teknologi AI seperti Imgex.ai bisa menjadi kunci untuk terus berinovasi dan menghasilkan karya yang tak hanya menarik, tetapi juga memiliki nilai estetika tinggi. Cobalah dan rasakan sendiri revolusi dalam pengolahan gambar yang ditawarkan oleh Imgex.ai!</p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJDldbQngEWeM8wJ1X8sikFwJ13pUF72-9oPo6LQ0JlAmOVSq5X9YLlisiTrWNgAyTQteh9HrKahyusu9aFE6Fsi9c3MtYjpjt5CbXgx7AUq068YSU7uTyffzxL0R-AsFgeeWuAHlA9sd_NlkJTXVXJIuz8xhbNiMGRd3SEXcbfC_X6g2eiUfah7vqb95x/s6192/Screenshot%202025-03-29%20at%2004-16-01%20ImageFX%20-%20Transform%20Your%20Imagination%20into%20Stunning%20AI%20Art%20Imgex.ai.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="6192" data-original-width="1366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJDldbQngEWeM8wJ1X8sikFwJ13pUF72-9oPo6LQ0JlAmOVSq5X9YLlisiTrWNgAyTQteh9HrKahyusu9aFE6Fsi9c3MtYjpjt5CbXgx7AUq068YSU7uTyffzxL0R-AsFgeeWuAHlA9sd_NlkJTXVXJIuz8xhbNiMGRd3SEXcbfC_X6g2eiUfah7vqb95x/s16000/Screenshot%202025-03-29%20at%2004-16-01%20ImageFX%20-%20Transform%20Your%20Imagination%20into%20Stunning%20AI%20Art%20Imgex.ai.png" /></a></div><br /> <p></p>

Imgex.ai: Revolusi Kecerdasan Buatan dalam Pengolahan Gambar

Imgex.ai: Revolusi Kecerdasan Buatan dalam Pengolahan Gambar Di era digital saat ini, kecerdasan buatan (AI) telah mengubah cara kita menciptakan dan memanipulasi gambar. Salah satu inovasi terbaru ya…

<p></p>
<hr />
<h1><strong>Membuka Potensi Diri: Langkah Menuju Kesuksesan</strong></h1>
<p>Setiap individu memiliki potensi luar biasa dalam dirinya. Namun, tidak semua orang menyadarinya atau tahu bagaimana mengembangkannya. Membuka potensi diri adalah sebuah perjalanan menuju pertumbuhan pribadi, pengembangan keterampilan, dan pola pikir yang positif. Berikut adalah langkah-langkah yang dapat membantu Anda mencapai versi terbaik dari diri sendiri.</p>
<h2><strong>Langkah-Langkah untuk Membuka Potensi Diri</strong></h2>
<h3><strong>1. Tetapkan Tujuan yang Jelas</strong></h3>
<p>Menentukan tujuan adalah langkah pertama untuk mengembangkan potensi diri.<br />
✅ Buat tujuan yang spesifik, realistis, dan terukur.<br />
✅ Pecah tujuan besar menjadi tahapan kecil agar lebih mudah dicapai.<br />
✅ Identifikasi sumber daya dan strategi yang diperlukan untuk mencapainya.</p>
<h3><strong>2. Kembangkan Pola Pikir Bertumbuh</strong></h3>
<p>Pola pikir bertumbuh (growth mindset) adalah keyakinan bahwa kemampuan dapat berkembang melalui usaha dan pembelajaran.<br />
✅ Jangan takut mencoba hal baru dan keluar dari zona nyaman.<br />
✅ Jadikan tantangan sebagai peluang untuk belajar.<br />
✅ Jangan biarkan kegagalan menghentikan langkah Anda, gunakan sebagai pengalaman berharga.</p>
<h3><strong>3. Belajar Secara Berkelanjutan</strong></h3>
<p>Dunia terus berkembang, begitu juga keterampilan yang diperlukan untuk sukses.<br />
✅ Selalu belajar hal-hal baru agar tetap relevan dan kompetitif.<br />
✅ Ikuti kursus, baca buku, atau cari mentor yang dapat membimbing Anda.<br />
✅ Jangan ragu mencari umpan balik untuk terus meningkatkan kemampuan.</p>
<h3><strong>4. Jaga Kesehatan Diri</strong></h3>
<p>Potensi diri tidak bisa berkembang tanpa tubuh dan pikiran yang sehat.<br />
✅ Tidur yang cukup dan konsumsi makanan bergizi.<br />
✅ Lakukan olahraga secara rutin untuk menjaga energi dan fokus.<br />
✅ Praktikkan mindfulness atau meditasi untuk menjaga keseimbangan mental.</p>
<h3><strong>5. Bersikap Baik pada Diri Sendiri</strong></h3>
<p>Ketika menghadapi kegagalan atau tantangan, jangan terlalu keras pada diri sendiri.<br />
✅ Terima kegagalan sebagai bagian dari proses menuju keberhasilan.<br />
✅ Bangun kebiasaan berpikir positif dan jangan mudah menyerah.<br />
✅ Hargai setiap pencapaian, sekecil apa pun.</p>
<h3><strong>6. Kenali dan Manfaatkan Kekuatan Diri</strong></h3>
<p>Setiap orang memiliki bakat dan keunikan yang dapat menjadi modal utama dalam meraih sukses.<br />
✅ Refleksikan apa yang menjadi kelebihan dan kekuatan Anda.<br />
✅ Gunakan keahlian tersebut untuk menciptakan peluang baru.<br />
✅ Jangan bandingkan diri dengan orang lain, fokuslah pada perkembangan diri sendiri.</p>
<h3><strong>7. Kelilingi Diri dengan Orang-Orang Positif</strong></h3>
<p>Lingkungan memiliki peran besar dalam membentuk mindset dan motivasi.<br />
✅ Berada di sekitar orang-orang yang mendukung dan menginspirasi akan meningkatkan semangat.<br />
✅ Hindari lingkungan yang penuh dengan negativitas dan kritik tidak membangun.<br />
✅ Bergabung dengan komunitas yang dapat membantu pertumbuhan pribadi dan profesional Anda.</p>
<h3><strong>8. Kembangkan Keterampilan Lunak (Soft Skills)</strong></h3>
<p>Selain keterampilan teknis, keterampilan interpersonal sangat penting dalam dunia kerja dan kehidupan sehari-hari.<br />
✅ Latih komunikasi yang baik, empati, dan kemampuan bekerja sama.<br />
✅ Tingkatkan kepercayaan diri dalam berinteraksi dengan orang lain.<br />
✅ Belajar mengelola emosi dan mengatasi stres dengan bijak.</p>
<h2><strong>Cara Lain untuk Membuka Potensi Diri</strong></h2>
<p>Selain langkah-langkah di atas, ada beberapa cara tambahan yang bisa diterapkan:<br />
🔹 Tantang keyakinan yang membatasi diri – jangan biarkan rasa takut menghalangi perkembangan Anda.<br />
🔹 Coba hal-hal baru untuk menemukan potensi tersembunyi.<br />
🔹 Hadapi kegagalan dengan sikap positif dan jadikan sebagai pelajaran berharga.<br />
🔹 Latih disiplin diri agar tetap konsisten dalam mencapai tujuan.<br />
🔹 Manfaatkan sumber daya dan dukungan yang tersedia, seperti mentor, pelatihan, dan komunitas pengembangan diri.</p>
<h2><strong>Kesimpulan</strong></h2>
<p>Membuka potensi diri bukanlah sesuatu yang terjadi dalam semalam, melainkan proses yang membutuhkan waktu, usaha, dan ketekunan. Dengan menetapkan tujuan yang jelas, terus belajar, menjaga kesehatan, dan mengelilingi diri dengan energi positif, siapa pun dapat mencapai kesuksesan dalam berbagai aspek kehidupan.</p>
<p>🌟 Mulailah perjalanan menuju versi terbaik dari diri Anda sekarang! 🚀</p>
<hr />
<p>Artikel ini bisa langsung digunakan atau disesuaikan lagi sesuai kebutuhan. 😊</p>

Membuka Potensi Diri: Langkah Menuju Kesuksesan

Membuka Potensi Diri: Langkah Menuju Kesuksesan Setiap individu memiliki potensi luar biasa dalam dirinya. Namun, tidak semua orang menyadarinya atau tahu bagaimana mengembangkannya. Membuka potensi …

<div class="relative size-full overflow-hidden"><div class="relative size-full max-h-dvh" style="opacity: 1; transform: none; will-change: transform;"><div class="size-full overflow-y-auto flex-row"><div class="h-full" style="width: 100%;"><div class="flex size-full flex-col items-center overflow-y-auto overflow-x-hidden overscroll-contain text-foreground-800" data-testid="chat-page"><div class="mb-[var(--composer-container-height)] grow px-6 max-w-chat w-full" data-content="conversation" data-copy="false" data-tabster="{"mover":{"cyclic":false,"direction":1,"memorizeCurrent":true}}" style="opacity: 1; transform-origin: 50% 50% 0px; transform: none;"><div class="relative pt-6 inline-block w-full space-y-8 min-h-[60px] sm:min-h-[120px]" style="opacity: 1; pointer-events: auto; transform: none;"><div aria-labelledby="Df4PoA7GmDBsJmNWvH67U-author} Df4PoA7GmDBsJmNWvH67U-content-0" class="space-y-3" data-content="ai-message" data-tabster="{"groupper":{"tabbability":2},"focusable":{}}" role="article" tabindex="0"><div class="group/ai-message-item space-y-3 break-words" id="Df4PoA7GmDBsJmNWvH67U-content-0"><p><span class="font-ligatures-none">Berikut adalah kuis ringan tentang anak-anak. Cocok untuk menambah wawasan atau sekadar bermain:</span></p><p><span class="font-ligatures-none"><strong>1. Pada usia berapa rata-rata bayi mulai merangkak?</strong>  
a) 3 bulan  
b) 6 bulan  
c) 9 bulan  
d) 12 bulan</span></p><p><span class="font-ligatures-none"><strong>2. Anak kecil memiliki lebih banyak tulang dibandingkan orang dewasa. Benar atau salah?</strong></span></p><p><span class="font-ligatures-none"><strong>3. Manakah dari berikut ini yang bukan karakter kartun anak-anak?</strong>  
a) Dora the Explorer  
b) SpongeBob SquarePants  
c) Iron Man  
d) Peppa Pig</span></p><p><span class="font-ligatures-none"><strong>4. Apa nama fase perkembangan anak di mana mereka sering berkata "tidak" dan menunjukkan kemandirian?</strong>  
a) Masa remaja  
b) Fase prasekolah  
c) Terrible Twos  
d) Usia sekolah</span></p><p><span class="font-ligatures-none"><strong>5. Menurut penelitian, bermain di luar dapat membantu meningkatkan apa bagi anak-anak?</strong>  
a) Penglihatan  
b) Imunitas  
c) Keseimbangan  
d) Semua di atas</span></p><p><span class="font-ligatures-none">Apakah Anda ingin saya memberikan jawabannya? 😊 Atau mungkin pertanyaan lainnya?</span></p><div class="flex gap-2 opacity-0 transition-opacity delay-200 duration-300 ease-in-out group-focus-within/ai-message-item:opacity-100 group-hover/ai-message-item:opacity-100" data-copy="false"></div></div></div></div></div></div></div></div></div></div><div class="relative pt-6 inline-block w-full space-y-8 min-h-[60px] sm:min-h-[120px]" style="opacity: 1; pointer-events: auto; transform: none;"><i aria-hidden="true" data-tabster-dummy="" role="none" style="content-visibility: hidden; height: 1px; left: 0px; opacity: 0.001; position: fixed; top: 0px; width: 1px; z-index: -1;" tabindex="0"></i></div><div class="min-h-[calc(100dvh-60px-var(--chat-details-container-height)-var(--composer-container-height)-(2*var(--layout-offset-y)))] sm:min-h-[calc(100dvh-120px-var(--composer-container-height)-(2*var(--layout-offset-y)))] flex flex-col"><div style="opacity: 1;"></div><div class="pb-6 inline-block w-full space-y-8" style="opacity: 1; transform: none;"><i aria-hidden="true" data-tabster-dummy="" role="none" style="content-visibility: hidden; height: 1px; left: 0px; opacity: 0.001; position: fixed; top: 0px; width: 1px; z-index: -1;" tabindex="0"></i><div aria-labelledby="A1hAzfd735dCyMeVD6PWa-author} A1hAzfd735dCyMeVD6PWa-content-0" class="space-y-3" data-content="ai-message" data-tabster="{"groupper":{"tabbability":2},"focusable":{}}" role="article" tabindex="0"><div class="group/ai-message-item space-y-3 break-words" id="A1hAzfd735dCyMeVD6PWa-content-0"><p><span class="font-ligatures-none"> </span></p><p><b><span class="font-ligatures-none">Berikut adalah jawabannya:</span></b></p><p><span class="font-ligatures-none"><strong>1. Pada usia berapa rata-rata bayi mulai merangkak?</strong>  
<strong>Jawaban:</strong> c) 9 bulan</span></p><p><span class="font-ligatures-none"><strong>2. Anak kecil memiliki lebih banyak tulang dibandingkan orang dewasa. Benar atau salah?</strong>  
<strong>Jawaban:</strong> Benar! Bayi memiliki sekitar 300 tulang, tetapi beberapa menyatu seiring bertambahnya usia, sehingga orang dewasa memiliki sekitar 206 tulang.</span></p><p><span class="font-ligatures-none"><strong>3. Manakah dari berikut ini yang bukan karakter kartun anak-anak?</strong>  
<strong>Jawaban:</strong> c) Iron Man (karakter ini lebih dikenal sebagai superhero untuk audiens yang lebih tua).</span></p><p><span class="font-ligatures-none"><strong>4. Apa nama fase perkembangan anak di mana mereka sering berkata "tidak" dan menunjukkan kemandirian?</strong>  
<strong>Jawaban:</strong> c) Terrible Twos</span></p><p><span class="font-ligatures-none"><strong>5. Menurut penelitian, bermain di luar dapat membantu meningkatkan apa bagi anak-anak?</strong>  
<strong>Jawaban:</strong> d) Semua di atas (Penglihatan, Imunitas, dan Keseimbangan)!</span></p><p><span class="font-ligatures-none">Bagaimana menurut Anda? Apakah ada pertanyaan lain yang ingin Anda coba? 😊</span></p><div class="flex gap-2 opacity-0 transition-opacity delay-200 duration-300 ease-in-out group-focus-within/ai-message-item:opacity-100 group-hover/ai-message-item:opacity-100" data-copy="false"></div></div></div></div></div><div class="pb-6 inline-block w-full space-y-8" style="opacity: 1; transform: none;"><i aria-hidden="true" data-tabster-dummy="" role="none" style="content-visibility: hidden; height: 1px; left: 0px; opacity: 0.001; position: fixed; top: 0px; width: 1px; z-index: -1;" tabindex="0"></i></div><div class="mt-auto"><div class="flex flex-col items-end gap-3 pb-8" style="opacity: 1;"></div></div><div class="relative size-full max-h-dvh" style="opacity: 1; transform: none; will-change: transform;"><div class="size-full overflow-y-auto flex-row"><div class="h-full" style="width: 100%;"><div class="flex size-full flex-col items-center overflow-y-auto overflow-x-hidden overscroll-contain text-foreground-800" data-testid="chat-page"><div class="mb-[var(--composer-container-height)] grow px-6 max-w-chat w-full" data-content="conversation" data-copy="false" data-tabster="{"mover":{"cyclic":false,"direction":1,"memorizeCurrent":true}}" style="opacity: 1; transform-origin: 50% 50% 0px; transform: none;"><i aria-hidden="true" data-tabster-dummy="" role="none" style="content-visibility: hidden; height: 1px; left: 0px; opacity: 0.001; position: fixed; top: 0px; width: 1px; z-index: -1;" tabindex="0"></i></div></div></div></div></div><div class="pointer-events-none absolute bottom-0 flex z-10 w-full" data-testid="composer"><div class="t-bottom-fade absolute bottom-0 mx-4 box-content w-bottom-fade pt-bottom-fade h-bottom-fade" style="opacity: 1;"><div class="absolute -inset-x-4 bottom-0 h-dvh overflow-hidden"><div class="absolute size-full bg-gradient-chat-light dark:bg-midnight-850 dark:bg-none"></div></div></div><div class="relative mb-4 flex w-full flex-col-reverse items-center px-3 sm:flex-col sm:mb-8" style="opacity: 1; transform: none; will-change: auto;"><div class="relative max-h-full min-h-composer min-w-16 max-w-chat rounded-5xl"><div class="absolute inset-0" style="border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 24px 0px; transform-origin: 50% 50% 0px; transform: none;"></div><div class="relative overflow-hidden backdrop-blur-2xl backdrop-saturate-200 bg-spot-peach-100/60 dark:bg-slate-800/50" style="border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.06) 0px 42px 30px 0px; transform-origin: 50% 50% 0px; transform: none;"><div class="pointer-events-auto relative flex flex-col contrast-more:border-2" data-testid="composer-content" style="border-radius: 28px; box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset; transform-origin: 50% 50% 0px; transform: none;"><div class="relative flex max-h-full max-w-chat justify-center w-expanded-composer p-2 items-end" style="transform-origin: 50% 50% 0px; transform: none;"><div class="relative shrink-0 my-1 size-10" style="transform-origin: 50% 50% 0px; transform: none;"></div></div></div></div></div></div></div><div class="relative shrink-0 my-1 size-10" style="transform-origin: 50% 50% 0px; transform: none;"></div><div aria-hidden="false" class="relative flex grow flex-col overflow-hidden before:absolute before:inset-0 before:rounded-3xl before:border-2 before:border-stroke-350 bg-white/90 shadow-composer-input dark:bg-midnight-900/80 dark:shadow-none w-auto contrast-more:border-2 mx-2 before:opacity-0" style="border-radius: 20px; transform-origin: 50% 50% 0px; transform: none;"><div class="w-full h-0" style="transform-origin: 50% 50% 0px; transform: none;"></div><div class="flex grow items-end w-auto grow" style="transform-origin: 50% 50% 0px; transform: none;"><div class="relative grow overflow-hidden" style="transform-origin: 50% 50% 0px; transform: none;"><div class="relative flex size-full cursor-text overflow-hidden text-black dark:text-white" style="transform-origin: 50% 50% 0px; transform: none;"><div class="flex grow flex-col gap-4 py-user-input" style="transform-origin: 50% 50% 0px; transform: none;"><div class="overflow-y-auto px-4 max-h-dvh-0.5"><div><label class="invisible block h-0 whitespace-nowrap" for="userInput"></label><textarea class="block min-h-user-input w-full resize-none overflow-y-hidden whitespace-pre-wrap bg-transparent text-black outline-none placeholder:text-stone-550/90 dark:text-white dark:placeholder:text-slate-400 text-base" id="userInput" placeholder="Beri pesan kepada Copilot" role="textbox" spellcheck="false" style="height: 26px !important;">

<p> </p><p>Menjadi <strong>Social Media Manager</strong> dengan bantuan agen AI bisa sangat menguntungkan karena AI mampu mengotomatiskan tugas-tugas repetitif, menganalisis data dengan cepat, serta meningkatkan efisiensi strategi pemasaran. Berikut beberapa cara bagaimana agen AI bisa membantu:</p>
<h3><strong>1. Pembuatan Konten Otomatis</strong></h3>
<ul><li>
<p>AI seperti ChatGPT dapat membantu dalam menulis caption, artikel, atau bahkan skrip video.</p>
</li><li>
<p>Alat seperti Canva AI bisa membuat desain visual otomatis.</p>
</li><li>
<p>Platform seperti NightCafe Studio bisa menciptakan gambar unik berbasis AI untuk konten media sosial.</p>
</li></ul>
<h3><strong>2. Penjadwalan dan Manajemen Konten</strong></h3>
<ul><li>
<p>Alat seperti <strong>Buffer, Hootsuite, atau Later</strong> bisa menggunakan AI untuk menjadwalkan postingan berdasarkan waktu terbaik untuk engagement.</p>
</li><li>
<p>AI bisa menyesuaikan frekuensi posting sesuai dengan respons audiens.</p>
</li></ul>
<h3><strong>3. Analisis Performa dan Optimasi</strong></h3>
<ul><li>
<p>AI dapat melacak metrik engagement, reach, dan konversi secara otomatis.</p>
</li><li>
<p>Tools seperti <strong>Google Analytics, Brandwatch, atau Sprout Social</strong> bisa memprediksi tren berdasarkan data historis.</p>
</li></ul>
<h3><strong>4. Chatbot untuk Interaksi Pelanggan</strong></h3>
<ul><li>
<p>Chatbot AI seperti <strong>ManyChat atau ChatGPT API</strong> bisa membantu menjawab pertanyaan pelanggan dengan cepat di Instagram, Facebook, dan WhatsApp.</p>
</li><li>
<p>Bisa diprogram untuk menjawab FAQ atau mengarahkan pelanggan ke produk yang relevan.</p>
</li></ul>
<h3><strong>5. Tren dan Rekomendasi AI</strong></h3>
<ul><li>
<p>AI bisa menganalisis tren terbaru di media sosial dan merekomendasikan ide konten.</p>
</li><li>
<p>Algoritma AI membantu menemukan influencer yang sesuai dengan brand.</p>
</li></ul>
<h3><strong>6. Otomatisasi Iklan Digital</strong></h3>
<ul><li>
<p>AI seperti <strong>Facebook Ads Manager dan Google Ads AI</strong> bisa menyesuaikan target audiens dan anggaran iklan secara otomatis berdasarkan data yang dikumpulkan.</p>
</li></ul>
<p>Dengan memanfaatkan AI dalam manajemen media sosial, seorang Social Media Manager bisa lebih fokus pada strategi kreatif dan membangun hubungan dengan audiens tanpa harus repot dengan tugas manual yang melelahkan. 🚀</p>
<p>Mau mulai dengan AI tertentu? Atau butuh rekomendasi tools sesuai kebutuhan? 😊</p>

Social Media Manager dengan agen AI

Menjadi Social Media Manager dengan bantuan agen AI bisa sangat menguntungkan karena AI mampu mengotomatiskan tugas-tugas repetitif, menganalisis data dengan cepat, serta meningkatkan efisiensi strat…

<p> 
    
  
    <a class="skip-link button" href="https://codelabs.developers.google.com/devsite/codelabs/building-ai-agents-vertexai?hl=id#main-content">
      
      Langsung ke konten utama
    </a>
    </p><section class="devsite-wrapper">

</div>
        <div class="devsite-top-logo-row-middle">
          <div class="devsite-header-upper-tabs">
            
           </div>

</div>

</section>
      <section id="gc-wrapper" style="margin-top: 48px;">
        <main class="devsite-main-content" id="main-content" role="main">
          
          <div class="devsite-sidebar" style="--devsite-js-sidebar-max-height: 483px; --devsite-js-sidebar-max-width: 175px; --devsite-js-sidebar-offset: 0;">
            <div class="devsite-sidebar-content">
                
                </div><div class="devsite-sidebar-content" style="text-align: left;"></div></div></main></section><div class="devsite-sidebar" style="--devsite-js-sidebar-max-height: 483px; --devsite-js-sidebar-max-width: 175px; --devsite-js-sidebar-offset: 0;"><div class="devsite-sidebar-content">
                
            </div>
          </div>

<div class="devsite-article-meta nocontent" role="navigation">
    
    
    
    
  </div>
  
    <h1 class="devsite-page-title" tabindex="-1">
      Membuat Agen AI dengan Vertex AI Agent Builder
      
  <div class="devsite-actions" data-nosnippet="">
    </div>
  
    </h1>

<div class="caption">Tentang codelab ini</div><div class="about"><div class="about-item duration"><i class="material-icons">schedule</i>45 menit</div><div class="about-item last-updated"><i class="material-icons">subject</i>Terakhir diperbarui 7 Maret 2025</div><div class="about-item authors"><i class="material-icons">account_circle</i>Ditulis oleh Thu Ya Kyaw (Googler), Abhishek Sharma (GDE)</div></div><div class="devsite-banner devsite-banner-translated nocontent">
      <div class="devsite-banner-message">
        <div class="devsite-banner-message-text">
          <img alt="" class="devsite-banner-translated-image invert" src="https://codelabs.developers.google.com/_static/images/translated.svg?hl=id" />
          <span class="devsite-banner-translated-text">
            
            Halaman ini diterjemahkan oleh <a href="https://cloud.google.com/translate/?hl=id">Cloud Translation API</a>.
          </span>
        </div>
        
      </div>
    </div>
          
          <h2 class="step-title" data-text="               1. Sebelum memulai           " id="0" role="presentation" tabindex="-1"><span aria-level="2" class="devsite-heading" role="heading">
              1.<wbr></wbr> Sebelum memulai
          </span></h2></div></article>
          <p>Codelab mandiri ini akan memandu Anda dalam membuat Agen AI
 dengan Vertex AI Agent Builder Google Cloud. Setiap langkah akan 
menyoroti fitur Builder Agen tertentu dan menjelaskan tujuannya.</p>
<h2 class="hide-from-toc" data-text="Prasyarat" id="prerequisites" role="presentation" tabindex="-1"><span aria-level="2" class="devsite-heading" role="heading"><strong>Prasyarat</strong></span></h2>
<ul><li>Pemahaman dasar tentang <a href="https://cloud.google.com/ai/generative-ai?hl=id" target="_blank">AI Generatif di Google Cloud</a></li><li>Pemahaman dasar tentang <a href="https://cloud.google.com/dialogflow/vertex/docs/concept/agents?hl=id" target="_blank">Konsep Agen AI</a></li><li>Pemahaman dasar tentang <a href="https://codeassist.google/products/business?hl=id" target="_blank">Gemini CodeAssist</a> (Opsional)</li></ul>
<h2 class="checklist hide-from-toc" data-text="Yang akan Anda pelajari" id="what-youll-learn" role="presentation" tabindex="-1"><span aria-level="2" class="devsite-heading" role="heading"><strong>Yang akan Anda pelajari</strong></span></h2>
<ul class="checklist"><li>Cara membuat Agen AI sederhana menggunakan Vertex AI Agent Builder</li><li>Cara me-ground agen yang dibuat dengan melampirkan datastore</li><li>Cara mengintegrasikan Agen AI ke situs Anda(Opsional)</li></ul>
<h2 class="hide-from-toc" data-text="Yang Anda butuhkan" id="what-youll-need" role="presentation" tabindex="-1"><span aria-level="2" class="devsite-heading" role="heading"><strong>Yang Anda butuhkan</strong></span></h2>
<ul><li>Pikiran yang ingin tahu</li><li>Komputer dan Wi-Fi yang berfungsi dengan baik</li><li>Project Google Cloud dengan penagihan terlampir.</li></ul>
<p>Catatan: Jika belum memiliki project Google Cloud, Anda dapat membuatnya dengan mengikuti <a href="https://developers.google.com/workspace/guides/create-project?hl=id" target="_blank">petunjuk</a>. Anda juga dapat melihat <a href="http://cloud.google.com/free?hl=id" target="_blank">Layanan Paket Gratis Google Cloud</a>.</p>

<h2 class="step-title" data-text="               2. Mendesain Agen AI Pertama Anda           " id="1" role="presentation" tabindex="-1"><span aria-level="2" class="devsite-heading" role="heading">
              2.<wbr></wbr> Mendesain Agen AI Pertama Anda
          </span></h2>
          <p>Sekarang Anda siap untuk membuat agen AI Anda sendiri. 
Namun, sebelum memulai pengembangan, Anda harus menetapkan visi yang 
jelas untuk agen Anda. Tanyakan pada diri Anda pertanyaan-pertanyaan 
penting berikut:</p>
<ul><li><strong>Masalah apa yang akan diselesaikannya?</strong> Apakah aplikasi akan mengotomatiskan tugas, memberikan informasi, menawarkan hiburan, atau memfasilitasi eksplorasi kreatif?</li><li><strong>Apa fungsi utamanya?</strong> Apakah aplikasi akan 
menjalankan tugas atau mendelegasikan tugas? Apakah aplikasi akan 
menghasilkan teks, atau menghasilkan kombinasi media yang berbeda?</li><li><strong>Apa saja batasannya?</strong> Apakah sistem ini dapat melakukan semuanya secara otonom?</li><li><strong>Apa kepribadian atau persona yang harus dimilikinya?</strong> Apakah gayanya formal, informal, lucu, bermanfaat, atau informatif?</li><li><strong>Apa metrik keberhasilannya?</strong> Bagaimana cara Anda mengukur efektivitas agen tersebut?</li></ul>
<p>Untuk mempercepat prosesnya, berikut jawaban atas pertanyaan tersebut untuk agen perjalanan yang akan Anda buat hari ini:</p>
<ul><li><strong>Masalah apa yang akan diselesaikannya?</strong></li><li>Merencanakan perjalanan bisa memakan waktu dan merepotkan. Agen 
perjalanan ini akan membantu pengguna menemukan tujuan, merencanakan 
itinerari, memesan penerbangan, dan akomodasi.</li><li><strong>Apa fungsi utamanya?</strong></li><li>Agen harus dapat</li><li>menjawab pertanyaan tentang tujuan perjalanan, seperti persyaratan visa</li><li>merencanakan itinerari yang sesuai dengan jadwal dan tujuan pengguna</li><li>memesan penerbangan dan akomodasi</li><li><strong>Apa saja batasannya?</strong></li><li>Agen mungkin tidak dapat menjawab kueri yang rumit secara default</li><li>Agen tidak akan dapat membuat gambar visual</li><li>Pengetahuan agen akan dibatasi oleh model yang mendasarinya</li><li><strong>Apa kepribadian atau persona yang harus dimilikinya?</strong></li><li>Agen ini harus memiliki pengetahuan, membantu, dan antusias dengan 
perjalanan. Desain harus dapat menyampaikan informasi secara jelas dan 
ringkas.</li><li><strong>Apa metrik keberhasilannya?</strong></li><li>Keberhasilan agen ini dapat diukur dengan seberapa puas pengguna dengan rekomendasinya (menjelajah, merencanakan, memesan)</li></ul>

<h2 class="step-title" data-text="               3. Membangun Agen AI dengan Vertex AI Agent Builder           " id="2" role="presentation" tabindex="-1"><span aria-level="2" class="devsite-heading" role="heading">
              3.<wbr></wbr> Membangun Agen AI dengan Vertex AI Agent Builder
          </span></h2>
          <p>Dengan Vertex AI Agent Builder, Agen AI dapat dibuat hanya dalam beberapa langkah.</p>
<p><strong>Langkah 1:</strong></p>
<ul><li>Buka <a href="https://console.cloud.google.com/gen-app-builder/engines?hl=id" target="_blank">Vertex AI Agent Builder</a>.</li><li>Anda akan melihat halaman sambutan.  <img alt="833886ce0d2645ba.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/833886ce0d2645ba.png?hl=id" style="width: 569.50px;" /></li><li>Klik tombol <strong>LANJUTKAN DAN AKTIFKAN API</strong>.</li></ul>
<p><strong>Langkah 2:</strong></p>
<ul><li>Anda akan dialihkan ke halaman Pembuatan Aplikasi.  <img alt="f2d45cc76d62edeb.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/f2d45cc76d62edeb.png?hl=id" style="width: 624.00px;" /></li><li>Klik tombol <strong>CREATE A NEW APP</strong>.</li></ul>
<p><strong>Langkah 3:</strong></p>
<ul><li>Pilih <strong>Agen percakapan</strong>, lalu klik <strong>BUAT</strong></li></ul>
<p class="image-container"><img alt="732d2cd9e10c9a79.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/732d2cd9e10c9a79.png?hl=id" style="width: 624.00px;" /></p>
<p><strong>Catatan:</strong></p>
<ol type="1"><li>Setelah Anda mengklik <strong>CREATE</strong>, tab baru <strong>Diaglogflow Conversational Agents</strong> akan terbuka.</li><li>Jika Anda diminta untuk <strong>memilih Project Google Cloud</strong>, pilih project Google Cloud yang terkait dengan akun <strong>Gmail yang benar</strong>.</li><li>Jika Anda melakukan lab ini di akun baru, Anda akan diminta untuk mengaktifkan Dialogflow API. Klik <strong>Enable API</strong> untuk mengaktifkannya.</li></ol>
<p class="image-container"><img alt="238281df06301db0.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/238281df06301db0.png?hl=id" style="width: 624.00px;" /></p>
<ul><li>Jika mengklik tombol tidak berhasil, Anda dapat mengaktifkannya secara manual dengan membuka <a href="https://console.cloud.google.com/apis/api/dialogflow.googleapis.com?hl=id" target="_blank">halaman API </a> secara langsung.</li><li>Di halaman Dialogflow yang baru dibuka, klik <strong>Create Agent</strong></li></ul>
<p class="image-container"><img alt="42515e46bc63506d.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/42515e46bc63506d.png?hl=id" style="width: 624.00px;" /></p>
<ul><li>Sekarang, Anda akan melihat beberapa <strong>opsi untuk membuat agen,</strong> pilih <strong>Buat sendiri.</strong></li></ul>
<p class="image-container"><img alt="8af6bf0853f20768.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/8af6bf0853f20768.png?hl=id" style="width: 624.00px;" /></p>
<p><strong>Langkah 4:</strong></p>
<ul><li>Pilih <strong>Nama Tampilan</strong> (mis., Travel Buddy)</li><li>Untuk Location, pilih <strong>global (Global serving, data-at-rest in US)</strong> sebagai <strong>Region</strong></li><li>Pertahankan konfigurasi lainnya, <strong>default</strong></li><li>Klik tombol <strong>CREATE</strong></li></ul>
<p class="image-container"><img alt="4e0dea29e5d8acde.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/4e0dea29e5d8acde.png?hl=id" style="width: 624.00px;" /></p>
<p><strong>Langkah 5:</strong></p>
<ul><li>Pilih <strong>Nama Playbook</strong> (misalnya, Agen Info)</li><li>Tambahkan <strong>Sasaran</strong> (misalnya, Membantu pelanggan menjawab kueri terkait perjalanan)</li><li>Tentukan <strong>Petunjuk</strong> (misalnya - Sambut pengguna, lalu tanyakan bagaimana Anda dapat membantu mereka hari ini)</li><li>Tekan <strong>Simpan</strong> setelah semuanya selesai</li></ul>
<p class="image-container"><img alt="f8bfd605ddd97cf8.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/f8bfd605ddd97cf8.png?hl=id" style="width: 624.00px;" /></p>
<p><strong>Langkah 6:</strong></p>
<ul><li>Klik ikon <strong>Alihkan Simulator</strong> <img alt="72588cbe8734f54e.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/72588cbe8734f54e.png?hl=id" style="width: 624.00px;" /></li><li>Pilih agen yang baru saja Anda buat (misalnya, <em>Info Agent</em>)</li><li>Pilih model AI generatif yang mendasarinya untuk agen Anda (misalnya, <em>gemini-1.5-flash</em>)</li><li>Uji agen Anda dengan melakukan percakapan dengannya (yaitu Ketik sesuatu di kotak teks "Masukkan Input Pengguna")</li></ul>
<p class="image-container"><img alt="3ac3cf54a1e2098.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/3ac3cf54a1e2098.png?hl=id" style="width: 624.00px;" /></p>
<p>Selamat! Anda baru saja berhasil membuat Agen AI menggunakan Vertex AI Agent Builder.</p>

<h2 class="step-title" data-text="               4. Melampirkan Datastore ke Agen           " id="3" role="presentation" tabindex="-1"><span aria-level="2" class="devsite-heading" role="heading">
              4.<wbr></wbr> Melampirkan Datastore ke Agen
          </span></h2>
          <p>Coba tanyakan agen Anda tentang cara menuju Wakanda 
(misalnya, "Apa cara terbaik untuk mencapai Wakanda?"), Anda akan 
mendapatkan respons seperti ini:</p>
<p class="image-container"><img alt="5baa2dbabe2941a2.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/5baa2dbabe2941a2.png?hl=id" style="width: 624.00px;" /></p>
<p>Meskipun secara faktual benar, daripada hanya menyatakan "Saya tidak 
dapat memberikan informasi" dan mengakhiri percakapan, akan lebih 
membantu pengguna jika agen menyarankan tempat serupa. Pendekatan ini 
berpotensi membuat pengguna benar-benar memesan perjalanan melalui agen.</p>
<p>Agar agen dapat merekomendasikan tempat serupa, Anda dapat memberikan
 informasi selengkapnya kepada agen melalui Datastore. Fitur ini 
berfungsi sebagai basis pengetahuan tambahan yang dapat dirujuk agen 
jika agen tidak dapat menjawab pertanyaan pengguna berdasarkan 
pengetahuan bawaannya.</p>
<p><strong>Catatan:</strong> Jika Anda ingin menutup simulator, <strong>klik ikon simulator tombol</strong> lagi</p>
<p>Membuat datastore sangat mudah, klik tombol <strong>+ Data store</strong> di bagian bawah halaman Dasar-Dasar Agen.</p>
<p class="image-container"><img alt="6c3ef19fefc46af7.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/6c3ef19fefc46af7.png?hl=id" style="width: 624.00px;" /></p>
<p>Isi informasi berikut:</p>
<ul><li><strong>Nama alat:</strong> Lokasi Alternatif</li><li><strong>Jenis:</strong> Penyimpanan data</li><li><strong>Deskripsi:</strong> Gunakan alat ini jika permintaan pengguna berisi lokasi yang tidak ada</li></ul>
<p>Klik <strong>Save</strong> setelah selesai.</p>
<p>Tindakan ini akan membuat alat datastore agar agen dapat 
berkomunikasi dengan datastore, tetapi Anda masih perlu membuat 
datastore sebenarnya yang berisi informasi. Untuk melakukannya, klik <strong>add data stores dan Create a data store.</strong></p>
<p class="image-container"><img alt="65c790a87de8fba8.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/65c790a87de8fba8.png?hl=id" style="width: 624.00px;" /></p>
<p class="image-container"><img alt="7648d478a6f35cf0.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/7648d478a6f35cf0.png?hl=id" style="width: 624.00px;" /></p>
<p>Setelah mengklik <strong>Create new data store</strong>, Anda akan dialihkan ke halaman builder agen Vertex AI seperti di bawah ini</p>
<p>Memilih opsi di Cloud Storage</p>
<p class="image-container"><img alt="bff5455fac531509.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/bff5455fac531509.png?hl=id" style="width: 624.00px;" /></p>
<p>Setelah Anda selesai melakukan langkah ini,</p>
<ul><li>klik <strong>FILE</strong> (Ini <strong>sangat penting</strong>. Jika tidak, impor Anda akan gagal)</li><li>ketik <strong>ai-workshops/agents/data/wakanda.txt</strong></li><li>klik <strong>LANJUTKAN</strong></li></ul>
<p class="image-container"><img alt="d1983baa579eb78c.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/d1983baa579eb78c.png?hl=id" style="width: 624.00px;" /></p>
<p>Jika Anda penasaran, berikut adalah konten file teks yang disediakan:</p>
<p><code dir="ltr">Places that are similar to Wakanda</code></p>
<p><code dir="ltr">- Oribi Gorge in South Africa: The rock formations here are reminiscent of the Warrior Falls in Wakanda.</code></p>
<p><code dir="ltr">- Iguazu Falls: Located on the border 
of Argentina and Brazil, these massive waterfalls were a major 
inspiration for the Warrior Falls.</code></p>
<p><code dir="ltr">- Immerse yourself in Wakandan 
culture: Read the Black Panther comics, watch the movies, and explore 
online resources to learn more about Wakandan culture, language, and 
technology.</code></p>
<p><code dir="ltr">- Visit a Disney theme park: While 
there isn't a dedicated Wakanda land yet, you might be able to meet 
Black Panther at Disneyland or on a Marvel Day at Sea Disney cruise.</code></p>
<p></p>
<p>Di halaman berikutnya, beri nama datastore Anda (misalnya, Wakanda Alternative) dan klik <strong>CREATE</strong>.</p>
<p class="image-container"><img alt="93eb71e8d019ae24.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/93eb71e8d019ae24.png?hl=id" style="width: 624.00px;" /></p>
<p>Sebagai langkah terakhir, <strong>PILIH</strong> sumber data yang baru saja Anda buat,lalu klik <strong>BUAT</strong>. Anda dapat melihat progres impor penyimpanan data dengan mengklik penyimpanan data**.**</p>
<p class="image-container"><img alt="de1ac9256cc96f29.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/de1ac9256cc96f29.png?hl=id" style="width: 624.00px;" /></p>
<p><strong>Catatan:</strong> Aktivitas impor akan memerlukan waktu 
beberapa saat untuk berhasil diselesaikan. Sementara aktivitas ini 
sedang berlangsung, Anda dapat menjelajahi lebih banyak opsi penyimpanan
 data yang tersedia untuk agen Vertex AI <a href="https://cloud.google.com/generative-ai-app-builder/docs/create-datastore-ingest?hl=id#datastores-engines" target="_blank">di sini</a></p>
<p class="image-container"><img alt="9b5c4a2831728a6b.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/9b5c4a2831728a6b.png?hl=id" style="width: 624.00px;" /></p>
<p>Jika semuanya berjalan lancar, kembali ke <strong>tab dialogflow</strong> dan klik <strong>refresh</strong>, Anda akan melihat datastore yang dibuat di halaman <strong>Available data stores</strong>.</p>
<p class="image-container"><img alt="a44373b78bd95ff0.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/a44373b78bd95ff0.png?hl=id" style="width: 624.00px;" /></p>
<p>Untuk mencegah Agent mengalami halusinasi, di konfigurasi grounding untuk penyimpanan data Anda, tetapkan setelan ke <strong>Sangat Rendah</strong>
 yang menerapkan pembatasan yang lebih ketat pada Agent agar tidak 
mengarang-ngarang. Untuk saat ini, tetapkan setelan ke default, tetapi 
Anda dapat menjelajahi setelan yang berbeda kapan saja.</p>
<p class="image-container"><img alt="c1605bd076258050.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/c1605bd076258050.png?hl=id" style="width: 624.00px;" /></p>
<p>Sekarang, pilih penyimpanan data yang ditambahkan, klik <strong>konfirmasi</strong>, lalu klik <strong>simpan.</strong></p>
<p class="image-container"><img alt="40082aebe8b82d7c.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/40082aebe8b82d7c.png?hl=id" style="width: 624.00px;" /></p>
<p>Sekarang, kembali ke halaman <a href="https://vertexaiconversation.cloud.google.com/projects?hl=id" target="_blank">Dasar-Dasar Agen</a>,
 di bagian bawah konfigurasi playbook, Anda akan melihat penyimpanan 
data yang baru dibuat(misalnya, Lokasi Alternatif) akan tersedia untuk 
digunakan, centang Penyimpanan Data (misalnya, Lokasi Alternatif), lalu 
klik tombol Simpan di bagian atas halaman.</p>
<p class="image-container"><img alt="1b6b82fd7f30a598.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/1b6b82fd7f30a598.png?hl=id" style="width: 624.00px;" /></p>
<p class="image-container"><img alt="e09af18697b0fd7f.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/e09af18697b0fd7f.png?hl=id" style="width: 624.00px;" /></p>
<p>Anda hampir selesai. Langkah terakhir adalah menyertakan alat "<strong>Lokasi Alternatif</strong>" dalam petunjuk agen. Tambahkan baris, <strong>- Gunakan ${TOOL: Alternative Location} jika permintaan pengguna berisi lokasi yang tidak ada</strong>, ke petunjuk agen, lalu klik <strong>simpan</strong>.</p>
<p class="image-container"><img alt="3134d9eadca34e21.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/3134d9eadca34e21.png?hl=id" style="width: 624.38px;" /></p>
<p>Semuanya sudah siap. Mari kita buka simulator tombol lagi dan 
mengajukan pertanyaan yang sama (yaitu, Apa cara terbaik untuk mencapai 
Wakanda?)</p>
<p class="image-container"><img alt="6cdee598391fc82a.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/6cdee598391fc82a.png?hl=id" style="width: 624.00px;" /></p>
<p>Selamat! Agen Anda sekarang merekomendasikan tempat menggunakan informasi yang diberikan dari file teks.</p>
<p>Selesai, kita telah selesai membuat agen AI pembuat agen kita 
sendiri. Jika Anda ingin mempelajari lebih lanjut cara menyesuaikan agen
 untuk mendapatkan pengalaman yang lebih baik, lihat Aktivitas Tambahan 
di bawah.</p>

<h2 class="step-title" data-text="               5. Aktivitas Tambahan - Membuat agen AI Anda aktif           " id="4" role="presentation" tabindex="-1"><span aria-level="2" class="devsite-heading" role="heading">
              5.<wbr></wbr> Aktivitas Tambahan - Membuat agen AI Anda aktif
          </span></h2><section class="devsite-wrapper"><section id="gc-wrapper" style="margin-top: 48px;"><main class="devsite-main-content" id="main-content" role="main"><article class="devsite-article"><div class="devsite-article-body clearfix
  ">
          <p>Pada langkah sebelumnya, Anda telah mengembangkan agen AI 
dan mendasarkannya dengan data referensi yang relevan. Di bagian 
berikut, Anda akan menjawab pertanyaan penting tentang cara menyematkan 
agen ini di dalam situs, sehingga memungkinkan interaksi real-time 
dengan pengunjung.</p>
<p>Ada banyak cara untuk mengekspos agen Anda. Anda dapat mengekspornya 
atau memublikasikannya secara langsung. Anda dapat menjelajahi <a href="https://cloud.google.com/dialogflow/cx/docs/concept/integration/dialogflow-messenger?hl=id" target="_blank">dokumentasi</a> untuk mengetahui kemungkinan opsi.</p>
<p>Di sudut kanan atas tab Dialogflow, klik <strong>Menu tambahan</strong>, lalu <strong>Publikasikan agen</strong></p>
<p class="image-container"><img alt="a1b109fa9d7cb51d.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/a1b109fa9d7cb51d.png?hl=id" style="width: 624.00px;" /></p>
<p>Biarkan semua konfigurasi sebagai <strong>Default</strong>, lalu klik <strong>Enable unauthenticated API</strong>.</p>
<p><strong>Catatan:</strong> Mengaktifkan API yang tidak diautentikasi 
hanya untuk tujuan demo dan konfigurasi ini tidak direkomendasikan untuk
 digunakan untuk beban kerja produksi. Jika Anda tertarik untuk 
memublikasikan dengan aman, lihat <a href="https://cloud.google.com/dialogflow/cx/docs/concept/integration/dialogflow-messenger?hl=id#authenticated_setup" target="_blank">dokumentasi ini</a>.</p>
<p class="image-container"><img alt="ef0f24db780a185e.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/ef0f24db780a185e.png?hl=id" style="width: 624.00px;" /></p>
<p>Setelah mengklik, Anda akan melihat cuplikan kode CSS kecil:</p>
<p class="image-container"><img alt="c40d12f6207bf5b4.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/c40d12f6207bf5b4.png?hl=id" style="width: 624.00px;" /></p>
<p>Cukup <strong>salin cuplikan kode</strong>. Anda akan mengintegrasikan cuplikan kode ini ke situs nanti.</p>
<p>Untuk membuat situs, Anda akan menggunakan lingkungan Cloud Editor. Berikut adalah langkah-langkah untuk membuka Cloud Editor:</p>
<ol type="1"><li>Buka Konsol Google Cloud di tab lain.</li><li>Klik tombol Aktifkan <strong>Cloud Shell</strong> di pojok kanan atas</li><li>Klik tombol <strong>Open Editor</strong>.</li></ol>
<p>Jika ada perintah untuk Memberi otorisasi pada Cloud Shell, klik <strong>Authorize</strong> untuk melanjutkan.</p>
<p class="image-container"><img alt="d23192eca480f00c.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/d23192eca480f00c.png?hl=id" style="width: 624.00px;" /></p>
<p>Di bagian berikut, Anda akan menggunakan <a href="https://blog.google/technology/developers/gemini-code-assist-free/?hl=id" target="_blank">Gemini Code Assist</a> untuk membuat contoh aplikasi web flask python guna diintegrasikan dengan cuplikan Agen Anda.</p>
<p>Setelah Editor Cloud Shell terbuka, klik <strong>Gemini Code Assist</strong> dan <strong>login ke Project Google Cloud</strong> Anda. Jika Anda diminta untuk mengaktifkan API, klik <strong>Enable.</strong></p>
<p class="image-container"><img alt="93112cce3e8d963b.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/93112cce3e8d963b.png?hl=id" style="width: 624.00px;" /></p>
<p>Setelah selesai, mari kita minta Gemini Code Assist untuk membuat 
aplikasi flask dan mengintegrasikan cuplikan kode agen AI ke dalamnya.</p>
<p>Berikut adalah contoh perintah yang dapat Anda gunakan</p>
<p><code dir="ltr">Here</code> <code dir="ltr">is</code> <code dir="ltr">my</code> <code dir="ltr">Travel</code> <code dir="ltr">buddy</code> <code dir="ltr">Vertex</code> <code dir="ltr">AI</code> <code dir="ltr">agent</code> <code dir="ltr">builder</code> <code dir="ltr">agent</code> <code dir="ltr">publish</code> <code dir="ltr">code</code> <code dir="ltr">snippet,</code></p>
<p><code dir="ltr"><REPLACE IT WITH YOUR AI AGENT PUBLISH CODE SNIPPET></code></p>
<p><code dir="ltr">can</code> <code dir="ltr">you</code> <code dir="ltr">create</code> <code dir="ltr">a</code> <code dir="ltr">sample</code> <code dir="ltr">flask</code> <code dir="ltr">app</code> <code dir="ltr">to</code> <code dir="ltr">use</code> <code dir="ltr">it</code></p>
<p><code dir="ltr"></code></p>
<p><strong>Catatan:</strong> Di sini kita telah meminta aplikasi flask 
python. Jika Anda lebih memilih bahasa pemrograman atau framework lain, 
jangan ragu untuk menggunakannya. Gemini Code Assist memiliki kemampuan 
untuk membuat berbagai bahasa pemrograman. Lihat <a href="https://cloud.google.com/gemini/docs/codeassist/supported-languages?hl=id" target="_blank">Bahasa, IDE, dan antarmuka yang didukung</a> untuk mengetahui detail selengkapnya.</p>
<p>Anda akan melihat bahwa cuplikan kode yang disediakan sudah 
terintegrasi dengan agen AI. Untuk menguji apakah kode yang diberikan 
valid dan berfungsi seperti yang diinginkan, Anda dapat mengikuti 
petunjuk yang diberikan oleh Gemini Code Assist tentang cara menjalankan
 bagian kode respons output ini.</p>
<p>Contoh cuplikan kode Respons Output -</p>
<p><code dir="ltr">from</code> <code dir="ltr">flask</code> <code dir="ltr">import</code> <code dir="ltr">Flask,</code> <code dir="ltr">render_template_string</code></p>
<p><code dir="ltr">app</code> <code dir="ltr">=</code> <code dir="ltr">Flask(__name__)</code></p>
<p><code dir="ltr">#</code> <code dir="ltr">HTML</code> <code dir="ltr">template</code> <code dir="ltr">string</code> <code dir="ltr">with</code> <code dir="ltr">the</code> <code dir="ltr">provided</code> <code dir="ltr">Dialogflow</code> <code dir="ltr">Messenger</code> <code dir="ltr">code</code></p>
<p><code dir="ltr">html_template</code> <code dir="ltr">=</code> <code dir="ltr">"""</code></p>
<p><code dir="ltr"><!DOCTYPE</code> <code dir="ltr">html></code></p>
<p><code dir="ltr"><html</code> <code dir="ltr">lang="en"></code></p>
<p><code dir="ltr"><head></code></p>
<p><code dir="ltr"><meta</code> <code dir="ltr">charset="UTF-8"></code></p>
<p><code dir="ltr"><meta</code> <code dir="ltr">name="viewport"</code> <code dir="ltr">content="width=device-width,</code> <code dir="ltr">initial-scale=1.0"></code></p>
<p><code dir="ltr"><title>Travel</code> <code dir="ltr">Buddy</code> <code dir="ltr">Chatbot</title></code></p>
<p><code dir="ltr"><link</code> <code dir="ltr">rel="stylesheet"</code> <code dir="ltr">href="https://www.gstatic.com/dialogflow-console/fast/df-messenger/prod/v1/themes/df-messenger-default.css"></code></p>
<p><code dir="ltr"><script</code> <code dir="ltr">src="https://www.gstatic.com/dialogflow-console/fast/df-messenger/prod/v1/df-messenger.js"></script></code></p>
<p><code dir="ltr"><style></code></p>
<p><code dir="ltr">df-messenger</code> <code dir="ltr">{</code></p>
<p><code dir="ltr">z-index:</code> <code dir="ltr">999;</code></p>
<p><code dir="ltr">position:</code> <code dir="ltr">fixed;</code></p>
<p><code dir="ltr">--df-messenger-font-color:</code> <code dir="ltr">#000;</code></p>
<p><code dir="ltr">--df-messenger-font-family:</code> <code dir="ltr">Google</code> <code dir="ltr">Sans;</code></p>
<p><code dir="ltr">--df-messenger-chat-background:</code> <code dir="ltr">#f3f6fc;</code></p>
<p><code dir="ltr">--df-messenger-message-user-background:</code> <code dir="ltr">#d3e3fd;</code></p>
<p><code dir="ltr">--df-messenger-message-bot-background:</code> <code dir="ltr">#fff;</code></p>
<p><code dir="ltr">bottom:</code> <code dir="ltr">16px;</code></p>
<p><code dir="ltr">right:</code> <code dir="ltr">16px;</code></p>
<p><code dir="ltr">}</code></p>
<p><code dir="ltr">body</code> <code dir="ltr">{</code></p>
<p><code dir="ltr">font-family:</code> <code dir="ltr">sans-serif;</code></p>
<p><code dir="ltr">margin:</code> <code dir="ltr">20px;</code></p>
<p><code dir="ltr">}</code></p>
<p><code dir="ltr"></style></code></p>
<p><code dir="ltr"></head></code></p>
<p><code dir="ltr"><body></code></p>
<p><code dir="ltr"><h1>Welcome</code> <code dir="ltr">to</code> <code dir="ltr">Travel</code> <code dir="ltr">Buddy!</h1></code></p>
<p><code dir="ltr"><p>Start</code> <code dir="ltr">chatting</code> <code dir="ltr">with</code> <code dir="ltr">our</code> <code dir="ltr">AI</code> <code dir="ltr">Travel</code> <code dir="ltr">buddy,</code> <code dir="ltr">in</code> <code dir="ltr">the</code> <code dir="ltr">bottom</code> <code dir="ltr">right</code> <code dir="ltr">corner.</p></code></p>
<p><code dir="ltr"><df-messenger</code></p>
<p><code dir="ltr">project-id="<SAMPLE>"</code></p>
<p><code dir="ltr">agent-id="<SAMPLE>"</code></p>
<p><code dir="ltr">language-code="en"</code></p>
<p><code dir="ltr">max-query-length="-1"></code></p>
<p><code dir="ltr"><df-messenger-chat-bubble</code></p>
<p><code dir="ltr">chat-title="Travel</code> <code dir="ltr">Buddy"></code></p>
<p><code dir="ltr"></df-messenger-chat-bubble></code></p>
<p><code dir="ltr"></df-messenger></code></p>
<p><code dir="ltr"></body></code></p>
<p><code dir="ltr"></html></code></p>
<p><code dir="ltr">"""</code></p>
<p><code dir="ltr">@app.route("/")</code></p>
<p><code dir="ltr">def</code> <code dir="ltr">index():</code></p>
<p><code dir="ltr">"""Renders</code> <code dir="ltr">the</code> <code dir="ltr">HTML</code> <code dir="ltr">template</code> <code dir="ltr">with</code> <code dir="ltr">the</code> <code dir="ltr">Dialogflow</code> <code dir="ltr">Messenger."""</code></p>
<p><code dir="ltr">return</code> <code dir="ltr">render_template_string(html_template)</code></p>
<p><code dir="ltr">if</code> <code dir="ltr">__name__</code> <code dir="ltr">==</code> <code dir="ltr">"__main__":</code></p>
<p><code dir="ltr">app.run(debug=True)</code></p>
<p><code dir="ltr"></code></p>
<p class="image-container"><img alt="3dd3246c5fceb1d4.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/3dd3246c5fceb1d4.png?hl=id" style="width: 624.00px;" /></p>
<p>Sesuai dengan petunjuk yang diberikan</p>
<ol type="1"><li>Salin cuplikan kode aplikasi flask contoh yang diberikan,</li><li>Buat file baru bernama <strong>app.py</strong> dan simpan file tersebut.</li></ol>
<p class="image-container"><img alt="4e58cfcf95f65d38.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/4e58cfcf95f65d38.png?hl=id" style="width: 624.00px;" /></p>
<p>Pada langkah berikutnya, Anda akan diminta untuk menginstal flask 
guna menjalankan cuplikan ini, yang tidak diperlukan untuk saat ini 
karena cloud shell sudah menginstal semua utilitas yang biasa digunakan 
secara default.</p>
<p class="image-container"><img alt="b657b535710fd8f3.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/b657b535710fd8f3.png?hl=id" style="width: 624.00px;" /></p>
<p>Simpan file (Ctrl + S atau CMD + S), lalu klik <strong>Open Terminal</strong>, tempat Anda akan menjalankan kode yang disediakan.</p>
<p>Di terminal, jalankan perintah berikut</p>
<p><code dir="ltr">python app.py</code></p>
<p><code dir="ltr"></code></p>
<p><strong>Catatan:</strong> Pastikan Anda berada di folder yang tepat, tempat file <strong>app.py</strong> berada</p>
<p>Aplikasi flask python akan berjalan di port <strong>5000</strong>. Untuk melihat pratinjau aplikasi web ini, klik ikon <strong>Pratinjau Web</strong> di cloud shell. Kemudian, Anda dapat mengklik <strong>Change Port, input 5000,</strong> dan mengklik <strong>Change and Preview</strong> untuk menyimpannya.</p>
<p class="image-container"><img alt="59ed7b08133b82bf.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/59ed7b08133b82bf.png?hl=id" style="width: 624.00px;" /></p>
<p>Situs contoh akan muncul dan akan ada agen AI yang sudah tersedia. Cukup klik agen AI dan mulailah melakukan chat dengannya.</p>
<p class="image-container"><img alt="35a4b5abdd299efe.png" src="https://codelabs.developers.google.com/static/devsite/codelabs/building-ai-agents-vertexai/img/35a4b5abdd299efe.png?hl=id" style="width: 624.00px;" /></p>
<p>Jangan ragu untuk mengujinya dengan perintah yang berbeda. Anda juga 
dapat meminta Gemini Code Assist untuk mempercantik situs Anda, atau 
menambahkan lebih banyak data dasar ke agen AI dan membuatnya lebih 
bermanfaat.</p>
<p>Setelah siap, sebagai langkah berikutnya, Anda dapat mencoba 
menghosting agen AI ini di Google Cloud agar dapat diakses oleh siapa 
saja, di mana saja. Sebagai pengingat codelab ini, Anda akan men-deploy 
aplikasi flask contoh ini di Cloud Run sebagai penampung.</p>
<p><strong>Catatan:</strong> Hal ini tidak hanya terbatas pada cloud run
 (Jika Anda tidak tahu apa itu cloud run, Anda bahkan dapat 
menanyakannya), Anda dapat meminta bantuan kode gemini untuk membantu 
Anda men-deploynya di Google Cloud atau di mana saja dengan praktik 
terbaik, hal ini juga dapat membantu Anda dengan bagian tersebut.</p>
<p>Kembali ke <strong>Terminal Cloud Shell</strong> dan tekan <strong>Ctrl + C</strong> untuk menghentikan proses. Klik <strong>Open Editor</strong> lagi dan minta Gemini Code Assist untuk membantu kita membuat penampung aplikasi dan men-deploy-nya di <strong>cloud run</strong>.</p>
<p><code dir="ltr">Can</code> <code dir="ltr">you</code> <code dir="ltr">help</code> <code dir="ltr">me</code> <code dir="ltr">deploy</code> <code dir="ltr">this</code> <code dir="ltr">sample</code> <code dir="ltr">flask</code> <code dir="ltr">app</code> <code dir="ltr">to</code> <code dir="ltr">cloud</code> <code dir="ltr">run</code> <code dir="ltr">service</code></p>
<p><code dir="ltr"></code></p>
<p>Halaman ini memberikan beberapa petunjuk dan perintah yang harus 
diikuti untuk menghosting aplikasi di layanan Cloud Run. Mari kita ikuti
 petunjuknya</p>
<p>Berikut adalah contoh respons output</p>
<p><strong>Langkah-langkah untuk Men-deploy ke Cloud Run</strong></p>
<ol type="1"><li><strong>Prasyarat:</strong></li></ol>
<ul><li><strong>Akun Google Cloud:</strong> Anda memerlukan akun Google Cloud dengan penagihan diaktifkan.</li><li><strong>gcloud CLI:</strong> Menginstal dan melakukan inisialisasi 
Google Cloud SDK (gcloud CLI) di komputer lokal Anda. Anda akan 
menggunakannya untuk berinteraksi dengan Google Cloud dari terminal.</li><li><strong>Docker:</strong> Instal Docker di komputer lokal Anda. Cloud Run menggunakan Docker untuk memasukkan aplikasi Anda ke dalam container.</li><li><strong>Penyiapan Project:</strong> Pastikan Anda telah memilih project Google Cloud di gcloud CLI. Anda dapat memeriksa dengan <code dir="ltr">gcloud config list project</code> dan menetapkannya dengan <code dir="ltr">gcloud config set project YOUR_PROJECT_ID</code></li></ul>
<p><strong>Catatan:</strong> Karena kita melakukan seluruh aktivitas ini di cloud shell, tidak perlu menyiapkan project</p>
<ol start="2" type="1"><li><strong>Buat</strong> **<code dir="ltr">requirements.txt</code>****:**</li></ol>
<ul><li>File ini mencantumkan semua paket Python yang diperlukan aplikasi Anda. Di direktori project Anda (tempat <code dir="ltr">main.py</code> berada), buat file bernama <code dir="ltr">requirements.txt</code> dan tambahkan baris berikut</li></ul>
<ol start="3" type="1"><li><strong>Buat</strong> **<code dir="ltr">Dockerfile</code>****:**</li></ol>
<ul><li><code dir="ltr">Dockerfile</code> menentukan cara mem-build image Docker untuk aplikasi Anda. Buat file bernama <code dir="ltr">Dockerfile</code> (tanpa ekstensi) di direktori project Anda dan tambahkan konten berikut:</li></ul>
<p><code dir="ltr">#</code> <code dir="ltr">Use</code> <code dir="ltr">an</code> <code dir="ltr">official</code> <code dir="ltr">Python</code> <code dir="ltr">runtime</code> <code dir="ltr">as</code> <code dir="ltr">a</code> <code dir="ltr">parent</code> <code dir="ltr">imageFROM</code> <code dir="ltr">python:3.9-slim-buster</code></p>
<p><code dir="ltr">#</code> <code dir="ltr">Set</code> <code dir="ltr">the</code> <code dir="ltr">working</code> <code dir="ltr">directory</code> <code dir="ltr">to</code> <code dir="ltr">/appWORKDIR</code> <code dir="ltr">/app</code></p>
<p><code dir="ltr">#</code> <code dir="ltr">Copy</code> <code dir="ltr">the</code> <code dir="ltr">current</code> <code dir="ltr">directory</code> <code dir="ltr">contents</code> <code dir="ltr">into</code> <code dir="ltr">the</code> <code dir="ltr">container</code> <code dir="ltr">at</code> <code dir="ltr">/app</code></p>
<p><code dir="ltr">COPY</code> <code dir="ltr">.</code> <code dir="ltr">/app</code></p>
<p><code dir="ltr">#</code> <code dir="ltr">Install</code> <code dir="ltr">any</code> <code dir="ltr">needed</code> <code dir="ltr">packages</code> <code dir="ltr">specified</code> <code dir="ltr">in</code> <code dir="ltr">requirements.txt</code></p>
<p><code dir="ltr">RUN</code> <code dir="ltr">pip</code> <code dir="ltr">install</code> <code dir="ltr">--no-cache-dir</code> <code dir="ltr">-r</code> <code dir="ltr">requirements.txt</code></p>
<p><code dir="ltr">#</code> <code dir="ltr">Make</code> <code dir="ltr">port</code> <code dir="ltr">5000</code> <code dir="ltr">available</code> <code dir="ltr">to</code> <code dir="ltr">the</code> <code dir="ltr">world</code> <code dir="ltr">outside</code> <code dir="ltr">this</code> <code dir="ltr">container</code></p>
<p><code dir="ltr">EXPOSE</code> <code dir="ltr">5000</code></p>
<p><code dir="ltr">#</code> <code dir="ltr">Define</code> <code dir="ltr">environment</code> <code dir="ltr">variable</code></p>
<p><code dir="ltr">ENV</code> <code dir="ltr">NAME</code> <code dir="ltr">World</code></p>
<p><code dir="ltr">#</code> <code dir="ltr">Run</code> <code dir="ltr">app.py</code> <code dir="ltr">when</code> <code dir="ltr">the</code> <code dir="ltr">container</code> <code dir="ltr">launches</code></p>
<p><code dir="ltr">CMD</code> <code dir="ltr">["python",</code> <code dir="ltr">".py"]</code></p>
<p></p>
<ol start="4" type="1"><li><strong>Mem-build Image Docker:</strong></li></ol>
<ul><li>Buka terminal, buka direktori project Anda, lalu jalankan:</li></ul>
<p>gcloud builds submit –tag gcr.io/bgr-workshop-23rd/travel-buddy</p>
<ol start="5" type="1"><li><strong>Men-deploy ke Cloud Run:</strong></li></ol>
<ul><li>Setelah image di-build dan diupload, deploy ke Cloud Run dengan perintah berikut:</li></ul>
<p><code dir="ltr">gcloud</code> <code dir="ltr">run</code> <code dir="ltr">deploy</code> <code dir="ltr">travel-buddy</code> <code dir="ltr">--image</code> <code dir="ltr">gcr.io/bgr-workshop-23rd/travel-buddy</code> <code dir="ltr">--region</code> <code dir="ltr">us-central1</code></p>
<p></p>
<p>Setelah menyelesaikan langkah-langkah ini, Anda akan melihat aplikasi
 dengan agen AI terintegrasi akan aktif untuk pengguna akhir.</p>
<p>Selamat dan selamat belajar.</p>

<h2 class="step-title" data-text="               6. Pembersihan           " id="5" tabindex="-1">
              6.<wbr></wbr> Pembersihan
          </h2>
          <p>Agar tidak menimbulkan biaya pada akun Google Cloud Anda 
untuk resource yang digunakan dalam codelab ini, ikuti langkah-langkah 
berikut:</p>
<ol type="1"><li>Di konsol Google Cloud, buka halaman <a href="https://console.cloud.google.com/iam-admin/projects?_ga=2.137741431.690084714.1674832835-1977883585.1670853686&hl=id" target="_blank">Manage resources</a>.</li><li>Dalam daftar project, pilih project yang ingin Anda hapus, lalu klik <strong>Delete</strong>.</li><li>Pada dialog, ketik project ID, lalu klik <strong>Shut down</strong> untuk menghapus project.</li><li>Atau, Anda dapat membuka <a href="https://console.cloud.google.com/run?hl=id" target="_blank">Cloud Run</a> di konsol, memilih layanan yang baru saja di-deploy, lalu menghapusnya.</li></ol>

</div>

<p>Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan <a href="https://creativecommons.org/licenses/by/4.0/">Lisensi Creative Commons Attribution 4.0</a>, sedangkan contoh kode dilisensikan berdasarkan <a href="https://www.apache.org/licenses/LICENSE-2.0">Lisensi Apache 2.0</a>. Untuk mengetahui informasi selengkapnya, lihat <a href="https://developers.google.com/site-policies?hl=id">Kebijakan Situs Google Developers</a>. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.</p></main></section></section>

Membuat Agen AI dengan Vertex AI Agent Builder

Langsung ke konten utama …

<p>Berikut adalah artikel lengkap mengenai cara membuat Agen AI menggunakan Vertex AI Agent Builder, berdasarkan panduan interaktif dari Google Codelabs:</p>
<hr />
<h1>Membuat Agen AI dengan Vertex AI Agent Builder</h1>
<p>Di era digital saat ini, kecerdasan buatan telah membuka peluang besar untuk meningkatkan interaksi pengguna melalui agen percakapan yang cerdas. Dengan <strong>Vertex AI Agent Builder</strong> dari Google Cloud, bahkan developer dengan pemahaman dasar mengenai machine learning dapat dengan cepat membuat dan mengintegrasikan agen AI yang responsif ke dalam aplikasi mereka. Artikel ini merangkum langkah-langkah pembuatan agen AI yang diambil dari panduan <a href="https://codelabs.developers.google.com/devsite/codelabs/building-ai-agents-vertexai?hl=id#0">Google Codelabs</a> dalam bahasa Indonesia.</p>
<hr />
<h2>1. Pendahuluan</h2>
<p><strong>Vertex AI Agent Builder</strong> adalah platform yang memungkinkan Anda membuat agen percakapan dengan cepat menggunakan teknologi AI generatif. Dengan memanfaatkan model bahasa besar (LLM) dan fitur grounding melalui datastore, Anda dapat mendesain agen yang mampu:</p>
<ul><li>
<p>Menjawab pertanyaan dengan respons yang relevan.</p>
</li><li>
<p>Mengatasi batasan pengetahuan bawaan dengan referensi data eksternal.</p>
</li><li>
<p>Meningkatkan pengalaman pengguna dalam berbagai aplikasi seperti agen perjalanan, penjualan online, dan layanan informasi.</p>
</li></ul>
<p>Panduan Codelab ini akan memandu Anda dari tahap perencanaan hingga integrasi agen ke dalam aplikasi nyata.<br />
cite46</p>
<hr />
<h2>2. Persiapan dan Prasyarat</h2>
<p>Sebelum memulai, pastikan Anda telah menyiapkan hal-hal berikut:</p>
<ul><li>
<p><strong>Akun Google Cloud:</strong> Buat atau gunakan project dengan penagihan yang aktif. Jika belum memiliki project, Anda dapat mengikuti petunjuk pembuatan project dari <a href="https://developers.google.com">Google Cloud</a>.</p>
</li><li>
<p><strong>Pemahaman Dasar:</strong></p>
<ul><li>
<p>AI Generatif di Google Cloud</p>
</li><li>
<p>Konsep dasar Agen AI</p>
</li><li>
<p>(Opsional) Gemini CodeAssist untuk bantuan penulisan kode<br />
cite3,4,5</p>
</li></ul>
</li><li>
<p><strong>Perangkat Pendukung:</strong> Komputer dengan koneksi internet dan browser modern (Chrome atau Firefox).</p>
</li></ul>
<hr />
<h2>3. Mendesain Agen AI Pertama Anda</h2>
<p>Sebelum memulai pembangunan, penting untuk menentukan visi dan tujuan dari agen AI yang ingin Anda buat. Pertanyaan-pertanyaan yang perlu dijawab antara lain:</p>
<ul><li>
<p><strong>Masalah Apa yang Diselesaikan?</strong><br />
Contohnya, agen perjalanan yang membantu pengguna merencanakan itinerary, memesan tiket, dan akomodasi.</p>
</li><li>
<p><strong>Fungsi Utama Agen:</strong><br />
Menjawab pertanyaan seputar perjalanan, menyusun rencana, atau bahkan mendelegasikan tugas pemesanan.</p>
</li><li>
<p><strong>Batasan Agen:</strong><br />
Misalnya, agen mungkin tidak bisa menjawab kueri yang terlalu kompleks atau membuat gambar visual.</p>
</li><li>
<p><strong>Persona Agen:</strong><br />
Tentukan gaya komunikasi—apakah formal, santai, atau ramah.</p>
</li><li>
<p><strong>Metrik Keberhasilan:</strong><br />
Ukur efektivitas agen berdasarkan kepuasan pengguna dan relevansi respons yang diberikan.</p>
</li></ul>
<p>Panduan codelab memberikan contoh dengan agen perjalanan untuk mempercepat proses perancangan.<br />
cite46</p>
<hr />
<h2>4. Langkah-Langkah Pembuatan Agen AI</h2>
<h3>a. Membuka Vertex AI Agent Builder</h3>
<ol><li>
<p><strong>Akses Platform:</strong><br />
Kunjungi halaman <a href="https://console.cloud.google.com">Vertex AI Agent Builder</a> dan Anda akan disambut dengan halaman sambutan.</p>
</li><li>
<p><strong>Aktifkan API:</strong><br />
Klik tombol <strong>"LANJUTKAN DAN AKTIFKAN API"</strong> untuk mengaktifkan layanan yang diperlukan.</p>
</li><li>
<p><strong>Buat Aplikasi Baru:</strong><br />
Klik <strong>"CREATE A NEW APP"</strong> untuk memulai pembuatan agen AI.</p>
</li></ol>
<h3>b. Konfigurasi Agen</h3>
<ol><li>
<p><strong>Pilih Tipe Agen:</strong><br />
Pada halaman pembuatan aplikasi, pilih opsi <strong>"Agen Percakapan"</strong> dan klik <strong>"BUAT"</strong>.</p>
</li><li>
<p><strong>Pengaturan Awal Agen:</strong></p>
<ul><li>
<p><strong>Nama Tampilan:</strong> Misalnya, "Travel Buddy"</p>
</li><li>
<p><strong>Region:</strong> Pilih global (misalnya, Global serving, data-at-rest in US)</p>
</li><li>
<p>Klik <strong>"CREATE"</strong> untuk melanjutkan.<br />
cite53</p>
</li></ul>
</li><li>
<p><strong>Menyusun Playbook:</strong><br />
Tentukan:</p>
<ul><li>
<p><strong>Nama Playbook:</strong> Contoh: "Agen Info"</p>
</li><li>
<p><strong>Sasaran:</strong> Misalnya, "Membantu pelanggan menjawab kueri terkait perjalanan."</p>
</li><li>
<p><strong>Petunjuk:</strong> Buat instruksi untuk menyambut pengguna dan menanyakan kebutuhan mereka, misalnya, "Sambut pengguna, tanyakan bagaimana bisa membantu."<br />
Klik <strong>"Simpan"</strong> setelah selesai.<br />
cite54</p>
</li></ul>
</li><li>
<p><strong>Uji Agen melalui Simulator:</strong><br />
Klik ikon Simulator untuk memilih agen yang baru dibuat, pilih model AI generatif (misalnya, <strong>gemini-1.5-flash</strong>), dan uji dengan memasukkan input pengguna pada kotak teks.<br />
cite56</p>
</li></ol>
<h3>c. Melampirkan Datastore (Grounding)</h3>
<p>Agar agen tidak “mengarang” informasi saat menjawab kueri yang tidak ada di basis pengetahuannya, Anda dapat melampirkan <strong>datastore</strong> sebagai referensi tambahan:</p>
<ol><li>
<p><strong>Buat Alat Datastore:</strong><br />
Klik tombol <strong>"+ Data store"</strong> di bagian bawah halaman dasar agen. Masukkan:</p>
<ul><li>
<p><strong>Nama Alat:</strong> Misalnya, "Lokasi Alternatif"</p>
</li><li>
<p><strong>Jenis:</strong> Penyimpanan data</p>
</li><li>
<p><strong>Deskripsi:</strong> "Gunakan alat ini jika permintaan pengguna berisi lokasi yang tidak ada."
Klik <strong>"Save"</strong>.
cite58</p>
</li></ul>
</li><li>
<p><strong>Buat Data Store Sebenarnya:</strong><br />
Klik <strong>"add data stores"</strong> dan pilih <strong>"Create a data store"</strong>. Pilih opsi <strong>Cloud Storage</strong> dan masukkan path file (misalnya, <code>ai-workshops/agents/data/wakanda.txt</code>).
cite62<br />
File teks tersebut berisi informasi alternatif untuk lokasi seperti Wakanda, contohnya:</p>
<ul><li>
<p>Oribi Gorge di Afrika Selatan</p>
</li><li>
<p>Iguazu Falls di perbatasan Argentina dan Brazil</p>
</li><li>
<p>Informasi budaya Wakanda (komik Black Panther, film, dan lainnya)</p>
</li></ul>
</li><li>
<p><strong>Integrasi Datastore ke Agen:</strong><br />
Setelah datastore selesai diimpor, kembali ke konfigurasi playbook dan tambahkan petunjuk:</p>
<blockquote>
<p><strong>Gunakan ${TOOL: Alternative Location} jika permintaan pengguna mengandung lokasi yang tidak ada.</strong><br />
Klik <strong>"Simpan"</strong> untuk mengaitkan datastore dengan agen.<br />
cite71</p>
</blockquote>
</li></ol>
<h3>d. Aktivitas Tambahan: Mengaktifkan Agen</h3>
<p>Setelah agen dibuat dan di-ground dengan datastore, Anda dapat mengaktifkan agen untuk interaksi real-time. Pada tab Dialogflow:</p>
<ul><li>
<p>Klik menu tambahan dan pilih <strong>"Publikasikan agen"</strong>.</p>
</li><li>
<p>Aktifkan API yang tidak diautentikasi (untuk demo; gunakan konfigurasi lebih aman untuk produksi).</p>
</li><li>
<p>Salin cuplikan kode CSS yang diberikan untuk integrasi ke dalam situs web.<br />
cite73,74</p>
</li></ul>
<hr />
<h2>5. Integrasi Agen ke Dalam Aplikasi Web</h2>
<p>Salah satu cara untuk mengintegrasikan agen AI adalah dengan membuat aplikasi web menggunakan framework seperti <strong>Flask</strong> di Python. Berikut contoh singkatnya:</p>
<pre><code class="language-python">from flask import Flask, render_template_string

app = Flask(__name__)

html_template = """
<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Travel Buddy Chatbot</title>
  <link rel="stylesheet" href="https://www.gstatic.com/dialogflow-console/fast/df-messenger/prod/v1/themes/df-messenger-default.css">
  <script src="https://www.gstatic.com/dialogflow-console/fast/df-messenger/prod/v1/df-messenger.js"></script>
  <style>
    df-messenger {
      z-index: 999;
      position: fixed;
      bottom: 16px;
      right: 16px;
      --df-messenger-font-color: #000;
      --df-messenger-chat-background: #f3f6fc;
    }
    body { font-family: sans-serif; margin: 20px; }
  </style>
</head>
<body>
  <h1>Selamat Datang di Travel Buddy!</h1>
  <p>Mulai percakapan dengan agen kami di pojok kanan bawah.</p>
  <df-messenger
    project-id="YOUR_PROJECT_ID"
    agent-id="YOUR_AGENT_ID"
    language-code="id">
  </df-messenger>
</body>
</html>
"""

@app.route("/")
def index():
    return render_template_string(html_template)

if __name__ == "__main__":
    app.run(debug=True)
</code></pre>
<p>Setelah kode di atas disimpan sebagai file <code>app.py</code>, Anda dapat menjalankannya dengan perintah <code>python app.py</code> dan mengakses aplikasi melalui browser.<br />
cite78</p>
<p>Untuk deployment, Anda dapat mengemas aplikasi dalam Docker dan men-deploy ke <strong>Cloud Run</strong> menggunakan gcloud CLI, sesuai dengan petunjuk di codelab.</p>
<hr />
<h2>6. Pembersihan</h2>
<p>Untuk menghindari biaya yang tidak diinginkan pada akun Google Cloud, pastikan Anda:</p>
<ul><li>
<p>Menghapus project melalui halaman <strong>Manage Resources</strong>.</p>
</li><li>
<p>Menghapus layanan Cloud Run yang telah di-deploy jika sudah tidak digunakan lagi.</p>
</li></ul>
<p>cite16,17</p>
<hr />
<h2>7. Penutup</h2>
<p>Dengan menggunakan <strong>Vertex AI Agent Builder</strong>, Anda dapat dengan mudah membuat agen AI yang cerdas dan interaktif. Mulai dari mendesain visi, membangun agen, melampirkan datastore sebagai grounding, hingga integrasi ke dalam aplikasi web, seluruh proses dapat dilakukan dengan langkah-langkah terstruktur dan minim kode. Teknologi ini membuka peluang baru untuk penerapan AI dalam berbagai bidang, mulai dari perjalanan, e-commerce, hingga layanan pelanggan.</p>
<p>Selamat mencoba dan eksplorasi lebih lanjut untuk menciptakan agen AI yang inovatif dan sesuai dengan kebutuhan Anda!</p>
<hr />
<p>Artikel ini disusun berdasarkan panduan lengkap yang terdapat pada <a href="https://codelabs.developers.google.com/devsite/codelabs/building-ai-agents-vertexai?hl=id#0">Google Codelabs – Membuat Agen AI dengan Vertex AI Agent Builder</a>.</p>

Membuat Agen AI dengan Vertex AI Agent Builder

Berikut adalah artikel lengkap mengenai cara membuat Agen AI menggunakan Vertex AI Agent Builder, berdasarkan panduan interaktif dari Google Codelabs: Membuat Agen AI dengan Vertex AI Agent Builder Di…

<p>Berikut adalah artikel lengkap mengenai cara membuat Agen AI menggunakan Vertex AI Agent Builder:</p>
<hr />
<h1>Membuat Agen AI dengan Vertex AI Agent Builder</h1>
<p>Di era digital saat ini, kecerdasan buatan (AI) telah membuka peluang baru bagi berbagai aplikasi. Salah satu inovasi terbarunya adalah pembuatan agen percakapan yang cerdas dengan menggunakan <strong>Vertex AI Agent Builder</strong>. Artikel ini akan membahas langkah demi langkah cara membuat Agen AI, mulai dari persiapan hingga integrasi dengan aplikasi nyata.</p>
<hr />
<h2>1. Pendahuluan</h2>
<p><strong>Vertex AI Agent Builder</strong> merupakan platform inovatif dari Google Cloud yang memungkinkan para developer – bahkan dengan pengetahuan machine learning yang terbatas – untuk menciptakan agen AI percakapan secara cepat dan efisien. Dengan memanfaatkan model bahasa besar (LLM) dan fitur grounding melalui datastore, agen yang dibuat dapat memberikan respons yang relevan dan terpersonalisasi kepada pengguna.<br />
citeturn0search1</p>
<hr />
<h2>2. Persiapan dan Prasyarat</h2>
<p>Sebelum memulai pembuatan agen, pastikan Anda telah menyiapkan:</p>
<ul><li>
<p><strong>Akun Google Cloud:</strong> Pastikan Anda memiliki project dengan penagihan yang aktif.</p>
</li><li>
<p><strong>Pemahaman Dasar tentang AI Generatif dan Agen AI:</strong> Anda harus mengerti konsep dasar mengenai agen percakapan serta fungsionalitas model bahasa besar.</p>
</li><li>
<p><strong>Perangkat Pendukung:</strong> Komputer dengan koneksi internet dan browser modern seperti Chrome atau Firefox.</p>
</li></ul>
<p>Selain itu, disarankan untuk memiliki pemahaman mengenai layanan Google Cloud lainnya seperti Dialogflow dan Cloud Storage guna memaksimalkan potensi dari Agent Builder.<br />
citeturn0search2</p>
<hr />
<h2>3. Langkah-langkah Pembuatan Agen AI</h2>
<h3>a. Membuka Vertex AI Agent Builder</h3>
<ol><li>
<p><strong>Akses Platform:</strong><br />
Buka halaman <strong>Vertex AI Agent Builder</strong> melalui <a href="https://cloud.google.com/products/agent-builder?hl=id">Google Cloud</a>.</p>
</li><li>
<p><strong>Aktifkan API:</strong><br />
Pada halaman sambutan, klik tombol <strong>"LANJUTKAN DAN AKTIFKAN API"</strong> untuk mengaktifkan API yang diperlukan.</p>
</li><li>
<p><strong>Buat Aplikasi Baru:</strong><br />
Setelah itu, klik tombol <strong>"CREATE A NEW APP"</strong> untuk memulai pembuatan aplikasi agen Anda.</p>
</li></ol>
<h3>b. Memilih Tipe dan Konfigurasi Agen</h3>
<ol><li>
<p><strong>Pilih Agen Percakapan:</strong><br />
Setelah berada di halaman pembuatan aplikasi, pilih opsi <strong>"Agen Percakapan"</strong>.</p>
</li><li>
<p><strong>Pengaturan Awal Agen:</strong></p>
<ul><li>
<p><strong>Nama Tampilan:</strong> Contoh, "Travel Buddy" atau "Info Agent".</p>
</li><li>
<p><strong>Region:</strong> Pilih opsi global atau region lain sesuai kebutuhan.</p>
</li><li>
<p>Klik <strong>"BUAT"</strong> untuk melanjutkan konfigurasi.</p>
</li></ul>
</li><li>
<p><strong>Menyusun Playbook:</strong><br />
Isi detail seperti:</p>
<ul><li>
<p><strong>Nama Playbook:</strong> Misalnya, "Agen Info".</p>
</li><li>
<p><strong>Sasaran:</strong> Deskripsikan tujuan agen, seperti membantu menjawab pertanyaan perjalanan.</p>
</li><li>
<p><strong>Petunjuk:</strong> Buat panduan agar agen menyambut pengguna dan bertanya bagaimana bisa membantu.</p>
</li><li>
<p>Tekan <strong>"Simpan"</strong> setelah selesai.<br />
citeturn0search1</p>
</li></ul>
</li></ol>
<h3>c. Menguji Agen dengan Simulator</h3>
<p>Setelah pengaturan awal selesai:</p>
<ul><li>
<p>Klik ikon <strong>Simulator</strong> untuk memilih agen yang baru saja Anda buat.</p>
</li><li>
<p>Pilih model AI generatif yang mendasari, misalnya <strong>gemini-1.5-flash</strong>.</p>
</li><li>
<p>Uji agen dengan mengetikkan input pada kotak teks dan perhatikan respons yang diberikan.</p>
</li></ul>
<hr />
<h2>4. Mendesain Agen AI</h2>
<p>Sebelum mengembangkan lebih jauh, penting untuk mendefinisikan visi dan tujuan agen. Beberapa pertanyaan yang dapat Anda jawab meliputi:</p>
<ul><li>
<p><strong>Masalah Apa yang Diselesaikan Agen?</strong><br />
Misalnya, membantu pengguna merencanakan perjalanan atau menjawab pertanyaan terkait produk.</p>
</li><li>
<p><strong>Fungsi Utama Agen:</strong><br />
Apakah agen hanya memberikan informasi atau juga melakukan aksi seperti pemesanan?</p>
</li><li>
<p><strong>Batasan Agen:</strong><br />
Tentukan apa saja yang tidak dapat dilakukan oleh agen, misalnya tidak membuat gambar visual.</p>
</li><li>
<p><strong>Persona Agen:</strong><br />
Apakah agen bersifat formal, ramah, atau humoris?</p>
</li><li>
<p><strong>Metrik Keberhasilan:</strong><br />
Bagaimana Anda mengukur efektivitas agen, misalnya dengan kepuasan pengguna.</p>
</li></ul>
<p>Dengan mendefinisikan aspek-aspek ini, Anda akan memiliki panduan yang jelas dalam merancang interaksi dan alur percakapan agen.</p>
<hr />
<h2>5. Melampirkan Datastore untuk Grounding</h2>
<p>Agar agen tidak mengalami “halusinasi” dan memberikan informasi yang akurat, Anda dapat mengintegrasikan <strong>datastore</strong> sebagai basis pengetahuan tambahan:</p>
<ol><li>
<p><strong>Membuat Alat Datastore:</strong><br />
Klik tombol <strong>"+ Data store"</strong> di bagian bawah halaman dasar agen, lalu isikan:</p>
<ul><li>
<p><strong>Nama Alat:</strong> Misalnya, "Lokasi Alternatif".</p>
</li><li>
<p><strong>Jenis:</strong> Pilih "Penyimpanan data".</p>
</li><li>
<p><strong>Deskripsi:</strong> Jelaskan bahwa alat ini digunakan jika permintaan lokasi tidak tersedia.</p>
</li></ul>
</li><li>
<p><strong>Membuat Data Store Nyata:</strong><br />
Klik <strong>"add data stores"</strong> dan pilih <strong>"Create a data store"</strong>.</p>
<ul><li>
<p>Pilih opsi untuk mengimpor file dari Cloud Storage (misalnya, file <code>wakanda.txt</code>).</p>
</li><li>
<p>Masukkan path file dan ikuti petunjuk untuk menyelesaikan proses impor.</p>
</li></ul>
</li><li>
<p><strong>Konfigurasi Grounding:</strong><br />
Setelah datastore berhasil dibuat, pastikan untuk mengaitkannya dengan agen melalui konfigurasi petunjuk. Tambahkan instruksi seperti:</p>
<blockquote>
<p><em>"Gunakan ${TOOL: Alternative Location} jika permintaan pengguna mengandung lokasi yang tidak ada."</em><br />
Dengan langkah ini, agen Anda akan memberikan respons alternatif berdasarkan informasi yang ada pada datastore.<br />
citeturn0search1</p>
</blockquote>
</li></ol>
<hr />
<h2>6. Integrasi dengan Aplikasi</h2>
<p>Setelah agen siap, Anda bisa mengintegrasikannya ke dalam aplikasi atau situs web:</p>
<h3>a. Contoh Integrasi dengan Flask</h3>
<p>Anda dapat membuat aplikasi web menggunakan <strong>Flask</strong> di Python untuk menampilkan agen Anda. Berikut adalah garis besar contoh kodenya:</p>
<pre><code class="language-python">from flask import Flask, render_template_string

app = Flask(__name__)

html_template = """
<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Agen AI Travel Buddy</title>
  <link rel="stylesheet" href="https://www.gstatic.com/dialogflow-console/fast/df-messenger/prod/v1/themes/df-messenger-default.css">
  <script src="https://www.gstatic.com/dialogflow-console/fast/df-messenger/prod/v1/df-messenger.js"></script>
  <style>
    df-messenger {
      z-index: 999;
      position: fixed;
      bottom: 16px;
      right: 16px;
      --df-messenger-font-color: #000;
      --df-messenger-chat-background: #f3f6fc;
    }
    body { font-family: sans-serif; margin: 20px; }
  </style>
</head>
<body>
  <h1>Selamat Datang di Travel Buddy!</h1>
  <p>Mulai percakapan dengan agen kami di pojok kanan bawah.</p>
  <df-messenger
    project-id="YOUR_PROJECT_ID"
    agent-id="YOUR_AGENT_ID"
    language-code="id">
  </df-messenger>
</body>
</html>
"""

@app.route("/")
def index():
    return render_template_string(html_template)

if __name__ == "__main__":
    app.run(debug=True)
</code></pre>
<p>Setelah file disimpan, jalankan dengan perintah <code>python app.py</code> dan uji aplikasi melalui browser.<br />
citeturn0search3</p>
<h3>b. Deployment ke Cloud Run</h3>
<p>Untuk memastikan aplikasi dapat diakses secara global:</p>
<ul><li>
<p><strong>Buat Dockerfile</strong> untuk mengemas aplikasi.</p>
</li><li>
<p>Gunakan <strong>gcloud CLI</strong> untuk membangun image dan men-deploy ke Cloud Run.</p>
</li><li>
<p>Ikuti petunjuk di dokumentasi untuk memastikan deployment berjalan dengan baik.</p>
</li></ul>
<hr />
<h2>7. Studi Kasus: Agen Perjalanan dan Agen Penjualan Online</h2>
<p>Beberapa contoh aplikasi yang dapat Anda kembangkan dengan Vertex AI Agent Builder meliputi:</p>
<ul><li>
<p><strong>Agen Perjalanan:</strong> Membantu pengguna merencanakan perjalanan dengan menyediakan rekomendasi destinasi, itinerary, dan informasi penerbangan.</p>
</li><li>
<p><strong>Agen Penjualan Online:</strong> Mengintegrasikan agen yang bisa membantu menjawab pertanyaan seputar produk, memandu proses pembelian, hingga menampilkan hasil pencarian produk secara interaktif.<br />
citeturn0search4</p>
</li></ul>
<hr />
<h2>8. Penutup</h2>
<p>Dengan <strong>Vertex AI Agent Builder</strong>, pembuatan agen percakapan yang cerdas dan responsif kini menjadi lebih mudah. Dari tahap perancangan, pembuatan, hingga integrasi dengan aplikasi nyata, seluruh proses dapat dilakukan dengan sedikit kode dan pengaturan yang minimal. Teknologi ini tidak hanya memberikan pengalaman interaksi yang lebih baik bagi pengguna, tetapi juga membuka peluang baru dalam pengembangan aplikasi AI generatif untuk berbagai sektor, mulai dari pariwisata hingga e-commerce.</p>
<p>Selamat mencoba dan eksplorasi lebih lanjut!<br />
citeturn0search7</p>
<hr />
<p>Artikel ini diharapkan dapat menjadi panduan komprehensif bagi Anda yang ingin memulai perjalanan dalam mengembangkan agen AI dengan Vertex AI Agent Builder. Happy building!</p>

Membuat Agen AI dengan Vertex AI Agent Builder

Berikut adalah artikel lengkap mengenai cara membuat Agen AI menggunakan Vertex AI Agent Builder: Membuat Agen AI dengan Vertex AI Agent Builder Di era digital saat ini, kecerdasan buatan (AI) telah m…

<p> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-peAhHOWXllRj-DDDLlYINHHtRRuOTMXyO_DQAQTNrz2n6wkVBKxAnzYylPvNKGjybsrE6ryaOXdEX_sJ38KhGH9QJwN5Z2M6S8R95JutKuufhCdHHqYWR3YO3f6PL3fAF2Ej-xdfKZkolfOd_tKNfMMc9ZxxeqeJiisDovpIG5Vr4bGzTvqHfqcnML4S/s1366/Screenshot%202025-03-24%20at%2003-50-06%20Humva%20-%20Alat%20Avatar%20Termudah%20Anda%20Gunakan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="579" data-original-width="1366" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-peAhHOWXllRj-DDDLlYINHHtRRuOTMXyO_DQAQTNrz2n6wkVBKxAnzYylPvNKGjybsrE6ryaOXdEX_sJ38KhGH9QJwN5Z2M6S8R95JutKuufhCdHHqYWR3YO3f6PL3fAF2Ej-xdfKZkolfOd_tKNfMMc9ZxxeqeJiisDovpIG5Vr4bGzTvqHfqcnML4S/w640-h272/Screenshot%202025-03-24%20at%2003-50-06%20Humva%20-%20Alat%20Avatar%20Termudah%20Anda%20Gunakan.png" width="640" /></a></div><br /><p></p><h1 class="" data-end="79" data-start="0">Humva: Solusi Video Juru Bicara AI yang Inovatif dan Gratis untuk Konten Anda</h1>
<p class="" data-end="546" data-start="81">Di era digital saat ini, visual yang menarik menjadi kunci utama dalam meningkatkan engagement dan kredibilitas suatu brand. Humva hadir sebagai platform revolusioner yang menyediakan video juru bicara yang disesuaikan secara gratis. Dengan dukungan AI generatif dan teknologi sinkronisasi bibir tercanggih, Humva memungkinkan Anda untuk membuat konten media sosial, testimonial, pengenalan produk, dan berbagai keperluan pemasaran lainnya dengan mudah dan efisien.</p>
<h2 class="" data-end="583" data-start="548">Teknologi Canggih di Balik Humva</h2>
<h3 class="" data-end="613" data-start="585">AI Generatif yang Handal</h3>
<p class="" data-end="894" data-start="614">Humva menggunakan teknologi AI generatif untuk menciptakan video juru bicara yang natural dan menarik. Teknologi ini mampu menghasilkan skrip dan visual yang sesuai dengan karakter dan pesan yang ingin disampaikan, sehingga video Anda tidak hanya informatif tetapi juga menghibur.</p>
<h3 class="" data-end="929" data-start="896">Sinkronisasi Bibir Tercanggih </h3>
<p class="" data-end="1190" data-start="930">Salah satu keunggulan utama Humva adalah teknologi sinkronisasi bibirnya yang luar biasa. Fitur ini memastikan bahwa setiap gerakan bibir juru bicara sesuai dengan suara yang dihasilkan, memberikan kesan profesional dan realistik pada setiap video yang dibuat.</p>
<h3 class="" data-end="1218" data-start="1192">Ribuan Presenter Video</h3>
<p class="" data-end="1460" data-start="1219">Humva menawarkan pilihan ribuan presenter video yang dapat Anda pilih sesuai dengan kebutuhan. Baik untuk konten formal maupun casual, setiap presenter memiliki karakteristik yang unik sehingga dapat menyesuaikan dengan identitas brand Anda. </p>
<h2 class="" data-end="1508" data-start="1462">Manfaat Menggunakan Humva untuk Konten Anda </h2>
<h3 class="" data-end="1550" data-start="1510">Fleksibilitas dalam Pembuatan Konten </h3>
<p class="" data-end="1773" data-start="1551">Humva memudahkan proses pembuatan video tanpa perlu keahlian teknis yang mendalam. Anda dapat dengan cepat menghasilkan video berkualitas tinggi untuk berbagai platform, mulai dari media sosial hingga situs web perusahaan.</p>
<h3 class="" data-end="1804" data-start="1775">Efisiensi Waktu dan Biaya </h3>
<p class="" data-end="2024" data-start="1805">Dengan fitur-fitur canggih yang disediakan, proses produksi video menjadi lebih cepat dan hemat biaya. Anda tidak perlu menyewa juru bicara profesional atau tim produksi yang besar untuk menghasilkan video yang menarik. </p>
<h3 class="" data-end="2063" data-start="2026">Dukungan Gratis dan Mudah Diakses </h3>
<p class="" data-end="2320" data-start="2064">Salah satu daya tarik utama dari Humva adalah kemampuannya menyediakan layanan gratis. Ini tentu menjadi nilai tambah bagi pelaku usaha kecil, content creator, dan siapa saja yang ingin mengembangkan konten berkualitas tanpa harus mengeluarkan biaya besar.</p>
<h2 class="" data-end="2367" data-start="2322">Keuntungan Eksklusif Melalui Link Undangan </h2>
<p class="" data-end="2541" data-start="2369">Untuk Anda yang tertarik mencoba platform Humva, kini ada kesempatan menarik untuk mendapatkan rewards eksklusif! Dengan mendaftar melalui  <strong data-end="2540" data-start="2508">link undangan khusus berikut </strong>: </p>
<p class="" data-end="2629" data-start="2543"><a data-end="2629" data-start="2543" href="https://humva.com?invitationCode=KQCMPSXM" rel="noopener" target="_new">https://humva.com?invitationCode=KQCMPSXM</a></p>
<p class="" data-end="2693" data-start="2631">Anda dan teman-teman Anda akan mendapatkan keuntungan berikut:</p>
<ul data-end="3073" data-start="2695"><li class="" data-end="2867" data-start="2695">
<p class="" data-end="2867" data-start="2697"><strong data-end="2716" data-start="2697">72 Poin Instan:</strong> Setiap pengguna yang mendaftar melalui link eksklusif ini langsung mendapatkan 72 poin yang bisa digunakan untuk berbagai keperluan di dalam platform.</p>
</li><li class="" data-end="3073" data-start="2868">
<p class="" data-end="3073" data-start="2870"><strong data-end="2906" data-start="2870">Keuntungan Registrasi Eksklusif:</strong> Rewards ini hanya berlaku untuk pendaftaran melalui link khusus, memberikan Anda keunggulan tersendiri saat memulai perjalanan di dunia pembuatan konten dengan Humva.</p>
</li></ul>
<h2 class="" data-end="3100" data-start="3075">Mengapa Memilih Humva?</h2>
<p class="" data-end="3542" data-start="3102">Humva merupakan solusi yang ideal untuk para kreator konten yang menginginkan kualitas profesional tanpa ribet. Dengan teknologi AI canggih dan fitur sinkronisasi bibir yang presisi, platform ini memberikan fleksibilitas dan kreativitas tinggi dalam pembuatan video. Apalagi, dengan penawaran rewards menarik bagi pengguna baru melalui link eksklusif, Anda tidak hanya mendapatkan alat bantu yang hebat tetapi juga bonus yang menguntungkan.</p>
<h2 class="" data-end="3585" data-start="3544">Ayo Gabung dan Kembangkan Konten Anda!</h2>
<p class="" data-end="3813" data-start="3587">Jangan lewatkan kesempatan untuk memanfaatkan teknologi canggih dari Humva dalam meningkatkan kualitas konten Anda. Daftarkan diri Anda melalui link undangan di bawah ini dan rasakan kemudahan serta keunggulan yang ditawarkan:</p>
<p class="" data-end="3897" data-start="3815"><a data-end="3897" data-start="3815" href="https://humva.com?invitationCode=KQCMPSXM" rel="noopener" target="_new">Daftar Sekarang dan Dapatkan 72 Poin! </a></p>
<p class="" data-end="4046" data-start="3899">Dengan Humva, masa depan pembuatan konten menjadi semakin cerah dan penuh inovasi. Segera bergabung dan bawa kreativitas Anda ke level selanjutnya! </p>
<hr class="" data-end="4051" data-start="4048" />
<p class="" data-end="4211" data-start="4053">Semoga ulasan ini membantu Anda dan teman-teman dalam menemukan solusi video juru bicara yang inovatif dan efektif. Selamat mencoba dan berkarya dengan Humva!</p><p class="" data-end="4211" data-start="4053"> </p><h1 class="" data-end="43" data-start="0">Ajak Teman, Raih Premium Gratis di Humva!</h1>
<p class="" data-end="526" data-start="45">Di dunia digital yang semakin dinamis, konten video telah menjadi senjata ampuh untuk meningkatkan brand awareness dan engagement. Platform <strong data-end="194" data-start="185">Humva</strong> hadir sebagai solusi inovatif yang memungkinkan Anda membuat video juru bicara yang disesuaikan secara gratis. Kini, tidak hanya Anda yang dapat merasakan manfaat dari teknologi AI generatif dan sinkronisasi bibir tercanggih, tetapi Anda juga berkesempatan mendapatkan <strong data-end="482" data-start="464">premium gratis</strong> dengan cara mengajak teman untuk bergabung!</p>
<h2 class="" data-end="553" data-start="528">Mengapa Memilih Humva?</h2>
<p class="" data-end="657" data-start="555"><strong data-end="564" data-start="555">Humva</strong> menawarkan berbagai keunggulan yang membuat pembuatan video menjadi lebih mudah dan efisien:</p>
<ul data-end="1145" data-start="659"><li class="" data-end="755" data-start="659">
<p class="" data-end="755" data-start="661"><strong data-end="688" data-start="661">Teknologi AI Generatif: </strong> Membantu menciptakan video dengan konten yang natural dan menarik. </p>
</li><li class="" data-end="885" data-start="756">
<p class="" data-end="885" data-start="758"><strong data-end="789" data-start="758">Sinkronisasi Bibir Canggih: </strong> Menjamin kesesuaian antara suara dan gerakan bibir juru bicara untuk tampilan yang profesional. </p>
</li><li class="" data-end="1031" data-start="886">
<p class="" data-end="1031" data-start="888"><strong data-end="917" data-start="888">Pilihan Ribuan Presenter:</strong> Anda dapat memilih dari banyak karakter presenter sesuai dengan identitas brand dan pesan yang ingin disampaikan.</p>
</li><li class="" data-end="1145" data-start="1032">
<p class="" data-end="1145" data-start="1034"><strong data-end="1063" data-start="1034">Gratis dan Mudah Diakses:</strong> Tanpa perlu biaya besar, siapa saja dapat menghasilkan konten berkualitas tinggi.</p>
</li></ul>
<h2 class="" data-end="1181" data-start="1147">Cara Mendapatkan Premium Gratis</h2>
<p class="" data-end="1363" data-start="1183">Selain fitur-fitur canggih yang ditawarkan, Humva juga memberikan reward menarik untuk Anda yang aktif merekomendasikan platform ini kepada teman-teman Anda. Berikut cara mudahnya:</p>
<ol data-end="1892" data-start="1365"><li class="" data-end="1566" data-start="1365">
<p class="" data-end="1566" data-start="1368"><strong data-end="1394" data-start="1368">Bagikan Link Undangan:</strong> Sebarkan link eksklusif Anda kepada teman-teman dan kenalan.<br data-end="1458" data-start="1455" />
<strong data-end="1479" data-start="1461">Link Undangan:</strong> <a data-end="1566" data-start="1480" href="https://humva.com?invitationCode=KQCMPSXM" rel="noopener" target="_new">https://humva.com?invitationCode=KQCMPSXM</a></p>
</li><li class="" data-end="1697" data-start="1567">
<p class="" data-end="1697" data-start="1570"><strong data-end="1591" data-start="1570">Registrasi Teman:</strong> Setiap teman yang mendaftar melalui link ini akan langsung mendapatkan 72 poin sebagai bonus pendaftaran.</p>
</li><li class="" data-end="1892" data-start="1698">
<p class="" data-end="1892" data-start="1701"><strong data-end="1723" data-start="1701">Kumpulkan Rewards: </strong> Dengan mengajak lebih banyak teman untuk bergabung, Anda berpeluang mendapatkan akses premium gratis yang dapat digunakan untuk fitur-fitur eksklusif di platform Humva. </p>
</li></ol>
<h2 class="" data-end="1929" data-start="1894">Manfaat Reward dan Akses Premium</h2>
<p class="" data-end="2080" data-start="1931">Dengan mendapatkan akses premium, Anda tidak hanya menikmati layanan dasar dari Humva, tetapi juga mendapatkan berbagai keuntungan tambahan, seperti:</p>
<ul data-end="2461" data-start="2082"><li class="" data-end="2193" data-start="2082">
<p class="" data-end="2193" data-start="2084"><strong data-end="2113" data-start="2084">Fitur Tambahan Eksklusif:</strong> Akses ke fitur-fitur premium yang dapat lebih meningkatkan kualitas video Anda.</p>
</li><li class="" data-end="2336" data-start="2194">
<p class="" data-end="2336" data-start="2196"><strong data-end="2227" data-start="2196">Prioritas dalam Penggunaan: </strong> Dapatkan layanan prioritas dan dukungan khusus untuk membantu Anda mengoptimalkan setiap konten yang dibuat. </p>
</li><li class="" data-end="2461" data-start="2337">
<p class="" data-end="2461" data-start="2339"><strong data-end="2366" data-start="2339">Pengalaman Tanpa Batas:</strong> Tingkatkan kreativitas dengan fitur-fitur inovatif yang hanya tersedia untuk pengguna premium.</p>
</li></ul>
<h2 class="" data-end="2488" data-start="2463">Ajakan untuk Bergabung</h2>
<p class="" data-end="2774" data-start="2490">Tak ada waktu yang lebih tepat daripada sekarang untuk membawa kreativitas video Anda ke level selanjutnya. <strong data-end="2651" data-start="2598">Rekomendasikan ke teman, dapatkan premium gratis!</strong><br data-end="2654" data-start="2651" />
Manfaatkan kesempatan ini dengan menyebarkan link undangan Anda dan nikmati semua keunggulan yang ditawarkan oleh Humva.</p>
<p class="" data-end="2891" data-start="2776">Ayo, segera bagikan link undangan di bawah ini kepada teman-teman Anda dan mulai petualangan kreatif bersama Humva: </p>
<p class="" data-end="2984" data-start="2893"><a data-end="2984" data-start="2893" href="https://humva.com?invitationCode=KQCMPSXM" rel="noopener" target="_new"><strong data-end="2940" data-start="2894">Daftar Sekarang & Dapatkan Premium Gratis!</strong></a></p>
<p class="" data-end="3258" data-start="2986">Dengan bergabung di Humva, Anda tidak hanya mendapatkan alat bantu pembuatan video yang canggih dan efisien, tetapi juga berbagai bonus menarik yang akan mendukung perjalanan kreatif Anda. Selamat berkarya dan raih kesempatan untuk menikmati layanan premium secara gratis! </p><p class="" data-end="3258" data-start="2986"> </p><p class="" data-end="4211" data-start="4053"> </p>

Humva: Solusi Video Juru Bicara AI yang Inovatif dan Gratis untuk Konten Anda Di era digital saat ini, visual yang menarik menjadi kunci utama dalam meningkatkan engagement dan kredibilitas suatu bra…