CHƯƠNG I. Lý do chọn đề tài.---2-©5<+SE2EE‡EEEEEEE12112711211711211711211711 11. Đối tượng nghiên cứu và phỤC VỤ:. Khao sát các giải pháp liên quan.
Mục tiêu để tài. CO SỞ LÝ THUYÉT. Tổng quan về hệ thong nghe nhạc chung. Tìm hiểu công nghệ Node JS, React JS.
_ Tổng quan về công nghệ Node JS. Node JS là gì?. HH HT TH HH ng Hi, 6 2. Lịch sử phát triển của Node JS.
Ưu điểm và nhược điểm của Node J§.--¿- 5z cs+cvcx+eerxzeeresee 7 2. Tìm hiểu công nghệ React Js.- ¿2 2 2SE+EE+£E£EE£EeEEzEerrerrerreee 8 2. Giới thiệu Framework React ]S?. Ưu điểm và nhược điểm của React Js.
PHAN TÍCH VA THIET KE HỆ THÓNG. Khảo sát hiện trạng.- --cs k SH HT HH Hy 12 3. _ Tìm hiểu thông tỉn. _ Đánh giá hiện trạng và hướng giải quyẾt.---------cc<+cx+cxccxeee 12 3.
Phân tích yêu cầu hệ thống.----- 2-22 +¿++++EE+2E++EE+2EEtEE+SExerkrerkrrkrervres 13 3. _ Phân tích yêu cầu người nghe nhạc. Phân tích yêu cầu người quản tFị. Thiết kế hệ thống.-- ¿2 2 E+SE+EE+EEEEEEEEEE1211221211211712171 71211.
Xác định các Actor và Use Case của hệ thống be aaeeeeeesaceecesenseeceeesaseeeess 14 3. Sơ đồ Use Case tổng quat. Sơ dd Use Case chỉ tiéte. DAC ta USCCASE 0.
So đồ hoạt GON ccecceccescsseessssesssessessesseeseesessecsssssssessessessesseesessessessesseessees 33 3. ch th nh nghe 40 3. Bang quan hệ trong hệ thống. Mối liên kết giữa các quan NE .-- - -- + k2 ** 19v ng ng rưưn 54 CHƯƠNG 4.
KÉT QUÁ XÂY DỰNG. son nh TH nh TH HH TH HH ngư 59 4. Trang phòng nghe nhac. Trang bài hát yêu thích.- --- + - + + 1+3 k1 1119111911191 S91 HH HH ng 63 an na.
KET LUẬN VA HƯỚNG PHAT TRIÊN. Hướng phát triỂn. S21 1 1E1E12111151 12111111 0111111101 11111111 1111111 ru 68 DANH MỤC HÌNH ẢNH Hình 3. 1 Sơ đồ Use Case tổng quất.
2 Sơ đồ Use Case Đăng nhập.-- ¿22 2©5£+S2+EE£EE2EEEEEEEEEEEEEEEEEEErrrreee 16 Hình 3. 3 Sơ đồ Use Case Nghe Nhạc. 4 Sơ đồ Use Case Tạo Danh Sách Phát. 5 Sơ đồ Use Case Theo Dõi Nghệ Sĩ.-- 2-52 Ss+SEEEEEeEEeEErrkrrrrreee 19 Hình 3.
6 Sơ đồ Use Case Tạo Phòng Nghe Nhạc Chung. 7 Sơ đồ Use Case Tạo Bài Hát.--- - 2 SE +ESEESEEEEEESEEEESEEEESErrkrkrrrrrrreree 21 Hình 3. 8 Sơ đồ Use Case Tạo i50. 9 Sơ đồ hoạt động Đăng nhập.----¿- 2-52 S£©S2+EEtEEE£EEtEEEvEErrrerrkrrrrrrkee 33 Hình 3.
10 Sơ đồ hoạt động Đăng nhập của Quản Tri Viên. 11 Sơ đồ hoạt động các chức năng của Quản Tri Viên. 12 Sơ đồ hoạt động Nghe Nhạc.-- 222 22E2EE+EESEEEEEEEEEEErrkrrkerrerreee 36 Hình 3. 13 So đồ hoạt động các chức năng tương tác với bài nhạc.
14 Sơ đồ hoạt động Chức năng theo dõi Nghệ Sĩ. 15 Sơ đồ hoạt động Tạo phòng nghe nhac chung. 16 Sơ đồ tuần tự đăng nhập.----2-2¿©22+22+++EEE£EEEtEEEtEEErErkrrrkrerkrerkree 40 Hình 3. 17 Sơ đồ tuần tự Đăng ký.
xe Al Hình 3. 18 Sơ đồ tuần tự Quên mat khẩu. 19 Sơ đồ tuần tự Quản tri viên đăng nhập. 21 Sơ đồ tuần tự Tương tác bài nhạc .-- 5 cv it 45 Hình 3.
22 Sơ đồ tuần tự Tạo danh sách phát. 23 Sơ đồ tuần tự Theo dõi nghệ sĩ. 24 Sơ đồ tuần tự chứ năng đăng tải bài hát của quản trị viên. 25 So đồ tuần tự Tạo phòng nghe nhạc.
26 Mỗi liên kết bảng yêu thích nhạc .---- 2-22 s£©5£+x+£E£+£xt£x+vzxezrserxez 54 Hình 3. 27 Mối liên kết giữa nghệ sĩ và bài nhạc. 28 Mối liên kết bảng theo dõi nghệ sĩ.-2- 2 2 2 E+£E££EeEEe£EerEerrerreee 56 Hình 3. 29 Mỗi liên kết bảng yêu thích album.
30 Bang quan hệ tạo danh sách phat .- - ---- <6 E+ + E+*kE*skEEseekseeeereeree 57 Hình 4. 1 Giao diện trang chủ ứng dụng nghe nhac chung (Louis MusIc). 2 Giao diện trang tìm kiếm .----- ¿5£ 2+E£+EE2EE+EE2EEEEEEEEEEEEEEEEErrkerkerreee 60 Hình 4. 3 Giao diện chỉ tiết album.--c::+cc+vvtttttxtrrrtrktrrrrrrtrrrrrrrtrrrrrrrrrrre 61 Hình 4.
A Giao dién chi tiét nghé 8n. 5 Giao diện tao phòng nghe nhac. 6 Giao diện phòng nghe nhạc.- -- 6 2 2+ +21 ****E+*EE+EEEEEeeEeseesreeresererkre 63 Hình 4. 7 Giao diện các tinh năng tùy chọn trên một bài hat.
8 Giao diện trang bài hát yêu thích. --- +5 + 2+ k + E*vE+sEEsekssereeeskrskeee 64 Hình 4. 9 Giao diện trang thư VIỆN.-- - G6 11321113211 E E11 ESESEEEEEkrErksreerkrrrkre 66 DANH MỤC BANG Bảng 3. 1 Đặc tả Use Case Dang nhập .131 * k9 ng re, 24 Bảng 3.
2 Đặc ta Use Case Nghe Nhạc.- - HH HH HH ng rưy 26 Bảng 3. 3 Đặc tả Use Case Tạo Danh Sách Phát.--------- «<< << scccc<c<+>szzzxx 27 Bảng 3. 4 Đặc tả Use Case Theo Dõi Nghệ SĨ.- G1 sHn ne, 28 Bảng 3. 5 Đặc ta Use Case Tạo Phòng Nghe Nhạc Chung.
6 Đặc tả Use Case Tạo Bài Hát. 7 Đặc tả Use Case Tao Nghe Sĩ .- -- LH HH ky 31 Bảng 3. 8 Đặc ta Use Case Tạo AlDbum.--- - - <5 << E3 3322 EE++Seekekkeeeeeeseeeezse 32 Bảng 3. 9 Bang quan hệ trong hệ thống.-- 2 2 2 +2 E+EE+EE+EE£EE+EEtEEzErEerrerreee 53 TÓM TẮT KHÓA LUẬN Ngày nay, với sự phát triển của xã hội thì âm nhạc là một món ăn tinh thần không thê thiếu được trong cuộc sống.
Các ứng dụng nghe nhạc thường được sử dụng nhiều có thé ké đến như Spotify, SoundClound, Zing Mp3. Các ứng dụng này mang đến cho người dùng sự trải nghiệm tốt nhất như là: chất lượng âm thanh, bài hát độc quyén,. Vì thé ứng dụng của họ thu hút được rất nhiều người sử dụng. Trong bối cảnh đại dịch Covid-19 hiện nay thì các ứng dụng kết nối online đã trở nên không còn quá xa lạ với người dùng.
Bên cạnh đó các dịch vụ giải trí về âm nhạc và trò chuyện cũng trở thành tâm điểm được chú ý. Do đó chúng tôi cho răng các dịch vụ nghe nhạc trực tuyến rất có tiềm năng phát triển trong tương lai. Hiện nay có rất nhiều công nghệ có thé sử dụng dé tạo ra các ứng dụng web hap dẫn với thời gian ngắn mà van đạt hiệu quả cao. Trong đó thì nổi bật nhất vẫn là React]s — một framework được rất nhiều người đùng yêu thích.
Do đó, ở dé tài khóa luận này, chúng tôi quyết định xây dựng ứng dụng web dựa trên công nghệ này. Ly do chọn đề tài Trong xã hội hiện đại thời nay, có rất nhiều ứng dụng, trang web về âm nhạc phổ biến như: Spotify, Soundcloud, Zingmp3,. đang được sử dụng rộng rãi. Tuy nhiên, chức năng nghe nhạc đơn thuần đã quá phô biến.
Do tình hình Covid đã xảy ra trong những năm gần đây khiến mọi người đều phải cách ly tại gia. Khi ấy rất nhiều người phải làm việc và học tập trực tuyến, đồng thời, những ứng dụng như: Facebook, Youtube,. có số lượng người truy cập tăng vọt và các ứng dụng nghe nhạc cũng không ngoại lệ, chúng được xem như một trong những công Cụ giải trí tốt nhất cho mọi người sau một ngày làm việc, học tập mệt mỏi. Thông thường, moi người sẽ nghe những bài hát yêu thích của họ theo một cách cá nhân và chỉ có thé sử dung các trang mạng xã hội dé có thể chia sé cho nhau.
Sau khi khai thác yếu tô này, chúng tôi đã đặt ra câu hỏi: “Tại sao chúng ta không cùng nhau nghe nhạc với bạn bè, người thân hoặc những người chưa từng quen biết có thê cùng nhau trò chuyện trong khi nghe nhac?” Từ day chúng tôi đã lên ý tưởng và quyết định thiết kế ứng dụng nghe nhạc chung nhằm kết nỗi mọi người lại với nhau. Đối tượng nghiên cứu và phục vu: Đối tượng nghiên cứu: > Thư viện Javascript mã nguồn mở React (hay React JS, Reactjs). > Công nghệ Node]s. > Thông tin dữ liệu của bài hát, nghệ sĩ và người dùng.
Đối tượng phục vụ: > Giới trẻ có sở thích nghe nhạc thường xuyên. > Những người dùng mong muốn giao lưu trò chuyện thông qua việc có cùng sở thích âm nhạc. Khao sát các giải pháp liên quan Nghe nhạc qua ứng dụng: Sau khi khảo sát chúng tôi thấy rằng mọi người đa số đều sử dụng cả hai nền tảng ứng dụng web và ứng dụng di động dé nghe nhạc. Và không ít người trong số đó có sở thích chia sẻ những bài hát yêu thích cho bạn bè và người thân.
Nhắn tin qua mạng xã hội: Phần lớn mọi người trò chuyện cùng nhau qua các nền tảng mạng xã hội và đồng thời đây là một cách thường thấy khi họ muốn chia sẻ sở thích mà bản thân cảm thấy thú vị với bạn bẻ, người thân. Nhưng đối với việc nghe nhạc thì các nền tảng mạng xã hội thường không phải là một lựa chọn hữu ích vì không đáp ứng được đầy đủ nội dung so với các ứng dụng nghe nhạc. Qua hai khảo sát trên, chúng tôi đã tham khảo và kết hợp vào ứng dụng nghe nhạc chung, có thé tích hợp chức năng nghe nhạc chung đồng thời trò chuyện trực tiếp dé giúp mọi người có những trải nghiệm mới lạ và tiện lợi. Mục tiêu dé tài Mục tiêu đề ra của chúng tôi là thiết kế một ứng dụng nghe nhạc chung hỗ trợ người dùng có nhiều trải nghiệm đặc biệt hơn với tính năng cùng nghe nhạc và trò chuyện.
Dé đạt được mục tiêu trên chúng tôi bắt đầu bằng mô tả kiến trúc và phân tích các chức năng chính của hệ thống đề xuất dựa trên những kết quả thu được. Tiến hành thiết kế lược đồ cơ sở dữ liệu (Database Diagram) và sơ đồ Usecase cho từng chức năng chính của hệ thống như chức năng tìm kiếm bài hát, chức năng nghe nhạc , chức năng tạo phòng nghe nhạc, chức năng quản lý người dùng, chức năng sử dụng tính năng trò chuyện nhắn tin. Và cuối cùng là vạch ra thời gian biểu, các giai đoạn phát triển cụ thé cho từng chức năng của hệ thống. Ngoài ra chúng tôi còn tìm hiểu thêm về hệ thống quản lý các thông tin dữ liệu bài hát , nghệ sĩ lẫn người dùng của các ứng dụng nghe nhạc khác sau đó là bắt đầu lập trình, phát triển ứng dụng theo những chức năng đã phân tích trước đó.
Thiết kế giao diện và xem trải nghiệm của người dùng , kiểm tra thử hệ thống, trải nghiệm hệ thống và đưa ra bản phát hành chính thức cho hệ thống. Mô tả bài toán Những công việc cần xử lý: > Ứng dụng cần phải có hệ thống đăng nhập, đăng ký tài khoản cho người dùng. > Ứng dụng sẽ đề xuất các bài hát đang thịnh hành trong và ngoài nước dé người dùng dễ đàng tiếp cận, bên cạnh đó chức năng tìm kiếm bài hát hỗ trợ người dùng tìm kiếm theo sở thích cá nhân. > Thêm bài hát vào danh sách phát nhac (playlist) và yêu thích bài hat (liked songs) giúp người dùng lưu lại bài hát yêu thích.
> Tích hợp tính năng trò chuyện (chat) trong phòng nghe nhạc chung dé người dùng có thê cùng nghe nhạc và trò chuyện cùng nhau. Tong quan về hệ thống nghe nhạc chung.