Tổng quan Dashboard

Hướng dẫn đầy đủ về giao diện dashboard Module Thi Đua & Khen Thưởng

📋 Tổng Quan

Dashboard Thi Đua là trung tâm của bạn cho tất cả hoạt động ghi nhận. Hướng dẫn này cung cấp tour toàn diện về giao diện và các thành phần của nó.

---

🎯 Bố Cục Dashboard

Điều Hướng Chính

┌─────────────────────────────────────────────────────────┐
│  🏠 Trang Chủ  |  🏆 Thành Tích  |  🎖️ Chương Trình  |  📊 Xếp Hạng  │
└─────────────────────────────────────────────────────────┘

Các Tab Điều Hướng:

• Trang Chủ: Tổng quan dashboard

• Thành Tích: Xem và quản lý thành tích

• Chương Trình: Duyệt và đăng ký chương trình

• Bảng Xếp Hạng: Xem xếp hạng

• Đề Cử: Nộp và theo dõi đề cử

• Điểm: Quản lý điểm và phần thưởng

• Báo Cáo: Phân tích và thông tin chi tiết (Chỉ Admin)

• Cài Đặt: Cấu hình (Chỉ Admin)

---

🏠 Dashboard Trang Chủ

Phần Tổng Quan

Vị trí: Đầu dashboard

Các Thành Phần:

┌──────────────────────────────────────────────────────┐
│  Chào mừng trở lại, [Tên của bạn]!                   │
│  Bạn có 850 điểm | Hạng #15 | 12 thành tích          │
└──────────────────────────────────────────────────────┘

Thống Kê Nhanh:

• Tổng Điểm: Số dư điểm hiện tại của bạn

• Hạng Hiện Tại: Vị trí của bạn trong bảng xếp hạng

• Thành Tích: Tổng thành tích đạt được

• Chương Trình Đang Hoạt Động: Chương trình bạn đã đăng ký

Widget Thành Tích Của Tôi

Mục đích: Hiển thị thành tích gần đây của bạn

Bố cục:

┌─────────────────────────────────────────────┐
│  🏆 Thành Tích Gần Đây Của Tôi              │
├─────────────────────────────────────────────┤
│  🥇 Bậc Thầy Năng Lực                       │
│  📅 15/10/2025  |  ⭐ 100 điểm              │
│  ─────────────────────────────────────────  │
│  🥈 Xuất Sắc Đào Tạo                        │
│  📅 12/10/2025  |  ⭐ 50 điểm               │
│  ─────────────────────────────────────────  │
│  [Xem Tất Cả Thành Tích →]                  │
└─────────────────────────────────────────────┘

Tính năng:

• Hiển thị 5 thành tích gần nhất

• Nhấp để xem chi tiết

• Lọc theo loại, ngày, cấp độ

• Chia sẻ thành tích

Widget Chương Trình Đang Hoạt Động

Mục đích: Hiển thị chương trình bạn có thể tham gia

Bố cục:

┌─────────────────────────────────────────────┐
│  🎖️ Chương Trình Đang Hoạt Động            │
├─────────────────────────────────────────────┤
│  Nhân Viên Của Tháng - Tháng 10/2025       │
│  📊 Tiến độ: 2/3 tiêu chí đã đạt           │
│  🏆 Vàng: 10tr VNĐ + Chứng nhận            │
│  ⏰ Kết thúc trong 15 ngày                 │
│  [Xem Chi Tiết] [Theo Dõi Tiến Độ]        │
│  ─────────────────────────────────────────  │
│  [Duyệt Tất Cả Chương Trình →]             │
└─────────────────────────────────────────────┘

Thông Tin Hiển Thị:

• Tên và thời gian chương trình

• Tiến độ của bạn

• Giải thưởng có sẵn

• Thời gian còn lại

• Nút hành động

Xem Trước Bảng Xếp Hạng

Mục đích: Hiển thị vị trí của bạn và người xuất sắc nhất

Bố cục:

┌─────────────────────────────────────────────┐
│  📊 Bảng Xếp Hạng - Tháng Này               │
├─────────────────────────────────────────────┤
│  🥇 #1  Nguyễn Văn A    1,200 điểm        │
│  🥈 #2  Trần Thị B      1,150 điểm        │
│  🥉 #3  Lê Văn C        1,100 điểm        │
│  ...                                        │
│  🎯 #15 Bạn             850 điểm           │
│  ...                                        │
│  [Xem Bảng Xếp Hạng Đầy Đủ →]              │
└─────────────────────────────────────────────┘

Tính năng:

• Top 3 người xuất sắc được làm nổi bật

• Vị trí của bạn được làm nổi bật

• Lọc theo khoảng thời gian

• Lọc theo phòng ban

Widget Giải Thưởng Gần Đây

Mục đích: Hiển thị giải thưởng được phân phát gần đây

Bố cục:

┌─────────────────────────────────────────────┐
│  🏆 Giải Thưởng Gần Đây                     │
├─────────────────────────────────────────────┤
│  🥇 Trần Thị B - Nhân Viên Của Tháng       │
│     10tr VNĐ + Chứng nhận + 500 điểm       │
│     15/10/2025                              │
│  ─────────────────────────────────────────  │
│  🥈 Lê Văn C - Xuất Sắc Bán Hàng           │
│     6tr VNĐ + Chứng nhận + 300 điểm        │
│     14/10/2025                              │
└─────────────────────────────────────────────┘

Bảng Hành Động Nhanh

Mục đích: Truy cập nhanh các hành động phổ biến

Bố cục:

┌─────────────────────────────────────────────┐
│  ⚡ Hành Động Nhanh                         │
├─────────────────────────────────────────────┤
│  [📝 Đề Cử Đồng Nghiệp]                    │
│  [🎖️ Đăng Ký Chương Trình]                 │
│  [💎 Đổi Điểm]                             │
│  [📊 Xem Tiến Độ Của Tôi]                  │
└─────────────────────────────────────────────┘

---

🏆 Trang Thành Tích

Chế Độ Xem Danh Sách Thành Tích

Bố cục:

┌─────────────────────────────────────────────────────────┐
│  Bộ lọc: [Tất cả ▼] [Năm nay ▼] [Tất cả cấp ▼]        │
│  Sắp xếp: [Ngày ▼]                    🔍 Tìm kiếm...   │
├─────────────────────────────────────────────────────────┤
│  ┌──────────────────────────────────────────────────┐  │
│  │  🏆 Bậc Thầy Năng Lực              🥇 Vàng      │  │
│  │  Đạt Cấp độ 5 trong "Lãnh đạo"                  │  │
│  │  📅 15/10/2025  |  ⭐ 100 điểm                  │  │
│  │  [Xem Chi Tiết] [Chia Sẻ]                       │  │
│  └──────────────────────────────────────────────────┘  │
│  ┌──────────────────────────────────────────────────┐  │
│  │  📚 Xuất Sắc Đào Tạo               🥈 Bạc       │  │
│  │  Hoàn thành Đào tạo Bán hàng Nâng cao           │  │
│  │  📅 12/10/2025  |  ⭐ 50 điểm                   │  │
│  │  [Xem Chi Tiết] [Chia Sẻ]                       │  │
│  └──────────────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────────┘

Bộ Lọc Có Sẵn:

• Loại: Năng lực, Đào tạo, Hiệu suất, Đổi mới, Tất cả

• Ngày: Tuần này, Tháng này, Quý này, Năm này, Tất cả

• Cấp độ: Đồng, Bạc, Vàng, Bạch Kim, Tất cả

• Trạng thái: Công khai, Riêng tư, Tất cả

Chế Độ Xem Chi Tiết Thành Tích

Bố cục:

┌─────────────────────────────────────────────────────────┐
│  🏆 Bậc Thầy Năng Lực                         🥇 Vàng   │
├─────────────────────────────────────────────────────────┤
│  Mô tả:                                                 │
│  Đạt Cấp độ 5 trong năng lực "Lãnh đạo"                │
│                                                         │
│  Chi tiết:                                              │
│  📅 Ngày Đạt Được: 15 tháng 10, 2025                   │
│  ⭐ Điểm Được Trao: 100 điểm                           │
│  🏅 Cấp độ: Vàng                                       │
│  👁️ Hiển thị: Công khai                               │
│                                                         │
│  Bằng chứng:                                            │
│  - Hoàn thành Đánh giá Lãnh đạo                        │
│  - Đạt 95/100 điểm đánh giá                            │
│  - Thể hiện kỹ năng trong 5 dự án                      │
│                                                         │
│  [Chia Sẻ] [Tải Chứng Nhận] [Đóng]                    │
└─────────────────────────────────────────────────────────┘

---

🎖️ Trang Chương Trình

Chế Độ Xem Danh Sách Chương Trình

Bố cục:

┌─────────────────────────────────────────────────────────┐
│  Bộ lọc: [Đang hoạt động ▼] [Tất cả phòng ban ▼]      │
│  Sắp xếp: [Ngày kết thúc ▼]          🔍 Tìm kiếm...   │
├─────────────────────────────────────────────────────────┤
│  ┌──────────────────────────────────────────────────┐  │
│  │  🎖️ Nhân Viên Của Tháng - Tháng 10/2025         │  │
│  │  📅 01/10 - 31/10/2025  |  ⏰ Còn 15 ngày        │  │
│  │  👥 45 người  |  📊 Bạn: 2/3 tiêu chí           │  │
│  │  🏆 Giải: Vàng (10tr), Bạc (6tr), Đồng (2tr)   │  │
│  │  [Xem Chi Tiết] [Theo Dõi Tiến Độ]              │  │
│  └──────────────────────────────────────────────────┘  │
│  ┌──────────────────────────────────────────────────┐  │
│  │  🎖️ Xuất Sắc Bán Hàng Q4 2025                   │  │
│  │  📅 01/10 - 31/12/2025  |  ⏰ Còn 75 ngày       │  │
│  │  👥 28 người  |  📊 Chưa đăng ký                │  │
│  │  🏆 Giải: Top 3 người xuất sắc                  │  │
│  │  [Xem Chi Tiết] [Đăng Ký Ngay]                  │  │
│  └──────────────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────────┘

Chế Độ Xem Chi Tiết Chương Trình

Bố cục:

┌─────────────────────────────────────────────────────────┐
│  🎖️ Nhân Viên Của Tháng - Tháng 10/2025                │
├─────────────────────────────────────────────────────────┤
│  Thời gian: 01-31/10/2025  |  ⏰ Còn 15 ngày           │
│  Người tham gia: 45 nhân viên  |  Bạn: Đã đăng ký       │
│                                                         │
│  Tiêu Chí Đánh Giá:                                     │
│  ✅ Điểm hiệu suất ≥ 4.5/5 (Bạn: 4.8/5)               │
│  ✅ Ít nhất 2 thành tích (Bạn: 3 thành tích)          │
│  ⏳ Đề cử từ đồng nghiệp (Bạn: 1 đề cử)               │
│                                                         │
│  Giải Thưởng:                                           │
│  🥇 Vàng: 10tr VNĐ + Chứng nhận + 500 điểm             │
│  🥈 Bạc: 6tr VNĐ + Chứng nhận + 300 điểm               │
│  🥉 Đồng: 2tr VNĐ + Chứng nhận + 100 điểm              │
│                                                         │
│  Tiến Độ Của Bạn: 2/3 tiêu chí đã đạt (67%)            │
│  [Theo Dõi] [Xem Xếp Hạng] [Đóng]                      │
└─────────────────────────────────────────────────────────┘

---

📊 Trang Bảng Xếp Hạng

Chế Độ Xem Bảng Xếp Hạng

Bố cục:

┌─────────────────────────────────────────────────────────┐
│  Loại: [Điểm ▼]  Kỳ: [Tháng này ▼]  Phạm vi: [Công ty ▼] │
├─────────────────────────────────────────────────────────┤
│  Hạng  Tên              Phòng Ban      Điểm    Xu Hướng │
│  ────────────────────────────────────────────────────── │
│  🥇 1   Nguyễn Văn A    Kinh Doanh    1,200   ↑ +50   │
│  🥈 2   Trần Thị B      Marketing     1,150   ↑ +30   │
│  🥉 3   Lê Văn C        IT            1,100   → 0     │
│  4      Phạm Thị D      HR            1,050   ↑ +20   │
│  5      Hoàng Văn E     Kinh Doanh    1,000   ↓ -10   │
│  ...                                                    │
│  🎯 15  Bạn             Marketing     850     ↑ +15   │
│  ...                                                    │
└─────────────────────────────────────────────────────────┘

Tính năng:

• Cập nhật thời gian thực

• Chỉ báo xu hướng (↑ tăng, ↓ giảm, → ổn định)

• Vị trí của bạn được làm nổi bật

• Lọc theo loại, kỳ, phạm vi

• Xuất ra PDF/Excel

---

💎 Trang Điểm & Phần Thưởng

Dashboard Điểm

Bố cục:

┌─────────────────────────────────────────────────────────┐
│  💎 Điểm Của Bạn                                        │
├─────────────────────────────────────────────────────────┤
│  Số Dư Hiện Tại: 850 điểm                               │
│  Tháng Này: +150 điểm                                   │
│  Tất Cả Thời Gian: 2,450 điểm                           │
│  Tổng Đã Đổi: 1,600 điểm                                │
│                                                         │
│  [Đổi Điểm] [Xem Lịch Sử] [Danh Mục Phần Thưởng]       │
└─────────────────────────────────────────────────────────┘

Lịch Sử Điểm

Bố cục:

┌─────────────────────────────────────────────────────────┐
│  📊 Lịch Sử Điểm                                        │
│  Lọc: [Tháng này ▼]  Loại: [Tất cả ▼]                 │
├─────────────────────────────────────────────────────────┤
│  Ngày       Loại        Điểm    Mô Tả                   │
│  ──────────────────────────────────────────────────────│
│  15/10      Kiếm được   +100    Nâng Cấp Năng Lực      │
│  12/10      Kiếm được   +50     Hoàn Thành Đào Tạo     │
│  10/10      Đã đổi      -200    Thẻ Quà Tặng           │
│  05/10      Kiếm được   +75     Ghi Nhận Đồng Nghiệp   │
└─────────────────────────────────────────────────────────┘

Danh Mục Phần Thưởng

Bố cục:

┌─────────────────────────────────────────────────────────┐
│  🎁 Danh Mục Phần Thưởng                                │
│  Danh mục: [Tất cả ▼]  Sắp xếp: [Điểm ▼]  🔍 Tìm...   │
├─────────────────────────────────────────────────────────┤
│  ┌────────────┐  ┌────────────┐  ┌────────────┐       │
│  │ 🎁         │  │ ☕         │  │ 🍕         │       │
│  │ Thẻ Quà    │  │ Phiếu Cà   │  │ Phiếu Ăn   │       │
│  │ 200 điểm   │  │ 50 điểm    │  │ 100 điểm   │       │
│  │ [Đổi]      │  │ [Đổi]      │  │ [Đổi]      │       │
│  └────────────┘  └────────────┘  └────────────┘       │
└─────────────────────────────────────────────────────────┘

---

📝 Trang Đề Cử

Chế Độ Xem Đề Cử Của Tôi

Bố cục:

┌─────────────────────────────────────────────────────────┐
│  [+ Đề Cử Mới]                                          │
│  Tabs: [Đã Nộp] [Đã Nhận] [Nháp]                       │
├─────────────────────────────────────────────────────────┤
│  ┌──────────────────────────────────────────────────┐  │
│  │  Đề cử cho Trần Thị B                            │  │
│  │  Chương trình: Nhân Viên Của Tháng               │  │
│  │  Trạng thái: Đang Xem Xét 🟡                    │  │
│  │  Nộp: 14/10/2025                                 │  │
│  │  [Xem Chi Tiết] [Theo Dõi Trạng Thái]           │  │
│  └──────────────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────────┘

Chỉ Báo Trạng Thái:

• 🟢 Đã Phê Duyệt

• 🟡 Đang Xem Xét

• 🔴 Bị Từ Chối

• ⚪ Nháp

---

⚙️ Trang Cài Đặt (Chỉ Admin)

Tùy Chọn Cấu Hình

Các Phần:

1. Cài Đặt Chung
   - Tên và mô tả module
   - Cài đặt hiển thị mặc định
   - Tùy chọn thông báo

2. Cài Đặt Thành Tích
   - Các loại thành tích
   - Giá trị điểm
   - Ngưỡng cấp độ

3. Cài Đặt Chương Trình
   - Mẫu chương trình
   - Quy trình phê duyệt
   - Cấu hình giải thưởng

4. Quy Tắc Tự Động
   - Kích hoạt sự kiện
   - Điều kiện
   - Hành động

5. Cài Đặt Tích Hợp
   - Các module đã kết nối
   - Cấu hình API
   - Cài đặt webhook

---

📱 Chế Độ Xem Di Động

Dashboard hoàn toàn responsive và được tối ưu hóa cho thiết bị di động:

Tính Năng Di Động:

• Điều hướng đơn giản

• Nút thân thiện với cảm ứng

• Cử chỉ vuốt

• Thông báo đẩy

• Chế độ ngoại tuyến (chỉ xem)

---

💡 Mẹo Sử Dụng Dashboard

Mẹo Điều Hướng

✅ Sử dụng phím tắt (? để trợ giúp)
✅ Đánh dấu trang thường dùng
✅ Sử dụng tìm kiếm để truy cập nhanh
✅ Tùy chỉnh bố cục dashboard của bạn

Mẹo Hiệu Quả

✅ Thiết lập tùy chọn thông báo
✅ Sử dụng bộ lọc để tìm thông tin nhanh
✅ Lưu tìm kiếm thường dùng
✅ Sử dụng hành động hàng loạt khi có sẵn

---

📚 Bước Tiếp Theo

Bây giờ bạn đã hiểu dashboard:

1. Hướng Dẫn Tính Năng - Tìm hiểu về các tính năng cụ thể

2. Quy Trình - Làm theo quy trình từng bước

3. Mẫu - Sử dụng mẫu tài liệu

---

Phiên bản: 1.0 Cập nhật lần cuối: 16 tháng 10, 2025 Ngôn ngữ: Tiếng Việt