3. CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ
3.2. THIẾT KẾ GIAO DIỆN
3.2.1. Giao diện trên Winform
3.2.1.1. Màn hình “Đăng Nhập”
Hình 4. Giao diện "Đăng Nhập" trên Winform
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) lblDangNhap Label Nhãn “Đăng nhập”
2 (2) btnThoat SimpleButton Nút “Thoát” 3 (3) picGanh PictureEdit Hình logo
4 (4) picTenDN PictureEdit Icon “Đăng nhập” 5 (5) picMatKhau PictureEdit Icon “Mật khẩu”
6 (6) txtTenDN TextEdit Trường “Tên đăng nhập” 7 (7) txtMatKhau TextEdit Trường “Mật khẩu” 8 (8) btnDangNhap SimpleButton Nút “Đăng nhập”
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Thoát chương trình Click vào (2)
Trang 50
3.2.1.2. Màn hình “Trang Chủ”
Trang 51
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) barbtnTK BarButtonItem Tên tài khoản
2 (2) barbtnQuyen BarButtonItem Quyền của tài khoản 3 (3) barbtnNV BarButtonItem Tên nhân viên
4 (4) barbtnChotCa BarButtonItem Người chốt ca gần nhất 5 (5) barstcDT BarStaticItem Nhãn “Doanh thu” 6 (6) barstcChotCa BarStaticItem Nút “Chốt ca” 7 (7) ribHeThong RibbonPageGroup Tab “Hệ thống” 8 (8) ribQuanLy RibbonPageGroup Tab “Quản lý” 9 (9) ribThongKe RibbonPageGroup Tab “Thống kê” 10 (10) barbtnTC BarButtonItem Nút “Trang chủ” 11 (11) barbtnDMK BarButtonItem Nút “Đổi mật khẩu” 12 (12) barbtnThoat BarButtonItem Nút “Thoát”
13 (13) barbtnQLTK BarButtonItem Nút “Quản lý tài khoản” 14 (14) barbtnDX BarButtonItem Nút “Đăng xuất”
15 (15) skinribGD SkinRibbonGalleryBarItem Thư viện chọn giao diện 16 (16) xtraTab XtraTabbedMdiManager Vùng chứa form con 17 (17) barbtnQLNV BarButtonItem Nút “Quản lý nhân viên” 18 (18) barbtnCC BarButtonItem Nút “Chấm công”
19 (19) barbtnQLTD BarButtonItem Nút “Quản lý thực đơn” 20 (20) barbtnQLNL BarButtonItem Nút “Quản lý nguyên liệu” 21 (21) barbtnQLLM BarButtonItem Nút “Quản lý loại món” 22 (22) barbtnQLB BarButtonItem Nút “Quản lý bàn” 23 (23) barbtnQLKV BarButtonItem Nút “Quản lý khu vực” 24 (24) barbtnQLKH BarButtonItem Nút “Quản lý khách” 25 (25) barbtnDT BarButtonItem Nút “Doanh thu” 26 (26) barbtnL BarButtonItem Nút “Lương”
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Chốt ca Click vào (4)
2 Mở tab Hệ thống Click vào (7)
3 Mở tab Quản lý Click vào (8)
4 Mở tab Thống kê Click vào (9)
5 Về giao diện Trang chủ Click vào (10) 6 Mở form Đổi mật khẩu Click vào (11)
7 Thoát chương trình Click vào (12)
8 Mở form Quản lý Tài khoản Click vào (13)
9 Đăng xuất Click vào (14)
Trang 52
11 Mở form Quản lý Nhân viên Click vào (17)
12 Mở form Chấm công Click vào (18)
13 Mở form Quản lý Thực đơn Click vào (19) 14 Mở form Quản lý Nguyên liệu Click vào (20) 15 Mở form Quản lý Loại món Click vào (21) 16 Mở form Quản lý Bàn Click vào (22) 17 Mở form Quản lý Khu Vực Click vào (23) 18 Mở form Quản lý Khách Click vào (24) 19 Mở form Thống kê Doanh thu Click vào (25) 20 Mở form Thống kê Lương Click vào (26)
3.2.1.3. Màn hình “Đổi Mật Khẩu”
Hình 6. Giao diện "Đổi Mật Khẩu"
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) lblDoiMK Label Nhãn “Đổi mật khẩu”
2 (2) btnThoat SimpleButton Nút “Thoát”
3 (3) grctrlTTMK GroupControl Gom nhóm thông tin
4 (4) lblMKC LabelEdit Nhãn “Mật khẩu cũ”
5 (5) lblMKM LabelEdit Nhãn “Mật khẩu mới”
6 (6) lblNLMK LabelEdit Nhãn “Nhập lại”
7 (7) txtMKC TextEdit Trường “Mật khẩu cũ”
8 (8) txtMKM TextEdit Trường “Mật khẩu mới”
9 (9) txtNLMK TextEdit Trường “Nhập lại”
10 (10) btnDoiMK SimpleButton Nút “Đổi mật khẩu”
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
Trang 53
2 Đổi mật khẩu Click vào (10)
3.2.1.4. Màn hình “Quản Lý Tài Khoản”
Hình 7. Giao diện "Quản Lý Tài Khoản"
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) grctrlTTTK GroupControl Gom nhóm thông tin 2 (2) lblMaNV LabelEdit Nhãn “Mã nhân viên” 3 (3) lblTenNV LabelEdit Nhãn “Tên nhân viên” 4 (4) lblTenDN LabelEdit Nhãn “Tên đăng nhập”
5 (5) txtMaNV TextEdit Trường “Mã nhân viên”
6 (6) txtTenNV TextEdit Trường “Tên đăng nhập” 7 (7) txtTenDN TextEdit Trường “Tên đăng nhập” 8 (8) grctrlQuyen GroupControl Gom nhóm thông tin 9 (9) radChuQuan RadioButton RadioButton “Chủ quán” 10 (10) radNhanVien RadioButton RadioButton “Nhân viên” 11 (11) grctrlXuLy GroupControl Gom nhóm thông tin 12 (12) btnThem SimpleButton Nút “Thêm”
13 (13) btnXoa SimpleButton Nút “Xóa” 14 (14) btnSua SimpleButton Nút “Sửa” 15 (15) btnLuu SimpleButton Nút “Lưu” 16 (16) btnTaiLai SimpleButton Nút “Tải lại” 17 (17) btnHuy SimpleButton Nút “Hủy”
18 (18) grctrlDSTK GroupControl Gom nhóm thông tin
Trang 54
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Mở hộp thoại thêm tài khoản Click vào (12)
2 Xóa tài khoản Click vào (19) → Click vào (13)
4 Sửa quyền tài khoản Click vào (19) → Click vào (14) →Sửa thông tin → Click vào (15) 5 Lưu thông tin xuống CSDL Click vào (15)
6 Tải lại danh sách tài khoản Click vào (16) 7 Hủy thêm hoặc sửa thông tin Click vào (17) 8 Lấy thông tin tài khoản Click vào (19)
3.2.1.5. Màn hình “Thêm Tài Khoản”
Hình 8. Giao diện "Thêm Tài Khoản"
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) lblDangKi Label Nhãn “Đăng ký”
2 (2) btnThoat SimpleButton Nút “Thoát”
3 (3) txtMaNhanVien TextEdit Trường “Mã nhân viên”
4 (4) txtTenDN TextEdit Trường “Tên đăng nhập”
5 (5) txtMatKhau TextEdit Trường “Mật khẩu”
6 (6) txtNhapLaiMK TextEdit Trường “Nhập lại mật khẩu” 7 (7) btnDangKi SimpleButton Nút “Đăng ký”
Trang 55
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Thoát form Đổi mật khẩu Click vào (2)
2 Thêm tài khoản Điền thông tin → Click vào (7)
3.2.1.6. Màn hình “Danh Sách Bàn”
Hình 9. Giao diện "Danh Sách Bàn"
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) btnChonMon SimpleButton Nút “Chọn món” 2 (2) btnTaiLai SimpleButton Nút “Tải lại” 3 (3) btnChuyenBan SimpleButton Nút “Chuyển bàn” 4 (4) btnGopBan SimpleButton Nút “Gộp bàn” 5 (5) btnDatBan SimpleButton Nút “Đặt bàn”
6 (6) pnlChucNang Panel Panel Chức năng
7 (7) grctrlDSBan GroupControl Gộp nhóm thông tin 8 (8) TabDSBan TabControl Tab “Danh sách bàn” 9 (9) grctrlCTP GroupControl Gộp nhóm thông tin 10 (10) lblTTDB LabelEdit Nhãn “Thông tin đặt bàn”
11 (11) btnHuy SimpleButton Nút “Hủy”
12 (12) btnKhachDen SimpleButton Nút “Khách đến” 13 (13) btnTaiLai SimpleButton Nút “Tải lại”
14 (14) dgvChiTietHD DataGridView DataGridView “Chi tiết hóa đơn”
15 (15) lblDangChon LabelEdit Nhãn “Bàn đang chọn” 16 (16) grctrlTinhTien GroupControl Gộp nhóm thông tin tính tiền 17 (17) lblTongTien LabelEdit Nhãn “Tổng tiền”
Trang 56
19 (19) lblBangChu LabelEdit Nhãn “Tổng tiền” bằng chữ 20 (20) btnXuatBill SimpleButton Nút “Xuất bill”
21 (21) lblChuThich LabelEdit Nhãn “Chú thích” 22 (22) btnCTDatBan SimpleButton Nút chú thích “Đặt bàn” 23 (23) btnCTCK SimpleButton Nút chú thích “Có khách” 24 (24) btnCTTrong SimpleButton Nút chú thích “Trống khách” 25 (25) btnXuatTam SimpleButton Nút chú thích “Xuất bill tạm”
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Chọn bàn Click vào (8)
2 Chọn món Click vào (8) → Click vào (1)
3 Tải lại danh sách bàn Click vào (2)
4 Chuyển bàn Click vào (8) → Click vào (3)
5 Gộp bàn Click vào (8) → Click vào (4)
6 Đặt bàn trước Click vào (8) → Click vào (5)
7 Hủy bàn Click vào (8) → Click vào (11)
8 Chuyển trạng thái (từ đặt bàn sang có khách)
Click vào (8) → Click vào (12)
9 Trả lại món ăn Chọn món trong (14) → Click vào
(13)
10 Mở hộp thoại “Xuất Bill” Click vào (8) → Click vào (20)
3.2.1.7. Màn hình “Chọn Món”
Trang 57
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) picBaner PictureBox Hình ảnh Header 2 (2) grctrlDSMon GroupControl Gom nhóm thông tin 3 (3) grctrlThongTin GroupControl Gom nhóm thông tin 4 (4) grctrlChiTiet GroupControl Gom nhóm thông tin 5 (5) tabDSMon XtraTabControl Tab “Danh sách món” 6 (6) lblTimKiem LabelEdit Nhãn “Tìm kiếm” 7 (7) txtTimKiem TextEdit Trường “Tìm kiếm” 8 (8) lblLoaiMon LabelEdit Nhãn “Loại món” 9 (9) cmbLoaiMon ComboBoxEdit ComboBox “Loại món”
10 (10) dgvDSMon DataGridView DataGridView “Danh sách món” 11 (11) btnTaoHD SimpleButton Nút “Tạo hóa đơn”
12 (12) lblMDC LabelEdit Nhãn “Tên món đang chọn” 13 (13) lblSLChu LabelEdit Nhãn “Số lượng còn”
14 (14) lblSLSo LabelEdit Nhãn “Số lượng còn” bằng số 15 (15) picDangChon PictureBox Hình ảnh món đang chọn 16 (16) numSoLuong NumericUpDown Nút tăng giảm “Số lượng” 17 (17) btnThemMon SimpleButton Nút “Thêm món”
18 (18) grctrlXacNhan GroupControl Gom nhóm thông tin 19 (19) btnDongY SimpleButton Nút “Xác nhận” 20 (20) btnHuy SimpleButton Nút “Hủy”
21 (21) grctrlCapNhat GroupControl Gom nhóm thông tin
22 (22) lblDCCT LabelEdit Nhãn “Tên món” trong chi tiết 23 (23) lblSLChuCT LabelEdit Nhãn “Số lượng”
24 (24) numSLCT NumericUpDown Nút tăng giảm “Số lượng” trong chi tiết
25 (25) btnCapNhat SimpleButton Nút “Cập nhật” 26 (26) btnXoa SimpleButton Nút “Xóa”
27 (27) dgvDSChiTiet DataGridView DataGridView “Danh sách món” 28 (28) btnChiTiet SimpleButton Nút xem chi tiết thành phần
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Tìm kiếm món ăn Nhập từ bàn phím vào (7)
2 Lọc món ăn Click chọn từ (9)
3 Chọn món ăn để thêm Click vào (10)
4 Tạo hóa đơn Click vào (11)
5 Chọn số lượng món ăn để thêm Click tăng giảm/Nhập từ bàn phím trong (16)
6 Thêm món ăn Click vào (10) → Click vào (17)
Trang 58
8 Hủy đặt món Click vào (20)
9 Chọn món để cập nhật Click vào (27)
10 Chọn số lượng cập nhật Click/Nhập từ bàn phím trong (24) 11 Xác nhận cập nhật Click vào (27) → Click vào (25) 12 Xóa món khỏi chi tiết Click vào (26)
13 Xem chi tiết thành phần Click vào (28)
3.2.1.8. Màn hình “Chuyển Bàn”
Hình 11. Giao diện "Chuyển Bàn"
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) lblMaBan LabelEdit Nhãn “Mã bàn” cũ 2 (2) lblTenBan LabelEdit Nhãn “Tên bàn” cũ 3 (3) lblTenKhu LabelEdit Nhãn “Tên khu vực” cũ 4 (4) lblSoKhach LabelEdit Nhãn “Số khách” cũ 5 (5) grctrlTTC GroupControl Gom Nhóm thông tin 6 (6) txtMaBanCu TextEdit Trường “Mã bàn” cũ 7 (7) txtTenBanCu TextEdit Trường “Tên bàn cũ” cũ 8 (8) txtTenKhu TextEdit Nhãn “Tên khu vực” cũ 9 (9) numSoKhach NumericUpDown Nút tăng giảm “Số khách” 10 (10) grctrlTTM GroupControl Gom nhóm thông tin 11 (11) lblMaBanMoi LabelEdit Nhãn “Mã bàn” mới 12 (12) lblTenBanMoi LabelEdit Nhãn “Tên bàn” mới 13 (13) lblSoKM LabelEdit Nhãn “Số chỗ ngồi” mới 14 (14) lblMaKhuMoi LabelEdit Nhãn “Mã khu vực” mới 15 (15) lblTenKhuMoi LabelEdit Nhãn “Tên khu vực” mới
Trang 59
16 (16) lblTrangThai LabelEdit Nhãn “Trạng thái” mới 17 (17) txtMaBanMoi TextEdit Trường “Mã bàn” mới 18 (18) txtTenBanMoi TextEdit Trường “Tên bàn” mới 19 (19) txtSoKM TextEdit Trường “Số chỗ ngồi” mới 20 (20) txtMaKhuMoi TextEdit Trường “Mã khu vực” mới 21 (21) cmbTenKM ComboBoxEdit ComboBox “Tên khu vực” mới 22 (22) txtTTM TextEdit Trường “Trạng thái” mới 23 (23) btnChuyenBan SimpleButton Nút “Chuyển bàn”
24 (24) grctrlDSBan GroupControl Gom nhóm thông tin 25 (25) tabDSBan TabControl Tab “Danh sách bàn”
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Tải lại danh sách bàn Click tăng giảm/Nhập từ bàn phím trong (9)
2 Chọn bàn sẽ chuyển tới Click chọn trong (25)
3 Chuyển bàn Click vào (23)
3.2.1.9. Màn hình “Gộp Bàn”
Hình 12. Giao diện "Gộp Bàn"
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) lblGopBan LabelEdit Nhãn “Gộp bàn” 2 (2) btnThoat SimpleButton Nút “Thoát”
Trang 60
4 (4) lblMaBan LabelEdit Nhãn “Mã bàn”
5 (5) txtMaBan GroupControl Trường “Mã bàn” 6 (6) lblTenBan LabelEdit Nhãn “Tên bàn” 7 (7) txtTenBan TextEdit Trường “Tên bàn” 8 (8) lblTenKhuVuc LabelEdit Nhãn “Tên khu vực” 9 (9) txtTenKhuVuc TextEdit Trường “Tên khu vực” 10 (10) grctrlTT GroupControl Gom nhóm thông tin 11 (11) tabDSBan TabControl Tab “Danh sách bàn” 12 (12) picGop PictureBox Hình “Chuyển bàn” 13 (13) lblDSBan LabelEdit Nhãn “Danh sách bàn”
14 (14) lstDSBan ListBox Danh sách “Bàn”
15 (15) btnThem SimpleButton Nút “Thêm” 16 (16) btnXoa SimpleButton Nút “Xóa” 17 (17) btnGop SimpleButton Nút “Gộp”
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Chọn bàn cần gộp Click chọn vào (11) 2 Thêm bàn vào danh sách cần
gộp
Click chọn (11) → Click vào (15) 3 Xóa bàn khỏi danh sách cần
gộp
Click chọn (11) → Click vào (16)
4 Gộp bàn Click vào (17)
3.2.1.10. Hộp thoại “Đặt Bàn”
Trang 61
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) lblThongTin LabelEdit Nhãn “Thông tin đặt bàn”
2 (2) txtTen TextEdit Trường “Tên”
3 (3) txtSDT TextEdit Trường “ Số điện thoại”
4 (4) txtGio TextEdit Trường “Giờ”
5 (5) btnDat SimpleButton Nút “Đặt”
6 (6) btnHuy SimpleButton Nút “Hủy”
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Đặt bàn Click chọn vào (5) Phải điền đầy đủ
các thông tin
2 Thoát Click chọn vào (6)
3.2.1.11. Hộp thoại “Xuất Bill”
Trang 62
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) lblThongTin LabelEdit Nhãn “Thông tin tạm tính”
2 (2) lblBanChu LabelEdit Nhãn “Bàn”
3 (3) lblBanGT LabelEdit Nhãn “Bàn” giá trị
4 (4) lblVATChu LabelEdit Nhãn “VAT”
5 (5) lblVATGT LabelEdit Nhãn “VAT” giá trị 6 (6) lblTongTien LabelEdit Nhãn “Tổng tiền” 7 (7) lblTongTienGT LabelEdit Nhãn “Tổng tiền” giá trị 8 (8) lblKhachGui LabelEdit Nhãn “Khách gửi”
9 (9) lblKhachGuiGT LabelEdit Nhãn “Khách gửi” giá trị
10 (10) lblTTBC LabelEdit Nhãn “Tổng tiền khách trả” bằng chữ
11 (11) chkXuatHDD CheckBox CheckBox “Xuất hóa đơn đỏ” 12 (12) tabTTKH TabControl Tab “Thông tin khách hàng” 13 (13) lblSDT LabelEdit Nhãn “Số điện thoại”
14 (14) lblMaKH LabelEdit Nhãn “Mã khách hàng” 15 (15) lblTenKH LabelEdit Nhãn “Tên khách hàng” 16 (16) lblMaThue LabelEdit Nhãn “Mã thuế”
17 (17) cmbSDT ComboBoxEdit ComboBox “Số điện thoại” 18 (18) txtMaKH TextEdit Trường “Mã khách hàng” 19 (19) txtTenKH TextEdit Trường “Tên khách hàng” 20 (20) txtMaThue TextEdit Trường “Mã thuế”
21 (21) lblSTKGChu LabelEdit Nhãn “Số tiền khách gửi” 22 (22) txtTKG TextEdit Trường “Tiền khách gửi” 23 (23) btnXuat SimpleButton Nút “Xuất” hóa đơn 24 (24) btnHuy SimpleButton Nút “Hủy”
25 (24) btnXuatTam SimpleButton Nút “Xuất hóa đơn tạm” b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Lấy thông tin khách hàng Click chọn (17)
2 Xuất hóa đơn đỏ Check vào (11) →
Click vào (23) 3
Xuất hóa đơn thường Không check vào (11)
→ Nhập số tiền vào
(22) → Click vào (23)
Tiền khách gửi phải >= Tổng hóa đơn
4 Hủy xuất Click vào (24)
Trang 63
3.2.1.12. Hộp thoại “Trả Món Ăn”
Hình 15. Hộp thoại "Trả Món Ăn"
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) lblTenMon LabelEdit Nhãn “Tên món”
2 (2) lblTenMonGT LabelEdit Nhãn “Tên món” giá trị 3 (3) lblSoLuong LabelEdit Nhãn “Số lượng” 4 (4) lblSoLuongGT LabelEdit Nhãn “Số lượng” giá trị 5 (5) lblSoLuongTra LabelEdit Nhãn “Số lượng trả”
6 (6) numSLTra NumericUpDown Nút tăng giảm “Số lượng trả” 7 (7) btnTraLai SimpleButton Nút “Trả lại”
8 (8) btnThoat SimpleButton Nút “Thoát” b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Trả món ăn Đổi số lượng trong (6) → Click vào (7)
3.2.1.13. Màn hình “Quản Lý Nhân Viên”
Trang 64
a. Mô tả màn hình
STT Đối Tượng Kiểu Ý Nghĩa
1 (1) lblQLNhanVien LabelEdit Nhãn “Quản lý nhân viên” 2 (2) grctrlTTNV GroupControl Gom nhóm thông tin 3 (3) lblMaNhanVien LabelEdit Nhãn “Mã nhân viên”
4 (4) lblHoTen LabelEdit Nhãn “Họ tên”
5 (5) lblPhai LabelEdit Nhãn “Phái”
6 (6) lblNgaySinh LabelEdit Nhãn “Ngày sinh” 7 (7) lblDiaChi LabelEdit Nhãn “Địa chỉ” 8 (8) lblSDT LabelEdit Nhãn “Số điện thoại”
9 (9) lblNVL LabelEdit Nhãn “Ngày vào làm”
10 (10) lblLuongCB LabelEdit Nhãn “Lương cơ bản” 11 (11) txtMaNV TextEdit Trường “Mã nhân viên” 12 (12) txtTenNV TextEdit Trường “Họ tên”
13 (13) cmbPhai ComboBoxEdit ComboBox “Phái” 14 (14) dateNgaySinh DateEdit DateTime “Ngày sinh” 15 (15) txtDiaChi TextEdit Trường “Địa chỉ” 16 (16) txtSDT TextEdit Trường “Số điện thoại” 17 (17) dateNVL DateEdit DateTime “Ngày vào làm” 18 (18) txtLuongCB TextEdit Trường “Lương cơ bản” 19 (19) tabTTLuong TabControl Tab “Thông tin lương” 20 (20) lblTTLuong LabelEdit Nhãn “Thông tin lương” 21 (21) lblTongCa LabelEdit Nhãn “Tổng ca”
22 (22) grctrlXuLy GroupControl Gom nhóm thông tin 23 (23) btnThem SimpleButton Nút “Thêm”
24 (24) btnXoa SimpleButton Nút “Xóa” 25 (25) btnSua SimpleButton Nút “Sửa” 26 (26) btnLuu SimpleButton Nút “Lưu” 27 (27) btnReload SimpleButton Nút “Tải lại” 28 (28) btnHuy SimpleButton Nút “Hủy”
29 (29) grctrlTim GroupControl Gom nhóm thông tin 30 (30) lblTimTen LabelEdit Nhãn “Tìm tên”
31 (31) txtTenNV TextEdit Trường “Tên nhân viên” 32 (32) grctrlLoc GroupControl Gom nhóm thông tin 33 (33) lblLocPhai LabelEdit Nhãn “Giới tính” 34 (34) cmbGioiTinh ComboBoxEdit ComboBox “Giới tính” 35 (35) lblLocDiaChi LabelEdit Nhãn “Địa chỉ”
36 (36) cmbLocDC ComboBoxEdit ComboBox “Địa chỉ” 37 (37) grctrlDSNV GroupControl Gom nhóm thông tin
38 (38) dgvDSNV DataGridView DataGridView “Danh sách nhân viên”
Trang 65
b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Lấy thông tin nhân viên Click chọn (38)
2 Thêm thông tin nhân viên Click vào (23) → Điền thông tin → Click vào (26)
3 Xóa thông tin nhân viên Click vào (38) → Click vào (24) 4 Sửa thông tin nhân viên Click chọn (38) → Click vào (25)
→ Sửa thông tin → Click vào (26) 5 Lưu thông tin nhân viên Click vào (26)
6 Tải lại danh sách nhân viên Click vào (27) 7 Hủy thêm/sửa thông tin Click vào (28)
8 Tìm nhân viên theo tên Nhập từ bàn phím vào (31) 9 Lọc nhân viên theo phái Click chọn (34)
10 Lọc nhân viên theo địa chỉ Click chọn (36)
3.2.1.14. Màn hình “Chấm Công”
Hình 17. Giao diện "Chấm Công"
a. Mô tả màn hình
STT Đối Tượng Kiểu Ghi Chú
1 (1) lblChamCong LabelEdit Nhãn “Chấm công” 2 (2) grctrlTTNV GroupControl Gom nhóm thông tin 3 (3) lblMaNV LabelEdit Nhãn “Mã nhân viên”
4 (4) txtMaNV TextEdit Trường “Mã nhân viên”
5 (5) lblTenNV LabelEdit Nhãn “Tên nhân viên” 6 (6) txtTenNV TextEdit Trường “Tên nhân viên” 7 (7) grctrlDSNV GroupControl Gom nhóm thông tin
Trang 66
8 (8) dgvDSNV DataGridView DataGridView “Danh sách nhân viên”
9 (9) btnThemCC SimpleButton Nút “Thêm” 10 (10) btnXoaCC SimpleButton Nút “Xóa”
11 (11) grctrlNgayLam GroupControl Gom nhóm thông tin
12 (12) lblNgay LabelEdit Nhãn “Ngày”
13 (13) cmbNgay ComboBoxEdit ComboBox “Ngày” 14 (14) lblThang LabelEdit Nhãn “Tháng” 15 (15) cmbThang ComboBoxEdit ComboBox “Tháng”
16 (16) lblNam LabelEdit Nhãn “Năm”
17 (17) cmbNam ComboBoxEdit ComboBox “Năm”
18 (18) lblCa LabelEdit Nhãn “Ca”
19 (19) cmbCa ComboBoxEdit ComboBox “Ca”
20 (20) lblDSCC LabelEdit Nhãn “Danh sách chấm công” 21 (21) dgvDSCC DataGridView DataGridView “Danh sách
chấm công” b. Danh sách biến cố
STT Tên Biến Cố Điều Kiện Thực Hiện Ghi Chú
1 Chọn nhân viên để chấm công Click vào (8)