a. Biểu đồ use case đánh giá sản phẩm
Hình 2.3.4.1 Use case đánh giá sản phẩm b. Đặc tả luồng sự kiện đánh giá sản phẩm
Use case Đánh giá bài hát
Tác nhân Khách hàng
Mục đích Người dùng muốn đánh giá bài hát
Luồng sự kiện chính
Actor System
1. Chọn sản phẩm cần đánh giá 2. Hiển thị sản phẩm cần đánh giá 3. Truy cập vào mục đánh giá bài hát 4. Hiển thị giao diện đánh giá
5. Đánh giá bằng về bài hát 6. Hệ thống lưu vào database và hiển thịđánh giá của người dùng
Luồng thay thế Không có
Các yêu cầu cụ thể Người dùng đã đăng nhập vào hệ thống.
Điều kiện trước Người dùng đã đăng nhập vào hệ thống.
Điều kiện sau Nếu use case thành công, người dùng có thể đăng xuất khỏi hệthống, ngược lại sẽ tiếp tục thực hiện các use case khác. Các yêu cầu mở rộng Không có.
Bảng 2.3.4.2. Biểu diễn dòng dữ liệu đánh giá sản phẩm
Hình 2.3.4.2. Biểu đồ tuần tự đánh giá bài hát
2.3.7. Gói use case thanh toána. Biểu đồ use case thanh toán a. Biểu đồ use case thanh toán
Hình 2.3.7.1. Gói use case thanh toán
b. Đặc tả luồng sự kiện thanh toán
Tác nhân Khách hàng
Mục đích Thanh toán
Mô tả chung Người dùng khi muốn thanh toán
Luồng sự kiện chính
Actor System
1. Người dùng chọn bài hát cần thanh toán
2. Gửi thông tin người dùng thanh toán bài hát lên hệ thống.
3. Hệ thống kiểm tra các request từ người dùng và gởi thông báo xác nhận thông tin người dùng cùng với bài hát đã chọn . Hoặc trả về thông báo lỗi nếu có xảy ra.
Luồng thay thế Không có.
Các yêu cầu cụ thể Người dùng phải chọn bài hát mà cần thanh toán
Điều kiện trước Người dùng phải đăng nhập trước đó.
Điều kiện sau Thông báo giao diện sản phẩm bình thường hoặc thông báolỗi xảy ra nếu có. Các yêu cầu mở
rộng Không có.
Bảng 2.3.7.2. Dòng sự kiện thanh toán
Hình 2.3.7.2. Biểu đồ tuần tự thanh toán
2.3.8. Gói use case quản lý tài khoản a. Biểu đồ use case quản lý tài khoản 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àikhoả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 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 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 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 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 ọ ể ị
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 toá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 toá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-