ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM XÂY DỰNG HỆ THỐNG HỖ TRỢ QUẢN LÍ BÁN VÉ XEM PHIM TÍCH HỢP KHUYẾN NGHỊ Đồ án Giảng viên hướng dẫn: ThS Nguyễn Thị Thanh Trúc Sinh viên thực hiện: 19522321 – Trần Trí Thức 19520145 – Nguyễn Khánh Linh Thành phố Hồ Chí Minh, tháng 09 năm 2022 ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM XÂY DỰNG HỆ THỐNG HỖ TRỢ QUẢN LÍ BÁN VÉ XEM PHIM TÍCH HỢP KHUYẾN NGHỊ Đồ án Giảng viên hướng dẫn: ThS Nguyễn Thị Thanh Trúc Sinh viên thực hiện: 19522321 – Trần Trí Thức 19520145 – Nguyễn Khánh Linh Thành phố Hồ Chí Minh, tháng 09 năm 2022 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: XÂY DỰNG HỆ THỐNG HỖ TRỢ QUẢN LÍ BÁN VÉ XEM PHIM TÍCH HỢP KHUYẾN NGHỊ Cán hướng dẫn: ThS Nguyễn Thị Thanh Trúc Thời gian thực hiện: Từ ngày 05/09/2022 đến ngày 31/12/2022 Sinh viên thực hiện: 19522321 - Trần Trí Thức 19520145 - Nguyễn Khánh Linh Nội dung đề tài: Mục tiêu: Xây dựng ứng dụng website với giao diện thân thiện, màu sắc hài hịa, bố cục hợp lí; đáp ứng tính cần thiết với ngơn ngữ Javascript, cơng nghệ ReatcJS, ExpressJS chuẩn bảo mật JWT; áp dụng Chatbot hỗ trợ khách hàng tra cứu thông tin; ứng dụng Recommend system gợi ý phim cho khách hàng: Giúp khách hàng xem thơng tin phim, bình luận phim thực thao tác đặt vé, đánh giá phim Hỗ trợ việc tìm kiếm theo nhiều lọc khác Có hệ thống quản lí liệu: quản lí phim, cụm rạp, nhân viên, bình luận, đơn hàng đặt, thông tin cá nhân… Thực kiểm duyệt bình luận phim Chatbot tư vấn gợi ý phim cho khách hàng Recommed system gợi ý phim liên quan đến khách hàng Phạm vi: Đề xây dựng website cung cấp số tính đặt vé xem phim online với phân quyền chính: Về phía cơng ty: Admin người có quyền hạn cao nhất, quản lí liệu nhân viên khác Manager người quản lí liệu phim, xuất chiếu, rạp … Censor người kiểm duyệt đăng từ khách hàng Về phía khách hàng: Customer người đặt vé, toán đăng bình luận phim website Sử dụng chatbot tra cứu thông tin Hệ thống đề xuất phim theo hành vi người dùng Đối tượng sử dụng: Người dùng muốn xem thông tin phim, bình luận, có nhu cầu đặt vé xem phim Sử dụng chatbot tư vấn trực tuyến Hệ thống đợi ý phim theo hành vi khách hàng Admin quản lí nhân viên, cụm rạp; thống kê, báo cáo doanh thu Nhân viên kiểm tra đơn hàng, giải đáp thắc mắc khách hàng Người kiểm duyệt kiểm tra nội dung bình luận phim theo quy định Phương pháp thực hiện: Tìm hiểu, phân tích quy trình xây dựng website, hệ thống gợi ý công nghệ đề Phân tính, đánh giá ứng dụng tương tự Khảo sát lấy ý kiến người dùng Kết mong đợi: Biết quy trình xây dựng website thông qua công nghệ đề Biết thủ tục toán, quản lí hệ thống quản lí xem phim Xây dựng ứng dụng website đáp ứng gợi việc ý phim chatbot Wibsite có khả mở rộng tương lai LỜI CẢM ƠN Đồ án với đề tài “XÂY DỰNG HỆ THỐNG HỖ TRỢ ĐĂT VÉ XEM PHIM TÍCH HỢP KHUYẾN NGHỊ” minh chứng cho q trình cố gắng khơng ngừng việc tìm tịi, học hỏi học tập trường Đại học Công nghệ Thông tin Thể khả thân việc áp dụng kiến thức chuyên môn vào giải tốn thực tế Trong q trình thực đồ án, em nhận hướng dẫn tận tình từ Một cách đặc biệt, em xin gửi lời cảm ơn chân thành đến: Các thầy cô trường Đại học Cơng nghệ Thơng Tin nói chung Cơ Nguyễn Thị Thanh Trúc nói riêng tận tình truyền đạt kiến thức tới em năm học tập trường Đó tài sản quý báu giúp em hồn thành khố luận hành trang cho đường nghiệp thân sau Em xin gửi lời cảm ơn sâu sắc tới ThS Nguyễn Thị Thanh Trúc, người trực tiếp hướng dẫn, bảo, giúp đỡ em lúc khó khăn, đưa lời khun bổ ích để khố luận hoàn thành tiến độ đáp ứng yêu cầu đề ban đầu Các thành viên nhóm ln nổ lực phấn đấu, lắng nghe sẵn sàng hỗ trợ suốt trình học tập thực đồ án Để đạt kết ngày hôm Lời cuối cùng, em xin dành lời cảm ơn gửi tới gia đình, anh chị, bạn bè ln bên cạnh để động viên đóng góp ý kiến q trình hồn thành đồ án Thành phố Hồ Chí Minh, tháng 12 năm 2022 Sinh viên Sinh viên Trần Trí Thức Nguyễn Khánh Linh NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… DANH MỤC HÌNH ẢNH Hình Phân loại Recommend System 19 Hình Mơ tả thuật tốn 21 Hình Ma trận liệu 22 Hình Flask 26 Hình ReactJs 28 Hình ExpressJs 28 Hình Pandas 29 Hình NumPy 30 Hình ScikitsLearn 31 Hình 10 SciPy 33 Hình 11 Mongoose 34 Hình 12 Redux 34 Hình 13 NodeMailer 35 Hình 14 AXIOS 36 Hình 15 MongoDB 37 Hình 16 Cloudinary 38 Hình 17 JWT 39 Hình 18 Sơ đồ JWT 39 Hình 19 Hình ảnh thực tế JWT 40 Hình 20 Paypal tiêu chuẩn 41 Hình 21 Paypal nâng cao 42 Hình 22 Paypal tuỳ chỉnh 43 Hình 23 Cách thức hoạt động giao dịch Paypal 44 Hình 24 Cách thức hoạt động lập hoá đơn Paypal 45 Hình 25 Google Trends 46 Hình 26 Sơ đồ phân rã chức Admin 49 Hình 27 Sơ đồ phân rã chức manager 49 Hình 28 Sơ đồ phân rã chức censor 50 Hình 29 Sơ đồ phân rã chức customer 50 Hình 30 Usecase toàn hệ thống 52 Hình 31 Usecase Đăng nhập 53 Hình 32 Usecase đăng kí 54 Hình 33 Usecase chatbot Shinema 54 Hình 34 Usecase chatbot 55 Hình 35 Usecase Quản lí suất chiếu 56 Hình 36 Usecase Quản lí rạp 57 Hình 37 Usecase Quản lí phịng 58 Hình 38 Usecase Quản lí đăng 59 Hình 39 Usecase Bình luận 60 Hình 40 Usecase Tìm phim 60 Hình 41 Usecase tìm diễn viên 61 Hình 42 Usecase Đặt vé 61 Hình 43 Usecase Gợi ý phim 62 Hình 44 Sơ đồ DFD đăng nhập 63 Hình 45 Sơ đồ DFD đăng kí 64 Hình 46 Sơ đồ DFD chỉnh sửa thơng tin cá nhân 64 Hình 47 Sơ đồ DFD tốn 65 Hình 48 Sơ đồ DFD tìm diễn viên 65 Hình 49 Sơ đồ DFD tìm phim 66 Hình 50 Sơ đồ DFD thêm suất chiếu 67 Hình 51 Sơ đồ DFD sửa suất chiếu 68 Hình 52 Sơ đồ DFD xoá suất chiếu 69 Hình 53 Sơ đồ DFD Gợi ý dựa vào nội dung tương tự 70 Hình 54 Sơ đồ DFD Gợi ý phim dựa vào hành vi người dùng tương tự khác 71 Hình 55 Sơ đồ DFD dựa vào xu hướng 72 Hình 56 Activity Đăng nhập 73 Hình 57 Activity Đăng kí 74 Hình 58 Activity Chatbot 75 Hình 59 Activity Chatbot 76 Hình 60 Activity Thêm suất chiếu 77 Hình 61 Activity Sửa suất chiếu 78 Hình 62 Activity Xố suất chiếu 79 Hình 63 Activity Bình luận 80 Hình 64 Activity Đặt vé 81 Hình 65 Activity Tìm phim 82 Hình 66 Activity Tìm diễn viên 82 Hình 67 Activity gợi ý phim tương tự 83 Hình 68 Gợi ý phim dựa vào hành vi người dùng tương tự 84 Hình 69 Gợi ý phim theo xu hướng 85 Hình 70 Lược đồ sở liệu 86 Hình 71 Kiến trúc tổng thể 93 Hình 72 Thư mục client 94 Hình 73 Thư mục server 95 Hình 74 Thư mục server Python 96 Hình 75 Sơ đồ liên kết hình admin 97 Hình 76 Sơ đồ liên kết hình manager 98 Hình 77 Sơ đồ liên kết hình censor 99 Hình 78 Sơ đồ liên kết hình customer 102 Hình 79 Màn hình 102 Hình 80 Màn hình 103 Hình 81 Màn hình 104 Hình 82 Màn hình 105 Hình 83 Màn hình 106 Hình 84 Màn hình chi tiết phim 107 Hình 85 Màn hình chi tiết phim 108 Hình 86 Màn hình chi tiết phim 109 Hình 87 Màn hình chi tiết phim 110 Hình 88 Màn hình chi tiết diễn viên 111 Hình 89 Màn hình chi tiết diễn viên 112 Hình 90 Màn hình chi tiết diễn viên 113 Hình 91 Màn hình tốn 114 Hình 92 Màn hình tốn 116 Hình 93 Màn hình tốn 117 Hình 94 Màn hình tốn 119 Hình 95 Danh sách suất chiếu 120 Hình 96 Màn hình thêm suất chiếu 122 Hình 97 Màn hình review phim 124 Hình 98 Màn hình chatbot 126 Hình 99 Màn hình xu hướng 127 Hình 100 Màn hình Report 128 119 Hình 94 Màn hình tốn Bảng 43 Bảng mơ tả hình STT Tên paypalRadioBtn Kiểu RadioButton Ràng buộc Chức Chọn phương thức toán Paypal paypalBtn Button Tiến hành sử dụng phương thức Paypal creditBtn Button Tiến hành toán thẻ Bảng 44 Bảng mơ tả biến cố hình Biến cố STT Chọn radio button Paypal Xử lí Hiển thị nút Paypal Debit or Credit Card 120 Chọn Paypal Tiến hành sử dụng phương thức Paypal Chọn Debit or Credit Thanh toán thẻ Card 4.5.2.5 Màn hình danh sách suất chiếu Hình 95 Danh sách suất chiếu Bảng 45 Bảng mơ tả hình danh sách suất chiếu STT Tên Kiểu Ràng buộc Chức movieImg Image Hiển thị poster phim titleTf Text field Hiển thị tên phim DurationTf Text field Hiển thị thời gian chiếu roomTf Text field Hiển thị phòng 121 addressTf Text field Hiển thị địa rạp listTime Text field Hiển thị danh sách suất chiếu editBtn Button Chỉnh sửa xuất chiếu deleteBtn Button Xóa suất chiếu dateSelect Select Lọc suất chiếu theo ngày newShowTimeBtn Button Thêm suất chiếu Bảng 46 Bảng mô tả danh sách biến cố Biến cố STT Chọn ngày Xử lí Select hiển thị lịch để chọn ngày, sau người dùng chọn, danh sách suất chiếu cập nhật Nhấn Hiển thị form thêm suất chiếu newShowTimeBtn Nhấn editBtn Hiển thị form chỉnh sửa xuất chiếu Nhấn deleteBtn Hiển thị xác nhận xóa suất chiếu 122 4.5.2.6 Màn hình thêm suất chiếu Hình 96 Màn hình thêm suất chiếu Bảng 47 Bảng mơ tả hình thêm suất chiếu STT Tên Kiểu Ràng buộc Chức movieSelect Select Khác rỗng Chọn phim theaterSelect Select Khác rỗng Chọn rạp dateSelect Select Khác rỗng Chọn ngày insertDateBtn Button Thêm ngày vào danh sách ngày TimeIp TextInput Đúng đinh Nhập danh sách thời gian dạng danh chiếu sách movieImg Image Hiển thị poster phim 123 durationLb Label Hiển thị thời gian chiếu insertShowTimeBtn Button Thêm suất chiếu Bảng 48 Bảng mô tả biến cố hình thêm suất chiếu STT Biến cố Xử lí Chọn phim Select hiển thị danh sách phim để chọn Chọn rạp Select hiển thị danh sách rạp để chọn Chọn phòng Select hiển thị danh sách phòng để chọn Chọn ngày Select hiển thị lịch để chọn ngày Nhấn insertDateBtn Kiểm tra thêm ngày chọn vào danh sách Nhập danh sách thời Kiểm tra thơng tin người dùng có định dạng quy định gian vào timeIp hay chưa, chưa hiển thị thông báo lỗi Người dùng nhấn Kiểm tra chọn đủ thơng tin, phim chưa có suất chiếu, thời insertShowTimeBtn gian suất chiếu chênh lệch theo quy định, phịng trống 124 4.5.2.7 Màn hình thêm review phim Hình 97 Màn hình review phim Bảng 49 Bảng mơ tả hình thêm review phim STT Tên Kiểu Ràng buộc Chức userImg Image Hiển thị ảnh người dùng userNameLb Label Hiển thị tên người dùng emailLb Label Hiển thị email người dùng 125 movieImg Image Hiển thị ảnh phim contentTf TextField Nhập nội dung viết movieIp Select Nhập tên phim Bảng 50 Bảng mô tả biến cố hình thêm review phim STT Biến cố Xử lí Nhập tên phim Select hiển thị danh sách phim để chọn Nhấn lưu Kiểm tra thông tin lưu vào sở liệu 126 4.5.2.8 Màn hình chatbot Hình 98 Màn hình chatbot Bảng 51 Bảng mơ tả hình chatbot STT Tên Kiểu Ràng buộc Chức chatBotImg Image Hiển thị ảnh chatbo chatbotNameLb Label Hiển thị tên chatbot messageLb Label Hiển thị tin nhắn timeLb Label Hiển thị thời gian 127 messageTf TextField Nhập nội dung chat sendBtn Button Gửi tin nhắn Bảng 52 Bảng mô tả biến cố hình chatbot STT Biến cố Xử lí Gửi tin nhắn đến server, nhận phản hồi hiển thị tin nhắn đến Nhấn gửi người dùng 4.5.2.9 Màn hình xu hướng Hình 99 Màn hình xu hướng Bảng 53 Bảng mơ tả hình xu hướng STT Tên cbCountry Kiểu ComboBox Ràng buộc Chức Chọn quốc gia 128 listMovie Hiển thị phim theo xu List hướng Bảng 54 Bảng mơ tả biến cố hình xu hướng STT Biến cố Chọn quốc gia Xử lí Hiển thị xu hướng theo quốc gia 4.5.2.10 Màn hình Report Analysis Hình 100 Màn hình Report Bảng 55 Bảng mơ tả Màn hình report STT Tên Kiểu Ràng buộc Chức ChartType ComboBox Chọn loại chart orderBy ComboBox Chọn phân loại theo trackingName ComboBox Chọn loại tracking 129 Bảng 56 Bảng mô tả biến cố hình Report STT Biến cố Xử lí Chọn Loại chart Hiển thị biểu đồ theo loại Chọn Lọc theo Hiển thị biểu đô theo Top access Date Chọn Loại tracking Hiển thị biểu đồ theo Detail page Display on screen 130 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết đạt Thơng qua việc nghiên cứu tìm hiểu công nghệ, đặc biệt công nghệ mới, nhóm em phát triển phần hệ thống hỗ trợ đặt vé xem phim Shinema tích hợp chatbot khuyến nghị Kết chạy thử cho thấy hệ thống hoạt động tốt, mở rộng, phát triển thêm tương lai Về mặt kỹ thuật, nhóm phát triển đạt kết sau: Tìm hiểu được quy trình hoạt động chatbot áp dụng vào ứng dụng Tìm hiểu quy trình hoạt động hệ thống khuyến nghị áp dụng vào ứng dụng Học quy trình thực ứng dụng hoàn chỉnh từ lên kế hoạch, thực, kiểm thử, deploy, … Rèn luyện kĩ nhận dạng toán, nghiên cứu khảo sát thực tế, phân tích chức thực tài liệu mơ tả Nâng cao khả tìm hiểu nghiên cứu công nghệ, đặc biệt công nghệ Kinh nghiệm áp dụng thực tế quy trình phát triển phần mềm V-model Phát triển kỹ mềm cá nhân lên kế hoạch, trình bày văn bản, dự trù thời gian, … kỹ làm việc nhóm khả tranh luận, thuyết phục hỗ trợ lẫn 5.2 Thuận lợi khó khăn 5.2.1 Thuận lợi Nhóm làm việc chung nhiều đồ án, trải qua nhiều môn học phải nộp đồ án cuối kì nhiều cơng nghệ ngơn ngữ lập trình khác nhau, nên đa phần thành viên có kinh nghiệm debug khả tự học cơng nghệ ổn Có kiến thức môn học Kiểm chứng phần mềm, Quản lý dự án phát triển phần mềm, Thiết kế giao diện người dùng, Phương pháp phát triển phần mềm hướng đối tượng, Công nghệ Web ứng dụng phục vụ tốt cho công tác xây dụng phát triển ứng dụng 131 5.2.2 Khó khăn Hiện thành viên nhóm q trình thực tập nên bất cập thời gian làm đồ án Machine learning phạm trù nhóm, nên việc vừa học vừa áp dụng kết mang lại chưa thật cao 5.3 Hướng phát triển Đề tài mở rộng phát triển thêm nhiều tính tích hợp với sở liệu tối ưu hóa giá trị liệu như: • Thêm chức tích điểm cho khách hàng hưởng ưu đãi • Chức đổi ngôn ngữ • Phát triển ứng dụng với chức hỗ trợ khách hàng hệ thống thiết bị di động 132 TÀI LIỆU THAM KHẢO [1] Refsnes Data, “W3Schools”, [Online] Available: https://www.w3schools.com/ [1] Refsnes Data, “W3Schools”, [Online] Available: https://www.w3schools.com/ [2] © 2015–2022 Dan Abramov and the Redux documentation authors, “Redux-Toolkit Documentary” [Online] Available: Redux-Toolkit [3] Prosus, “Stack Overflow”, [Online] Available: stackoverflow [4] © 2022 Meta Platforms, Inc, “React Documentary” [Online] Avaialable: React [5] © 2022 Remix, “React Router Dom Documentary” [Online] Available : React-Router-Dom [6] © 2022 Material UI SAS, “MUI Library Documentary” [Online] Available : MUI [7] EmailEngine, “Nodemailer” [Online] Avaialable: Nodemailer [8] © 1999–2022 Paypal Pte Ltd., “Paypal Documentary” [Online] Available: Paypal [9] Cloud, “Cloundinary” [Online] Available: Cloundinary Documentation 133 [10] MongoDB Inc., “MongoDB” [Online] Available: MongoDB: MongoDB [11] StrongLoop, IBM, and other expressjs.com contributors, “Express” [Online] Available: Express [12] Valeri Karpov, Kathryn Radovan, Hafez, “Mongoose” [Online] Available: Mongoosejs [13] Techvidvan, “Techvidvan” [Online] Avaiable: Techvidvan [14] Vũ Hữu Tiệp, “Machine Learning bản” [Online] Available: machinelearningcoban [15] Pallets, “Flask Documentation” [Online] Available: Flask Documentation (palletsprojects.com) [16] Python Software Foundation, “Python documentation” [Online] Available: Documentation (python.org) [17] pat310, “google-trends-api” [Online] Available: google-trends-api - npm (npmjs.com) [18] Google, “Google Trends” [Online] Available: https://trends.google.com.vn/ ... Khánh Linh Thành phố Hồ Chí Minh, tháng 09 năm 2022 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: XÂY DỰNG HỆ THỐNG HỖ TRỢ QUẢN LÍ BÁN VÉ XEM PHIM TÍCH HỢP KHUYẾN NGHỊ Cán hướng dẫn: ThS Nguyễn Thị Thanh Trúc Thời...1 ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM XÂY DỰNG HỆ THỐNG HỖ TRỢ QUẢN LÍ BÁN VÉ XEM PHIM TÍCH HỢP KHUYẾN NGHỊ Đồ án Giảng viên hướng dẫn: ThS Nguyễn Thị... nghệ đề Biết thủ tục tốn, quản lí hệ thống quản lí xem phim Xây dựng ứng dụng website đáp ứng gợi việc ý phim chatbot Wibsite có khả mở rộng tương lai 5 LỜI CẢM ƠN Đồ án với đề tài “XÂY DỰNG HỆ