HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THONG KHOA ĐA PHƯƠNG TIỆN Ca DO AN TOT NGHIEP DAI HOC NGHIEN CUU VA PHAT TRIEN UNG DUNG DAT DO UONG TRONG QUAN CA PHE SU DUNG CONG NGHE THUC TAI AO Giảng viên hướng dẫn: TS Vũ Hữu Tiến Sinh viên thực hiện: Nguyễn Văn Sang Lớp: DI9PTDPT Mã sinh viên B19DCPT190 Khóa: 2019 — 2024 Hệ: ĐẠI HỌC CHÍNH QUY Hà Nội, 2023 HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THONG CỘNG HOA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA ĐA PHƯƠNG TIỆN Độc lập — Tự do - Hanh phúc ĐÈ TÀI ĐÒ ÁN TÓT NGHIỆP ĐẠI HỌC Họ và tên sinh viên: Nguyễn Văn Sang Lớp: D19PTDPT Khoá: 2019 - 2024 Ngành đào tạo: Công Nghệ Đa Phương Tiện Hệ đào tạo: Đại học chính quy 1 _ Tên đồ án/khoá luận tốt nghiệp: Nghiên cứu và phát triển ứng dụng đặt đồ uống trong quán ca phê sử dụng công nghệ thực tải ảo 2 Lý do chọn đề tài: Hiện nay, ngành dịch vụ đồ uống đang phát triển nhanh chóng và cạnh tranh khốc liệt Các quán cà phê đang tìm kiếm cách dé tạo ra sự khác biệt va thu hút khách hàng Trong thời đại công nghệ SỐ, Sự phát triển của các ứng dụng di động và công nghệ thực tại ảo đã mở ra nhiều cơ hội cho ngành này Nghiên cứu hiện tại cho thấy, các thương hiệu cà phê nổi tiếng như Starbucks, Highlands Coffee, The Coffee House hay Trung Nguyên Legend đang áp dụng mô hình phục vụ khách hàng theo kiểu self-service Điều này có nghĩa là khách hàng phải tự phục vụ đồ uống cho mình Do đó, em có ý tưởng nghiên cứu và phát triển ứng dụng đặt đồ uống trong quán cà phê sử dụng công nghệ thực tại ảo Khi áp dụng công nghệ này có thể thấy rõ các lợi ích mà nó đem lại Công nghệ thực tai ảo cho phép khách hàng có thé xem chỉ tiết, tương tác với sản phâm một cách thực tế trong không gian được ảo hóa day thú vị Điều đó tạo ra một trải nghiệm độc đáo và hap dẫn, giúp tăng sự kết nối và gắn bó với thương hiệu cà phê Ứng dụng đặt đồ uống sử dụng công nghệ thực tại ảo cho phép khách hàng xem trực tiếp menu và các món đồ uống mà không cần phải xếp hàng chờ đợi Khách hàng có thê tìm kiếm, lựa chọn và đặt hàng ngay trên ứng dụng một cách thuận tiện và nhanh chóng Điều này giúp tiết kiệm thời gian cho khách hàng và tăng cường tiện trong quá trình đặt đồ uống Ứng dụng còn cho phép khách hàng tùy chỉnh thành phần, kích cỡ, phong cách phục vụ theo sở thích cá nhân Từ đó tạo ra một trải nghiệm độc đáo và đáp ứng nhu cầu riêng của từng khách hàng, giúp tăng sự hài lòng và tương tác giữa khách — quan ca phê Hơn nữa, hệ thống giúp phân tích chỉ tiết về sở thích và hành vi của khách hàng Quán cà phê có thé sử dụng thông tin này dé hiểu rõ hơn về khách hang, tùy chỉnh chiến lược kinh doanh và quản lý nguồn hàng hiệu quả Điều này giúp nâng cao hiệu suất và tôi ưu hóa quy trình kinh doanh Một điểm nổi bật đáng chú ý không thé không kể đến nữa đó là việc tạo ra điểm khác biệt cho quán cà phê Sử dụng công nghệ thực tế ảo trong đặt đồ uống mang lại sự đột phá và khác biệt Việc áp dụng công nghệ mới mẻ và hiện dai nay giúp quán thu hút sự chú ý của khách hàng, tạo ra một hình ảnh độc đáo và nồi bật cạnh tranh trong ngành đồ uống nói chung và cà phê nói riêng Chính vì vậy, em đã lựa chọn đề tài “Nghiên cứu và phát triển ứng dụng đặt đồ uống trong quán cà phê sử dụng công nghệ thực tại ảo” Đây là một xu hướng tiên tiễn và đáng chú ý trong ngành dịch vụ đồ uống, hứa hẹn sẽ tăng cường trải nghiệm khách hàng, tối ưu hóa quy trình kinh doanh và tạo sự khác biệt trong thị trường Nội dung chính của đồ án: Đồ án được chia làm các chương như sau: Chương 1: Tổng quan về dé tài Chương này miêu tả bài toán và các chức năng của hệ thống Chương 2: Phân tích và thiết kế hệ thống Chương này sẽ đưa ra phương pháp xây dựng hệ thống, biểu đồ usecase, biểu đồ lớp va biểu đồ tuần tự cho từng chức năng của hệ thống Chương 3: Xây dựng cơ sở dữ liệu Chương này sẽ xây dựng cơ sở dữ liệu mức ngoài, mức khái niệm và mức trong cho hệ thống Chương 4: Xây dựng ứng dụng thực tại ảo Cơ sở dữ liệu ban dau: Ngày giao đề tài: /20 Ngày nộp quyển: ⁄ /20 GIẢNG VIÊN HUONG DAN SINH VIÊN THỰC HIỆN (Ky, ghi rõ họ tên) (Ky, ghi rõ họ tên) TRƯỞNG KHOA (Ky, ghi rõ họ tên) CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự do - Hạnh phúc Ha Nội, ngày — tháng 12 năm 2023 NHAN XÉT CUA GIÁO VIÊN HUONG DAN ; DO AN/KHOA LUAN TOT NGHIEP DAI HOC Tên đề tài: Nghiên cứu và phát triên ứng dụng đặt đô uông trong quán cà phê sử dụng công nghệ thực tại ảo Sinh viên: Nguyễn Văn Sang - Lop: DI9PTDPT Giáo viên hướng dẫn: TS Vũ Hữu Tiên - Nơi công tác: Khoa Đa phương tiện- Học viện Công nghệ Bưu chính Viên Thông NỘI DUNG NHAN XÉT 1 Đánh giá chung: Đồ án đã cơ bản đã đạt được các yêu cầu đặt ra trong đề cương 2 Đánh giá chỉ tiết: Đồ án gồm 77 trang, được chia thành 3 chương với các nội dung chính bao gồm: - _ Chương 1: Tổng quan về đề tài - _ Chương 2: Phân tích và thiết kế hệ thống - _ Chương 3: Cài đặt và triển khai ứng dụng 3 Nhận xét về tinh than, thái độ làm việc: Sinh viên Nguyễn Văn Sang có ý thức tốt, luôn cố gắng học hỏi, hoàn thành đồ án đúng tiến độ 4 Kết luận Đồ án đã thực hiện tốt nội dung yêu cầu và đúng thời hạn Đề nghị Hội đồng cho phép bảo vệ dé án 5 Điểm hướng dẫn: GIẢNG VIÊN HƯỚNG DẪN (Ky, ghi rõ họ tên) TS Vũ Hữu Tiến LỜI CÁM ƠN Lời đầu tiên, em xin gửi lời cảm ơn sâu sắc nhất đến các thầy, cô giáo Khoa Da phương tiện, Học viện Công nghệ Bưu chính Viễn thông, những người đã tận tình giảng dạy, truyền đạt cho em những kiến thức quý bau dé phát triển các sản phẩm trong lĩnh vực đa phương tiện nói chung và phát triển ứng dụng nói riêng Từ những kiến thức đó, em phát triển thêm vốn hiểu biết của mình để hoàn thành đề tài, từ đó em có được thêm những kiến thức nền tảng sử dụng trong công việc sau này Đặc biệt, em xin bày tỏ lòng biết ơn và gửi lời cảm ơn chân thành tới thầy giáo TS Vũ Hữu Tiến, người trực tiếp hướng dẫn em làm đề tài khóa luận tốt nghiệp Trong quá trình làm đề tài, thầy đã quan tâm, động viên, tận tình hướng dẫn, giúp em giải quyết các vấn đề nảy sinh và hoàn thành đề tài đúng định hướng ban đầu Thời gian qua mặc dù bản thân em đã cố găng tuy nhiên không tránh khỏi nhiều điểm còn hạn chế và thiếu sót, vì vậy em kính mong tiếp tục nhận được góp ý từ các thầy cô dé sản pham trở nên tốt nhất Cuối cùng em xin được gửi lời cảm ơn tới gia đình, bạn bè, người thân luôn bên cạnh, tạo điều kiện tốt nhất cho em trong suốt quá trình học tập trên giảng đường, động viên và giúp đỡ em đề em hoàn thành tốt đề tài này Em xin chân thành cam ơn! Sinh viên thực hiện Nguyễn Văn Sang MỤC LỤC DANH MỤC HÌNH ẢNH .5.S.1 C.S E2.122.112.11 1.1 11 1 1.1 1g 1.1 1.g.r rư-g DANH MỤC BANG BIỀU 52-5 5< 2S EE2E1E21211271211211111121111121111111111121x1e iii DANH MỤC KÝ HIỆU VÀ CHỮ VIET TẮTT 2 s2.E2.EE£.EE.E2.EE.EEE.2E.EE.EEE.2E.E2.E1.EE1-21- -t-k,iv LOT MO DAU ooo ccccccscsssesssssssesssesssesssesssessssssssssesssessusssssssesssssssesssesssecssesssesssetsessessessusesessessesseess CHƯƠNG 1: TONG QUAN VE DE TÀ.2I 52-525 SE SE EEEXEE1E11 11112111121121 111 1111 ce 1.1 Tổng quan về Thực tại ả0 2.-2.1.S E2.1.211.211.211.211.211.2112.11.21.11 1.11.11-1 r 1 1.1.1 Lich sử hình thành và phat triéte ce.c cece ees esssessesssessesseesessesseessesseessesesseaees 1 1.1.2 1.1.3 Khái niệm về Thực tại a0 ccccccccecccccseeseesessesesessesssesseesessessesstssvestsassvseseveeseeeees 4 1.1.4 Đặc điểm cOng nghé thurc tai 1 5 Giới thiệu một số loại kính VR phổ biến 2-.2 52.2+.E£.EE2.EE.EEE.eE.EeE.xz.rxr-es 10 1.2 Khảo sát mô hình phục vụ trong các quán cà phê .- 5.5 s ss.«2 12 1.2.1 Khảo sát các mô hình phục vụ được các thương hiệu lớn áp dụng 12 1.2.2 Ưu, nhược điểm của các loại hình phỤC VỤ St.c.n h rQe 19 1.3 Giới thiệu mô hình áp dụng công nghệ thực tại ảo c à e.e.ce 20 1.3.1 Tổng quan luồng phục Vụ .¿2.£ +.22+.SE+2.E+2.EE£E.EE2.EE2E.EE2.1122.127.1211.221.7112.11 -112-1.-x-e,20 1.4 _ Công nghệ sử dụng trong đồ án 2© +2 SE 2 27.1.21.1.21.17.1.12 r-e,21 1.4.1 Giới thiệu Unity Game EnBInG . .- G 1 S21.E2.1 91 9 21.9 1 1.H.H n.e-t 21 1.4.2 Ngôn ngữ lập trình CHi ee ccccceseceneceeceseceaeceseceseceaecsseeeeeeeeaeeesseeeeenaeeesaa 26 1.4.3 XR Interaction Toolkit ccc cccecscccscessceseeeseccsscessecseecseeseseenseeesesessessesesseeens 27 1.4.4 — NeStlS oecccccececcecceccecesceseeseeeeseeaceecsecaeesceecsecseeseeecaesaeeaesessecaeeeseseeeaeeeseaeeneeeeeeaes 30 h1 A L: 34 1.5 Tong kết chương l -©2¿©+2E+t2EE2E1222121721121221121221.2c7e1,37 CHUONG 2: PHAN TICH VA THIET KE HỆ THONG 00000 0.cccccccscesscesssessessessesstessesseeees 38 2.1 Xác định yêu cầu .2 s.2.2 121.1211.111.211.11.111.21 11.1 11.12.1 1.1-t-r-r-eu38 2.1.1 Tổng quan về ứng dụng đặt đồ uống Meta OF) HH SH nh krưy 38 2.1.6 Chức năng sản phẩm 2-2.2 2.+2E.+E9.EE9 EE2E.127.121.127.171 121 7171.112.112.111-11- c-6 38 V3 0:6 Vốn ^ ăăăă 39 2.3.1 Biểu đỒ Use case .t.t.E1.112.112.112.112.112.112.1121.111.111.1 1.11.11.1.110-111-1+11g-r ©rsu 39 2.3.2 Thiết kế cơ sở dữ liỆu -.-:-©522:222+22221122211122211127111122111.r 111.i 1 40 2.3 Thiết kế tương tÁc + s2 2E E1 211211711211211111 0111112111111 1012 rrree 42 2.4 Thiết kế hệ thống, . -2:-222+:2222+22211227111222111271111 121111 121.11 43 “0N? ch nan ốc 43 25 XW LY MOM 46 2.5.1 Quy trình xử lý model từ Maya sang Unity cece ccccceeseeseeseeeeeeseeeeneeeeeeeeeseeseens 46 2.5.2 Thiết kế Animation . ¿-222+¿222++222211222111221111271112111222111127.r11e.1.11 47 CHUONG 3: CÀI ĐẶT VÀ TRIEN KHAI UNG DỤNG 2.2.s EE.xe.rk-er-xe2rr-re-x 49 3.1 Quá trình cài đặt, triển khai .-2-.2.-52 ST E.1.2.1.21.12.112.11.1.11.1 r.e 49 3.1.1 Cai dat Unity Hub, Unity ECIẨOT .5.5.6.1.91.23.9.1 91 31.2 1 H1 H.H tr.i.ệt49 3.1.2 Cai dat Rider n 3< 49 3.1.3 Cài đặt NOdeIS cceccccccsscessesssessessusssessesssessessvessessvsssecsessssssessessuessesssssessetsesessecaetees 50 3.1.4 Cài đặt IntelliJ IDEA Ultimate 2.- 55.21.2 E 2E.E£E.E2E.EEE.EEE EE2 EE2 21 2.1.2 12.2- 52 3.1.5 Cai dat (05 53 3.1.6 Cai no .c (4451 54 3.2 Giao diện thực tế của Meta Café . S2 1 2 212.11.21.121.12.11.121.21.211.11.1.1.1.r.e 55 3.3 Tổng kết CHUONGY ES2000ẼẺ7 e .ÓÖ 60 KẾT LUẬN .- - 5-5552 S5 E1 E12E121121121121121121E1111 1111 1 1 1 121 21212121212121 21211111 ke DANH MỤC TÀI LIEU THAM KHẢO .2.-52.S.SSE.2EE.£EE.EEE.2EE.2E1.2EE7.1E2.12E.121.1-111 xe DANH MỤC HÌNH ANH Hình 1.1 Thiết bị SENSOFRAMA [M Heilig] 2-.5-.52.52 2EE.£2E.2EE.2EE.EEE.EEE.ErE.rrk.rrr.rrr-ee 2 Hình 1.2 Thiết bị hiển thị đội trên đầu người dùng của Heilig 2-.5:.©.5z.+5.s>.x+.cs.zs.z+-2 3 Hình 1.3 Mẫu thử VIVE của NASA năm 1985 S + .S1.1 S.111 212.311.1115.151.151.151.111.1 1.115.511.55.Ex-seE4 Hình 1.4 Người dùng trải nghiệm bay trong thành phô 2.-.2 2 2+.+.+E+.+E.2+.E+.zEz.Ez-Ez-xe-rs 5 Hình 1.5 Kiến trúc hệ thống thực tế ảO +: 2.-22.E+.2E2.EE£E.EEEE.EEE.EE2E.12E 1271.7112.717 1221.21-22 - 5 Hình 1.6 Mô hình Virtual World €n€TAfOT - c3: 211212211231 151 151111111511 1111 1 ngư 7 Hinh 1.7 D6 0n e.- 4 9 I0 00c 5Ö 9 Hirh 1.9 00ïá 1n 5-4 10 Hình 1.10 Kính Standalone VR Oculus Quest 2 c.2 3S.E.1 3.2.13.1.1.1.11.1.5-1-1-Eex-ke 11 Hình 1.11 Kính PCVR Oculus Rift So eee cceeeeseeseeseeeeeeseesecseceeeeseeseeseceeeenseecneeenseeneenses 12 Hình 1.12 21 Platform Unity hỗ trợ phát triỂn 2-.2 2 £+S.+E£.2E£.EE£.£E£.EE£.EEE.EEE.EEe.Eke.rke-rkr-ree 22 Hình 1.13 Các tab cơ bản trong nIfy - c1 21 2t 2123119 2 12 1111 1111 11v HH ng rưệp 24 Hình 1.14 XR Device Simulator Ï .- - - 5+.22 322.*32.E*E E+EE.+EE SEE EEEE.EEE rrEs.rkE rkr kker.ker rkrr.krr- rke 29 Hình 1.15 Cấu trúc folder khởi tạo của NestJS 2.-52.St.S.E.EE.EEE.EEE.EEE.EEE.EEE.EEE.ker-ker-ker-kee 32 Hình 1.16 Một controller mẫu trong NestJS .2 - 2 2 E.+S£.+E.£EE.2E£.£E.£EE.£E£.EE.EEE.ZEe.Er.Erk-rrr-ei 33 Hình 1.17 Các components tạo nên giao điện cuối củng 2-.2.2 + ++.£+.+E+.zE.zx.+x-zx-zx-ez 35 Hình 1.18 So sánh dữ liệu khi sử dung Redux và không sử dụng Redux -.-.-.-36 Hình 2.1 Biểu đồ secase ¿2-52 2c E1 2112711711211271211211110211121121112r1r1e.39 Hình 2.2 Biểu đồ lớp thiết kẾ - 2-2-5221 E2 1EE127112112711211211111111112111111re1.40 Hình 2.3 Mô hình quan hệ cơ sở dt lIỆU G.2 22 32.218.211.13.111.1.1.31.1.51.1.11.1.11 Er-ke41 Hình 2.4 Thiết kế luồng dành cho khách hang lựa chon đồ uống 2 2-2-2-5-+-: 42 Hình 2.5 Thiết kế luồng dành cho nhân viên pha chế cập nhật trạng thái đơn hàng 43 Hình 2.6 Quá trình xử lý model từ Maya sang nIfy .- c 1 v.n H y 46 Hình 2.7 Kịch ban Animator khi chuyển trạng thái customize đồ uống -. 48 Hình 3.1 Trang chủ Unity Engine ec ceeeeececeeseeeececceceeseeseceessessecaececeeesseeaeeneeeeeeeeeaeenes 49 Hình 3.2 Giao diện Jetbrains ToolbOX - - 5 252221122211 3233 131211158111 5111128111118 ra 50 Hình 3.3 Các version download theo nền tảng của NodeJS . 2- 255222 51 Hình 3.4 Giao diện chao mừng khi chạy setup Node]Š .à S.2.2 s.sst.se.ir.ees.rr.sr-ee 51 Hình 3.5 Giao diện setup - lisence agreement khi cải đặt Node]SŠ - 5 -c+c+