Bagian terakhir: bot yang mengetahui situs web kamu
Chatbot kamu sejauh ini hanya mengetahui apa yang ada di prompt sistem. Trik terakhir: berikan data situs web kamu saat diminta. Ini disebut memberi AI konteks:
const informace = `
You are the helper for the FK Sokol Nebovidy website. Here is the information:
- Practice: Tuesday and Thursday at 5:00 PM, field behind the school
- Next match: Saturday at 10:00 AM, home game against Lipová
- Coach: Mr. Novák, contact info is on the Contacts page
- Membership fee: $60 per semester
Answer in English, briefly and in a friendly tone. When the
answer isn't in the information above, say: "I don't know that,
check the Contacts page or ask the coach."
`;
// ...in the endpoint:
messages: [
{ role: 'system', content: informace },
{ role: 'user', content: otazka },
],Sekarang bot menjawab pertanyaan sebenarnya tentang proyek kamu – dan dengan sopan mengatakan “Saya tidak tahu” untuk pertanyaan lainnya. Beginilah cara asisten AI web sebenarnya dibuat.
Tantangan terakhir 💪
Selesaikan perangkat Inventor proyek kamu – ketiga bagian tersebut menjadi satu:
- Widget dengan data API (cuaca dari pelajaran 3) jika memungkinkan.
- Peta dengan pin (pelajaran 4).
- Chatbot dengan konteks – tulis 5–10 fakta nyata tentang situs web kamu ke dalam promptnya.
Bot mengetahui: alamat sekolah, nama kepala sekolah, jam penitipan sepulang sekolah, kafetaria, tanggal pendaftaran, dan 3 klub. Peta menunjukkan sekolah, dan widget cuaca menunjukkan ramalan cuaca untuk acara berikutnya. Pertanyaan tes: “Sampai jam berapa penitipan sepulang sekolah?”
Bot mengetahui: hobi kamu, permainan/buku favorit, apa yang kamu ketahui, dan apa yang kamu pelajari. Peta dengan 3 tempat favorit, widget cuaca untuk kota kamu. Pertanyaan tes: “Apa yang dia sukai selain pemrograman?”
Bot mengetahui: 3 perjalanan terakhir kamu (di mana, kapan, apa yang terjadi) dan rencana kamu selanjutnya. Peta semua perjalanan kamu, widget cuaca untuk tujuan selanjutnya. Pertanyaan tes: “Ke mana terakhir kali mereka pergi dan bagaimana kabarnya?”
Bot mengetahui: jadwal latihan, pertandingan berikutnya, daftar pemain, biaya keanggotaan, kontak pelatih. Peta lapangan kandang, widget cuaca untuk pertandingan. Pertanyaan tes: “Kapan dan di mana pertandingan selanjutnya?”
Pemeriksaan terakhir
kamu selesai ketika:
- Situs web kamu memuat data langsung dari setidaknya satu API (cuaca).
- Peta memiliki pin dengan popup.
- Chatbot menjawab 5 pertanyaan tes tentang proyek kamu dengan benar.
- Bot dengan sopan menolak pertanyaan di luar topik.
- Kunci rahasianya tidak ada di browser atau di GitHub.
Selamat – kamu adalah Penemu! Situs web kamu bukan lagi sekadar halaman: ia dapat berbicara kepada dunia. Jangan lupa untuk mengambil sertifikat kamu.
Apa yang bisa diambil dari pelajaran ini
- Konteks dalam prompt = bot yang mengetahui situs web kamu dan tidak mengada-ada.
- API + peta + AI bersama-sama mengubah situs web menjadi layanan yang benar-benar akan digunakan orang.
- Pemberhentian selanjutnya: Level 6 – Bos Proyek. Situs web kamu berhak mendapatkan alamatnya sendiri di internet.
© 2026 Ing. Martin Polak / AlgoRhino · Ketentuan penggunaan konten