(Đồ án hcmute) 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 SKL 0 7 Tp Hồ Chí Minh, 2019 an 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 an 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 an Đ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 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 hướng dẫn: ThS NGUYỄN MINH ĐẠO NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không ? Đánh giá loại: Điểm: 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) an Đ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 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 Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không ? Đánh giá loại : ……………………………………………………………………… Đ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) an 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 hoà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 cô 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 chuyên 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 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 an 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 an 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 Thời gian 18/03/2019 – 31/03/2019 Công việc Xác định chức của ứng dụng phác thảo ý tưởng Tham khảo số ứng dụng đề tài có 01/04/2019 – 14/04/2019 Tìm hiểu MongoDB, sử dụng mongoose để đơn giản hóa truy vấn Thiết kế sở liệu 15/04/2019 – 28/04/2019 Xây dựng server Express để Client gọi REST API Xây dựng front end Angular phần trang web cho admin 29/04/2019 – 19/05/2019 Xây dựng front-end Angular phần trang web cho nhà tuyển dụng Tích hợp Elasticsearch vào project 20/05/2019 – 02/06/2019 Xây dựng front end Angular phần trang web cho Ứng viên Thay đổi cách lưu file tĩnh (hình ảnh) từ server lên AWS S3 03/06/2019 – 09/06/2019 Tổng hợp, viết báo cáo 10/06/2019 – 23/06/2019 Trao đổi với GVHD báo cáo an Ghi 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 Người viết đề cương (Ký ghi rõ họ tên) an 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 VÀ PHƯƠNG PHÁP NGHIÊN CỨU - ĐỐI TƯỢNG NGHIÊN CỨU PHẠM VI NGHIÊN CỨU 1.4 KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC Phần 2: NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 TỔNG QUAN VỀ TECHNICAL STACK 1.1.1 KHÁI NIỆM 1.1.2 CÁC THÀNH PHẦN CƠ BẢN CỦA TECHNICAL STACK 1.1.3 TẠI SAO TECHNICAL STACK LẠI QUAN TRỌNG 1.1.4 CÁCH ĐỂ CHỌN ĐÚNG TECHNICAL STACK 1.2 TỔNG QUAN VỀ HỆ THỐNG 1.2.1 KHÁI QUÁT VỀ MEAN STACK: 1.2.2 CÁC THÀNH PHẦN CỦA MEAN STACK: 1.3 NODEJS 1.3.1 KHÁI QUÁT VỀ NODEJS 1.3.2 ĐẶC ĐIỂM GIÚP NODEJS TRỞ NÊN MẠNH MẼ VÀ NỔI BẬT TRÊN THỊ TRƯỜNG GẦN ĐÂY? 1.3.3 NPM (NODEJS PACKAGE MANAGER): 10 1.3.3.1 Package manager gì? 10 1.3.3.2 Tại lại sử dụng npm? .11 1.3.4 NHƯỢC ĐIỂM CỦA NODEJS 12 1.4 EXPRESSJS .12 1.4.1 KHÁI QUÁT VỀ EXPRESSJS 12 1.4.2 ĐẶC ĐIỂM CỦA EXPRESSJS 12 1.4.3 RESTFUL API 13 1.4.4 TẠI SAO LẠI SỬ DỤNG EXPRESS TRONG VIỆC QUẢN LÝ REST API .14 1.5 MONGODB .15 1.5.1 KHÁI QUÁT VỀ NOSQL 15 1.5.2 KHÁI QUÁT VỀ MONGODB 15 1.5.3 MONGOOSE 16 1.6 ANGULAR 17 1.6.1 GIỚI THIỆU VỀ ANGULAR 17 1.6.2 TẠI SAO PHẢI SỬ DỤNG ANGULAR TRONG VIỆC PHÁT TRIỂN FRONT-END CỦA WEB APPLICATION 18 1.6.3 NGÔN NGỮ LẬP TRÌNH TYPESCRIPT 19 1.7 SEARCH ENGINE 19 1.8 AWS S3 .21 CHƯƠNG 2: PHÂN TÍCH VÀ MƠ HÌNH HÓA U CẦU 22 an CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 4.1 CÀI ĐẶT ỨNG DỤNG Yêu cầu tiên quyết:  Máy phải có cài đặt npm  Máy có cài đặt NodeJS  Máy phải cài đặt Angular (Phiên từ Angular trở lên)  Máy phải cài đặt trước Angular CLI Các bước cài đặt: Ở hướng dẫn này, nhóm sử dụng IDE Microsoft Visual Studio Code: Bước 1: Clone hoặc download project từ link github: https://github.com/vietdqhcmute/DATN.git Bước 2: Một thư mục có tên “DATN” xuất sau 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 “DATN” Bước 3: Sau vào thư mục “DATN” (như hình), click chuột phải chọn “Open with Code” Một số máy khơng mở theo kiểu mở nhanh mở thẳng Microsoft Visual Studio Code tìm đến thư mục “DATN” Hình 77: Thư mục DATN 89 an CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG Bước 4: Sau mở project Microsoft Visual Studio Code, chọn “Terminal” taskbar, chọn tiếp “New Terminal” (Hoặc đơn giản bấm tổ hợp phím Ctrl + Shift +`) Hình 78: Giao diện Visual Studio Code Bước 5: Sau cửa sổ Command Line tích hợp ra, chạy lệnh “npm install” để cập nhật thư viện, package thiếu máy mà Project cần Hình 79: Màn hình Intergrate Command Line 90 an CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG Bước 6: Sau lệnh npm install kết thúc, mở thêm cửa sổ Command Line cách nhấn vào nút “Split Terminal” taskbar của cửa sổ Command Line Bước 7: Sau có cửa sổ terminal, gõ lệnh “ng serve o” vào hai terminal, terminal lại gõ lệnh “ cd server” “node server” Nhấn enter ở terminal để chạy lệnh Hình 80: Màn hình CLI chạy ứng dụng Angular Hình 81: Màn hình CLI chạy Express Bước 8: Cả Terminal hình trình duyệt web tự động chạy trang web lên Hoặc có thể chạy tay cách mở trình duyệt web nhập url: http://localhost:4200 Hình 82: Kết chạy thành công Angular Express Giao diện trang chủ khởi chạy đầu tiên: http://localhost:4200 91 an CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 4.2 KIỂM THỬ ỨNG DỤNG Bảng 72: Kiểm thử ứng dụng ID Test Case Test steps Description Expected Output SignUp_F Đăng ký tài Nhập thông tin yêu Đăng ký thành công UNC_001 khoản ứng cầu hình: tên, số chuyển sang viên điện thoại, email, password hình login Result Pass Nhấn nút Sign up SignUp_F Kiểm tra bỏ Nhập thông tin yêu Yêu cầu nhập lại UNC_002 trống cầu thông tin đầy đủ để trường đánh Bỏ trống đăng ký dấu trường đánh dấu nhấn Pass Sign up SignUp_F Kiểm tra nhập Nhập thông tin yêu Hệ thống không cho UNC_003 email có cầu nhập email có tạo tài khoản yêu sẵn hệ sẵn hệ thống cầu phải nhập lại thống Nhấn nút Sign up SignIn_F Đăng nhập Nhập email password Đăng nhập thành UNC_004 tài của tài khoản ứng viên công hệ thống khoản ứng Nhấn nút Sign In chuyển sang trang viên Pass Pass Profile Đăng nhập thất bại reload trang yêu cầu nhập lại SignIn_F Đăng nhập Nhập email password Đăng nhập thành UNC_005 tài của tài khoản nhà tuyển dụng công hệ thống khoản nhà Nhấn nút Sign In chuyển sang trang tuyển dụng Pass quản lý của nhà tuyển dụng Đăng nhập thất bại reload trang yêu cầu nhập lại SignIn_F Đăng nhập Nhập email password Đăng nhập thành Pass 92 an CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG UNC_006 tài của tài khoản admin công hệ thống khoản admin Nhấn nút Sign In chuyển sang trang quản lý của admin Đăng nhập thất bại reload trang yêu cầu nhập lại SearchCo Tìm kiếm Truy cập vào trang Xuất tên công mpany_F công ty có Companies ty ở phần tìm UNC_007 hệ thống Nhập tên cơng ty tồn kiếm Pass vào input Nhấn nút Search SearchCo Tìm kiếm Truy cập vào trang Khơng tìm thấy cơng Pass mpany_F cơng ty chưa Companies ty nhập UNC_008 có hệ Nhập tên công ty chưa có thống hệ thống Nhấn nút Search SearchArt Tìm kiếm Truy cập vào trang All job Chuyển hướng sang icle_FUN viết theo Nhập thơng tin viết trang tìm kiếm từ khóa cần tìm kiếm như: java, asp, đưa thơng tin tin nodejs,… tìm kiếm Nhấn nút Search hệ thống Truy cập trang viết bất Hệ thống chuyển kỳ: hướng đến trang hình sang http://localhost:4200/job- thêm review trang thêm description/slack@gmail.co review m/5cf33644ffd5982430b4ae C_009 DetailCo Chuyển mpany_01 hướng Pass Pass b4 Nhấn vào nút Add review DetailCo Chuyển tab Truy cập trang viết bất Màn hình chuyển mpany_F Overview kỳ: qua lại tab, UNC_011 Review http://localhost:4200/job- có thể xem nội dung Pass description/slack@gmail.co m/5cf33644ffd5982430b4ae b4 93 an CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG Nhấn vào nút Overview Review DetailArti Chuyển Truy cập trang viết bất Chuyển hướng đến cle_FUN hướng kỳ: hình xem thơng hình sang http://localhost:4200/job- tin chi tiết viết trang description/slack@gmail.co DetailArticle m/5cf33644ffd5982430b4ae C_012 Pass b4 Nhấn vào hyperlink tên công việc ở phần Jobs CreateRev Đánh giá công Truy cập trang review iewComp ty any_FUN công ty bất kỳ: Hệ thống lưu Pass review thành công http://localhost:4200/review/ C_013 slack@gmail.com Nhập thông tin trường của review Nhấn nút Review ListArticl Xem danh Đăng nhập thành công Xem danh sách Pass e_FUNC_ sách ứng viên tài khoản nhà tuyển ứng viên apply dụng appliers 014 Nhấn vào nút Apliers viết đăng ListArticl Chỉnh sửa Đăng nhập thành công Chuyển hướng sang e_FUNC_ viết tài khoản nhà tuyển hình chỉnh sửa dụng viết 015 Pass Nhấn vào nút Edit viết đăng ListArticl Xóa viết e_FUNC_ Đăng nhập thành công Xóa viết khỏi tài khoản nhà tuyển danh sách Pass dụng 016 Nhấn vào nút Delete viết đăng ListArticl Search Đăng nhập thành công Danh sách viết e_FUNC_ viết tài khoản nhà tuyển tiêu đề Pass 94 an CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 017 danh sách dụng viết liên quan hết Nhập vào từ khóa của tìm kiếm viết cần tìm kiếm Dashboar Chuyển Đăng nhập thành công Chuyển đến tài khoản nhà tuyển hình chỉnh sửa thơng trang chỉnh dụng tin nhà tuyển dụng sửa thông tin Nhấn vào nút Edit Profile dRecruiter hướng đến _FUNC_0 18 Pass nhà tuyển dụng CreateArti Thêm viết cle_FUN tuyển dụng C_019 Đăng nhập thành công Tạo viết thành tài khoản nhà tuyển cơng chuyển đến dụng hình xem danh Nhấn vào nút Edit Profile sách viết Pass Nhập thông tin của viết hình Nhấn nút Create post UpdateCV Cập nhật _FUNC_0 20 Đăng nhập thành công Lưu thông tin CV thông tin tài khoản ứng viên cập nhật trường của Nhấn vào nút Update CV CV chuyển hướng đến hình Pass cập nhật CV Nhập thông tin trường cần thiết của CV Nhấn nút Save sau hoàn tất UpdateCV Nhập vào _FUNC_0 21 Màn hình cập nhật thơng Ở hình preview thơng tin tin CV CV xuất trường của Nhập thông tin vào trường nhập CV trường của CV vào Pass Bấm thêm nội dung của CV: experience, project ProfileCa Chỉnh sửa Đăng nhập thành công với X́t dialog ndidate_F thơng tin vai trị ứng viên chứa thông tin, UNC_022 dialog Nhấn vào nút Edit profile hình ảnh của ứng Pass 95 an CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG viên ProfileCa Hiện Đăng nhập thành công với Xuất ndidate_F viết tuyển vai trò ứng viên viêt tuyển dụng UNC_023 dụng người Truy cập vào hình Apply của ứng viên dùng apply Profile EditProfil Nhập Đăng nhập thành công với Lưu thông tin người eCandidat thông tin cá vai trị ứng viên dùng thành cơng e_FUNC_ nhân của ứng Ở trang Profile nhấn vào Hiện trang viên nút Edit profile xuất Profile đăng dialog nhập vào thông tin Nhập vào trường xuất ứng viên 024 Pass Pass hình: Full name, Display name, Phone,… Bấm Update profile DialogAp Nội dung của Đăng nhập thành công với Hiện danh sách Pass pliers_FU dialog xem vai trò nhà tuyển dụng ứng viên NC_025 người apply Xuất danh sách apply viết viết của nhà tuyển dụng Có thể xem Preview đăng CV Nhấn vào nút Appliers để xem danh sách ứng viên muốn ứng tuyển Nhấn nút close đóng dialog DialogAp Xem thông tin Đăng nhập thành cơng với Chuyển hướng đến pliers_FU của người vai trị nhà tuyển dụng hình xem CV NC_026 apply tin Xuất danh sách cá nhân của ứng tuyển dụng viết của nhà tuyển dụng viên đăng Nhà tuyển dụng có Nhấn vào nút Appliers để thể xem tất thông xem danh sách ứng viên tin trường muốn ứng tuyển CV của ứng viên Pass Nhấn nút preview 96 an CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG dịng ứng với ứng viên để xem thơng tin CV của họ ManageC Deactive ứng Đăng nhập vào hệ thống Người dùng bị andidate_ viên thành công với vai trị admin đình chỉ hoạt động Nhấn vào nút User đăng Manager xuất hình nhập vào hệ thống FUNC_02 Pass xem danh sách tất ứng viên Chọn ứng viên bất kỳ nhấn vào nút Activate để chuyển thành Deactivate ManageC Activate lại Đăng nhập vào hệ thống Người dùng có thể andidate_ ứng viên thành công với vai trò admin hoạt động đăng Nhấn vào nút User nhập vào hệ thống FUNC_02 Pass Manager xuất hình xem danh sách tất ứng viên Chọn ứng viên bất kỳ nhấn vào nút Deactivate để chuyển thành Activate ManageC Search ứng Đăng nhập vào hệ thống Chỉ xuất andidate_ viên nhanh để thành cơng với vai trị admin ứng viên muốn tìm FUNC_02 Activate/Deac Nhấn vào nút User kiếm ở danh sách tivate Manager xuất hình tìm kiếm Pass xem danh sách tất ứng viên Nhập thơng tin ứng viên muốn tìm vào khu vực tìm kiếm ManageR Deactive nhà Đăng nhập vào hệ thống Nhà tuyển dụng ecruiter_F tuyển dụng thành cơng với vai trị admin bị đình chỉ hoạt Nhấn vào nút Recruiter động Manager xuất hình đăng nhập vào hệ xem danh sách tất nhà thống UNC_030 Pass 97 an 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 Đăng nhập vào hệ thống Nhà tuyển dụng có ecruiter_F nhà tuyển thành cơng với vai trị admin thể hoạt động UNC_031 dụng Nhấn vào nút Recruiter đăng nhập vào hệ Manager xuất hình thống Pass xem danh sách tất nhà tuyển dụng Chọn nhà tuyển dụng bất kỳ nhấn vào nút Deactivate để chuyển thành Activate ManageR Search ứng Đăng nhập vào hệ thống Chỉ xuất ecruiter_F viên nhanh để thành cơng với vai trị admin nhà tuyển dụng UNC_032 Activate/Deac Nhấn vào nút Recruiter muốn tìm kiếm ở tivate Manager xuất hình danh sách tìm xem danh sách tất nhà kiếm Pass tuyển dụng Nhập thơng tin nhà tuyển dụng muốn tìm vào khu vực tìm kiếm AdminDa Hiện xu Đăng nhập vào hệ thống Hiện biểu đồ thông thành công với vai trò admin tin ứng viên có của lập Nhấn vào nút Dashboad thể đáp ứng nhu cầu trình viên xuất hình thống kê cơng nghệ, xu hướng lập trình viên ngơn ngữ lập trình Đăng nhập vào hệ thống Hiện biểu đồ thơng thành cơng với vai trị admin tin cơng việc Nhấn vào nút Dashboad liên quan đến x́t hình thống kê ngơn ngữ shboard_F hướng kỹ UNC_033 AdminCh Hiện xu art_FUNC hướng _034 việc làm Pass Pass xu hướng việc làm 98 an PHẦN KẾT LUẬN Phần 3: KẾT LUẬN 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 Ư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 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 Khuyết điểm: 99 an 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 hạn chế nhiều tính 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 an 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/giaithich-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-handbook6912378afc6e Simmon Holmes, Getting MEAN with Mongo, Express, Angular, and Node [6] Priyesh Patel - https://medium.freecodecamp.org/what-exactly-is-node-jsae36e97449f5 [7] https://sotatek.com/blog/nodejs-hieu-asynchronous-event-drivent-nonblocking-io/ https://codeburst.io/how-node-js-single-thread-mechanism-work-understanding-eventloop-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-and-events9e4e14f561f3 Tìm hiểu NPM, phải dùng NPM [9] https://o7planning.org/vi/11925/npm-la-gi [10] Phạm Huy Hồ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 an 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-examplesand-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/nosql-cogi-hay-ho-tong-quan-ve-nosql-phan-1/ [17] Tran Quoc Dat, Giới thiệu NoSQL database, https://viblo.asia/p/gioi-thieu-venosql-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 an S an K L 0 ... đề 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... 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... ĐỖ 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