KHÓA LUẬN tốt NGHIỆP xây DỰNG WEBSITE cầu nối với NGƯỜI nổi TIẾNG

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN VÂN PHƯỢNG ANH NGUYỄN ĐỨC TUẤN KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE CẦU NỐI VỚI NGƯỜI NỔI TIẾNG BUILDING A CELEBRITY PERSONALIZED MEDIA SHARING SERVICE KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN VÂN PHƯỢNG ANH _ 17520247 NGUYỄN ĐỨC TUẤN _ 16521563 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE CẦU NỐI VỚI NGƯỜI NỔI TIẾNG BUILDING A CELEBRITY PERSONALIZED MEDIA SHARING SERVICE KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN THS NGUYỄN CƠNG HOAN TP HỒ CHÍ MINH, 2021 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số…………………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin ………………………………………… – Chủ tịch ………………………………………… – Thư ký ………………………………………… – Ủy viên ………………………………………… – Ủy viên ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc TP.Hồ Chí Minh, 30 tháng năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG WEBSITE CẦU NỐI VỚI NGƯỜI NỔI TIẾNG Nhóm SV thực hiện: Cán hướng dẫn: Nguyễn Vân Phượng Anh - 17520247 Th.S Nguyễn Công Hoan Nguyễn Đức Tuấn - 16521563 Đánh giá Khóa luận Về báo cáo: Số trang _ Số hình vẽ _ Số chương _ Số tài liệu tham khảo _ Số bảng số liệu _ Sản phẩm _ Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung: Điểm sinh viên: Nguyễn Vân Phượng Anh : /10 Nguyễn Đức Tuấn : /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc TP.Hồ Chí Minh, 30 tháng năm 2021 NHẬN XÉT KHĨA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: XÂY DỰNG WEBSITE CẦU NỐI VỚI NGƯỜI NỔI TIẾNG Nhóm SV thực hiện: Cán phản biện: Nguyễn Vân Phượng Anh - 17520247 Nguyễn Đức Tuấn - 16521563 Đánh giá Khóa luận Về báo cáo: Số trang _ Số hình vẽ _ Số chương _ Số tài liệu tham khảo _ Số bảng số liệu _ Sản phẩm _ Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung: Điểm sinh viên: Nguyễn Vân Phượng Anh : /10 Nguyễn Đức Tuấn : /10 Người nhận xét (Ký tên ghi rõ họ tên) LỜI CẢM ƠN năm UIT cho nhóm em nhiều hội trau dồi kiến thức tiếp xúc với tiềm rộng mở công nghệ, để chúng em tự thực dự án muốn Đầu tiên, chúng em xin chân thành cảm ơn thầy Nguyễn Công Hoan người dẫn dắt định hướng cho nhóm em lời khuyên hữu dụng thực tế trình nghiên cứu hoàn thiện đề tài luận văn tốt nghiệp Nhóm em cảm ơn thầy nhiều thầy ấn tượng đặc biệt khó quên nhóm em Chúng em muốn gửi lời cảm ơn đến quý thầy cô khoa giúp đỡ tụi em trau dồi lĩnh hội kiến thức chuyên môn Được tiếp xúc với nhiều thầy cô với nhiều phong cách khác cho tụi em trải nghiệm vô hữu ích đáng học hỏi Quãng thời gian đại học cho em người bạn thú vị môi trường để khám phá nhiều điều lạ em biết ơn điều Nếu khơng học UIT chúng em khơng có trải nghiệm trở thành người chúng em Tuy nỗ lực, khả chúng em cịn giới hạn nên khơng tránh khỏi thiếu sót, chúng em mong nhận thơng cảm góp ý từ thầy bạn Xin chân thành cảm ơn chúc sức khỏe người, chúc người thành công hạnh phúc đường ! MỤC LỤC LỜI CẢM ƠN MỤC LỤC DANH MỤC HÌNH 11 DANH MỤC BẢNG 13 TÓM TẮT KHÓA LUẬN CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 1.1 Phân tích đề tài 1.1.1 Giới thiệu 1.1.2 Lựa chọn đề tài 1.1.3 Giải thích đề tài 1.2 Cơng nghệ sử dụng 1.2.1 Front-end 1.2.2 Back-end 1.2.3 Nudgets & extensions CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG 14 16 2.1 Kiến trúc hệ thống 16 2.2 Phân tích tính 17 2.2.1 Tổ chức liệu 17 2.2.2 Tổng quan tính 18 2.2.2.1 Use case tổng quan tính User 18 2.2.2.2 Use case tổng quan Artiste 18 2.2.3 Giới thiệu tính 2.2.3.1 Tạo tài khoản 18 18 2.2.3.2 Chat với người tiếng 18 2.2.3.3 Gặp mặt người tiếng 18 2.2.3.4 Sở hữu hình ảnh độc quyền 18 2.2.3.5 Nghe thần tượng hát 18 2.2.3.6 Yêu cầu video thông điệp từ người tiếng 18 2.2.3.7 Quản lý yêu cầu 18 2.2.3.8 Cài đặt toán 18 2.3 Giao diện người dùng 18 2.3.1 Landing page Khám phá nghệ sĩ 18 2.3.2 Tạo tài khoản đăng nhập 19 2.3.3 Chat với người tiếng 19 2.3.4 Gặp mặt người tiếng 20 2.3.5 Sở hữu hình ảnh độc quyền 24 2.3.6 Nghe thần tượng hát 26 2.3.7 Yêu cầu video thông điệp từ người tiếng 29 2.3.8 Dành cho Artiste quản lý hoạt động 32 CHƯƠNG 3: KẾT LUẬN 35 3.1 Về đề tài 35 3.2 Hướng phát triển 35 Hình 2.3.7 Giao diện thực gọi online 23 2.3.5 Sở hữu hình ảnh độc quyền Người dùng chọn mua hình ảnh độc quyền Artiste từ sưu tập Artiste cập nhật, chỉnh sửa hình ảnh tốn để lưu máy Điểm nhấn khả thêm chữ ký cá nhân số hóa ( “digitized autograph”) Artiste lên ảnh độc quyền Sau chỉnh sửa theo ý mình, người dùng lựa chọn tốn thơng qua phương thức tốn cài đặt từ trước Sau tốn thành cơng User nhận hình ảnh chất lượng cao tải máy 24 Hình 2.3.8 Giao diện User đặt hàng hình ảnh độc quyền 25 2.3.6 Nghe thần tượng hát Người dùng cịn u cầu trình diễn Artiste dành riêng cho người thân muốn gửi đến Bằng việc để lại hướng dẫn, chọn hát toán, yêu cầu hát gửi chờ phản hồi từ phía nghệ sĩ Hình 2.3.9 Giao diện User u cầu hát Nghệ sĩ thực yêu cầu quay video tiết mục trực tiếp app, kèm hát lời gửi gắm đặc biệt đến người hâm mộ 26 Hình 2.3.10 Giao diện Artiste thực yêu cầu hát Người dùng nhận thông báo hát gửi đến tận hưởng tiết mục đặc biệt từ nghệ sĩ u thích Người dùng gửi đánh giá bình luận dịch vụ nghệ sĩ 27 Hình 2.3.11 Giao diện User nhận hát yêu cầu 28 2.3.7 Yêu cầu video thông điệp từ người tiếng Người dùng yêu cầu Artiste làm video nội dung ( chúc mừng sinh nhật, động viên tinh thần, quảng bá sản phẩm…) Bằng cách đẻ lại hướng dẫn tốn, u cầu gửi đến chờ phản hồi nghệ sĩ Hình 2.3.12 Giao diện User yêu cầu video thông điệp Tương tự hát, nghệ sĩ thực yêu cầu cách quay video trực tiếp app upload video kèm dòng nhắn gửi đến khách hàng 29 Hình 2.3.13 Giao diện Artiste thực yêu cầu video Thông báo gửi đến người dùng thành phẩm tới, người dùng xem đánh giá dịch vụ nghệ sĩ 30 Hình 2.3.14 Giao diện User nhận video thông điệp yêu cầu 31 2.3.8 Dành cho Artiste quản lý hoạt động Tất thông tin hoạt động Artiste cài đặt quản lý app dành riêng cho Artiste Artiste xem thống kê đơn hàng, doanh thu , quản lý yêu cầu đáp ứng dịch vụ khách hàng đăng ký từ app Hình 2.3.15 Giao diện Dashboard xem thống kê hoạt động Artiste Artiste bật/ tắt hình thức dịch vụ cập nhật giá tiền khuyến cho dịch vụ 32 Hình 2.3.16 Giao diện Cài đặt dịch vụ Hình ảnh độc quyền Hình 2.3.17 Giao diện Cài đặt dịch vụ Video theo yêu cầu 33 Hình 2.3.18 Giao diện Cài đặt dịch vụ Gặp mặt online Hình 2.3.19 Giao diện Cài đặt dịch vụ Bài hát theo yêu cầu 34 CHƯƠNG 3: KẾT LUẬN 3.1 Về đề tài Đề tài có mục đích ứng dụng thực tế không mặt mang giá trị tinh thần đặc biệt đến cho khách hàng, fan hâm mộ mà cho doanh nghiệp Website giúp đơn vị marketing xây dựng thương hiệu tìm kiếm, kết nối với nghệ sĩ cách dễ dàng linh động Nội dung độc quyền tính cá nhân hóa cao, đa dạng dịch vụ cho người dùng nhiều trải nghiệm thú vị Đề tài ứng dụng nhiều công nghệ phục vụ cho tính Video call Chat, nhiên với thời gian khả giới hạn, số tính chưa hoàn thiện Hệ thống cần nhiều nâng cấp để đảm bảo tốc độ thực ổn định hài lòng trải nghiệm người dùng 3.2 Hướng phát triển Hướng phát triển cho đề tài tính mở chiến dịch gây quỹ Artiste tham gia đóng góp phần doanh thu vào mục đích thiện nguyện phát động mục đích tốt đẹp cho nhiều người 35 TÀI LIỆU THAM KHẢO “Personalized videos feat your favorite stars,” Cameo [Online] Available: https://www.cameo.com/ [Accessed: 26-Jun-2021] “Cameo app hits growth and download milestones in 2020,” Business of Apps, 07-Jan2021 [Online] Available: https://www.businessofapps.com/news/cameo-app-hitsgrowth-and-download-milestones-in-2020/ [Accessed: 26-Jun-2021] “MongoDB gì? Tại lại dùng MongoDB?” Học lập trình web trực tuyến TEDU [Online] Available: https://tedu.com.vn/mongo-db/mongodb-la-gi-tai-sao-lai-dungmongodb-26.html [Accessed: 26-Jun-2021] S E Needleman, “WSJ News Exclusive | Cameo Aims to Connect Celebrities With Fans and It's Now Valued at $1 Billion,” The Wall Street Journal, 30-Mar-2021 [Online] Available: https://www.wsj.com/articles/cameo-aims-to-connect-celebrities-withfans-and-its-now-worth-1-billion-11617096602 [Accessed: 26-Jun-2021] “What is NGINX?” NGINX, 14-Jan-2021 [Online] Available: https://www.nginx.com/resources/glossary/nginx/ [Accessed: 26-Jun-2021] “EF Basics,” Entity Framework Tutorial [Online] Available: https://www.entityframeworktutorial.net/ [Accessed: 26-Jun-2021] Angular [Online] Available: https://angular.io/ [Accessed: 26-Jun-2021] Rick-Anderson, “Introduction to Identity on ASP.NET Core,” Microsoft Docs [Online] Available: https://docs.microsoft.com/enus/aspnet/core/security/authentication/identity?view=aspnetcore-5.0&tabs=visualstudio [Accessed: 26-Jun-2021] H V Hiep, “Authenticate với Identity ASP.NET Core,” Viblo, 26-Jun-2021 [Online] Available: https://viblo.asia/p/authenticate-voi-identity-tren-aspnet-core6J3Zg9RE5mB [Accessed: 26-Jun-2021] “Mysql gì? Tổng hợp thơng tin chi tiết Mysql” Bizfly [Online] Available: https://bizflycloud.vn/tin-tuc/mysql-la-gi-tai-sao-nen-su-dung-mysql20200917180705499.htm [Accessed: 26-Jun-2021] A Pasarow, “Everyone Is Suddenly Obsessed With Cameo - Here's Why,” These Are The Most Popular Celebrities On Cameo [Online] Available: https://www.refinery29.com/en-us/2020/04/9612273/cameo-most-popularcelebrities-coronavirus [Accessed: 26-Jun-2021] 36 Phạm Quang Sáng, “Phân biệt mơ hình layer (3 lớp) MVC (Model-View-Controller): IT.CTIM,” CTIM [Online] Available: https://it.ctim.edu.vn/d58-phan-biet-mo-hinh3-layer-3-lop-va-mvc-model-view-controller.html [Accessed: 26-Jun-2021] 37 ... Phúc TP.Hồ Chí Minh, 30 tháng năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG WEBSITE CẦU NỐI VỚI NGƯỜI NỔI TIẾNG Nhóm SV thực hiện: Cán hướng dẫn: Nguyễn... Phúc TP.Hồ Chí Minh, 30 tháng năm 2021 NHẬN XÉT KHĨA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: XÂY DỰNG WEBSITE CẦU NỐI VỚI NGƯỜI NỔI TIẾNG Nhóm SV thực hiện: Cán phản biện: Nguyễn Vân... application nơi người dùng yêu cầu nội dung cá nhân hóa từ người tiếng có kết nối đặc quyền với người tiếng Trên website này, người dùng có thể: • Chat trị chuyện với người tiếng • u cầu video thơng