a. Biểu đồ use case quản lý tài khoản
Hình: Biểu đồ use-case quản lý tài khoản
b. Đặc tả chi tiết use-case cập nhật tài khoản Use case Quản lý tài khoản
Tác nhân Admin
Mơ tả chung Thêm Xóa Sửa thơng tin tài khoản
Luồng sự kiện chính
Actor System
1. Người dùng chọn Quản lý tài khoản
2. Hệ thống hiển thị ra danh sách các tài khoản trong database và các chức năng (Thêm, Xóa, Sửa)
3. Người dùng chọn chức năng cần thực hiện (Thêm, Xóa, Sửa)
4. Hệ thống thực hiện các chức năng yêu cầu
5. Hệ thống kiểm tra các trường người dùng vừa nhập vào và lưu thông tin tài khoản mới vào Database và hiển thị thông báo thực hiện các chức năng yêu cầu thành công.
Luồng thay thế
Actor System
5.1 Hệ thống kiểm tra các trường người dùng vừa nhập vào và phát hiện lỗi, hiển thị ra thông báo thực hiện các chức năng yêu cầu thất bại
Các yêu cầu cụ
thể Khơng có
Điều kiện trước Đăng nhập với quyền admin
Điều kiện sau Thực hiện các chức năng thành công hoặc thất bại
Các yêu cầu mở
rộng Khơng có
Hình : Biểu đồ tuần tự quản lý tài khoản
d.Đặc tả chi tiết use-case xóa sản phẩm Use case Xóa bài hát
Tác nhân Admin
Mục đích Xóa bài hát
Mơ tả chung Xóa bài hát
Luồng sự kiện chính
Actor System
1. Người dùng chọn Xóa bài hát 2. Hệ thống hiển thị ra danh sách các bài hát trong database
3. Người dùng chọn bài hát cần xóa 4. Hệ thống hiển thị ra thơng báo “Bạn có chắc chắn muốn xóa khơng?”
5. Người dùng chọn “Có” 6. Hệ thống xóa bài hát ra khỏi database và hiển thị xóa bài hát thành cơng.
Luồng thay thế
Actor System
5.1 Người dùng chọn “Không” và sẽ quay trở lại bước 2
Các u cầu cụ thể Khơng có
Điều kiện trước Đăng nhập với quyền admin
Điều kiện sau Xóa sản phẩm thành công hoặc thất bại
Các yêu cầu mở rộng Không có
f. Đặc tả chi tiết use-case cập nhật bài hát Use case Cập nhật bài hát
Tác nhân Admin
Mục đích Cập nhật tài khoản
Mô tả chung Cập nhật thông tin tài khoản
Luồng sự kiện chính
Actor Systems
1. Người dùng chọn cập nhật tài khoản 2. Hệ thống hiển thị ra danh sách các tài khoản trong database
3. Người dùng chọn tài khoản cần cập nhật
4. Hệ thống hiển thị ra form cập nhật và người dùng nhập vào thông tin cần cập nhật vào form
5. Hệ thống kiểm tra các trường người dùng vừa nhập vào và lưu thông tin tài khoản mới vào Database và hiển thị thông báo cập nhật tài khoản thành công.
Luồng thay thế
Actor System
5.1 Hệ thống kiểm tra các trường người dùng vừa nhập vào và phát hiện lỗi, hiển thị ra thông báo cập nhật bài hát thất bại
Các u cầu cụ thể Khơng có
Điều kiện trước Đăng nhập với quyền admin
Điều kiện sau Cập nhật sản phẩm thành công hoặc thất bại
Các yêu cầu mở rộng Không có
2.3.10Báo cáo thống kê
Bảng: Đặc tả chi tiết Use-case Quản lý báo cáo thống kê Use case Qu n lý báo cáo thốống kềả
Tác nhân Admin
Mục đích Báo cáo thống kê
Mơ tả chung Thống kê doanh thu và bài hát bán chạy
Luồng sự kiện
Actor System
1. Người dùng ch n ch c năng bài hát ọ ứ
bán ch yạ
2. Hệ thống hiển thị các bài hát bán chạy có sắp xếp ra màn hình.
3. Người dùng ch n ch c năng xẽm ọ ứ
doanh thu
4. Hệ thống hiển thị tổng số doanh thu ra màn hình.
Luồồng thay thếế Khơng có
Các yếu cầồu c thụ ể Khơng có
Điếồu ki n trệ ước Đăng nhập với quyền admin
Điếồu ki n sauệ Báo cáo thành công
a) Doanh thu
2.4. Lược đồ quan hệ
2.5. Thiết kế cơ sở dữ liệu2.5.1 Chi tiết USER 2.5.1 Chi tiết USER
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Id int Khóa chính
Username Tên Nvarchar (50)
Email Gmail Nvarchar (50)
Password Mật khẩu int
DisplayedName int
Avatar int
Role Nvarchar (50)
2.5.2 Lyrictable
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Id Int Khóa chính
Songid Tên bài hát int
Lyric Lời bài hát Text
Userid Bigint(100)
2.5.3 Category
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Title Text
Slug Text
Thumbnall Text
2.5.4 Artist
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Id int Khóa chính
Title Text
Thumbnail Text
Slug Text
2.5.5 Liketable
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Id int Khóa chính
Userid Bigint(100)
Songid int
2.5.6 Bảng Music
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Id int Khóa chính
Title Text
Thumbnail Text Slug Text Artist_name Text Cat_id int Public_year int Artist_id int Upload_time timetamp Viewcount int 2.5.7 Bảng Album
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Id int Khóa chính Title Text Artist_id int Cat_id int Thumbnail Text Slug Text 2.5.8 Bảng Notification
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Id int Khóa chính
Seen tinyint
2.5.9 Bảng Notification Seen
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Id int Khóa chính
Notification_id int
Admin_id int
2.5.10 Bảng Resetpassword
Tên Cột Giải Thích Kiểu Dữ Liệu Ghi Chú
Id int Khóa chính Selector Text Token Text Useremail Texe Expires Text 2.6. Thiết kế prototype 2.6.1 Trang chủ
2.6.1.1 Bản mẫu
Hình 1. Giao diện trang chủ
2.6.1.2 Đặc điểm chi tiết
ID Form Typẽ Acton Targẽt
1 “Hình nh”ả ImagẽViẽw Khống Logo c a wẽbsitẽủ
2 “Trang ch ”ủ Link Click Khi ch n sẽẽ đi đềốn trang chọ ủ 3 “S n ph m”ả ẩ Link Click Khi ch n sẽẽ đi đềốn trang bài hát.ọ 4 “Gi i thi u”ớ ệ Link Click Khi ch n sẽẽ đi đềốn trang ọ gi i ớ
2.6.2 Đăng ký
2.6.2.1 Bản mẫu
Hình 2. Giao diện trang đăng kí của website
2.6.2.2 Đặc điểm chi tiết
ID Form Typẽ Acton Targẽt
1 “H tền”ọ
EditTẽxt Nh pậ Nh p h tềnậ ọ 2 “Email”
EditTẽxt Nh pậ Nh p ậ ẽmail cấền đăng ký 3 “M tậ kh u”ẩ EditTẽxt Nh pậ Nh pậ m t kh uậ ẩ
4 “Nh p l i ậ ạ m tậ kh u”ẩ EditTẽxt Nh pậ Nh pậ l i m t kh uạ ậ ẩ
5 “Đăng ký” Button Click Khi ch n đăng ký sẽẽ đọ ược h ệ thốống ki m duy t và t o tài ể ệ ạ kho n m i.ả ớ
2.6.3 Đăng nhập
2.6.3.1 Bản mẫu
Hình 3. Giao diện trang đăng nhập
2.6.3.2. Đặc điểm chi tiết
ID Form Typẽ Acton Targẽt
1 “Email” EditTẽxt Nh pậ Nh p ẽmailậ
2 “M t kh uậ ẩ ” EditTẽxt Nh pậ Nh p m t kh uậ ậ ẩ
3 “Đăng nh p”ậ Button Click Khi ch n sẽẽ đọ ược h thốống ệ ki m duy t và chuy n đềốn trangể ệ ể đã đăng nh p (nềốu tài kho n ậ ả tốền t i)ạ
4 “Quền m t ậ kh u”ẩ
Link Click Khi ch n sẽẽ hi n th ra trang ọ ể ị rẽsẽt m t kh uậ ẩ
2.6.7 Thay đổi mật khẩu
2.6.7.1 Bản mẫu
Hình 7. Giao diện thay đổi mật khẩu của website
2.6.7.2 Đặc điểm chi tiết
ID Form Typẽ Acton Targẽt
1 “Nh p m t ậ ậ kh u cũ”ẩ EditTẽxt Nh pậ Nh p m t kh u cũ c a ngậ ậ ẩ ủ ười dùng 2 “Nh p m t ậ ậ kh u m i”ẩ ở EditTẽxt Nh pậ Nh p m t kh u m i c a ngậ ậ ẩ ớ ủ ười dùng 3 “Nh p l i m t ậ ạ ậ kh u m i”ẩ ớ EditTẽxt Nh pậ Nh p l i m t kh u m i c a ậ ạ ậ ẩ ớ ủ người dùng
4 “L u”ư Button Click Khi ch n h thốống sẽẽ l u l i m tọ ệ ư ạ ậ kh u m iẩ ớ
2.6.9 Quản lý tài khoản
Hình 9. Giao diện trang quản lý tài khoản của website
2.6.10 Quản lý nhạc
Hình 10.1 Giao diện thêm mới bài hát.
2.6.10.2 Đặc điểm chi tiết
ID Form Typẽ Acton Targẽt
1 Tền bài hát int Nh pậ Nh p tền bài hátậ 2 Tền ngh sĩệ int Nh pậ Nh p tền ngh sĩậ ệ 3 Th lo iể ạ int Nh pậ Nh p tền th lo i nh cậ ể ạ ạ
PHẦN III: IMPEMENTATION (THỰC HIỆN) 3.1. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 3.1.1. Những vấn đề đã làm được
- Tìm hiểu về phân tích thiết kế hướng đối tượng
- Thực hiện được một số chức năng đã đề ra như: đăng ký, đăng nhập, tìm kiếm, , thanh tốn, đánh giá, chỉnh sửa thơng tin tài khoản.
3.1.2. Những vấn đề chưa đạt được
- Chưa phân tích sâu về vấn đề đặt ra.
- Chưa thực hiện được chức năng thanh toán trực tuyến.
- Chưa hoàn thiện được tất cả các chức năng nêu ra như dự kiến ban đầu.
3.1.3. Hướng phát triển
- Tìm hiểu sâu hơn về ngơn ngữ Javascript, ReactJs và NodeJs để có thể đáp ứng nhiều hơn nữa nhu cầu của người sử dụng, phát triển và tối ưu hóa hệ thống
- Tìm hiểu thêm một số ngơn ngữ, các phần mềm ứng dụng để nâng cao giao diện đồ họa đẹp mắt, thân thiện hơn…
- Xây dựng trang Web quy mô lớn hơn với nhiều ứng dụng, chức năng... - Cho phép người dùng thanh tốn qua cổng thơng tin giao dịch trực tuyến Phát triển ứng dụng theo hướng đa nền tảng
3.2. TÀI LIỆU THAM KHẢO
1. Tập bài giảng Phân tích thiết kế hướng đối tượng, Đại Học Duy Tân 2018.
2. https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-is-
use-case-diagram/
3. https://thethao.thanhnien.vn/bong-da-viet-nam/men-say-bong-da-phong-trao-o-