📊 แดชบอร์ด

หน้า Dashboard - แดชบอร์ด

📌 ภาพรวม

หน้า Dashboard คือ "ห้องบัญชาการ" ของธุรกิจคุณ แสดงสรุปข้อมูลสำคัญทั้งหมดในหน้าเดียว ไม่ต้องเปิดเมนูหลายๆ ที่

ใครควรใช้หน้านี้?

  • 👔 เจ้าของกิจการ - ดูภาพรวมธุรกิจทุกวัน
  • 👨‍💼 ผู้จัดการ - ติดตามประสิทธิภาพทีม
  • 💼 พนักงานขาย - เช็คเป้ายอดขาย
  • 📊 นักบัญชี - ดูสถานะการเงิน

🖥️ โครงสร้างหน้า Dashboard

┌─────────────────────────────────────────────┐
│  🏢 SML AI Cloud        🔔 🌐 ⚙️ 👤 สมชาย  │
├─────────────────────────────────────────────┤
│                                             │
│  ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓  │
│  ┃  1️⃣ บัตรสรุปยอด (Summary Cards)   ┃  │ ← ยอดสำคัญ 4 ตัว
│  ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛  │
│                                             │
│  ┏━━━━━━━━━━━━━━━━━━┓ ┏━━━━━━━━━━━━━━━━┓ │
│  ┃ 2️⃣ สินค้าขายดี    ┃ ┃ 3️⃣ สินค้าใกล้หมด┃ │ ← ข้อมูลสินค้า
│  ┗━━━━━━━━━━━━━━━━━━┛ ┗━━━━━━━━━━━━━━━━┛ │
│                                             │
│  ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓  │
│  ┃  4️⃣ กราฟยอดขาย 7 วัน               ┃  │ ← กราฟแสดงแนวโน้ม
│  ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛  │
│                                             │
│  ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓  │
│  ┃  5️⃣ การแจ้งเตือนและสิ่งที่ต้องทำ    ┃  │ ← สิ่งที่ต้องติดตาม
│  ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛  │
│                                             │
└─────────────────────────────────────────────┘

1️⃣ บัตรสรุปยอด (Summary Cards)

แสดงตัวเลขสำคัญ 4 ตัวที่ต้องเช็คทุกวัน:

┌──────────────┬──────────────┬──────────────┬──────────────┐
│ 💰 ยอดขาย   │ 🛒 จำนวนบิล │ 📦 สินค้าคงเหลือ│ 👥 ลูกค้าใหม่│
│              │              │              │              │
│ 125,450 บาท │   45 บิล    │ 1,234 รายการ│   12 ราย    │
│ +15.5% ▲    │  +8.3% ▲    │  -2.1% ▼    │  +20% ▲     │
│ เทียบเมื่อวาน│  เทียบเมื่อวาน│  เทียบเดือนที่แล้ว│  เดือนนี้      │
└──────────────┴──────────────┴──────────────┴──────────────┘

💰 ยอดขาย (Sales Today)

แสดงอะไร?

  • ยอดขายรวมของวันนี้ (ถึงเวลาปัจจุบัน)
  • เปรียบเทียบกับเมื่อวาน เป็น % (สีเขียว ▲ = มากกว่า, สีแดง ▼ = น้อยกว่า)

ตัวอย่าง:

💰 ยอดขาย
125,450 บาท
+15.5% ▲ เทียบเมื่อวาน

เมื่อวาน: 108,550 บาท
วันนี้ขายได้มากกว่าเมื่อวาน 16,900 บาท

การใช้งาน:

  • กดที่การ์ดนี้เพื่อดูรายละเอียดยอดขาย
  • จะเปิดหน้า "รายงานยอดขายวันนี้" พร้อมแยกตามสาขา, พนักงานขาย, ประเภทสินค้า

🛒 จำนวนบิล (Number of Bills)

แสดงอะไร?

  • จำนวนบิลขายทั้งหมดของวันนี้
  • เฉลี่ยบิลละเท่าไหร่

ตัวอย่าง:

🛒 จำนวนบิล
45 บิล
+8.3% ▲ เทียบเมื่อวาน

เฉลี่ย: 2,788 บาท/บิล
(125,450 ÷ 45 = 2,788)

ทำไมตัวเลขนี้สำคัญ?

  • ถ้ายอดขายเท่าเดิมแต่จำนวนบิลลดลง = ลูกค้าซื้อมากขึ้นต่อบิล (ดี)
  • ถ้ายอดขายเท่าเดิมแต่จำนวนบิลเพิ่มขึ้น = ลูกค้าซื้อน้อยลงต่อบิล (ไม่ดี)

📦 สินค้าคงเหลือ (Inventory)

แสดงอะไร?

  • จำนวนรายการสินค้าที่มีในคลัง
  • มูลค่าสินค้าคงเหลือรวม

ตัวอย่าง:

📦 สินค้าคงเหลือ
1,234 รายการ
-2.1% ▼ เทียบเดือนที่แล้ว

มูลค่า: 2,450,000 บาท
เฉลี่ย: 1,985 บาท/รายการ

การใช้งาน:

  • กดเพื่อดูรายละเอียดสินค้าคงเหลือทั้งหมด
  • ดูว่าสินค้าไหนใกล้หมด ไหนมีมากเกินไป

👥 ลูกค้าใหม่ (New Customers)

แสดงอะไร?

  • จำนวนลูกค้าใหม่ที่เพิ่มเข้ามาในเดือนนี้
  • เปรียบเทียบกับเดือนที่แล้ว

ตัวอย่าง:

👥 ลูกค้าใหม่
12 ราย (เดือนนี้)
+20% ▲ เทียบเดือนที่แล้ว

เดือนที่แล้ว: 10 ราย
ลูกค้าทั้งหมด: 456 ราย

2️⃣ สินค้าขายดี TOP 10

แสดงสินค้าที่ขายดีที่สุด 10 อันดับแรก (ของวันนี้หรือช่วงที่เลือก)

┌────────────────────────────────────────┐
│  🏆 สินค้าขายดี TOP 10 (วันนี้)        │
│                                        │
│  อันดับ  สินค้า              จำนวน   │
├────────────────────────────────────────┤
│  🥇 1   น้ำดื่ม 600มล.       250 ขวด │
│  🥈 2   ขนมปังโฮลวีต         120 ห่อ  │
│  🥉 3   นม UHT 200มล.        95 กล่อง│
│  4️⃣ 4   ช็อกโกแลต             78 แท่ง │
│  5️⃣ 5   คุกกี้                65 ห่อ  │
│  6️⃣ 6   มาม่า                 62 ถุง  │
│  7️⃣ 7   ขนมขบเคี้ยว           58 ห่อ  │
│  8️⃣ 8   เครื่องดื่ม           55 ขวด │
│  9️⃣ 9   ไอศกรีม              48 แท่ง │
│  🔟 10  ลูกอม                 45 ห่อ  │
│                                        │
│  [ดูทั้งหมด →]                         │
└────────────────────────────────────────┘

การใช้งาน:

  • กดที่สินค้าเพื่อดูรายละเอียด (ราคา, กำไร, ประวัติการขาย)
  • กดปุ่ม "ดูทั้งหมด" เพื่อดูสินค้าขายดีทุกรายการ
  • สามารถเปลี่ยนช่วงเวลาได้ (วันนี้, สัปดาห์นี้, เดือนนี้)

ทำไมต้องดู?

  • รู้ว่าสินค้าไหนขายดี = จัดสต็อกให้พอเพียง ไม่ขาดมือ
  • วางแผนโปรโมชั่น = ขายสินค้าที่ขายดีพร้อมของแถม
  • วิเคราะห์แนวโน้ม = สินค้าไหนเริ่มขายดีขึ้น/ลดลง

3️⃣ สินค้าใกล้หมด

แสดงสินค้าที่เหลือน้อย ต้องสั่งซื้อเพิ่ม

┌────────────────────────────────────────┐
│  ⚠️ สินค้าใกล้หมด (15 รายการ)         │
│                                        │
│  สินค้า              คงเหลือ   ขั้นต่ำ│
├────────────────────────────────────────┤
│  🔴 ขนมปังโฮลวีต      20 ห่อ   50 ห่อ │  🔴 = เหลือน้อยมาก
│  🔴 น้ำดื่ม 600มล.    50 ขวด  100 ขวด│
│  🟡 นม UHT 200มล.     15 กล่อง 10 กล่อง│  🟡 = ใกล้ถึงขั้นต่ำ
│  🟡 มาม่า              35 ถุง  30 ถุง │
│  🔴 ช็อกโกแลต          8 แท่ง  20 แท่ง│
│  ...                                  │
│                                        │
│  [สั่งซื้อทันที →]  [ดูทั้งหมด →]    │
└────────────────────────────────────────┘

สีของจุด:

  • 🔴 สีแดง = เหลือน้อยกว่าครึ่งของขั้นต่ำ (ต้องสั่งด่วน!)
  • 🟡 สีเหลือง = ใกล้ถึงขั้นต่ำ (ควรสั่ง)
  • 🟢 สีเขียว = ปกติ

การใช้งาน:

  • กดปุ่ม "สั่งซื้อทันที" = ระบบจะสร้างใบสั่งซื้ออัตโนมัติ (คำนวณจำนวนให้)
  • กดที่สินค้า = เปิดหน้ารายละเอียดสินค้า
  • กดปุ่ม "ดูทั้งหมด" = ดูสินค้าใกล้หมดทั้งหมด

ตัวอย่างการสั่งซื้ออัตโนมัติ:

เมื่อกดปุ่ม "สั่งซื้อทันที" ระบบจะคำนวณให้:

ขนมปังโฮลวีต:
• เหลือ: 20 ห่อ
• ขั้นต่ำ: 50 ห่อ
• แนะนำสั่ง: 100 ห่อ (เพื่อให้พอใช้ 1 สัปดาห์)
• ซัพพลายเออร์: บริษัท ABC
• ราคา: 15 บาท/ห่อ
• รวม: 1,500 บาท

4️⃣ กราฟยอดขาย 7 วัน

แสดงยอดขาย 7 วันล่าสุด เป็นกราฟแท่ง เห็นแนวโน้มชัดเจน

┌────────────────────────────────────────┐
│  📈 กราฟยอดขาย 7 วันล่าสุด              │
│                                        │
│  บาท                                   │
│  140K ┤                           ┌──┐│
│  120K ┤                      ┌──┐ │░░││
│  100K ┤       ┌──┐ ┌──┐ ┌──┐│░░│ │░░││  ← วันนี้ (ขายดีสุด!)
│   80K ┤ ┌──┐ │░░│ │░░│ │░░││░░│ │░░││
│   60K ┤ │░░│ │░░│ │░░│ │░░││░░│ │░░││
│   40K ┤ │░░│ │░░│ │░░│ │░░││░░│ │░░││
│   20K ┤ │░░│ │░░│ │░░│ │░░││░░│ │░░││
│    0  └─┴──┴─┴──┴─┴──┴─┴──┴┴──┴─┴──┴┘
│        20  21  22  23  24  25  26      │
│        ต.ค.                           │
│                                        │
│  เฉลี่ย 7 วัน: 109,243 บาท/วัน        │
│  [สัปดาห์] [เดือน] [ปี]               │  ← เปลี่ยนช่วงเวลา
└────────────────────────────────────────┘

การใช้งาน:

  • กดที่แท่งกราฟ = ดูรายละเอียดยอดขายวันนั้นๆ
  • เปลี่ยนช่วงเวลา:
    • [สัปดาห์] = ดู 7 วันล่าสุด
    • [เดือน] = ดู 30 วันล่าสุด
    • [ปี] = ดู 12 เดือนล่าสุด

ตัวอย่างรายละเอียดเมื่อกดที่แท่ง:

┌────────────────────────────────────────┐
│  📊 ยอดขาย วันที่ 26 ตุลาคม 2568       │
├────────────────────────────────────────┤
│  💰 ยอดขายรวม:      125,450 บาท      │
│  🛒 จำนวนบิล:       45 บิล            │
│  📈 เฉลี่ยต่อบิล:   2,788 บาท         │
│                                        │
│  📦 สินค้าขายดี:                       │
│  1. น้ำดื่ม (250 ขวด) = 5,000 บาท   │
│  2. ขนมปัง (120 ห่อ) = 3,600 บาท    │
│  3. นม (95 กล่อง) = 2,850 บาท        │
│                                        │
│  [ดูรายละเอียดเต็ม →]                  │
└────────────────────────────────────────┘

5️⃣ การแจ้งเตือนและสิ่งที่ต้องทำ

แสดงสิ่งสำคัญที่ต้องดูแลหรือจัดการ

┌────────────────────────────────────────┐
│  🔔 การแจ้งเตือน (8 รายการ)            │
├────────────────────────────────────────┤
│  ⚠️ ด่วนมาก (3)                        │
│  ├─ 🔴 สินค้าใกล้หมด: ขนมปัง (20)    │
│  ├─ 🔴 สินค้าหมดอายุวันนี้: นม (5)   │
│  └─ 🔴 ลูกหนี้เกินกำหนด: บริษัท ABC  │
│                                        │
│  ⏰ ต้องทำวันนี้ (2)                   │
│  ├─ 🟡 อนุมัติใบสั่งซื้อ (3 ใบ)      │
│  └─ 🟡 ตรวจนับสต็อก: โซน A           │
│                                        │
│  ℹ️ ข้อมูลทั่วไป (3)                   │
│  ├─ 🔵 สินค้าใหม่เข้า: 15 รายการ     │
│  ├─ 🔵 ลูกค้าใหม่: 3 ราย             │
│  └─ 🔵 อัปเดตระบบ มีอัปเดตใหม่       │
│                                        │
│  [ดูทั้งหมด →]                         │
└────────────────────────────────────────┘

ประเภทของการแจ้งเตือน:

🔴 ด่วนมาก (Urgent)

ต้องจัดการทันที!

  • สินค้าใกล้หมด/หมดแล้ว
  • สินค้าหมดอายุหรือใกล้หมดอายุ (3 วัน)
  • ลูกหนี้เกินกำหนดชำระมากกว่า 30 วัน
  • เงินสดไม่พอจ่ายบิล

🟡 ต้องทำวันนี้ (Today)

ควรทำให้เสร็จวันนี้

  • เอกสารรออนุมัติ
  • ตรวจนับสต็อกตามกำหนด
  • ติดตามลูกหนี้
  • ตรวจสอบออเดอร์ที่ต้องส่งของวันนี้

🔵 ข้อมูลทั่วไป (Info)

ข้อมูลเพื่อทราบ

  • สินค้าใหม่เข้ามา
  • ลูกค้าใหม่สมัคร
  • รายงานพร้อมดู
  • อัปเดตระบบ

การใช้งาน:

  • กดที่แจ้งเตือน = เปิดหน้ารายละเอียดและจัดการได้ทันที
  • กดปุ่ม "ดูทั้งหมด" = เปิดหน้ารวมการแจ้งเตือนทั้งหมด
  • ตั้งค่าได้ว่าต้องการให้แจ้งเตือนอะไรบ้าง

🎯 การปรับแต่ง Dashboard

สามารถปรับแต่ง Dashboard ให้เหมาะกับการใช้งานของคุณได้

วิธีปรับแต่ง:

ขั้นตอนที่ 1: กดปุ่ม "⚙️ ปรับแต่ง" มุมขวาบนของหน้า Dashboard

ขั้นตอนที่ 2: เลือกส่วนที่ต้องการแสดง/ซ่อน

┌────────────────────────────────────────┐
│  ⚙️ ปรับแต่ง Dashboard                 │
├────────────────────────────────────────┤
│  แสดง/ซ่อนส่วนต่างๆ:                   │
│                                        │
│  ☑ บัตรสรุปยอด                         │
│  ☑ สินค้าขายดี TOP 10                  │
│  ☑ สินค้าใกล้หมด                       │
│  ☑ กราฟยอดขาย                          │
│  ☑ การแจ้งเตือน                        │
│  ☐ สินค้าใกล้หมดอายุ                   │  ← เพิ่มส่วนนี้ได้
│  ☐ ลูกหนี้ค้างชำระ                     │
│  ☐ ยอดขายแยกตามพนักงาน                 │
│                                        │
│  [บันทึก]  [ยกเลิก]                   │
└────────────────────────────────────────┘

ขั้นตอนที่ 3: จัดเรียงส่วนต่างๆ โดยการลากและวาง

วิธีลากและวาง:
1. กดค้างที่หัวข้อของแต่ละส่วน
2. ลากไปวางตำแหน่งที่ต้องการ
3. ปล่อยเมาส์

ตัวอย่าง:
┌─────────────────┐  ← กดค้างตรงนี้
│ ⋮⋮ สินค้าขายดี  │
│  TOP 10         │
└─────────────────┘
     ↓ ลาก
┌─────────────────┐
│ ⋮⋮ กราฟยอดขาย   │  ← วางตรงนี้
└─────────────────┘

📱 Dashboard บนมือถือ vs คอมพิวเตอร์

บนมือถือ

┌───────────────┐
│ 💰 ยอดขาย    │
│ 125,450 บาท  │  ← การ์ดแสดงทีละ 1 คอลัมน์
└───────────────┘
┌───────────────┐
│ 🛒 จำนวนบิล  │
│ 45 บิล       │
└───────────────┘
┌───────────────┐
│ 📦 สินค้าคงเหลือ│
│ 1,234 รายการ │
└───────────────┘
     ⋮

คุณสมบัติพิเศษบนมือถือ:

  • ปัดซ้าย-ขวา = เปลี่ยนระหว่างการ์ด
  • ปัดลง = รีเฟรชข้อมูล
  • กดค้าง = แสดงเมนูด่วน

บนคอมพิวเตอร์

┌────────┬────────┬────────┬────────┐
│ 💰     │ 🛒     │ 📦     │ 👥     │  ← การ์ดแสดงแบบ 4 คอลัมน์
│ ยอดขาย│ จำนวนบิล│ สินค้าคงเหลือ│ ลูกค้าใหม่│
└────────┴────────┴────────┴────────┘
┌──────────────┬──────────────┐
│ สินค้าขายดี   │ สินค้าใกล้หมด │  ← 2 คอลัมน์
└──────────────┴──────────────┘
┌─────────────────────────────┐
│ กราฟยอดขาย 7 วัน            │  ← เต็มความกว้าง
└─────────────────────────────┘

💡 เคล็ดลับการใช้งาน Dashboard

1. เช็ค Dashboard ทุกเช้า

สร้างนิสัยเปิด Dashboard ทุกเช้า จะได้รู้สถานะธุรกิจทันที:

  • ยอดขายเมื่อวาน เป็นยังไง?
  • สินค้าไหนใกล้หมด?
  • มีอะไรต้องดูแลเร่งด่วนบ้าง?

2. ตั้งเป้ายอดขายรายวัน

ใช้ข้อมูลจากกราฟ 7 วัน คำนวณเฉลี่ยเป็นเป้าหมาย

เช่น: เฉลี่ย 7 วัน = 109,243 บาท
ตั้งเป้า: 110,000 บาท/วัน

3. กดปุ่มรีเฟรชเป็นระยะ

ข้อมูลใน Dashboard อัปเดตแบบเรียลไทม์ แต่อาจมีดีเลย์นิดหน่อย

  • บนมือถือ: ปัดลงเพื่อรีเฟรช
  • บนคอม: กด F5

4. ใช้การแจ้งเตือนเป็น To-Do List

ถือว่าการแจ้งเตือนคือรายการสิ่งที่ต้องทำ เมื่อจัดการเสร็จ ให้กดปุ่ม "ทำเสร็จแล้ว" จะหายจากรายการ

5. บันทึกภาพหน้าจอทุกสิ้นวัน

บันทึก Dashboard ทุกสิ้นวัน เก็บไว้เป็นหลักฐาน เทียบกันทุกเดือน จะเห็นความเติบโตของธุรกิจ


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

Q: ทำไมยอดขายใน Dashboard กับรายงานไม่เท่ากัน?

A:

  • Dashboard แสดงยอดขาย ณ เวลาปัจจุบัน (เรียลไทม์)
  • รายงานอาจมีเงื่อนไขเพิ่มเติม (เช่น กรองตามประเภท สาขา)
  • ลองกด F5 รีเฟรชดู

Q: จะเปลี่ยนให้ Dashboard แสดงข้อมูลเฉพาะสาขาของฉันได้ไหม?

A: ได้ครับ

  1. กดปุ่ม "⚙️ ปรับแต่ง"
  2. เลือก "กรองตามสาขา"
  3. เลือกสาขาที่ต้องการ
  4. บันทึก

Q: สินค้าขายดี TOP 10 เรียงตามอะไร?

A:

  • เรียงตามจำนวนที่ขายได้ (ไม่ใช่ยอดเงิน)
  • สามารถเปลี่ยนให้เรียงตามยอดเงินได้ โดยกดที่หัวตาราง "จำนวน"

Q: การแจ้งเตือนเยอะมาก จะปิดบางอันได้ไหม?

A: ได้ครับ

  1. กดไอคอน 🔔 มุมขวาบน
  2. กดปุ่ม "ตั้งค่าการแจ้งเตือน"
  3. ปิดการแจ้งเตือนที่ไม่ต้องการ

Q: Dashboard โหลดช้า ทำยังไง?

A:

  1. ปิดส่วนที่ไม่จำเป็น (เช่น กราฟ) เพื่อลดการโหลดข้อมูล
  2. ตรวจสอบอินเทอร์เน็ต
  3. ล้าง Cache ของแอป

หน้าถัดไป: 5. ระบบตะกร้าสินค้า (Cart System) →

กลับไปที่: ← การนำทาง | สารบัญ