🤖 Test del Chatbot UNSM

Página de prueba para verificar el funcionamiento del asistente virtual

Estado de la Implementación

✅ Archivos creados correctamente

✅ Integración completada

✅ Servidor Apache corriendo en puerto 80

🚀 Instrucciones de Prueba

Busca el botón verde flotante en la esquina inferior derecha de esta página
Haz click en el botón para abrir el chatbot
Verás un mensaje de bienvenida del asistente virtual
Prueba los botones de acción rápida
Escribe preguntas en el campo de texto

💬 Preguntas de Prueba

Prueba escribiendo estas preguntas en el chatbot:

→ "cuando inicia admision"
→ "cuanto cuesta inscripcion"
→ "donde esta universidad"
→ "requisitos postular"
→ "horario atencion"
→ "como accedo biblioteca"

🎯 Funcionalidades Implementadas

✅ 21 preguntas frecuentes en español
✅ Motor de búsqueda por palabras clave
✅ Acciones rápidas contextuales
✅ Preguntas relacionadas automáticas
✅ Diseño responsive (móvil/tablet/desktop)
✅ Animaciones suaves
✅ Accesibilidad (teclado: Tab, Enter, Esc)

🔗 Acceso a las Páginas

El chatbot está integrado en estas páginas:

Página Principal Admisión Contacto

📱 Prueba Responsive

Para probar en modo móvil:

Presiona F12 para abrir DevTools
Click en el ícono de dispositivo móvil
El chatbot debe ocupar pantalla completa

⌨️ Prueba de Accesibilidad

Tab - Navegar entre elementos
Enter - Enviar mensaje / Activar botón
Esc - Cerrar chatbot

Ubicación de archivos:
📁 includes/chatbot-widget.php
📁 css/chatbot.css
📁 js/chatbot-data.js (21 FAQs)
📁 js/chatbot.js