1. Trang chủ
  2. » Giáo Dục - Đào Tạo

Chuyên Đề tốt nghiệp phát triển phần mềm Đề tài xây dựng website tuyển dụng

45 0 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Xây Dựng Website Tuyển Dụng
Tác giả Nguyễn ..., Trần ...
Người hướng dẫn Th. S ...
Trường học Đại học Thăng Long
Chuyên ngành Công nghệ thông tin
Thể loại chuyên đề tốt nghiệp
Năm xuất bản 2024
Thành phố Hà Nội
Định dạng
Số trang 45
Dung lượng 544,94 KB

Cấu trúc

  • CHƯƠNG 1. GIỚI THIỆU (14)
    • 1.1 Bối cảnh và lý do chọn đề tài (14)
    • 1.2 Mục tiêu nghiên cứu (14)
    • 1.3 Đối tượng và phạm vi nghiên cứu (14)
    • 1.4 Phương pháp nghiên cứu (15)
    • 1.5 Cấu trúc chuyên đề (15)
  • CHƯƠNG 2. CƠ SỞ LÝ THUYẾT (16)
    • 2.1 Tổng quan về lĩnh vực tuyển dụng và ngành lập trình (16)
      • 2.1.1 Lịch sử và sự phát triển của ngành lập trình (16)
      • 2.1.2 Tình hình thị trường lao động và nhu cầu tuyển dụng ngành lập trình (0)
    • 2.2 Các công nghệ và công cụ phát triển web (16)
      • 2.2.1 Một số khái niệm cơ bản về website (16)
      • 2.2.2 Các ngôn ngữ lập trình và công nghệ phát triển web 6 (17)
      • 2.2.3 Framework và thư viện (17)
      • 2.2.4 Công cụ và môi trường phát triển (17)
    • 2.3 Thiết kế giao diện người dùng và quản lý dữ liệu (17)
      • 2.3.1 Nguyên tắc thiết kế UI/UX cơ bản (17)
      • 2.3.2 Công cụ quản lý cơ sở dữ liệu......................................................... CHƯƠNG 3. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG (18)
    • 3.1 PHÂN TÍCH........................................................................................8 .1 Phân tích CSDL (20)
    • 3.2 THIẾT KẾ (29)
      • 3.2.1 Thiết kế module đăng nhập và đăng ký (29)
      • 3.2.2 Thiết kế module tìm kiếm (30)
      • 3.2.3 Thiết kế module hiển thị danh sách công ty và ứng tuyển (31)
      • 3.2.4 Thiết kế module hiển thị chỉnh sửa thông tin công ty (admin) (32)
      • 3.2.5 Thiết kế module quản lý chỉnh sửa danh sách đăng tuyển (admin) (34)
      • 3.2.6 Thiết kế module quản lý danh sách CV các ứng viên (admin) (36)
    • 3.3 CÁC RẰNG BUỘC VÀ HẠN CHẾ RỦI RO (0)
      • 3.3.1 Rằng buộc hạn chế (0)
      • 3.3.2 Phân tích rủi ro.................................................................................... CHƯƠNG 4. PHÁT TRIỂN VÀ TRIỂN KHAI (0)
    • 4.1 XÂY DỰNG (39)
    • 4.2 KIỂM THỬ (39)
      • 4.2.1 Xây dựng CSDL (39)
      • 4.2.2 Triển khai module đăng nhập và đăng ký (40)
      • 4.2.3 Triển khai module tìm kiếm (0)
      • 4.2.4 Triển khai module hiển thị danh sách công ty và ứng tuyển (0)
      • 4.2.5 Triển khai module hiển thị chỉnh sửa thông tin công (0)
      • 4.2.6 Triển khai module quản lý chỉnh sửa danh sách đăng tuyển (admin) (0)
      • 4.2.7 Triển khai module quản lý danh sách CV các ứng viên (admin)......................................................................................... CHƯƠNG 5. KẾT LUẬN VÀ KẾ HOẠCH PHÁT TRIỂN (0)
    • 5.1 Kết luận (43)
    • 5.2 Kế hoạch phát triển (43)
  • TÀI LIỆU THAM KHẢO (44)

Nội dung

Chuyên đề tốt nghiệp này được thực hiện nhằm giải quyếtphần nào những thách thức đó bằng việc xây dựng mộtwebsite tuyển dụng chuyên ngành lập trình.. Với mục tiêu tạo ra một nền tảng tiệ

GIỚI THIỆU

Bối cảnh và lý do chọn đề tài

Trong bối cảnh công nghệ thông tin phát triển mạnh mẽ, ngành công nghiệp phần mềm và lập trình trở thành lĩnh vực trọng yếu với nhu cầu tuyển dụng lập trình viên tài năng ngày càng tăng Sự cạnh tranh giữa các doanh nghiệp ngày càng gay gắt, nhưng quy trình tuyển dụng vẫn gặp khó khăn do thiếu kết nối hiệu quả giữa nhà tuyển dụng và ứng viên Vì vậy, xây dựng một website tuyển dụng chuyên ngành lập trình là cần thiết để tối ưu hóa quá trình này.

Mục tiêu nghiên cứu

Chuyên đề này nhằm mục tiêu:

 Xây dựng một website tuyển dụng chuyên nghiệp

 Cung cấp các chức năng tìm kiếm và đăng tin tuyển dụng tiện lợi.

 Tạo ra một nền tảng kết nối hiệu quả nhằm tối ưu hóa quy trình tuyển dụng.

 Xây dựng mạng lưới kết nối tuyển dụng uy tín an toàn.

Đối tượng và phạm vi nghiên cứu

Đối tượng nghiên cứu của chuyên đề bao gồm:

 Các doanh nghiệp công nghệ cần tuyển dụng.

 Thiết kế và phát triển website tuyển dụng chuyên ngành lập trình trong nước.

 Tập trung vào các chức năng chính như đăng tin tuyển dụng, tìm kiếm việc làm, quản lý thông tin ứng viên.

Phương pháp nghiên cứu

Chuyên đề sử dụng các phương pháp nghiên cứu sau:

 Phương pháp thu thập dữ liệu: khảo sát, phỏng vấn các chuyên gia và người dùng tiềm năng.

 Phương pháp phân tích: phân tích yêu cầu, thiết kế hệ thống.

 Phương pháp phát triển: lập trình, kiểm thử, triển khai website.

Cấu trúc chuyên đề

Chuyên đề gồm các phần chính sau:

 Chương 1: Giới thiệu - Trình bày bối cảnh, lý do chọn đề tài, mục tiêu, đối tượng, phạm vi và phương pháp nghiên cứu.

 Chương 2: Cơ sở lý thuyết - Cung cấp các kiến thức nền tảng và các nghiên cứu liên quan.

 Chương 3: Phân tích và thiết kế hệ thống - Mô tả chi tiết quá trình phân tích yêu cầu và thiết kế hệ thống.

 Chương 4: Phát triển và triển khai - Trình bày quá trình lập trình, kiểm thử và triển khai website.

 Chương 5: Kết luận - Tổng kết và đề xuất hướng phát triển trong tương lai.

CƠ SỞ LÝ THUYẾT

Tổng quan về lĩnh vực tuyển dụng và ngành lập trình

2.1.1 Lịch sử và sự phát triển của ngành lập trình

Ngành lập trình bắt nguồn từ công việc của Ada Lovelace vào những năm 1830, khi bà viết một thuật toán tính toán các số Bernoulli cho máy Analytical Engine của Charles Babbage, mặc dù máy này chưa bao giờ hoàn thiện Ada Lovelace được công nhận là lập trình viên đầu tiên, và đóng góp của bà đánh dấu sự khởi đầu của ngành lập trình máy tính.

Ngành lập trình đang trải qua sự tăng trưởng nhanh chóng nhờ vào sự phát triển mạnh mẽ của công nghệ số và quá trình chuyển đổi số trong nhiều lĩnh vực Điều này dẫn đến nhu cầu ngày càng cao về lập trình viên, tạo ra cơ hội việc làm phong phú cho những ai theo đuổi nghề này.

Lập trình viên có vai trò quan trọng trong nhiều lĩnh vực khác nhau, bao gồm tài chính, y tế, giáo dục, giải trí, sản xuất và dịch vụ công nghệ thông tin Sự đa dạng này cho thấy nhu cầu cao về kỹ năng lập trình trong các ngành công nghiệp hiện đại.

Linh hoạt vị trí công việc: Các công việc lập trình có thể làm từ xa, tạo ra nhiều cơ hội làm việc linh hoạt cho người lao động.

Các công nghệ và công cụ phát triển web

2.2.1 Một số khái niệm cơ bản về website

Domain (Tên miền): Địa chỉ duy nhất của một trang web trên Internet Người dùng sử dụng tên miền để truy cập vào trang web.

Hosting (Lưu trữ web) là dịch vụ cung cấp không gian trên máy chủ để lưu trữ các tệp tin và dữ liệu của trang web, cho phép người dùng truy cập trang web từ bất kỳ đâu trên Internet.

Backend là phần không nhìn thấy của trang web, chịu trách nhiệm xử lý logic, quản lý dữ liệu và cung cấp cơ sở hạ tầng cho các tính năng của website Các ngôn ngữ lập trình phổ biến cho backend bao gồm PHP, Python và Node.js.

Frontend: Phần giao diện người dùng của một trang web, nơi mà người dùng tương tác Bao gồm HTML, CSS và JavaScript.

Thiết kế đáp ứng là một phương pháp thiết kế web nhằm tối ưu hóa trải nghiệm người dùng bằng cách đảm bảo rằng trang web hiển thị một cách hiệu quả trên tất cả các thiết bị và kích thước màn hình khác nhau.

2.2.2 Các ngôn ngữ lập trình và công nghệ phát triển web

- Các ngôn ngữ lập trình và công nghệ phát triển web được chúng em lựa chọn để phát triển website:

- Frontend: Html/css/scss, JavaScrip, ReactJS [1].

- Để xây dựng website tuyển dụng ngành lập trình chúng em sử dụng chủ yếu các thư viện: ReactJs [1], AntDesign, Node.js [3]

2.2.4 Công cụ và môi trường phát triển

- Các công cụ và môi trường phát triển xây dựng một website tuyển dụng ngành lập trình: Visual Studio Code,Git (GitHub, GitLab, Bitbucket), npm (Node.js [3]),Chrome DevTools

Thiết kế giao diện người dùng và quản lý dữ liệu

2.3.1 Nguyên tắc thiết kế UI/UX cơ bản

UI (User Interface - Giao diện người dùng):

 Là tổng thể các yếu tố đồ họa và tương tác mà người dùng nhìn thấy và tương tác với khi sử dụng một sản

6 phẩm kỹ thuật số Bao gồm các thành phần như nút bấm, thanh công cụ, menu, biểu tượng, và các yếu tố thiết kế khác.

UX (User Experience - Trải nghiệm người dùng):

Trải nghiệm người dùng (UX) là tổng thể cảm nhận và trải nghiệm của người dùng khi tương tác với sản phẩm hoặc dịch vụ UX bao gồm các yếu tố quan trọng như tính dễ sử dụng, khả năng truy cập, mức độ hài lòng và hiệu quả trong việc đạt được các mục tiêu của người dùng.

Khi thiết kế giao diện người dùng, cần tuân thủ một số nguyên tắc cơ bản như không làm người dùng phải suy nghĩ quá nhiều, tối giản hóa các yếu tố giao diện, duy trì sự nhất quán trong thiết kế, cung cấp phản hồi rõ ràng cho người dùng, tập trung vào nhu cầu và trải nghiệm của người dùng, đảm bảo tính dễ hiểu và thực hiện kiểm tra thường xuyên để cải thiện giao diện.

2.3.2 Công cụ quản lý cơ sở dữ liệu

Cơ sở dữ liệu (NoSQL): Fetch API, Firebase [2].

Hệ thống này có nhiều ưu điểm nổi bật, bao gồm khả năng mở rộng dễ dàng, hỗ trợ đa dạng các mô hình dữ liệu và đạt hiệu suất cao trong các trường hợp sử dụng cụ thể Điều này giúp tối ưu hóa khả năng chịu tải và cải thiện hiệu suất truy vấn một cách hiệu quả.

Fetch API là phương thức được sử dụng để gọi dữ liệu từ server thông qua một API API là một URL cho phép giao tiếp giữa Front-end và Back-end, giúp lấy dữ liệu từ server một cách hiệu quả.

Firebase là nền tảng phát triển ứng dụng di động và web do Google phát triển, giúp các nhà phát triển xây dựng và quản lý ứng dụng hiệu quả hơn Ra mắt vào năm 2011, Firebase nhanh chóng trở thành công cụ phổ biến nhờ vào các dịch vụ mạnh mẽ Một trong những tính năng nổi bật của Firebase là Realtime Database, cho phép lưu trữ dữ liệu trên đám mây dưới dạng JSON và đồng bộ hóa theo thời gian thực với tất cả máy khách kết nối, đảm bảo mọi người dùng đều có phiên bản cập nhật nhất của cơ sở dữ liệu.

CHƯƠNG 3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

PHÂN TÍCH 8 1 Phân tích CSDL

3.1.1.1 Liệt kê các đối tượng chính trong dự án

3.1.1.2 Xây dựng sơ đồ tổng quát của đối tượng

Hình 3.1.1.2 Mô hình tổng quát đối tượng trong CSDL 3.1.1.3 Mô tả từng đối tượng

3.1.2 Phân tích module tìm kiếm

3.1.2.1 Mô hình hóa quy trình nghiệp vụ:

Hình 3.3.1.1 Mô hình hóa quy trình nghiệp vụ module tìm kiếm

3.1.2.2 Liệt kê các chức năng chính và xây dựng sơ đồ tổng quát:

Chức năng chính của ứng dụng bao gồm: Tìm kiếm theo thành phố, cho phép người dùng chọn thành phố mong muốn từ hộp select box; Tìm kiếm theo nội dung người dùng nhập, nơi người dùng có thể nhập các thông tin như ngôn ngữ lập trình vào ô input; và Tìm kiếm theo các tags gợi ý sẵn, cho phép người dùng dễ dàng click vào một trong các tag đã được gợi ý trong giao diện.

Hình 3.3.1.2 Sơ đồ tổng quát quy trình nghiệp vụ module tìm kiếm 3.1.2.3 Mô tả các tác nhân:

Mô tả: Người dùng là các cá nhân truy cập vào trang web để sử dụng các tính năng Tìm kiếm, lọc theo từ.

Mối quan hệ: Tương tác trực tiếp với giao diện người dùng để chọn các tags, thành phố hoặc nhập giá trị cần tìm kiếm

 Nhập giá trị vào ô input.

 Chọn thành phố trong ô select box.

 Chọn một trong các tags được gợi ý sẵn.

3.1.2.4 Đặc tả chức năng chính:

Tên chức năng: Tìm kiếm công việc.

Mục đích: Cho phép người dùng tìm kiếm các công việc theo ngôn ngữ lập trình, thành phố,

Người dùng: Tất cả người dùng truy cập vào trang web tuyển dụng.

- Người dùng truy cập vào trang web.

Người dùng có thể tìm kiếm thông tin bằng cách nhập từ khóa vào ô input và nhấn Tìm kiếm, chọn thành phố và nhấn Tìm kiếm, hoặc kết hợp cả hai bằng cách nhập từ khóa và chọn thành phố trước khi nhấn Tìm kiếm Ngoài ra, người dùng cũng có thể nhấp vào một trong các tag gợi ý để tìm kiếm nhanh chóng.

Hệ thống kiểm tra thông tin người dùng nhập.:

- Nếu thông tin phù hợp, hệ thống trả về giao diện kết quả công việc.

- Nếu thông tin không hợp lệ, hệ thống hiển thị giao diện trống do không có công việc phù hợp.

- Hệ thống phải xử lý kết quả tìm kiếm nhanh để tránh trải nghiệm người dùng bị gián đoạn.

3.1.3 Phân tích module hiển thị danh sách công ty và ứng tuyển

3.1.3.1 Mô hình hóa quy trình nghiệp vụ

Hình 3.4.1.1 Mô hình hóa module hiên thị danh sách công ty và ứng tuyển 3.1.3.2 Các chức năng chính và sơ đồ tổng quát

- Hiển thị danh sách các công ty: trang web hiển thị các công ty đang tuyển ứng viên lập trình.

Khi người dùng nhấp vào tên công ty, hệ thống sẽ hiển thị thông tin chi tiết về công ty đó cùng với danh sách các vị trí tuyển dụng hiện có.

- Ứng tuyển: khi click vào job, hiển thị thông tin đăng tuyển, mẫu đăng ký ứng tuyển bên dưới phần thông tin.

Hình 3.4.1.2 Sơ đồ tổng quát module hiên thị danh sách công ty và ứng tuyển 3.1.3.3 Mô tả tác nhân

 Là những người đang tìm kiếm việc làm.

 Sử dụng module để xem danh sách các công ty đang tuyển dụng và các vị trí công việc.

 Có thể tìm kiếm, lọc và xem thông tin chi tiết về các công ty và vị trí công việc.

 Có thể ứng tuyển vào các vị trí công việc phù hợp.

Quản trị hệ thống (System Administrator):

 Cài đặt và quản lý toàn bộ hệ thống tuyển dụng.

 Có quyền truy cập vào tất cả các chức năng và dữ liệu trong hệ thống.

 Quản lý người dùng, phân quyền và bảo mật.

Cơ sở dữ liệu (Database):

 Lưu trữ thông tin về các công ty, vị trí công việc và ứng viên.

 Cung cấp dữ liệu cho module hiển thị danh sách công ty và danh sách job.

1 Tìm kiếm và lọc danh sách công việc (Module riêng biệt)

Mục đích: Cho phép người dùng tìm kiếm và lọc danh sách công việc theo các tiêu chí nhất định.

 Cung cấp giao diện tìm kiếm để người dùng nhập từ khóa tìm kiếm.

 Cho phép người dùng lọc danh sách từ khóa theo lĩnh vực ứng tuyển, địa điểm, ngôn ngữ lập trình, v.v

 Xử lý yêu cầu tìm kiếm và lọc và hiển thị kết quả tương ứng.

2 Hiển thị danh sách các công ty

Mục đích: Hiển thị danh sách các công ty đang tuyển dụng cho người dùng.

Lấy danh sách các công ty từ cơ sở dữ liệu.

Trình bày danh sách các công ty trên giao diện người dùng.

Cho phép người dùng xem thông tin cơ bản về từng công ty như tên, lĩnh vực hoạt động, địa chỉ và mô tả.

3 Xem chi tiết công ty

Mục đích: Cho phép người dùng xem thông tin chi tiết về một công ty cụ thể.

 Khi người dùng chọn một công ty từ danh sách, hiển thị trang chi tiết của công ty.

 Trình bày thông tin chi tiết về công ty bao gồm tên, lĩnh vực hoạt động, địa chỉ, mô tả, các vị trí tuyển dụng, thông tin liên hệ.

 Cung cấp các nút tương tác như ứng tuyển, lưu công ty, chia sẻ thông tin.

4 Chi tiết các vị trí tuyển dụng

Mục đích: Cho phép người dùng xem các vị trí tuyển dụng của một công ty và tương tác với chúng.

 Trên trang chi tiết công ty, hiển thị danh sách các vị trí tuyển dụng.

 Cho phép người dùng xem chi tiết về từng vị trí tuyển dụng bao gồm tiêu đề công việc, mô tả, yêu cầu ứng viên, v.v

 Cung cấp các nút tương tác như ứng tuyển vào vị trí công việc, hiển thị from nhập thông tin và ứng tuyển.

3.1.4 Phân tích module hiển thị chỉnh sửa thông tin công ty (admin)

3.1.4.1 Mô hình hóa quy trình nghiệp vụ:

Hình 3.5.1.1 Mô hình hóa module hiên thị chỉnh sửa thông tin công ty

3.1.4.2 Liệt kê các chức năng chính và xây dựng sơ đồ tổng quát:

Chủ sở hữu tài khoản công ty có thể dễ dàng chỉnh sửa và cập nhật thông tin quan trọng như tên công ty, email, số điện thoại, địa chỉ, số lượng nhân sự và thời gian làm việc.

Hình 3.5.1.2 Sơ đồ tổng quát module hiên thị chỉnh sửa thông tin công ty 3.1.4.3 Mô tả tác nhân:

1 Chủ sở hữu công ty (admin):

Mô tả: Là đối tượng truy cập vào trang web sử dụng chức năng chỉnh sửa thông tin công ty.

Mối quan hệ: Tương tác trực tiếp với giao diện admin và sử dụng chức năng sử thông tin công ty

 Nhập các giá trị muốn chỉnh sửa.

 Tùy chọn cập nhật không.

Mô tả: Hệ thống nhận yêu cầu chỉnh sửa từ phía admin và xử lý.

Mối quan hệ: Xử lý yêu cầu chỉnh sửa thông tin công ty.

 Xác thực giá trị người dung nhập vào và xử lý yêu cầu chỉnh sửa.

3 Cơ sở dữ liệu (Database):

Mô tả: Cập nhật giá trị mà admin cập nhật.

Mối quan hệ: Hệ thống cập nhật các giá trị người dùng thay đổi vào CSDl và hiển thị bên phía người dùng.

 Cập nhật giá trị vào CSDl.

 Trả về giao diện với giá trị mới.

3.1.4.4 Đặc tả các chức năng chính:

Tên chức năng: Chỉnh sửa thông tin công ty.

Mục đích: Cho phép admin chỉnh sửa các thông tin như Tên công ty, Email, Số điện thoại, địa chỉ, số lượng nhân sự, Thời gian làm việc,

Người dùng: Chủ sở hữu tài khoản công ty (admin).

- Chủ sở hữ đăng nhập và truy cập vào “Quản lý” để chuyển đến trang admin.

- Chủ sử hữu truy cập vào muc “ Thông tin công ty” và bắt đầu chỉnh sửa các thông tin cơ bản.

Hệ thống kiểm tra thông tin người dùng nhập.:

- Nếu các trường bắt buộc trống sẽ yêu cầu chủ sở hữu điền.

- Trường hợp điền đủ sẽ cho chủ sở hữu cập nhật, và trả về cho giao diện người dùng.

- Chủ sở hữu phải có tài khoản trên trang web.

3.1.5 Phân tích module quản lý chỉnh sửa danh sách đăng tuyển (admin)

THIẾT KẾ

3.2.1 Thiết kế module đăng nhập và đăng ký

3.2.1.1 Thiết kế SĐ lớp phân tích

Hình 3.2.2.1 Sơ đồ lớp phân tích quy trình nghiệp vụ đăng nhập và đăng ký 3.2.1.2 Thiết kế SĐ trình tự

Hình 3.2.2.2(1) Sơ đồ trình tự quy trình nghiệp vụ đăng nhập

Hình 3.2.2.2(2) Sơ đồ trình tự quy trình nghiệp vụ đăng ký 3.2.1.3 Thiết kế SĐ lớp chi tiết

Hình 3.2.2.3 Sơ đồ lớp chi tiết quy trình nghiệp vụ đăng nhập và đăng ký 3.2.1.4 Thiết kế giao diện

Sử dụng html, css thiết kế cơ bản giao diện:

Hình 3.2.2.4(1) Giao diện đăng nhập

Hình 3.2.2.4(2) Giao diện đăng ký 3.2.2 Thiết kế module tìm kiếm

3.2.2.1 Thiết kế sơ đồ lớp phân tích

Hình 3.3.2.1 Sơ đồ lớp phân tích quy trình nghiệp vụ module tìm kiếm

User: Người dùng truy cập vào trang web tuyển dụng để giao tiếp với trang web.

Presentation Layer: Trang hiển thị đảm nhận vai trò giao tiếp với người dùng và gửi yêu cầu cho Lớp Application.

Application Layer: Làm nhiệm vụ xử lý yêu cầu và truy xuất dữ liệu từ database.

Data Layer: Nhận yêu cầu và trả về dữ liệu.

Result Layer: Thực hiện trả về kết quả tìm kiếm cho người dùng.

3.2.2.2 Thiết kế sơ đồ trình tự:

Hình 3.3.2.2 Sơ đồ trình tự quy trình nghiệp vụ module tìm kiếm 3.2.2.3 Thiết kế sơ đồ lớp chi tiết:

Hình 3.3.2.3 Sơ đồ lớp chi tiết quy trình nghiệp vụ module tìm kiếm

Sử dụng HTML, CSS để tạo giao diện demo:

Giao diện tổng thể của chức năng tìm kiếm:

Hình 3.3.2.4(1) Giao diện tổng thể của chức năng tìm kiếm

Giao diện Tìm kiếm theo Thành Phố:

Hình 3.3.2.4(2) Giao diện Tìm kiếm theo Thành Phố

Giao diện tìm kiếm theo ô Input:

Hình 3.3.2.4(3) Giao diện tìm kiếm theo ô Input

Giao diện tìm kiếm theo các Tags:

Hình 3.3.2.4(4) Giao diện tìm kiếm theo các Tags

3.2.3 Thiết kế module hiển thị danh sách công ty và ứng tuyển

3.2.3.1 Thiết kế SĐ lớp phân tích

Hình 3.4.2.1 Sơ đồ lớp phân tích module hiên thị danh sách công ty và ứng tuyển 3.2.3.2 Thiết kế SĐ trình tự

Hình 3.4.2.2 Sơ đồ trình tự module hiên thị danh sách công ty và ứng tuyển

3.2.3.3 Thiết kế SĐ lớp chi tiết

Hình 3.4.2.3 Sơ đồ lớp chi tiết module hiên thị danh sách công ty và ứng tuyển 3.2.3.4 Thiết kế giao diện

1 Trang chủ(hiển thị danh sách các công ty):

Hình 3.4.2.4(1) Trang chủ(hiển thị danh sách các công ty)

2 Chi tiết thông tin công ty

Hình 3.4.2.4(2) Chi tiết thông tin công ty

3 Hiển thị danh sách các công việc đang tuyển dụng

Hình 3.4.2.4(3) Hiển thị danh sách các công việc đang tuyển dụng

4 Chi tiết các công việc

Hình 3.4.2.4(4) Chi tiết các công việc

3.2.4 Thiết kế module hiển thị chỉnh sửa thông tin công ty (admin)

3.2.4.1 Thiết kế sơ đồ lớp phân tích:

Hình 3.5.2.1 Sơ đồ lớp phân tích module hiên thị chỉnh sửa thông tin công ty

Company: Đại diện cho chủ sở hữu tài khoản công ty (người dùng).

Display IT Admin: Trang hiển thị đảm nhận vai trò giao tiếp với người dùng và gửi yêu cầu cho Applycation Layer.

Applycation Layer: Làm nhiệm vụ xử lý yêu cầu và truy xuất dữ liệu từ database.

Database Layer: Nhận yêu cầu và trả về dữ liệu.

3.2.4.2 Thiết kế sơ đồ trình tự:

Hình 3.5.2.2 Sơ đồ trình tự module hiên thị chỉnh sửa thông tin công ty 3.2.4.3 Thiết kế sơ đồ lớp chi tiết:

Hình 3.5.2.3 Sơ đồ lớp chi tiết module hiên thị chỉnh sửa thông tin công ty

Sử dụng Html, Css để tạo giao diện:

Giao diện tổng thể khi chưa chọn chỉnh sửa:

Hình 3.5.2.4 Giao diện tổng thể module hiên thị chỉnh sửa thông tin công ty

Giao diện tổng thể khi đã chọn chỉnh sửa:

3.2.5 Thiết kế module quản lý chỉnh sửa danh sách đăng tuyển (admin)

3.2.5.1 Thiết kế SĐ lớp phân tích

Hình 3.6.2.1 Sơ đồ lớp phân tích module quản lý đăng tuyển 3.2.5.2 Thiết kế SĐ trình tự

1 Hiển thị danh sách công việc

Hình 3.6.2.2(1) Sơ đồ trình tự hiển thị danh sách công việc

2 Xem chi tiết công việc

Hình 3.6.2.2(2) Sơ đồ trình tự xem chi tiết công việc

Hình 3.6.2.2(3) Sơ đồ trình tự sửa công việc

Hình 3.6.2.2(4) Sơ đồ trình tự xóa công việc

Hình 3.6.2.2(5) Sơ đồ trình tự thêm công việc

3.2.5.3 Thiết kế SĐ lớp chi tiết

Hình 3.6.2.3 Sơ đồ lớp chi tiết module quản lý đăng tuyển 3.2.5.4 Thiết kế giao diện

1 Giao diện quản lý chính

Hình 3.6.2.4(1) Giao diện quản lý chính module quản lý đăng tuyển

2 Giao diện quản lý công việc

Hình 3.6.2.4(2) Giao diện quản lý đăng tuyển

3 Giao diện chi tiết công việc

Hình 3.6.2.4(3) Giao diện chi tiết công việc

4 Giao diện form tạo mới công việc

Hình 3.6.2.4(2) Giao diện form tạo mới công việc

3.2.6 Thiết kế module quản lý danh sách CV các ứng viên (admin)

3.2.6.1 Thiết kế sơ đồ lớp phân tích:

Hình 3.7.2.1 Sơ đồ lớp phân tích quy trình nghiệp vụ module quản lý danh sách CV

Company Manager: Đại diện cho chủ sở hữu tài khoản công ty (người dùng).

Presentation Layer (Display IT Admin): Trang hiển thị đảm nhận vai trò giao tiếp với người dùng và gửi yêu cầu choApplycation Layer.

Applycation Layer: Làm nhiệm vụ xử lý yêu cầu và truy xuất dữ liệu từ database.

Database Layer: Nhận yêu cầu và trả về dữ liệu.

3.2.6.2 Thiết kế sơ đồ trình tự:

1 Xem danh sách các CV:

Hình 3.7.2.2(1) Sơ đồ trình tự xem danh sách CV

Hình 3.7.2.2(2) Sơ đồ trình tự xem chi tiết CV

3 Xóa một CV trong danh sách:

Hình 3.7.2.2(3) Sơ đồ trình tự xóa CV 3.2.6.3 Thiết kế sơ đồ lớp chi tiết:

Hình 3.7.2.3 Sơ đồ lớp chi tiết quy trình nghiệp vụ module quản lý danh sách CV 3.2.6.4 Thiết kế giao diện:

Giao diện Quản lý danh sách CV:

Hình 3.7.2.4(1) Giao diện Quản lý danh sách CV

Giao diện chi tiết CV:

Hình 3.7.2.4(2) Giao diện chi tiết CV

Hình 3.7.2.4(3) Giao diện xóa CV

CHƯƠNG 4 PHÁT TRIỂN VÀ TRIỂN KHAI

Cách làm : Tạo ra một chuỗi JSON là một object chứa 5 mảng là mảng ô company ằ, ô city ằ, ô tags ằ, ô jobs ằ, ô cv ằ

Sau khi tạo được chuỗi JSON, chạy lệnh npm start ở cửa sổ terminal tại thư mục chứa file json đó Và được kết quả là link các API.

4.1.2 Triển khai module đăng nhập và đăng ký

Hình 4.2.1(1) chức năng đăng nhập

Hình 4.2.1(2) chức năng đăng ký 4.1.3 Triển khai module tìm kiếm

Giao diện tổng thể của chức năng tìm kiếm:

Hình 4.3.1.1(1) Giao diện tìm kiếm

Giao diện Tìm kiếm theo Thành Phố:

Hình 4.3.1.1(2) Giao diện tìm kiếm theo thành phố

Giao diện tìm kiếm theo ô Input:

Hình 4.3.1.1(3) Giao diện tìm kiếm theo ô input

Khi click vào API trên sẽ hiện ra trên màn hình các key và value được cài đặt sẵn :

4.2.2 Triển khai module đăng nhập và đăng ký

4.2.2.1 Mô tả Use Case Đăng nhập

UC01 Đăng nhập vào hệ thống Độ phức tạp: trung bình

Chức năng này cho phép người dùng đã đăng ký truy cập vào tài khoản của họ bằng việc cung cấp thông tin đăng nhập.

Tác nhân Người dùng (có thể gọi là Khách hàng hoặc

Người dùng cần phải đã đăng ký tài khoản.

Hậu Thàn Người dùng được chuyển đến trang hồ sơ cá điều kiện h công nhân hoặc trang chủ của hệ thống sau khi đăng nhập thành công.

Lỗi Hiển thị thông báo lỗi nếu tên đăng nhập hoặc mật khẩu không chính xác.

Người dùng có thể chọn "Quên mật khẩu?" để khôi phục truy cập. ĐẶC TẢ CHỨC NĂNG

Luồng sự kiện chính (Main Flow)

1 Người dùng chọn "Đăng nhập" từ giao diện chính.

2 Hệ thống hiển thị màn hình đăng nhập với hai trường nhập liệu: Tên đăng nhập và Mật khẩu.

3 Người dùng nhập tên đăng nhập và mật khẩu.

4 Người dùng chọn "Đăng nhập" để xác nhận.

5 Hệ thống xác minh thông tin.

Nếu thông tin chính xác, hệ thống đăng nhập người dùng và chuyển họ đến trang hồ sơ cá nhân hoặc trang chủ.

Luồng A: Không có kết quả

Nếu thông tin đăng nhập không chính xác, hệ thống hiển thị thông báo lỗi và cho phép người dùng thử lại.

Hình 01 Giao diện đăng nhập.

CHƯƠNG 5 KẾT LUẬN VÀ KẾ HOẠCH PHÁT TRIỂN

 Trong quá trình thực hiện dự án chúng em nhận thấy và đưa ra được những việc làm được và chưa được như sau:

Áp dụng được những kiến thức đã học để thực hiện chương trình.

2 Những điều cần cải thiện:

Để nâng cao trải nghiệm người dùng, chúng tôi nhận thấy cần cải thiện giao diện và tính năng của trang web nhằm thu hút và giữ chân người dùng hiệu quả hơn Bên cạnh đó, việc tăng cường bảo mật và duy trì hệ thống hoạt động hiệu quả cũng sẽ góp phần tạo ra trải nghiệm tốt hơn cho người dùng.

 Mở rộng phạm vi tuyển dụng o Tiếp cận các doanh nghiệp trong nhiều lĩnh vực khác nhau để mở rộng cơ hội việc làm cho ứng viên.

 Tích hợp công cụ phân tích o Áp dụng các công cụ phân tích để theo dõi hiệu quả hoạt động và đưa ra các cải tiến phù hợp.

Mở rộng dịch vụ tới nhiều khu vực và quốc gia khác nhau.

Cung cấp nhiều tính năng như gợi ý làm việc, phân tích hồ sơ ứng viên,

Cho phép ứng viên và nhà tuyển dụng đánh giá và phản hồi về nhau.

XÂY DỰNG

Cách làm : Tạo ra một chuỗi JSON là một object chứa 5 mảng là mảng ô company ằ, ô city ằ, ô tags ằ, ô jobs ằ, ô cv ằ

Sau khi tạo được chuỗi JSON, chạy lệnh npm start ở cửa sổ terminal tại thư mục chứa file json đó Và được kết quả là link các API.

4.1.2 Triển khai module đăng nhập và đăng ký

Hình 4.2.1(1) chức năng đăng nhập

Hình 4.2.1(2) chức năng đăng ký 4.1.3 Triển khai module tìm kiếm

Giao diện tổng thể của chức năng tìm kiếm:

Hình 4.3.1.1(1) Giao diện tìm kiếm

Giao diện Tìm kiếm theo Thành Phố:

Hình 4.3.1.1(2) Giao diện tìm kiếm theo thành phố

Giao diện tìm kiếm theo ô Input:

Hình 4.3.1.1(3) Giao diện tìm kiếm theo ô input

KIỂM THỬ

Khi click vào API trên sẽ hiện ra trên màn hình các key và value được cài đặt sẵn :

4.2.2 Triển khai module đăng nhập và đăng ký

4.2.2.1 Mô tả Use Case Đăng nhập

UC01 Đăng nhập vào hệ thống Độ phức tạp: trung bình

Chức năng này cho phép người dùng đã đăng ký truy cập vào tài khoản của họ bằng việc cung cấp thông tin đăng nhập.

Tác nhân Người dùng (có thể gọi là Khách hàng hoặc

Người dùng cần phải đã đăng ký tài khoản.

Hậu Thàn Người dùng được chuyển đến trang hồ sơ cá điều kiện h công nhân hoặc trang chủ của hệ thống sau khi đăng nhập thành công.

Lỗi Hiển thị thông báo lỗi nếu tên đăng nhập hoặc mật khẩu không chính xác.

Người dùng có thể chọn "Quên mật khẩu?" để khôi phục truy cập. ĐẶC TẢ CHỨC NĂNG

Luồng sự kiện chính (Main Flow)

1 Người dùng chọn "Đăng nhập" từ giao diện chính.

2 Hệ thống hiển thị màn hình đăng nhập với hai trường nhập liệu: Tên đăng nhập và Mật khẩu.

3 Người dùng nhập tên đăng nhập và mật khẩu.

4 Người dùng chọn "Đăng nhập" để xác nhận.

5 Hệ thống xác minh thông tin.

Nếu thông tin chính xác, hệ thống đăng nhập người dùng và chuyển họ đến trang hồ sơ cá nhân hoặc trang chủ.

Luồng A: Không có kết quả

Nếu thông tin đăng nhập không chính xác, hệ thống hiển thị thông báo lỗi và cho phép người dùng thử lại.

Hình 01 Giao diện đăng nhập.

CHƯƠNG 5 KẾT LUẬN VÀ KẾ HOẠCH PHÁT TRIỂN

Kết luận

 Trong quá trình thực hiện dự án chúng em nhận thấy và đưa ra được những việc làm được và chưa được như sau:

Áp dụng được những kiến thức đã học để thực hiện chương trình.

2 Những điều cần cải thiện:

Để nâng cao trải nghiệm người dùng, chúng tôi nhận thấy cần cải thiện giao diện và tính năng của trang web nhằm thu hút và giữ chân người dùng hiệu quả hơn, đặc biệt do thời gian có hạn và kiến thức thực tiễn chưa nhiều Bên cạnh đó, việc tăng cường bảo mật và duy trì hệ thống hoạt động hiệu quả cũng góp phần tạo ra trải nghiệm tốt hơn cho người dùng.

 Mở rộng phạm vi tuyển dụng o Tiếp cận các doanh nghiệp trong nhiều lĩnh vực khác nhau để mở rộng cơ hội việc làm cho ứng viên.

 Tích hợp công cụ phân tích o Áp dụng các công cụ phân tích để theo dõi hiệu quả hoạt động và đưa ra các cải tiến phù hợp.

Kế hoạch phát triển

Mở rộng dịch vụ tới nhiều khu vực và quốc gia khác nhau.

Cung cấp nhiều tính năng như gợi ý làm việc, phân tích hồ sơ ứng viên,

Cho phép ứng viên và nhà tuyển dụng đánh giá và phản hồi về nhau.

Chúng em vẫn sẽ tiếp tục cải thiện và phát triển dự án môt cách hoàn chỉnh nhất.

Ngày đăng: 05/12/2024, 12:55

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w