ĐỒ án CDIO đề tài ỨNG DỤNG WEB NGHE NHẠC TRỰC TUYẾN

lOMoARcPSD|11424851 ĐẠI HỌC DUY TÂN KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN CDIO Đề tài: ỨNG DỤNG WEB NGHE NHẠC TRỰC TUYẾN GVHD: ThS Phan Long Lớp: SE 447 E Nhóm SVTH: Đinh Thái Tồn Trương Quang Huynh Hồng Nhật Tiến Đà Nẵng, ngày 29, tháng 9, năm 2021 lOMoARcPSD|11424851 MỤC LỤC PHẦN I: CONCEIVE (Ý TƯỞNG) 1.1 Xây dựng ý tưởng cá nhân 1.1.1 Ý tưởng .6 1.1.2 Ý tưởng .8 1.1.3 Ý Tưởng 1.1.4 Ý Tưởng 11 1.1.5 Ý Tưởng 12 1.2 ĐÁNH GIÁ Ý TƯỞNG SẢN PHẨM TRONG NHÓM 14 1.3 Ý TƯỞNG ĐỀ XUẤT - Tên nhóm: Nhóm 17 PHẦN II: DESIGN (PHÂN TÍCH VÀ THIẾT KẾ) .18 2.1 Khảo sát trạng 18 2.2 Phân tích chức hệ thống .18 2.3.1 Gói Use case đăng nhập .20 2.3.2 Gói use case đăng ký 22 2.3.3 Gói use case tìm kiếm 25 2.3.4 Gói use case đánh giá sản phẩm 27 2.3.5 Gói use case chi tiết sản phẩm 30 2.3.6 Gói use case giỏ hàng 33 2.3.7 Gói use case tốn 37 2.3.8 Gói use case quản lý tài khoản .39 2.3.9 2.3.10 Gói quản lý sản phẩm 44 Gói quản lý đơn hàng 49 lOMoARcPSD|11424851 2.3.11 Báo cáo thống kê 56 2.4 Lược đồ quan hệ 59 2.5 Thiết kế sở liệu 59 2.5.1 Chi tiết đơn đặt hàng .59 2.5.2 Chi tiết đơn hàng 60 2.5.3 Bảng đăng kí 60 2.5.4 Bảng danh mục 60 2.5.5 Đơn đặt hàng 61 2.5.6 Bảng hóa đơn 61 2.5.7 Bảng khách hàng 62 2.5.8 Bảng màu 62 2.5.9 Bảng quyền đăng nhập 62 2.5.10 Bảng sản phẩm 63 2.5.11 Bảng size .63 2.6 Thiết kế prototype .64 2.6.1 Trang chủ .64 2.6.1.1 Bản mẫu .64 2.6.1.2 Đặc điểm chi tiết .64 2.6.2 Đăng ký 66 2.6.2.1 Bản mẫu .66 2.6.2.2 Đặc điểm chi tiết 66 2.6.3 Đăng nhập 67 2.6.3.1 Bản mẫu .67 2.6.3.2 Đặc điểm chi tiết 67 lOMoARcPSD|11424851 2.6.4 Trang sản phẩm 68 2.6.4.1 Bản mẫu .68 2.6.4.2 Đặc điểm chi tiết 68 2.6.5 Chi tiết sản phẩm .69 2.6.5.1 Bản mẫu .69 2.6.5.2 Đặc điểm chi tiết 70 2.6.6 Quản lí giỏ hàng tốn 71 2.6.6.1 Bản mẫu .71 2.6.6.2 Đặc điểm chi tiết 71 2.6.7 Thay đổi mật .73 2.6.7.1 Bản mẫu .73 2.6.7.2 Đặc điểm chi tiết 73 2.6.8 Tìm kiếm 74 2.6.8.1 Bản mẫu .74 2.6.8.2 Đặc điểm chi tiết 75 2.6.9 Quản lý tài khoản 75 2.6.9.1 Bản mẫu .75 2.6.9.2 Đặc điểm chi tiết 76 2.6.10 Quản lý sản phẩm 77 2.6.10.1 Bản mẫu 77 2.6.10.2 Đặc điểm chi tiết .79 2.6.11 Quản lý danh mục 80 2.6.11.1 Bản mẫu 80 2.6.11.2 Đặc điểm chi tiết .82 lOMoARcPSD|11424851 2.6.12 Quản lý khách hàng 83 2.6.12.1 Bản mẫu 83 2.6.12.2 Đặc điểm chi tiết 83 2.6.13 Quản lý Báo cáo thông kê .84 2.6.13.1 Bản mẫu 84 2.6.13.2 Đặc điểm chi tiết .84 PHẦN III: IMPEMENTATION (THỰC HIỆN) 84 3.1 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .84 3.1.1 Những vấn đề làm .84 3.1.2 Những vấn đề chưa đạt 85 3.1.3 Hướng phát triển 85 3.2 TÀI LIỆU THAM KHẢO .85 lOMoARcPSD|11424851 PHẦN I: CONCEIVE (Ý TƯỞNG) 1.1 Xây dựng ý tưởng cá nhân 1.1.1 Ý tưởng - Họ & Tên (Sinh viên): Đinh Thái Tồn - Chun ngành (của Sinh viên): Cơng nghệ phần mềm - Tên Ý tưởng (Sản phẩm): Xây dựng website bán đồ ăn trực tuyến - Ngày/Tháng/Năm: 25/08/2021 a Mơ tả ý tưởng sản phẩm Theo thói quen tìm kiếm sử dụng dịch vụ đại đa số người dùng nay, trước đến quán ăn, quán nước hay cửa hiệu đó, họ tìm kiếm Internet trước đưa định, điều giúp họ tiết kiệm thời gian lại, đồng thời dễ đưa lựa chọn đúng, phù hợp với nhu cầu Và việc truy cập thiết kế website ẩm thực online, review quán ăn chuyên nghiệp cách để giúp họ làm điều Việc thiết kế web bán đồ ăn vặt, thức ăn nhanh hỗ trợ mạnh mẽ cho bạn việc kinh doanh Nếu bạn kinh doanh đồ ăn đồ uống cách tốt để làm tiếp thị nội dung (content marketing) chia sẻ kinh nghiệm Bạn chia sẻ nhiều nhận xét hữu ích Google đánh giá cao website bán hàng bạn dựa vào từ khóa liên quan Khơng vậy, thiết kế web bán đồ ăn vặt, thức ăn nhanh online giúp cho đơn vị sở hữu trang web tiếp cận đến nhiều khách hàng đối tác Nếu hoạt động hiệu theo chiến lược đề ra, chắn thiết kế website ẩm thực online mang lại nguồn doanh thu lớn Đây xem lĩnh vực thị trường năm gần Và bạn muốn thử sức kinh doanh, việc thiết kế website riêng điều cần thiết nên ưu tiên hàng đầu a Đánh giá sở kiến thức sinh viên - HTML, CSS, ASP.net - Bootstrap a Đánh giá khả phát triển sản phẩm lOMoARcPSD|11424851 Ước tính số lượng người hưởng lợi từ sản phẩm bạn Ước tính số lượng người bỏ tiền mua sản phẩm bạn 3000 500 Liệt kê loại đối tượng - Chủ quản lý cửa hàng bán đồ ăn hưởng lợi từ ý tưởng sản phẩm - Nhân viên quản lý cửa hàng bạn (ít 1, nhiều - Người mua đồ ăn online 5) Không cao Trung Cao bình Rất Cao Đánh giá khả nhà đầu tư bỏ tiền cho ý tưởng sản X phẩm bạn: Khơng cao Trung bình Cao Ước tính độ khó để phát triển X thành cơng sản phẩm bạn: Ước lượng số năm cần thiết để phát triển sản phẩm bạn Rất Cao Tháng lOMoARcPSD|11424851 Ước lượng số năm sản phẩm bạn năm thị trường bị thay lOMoARcPSD|11424851 1.1.2 Ý tưởng - Họ & Tên ( sinh viên ): Trương Quang Huynh - Chuyên ngành (của sinh viên): Công nghệ phần mềm - Tên ý tưởng( sản phẩm): Thiết kế website bán hàng thời trang cao cấp - Ngày/Tháng/Năm: 25/08/2021 a) Mô tả ý tưởng sản phẩm Kinh doanh thời trang cao cấp hấp dẫn, nhiên nơi trang web trao đổi buôn bán quần áo thời trang cao cấp Nhằm mục đích trao đổi bn bán mặt hàng xịn xị nhiều cá nhân sử dụng sản phẩm 1-2 lần muốn bán Với mục đích mã hóa thương mại ngành thời trang cao cấp nên em định ý tưởng xây dựng trang web mua bán thời trang cao cấp Người dùng đăng sản phẩm lên để bán mua sản phẩm người khác, tất người dùng đưa mức hợp lí để cạnh tranh Đánh giá sở kiến thức: - Ngôn ngữ C# - Net MVC5 a) Đánh giá khả phát triển sản phẩm Ước tnh sốố lượng người sẽẽ hưởng lợi từ sản phẩm bạn Ước tnh sốố lượng người sẽẽ bỏ tềền mua sản phẩm bạn Liệt kề loại đốối tượng sẽẽ hưởng lợi từ ý tưởng sản phẩm bạn (ít nhấốt 1,nhiềều nhấốt 5): triệu 200000 - Quản lý cửa hàng hàng hiệu - Khách hàng có nhu cấều xẽm mua quấền áo, túi xách, v.v trực tuyềốn lOMoARcPSD|11424851 Trung bình Đánh giá khả nhà đấều tư sẽẽ bỏ tềền cho ý tưởng sản phẩm bạn: Khá Cao Rấốt cao Khá Cao Rấốt cao x Trung bình Ước tnh độ khó để phát triển thành cống sản phẩm bạn: x Ước lượng sốố năm cấền thiềốt để phát triển sản phẩm bạn: Tháng 1.1.3 Ý Tưởng - Họ tên: Hoàng Nhật Tiến - Chuyên ngành: Công nghệ phần mềm - Tên ý tưởng: Website chia thông tin cá nhân (Mạng Xã Hội) - Ngày/Tháng/Năm: 25/08/2021 a Mô tả ý tưởng sản phẩm: Ngày nay, thời kỳ công nghệ đại Chúng ta cần thẻ để xác minh danh tính, tốn nhanh Những thứ đuợc biết đến 10 lOMoARcPSD|11424851 Hệ thống kiểm tra trường người dùng vừa nhập vào lưu thông tin tài khoản vào Database hiển thị thông báo cập nhật tài khoản thành công Luồng thay Actor System 5.1 Hệ thống kiểm tra trường người dùng vừa nhập vào phát lỗi, hiển thị thông báo cập nhật 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 thất bại Các yêu cầu mở rộng Khơng có g Biểu đồ cập nhật hát 33 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 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 hát bán chạy Luồng kiện Actor System Người dùng chọn chức hát bán chạy Hệ thống hiển thị hát bán chạy có xếp hình Người dùng chọn chức xẽm doanh thu Hệ thống hiển thị tổng số doanh thu 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 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 a) Doanh thu  Biểu đồ use-case Doanh thu 35 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 2.4 Lược đồ quan hệ Hình 2.4 Lược đồ quan hệ 36 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 2.5 Thiết kế sở liệu 2.5.1 Chi tiết USER Tên Cột Giải Thích Id Kiểu Dữ Liệu Ghi Chú int Khóa Username Tên Nvarchar (50) Email Gmail Nvarchar (50) Password Mật int DisplayedName int Avatar int Role Nvarchar (50) 2.5.2 Lyrictable Tên Cột Giải Thích Id Kiểu Dữ Liệu Ghi Chú Int Khóa Songid Tên hát int Lyric Lời hát Text Userid Bigint(100) 2.5.3 Category Tên Cột Id Giải Thích Kiểu Dữ Liệu Ghi Chú int Khóa 37 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 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 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 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 Title Text Audio Text 38 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 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 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 Title Text 39 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 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 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 Selector Text Token Text Useremail Texe Expires Text 2.6 Thiết kế prototype 2.6.1 Trang chủ 40 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 2.6.1.1 Bản mẫu Hình Giao diện trang chủ 2.6.1.2 ID Đặc điểm chi tiết Form Typẽ Acton Targẽt “Hình ảnh” ImagẽViẽw Khống Logo wẽbsitẽ “Trang chủ” “Sản phẩm” “Giới thiệu” Link Link Link Click Click Click Khi chọn sẽẽ đềốn trang chủ Khi chọn sẽẽ đềốn trang hát Khi chọn sẽẽ đềốn trang giới thiệu 41 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 2.6.2 Đăng ký 2.6.2.1 Bản mẫu Hình Giao diện trang đăng kí website 2.6.2.2 Đặc điểm chi tiết ID Form “Họ tền” “Email” “Mật khẩu” Typẽ Acton Targẽt Nhập Nhập họ tền Nhập Nhập ẽmail cấền đăng ký EditTẽxt Nhập Nhập mật “Nhập lại mật khẩu” EditTẽxt Nhập Nhập lại mật “Đăng ký” Button Click Khi chọn đăng ký sẽẽ hệ thốống kiểm duyệt tạo tài khoản EditTẽxt EditTẽxt 42 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 2.6.3 Đăng nhập 2.6.3.1 Bản mẫu Hình Giao diện trang đăng nhập 2.6.3.2 Đặc điểm chi tiết ID Form Typẽ Acton Targẽt “Email” EditTẽxt Nhập Nhập ẽmail “Mật khẩu” EditTẽxt Nhập Nhập mật “Đăng nhập” Button Click “Quền mật khẩu” Link Click Khi chọn sẽẽ hệ thốống kiểm duyệt chuyển đềốn trang đăng nhập (nềốu tài khoản tốền tại) Khi chọn sẽẽ hiển thị trang rẽsẽt mật 43 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 2.6.7 Thay đổi mật 2.6.7.1 Bản mẫu Hình Giao diện thay đổi mật website 2.6.7.2 Đặc điểm chi tiết ID Form Typẽ Acton Targẽt “Nhập mật cũ” EditTẽxt Nhập Nhập mật cũ người dùng “Nhập mật mởi” EditTẽxt Nhập Nhập mật người dùng “Nhập lại mật mới” EditTẽxt Nhập Nhập lại mật người dùng “Lưu” Button Click Khi chọn hệ thốống sẽẽ lưu lại mật 2.6.9 Quản lý tài khoản 2.6.9.1 Bản mẫu 44 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 Hình Giao diện trang quản lý tài khoản website 2.6.10 Quản lý nhạc 2.6.10.1 Bản mẫu 45 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 Hình 10.1 Giao diện thêm hát 2.6.10.2 Đặc điểm chi tiết ID Form Typẽ Acton Targẽt Tền hát int Nhập Nhập tền hát Tền nghệ sĩ int Nhập Nhập tền nghệ sĩ 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 - Tìm hiểu phân tích thiết kế hướng đối tượng - Thực số chức đề như: đăng ký, đăng nhập, tìm kiếm, , tốn, đánh giá, chỉnh sửa thông tin tài khoản 46 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 3.1.2 Những vấn đề chưa đạt - Chưa phân tích sâu vấn đề đặt - Chưa thực chức toán trực tuyến - Chưa hoàn thiện tất chức nêu dự kiến ban đầu 3.1.3 Hướng phát triển - Tìm hiểu sâu ngơn ngữ Javascript, ReactJs NodeJs để đáp ứng nhiều nhu cầu người sử dụng, phát triển tối ưu hóa hệ thống - Tìm hiểu thêm số ngôn ngữ, 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 với nhiều ứng dụng, chức - Cho phép người dùng 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 tảng 3.2 TÀI LIỆU THAM KHẢO Tập giảng Phân tích thiết kế hướng đối tượng, Đại Học Duy Tân 2018 https://www.visual-paradigm.com/guide/uml-unified-modeling-language/what-isuse-case-diagram/ https://thethao.thanhnien.vn/bong-da-viet-nam/men-say-bong-da-phong-trao-oda-nang-35832.html 47 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) ... hình diễn biến dịch bệnh phức tạp nay, nhu cầu nghe nhạc trực tuyến quan tâm Để giúp người nghe nhạc dễ dàng Website nghe nhạc trực tuyến đời, người nghe nhạc lúc nơi 2.2 Phân tích chức hệ thống... viên:  Đinh Thái Toàn  Trương Quang Huynh - Tên sản phẩm: Ứng dụng Web nghe nhạc trực tuyến - Ý tưởng sản phẩm: Xây dựng website nghe nhạc trực tuyến - Phạm vi nghiên cứu: o Về thời gian: Từ 25/8/2021... hữu ích Google đánh giá cao website bán hàng bạn dựa vào từ khóa liên quan Khơng vậy, thiết kế web bán đồ ăn vặt, thức ăn nhanh online giúp cho đơn vị sở hữu trang web tiếp cận đến nhiều khách