Đang tải... (xem toàn văn)
(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án(Đồ án tốt nghiệp) Tìm hiểu công nghệ Mernstack và xây dựng ứng dụng Website quản lý và báo cáo đồ án
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN -🙞🙞🙞🙞🙞 - MAI VĨNH THÀNH - 16110460 HUỲNH THỊ TUYẾT NHI - 16110409 Đề tài: TÌM HIỂU CƠNG NGHỆ MERNSTACK VÀ XÂY DỰNG ỨNG DỤNG WEBSITE QUẢN LÝ VÀ BÁO CÁO ĐỒ ÁN 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 2016 – 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN -🙞🙞🙞🙞🙞 - MAI VĨNH THÀNH - 16110460 HUỲNH THỊ TUYẾT NHI - 16110409 Đề Tài: TÌM HIỂU CÔNG NGHỆ MERNSTACK VÀ XÂY DỰNG ỨNG DỤNG WEBSITE QUẢN LÝ VÀ BÁO CÁO ĐỒ ÁN 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 2016 – 2020 LỜI CẢM ƠN Để hồn thành Khóa luận tốt nghiệp chun ngành Cơng Nghệ Phần Mềm nói chung q trình tìm hiểu cơng nghệ để xây dựng website quản lý báo cáo đồ án, nhóm chúng em xin gửi lời cảm ơn chân thành đến: Ban giám hiệu trường Đại Học Sư Phạm Kỹ Thuật TP.HCM tạo điều kiện sở vật chất tốt, đáp ứng nhu cầu sinh viên, giảng viên với phòng học đẹp, máy chiếu, wifi để phục vụ cho việc học tập tìm kiếm thơng tin sinh viên, giảng dạy giảng viên Quý Thầy Cô Khoa Công Nghệ Thông Tin Trường Đại Học Sư Phạm Kỹ Thuật Tp.HCM tạo điều kiện thuận lợi cho nhóm chúng em thực đề tài khóa luận tốt nghiệp Giảng viên hướng dẫn Thầy Nguyễn Minh Đạo, người giảng dạy, hướng dẫn bảo tận tình, chi tiết, giải đáp thắc mắc kịp thời để chúng em hồn thành đề tài khóa luận tốt nghiêp cách tốt Xin chân thành cảm ơn anh, chị khóa bạn bè ủng hộ, giúp đỡ động viên chúng em thời gian học tập nghiên cứu khóa luận tốt nghiệp Do chưa có nhiều kinh nghiệm nên khơng thể tránh khỏi thiếu sót hạn chế, mong nhận ý kiến đóng góp từ phía thầy, để đề tài hồn thiện TP Hồ Chí Minh, ngày … tháng 08 năm 2020 Nhóm sinh viên thực MAI VĨNH THÀNH HUỲNH THỊ TUYẾT NHI ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN ⎯⎯⎯⎯⎯⎯⎯⎯⎯ ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ tên SV: Mai Vĩnh Thành …………… MSSV: 16110460 Huỳnh Thị Tuyết Nhi ….……………… MSSV: 16110409 Thời gian làm khoá luận: từ: 30/03/2020 đến: 05/08/2020 Chuyên ngành: Công Nghệ Phần Mềm Tên khóa luận: Tìm hiểu cơng nghệ MernStack xây dựng ứng dụng website quản lý vào báo cáo đồ án GV hướng dẫn: ThS Nguyễn Minh Đạo Nhiệm vụ khóa luận: - Tìm hiểu cơng nghệ MernStack - Xây dựng website quản lý vào báo cáo đồ án Đề cương viết luận văn: Phần 1: MỞ ĐẦU Tính cấp thiết đề tài Mục đích đề tài Đối tượng phạm vị nghiên cứu Phương pháp nghiên cứu Phần 2: NỘI DUNG CHƯƠNG 1: CỞ SỞ LÝ THUYẾT 1.1 Giới thiệu tổng quan MernStack: 1.2 Giới thiệu ReactJs: 1.3 Giới thiệu NodeJs: 1.4 Giới thiệu Express: 1.5 Giới thiệu MongoDb: 1.6 Kết Luận: CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 2.1 Khảo sát trạng: 2.2 Xác định yêu cầu: 2.2.1 Yêu cầu chức năng: 2.2.2 Yêu cầu phi chức năng: CHƯƠNG 3: THIẾT KẾ WEBSITE 3.1 Lược đồ Use Case: 3.2 Mô tả Use Case: CHƯƠNG 4: THIẾT KẾ WEBSITE 4.1 Đặc tả Website: 4.2 Thiết kế sở liệu: 4.3 Thiết kế giao diện: CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 5.1 Cài đặt: 5.1.1 Ngơn ngữ lập trình: 5.1.2 Cơng nghệ sử dụng: 5.2 Kiểm thử: Phần 3: KẾT LUẬN DANH MỤC TÀI LIỆU THAM KHẢO KẾ HOẠCH THỰC HIỆN STT Thời gian (Tuần mấy) Công việc làm Tuần 1(Bắt đầu 30/03/2020) Khảo sát trạng , xác định yêu cầu Tuần (06/04/2020) Vẽ use case , đặc tả usecase Tuần 3(13/04/2020) Hoàn thiện đặc tả usecase , thiết kế sở liệu Tuần 4(20/04/2020) Thiết kế giao diện người dùng Thiết kế giao diện lập trình viên, quản lý, giáo Tuần 5(27/04/2020) viên Tuần 6(04/05/2020) Thiết kế giao diện , hoàn thành giao diện Cài đặt server Nodejs , kết nối database , phân Tuần 7(11/05/2020) chia component Hoàn thiện giao diện , kết hợp server Nodejs Tuần 8(18/05/2020) React JS Tuần 9(25/05/2020) Chức lập trình viên 50% Chức lập trình viên 50% , chức quản lí 10 Tuần 10(01/06/2020) 60% Hồn thiện chức quản lý, lập trình viên, 11 Tuần 11(08/06/2020) chức giáo viên 40% Chỉnh lại giao diện lập trình viên, quản lý chức 12 Tuần 12(15/06/2020) giáo viên 80% 13 Tuần 13 (22/06/2020) Hoàn thiện chức giáo viên 14 Tuần 14(29/06/2020) Hoàn thiện chức thống kê , kiểm lỗi 15 Tuần 15(06/07/2020) Viết báo cáo 16 Tuần 16(13/07/2020) Viết báo cáo 17 Tuần 17(20/07/2020) Ngày 20 tháng 07 năm 2020 Người viết đề cương Mai Vĩnh Thành Huỳnh Thị Tuyết Nhi NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… (Ký ghi rõ họ tên) Mục lục LỜI CẢM ƠN ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN PHẦN MỞ ĐẦU 12 1.1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI 1.2 MỤC TIÊU CỦA ĐỀ TÀI 1.3 ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 1.3.1 Đối tượng nghiên cứu 1.3.2 Phạm vi nghiên cứu 1.4 PHƯƠNG PHÁP NGHIÊN CỨU CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 GIỚI THIỆU MERN STACK 3 1.1.1 Khái niệm[1] 1.1.2 Đặc điểm bật Mern Stack 1.2 Giới thiệu React [2] 1.3 Giới thiệu NodeJs[3] 1.3.1 Khái niệm NodeJs 1.3.2 Đặc điểm NodeJs 1.3.3 Khái niệm RESTFUL Api[4] 1.4 Giới thiệu ExpressJs [5] 1.5 Giới thiệu MongoDb[6] 10 1.6 Kết Luận 12 CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 1.7 KHẢO SÁT CÁC WEBSITE LIÊN QUAN: 13 13 1.7.1 Trang web jira 13 1.7.2 Trang web trello 13 1.8 Xác định yêu cầu 13 1.8.1 Yêu cầu chức 13 1.8.2 Yêu cầu phi chức 15 CHƯƠNG 2: MƠ HÌNH HĨA U CẦU 16 1.9 LƯỢC ĐỒ DIAGRAM 1.10 MÔ TẢ YÊU CẦU 16 16 1.10.1 Đăng ký 16 1.10.2 Đăng nhập 18 1.10.3 Quên mật 19 1.10.4 Đổi mật 20 1.10.5 Đăng nhập gmail 21 1.10.6 Tạo dự án 22 1.10.7 Sửa thông tin cá nhân 23 1.10.8 Sửa thông tin dự án 24 1.10.9 Thêm thành viên vào dự án 25 1.10.10 Thêm trạng thái công việc 26 1.10.11 Thêm công việc vào dự án 27 1.10.11 Thêm tiến trình vào dự án 28 1.10.12.Kéo cơng việc vào tiến trình 29 1.10.13 Kéo công việc vào trạng thái 30 1.10.14 Sửa thông tin cơng việc 31 1.10.15 Sửa thơng tin tiến trình 31 1.10.16 Xóa tiến trình 32 1.10.17 Bình luận công việc 33 1.10.18 Sửa mô tả công việc 34 1.10.19 Tạo báo cáo 35 1.10.20 Sửa báo cáo 36 1.10.21.Xóa mục báo cáo 37 1.10.22 Thêm mục báo cáo 38 1.10.23 Xố trạng thái cơng việc 38 1.10.24 Sắp xếp trạng thái công việc 39 1.10.25 Thay đổi quyền dự án 40 1.10.26 Xem tiến độ dự án 41 1.10.27 Bắt đầu tiến trình 41 CHƯƠNG 3: THIẾT KẾ WEBSITE 43 1.11 ĐẶC TẢ WEBSTITE: 43 1.12 THIẾT KẾ CƠ SỞ DỮ LIỆU 44 1.13 THIẾT KẾ GIAO DIỆN 46 1.13.1 Đăng nhập 46 1.13.2 Đăng ký 48 1.13.3 Quên mật 49 1.13.4 Trang chủ Client 50 1.13.5 Trang thông tin người dùng 51 1.13.6 Giao diện hiển thị lịch sử hoạt động người dùng 52 1.13.7 Giao diện hiển thị danh sách dự án 53 1.13.8 Tạo dự án 54 1.13.9 Tìm kiếm dự án 55 1.13.10 Thơng tin chi tiết dự án 55 1.13.11 Giao diện tạo tiến trình 57 1.13.12 Giao diện tạo công việc 58 1.13.13 Màn hình chỉnh sửa tiến trình cơng việc 59 1.13.14 Màn hình chỉnh sửa cơng việc 60 1.13.15 Xem thơng tin công việc 61 1.13.16 Mô tả thông tin phân chia cơng việc 62 1.13.17 Giao diện hình chỉnh sửa mơ tả, để lại bình luận cơng việc, lọc cơng việc theo tiến trình, tiến độ, phân chia công việc 63 1.13.18 Giao diện chỉnh sửa dự án 64 1.13.19 Giao diện cho phép thêm tiến độ công việc vào dự án, cho phép kéo thả tiến độ 66 1.13.20 Giao diện thêm thành viên vào dự án 67 1.13.21 Hiển thị thống kê tiến độ hoàn thành dự án 68 1.13.22 Giao diện chỉnh sửa hình báo cáo 69 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 1.14 CÀI ĐẶT 70 70 1.14.1 Ngôn ngữ lập trình 70 1.14.2 Cơng nghệ sử dụng 70 1.14.3 Hướng dẫn cài đặt 70 1.14.4 Cấu trúc thư mục Nodejs 70 Div Label tên người phân chia công việc Div Hiển thị tên người phân chia công việc Div Label tên người nhận công việc phân chia Select box Hiển thị danh sách thành viên dự án, chọn thành viên để nhận công việc 10 Hiển thị danh sách tiền độ tiến trình Select cần lọc 11 1.13.18 Tên cơng việc sau trình lọc Div Giao diện chỉnh sửa dự án Ảnh 21 : Giao diện chỉnh sửa dự án Mơ tả : Màn hình chỉnh sửa dự án Danh sách đối tượng: Bảng 4.18 Danh sách đối tượng giao diện chỉnh sửa dự án STT Loại đối tượng Mô tả 64 Tab Tab hiển thị chỉnh sửa dự án Label Hiển thị tên dự án Input Nơi nhập tên dự án cần chỉnh sửa Label Hiển thị mô tả dự án Input Nơi nhập mô tả dự án cần chỉnh sửa Label Hiển thị ngày tạo dự án Input Nơi hiển thị ngày tạo dự án Date picker Nơi chọn ngày tạo dự án Label Hiển thị hình ảnh dự án 10 File Cho phép chọn file từ máy tính để cập nhập hình ảnh cho dự án 11 Button Tiến hành xác nhận thành công chỉnh sửa 12 Button Hủy việc chỉnh sửa dự án 65 1.13.19 Giao diện cho phép thêm tiến độ công việc vào dự án, cho phép kéo thả tiến độ Ảnh 22 : Giao diện thêm công việc kéo thả Mơ tả : Màn hình cho phép người dùng thêm tiến độ công việc kéo thả Danh sách đối tượng: Bảng 4.19 Danh sách đối tượng giao diện thêm tiến độ công việc Loại đối tượng Mô tả Tab Tab thêm tiến độ Div Tên tiến độ Div Tên tiến độ Button Thêm tiến độ STT 66 1.13.20 Giao diện thêm thành viên vào dự án Ảnh 23: Giao diện thêm thành viên vào dự án Mơ tả : Màn hình thêm thành viên vào dự án Danh sách đối tượng: Bảng 4.20 Danh sách đối tượng giao diện thêm thành viên vào dự án Loại đối tượng Mô tả Tab Tab thêm thành viên vào dự án Input Nơi nhập email thành viên muốn thêm Select box Hiển thị danh sách thành viên theo đầu STT vào nhập Table Hiển thị danh sách thành viên dự án Select Hiển thị danh sách quyền thành viên dự án 67 1.13.21 Hiển thị thống kê tiến độ hoàn thành dự án Ảnh 24: Giao diện hiển thị thống kê tiến độ hoàn thành dự án Mô tả : Hiển thị thống kê tiến độ hoàn thành dự án Danh sách đối tượng: Bảng 4.21 Danh sách đối tượng giao diện thống kê tiến độ hồn thành cơng việc Loại đối tượng Mơ tả Chart Mơ tả tiến độ hồn thành dự án Label Label hiển thị thống kê Div Hiển thị số lượng công việc tiến độ STT 68 1.13.22 Giao diện chỉnh sửa hình báo cáo Ảnh 25 : Giao diện chỉnh sửa hình báo cáo Mơ tả : Màn hình chỉnh sửa báo cáo Danh sách đối tượng: Bảng 4.22 Danh sách đối tượng giao diện chỉnh sửa hình báo cáo Loại đối tượng Mô tả Button Button xem báo cáo Input Nơi chỉnh sửa tên chương Button Xóa chương có sẵn hay vừa tạo Button Upload hình ảnh từ máy tính Button Thêm block vào giao diện báo cáo STT 69 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 1.14 CÀI ĐẶT Ngơn ngữ lập trình 1.14.1 ● Xây dựng front end : HTML , CSS , Javascript, es6 ● Xây dựng Back-end : Javascript, es6 Công nghệ sử dụng 1.14.2 ● NodeJS: Xây dựng back-end ● ReactJS : Xây dựng front end ● Express : Hỗ trợ tạo web server ● MongoDB: Lưu trữ liệu Hướng dẫn cài đặt 1.14.3 ● Mở thư mục bên có thư mục bao gồm: ○ Nodejs ○ Reactjs ● Mở thư mục Nodejs: vào cmd thư mục gõ lệnh npm install, đợi sau chương trình chạy hồn tất gõ lệnh npm run start ● Mở thư mục Reactjs: vào cmd thư mục gõ lệnh npm install, đợi sau chương trình chạy hồn tất gõ lệnh npm run start, sau chương trình chạy xong lên cửa sổ trình duyệt trang login Cấu trúc thư mục Nodejs 1.14.4 Thư mục chia thành thư mục con: - Model: chứa file định danh collection mongodb - Controller: chứa file truy cập vào database lấy đầu vào từ router xử lý thông tin trả kết cho api - Routes: Định danh api dự án 70 - Server.js: file để chạy chương trình - Helpers: Chứa hàm sử dụng nhiều lần - Middleware: Chứa file kiểm tra token user gửi lên kiểm tra quyền user - App.js: Tổng hợp routes, upload file - Database.js: kết nối với sở liệu Cấu trúc thư mục Reactjs 1.14.5 Thư mục chia thành thư mục con: - Public: Chứa file html, css, ảnh dự án - Src: Chứa thư mục sau: - Components: Chứa component dùng nhiều lần - Core: Chứa page trang chủ, đăng nhập, đăng xuất, … - Info User: Chứa page liên quan đến thông tin user - List Project: Chứa page liên quan đến dự án user - Project: Chứa page dự án bao gồm trang backlog, active print, info project, report, statistic, - Reducer: Chứa mẫu liệu lưu thông tin từ backend gửi lên 1.15 KIỂM THỬ 1.15.1 Kiểm thử hệ thống user: Bảng 5.1 Bảng kiểm thử hệ thống user Id Test Name Test description Output Result Kiểm tra màu sắc Mở website thay đổi Nội dung chữ , hình ảnh Pass độ nét độ sáng hình nhìn rõ từ 100% > 25% 71 thành phần giao diện Test chuyển trang Mở website , click Các trang load chuyển trang thơng nhanh chóng, địa qua button , Pass đường link có website Test Đăng nhập Mở website , đăng Đăng nhập thành công , nhập website với tài báo lỗi đăng nhập khoản user Thử sai Pass đăng nhập sai mật , sai username Test đăng ký Mở website , chuyển Đăng ký tài khoản thành đến trang đăng ký tài công khoản , nhập thông Thông báo cung cấp tin nhấn button thông tin sai sai đăng ký kiểu liệu Pass Nhập thông tin sai với yêu cầu không kiểu liệu Test chức Mở giao diện danh Xem danh sách dự tạo dự án sách dự án án tham gia Mở modal tạo Tạo thành công dự án Nhập thông tin Pass nhấn lưu Test chức Mở trang backlog tạo công việc Tạo thành công công việc thông báo 72 Pass Mở modal tạo Nếu không thành công công việc thông báo không Nhập thông tin công tạo việc Test chức Click vào button Thông tin cá nhân hiển xem thông tin cá thông tin cá nhân thị đầy đủ Test chức Click vào button cập Có thể cập nhật Pass cập nhập thông nhập Pass Pass nhân tin cá nhân 10 Test chức Mở trang backlog Tạo thành công công tạo tiến trình Mở modal tạo việc thơng báo tiến trình Nếu khơng thành cơng Nhập thơng tin tiến thơng báo khơng trình tạo Test chức Mở trang backlog Các công việc lưu kéo thả công việc Kéo thả cơng việc vào tiến trình tương vào tiến trình vào tiến trình ứng sau thả Pass vào 1.15.2 Kiểm tra hệ thống dành riêng cho manager Bảng 5.2 Id Test Name Test description Output Result Test chức Mở trang edit project Thay đổi thông tin dự án Pass chỉnh sửa thông Thay đổi thông tin dự tin dự án án 73 Nhấn lưu Test chức Mở trang add process Trạng thái thêm trạng thái Thêm trạng thái bên trạng dự án thái cũ Test chức Mở trang add Hiện danh sách thêm thành viên member user có gmail chứa ký tự Search gmail thành tìm viên muốn thêm Thành viên thêm vào có Chọn thành viên vào quyền developer Test chức Mở trang add process Trạng thái bị xoá khỏi xoá trạng thái Nhấn nút xố trạng danh sách thái Khơng xố trạng Pass Pass Pass thái todo done Test chức Mở trang add process Các trạng thái sắp xếp trạng thái Kéo thả trạng thái xếp theo mong muốn Pass theo ý muốn Test chức Mở trang add Thành viên thay đổi quyền thành member đổi quyền dự án viên Chọn quyền cho Pass thành viên Test chức Mở trang add Thành viên bị xoá khỏi xoá thành viên member dự án khỏi dự án Xố thành viên khỏi Khơng thể tự xố dự án 74 Pass 1.15.3 Kiểm tra hệ thống dành riêng cho teacher Bảng 5.3 Id Test Name Test description Output Result Test chức Mở trang báo cáo Chỉ xem báo cáo Pass xem báo cáo quyền xem 75 PHẦN KẾT LUẬN 1.16 KẾT QUẢ ĐẠT ĐƯỢC Sau thời gian nghiên cứu thực đề tài “Tìm hiểu cơng nghệ MernStack xây dựng ứng dụng quản lý báo cáo đồ án”, nhóm nắm kiến thức tảng cơng nghệ MernStack ứng dụng MernStack để hồn thành trang web dự kiến Ngồi ra, nhóm cịn đạt kết sau: - Hiểu sâu javascript - Sử dụng tốt thư viện javascript materialUI, lodash - Ứng dụng node js viết web server api 1.17 ƯU ĐIỂM Ứng dụng có ưu điểm sau: - Đáp ứng chức cần thiết để quản lý dự án phần mềm - Giúp quản lý công việc, thời gian cách dễ dàng hiệu - Giao diện thân thiện dễ sử dụng 1.18 HẠN CHẾ Ứng dụng có nhược điểm sau: - Tốc độ xử lý chậm, chưa phát huy mạnh công nghệ nodejs - Chưa sâu vào vấn đề bảo mật 1.19 HƯỚNG PHÁT TRIỂN Vì thời gian nghiên cứu nguồn lực có hạn nên ứng dụng cịn nhiều thiếu sót Trong tương lai nhóm cố gắng phát triển công cụ theo hướng: - Tăng tốc độ xử lý - Bảo mật ứng dụng - Thêm đa dạng loại báo cáo cho môn học cụ thể 76 DANH MỤC TÀI LIỆU THAM KHẢO [1] https://techblog.vn/gioi-thieu-mern-stack [2] https://viblo.asia/p/gioi-thieu-ve-reactjs-phan-i-cac-khai-niem-co-ban-V3m5WzjblO7 [3] https://techtalk.vn/mot-cai-nhin-tong-quan-nhat-ve-nodejs.html [4] https://topdev.vn/blog/restful-api-la-gi/ [5] https://techblog.vn/phan-1-tim-hieu-express-js-framework [6] https://viblo.asia/p/mongodb-la-gi-co-so-du-lieu-phi-quan-he-bJzKmgoPl9N 77 ... Công Nghệ Phần Mềm Tên khóa luận: Tìm hiểu cơng nghệ MernStack xây dựng ứng dụng website quản lý vào báo cáo đồ án GV hướng dẫn: ThS Nguyễn Minh Đạo Nhiệm vụ khóa luận: - Tìm hiểu cơng nghệ MernStack. .. vực phát triển website: website quản lý báo cáo đồ án 1.3.2 Phạm vi nghiên cứu - Tìm hiểu công nghệ sử dụng đề tài: MernStack - Tìm hiểu nghiệp vụ quản lý dự án, SCRUM - Tìm hiểu nghiệp vụ liên... CÔNG NGHỆ THÔNG TIN -