7. หน้าจอระบบ

หน้าจอทั้งหมดอยู่ที่ work.keycake.com ต้องใช้งานได้ดีบนมือถือ เพราะคนเข้ากะดึกและคนขอ OT มักไม่ได้อยู่หน้าคอมพิวเตอร์

7.1 แผนผังหน้าจอ

flowchart TD
    LOGIN["เข้าสู่ระบบ<br/>Google Workspace"] --> HOME["หน้าแรก<br/>ปรับตามบทบาท"]

    HOME --> T["ลงเวลา"]
    HOME --> S["กะของฉัน"]
    HOME --> R["คำขอของฉัน<br/>OT · ลา"]
    HOME --> P["โครงการ"]
    HOME --> AP["รออนุมัติ"]
    HOME --> DASH["แดชบอร์ดต้นทุน"]
    HOME --> ADM["ตั้งค่าระบบ"]

    T --> T1["ลงเวลาวันนี้"]
    T --> T2["Timesheet รายสัปดาห์"]
    S --> S1["ปฏิทินกะ"]
    S --> S2["จัดตารางกะ"]
    P --> P1["รายการโครงการ"]
    P --> P2["รายละเอียดโครงการ"]
    P --> P3["คิวงาน (Phase 2)"]
    DASH --> D1["ต้นทุนรายโครงการ"]
    DASH --> D2["กำไรรายลูกค้า"]
    ADM --> A1["พนักงาน + บทบาท"]
    ADM --> A2["Rate card"]
    ADM --> A3["ปิดงวด"]
    ADM --> A4["Audit log"]

    classDef all fill:#dcfce7,stroke:#16a34a,color:#14532d
    classDef lead fill:#fef3c7,stroke:#d97706,color:#78350f
    classDef exec fill:#e0e7ff,stroke:#4f46e5,color:#1e1b4b
    class T,T1,T2,S,S1,R,P,P1,P2 all
    class AP,S2,P3 lead
    class DASH,D1,D2,ADM,A1,A2,A3,A4 exec

ทุกคน หัวหน้างาน / BA ผู้บริหาร / admin

7.2 หน้าจอ Phase 1

หน้าแรก (Home)

แสดงต่างกันตามบทบาท แต่ทุกคนเห็น การ์ดลงเวลาวันนี้ เป็นอันดับแรกเสมอ

บทบาท	เห็นอะไร
ทุกคน	การ์ดลงเวลาวันนี้ · กะถัดไปของฉัน · คำขอที่ยังไม่ได้ผล
หัวหน้างาน	+ จำนวนคำขอรออนุมัติ · คนในทีมที่ยังลงเวลาไม่ครบ
BA	+ งานในคิวที่ใกล้เลยกำหนด · งานที่ยังไม่มีคนรับ
ผู้บริหาร	+ ชั่วโมงสะสมเดือนนี้ต่อลูกค้า · สัญญาณเตือน OT ผิดปกติ

ลงเวลา (หน้าจอสำคัญที่สุด)

เกณฑ์รับมอบของหน้านี้

ลงเวลาครบทั้งวันต้องทำได้ใน 3 คลิกหรือน้อยกว่า ถ้าเกินนี้ถือว่าออกแบบไม่ผ่าน

• ปุ่มลัด: โครงการที่ลงบ่อยที่สุด 5 อันดับแรกของคนนั้น แสดงเป็นปุ่มกดครั้งเดียว
• ตัวเลือกชั่วโมงเป็นปุ่ม 0.5 / 1 / 2 / 4 / 8 ไม่ใช่ช่องพิมพ์
• แสดงยอดรวมของวันแบบสด พร้อมเตือนเมื่อเกินเวลากะ
• ถ้าวันนั้นมีกะ ระบบเติมประเภท shift ให้อัตโนมัติ
• ปุ่ม "เหมือนเมื่อวาน" สำหรับงานที่ทำต่อเนื่อง

Timesheet รายสัปดาห์

ตาราง 7 คอลัมน์ (จ–อา) × แถวโครงการ แก้ไขในตารางได้เลย มีแถบสรุปด้านล่าง: ชั่วโมงรวม · ชั่วโมง OT · วันที่ยังไม่ได้ลง (ไฮไลต์สีแดง)

ปฏิทินกะ

• มุมมองเดือน แสดงกะของทุกคนในทีม
• แถบด้านบนแสดง ความครอบคลุม 24 ชม. — ช่วงไหนไม่มีคนคุมขึ้นสีแดงทันที
• คลิกที่ช่องเพื่อสลับกะ (ต้องได้รับการยืนยันจากทั้งสองฝ่าย)

จัดตารางกะ (หัวหน้างาน)

• ลากวางคนลงกะ
• ระบบเตือนอัตโนมัติ: ชนวันลาที่อนุมัติแล้ว · กะดึกติดกันเกิน 3 วัน · ชั่วโมงรวมต่อสัปดาห์เกินเกณฑ์
• ปุ่ม "คัดลอกจากเดือนก่อน" เป็นจุดเริ่มต้น

คำขอ OT / ลา

• ฟอร์มสั้น: วันที่ · ชั่วโมง · โครงการ · เหตุผล
• แสดงสิทธิ์ลาคงเหลือและ OT สะสมเดือนนี้ก่อนกดส่ง
• หน้ารออนุมัติของหัวหน้างาน: อนุมัติทีละหลายรายการได้ในคลิกเดียว

รายละเอียดโครงการ

ส่วน	เนื้อหา
หัวเรื่อง	ชื่อ · รหัส · ลูกค้า · BA เจ้าของ · สถานะ
ชั่วโมง	สะสมทั้งหมด · เดือนนี้ · แยกตามคน · แยกตามประเภท (dev/support/OT)
ต้นทุน	เห็นเฉพาะ executive และ lead
กราฟ	ชั่วโมงต่อสัปดาห์ย้อนหลัง 12 สัปดาห์
งาน	รายการงานย่อย (Phase 2)

แดชบอร์ดต้นทุน (ผู้บริหาร)

┌──────────────────────────────────────────────────────┐
│  สิงหาคม 2569                        [เลือกเดือน ▾]  │
├───────────────┬───────────────┬──────────────────────┤
│ รายได้รวม     │ ต้นทุนรวม     │ กำไร                 │
│ 500,000       │ 380,000       │ 120,000  (24%)       │
├───────────────┴───────────────┴──────────────────────┤
│  LSM99 (One Group)                                   │
│    Effective rate  455 ฿/ชม.   ต้นทุนเฉลี่ย 345 ฿/ชม. │
│    ██████████████████░░░░  1,100 ชม.                 │
│    ├ ระบบสมาชิก        250 ชม.  23%   88,494 ฿      │
│    ├ ระบบรายงาน        180 ชม.  16%   61,200 ฿      │
│    ├ Support 24/7      420 ชม.  38%  142,800 ฿  ⚠   │
│    └ อื่น ๆ            250 ชม.  23%   87,506 ฿      │
├──────────────────────────────────────────────────────┤
│  คุณตั้ม                                              │
│    มูลค่างาน 80,000   ต้นทุน 52,000   กำไร 35%       │
└──────────────────────────────────────────────────────┘

สัญญาณเตือนที่แสดงอัตโนมัติ: ⚠ สัดส่วน support เกิน 35% · ⚠ OT ratio เกิน 15% · ⚠ กำไรลูกค้าต่ำกว่า 20%

ปิดงวด (admin)

• แสดงรายชื่อคนที่ยังลงเวลาไม่ครบ พร้อมปุ่มส่งเตือนเข้า Google Chat
• ปิดงวดไม่ได้ถ้ายังมีคำขอ OT ค้างอนุมัติของเดือนนั้น
• เมื่อปิดแล้ว บันทึกค่า overhead_rate ที่ใช้ลงในงวด เพื่อให้รายงานย้อนหลังไม่เปลี่ยน

7.3 หน้าจอ Phase 2 (แทน ClickUp)

หน้าจอ	เนื้อหา
คิวงาน	กระดานแบบ Kanban ต่อโครงการ · ลากเปลี่ยนสถานะ · จัดลำดับความสำคัญ
งานของฉัน	รายการงานที่ได้รับมอบหมาย เรียงตามกำหนดส่ง
ภาพรวมคิวทั้งบริษัท (BA)	ทุกโครงการในหน้าเดียว · เห็นคอขวดว่าใครงานล้น
รายงานส่งลูกค้า	สรุปงานที่เสร็จในเดือน ส่งออก PDF (ไม่แสดงต้นทุน)

7.4 แนวทางออกแบบ

• มือถือมาก่อน — คนเข้ากะดึกใช้มือถือเป็นหลัก
• ภาษาไทยเป็นหลัก ปุ่มและข้อความทั้งหมดเป็นภาษาไทย
• ไม่มีหน้าจอไหนต้องโหลดเกิน 2 วินาที — รายงานหนักให้คำนวณล่วงหน้า
• ไม่แสดง leaderboard ชั่วโมงรายบุคคล — ตั้งใจไม่ทำ ดูเหตุผลที่ 10. นโยบาย