...
STT | Trường thông tin/Nút chức năng | Kiểu dữ liệu | Điều kiện | Quy định | Mô tả | |||||
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | Tab "Ca làm việc" | Tab điều hướng (Navigation Tab) | Không bắt buộc | Cho phép người dùng nhấn để điều hướng đến màn hình quản lý ca làm việc | Thể hiện tab chức năng cho phép truy cập khu vực quản lý ca làm việc. | |||||
| 2 | Hộp chọn | Hộp chọn (Checkbox) | Không bắt buộc | Cho phép người dùng tích chọn một hoặc nhiều dòng để thực hiện các thao tác xóa hàng loạt. | Thể hiện hộp chọn dùng để đánh dấu bản ghi được chọn. | |||||
| 3 | STT | Số (Number) | Không bắt buộc | Hệ thống tự sinh số thứ tự theo vị trí hiển thị. | Thể hiện số thứ tự của mỗi bản ghi. | |||||
| 4 | Mã ca | Văn bản (Text) | Không bắt buộc | - Mã ca phải là giá trị duy nhất, không được trùng với bất kỳ mã ca nào đã tồn tại. - Dữ liệu mã ca: Tích hợp từ hệ thống HRIS. | Thể hiện mã định danh duy nhất của mỗi ca làm việc. | |||||
| 5 | Ca làm việc | Văn bản (Text) | Không bắt buộc | Cho phép sắp xếp (Sort) theo thứ tự tăng dần/giảm dần dựa trên tên ca làm việc. | - Thể hiện tên ca làm việc tương ứng với mỗi ca làm việc. | |||||
| 6 | Hoạt động (toggle) | Công tắc (Toggle) | Không bắt buộc | - Cho phép bật/tắt trạng thái hoạt động của ca làm việc; thay đổi sẽ được áp dụng trực tiếp lên bản ghi.
| Thể hiện trạng thái hoạt động của ca làm việc. | |||||
| 7 | Cột thao tác (Row Actions) | Biểu tượng/Nút chức năng (Icon / Button) | Không bắt buộc | - Bao gồm các nút chức năng Chỉnh sửa và Xóa. - Cho phép người dùng thực hiện các thao tác chỉnh sửa hoặc xoá trên từng bản ghi riêng lẻ. | Thể hiện nhóm nút chức năng gồm các thao tác chỉnh sửa và xoá. | 8 | Ô tìm kiếm (Search input) | |||
| 7.1 | Biểu tượng chỉnh sửa | Biểu tượng/Nút chức năng (Icon / Button) | Không bắt buộc | - Cho phép người dùng | nhập từ khóa liên quan đến "Mãngười dùng nhấn để mở màn hình pop-up "Chỉnh sửa ca làm việc" | hoặc "Tên ca làm việc".Thể hiện ô tìm kiếm với gợi ý mặc định (placeholder) “Tìm theo Mã hoặc Tên ca làm việc” và biểu tượng kính lúp ở đầu ô nhập. | 9 | Nút "Thêm mới" | Nút chức năng (Button. | Thể hiện biểu tượng chức năng cho phép người dùng mở màn hình pop-up "Chỉnh sửa ca làm việc": Tham chiếu mục 3.4.1.3. Màn hình pop-up "Chỉnh sửa ca làm việc" |
| 7.2 | Biểu tượng xóa | Biểu tượng/Nút chức năng (Icon / Button) | Không bắt buộc | - Cho phép người dùng người dùng nhấn để xóa đơn 1 ca làm việc. - Khi nhấn biểu tượng xóa, hệ thống hiển thị pop-up "Xác nhận xóa": Tham chiếu mục 3.4.1.4. Màn hình pop-up "Xác nhận xóa" | Thể hiện biểu tượng chức năng cho phép người dùng xóa ca làm việc. | |||||
| 8 | Ô tìm kiếm (Search input) | Văn bản (Text) | Không bắt buộc | - Cho phép người dùng | nhấn để điều hướng đến màn hình pop-up "Thêm mớinhập từ khóa liên quan đến "Mã ca làm việc" | .Thể hiện nút chức năng mở màn hình "Tạohoặc "Tên ca làm việc" | : Tham chiếu mục:||||
| 10 | Phân trang | Thành phần điều hướng (Pagination) | Không bắt buộc | - Hiển thị theo tổng số bản ghi. - Cho phép người dùng lựa chọn số lượng bản ghi hiển thị trên mỗi trang thông qua danh sách thả xuống, với các tùy chọn: 10, 30, 50, 100 bản ghi/trang. - Tự động tải lại danh sách theo số lượng bản ghi được chọn. | Thể hiện thành phần phân trang. |
3.4.1.2. Màn hình pop-up "Thêm mới làm việc" :
STT | Trường thông tin/Nút chức năng | Kiểu dữ liệu | Điều kiện | Quy định | Mô tả |
|---|---|---|---|---|---|
| 1 | Tên ca làm việc* | Văn bản (Text) | Bắt buộc | - Cho phép người dùng nhập tên ca làm việc. - Không được để trống. | Thể hiện trường thông tin cho phép người dùng nhập tên ca làm việc với gợi ý mặc định (placeholder) “Nhập tên ca làm việc”. |
| 2 | Mã ca làm việc* | Văn bản (Text) | Bắt buộc | - Cho phép người dùng nhập mã ca làm việc. - Không được để trống. - Hệ thống sẽ kiểm tra trùng mã:
| Thể hiện trường thông tin cho phép người dùng nhập tên mã làm việc với gợi ý mặc định (placeholder) “Nhập mã làm việc”. |
| 3 | Ca mặc định | Hộp chọn (Checkbox) | Không bắt buộc | - Cho phép người dùng thực hiện đánh dấu. | Thể hiện hộp chọn cho phép người dùng đánh dấu ca mặc định. |
| 4 | Trạng thái hoạt động | Công tắc (Toggle) | Không bắt buộc | - Cho phép bật/tắt trạng thái hoạt động của ca làm việc; thay đổi sẽ được áp dụng trực tiếp lên bản ghi.
- Giá trị mặc định khi tạo mới ca làm việc: Bật = Ca làm việc được kích hoạt. | Thể hiện công tắc cho phép điều chỉnh trạng thái hoạt động của ca làm việc. | 5 | Khối thời gian làm việc theo ngày (Thứ 2 → Chủ nhật) | Nhóm trường thời gian (Time Input
| . - Hỗ trợ nhập có dấu và không dấu. - Áp dụng cơ chế tìm kiếm “contains” (chứa ký tự). - Khi người dùng nhập từ khóa: Hệ thống tự động lọc dữ liệu ngay khi người dùng nhập. - Khi người dùng nhấn Enter hoặc nhấn biểu tượng kính lúp: Hệ thống thực hiện tìm kiếm và cập nhật danh sách theo từ khóa đã nhập. - Khi không tìm thấy kết quả: Hệ thống hiển thị giao diện gồm: +) Văn bản thông báo: "Ở đây chưa có gì cả. Hiện tại chưa có ca làm việc nào. Hãy thêm mới ca làm việc đầu tiên nhé!" +) Nút “Thêm mới làm việc” | Thể hiện ô tìm kiếm với gợi ý mặc định (placeholder) “Tìm theo Mã hoặc Tên ca làm việc” và biểu tượng kính lúp ở đầu ô nhập. | ||||
| 9 | Nút "Thêm mới" | Nút chức năng (Button) | Không bắt buộc | - Cho phép người dùng nhấn để điều hướng đến màn hình pop-up "Thêm mới ca làm việc". | Thể hiện nút chức năng mở màn hình "Tạo ca làm việc": Tham chiếu mục: 3.4.1.2. Màn hình pop-up "Thêm mới ca làm việc" : |
| 10 | Phân trang | Thành phần điều hướng (Pagination) | Không bắt buộc | - Hiển thị theo tổng số bản ghi. - Cho phép người dùng lựa chọn số lượng bản ghi hiển thị trên mỗi trang thông qua danh sách thả xuống, với các tùy chọn: 10, 30, 50, 100 bản ghi/trang. - Tự động tải lại danh sách theo số lượng bản ghi được chọn. | Thể hiện thành phần phân trang. |
3.4.1.2. Màn hình pop-up "Thêm mới làm việc" :
STT | Trường thông tin/Nút chức năng | Kiểu dữ liệu | Điều kiện | Quy định | Mô tả | |||
|---|---|---|---|---|---|---|---|---|
| 1 | Tên ca làm việc* | Văn bản (Text) | Bắt buộc | - Cho phép người dùng nhập tên ca làm việc. - Không được để trống. | Thể hiện trường thông tin cho phép người dùng nhập tên ca làm việc với gợi ý mặc định (placeholder) “Nhập tên ca làm việc”. | |||
| 2 | Mã ca làm việc* | Văn bản (Text) | Bắt buộc | - Cho phép người dùng nhập mã ca làm việc. - Không được để trống. - Hệ thống sẽ kiểm tra trùng mã:
| Thể hiện trường thông tin cho phép người dùng nhập tên mã làm việc với gợi ý mặc định (placeholder) “Nhập mã làm việc”. | |||
| 3 | Ca mặc định | Hộp chọn (Checkbox) | Không bắt buộc | - Cho phép người dùng thực hiện đánh dấu. | Thể hiện hộp chọn cho phép người dùng đánh dấu ca mặc định. | |||
| 4 | Trạng thái hoạt động | Công tắc (Toggle) | Không bắt buộc | - Cho phép bật/tắt trạng thái hoạt động của ca làm việc; thay đổi sẽ được áp dụng trực tiếp lên bản ghi.
- Giá trị mặc định khi tạo mới ca làm việc: Bật = Ca làm việc được kích hoạt. | Thể hiện công tắc cho phép điều chỉnh trạng thái hoạt động của ca làm việc. | |||
| 5 | Khối thời gian làm việc theo ngày (Thứ 2 → Chủ nhật) | Nhóm trường thời gian (Time Input) | Bắt buộc | - Cho phép người dùng thực hiện điền thông tin gồm:
| Thể hiện nhóm trường thời gian gồm:
| |||
| 5.1 | - Buổi sáng: Giờ bắt đầu | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện điền thông tin gồm: điền thông tin về thời điểm bắt đầu và kết thúccủa ca làm việc buổi chiều của ngày. | Thể hiện nhóm trường thời gian gồm:
| 5.1sáng trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường cho phép người dùng nhập giờ bắt đầu của ca buổi sáng. | |
| 5.2 | - Buổi sáng: Giờ bắt đầukết thúc | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện điền thông tin về thời điểm bắt đầu kết thúc của ca làm việc buổi sáng trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường cho phép người dùng nhập giờ bắt đầu kết thúc của ca buổi sáng. | |||
| 5.23 | - Buổi sángchiều: Giờ kết thúcbắt đầu | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện điền thông tin về thời điểm kết thúc bắt đầu của ca làm việc buổi sáng chiều trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường cho phép người dùng nhập giờ kết thúcbắt đầu của ca buổi sángchiều. | |||
| 5. | ||||||||
| 4 | - Buổi chiều: Giờ | |||||||
| kết thúc | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện điền thông tin về thời điểm | |||||
kết thúc của ca làm việc buổi | ||||||||
chiều trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường cho phép người dùng nhập giờ | |||||||
| kết thúc của ca buổi | ||||||||
| 5.4 | - Buổi chiều: Giờ kết thúc | Thời gian theo giờ - phút (hh:mm) | Bắt chiều. | |||||
| 6 | Nút "Hủy" | Nút chức năng (Button) | Không bắt buộc | - Cho phép người dùng nhấn để hủy bỏ các thay đổi và đóng giao diện hiện tại mà không lưu thông tin. | Thể hiện nút chức năng cho phép hủy bỏ thao tác mà không lưu dữ liệu. | |||
| 7 | Nút "Áp dụng" | Nút chức năng (Button) | Không bắt buộc | - Cho phép người dùng thực hiện điền lưu thông tin về thời điểm bắt đầu và kết thúc của ca làm việc buổi chiều trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường cho phép người dùng nhập giờ kết thúc của ca buổi chiều. | 6 | Nút "Hủyca sáng/ca chiều. - Nút chỉ được kích hoạt khi tất cả các trường thời gian theo ngày (Thứ 2 → Chủ Nhật) đã được nhập hợp lệ. | Thể hiện nút chức năng cho phép lưu thông tin thời điểm bắt đầu và kết thúc ca làm việc mỗi buổi sáng/chiều trong ngày. |
| 8 | Nút "X" | Nút chức năng (Button) | Không bắt buộc | - Cho phép người dùng nhấn để hủy bỏ các thay đổi và đóng giao diện hiện tại mà không lưu thông tin. | Thể hiện nút chức năng cho phép hủy bỏ thao tác mà không lưu dữ liệu. | |||
| 7 | Nút "Áp dụng" | Nút chức năng (Button) | Không bắt buộc | - Cho phép lưu thông tin thời điểm bắt đầu và kết thúc ca sáng/ca chiều. - Nút chỉ được kích hoạt khi tất cả các trường thời gian theo ngày (Thứ 2 → Chủ Nhật) đã được nhập hợp lệ. | Thể hiện nút chức năng cho phép lưu thông tin thời điểm bắt đầu và kết thúc ca làm việc mỗi buổi sáng/chiều trong ngày. | |||
| 8 | Nút "X" | Nút chức năng (Button) | Không bắt |
3.4.1.3. Màn hình pop-up "Chỉnh sửa ca làm việc" :
STT
Trường thông tin/Nút chức năng
Kiểu dữ liệu
Điều kiện
Quy định
Mô tả
Văn bản (Text)
STT | Trường thông tin/Nút chức năng | Kiểu dữ liệu | Điều kiện | Quy định | Mô tả |
|---|---|---|---|---|---|
| 1 | Tên ca làm việc* | Văn bản (Text) | Bắt buộc | - Cho phép người dùng nhập/chỉnh sửa tên ca làm việc. - Không được để trống. | Thể hiện trường thông tin với dữ liệu tên ca làm việc hiện có. |
| 2 | Mã ca làm việc* | Văn bản (Text) | Bắt buộc | - Cho phép người dùng | Thể hiện nút chức năng cho phép hủy bỏ thao tác mà không lưu dữ liệu. |
3.4.1.3. Màn hình pop-up "Chỉnh sửa ca làm việc" :
nhập/chỉnh sửa mã ca làm việc. - Không được để trống. - Hệ thống sẽ kiểm tra trùng mã:
| Thể hiện trường thông tin với dữ liệu tên mã làm việc hiện có. | ||||
| 3 | Ca mặc định | Hộp chọn (Checkbox) | Không bắt buộc | - Cho phép người dùng thực hiện chỉnh sửa đánh dấu. | Thể hiện hộp chọn với dữ liệu hiện có. |
| 4 | Trạng thái hoạt động | Công tắc (Toggle) | Không bắt buộc | - Cho phép người dùng |
thực hiện chỉnh sửa |
trạng thái bật/tắt hoạt động của ca làm việc |
- Không được để trống. Thể hiện trường thông tin với dữ liệu tên
; thay đổi sẽ được áp dụng trực tiếp lên bản ghi.
| Thể hiện công tắc với dữ liệu trạng thái hoạt động của ca làm việc hiện có. |
| 5 | Khối thời gian làm việc theo ngày (Thứ 2 → Chủ nhật) | Nhóm trường thời gian (Time Input) | Bắt buộc | - Cho phép người dùng thực hiện chỉnh nhập/ chỉnh |
sửa thông tin gồm:
|
- Không được để trống.
- Hệ thống sẽ kiểm tra trùng mã:
- Nếu mã nhập trùng: hiển thị thông báo lỗi “Mã ca đã tồn tại. Vui lòng nhập mã khác” và không cho phép lưu dữ liệu.
- Nếu mã chưa tồn tại: cho phép lưu thông tin ca làm việc mới.
Thể hiện trường thông tin với dữ liệu tên mã làm việc hiện có.
Thể hiện hộp chọn với dữ liệu hiện có.
| Thể hiện nhóm trường thời gian gồm:
| ||||
| 5.1 | - Buổi sáng: Giờ bắt đầu | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện nhập/chỉnh sửa thông tin về thời điểm bắt đầu của ca làm việc buổi sáng trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường thông tin với dữ liệu giờ bắt đầu của ca buổi sáng hiện có. |
| 5.2 | - Buổi sáng: Giờ kết thúc | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện nhập/chỉnh sửa |
thông tin về thời điểm kết thúc của ca làm việc |
- Bật = Ca làm việc được kích hoạt.
- Tắt = Ca làm việc bị vô hiệu hóa.
buổi sáng trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường thông tin với dữ liệu giờ kết thúc của ca buổi sáng hiện có. |
| 5 |
| .3 | - Buổi chiều: Giờ bắt đầu | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện |
nhập/chỉnh sửa thông tin |
- Thời điểm bắt đầu và kết thúc ca làm việc buổi sáng của ngày.
- Thời điểm bắt đầu và kết thúc ca làm việc buổi chiều của ngày.
Thể hiện nhóm trường thời gian gồm:
về thời điểm bắt đầu của ca làm việc buổi |
chiều trong ngày theo giờ-phút. - Chỉ cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường thông tin với dữ liệu giờ bắt đầu của ca buổi chiều hiện có. | |||
| 5.4 | - Buổi chiều: Giờ kết thúc | Thời gian theo giờ - phút (hh:mm) | Bắt buộc | - Cho phép người dùng thực hiện nhập/chỉnh sửa thông tin về thời điểm |
kết thúc của ca làm việc buổi |
chiều trong ngày theo giờ-phút. - Chỉ |
Thể hiện trường thông tin với dữ liệu giờ bắt đầu của ca buổi sáng hiện có.
- Cho phép người dùng thực hiện nhập/chỉnh sửa thông tin về thời điểm kết thúc của ca làm việc buổi sáng trong ngày theo giờ-phút.
- Chỉ cho phép nhập số, không cho phép ký tự khác.
- Cho phép người dùng thực hiện nhập/chỉnh sửa thông tin về thời điểm bắt đầu của ca làm việc buổi chiều trong ngày theo giờ-phút.
- Chỉ cho phép nhập số, không cho phép ký tự khác.
Thể hiện trường thông tin với dữ liệu giờ bắt đầu của ca buổi chiều hiện có.
- Cho phép người dùng thực hiện nhập/chỉnh sửa thông tin về thời điểm kết thúc của ca làm việc buổi chiều trong ngày theo giờ-phút.
- Chỉ cho phép nhập số, không cho phép ký tự khác.
cho phép nhập số, không cho phép ký tự khác. | Thể hiện trường thông tin với dữ liệu giờ bắt đầu của ca buổi chiều hiện có. | ||||
| 6 | Nút "Hủy" | Nút chức năng (Button) | Không bắt buộc | - Cho phép người dùng nhấn để hủy bỏ các thay đổi và đóng giao diện hiện tại mà không lưu thông tin. | Thể hiện nút chức năng cho phép hủy bỏ thao tác mà không lưu dữ liệu. |
| 7 | Nút "Áp dụng" | Nút chức năng (Button) | Không bắt buộc | - Cho phép người dùng nhấn để lưu thông tin thời điểm bắt đầu và kết thúc ca sáng/chiều sau khi người dùng nhập hoặc chỉnh sửa. - Nút chỉ được kích hoạt khi ít nhất một trường thời gian theo ngày (Thứ 2 → Chủ Nhật) được thay đổi và hợp lệ. | Thể hiện nút chức năng cho phép lưu thông tin thời điểm bắt đầu và kết thúc ca làm việc mỗi buổi sáng/chiều trong ngày sau khi người dùng nhập/chỉnh sửa thông tin. |
| 8 | Nút "X" | Nút chức năng (Button) | Không bắt buộc | - Cho phép người dùng nhấn để hủy bỏ các thay đổi và đóng giao diện hiện tại mà không lưu thông tin. | Thể hiện nút chức năng cho phép hủy bỏ thao tác mà không lưu dữ liệu. |
3.4.1.4. Màn hình pop-up "Xác nhận xóa" :
STT | Trường thông tin/Nút chức năng | Kiểu dữ liệu | Điều kiện | Quy định | Mô tả | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1 | Tiêu đề Pop-up | Văn bản (Text) | Bắt buộc | Không cho phép người dùng thao tác tương tác (nhấn/chọn/sửa) trên tiêu đề. | Thể hiện tiêu đề pop-up "Xác nhận xóa" | |||||||
| 2 | Nút "Hủy" | Nút chức năng (Button) | ||||||||||
| Bắt buộc | - Cho phép người dùng nhấn để hủy bỏ | |||||||||||
| thao tác xóa. - Khi nhấn, màn hình pop-up đóng lại và bản ghi ca làm việc không bị xóa. | Thể hiện nút | |||||||||||
| "Hủy". | ||||||||||||
| 113 | Nút "Áp dụngXác nhận" | Nút chức năng (Button) | Không bắt Bắt buộc | - Cho phép lưu thông tin thời điểm bắt đầu và kết thúc ca sáng/chiều sau khi người dùng nhập hoặc chỉnh sửa.- Nút chỉ được kích hoạt khi ít nhất một trường thời gian theo ngày (Thứ 2 → Chủ Nhật) được thay đổi và hợp lệ. | Thể hiện nút chức năng cho phép lưu thông tin thời điểm bắt đầu và kết thúc ca làm việc mỗi buổi sáng/chiều trong ngày sau khi người dùng nhập/chỉnh sửa thông tin. | 12 | Nút "X" | Nút chức năng (Button) | Không bắt buộc | - Cho phép người dùng nhấn để hủy bỏ các thay đổi và đóng giao diện hiện tại mà không lưu thông tin. | Thể hiện nút chức năng cho phép hủy bỏ thao tác mà không lưu dữ liệu người dùng nhấn để xác nhận thao tác xóa, sau khi đã vượt qua bước kiểm tra ràng buộc dữ liệu.
| Thể hiện nút "Xác nhận". |