(TIỂU LUẬN) đồ án CDIO đề tài ỨNG DỤNG WEB NGHE NHẠC TRỰC TUYẾN

ĐẠ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 Toàn Trương Quang Huynh Hoàng Nhật Tiến Đà Nẵng, ngày 29, tháng 9, năm 2021 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 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 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 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 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 Toàn - Chuyên 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 Ướ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 Ước lượng số năm sản phẩm bạn năm thị trường bị thay 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 bn 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 triệu từ sản phẩm bạn cƯớ tnh sốố l ượ ng ng ườ i sẽẽ b ỏtềền 200000 mua sản phẩm bạn Li t kề ệ lo i đốối t ượ ng sẽẽ - Qu ản lý c ửa hàng hàng hi ệu h ưởng l ợi t ừý tưởng sản phẩm - Khách hàng có nhu cấều xẽm mua b n (ítạnhấốt 1,nhiềều nhấốt 5): quấền áo, túi xách, v.v tr cựtuyềốn Trung bình Đánh giá khả nhà đấều t ưsẽẽ bỏ tềền cho ý tưởng sản phẩm bạn: 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: Khá 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: Hồng Nhật Tiến - Chun 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 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 u cầu mở rộng Khơng có g Biểu đồ cập nhật 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 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 a) Doanh thu  Biểu đồ 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ế 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 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 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 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 2.6.1.1 Bản mẫu Hình Giao diện trang chủ 2.6.1.2 Đặc điểm chi tiết ID Form Typẽ Acton Targẽt “Hình ảnh” ImagẽViẽw Khống Logo c 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 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 Nhập Targẽt 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 EditTẽxt EditTẽxt Khi ch đăng ký sẽẽ hệ thốống ki m ể tệ t ạo tài khoản 42 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ẽẽ đ ượ 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) Khi ch nọsẽẽ hi ển th ịra trang rẽsẽt m ật 43 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 kh ẩu m ới người dùng “Nh ập l ại m ật mới” EditTẽxt Nhập Nh ập l ại m ật m ới 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 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 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 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 tốn trực tuyến - Chưa hồ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 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 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 ... 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 ❖... Đ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... cấền thiềốt đ ểphát triển sản phẩm bạn: Tháng 1.2 ĐÁNH GIÁ Ý TƯỞNG SẢN PHẨM TRONG NHÓM - Tên ý tưởng sản phẩm: Ứng dụng Web nghe nhạc trực tuyến - Ngày 19 tháng năm 2021 Liệt kê mảng kiến thức chuyên