แจก Template และ Prompt สร้างระบบห้องประชุมแบบจองซ้ำไม่ได้

อยากสร้างระบบห้องประชุมแบบไม่ให้จองซ้ำทำยังไงได้บ้าง?

ก่อนหน้านี้ในผมเราเคยมีคลิปสอนทำระบบห้องประชุมไปแล้ว แต่ว่าปัญหาใหญ่อย่างนึงคือใน Google Sheets ถ้าจะทำระบบจองแบบไม่ให้ซ้ำช่วงเวลาอาจจะมีความซับซ้อนมากขึ้น รวมถึงอาจจะต้องมีการเขียน script เพิ่มเติม ซึ่งค่อนข้างจะยากสำหรับมือใหม่

รวมถึงถ้าเราต้องการให้ Interface ในการจองถ้าอยากจะให้ดูดีสวยงาม ก็จะต้องมีการเขียน script เพิ่มเติมอีก (อันนี้ก็ยากเหมือนกัน)

แต่ว่าหลังจากที่มี AI ตอนนี้เราก็สามารถทำระบบจองแบบง่ายๆได้แล้ว 🙂 เย่

โดยเราแค่ทำการ prompt แบบง่ายๆ ทำการเปลี่ยนชื่อห้อง บอกช่วงเวลาเริ่มและสิ้นสุดที่เราต้องการในการจองห้อง

โดยเราสามารถ copy prompt จากด้านล่างนี้ไปวางใน AI ของเรา

ต้องการสร้าง web application "ระบบบันทึกการจองห้องประชุม" โดยให้ทำการบันทึกข้อมูลที่ผู้ใช้งานใส่เข้ามาไปยัง Google Sheets ที่ระบุ โดยมีรายละเอียดดังต่อไปนี้

ข้อมูลใน Google Sheets ที่จัดเก็บจะอยู่ในชีทที่ชื่อว่า “Reservations” โดยมี column ดังต่อไปนี้
- วันที่
- ชื่อห้องที่ต้องการจอง
- เวลาเริ่มจอง
- เวลาจบ
- ชื่อผู้จอง
- เบอร์ติดต่อกลับ

โดยชื่อห้องประชุมจะมีทั้งหมด 5 ห้องดังต่อไปนี้
    - ห้อง เอ
    - ห้อง บี
    - ห้อง ซี
    - ห้อง ดี
    - ห้อง อี

เมื่อผู้ใช้งานทำการเลือกชื่อห้องและวันที่ ระบบจะต้องทำการเช็คว่าตอนนี้เหลือเวลาใหนที่ว่างบ้าง
และทำการปรับ dropdown ที่อยู่ในช่องเวลาเริ่มจองให้เหลือเฉพาะเวลาที่ว่างให้จองเท่านั้น
 -โดย logic คือให้ทำการดึงข้อมูลการจองทั้งหมดในวันที่ user เลือกของห้องนั้นๆออกมาโดยให้ใช้ logic เดียวกันกับ file code.gs และ index.html ตามที่แนบไว้ให้

โดย slot การจองจะสามารถเลือกได้ทุกๆ 30 นาที เริ่มต้นตั้งแต่ 8:00 จนถึง 17:30

ส่วนหน้า frontend ให้ทำการสร้างให้มีความสวยงามแบบ minimal
มีหัวข้อว่า "ระบบจองห้องประชุม noobitguy"
และให้ใช้ font Kanit จาก Google Fonts
มีสีที่ gradient แบบสวยงาม เป็นตีมสีเหมือน instagram

ฝากช่วยสร้าง Script ทั้ง code.gs และ index.html เพื่อที่จะได้สามารถนำไปวางใน Google App Script ได้ให้หน่อย

โดยเราสามารถทำการปรับในส่วนของ code ที่ผมได้ทำ สีแดง เอาไว้ให้เป็นไปตามข้อมูลที่เราต้องการได้เลยครับ

รวมถึงให้เราทำการแนบ file 2 file นี้เข้าไปด้วยเพื่อให้ระบบสามารถสร้างระบบจองตาม logic ที่ผมได้กำหนดไว้ให้ก่อนหน้านี้ได้

🔗 Link สำหรับโหลด file code.gs และ index.html

link download file

ซึ่งหลังจากที่เราทำการเปลี่ยนข้อมูลใน prompt และแนบ file เรียบร้อยแล้ว ก็ให้กด execute ส่งข้อมูลให้ AI ได้เลยครับ
AI ก็จะทำการเขียน code ในส่วนของหลังบ้านพร้อมหน้า interface มาให้แบบเรียบร้อย

ซึ่งเราก็สามารถทำการ copy มาใส่ใน google app script และเราก็จะได้ระบบในการจองห้องประชุมแบบไม่ซ้ำมาแล้วเป็นที่เรียบร้อยครับ 🙂

กรณีถ้าต้องการสร้างระบบตารางจองใน Google Sheets สามารถ copy ข้อมูลและสูตรไปปรับแต่งจากลิงค์ต่อไปนี้ได้เลยครับ

🔗 ลิงค์ดาวน์โหลดตัวอย่างระบบจองห้องประชุมแบบไม่ซ้ำ

ระบบจองห้องประชุมแบบไม่ซ้ำ

ส่วนวิธีการปรับแต่ง prompt หรือ วิธีการสร้างระบบผ่านทาง Google App Script แบบ step-by-step สามารถดูได้จากคลิปด้านล่างนี้เลยครับ

💳 ชอบคลิปที่ช่วยเพิ่มประสิทธิภาพการทำงานแบบนี้สามารถสมัครสมาชิกช่องได้ที่ 
https://www.youtube.com/channel/UChxmhkD8uSSzUOkfMO_p5oQ/join

🎥 อุปกรณ์ที่ผมใช้

กล้อง Sony ZV-E10 kit 16-50mm
Mouse Logitech MX Master 3s
MacBook Air M2
ไมค์ wireless Saramonic Blink 500
เก้าอี้ Anda Seat X-Air Pro Ergonomic Gaming Chair
แขนจับจอ Anda Seat Stealth A6L Ergonomic Monitor Arm
ไมโครโฟน AKG Lyra
ไฟส่องหน้าจอ Xiaomi Light Bar