Presentación utilizada en el evento Global Bootcamp AI en Microsoft Mexico

1. Azure Bot + QnA = Any
Platform

2. Vicente Guzman
Xamarin Developer
Ing. Sistemas Computacionales
Windows Platform Development
@LucioMSP
luciomsp@geeks.ms

3. Necesitaremos las siguientes herramientas / aplicaciones para comenzar.
 Suscripción MS Azure
 Cuenta QnA Maker

4. Creando nuestra
Knowledge Bases
Paso 1:
Abrir el sitio QnAMaker
(https://www.qnamaker.ai/)
Paso 2:
Iniciar sesión con nuestra
cuenta de correo asociada a
nuestra subscripción de Azure.

5. Paso 3:
Hacer click en Create a knowledge base.

6. Paso 5:
Nos redirigirá al portal de Azure, en donde debemos
ingresar información como:
• Nombre del ChatBot
• Suscripción
• Costo de Gestión (Free)
• Grupo de Recursos
• Costo de Búsqueda (Free)
• Lugar de Búsqueda
• Nombre del Aplicativo
• Plan de Servicio por defecto
• Ubicación del Sitio Web
• Estadística del App (Opcional)
Una vez completado, hacemos clic en Crear.
Cuando la implementación se genero con éxito,
regresemos al portal de QnA Maker.

7. Paso 6:
Actualicemos la página y seleccionemos el servicio antes creado.

8. Paso 7:
Ingresemos un nombre para nuestra KB (se puede cambiar en otro momento).

9. Paso 8:
Llegado aquí tomaremos un ejemplo de personalidad de un ChatBot (FAQ, preguntas de
personalidad) gracias a los Labs de Microsoft.

10. Una vez que ingresamos la URL hacemos clic en Add URL, en el caso del archivo *.tsv hay que
descargar la personalidad que deseemos que tenga nuestro Bot, esto desde la siguiente URL:
https://github.com/Microsoft/BotBuilder-PersonalityChat/tree/master/CSharp/Datasets

11. Ya descargada y agregada, QnA Maker examinará la URL y el archivo anteriormente ingresados.
Finalicemos esto, dando clic en Create your KB.

12. Luego de haber creado el knowledge bases, seleccionamos en el menú PUBLISH.
Posteriormente demos clic en el botón Publish.

14. Engendrando nuestro
Web App Bot
Paso 1:
Abrir el Portal de Azure
(https://portal.azure.com)
Paso 2:
Click en Crear un recurso >
AI + Machine Learning >
Web App Bot.

15. Paso 3:
Proporcionemos la información necesaria en el
formulario para crear el Bot.
• Nombre del Bot.
• Nivel de precios (F0 es gratis).
• Plantilla Bot (Pregunta y Respuesta).
Finalicemos dando clic en Crear.

16. En la pestaña de Notificaciones podemos ver el progreso en la implementación del Bot.
Esperemos hasta que el despliegue tenga éxito.
Paso 4: Hagamos clic en Ir al recurso para abrir la página de configuración del Bot.

17. Ingresamos a Configuración de la aplicación y completamos los valores requeridos:
 QnAAuthKey .- clave de la suscripción del servicio QnA Maker.
 QnAEndpointHostName .- URL del host.
 QnAKnowledgebaseId .- ID de la base de conocimiento.
Recordemos que estos los obtuvimos después de publicar el KB en el portal de QnA Maker.
Integración QnA - Azure Bot Service

18. Resultado
En el mismo menú, seleccionemos Probar en el Chat en Web para probar el funcionamiento del Bot.

19. Try Me
En el siguiente enlace puedes interactuar con este Bot:
https://bit.ly/2qoliuF
Recuerda que algunas de las preguntas pueden ser:

20. Despliegue del Bot a Microsoft Teams
Sin haber salido del portal de Azure ni del menu previamente abierto, demos clic en Canales y
seleccionemos el canal destacado Teams para agregarlo.

21. En la ventana siguiente, seleccionamos la pestaña de Publicar y después damos clic en Guardar.

22. Nos lanzara un popup, indiquemos en la casilla de verificación “Estoy de acuerdo ..." en
los Términos del servicio.
Posteriormente hacemos clic en "Agree (Aceptar)”.

23. Una vez desplegado el canal, regresemos a la lista de estos, demos clic en Microsoft Teams.

24. Seleccionemos cualquiera de las opciones para lanzar nuestro Bot en Microsoft Teams.

25. Vista Previa

26. ¿Problemas?
Al ingresar a MS Teams me aparece el siguiente dialogo:
"El administrador ha desactivado el envío de mensajes nuevos a este bot".
Pero aquí el detalle es que ¡yo soy el administrador!
¿Alguna idea de como resolverlo?

27. Solución
Acceder a: https://portal.office.com/adminportal/home#/Settings/ServicesAndAddIns
Habilitar la
'Descarga de aplicaciones
(Allow sideloading of
external apps)’

28. Más Información:
Mi Primer Web App Bot en Azure
https://medium.com/mybots-latam/mi-primer-web-app-bot-en-azure-b5d0a47f0bca
What is Project Personality Chat?
https://docs.microsoft.com/en-us/azure/cognitive-services/project-personality-chat/overview
Blog Posts Bots
https://vicenteguzman.mx/?s=bots
Microsoft Teams & Skype for Business Admin Center
https://admin.teams.microsoft.com/dashboard

29. Selecciona la
plataforma

30. ¡Gracias!