สร้าง Trello Clone ใช้เอง ด้วย Claude AI บนฐาน Drupal

โปรเจคนใช้ AI (Claude) เขียนโค้ด Custom Module ใช้งานกับ Drupal 11

ทำไมเลือกใช้ Drupal เป็นฐาน?

Drupal เป็นระบบจัดการเนื้อหา Content Management System (CMS) ที่มีโครงสร้าง Content, User, Files พร้อมใช้ทันทีเมื่อติดตั้งเสร็จ

Content Type ที่หลากหลาย กำหนด User Permission ได้ละเอียด มีเครื่องมือ Modules อื่นๆ หลายอย่างที่พร้อมใช้งาน

กระดาน Trello หรือ Kanban Board

Custom Module นี้จะดึง Node จาก Content type ที่กำหนดไว้ ออกมาแสดงเป็น Card ในแถวคอลัมน์ (Swimlane) ที่อ้างอิงจาก Taxonomy ที่กำหนดไว้อีกที ซึ่งสามารถ แก้ไข เพิ่มเติม เรียงลำดับ ได้จากฟังก์ชั่นของ Taxonomy Term ได้เลย

ข้อมูลที่เอามาโชว์บนหน้า Card คือ Title, Author และ จำนวน Comment

ส่วนรูปภาพปก Card ดึงรูปภาพจาก Comment Image อันล่าสุดมาแสดง เพื่อให้เห็นความคืบหน้าของการทำงาน

ฟังก์ชั่นการทำงาน

การย้ายแถวคอลัมน์ และการเรียงลำดับ ในการออกแบบครั้งแรกอยากให้มัน Drag and Drop ข้ามแถวคอลัมน์ได้เลย แต่จากการทดสอบปรากฏว่าไม่เวิร์ค เลยถอยกลับมาแบบ Basic คือ ทำเป็น select list แล้วกดปุ่ม Action เพื่อดำเนินการ

นอกจากฟังก์ชั่นการทำงานร่วมกัน สร้าง Card ใหม่ (Add new Node) เขียนรายละเอียดที่ต้องการ คอมเมนต์ความคืบหน้า และแนบรูปภาพได้

เมื่อมีคอมเมนต์ใหม่ ระบบจะตรวจสอบว่าภายใน Card นี้ มีใครเกี่ยวข้องบ้าง คนสราง Card คนอื่นที่มาคอมเมนต์ไว้ ที่ไม่ใช่ตัวเอง(คนโพสต์ล่าสุด) ระบบจะทำการส่งข้อความแจ้งเตือนไปยัง Telegram ของผู้ใช้งานที่กรอกข้อมูล Telegram ID เอาไว้ทันที

การล็อคอินเข้าใช้งาน เพื่อความง่ายไม่ต้องสมัครบัญชีใหม่ ก็ใช้ OpenID Connect เชื่อมต่อกับ Google Account ซึ่งตรงนี้ ต้องกำหนดเป็น Internal กำหนดให้ใช้อีเมลภายในองค์เท่านั้น เพื่อป้องกันการล็อคอินจากบุคคลจากภายนอก