Este documento presenta una guía para el desarrollo de un proyecto que consiste en crear una página web que integre un chatbot. El objetivo es conocer el desarrollo de chatbots mediante la implementación de conocimientos de PHP. Las actividades incluyen crear una página web que incorpore un chatbot como parte de su servicio de información. Se explican los pasos para crear el chatbot usando Dialogflow y Blabox, y para integrarlo en la página web desarrollada con XAMPP.

1. GUÍA DE USO DE LABORATORIOS
ESTUDIANTE: Eliseth Villamarin SEMESTRE: Tercero
PARALELO: C
TEMA:
Chatbots
OBJETIVO:
Conocer el desarrollo de chatbots mediante la creación de una página web que permita
implementar los conocimientos de php.
RESULTADOS DE APRENDIZAJE
Comprensión del uso de chatbots
Distinción en el lenguaje php
Correcto uso de chatbots
ACTIVIDADES:
· Realizar una página web que integre el chatbots como parte de su servicio de
información.
DESARROLLO DE CONTENIDOS
1. Crear New File
2. Poner en formato PHP y guardar con un nuevo nombre

2. 3. Comenzar la programación con la construcción de “head”
4. Declaramos “style” para las “ div”

4. 5. Codificar para la primera división
6. Codificar las secciones dentro de la “dv” general

5. 7. Anadir el código del chatbot
8. Añadir la última sección de los contactos

6. Creación del Chatbot
1. Registrase en la página Dialogflow con cuenta Gmail
2. Crear un nuevo chatbot
3. Crear intenciones con las entradas de: Islandia, Tailandia y Ecuador

7. 4. Ingresar las frases de entrenamiento y las respuestas
5. Realizar el mismo proceso para las demás intenciones

8. 6. En cada intención crear follow-up intent
7. Añadir respuestas de Yes or No en cada caso necesario para ir completando las
intenciones del chatbot

9. 8. Para añadir imágenes usamos la el servidor de Google
9. Utilizar el mismo servidor de Google para todas las intenciones que se quiere
con imágenes

10. Integración con Blahbox
1. Crear el chatbot
2. Integrar el chatbot de Dialogflow mediante el siguiente código

11. 3. Personalizar el chatbot con la ayuda de Blahbox
4. Para unir el proyecto a la página web es necesario copiar el código que nos
da Blahbox

12. 9. Codificar la página con XAMPP

13. Visualización del chatbot

14. f.) ______________________ f.) __________________
MSc. Víctor Zapata
ESTUDIANTE DOCENTE
BIBLIOGRAFÍA:
Bell, Douglas Parr, Mike. (2011). JAVA para estudiantes. México: Pearson.
Ordax Cassá, José Miguel; Ocaña Díaz-Ufano, Pilar Aranzazu.(2012). Programación
Web en Java.Madrid. Ministerio de Educación, Cultura y Deporte de España.
Recuperado: http://www.digital iapublishing.com/a