คู่มือแบบมีภาพ

เห็นหน้าจอจริงทุกเมนู — ทำตามได้ทีละขั้น
Visual Guide — see every screen, step by step
🖼️
ภาพในคู่มือนี้คือ ตัวอย่างหน้าจอจริง ของ ClockPin (ข้อมูลตัวอย่าง) — หน้าจอจริงของคุณจะหน้าตาแบบเดียวกัน The pictures here mirror the real ClockPin screens (with sample data). Your actual screens look the same.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
1

แถบเมนูด้านบนThe top menu bar

ทุกหน้าจะมีแถบนี้อยู่บนสุด — ใช้สลับลูกค้า สลับบริษัท เปิดสไลด์อบรม และคู่มือ Every page has this bar on top — switch customer, switch company, open the training slides and the guide.

clockpin.app/dashboard
📍 ClockPin
🗂️ ลูกค้าทั้งหมด ▾ ⚪ ทุกบริษัท ▾ 🖥️ สไลด์อบรม ❓ วิธีใช้ 🌐 EN ⎋ ออกจากระบบ
🟣
ปุ่มสีม่วง “ลูกค้าทั้งหมด” และเมนู “แพลตฟอร์ม” จะเห็นเฉพาะ เจ้าของแอป เท่านั้น — เจ้าของบริษัททั่วไปไม่เห็น
The violet “All customers” switcher and the “Platform” menu appear only for the app owner, not for regular company owners.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
2

ภาพรวม (แดชบอร์ด)Dashboard overview

หน้าแรกหลังเข้าระบบ — เห็นสรุปวันนี้ทั้งหมด: ใครมา ใครขาด กำลังทำงานกี่คน ชั่วโมงรวม และค่าแรงประมาณการ The first page after sign-in — today at a glance: who's in, who's absent, how many working, total hours, estimated pay.

.../dashboard
ภาพรวม
ข้อมูลวันนี้ · วันอังคารที่ 2 มิถุนายน 2569
พนักงานทั้งหมด
7
มาวันนี้
0
ขาด/ยังไม่มา: 7
กำลังทำงาน
3
ภาคสนาม: 2
มาสายวันนี้
0
ตรงเวลา: 0
ชั่วโมงรวมวันนี้
0.0 ชม.
ชั่วโมงรวมเดือนนี้
0.0 ชม.
ค่าแรงประมาณการเดือนนี้
฿87,000
🏢 แยกตามบริษัท
C
Chang Construction
พนักงาน 5 · มาวันนี้ 0 · กำลังทำงาน 2
C
Chang Service
พนักงาน 1 · มาวันนี้ 0 · กำลังทำงาน 0
C
Chang Logistics
พนักงาน 1 · มาวันนี้ 0 · กำลังทำงาน 1
🎨
แต่ละบริษัทมี “สีประจำ” ทำให้ดูแยกง่าย — ตั้งสีได้ในเมนูตั้งค่า
Each company has its own colour for easy reading — set it in Settings.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
3

พนักงาน & เชิญพนักงานEmployees & inviting them

ดูพนักงานทุกคนแยกตามบริษัท และเชิญคนใหม่ด้วยปุ่ม “+ เชิญพนักงาน” มุมขวาบน See everyone grouped by company, and add new people with the “+ Invite employee” button.

.../dashboard/employees
พนักงาน
เชิญพนักงานผ่านลิงก์ส่วนตัว — พนักงานตั้งบัญชีเข้าระบบเอง
+ เชิญพนักงาน
Chang Construction 5 พนักงาน
So
Somchai Jaidee
ประจำออฟฟิศ · EMP-101 · Admin staff
รายเดือน฿25,000
พนักงาน✏️ แก้ไข
Ko
Kong (Field)
ภาคสนาม · EMP-201 · Installer
รายวัน฿650
พนักงาน✏️ แก้ไข
Ad
Admin (Company A)
ประจำออฟฟิศ · ADM-001 · Manager
รายเดือน฿35,000
แอดมิน✏️ แก้ไข

กด “+ เชิญพนักงาน” แล้วกรอกแบบฟอร์มนี้ จากนั้นกด “สร้างลิงก์เชิญ” แล้วส่งลิงก์ให้พนักงานทาง LINE Tap “+ Invite employee”, fill this form, tap “Create invite link”, and send the link via LINE.

.../dashboard/employees · เชิญพนักงาน
เชิญพนักงานใหม่
สมหญิง รักงาน
Chang Construction ▾
ประจำออฟฟิศ ▾
08:30
25,000 (รายเดือน) ▾
EMP-103
🔗 สร้างลิงก์เชิญ
🛡️
ระบบปิด — เฉพาะคนที่ได้ลิงก์เท่านั้นที่สมัครได้ พนักงานเปิดลิงก์แล้ว ตั้งรหัสผ่านเอง
Closed system — only people with a link can join, and they set their own password.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
4

การลงเวลาAttendance records

เลือกวันที่แล้วกด “ดูข้อมูล” เพื่อดูว่าใครเข้า–ออกกี่โมง ที่ไหน · กด “ส่งออก Excel” เพื่อโหลดเป็นไฟล์ Pick a date and tap “View” to see who clocked in/out, when and where · tap “Export Excel” to download.

.../dashboard/attendance
การลงเวลา
ตรวจสอบเวลา ตำแหน่ง และการยืนยันของพนักงาน
02/06/2026
ทั้งหมด ▾
ดูข้อมูล📄 ส่งออก Excel
So
Somchai Jaidee
เข้า 08:28 · ออก 17:32 · Headquarters (Silom)
ตรงเวลา
Oh
Oh (Logistics)
เข้า 09:14 · กำลังทำงาน · นอกสถานที่
มาสาย
สำหรับเจ้าของ / แอดมิน · Owner / Admin
5

แผนที่Live map

ดูตำแหน่งที่พนักงานลงเวลาบนแผนที่จริง — หมุดสีตามบริษัท See where staff clocked in on a real map — pins coloured by company.

.../dashboard/map
📍
📍
📍
© OpenStreetMap
สำหรับเจ้าของ / แอดมิน · Owner / Admin
6

อนุมัติคำขอ (ลา & นอกสถานที่)Approvals (leave & off-site)

คำขอลา และคำขอลงเวลานอกสถานที่ ของพนักงานจะมาโผล่ที่นี่ — กด “อนุมัติ” หรือ “ปฏิเสธ” Staff leave and off-site requests land here — tap “Approve” or “Reject”.

.../dashboard/leave
การลางาน
ตรวจสอบและอนุมัติการลาของพนักงาน
รออนุมัติ
Ko
Kong (Field)
ลาป่วย · 5–6 มิ.ย. 2569 (2 วัน)
“ไม่สบาย เป็นไข้”
✓ อนุมัติ✕ ปฏิเสธ
🧭
เมนู “ลงเวลานอกสถานที่” ทำงานเหมือนกัน — ใช้อนุมัติพนักงานที่ต้องออกไปทำงานนอกออฟฟิศ
The “Off-site” menu works the same way — approve staff who must work away from the office.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
7

พื้นที่ (Geofence)Locations (Geofence)

กำหนดจุดออฟฟิศและ รัศมี — พนักงานแบบ “ประจำออฟฟิศ” ต้องอยู่ในรัศมีนี้ถึงจะลงเวลาเข้าได้ Set office points and a radius — “office” staff must be inside it to clock in.

.../dashboard/locations
พื้นที่ / Geofence
จุดออฟฟิศและรัศมีสำหรับพนักงานแบบ office
+ เพิ่มพื้นที่
📍
Headquarters (Silom)
Chang Construction · รัศมี 200 m · 13.72480, 100.53400
✏️🗑️
📍
Construction Site (Rama 9)
Chang Construction · รัศมี 250 m · 13.75690, 100.56500
✏️🗑️
🧭
กดปุ่ม “+ เพิ่มพื้นที่” แล้วปักหมุดบนแผนที่ได้เลย — ปรับรัศมีให้พอดีกับบริเวณที่ทำงาน
Tap “+ Add location” and drop a pin on the map — set the radius to fit your worksite.
สำหรับเจ้าของ / แอดมิน · Owner / Admin
8

รายงาน OTOT report

เลือกเดือน → กด “ดู” เห็นชั่วโมงรวม ชั่วโมง OT และค่า OT ประมาณการ · กด “ส่งออก Excel” เพื่อทำเงินเดือน Pick a month → “View” for total hours, OT hours and estimated OT pay · “Export Excel” for payroll.

.../dashboard/payroll
รายงาน OT
ชั่วโมง OT จากเวลาที่ลงไว้ × กฎ OT ของแต่ละแม่แบบกะ
📅 June 2026ดู📄 ส่งออก Excel
ชั่วโมงรวม
168.5 ชม.
ชั่วโมง OT รวม
12.0 ชม.
ค่า OT ประมาณการ
฿3,600
พนักงาน
ชั่วโมงปกติ
OT
ค่า OT
Somchai Jaidee
160 ชม.
8 ชม.
฿2,400
Kong (Field)
152 ชม.
4 ชม.
฿1,200
สำหรับเจ้าของ · Owner
9

ตั้งค่าSettings

เปลี่ยนชื่อบริษัท · เพิ่มบริษัทใหม่ · เลือกสีประจำบริษัท · ตั้งแม่แบบกะ (เวลาเข้า–ออก/พักเที่ยง) Rename companies · add a new one · pick company colours · set shift templates (start/end/lunch).

.../dashboard/settings
ตั้งค่า
เวลากะ วันทำงาน และวันหยุด — ตั้งค่าเริ่มต้นไว้แล้ว แก้ได้ตลอด
บริษัท
Chang Construction
✓ บันทึก
Chang Logistics
✓ บันทึก
⏱️ แม่แบบกะ
+ เพิ่มแม่แบบกะ
กะออฟฟิศ / Office
08:30–11:30 · 12:30–17:30
✏️ แก้ไข
กะภาคสนาม / Field
08:30–12:00 · 13:00–17:30
✏️ แก้ไข
เฉพาะเจ้าของแอป · App owner only
10

แพลตฟอร์ม — เพิ่มลูกค้าใหม่Platform — add a new customer

สร้างลูกค้ารายใหม่ทั้งราย: กรอกชื่อบริษัท + เจ้าของ + อีเมล + รหัสผ่านชั่วคราว → ระบบสร้างบัญชีให้ แยกข้อมูลขาดจากลูกค้าอื่น Create a whole new customer: fill company + owner + email + temp password → a fully isolated account is created.

.../dashboard/platform
แพลตฟอร์ม — ลูกค้า
สร้างและจัดการบัญชีลูกค้า (เฉพาะเจ้าของแอป)
เพิ่มลูกค้าใหม่
Acme Co.
คุณสมชาย
owner@acme.co
≥ 6 ตัวอักษร
+ สร้างลูกค้า
บัญชีลูกค้า
ชื่อบริษัท / ลูกค้า
บริษัท
พนักงาน
สร้างเมื่อ
Mr. Chang Group
🏢 3
👥 6
2 มิ.ย. 2569
🔒
ลูกค้าแต่ละรายเห็นเฉพาะข้อมูลตัวเอง ไม่มีทางเห็นข้ามกัน — เจ้าของแอป (คุณ) เท่านั้นที่สลับดูได้ทุกราย
Each customer sees only their own data — only you, the app owner, can switch between all of them.
สำหรับพนักงาน · For staff
11

แอปของพนักงาน (มือถือ)The staff app (mobile)

นี่คือสิ่งที่พนักงานเห็นในมือถือ — 3 แท็บหลัก: ลงเวลา · ประวัติ · ตารางฉัน This is what staff see on their phone — three main tabs: Clock · History · My schedule.

📍
สมชายClockPin
ยังไม่ได้ลงเวลาเข้า
08:55
วันอังคารที่ 2 มิ.ย. 2569
ประจำออฟฟิศChang Construction
📍 ต้องอยู่ในพื้นที่: Headquarters (Silom)
→ ลงเวลาเข้างาน
⏱️ลงเวลา
🗒️ประวัติ
📅ตารางฉัน
ลงเวลา — กดปุ่มน้ำเงินเพื่อเข้างาน / เขียวเพื่อออกงานClock — blue to clock in, green to clock out
📍
สมชายClockPin
ประวัติการลงเวลา
60 รายการล่าสุด
จันทร์ 1 มิ.ย.
เข้า 08:28 · ออก 17:32 · 8.0 ชม.
ศุกร์ 29 พ.ค.
เข้า 08:31 · ออก 18:05 · 8.5 ชม.
⏱️ลงเวลา
🗒️ประวัติ
📅ตารางฉัน
ประวัติ — เข้า–ออกกี่โมง รวมชั่วโมง + ปุ่มขอลาHistory — your times, total hours + request leave
📍
สมชายClockPin
ตารางของฉัน
มิถุนายน 2569
อาพฤ 1234567 891011121314
🟢 ทำงาน⚪ หยุด🔵 นักขัตฤกษ์
⏱️ลงเวลา
🗒️ประวัติ
📅ตารางฉัน
ตารางฉัน — วันทำงาน (เขียว) / วันหยุด (เทา)My schedule — work days (green) / days off (grey)
📖
พนักงานมีคู่มือของตัวเอง + สไลด์อบรม — เปิดได้จากปุ่ม “วิธีใช้” มุมขวาบนของแอป
Staff have their own guide + training slides — from the “Help” button at the top-right.