KMUTNB Planner: จัดตารางเรียน
Software
28/05/2023 — Present

KMUTNB Planner: จัดตารางเรียน

เว็บแอปพลิเคชันสำหรับวางแผนตารางเรียนและตรวจสอบวิชาเรียนซ้ำซ้อนอย่างมีประสิทธิภาพ ออกแบบมาเพื่อยกระดับประสบการณ์การลงทะเบียนของนักศึกษามหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ (มจพ.)

RoleFull-stack Developer & UI/UX Designer
ContextEducational Tool
StackNext.js, TypeScript, Tailwind CSS, shadcn/ui, Radix UI, Axios, use-react-screenshot

1. ที่มาและความตั้งใจ

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

image.png

2. ระบบค้นหารายวิชาอัจฉริยะ

ระบบรองรับการค้นหารายวิชาด้วยความรวดเร็วผ่าน Course Code หรือ Course Name โดยดึงข้อมูลรายละเอียดวิชามาแสดงอย่างครบถ้วน ทั้งกลุ่มเรียน (Section), ชื่ออาจารย์ผู้สอน, วันเวลาเรียน และตารางสอบ เพื่อให้นักศึกษามีข้อมูลที่เพียงพอต่อการจัดตารางเรียนในแต่ละภาคการศึกษา

image.png

3. ตารางเรียนแบบโต้ตอบและตรวจสอบการซ้อนทับ

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

image.png

4. การปรับแต่งและการส่งออกข้อมูล

เพื่อเพิ่มความเป็นส่วนตัวและฟังก์ชันการใช้งานที่ครบถ้วน ผู้ใช้สามารถปรับเปลี่ยนโทนสีของวิชาเรียน (Color Customization) เพื่อให้อ่านง่ายและสวยงามตามต้องการ และมีระบบ Export Functionality ที่สามารถบันทอร์ตารางเรียนออกมาเป็นไฟล์ภาพ (PNG) เพื่อนำไปใช้งานต่อในอุปกรณ์พกพาได้อย่างสะดวก

image.png

5. ความปลอดภัยและประสิทธิภาพ

ระบบพัฒนาขึ้นด้วยเฟรมเวิร์ก Next.js และภาษา TypeScript เพื่อความเสถียรและประสิทธิภาพสูงสุดในการแสดงผลทางฝั่ง Client-side โดยมีการใช้ shadcn/ui ในการออกแบบส่วนติดต่อผู้ใช้ให้มีความทันสมัยและเป็นสากล นอกจากนี้ ระบบยังให้ความสำคัญกับความเป็นส่วนตัวโดยไม่มีการจัดเก็บข้อมูลส่วนบุคคลและไม่มีการเข้าถึงระบบฐานข้อมูลหลักของมหาวิทยาลัย ทำให้มั่นใจได้ในเรื่องความปลอดภัยของข้อมูล

ลองใช้งานได้แล้วที่ https://kmutnb-planner.vercel.app หรือสามารถพิมพ์หาใน Google ได้เลย!

EducationProductivityWeb ApplicationSchedule Planner