← Nível 5 – Inventor

Lição 8 de 8 ⏱ 45 minutos Premium

Grande final: um assistente de IA para o teu projeto

Junta tudo – um widget, um mapa e um chatbot inteligente que conhece o teu site.

A última peça: um bot que conhece o teu site

O teu chatbot até agora só sabe o que está no prompt de sistema. O truque final: dá-lhe os dados do teu site no prompt. Isto chama-se dar contexto à 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 },
],

Agora o bot responde a perguntas reais sobre o teu projeto – e diz educadamente «Não sei» a tudo o resto. É assim que se constroem assistentes de IA web a sério.

Desafio final 💪

Acaba o kit de ferramentas Inventor do teu projeto – as três peças juntas:

  1. Um widget com dados de API (tempo da lição 3) onde faça sentido.
  2. Um mapa com pinos (lição 4).
  3. Um chatbot com contexto – escreve 5–10 factos reais sobre o teu site no prompt.
🏫 Site da escola – tarefa final

O bot sabe: morada da escola, nome do diretor, horário do prolongamento, cantina, datas de inscrição e 3 clubes. O mapa mostra a escola e o widget de tempo mostra a previsão para o próximo evento. Pergunta de teste: «Until what time is after-school care?»

🙋 Site pessoal – tarefa final

O bot sabe: os teus hobbies, jogos/livros favoritos, o que sabes e o que estás a aprender. Um mapa com 3 sítios favoritos, widget de tempo para a tua cidade. Pergunta de teste: «What does he/she enjoy besides programming?»

🌍 Diário de viagens – tarefa final

O bot sabe: as tuas últimas 3 viagens (onde, quando, o que aconteceu) e o próximo plano. Um mapa de todas as viagens, widget de tempo para o próximo destino. Pergunta de teste: «Where did they go last and how was it?»

⚽ Site de clube – tarefa final

O bot sabe: horário de treinos, próximo jogo, plantel, quotas, contacto do treinador. Um mapa do campo de casa, widget de tempo para o jogo. Pergunta de teste: «When and where is the next match?»

Verificação final

Estás pronto quando:

  1. O teu site carrega dados em direto de pelo menos uma API (tempo).
  2. O mapa tem pinos com popups.
  3. O chatbot responde corretamente a 5 perguntas de teste sobre o teu projeto.
  4. O bot recusa educadamente perguntas fora do tema.
  5. A chave secreta não está no browser nem no GitHub.

Parabéns – és um Inventor! O teu site já não é só uma página: consegue falar com o mundo. Não te esqueças de ir buscar o teu certificado.

O que ficas a saber desta lição

🏆 O teu diploma

Final de Inventor

Quando marcares cada lição, podes imprimir um certificado.