Chatbot Educativo

¡Bienvenido al Curso!

Este es un ejemplo de cómo integrar el chatbot educativo en tu sitio web. El chatbot está siempre disponible en la esquina inferior derecha de la pantalla para responder tus preguntas sobre el contenido del curso.

¿Cómo funciona?

El chatbot utiliza Inteligencia Artificial avanzada para responder tus preguntas basándose en los materiales del curso. Utiliza tecnología RAG (Retrieval-Augmented Generation) que garantiza respuestas precisas y fundamentadas.

🤖 IA Avanzada

📚 Respuestas Precisas

Basadas en el contenido del curso

⚡ Respuestas Rápidas

Obtén ayuda instantánea

🔍 Búsqueda Semántica

Encuentra información relevante

Ejemplos de preguntas

Puedes hacerle preguntas como:

"¿Cuáles son los temas principales del módulo 1?"
"Explícame el concepto de RAG"
"¿Qué es ChromaDB y para qué se utiliza?"
"Resúmeme los puntos clave de la arquitectura"
"¿Cómo funciona la búsqueda semántica?"

Características del Widget

El widget de chat es:

Ligero: Sin dependencias externas
Responsive: Se adapta a cualquier dispositivo
Personalizable: Colores, textos y posición configurables
Fácil de integrar: Solo necesitas incluir un script

Integración en tu Sitio

Integrar el chatbot en tu sitio web es muy sencillo. Solo necesitas agregar estas líneas en tu HTML:

<!-- Configuración (opcional) -->
<script>
  window.CHATBOT_API_URL = 'http://localhost:8080/api/chat';
  window.CHATBOT_TITLE = 'Asistente del Curso';
</script>

<!-- Widget del chatbot -->
<script src="chat-widget.js"></script>

¡Y eso es todo! El chatbot aparecerá automáticamente en tu página.