Xây dựng hệ thống hỗ trợ quản lí bán vé xem phim
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (4.93 MB, 121 trang )
ĐẠ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
Đồ án 1
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 06 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
Đồ án 1
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 06 năm 2022
1
ĐỀ 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
Cán bộ hướng dẫn: ThS. Nguyễn Thị Thanh Trúc
Thời gian thực hiện: Từ ngày 21/02/2022 đến ngày 16/06/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 được ứ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 được các tính năng cần thiết với ngơn ngữ Javascript, cơng nghệ mới
ReatcJS, ExpressJS và chuẩn bảo mật JWT:
-
Giúp khách hàng có thể xem thơng tin bộ phim, bình luận về phim cũng như
thực hiện thao tác đặt vé, đánh giá phim.
-
Hỗ trợ việc tìm kiếm theo nhiều bộ lọc khác nhau
-
Có hệ thống quản lí dữ liệu: quản lí phim, các cụm rạp, nhân viên, các bài bình
luận, các đơn hàng đã đặt, thông tin cá nhân…
-
Thực hiện kiểm duyệt đối với các bài bình luận phim.
-
Hỗ trợ quản lí thống kê doanh thu, báo cáo.
Phạm vi:
Đề tại xây dựng một website cung cấp một số tính năng cơ bản về đặt vé xem phim
online với các phân quyền chính:
-
Về phía cơng ty:
-
Admin sẽ là người có quyền hạn cao nhất, quản lí dữ liệu và nhân viên khác
-
Manager là người quản lí dữ liệu phim, xuất chiếu, rạp …
-
Censor là người kiểm duyệt các bài đăng từ khách hàng
2
-
Về phía khách hàng:
Customer là người đặt vé, thanh tốn và đăng các bài bình luận phim trên
website
Đối tượng sử dụng:
-
Người dùng muốn xem thông tin các bộ phim, các bài bình luận, có nhu cầu đặt
vé xem phim.
-
Admin quản lí các 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 của khách hàng
-
Người kiểm duyệt kiểm tra nội dung các bài 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 một website bằng các cơng nghệ đã đề
ra
-
Phân tính, đánh giá các ứng dụng tương tự
-
Khảo sát lấy ý kiến người dùng
Kết quả mong đợi:
-
Biết được quy trình xây dựng một website cơ bản thông qua các công nghệ đã đề
ra
-
Biết được thủ tục thanh tốn, quản lí hệ thống quản lí xem phim cơ bản
-
Xây dựng được một ứng dụng website đáp ứng đủ nhu càu người dùng
-
Wibsite có khả năng mở rộng trong tương lai
3
LỜI CẢM ƠN
Đồ án với đề tài “XÂY DỰNG HỆ THỐNG HỖ TRỢ ĐĂT VÉ XEM PHIM” là
minh chứng cho q trình cố gắng khơng ngừng trong việc tìm tịi, học hỏi khi học
tập tại trường Đại học Công nghệ Thông tin. Thể hiện khả năng của bản thân trong
việc áp dụng kiến thức chuyên môn vào giải quyết bài tốn thực tế.
Trong q trình thực hiện đồ án, em đã nhận được sự hướng dẫn tận tình từ cơ.
Một cách đặc biệt, em xin được 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 và 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 trong những
năm học tập tại trường. Đó là tài sản q báu đã giúp em hồn thành khố
luận và cũng là hành trang cho con đường sự nghiệp của bản thân sau này.
•
Em xin được 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, chỉ bảo, giúp đỡ em những lúc khó khăn, đưa ra những
lời khun bổ ích để khố luận được hoàn thành đúng tiến độ và đáp ứng các
yêu cầu đề ra ban đầu.
• Các thành viên trong nhóm đã luôn nổ lực phấn đấu, lắng nghe và luôn sẵn
sàng hỗ trợ nhau trong suốt cả quá trình học tập và thực hiện đồ án. Để đạt
được kết quả như ngày hơm nay.
• 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 và đóng góp ý kiến trong q trình hồn thành đồ án
này.
Thành phố Hồ Chí Minh, tháng 06 năm 2022
Sinh viên 1
Sinh viên 2
Trần Trí Thức
Nguyễn Khánh Linh
4
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
5
DANH MỤC HÌNH ẢNH
Hình 1.1. Bài khảo sát ...............................................................................................17
Hình 1.2. Khảo sát về độ tuổi ....................................................................................18
Hình 1.3. Khảo sát về hình thức mua vé ...................................................................18
Hình 1.4. Khảo sát về độ phổ biến của các trang web đặt vé ...................................19
Hình 1.5. Khảo sát về ưu điểm các trang web ..........................................................20
Hình 1.6. Khảo sát các tính năng cần thiết cho khách hàng .....................................20
Hình 1.7. Khảo sát các tính năng cần thiết cho quản lí .............................................21
Hình 1.8. Khảo sát về giao diện ................................................................................22
Hình 1.9. Khảo sát về màu sắc chủ đạo ....................................................................22
Hình 2.1. Quy trình làm việc của chatbot .................................................................27
Hình 2.2. Intent movie ..............................................................................................29
Hình 2.3. User expression .........................................................................................29
Hình 2.4. Phản hồi từ chat bot...................................................................................30
Hình 2.5. React logo..................................................................................................32
Hình 2.6. Express.js logo ..........................................................................................33
Hình 2.7. Mogoose logo ............................................................................................34
Hình 2.8. Redux logo ................................................................................................35
Hình 2.9. Nodemailer ................................................................................................36
Hình 2.10. AXIOS logo ............................................................................................37
Hình 2.11. Dialogflow...............................................................................................38
Hình 2.12. Kommunicate ..........................................................................................40
Hình 2.13. Chatbot ....................................................................................................40
Hình 2.14. mogoDB logo ..........................................................................................41
Hình 2.15. Cloundinary logo .....................................................................................42
Hình 2.16. JWT logo .................................................................................................43
Hình 2.17. Sơ đồ JWT ...............................................................................................44
Hình 2.18. JWT .........................................................................................................45
Hình 2.19. Paypal tiêu chuẩn ....................................................................................47
6
Hình 2.20. Paypal nâng cao.......................................................................................47
Hình 2.21. Paypal tuỳ chỉnh ......................................................................................48
Hình 2.22. Cách thức hoạt động giao dịch Paypal ....................................................48
Hình 2.23. Cách thức hoạt động khi lập hố đơn Paypal ..........................................49
Hình 3.1. Sơ đồ phân rã chức năng admin ................................................................52
Hình 3.2. Sơ đồ phân rã chức năng manager ............................................................52
Hình 3.3. Sơ đồ phân rã chức năng censor................................................................53
Hình 3.4. Sơ đồ phân rã chức năng customer ...........................................................53
Hình 3.5. Usecase tồn hệ thống ...............................................................................55
Hình 3.6. Usecase Đăng nhập ...................................................................................56
Hình 3.7. Usecase đăng kí .........................................................................................56
Hình 3.8. Usecase chatbot Shinema ..........................................................................57
Hình 3.9. Usecase chatbot .........................................................................................58
Hình 3.10. Usecase Quản lí suất chiếu......................................................................59
Hình 3.11. Usecase Quản lí rạp .................................................................................60
Hình 3.12. Usecase Quản lí phịng ............................................................................61
Hình 3.13. Usecase Quản lí bài đăng ........................................................................62
Hình 3.14. Usecase Bình luận ...................................................................................63
Hình 3.15. Usecase Tìm phim ...................................................................................63
Hình 3.16. Usecase tìm diễn viên..............................................................................64
Hình 3.17. Usecase Đặt vé ........................................................................................64
Hình 4.1. Sơ đồ DFD đăng nhập ...............................................................................66
Hình 4.2. Sơ đồ DFD đăng kí....................................................................................67
Hình 4.3. Sơ đồ DFD chỉnh sửa thơng tin cá nhân ...................................................67
Hình 4.4. Sơ đồ DFD thanh tốn ...............................................................................68
Hình 4.5. Sơ đồ DFD tìm diễn viên ..........................................................................68
Hình 4.6. Sơ đồ DFD tìm phim .................................................................................69
Hình 4.7. Sơ đồ DFD thêm suất chiếu ......................................................................69
Hình 4.8. Sơ đồ DFD sửa suất chiếu .........................................................................70
7
Hình 4.9. Sơ đồ DFD xố suất chiếu ........................................................................70
Hình 4.10. Activity Đăng nhập .................................................................................71
Hình 4.11. Activity Đăng kí ......................................................................................72
Hình 4.12. Activity Chatbot ......................................................................................73
Hình 4.13. Activity Chatbot ......................................................................................74
Hình 4.14. Activity Thêm suất chiếu ........................................................................75
Hình 4.15. Activity Sửa suất chiếu ...........................................................................76
Hình 4.16. Activity Xố suất chiếu ...........................................................................77
Hình 4.17. Activity Bình luận ...................................................................................78
Hình 4.18. Activity Đặt vé ........................................................................................79
Hình 4.19. Activity Tìm phim ...................................................................................80
Hình 4.20. Activity Tìm diễn viên ............................................................................80
Hình 4.21. Kiến trúc tổng thể ....................................................................................87
Hình 4.22. Thư mục client ........................................................................................88
Hình 4.23. Thư mục server .......................................................................................89
Hình 4.24. Sơ đồ liên kết màn hình admin ...............................................................90
Hình 4.25. Sơ đồ liên kết màn hình manager ............................................................91
Hình 4.26. Sơ đồ liên kết màn hình censor ...............................................................92
Hình 4.27. Sơ đồ liên kết màn hình customer ...........................................................93
Hình 4.28. Màn hình chính .......................................................................................94
Hình 4.29. Màn hình chính .......................................................................................95
Hình 4.30. Màn hình chính .......................................................................................96
Hình 4.31. Màn hình chính .......................................................................................97
Hình 4.32. Màn hình chi tiết phim ............................................................................98
Hình 4.33. Màn hình chi tiết phim ............................................................................99
Hình 4.34. Màn hình chi tiết phim ..........................................................................100
Hình 4.35. Màn hình chi tiết diễn viên ...................................................................101
Hình 4.36. Màn hình chi tiết diễn viên ...................................................................102
Hình 4.37. Màn hình chi tiết diễn viên ...................................................................103
8
Hình 4.38. Màn hình thanh tốn..............................................................................104
Hình 4.39. Màn hình thanh tốn..............................................................................105
Hình 4.40. Màn hình thanh tốn..............................................................................106
Hình 4.41. Màn hình thanh tốn..............................................................................108
Hình 4.42. Danh sách suất chiếu .............................................................................109
Hình 4.43. Màn hình thêm suất chiếu .....................................................................111
Hình 4.44. Màn hình review phim ..........................................................................113
Hình 4.45. Màn hình review phim ..........................................................................113
Hình 4.46. Màn hình chatbot...................................................................................114
9
DANH MỤC BẢNG BIỂU
Bảng 0.1Bảng 0.2 ...................................................... Error! Bookmark not defined.
Bảng 1.1. Quy trình thực hiện ...................................................................................23
Bảng 3.1. Bảng nghiệp vụ .........................................................................................50
Bảng 4.1. Bảng dữ liệu Suất chiếu ............................................................................81
Bảng 4.2. Bảng dữ liệu DateTime .............................................................................82
Bảng 4.3. Bảng dữ liệu User .....................................................................................82
Bảng 4.4. Bảng dữ liệu Ticket ..................................................................................83
Bảng 4.5. Bảng dữ liệu Invoice .................................................................................84
Bảng 4.6. Bảng dữ liệu Theater ................................................................................85
Bảng 4.7. Bảng dữ liệu Room ...................................................................................85
Bảng 4.8. Bảng dữ liệu Review ................................................................................86
Bảng 4.9. Bảng dữ liệu Comment .............................................................................87
Bảng 4.10. Bảng mô tả màn hình chính ....................................................................94
Bảng 4.11. Bảng mơ tả biến cố màn hình chính .......................................................94
Bảng 4.12. Bảng mơ tả màn hình chính ....................................................................95
Bảng 4.13. Bảng mơ tả biến cố màn hình chính .......................................................95
Bảng 4.14. Bảng mơ tả màn hình chính ....................................................................96
Bảng 4.15. Bảng mơ tả biến cố màn hình chính .......................................................96
Bảng 4.16. Bảng mơ tả màn hình chính ....................................................................97
Bảng 4.17. Bảng mơ tả biến cố màn hình chính .......................................................97
Bảng 4.18. Bảng mơ tả màn hình chính ....................................................................98
Bảng 4.19. Bảng mơ tả biến cố màn hình chính .......................................................99
Bảng 4.20. Bảng mơ tả màn hình chính ....................................................................99
Bảng 4.21. Bảng mơ tả biến cố màn hình chính .....................................................100
Bảng 4.22. Bảng mơ tả màn hình chính ..................................................................100
Bảng 4.23. Bảng mơ tả biến cố màn hình chính .....................................................101
10
Bảng 4.24. Bảng mơ tả màn hình chính ..................................................................101
Bảng 4.25. Bảng mơ tả biến cố màn hình chính .....................................................102
Bảng 4.26. Bảng mơ tả màn hình chính ..................................................................102
Bảng 4.27. Bảng mơ tả biến cố màn hình chính .....................................................103
Bảng 4.28. Bảng mơ tả màn hình chính ..................................................................103
Bảng 4.29. Bảng mơ tả biến cố màn hình chính .....................................................103
Bảng 4.30. Bảng mơ tả màn hình chính ..................................................................104
Bảng 4.31. Bảng mơ tả biến cố màn hình chính .....................................................105
Bảng 4.32. Bảng mơ tả màn hình chính ..................................................................106
Bảng 4.33. Bảng mơ tả biến cố màn hình chính .....................................................106
Bảng 4.34. Bảng mơ tả màn hình chính ..................................................................106
Bảng 4.35. Bảng mơ tả biến cố màn hình chính .....................................................107
Bảng 4.36. Bảng mơ tả màn hình chính ..................................................................108
Bảng 4.37. Bảng mơ tả biến cố màn hình chính .....................................................109
11
MỤC LỤC
ĐỀ CƯƠNG CHI TIẾT ............................................................................................1
LỜI CẢM ƠN ............................................................................................................3
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ..................................................4
DANH MỤC HÌNH ẢNH .........................................................................................5
DANH MỤC BẢNG BIỂU .......................................................................................9
MỤC LỤC ................................................................................................................11
Chương 1 GIỚI THIỆU TỔNG QUAN ĐỀ TÀI ...............................................15
1.1.
Lí do chọn đề tài ......................................................................................15
1.2.
Mục tiêu....................................................................................................15
1.3.
Phạm vi .....................................................................................................16
1.4.
Đối tượng ..................................................................................................16
1.5.
Phương pháp thực hiện ..........................................................................16
1.6.
Công nghệ sử dụng ..................................................................................17
1.7.
Kết quả mong đợi ....................................................................................17
1.8.
Hiện trạng bài toán .................................................................................17
Kết quả khảo sát ..............................................................................................18
1.9.
Quy trình thực hiện .................................................................................23
Chương 2 CƠ SỞ LÍ THUYẾT VÀ CƠNG NGHỆ ..........................................26
2.1.
Lý thuyết sử dụng chatbot ......................................................................26
2.1.1.
Ngun lí làm việc............................................................................26
2.1.2.
Quy trình làm việc ...........................................................................27
2.1.3.
Xử lí ngôn ngữ tự nhiên ..................................................................27
2.2.
Công nghệ sử dụng ..................................................................................32
2.2.5. Hỗ trợ thanh tốn trực tuyến ................................................................45
Chương 3 PHÂN TÍCH BÀI TỐN ...................................................................50
3.1.
Nghiệp vụ .................................................................................................50
3.2.
u cầu tính năng....................................................................................51
3.3.
Phân tích u cầu chức năng ..................................................................52
12
3.4.
Phân tích yêu cầu phi chức năng ...........................................................54
3.5.
Phân tích yêu cầu người dùng ................................................................54
3.6.
Mơ hình use case tồn hệ thống .............................................................54
3.7.
Một số mơ hình Use case của hệ thống ..................................................55
3.7.1.
Use case Đăng nhập .........................................................................55
3.7.2.
Use case Đăng kí ..............................................................................56
3.7.3.
Use case Chat bot Shemina .............................................................57
3.7.4.
Use case Quản lí suất chiếu .............................................................58
3.7.5.
Use case Quản lí rạp ........................................................................59
3.7.6.
Use case Quản lí phịng ...................................................................60
3.7.7.
Use case Quản lí bài đăng ...............................................................61
3.7.8.
Use case Bình luận bài đăng ...........................................................62
3.7.9.
Use case Tìm phim ...........................................................................63
3.7.10.
Use case Tìm diễn viên ....................................................................63
3.7.11.
Use case Đặt vé .................................................................................64
Chương 4 THIẾT KẾ HỆ THỐNG ....................................................................66
4.1.
DFD ...........................................................................................................66
4.1.1.
Đăng nhập ........................................................................................66
4.1.2.
Đăng kí ..............................................................................................66
4.1.3.
Cập nhật thơng tin cá nhân ............................................................67
4.1.4.
Thanh tốn .......................................................................................67
4.1.5.
Tìm diễn viên ...................................................................................68
4.1.6.
Tìm phim ..........................................................................................68
4.1.7.
Thêm suất chiếu ...............................................................................69
4.1.8.
Sửa suất chiếu ..................................................................................70
4.1.9.
Xố suất chiếu ..................................................................................70
4.2.
Thiết kế xử lí ............................................................................................71
4.2.1.
Activity Đăng nhập ..........................................................................71
4.2.2.
Activity Đăng kí ...............................................................................71
4.2.3.
Activity Chatbot ..............................................................................72
4.2.4.
Activity Thêm suất chiếu ................................................................74
13
4.2.5.
Activity Sửa suất chiếu....................................................................75
4.2.6.
Activity Xố suất chiếu ...................................................................76
4.2.7.
Activity Bình luận ............................................................................77
4.2.8.
Activity Đặt vé .................................................................................78
4.2.9.
Activity Tìm phim ...........................................................................79
4.2.10.
Activity Tìm diễn viên .....................................................................80
4.3.
Thiết kế cơ sở dữ liệu ..............................................................................80
4.3.1.
Lược đồ cơ sở dữ liệu ......................................................................80
4.3.2.
Mô tả các bảng dữ liệu ....................................................................81
4.4.
Thiết kế kiến trúc hệ thống ....................................................................87
4.4.1.
Kiến trúc tổng thể ............................................................................87
4.4.2.
Kiến trúc thư mục ...........................................................................88
4.5.
Thiết kế giao diện ....................................................................................89
4.5.1. Sơ đồ liên kết màn hình .........................................................................89
4.5.1.1. Admin ...............................................................................................89
4.5.1.2. Manager............................................................................................90
4.5.1.3. Censor ...............................................................................................91
4.5.1.4. Customer ..........................................................................................92
4.5.2. Mơ tả màn hình ......................................................................................93
4.1.2.
Màn hình chính ................................................................................94
4.1.3.
Màn hình chi tiết phim ....................................................................98
4.1.4.
Màn hình chi tiết diễn viên ...........................................................101
4.1.5.
Màn hình thanh tốn .....................................................................104
4.1.6.
Màn hình danh sách suất chiếu ....................................................109
4.1.7.
Màn hình thêm suất chiếu ............................................................111
4.1.8.
Màn hình thêm review phim ........................................................112
4.1.9.
Màn hình chatbot ..........................................................................114
Chương 5 KẾT LUẬN, HƯỚNG PHÁT TRIỂN ...............................................116
5.1.
Kết quả đạt được ...................................................................................116
5.2.
Thuận lợi và khó khăn ..........................................................................117
5.2.1.
Thuận lợi ........................................................................................117
14
5.2.2.
5.3.
Khó khăn ........................................................................................117
Hướng phát triển ...................................................................................117
TÀI LIỆU THAM KHẢO ....................................................................................118
15
Chương 1
GIỚI THIỆU TỔNG QUAN ĐỀ TÀI
1.1. Lí do chọn đề tài
Khách quan:
Trong cuộc sống hiện đại ngày nay, các hoạt động giải trí ngày càng được trú
trọng. Trong số đó, xem phim là một hoạt động khơng thể khơng đề cập đến. Khách
hàng thường đến các rạp chiếu phim, chọn phim và tiến hành thanh toán. Nhưng trong
thời đại phát triển, nhu cầu của họ ngày càng cao, họ cần các chức năng xem đánh
giá, giới thiệu về bộ phim để lựa chọn được phim ưng ý nhất, thanh tốn online để
tiết kiệm thời gian nhất. Vấn đề đó địi hỏi các cơng ty phải có các hệ thống đáp ứng
được nhu cầu khách hàng. Nắm bắt được vấn đề này, nhóm chúng em tiến hành xây
dựng một website để người dùng có thể truy cập nhanh chóng mà khơng cần tải về
điện thoại, họ có thể xem hình ảnh, trailer, đánh giá từ những người xem trước để có
thể chọn được phim ưng ý nhất và thanh tốn online một cách nhanh chóng.
Chủ quan:
Trong suốt q trình học tập, nhóm chúng em muốn được trải nghiệm các đề tài
khác nhau và hoạt động trên nhiều nền tảng. Cảm thấy hứng thú với cơng nghệ web
và sở thích xem phim, nhóm đã đề xuất ý tưởng xây dựng một website về sở thích
của mình. Đây là trãi nghiệm lần đầu của nhóm về việc xây dựng một website hồn
chỉnh.
1.2. Mục tiêu
Xây dựng được ứ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 được các tính năng cần thiết với ngơn ngữ Javascript, công nghệ mới
ReatcJS, ExpressJS và chuẩn bảo mật JWT:
-
Giúp khách hàng có thể xem thơng tin bộ phim, bình luận về phim cũng
như thực hiện thao tác đặt vé, đánh giá phim.
-
Hỗ trợ việc tìm kiếm theo nhiều bộ lọc khác nhau
16
-
Có hệ thống quản lí dữ liệu: quản lí phim, các cụm rạp, nhân viên, các bài
bình luận, các đơn hàng đã đặt, thông tin cá nhân…
-
Thực hiện kiểm duyệt đối với các bài bình luận phim.
-
Hỗ trợ quản lí thống kê doanh thu, báo cáo.
1.3. Phạm vi
Đề tại xây dựng một website cung cấp một số tính năng cơ bản về đặt vé xem phim
online với các phân quyền chính:
Về phía cơng ty:
Admin sẽ là người có quyền hạn cao nhất, quản lí dữ liệu và nhân viên
khác
-
Manager là người quản lí dữ liệu phim, xuất chiếu, rạp …
-
Censor là người kiểm duyệt các bài đăng từ khách hàng
Về phía khách hàng:
Customer là người đặt vé, thanh tốn và đăng các bài bình luận phim trên
website
1.4. Đối tượng
-
Người dùng muốn xem thơng tin các bộ phim, các bài bình luận, có nhu
cầu đặt vé xem phim.
-
Admin quản lí các 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 của khách hàng
-
Người kiểm duyệt kiểm tra nội dung các bài bình luận phim theo quy định.
1.5. Phương pháp thực hiện
-
Tìm hiểu, phân tích quy trình xây dựng một website bằng các cơng nghệ đã
đề ra
-
Phân tính, đánh giá các ứng dụng tương tự
-
Khảo sát lấy ý kiến người dùng
17
1.6. Công nghệ sử dụng
-
Front-end: ReactJS
-
Back-end:
GoogleAPI/NodeJS,
ExpressJS,
Mongoose
connected
MongoDB.
-
Security Standard: JWT
-
Database: MongoDB
-
Chatbot: Dialogflow, Kommunicate
1.7. Kết quả mong đợi
-
Biết được quy trình xây dựng một website cơ bản thông qua các công nghệ
đã đề ra
-
Biết được thủ tục thanh tốn, quản lí hệ thống quản lí xem phim cơ bản
-
Xây dựng được một ứng dụng website đáp ứng đủ nhu càu người dùng
-
Biết được quy trình xây đựng một chatbot cơ bản
-
Wibsite có khả năng mở rộng trong tương lai
1.8. Hiện trạng bài tốn
Nhóm thực hiện khảo sát trên mạng xã hội với 9 câu hỏi khảo sát.
Hình 1.1. Bài khảo sát
Link khảo sát: Khảo sát trang web đặt vé xem phim Shinema
18
Kết quả khảo sát
Sau khi hoàn thành khảo sát với hơn 100 phản hồi, nhóm đã có một số phản hồi
sau về phía người dùng:
1.8.1. Độ tuổi
Hình 1.2. Khảo sát về độ tuổi
Khảo sát chủ yếu được thực hiện bởi học sinh và sinh viên, nên độ tuổi chủ yếu
tham gia khảo sát là 0 – 18 và 18 – 25 tuổi, và độ tuổi trên 25 có số lượng là 0.
1.8.2. Hình thức mua vé
Hình 1.3. Khảo sát về hình thức mua vé
19
Đa số người dùng (42,2%) chọn hình thức mua vé trực tiếp tại rạp vì quá trình
nhanh gọn tiện lợi, trong khi số người hoàn toàn mua vé trực tuyến trên các trang
web online (13,8%). Hầu hết các quá trình thanh tốn khi mua web phải thơng
qua ví điện tử hoặc Internet Banking, trong khi các nền tảng thanh toán này chưa
phổ biến nhiều hoặc khó sử dụng với một số đối tượng. Ngoài ra cũng rất nhiều
người dùng áp dụng cả 2 hình thức trên khi mua vé xem phim (42,2%).
1.8.3. Độ phổ biến của các trang web đặt vé xem phim
Hình 1.4. Khảo sát về độ phổ biến của các trang web đặt vé
Một số trang web đặt vé xem phim như Galaxy Cinema, CGV, Cinestar, Dcine
được biết đến nhiều nhất, do đây là trang web của các hệ thống, tập đoàn lớn với
nhiều chi nhánh trên toàn quốc.
1.8.4. Ưu điểm của các trang web đặt vé xem phim
20
Hình 1.5. Khảo sát về ưu điểm các trang web
Theo khảo sát, ưu điểm của các trang web trên ngoài giao diện đẹp, dễ sử dụng
thì cũng có khả năng đáp ứng được các nhu cầu cơ bản của người dùng qua việc
xây dựng các tính năng cơ bản. Điều này cho thấy rằng giao diện và tính năng cần
phải kết hợp hài hoà nhau để tạo nên sự chuyên nghiệp.
1.8.5. Các tính năng cần thiết cho khách hàng
Hình 1.6. Khảo sát các tính năng cần thiết cho khách hàng
21
Khách hàng cho rằng việc cập nhật thông tin phim thường xuyên là rất cần thiết
(94,5%) vì họ mong muốn theo dõi được các bộ phim mới liên tục; cùng với đó, việc
hỗ trợ tra cứu thơng tin cũng rất cần thiết (80,7%). Họ cũng mong muốn rằng mỗi bộ
phim sẽ có trailer và bài bình luận để tiện theo dõi nội dung sơ lược của bộ phim.
Hơn nữa, họ cần một số tính năng liên quan đến việc đặt vé như hiển thị ghế còn
trống, thay đổi số vé đã đặt, khung giờ đặt vé, huỷ vé. Một số yêu cầu về giao diện
như giao diện Dark Mode, đa ngơn ngữ cũng được cho rằng là nên có cho một web
đặt vé xem phim.
1.8.6. Các tính năng cần thiết cho quản lí:
Hình 1.7. Khảo sát các tính năng cần thiết cho quản lí
Đa số người tham gia khảo sát cho rằng người quản lí nên được hỗ trợ quản lí về
phim, thể loại, rạp, suất chiếu, diễn viên, giá vé… để hỗ trợ thông tin đến khách hàng
được tốt hơn. Ngoài ra, do đa số người tham gia khảo sát là sinh viên, học sinh nên
họ mong muốn có quản lí khuyến mãi khi thanh tốn. Người quản lí nên quản lí tài
khoản khách hàng của họ, hay một số khác như bình luận phim, blog tin tức, hình
thức thanh toán…
1.8.7. Về giao diện
22
Hình 1.8. Khảo sát về giao diện
Người tham gia khảo sát phần lớn nghiêng về một giao diện thân thiện, dễ thao
tác (75.2%) hơn mọt giao diện cầu kì, sử dụng nhiều hiệu ứng. Điều này cũng dễ
hiểu vì web bán vé cho rất nhiều đối tượng khác nhau trong xã hội, nên giao diện
mà người dùng dễ học, dễ sử dụng và thao tác sẽ được ưu tiên cao hơn.
1.8.8. Màu sắc chủ đạo
Hình 1.9. Khảo sát về màu sắc chủ đạo
Màu sắc đóng vai trị quan trọng trong thiết kế và cuộc sống. Cụ thể, màu sắc chính
là yếu tố quan trọng quyết định đến cảm xúc của người dùng. Kết quả khảo sát cho
thấy người dùng có một góc nhìn thẩm mỹ khác nhau, đa số chọn gam màu tối
23
(42.2%), tiếp đến màu sáng (29.4%) và màu trung tính (28.4%). Trong khi gam màu
sáng mang lại cảm giác ấp áp, lạc quan, kích thích và tạo sự nổi bật; thì gam màu tối
thể hiện sự mạnh mẽ, chắc chắn; cịn gam màu trung tính mang lại sự thanh lịch, tao
nhã. Do đó, cần thiết kế một website sao cho các gam màu được kết hợp hài hoà và
phối hợp nhuần nhuyễn các góc nhìn khác nhau.
1.8.8.1.
Đóng góp thêm
- Giao diện được khuyến nghị thiết kế sao cho dễ sử dụng, dễ thao tác, tiếp nhận
thông tin; xây dựng website đáp ứng tính năng cơ bản.
- Khơng cần q bắt mắt, giao diện chỉ cần vừa đủ sinh động, thu hút; cập nhật
thường xun các thơng tin chính về website nói chung cũng như các thể loại
phim nói riêng.
- Giao diện dễ sử dụng không nên quá phức tạo chi tiết li ti, tránh để trên màn
hình trong một thời điểm xuất hiện quá nhiều phim, chỉ nên để một vài bộ phim
tiêu biểu, hiển thị vài thông tin quan trọng người dùng quan tâm tránh tốn công
click từng phim để xem chi tiết.
1.9. Quy trình thực hiện
Bảng 1.1. Quy trình thực hiện
Tuần
1
Thành viên 1
Thành viên 2
(Thức)
(Linh)
Cơng nghệ:
Nhóm
- Tìm hiểu đề tài liên
- ExpressJs
quan
- MongoDB
- Khảo sát
- Tìm hiểu HTML,
CSS
2
Cơng nghệ:
- ExpressJs
Phân tích bài tốn
