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
Mơ tả chung Người xem có thể xem máy để đánh giá của bài hát
25
Luồng sự kiện chính Actor
1. Chọn sản phẩm cần đánh giá 3. Truy cập vào mục đánh giá bài hát
5. Đánh giá bằng về bài hát
Luồng thay thế Các yêu cầu cụ thể Điều kiện trước Điều kiện sau
Các u cầu mở rộng
Khơng có
Người dùng đã đăng nhập vào hệ thống. Người dùng đã đăng nhập vào hệ thống.
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.
Khơng có.
Bảng 2.3.4.2. Biểu diễn dịng dữ liệu đánh giá sản phẩm
c. Biểu đồ tuần tự đánh giá bài hát
26
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 tốna. Biểu đồ use case thanh tốn a. Biểu đồ use case thanh tốn
Hình 2.3.7.1. Gói use case thanh tốn
b. Đặc tả luồng sự kiện thanh toán
Use case Thanh tốn
27
Tác nhân Khách hàng
Mục đích Thanh tốn
Mơ tả chung Người dùng khi muốn thanh tốn
Luồng sự kiện chính
Actor System
1. Người dùng chọn bài hát cần thanh 2. Gửi thơng tin người dùng thanh tốn tốn
Luồng thay thế Các u cầu cụ thể Điều kiện trước Điều kiện sau
Các yêu cầu mở rộng
c. Biểu đồ tuần tự thanh tốn
Hình 2.3.7.2. Biểu đồ tuần tự thanh tốn
2.3.8. Gói use case quản lý tài khoảna. 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ục đích Thêm Xóa Sửa tài khoản
29
Mơ tả chung
Luồng sự kiện chính Actor
1. Người dùng chọn Quản lý tài khoản
3. Người dùng chọn chức năng cần thực hiện (Thêm, Xóa, Sửa)
Luồng thay thế Actor
Các yêu cầu cụ thể
Điều kiện trước Đăng nhập với quyền admin Điều kiện sau
Các yêu cầu mở rộng
b. Biểu đồ tuần tự quản lý tài khoản
30
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
31
3. Người dùng chọn bài hát cần xóa
5. Người dùng chọn “Có”
Luồng thay thế Actor
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ể Điều kiện trước Điều kiện sau
Các yêu cầu mở rộng
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
3. Người dùng chọn tài khoản cần cập nhật
2. Hệ thống hiển thị ra danh sách các tài khoản trong database
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
32
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ó
g. Biểu đồ tuần tự cập nhật bài hát
33
2.3.10 Bá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
3. Người dùng chọn chức năng xẽm doanh thu
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.
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
Các yếu cầồu mở r ộng Khơng có
34
a) Doanh thu
Biểu đồ tuần tự use-case Doanh thu
35
2.4. Lược đồ quan hệ
Hình 2.4. Lược đồ quan hệ
36
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 Id Username Email Password DisplayedName Avatar Role 2.5.2 Lyrictable Tên Cột Id Songid Lyric Userid 2.5.3 Category Tên Cột Id 37 download by : skknchat@gmail.com
Title Slug Thumbnall 2.5.4 Artist Tên Cột Id Title Thumbnail Slug 2.5.5 Liketable Tên Cột Id Userid Songid 2.5.6 Bảng Music Tên Cột Id Title Audio 38 download by : skknchat@gmail.com
Thumbnail Slug Artist_name Cat_id Public_year Artist_id Upload_time Viewcount 2.5.7 Bảng Album Tên Cột Id Title Artist_id Cat_id Thumbnail Slug 2.5.8 Bảng Notification Tên Cột Id Title 39 download by : skknchat@gmail.com
Seen 2.5.9 Bảng Notification Seen Tên Cột Id Notification_id Admin_id 2.5.10 Bảng Resetpassword Tên Cột Id Selector Token Useremail Expires 2.6. Thiết kế prototype 2.6.1 Trang chủ 40 download by : skknchat@gmail.com
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
1 “Hình ảnh”
2 “Trang chủ”
3 “Sản phẩm”
4 “Gi ới thiệu”
41
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 1 “H ọtền” 2 “Email” 3 “M ật khẩu” 4 “Nhập lại m ật khẩu” 5 “Đăng ký” 42
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 1 “Email” 2 “M ật khẩu” 3 “Đăng nhập” 4 “Quền m ật khẩu” 43 download by : skknchat@gmail.com
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 1 “Nh ập m ật khẩu cũ” 2 “Nh ập m ật khẩu mởi” 3 “Nh ập l ại m ật khẩu mới” 4 “Lưu”
2.6.9 Quản lý tài khoản
2.6.9.1 Bản mẫu
44
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
2.6.10.1 Bản mẫu
45
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
1 Tền bài hát
2 Tền nghệ sĩ
3 Thể loại
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.
46
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 tốn trực tuyến.
- Chưa hồ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- da-nang-35832.html 47 download by : skknchat@gmail.com