Tìm hiểu MERN stack và xây dựng ứng dụng minh họa

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM TRẦN NGỌC HẢI KHĨA LUẬN TỐT NGHIỆP TÌM HIỂU MERN STACK VÀ XÂY DỰNG ỨNG DỤNG MINH HỌA Applying MERN Stack to build application KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN KHOA CÔNG NGHỆ PHẦN MỀM TRẦN NGỌC HẢI – 16520333 KHĨA LUẬN TỐT NGHIỆP TÌM HIỂU MERN STACK VÀ XÂY DỰNG ỨNG DỤNG MINH HỌA APPLYING MERN STACK TO BUILD APPLICATION KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN THS.THÁI THỤY HÀN UYỂN TP HỒ CHÍ MINH, 2021 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số ……………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin - Chủ tịch - Thư ký - Ủy viên - Ủy viên ĐHQG TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm…… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: TÌM HIỂU MERN STACK VÀ XÂY DỰNG ỨNG DỤNG MINH HỌA Nhóm SV thực hiện: Trần Ngọc Hải Cán hướng dẫn: ThS Thái Thụy Hàn Uyển 16520333 Đánh giá Khóa luận: Về báo cáo: Số trang: Số chương: Số hình vẽ: khảo: Số bảng số liệu: Số tài liệu tham Sản phẩm: Một số nhận xét hình thức báo cáo: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Về nội dung nghiên cứu: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Về chương trình ứng dụng: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Về thái độ làm việc sinh viên: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Đánh giá chung: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Điểm sinh viên: Trần Ngọc Hải: /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐHQG TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm…… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: TÌM HIỂU MERN STACK VÀ XÂY DỰNG ỨNG DỤNG MINH HỌA Nhóm SV thực hiện: Trần Ngọc Hải Cán phản biện: 16520333 ………………………………… Đánh giá Khóa luận: Về báo cáo: Số trang: Số chương: Số bảng số liệu: Số hình vẽ: Số tài liệu tham khảo: Sản phẩm: Một số nhận xét hình thức báo cáo: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Về nội dung nghiên cứu: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Về chương trình ứng dụng: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Về thái độ làm việc sinh viên: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Đánh giá chung: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Điểm sinh viên: Trần Ngọc Hải: /10 Người nhận xét (Ký tên ghi rõ họ tên) LỜI CÁM ƠN Sau năm học tập rèn luyện Trường Đại học Công nghệ Thông tin, tận tình giảng dạy giúp đỡ quý thầy cô, đặc biệt quý thầy cô khoa Công nghệ Phần mềm, chúng em gặt hái nhiều kiến thức tảng bổ ích, áp dụng vào luận văn áp dụng chặng đường sau Chúng em xin chân thành cảm ơn quý thầy cô trường Đại học Cơng nghệ Thơng tin nói chung, q thầy khoa Cơng nghệ Phần mềm nói riêng, đặc biệt thầy Lê Thanh Trọng tận tình hướng dẫn đóng góp ý kiến để chúng em hồn thành khóa luận cách tốt Bên cạnh đó, nhóm xin gửi lời cảm ơn đến bạn lớp có lời góp ý, động viên để nhóm có thêm động lực thực khóa luận khoảng thời gian khó khăn Trong suốt q trình chúng em tìm hiểu thực khóa luận, đề tài sử dụng cơng nghệ cịn mới, thời gian khả có giới hạn nên chúng em cịn nhiều thiếu sót Do đó, nhóm chúng em mong nhận thông cảm ý kiến đóng góp chân thành từ quý thầy bạn Một lần nữa, nhóm chúng em xin chân thành cảm ơn người Thành phố Hồ Chí Minh, tháng 01 năm 2021 Trần Ngọc Hải ĐHQG TP HỒ CHÍ MINH CỘNG HỒ XÃ HỘI CHỦ NGHĨA TRƯỜNG ĐẠI HỌC VIỆT NAM CÔNG NGHỆ THÔNG TIN Độc Lập – Tự Do – Hạnh Phúc ĐỀ CƯƠNG CHI TIẾT KHÓA LUẬN TỐT NGHIỆP Tên đề tài: Tìm hiểu MERN Stack xây dựng ứng dụng minh họa Cán hướng dẫn: Th.S Thái Thụy Hàn Uyển Thời gian thực hiện: Từ tháng 10/2020 đến tháng 01/2021 Sinh viên thực hiện: Trần Ngọc Hải - 16520333 Nội dung đề tài: • Đặt vấn đề mục tiêu: ▪ Ngày nay, cơng nghệ phát triển kéo theo ngơn ngữ lập trình phát triển khơng ngừng để hỗ trợ lập trình viên thực hóa ý tưởng Javascript lên ngơn ngữ lập trình phổ biến bậc nhất, tính đến năm 2016 có đến 92% website sử dụng javascript Nội dung đề tài khóa luận, hướng tới tìm hiểu cơng nghệ có MERN Stack từ kết hợp cơng nghệ xây dựng React Universal App giải vấn đề có tính ứng dụng thực tế ▪ Ứng dụng minh họa: chứng khoán thị trường chứng khoán trở thành lĩnh vực đầy hứa hẹn Việt Nam Việc nắm rõ kiến thức cách đầu tư chứng khoán điều cần thiết để đạt hiệu cao Ứng dụng xây dựng hướng đến việc giúp nhà đầu tư có thêm kiến thức đầu tư có nhu cầu nắm bắt thông tin thị trường quản lý tốt dịng tiền đầu tư Từ tăng khả đầu tư cách chủ động, tránh rủi ro • Đối tượng: Những người chưa đầu tư thị trường chứng khốn • Phương pháp thực hiện: vận dụng kĩ mạnh cá nhân back-end front-end kiến thức có lập trình • Kết mong đợi: Hồn thành hệ thống cách hồn chỉnh Hướng tới xây dựng cộng đồng đầu tư chứng khốn có vốn kiến thức tốt Hỗ trợ cá nhân đầu tư quản lý tốt dòng tiền đưa định đầu tư đắn Cung cấp phương pháp đầu tư phương pháp đầu tư lâu đời nhà đầu tư tiếng đề • Cơng nghệ sử dụng: o MongoDB o Express JS o React o NodeJS Kế hoạch thực hiện: Giai đoạn (01/10/2020 – 20/10/2020): Tìm hiểu cơng nghệ MERN Stack khái niệm chứng khốn, phân tích ứng dụng hỗ trợ nhà đầu tư Giai đoạn (21/10/2020 – 10/11/2020): Từ kết phân tích được, tìm giải pháp áp dụng cơng nghệ để giải vấn đề Giai đoạn (11/11/2020 – 30/11/2020): Thiết kế sơ đồ hệ thống hỗ trợ đưa định đầu tư, thiết kế kiến trúc hệ thống, thiết kế sở liệu Giai đoạn (01/12/2020 – 10/01/2021): Xây dựng phát triển hệ thống Hình 8-3 Trang giá cổ phiếu Hình 8-4 Lời mở đầu phương pháp 4M 62 Hình 8-5 Giới thiệu phương pháp 4M 63 Hình 8-6 Tìm hiểu Meaning 4M 64 Hình 8-7 Tìm hiểu Meaning 4M 65 Hình 8-8 Tìm hiểu Meaning 4M 66 Hình 8-9 Lựa chọn mã cổ phiếu phù hợp 67 Hình 8-10 Xác định MOAT 4M 68 Hình 8-11 Xác định Management 4M 69 Hình 8-12 Xác định MOS 4M 70 Hình 8-13 Danh sách doanh nghiệp 71 Hình 8-14 Theo dõi doanh nghiệp Hình 8-15 Bỏ theo dõi doanh nghiệp Hình 8-16 Thơng báo tin tức liên quan 72 Hình 8-17 Trang tin tức cá nhân hóa Hình 8-18 Trang cảnh báo giá cá nhân hóa 73 Hình 8-19 Trang tin tức cá nhân hóa 74 Hình 8-20 Trang dự báo giá cổ phiếu Chương 9: KẾT LUẬN 9.1 Kết đạt Về mặt kỹ thuật cơng nghệ, nhóm đạt kết sau: - Tìm hiểu chế hoạt động công nghệ bật việc phát triển web như: NodeJS, ExpressJS, MongoDB, ReactJS - Tìm hiểu Deep Learning ứng dụng toán Deep Learning vào thực tế - Nâng cao kỹ lập trình nhiều khía cạnh hệ thống Về mặt thực tiễn, nhóm đạt kết sau: - Xây dựng hệ thống hỗ trợ nhà đầu tư chứng khốn - Hệ thống xây dựng có tích khả thi có tính nâng cấp cao 9.2 Thuận lợi khó khăn 9.2.1 - Thuận lợi Có kiến thức tảng JavaScript nên việc thực tính gặp trở ngại 9.2.2 - Khó khăn Deep Learning lĩnh vực cần nghiên cứu đầu tư thời gian dài, nên ứng dụng Deep Learnig hệ thống dừng lại mức 9.3 Hướng phát triển Xây dựng cộng đồng người chơi chứng khốn Từ tăng tính đóng góp cho hệ thống hỗ trợ đưa định người dùng Nghiên cứu thêm phương pháp đầu tư khác để giới thiệu đến người dùng Tối ưu hệ thống 75 TÀI LIỆU THAM KHẢO Tài liệu tiếng Việt Tài liệu tiếng Anh 76 ... TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM TRẦN NGỌC HẢI – 16520333 KHĨA LUẬN TỐT NGHIỆP TÌM HIỂU MERN STACK VÀ XÂY DỰNG ỨNG DỤNG MINH HỌA APPLYING MERN STACK TO... tiếng lĩnh vực đầu tư chứng khốn Đó lý nhóm chọn đề tài Khóa luận Tốt nghiệp ? ?Tìm hiểu MERN Stack xây dựng ứng dụng minh họa? ?? - Ứng dụng hỗ trợ đưa định nhà đầu tư lĩnh vực chứng khoán Chương 2:... sử dụng javascript Nội dung đề tài khóa luận, hướng tới tìm hiểu cơng nghệ có MERN Stack từ kết hợp công nghệ xây dựng React Universal App giải vấn đề có tính ứng dụng thực tế ▪ Ứng dụng minh họa: