SlideShare una empresa de Scribd logo
Azure Bot + QnA = Any
Platform
Vicente Guzman
Xamarin Developer
Ing. Sistemas Computacionales
Windows Platform Development
@LucioMSP
luciomsp@geeks.ms
Necesitaremos las siguientes herramientas / aplicaciones para comenzar.
 Suscripción MS Azure
 Cuenta QnA Maker
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.
Paso 3:
Hacer click en Create a knowledge base.
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.
Paso 6:
Actualicemos la página y seleccionemos el servicio antes creado.
Paso 7:
Ingresemos un nombre para nuestra KB (se puede cambiar en otro momento).
Paso 8:
Llegado aquí tomaremos un ejemplo de personalidad de un ChatBot (FAQ, preguntas de
personalidad) gracias a los Labs de Microsoft.
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
Ya descargada y agregada, QnA Maker examinará la URL y el archivo anteriormente ingresados.
Finalicemos esto, dando clic en Create your KB.
Luego de haber creado el knowledge bases, seleccionamos en el menú PUBLISH.
Posteriormente demos clic en el botón Publish.
Azure + QnA = Any Platform
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.
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.
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.
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
Resultado
En el mismo menú, seleccionemos Probar en el Chat en Web para probar el funcionamiento del Bot.
Try Me
En el siguiente enlace puedes interactuar con este Bot:
https://bit.ly/2qoliuF
Recuerda que algunas de las preguntas pueden ser:
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.
En la ventana siguiente, seleccionamos la pestaña de Publicar y después damos clic en Guardar.
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)”.
Una vez desplegado el canal, regresemos a la lista de estos, demos clic en Microsoft Teams.
Seleccionemos cualquiera de las opciones para lanzar nuestro Bot en Microsoft Teams.
Vista Previa
¿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?
Solución
Acceder a: https://portal.office.com/adminportal/home#/Settings/ServicesAndAddIns
Habilitar la
'Descarga de aplicaciones
(Allow sideloading of
external apps)’
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
Selecciona la
plataforma
¡Gracias!

Más contenido relacionado

PPTX
Creando Bots para Microsoft Teams
PDF
Alfabetización Informática - 3. Navegador Web
PPTX
Blogger
PPTX
Sencillo manual de wordpress.com
PDF
Publicando nuestro bot application
PPT
10 pasos para crear un blog en Wordpress
PPTX
Crear un blog
Creando Bots para Microsoft Teams
Alfabetización Informática - 3. Navegador Web
Blogger
Sencillo manual de wordpress.com
Publicando nuestro bot application
10 pasos para crear un blog en Wordpress
Crear un blog

La actualidad más candente (17)

PPT
crear un blog
PDF
Curso Blogger_herramientas de blogging
PPT
Manual incio wordpress
PPT
Manual incio wordpres1
PPS
Introduccion Básica para Publicar en Wordpress
PPT
Manual Iniciación en Wordpress. Cómo crear tu propio Blog
DOCX
01 crear un blog educativo con blogger (i)
ODP
Pasos Para Crear Un Blog
PPTX
Crear un blog en blogger.com yasmin garizábalo completo
PPT
Presentación cómo crear un blog
PPS
CREAR BLOG
PPT
Blogs
PPS
Crear blog wordpress
PPS
C:\Users\Useradmin\Desktop\C BáSica\Fscommand\Crear Blog Wordpress
PPS
Crear blog wordpress
PPS
Crear blog worpres
crear un blog
Curso Blogger_herramientas de blogging
Manual incio wordpress
Manual incio wordpres1
Introduccion Básica para Publicar en Wordpress
Manual Iniciación en Wordpress. Cómo crear tu propio Blog
01 crear un blog educativo con blogger (i)
Pasos Para Crear Un Blog
Crear un blog en blogger.com yasmin garizábalo completo
Presentación cómo crear un blog
CREAR BLOG
Blogs
Crear blog wordpress
C:\Users\Useradmin\Desktop\C BáSica\Fscommand\Crear Blog Wordpress
Crear blog wordpress
Crear blog worpres
Publicidad

Similar a Azure + QnA = Any Platform (20)

PPTX
Construye tu bot con text-to-speech y conéctalo en línea
PDF
Create a Web App Bot on Azure
PPTX
Creando un agente conversación en Minutos
PDF
Manual edu bot
PDF
Construye un bot para Microsoft Teams sin saber programar
PPTX
IA Conversacional con Power Virtual Agents.pptx
PDF
Getting Started with ChatBots
PPTX
Power virtual agents and cognitive services
PPTX
Algeiba meetup Net Baires Bot Empresariales
PPTX
La era de los Chatbots
PPTX
Integrando una Web App de Azure en Xamarin.Forms - .Net Conf Mx 2018
PPTX
The easy, yet powerful way to build mobile conversational chatbots
PPTX
AI+ Tour 2019 Argentina
PDF
Bots en entornos empresariales
PPTX
¡Únete a la rebelión de los bots y la AI!
PPTX
Introducción a Microsoft Bot Framework
PDF
Bot Application Warnings… [Solved]
PDF
Creando mi primer bot application en Visual Studio 2017
PPTX
Bots más humanos con Alexa
PDF
El arsenal del microsoft bot framework
Construye tu bot con text-to-speech y conéctalo en línea
Create a Web App Bot on Azure
Creando un agente conversación en Minutos
Manual edu bot
Construye un bot para Microsoft Teams sin saber programar
IA Conversacional con Power Virtual Agents.pptx
Getting Started with ChatBots
Power virtual agents and cognitive services
Algeiba meetup Net Baires Bot Empresariales
La era de los Chatbots
Integrando una Web App de Azure en Xamarin.Forms - .Net Conf Mx 2018
The easy, yet powerful way to build mobile conversational chatbots
AI+ Tour 2019 Argentina
Bots en entornos empresariales
¡Únete a la rebelión de los bots y la AI!
Introducción a Microsoft Bot Framework
Bot Application Warnings… [Solved]
Creando mi primer bot application en Visual Studio 2017
Bots más humanos con Alexa
El arsenal del microsoft bot framework
Publicidad

Más de Vicente Gerardo Guzman Lucio (20)

PPTX
Codificando con Superpoderes Python y GitHub Copilot.pptx
PPTX
AWS Community Day Colombia 2025 - 🗣️ Alexa Para Todos: Integrando Nova Micro ...
PPTX
Amazon Q Dev: Tu Compañero para Programar
PDF
SageMaker: Transformando el Aprendizaje Automático en AWS
PDF
GPPB2024 - Integrando ChatGPT en Power Automate
PPTX
Introducción a Amazon Alexa.pptx
PDF
Creando un Chatbot en C# con ChatGPT.pdf
PPTX
ChatGPT & Alexa.pptx
PDF
Bienvenido .Net MAUI - la evolución de Xamarin.Forms
PPTX
Conectando un Azure Bot con una Alexa Skill
PPTX
Azure DevOps y Blazor Web Assembly
PDF
Desarrollo de Interfaces de Voz: Alexa Skills
PPTX
PPTX
Introducción a Blazor
PPTX
Infraestructura como Código en Azure
PDF
Diseño de Experiencias de Voz con Amazon Alexa
PDF
Alexa Skill con .NETCore & AWS Lambda
PPTX
Skills Nights - Vol.III - Primeros Pasos
PDF
¿Qué es la Nube?
PDF
Consumiendo un servicio externo con Axios en Alexa
Codificando con Superpoderes Python y GitHub Copilot.pptx
AWS Community Day Colombia 2025 - 🗣️ Alexa Para Todos: Integrando Nova Micro ...
Amazon Q Dev: Tu Compañero para Programar
SageMaker: Transformando el Aprendizaje Automático en AWS
GPPB2024 - Integrando ChatGPT en Power Automate
Introducción a Amazon Alexa.pptx
Creando un Chatbot en C# con ChatGPT.pdf
ChatGPT & Alexa.pptx
Bienvenido .Net MAUI - la evolución de Xamarin.Forms
Conectando un Azure Bot con una Alexa Skill
Azure DevOps y Blazor Web Assembly
Desarrollo de Interfaces de Voz: Alexa Skills
Introducción a Blazor
Infraestructura como Código en Azure
Diseño de Experiencias de Voz con Amazon Alexa
Alexa Skill con .NETCore & AWS Lambda
Skills Nights - Vol.III - Primeros Pasos
¿Qué es la Nube?
Consumiendo un servicio externo con Axios en Alexa

Último (11)

PDF
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
PPTX
Conceptos basicos de Base de Datos y sus propiedades
PPTX
sistemas de informacion.................
PPTX
Implementación equipo monitor12.08.25.pptx
DOCX
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
PPTX
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
PDF
Su punto de partida en la IA: Microsoft 365 Copilot Chat
PPTX
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
PPTX
Fundamentos de Python - Curso de Python dia 1
PPTX
Derechos_de_Autor_y_Creative_Commons.pptx
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
Conceptos basicos de Base de Datos y sus propiedades
sistemas de informacion.................
Implementación equipo monitor12.08.25.pptx
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
Su punto de partida en la IA: Microsoft 365 Copilot Chat
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
AutoCAD Herramientas para el futuro, Juan Fandiño
Fundamentos de Python - Curso de Python dia 1
Derechos_de_Autor_y_Creative_Commons.pptx

Azure + QnA = Any Platform

  • 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.
  • 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?
  • 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

Notas del editor

  • #30: Can we even go further then contianers?