Chương I. GIỚI THIỆU DE TÀI. Động cơ và thách thức 2 1. Phạm vi đối tượng 3 Chương2.
Hiện trang thị trường 4 2. Xu hướng phát triển 5 2. Các van dé còn ton tại 6 2. Giải pháp 360 Fairs 6 2.
Phuong pháp thực hiện 7 Chương3. Công nghệ va công cụ sử dụng 8 3. Công nghệ xây dựng ứng dụng Web 8 3. MYSQL, Laravel 8 và Restful API 8 3.
Công nghệ VR va AR trên Web. Công nghệ VR. Công nghệ AR 15 Chương4. | PHAN TÍCH VÀ THIẾT KE HỆ THÓNG.
Phân tích yêu cầu 18 4. Yéu câu chức năng 18 4. Yêu câu phi chức năng 18 4. Yêu câu lưu trữ 19 4.
Đề xuất giải pháp và đóng góp 19 4. Lưu trữ tài nguyên 19 4. Thiết kế phù hợp cho nhiều quy mô sự kiện 19 4. Hệ thống công cụ xây dựng sự kiện ảo trên nền Web 20 4.
Ghi nhận phân tích thống kê người xem 22 4. Phân quyền quản lý cho partner 24 4. Hỗ trợ các trang landing page 24 4. Trải nghiệm AR 26 4.
Kiến trúc hệ thong 27 4. Modules hệ thống 27 4. Hệ thống VR Engine 28 4. Các sơ đô usercase tiêu biêu 32 4.
Hệ thống quản lý 32 4. Hệ thống VR Studio 33 4. Thiết kế cơ sở dữ liệu 34 4. Mô hình tổ chức dữ liệu 34 4.
Mô tả tổ chức dữ liệu 35 4. So đồ thao tác phê duyệt booth 51 4. Sơ đồ thao tác tao partner 52 4. Sơ đồ thiết lập hotspot 53 4.
Sơ đồ thao tác thêm panorama 55 4. Thiết kế thành phan giao diện 56 4. Hệ thống quản lý chung 56 4. Hệ thống quản lý tour 57 4.
Hệ thống VR Engine 64 4. Các trang landing page 72 Chuong5. | CAIDAT VA DANH GIÁ HE THÔNG. Môi trường phát trién và triển khai thử nghiệm 78 5.
Môi trường triển khai 78 5. _ Môi trường phát triển 79 5. Đánh giá hoạt động hệ thống 79 Chuong6. KẾT LUẬN VÀ HƯỚNG PHAT TRIEN.
Két qua dat duoc. Những hạn chế. Định hướng phát triển. 81 TÀI LIEU THAM KHẢO.
c3 EEEEEEEEEEEEEEEEEEESEEEEEEEEEEEEEkrkrkrkrrske 82 DANH MỤC HÌNH Hình 3-1:Sơ đồ hoạt động của Pusher với LaravelÌ.------s++++scx++seereseees 10 Hinh 3-2: Cloudinary Architecture .- óc 5+ SE EvEEEEEsEerrerserkrrkrskre 11 Hình 3-3: So sánh hiệu năng giữa Threejs va Babylonjs.‹--s-c++c + 13 Hình 3-4: Mô hình nguyên lý cơ bản của Threejs .-- 5 5c sexy 14 Hình 3-5: Mô tả kiến trúc xử lý AR trên web.---¿- ¿s+cz+x+ctzEerzEerxrrrrkrree 16 Hình 4-1: Sơ đồ cấu trúc thiết kế một sự kiện ảo .--:- 2+2 +scs£+EvEvEreetzezerees 20 Hình 4-2: So sánh giữa Kuula (bên trái) và 360Fairs (bên phải).-- --- 21 Hình 4-3: So sánh giữa CloudExpo (bên trái) và 360Fairs (bên phải). 22 Hình 4-4: Thống kê tương tác người dùng đối với một đối tượng.- 23 Hinh 4-5: Danh sách các webinar của một fOUT.----- - - --« «+ ++++++<<x++++zesss+ 24 Hình 4-6: Trang landing page của sự kiỆn ảO.c c 1 c1 Site 25 Hình 4-7: Trải nghiệm vật thé 3D trong phòng qua công nghệ AR. 26 Hình 4-8: Sơ đồ các module hệ thống.------- ¿2 2 +++E£+E+E£+E+E++Ee£EzEerxzzrxzree 27 Hình 4-9: Sơ đồ phân rã chức năng.-----2- 2 252 +E2x#E+E+2EE2EEEerxerxerrzrerxee 28 Hình 4-10: Mô hình hoạt động của VR Engine. -- - --- 55 ++s*+++sssexeersseres 29 Hình 4-11: Sơ đồ chức năng thong quản lý tOurr.------ 2s + 2+s+s+£££zx+£e£zzx+z 30 Hình 4-12: Sơ đồ công cụ thiết kế render.-- ¿5 2s 2+x+££2E££EzEeEzEerxzrerxeree 30 Hình 4-13: Sơ đồ chức năng thống quan lý các trang Landing page.- 31 Hình 4-14: Usercase Hệ thống quản lý tOur.- ¿2 + +25++s+>x+z++z+zz+zx+zse2 32 Hình 4-15: Usercase Hệ thống quản lý tOur.---- - 2 2+2 +£+++E+Ee£zzx+xerzzxez 33 Hình 4-16: Mô hình tô chức dit liệu tổng quan .--2- - 2 522 s+£sz£+£sz£zzxzse2 34 Hình 4-17: Activity diagram phê duyệt Booth.--- -- 5+ s++s+ssvcsveseeeersers 51 Hình 4-18: Activity diagram thêm partner.
- c5 2 3221 ‡2 ES+vxsseseeesss 52 Hình 4-19: Activity diagram thiết lập hotspOt.---- - + 252 +c+++EeEe£zxzeersreee 53 Hinh 4-20: Activity diagram bình luận .cceecceeeceesseeeeeeeneeeeseeeneeesseeeseeseeenneens 54 Hình 4-21: Activity diagram thêm mới panOTaIma.-- -- 55+ s +5 *£+s++£+ex+s 55 Hình 4-22: Màn hình chính của Master admin. -- 55 5 + **++vkEksseeeksseke 56 Hình 4-23: Danh sách user quản lý của Master admin .-- << 5< ss+<<<<s+ 56 Hình 4-24: Giao diện quản lý danh sách các tour trong Admin.--- -- 57 Hình 4-25: Giao diện quản lý tour tabl trong Admin.--- eee <<<£++*sce+ 58 Hình 4-26: Giao diện quan lý tour tab2 trong Admin.-- ---- -- «+ <+ssceess 59 Hình 4-27: Danh sách các zone CỦa COULD. eee eeeeesneecsenceeesneeeeseeeesneeeesaeeeesaeeesaes 60 Hình 4-28: Danh sách các asset của tour theo lưỚI.-- -- + c+svesseeesseees 61 Hình 4-29: Danh sách các sự kiện CỦa fOUT.---- 555555555555 <<*2++++s+sseeeeesss 62 Hình 4-30: Hiền thị danh sách yêu cầu phê duyệt webinar.-----2--:- 5: 63 Hình 4-31: Tổng quan trang VR StudiO.-- ¿5 2+s+S2+E+E+EvEzEerkerrrkerrkerees 64 Hình 4-32: Một số chức năng chính VR Studio .cceeecsseesesesessseseseeseseeseseeseeees 64 Hình 4-33: Popup tạo Booth trong VR StudIO. 55 Set 65 Hình 4-34: Popup tùy chỉnh hotspot product trong VR StudIo.--‹‹ 66 Hình 4-35: Popup tùy chỉnh Panel Banner trong VR StudIo.----- << «+ 67 Hình 4-36: Màn hình chính cua trang VR Player .eccccccceeessceceeesnteeeeeeesneeeeeeees 68 Hình 4-37: Danh sách các sự kiện sắp tới của trang VR Player.---- ---: 69 Hình 4-38: Hotspot Product của trang VR Player .- 5 << +scsseeseseeese 70 Hình 4-39: Mục bình luận của trang VR Pay€r.-- 52+ ss+sseeeerreesses 71 Hình 4-40: Trang chính của 360Fairs - 1.
551 13+ 1s kvreresve 72 Hình 4-41: Trang chính của 360 EalTS — 2. -- - G511 ngư 73 Hình 4-42: Landing page của tour - Ì.-- -- G1 kkt 74 Hình 4-43: Landing page CỦa tour — 2. - SG SH HH ng 75 Hình 4-44: Landing page của W€ITT. --- - - - - 111 ng ng và 76 DANH MỤC BANG Bang 4-1: Giải pháp.
c1 2111211211211 1 11811101191 1101110111 1E Hy Hư Hy LH 35 Bang 4-2: Tài ngUyÊN. 2 c0 2c 12111211211 101 1111811101111 1 011 H1 HT HH nh HH 36 ; ¡8 €0 0n. 37 Bảng 4-4: Bình luận. 12121 2 1511 1211111 1111111 111 1111 11 Tre 38 Bảng 4-5: HO(SpOL.- 0 0011211211101 12 110111 1101110110 11011 HH TH Hy Hành HH 39 Bang 4-6: Quan tâm.
20 2c 2212212111111 1111 11 11 1 E1 E1 H1 HH TH TH TH HH rệt 39 508 801. 41 Bang 4-9: J0 001ẼẺ78 42 Bang 4-10: PanOrama. 2c 2c 221221211211 13 388151 11 1 1 1 01 H1 H1 HH ng HH rệt 42 Bang 4-11: Quản lý thông tỉn.- 2c 2c 22 211221251111 11 1111111111 EEEEEEErkrrxee 43 Bang 4-12: Danh mục cảnh .- --- 5c 2c 32 321323331328 3EEEEEEEEEEEekEetrrrerrsrrsrrsee 44 Bang 4-13: Dién gid 00. TH TH TT HT HT TT HT TT Hành 48 Bang 4-18: Khách tham quaI1.- 2c 2 2223223323 E+2E‡+EEEEE+EEEeeEeekeeeeeesekees 48 Bang 4-19: Webinar-.
SG 2c 2c 201111111 11 11 1 E1 1T TH TH TH TH TH TH HH Hệ 49 Bảng 4-20: Chi tiết webinar.cxe2 50 Bang 4-21 5 /OT. LG QC TH ng kề 50 DANH MỤC TU VIET TAT Từ viết tat Diễn giải AR Augmented reality VR Virtual reality RDBMS Hypertext Transfer Protocol Secure REST Representational State Transfer API Application Programming Interface QR Quick response IOT Internet of Things AI Artificial Intelligence UI User Interface SAAS Software as a service MVC Model — View — Controller HTML Hypertext Markup Language CSS Cascading Style Sheets URL Uniform Resource Locator JSON Javascript Object Notation AJAX Asynchronous Javascript and XML TCP Transmission Control Protocol IPv6 Internet Protocol version 6 GC Google Cloud ERD Entity Relationship Diagram TOM TAT KHÓA LUẬN Hiện nay ngành Virtual Event đang trở thành một xu hướng mới trong lĩnh vực tô chức sự kiện, đặc biệt trong giai đoạn xảy ra đại dịch covid trên toàn câu. Sự xuât hiện rộng rãi của các sự kiện ảo là một lựa chọn rât cân thiệt đôi với các nhà tô chức sự kiện hoặc các cá nhân doanh nghiệp muôn tô chức sự kiện trong tìn hình dịch. Hiện nay thậm chí một số doanh nghiệp đã và đang chuyền đổi số đề thích nghi trong tình hình dịch kéo dài chưa biết cụ thể thời gian chấm dứt.
Một số ông lớn về công nghệ như Meta (Facebook) cũng đã triễn khai tập trung nghiên cứu phát triển những dự án metaverse (thực tế ảo) cho tương lai. Nhìn nhận thấy tiềm năng to lớn trong ngành này nhất là trong ngành tô chức sự kiện (Virtual Event). Vì vậy nhóm nghiên cứu đã đề xuất xây dựng hệ thống trong khóa luận này dé giải quyết những vẫn đề đó, một số kết quả đạt được: - _ Xây dựng thành công hệ thống quản lý với giao diện dé sử dụng, thân thiện với người dùng. - Cho phép người dùng có thé trải nghiệm hệ thống một cách mượt mà.
- Linh hoạt trong việc thiết kế giao diện. - _ Kiểm soát, phân quyền và quan lý hệ thống với nhiều chức năng. - Theo dõi thay đổi, kiểm soát được số lượng người tương tác. - Cai thiện kỹ năng lập trình cũng như làm việc nhóm.
- Nang cao kỹ năng đọc tài liệu viết báo cáo. - Tim hiêu được những công nghệ mới. GIỚI THIỆU DE TÀI Chương này giới thiệu về bối cảnh, lý do chọn đề tài và cũng như mục đích, phạm vi và đôi tượng nghiên cứu. Bối cảnh Hiện nay ở Việt Nam, hình thức tổ chức sự kiện ảo, triển lãm ảo, các gian hàng giới thiệu sản phẩm dựa trên nền tảng xử lý hình ảnh 360 đã xuất hiện từ vài năm trước, tuy nhiên dưới xúc tác của dịch Covid 19, chúng hiện đang trở thành xu hướng, lựa chọn dé duy trì các hoạt động tiếp xúc khách hàng, tổ chức sự kiện, tiếp thị và bán hàng của doanh nghiệp nhằm cân bằng doanh thu và những ảnh hưởng gây ra do giãn cách xã hội.
Nam bat được những nhu cầu đó, nhóm nghiên cứu muốn xây dựng một hệ thống ứng dụng công nghệ thực tế ảo. Giải pháp có thê giúp giải quyết nhu cầu bức thiết của nhiều rất doanh nghiệp trong bối cảnh dịch Covid vẫn đang rất phức tạp và không biết thời điểm hoàn toàn kết thúc. Động cơ và thách thức Đại dịch Covid-19 khiến các ngành du lịch, dịch vụ bị gần như tê liệt. Các nhóm ngành thương mại bị đình trệ.
Trong tình hình đó, buộc các doanh nghiệp phải chuyên đổi số đề thích ứng và tổn tại với tình hình mới. Nhiều giải pháp đã được đưa ra, trong đó công nghệ thực tế ảo (VR) và thực tế tăng cường (AR) là một hướng đi mới giúp kích thích sự tò mò của người xem và tạo trải nghiệm thú vị cho họ. Qua đó giúp ngành du lịch, dịch vụ mà thương mại tiếp cận được khách hàng, thúc đây nhu cầu lớn về sự kiện ảo. Vì vậy các sự kiện ảo có tiềm năng vô cùng lớn và sẽ trở thành xu hướng của tương lai.
Cùng với những sự thúc day mạnh mẽ đó, thách thức lớn nhất đối của các sự kiện ảo (Virtual Event) tại Việt Nam là thiếu kỹ thuật về cách điều hành, chưa mang đến trải nghiệm chuyên nghiệp cho người tham dự.