🏆 แผนการแบ่งงาน - ระบบประเมินผลการปฏิบัติงาน

⏱️ เวลาทำงาน: 6 ชั่วโมง

👥 จำนวนคน: 3 คน

📊 คะแนนรวม: 100 คะแนน

⏰ ไทม์ไลน์การทำงาน

09:00-10:00

ออกแบบ + Setup

10:00-12:00

พัฒนา Backend

12:00-13:00

พัก + รวมงาน

13:00-14:30

พัฒนา Frontend

14:30-15:00

ทดสอบ + แก้บัก

15:00-15:30

เตรียมนำเสนอ

👤 คนที่ 1

20 คะแนน

🎨 Designer + Database

ออกแบบระบบและฐานข้อมูล

📊 1. Flow Diagram 5 คะแนน

✓ Login Flow (1)
✓ Flow บุคลากร (1)
✓ Flow ผู้รับการประเมิน (1)
✓ Flow กรรมการ (1)
✓ System Overview (1)

⏱️ เวลา: 30-45 นาที

🗄️ 2. Database Design 5 คะแนน

✓ สร้างตาราง 3+ (1)
✓ Relationship ถูกต้อง (1)
✓ Data Type เหมาะสม (1)
✓ ER-Diagram ครบถ้วน (1)
✓ Naming Convention (1)

⏱️ เวลา: 45-60 นาที

🖼️ 3. UI/UX Design 5 คะแนน

✓ Login Screen (1)
✓ Dashboard (1)
✓ หน้าบุคลากร (1)
✓ หน้าผู้รับการประเมิน (1)
✓ หน้างรรมการ (1)

⏱️ เวลา: 45-60 นาที

📡 4. API Design 5 คะแนน

✓ RESTful Standard (1)
✓ Endpoint ชัดเจน (1)
✓ Response Body (1)
✓ Error Handling (1)
✓ Security (JWT) (1)

⏱️ เวลา: 30-45 นาที

📝 เครื่องมือ:

• Draw.io (Offline)
• HeidiSQL / DBeaver
• Docker (MySQL/MariaDB)

⏱️ รวมเวลา: 2.5-3.5 ชั่วโมง

👤 คนที่ 2

40 คะแนน

⚙️ Backend Developer

API + Database + Authentication

🔧 1. Backend API 10 คะแนน

✓ GET + Query/Path (1)
✓ POST + Body (1)
✓ File Upload API (1)
✓ JWT Login (1)
✓ Exception Handling (1)
✓ Response Format (1)
✓ API Documentation (1)
✓ Parameter ชัดเจน (1)
✓ Code Structure (1)
✓ Security Check (1)

⏱️ เวลา: 2-2.5 ชั่วโมง

👥 2. ส่วนบุคลากร 14 คะแนน

✓ เพิ่มหัวข้อประเมิน (1)
✓ กำหนดเวลาเปิด-ปิด (1)
✓ เพิ่มตัวชี้วัด (1)
✓ รูปแบบ มี/ไม่มี (1)
✓ สเกล 1-4 (1)
✓ Upload หลักฐาน (1)
✓ จัดการผู้รับการประเมิน (1)
✓ เพิ่มกรรมการ (1)
✓ มอบหมายกรรมการ (1)
✓ กำหนดบทบาท (1)
✓ สรุปการประเมิน (1)
✓ ติดตามกรรมการ (1)
✓ ติดตามผู้รับการประเมิน (1)
✓ รายงานรายบุคคล (1)

⏱️ เวลา: 1.5-2 ชั่วโมง

🧪 3. Testing 5 คะแนน

✓ Test Login (1)
✓ Test Insert (1)
✓ Test Update (1)
✓ Test API 3+ (1)
✓ DevTools Check (1)

⏱️ เวลา: 30-45 นาที

🎁 4. Function พิเศษ 11 คะแนน

✓ การแสดงข้อมูล (2)
✓ ตรวจสอบข้อมูล (2)
✓ Upload (5)
✓ Backup/Restore (2)

⏱️ เวลา: 1-1.5 ชั่วโมง

📝 เครื่องมือ:

• Node.js + Express
• JWT, Multer, Validator
• Thunder Client / Postman

⏱️ รวมเวลา: 5-6 ชั่วโมง

👤 คนที่ 3

40 คะแนน

🎨 Frontend Developer

UI/UX + Integration + Testing

📱 1. ผู้รับการประเมิน 8 คะแนน

✓ ลงทะเบียน (1)
✓ บันทึกข้อมูลส่วนตัว (1)
✓ เพิ่มข้อมูลตัวชี้วัด (1)
✓ กรอกคะแนนตนเอง (1)
✓ บันทึกการประเมิน (1)
✓ ดูความคืบหน้า (1)
✓ Export PDF (1)
✓ ดูความคิดเห็น (1)

⏱️ เวลา: 1.5-2 ชั่วโมง

👨‍⚖️ 2. กรรมการผู้ประเมิน 8 คะแนน

✓ แสดงผู้รับการประเมิน (1)
✓ แสดงตัวชี้วัด+หลักฐาน (1)
✓ แสดงคะแนนตนเอง (1)
✓ ให้คะแนน (1)
✓ ให้ความคิดเห็น (1)
✓ แสดงผลตาราง (1)
✓ ลงนามลายเซ็น (1)
✓ ยืนยันส่งผล (1)

⏱️ เวลา: 1.5-2 ชั่วโมง

🧪 3. Testing UI 5 คะแนน

✓ Validation ข้อมูล (1)
✓ Test Functions (1)
✓ DevTools Console (1)
✓ Responsive Design (1)
✓ Cross-browser (1)

⏱️ เวลา: 30-45 นาที

🎁 4. Function พิเศษ 9 คะแนน

✓ Report (3)
✓ Function อื่นๆ (6)

⏱️ เวลา: 1-1.5 ชั่วโมง

🎤 5. เตรียมนำเสนอ 10 คะแนน

✓ ตอบคำถาม (3)
✓ แบ่งงานกัน (3)
✓ บุคลิกภาพ (3)
✓ เวลานำเสนอ (1)

⏱️ เวลา: 30 นาที

📝 เครื่องมือ:

• Vue 3 + Vite
• Vuetify / Tailwind
• Axios + Pinia

⏱️ รวมเวลา: 5-6 ชั่วโมง

📊 สรุปคะแนน

👤 คนที่ 1 (Designer + DB) 20 คะแนน

👤 คนที่ 2 (Backend) 40 คะแนน

👤 คนที่ 3 (Frontend) 40 คะแนน

รวมทั้งหมด 100 คะแนน

⚠️ จุดสำคัญที่ต้องระวัง

🔥

JWT Authentication

ต้องทำให้ทำงานก่อน (Backend)

⚡

Database Design

ต้องเสร็จก่อนเขียน API

💾

File Upload

ใช้ Multer, ทดสอบให้มั่นใจ

📱

Responsive Design

ทดสอบทั้ง Mobile + Desktop

🧪

Testing

ทดสอบทุก function ก่อนนำเสนอ

🚀 Quick Reference - สิ่งที่ต้องมี

📋 Documents (คนที่ 1)

✓ Flow Diagram (5 แบบ)
✓ ER-Diagram
✓ UI Mockups (5 หน้า)
✓ API Documentation

⚙️ Backend (คนที่ 2)

✓ Express API Server
✓ MySQL Database
✓ JWT Authentication
✓ File Upload
✓ Error Handling

🎨 Frontend (คนที่ 3)

✓ Vue 3 + Vite
✓ Vuetify UI
✓ Pinia Store
✓ Vue Router
✓ Responsive Design

💡 เคล็ดลับ: สื่อสารกันตลอดเวลา ใช้ Git สำหรับรวมโค้ด และทดสอบบ่อยๆ

สร้างโดย: ระบบวิเคราะห์โจทย์การแข่งขัน | อัพเดต: 12 พ.ย. 2568