Xây dựng website quản lý và phân chia công việc sử dụng vue3 và nestjs

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 KHĨA LUẬN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE QUẢN LÝ VÀ PHÂN CHIA CÔNG VIỆC SỬ DỤNG VUE3 VÀ NESTJS GVHD: TS LÊ VĂN VINH SVTH: NGUYỄN TRƯỜNG THỊNH NGUYỄN QUANG DUY SKL009504 Tp.Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM - - NGUYỄN TRƯỜNG THỊNH – 18110372 NGUYỄN QUANG DUY – 18110261 Đề Tài: XÂY DỰNG WEBSITE QUẢN LÝ VÀ PHÂN CHIA CÔNG VIỆC SỬ DỤNG VUE3 VÀ NESTJS KHÓA LUẬN TỐT NGHIỆP GIẢNG VIÊN HƯỚNG DẪN TS LÊ VĂN VINH KHÓA 2018-2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM - - NGUYỄN TRƯỜNG THỊNH – 18110372 NGUYỄN QUANG DUY – 18110261 Đề Tài: XÂY DỰNG WEBSITE QUẢN LÝ VÀ PHÂN CHIA CÔNG VIỆC SỬ DỤNG VUE3 VÀ NESTJS KHÓA LUẬN TỐT NGHIỆP GIẢNG VIÊN HƯỚNG DẪN TS LÊ VĂN VINH KHÓA 2018-2022 ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊNHƯỚNG DẪN Họ tên Sinh viên 1: Nguyễn Trường Thịnh MSSV 1: 18110372 Họ tên Sinh viên 2: Nguyễn Quang Duy MSSV 2: 18110261 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website quản lý phân chia công việc sử dụng Vue3 NestJs Họ tên Giáo viên hướng dẫn: TS Lê Văn Vinh 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 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) năm 2022 ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊNPHẢN BIỆN Họ tên Sinh viên 1: Nguyễn Trường Thịnh MSSV 1: 18110372 Họ tên Sinh viên 2: Nguyễn Quang Duy MSSV 2: 18110261 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website quản lý phân chia công việc sử dụng Vue3 NestJs Họ tên Giáo viên phản biện: ThS Nguyễn Hữu Trung 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 2022 Giáo viên phản biện (Ký & ghi rõ họ tên) LỜI CẢM ƠN Lời nhóm xin phép gửi lời cảm ơn chân thành sâu sắc đến với Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện cho nhóm chúng em học tập, phát triển tảng kiến thức sâu sắc thực đề tài Bên cạnh nhóm chúng em xin gửi đến thầy Lê Văn Vinh lời cảm ơn sâu sắc Trải qua trình dài học tập thực đề tài thời gian qua Thầy tận tâm bảo nhiệt tình nhóm chúng em suốt trình từ lúc bắt đầu kết thúc đề tài Nhờ có tảng kiến thức chuyên ngành vững cộng thêm với kinh nghiệm u cầu thực tế ngồi xã hội thơng qua việc học trường thực tập công ty Tập thể thầy cô Khoa Công Nghệ Thông Tin đặc biệt thầy Lê Văn Vinh tặng cho chúng em khối lượng kiến thức kinh nghiệm khổng lồ chuyên ngành công việc tương lai Đặc biệt điều giúp thúc chúng em hoàn thành đề tài Đây hành trang vô lớn chúng em trước bước sống Tuy nhiên lượng kiến thức vô tận với khả hạn hẹp chúng em cố gắng để hoàn thành cách tốt Chính việc xảy thiếu sót điều khó tránh khỏi Chúng em hi vọng nhận góp ý tận tình q thầy (cơ) qua chúng em rút học kinh nghiệm hoàn thiện cải thiện nâng cấp lại sản phẩm cách tốt Chúng em xin chân thành cảm ơn! Nhóm thực Nguyễn Trường Thịnh - 18110372 Nguyễn Quang Duy – 18110261 Trường ĐH Sư Phạm Kỹ Thuật TP.HCM Khoa Công nghệ Thông tin ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ tên Sinh viên 1: Nguyễn Trường Thịnh MSSV 1: 18110372 Họ tên Sinh viên 2: Nguyễn Quang Duy MSSV 2: 18110261 Chun ngành: Cơng nghệ phần mềm Tên khóa luận: Xây dựng website quản lý phân chia công việc sử dụng Vue3 NestJs Thời gian làm khóa luận: Từ 23/03/2022 đến 10/07/2022 (15 tuần) Họ tên Giáo viên hướng dẫn: TS Lê Văn Vinh Nhiệm vụ khóa luận: Lý thuyết: Các công nghệ Restful APIs, NestJS, Vue3, Postgresql Thực hành: ● Sử dụng NestJS, Restful APIs để viết module, APIs hệ thống ● Sử dụng Postgresql để lưu trữ liệu hệ thống ● Vue3 để thiết kế giao diện xử lý tác vụ người dùng hệ thống ● Sử dụng Json Web Token để xác thực người dùng hệ thống ● Tích hợp kết nối đồng với lịch người dùng Google Calendar Đề cương viết khóa luận: PHẦN MỞ ĐẦU TÍNH CẤP THIẾT CỦA ĐỀ TÀI ĐỐI TƯỢNG NGHIÊN CỨU PHẠM VI NGHIÊN CỨU MỤC TIÊU CỦA ĐỀ TÀI KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT NESTJS RESTFUL APIs VUEJS TYPESCRIPT POSTGRESQL CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HĨA U CẦU KHẢO SÁT HIỆN TRẠNG XÁC ĐỊNH YÊU CẦU MƠ HÌNH HỐ U CẦU CHƯƠNG 3: THIẾT KẾ PHẦN MỀM LƯỢC ĐỒ LỚP CHI TIẾT BẢNG DỮ LIỆU LƯỢC ĐỒ TUẦN TỰ THIẾT KẾ GIAO DIỆN CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ CÀI ĐẶT ỨNG DỤNG KIỂM THỬ ỨNG DỤNG PHẦN KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC ƯU ĐIỂM NHƯỢC ĐIỂM HƯỚNG PHÁT TRIỂN TÀI LIỆU THAM KHẢO KẾ HOẠCH THỰC HIỆN Tuần +2 Ngày 23/3 – 6/4 Nhiệm vụ(Công việc dự kiến) Sản phẩm - Khảo sát trạng - Thiết kế usecase mô hình hóa u cầu - Thiết kế sở liệu +4+5 7/4 – 29/4 - Tìm hiểu VueJS cho Website - Tìm hiểu NestJS để phát triển API +7+8 30/4 – 20/5 - Tìm hiểu cách xây dựng Restful API - Tìm hiểu Postgresql để áp dụng lưu trữ liệu hệ thống + 10 21/5 – 4/6 - Tiến hành phát triển API cho hệ thống dựa kiến thức tìm hiểu 11+12 5/6 – 18/6 - Kết hợp phần xây dựng lại với (UI, API, Database) 13 19/6 – 25/6 - Tìm hiểu sửa đổi hoàn thiện hệ thống 14 26/6 – 2/7 - Kiểm thử chương trình tiến hành sửa lỗi (nếu có) - Chỉnh sửa tổng hợp báo cáo 15 3/7 – 10/7 Giáo viên hướng dẫn - Hoàn tất hệ thống Tp Hồ Chí Minh, ngày (Ký ghi rõ họ tên) tháng Người viết đề cương (Ký ghi rõ họ tên) năm 2022 Ghi MỤC LỤC ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP KẾ HOẠCH THỰC HIỆN MỤC LỤC DANH SÁCH BẢNG BIỂU 12 DANH SÁCH HÌNH 14 PHẦN MỞ ĐẦU 16 TÍNH CẤP THIẾT CỦA ĐỀ TÀI 16 ĐỐI TƯỢNG NGHIÊN CỨU 16 PHẠM VI NGHIÊN CỨU 16 MỤC TIÊU CỦA ĐỀ TÀI 16 KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC 17 Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN 17 PHẦN NỘI DUNG 18 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 18 1.1 NestJS 18 1.1.1 NodeJS gì? 18 1.1.2 Kiến trúc NodeJS 19 1.1.3 Cách thức hoạt động NodeJS 21 1.1.4 NestJS ? 25 1.1.5 Lý sử dụng NestJS: 25 1.2 RESTFUL APIs 26 1.2.1 Các khái niệm 26 1.2.2 Cách thức hoạt động 27 1.3 VueJS 27 1.3.1 Khái niệm 27 1.3.2 Tại nên dùng VueJs ? 28 1.3.3 Ưu, nhược điểm 28 1.4 TypeScript 29 1.4.1 Khái niệm 29 1.4.2 Các kiểu liệu 29 1.4.3 Ưu, nhược điểm 30