Đang tải... (xem toàn văn)
Cùng với sự pháttriển không ngừng của công nghệ thông tin và internet, việc sử dụng các nềntảng trực tuyến để tìm kiếm cơ hội việc làm và tuyển dụng đã trở nên phổbiến và tiện lợi hơn ba
BÙI VĂN MẠNH lOMoARcPSD|39222638 KHOA HỌC MÁY TÍNH BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI - ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH KHOA HỌC MÁY TÍNH XÂY DỰNG ỨNG DỤNG HỖ TRỢ THIẾT KẾ GIAO DIỆN WEBSITE CBHD: ThS Nguyễn Thị Nhung Sinh viên: Bùi Văn Mạnh Mã sinh viên: 2019603599 Hà Nội – Năm 2024 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI - ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG GIẢI PHÁP TÌM VIỆC VÀ TUYỂN DỤNG TRỰC TUYẾN CBHD: ThS Nguyễn Thị Nhung Sinh viên: Bùi Văn Mạnh Mã sinh viên: 2019603599 Hà Nội – Năm 2023 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 LỜI NÓI ĐẦU Trong thế giới số hóa ngày nay, việc tìm kiếm việc làm và tuyển dụng trực tuyến đã trở thành một phần quan trọng và không thể thiếu đối với các doanh nghiệp cũng như người lao động có nhu cầu tìm việc Cùng với sự phát triển không ngừng của công nghệ thông tin và internet, việc sử dụng các nền tảng trực tuyến để tìm kiếm cơ hội việc làm và tuyển dụng đã trở nên phổ biến và tiện lợi hơn bao giờ hết Em rất vui và tự hào khi được tham gia vào dự án "Xây dựng website tìm việc và tuyển dụng trực tuyến" tại Đại học Công nghiệp Hà Nội Đây là một cơ hội lớn để em có thể học hỏi và áp dụng những kiến thức, kỹ năng mà em đã được trang bị trong quá trình học tập tại trường Qua quá trình nghiên cứu và phát triển dự án này, em hy vọng rằng chúng ta sẽ có thể tạo ra một nền tảng trực tuyến hiệu quả, giúp người tìm việc và nhà tuyển dụng kết nối với nhau một cách thuận tiện và nhanh chóng hơn Điều này không chỉ giúp tăng cơ hội việc làm cho người lao động mà còn giúp các doanh nghiệp thuận lợi trong việc tuyển dụng nhân sự Em xin bày tỏ lòng biết ơn chân thành đến Ban Giám hiệu, Khoa Công nghiệp Thông Tin, Đại học Công nghiệp Hà Nội đã tạo điều kiện và cung cấp nguồn lực cho em để thực hiện dự án này Đặc biệt, em muốn gửi lời tri ân đến ThS Nguyễn Thị Nhung, người đã luôn hỗ trợ và tận tình chỉ dẫn em trong suốt quá trình thực hiện dự án Dù chúng ta đã cố gắng hết sức, nhưng em nhận thức rằng dự án vẫn còn nhiều hạn chế và thiếu sót Vì vậy, em rất mong nhận được sự góp ý và đóng góp xây dựng từ các thầy cô và bạn bè để dự án của chúng ta ngày càng hoàn thiện và có ích hơn Cuối cùng, em xin kính chúc Thầy Cô luôn dồi dào sức khỏe và thành công trong sự nghiệp giảng dạy và hướng dẫn sinh viên Cảm ơn Thầy Cô đã luôn đồng hành và hỗ trợ chúng em trong suốt thời gian qua Sinh viên thực hiện Bùi Văn Mạnh Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 MỤC LỤC LỜI NÓI ĐẦU i MỤC LỤC .iii DANH MỤC HÌNH ẢNH vii DANH MỤC BẢNG BIỂU .x MỞ ĐẦU 1 1 Lý do chọn đề tài .1 2 Mục tiêu của đề tài 1 3 Nội dung nghiên cứu .1 4 Phạm vi đề tài 2 5 Dự kiến kết quả .2 6 Bố cục đề tài 2 CHƯƠNG 1 TỔNG QUAN VỀ CƠ SỞ LÝ THUYẾT 3 1.1 Giới thiệu về HTML, CSS và Javascript 3 1.1.1 HTML 3 1.1.2 CSS 3 1.1.3 JavaScript 4 1.2 Giới thiệu về ReactJs 4 1.3 Giới thiệu về Java .6 1.4 Giới thiệu về spring boot 8 1.5 Giới thiệu về MySQL 9 CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 11 2.1 Đặc tả yêu cầu 11 2.2 Các yêu cầu phi chức năng .11 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 2.3 Phân tích thiết kế hệ thống 12 2.4 Mô hình hóa use case 13 2.4.1 Biểu đồ use case tổng quát 13 2.4.2 Biểu đồ use case phân rã 14 2.5 Mô tả chi tiết use case .15 2.5.1 Use case đăng ký tài khoản .15 2.5.2 Use case đăng nhập 16 2.5.3 Use case xem thông tin tài khoản 17 2.5.4 Use case thay đổi mật khẩu .17 2.5.5 Use case lấy lại mật khẩu 18 2.5.6 Use case cập nhật thông tin cá nhân 19 2.5.7 Use case xem chi tiết trang giao diện 20 2.5.8 Use case tạo trang giao diện 21 2.5.9 Use case chỉnh sửa trang giao diện 22 2.5.10 Use case tìm kiếm trang giao diện 23 2.5.11 Use case xóa trang giao diện 24 2.5.12 Use case xuất mã nguồn trang giao diện 25 2.5.13 Use case thêm người chỉnh sửa .26 2.6 Phân tích use case .27 2.6.1 Use case đăng kí tài khoản 27 2.6.2 Use case đăng nhập 29 2.6.3 Use case xem thông tin tài khoản 31 2.6.4 Use case lấy lại mật khẩu 32 2.6.5 Use case thay đổi mật khẩu .34 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 2.6.6 Use case cập nhật thông tin cá nhân 36 2.6.7 Use case xem chi tiết trang giao diện 38 2.6.8 Use case tạo trang giao diện 39 2.6.9 Use case chỉnh sửa trang giao diện 41 2.6.10 Use case tìm kiếm trang giao diện 43 2.6.11 Use case xóa trang giao diện 44 2.6.12 Use case thêm người chỉnh sửa .46 2.6.13 Use case xuất mã nguồn trang giao diện 48 2.7 Thiết kế cơ sở dữ liệu .50 2.7.1 Biểu đồ Entity Relationship Diagram .50 2.7.2 Các bảng trong cơ sở dữ liệu 50 CHƯƠNG 3 KẾT QUẢ, KIỂM THỬ VÀ ĐÁNH GIÁ 52 3.1 Giới thiệu ứng dụng 52 3.2 Một số chức năng chính của ứng dụng .52 3.2.1 Trang đăng ký tài khoản 52 3.2.2 Trang đăng nhập 53 3.2.3 Trang lấy lại mật khẩu .54 3.2.4 Trang thông tin tài khoản 54 3.2.5 Trang tạo và chỉnh sửa trang giao diện 55 3.2.6 Trang danh sách trang giao diện cá nhân 59 3.2.7 Trang danh sách trang giao diện cộng đồng 62 3.2.8 Trang xem chi tiết trang giao diện 63 3.3 Kiểm thử chương trình 63 3.3.1 Kế hoạch kiểm thử 63 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 3.3.2 Chiến lược kiểm thử 64 3.3.3 Mô hình kiểm thử 64 3.3.4 Kết quả kiểm thử .64 KẾT LUẬN 65 TÀI LIỆU THAM KHẢO .66 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 DANH MỤC HÌNH ẢNH Hình 1.1 React JS 5 Hình 2.1:Biểu đồ use case tổng quát .14 Hình 2.2: Biểu đồ use case phân rã quản lí tài khoản 14 Hình 2.3: Biểu đồ use case phân ra quản lí trang giao diện 14 Hình 2.4: Biểu đồ hoạt động mô tả use case đăng ký tài khoản 15 Hình 2.5: Biểu đồ hoạt động use case đăng nhập 17 Hình 2.6: Biểu đồ hoạt động mô tả use case xem thông tin tài khoản 17 Hình 2.7: Biểu đồ hoạt động mô tả use case thay đổi mật khẩu 18 Hình 2.8: Biểu đồ hoạt động mô tả use case lấy lại mật khẩu 19 Hình 2.9: Biểu đồ hoạt động mô tả use case cập nhật thông tin cá nhân 20 Hình 2.10: Biểu đồ hoạt động mô tả use case xem thông tin tài khoản 21 Hình 2.11: Biểu đồ hoạt động use case tạo trang giao diện 22 Hình 2.12: Biểu đồ hoạt động use case chỉnh sửa trang giao diện 23 Hình 2.13: Biểu đồ hoạt động use case tìm kiếm trang giao diện 24 Hình 2.14: Biểu đồ hoạt động mô tả use case xóa trang giao diện .25 Hình 2.15: Biểu đồ hoạt động use case xuất mã nguồn trang giao diện .25 Hình 2.16: Biểu đồ hoạt động use case thêm người chỉnh sửa .26 Hình 2.17: Biểu đồ lớp chức năng đăng ký tài khoản 27 Hình 2.18: Biểu đồ trình tự chức năng đăng ký tài khoản 28 Hình 2.19: Biểu đồ lớp chức năng đăng nhập .29 Hình 2.20: Biểu đồ trình tự chức năng đăng nhập 30 Hình 2.21: Biểu đồ lớp chức năng xem thông tin tài khoản 31 Hình 2.22: Biểu đồ trình tự chức năng xem thông tin tài khoản 31 Hình 2.23 Biểu đồ lớp chức năng lấy lại mật khẩu .32 Hình 2.24 Biểu đồ trình tự chức năng lấy lại mật khẩu 33 Hình 2.25 Biểu đồ lớp chức năng thay đổi mật khẩu 34 Hình 2.26 Biểu đồ trình tự chức năng thay đổi mật khẩu .35 Hình 2.27 Biểu đồ lớp chức năng cập nhật thông tin cá nhân .36 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 Hình 2.28 Biểu đồ trình tự chức năng cập nhật thông tin cá nhân 37 Hình 2.29 Biểu đồ lớp chức năng xem chi tiết trang giao diện .38 Hình 2.30 Biểu đồ trình tự chức năng xem chi tiết trang giao diện 38 Hình 2.31 Biểu đồ lớp chức năng tạo trang giao diện 39 Hình 2.32 Biểu đồ trình tự chức năng tạo trang giao diện 40 Hình 2.33 Biểu đồ lớp chức năng chỉnh sửa trang giao diện 41 Hình 2.34 Biểu đồ trình tự chức năng chỉnh sửa trang giao diện 42 Hình 2.35 Biểu đồ lớp chức năng tìm kiếm trang giao diện 43 Hình 2.36 Biểu đồ trình tự chức năng tìm kiếm trang giao diện 43 Hình 2.37 Biểu đồ lớp chức năng xóa trang giao diện 44 Hình 2.38 Biểu đồ trình tự chức năng xóa trang giao diện 45 Hình 2.39 Biểu đồ lớp chức năng thêm người chỉnh sửa 46 Hình 2.40 Biểu đồ trình tự chức năng thêm người chỉnh sửa .47 Hình 2.41 Biểu đồ lớp chức năng xuất mã nguồn trang giao diện 48 Hình 2.42 Biểu đồ trình tự chức năng xuất mã nguồn trang giao diện 49 Hình 2.43 Biểu đồ Entity Relationship Diagram 50 Hình 3.1: Màn hình giao diện đăng ký tài khoản 52 Hình 3.2: Thông báo gửi đến email người dùng 53 Hình 3.3: Màn hình giao diện đăng nhập 53 Hình 3.4: Màn hình giao diện Lấy lại mật khẩu 54 Hình 3.5: Màn hình giao diện trang thông tin tài khoản cá nhân 55 Hình 3.6: Màn hình giao diện trang thông tin tài khoản của người dùng khác 55 Hình 3.7: Giao diện cấu hình trang khi tạo 56 Hình 3.8: Màn hình giao diện chỉnh sửa trang giao diện 56 Hình 3.9: Giao diện xem trước trang giao diện .57 Hình 3.10: Giao diện chức năng với trang giao diện 57 Hình 3.11: Thông báo email quyền chỉnh sửa trang giao diện 58 Downloaded by MON MON (monmon2@gmail.com)