Central EMS Platform
P2 Mockup Deliverable — HTML Wireframes สำหรับคณะกรรมการตรวจรับ
ตาม TOR 6.9.9(1) Hard Gate Requirement
หน้าจอทั้งหมด (8 หน้า)
คลิกที่ลิงก์เพื่อเปิดหน้าจอ Mockup แต่ละหน้า
หน้าเข้าสู่ระบบ
หน้า Login กลาง — กรอก Email / Password, จดจำฉันไว้, ลืมรหัสผ่าน, error state
เปิดหน้าจอ →Site Dashboard
สถานะปัจจุบัน — Energy Flow Diagram, Phase A/B/C, Device Status, Zero Export Bar
เปิดหน้าจอ →กราฟย้อนหลัง
Bar Chart Solar/Grid/Self-Consumed, Date Range Selector, Export CSV/PDF, Summary Stats
เปิดหน้าจอ →เปรียบเทียบ 10 ศูนย์
ตาราง PR (%), ผลิตรวม, SOC, สถานะ พร้อม KPI Summary และ Color-coded PR
เปิดหน้าจอ →จัดการศูนย์บริการ
Sites Table, Add/Edit Form, Gateway Status, Config Change Requests Workflow
เปิดหน้าจอ →การจัดการสิทธิ์ตามบทบาท
Role Definitions (4 บทบาท), Permission Matrix, Sidebar ตามบทบาท, User List & Role Assignment
เปิดหน้าจอ →Central Dashboard (ตามบทบาท)
Central Dashboard ที่เปลี่ยนมุมมองตาม Role — Central Admin, Site Admin, Operator, Viewer พร้อม Role Switcher
เปิดหน้าจอ →Design System — Color Palette
ออกแบบตาม Design.md — IBM Plex Sans Thai + Design Tokens
Primary
Hover
Light
Solar
Grid
Battery
Load
Success
Warning
Error
BG-App
BG-Surface
BG-Sidebar
Text-Pri
Text-Sec
📋 อนุมัติโดยคณะกรรมการตรวจรับ
กรอกข้อมูลด้านล่างเพื่อบันทึกการตรวจรับ P2 Mockup Deliverable ตาม TOR 6.9.9(1)