La última pieza: un bot que conoce tu web
Tu chatbot hasta ahora solo sabe lo que hay en el system prompt. El truco final: dale los datos de tu web en el prompt. Eso se llama dar contexto a la 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 },
],Ahora el bot responde preguntas reales sobre tu proyecto – y dice educadamente «No lo sé» a todo lo demás. Así se construyen los asistentes con IA de verdad en la web.
Desafío final 💪
Termina el kit del Inventor de tu proyecto – las tres piezas juntas:
- Un widget con datos de API (tiempo de la lección 3) donde tenga sentido.
- Un mapa con chinchetas (lección 4).
- Un chatbot con contexto – escribe 5–10 hechos reales sobre tu web en su prompt.
🏫 Web del cole – tarea final
El bot sabe: la dirección del cole, el nombre del director, horario de extraescolares, comedor, fechas de matrícula y 3 clubs. El mapa muestra el cole y el widget del tiempo la previsión del próximo evento. Pregunta de prueba: «¿Hasta qué hora hay extraescolares?»
🙋 Web personal – tarea final
El bot sabe: tus hobbies, juegos/libros favoritos, qué sabes y qué estás aprendiendo. Un mapa con 3 sitios favoritos, widget del tiempo para tu ciudad. Pregunta de prueba: «¿Qué le gusta además de programar?»
🌍 Diario de viajes – tarea final
El bot sabe: tus últimos 3 viajes (dónde, cuándo, qué pasó) y tu próximo plan. Un mapa de todos tus viajes, widget del tiempo para el próximo destino. Pregunta de prueba: «¿Adónde fue la última vez y cómo estuvo?»
⚽ Web del club – tarea final
El bot sabe: horario de entrenamientos, próximo partido, plantilla, cuotas, contacto del entrenador. Mapa del campo local, widget del tiempo para el partido. Pregunta de prueba: «¿Cuándo y dónde es el próximo partido?»
Comprobación final
Has terminado cuando:
- Tu web carga datos en vivo de al menos una API (tiempo).
- El mapa tiene chinchetas con popups.
- El chatbot responde bien a 5 preguntas de prueba sobre tu proyecto.
- El bot rechaza educadamente preguntas fuera de tema.
- La clave secreta no está en el navegador ni en GitHub.
¡Enhorabuena – eres un Inventor! Tu web ya no es solo una página: puede hablar con el mundo. No olvides recoger tu certificado.
Lo que te llevas de esta lección
- Contexto en un prompt = un bot que conoce tu web y no inventa.
- API + mapa + IA juntos convierten una web en un servicio que la gente usará de verdad.
- Próxima parada: el Nivel 6 – Jefe de Proyecto. Tu web merece su propia dirección en internet.
© 2026 Ing. Martin Polak / AlgoRhino · Condiciones de uso del contenido