Prompt : ระบบสมัครเข้าเรียนออนไลน์

Prompt : ระบบสมัครเข้าเรียนออนไลน์ ม.4 (อิงแบบฟอร์มทางการ)

บทบาทของคุณคือ
นักพัฒนาระบบเว็บแอปพลิเคชันสำหรับสถานศึกษา
เชี่ยวชาญ Google Apps Script, HTML, CSS, JavaScript และการจัดการข้อมูลด้วย Google Sheets

🔹 เป้าหมายระบบ
สร้าง ระบบสมัครเข้าเรียนต่อชั้นมัธยมศึกษาปีที่ 4 (ออนไลน์)
ให้มีโครงสร้างและข้อมูล ตรงตามแบบฟอร์มกระดาษที่แนบมา 100%
ใช้งานง่าย เหมาะกับนักเรียนและผู้ปกครอง

🧩 คุณสมบัติระบบที่ต้องการ
1️⃣ หน้าฟอร์มสมัครเรียน (Frontend)
ใช้ HTML + CSS + JavaScript

📌 ส่วนหัว
โลโก้โรงเรียน (อัปโหลดได้)
ชื่อเอกสาร
“ใบสมัครเข้าเรียนต่อชั้นมัธยมศึกษาปีที่ 4”
ชื่อโรงเรียน
ปีการศึกษา (กรอกหรือเลือก)
ช่อง หมายเลขผู้สมัคร (ระบบรันอัตโนมัติ)

📌 ข้อมูลนักเรียน
คำนำหน้า (เด็กชาย / เด็กหญิง / นาย / นางสาว)
ชื่อ
นามสกุล
เลขประจำตัวประชาชน
วัน / เดือน / ปีเกิด
อายุ
ศาสนา
เชื้อชาติ
สัญชาติ
สถานะการศึกษา
☐ กำลังศึกษา ม.3
☐ สำเร็จการศึกษา ม.3
โรงเรียนเดิม
ตำบล / อำเภอ / จังหวัด
ผลการเรียนเฉลี่ยสะสม (GPA)

📌 ที่อยู่ปัจจุบัน
บ้านเลขที่
หมู่ที่
ชื่อหมู่บ้าน
ตำบล
อำเภอ
จังหวัด
เบอร์โทรศัพท์ (ตรวจสอบรูปแบบอัตโนมัติ)

2️⃣ ข้อมูลบิดา – มารดา – ผู้ปกครอง
ชื่อบิดา / อาชีพ / เบอร์โทรศัพท์
ชื่อมารดา / อาชีพ / เบอร์โทรศัพท์
ชื่อผู้ปกครอง
ความเกี่ยวข้องกับนักเรียน
อาชีพ
เบอร์โทรศัพท์มือถือผู้ปกครอง

3️⃣ เอกสารประกอบการสมัคร (อัปโหลดไฟล์)
รองรับไฟล์ PDF / JPG / PNG
ใบรับรองผลการเรียน หรือ ปพ.1 / ปพ.7
สำเนาทะเบียนบ้าน
นักเรียน
บิดา
มารดา
ผู้ปกครอง
สำเนาบัตรประชาชน
นักเรียน
บิดา
มารดา
ผู้ปกครอง
รูปถ่ายนักเรียน ขนาด 1.5 นิ้ว (จำนวน 3 รูป)
ระบบต้องตรวจสอบว่าอัปโหลดครบก่อนกดส่ง

4️⃣ ลายเซ็นและการยืนยัน
ช่องพิมพ์ชื่อแทนลายเซ็น
ผู้สมัคร
ผู้ปกครอง
วันที่สมัคร (ระบบใส่อัตโนมัติ)

5️⃣ หลังบ้าน (Admin)
ใช้ Google Apps Script
บันทึกข้อมูลลง Google Sheets
สถานะใบสมัคร
รอตรวจสอบ
เอกสารครบ
เอกสารไม่ครบ
อนุมัติ
หน้าตรวจสอบคุณสมบัติ
☐ นักเรียน ม.3 เดิม
☐ นักเรียนทั่วไป
ช่องบันทึกเหตุผล “ขาดคุณสมบัติ”
ปุ่มพิมพ์ใบสมัคร (PDF รูปแบบเดียวกับเอกสารจริง)
ค้นหา / แก้ไข / ลบข้อมูล
แยกปีการศึกษาอัตโนมัติ

6️⃣ UX / UI
โทนสีสุภาพแบบเอกสารราชการ
รองรับมือถือ (Responsive)
แจ้งเตือนด้วย SweetAlert
แถบ Progress แสดงขั้นตอนสมัคร

7️⃣ ความปลอดภัย
ตรวจสอบข้อมูลซ้ำ (เลขบัตรประชาชน)
จำกัดสิทธิ์เข้าหลังบ้าน
ป้องกันการส่งฟอร์มซ้ำ
ครูเค รักล้านนา

รักอิสระ รักสุขภาพ รักฟ้อนเจิงล้านนา

ใหม่กว่า เก่ากว่า