La dernière pièce : un bot qui connaît ton site web
Ton chatbot ne connaît pour l’instant que ce qui est dans le prompt système. Le truc final : donne-lui les données de ton site web dans le prompt. Ça s’appelle donner du contexte à l’IA :
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 },
],Maintenant le bot répond aux vraies questions sur ton projet – et dit poliment « Je ne sais pas » pour tout le reste. C’est exactement comme les vrais assistants IA web sont construits.
Défi final 💪
Termine la boîte à outils Inventeur de ton projet – les trois pièces ensemble :
- Un widget avec des données API (météo de la leçon 3) là où ça a du sens.
- Une carte avec des épingles (leçon 4).
- Un chatbot avec contexte – écris 5–10 vrais faits sur ton site web dans son prompt.
🏫 Site web d'école – mission finale
Le bot connaît : l’adresse de l’école, le nom du directeur, les horaires de garderie, la cantine, les dates d’inscription, et 3 clubs. La carte montre l’école, et le widget météo affiche la prévision pour le prochain événement. Question test : « Jusqu’à quelle heure la garderie ? »
🙋 Site web personnel – mission finale
Le bot connaît : tes hobbies, jeux/livres préférés, ce que tu sais faire et ce que tu apprends. Une carte avec 3 endroits préférés, un widget météo pour ta ville. Question test : « Qu’est-ce qu’il/elle aime en dehors de la programmation ? »
🌍 Journal de voyage – mission finale
Le bot connaît : tes 3 derniers voyages (où, quand, ce qui s’est passé) et ton prochain plan. Une carte de tous tes voyages, un widget météo pour la prochaine destination. Question test : « Où sont-ils allés en dernier et comment c’était ? »
⚽ Site web de club – mission finale
Le bot connaît : horaires d’entraînement, prochain match, effectif, cotisations, contact de l’entraîneur. Une carte du terrain domicile, un widget météo pour le match. Question test : « Quand et où est le prochain match ? »
Vérification finale
Tu as terminé quand :
- Ton site web charge des données en direct depuis au moins une API (météo).
- La carte a des épingles avec des popups.
- Le chatbot répond correctement à 5 questions test sur ton projet.
- Le bot décline poliment les questions hors sujet.
- La clé secrète n’est ni dans le navigateur ni sur GitHub.
Félicitations – tu es un Inventeur ! Ton site web n’est plus juste une page : il peut parler au monde. N’oublie pas de récupérer ton certificat.
Ce que tu retiens de cette leçon
- Le contexte dans un prompt = un bot qui connaît ton site web et n’invente pas.
- API + carte + IA ensemble transforment un site web en un service que les gens utiliseront vraiment.
- Prochaine étape : le Niveau 6 – Chef de projet. Ton site web mérite sa propre adresse sur internet.
© 2026 Ing. Martin Polak / AlgoRhino · Conditions d'utilisation du contenu