ĐỀ THI LỚP THỰC TẬP LẬP TRÌNH WEB 2022

XÂY DỰNG PHÂN HỆ QUẢN LÝ NHÂN VIÊN – CUKCUK.VN

I. NỘI DUNG YÊU CẦU BÀI TẬP:
1. Tim hiểu tổng quan về yêu cầu:
Giúp quản lý nhà hàng khai báo thông tin nhân viên lên phần mềm để dễ dàng quản
lý, phân quyền cho nhân viên sử dụng phần mềm. Đồng thời, tổng hợp được dữ liệu
lên báo cáo Doanh thu theo nhân viên từ đó dễ dàng phân tích, đánh giá hiệu quả làm
việc của nhân viên thu ngân và nhân viên phục vụ. Các chức năng bao gồm
• Xem, tìm kiếm thông tin nhân viên.
• Thêm mới/ Nhân bản nhân viên
• Sửa thông tin nhân viên
• Xóa nhân viên khỏi hệ thống
2. Yêu cầu cụ thể:
Hãy xây dựng UI và các chức năng cho Module Danh mục Nhân viên của phần
mềm Cukcuk của MISA.

2.1. Màn hình danh sách:

Các chức năng cầncó:
- Hiển thị danh sách nhân viên, thực hiện tìm kiếm nhân viên theo vị trí/ phòng ban.
- Thêm mới/ Nhân bản
- Sửa Thông tin.
- Xóa nhân viên.

Thì hiển thị form chi tiết với trạng thái Form tương ứng.

(Lưu ý:
- Hình ảnh giao diện minh họa, Học viên cần xem chi tiết StyleGuidline đi kèm
- Logo sản phẩm và các icon đính kèm tài nguyên được cung cấp cho bài thực hành)
- Bổ sung thêm các Button chức năng Xóa và Nhân bản như sau:

1
2.2. Chi tiết Form thông tin nhân viên:

• Khi thực hiện thêm mới nhân viên thì:

✓ Form luôn mặc định focus vào ô nhập liệu Mã nhân viên.
✓ Mã nhân viên tự động có và tự tăng theo tiêu chí: “NV” + mã số nhân viên lớn
nhất trong hệ thống + 1.

2
Chi tiết khi sửa nhân viên: Mở form sửa khi nhấn đúp chuột vào bản ghi thông tin
trên danh sách.
✓ Form luôn mặc định focus vào ô nhập liệu Mã nhân viên.
✓ Dữ liệu nhân viên cần sửa sẽ tự động được điền vào các ô dữ liệu tương ứng.
 Lưu ý: xây dựng tabindex để nhập liệu chỉ cần dùng bàn phím cho 2 form chi
tiết Thêm mới và Sửa thông tin nhân viên.

Các rule validate dữ liệu: hiển thị cảnh báo/ thông báo tương ứng khi có các thông
tin không hợp lệ:
- Các thông tin bắt buộc nhập (được đánh dấu (*) trên form nhập liệu):
✓ Mã nhân viên
✓ Tên nhân viên
✓ Số chứng minh thư nhân dân
✓ Email
✓ Số điện thoại
- Mã nhân viên không được phép trùng với mã nhân viên khác.
- Email phải đúng định dạng (VD: example@domain.com)
- Ngày sinh/ Ngày cấp/ Ngày gia nhập công ty không được phép lớn hơn ngày
hiện tại và phải định dạng hiển thị là ngày/tháng/năm

Chi tiết khi xóa nhân viên:

- Khi chọn 1 bản ghi ở bảng dữ liệu màn hình danh sách chọn Xóa, hiển thị cảnh
báo: “Bạn có chắc chắn muốn xóa nhân viên [Mã nhân viên] không?. Có các tùy
chọn [có]/ [Không]. Nhấn có – cho phép xóa. Nhấn Không, hủy xóa và ẩn popup
cảnh báo.

2.4. Một số yêu cầu khác:

- Dữ liệu: có tối thiểu 100 bản ghi. Dữ liệu cần giống thực tế và đa dạng.
- Giao diện hoàn toàn bằng Tiếng Việt.
- Sử dụng đúng Font chữ, icon, ảnh đã được cung cấp trong thư mục tài
nguyên kèm theo.
- Có thể nhập liệu hoàn toàn bằng bàn phím, không cần dùng chuột.

2.6 YÊU CẦU NÂNG CAO:

- Tính năng tìm kiếm:
Có thể thực hiện tìm kiếm theo các tiêu chí sau từ các combobox:
• Chọn Phòng ban
• Chọn Vị trí/chức vụ từ Combobox
• Nhập Họ và tên hoặc Mã Nhân viên trong input Tìm kiếm.
- Thông tin mức lương khi nhập cần được định dạng hiển thị tiền tệ: VD 2000000
phải được định dạng hiển thị là 2.000.000..
- Tính năng Nhân bản: Bản chất là tính năng xóa, khi chọn 1 nhân viên trên danh
sách và nhấn vào button nhân bản thì sẽ thực hiện mở 1 Form thêm mới và sao
chép toàn bộ thông tin của nhân viên đã chọn lên Form chi tiết.

3
 2.7. Công cụ và công nghệ được phép sử dụng trong bài thực hành:
- Sử dụng Visual Studio/ Visual Code phiên bản từ 2015 trở lên để lập trình.
- Chỉ sử dụng:
• UI Component Framework: Bootstrap.
• JS Library: Jquery.
• API Service: ASP.Net 6.
• Sử dụng Dapper để tương tác với CSDL (MariaDB, MySQL).
III. THỜI GIAN VÀ CÁCH THỨC NỘP BÀI:
1. Bắt đầu nhận đề và làm bài từ 11/07/2022 đến hết ngày 15/07/2022
2. Mã nguồn: gồm 2 thư mục api và ui
- Thư mục api: chứa sourceCode Backend (api)
- Thư mục ui: chứa source code Front End (HTML, CSS, JS)
- Tệp database.txt với nội dung là tên của Database (VD: MISA.CukCuk.WDT)

3. Đóng gói tất cả mã nguồn vào thư mục và đặt tên theo cú pháp:
[MÃ học viên]_[Họ và tên viết tắt].zip
(VD: MF001_NVMANH.zip)
 Nộp bài vào thư mục theo link sau: https://mily.vn/wdt2022_1

Học viên tạo Database trên Server được cung cấp sẵn:
• Host: 3.0.89.182
• Port: 3306
• User Id: dev
• Password: 12345678
• Tên Database đặt theo cú pháp: WDT.2022.[Họ Và Tên Viết Tắt] VD: WDT.2022.NVMANH
- Vui lòng không xóa hoặc thực hiện bất cứ thao tác sửa/xóa database có sẵn trên server

----------- HẾT -----------