Báo Cáo Xây Dựng Website Nghe Nhạc.pdf

Trang 2

MỤ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

Trang 4

Lấy danh bài hát top lượt nghe cao

Người dùng đăng bài hát lênClientLấ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átQuản trị

Tạo playlist (lấy user và danh sách bài hát thêm

vào playlist)Clientfeature/playlistsLấ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 playlistClientHiếuArtistThêm xóa sửa artistClientfeature/artistLấ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ếuTagsThêm xóa sửa tag

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

2 Cài đặt các lớp biểu diễn thông tin và vai trò người dùng, …

3 Cài đặt các lớp để truy vấn: sinh JWT token, refresh token, xác thực người dùng

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 6

5 Xây dựng giao diện đăng nhập

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

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

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ý

Xây dựng endpointđăng ký (mật khẩu và username), chưagửi email xác nhận

6

Trang 7

tài khoản

4 Xây dựng giao giao diện đăng ký

C Phân quyền (role) Trần Ngọc Hoàng Long

1 Xây dựng lớp biểu diễn role

2 Cài đặt các lớp để truy vấn: thêm, xóa, sửa role, lấy role

Làm lấy, thêm role

3 Xây dựng API đăng ký

Xây dựng endpointlấy, thêm role

7

Trang 8

4 Xây dựng giao diện quản lý role và cài đặt chức năng

D Thể loại bài hát (Category)

Đinh Xuân Việt

1 Xây dựng lớp biểu diễn category

Đ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

Xây dựng endpointlấ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

Hoàn thành lấy danh sách và chi tiết category ở phíangười dùng

8

Trang 9

bài hát● Lấy danh sách

thể loại● Hiển thị nội

E Bài hát Trần Ngọc Hoàng Long

1 Xây dựng lớp biểu diễn bài hát (song)

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

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

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

- Lấy danh sách bài hát,chi tiết bài hát, chức

9

Trang 10

bài hát theo thể loại, tác giả, thẻ, - Chi tiết bài

hát, chức năngphá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)

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

10

Trang 11

3 Xây dựng API người dùng

Đinh Xuân Việt

- Quản lý ngườidùng: thêm, xóa role ngườidùng, lấy danhsách, lấy role của người dùng.

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

Hoàn thành thêm, xóa, sửa tác giả, lấydanh sách tác giả, xem thông tin và xem thông tin chi tiết của tác giả.

11

Trang 12

tác giả.

3 Xây dựng API tác giả Trần Trung Hiếu

Hoàn thành thêm, xóa, sửa tác giả, lấydanh sách tác giả, xem thông tin và xem thông tin chi tiết của tác giả.

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

2 Cài đặt các lớp để truy vấn: thêm, xóa, sửa thẻ, lấy danh sáchthẻ.

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

hoàn thành thêm, xóa, sửa thẻ, lấy danh sách thẻ.

12

Trang 13

4 Xây dựng giao diện và cài đặt chức năng

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

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

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

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

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 14

từ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à đồngthờ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 17

b Trang đăng ký cho thành viên

c Giao diện website

17

Trang 18

● 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ệtNhữ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