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

1 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ế 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 1.1 Giới thiệu 1.2 Kiến thức kỹ vận dụng Những nhiệm vụ,cơng việc thực 1.3 Khảo sát .5 PHẦN 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG .6 Phân tích .6 1.1 Biểu đồ ca sử dụng 1.1.1 Xác định tác nhân .6 1.1.2 Xác định ca sử dụng hệ thống 1.1.3 Ca sử dụng tác nhân 1.1.4 Ca sử dụng 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 1.1.5.2 Biểu đồ ca sử dụng phân rã theo chức 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ý 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 gán trách nhiệm cho lớp 31 1.3.2 Phân tích thuộc tính phương thức 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 sở liệu 34 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 nhu cầu nghe nhạc trực tuyến nhiều ngưởi u thích Chính có nhiều trang website nghe nhạc tạo lên ưa chuộng Việt Nam Chính nhóm chúng em dự định làm trang web nghe nhạc trực tuyến với vốn kiến thức học thiết kế website kết hợp với kiến thức mơn lập trình sở liệu Web ( ASP ) - Chủ đề nghiên cứu: Nghiên cứu, thiết kế website nghe nhạc - Lý chọn chủ đề: Đây chủ đề thiết thực sống Dễ dàng vận dụng kiến thức mơn học vào q trình thiết kế website Sản phẩm đưa vào thực tiễn mà khơng lý thuyết - Nội dung học tập: Vận dụng kiến thức môn ASP kiến thức học trường thiết kế trang website nghe nhạc 1.2 Kiến thức kỹ vận dụng Để thiết kế website nghe nhạc chúng em vận dụng kiến thức môn học: - Thiết kế web Phân tích thiết kế hệ thống Lập trình sở liệu web Hệ quản trị sở liệu Các kiến thức,kỹ môn học cần có vận dụng để thực chủ đề nghiên cứu: - Các kiến thức Web form, Ajax, Tạo Master Page Thuần thục kỹ thêm, sửa, xóa,… form Các kỹ kết nối với Database Một số chức nâng cao Trong quan trọng kiến thức,kỹ form thêm,sửa,xóa; tạo master page, tất nhiên phải kết với database Ngoài ta cần có kiến thức định HTML,CSS,Java Scrip,… để áp dụng vào đề tài Những nhiệm vụ,công việc thực - Nhận đăng ký đề tài Đặc tả tập, tiến hành phân tích lớp đối tượng tập Phân tích thiết kế hệ thống: Các chức năng, sở liệu, mã lệnh Làm báo cáo 1.3 Khảo sát Website hướng đến web dễ sử dụng,quản lý cho người dùng người quản lý Phần mềm gồm phần là: - Phần dành cho người quản lý - Phần dành cho người dùng Các phạm vi chức năng: - Quản lý hát: Trong hệ thống người quản lý quản lý hát hệ thống Họ có quyền thêm mới, sửa, xóa hát hệ thống - Quản lý Abum: Trong hệ thống người quản lý quản lý Abum hệ thống Họ có quyền thêm mới, sửa, xóa Abum hệ thống - Quản lý ca sĩ: Trong hệ thống người quản lý quản lý ca sĩ hệ thống Họ có quyền thêm mới, sửa, xóa ca sĩ hệ thống - Quản lý thể loại: Trong hệ thống người quản lý quản lý thể loại hệ thống Họ có quyền thêm mới, sửa, xóa thể loại hệ thống - Quản lý Thể Loại:Trong hệ thống người quản lý quản lý thể loại hệ thống Họ có quyền thêm mới, sửa, xóa thể loại hệ thống - Nghe nhạc: Người dùng truy cập hệ thống có quyền nghe nhạc Website đưa vào hoạt động giúp người dùng có khơng gian nghe nhạc trực tuyến thú vị, hấp dẫn dễ dàng sử dụng PHẦN 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG Phân tích 1.1 Biểu đồ ca sử dụng 1.1.1 Xác định tác nhân Tác nhân Quản lý Mô tả Người quản lý chung, giám sát vận hành hoạt động hệ thống Người dùng Người sử dụng hệ thống Bảng 1:Các tác nhân 1.1.2 - Xác định ca sử dụng hệ thống Đăng nhập hệ thống Quản lý 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) Nghe nhạc ( Tìm kiếm,xem) 1.1.3 Ca sử dụng tác nhân Tác nhân Quản lý Ca sử dụng Đăng nhập hệ thống Quản lý 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ủ đề (xem, thêm, xóa, sửa,tìm kiếm) Thợ may Đăng nhập Nghe nhạc ( Tìm kiếm,xem) Hình 2: Tác nhân thuộc ca sử dụng 1.1.4 Ca sử dụng mở rộng Ca sử dụng đích Quản lý hát Quản lý Abum Quản lý ca sĩ Quản lý thể loại Quản lý chủ đề Nghe nhạc Ca sử dụng nguồn Thêm hát Sửa thơng tin hát Xóa hát khỏi hệ thống Tìm kiếm hát Thêm abum Sửa thơng tin abum Xóa sản phẩm khỏi abum Tìm kiếm abum Thêm ca sĩ Sửa thơng tin ca sĩ Xóa ca sĩ khỏi hệ thống Tìm kiếm ca sĩ Thêm thể loại Sửa thơng tin thể loại Xóa thể loại Tìm kiếm theo thể loại Thêm chủ đề Sửa chủ đề Xóa chủ đề Tìm kiếm theo chủ đề Tìm kiếm 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 Hình 1:Biểu đồ ca sử dụng 1.1.5.2 Biểu đồ ca sử dụng phân rã theo chức Hình 2:Biểu đồ ca sử dụng đăng nhập Hình 3:Biểu đồ ca sử dụng chức quản lý hát Hình 4:Biểu đồ ca sử dụng chức quản lý abum 10 Hình 5:Biểu đồ ca sử dụng chức quản lý ca sĩ Hình 6:Biểu đồ ca sử dụng chức quản lý thể loại 28 - Thao tác tìm kiếm thể loại Hình 25:Thao tác tìm kiếm thể loại 29 1.2.6 Ca sử dụng quản lý chủ đề 1.2.6.1 Đặc tả ca sử dụng Mục đích: Ca sử dụng cho phép người quản lý quản lý chủ đề hệ thống với chức là: Thêm, sửa, xóa,tìm kiếm chủ đề - Các luồng kiện  Luồng kiện chính: Ca bắt đầu quản lý muốn thêm, sửa, xóa, tìm kiếm chủ đề hệ thống  Hệ thống cho phép lựa chọn yêu cầu  Nếu chọn thêm, luồng kiện “Thêm chủ đề” gọi Quản lý cần nhập đầy đủ thông tin trước thêm chủ đề bao gồm: o Mã chủ đề o Tên chủ đề o Thao tác  Nếu chọn sửa, luồng kiện “sửa chủ đề” gọi Quản lý cần nhập đầy đủ thông tin trước sửa chủ đề bao gồm: o Mã chủ đề o Tên chủ đề o Thao tác  Nếu chọn xóa, luồng kiện “Xóa chủ đề chọn” Lúc có luồng thơng báo xác nhận lại xem quản lý có thật muốn xóa thể loại khơng Nếu đồng ý xóa thực thao tác xóa  Luồng rẽ nhánh:  Luồng A1: Nhập sai tài khoản, mật đăng nhập o Hệ thống hiển thị thông báo lỗi o Người dùng chọn đăng nhập lại hủy bỏ  Tiền điều kiện: Người dùng thiết lập tài khoản hệ thống, tài khoản phải cấp quyền quản lý Cần có danh sách chủ đề tạo  Hậu điều kiện: Nếu ca sử dụng thành cơng thêm cập nhật xóa tìm kiếm chủ đề 30 1.2.6.2 Sơ đồ hoạt động - Thao tác thêm chủ đề Hình 26: Thao tác thêm chủ đề 31 - Thao tác sửa chủ đề Hình 27:Thao tác sửa chủ đề 32 - Thao tác xóa chủ đề Hình 28:Thao tác xóa chủ đề - Thao tác tìm kiếm chủ đề Hình 29:Thao tác tìm kiếm chủ đề 33 1.3 Biểu đồ lớp 1.3.1 Đặt tên gán trách nhiệm cho lớp Tên lớp Trách nhiệm users Lưu trữ thông tin, hoạt động người sử dụng songs Lưu trữ thông tin hát có hệ thống singers Lưu trữ thơng tin ca sĩ có hệ thống Thể loại Lưu trữ thông tin thể loại có hệ thống Chủ đề Lưu trữ thơng tin chủ đề có hệ thống Bảng 4: Đặt tên gán trách nhiệm 1.3.2 Phân tích thuộc tính phương thức lớp 1.3.2.1 users - Thuộc tính:  Mã người dùng (ma ND)  Tên người dùng (ten)  Tên đăng nhập (username)  Mật (pass)  Mã quyền (maQuyen) - Phương thức:  Thêm 1.3.2.2 songs - Thuộc tính:  Mã hát (id)  Tên hát (tenBaiHat)  Đường dẫn (songUrl)  Ảnh (imgUrl)  Lượt nghe (luotNghe)  Mã ca sĩ (maCaSi)  Mã chủ đề (maChuDe)  Thời lượng (thoiLuong) 34  Mã thể loại (maTheLoai) - Phương thức:  Thêm hát  Sửa hát  Xóa hát  Tìm kiếm hát 1.3.2.3 singers - Thuộc tính:  Mã ca sĩ (id)  Tên ca sĩ (tenCaSi)  Ảnh (imgUrl)  Quê Quán (Quê quán) - Phương thức:  Thêm ca sĩ  Sửa ca sĩ  Xóa ca sĩ  Tìm kiếm ca sĩ 1.3.2.4 Thể loại - Thuộc tính:  Tên thể loại(tenTheLoai)  Mã thể loại (maTheLoai) - Phương thức:  Thêm thể loại  Sửa thể loại  Xóa thê loại  Tìm kiếm thể loại 1.3.2.5 Chủ đề - Thuộc tính:  Tên thể loại (TenChuDe) 35  Mã thể loại (maChuDe) - Phương thức:  Thêm hát  Sửa hát  Xóa hát  Tìm kiếm hát 1.3.3 Vẽ biểu đồ lớp Hình 30: Biểu đồ lớp hệ thống 36 2.Xây dựng sở liệu Hình 31:Mơ hình sở liệu Thiết kế giao diện người dùng Hình 32:Màn hình trang chủ 37 Hình 33:Màn hình đăng nhập Hình 34:Màn hình đăng nhập 38 Hình 35:Màn hình danh sách hát-Admin Hình 36:Màn hình thêm hát-Admin 39 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 40 Hình 39:Màn hình danh sách ca sĩ-Admin Hình 40:Màn hình kết tìm kiếm 41 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 trình thực tập, chúng em học tập ôn lại nhiều kiến thức môn học môn học khác kiến thức hệ quản trị sở liệu, thiết kế web, phân tích thiết kế hệ thống,… Và hết kiến thức học lớp môn thiết kế sở liệu web Chúng em hoàn thành hầu hết u cầu đặt để hồn thành tập : “Xây dựng website nghe nhạc” Tuy nhiên bên cạnh đó, chưa có kinh nghiệm thiết kế làm website hoàn chỉnh nên chúng em cịn số khó khăn,vướng mắc việc thiết kế thực số chức website Em mong xem xét đưa số lời khuyên để chúng em sửa chữa khắc phục , giúp cho website hoàn thiện đưa vào thực tiễn 42 Link file đính kèm: https://drive.google.com/file/d/10n1GIEyixk1fOYK_xSwUxpNbCr0kxjmm/ view?usp=sharing ... trường thiết kế trang website nghe nhạc 1.2 Kiến thức kỹ vận dụng Để thiết kế website nghe nhạc chúng em vận dụng kiến thức mơn học: - Thiết kế web Phân tích thiết kế hệ thống Lập trình sở liệu... trị sở liệu, thiết kế web, phân tích thiết kế hệ thống,… Và hết kiến thức học lớp môn thiết kế sở liệu web Chúng em hoàn thành hầu hết yêu cầu cô đặt để hoàn thành tập : “Xây dựng website nghe. .. trình sở liệu Web ( ASP ) - Chủ đề nghiên cứu: Nghiên cứu, thiết kế website nghe nhạc - Lý chọn chủ đề: Đây chủ đề thiết thực sống Dễ dàng vận dụng kiến thức môn học vào q trình thiết kế website