🎓 ระดับ ปวส. (High Vocational Certificate)

แผนการแบ่งงาน IoT + DevOps + Full Stack

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

👥 จำนวนคน: 3 คน | 📊 คะแนนรวม: 100 คะแนน

⚠️

ความซับซ้อนสูง - ปวส. Level!

✅ Network + VLAN + Routing
✅ Virtualization (Proxmox/VMware)
✅ Docker + GitLab + CI/CD
✅ Linux Server Administration
✅ DevOps Pipeline (Auto Deploy)
✅ Full Stack (Vue 3 + Nuxt + API)

⏰ ไทม์ไลน์การทำงาน (แบบขนาน)

09:00-10:00

Network + VM Setup

10:00-11:30

DevOps + Design

11:30-12:00

Integration

12:00-13:00

พัก + Sync

13:00-14:30

Full Stack Dev

14:30-15:30

Test + Present

👤 คนที่ 1

30 คะแนน

🌐 Network + DevOps Engineer

Network, VM, Linux, Docker, GitLab, CI/CD

🌐 1. Network Setup 10 คะแนน

✓ VLAN Config (Server + Dev) (2)
✓ Inter-VLAN Routing (3)
✓ DHCP + Snooping (3)
✓ NAT Configuration (2)

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

🎯 ใช้ Router/Switch ที่จัดให้

💻 2. Virtualization 3 คะแนน

✓ ติดตั้ง Proxmox/VirtualBox (1)
✓ สร้าง VM ตามโครงสร้าง (1)
✓ กำหนด Network Card/Bridge (1)

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

🐧 3. Linux Server 4 คะแนน

✓ ติดตั้ง Ubuntu/Debian (1)
✓ Config IP Static/DHCP (1)
✓ Hostname + DNS (1)
✓ Systemctl + Firewall (1)

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

🔐 4. Remote Access 3 คะแนน

✓ SSH Service + User (1)
✓ Remote ได้จริง (non-root) (1)
✓ Firewall เปิด Port SSH (1)

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

🔧 5. DevOps Tools 3 คะแนน

✓ Docker Installation (1)
✓ GitLab Container/VM (1)
✓ Jenkins/GitLab CI (1)

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

🐳 6. Docker Files 2 คะแนน

✓ Dockerfile สำหรับ Node (1)
✓ docker-compose.yaml (1)

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

🚀 7. CI/CD Pipeline 5 คะแนน

✓ .gitlab-ci.yml สร้างได้ (1)
✓ Stages: build, test, deploy (1)
✓ Push แล้ว Trigger (1)
✓ Auto Deploy ได้ (1)
✓ Auto Build/Test (1)

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

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

• Router/Switch (ที่จัดให้)
• Proxmox / VirtualBox
• Ubuntu Server / Debian
• Docker + Docker Compose
• GitLab + Jenkins

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

👤 คนที่ 2

30 คะแนน

⚙️ Backend + Design Specialist

Design, Database, Backend API

� 1. Flow Diagram 5 คะแนน

✓ Login Flow (1)
✓ Flow ผู้ดูแลระบบ (1)
✓ Flow ผู้ใช้ระดับ 1 (1)
✓ Flow ผู้ใช้ระดับ 2 (1)
✓ System Overview (1)

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

� ใช้ Draw.io Offline

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

✓ สร้างตาราง 3+ (1)
✓ Relational Design (1)
✓ Data Type เหมาะสม (1)
✓ ER-Diagram (1)
✓ Naming Convention (1)

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

🎨 3. UI Design 5 คะแนน

✓ หน้าผู้ดูแลระบบ (1)
✓ หน้าผู้ใช้ระดับ 1 (1)
✓ หน้าผู้ใช้ระดับ 2 (1)
✓ Dashboard/Overview (1)
✓ Login Screen (1)

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

� 4. API Design 5 คะแนน

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

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

⚙️ 5. 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 + Auth (1)

⏱️ เวลา: 120-150 นาที

🎯 ใช้ Node.js + Express

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

• Draw.io (Design)
• Node.js + Express
• JWT + Multer
• MySQL/MariaDB
• Thunder Client

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

👤 คนที่ 3

40 คะแนน

🎨 Frontend Developer

Vue 3 + Nuxt + Tailwind + Docker

🎨 1. Frontend Development 20 คะแนน

✓ Responsive Layout (1)
✓ JWT Authentication (1)
✓ แยก Login ตามระดับ (1)
✓ Database ตรงความต้องการ (1)
✓ เพิ่มข้อมูลได้ (1)
✓ แนบไฟล์ได้ (1)
✓ แก้ไขข้อมูล (1)
✓ แก้ไขไฟล์แนบ (1)
✓ แจ้งเตือนลบ (1)
✓ แสดงข้อมูลตามสิทธิ์ (1)
✓ ระบบค้นหา/Filter (1)
✓ Pagination (1)
✓ Validate Frontend (1)
✓ Error Handling FE (1)
✓ แสดง Error Message (1)
✓ Dockerfile Backend (1)
✓ Dockerfile Frontend (1)
✓ docker-compose (1)
✓ Pipeline config (1)
✓ Auto Push trigger (1)

⏱️ เวลา: 240-300 นาที

🎯 ใช้ Vue 3 + Nuxt + Tailwind

🎤 2. การนำเสนอ 10 คะแนน

✓ ตอบคำถาม Backend/Frontend (3)
✓ นำเสนอการทำงานร่วมกัน (3)
✓ บุคลิกภาพ (3)
✓ เวลานำเสนอ ≤ 10 นาที (1)

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

🎯 เตรียมสไลด์ + Demo

🧪 3. Testing & Integration 10 คะแนน

✓ ทดสอบ API ทั้งหมด
✓ ทดสอบ Frontend ทุกหน้า
✓ ทดสอบ Authentication
✓ ทดสอบ File Upload
✓ ทดสอบ CRUD Operations
✓ ทดสอบ Responsive
✓ Check DevTools Console

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

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

• Vue 3 + Nuxt 3
• Tailwind CSS / Vuetify
• Axios + Pinia
• Docker + Compose
• Browser DevTools

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

📊 สรุปคะแนนตามส่วน

1️⃣ Network (VLAN+Routing+DHCP+NAT) 10 คะแนน

2️⃣ Server Setup (VM+Linux+DevOps) 20 คะแนน

3️⃣ Software (Design+API+Frontend) 60 คะแนน

4️⃣ Presentation 10 คะแนน

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

👥 สรุปคะแนนตามคน

👤 คนที่ 1 - Network + DevOps

Network, VM, Docker, GitLab, CI/CD

30 คะแนน

👤 คนที่ 2 - Backend + Design

Design, Database, Backend API

30 คะแนน

👤 คนที่ 3 - Frontend

Vue 3 + Nuxt + Tailwind + Testing

40 คะแนน

🤝 งานที่ทำร่วมกัน

• คนที่ 1 + 3: Dockerfile & docker-compose
• คนที่ 1 + 3: CI/CD Pipeline Integration
• ทั้ง 3 คน: การนำเสนอ (10 คะแนน - คนที่ 3 รับผิดชอบหลัก)

🔥 จุดสำคัญที่ต้องระวัง (Critical Path)

🌐 Network ต้องเสร็จก่อน

VLAN, Routing, DHCP ต้องทำงานได้ก่อนติดตั้ง VM และ Server

🐧 Linux Server คือ Foundation

ทุกอย่างรันบน VM/Container - ต้องมี Linux Server ก่อน

🐳 Docker ต้องพร้อมเร็ว

MQTT, GitLab, Database ทั้งหมดรันใน Container

� Database Design ต้องดี

ER-Diagram ต้องชัดเจน - Backend ขึ้นอยู่กับ DB

🚀 CI/CD Pipeline ใช้เวลา

ต้อง Debug ให้ทำงาน Auto - อย่ารีบ

🔐 JWT Authentication

Frontend + Backend ต้องทำงานร่วมกันได้

📊 Dashboard 5 รูปแบบ

ต้องแตกต่างกันชัดเจน - วางแผนก่อนเขียน

🧪 ทดสอบทุกระบบก่อนนำเสนอ

Network, IoT, API, Frontend, CI/CD - ครบทุกส่วน

🛠️ Technology Stack ที่ใช้

🌐 Network

• VLAN
• Router/Switch
• DHCP
• NAT

💻 Infrastructure

• Proxmox / VirtualBox
• Ubuntu / Debian
• Docker + Compose
• GitLab + Jenkins

⚙️ Backend

• Node.js + Express
• JWT Authentication
• Multer (File Upload)
• MySQL/MariaDB

💻 Full Stack

• Vue 3 + Nuxt 3
• Node.js + Express
• MySQL / MariaDB
• Tailwind CSS

🎤 การนำเสนอผลงาน (10 คะแนน)

💬 ตอบคำถาม (3 คะแนน)

• เตรียมคำถาม Backend
• เตรียมคำถาม Frontend
• แนวทางแก้ปัญหา

🤝 การทำงานร่วมกัน (3 คะแนน)

• อธิบายการแบ่งงาน
• แสดง Git Workflow
• ความร่วมมือของทีม

👔 บุคลิกภาพ (3+1 คะแนน)

• บุคลิกภาพดี (3)
• นำเสนอภายใน 10 นาที (1)

💡 เคล็ดลับ: ทำงานแบบขนานให้มากที่สุด - Network + Backend + Frontend พร้อมกัน

สร้างโดย: ระบบวิเคราะห์โจทย์การแข่งขัน ปวส. (ไม่รวม IoT) | อัพเดต: 14 พ.ย. 2568

แผนการแบ่งงาน IoT + DevOps + Full Stack

ความซับซ้อนสูง - ปวส. Level!

⏰ ไทม์ไลน์การทำงาน (แบบขนาน)

👤 คนที่ 1

🌐 Network + DevOps Engineer

👤 คนที่ 2

⚙️ Backend + Design Specialist

👤 คนที่ 3

🎨 Frontend Developer

📊 สรุปคะแนนตามส่วน

👥 สรุปคะแนนตามคน

🔥 จุดสำคัญที่ต้องระวัง (Critical Path)

🛠️ Technology Stack ที่ใช้

🌐 Network

💻 Infrastructure

⚙️ Backend

💻 Full Stack

🎤 การนำเสนอผลงาน (10 คะแนน)

💬 ตอบคำถาม (3 คะแนน)

🤝 การทำงานร่วมกัน (3 คะแนน)

👔 บุคลิกภาพ (3+1 คะแนน)

✅ Checklist ก่อนนำเสนอ

🌐 Network & Infrastructure

⚙️ Backend & DevOps

💻 Full Stack