Thiết kế một website nghe nhạc, link file đính kèm ở cuối text)

Trong đó quan trọng nhất vẫn là các kiến thức,kỹ năng cơ bản trong form nhưthêm,sửa,xóa; tạo master page, và tất nhiên phải kết nổi được với database.Ngoài ra ta cần có kiến thức nhất đị

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO BÀI TẬP LỚN HỌC PHẦN: LẬP TRÌNH CƠ SỞ DỮ LIỆU TRÊN WEB

TÊN CHỦ ĐỀ NGHIÊN CỨU

Thiết kế một website nghe nhạc

GVHD: Ths Đăng Quỳnh Nga

Sinh viên:

Lớp:CNTT2 Khóa: K12

Hà Nội – Năm 2020

MỤC LỤC

PHẦN 1:TỔNG QUAN VỀ ĐỀ TÀI 4

1.1 Giới thiệu 4

1.2 Kiến thức kỹ năng vận dụng 4

Những nhiệm vụ,công việc chính khi thực hiện 5

1.3 Khảo sát 5

PHẦN 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 6

1 Phân tích 6

1.1 Biểu đồ ca sử dụng 6

1.1.1 Xác định các tác nhân 6

1.1.2 Xác định các ca sử dụng của hệ thống 6

1.1.3 Ca sử dụng của tác nhân 6

1.1.4 Ca sử dụng được mở rộng 7

1.1.5 Vẽ biểu đồ ca sử dụng 7

1.1.5.1 Vẽ biểu đồ ca sử dụng chính 7

1.1.5.2 Biểu đồ ca sử dụng phân rã theo chức năng 8

1.2 Phân tích ca sử dụng 12

1.2.1 Ca sử dụng đăng nhập hệ thống 12

1.2.1.1 Đặc tả ca sử dụng 12

1.2.1.2 Biểu đồ hoạt động 13

1.2.2 Ca sử dụng quản lý bài hát 13

1.2.2.1 Đặc tả ca sử dụng 13

1.2.2.2 Sơ đồ hoạt động 15

1.2.3 Ca sử dụng quản lý ca sĩ 17

1.2.3.1 Đặc tả ca sử dụng 17

1.2.3.2 Sơ đồ hoạt động 18

1.2.4 Ca sử dụng quản lý abum 21

1.2.4.1 Đặc tả ca sử dụng 21

1.2.4.2 Sơ đồ hoạt động 22

1.2.5 Ca sử dụng quản lý thể loại 24

1.2.5.1 Đặc tả ca sử dụng 24

1.2.5.2 Sơ đồ hoạt động 25

1.2.6 Ca sử dụng quản lý chủ đề 28

1.2.6.1 Đặc tả ca sử dụng 28

1.2.6.2 Sơ đồ hoạt động 29

1.3 Biểu đồ lớp 31

1.3.1 Đặt tên và gán trách nhiệm cho từng lớp 31

1.3.2 Phân tích thuộc tính và phương thức của từng lớp 31

1.3.2.1 users 31

1.3.2.2 songs 31

1.3.2.3 singers 32

1.3.2.4 Album 32

1.3.2.5 Thể Loại 33

1.3.3 Vẽ biểu đồ lớp 33

2.Xây dựng cơ sở dữ liệu 34

3 Thiết kế giao diện người dùng 34

PHẦN 3: KIẾN THỨC LĨNH HỘI VÀ BÀI HỌC KINH NGHIỆM 34

PHẦN 1:TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu

Hiện nay nhu cầu nghe nhạc trực tuyến đang được rất nhiều ngưởi yêu thích.Chính vì vậy có rất nhiều các trang website nghe nhạc được tạo lên và được ưachuộng ở Việt Nam Chính vì vậy nhóm chúng em đã dự định làm một trang webnghe nhạc trực tuyến với vốn kiến thức đã học về thiết kế một website kết hợpvới kiến thức môn lập trình cơ sở dữ liệu trên Web ( ASP )

- Chủ đề nghiên cứu: Nghiên cứu, thiết kế một website nghe nhạc

- Lý do chọn chủ đề: Đây là một chủ đề thiết thực trong cuộc sống Dễ dàngvận dụng các kiến thức của môn học vào trong quá trình thiết kế website.Sản phẩm có thế đưa vào thực tiễn mà không chỉ trên lý thuyết

- Nội dung học tập: Vận dụng kiến thức trong bộ môn ASP và các kiến thức

đã học trong trường thiết kế một trang website nghe nhạc

- Lập trình cơ sở dữ liệu trên web

- Hệ quản trị cơ sở dữ liệu

Các kiến thức,kỹ năng trong môn học cần có và vận dụng để thực hiện chủ đềnghiên cứu:

- Các kiến thức về Web form, Ajax, Tạo Master Page

- Thuần thục các kỹ năng thêm, sửa, xóa,… trong form

- Các kỹ năng kết nối với Database

- Một số chức năng nâng cao

Trong đó quan trọng nhất vẫn là các kiến thức,kỹ năng cơ bản trong form nhưthêm,sửa,xóa; tạo master page, và tất nhiên phải kết nổi được với database.

Ngoài ra ta cần có kiến thức nhất định về HTML,CSS,Java Scrip,… để áp dụngvào trong đề tài

Những nhiệm vụ,công việc chính khi thực hiện

- Nhận và đăng ký đề tài

- Đặc tả bài tập, tiến hành phân tích các lớp đối tượng trong bài tập

- Phân tích thiết kế hệ thống: Các chức năng, cơ sở dữ liệu, các mã lệnh

- Quản lý Abum: Trong hệ thống người quản lý có thể quản lý được cácAbum trong hệ thống Họ có quyền thêm mới, sửa, xóa các Abum trong hệthống

- Quản lý ca sĩ: Trong hệ thống người quản lý có thể quản lý được các ca sĩtrong hệ thống Họ có quyền thêm mới, sửa, xóa các ca sĩ trong hệ thống

- Quản lý thể loại: Trong hệ thống người quản lý có thể quản lý được các thểloại trong hệ thống Họ có quyền thêm mới, sửa, xóa các thể loại trong hệthống

- Quản lý Thể Loại:Trong hệ thống người quản lý có thể quản lý được cácthể loại trong hệ thống Họ có quyền thêm mới, sửa, xóa các thể loại trong

hệ thống

- Nghe nhạc: Người dùng truy cập hệ thống có quyền nghe nhạc

Website khi đưa vào hoạt động sẽ giúp người dùng có một không gian nghe nhạctrực tuyến thú vị, hấp dẫn và dễ dàng sử dụng

Bảng 1:Các tác nhân

1.1.2 Xác định các ca sử dụng của hệ thống

- Đăng nhập hệ thống

- Quản lý bài hát ( xem,thêm, sửa, xóa,tìm kiếm)

- Quản lý Abum (xem,thêm, sửa,xóa,tìm kiếm)

- Quản lý ca sĩ ( xem,thêm, sửa, xóa,tìm kiếm)

- Quản lý thể loại (xem,thêm, sửa,xóa,tìm kiếm)

- Quản lý chủ dề (xem, thêm, xóa, sửa,tìm kiếm)

Quản lý chủ đề (xem, thêm, xóa, sửa,tìmkiếm)

Quản lý bài hát Thêm bài hát

Sửa thông tin bài hátXóa bài hát khỏi hệ thốngTìm kiếm bài hát

Sửa thông tin abumXóa sản phẩm khỏi abumTìm kiếm abum

Quản lý ca sĩ Thêm ca sĩ

Sửa thông tin ca sĩXóa ca sĩ khỏi hệ thốngTìm kiếm ca sĩ

Quản lý thể loại Thêm thể loại

Sửa thông tin thể loạiXóa thể loại

Tìm kiếm theo thể loạiQuản lý chủ đề Thêm chủ đề

Sửa chủ đềXóa chủ đề Tìm kiếm theo chủ đề

Bảng 3:Các ca sử dụng mở rộng

1.1.5 Vẽ biểu đồ ca sử dụng

1.1.5.1 Vẽ biểu đồ ca sử dụng chính

Hình 1:Biểu đồ ca sử dụng chính

1.1.5.2 Biểu đồ ca sử dụng phân rã theo chức năng

Hình 2:Biểu đồ ca sử dụng đăng nhập

Hình 3:Biểu đồ ca sử dụng của chức năng quản lý bài hát

Hình 4:Biểu đồ ca sử dụng của chức năng quản lý abum

Hình 5:Biểu đồ ca sử dụng của chức năng quản lý ca sĩ

Hình 6:Biểu đồ ca sử dụng của chức năng quản lý thể loại

Hình 8:Biểu đồ ca sử dụng của nghe nhạc

 Tác nhân nhập tên đăng nhập và mật khẩu đăng nhập của mình

 Hệ thống xác nhận tài khoản và mật khẩu đăng nhập có hợp lệ

không, nếu không hợp lệ thì thực hiện luồng A1

 Hệ thống ghi lại quá trình đăng nhập

 Các luồng rẽ nhánh

 Luồng A1: Nhập sai tài khoản/mật khẩu đăng nhập

o Hệ thống hiển thị một thông báo lỗi

o Người sử dụng có thể chọn hoặc là đăng nhập lại hoặc làhuỷ bỏ đăng nhập, khi đó ca sử dụng kết thúc

- Tiền điều kiện

Không

- Hậu điều kiện

Nếu việc đăng nhập thành công, người sử dụng sẽ đăng nhập được vào hệ thống

1.2.1.2 Biểu đồ hoạt động

Hình 9:Biểu đồ hoạt động đăng nhập

1.2.2 Ca sử dụng quản lý bài hát

1.2.2.1 Đặc tả ca sử dụng

Mục đích: Ca sử dụng này cho phép người quản lý có thể quản lý được nhữngbài hát trên hệ thống với các chức năng chính là: Thêm, sửa, xóa,tìm kiếm bàihát

- Các luồng sự kiện

 Luồng sự kiện chính: Ca này bắt đầu khi quản lý muốn thêm, sửa,xóa, tìm kiếm bài hát trong hệ thống

 Hệ thống cho phép lựa chọn các yêu cầu

 Nếu chọn thêm, luồng sự kiện con là “Thêm một bài hát” sẽđược gọi Quản lý cần nhập đầy đủ các thông tin trước khi thêmmột bài hát mới bao gồm:

 Nếu chọn xóa, một luồng sự kiện con là “Xóa bài hát đượcchọn” Lúc này sẽ có một luồng thông báo xác nhận lại xemquản lý có thật sự muốn xóa bài hát đó không Nếu đồng ý xóathì thực hiện thao tác xóa.

 Luồng rẽ nhánh:

 Luồng A1: Nhập sai tài khoản, mật khẩu đăng nhập

o Hệ thống hiển thị một thông báo lỗi

o Người dùng có thể chọn đăng nhập lại hoặc hủy bỏ

 Tiền điều kiện: Người dùng đã được thiết lập tài khoản trong hệthống, tài khoản phải được cấp quyền quản lý Cần có danh sáchbài hát đã được tạo

 Hậu điều kiện: Nếu ca sử dụng thành công thì sẽ được thêm hoặccập nhật hoặc xóa hoặc tìm kiếm bài hát

1.2.2.2 Sơ đồ hoạt động

- Thao tác thêm bài hát

Hình 10: Thao tác thêm bài hát

- Thao tác sửa bài hát

Hình 11:Thao tác sửa bài hát

- Thao tác xóa bài hát

Hình 12:Thao tác xóa bài hát

- Thao tác tìm kiếm bài hát

Hình 13:Thao tác tìm kiếm bài hát

1.2.3 Ca sử dụng quản lý ca sĩ

1.2.3.1 Đặc tả ca sử dụng

Mục đích: Ca sử dụng này cho phép người quản lý có thể quản lý được những ca

sĩ trên hệ thống với các chức năng chính là: Thêm, sửa, xóa,tìm kiếm bài hát

- Các luồng sự kiện

 Luồng sự kiện chính: Ca này bắt đầu khi quản lý muốn thêm, sửa,xóa, tìm kiếm ca sĩ trong hệ thống

 Hệ thống cho phép lựa chọn các yêu cầu

 Nếu chọn thêm, luồng sự kiện con là “Thêm một ca sĩ” sẽ đượcgọi Quản lý cần nhập đầy đủ các thông tin trước khi thêm một

ca sĩ mới bao gồm:

o Mã ca sĩ

o Tên ca sĩ

o Ảnh

o Quê quán

o Thao tác

 Nếu chọn sửa, luồng sự kiện con là “sửa một ca sĩ” sẽ được gọi.Quản lý cần nhập đầy đủ các thông tin trước khi sửa một ca sĩmới bao gồm:

 Luồng rẽ nhánh:

 Luồng A1: Nhập sai tài khoản, mật khẩu đăng nhập

o Hệ thống hiển thị một thông báo lỗi

o Người dùng có thể chọn đăng nhập lại hoặc hủy bỏ

 Tiền điều kiện: Người dùng đã được thiết lập tài khoản trong hệthống, tài khoản phải được cấp quyền quản lý Cần có danh sách ca

Hình 14: Thao tác thêm ca sĩ

- Thao tác sửa ca sĩ

Hình 15:Thao tác sửa ca sĩ

- Thao tác xóa ca sĩ

Hình 16:Thao tác xóa ca sĩ

- Thao tác tìm kiếm ca sĩ

Hình 17:Thao tác tìm kiếm ca sĩ

 Hệ thống cho phép lựa chọn các yêu cầu

 Nếu chọn thêm, luồng sự kiện con là “Thêm một abum” sẽđược gọi Quản lý cần nhập đầy đủ các thông tin trước khi thêmmột abum mới bao gồm:

 Luồng rẽ nhánh:

 Luồng A1: Nhập sai tài khoản, mật khẩu đăng nhập

o Hệ thống hiển thị một thông báo lỗi

o Người dùng có thể chọn đăng nhập lại hoặc hủy bỏ

 Tiền điều kiện: Người dùng đã được thiết lập tài khoản trong hệthống, tài khoản phải được cấp quyền quản lý Cần có danh sáchabum đã được tạo.

 Hậu điều kiện: Nếu ca sử dụng thành công thì sẽ được thêm hoặccập nhật hoặc xóa hoặc tìm kiếm abum

1.2.4.2 Sơ đồ hoạt động

- Thao tác thêm abum

Hình 18: Thao tác thêm abum

- Thao tác sửa abum

Hình 19:Thao tác sửa abum

- Thao tác xóa abum

Hình 20:Thao tác xóa abum

- Thao tác tìm kiếm abum

- Các luồng sự kiện

 Luồng sự kiện chính: Ca này bắt đầu khi quản lý muốn thêm, sửa,xóa, tìm kiếm thể loại trong hệ thống

 Hệ thống cho phép lựa chọn các yêu cầu

 Nếu chọn thêm, luồng sự kiện con là “Thêm một thể loại” sẽđược gọi Quản lý cần nhập đầy đủ các thông tin trước khi thêmmột thể loại mới bao gồm:

o Mã thể loại

o Tên thể loại

o Thao tác

 Nếu chọn sửa, luồng sự kiện con là “sửa một abum” sẽ đượcgọi Quản lý cần nhập đầy đủ các thông tin trước khi sửa mộtabum mới bao gồm:

 Luồng rẽ nhánh:

 Luồng A1: Nhập sai tài khoản, mật khẩu đăng nhập

o Hệ thống hiển thị một thông báo lỗi

o Người dùng có thể chọn đăng nhập lại hoặc hủy bỏ

 Tiền điều kiện: Người dùng đã được thiết lập tài khoản trong hệthống, tài khoản phải được cấp quyền quản lý Cần có danh sáchthể loại đã được tạo

 Hậu điều kiện: Nếu ca sử dụng thành công thì sẽ được thêm hoặccập nhật hoặc xóa hoặc tìm kiếm thể loại

1.2.5.2 Sơ đồ hoạt động

- Thao tác thêm thể loại

Hình 22: Thao tác thêm thể loại

- Thao tác sửa thể loại

Hình 23:Thao tác sửa thể loại

Thao tác xóa thể loại

Hình 24:Thao tác xóa thể loại

- Thao tác tìm kiếm thể loại

Hình 25:Thao tác tìm kiếm thể loại

 Hệ thống cho phép lựa chọn các yêu cầu

 Nếu chọn thêm, luồng sự kiện con là “Thêm một chủ đề” sẽđược gọi Quản lý cần nhập đầy đủ các thông tin trước khi thêmmột chủ đề mới bao gồm:

 Luồng rẽ nhánh:

 Luồng A1: Nhập sai tài khoản, mật khẩu đăng nhập

o Hệ thống hiển thị một thông báo lỗi

o Người dùng có thể chọn đăng nhập lại hoặc hủy bỏ

 Tiền điều kiện: Người dùng đã được thiết lập tài khoản trong hệthống, tài khoản phải được cấp quyền quản lý Cần có danh sáchchủ đề đã được tạo

 Hậu điều kiện: Nếu ca sử dụng thành công thì sẽ được thêm hoặccập nhật hoặc xóa hoặc tìm kiếm chủ đề

1.2.6.2 Sơ đồ hoạt động

- Thao tác thêm chủ đề

Hình 26: Thao tác thêm chủ đề

- Thao tác sửa chủ đề

Hình 27:Thao tác sửa chủ đề

hệ thốngsingers Lưu trữ thông tin về các ca sĩ có trong

hệ thốngThể loại Lưu trữ thông tin về các thể loại có

trong hệ thốngChủ đề Lưu trữ thông tin về các chủ đề có trong

 Tên người dùng (ten)

 Tên đăng nhập (username)

 Mật khẩu (pass)

 Mã quyền (maQuyen)

- Phương thức:

 Thêm mới1.3.2.2 songs

 Thời lượng (thoiLuong)

Hình 30: Biểu đồ lớp của hệ thống

2.Xây dựng cơ sở dữ liệu

Hình 31:Mô hình cơ sở dữ liệu

3 Thiết kế giao diện người dùng

Hình 32:Màn hình trang chủ

Hình 33:Màn hình đăng nhập

Hình 34:Màn hình đăng nhập

Hình 35:Màn hình danh sách bài hát-Admin

Hình 36:Màn hình thêm mới bài hát-Admin

Hình 37:Màn hình danh sách chủ đề-Admin

Hình 38:Màn hình danh sách thể loại-Admin

Hình 39:Màn hình danh sách ca sĩ-Admin

Hình 40:Màn hình kết quả tìm kiếm

Hình 40:Màn hình nghe nhạc

PHẦN 3: KIẾN THỨC LĨNH HỘI VÀ BÀI HỌC KINH NGHIỆM

Trong quá trình thực hiện bài tập, chúng em đã học tập và ôn lại được rấtnhiều kiến thức của môn học cũng như các môn học khác như kiến thức về hệquản trị cơ sở dữ liệu, thiết kế web, phân tích thiết kế hệ thống,… Và trên hếtvẫn là các kiến thức đã được học trên lớp về bộ môn thiết kế cơ sở dữ liệu trênweb này

Chúng em cũng đã hoàn thành hầu hết các yêu cầu cô đặt ra để hoàn thànhbài tập : “Xây dựng một website nghe nhạc”

Tuy nhiên bên cạnh đó, do chưa có kinh nghiệm thiết kế cũng như làm mộtwebsite hoàn chỉnh nên chúng em vẫn còn một số khó khăn,vướng mắc trongviệc thiết kế cũng như thực hiện một số chức năng của website Em mong cô cóthể xem xét và đưa ra một số lời khuyên để chúng em có thể sửa chữa và khắcphục , giúp cho website hoàn thiện hơn và có thể đưa vào thực tiễn

Link file đính kèm:

https://drive.google.com/file/d/10n1GIEyixk1fOYK_xSwUxpNbCr0kxjmm/ view?usp=sharing