Màn hình client

Một phần của tài liệu Xây dựng website quản lý việc làm của phòng quan hệ doanh nghiệp tại trường đại học sư phạm kỹ thuật TP HCM đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin (Trang 97 - 111)

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

Một phần của tài liệu Xây dựng website quản lý việc làm của phòng quan hệ doanh nghiệp tại trường đại học sư phạm kỹ thuật TP HCM đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin (Trang 97 - 111)

Tải bản đầy đủ (PDF)

(139 trang)