He visto el gif en esta página: https://github.com/watson-virtual-agents/chat-widget

Y quiero crear con la herramienta de conversación de IBM Watson algo similar a esto

enter image description here

En el que el usuario puede elegir entre algunas opciones insertadas en un fondo circular. ¿Sabes cómo es posible?

1
Paolo David 17 oct. 2017 a las 15:17

3 respuestas

La mejor respuesta

Bastante segura de que puedes hacer este ejemplo.

El resumen que necesita saber: Watson Conversation es una API REST de punto final, por lo tanto, puede llamar a este servicio en su backend y a cualquier cosa en su front-end, para mostrar los mensajes para su usuario en diferentes formas (front-end).

En este caso, su ejemplo es una página web, por lo que, probablemente dentro de la conversación de Watson, debe agregar html para buttons en la respuesta.

Puede ver este ejemplo de un desarrollador de IBM - Ashley usando botones en Watson.

Conversación simple es un excelente ejemplo que puede usar para comprender cómo Watson Conversation funciona y uno basado en sus proyectos utilizando esta API. Este proyecto está construido en Node.js.

1
Sayuri Mizuguchi 17 oct. 2017 a las 16:05

Okay.

He insertado este código

<script>
    function yesBye() {
        var latestResponse = Api.getResponsePayload();
        var context = latestResponse.context;
        Api.sendRequest("yes", context);
    }
    function noBye() {
        var latestResponse = Api.getResponsePayload();
        var context = latestResponse.context;
        Api.sendRequest("no", context);
    }
</script>

Dentro de /ui/index.html (me sugirió sustituir "con 'y lo hago)

Este código

#button-yes {
    width: 100px;
    margin: 5px;
    font-size: 16px;
    border: none;
    border-radius: 2px;
    background-color:#66B266;
    color: white;
}

#button-no {
    width: 100px;
    margin: 5px;
    font-size: 16px;
    border: none;
    border-radius: 2px;
    background-color:#ff3232;
    color: white;
}

Dentro de /ui/css/conversation.css y dentro de /ui/css/main.css

Y este código

"text": "Would you link to end our conversation?\n\n<button id=\"button-yes\" onclick=\"yesBye();\">Yes</button> <button id=\"button-no\" onclick=\"noBye();\">No</button>"

Dentro del editor de código js del nodo único

Esta es la situación

Imagen

Significa que el botón de reconocimiento de página no reconoce su estilo CSS. La estructura de mi proyecto es la misma ( https://github.com/watson -developer-cloud / car-dashboard) y después de cada edición, vuelvo a implementar el proyecto. ¿Dónde está el error?

-2
Paolo David 17 oct. 2017 a las 17:44

Ok, pero no es un problema de CSS. Al perder los botones, no aparece ningún tipo de modificación que realice en el archivo index.html. Ni siquiera si trato de reemplazar la cadena "Escriba algo" en el cuadro inferior. Traté de vaciar el caché, reanudar la implementación en cada modificación, verificar que los nombres de servicio y el contenido del archivo manifest.yml fueran correctos, pero nada. El espacio de trabajo y las variables de entorno son correctas. Cada vez que presiono el botón de reproducción en la identificación del eclipse veo esto

https://imgur.com/a/oe5lt

Con el mensaje de error "Error al leer el contenido de la aplicación". ¿Hay algo dentro del código (que puede encontrar aquí https://github.com/ watson-developer-cloud / car-dashboard) que bloquea cualquier tipo de modificación?

-2
Paolo David 18 oct. 2017 a las 10:23