งานวิชาการ·2024
ANTivity
CS232 Cloud Computing: ระบบจัดการกิจกรรมและติดตามทักษะตามหลักสูตร

- บทบาท
- Full Stack Developer
- ทีม
- Group Project
- ปี
- 2024
ตัวเลขสำคัญ
- 3
- มุมมองผู้ใช้
- 3
- โมดูลหลัก
- AWS S3 · CloudFront
- คลาวด์
- CS232
- รายวิชา
เว็บแอปพลิเคชันสำหรับจัดการกิจกรรมและติดตามทักษะ (Skill Tracking) ตามหลักสูตร โดยออกแบบมาเพื่อช่วยตอบคำถามสำคัญว่า “นักศึกษามีทักษะครบถ้วนตามที่หลักสูตรกำหนดแล้วหรือยัง” ทั้งในมิติ Hard Skills และ Soft Skills ซึ่งไม่ได้เกิดจากการเรียนในห้องเรียนเพียงอย่างเดียว แต่สามารถพัฒนาจากการเข้าร่วมกิจกรรมได้ด้วย ระบบครอบคลุมการลงทะเบียนเข้าร่วมกิจกรรม การประเมินและให้ข้อเสนอแนะ (Feedback) การติดตาม Skill Matrix ของนักศึกษา รวมถึงมุมมองสำหรับผู้จัดกิจกรรมและอาจารย์ที่ปรึกษา เพื่อสนับสนุนการวางแผนกิจกรรมและการติดตามพัฒนาการของนักศึกษาอย่างเป็นระบบ
โจทย์และปัญหา
- 01นักศึกษาไม่สามารถประเมินได้อย่างชัดเจนว่าตนเองยังขาดทักษะใดตามข้อกำหนดของหลักสูตร โดยเฉพาะทักษะที่ต้องสะสมจากกิจกรรมภายนอกห้องเรียน
- 02ผู้จัดกิจกรรมขาดข้อมูลเชิงภาพรวมว่าควรจัดกิจกรรมรูปแบบใดเพื่อเติมทักษะที่นักศึกษาส่วนใหญ่ยังขาดอยู่ และไม่เห็นผลลัพธ์ของกิจกรรมอย่างเป็นระบบ
- 03อาจารย์ที่ปรึกษาติดตามพัฒนาการด้านทักษะของนักศึกษาได้ยาก เนื่องจากข้อมูลกระจายและไม่มีมุมมองที่สรุปเข้าใจง่าย
วิธีแก้
- 01ออกแบบระบบให้สามารถเชื่อมโยง “กิจกรรม” กับ “ทักษะตามหลักสูตร” โดยผู้จัดกิจกรรมสามารถกำหนด/ประเมินทักษะที่นักศึกษาได้รับจากกิจกรรมนั้น ๆ ได้
- 02พัฒนาฟีเจอร์หลักเป็นโมดูล ได้แก่ (1) ระบบลงทะเบียนเข้าร่วมกิจกรรม (2) ระบบประเมินกิจกรรมและให้ Feedback (3) ระบบติดตามทักษะและ Skill Matrix ของนักศึกษาตามหลักสูตร
- 03จัดทำมุมมองสำหรับผู้จัดกิจกรรมเพื่อดูผลการประเมินและ Feedback รวมถึงมุมมองสำหรับอาจารย์ที่ปรึกษาเพื่อติดตามนักศึกษาที่ดูแลและภาพรวมทักษะที่ยังขาด
- 04ออกแบบและพัฒนาแบบครบวงจรตั้งแต่การออกแบบ UX/UI ใน Figma การพัฒนา Frontend/Backend ไปจนถึงการออกแบบ Database Schema และการเชื่อมระบบกับโครงสร้าง Cloud
- 05ใช้งาน AWS S3 และ CloudFront สำหรับการจัดเก็บ/กระจายไฟล์และสื่อ (Static Assets) และใช้ MySQL เป็นฐานข้อมูลหลักของระบบ
ผลลัพธ์
- 01นักศึกษาสามารถตรวจสอบ Skill Matrix ของตนเองได้อย่างชัดเจน เห็นทั้งทักษะที่ครบแล้วและทักษะที่ควรพัฒนาเพิ่มเติม
- 02ผู้จัดกิจกรรมเห็น Feedback และผลการประเมินอย่างเป็นระบบ ทำให้สามารถปรับปรุงกิจกรรมและวางแผนจัดกิจกรรมที่ตอบโจทย์ช่องว่างทักษะของนักศึกษาได้ดียิ่งขึ้น
- 03อาจารย์ที่ปรึกษาสามารถติดตามพัฒนาการของนักศึกษาได้สะดวกขึ้น ผ่านข้อมูลที่รวมศูนย์และสรุปผลในมุมมองเดียว
- 04ระบบรองรับการขยายต่อได้ด้วยโครงสร้างที่แยกบทบาทผู้ใช้งานชัดเจน และใช้บริการ Cloud สำหรับการรองรับการใช้งานและการจัดการทรัพยากร
แกลเลอรี
Main
16:9 / MD
สถาปัตยกรรมระบบ ANTivity

ภาพหน้าโปรไฟล์ของฉัน (นักศึกษา)

หน้าลงทะเบียนเข้าร่วมกิจกรรม

หน้ารายละเอียดกิจกรรม

หน้ารายละเอียดกิจกรรม (กรณีลงทะเบียนแล้ว)

หน้ารายละเอียดกิจกรรม (กรณีถูกรับเข้าร่วมแล้วจะมีปุ่มยืนยันการเข้าร่วม เพื่อเป็นประโยชน์ต่อผู้จัด)

หน้าโปรไฟล์หลังเข้าสู่ระบบ

หน้ากิจกรรมของฉัน (นักศึกษา)

หน้าติดตามทักษะตามหลักสูตร (Skill Matrix) ของนักศึกษา

หน้ารายการกิจกรรมที่จัด (ผู้จัดกิจกรรม)

หน้ารายละเอียดกิจกรรม (ผู้จัดกิจกรรม)

หน้ารายละเอียดกิจกรรม-ทักษะ (ผู้จัดกิจกรรม)

หน้ารายละเอียดกิจกรรม-ผู้เข้าร่วม (ผู้จัดกิจกรรม)

หน้าหลักสูตรและทักษะ (ผู้จัดกิจกรรม)

หน้ารายละเอียดกิจกรรม-ประเมินทักษะให้ผู้เข้าร่วม (ผู้จัดกิจกรรม)

หน้าจัดการทักษะของหลักสูตร (ผู้จัดกิจกรรม)

หน้าติดตามนักศึกษาที่ปรึกษา (อาจารย์ที่ปรึกษา)
ทบทวนโปรเจกต์
ความท้าทาย
- การออกแบบ Data Model ให้สอดคล้องกับความสัมพันธ์ระหว่างหลักสูตร–ทักษะ–กิจกรรม–นักศึกษา–การประเมิน และสามารถสรุปผลเป็น Skill Matrix ได้อย่างถูกต้อง
- การออกแบบสิทธิ์และมุมมองผู้ใช้งานหลายบทบาท (นักศึกษา / ผู้จัดกิจกรรม / อาจารย์ที่ปรึกษา) ให้ใช้งานง่ายและปลอดภัย
- การตั้งค่าและเชื่อมต่อระบบกับโครงสร้าง Cloud (เช่น S3/CloudFront) ให้ทำงานร่วมกับเว็บแอปได้อย่างราบรื่น
- การทำ Responsive UI ให้เหมาะสมกับการใช้งานบนมือถือ โดยยังคงความชัดเจนของข้อมูลเชิงตาราง/เมทริกซ์
สิ่งที่เรียนรู้
- การพัฒนา Full Stack แบบครบกระบวนการ ตั้งแต่การออกแบบ UX/UI ใน Figma ไปจนถึงการพัฒนา Frontend/Backend และการออกแบบฐานข้อมูล
- แนวทางการออกแบบระบบ Skill Tracking เชิงโดเมน และการสรุปผลข้อมูลเป็น Skill Matrix ที่ใช้งานได้จริง
- การวางสถาปัตยกรรมการใช้งาน Cloud สำหรับเว็บแอป โดยเฉพาะการจัดเก็บและกระจาย Static Assets ด้วย AWS S3 และ CloudFront
- การออกแบบระบบหลายบทบาท (Role-based Features) และการทำให้ข้อมูลเชิงบริหาร (Feedback/Progress) แสดงผลอย่างเข้าใจง่าย
- การพัฒนางานเป็นทีม ตั้งแต่การแบ่งงาน การทบทวนคุณภาพ ไปจนถึงการรวมระบบให้ทำงานร่วมกันได้อย่างเสถียร
เทคโนโลยี
สนใจงานแนวนี้?
เล่าโจทย์ของคุณให้ผมฟัง ตอบกลับภายใน 24 ชั่วโมง