Botnoi Voice

1 ธ.ค. 2566

Label

UX/UI

รีวิวผลงาน นักศึกษาฝึกงานบอทน้อย EP.3 แชทบอทโรงเรียนกวดวิชา

รีวิวผลงาน นักศึกษาฝึกงานบอทน้อย EP.3 แชทบอทโรงเรียนกวดวิชา

กลับมาอีกครั้งกลับการรีวิวผลงานนักศึกษาฝึกงาน โดยผลงานที่หยิบมานี้เป็นของน้องนักศึกษาฝึกงานที่จบไปนานมากแล้ว แต่เป็นหนึ่งในบอทที่ดีของทีมแชทบอทเลย

ใน EP นี้ก็เลยได้โอกาสที่จะนำบอทน้องมารีวิว แต่เพิ่มความพิเศษให้หน่อยคือเปลี่ยนการใช้ Dialogue ในการถามตอบข้อมูลเพื่อเก็บข้อมูลลง Google Sheet มาเป็น Web สำหรับกรอกข้อมูลโดยเฉพาะ

image-dialogue

ทีนี้ลองเดากับดูว่าภาพด้านบนนี้เป็นรูปแบบของ Dialogue…..

แน่นอนว่าภาพด้านซ้ายมือคือ Dialogue ของแพลตฟอร์ม Botnoi.ai ที่ผู้ใช้จะต้องตอบถามคำถามไปเรื่อยๆจบกว่าจะสิ้นสุดการตอบ ไม่สามารถออกกลางคันได้ ทำให้ UX (User Experience) ไม่ดีสักเท่าไหร่

สุดท้ายแล้วก็ไปเจอ คลิปสอนของครูอภิวัฒน์”สอนสร้างสื่อ” ซึ่งถ้าหากใครสนใจที่ลองเรียนดูก็สามารถทำได้ได้เลยไม่ยาก

แต่ด้วยความขี้เกียจและลืมภาษา HTML ไปหมดแล้ว 🤣 ก็เลยต้องขอร้อง Chat GPT ให้ช่วยเขียนให้หน่อยยยยยยยยยยยยยยย

example-chatgpt-coding

ซึ่งผลลัพธ์แรกๆนั้นอาจไม่เป็นที่พอใจสักเท่าไหร่ เราอาจจะต้องค่อยๆคุยไปเรื่อยๆ เพื่อให้ GPT ปรับรูปแบบให้ รวมถึงต้องเสิร์จหาข้อมูลการเขียน HTML เข้าด้วยเหมือนกัน เพราะถ้าจะให้มานั่งเถียงกับ GPT วันนี้คงไม่เสร็จแน่ๆ

พอหลังจากที่ได้หน้าเว็บสมใจอยากแล้ว ก็ลองปรับโค้ดส่วนต่างๆตามที่ครูอภิวัฒน์ได้สอนเลย (ซึ่งครูเขาเองก็ได้แถม Source Code มาเบิกทางให้เราเรียบร้อย)

excel-true-false

สำหรับช่องสุดท้ายที่เขียนข้อมูลว่า TRUE/FALSE นั้นหมายถึงการชำระเงิน ซึ่งไอ้ตัวนี้เราตั้งใจไว้ว่าจะให้สามารถจองที่นั่งเรียนได้เฉพาะนักเรียนของสถาบันเท่านั้น ก็เลยตั้งไว้แบบนี้ เพื่อที่จะนำมาเช็คผ่านแพลตฟอร์ม Botnoi.ai ที่หลายๆคนคงยังไม่รู้ว่าสามารถทำได้ด้วย API ดึงข้อมูลเท่านั้น (หากสนใจไว้วันหลังจะเอามาเขียนโพสต์สอน 😎)

example-true-false

ทันทีที่กรอกข้อมูลเสร็จแล้ว ค่าดั้งเดิมของสถานะการชำระเงินจะเป็น False ถ้าชำระเงินแล้วถึงจะสามารถได้ลิงค์เข้าหน้าเว็บการจองได้ผ่านชื่อจริง-นามสกุลที่ได้ลงทะเบียนเอาไว้

เช่น ตอนลงทะเบียนใส่ข้อมูลช่องชื่อจริง-นามสกุลไว้ว่าทดสอบ เมื่อกดจองเวลาเรียนที่ Rich Menu บอทจะถามชื่อ-นามสกุลก็ต้องกรอก ทดสอบ เพื่อนำชื่อนี้ไปตรวจสอบสถานะการชำระเงินของตัวเอง/สถานะนักเรียน

ถ้าเจ้าหน้าที่ยังไม่ได้ตรวจสอบ ก็จะส่งเพียงข้อความให้รอการยืนยัน แต่ถ้าตรวจสอบเสร็จสิ้นแล้วก็จะส่งปุ่มไปยังหน้าเว็บไซต์ให้เราได้จองเลย

แถมอีกว่าสามารถเปลี่ยนเป็นอย่างอื่นได้เหมือนกันนะ ไม่จำเป็นต้อง TRUE/FALSE แบบนี้ แต่ด้วยความมักง่าย ถนัดอะไรแบบนี้เลยใส่ไปตามที่เข้าใจ 😂

example-details

ส่วนรายละเอียดอื่นๆก็ยังมีให้ครบเลย ทั้งรายชื่อครูผู้สอน รายละเอียดคอร์สเรียนที่เปิดสอน ที่อยู่สาขา ตารางเรียนแต่ละคอร์ส แนะนำคอร์สสอนตอบระดับชั้น ฯลฯ คล้ายๆกับแชทบอทตัวอื่นๆใร EP ก่อนหน้านี้ที่ได้รีวิวไปเลย รับรองว่าข้อมูลก็จุใจไม่แพ้กันเลย!!!!!

Back

ร่วมกันพัฒนาและสร้างสรรค์

อนาคตใหม่ ไปพร้อมกับเรา

ร่วมกันพัฒนาและสร้างสรรค์

อนาคตใหม่ ไปพร้อมกับเรา