Stor finale: en AI-hjælper til dit projekt

Sæt det hele sammen – en widget, et kort og en smart chatbot, der kender din hjemmeside.

Det sidste stykke: en bot, der kender din hjemmeside

Din chatbot kender indtil videre kun det, der er i systemprompten. Det sidste trick: giv den din hjemmesides data i prompten. Det kaldes at give AI kontekst:

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 },
],

Nu svarer botten på rigtige spørgsmål om dit projekt – og siger høfligt “I don’t know” til alt andet. Præcis sådan bygges rigtige web-AI-assistenter.

Endelig udfordring 💪

Færdiggør dit projekts Opfinder-værktøjskasse – alle tre dele sammen:

En widget med API-data (vejr fra lektion 3), hvor det giver mening.
Et kort med pins (lektion 4).
En chatbot med kontekst – skriv 5–10 rigtige fakta om din hjemmeside ind i dens prompt.

🏫 Skolehjemmeside – endelig opgave

Botten kender: skolens adresse, rektors navn, SFO-tider, kantinen, indskrivningsdatoer og 3 klubber. Kortet viser skolen, og vejrwidgeten viser prognosen til næste begivenhed. Testspørgsmål: “Until what time is after-school care?”

🙋 Personlig hjemmeside – endelig opgave

Botten kender: dine hobbyer, yndlingsspil/bøger, hvad du kan og hvad du lærer. Et kort med 3 yndlingssteder, en vejrwidget til din by. Testspørgsmål: “What does he/she enjoy besides programming?”

🌍 Rejsejournal – endelig opgave

Botten kender: dine sidste 3 ture (hvor, hvornår, hvad skete) og din næste plan. Et kort over alle dine ture, en vejrwidget til næste destination. Testspørgsmål: “Where did they go last and how was it?”

⚽ Klubhjemmeside – endelig opgave

Botten kender: træningstider, næste kamp, trup, kontingent, trænerkontakt. Et kort over hjemmebanen, en vejrwidget til kampen. Testspørgsmål: “When and where is the next match?”

Sidste tjek

✅

Du er færdig, når:

Din hjemmeside indlæser live data fra mindst én API (vejr).
Kortet har pins med popups.
Chatbotten svarer korrekt på 5 testspørgsmål om dit projekt.
Botten afviser høfligt emner uden for projektet.
Den hemmelige nøgle er hverken i browseren eller på GitHub.

Tillykke – du er en Opfinder! Din hjemmeside er ikke længere bare en side: den kan tale med verden. Glem ikke at hente dit certifikat.

Det tager du med fra denne lektion

Kontekst i en prompt = en bot, der kender din hjemmeside og ikke opfinder ting.
API + kort + AI sammen forvandler en hjemmeside til en tjeneste, folk faktisk bruger.
Næste stop: Niveau 6 – Projektchef. Din hjemmeside fortjener sin egen adresse på internettet.