Màn hình thêm mới CV sinh viên

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 124)

115

Bảng 5.49. Mơ tả màn hình thêm mới CV sinh viên

STT Name Required Type Reference Note

1 Hình thẻ True File Import file hình.

2 Tiêu đề True Text Nhập tiêu đề CV.

3 Sinh viên True Text Data từ

API

Thông tin sinh viên đã đăng nhập.

4 Số năm kinh nghiệm

True Text Nhập số năm kinh

nghiệm đã làm việc. 5 Loại hình cơng việc True Select option Chọn loại hình cơng việc mong muốn.

6 Học vấn True Text Nhập thông tin học vấn.

7 Học vấn (tiếng anh)

True Text Nhập thông tin học vấn

(tiếng anh).

8 Mục tiêu nghề nghiệp

True Text Nhập mục tiêu nghề

nghiệp.

9 Mục tiêu nghề nghiệp (tiếng anh)

True Text Nhập mục tiêu nghề

nghiệp (tiếng anh).

10 Chứng chỉ Button Thêm mới chứng chỉ.

11 Quá trình học tập

Button Thêm thơng tin học tập.

12 Thêm q trình làm việc

Button Thêm quá trình làm

việc.

13 Giải thưởng True Text Nhập thông tin giải

thưởng đã có.

14 Nút hủy Button Khi click sẽ chuyển

sang màn hình SCS002

15 Nút lưu Button Khi click sẽ lưu lại

thông tin và chuyển sang màn hình SCS002

116

5.4.3.3. Apply Job Screen

Hình 5.31. Màn hình danh sách cơng việc ứng tuyển Bảng 5.50. Mơ tả màn hình danh sách cơng việc đã ứng tuyển

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 Khi click sẽ hiện thị

tất cả bảng ghi phù hợp với thơng tin cần tìm kiếm

3 Hủy Button Khi click sẽ hiện thị

form hủy ứng tuyển SCS003A.

4 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.

117

5 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.

6 Số thứ tự bảng ghi

Text Hiển thị số thứ tự của

bảng ghi

7 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.

8 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. 9 Tổng số bảng ghi Text Data từ API Hiển thị tổng số bảng ghi. 5.4.4. Màn hình nhà tuyển dụng Bảng 5.51. Danh sách màn hình nhà tuyển dụng STT Tên màn hình Mơ tả

SCE001 Jobs Screen Màn hình danh sách cơng việc.

118

5.4.4.1. Jobs Screen

Hình 5.32. Màn hình danh sách cơng việc Bảng 5.52. Mơ tả màn hình danh sách cơng việc Bảng 5.52. Mơ tả màn hình danh sách cơng 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ìm kiếm Button Khi click sẽ hiện thị tất cả

bảng ghi phù hợp với thơng tin cần tìm kiếm

3 Khoa Select option Data từ API Khi chọn sẽ hiện thị tất cả bảng ghi phù hợp với thơng tin cần tìm kiếm

4 Lĩnh vực Select option Data từ API Khi chọn sẽ hiện thị tất cả bảng ghi phù hợp với thơng tin cần tìm kiếm

119 5 Vị trí cơng việc Select option Data từ API Khi chọn sẽ hiện thị tất cả bảng ghi phù hợp với thơng tin cần tìm kiếm

6 Tabs danh sách theo trạng thái việc làm Tabs Data từ API

Hiện thị các tabs danh sách công việc theo trạng thái.

7 Trạng thái Button Khi click sẽ thay đổi

trạng thái của bảng ghi.

8 Chỉnh sửa Button Khi click sẽ hiện thị form

update việc làm.

9 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.

10 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.

11 Số thứ tự

bảng ghi

Text Hiển thị số thứ tự của

bảng ghi

12 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.

13 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. 14 Tổng số bảng ghi Text Data từ API Hiển thị tổng số bảng ghi.

120

15 Việc làm

đã đăng

tuyển

Button Khi click sẽ hiển thị

những việc làm đã đăng.

16 Đăng tin

tuyển dụng

Button Khi click sẽ chuyển sang

màn hình SCE002.

17 Khảo sát Button Khi click sẽ chuyển sang

màn hình khảo sát.

5.4.4.2. Create Jobs Screen

121

Bảng 5.53. Mơ tả màn hình thêm mới cơng việc

STT Name Required Type Reference Note 1 Tên công

việc

True Text Nhập tên cơng việc.

2 Vị trí cơng việc True Select option Data từ API Chọn vị trí cơng việc.

3 Lĩnh vực True Select option

Data từ API

Chọn lĩnh vực.

4 Giới tính True Select option

Chọn giới tính.

5 Số lượng True Number Nhập số lượng cần

tuyển.

6 Địa chỉ True Text Nhập địa chỉ.

7 Tên công việc (tiếng anh)

True Text Nhập tên cơng việc

(tiếng anh). 8 Loại hình cơng việc True Select option Chọn loại hình cơng việc. 9 Ngành True Select option Data từ API Chọn ngành cần tuyển. 10 Ngày hết hạn True Datetim e picker Chọn ngày hết hạn tuyển dụng. 11 Lương khởi điểm

True Number Nhập lương khởi điểm.

12 Tỉnh thành True Select option

Data từ API

Chọn tỉnh thành

13 Quận huyện True Select option

Data từ API

Chọn quyện huyện theo tình thành.

14 Mô tả công việc

True Text Nhập mô tả công việc.

15 Mô tả công việc (tiếng anh)

True Text Nhập mô tả công việc

(tiếng anh).

16 Yêu cầu công việc

True Text Nhập yêu cầu công

122

17 Yêu cầu công việc (tiếng anh)

True Text Nhập yêu cầu công

việc (tiếng anh).

18 Phúc lợi True Text Nhập phúc lợi công

việc.

19 Phúc lợi (tiếng anh)

True Text Nhập phúc lợi công

việc (tiếng anh).

20 Nút lưu Button Khi click lưu lại thông

123

CHƯƠNG 6. CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG

Cài đặt ứng dụng

Clone hoặc download project từ link github:

6.1.1. Thư viện và môi trường phát triển

Bảng 6.1. Danh sách thư viện và môi trường phát triển cần thiết trong sản phẩm

STT Library/Software Download URL

1 Npm https://nodejs.org/en/download/

2 Apache-tomcat https://tomcat.apache.org/tomcat-7.0- doc/appdev/installation.html

3 Jdk https://www.oracle.com/java/technologies/javase/jav ase-jdk8-downloads.html

4 Angular CLI https://cli.angular.io/

5 MongoDB https://docs.mongodb.com/manual/administration/in stall-community/

6.1.2. Lệnh cài đặt và chạy chương trình

Bảng 6.2. Danh sách các lệnh cài đặt và chạy chương trình

STT Lệnh Mơ tả

1 npm install Cài đặt thư viện của Angular để chạy front-end

2 ng serve Chạy chương trình front-end

6.1.3. Các bước cài đặt

Cơng cụ sử dụng để chạy project:

⚫ Visual Studio Code: dùng để chạy front-end

⚫ IntelliJ: dùng để chạy back-end

Bước 1: Clone hoặc download project từ link github: https://github.com/stc-

hcmute/viec-lam.git

Bước 2: Một thư mục có tên là “quan-ly-viec-lam” chứa các thư mục con như: “viec-lam-be”, “viec-lam-fe” sẽ xuất hiện sau khi clone project từ github hoặc giải nén file đính kèm báo cáo. Tiến hành vào thư mục “quan-ly-viec-lam”

124

Hình 6.1. Các thư mục trong “quan-ly-viec-lam”

Bước 4: Mở thư mục “viec-lam -be” bằng IntelliJ, chọn run trên thanh taskbar. Bước 5: Mở thư mục “viec-lam-fe” bằng Visual Studio Code, chọn termial trên thanh taskbar

Bước 6: Chạy lệnh “npm install” để cập nhật những thư viện, package còn thiếu trên máy mà project cần.

Bước 7: Sau khi lệnh npm install kết thúc, gõ lệnh “ng serve” và nhấn enter. Bước 8: Sau khi compile xong, url của project sẽ hiển thị ở các dòng cuối, nhấn “ctrl + click” vào url, trình duyệt web sẽ hiển thị. Hoặc có thể chạy tay bằng cách mở trình duyệt web và nhập url: http://localhost:4200

Giao diện trang chủ sẽ khởi chạy đầu tiên: http://localhost:4200

Kiểm thử phần mềm

Sau khi thực hiện xong việc kiểm thử thì nhóm xin trình bày một số test case tiêu biểu.

6.2.1. Mục tiêu kiểm thử

− Tìm các bug phát sinh khi chạy sản phẩm dưới môi trường production. − Đạt được sự tự tin và cung cấp thông tin mức độ chất lượng.

− Đảm bảo kết quả cuối cùng đáp ứng các yêu cầu nghiệp vụ và người sử dụng. − Để đạt được sự tín nhiệm của khách hàng bằng cách cung cấp cho họ những

chức năng cần thiết.

6.2.2. Chức năng ứng tuyển/ hủy ứng tuyển công việc Bảng 6.3. Kiểm thử chức năng ứng tuyển/hủy ứng tuyển công việc Bảng 6.3. Kiểm thử chức năng ứng tuyển/hủy ứng tuyển công việc

ID Test Case Mô tả

Test steps Expected Output Result

Apply_01 Đăng ký công việc thành công

1. Nhấn nút “Xóa” trong danh sách cơng việc ứng

Hiện ra thông báo “Ứng tuyển thành công”

125 tuyển của sinh

viên 2. Chọn Cv muốn ứng tuyển 3. Nhấn nút “Ứng tuyển” Nút “Nộp đơn” chuyển thành “Đã nộp đơn”

Apply_02 Hủy ứng tuyển thành công 1. Nhấn nút “Đã đăng ký” 2. Nhấn nút “Hủy ứng tuyển”

Hiện ra thông báo “Hủy thành công” danh sách ứng tuyển sẽ mất đi

Pass

6.2.3. Chức năng gửi mail hàng loạt

Bảng 6.4. Kiểm tra chức năng gửi mail hàng loạt

ID Test Case Mô tả

Test steps Expected Output Result

sendEmail _01

Gửi mail cho sinh viên

1. Chọn hình thức gửi mail “Sinh viên” 2. Nhập email sinh viên cần gửi

3. Nhấn nút “Gửi”

Hiện ra thông báo “Gửi thành công” Email sẽ được gửi đến địa chỉ mail đã nhập

Pass

sendEmail _02

Gửi mail cho nhà

tuyển dụng 1. Chọn hình thức gửi mail “Nhà tuyển dụng” 2. Nhập email nhà tuyển dụng cần gửi 3. Nhấn nút “Gửi”

Hiện ra thông báo “Gửi thành công” Email sẽ được gửi đến địa chỉ mail đã nhập

Pass

sendEmail _03

Gửi mail cho cả nhà tuyển dụng và sinh viên 1. Chọn hình thức gửi mail “cả hai” 2. Nhấn nút “Gửi”

Hiện ra thông báo “Gửi thành công” Email sẽ được gửi đến các địa chỉ mail có trong list

126

CHƯƠNG 7. KẾT LUẬN

Kết quả đạt được

Sau quá trình tìm hiểu và làm việc về công nghệ, nghiệp vụ việc làm cách làm việc nhóm, nhóm thực hiện đã đạt được các kết quả sau:

• Kỹ năng làm việc nhóm tốt, kỹ năng giao tiếp trong team, phân công công việc khi làm dự án ngắn ngày. Bên cạnh đó hiểu rõ được quy trình phát triển phần mềm thơng qua ứng dụng Trello.

• Kỹ năng search tài liệu, kỹ năng tìm kiếm giải pháp trên mạng cho những khúc mắc trong q trình xây dựng đồ án.

• Biết cách áp dụng cơ sở dữ liệu không quan hệ (noSQL) để xây dựng database cho một hệ thống, xây dựng được một web server REST API có thể phục vụ cho ứng dụng web lẫn ứng dụng di động, xây dựng giao diện trang web dưới dạng Single Page Application bằng Angular.

• Hiểu được cách một website việc làm hoạt động như thế nào.

• Bên cạnh đó chúng em được tiếp xúc và tìm hiểu các các hoạt động, quy trình quản lý trong lĩnh vực tìm kiếm việc làm, nắm bắt các nghiệp vụ chính cần và những yêu cầu cấp thiết trong lĩnh vực này, từ đó xây dựng được một website cơ bản hỗ trợ cho sinh viên, nhà trường và doanh nghiệp liên kết với nhau tạo điều kiện tìm kiếm việc làm cho sinh viên và doanh nghiệp. Từ đó, có cái nhìn tổng quan về lĩnh vực này, cũng như cải thiện trải nghiệm người dùng trên nhiều nền tảng, bao gồm các trang web và phát triển ứng dụng di động cho iOS và Android trong tương lai.

Ưu điểm và nhược điểm

7.2.1. Ưu điểm

• Website được thiết kế với giao diện dễ nhìn, thân thiện với người dùng. • Hỗ trợ đa ngơn ngữ (tiếng Anh/ Việt)

• Phần giao diện website được xây dựng dựa trên Angular là mã nguồn mở do

Google phát triển hiện đang là framework mạnh và phổ biến hiện nay, mang lại trải nghiệm tốt cho người dùng cả trên nền tảng website và di động.

• Website cịn hỗ trợ đã tích hợp sẵn base tiếng anh, có thể phát triển trong tương lai thành webiste đa ngôn ngữ tiếng anh và tiếng việt

127

7.2.2. Nhược điểm

• Website chỉ tương thích với máy tính và vẫn cịn nhiều trang vẫn chưa thực sự ổn trong việc thiết kế.

• Về vấn đề tương tác admin với khách hàng, do khơng tích hợp chat box nên khách hàng chỉ có một cách duy nhất để phản hồi với admin là thơng qua email. • Chưa hỗ trợ vấn đề tự động gợi ý những việc làm mà người dùng quan tâm để

nâng cao trải nghiệm người dùng.

7.2.3. Khó khăn

7.2.3.1. Cơng nghệ

Bảng 7.1. Khó khăn về cơng nghệ

STT Khó khăn Khắc phục

1 Cơng nghệ mới chưa có kinh

nghiệm sử dụng Học thêm từ các nguồn tài liệu bên ngoài như google, udemy, …

7.2.3.2. Quy trình thực hiện

Bảng 7.2. Khó khăn về quy trình thực hiện

STT Khó khăn Khắc phục

1 Hay bị lỗi conflict khi push hoặc pull code trên github

Sử dụng source control để quản lý nhánh cá nhân thành viên

2 Phân tích – xử lý nghiệp vụ trong

quá trình thực hiện đề tài Trao đổi, tìm ra hướng giải quyết cho cả front-end và back-end

3 Thời gian còn hạn chế nên còn nhiều chức năng chưa thực hiện.

Thực hiện những chức năng chính trước và nếu cịn thời gian thì thực hiện những chức năng cịn lại.

4 Thời gian làm việc trực tiếp bị

hạn chế do dịch bệnh Sử dụng các công cụ mạng xã hội và teamview để giải quyết vấn đề.

Kinh nghiệm đạt được

• Học được cách quản lý source control cơ bản, hỗ trợ rất tốt trong việc làm dự án nhiều người.

• Học được cách giải quyết các vấn đề giữa front-end và back-end. • Học được cách quản lý thời gian, thực hiện tốt công việc được giao.

128

Hướng phát triển trong tương lai

• Tích hợp thêm chatbox để doanh nghiệp, sinh viên, có thể trị chuyện trực tiếp với admin.

• Thiết kế giao diện phù hợp hơn Mobile.

• Tích hợp AI để gợi ý những việc làm mà người dùng quan tâm. • Import việc làm từ file PDF.

129

TÀI LIỆU THAM KHẢO Tiếng Việt

[1] niithanoi (2019), “Lịch sử JAVA – Ngơn ngữ lập trình phổ biến nhất thế giới”

https://laptrinhvienjava.com/lich-su-cua-java-ngon-ngu-lap-trinh-pho-bien-nhat-the- gioi/

[2] stackjava(2018), “Java Reflection là gì”. https://stackjava.com/java/java-

reflection-la-gi-huong-dan-java-reflection-api.html

[3] Nguyen Van Hien (2016), “Tổng quan MongoDB”. https://viblo.asia/p/tong-

quan-ve-mongodb-EoDkQoxqGbV

[4] semtek (2020) “Google Cloud là gì?”. https://www.semtek.com.vn/google-cloud-

la-gi/

[5] carrerLink (2021), “Về Carrer Link”. https://www.careerlink.vn/ve-careerlink [6] topDev (2021), “Products”. https://topdev.vn/page/products

Tiếng Anh

[7] Wikipedia (2021) “Spring Framework”

https://vi.wikipedia.org/wiki/Spring_Framework

[8] spring (2021) “Spring Document”, https://docs.spring.io/spring-

framework/docs/3.0.0.M3/reference/html/ch01s02.html

[9] Harkushko, L. (2019). Angular: Best Use Cases and Reasons To Opt For This

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 124)

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

(139 trang)