1. Trang chủ
  2. » Luận Văn - Báo Cáo

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

18 0 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Xây dựng Website Nghe Nhạc
Tác giả Trần Ngọc Hoàng Long, Trần Trung Hiếu, Đinh Xuân Việt
Người hướng dẫn Nguyễn Văn Phúc
Trường học Đại Học Đà Lạt, Khoa Công Nghệ Thông Tin
Chuyên ngành Công nghệ thông tin
Thể loại Báo cáo
Thành phố Đà Lạt
Định dạng
Số trang 18
Dung lượng 1,53 MB

Nội dung

đượ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 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

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 6

5 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

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 7

tà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

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 8

4 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 9

bà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 10

bà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 11

3 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 12

tá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 13

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

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 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à đồ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 17

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

c Giao diện website

17

Trang 18

Nhữ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

Ngày đăng: 28/06/2024, 10:13

w