(Đồ án tốt nghiệp) xây dựng website tìm việc IT trên nền tảng mean stack

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE TÌM VIỆC IT TRÊN NỀN TẢNG MEAN STACK GVHD: NGUYỄN MINH ĐẠO SVTH: ĐỖ QUỐC VIỆT MSSV : 15110363 SVTH: NGUYỄN THẾ VINH MSSV : 15110369 SKL005772 Tp Hồ Chí Minh, 2019 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM -  - ĐỖ QUỐC VIỆT MSSV : 15110363 NGUYỄN THẾ VINH MSSV : 15110369 Đề tài : XÂY DỰNG WEBSITE TÌM VIỆC IT TRÊN NỀN TẢNG MEAN STACK KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN MINH ĐẠO KHÓA 2015 - 2019 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM -  - ĐỖ QUỐC VIỆT MSSV : 15110363 NGUYỄN THẾ VINH MSSV : 15110369 Đề tài : XÂY DỰNG WEBSITE TÌM VIỆC IT TRÊN NỀN TẢNG MEAN STACK KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN MINH ĐẠO KHÓA 2015 - 2019 ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ****** XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ****** PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên : ĐỖ QUỐC VIỆT MSSV 1: 15110363 Họ tên Sinh viên : NGUYỄN THẾ VINH MSSV 2: 15110369 Tên đề tài: XÂY DỰNG WEBSITE TÌM VIỆC IT TRÊN NỀN TẢNG MEAN STACK Họ tên Giáo viên hướng dẫn: ThS NGUYỄN MINH ĐẠO NHẬN XÉT 1.Về nội dung đề tài khối lượng thực hiện: 2.Ưu điểm: 3.Khuyết điểm: 4.Đề nghị cho bảo vệ hay không ? 5.Đánh giá loại: 6.Điểm: ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ****** Tp Hồ Chí Minh, ngày tháng năm 201 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ****** PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên : ĐỖ QUỐC VIỆT MSSV 1: 15110363 Họ tên Sinh viên : NGUYỄN THẾ VINH MSSV 2: 15110369 Ngành: Công nghệ Thông tin Tên đề tài: XÂY DỰNG WEBSITE TÌM VIỆC IT TRÊN NỀN TẢNG MEAN STACK Họ tên Giáo viên phản biện: ……………………………………………………… NHẬN XÉT 1.Về nội dung đề tài khối lượng thực hiện: 2.Ưu điểm: 3.Khuyết điểm: 4.Đề nghị cho bảo vệ hay không ? 5.Đánh giá loại : ……………………………………………………………………… 6.Điểm : ……………………………………………………………………………… Tp Hồ Chí Minh, ngày tháng năm 201 Giáo viên phản biện (Ký & ghi rõ họ tên) Lời cám ơn Học tập trình rèn luyện, củng cố kiến thức hành trang cho sinh viên bước vào công việc tương lai Nhờ ơn thầy dìu dắt, bảo kiến thức, kinh nghiệm để áp dụng giúp cho chúng em hồn thành tốt học phần Với lịng biết ơn sâu sắc nhất, chúng em xin chân thành cảm ơn thầy cô giáo trường ĐH Sư Phạm Kỹ Thuật TP.HCM nói chung, thầy khoa Cơng Nghệ Thơng Tin nói riêng dạy dỗ cho em kiến thức môn đại cương mơn chun ngành, giúp em có sở lý thuyết vững vàng tạo điều kiện giúp đỡ chúng em suốt trình học tập Chúng em xin gửi lời cảm ơn chân thành đến thầy Nguyễn Minh Đạo, giảng viên hướng dẫn Khóa luận tốt nghiệp - trường ĐH Sư Phạm Kỹ Thuật TP.HCM người tận tình hướng dẫn, bảo chúng em suốt trình nghiên cứu Cuối cùng, chúng em xin chân thành cảm ơn gia đình bạn bè ln tạo điều kiện, quan tâm, giúp đỡ, động viên suốt q trình học tập hồn thành tốt phần mềm Tp Hồ Chí Minh, ngày 30/05/2019 Đỗ Quốc Việt – 15110363 Nguyễn Thế Vinh – 15110369 Trường ĐH Sư Phạm Kỹ Thuật TP HCM Khoa CNTT ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP Họ Tên SV thực : ĐỖ QUỐC VIỆT MSSV: 15110363 Họ Tên SV thực : NGUYỄN THẾ VINH MSSV: 15110369 Thời gian làm tiểu luận: từ: 18/03/2019 đến: 30/06/2019 Chuyên ngành: Công nghệ phần mềm Tên tiểu luận: XÂY DỰNG WEBSITE TÌM VIỆC IT TRÊN NỀN TẢNG MEAN STACK GV hướng dẫn: ThS NGUYỄN MINH ĐẠO Nhiệm vụ luận văn: Nghiên cứu MEAN stack Nghiên cứu cách viết RESTFUL API cách ứng dụng Sử dụng thư viện Mongoose để tạo Model cho liệu MongoDB Sử dụng Express để làm công việc phía server-side Viết RESTFUL API để thao tác liệu Express MongoDB Dùng Angular để làm front-end theo kiểu Single page application Ráp thành phần lại để xây dựng website tìm kiếm việc làm tảng MEAN stack tìm hiểu Kiểm thử Đề cương viết luận văn : MỤC LỤC Phần 1: Mở đầu 1.1 Tính cấp thiết của đề tài 1.2 Mục đích của đề tài 1.3 Cách tiếp cận phương pháp nghiên cứu 1.4 Kết dự kiến đạt Phần 2: Nội dung Chương 1: Cơ sở lý thuyết 1.1 Tổng quan Technical Stack 1.2 Tổng quan Mean Stack 1.3 Nodejs 1.4 Expressjs 1.5 Mongodb 1.6 Angular 1.7 Search Engine 1.8 AWS S3 Chương 2: Phân tích mơ hình hóa u cầu Chương 3: Thiết kế ứng dụng Chương 4: Cài đặt kiểm thử ứng dụng Phần 3: Kết luận Tài liệu tham khảo KẾ HOẠCH THỰC HIỆN STT trang web 24/06/2019 – 30/06/2019 Hoàn tất web TP HCM, ngày 15 tháng năm 2019 Ý kiến của giáo viên hướng dẫn (Ký ghi rõ họ tên) Người viết đề cương CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 4.2 KIỂM THỬ ỨNG DỤNG ID Test Cas Descripti SignUp_F Đăng ký tà UNC_001 khoản ứng viên SignUp_F Kiểm tra b UNC_002 trống nhữn trường đán dấu SignUp_F Kiểm tra n UNC_003 email c sẵn h thống SignIn_F Đăng nhập UNC_004 tài khoản ứng viên SignIn_F Đăng nhập UNC_005 tài khoản nhà tuyển dụng SignIn_F Đăng nhập 92 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG UNC_006 tài khoản adm SearchCo Tìm kiếm mpany_F cơng ty UNC_007 hệ th SearchCo Tìm kiếm mpany_F cơng ty ch UNC_008 có hệ thống SearchArt Tìm kiếm icle_FUN viết theo c C_009 từ khóa DetailCo Chuyển mpany_01 hướng hình sang trang thêm review DetailCo Chuyển ta mpany_F Overview UNC_011 Review CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG DetailArti Chuyển cle_FUN hướng C_012 hình sang trang DetailArtic CreateRev Đánh giá c iewComp ty any_FUN C_013 ListArticl Xem danh e_FUNC_ sách ứng v 014 apply ListArticl Chỉnh sửa e_FUNC_ viết 015 ListArticl Xóa vi e_FUNC_ 016 ListArticl Search e_FUNC_ viết 94 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 017 danh sách Dashboar Chuyển dRecruiter hướng đến _FUNC_0 trang chỉnh 18 sửa thông nhà tuyển dụng CreateArti Thêm v cle_FUN tuyển dụng C_019 UpdateCV Cập nhật _FUNC_0 thông tin c 20 trường của CV UpdateCV Nhập vào _FUNC_0 thông tin t 21 trường của CV ProfileCa Chỉnh sửa ndidate_F thông tin b UNC_022 dialog 95 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG ProfileCa Hiện b ndidate_F viết tuyển UNC_023 dụng ngườ dùng ap EditProfil Nhập eCandidat thông tin c e_FUNC_ nhân của ứ 024 viên DialogAp Nội dung c pliers_FU dialog xem NC_025 người appl DialogAp Xem thông pliers_FU của người NC_026 apply tin tuyển dụng 96 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG ManageC Deactive ứ andidate_ viên FUNC_02 ManageC Activate lạ andidate_ ứng viên FUNC_02 ManageC Search ứng andidate_ viên nhanh FUNC_02 Activate/D tivate ManageR Deactive n ecruiter_F tuyển dụng UNC_030 97 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG tuyển dụng Chọn nhà tuyển dụng bất kỳ nhấn vào nút Activate để chuyển thành Deactivate ManageR Activate lại ecruiter_F nhà tuyển UNC_031 dụng ManageR Search ứng ecruiter_F viên nhanh đ UNC_032 Activate/Dea tivate AdminDa Hiện xu shboard_F hướng kỹ UNC_033 của lập trình viên AdminCh Hiện xu art_FUNC hướng _034 việc làm 98 PHẦN KẾT LUẬN Phần 3: KẾT LUẬN 1.Kết đạt được:  Kỹ làm việc nhóm tốt, kỹ giao tiếp team, phân công công việc làm dự án ngắn ngày kỹ quản lý dự án theo mơ hình Agile Scrum  Kỹ search tài liệu, kỹ tìm kiếm giải pháp mạng cho khúc mắc trình xây dựng đồ án  Học nhiều kỹ việc xây dựng ứng dụng web, sử dụng thành thạo thành phần của MEAN stack là: Biết cách áp dụng sở liệu không quan hệ (noSQL) để xây dựng database cho hệ thống, xây dựng 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ạng Single Page Application Angular  Có nhìn tổng quan nhất việc xây dựng ứng dụng web ở vị trí lập trình viên full-stack  Web chạy ổn định, giao diện đẹp, tiện dụng Web có tốc độ load nhanh liệu xử lý ở phía Client Đáp ứng nhu cầu của tìm việc cho ứng viên lẫn nhà tuyển dụng 2.Ưu điểm:  Web có giao diện thân thiện người dùng, tơng màu nhìn lâu khơng gây mỏi hay nhức mắt Xu hướng thiết kế theo kiểu Material Design phù hợp với xu hướng thiết kế web đại  Dễ dàng giúp nhà tuyển dụng đăng tuyển dụng, xem số lượng CV nộp vào có thể xem chi tiết CV của ứng viên theo đăng  Giúp ứng viên tạo CV cách đơn giản, tốn thời gian suy nghĩ cách trình bày dễ dàng gửi yêu cầu xin việc tới nhà tuyển dụng mà thông qua việc viết mail  Tính tạo CV phù hợp với người lần đầu tìm việc mà khơng biết viết CV  Web server sử dụng chế RESTful nên rất thích hợp để phát triển theo hướng "Mobile based on server" sau 3.Khuyết điểm: 99 PHẦN KẾT LUẬN  Dữ liệu người dùng chưa lớn  Sử dụng MongoDB Atlas miễn phí nên cịn hạn chế nhiều tính 4.Hướng phát triển tiếp theo:  Tích hợp Google Analytics hoặc Heaps Analytics vào thay cho việc viết tính report đơn database để tổng hợp liệu người dùng Từ đó đưa chiến lược phát triển phù hợp với thị trường  Tiếp tục phát triển Search Engine để thực truy vấn phức tạp  Tìm đội ngũ sale ban điều hành để có thể xây dựng startup 100 TÀI LIỆU THAM KHẢO TÀI LIỆU THAM KHẢO Link github project https://github.com/vietdqhcmute/DATN.git Khái niệm thành phần Technical Stack [1] Phạm Huy Hoàng - blog toidicodedao - https://toidicodedao.com/2017/05/23/giai-thich-technical-stack-la-gi/ [2] Dave Nevogt - https://blog.hubstaff.com/technology-stack/ Tổng quan MEAN Stack [3] https://www.quora.com/What-is-mean-stack [4] Simmon Holmes, Getting MEAN with Mongo, Express, Angular, and Node Căn bên NodeJS [5] Flavio Copes - https://medium.freecodecamp.org/the-definitive-node-js-handbook- 6912378afc6e Simmon Holmes, Getting MEAN with Mongo, Express, Angular, and Node [6] Priyesh Patel - https://medium.freecodecamp.org/what-exactly-is-node-js- ae36e97449f5 https://sotatek.com/blog/nodejs-hieu-asynchronous-event-driventnonblocking-io/ [7] https://codeburst.io/how-node-js-single-thread-mechanism-work-understandingevent-loop-in-nodejs-230f7440b0ea Tìm hiểu Event Driven: [8] Danstan Onyango, Event-Driven Programming with NodeJS Net and Events, https://blog.cloudboost.io/event-driven-programming-with-nodejs-net-andevents-9e4e14f561f3 Tìm hiểu NPM, phải dùng NPM [9] https://o7planning.org/vi/11925/npm-la-gi [10] Phạm Huy Hoàng, blog Tôi code dạo, https://toidicodedao.com/2017/05/30/package-manager-la-gi/ [11] https://en.wikipedia.org/wiki/Package_manager Tìm hiểu cách sử dụng ExpressJS [12] Ethan Brown, Web Development with Node&Express O’Reilly, chương 1, trang Restful API cách sử dụng resfult API 101 TÀI LIỆU THAM KHẢO [13] Chris Sevilleja, Build a RESTful API Using Node and Express 4, https://scotch.io/tutorials/build-a-restful-api-using-node-and-express-4 [14] https://apiko.com/blog/express-js-api-and-rest-api-organization-tips- examples-and-techniques/ [15] Ethan Brown, Web Development with Node & Express O’Reilly, Chương 15, trang 169 Tìm hiểu NoSQL [16] Phạm Huy Hồng, blog Tơi code dạo, đăng NOSQL CĨ GÌ HAY HO – TỔNG QUAN VỀ NOSQL – PHẦN 1, https://toidicodedao.com/2015/09/24/nosqlco-gi-hay-ho-tong-quan-ve-nosql-phan-1/ [17] Tran Quoc Dat, Giới thiệu NoSQL database, https://viblo.asia/p/gioi-thieu- ve-nosql-database-djeZ1a9jZWz Tìm hiểu MongoDB [19] Audrey, đăng TÌM HIỂU VỀ MONGODB, https://viblo.asia/p/tim-hieu-vemongodb-4P856ajGlY3 [20] Vũ Thanh Tài, đăng MongoDB gì, https://toidicode.com/mongodb- la-gi282.html Tìm hiểu Mongoose [21] Nick Karnik, Introduction to Mongoose for MongoDB, https://medium.freecodecamp.org/introduction-to-mongoose-for-mongodbd2a7aa593c57 Server-side rendering Client-side rendering: [22] Phạm Huy Hồng, blog Tơi code dạo, đăng Sự khác biệt server-side rendering client-side rendering, https://toidicodedao.com/2018/09/11/su-khac-bietgiua-server-side-rendering-va-client-side-rendering/ Tổng quan Angular [23] Jeremy Wilken, Angular in action, Chương 1, trang Ngôn ngữ lập trình TypeScript ES6 [24]Bui Thi Huyen, Tìm hiểu TypeScript kiến thức bản, https://viblo.asia/p/tim-hieu-typescript-va-kien-thuc-co-ban-PmeRQpnyGoB [25] The Half-heart, TypeScript gì? TypeScript Javascript, https://freetuts.net/typescript-la-gi-typescript-va-javascript-744.html 102 ... đề tài luận án chọn ? ?Xây dựng website tìm việc IT nền tảng Mean Stack? ?? 1.2 MỤC ĐÍCH CỦA ĐỀ TÀI Tìm hiểu MEAN Stack, ứng dụng MEAN stack vào để xây dựng website hoàn chỉnh theo chuẩn Single... VIỆT MSSV : 15110363 NGUYỄN THẾ VINH MSSV : 15110369 Đề tài : XÂY DỰNG WEBSITE TÌM VIỆC IT TRÊN NỀN TẢNG MEAN STACK KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN MINH ĐẠO... Công nghệ phần mềm Tên tiểu luận: XÂY DỰNG WEBSITE TÌM VIỆC IT TRÊN NỀN TẢNG MEAN STACK GV hướng dẫn: ThS NGUYỄN MINH ĐẠO Nhiệm vụ luận văn: Nghiên cứu MEAN stack Nghiên cứu cách viết RESTFUL