Tìm hiểu reactjs express framework

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN TÌM HIỂU REACTJS -EXPRESS FRAMEWORK Giảng viên hướng dẫn : ThS Nguyễn Công Hoan Sinh viên thực : Lê Quang Trung Mã sinh viên : 20520333 Sinh viên thực : Hà Phi Hùng Mã sinh viên : 20520526 Tp HCM, tháng năm 2023 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Tìm hiểu ReactJS – Express Framework Tên đề tài tiếng Anh: Learn ReactJS – Express Framework Cán hướng dẫn: ThS Nguyễn Công Hoan Thời gian thực hiện: Từ ngày 18/03/2023 đến tháng 05/07/2023 Sinh viên thực hiện: Lê Quang Trung- 20520333 Hà Phi Hùng – 20520526 Nội dung đề tài: Giới thiệu: Javascript ngôn ngữ lập trình sử dụng rộng rãi nay, dễ đọc hỗ trợ nơi Mà Expressjs lại hỗ trợ Javascript, bạn biết đến Javascript chắn việc lập trình Express.js vô đơn giản Ngay người bắt đầu tham gia vào lĩnh vực phát triển web sử dụng Expressjs Javascript ngơn ngữ lập trình dễ học với người khơng có kiến thức ngơn ngữ lập trình khác Chính tính phổ biến, dễ học dễ sử dụng mà Express.js cho phép tài trẻ tham gia đạt nhiều thành công phát triển ứng dụng web Thông qua đề tài này, nhóm xây dựng website review phim Website review phim giúp người dùng xem lời đánh giá điểm số phim từ khán giả nhà phê bình chuyên nghiệp nhằm chọn phim ưng ý mua vé Ngoài ra, website giúp người dùng chia sẻ đánh giá lưu lại danh sách phim xem Website review phim xây dựng React, Express, với vài thư viện hỗ trợ khác Mục tiêu: - Xây dựng website review phim với số lượng phim phong phú, giao diện thân thiện, màu sắc hài hòa, bố cục hợp lý, đáp ứng chức cần thiết website review phim Phạm vi: • Phạm vi mơi trường: Phương pháp thực hiện: - Tìm hiểu ReactJS, ExpressJs - Khảo sát website review phim có thị trường, từ tiến hành phân tích, xác định yêu cầu, tính cụ thể cho đề tài - Phân tích thiết kế hệ thống website - Tìm hiểu quy trình thiết kế UX/UI tiến hành thiết kế giao diện cho website - Xây dựng website cho loại người dùng - Tiến hành triển khai kiểm thử Công nghệ:  React Next.js  Express.js  PostgreSQL với Prisma ORM  Firebase Authentication  Docker  AWS Lightsail, S3 Kết mong đợi - Nắm bắt áp dụng công nghệ để xây dựng sản phẩm đề tài - Hiểu rõ nghiệp vụ, chức website review phim - Áp dụng kiến thức học phân tích thiết kế hệ thống phần mềm, quy trình phát triển phần mềm, quản lý triển khai dự án phần mềm để xây dựng website review phim - Xây dựng website review phim đáp ứng yêu cầu giao diện chức đề - Có thể thay đổi giao diện cách linh động mở rộng thêm chức cho website review phim để phù hợp với nhu cầu thực tiễn tương lai Kế hoạch thực hiện: Thời gian 18/03/2023 – 28/03/2023 Nội dung Tìm hiểu đề tài, đánh giá thị trường, xác định chức hệ thống 28/03/2023 – 24/04/2023 Tìm hiểu, nghiên cứu cơng nghệ 25/04/2023 – 15/05/2023 Phân tích thiết kế hệ thống website 16/05/2022 – 31/05/2023 Tìm hiểu quy trình thiết kế UX/UI thiết kế giao diện cho website 01/06/2023 – 22/06/2023 Cài đặt phần back-end, xử lý hệ thống 23/06/2023 – 05/07/2023 Kiểm thử hệ thống hoàn thiện báo cáo Xác nhận GVHD (Ký tên ghi rõ họ tên) ThS Nguyễn Công Hoang TP HCM, ngày tháng 07 năm 2023 Sinh viên Sinh viên (Ký tên ghi rõ họ tên) (Ký tên ghi rõ họ tên) Lê Quang Trung Hà Phi Hùng LỜI CẢM ƠN Đầu tiên, nhóm thực đề tài “Xây dựng website review phim” xin gửi lời cảm ơn đến quý thầy cô giảng dạy chúng em trường Đại học Công nghệ thông tin – Đại học quốc gia thành phố Hồ Chí Minh kiến thức tảng vững để nhóm tự tìm hiểu hoàn thiện đề tài cách tốt Đặc biệt, chúng em xin gửi lời cảm ơn tới Nguyễn Cơng Hoan tận tình hướng dẫn góp ý, đề xuất quý báu dành cho nhóm q trình thực đồ án Trong suốt thời gian qua, nhóm tự tìm hiểu cơng nghệ kết hợp với kiến thức tảng trình học tập, nghiên cứu vận dụng để thực đề tài Với quỹ thời gian có hạn kinh nghiệm xây dựng sản phẩm thiếu, sản phẩm đồ án cuối mắc phải số sai sót chúng em mong nhận góp ý để bổ sung, cải tiến sản phẩm nâng cao kiến thức để xây dựng sản phẩm chu hồn thiện hơn, tích luỹ thêm cho kinh nghiệm quý giá để đáp ứng tốt cho công việc thực tế tương lai Một lần nữa, xin cảm ơn đồng hành chúng em suốt học kỳ II năm học Sinh viên thực Lê Quang Trung – Hà Phi Hùng NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Tp.HCM, ngày … tháng năm 2023 GVHD ThS Nguyễn Công Hoan MỤC LỤC CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1 Tên đề tài tài 1.2 Mô tả đề tài đề tài tài 1.3 Lý chọn đề tàin đề tài tài 1.4 Khả đề tàio sát trạngn trạngng 1.5 Công nghện trạng sử dụng dụngng 1.6 Môi trường thiết kếng thiết kết kết kế 1.7 Công cụng hỗ trợ trợ CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Tổng quan ReactJS:ng quan tài ReactJS: 2.1.1 Giới thiệu ReactJS:i thiệu ReactJS:u ReactJS: ReactJS: 2.1.2 Khái niệu ReactJS:m ReactJS: ReactJS:n ReactJS: 2.1.3 Ưu điểm, nhược điểm:u điểm, nhược điểm:m, nhược điểm:c điểm, nhược điểm:m: 15 2.2 Tổng quan ReactJS:ng quan tài Express.js 2.2.1 Giới thiệu ReactJS:i thiệu ReactJS:u 15 2.2.2 Các khái niệu ReactJS:m ReactJS: ReactJS:n cách thức hoạt độngc hoạt độngt độngng 16 2.2.3 Ưu điểm, nhược điểm:u điểm, nhược điểm:m, nhược điểm:c điểm, nhược điểm:m 18 CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG .19 3.1 Sơ đồ Use-case: đồ Use-case: Use-case: 3.1.1 Đăng nhập:p: 19 3.1.2 Đăng xuất:t: 21 3.1.3 Đăng ký thành viên: 23 3.1.4 Tạt độngo review: 24 3.1.5 Hiểm, nhược điểm:n thị thông tin phim: 25 3.1.7 Tìm kiếmm, lọcc: 27 CHƯƠNG 4: THIẾT KẾ GIAO DIỆN 28 4.1 Trang đăng nhập, đăng ký:p, đăng ký: 4.1.1 Giao diệu ReactJS:n: 28 4.1.2 Mô tản ReactJS:: 29 4.2 Trang chủ:: 4.2.1 Giao diệu ReactJS:n: 29 4.2.2 Mô tản ReactJS:: 30 4.3 Trang thông tin phim: 4.3.1 Giao diệu ReactJS:n: 31 4.3.2 Mô tản ReactJS:: 32 4.4 Trang danh sách phim: 4.4.1 Giao diệu ReactJS:n: 32 4.4.2 Mô tản ReactJS:: 33 4.5 Trang thông tin review: 4.5.1 Giao diệu ReactJS:n: 33 4.5.2 Mô tản ReactJS:: 33 4.6 Trang danh sách ngường thiết kếi dùng: 4.6.1 Giao diệu ReactJS:n: 34 4.6.2 Mô tản ReactJS:: 34 4.7 Trang thông tin ngường thiết kếi dùng: 4.7.1 Giao diệu ReactJS:n: 35 4.7.2 Mô tản ReactJS:: 35 4.8 Trang thông tin cá nhân: 4.8.1 Giao diệu ReactJS:n: 36 4.8.2 Mô tản ReactJS:: 36 CHƯƠNG 5: KẾT LUẬN 37 5.1 Nhập, đăng ký:n xét: 5.1.1 Thuập:n lợc điểm:i: 37 5.1.2 Khó khăn: 37 5.1.3 Ưu điểm, nhược điểm:u điểm, nhược điểm:m đồ án:a đồ án: án: 37 5.1.4 Nhược điểm:c điểm, nhược điểm:m đồ án:a đồ án: án: 38 5.2 Hướng phát triển đồ án:ng phát triển đồ án:n củ:a đồ Use-case: án: TÀI LIỆU THAM KHẢO 39 10