được phân công độ hoàn thành % hiện thực tế A Đăng nhập Trần Ngọc Hoàng Long 1 Cài đặt các gói thư viện cần thiết Trần Ngọc Hoàng Long 100% Trần Ngọc Hoàng Long 2 Cài đặt các lớp bi
Trang 1ĐẠI HỌC ĐÀ LẠT
Khoa Công Nghệ Thông Tin
- 🙞🙜🕮🙞🙜
BÁO CÁO
ĐỀ TÀI: XÂY DỰNG WEBSITE NGHE NHẠC
GV: Nguyễn Văn Phúc
Trần Ngọc Hoàng Long 2014469
1
Trang 2MỤC LỤC
I MỞ ĐẦU……….
II PHÂN TÍCH HỆ THỐNG………
III THIẾT KẾ WEBSITE………
1 Phát biểu bài toán………
2 Các quy trình trên website………
a Quy trình đăng ký thành viên………
b Quy trình đăng nhập dưới chế độ thành viên ………
3 Yêu cầu hệ thống……… ………
a Yêu cầu chức năng……… ………
b Yêu cầu phi chức năng…….………
4 Thiết kế giao diện……… ………
a Trang quản trị Admin…… ………
b Trang đăng nhập cho thành viên…… ………
c Trang đăng ký cho thành viên ………
d Xây dựng website…………
………
V KẾT LUẬN……….
Hiện nay, ngành công nghệ thông tin đã có những bước phát triển nhanh chóng về ứng dụng của nó trong mọi lĩnh vực trong cuộc sống trên phạm vi toàn thế giới nói chung và việt nam nói riêng Công nghệ thông tin là một phần không thể thiếu của cuộc sống văn minh, góp phần đẩy mạnh công cuộc công nghiệp hóa hiện đại hóa
2
Trang 3đất nước Máy vi tính cùng với những phần mềm là công cụ không thể thiếu, giúp chúng ta quản lý, tổ chức, sắp xếp và xử lý công việc một cách nhanh chóng và hiệu quả
Mạng Royal Pingdom cho biết, với 24,3 triệu người sử dụng Internet trong số 89,6 triệu dân, Việt Nam đứng thứ 20 trong danh sách các nước trên thế giới có số người sử dụng Internet cao nhất Trong đó có 76% vào mạng để nghe nhạc trực tuyến
Nắm bắt được những cơ hội cung cấp các sản phẩm giải trí, , nhóm chúng em đã cho ra đời website với mục đích đem lại cho người yêu âm nhạc những tác phẩm hay phù hợp với mọi đối tượng khách hàng
Báo cáo bao gồm 3 phần:
1 Phân tích hệ thống
● Chương này nêu ra bài toán quản lí thông tin cho người dùng, phân tích quy trình hoạt động của website Từ đó nêu lên mục đích, yêu cầu đặt ra và phân tích hệ thống
2 Thiết kế website
● Xác định các chức năng cần thiết và đưa ra mối quan hệ giữa các thành phần của website
3 Xây dựng website
● Xây dựng website dựa trên ngôn ngữ React và hệ cơ sở dữ liệu MySQL
Phân công công việc
3
Trang 4Đăng nhập, Đăng ký Việt Category Lấy danh sách thể loại Client
feature/categories Lấy danh bài hát của thể loại
Thêm, xóa, sửa thể loại Quản trị Long Bài hát Lấy danh sách bài hát theo kiểu mới nhất Client
Lấy danh bài hát top lượt nghe cao Người dùng đăng bài hát lên Client Lấy danh sách bài hát theo thể loại,tác giả
lấy chi tiết 1 bài,Giao diện player, play, hiện lời bài hát
Thêm, xóa, sửa, phê duyệt bài hát Quản trị
Việt Playlist
Tạo playlist (lấy user và danh sách bài hát thêm vào playlist) Client feature/playlists Lấy danh sách playlist theo tags, tác giả
Lấy danh sách bài hát trong playlist Lấy danh sách playlist (theo lượt nghe cao, theo cá nhân)
Xóa playlist Client Hiếu Artist Thêm xóa sửa artist Client
feature/artist Lấy danh sách tác giả
Xem thông tin tác giả, ca sĩ Lấy danh sách playlist của ca sĩ Hiếu Tags Thêm xóa sửa tag
feature/tags
Hiếu Group Tags Thêm xóa sửa group tags
feature/grouptags
STT Công việc Người Mức Người thực Ghi chú
4
Trang 5được phân công
độ hoàn thành (%) hiện thực tế
A Đăng nhập Trần
Ngọc Hoàng Long
1 Cài đặt các gói thư
viện cần thiết
Trần Ngọc Hoàng Long
100%
Trần Ngọc Hoàng Long
2 Cài đặt các lớp biểu
diễn thông tin và vai
trò người dùng, …
Trần Ngọc Hoàng Long
100%
Trần Ngọc Hoàng Long
3 Cài đặt các lớp để
truy vấn: sinh JWT
token, refresh token,
xác thực người dùng
Trần Ngọc Hoàng Long
100%
Trần Ngọc Hoàng Long
4 Xây dựng API cho
việc đăng nhập
Trần Ngọc Hoàng
100% Trần Ngọc Hoàng Long
5
Trang 65 Xây dựng giao diện
đăng nhập
Trần Ngọc Hoàng Long
30% Trần Ngọc Hoàng Long
Chỉ xây dựng giao diện chưa đăng nhập để lấy token
B Tính năng đăng ký Trần
Ngọc Hoàng Long
1 Cài đặt các gói thư
viện cần thiết
Trần Ngọc Hoàng Long
100%
Trần Ngọc Hoàng Long
2 Cài đặt các lớp để
truy vấn: sinh JWT
token, refresh token,
gửi email xác nhận
tạo tài khoản
Trần Ngọc Hoàng Long
50% Trần Ngọc Hoàng Long
Xây dựng endpoint đăng ký (mật khẩu và username), chưa gửi email xác nhận tài khoản
3 Xây dựng API đăng
ký
Trần Ngọc Hoàng Long
50% Trần Ngọc Hoàng Long
Xây dựng endpoint đăng ký (mật khẩu
và username), chưa gửi email xác nhận
6
Trang 7tài khoản
4 Xây dựng giao giao
diện đăng ký
Trần Ngọc Hoàng Long
40% Trần Ngọc Hoàng Long
C Phân quyền (role) Trần
Ngọc Hoàng Long
Trần Ngọc Hoàng Long
1 Xây dựng lớp biểu
diễn role
Trần Ngọc Hoàng Long
100%
Trần Ngọc Hoàng Long
2 Cài đặt các lớp để
truy vấn: thêm, xóa,
sửa role, lấy role
Trần Ngọc Hoàng Long
25% Trần Ngọc Hoàng Long
Làm lấy, thêm role
3 Xây dựng API đăng
ký
Trần Ngọc Hoàng Long
25% Trần Ngọc Hoàng Long
Xây dựng endpoint lấy, thêm role
7
Trang 84 Xây dựng giao diện
quản lý role và cài
đặt chức năng
Trần Ngọc Hoàng Long
0% Trần Ngọc Hoàng Long
D Thể loại bài hát
(Category)
Đinh Xuân Việt
Đinh Xuân Việt
1 Xây dựng lớp biểu
diễn category
Đinh Xuân Việt
100%
Đinh Xuân Việt
2 Cài đặt các lớp để
truy vấn: thêm, xóa,
sửa role, lấy danh
sách role, lấy role
theo id
Đinh Xuân Việt
25% Đinh Xuân Việt
Hoàn thành lấy danh sách role, lấy role theo id
3 Xây dựng API
Category
Đinh Xuân Việt
25% Đinh Xuân Việt
Xây dựng endpoint lấy danh sách, lấy category theo id
4 Xây dựng giao diện
và cài đặt chức năng
● Quản lý thêm,
xóa, sửa
● Lấy danh sách
Đinh Xuân Việt
50% Đinh Xuân Việt
Hoàn thành lấy danh sách và chi tiết category ở phía người dùng
8
Trang 9bài hát
● Lấy danh sách
thể loại
● Hiển thị nội
dung
E Bài hát Trần
Ngọc Hoàng Long
Trần Ngọc Hoàng Long
1 Xây dựng lớp biểu
diễn bài hát (song)
Trần Ngọc Hoàng Long
100% Trần Ngọc Hoàng Long
2 Cài đặt các lớp để
truy vấn: thêm, xóa,
sửa bài hát, lấy danh
sách bài hát, yêu
thích bài hát, lấy chi
tiết bài hát
Trần Ngọc Hoàng Long
25% Trần Ngọc Hoàng Long
Hoàn thành Lấy danh sách bài hát, chi tiết bài hát
3 Xây dựng API bài hát Trần
Ngọc Hoàng Long
25% Trần Ngọc Hoàng Long
Hoàn thành Lấy danh sách bài hát, chi tiết bài hát
4 Xây dựng giao diện
và cài đặt chức năng:
- Lấy danh sách
Trần Ngọc Hoàng
25% Trần Ngọc Hoàng Long
- Lấy danh sách bài hát, chi tiết bài hát, chức
9
Trang 10bài hát theo
thể loại, tác
giả, thẻ,
- Chi tiết bài
hát, chức năng
phát bài hát
- Quản lý bài
hát: thêm, xóa,
sửa
- Tìm kiếm bài
hát
- Chức năng
phát bài hát,
lời bài hát,
phát bài hát
theo playlist,
bài hát
- Phát bài hát
F User Đinh
Xuân Việt
Đinh Xuân Việt
1 Xây dựng lớp biểu
diễn bài hát (song)
Trần Ngọc Hoàng Long
100% Trần Ngọc Hoàng Long
2 Cài đặt các lớp để
truy vấn: lấy danh
sách user, thêm role
cho user, lấy role của
user, xóa role của
Đinh Xuân Việt
100% Đinh Xuân Việt
10
Trang 113 Xây dựng API người
dùng
Đinh Xuân Việt
100% Đinh Xuân Việt
4 Xây dựng giao diện
và cài đặt chức năng:
- Quản lý người
dùng: thêm,
xóa role người
dùng, lấy danh
sách, lấy role
của người
dùng
Trần Ngọc Hoàng Long
0% Trần Ngọc Hoàng Long
G Thêm xóa sửa artist Trần
Trung Hiếu
Trần Trung Hiếu
1 Xây dựng lớp biểu
diễn bài hát (tác giả)
artist
Trần Trung Hiếu
100% Trần Trung Hiếu
2 Cài đặt các lớp để
truy vấn: thêm, xóa,
sửa tác giả, lấy danh
sách tác giả, xem
thông tin và xem
thông tin chi tiết của
Trần Trung Hiếu
100% Trần Trung Hiếu
Hoàn thành thêm, xóa, sửa tác giả, lấy danh sách tác giả, xem thông tin và xem thông tin chi tiết của tác giả
11
Trang 12tác giả.
3 Xây dựng API tác giả Trần
Trung Hiếu
100% Trần Trung Hiếu
Hoàn thành thêm, xóa, sửa tác giả, lấy danh sách tác giả, xem thông tin và xem thông tin chi tiết của tác giả
4 Xây dựng giao diện
và cài đặt chức năng:
Trần Trung Hiếu
0% Trần Trung Hiếu
H Thêm xóa sửa tag Trần
Trung Hiếu
1 Xây dựng lớp biểu
diễn bài hát (thẻ) tag
Trần Trung Hiếu
100% Trần Trung Hiếu
2 Cài đặt các lớp để
truy vấn: thêm, xóa,
sửa thẻ, lấy danh sách
thẻ
Trần Trung Hiếu
100% Trần Trung Hiếu
Hoàn thành thêm, xóa, sửa thẻ, lấy danh sách thẻ
3 Xây dựng API thẻ Trần
Trung Hiếu
100% Trần Trung Hiếu
hoàn thành thêm, xóa, sửa thẻ, lấy danh sách thẻ
12
Trang 134 Xây dựng giao diện
và cài đặt chức năng
Trần Trung Hiếu
0% Trần Trung Hiếu
I Thêm xóa sửa group
tags
Trần Trung Hiếu
1 Xây dựng lớp biểu
diễn bài hát (nhóm
thẻ) group tag
Trần Trung Hiếu
100% Trần Trung Hiếu
2 Cài đặt các lớp để
truy vấn: thêm, xóa,
sửa nhóm thẻ, lấy
danh sách nhóm thẻ
Trần Trung Hiếu
100% Trần Trung Hiếu
Hoàn thành thêm, xóa, sửa nhóm thẻ, lấy danh sách nhóm thẻ
3 Xây dựng API nhóm
thẻ
Trần Trung Hiếu
100% Trần Trung Hiếu
Hoàn thành thêm, xóa, sửa nhóm thẻ, lấy danh sách nhóm thẻ
4 Xây dựng giao diện
và cài đặt chức năng
Trần Trung Hiếu
0% Trần Trung Hiếu
1 Phát biểu bài toán
Khi truy cập vào website thì người dùng có thể xem các thông tin bài hát theo
13
Trang 14từng chuyên mục, nghe nhạc miễn phí, đăng kí làm thành viên của website Các thành viên có thể tiến hành upload nhạc của mình, chỉnh sửa hoặc xóa nội dung của các bài viết
2 Các quy trình trên website
a Quy trình đăng ký thành viên
Mô tả
14
Trang 15- Người sử dụng đăng nhập vào website, khi click đăng kí thì bản đăng kí hiện
ra cho phép người sử dụng nhập các thông tin cần thiết
- Hệ thống sẽ kiểm tra và xác nhận các thông tin mà người sử dụng đưa và đồng thời đưa ra thông báo theo từng thông tin
b Quy trình đăng nhập dưới chế độ thành viên
Mô tả
- Trong Thành viên sẽ tiến hành đăng nhập tại mục đăng nhập của website, hệ thống sẽ kiểm tra các thông tin thành viên đưa vào, nếu hợp lệ thì thành viên
15
Trang 16đăng nhập bình thường, có thể thực hiện các quyền của một thành viên, ngược lại hệ thống sẽ yêu cầu thành viên cung cấp thông tin chính xác hoặc yêu cầu cấp lại tài khoản
3 Yêu cầu hệ thống
a Yêu cầu chức năng
● Chức năng website
○ Đăng nhập website
○ Đăng ký thành viên
○ Hiệu chỉnh thông tin thành viên
● Chức năng cập nhật thông tin
○ Cập nhật bài hát theo các chuyên mục
○ Cập nhật thông tin của thành viên và ban quản trị
● Chức năng xử lý
○ Tìm kiếm
○ Liên hệ
b Yêu cầu phi chức năng
● Giao diện trực quan dễ sử dụng, thân thiện
● Chương trình chạy ổn định, chính xác và an toàn
● Tốn ít tài nguyên hệ thống
● Dễ dàng nhập xuất dữ liệu, nâng cấp và sữa website
4 Xây dựng Website
a Trang đăng nhập cho thành viên
16
Trang 17b Trang đăng ký cho thành viên
c Giao diện website
17
Trang 18Những ưu điểm:
● Tạo được thiết cơ bản để đáp ứng lại những yêu cầu bài toán đặt ra-Vận dụng hầu hết các kiến thức đã học
● Khả Năng làm việc nhóm hiệu quả
● Website hoạt động tốt, tương thích với mọi trình duyệt
Những nhược điểm:
● Quá trình phân tích và thiết kế chưa hoàn thiện, phải sửa chữa lại nhiều lần
● Website còn đơn giản, chưa hoàn thiện nhiều chức năng, cần được mở rộng
và nâng cấp nhiều lần
18