🔒

หน้านี้ต้องใส่รหัสผ่าน

สอนทำ Apps Script · ระบบเช็คชื่อพนักงาน

← กลับหน้าแรก

Apps Script · ระบบเช็คชื่อพนักงาน

🕐

ระบบเช็คชื่อพนักงานออนไลน์ ด้วย Apps Script

ต่อยอด Apps Script เป็นเว็บแอปจริง — เช็คชื่อ ลา สถิติ Dashboard รายงาน PDF และแจ้งเตือน LINE โดยใช้ Google Sheets เป็นฐานข้อมูล ฟรี ไม่ต้องมีเซิร์ฟเวอร์เอง

🎯 เป้าหมาย: จบบทนี้ น้องจะได้ ระบบเช็คชื่อพนักงานออนไลน์ ครบวงจร — เช็คชื่อรายวัน อนุมัติใบลา ดูสถิติ Real-time ออกรายงาน PDF/Excel และแจ้งเตือนผ่าน LINE ทำงานบน Google Sheets แล้วได้ลิงก์เปิดใช้จริง
📖 ระบบนี้ทำงานอย่างไร?

เป็น Web App บน Google Apps Script ที่ใช้ Google Sheets เป็นฐานข้อมูล — มีระบบล็อกอิน 3 บทบาท (admin / hr / หัวหน้างาน) เก็บการเช็คชื่อ ใบลา และตั้งค่าไว้ในชีต แล้วแสดงผลเป็น Dashboard + กราฟด้วย Chart.js

โค้ดทั้งหมดมีให้โหลดจากเมนู ☰ (Code.gs + Index.html) — รันฟังก์ชัน setupSystem ครั้งเดียว ระบบจะสร้างชีตและข้อมูลตัวอย่างให้เอง

✅ เช็คชื่อรายวัน 5 สถานะ 🕐 ตารางกะ + คิดมาสาย 📝 ยื่น/อนุมัติใบลา 📊 Dashboard Real-time 📈 สถิติรายบุคคล 📄 รายงาน PDF/Excel 💬 แจ้งเตือน LINE 📱 Responsive
🧩 ส่วนประกอบหลัก
ส่วนประกอบหน้าที่
Code.gsฝั่งเซิร์ฟเวอร์ — ล็อกอิน อ่าน/เขียนข้อมูล ออกรายงาน ส่ง LINE และมี doGet() คืนหน้าเว็บ
Index.htmlหน้าเว็บ Single Page — Login + Dashboard + เช็คชื่อ + ลา + สถิติ + รายงาน + ตั้งค่า
google.script.runสะพานเชื่อม — ให้หน้าเว็บเรียกฟังก์ชันใน Code.gs
SpreadsheetAppใช้ Google Sheets เป็นฐานข้อมูล (อ่าน/เขียนข้อมูลจริง)
LINE Messaging APIส่งแจ้งเตือนสรุปเช็คชื่อ / ใบลา เข้ากลุ่มหรือผู้ใช้
🗄️ ฐานข้อมูล 6 ชีต (สร้างอัตโนมัติ)
ชีตเก็บอะไร
Employeesข้อมูลพนักงาน — รหัส ชื่อ ตำแหน่ง แผนก กะ เบอร์โทร สถานะ
Attendanceบันทึกการเช็คชื่อรายวัน — วันที่ รหัส สถานะ เวลาเข้า หมายเหตุ
Shiftsตารางกะ — ชื่อกะ เวลาเข้า เวลาออก
LeaveRequestsใบลา + สถานะอนุมัติ + ผู้อนุมัติ
Usersผู้ใช้ระบบ — ชื่อผู้ใช้ รหัสผ่าน บทบาท
Settingsค่าตั้งค่า — LINE Token, Target ID, ชื่อบริษัท
🎯 ภารกิจ 6 ขั้นตอน