Thư viện wireframe EduX
Chọn màn hình ở menu bên trái để mở wireframe ngay trong khung này — thao tác như đang dùng hệ thống thật. Toàn bộ wireframe dựng theo design system emsmono, có dữ liệu mẫu và các thao tác thử được.
0
wireframe đang dùng
1
module đã có wireframe
Quy ước thiết kế đang áp dụng
Các wireframe trong thư viện đều tuân theo những quy ước đã chốt sau các vòng review.
- Giao diện theo design system emsmono: topbar gradient xanh 48px, page panel bo 8px, control cao 32px bo 4px, tag trạng thái dạng pill.
- Form thêm/sửa dùng popup modal; footer nút theo thứ tự Hủy → Lưu & thêm mới → Lưu.
- Cơ sở / Khoa chọn ở thanh header bằng dropdown cây tổ chức có checkbox chọn nhiều; không nằm trong bộ lọc.
- Bộ lọc màn báo cáo là multi-select theo thứ tự: Trình độ đào tạo → Loại đào tạo → Khóa học → Ngành; Học kỳ chọn nhiều khi cần theo dõi cả năm.
- Danh sách: tách Họ đệm / Tên thành 2 cột; nút Tìm kiếm/Làm mới cùng hàng điều kiện lọc.
- Miễn giảm theo % không hiển thị số tiền khi lập danh sách — chỉ chốt khi đăng ký học phần hoặc đổ dự kiến thu.
- Phiếu thu khổ B5 (nửa tờ A4) theo Mẫu 01-TT; Hóa đơn điện tử tách nút riêng, phát hành theo lô cuối buổi.
- Biểu đồ dùng bảng màu đã kiểm định an toàn cho người mù màu; mỗi biểu đồ có bản xem dạng bảng.