Đăng nhập hệ thống

🗺️ Bản đồ khu vực

💡 Bấm Vẽ vòng tròn hoặc Vẽ đa giác để bắt đầu tạo khu vực mới.

➕ Tạo khu vực mới

📋 Danh sách khu vực

👪 Tạo Đội mới

Danh sách Đội

📍 Gán Zone Làm Việc cho Phòng Ban

Chọn phòng ban và zone tương ứng. Hệ thống sẽ dùng tọa độ zone này để tính khoảng cách khi nhân viên đi công trình.

🏗️ Báo Cáo Chuyến Đi Công Trình

📸 Duyệt khuôn mặt độ khớp thấp (65-68%)

Dưới đây là danh sách những khuôn mặt nhận diện có độ khớp thấp (65-68%) khi nhân viên chấm công thành công. Bạn có thể duyệt để thêm vào dữ liệu khuôn mặt giúp tăng độ chính xác lần sau.

📝 Danh sách Yêu cầu Nghỉ phép

🏢 Cơ cấu Phòng Ban

Đang tải...

📖 Hướng dẫn sử dụng hệ thống Chấm công

Chào mừng bạn! Dưới đây là hướng dẫn chi tiết cho từng chức năng.

▸

🔐 Đăng nhập hệ thống

  1. Mở trang web http://localhost:3001 (hoặc địa chỉ server).
  2. Nhập Username và Password được cấp.
  3. Bấm Đăng nhập.
  4. Vai trò của bạn quyết định quyền truy cập:
    • Admin: Xem tất cả tab (Bảng chấm công, Nhân viên, Hướng dẫn).
    • Nhân viên: Chỉ xem chấm công của chính mình.
💡 Mỗi phiên đăng nhập có hiệu lực 7 ngày. Hết hạn sẽ tự đăng xuất.
▸

📋 Bảng chấm công & Lọc dữ liệu

  1. Chuyển sang tab 📋 Bảng chấm công.
  2. Dữ liệu check-in hiển thị dạng lưới ảnh, kèm tên nhân viên và thời gian.
  3. Lọc dữ liệu:
    • Lọc nhân viên: Chọn tên từ dropdown.
    • Từ ngày / Đến ngày: Chọn khoảng thời gian cần xem.
    • Bấm 🔍 Lọc để áp dụng.
  4. Mật độ hiển thị: Bấm Thường / Dày / Rất dày để thay đổi kích thước ảnh thumbnail.
  5. Bấm vào một bản ghi trong danh sách để xem vị trí trên bản đồ.
💡 Nhân viên thường chỉ xem được chấm công của chính mình, không chọn được nhân viên khác.
▸

📥 Xuất Excel

  1. Thiết lập bộ lọc (nhân viên, ngày) nếu cần.
  2. Bấm nút 📥 Xuất Excel.
  3. File .xlsx sẽ tự động tải về máy.
  4. File chứa các cột: Tên, Thời gian, Vĩ độ, Kinh độ, Link ảnh.
💡 Nếu không áp dụng bộ lọc, toàn bộ dữ liệu sẽ được xuất.
▸

🗺️ Xem vị trí trên bản đồ

  1. Mỗi bản ghi check-in có vị trí GPS tương ứng trên bản đồ (bên phải).
  2. Bấm vào một marker trên bản đồ để xem popup: tên nhân viên, thời gian, ảnh check-in.
  3. Hoặc bấm vào bản ghi trong danh sách bên trái → bản đồ sẽ bay tới vị trí đó.
  4. Kéo/thu phóng bản đồ để xem chi tiết khu vực.
💡 Bản đồ chỉ hiển thị khi có dữ liệu check-in phù hợp với bộ lọc hiện tại.
▸

👥 Quản lý nhân viên Admin

Chỉ dành cho tài khoản Admin.

  1. Chuyển sang tab 👥 Nhân viên.
  2. Thêm nhân viên mới:
    • Điền Tên, Username, Mật khẩu (bắt buộc).
    • Có thể thêm Mã nhân viên, Phòng ban.
    • Chọn Quyền: Nhân viên hoặc Admin.
    • Bấm ➕ Thêm.
  3. Khóa / Kích hoạt: Bấm nút 🚫 Vô hiệu hoặc ✅ Kích hoạt cạnh nhân viên.
  4. Reset mật khẩu: Bấm 🔑 Reset pass, nhập mật khẩu mới.
  5. Tìm nhanh: Gõ tên nhân viên vào ô tìm kiếm phía trên danh sách.
▸

🧠 Quản lý ảnh khuôn mặt Admin

Chỉ dành cho tài khoản Admin.

  1. Trong tab 👥 Nhân viên, cuộn xuống phần Danh sách ảnh đăng ký khuôn mặt.
  2. Lọc theo nhân viên: Chọn tên từ dropdown, bấm 🔄 Tải lại.
  3. Mỗi nhân viên hiển thị dạng nhóm:
    • Bấm tên nhân viên hoặc nút Thu gọn / Mở rộng để xem/ẩn ảnh.
    • Hiển thị tổng số profile, version mới nhất, trạng thái.
  4. Xóa khuôn mặt: Bấm 🗑️ Xóa khuôn mặt → Xác nhận. Toàn bộ ảnh khuôn mặt của nhân viên đó sẽ bị xóa.
💡 Nhân viên cần đăng ký lại khuôn mặt (qua app) sau khi bị xóa dữ liệu.
▸

📱 Hướng dẫn dùng App chấm công (Flutter)

  1. Chuẩn bị: Bật GPS trên thiết bị, cấp quyền camera cho ứng dụng.
  2. Chấm công:
    • Bấm nút Chấm công trên màn hình chính.
    • Camera trước sẽ bật. Đưa khuôn mặt vào khung hình.
    • Hệ thống tự nhận diện khuôn mặt + kiểm tra liveness (trên mobile).
    • Xác nhận đúng nhân viên khi được hỏi.
    • Kết quả chấm công hiển thị kèm vị trí GPS.
  3. Đăng ký khuôn mặt: Bấm icon Quản lý khuôn mặt trên AppBar → Đăng nhập → Chụp 3–5 ảnh với các góc khác nhau.
  4. Xem lịch sử: Đăng nhập (icon trên AppBar) để xem lịch sử chấm công của bạn.
💡 Trên web app, hệ thống tự chụp khi phát hiện khuôn mặt. Trên mobile có thêm bước liveness (chớp mắt, quay mặt…).