💡 คู่มือการใช้งานสำหรับ Admin

ระบบลงเวลางาน Biometric • Multi-Tenant
🔐 เข้าสู่ระบบก่อนใช้งาน 🧾 ลงทะเบียนฟรี 2 เดือน
⚠️ คุณยังไม่ได้ Login! คุณสามารถอ่านคู่มือการใช้งานได้ทันที แต่ปุ่มเมนูเช่น จัดการพนักงาน, ตู้ Biometric, ชำระเงิน จะต้อง 🔐 เข้าสู่ระบบ ก่อนครับ

💡 คู่มือการใช้งานระบบลงเวลางาน Biometric

หน้านี้รวบรวมคำแนะนำการใช้งานทุกอย่างไว้ครบ (อ่านได้ฟรี ไม่ต้อง Login) ถ้าจะใช้ระบบจริงๆ กรุณา 🔐 Login ก่อนครับ

📘 Open Guide Mode: อ่านได้ทันที • ไม่เก็บข้อมูลส่วนตัว  •  👉 กดที่นี่เพื่อเข้าสู่ระบบ
📱 ติดตั้งไอคอนหน้าจอมือถือ 🔐 ตู้ Biometric ลงเวลา ➕ วิธีเพิ่มพนักงาน 📊 ดูรายงาน OT / เดือน 💳 ชำระเงินอัปเกรดแพ็ค ❓ คำถามที่พบบ่อย (FAQ) 📞 ติดต่อเจ้าหน้าที่

📱 ติดตั้งไอคอนบนหน้าจอมือถือ (เหมือนแอป)

ทำให้พนักงาน / Admin กดไอคอนเดียวเข้าระบบได้ทันที ไม่ต้องเปิด Chrome + พิมพ์ URL ทุกครั้ง ใช้เวลา 30 วินาทีเท่านั้นครับ

✅ ทำได้ทุกเครื่อง Android / iPhone ✅ ไม่ใช้พื้นที่ Internal Storage ✅ ไม่ต้องผ่าน App Store / Play Store
🤖 Android (ใช้ Chrome เท่านั้น)
  1. เปิดแอป Chrome บนมือถือ
  2. เข้า URL ระบบของเรา: http://graphictents.net/emp/login.php
  3. กดเมนู ⋮ 3 จุด มุมขวาบน ของ Chrome
  4. เลือกเมนู 「➕ เพิ่มไปยังหน้าจอหลัก」 หรือ Install app (ถ้า Chrome เวอร์ชันใหม่)
  5. พิมพ์ชื่อแอป (ค่าเริ่มต้นคือ 「ลงเวลางาน」) แล้วกด 「เพิ่ม」
  6. เสร็จสิ้น ✅ จะเห็นไอคอน Logo ของระบบบนหน้าจอทันที
👉 ต่อไปกดไอคอนนี้ได้เลย! เปิดแบบ Full หน้าจอ ไม่มีแถบ URL ของ Chrome
🍏 iPhone / iPad (ใช้ Safari เท่านั้น ❌ ห้ามใช้ Chrome)
  1. เปิดแอป Safari (สีน้ำเงิน เข็มทิศ)
  2. เข้า URL ระบบ: http://graphictents.net/emp/login.php
  3. กดไอคอน ↗ แชร์ (ปุ่มกลางแถบล่างสุดของ Safari)
  4. เลื่อนลงมาเจอเมนู 「➕ เพิ่มไปยังหน้าจอหลัก」 แล้วกด
  5. ตรวจสอบชื่อ (ค่าเริ่มต้น 「ลงเวลางาน」) แล้วกด 「เพิ่ม」 มุมขวาบน
  6. เสร็จสิ้น ✅ ไอคอนปรากฏบนหน้าจอ SpringBoard
⚠️ สำคัญ: ถ้าใช้ Chrome บน iPhone → ปุ่ม "เพิ่มไปหน้าจอหลัก" จะไม่มี! ต้องใช้ Safari เท่านั้น

🎁 ฟีเจอร์พิเศษ (เมื่อกดค้างไอคอนบน Android):

กด ค้างไว้ที่ไอคอน「ลงเวลางาน」 จะมีเมนูลัดขึ้นมา 4 เมนู:

เมนูไปหน้าเหมาะกับ
📝 พนักงานลงเวลาmobile_home.phpพนักงานทุกคน กดลงเวลาเข้า-ออก
👥 จัดการพนักงานadmin_employees.phpAdmin บริษัท
🔐 ตู้ Biometricadmin_bio_kiosk.phpหน้าตู้สแกนนิ้ว/ใบหน้าที่หน้างาน
🧑‍💼 SA Dashboardsuper_admin.phpSuper Admin เท่านั้น
💡 แนะนำ: ให้พนักงานทุกคนทำตามวิธีนี้ครั้งเดียว ตอนแรกเพื่อสะดวกในการใช้งานชีวิตประจำวัน

🔐 ตู้ Biometric ลงเวลา (ฝั่งหน้างาน)

หน้านี้ออกแบบมาสำหรับ วางแท็บเล็ต / PC ที่หน้างาน ให้พนักงานมาสแกนลงเวลาเอง หรือ Admin เป็นคนกดแทน ได้ 2 ใน 1 ครับ

📷 สแกนใบหน้า (Face Scan) 🖐 สแกนนิ้วมือ (Fingerprint) ✋ กดเองด่วน (Manual)
📑 สารบัญหัวข้อย่อย:
  1. ช่องทางการเข้าหน้าตู้ Biometric
  2. คำอธิบายปุ่ม 6 ปุ่มใหญ่
  3. วิธีใช้งานแบบขั้นตอนทีละขั้น
  4. เงื่อนไขการใช้สแกนนิ้ว / ใบหน้า

1) ช่องทางเข้าหน้า:

  • กดปุ่ม 🔐 ตู้ Biometric ลงเวลา บนแถบเมนูทุกหน้า Admin
  • หรือพิมพ์ URL ตรงๆ: admin_bio_kiosk.php
  • หรือกดค้างไอคอนบนมือถือ → เลือก ตู้ Biometric

2) ปุ่มใหญ่ 6 ปุ่ม (3 แถว):

แถวที่ปุ่มซ้ายปุ่มขวาสีที่เห็น
1🖐 สแกนนิ้วเข้า (FINGERPRINT IN)👋 สแกนนิ้วออก (FINGERPRINT OUT)สีม่วง
2📷 สแกนหน้าเข้า (FACE IN)📷 สแกนหน้าออก (FACE OUT)สีฟ้า
3✋ กดเองเข้า (ด่วน)✋ กดเองออก (ด่วน)สีเขียว

3) ขั้นตอนการใช้งานทุกครั้ง:

1เลือกพนักงานก่อน!

จาก Dropdown ด้านบน เลือกชื่อพนักงาน หรือพิมพ์รหัสพนักงาน 5 หลักในช่องขวามือ (ระบบจะ sync เลือกให้อัตโนมัติ) → ระบบจะแสดงรูป + ชื่อ + ตำแหน่ง พร้อมสถานะว่าวันนี้ ยังไม่เข้า / เข้าแล้วกำลังทำงาน / ออกแล้ว

2กดปุ่มลงเวลา (หนึ่งใน 6 ปุ่ม)
  • ถ้าเป็น กดเอง → บันทึกทันที (เร็วที่สุด แนะนำใช้ช่วงแรก)
  • ถ้าเป็น สแกนใบหน้า → Modal กล้องเปิดขึ้น → จัดใบหน้าอยู่ในกรอบสีเขียว → กดปุ่ม 「📸 ถ่ายและลงเวลา」 → ระบบจับรูป + บันทึก
  • ถ้าเป็น สแกนนิ้ว → Android/แท็บเล็ตจะเด้ง Popup ให้สัมผัส Sensor นิ้วมือ (หรือ Windows Hello บน PC) → Success แล้วบันทึก
3ตรวจสอบผลลัพธ์ + ตารางด้านล่าง

ด้านล่างจะมี Last Result Box (สีเขียว) แสดงผลการลงเวลาล่าสุด พร้อมรูปใบหน้า (ถ้าใช้ Face Scan) และตาราง 「✅ บันทึกวันนี้」 จะอัปเดตทันที พร้อม Chip สีบอกวิธีการลงเวลา (📷 FACE / 🖐 FINGERPRINT / ✋ MANUAL)

4) ข้อจำกัดสแกนนิ้ว / ใบหน้า:

⚠️ Browser ทุกตัวบังคับต้องใช้ HTTPS เท่านั้น! (Chrome / Safari จะไม่ให้เปิดกล้อง และจะไม่เรียก WebAuthn ถ้าเปิดด้วย http://)
→ ตอนนี้ระบบจะ redirect ไป HTTP ชั่วคราว (รอ Auto-SSL ของ Hosting ภายใน 24 ชั่วโมง) เมื่อ SSL พร้อม ผู้ดูแลระบบจะ Reverse redirect เป็น HTTPS ทันทีครับ
→ ก่อนหน้านั้น ใช้ 「✋ กดเองเข้า/ออก」 ได้เลยครับ (ยังใช้งานได้ 100% บน HTTP)

➕ วิธีเพิ่มพนักงาน (Admin บริษัท)

1เข้าหน้า Admin จัดการพนักงาน

กดปุ่ม 👥 จัดการพนักงาน บนเมนู หรือ URL: admin_employees.php

2กดปุ่ม ➕ เพิ่มพนักงาน
  • เพิ่มคนเดียว: กดปุ่ม 「➕ เพิ่มพนักงาน」 → กรอกข้อมูล (รหัสพนักงาน 5 หลัก, ชื่อ-นามสกุล, ตำแหน่ง, เบอร์โทร, รูปภาพ ไฟล์ JPG/PNG)
  • Import เป็นกลุ่ม: เตรียมไฟล์ Excel (.xlsx หรือ .xls) จากรูปแบบที่ระบบแนบมา → กด 「📄 Import Excel」 → ระบบจะสร้างพนักงานเป็น 10-50 คนทีละครั้ง
3Login ครั้งแรกของพนักงาน

แจ้งรหัสพนักงาน 5 หลัก (เช่น 00105) + Password เริ่มต้น คือเดียวกับรหัสพนักงาน → ให้พนักงาน Login ที่ login.php แล้วเปลี่ยนรหัสผ่านครั้งแรกครับ

💡 รูปภาพพนักงาน: แนะนำอัปโหลดรูปใบหน้า 1:1 (สี่เหลี่ยมจัตุรัส) ขนาดไม่เกิน 2MB จะได้ชื่นชมในหน้าตู้ Biometric และหน้า Mobile สวยงาม

📊 วิธีดูรายงาน (เข้า-ออก, OT, รายเดือน)

เมนูที่เกี่ยวข้อง (บนหน้า 👥 จัดการพนักงาน):

ชื่อรายงานคำอธิบายเหมาะใช้เมื่อ
📅 รายงานรายวันดูพนักงานทุกคน เข้า-ออก ชั่วโมงงานของวันใดวันหนึ่งเช็คท้ายวัน ว่ามีใครขาด/สายไหม
📆 รายงานรายเดือนยอดรวมทั้งเดือน: วันทำงาน, ชม.งาน, OT, ลากิจ, ลาป่วยส่งบัญชี / คำนวณเงินเดือน
⏱️ รายงาน OTกลุ่มเฉพาะเรคคอร์ด OT ทุกครั้งตรวจสอบ OT ก่อนจ่าย
🖨️ พิมพ์สลิปเงินเดือนออกสลิป PDF พร้อมหัก-เพิ่มต่างๆส่งให้พนักงานคนละใบ
💡 Tip: ทุกรายงานสามารถ Export Excel (.xlsx) ได้เลยจากปุ่มสีเขียวมุมขวาบนของตาราง คลิกแล้วดาวน์โหลดทันที ไม่ต้อง Copy-Paste เอง

💳 วิธีชำระเงิน / อัปเกรดแพ็คเกจ

เมื่อทดลองใช้ฟรีใกล้หมด หรือจำนวนพนักงานเกิน 3 คน (แพ็คเริ่มต้นฟรี) ต้องชำระเงินเพื่อต่อสัญญา ครับ

วิธีชำระเงินทีละขั้น:

1เข้าหน้า Billing

กดเมนู 💳 ชำระเงิน หรือ URL billing.php → จะเห็นแพ็คที่แนะนำตามจำนวนพนักงานของบริษัท (ระบบคำนวณอัตโนมัติ)

2เลือกแพ็ค → โอนเงินตาม QR หรือเลขบัญชี
  • เลือกแพ็ค (3 เดือน / 6 เดือน / 1 ปี) → ยิ่งนานยิ่งประหยัด!
  • โอนเงินผ่านแอป Mobile Banking ตาม QR Code หรือเลขบัญชีที่แสดง
3กรอกฟอร์มแนบสลิป + วันเวลาโอน (3 ช่องใหม่!)
ช่องกรอกคำอธิบายระดับความจำเป็น
📅 วันที่โอน (Transfer Date)เลือกวันที่จากปฏิทินที่โอนจริง✅ จำเป็น
⏰ เวลาที่โอน (Transfer Time)เลือกเวลา (H:i) จากแอปธนาคาร เช่น 13:45✅ จำเป็น
🖼️ อัปโหลดรูปสลิปไฟล์ JPG/PNG จากภาพหน้าจอแอป Banking ขนาดไม่เกิน 8MB✅ จำเป็น
4กด Submit → รอ Super Admin อนุมัติภายใน 24 ชั่วโมง

ส่งสำเร็จแล้วจะมีข้อความ 「💸 ส่งสลิปเรียบร้อย รออนุมัติ」 แสดงผลบนหน้า Billing ครับ
Super Admin จะเห็นรูปสลิป + วันเวลาโอนใน Dashboard แล้วคลิก อนุมัติ → แพ็คของคุณจะอัปเดตทันที

⚠️ ห้ามซ้ำ: ถ้ายังมีรายการ PENDING อยู่ (รออนุมัติ) อย่าส่งซ้ำครับ รอ 24 ชั่วโมงก่อน หรือติดต่อ Super Admin ทางไลน์

❓ คำถามที่พบบ่อย (FAQ)

Q1.พนักงานลืม Password จะทำยังไง?
Admin เข้าไปที่หน้า 👥 จัดการพนักงาน → คลิกชื่อพนักงาน → Reset Password ระบบจะตั้ง Password ใหม่ = รหัสพนักงาน 5 หลัก (เช่น 00105) ให้อัตโนมัติครับ แล้วแจ้งให้พนักงาน Login แล้วเปลี่ยนรหัสใหม่ทันที
Q2.พนักงานลงเวลาเข้าไปแล้ว อยากแก้เวลาเป็นอีกชั่วโมงทำได้ไหม?
✅ ทำได้ Admin เข้าไปที่ 👥 จัดการพนักงาน → รายงานรายวัน → กดไอคอน ✏️ แก้ไข ที่แถวนั้น → ป้อนเวลาใหม่ Save ทันทีครับ
Q3.กดปุ่มสแกนใบหน้าแล้วไม่มีอะไรขึ้น? (กล้องไม่เปิด)

สาเหตุ 90% คือ เปิดเว็บด้วย http:// (ไม่มี S) ต้องรอ Auto-SSL ของ Hosting ก่อน (ภายใน 24 ชั่วโมงจากตอน Active Domain) เมื่อ SSL พร้อม ระบบจะ Force เป็น https:// อัตโนมัติครับ

อีก 10%: Browser ไม่ได้อนุญาตกล้อง → กดไอคอน 🔒/⚠️ หน้า URL bar → Site settings → Camera → Allow

Q4.พนักงานลงเวลา เข้า ไปแล้ว ลองกดเข้าซ้ำจะทำยังไง?
ระบบมีป้องกันอัตโนมัติครับ ถ้าวันนี้มี rec เข้าแล้ว → กดเข้าซ้ำจะขึ้นเตือน 「วันนี้ลงเวลาเข้าไปแล้ว!」 และไม่บันทึกคู่ซ้ำ ต้องกด ออก ก่อน ถึงจะกดเข้าใหม่ได้
Q5.จะขอลาออก / ลาป่วย ทำยังไง?
พนักงานเข้า mobile_home.php → เมนู 📝 บันทึกข้อความ / ลางาน → กรอกประเภทการลา + ช่วงวัน + เหตุผล → แนบรูปใบรับรองแพทย์ถ้ามี → Submit แล้ว Admin จะรอเห็นในหน้าจัดการพนักงาน แล้วกด อนุมัติ / ปฏิเสธ
Q6.หน้าเว็บเปิดช้า / Error "ระบบไม่สามารถใช้งานได้ชั่วคราว"

ลองวิธีนี้ทีละขั้นตอนครับ:

  1. กด Ctrl+Shift+R (Hard Refresh) หรือ Mobile: กด 3 จุด → ⟳ รีเฟรช
  2. ล้างแคช Browser: Settings → Privacy → Clear browsing data → ติ๊ก Cache / Cookies → Clear
  3. ลองเปิดแท็บ Incognito / Private Mode แล้ว Login ใหม่ ถ้าใช้งานได้ = แค่สะสมเก่า
  4. ถ้ายังไม่ได้ → แจ้ง Super Admin หรือทีมสนับสนุน พร้อม screenshot หน้า Error ด้วยครับ
Q7.จะแก้ไขชื่อบริษัท / ที่อยู่ / เลขประจำตัวผู้เสียภาษี ทำได้ไหม?
✅ ทำได้ เข้าหน้า 💳 ชำระเงิน → แถบข้อมูลบริษัท → กดปุ่ม ✏️ แก้ไขข้อมูลบริษัท บันทึกทันทีครับ
Q8.ตู้ Biometric ใช้แท็บเล็ตเครื่องไหนดี? (หน้างาน)

แนะนำแบบนี้ครับ (ไม่ต้องแพง):

  • Android Tablet 10 นิ้ว: Lenovo Tab / Redmi Pad (ต้องมี Fingerprint Sensor และกล้องหน้า) ราคา 4-6k ก็พอ
  • ตั้งค่า: เปิดหน้า admin_bio_kiosk.php ไว้ตลอดวัน → Screen Timeout = 10 นาที → ปิด Auto-update App ระหว่างวันทำงาน
  • iPad: ใช้ได้ แต่ WebAuthn บน iPad ยังรองรับ Touch ID เฉพาะรุ่นที่มี Sensor นิ้วมือหน้า Home เท่านั้น (Face ID บน iPad ยังไม่รองรับ FIDO2 ใน Safari เวอร์ชันเก่า)

📞 ติดต่อสอบถาม / แจ้งปัญหา

💬 ทาง Line Official

📌 Line ID: @pukuntip_support (มี @ นำหน้าด้วยครับ)

🕐 ตอบกลับ: จัน-เสา 09:00-18:00 (อาทิตย์-หยุดนัดหมาย)

📎 แนบมาด้วยเสมอ: (1) รูปหน้า Error Screen, (2) Username, (3) ชื่อบริษัท จะช่วยได้เร็วขึ้นมากครับ

📧 ทางอีเมล

📌 Email: support@pukuntip.com

📎 แนบไฟล์ (ถ้ามี): Screenshot, ไฟล์ Excel import ที่ Error, ไฟล์สลิป

😊 ขอบคุณที่ใช้งานระบบลงเวลางาน Biometric ของเราครับ! หากมีไอเดียพัฒนา ฟีเจอร์อะไรที่อยากได้ แจ้งได้ตลอดเวลาเลยนะครับ