Victoria la Malagueña: Un chatbot para el ciudadano y el turista

2
Victoria la Malagueña
Un Chatbot para el ciudadano y el turista
(funcionalidades y cómo se hizo)
davidbuenovallejo
davidbuenov
davidbueno

Conoce a Victoria
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce diam
tortor, mattis quis dapibus vitae, euismod non purus. Maecenas ut lacus
nec mauris feugiat tristique et in metus. Duis congue eros vel lectus
semper semper. Nullam finibus nisl ut ligula vestibulum, ut semper ex
suscipit. Cras fringilla suscipit cursus.
Aenean accumsan malesuada hendrerit. Morbi sit amet dolor ante. Duis
quis viverra urna, in ultricies diam. Morbi sodales volutpat tellus, quis
aliquam urna cursus et. Proin commodo september three arcu nec nisi
rhoncus dapibus.
http://bit.ly/ChatBotVictoria

5Servicios Externos
Ocupación de Aparcamientos
Información de Transporte
Datos Abiertos
Información Playas
Equipamientos de la Ciudad
Tiempo
Noticias
Información de Rutas
Recomendación Restaurantes
Desfibriladores
Callejero

6
Servicios Internos
Expresiones de Málaga
Diccionario Málagueño
Personajes de Málaga Chistes y consejos
Tirar dado y moneda Hablar de emociones Curiosidades/Historia de
Málaga

7
Usuarios
+150 conversaciones diarias +800 mensajes diarios

8
http://bit.ly/VictoriaBotVideos

9
Top 20 Consultas
en Oficinas de
Turismo
9
Tipo de consulta (Enero-Septiembre 2018)
Nº de
Consultas
1º PLANOS 389.984
2º INFO GRAL. TCA MÁLAGA 384.267
3º MONUMENTOS 370.571
4º MUSEOS 369.983
5º PICASSO (Museo, Casa Natal) 341.559
6º CONSULTAS VARIAS 333.201
7º TRANSPORTES 312.456
8º RESTAURACIÓN 255.959
9º INFO BUS TCO 242.775
10º TIENDAS 241.080
11º ACTIVIDADES CULTURALES 225.822
12º INFO TCA PROVINCIA 194.474
13º INFO CAMPING, GOLF, PLAYA 179.356
14º INFO TCA ANDALUCIA 100.844
15º GRANDES EVENTOS CULT. 77.586
16º CONSULTAS TLFNO 70.676
17º ALOJ. MALAG CIUDAD 66.659
18º SEMANA SANTA 45.051
19º FERIA 33.395
20º INFO TCA ESPAÑA 31.127

10
Desglose de consultas Turismo
Wifi
Denuncias
Consignas
Visitas Guiadas
Alquiler Bici/Coche
Aseos Públicos
Consultas Varias
Bus Aeropuerto
Castillo
Jardín Botánico
Museos Tabacalera
Playas
Trenes/Buses
Interurbanos
Transportes
Caminito del Rey
Antequera
Ronda
Nerja
Marbella
Axarquia
Información
Turística Provincia

11
Conceptos Básicos Dialogflow
INTENTS
Detectar qué quiere el usuario01
ENTITIES
Entidades y posibles valores02
FULFILLMENT(WEBHOOK)
Conexión con el Código asociado a un intent03
INTEGRATIONS
Ver el chatbot desde: Facebook, web,
Twitter, asistente Google, Skype, Cortana…
04
TRAINING
Reforzar IA para detección intents.05
HISTORY
Visualizar conversaciones (anónimas)
y errores
06

12
INTENTS. Ejemplo Contar Chiste
01
Context
Training phrases
Action and parameters
Responses

13
INTENTS. Ejemplo Contar Chiste - otro
01
Action
Context
Training phrases
Fulfillment

14
ENTITIES. Ejemplo Distritos
02

15
FULFILLMENT
02
En cada Intent Una URL para todo el chatbot

16
Tipos de interacciones
Simple. Dialogflow reconoce intención y la
respuesta se genera desde ahí.
Webhook. Dialogflow reconoce intención
solicita ejecución a nuestra aplicación
Webhook+servicios. Dialogflow
reconoce intención solicita
ejecución a nuestra aplicación
que necesita consultar servicios
web externos
Webhook(mi servidor)
Webhook (mi servidor) Servicio Web Externo

17
'use strict';
const express = require('express');
var path = require('path');
const bodyParser = require('body-parser');
const http = require('http');
const server = express();
server.use(bodyParser.urlencoded({
extended: true
}));
server.use(bodyParser.json());
server.get('/', (req, res) => {
return res.json("Hola, soy un bot, pero esta no es la forma de interactuar conmigo");
});
server.post('/michatbot', function (req, res) {

18
server.post('/michatbot', function (req, res) {
const contexto = req.body.queryResult.action;
const param1 = req.body.queryResult.parameters.nombreparam1;
const param2 = req.body.queryResult.parameters.nombreparam2;
if (contexto == "ST_input.welcome") {
resultado = res.json(...);
} else if (contexto == "aparcamientos_ocupacion") {
...
} else {
resultado = res.json('no tengo respuesta’);
}
return resultado;
});
server.listen((process.env.PORT || 8000), () => {
console.log("Servidor funcionando...");
});

19
La base de toda la comunicación
JSON
{
"responseId": "6e963edf-c355-479b-949c-127dc95a7d98",
"queryResult": {
"queryText": "hola",
"action": "Saludo",
"parameters": {},
"allRequiredParamsPresent": true,
"fulfillmentText": "Bienvenido",
"fulfillmentMessages": [
{
"text": {
"text": [
"Bienvenido"
]
}
}
],
"intent": {
"name": "projects/nombreproy/agent/intents/6624957b-44ca",
"displayName": "Default Welcome Intent"
},
"intentDetectionConfidence": 1,
"languageCode": "en"
}
}
Ejemplo de respuesta en
texto a la frase “hola” sin
webhook

20
Simple
Tipos de Respuestas
Basic card Carousel Suggestion Chip Otras:List/Table

22Integrations04
Cada plataforma require una respuesta
diferente. Ejemplo “cámaras de tráfico”
Facebook
Asistente de Google
"fulfillmentMessages": [
{
"card": {
"title": "TV40-ÁLAMOS",
"imageUri": camara1040.jpg",
"buttons": [
{
"text": "Ver en Web",
"postback": “web/index.html"
}
]
},
"platform": "FACEBOOK"
}
"payload": {
"google": {
"richResponse": {
"items": [
{
"simpleResponse": {
"textToSpeech": "Listado de cámaras"
}
},
{
"carouselBrowse": {
"items": [
{
"openUrlAction": {
"url": “web/index.html"
},
"image": {
"url": "camara1040.jpg",
"accessibilityText": "TV40-ÁLAMOS"
},
"title": "TV40-ÁLAMOS"
},

25
Cómo publicar en el
Asistente de Google

26
Cómo publicar en el
Asistente de Google
1. Datos necesarios para
la tienda completos
1. Nombre correcto que se
pueda pronunciar bien y
que sea más de una
palabra
2. Invocación. Como se
activará la aplicación
3. Imágenes de alta calidad
4. Descripción precisa de la
aplicación
5. Política de privacidad
3. Responder y guiar
1. Responder rápido
2. Nunca dejar el
micrófono abierto sin
dar ayuda para
continuar
2. Nombre, datos del directorio
y promoción
1. El nombre que permita iniciar la
aplicación e identificarla de forma
unívoca (no usar palabras
genéricas como viaje o deporte)
2. No se puede usar palabras como:
ok, Google, Volume up, Game,
Bot, Action o App
3. Es necesario declarar al menos
una ejemplo de invocación que
debe incluir el nombre de la
aplicación. (Hablar con Victoria la
Malagueña)
https://developers.google.com/actions/distribute/

27
Mis Herramientas imprescindibles
http://jsoneditoronline.org/ Visual Studio Code GIT
Postman NodeJS y Javascript Heroku/Firebase

28
Me ha gustado. ¿Cómo sigo?
https://dialogflow.com/
https://dialogflow.com/docs
https://developers.google.com/actions/
https://codelabs.developers.google.com/
Build Actions for the Google Assistant (Level 1-3)
https://chatbotslife.com/creating-a-nodejs-based-webhook-for-intelligent-bots-a91ecbe33402
https://www.npmjs.com/package/actions-on-google
https://developers.facebook.com/
https://developer.twitter.com/
https://www.udemy.com/user/jana-bergant/
http://bit.ly/VictoriaBotVideos (uso de datos abiertos)

29
Futuro
Otros: Semana Santa,
Imágenes de Málaga,
…
6
5
4
3
Consultas Frecuentes
010 y Teléfonos
2Personalización
1Multilingüe
Asistencia
Administración
Electrónica
+ Geolocalización

30
Videos http://bit.ly/VictoriaBotVideos

Victoria la Malagueña: Un chatbot para el ciudadano y el turista

Recomendados

Recomendados

Más contenido relacionado

Similar a Victoria la Malagueña: Un chatbot para el ciudadano y el turista

Similar a Victoria la Malagueña: Un chatbot para el ciudadano y el turista (20)

Más de David Bueno Vallejo

Más de David Bueno Vallejo (16)

Último

Último (10)

Victoria la Malagueña: Un chatbot para el ciudadano y el turista