13
การสราง Chat Bot เพื่อเพิ่ม Productivity (CPRU Bot) สําหรับใหขอมูลติดตอของบุคลากรในมหาวิทยาลัยราชภัฏชัยภูมิ โดยการสอบถามจาก ชื่อ-สกุล Step 1 Google sheet 1) สรางไฟลสําหรับเก็บขอมูล (Database) เพื่อการนํามาใชงานกับ Chat Bot 2) สราง script เพื่อใหสามารถทํางานกับขอมูลที่ไดสรางไว ในขอที่ 1 โดยการเลือกที่เมนู Tools > Script editor จากนั้นใหเขียน script ซึ่งเปนภาษาทางโปรแกรมมิ่งหรือภาษา Java Script API.AI

API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity (CPRU Bot)

สําหรับใหขอมูลติดตอของบุคลากรในมหาวิทยาลัยราชภัฏชัยภูมิ โดยการสอบถามจาก ชื่อ-สกุล

Step 1 Google sheet

1) สรางไฟลสําหรับเก็บขอมูล (Database) เพ่ือการนํามาใชงานกับ Chat Bot

2) สราง script เพ่ือใหสามารถทํางานกับขอมูลท่ีไดสรางไว ในขอท่ี 1

โดยการเลือกท่ีเมนู Tools > Script editor

จากนั้นใหเขียน script ซ่ึงเปนภาษาทางโปรแกรมม่ิงหรือภาษา Java Script

API.AI

Page 2: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

จากรูปเปนตัวอยางบางสวนของการเขียนชุดคําสั่งใหกับตัว google sheet หลังจากทําการเขียนคําสั่งเสร็จแลวใหทําการบันทึกช่ือชุดคําส่ังไวในตัวอยางช่ือ contacts_bot

Step 2 Dialog Flow

1) ทําการ sign in เขาเว็บไซตของ Dialog Flow โดยไปท่ี

Page 3: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

2) ใหทําการ sign in ดวย e-mail ของ gmail หลังจากน้ันใหไปท่ีเมนู Go to console ระบบจะนําเขาสู console จากน้ันใหทําการสราง Agent ใหมขึ้นมาโดยไปท่ี Create New Agent

ใหสรางชื่อ Agent ตามท่ีตองการในตัวอยางจะตั้งช่ือ cpru-bot และกําหนดภาษาใหเปนภาษา Thai จากน้ันคลิก create

3) จากนั้นใหสราง Intents โดยตั้งช่ือท่ีตองการในตัวอยางนี้ต้ังชื่อ cpru-intents

Page 4: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

หลังจากใสชื่อเสร็จให save

4) สราง intents โดยเราจะไปคัดลอกรายช่ือของบุคลากรท่ีตองการจะใชในการใหขอมูลมาใสไดเลย

5) เปดการทํางานของ Fullfillment ดังนั้นใหทําการเปดใชงาน Fullfillment โดยไปท่ี

Page 5: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

เปดใชงานตามภาพ Fullfillment แลวทําการ Save ท่ีปุม

6) สงคาบางอยางระหวาง Dialog Flow กับ Google Sheet ใหรูจักกันสามารถเชื่อมตอกันได โดยการกําหนดท่ีเมนู Fullfillment

ใหกลับไปยัง Google Sheet และไปท่ี Script ไปท่ี Publish > Deploy as web app

Page 6: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

กําหนดคาตามรูป

ทําการคัดลอก URL ตามรูปไปวางท่ี Dialog Flow

7) กําหนด URL ให Dialog Flow จากขอ 6 ทําการคัดลอกมาใส URL ตามรูปจากน้ันทําการ Save

Page 7: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

จากนี้ไป Dialog Flow จะทําการเช่ือมกับ Google Sheet เปนท่ีเรียบรอย

Step 3 Line

1) ทําการ log in ระบบ Line โดยไปยัง URL : https://developers.line.biz จากน้ันใหทําการ Log in ดวยบัญชีของตัวเอง จะไดดังภาพ

2) สราง Provider ขึ้นมาใหมโดยไปท่ี Create New Provider ต้ังช่ือ Provider แลว Confirm

Page 8: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

3) หลังจาก Confirm เสร็จใหทําการ Create

4) เลือก Messaging API สราง Create Channel

5) กําหนดคาใหกับ Channel จากนั้นทําการ Confirm

Page 9: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

6) เชื่อม Dialog Flow กับ Line

6.1 ไปท่ี Dialog Flow

Page 10: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

6.2 ใสขอมูลเช่ือมกัน

คัดลอก Webhook URL (1) ไปใสท่ี Line

Page 11: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

คัดลอก Channel ID , Channel Secret และ Channel Access Token ไปใสท่ี Dialog Flow

สวน Token ใหสรางดวย Messaging setting Channel access token ของ Line

Page 12: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

จากนั้นคัดลอกท้ังหมดมาใสท่ี Channel Access Token แลวกดปุม Start

จากนี้ไป Line กับ Dialog Flow จะเชื่อมกันเรียบรอยแลว

6.2 กําหนดคาใหกับ Line เปดการใชงาน Use webhooks

6.3 กําหนดคาใหกับ Auto-reply message

Page 13: API - WordPress.com · 2019-10-21 · ให กลับไปยัง Google Sheet และไปที่ Script ไปที่ Publish > Deploy as web app . การสร

การสราง Chat Bot เพื่อเพิ่ม Productivity

Samran Wanon | DIGITAL BUSINESS

7) ทดสอบการทํางานของ CPRU-BOT โดยใชโทรศัพทเพิ่มเพ่ือนท่ีเปน BOT ดวยการแสกน QR Code