Stor finale: en AI-hjelper til prosjektet ditt

Sett det hele sammen – en widget, et kort og en smart chatbot, der kjenner din nettside.

Det siste stykke: en bot, der kjenner din nettside

Din chatbot kjenner foreløpig kun det, der er i systemprompten. Det siste trick: giv den din nettsides 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 informasjon 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 prosjektet ditt – og siger høfligt “I don’t know” til alt andet. Nøyaktig sådan bygges rigtige web-AI-assistenter.

Endelig udfordring 💪

Færdiggjør prosjektet ditts Opfinder-verktøyskasse – alle tre dele sammen:

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

🏫 Skolenettside – endelig opgave

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

🙋 Personlig nettside – endelig opgave

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

🌍 Reisejournal – endelig opgave

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

⚽ Klubnettside – endelig opgave

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

Siste tjek

✅

Du er ferdig, når:

Din nettside indleser live data fra mindst én API (vær).
Kortet har pins med popups.
Chatbotten svarer korrekt på 5 testspørgsmål om prosjektet ditt.
Botten afviser høfligt emner uden for projektet.
Den hemmelige nøgle er hverken i nettleseren eller på GitHub.

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

Dette tar du med deg fra leksjonen

Kontekst i en prompt = en bot, der kjenner din nettside og ikke opfinder ting.
API + kort + AI sammen forvandler en nettside til en tjeneste, folk faktisk bruker.
Neste stop: Nivå 6 – Projektchef. Din nettside fortjener sin egen adresse på internettet.