ระบบเช็คชื่อนักเรียน

รูปแบบโดยรวม เป็นเว็บแอปพลิเคชันแบบหน้าเดียว (Single Page Application) ใช้สีฟ้าเป็นสีหลักของเว็บไซต์ ทำให้ดูเป็นทางการและน่าเชื่อถือ มีการจัดวางองค์ประกอบแบบ Responsive ทำให้ใช้งานได้ทั้งบนคอมพิวเตอร์และอุปกรณ์เคลื่อนที่ ใช้ Card Layout และเงาเพื่อสร้างมิติให้กับหน้าเว็บ องค์ประกอบหลัก 1. ส่วนหัว มีหัวข้อ "ระบบเช็คชื่อนักเรียน" แสดงด้วยฟอนต์ขนาดใหญ่สีฟ้า แสดงวันที่ปัจจุบันแบบอัตโนมัติในรูปแบบไทย (วัน เดือน ปี พ.ศ.) 2. ส่วนควบคุม มีเมนูแบบ Dropdown สำหรับเลือกชั้นเรียน (ม.1 - ม.6) มีช่องกรอกข้อมูลสำหรับเพิ่มนักเรียนใหม่ ช่องกรอกรหัสนักเรียน ช่องกรอกชื่อ-นามสกุล ปุ่ม "เพิ่มนักเรียน" สีฟ้า 3. ส่วนสรุปผล แสดงสถิติการเช็คชื่อในรูปแบบการ์ดสรุป 4 รายการ จำนวนนักเรียนทั้งหมด จำนวนนักเรียนที่มาเรียน (สีเขียว) จำนวนนักเรียนที่ขาดเรียน (สีแดง) จำนวนนักเรียนที่มาสาย (สีส้ม) 4. ตารางรายชื่อนักเรียน แสดงข้อมูลในรูปแบบตารางที่มี 5 คอลัมน์ ลำดับ รหัสนักเรียน ชื่อ-นามสกุล สถานะการมาเรียน (แสดงด้วยป้ายสี) ปุ่มดำเนินการ 5. ส่วนส่งออกข้อมูล มีปุ่ม "ส่งออกข้อมูล (Excel)" สีเขียวที่ด้านล่างของหน้า ขั้นตอนการทำงาน 1. การวิเคราะห์ความต้องการ 2. การออกแบบระบบ 3. การพัฒนาระบบ 4. การทดสอบระบบ 5. การบำรุงรักษาและสนับสนุน