CHƯƠNG 5 THIẾT KẾ PHẦN MỀM
5.4.1. Màn hình client
Bảng 5.33. Danh sách màn hình client
STT Tên màn hình Mơ tả
SCH001 Login screen Màn hình login.
SCH002 Register employer screen Màn hình đăng ký nhà tuyển dụng.
SCH003 Register employee screen Màn hình đăng ký sinh viên.
SCH004 Home screen Màn hình chính.
SCH005 Job list screen Màn hình danh sách cơng việc.
SCH006 Job detail screen Màn hình chi tiết công việc.
SCH007 Employees list screen Màn hình danh sách người tìm việc.
SCH008 Employees detail screen Màn hình chi tiết người tìm việc.
5.4.1.1. Register employer screen
88
Bảng 5.32. Mơ tả màn hình đăng ký nhà tuyển dụng
STT Name Required Type Reference Note 1 Họ tên
người đại diện
True Text Nhập họ tên.
2 Chức vụ True Text Nhập tên chức vụ.
3 Điện thoại người đại diện
True Text Nhập số điện thoại.
4 Email người đại diện
True Text Nhập email.
5 Mật khẩu True Text Nhập mật khẩu.
6 Email đăng nhập
True Text Nhập email.
7 Hiển thị mật khẩu
Button Khi click sẽ hiển thị mật khẩu người dùng đã nhập.
8 Mật khẩu True Text Nhập lại mật khẩu.
9 Hiển thị mật khẩu
Button Khi click sẽ hiển thị mật khẩu người dùng đã nhập.
10 Đăng ký Button Khi click sẽ chuyển đến
89
5.4.1.2. Register employee screen
Hình 5.16. Màn hình đăng ký sinh viên. Bảng 5.33. Mơ tả màn hình đăng ký sinh viên Bảng 5.33. Mơ tả màn hình đăng ký sinh viên
STT Name Required Type Reference Note 1 Mã số sinh
viên
True Number Nhập mã số sinh
viên.
2 Điện thoại True Text Nhập số điện thoại.
3 Điện thoại người đại diện
True Number Nhập số điện thoại.
4 Ngành True Select option Data từ API Chọn ngành sinh viên đang học. 5 Họ và tên sinh viên
True Text Nhập họ tên.
6 Quê quán True Text Nhập địa chỉ.
7 Giới tính True Radio
button
90 8 Thời gian tốt nghiệp True Datetime picker Chọn thời gian tốt nghiệp dự kiến.
9 Mật khẩu True Text Nhập mật khẩu.
10 Email đăng nhập
True Text Nhập email.
11 Hiển thị mật khẩu
Button Khi click sẽ hiển thị mật khẩu người dùng đã nhập.
12 Mật khẩu True Text Nhập lại mật khẩu.
13 Hiển thị mật khẩu
Button Khi click sẽ hiển thị mật khẩu người dùng đã nhập.
14 Đăng ký Button Khi click sẽ
chuyển đến màn hình login SCH001
91
5.4.1.3. Home screen
92
Bảng 5.34. Mơ tả màn hình homepage
STT Name Required Type Reference Note 1 Thơng tin tìm
kiếm
Text Nhập thơng tin cần tìm
kiếm.
2 Tìm kiếm Button Click vào sẽ chuyển
sang màn hình SCH005. 3 Nhà tuyển dụng quan tâm nhiều nhất Text, image Data từ API 4 Việc làm quan tâm nhiều nhất Text, image Data từ API
5 Tạo cv Button Click vào sẽ chuyển
sang màn hình SCS002A. 6 Việc làm gợi ý Text, image Data từ API
7 Bài viết Text,
image
Data từ API
93
5.4.1.4. Job list screen
Hình 5.18. Màn hình danh sách cơng việc Bảng 5.35. Mơ tả màn hình danh sách cơng việc Bảng 5.35. Mơ tả màn hình danh sách cơng việc
STT Name Required Type Reference Note
1 Tìm kiếm Button Click vào sẽ trả về
kết quả tìm kiếm đã nhập trong input
2 Thơng tin tìm kiếm
Text Nhập thơng tin cần
tìm kiếm.
3 Tìm kiếm theo địa điểm
Select option
Data từ API Chọn địa điểm cần tìm kiếm.
4 Tìm kiếm theo nhà tuyển dụng
Select option
Data từ API Chọn nhà tuyển dụng cần tìm kiếm.
5 Tìm kiếm theo ngành
Select option
Data từ API Chọn ngành cần tìm kiếm.
94
6 Tìm kiếm theo khoa
Select option
Data từ API Chọn khoa cần tìm kiếm.
7 Tìm kiếm theo vị trí công việc
Select option
Data từ API Chọn vị trí cơng việc cần tìm kiếm.
8 Tìm kiếm theo lĩnh vực
Select option
Data từ API Chọn loại hình cơng việc cần tìm kiếm.
9 Tìm kiếm theo loại hình cơng việc
Select option
Data từ API Chọn lĩnh vực cần tìm kiếm.
10 Xóa tìm kiếm Button Xóa tìm kiếm theo
bộ lọc.
11 Sắp xếp Select
option
Chọn loại sắp xếp.
12 Thông tin công việc
True Text Data từ API Hiển thị thông tin công việc.
13 Lưu thông tin công việc
Button Khi click sẽ lưu vào danh sách công việc quan tâm của sinh viên.
14 Hình ảnh True Image Data từ API Hiện banner cạnh.
15 Nút chuyển tới bảng ghi đầu tiên.
Button Khi click sẽ hiển thị bảng ghi đầu tiên của danh mục.
16 Nút chuyển tới bảng ghi trước đó.
Button Khi click sẽ hiển thị
bảng ghi trước đó của danh mục.
17 Số thứ tự bảng ghi
Text Hiển thị số thứ tự
của bảng ghi
18 Nút chuyển tới bảng ghi kế tiếp.
Button Khi click sẽ hiển thị
bảng ghi kế tiếp của danh mục.
19 Nút chuyển tới bảng ghi cuối cùng
Button Khi click sẽ hiển thị
bảng ghi cuối cùng của danh mục.
20 Tổng số bảng ghi
Text Data từ API Hiển thị tổng số bảng ghi.
95
5.4.1.5. Job detail screen
96
Bảng 5.36. Mơ tả màn hình chi tiết cơng việc
STT Name Required Type Reference Note
1 Nộp đơn Button Click vào sẽ
chuyển sang màn hình apply cơng việc SCH006B.
2 Lưu việc làm Button Khi click sẽ lưu lại
thông tin vào dữ liệu công việc quan tâm của sinh viên.
3 Thông tin việc làm
Tabs Hiện thị thơng tin
theo tabs.
4 Hình ảnh banner cạnh
Image Data từ API Hiện thi hình ảnh baner mà admin đã cài đặt.
97
5.4.1.6. Employees list screen
98
Bảng 5.37. Mơ tả màn hình danh sách cv người tìm việc
STT Name Required Type Reference Note 1 Thơng tin
tìm kiếm
Text Nhập thơng tin cần
tìm kiếm.
2 Từ ngày Datetime
picker
Tìm cv trong với khoảng thời gian từ ngày này đến ngày khác.
3 Đến ngày Datetime
picker
Tìm cv trong với khoảng thời gian từ ngày này đến ngày khác.
4 Tìm kiếm Button Click vào sẽ trả về
thơng tin cần tìm kiếm
5 Hồ sơ chi tiết
Button Click vào sẽ chuyển
sang màn hình SCH008.
6 Xóa bộ lọc Button Xóa tìm kiếm theo bộ
lọc. 7 Tìm kiếm theo ngành Select option Data từ API Chọn ngành cần tìm kiếm. 8 Tìm kiếm theo khoa Select option Data từ API Chọn khoa cần tìm kiếm. 9 Số năm kinh nghiệm Select option Chọn số năm kinh nghiệm trong khoản cần tìm kiếm. 10 11 Giới tính Radio button Data từ API Chọn giới tính cần tìm kiếm để phù hợp với công việc.
12 Loại hình việc làm Radio button Data từ API Chọn loại hình cơng việc cần tìm kiếm.
13 Hình ảnh Image Data từ
API
99
14 Nút chuyển tới bảng ghi đầu tiên.
Button Khi click sẽ hiển thị
bảng ghi đầu tiên của danh mục.
15 Nút chuyển tới bảng ghi trước đó.
Button Khi click sẽ hiển thị
bảng ghi trước đó của danh mục.
16 Số thứ tự bảng ghi
Text Hiển thị số thứ tự của
bảng ghi
17 Nút chuyển tới bảng ghi kế tiếp.
Button Khi click sẽ hiển thị
bảng ghi kế tiếp của danh mục.
18 Nút chuyển tới bảng ghi cuối cùng
Button Khi click sẽ hiển thị
bảng ghi cuối cùng của danh mục. 19 Tổng số bảng ghi Text Data từ API Hiển thị tổng số bảng ghi.
100
5.4.1.7. Employees detail screen
Hình 5.21. Màn hình chi tiết CV người tìm việc Bảng 5.38. Mơ tả màn hình chi tiết CV người tìm việc Bảng 5.38. Mơ tả màn hình chi tiết CV người tìm việc
STT Name Required Type Reference Note 1 Thông tin chi
tiết cv
Text Data từ API Thông tin chi tiết cv của người tìm việc.
2 Xem file Button Click vào sẽ hiện thị
form xem trước nội dung file chứng chỉ.
101