Đề tài xây dựng website nghe nhạc với tính năng đề xuất bài hát

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 BÁO CÁO ĐỒ ÁN XÂY DỰNG WEBSITE NGHE NHẠC VỚI TÍNH NĂNG ĐỀ XUẤT BÀI HÁT Giảng viên hướng dẫn : ThS Trần Anh Dũng Sinh viên thực : Lương Mạnh Hùng - 19520098 Lớp SE122.N11 : TP HCM, tháng 12 năm 2022 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 BÁO CÁO ĐỒ ÁN XÂY DỰNG WEBSITE NGHE NHẠC VỚI TÍNH NĂNG ĐỀ XUẤT BÀI HÁT Giảng viên hướng dẫn : ThS Trần Anh Dũng Sinh viên thực : Lương Mạnh Hùng - 19520098 Lớp SE122.N11 : TP HCM, tháng 12 năm 2022 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc   ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: XÂY DỰNG WEBSITE NGHE NHẠC VỚI TÍNH NĂNG ĐỀ XUẤT BÀI HÁT Tên đề tài tiếng Anh: BUILDING AN MUSIC WEBSITE WITH RECOMMENDATION Cán hướng dẫn: ThS Trần Anh Dũng Thời gian thực hiện: Từ ngày 5/9/2022 đến ngày 31/12/2022 Sinh viên thực hiện: Lương Mạnh Hùng – 19520098 Nội dung đề tài: Giới thiệu: - Hiện nay, phát triển xã hội, nhu cầu giải trí người ngày tăng mạnh Theo thống kê Việt Nam có khoảng 75% người nghe nhạc ngày, có khoảng 20% người nghe nhiều - Với nhu cầu ấy, em mong muốn tạo website đáp ứng nhu cầu nghe nhạc người, đồng thời chia sẻ sở thích âm nhạc cá nhân trị chuyện tán gẫu với nghe nhạc Đó lí em chọn đề tài “Xây dựng website nghe nhạc chung online kết hợp voice chat đề xuất” Mục tiêu: - Xây dựng website nghe nhạc đáp ứng tiêu chí: o Giao diện thân thiện, dễ sử dụng o Đáp ứng tính cần có website nghe nhạc o Có hệ thống đề xuất nhạc tương đồng với hát hay danh sách yêu thích người dùng Phạm vi:  Phạm vi môi trường: o Triển khai sản phẩm đề tài môi trường web  Phạm vi chức năng: o Có chức trình phát nhạc tạo danh sách phát, lặp bài, trộn bài, next, back, chỉnh âm lượng, tua thời gian… o Tìm kiếm hát, ca sĩ… o Quản lý danh sách phát, danh sách yêu thích o Nhận đề xuất hát tương tự phát o Nhận đề xuất hát tương tự với danh sách yêu thích o Lọc danh sách hát theo thể loại, ca sĩ, ngày phát hành, lượt nghe… o Quản lý, cập nhật thông tin tài khoản o Quản lý danh sách tài khoản, hát… (Dành cho quản trị viên) Đối tượng: - Người dùng muốn thưởng thức âm nhạc Phương pháp thực hiện: - Trải nghiệm website nghe nhạc có, từ phân tích, xác định tính cần triển khai - Lập kế hoạch, phân chia công việc theo mốc thời gian - Tìm hiểu cơng nghệ sử dụng - Triển khai xây dựng website theo kế hoạch đề - Kiểm thử, phát sửa lỗi (nếu có) - Báo cáo đồ án Cơng nghệ: - Sử dụng mơ hình MERN Stack để triển khai ứng dụng: MongoDB, ExpressJS, ReactJS, NodeJS - Sử dụng ngôn ngữ Python để xử lý liệu thực tính đề xuất Kết mong đợi - Tạo website với giao diện đại, đẹp mắt, thân thiện dễ sử dụng - Giúp người dùng có trải nghiệm mượt mà, ổn định - Bổ sung thêm số tính hữu ích - Tính đề xuất đạt mức độ xác tốt - Có tính tiến hố: phát triển, mở rộng thêm tính tương lai - Quá trình thực đạt tiến độ môn học Hướng phát triển đề tài - Thêm tiện ích trình phát nhạc, danh sách phát - Thêm tính nghe nhạc chung, chat, kết bạn - Phát triển thành mạng xã hội âm nhạc - Tăng độ bảo mật ứng dụng Kế hoạch thực hiện: Thời gian Từ 05/09/2022 đến 17/09/2022 Cơng việc thực - Tìm hiểu u cầu nghiệp vụ Từ 18/09/2022 đến - Tìm hiểu cơng nghệ sử dụng: MongoDB, ExpressJS, ReactJS, 18/10/2022 NodeJS Từ 19/10/2022 đến - Xây dựng vẽ giao diện 31/10/2022 - Xây dựng sở liệu Từ 01/11/2022 đến Front-end: triển khai giao diện bản, tạo trình phát nhạc 25/11/2022 Từ 26/11/2022 đến 10/12/2022 Từ 11/12/2022 đến 24/12/2022 Từ 25/12/2022 đến 31/12/2022 Back-end: thiết lập sở liệu, thực chức upload nhạc, truyền nhạc Front-end Front-end: tạo giao diện trang khác danh sách hát, thể loại ca sĩ… Back-end: thực chức quản liên quan đến việc quản lý Tìm hiểu nghiên cứu thực chức gợi ý nhạc Hoàn thiện, sửa lỗi viết báo cáo MỤC LỤC ĐỀ CƯƠNG CHI TIẾT MỤC LỤC DANH MỤC HÌNH ẢNH 10 DANH MỤC BẢNG BIỂU 11 Chương GIỚI THIỆU ĐỀ TÀI 14 1.1 Tên đề tài .14 1.2 Lí chọn đề tài 14 1.3 Mô tả sản phẩm .14 1.4 Chức 14 1.5 Công nghệ sử dụng 14 1.6 Thông tin người thực đề tài 15 Chương CƠ SỞ LÝ THUYẾT 16 2.1 HTML 16 2.2 CSS 17 2.3 JavaScript 17 2.4 Thư viện ReactJS 19 2.5 NodeJS 21 2.6 ExpressJS 22 2.7 MongoDB 23 2.8 Python 23 Chương PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 25 3.1 Mơ hình hệ thống 25 3.2 Sơ đồ Use-case 26 3.3 Danh sách use-case 27 3.4 Đặc tả use-case 27 3.4.1 Use-case “Đăng nhập” 27 3.4.2 Use-case “Đăng ký” .28 3.4.3 Use-case “Đăng xuất” 29 3.4.4 Use-case “Đổi mật khẩu” .30 3.4.5 Use-case “Quản lý thông tin cá nhân” 30 3.4.6 Use-case “Quản lý danh sách phát” .31 3.4.7 Use-case “Tìm kiếm hát, ca sĩ” 32 3.4.8 Use-case “Quản lý danh sách yêu thích” 32 3.4.9 Use-case “Nghe nhạc” 33 3.4.10 Use-case “Nhận danh sách nhạc đề xuất” 34 3.4.11 Use-case “Nhận đề xuất theo hát tại” 35 3.4.12 Use-case “Quản lý danh sách tài khoản, hát, ca sĩ” 36 Chương THIẾT KẾ DỮ LIỆU 37 4.1 Sơ đồ logic 37 4.1.1 Bảng “Account” .37 4.1.2 Bảng “Song” 38 4.1.3 Bảng “Artist” 39 4.1.4 Bảng “Genre” 39 4.1.5 Bảng “Playlist” .39 Chương THIẾT KẾ GIAO DIỆN .40 5.1 Danh sách hình 40 5.2 Chi tiết màn hình 42 5.2.1 Màn hình “Đăng nhập” 42 5.2.2 Màn hình “Đăng ký” 43 5.2.3 Màn hình “Trang chủ” 44 5.2.4 Màn hình “Bài hát” 45 5.2.5 Màn hình “Thể loại” .46 5.2.6 Màn hình “Ca sĩ” 46 5.2.7 Màn hình “Chi tiết ca sĩ” 47 5.2.8 Màn hình “Thông tin cá nhân” .47 5.2.9 Màn hình “Chi tiết kết tìm kiếm” 48 5.2.10 Màn hình “Quản lý” 48 5.2.11 Màn hình “Trình phát nhạc” .49 5.2.12 Màn hình “Danh sách phát tại” 50 5.2.13 Màn hình “Nhạc dành cho bạn” 51 Chương TÍNH NĂNG ĐỀ XUẤT BÀI HÁT 52 6.1 Giới thiệu về tính đề xuất .52 6.1.1 Tổng quan .52 6.1.2 Phương pháp thực 52 Chương KẾT LUẬN 55 7.1 Ưu điểm 55 7.2 Hạn chế 55 7.3 Hướng phát triển 55 Chương TÀI LIỆU THAM KHẢO 56 10 ... Độc lập – Tự – Hạnh phúc   ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: XÂY DỰNG WEBSITE NGHE NHẠC VỚI TÍNH NĂNG ĐỀ XUẤT BÀI HÁT Tên đề tài tiếng Anh: BUILDING AN MUSIC WEBSITE WITH RECOMMENDATION Cán... 14 Chương GIỚI THIỆU ĐỀ TÀI 1.1 Tên đề tài - Xây dựng website nghe nhạc với tính đề xuất hát - Building an Music website with recommendation 1.2 Lí chọn đề tài Hiện nay, phát triển xã hội, nhu... chat đề xuất? ?? Mục tiêu: - Xây dựng website nghe nhạc đáp ứng tiêu chí: o Giao diện thân thiện, dễ sử dụng o Đáp ứng tính cần có website nghe nhạc o Có hệ thống đề xuất nhạc tương đồng với hát