El documento presenta una charla sobre el desarrollo de chatbots y el reconocimiento de imágenes en WhatsApp usando Azure AI. Explica qué son los chatbots, cómo funcionan y sus ventajas. Luego describe los servicios LUIS y Computer Vision de Azure para el procesamiento de lenguaje natural e identificación de objetos en imágenes. Finalmente muestra demos integrando estos servicios con Twilio para crear funcionalidades en WhatsApp.

1. #GIRASPEAKERLATAM
Bienvenidos

2. #GIRASPEAKERLATAM

3. Luis Beltrán
• Microsoft MVP en AI y Developer Technologies
• Investigador en Tomás Bata University in Zlín
• Docente en Tecnológico Nacional de México en Celaya
FOTO SPEAKER

4. #GIRASPEAKERLATAM
Chatbots y reconocimiento de imágenes
en WhatsApp con Azure AI
Luis Beltrán

5. #GIRASPEAKERLATAM
¿Qué es un chatbot?
• Un software de IA que simula una
conversación con una persona mediante
lenguaje natural.
• Considerado como una expresión de
interacción entre humanos y máquinas
más avanzadas.

6. #GIRASPEAKERLATAM
¿Cómo funciona un chatbot?
Chatbot: What is a Chatbot? Why are Chatbots Important?
https://expertsystem.com/chatbot/

7. #GIRASPEAKERLATAM
Ventajas de los chatbots
• Son capaces de combinar millones de datos desde distintas fuentes.
• Pueden estar disponibles 24/7/365.
• Pueden ser integrados en casi cualquier plataforma.
• Pueden mejorar la experiencia de usuario y mantener el esfuerzo
humano al mínimo.

8. #GIRASPEAKERLATAM
Exploración /
colección de
datos inicial
Soluciones
simples y
repetitivas
Si es simple y repetitivo, puede ser
codificado. Los bots pueden
acelerar el proceso de atención

9. #GIRASPEAKERLATAM
LUIS – Language Understanding
Intelligent Service
• Procesamiento de lenguaje
natural
• Un servicio basado en la
nube para la comprensión
de texto.
• Simple de usar e integrar en
tus desarrollos de software.
• No se requiere experiencia
previa en IA.
https://www.luis.ai/

10. #GIRASPEAKERLATAM

11. #GIRASPEAKERLATAM

12. #GIRASPEAKERLATAM

13. #GIRASPEAKERLATAM
Task-based
scenario
When does flight 234 from
Chicago to London depart?
User
query
Intent & entity
detection
Flight 234 leaves Chicago airport
at 7.00 PM local time
Departure time from flight API

14. #GIRASPEAKERLATAM
Demo 1 – LUIS

15. #GIRASPEAKERLATAM
Clasificación de Imágenes
• Es la identificación del contenido
visual en una imagen.
• Tema de interés en el área de
Visión de Computadora.
• Una tarea trivial para los seres
humanos… todo un reto para las
aplicaciones informáticas

16. #GIRASPEAKERLATAM
Computer Vision

17. #GIRASPEAKERLATAM
Detección de objetos
Identificación de marcas
Detección de rostros
OCR – Reconocimiento óptico de caracteres

18. #GIRASPEAKERLATAM
Demo 2 – Computer Vision

19. #GIRASPEAKERLATAM
¿Qué es WhatsApp?
• Una aplicación de mensajería gratuita disponible para
smartphones (Android/iOS), web (WhatsApp Web) y
escritorio (Windows/Mac).
• Soporta el envío de mensajes de texto, fotos, videos,
documentos, mensajes de voz y stickers, así como la
realización y recepción de llamadas de audio y video.
• Permite gestionar grupos de chat
• Mensajes sin conexión
• 2 versiones: Messenger y Business

20. #GIRASPEAKERLATAM
2020: El año de WhatsApp para los negocios
https://blog.sirena.app/2019-whatsapp-negocios

21. #GIRASPEAKERLATAM
WhatsApp API
• Impulsa la comunicación con tus clientes
alrededor del mundo para que puedas
contactarte con ellos a través de WhatsApp de
forma simple, segura y confiable.
• Requiere contratar un proveedor de soluciones
empresariales globales, disponible en el
directorio de socios de Facebook.

22. #GIRASPEAKERLATAM
https://www.facebook.com/business/partner-directory/search?platforms=whatsapp&solution_type=messaging

23. #GIRASPEAKERLATAM
Twilio
• Twilio es una plataforma como servicio de comunicaciones en la nube
(CPaaS) que permite construir aplicaciones a través de APIs y SDKs
disponibles para varios lenguajes y plataformas (PHP, Ruby, C#/.NET, ).
• Algunas funciones que los desarrolladores pueden integrar en sus apps con
Twilio incluyen:
• Mensajes de texto
• Mensajes de voz
• Videollamadas
• Mensajes de WhatsApp

24. #GIRASPEAKERLATAM
Twilio API for WhatsAPp
• Acceso al API de WhatsApp Business.
• Simple de utilizar e implementar.
• Prueba y diseña tu app en ambiente sandbox.
• Actualmente en versión Preview
• Disponible en varias plataformas y lenguajes de programación
https://www.twilio.com/whatsapp
https://www.twilio.com/docs/whatsapp/api

25. #GIRASPEAKERLATAM

26. #GIRASPEAKERLATAM

27. #GIRASPEAKERLATAM

28. #GIRASPEAKERLATAM

29. #GIRASPEAKERLATAM
Demo 3 – Twilio Dashboard

30. #GIRASPEAKERLATAM
Azure Functions
Código Eventos + datos
Azure Functions

31. #GIRASPEAKERLATAM
Serverless computing
Manejado por eventos / escalado
instantáneo
Micro-facturación
Abstracción de
servidores
$
Enfoque a la lógica de
negocio
Tiempo de comercialización
más rápido
DevOps Reducido

32. #GIRASPEAKERLATAM
Ejecuta tu código de
acuerdo a los eventos
que especificas
Blob Storage
Cosmos DB
Event Hub
HTTP
Queues
Service Bus
Timer
Webhook
File
Table
Excel
OneDrive
Email
Mobile app
Notification
Más…
Foto tomada y enviada r
Almacena en
blob storage
Produce imágenes escaladas

33. #GIRASPEAKERLATAM
run.csx
public static void Run(byte[] image, string filename,
Stream outputBlob, TraceWriter log)
{
log.Info($"Processing image: {filename}");
var imageBuilder = ImageResizer.ImageBuilder.Current;
imageBuilder.Build(
image, outputBlob,
new ResizeSettings(640, 400, FitMode.Max, null), false);
}
{
"bindings": [
{
"name": "image",
"type": "blobTrigger",
"direction": "in",
"path": "card-input/{filename}.jpg",
"connection": "AzureWebJobsStorage"
},
{
"type": "blob",
"name": "outputBlob",
"path": "card-output/{filename}.jpg",
"connection": "AzureWebJobsStorage",
"direction": "out"
}
]
}
function.json

34. #GIRASPEAKERLATAM

35. #GIRASPEAKERLATAM

36. #GIRASPEAKERLATAM
Demo 4 – Integración

37. #GIRASPEAKERLATAM

38. #GIRASPEAKERLATAM
1
2
3
4a
6
4b
5a
5b
7

39. #GIRASPEAKERLATAM
Call to Action
Developing a serverless WhatsApp chatbot
https://dev.to/icebeam7/developing-a-serverless-whatsapp-chatbot-4o72
Enviando mensajes de WhatsApp con Xamarin y Twilio
https://www.luisbeltran.mx/2018/10/15/enviando-mensajes-de-whatsapp-con-xamarin-y-twilio/
How to Use Image Recognition on Twilio WhatsApp API
https://www.twilio.com/blog/image-recognition-clarifai-twilio-whatsapp-api
Sending and Receiving Media with WhatsApp Messaging on Twilio
https://support.twilio.com/hc/en-us/articles/360017961894-Sending-and-Receiving-Media-with-
WhatsApp-Messaging-on-Twilio

40. #GIRASPEAKERLATAM
Preguntas ?

41. #GIRASPEAKERLATAM
Gracias por tu participación