PHATPHUM.ME
Academic2024

ANTivity

CS232 Cloud Computing: ระบบจัดการกิจกรรมและติดตามทักษะตามหลักสูตร

ANTivity

บทบาท

Full Stack Developer

ระยะเวลา

2024

ทีม

Group Project

Tech Stack

Next.js, Tailwind, AWS S3, CloudFront, MySQL

เว็บแอปพลิเคชันสำหรับจัดการกิจกรรมและติดตามทักษะ (Skill Tracking) ตามหลักสูตร โดยออกแบบมาเพื่อช่วยตอบคำถามสำคัญว่า “นักศึกษามีทักษะครบถ้วนตามที่หลักสูตรกำหนดแล้วหรือยัง” ทั้งในมิติ Hard Skills และ Soft Skills ซึ่งไม่ได้เกิดจากการเรียนในห้องเรียนเพียงอย่างเดียว แต่สามารถพัฒนาจากการเข้าร่วมกิจกรรมได้ด้วย ระบบครอบคลุมการลงทะเบียนเข้าร่วมกิจกรรม การประเมินและให้ข้อเสนอแนะ (Feedback) การติดตาม Skill Matrix ของนักศึกษา รวมถึงมุมมองสำหรับผู้จัดกิจกรรมและอาจารย์ที่ปรึกษา เพื่อสนับสนุนการวางแผนกิจกรรมและการติดตามพัฒนาการของนักศึกษาอย่างเป็นระบบ

01 ปัญหา

  • นักศึกษาไม่สามารถประเมินได้อย่างชัดเจนว่าตนเองยังขาดทักษะใดตามข้อกำหนดของหลักสูตร โดยเฉพาะทักษะที่ต้องสะสมจากกิจกรรมภายนอกห้องเรียน
  • ผู้จัดกิจกรรมขาดข้อมูลเชิงภาพรวมว่าควรจัดกิจกรรมรูปแบบใดเพื่อเติมทักษะที่นักศึกษาส่วนใหญ่ยังขาดอยู่ และไม่เห็นผลลัพธ์ของกิจกรรมอย่างเป็นระบบ
  • อาจารย์ที่ปรึกษาติดตามพัฒนาการด้านทักษะของนักศึกษาได้ยาก เนื่องจากข้อมูลกระจายและไม่มีมุมมองที่สรุปเข้าใจง่าย

02 แนวทางแก้ไข

  • ออกแบบระบบให้สามารถเชื่อมโยง “กิจกรรม” กับ “ทักษะตามหลักสูตร” โดยผู้จัดกิจกรรมสามารถกำหนด/ประเมินทักษะที่นักศึกษาได้รับจากกิจกรรมนั้น ๆ ได้
  • พัฒนาฟีเจอร์หลักเป็นโมดูล ได้แก่ (1) ระบบลงทะเบียนเข้าร่วมกิจกรรม (2) ระบบประเมินกิจกรรมและให้ Feedback (3) ระบบติดตามทักษะและ Skill Matrix ของนักศึกษาตามหลักสูตร
  • จัดทำมุมมองสำหรับผู้จัดกิจกรรมเพื่อดูผลการประเมินและ Feedback รวมถึงมุมมองสำหรับอาจารย์ที่ปรึกษาเพื่อติดตามนักศึกษาที่ดูแลและภาพรวมทักษะที่ยังขาด
  • ออกแบบและพัฒนาแบบครบวงจรตั้งแต่การออกแบบ UX/UI ใน Figma การพัฒนา Frontend/Backend ไปจนถึงการออกแบบ Database Schema และการเชื่อมระบบกับโครงสร้าง Cloud
  • ใช้งาน AWS S3 และ CloudFront สำหรับการจัดเก็บ/กระจายไฟล์และสื่อ (Static Assets) และใช้ MySQL เป็นฐานข้อมูลหลักของระบบ

03 ผลลัพธ์

  • นักศึกษาสามารถตรวจสอบ Skill Matrix ของตนเองได้อย่างชัดเจน เห็นทั้งทักษะที่ครบแล้วและทักษะที่ควรพัฒนาเพิ่มเติม
  • ผู้จัดกิจกรรมเห็น Feedback และผลการประเมินอย่างเป็นระบบ ทำให้สามารถปรับปรุงกิจกรรมและวางแผนจัดกิจกรรมที่ตอบโจทย์ช่องว่างทักษะของนักศึกษาได้ดียิ่งขึ้น
  • อาจารย์ที่ปรึกษาสามารถติดตามพัฒนาการของนักศึกษาได้สะดวกขึ้น ผ่านข้อมูลที่รวมศูนย์และสรุปผลในมุมมองเดียว
  • ระบบรองรับการขยายต่อได้ด้วยโครงสร้างที่แยกบทบาทผู้ใช้งานชัดเจน และใช้บริการ Cloud สำหรับการรองรับการใช้งานและการจัดการทรัพยากร

Project Gallery

Gallery image 1

สถาปัตยกรรมระบบ ANTivity

Gallery image 2

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

Gallery image 3

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

Gallery image 4

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

Gallery image 5

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

Gallery image 6

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

Gallery image 7

หน้าโปรไฟล์ล็อกอิน

Gallery image 8

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

Gallery image 9

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

Gallery image 10

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

Gallery image 11

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

Gallery image 12

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

Gallery image 13

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

Gallery image 14

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

Gallery image 15

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

Gallery image 16

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

Gallery image 17

หน้าติดตามนักศึกษาที่ปรึกษา (อาจารย์ที่ปรึกษา)