📊 รายงานสรุป Flow ระบบบันทึกเวลา

📋

ภาพรวมระบบ

ระบบประกอบด้วย 3 หน้าหลักที่ทำงานเชื่อมโยงกัน

🚗

visitor_index.php

หน้าหลักลงทะเบียน
รถเข้า-ออก และสแกนพนักงาน

เจ้าหน้าที่ รปภ.

📊

dashboard_cards.php

แสดงสถานะบัตร
Visitor และ Supplier

หัวหน้างาน

📈

summary_management.php

สรุปข้อมูลและ
ส่งออก Excel

ผู้บริหาร

🚗 ลงทะเบียน → 📊 ติดตามสถานะ → 📈 สรุปรายงาน → 📤 Excel

🚗

หน้า visitor_index.php

หน้าหลักสำหรับการลงทะเบียนและสแกนเข้า-ออก

🎯 วัตถุประสงค์

ใช้สำหรับบันทึกการเข้า-ออกของยานพาหนะและบุคคลภายนอก รวมถึงการบันทึกเวลาพักเที่ยงและใบลาของพนักงาน

📱 ส่วนประกอบหน้าจอ

🖥️ หน้าจอจริง - UI หลัก

📊 โครงสร้างส่วนประกอบ

🔄 ขั้นตอนการทำงาน (Flow)

1

เลือกโหมดการทำงาน

เจ้าหน้าที่เลือกว่าจะลงทะเบียน Visitor, บันทึกพักเที่ยง, หรือบันทึกใบลา

2

สแกนบัตร/รหัส

สแกนบัตร Visitor หรือรหัสพนักงาน ระบบรองรับ Continuous Scan สแกนต่อเนื่องไม่มี Popup ขัดจังหวะ

3

บันทึกลงฐานข้อมูล

ระบบบันทึกเวลาเข้า/ออก พร้อมคำนวณระยะเวลาพักโดยอัตโนมัติ

4

แสดงผลใน Recent Scans

รายการสแกนล่าสุด 20 รายการ แสดงให้ตรวจสอบได้ทันที

✨ ฟีเจอร์เด่น

⚡

Continuous Scan

สแกนได้ต่อเนื่อง ไม่มี Popup ขวาง เหมาะกับช่วงพักเที่ยงที่มีคนออกพร้อมกันมาก

📋

Recent Scans

แสดง 20 รายการล่าสุด เลื่อนดูได้ ตรวจสอบย้อนหลังได้ทันที

🟢

Visual Feedback

ช่องสแกนกระพริบสีเขียวเมื่อสำเร็จ แจ้งเตือนชัดเจน

⏱️

Duration Tracking

คำนวณเวลาพักเที่ยงอัตโนมัติเมื่อสแกนกลับ

📊

หน้า dashboard_cards.php

แดชบอร์ดแสดงสถานะบัตรที่กำลังใช้งาน

🎯 วัตถุประสงค์

แสดงภาพรวมสถานะบัตร Visitor และ Supplier ทั้งหมดที่กำลังถูกใช้งานอยู่ในขณะนั้น ช่วยให้เห็นว่ามีใครอยู่ในพื้นที่บ้าง

📱 ส่วนประกอบหน้าจอ

🖥️ หน้าจอจริง - Dashboard Cards

📊 โครงสร้างส่วนประกอบ

🏷️ สถานะบัตร

สี	สถานะ	ความหมาย
🟢 เขียว	IN USE	บัตรถูกใช้งาน - มีรถอยู่ในพื้นที่
⚪ เทา	AVAILABLE	บัตรว่าง - พร้อมใช้งาน
🔴 แดง	LOST	บัตรสูญหาย - ระงับการใช้งาน

✨ ฟีเจอร์เด่น

👁️

Unified View

แสดง Visitor และ Supplier ในหน้าเดียว มองเห็นภาพรวมครบถ้วน

🔄

Silent Refresh

รีเฟรชข้อมูลอัตโนมัติทุก 10 วินาที โดยไม่กระพริบหน้าจอ

⚡

Optimized Query

JOIN เฉพาะ Active Transaction ทำให้โหลดเร็ว ไม่ค้าง

🔍

Click for Details

คลิกที่บัตรเพื่อดูรายละเอียดรถและผู้ขับ

📈

หน้า summary_management.php

หน้าสรุปข้อมูลสำหรับผู้บริหาร พร้อมส่งออก Excel

🎯 วัตถุประสงค์

รวบรวมและแสดงข้อมูลสรุปสำหรับผู้บริหาร ครอบคลุมข้อมูลรถเข้า-ออก, การพักเที่ยง, และใบลา พร้อมความสามารถในการส่งออกเป็น Excel

📱 ส่วนประกอบหน้าจอ

🖥️ หน้าจอจริง - Summary Dashboard

📊 โครงสร้างส่วนประกอบ

📤 รูปแบบไฟล์ Excel ที่ส่งออก

Sheet	ชื่อ	ข้อมูลที่มี
1	รถเข้า-ออก	ทะเบียนรถ, ผู้ขับ, ติดต่อเรื่อง, เวลาเข้า-ออก, สถานะ
2	พักเที่ยง	รหัสพนักงาน, ชื่อ, เวลาออก-กลับ, ใช้เวลา (นาที), สถานะ
3	ใบลา	รหัสพนักงาน, ชื่อ, เวลาที่ออก, จุดตรวจ

✨ ฟีเจอร์เด่น

📅

Date Range Filter

เลือกช่วงวันที่ได้อิสระ (ตั้งแต่ - ถึง) สำหรับดูข้อมูลย้อนหลัง

📊

Stat Cards

แสดงสถิติสำคัญ 4 ตัวชี้วัดที่ด้านบน มองเห็นภาพรวมได้ทันที

📜

Scrollable Tables

แสดง 5 รายการ พร้อมเลื่อนดูเพิ่มได้ หน้าจอไม่รก

📤

Excel Export

ส่งออกได้ทันทีคลิกเดียว แยก 3 Sheets ชัดเจน พร้อมใช้งาน

📊 รายงานสรุป Flow การทำงาน

ภาพรวมระบบ

visitor_index.php

dashboard_cards.php

summary_management.php

หน้า visitor_index.php

🎯 วัตถุประสงค์

📱 ส่วนประกอบหน้าจอ

🔄 ขั้นตอนการทำงาน (Flow)

เลือกโหมดการทำงาน

สแกนบัตร/รหัส

บันทึกลงฐานข้อมูล

แสดงผลใน Recent Scans

✨ ฟีเจอร์เด่น

Continuous Scan

Recent Scans

Visual Feedback

Duration Tracking

หน้า dashboard_cards.php

🎯 วัตถุประสงค์

📱 ส่วนประกอบหน้าจอ

🏷️ สถานะบัตร

✨ ฟีเจอร์เด่น

Unified View

Silent Refresh

Optimized Query

Click for Details

หน้า summary_management.php

🎯 วัตถุประสงค์

📱 ส่วนประกอบหน้าจอ

📤 รูปแบบไฟล์ Excel ที่ส่งออก

✨ ฟีเจอร์เด่น

Date Range Filter

Stat Cards

Scrollable Tables

Excel Export