Đồ án website hát karaoke online

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM  BÁO CÁO ĐỒ ÁN MÔN HỌC Đồ án Đề tài: Website hát karaoke online GVHD: Thái Thụy Hàn Uyển Lớp: SE122.L11.PMCL DANH SÁCH NHÓM SINH VIÊN THỰC HIỆN Nguyễn Đức Hiếu- 17520478 Hoàng Tiến Sỹ – 17520994 Ngày 10 tháng năm 2020 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ,ngày tháng năm 2020 Người nhận xét Trang MỤC LỤC Error! Bookmark not defined Chương 1: TỔNG QUAN Error! Bookmark not defined I Tổng quan nghiên cứu Ngành Karaoke Hát karaoke qua web II Lý chọn đề tài III Mục tiêu nghiên cứu IV Nhiệm vụ nghiên cứu V Đối tượng nghiên cứu VI Công nghệ VII Đóng góp đề tài VIII.Kế hoạch nghiên cứu giai đoạn thực IX Đặc tả CHƯƠNG 2: PHÂN TÍCH I Giải pháp phân tích II Mơ hình sở liệu CHƯƠNG 3: THIẾT KẾ 11 I Sơ đồ use case 11 II Đặc tả use case 12 III Mơ hình sở liệu 15 II Thiết kế giao diện 16 CHƯƠNG 4: THỰC THI VÀ PHÁT TRIỂN 22 I Môi trường phát triển triển khai 22 II Giao diện chức 22 CHƯƠNG 5: TEST 22 I Test trình phát karaoke 23 CHƯƠNG 6: KẾT LUẬN 25 I Kết đạt 25 II Hạn chế đề tài 26 III Hướng phát triển 25 IV Phân chia công việc 26 Trang CHƯƠNG 1: TỔNG QUAN I Tổng quan tình hình nghiên cứu Ngành karaoke gì? karaoke dịch vụ cung cấp âm thanh, ánh sáng, nhạc, lời hát hình ảnh thể hình (hoặc hình thức tương tự) phục vụ cho hoạt động ca hát sở đủ điều kiện kinh doanh dịch vụ karaoke theo quy định Nghị định Ngành karaoke dịch vụ giải trí gần hàng đầu Doanh thu từ ngành thật đáng để quan tâm Giúp đem lại lợi nhuận lớn dành cho doanh nghiệp hộ kinh doanh ngành giải trí Hát karaoke qua website Hiện với phát triển cơng nghệ mạng, hình thức karaoke trực tuyến trở nên hot hết Đem lại tiện lợi, dễ dàng nhanh chóng cho người sử dụng, Hơn tiết kiệm chi phí đầu máy cho cửa hàng, đem lại lợi nhuận cho website việc thu quảng cáo Trang II Lý chọn đề tài Hát karaoke trực tuyến giúp người yêu âm nhạc dễ dàng sử dụng, nhanh chóng tiện lợi Mọi người hát lúc nơi với tất thiết bị Mục tiêu nhóm lấy lượng truy cập đơng đủ, sau chạy quảng cáo, website, tương lai gần việc mở rộng dịch vụ nạp tiền tài khoản cho cửa hàng user có trải nghiệm tốt Đem lại lợi nhuận cho website III Mục tiêu nghiên cứu Website hỗ trợ việc giúp người dùng dễ dàng, tiện lợi hát phục vụ cho mục đích giải trí ví dụ người truy cập trang website hát lúc nơi có kết nối mạng Tạo cảm giác tiện lợi thoải mái cho người dụng Mặt khác kiếm thêm lợi nhuận cho website, dễ dàng sử dụng quản lí • Xây dựng hệ thống phù hợp, dể hiểu, dể sử dụng cho người dùng Website Hiểu hệ thống website, xây dựng ứng dụng cho phù hợp nhu cầu thực tiễn • Giúp thân có thêm khả sáng tạo, tư thông qua thiết kế giao diện tương tác với người dùng, vận dụng kiến thức thân vào thực tiễn Trang IV Nhiệm vụ nghiên cứu Website tạo nhằm hy vọng đem đến thuận tiện cho người sử dụng giúp cho chủ quán xem xét cách tổng quát tình trạng đơn mặt hàng qn Phần mềm cịn mang lại lợi ích kinh tế giải pháp giúp việc quản lý trở nên đơn giản thân thiện với người V Đối tượng nghiên cứu Đối tượng nghiên cứu: Website hát karaoke online - Khách thể nghiên cứu: + Những ngưởi có nhu cầu hát karaoke online + Quy trình hoạt động Website hát karaoke online Công nghệ - Nghiên cứu sở lý thuyết phân tích thiết kế hệ thống thơng tin - Hệ quản trị csdl ngơn ngữ lập trình Nodejs - Sử dụng ngôn ngữ html,css,javascript,reactjs, bootstrap để thiết kế giao diện xử lý VI Sử dụng hệ quản trị csdl Mysql để quản trị csdl cho đề tài Đóng góp đề tài - Mở hướng việc dịch vụ hát karaoke online có ích - Tổng hợp chức cần thiết để hát karaoke dễ dàng hơn, nhanh gọn hơn, góp phần giúp ích cho việc kinh doanh quảng cáo đem lại lợi nhuận kinh tế VII Kế hoạch nghiên cứu giai đoạn thực Kế hoạch nghiên cứu Trang Bảng kế hoạch nghiên cứu Giai đoạn thực Giai đoạn Thu thập tài liệu: Khảo sát tình hình thực tiễn , thu thập liệu (nhu cầu, phương pháp mơ hình kinh doanh online qua website hát karaoke online, phần mềm, website phát hành nước, tài liệu liên quan…) Tham khảo website sử dụng phổ biến Tìm hiểu cơng cụ, ngơn ngữ lập trình, kiến thức liên quan đến đề tài Giai đoạn Nghiên cứu vấn đề: Đọc hiểu tài liệu liên quan Nắm rõ vai trò, chức cơng cụ, ngơn ngữ lập trình (Visual Studio 2017, Microsoft SQL Server 2017, ngôn ngữ C#,powerdesigner 16.1) Tìm hiểu mơ hình hát karaoke khác, đề phương án giải thích hợp Giai đoạn Xây dựng website: Dựa vào kiến thức tìm hiểu liệu phân tích, xây dựng phần mềm dựa vào công cụ ngôn ngữ lập trình chọn Giai đoạn Kiểm thử chương trình: Chạy demo, kiểm thử chương trình Xem xét, đánh giá hiệu chức Sửa lỗi hồn thiện chương trình Giai đoạn Kết luận: Tổng kết, viết báo cáo, rút kết luận chung cho đề tài Trang VIII Đặc tả Website hát karaoke online bao gồm chức năng: hát online, đăng nhập, đăng xuất, chọn bài, điều chỉnh hát, admin, yêu thích, điều khiển, tìm kiếm ➢ hát online: chức phần mềm, đảm nhiệm vai trị truyền hình ảnh âm cho người dùng ➢ điều khiển: dừng, phá next hát với mã phòng hát điều khiển ➢tìm kiếm: tìm kiếm hát muốn hát ➢u thích hát thơng qua đăng nhập: sau đăng nhập có chức yêu thích lưu hát thích ➢admin: điều chỉnh quản lí content tiêu đề viết quảng cáo, xóa sửa user Quy trình thực hiện: Giao diện mở website giao diện lựa chọn Một trình phát, hai giao diện điều khiển Khi click vào giao diện hát karaoke cho trình phát auto play, trình phát có button chọn điều khiển Tại hát trending, hát theo thể loại, hát nhiều thị Có combobox lựa chọn filter theo thể loại nhạc Khi chọn bài, hát lưu vào chọn Ngồi cịn chức ưu tiên hát tiếp theo, điều chỉnh âm lượng, tạm dừng bài, next Nêú chọn giao diện điều khiển, web show giao diện ta điền mã phịng hiển thị trình phát, sau kết nối trực tiếp với phòng player phát Tương tự đầy đủ chức giao diện hát karaoke Ngồi tabbar cịn có mục xem video khác nhau, có chức đăng nhập admin Trang CHƯƠNG 2: PHÂN TÍCH I Giải pháp phân tích Sau thu thập thơng tin, dựa theo yêu cầu toán đặt ra, liệt kê chức chương trình Chức yếu cầu đặt - Chức hát, lưu trữ thông tin - Chức dừng, chạy, chọn bài, ưu tiên bài, xóa chọn - Chức quản lý user - Chức tìm kiếm hát - Chức xem video khơng quảng cáo Các thực thể a Giới thiệu thực thể hệ thống Trang  Thực thể admin  Thực thể user  Thực thể phòng  Thực thể contact b Liệt kê thành phần thực thể Thực thể admin - Tên thực thể: admin +Các thuộc tính thực thể:  password Thực thể user - Tên thực thể: user +Khoá thực thể: uid +Các thuộc tính thực thể:  email  listFavorite  name  password  phone  surname Thực thể phịng - Tên thực thể: giohang +Khố thực thể: code +Các thuộc tính thực thể:  code  ip Trang 10 II Đặc tả use case use case đăng nhập : Trang 12 Tên chức Đăng kí Tóm tắt Use-case tạo để người truy cập web đăng kí tài khoản truy cập hện thống Dịng kiện Hệ thống hiển thị form đăng ký Người dùng nhập đầy đủ thơng tin đăng kí mà hệ thống u cầu nhấn “Đăng kí” Hệ thống kiểm tra thơng tin đăng kí (Dịng kiện khác: Thơng tin đăng kí khơng hợp lệ) Hệ thống hiển thị giao diện trang chủ web Thơng tin đăng kí khơng hợp lệ ( Trường Dòng kiện khác hợp mail/ SDT đăng kí trước đó) : Hệ thống hiển thị thơng báo thơng tin đăng kí khơng hợp lệ yêu cầu đăng kí lại Các yêu cầu đặc biệt Khơng có Trạng thái hệ thống trước Actor: tất actor thực thiện use case Điều kiện: khơng có Trạng thái hệ thống sau Người dùng đăng kí thành cơng, truy cập thực use case vào hệ thống, sử dụng quyền mà hệ thống cho phép Điểm mở rộng Khơng có use case đăng xuất: Tên chức Đăng Xuất Tóm tắt Use-case tạo để người dùng thoát khỏi tài khoản thoát khỏi hệ thống Trang 13 Dịng kiện Người dùng chọn chức đăng xuất Hệ thống xác nhận yêu cầu người dùng, người dùng đăng xuất thành công Dịng kiện khác Khơng Các u cầu đặc biệt Khơng có Trạng thái hệ thống trước Actor: tất user hệ thống thực thiện use case Điều kiện: khơng có Trạng thái hệ thống sau Người dùng hồn tồn khỏi hệ thống, thực use case muốn thực chức xem sản phẩm mua hàng phải đăng nhập lại Điểm mở rộng Khơng có use case đổi mật : Tên chức Đổi mật Tóm tắt Use-case tạo để người dùng muốn đổi mật tài khoản Dịng kiện Người dùng chọn chức đổi mật Hệ thống yêu cầu người dùng nhập mật mật Người dùng nhập đầy đủ theo yêu cầu hện thống Hệ thống thông báo đổi mật thành cơng Dịng kiện khác Người dùng nhập mật khơng xác Các u cầu đặc biệt Khơng có Trạng thái hệ thống trước Actor: tất user hệ thống thực thiện use case Điều kiện: khơng có Trạng thái hệ thống sau Hệ thống sẵn sàng cho chức đổi mật thực use case Điểm mở rộng Không có Trang 14 Use case Đổi thơng tin tài khoản: Tên chức Đổi thông tin cá nhân tài khoản Tóm tắt Use-case tạo để người dùng muốn thay đổi thơng tin cá nhân tài khoản Dịng kiện Người dùng chọn chức thay đổi thông tin cá nhân Hệ thống hiển thị giao diện thay đổi thông tin cá nhân yêu cầu người dùng nhập đầy đủ Người dùng nhập đầy đủ theo yêu cầu hện thống Hệ thống thông báo thay đổi thành cơng Dịng kiện khác Thơng tin thay đổi không hợp lệ Các yêu cầu đặc biệt Khơng có Trạng thái hệ thống trước Actor: tất user hệ thống thực thiện use case Điều kiện: khơng có Trạng thái hệ thống sau Hệ thống sẵn sàng cho chức thay đổi thực use case thông tin cá nhân Điểm mở rộng Khơng có III Mơ hình sở liệu: Trang 15 IV Thiết kế Giao diện website hát online: Đây bước để vào hệ thống Ta có danh mục hát remote, ngồi thành phần tabbar Trang 16 Giao diện karaoke : Giao diện remote : Trang 17 Nhập mã số phòng hát V Giao diện chức Hiển thị giao diện user Trang 18 Sau chọn karaoke web show hình trình phát, trình phát có chọn bài, chức tìm kiếm, tạm dừng, chạy next Sau chọn remote hình nhập phịng kết nối mã số, sau có chức điều khiển bên kara Giao diện karaoke youtube : Giao diện bên liên hệ : Trang 19 Giao diện bên đăng nhập : Giao diện bên đăng kí : Trang 20 Giao diện điều khiển web Giao diện điều chỉnh remote Trang 21 CHƯƠNG 4: THỰC THI VÀ PHÁT TRIỂN I Môi trường phát triển triển khai Môi trường phát triển: - Website - Hệ quản trị csdl ngơn ngữ lập trình Nodejs - Sử dụng ngôn ngữ html,css,javascript,reactjs, bootstrap để thiết kế giao diện xử lý - Sử dụng hệ quản trị csdl Mysql để quản trị csdl cho đề tài Môi trường triển khai ứng dụng: - Hệ điều hành: Microsoft Windows - VScode, Chrome, Các cơng cụ trình duyệt web, CHƯƠNG 5: TESTING I Test chức trình phát: Trang 22 - Chọn mục karaoke, tìm kiếm video chọn hát - Chức điều khiển nhập số phịng: Trang 23 - Màn hình kết nối điều khiển: - Trong hình chọn hát xóa ưu tiên, ngồi chức u thích có tích hợp đăng nhập Trang 24 CHƯƠNG 6: KẾT LUẬN I Kết đạt Về kiến thức học tập Về kiến thức & học tập Nắm vững kiến thức lý thuyết phục vụ tốt cho việc thiết kế chương trình Thiết kế CSDL tương đối hồn chỉnh, đáp ứng tốt cho việc viết chương trình Xây dựng website quản lý với đầy đủ chức cần thiết cho việc quản lý bán hàng, minh họa tốt cho vấn đề lý thuyết trình bày Củng cố lại kiến thức học, đặc biệt kỹ phân tích, giải vấn đề Biết cách áp dụng kiến thức lý thuyết vào ứng dụng thực tế Về phần mềm Hoàn thiện đầy đủ chức phầm mềm : thêm, sửa, xóa, cập nhật thơng tin Thống kê Báo cáo ,thống kê Giao diện chương trình thân thiện, dễ sử dụng, trực quan linh hoạt II Hạn chế đề tài Do thời gian nghiên cứu hạn chế, nên việc nghiên cứu vấn đề chưa đầy đủ Kiến thức thực tế kiến thức lập trình cịn hạn chế, nên tính chun nghiệp chương trình chưa cao, bắt lỗi chưa kỹ số chỗ số tính chưa tối ưu Chương trình chưa thực đầy đủ tính mong muốn III Hướng phát triển Thiết kế chương trình chỉnh sửa giao diện mang tính chun nghiệp Tình hiểu biện pháp bảo mật cho ứng dụng quản lý Trang 25 IV Stt PHÂN CƠNG CƠNG VIỆC Tên Nhiệm vụ % Cơng việc % Hoàn thành 50% 100% 50% 100% Chữ ký Viết báo cáo, Nguyễn Đức code giao Hiếu - diện, ui/ux, 17520478 lên ý tưởng chức Hoàng Tiến Sỹ 17520994 Csdl, code backend, kết nối data, thiết kế csdl Trang 26 ... nghiên cứu Đối tượng nghiên cứu: Website hát karaoke online - Khách thể nghiên cứu: + Những ngưởi có nhu cầu hát karaoke online + Quy trình hoạt động Website hát karaoke online Công nghệ - Nghiên cứu... liệu (nhu cầu, phương pháp mơ hình kinh doanh online qua website hát karaoke online, phần mềm, website phát hành nước, tài liệu liên quan…) Tham khảo website sử dụng phổ biến Tìm hiểu cơng cụ, ngơn... mở website giao diện lựa chọn Một trình phát, hai giao diện điều khiển Khi click vào giao diện hát karaoke cho trình phát auto play, trình phát có button chọn điều khiển Tại hát trending, hát