QUYẾT BÀI TOÁN ĐẶT RA
LINK SẢN PHẨM:
https://webobook.com/tour/vaNG8YdTHYxRIQqzgR0BrJWXIuPRpqfC/J982uYm lAoVTP9K3GIWTo65qqVUijqKe#
1. Công cụ sử dụng:
- Webobook là một nền tảng cho phép chúng ta tạo các chuyến tham quan ảo, trải nghiệm thực tế và sống động các môi trường do chính chúng ta hoặc do người dùng khác tạo ra và chia sẻ. Webobook cho phép bạn cài đặt tích hợp API miễn phí.
- Ứng dụng web này sử dụng EvoVr bao gồm hai phần, EvoVR Virtual Tour Creator (Tạo chuyến tham quan thực tế ảo) và EvoVR Virtual Tour Player (Xem chuyến tham quan thực tế ảo). Việc tích hợp Trình tạo chuyến tham quan ảo EvoVR và Trình phát chuyến tham quan ảo EvoVR được thực hiện riêng biệt.
- EvoVR Virtual Tour Creator là công cụ được sử dụng để tạo và chỉnh sửa các chuyến tham quan ảo. Tích hợp trong phần quản trị của trang web, nơi quảng cáo hoặc bài đăng được tạo hoặc chỉnh sửa, thế nên nó rất hữu dụng trong việc quảng cáo hoặc ứng dụng trong các mô hình thực tế. EvoVR Virtual Tour Player là trình phát hiển thị các chuyến tham quan ảo trước mặt người dùng cuối. Nó phải được tích hợp trong phần công khai của trang web, nơi quảng cáo hoặc bài đăng được hiển thị cho người dùng cuối.
- Kiến trúc của EvoVR được xây dựng để nó có thể được tích hợp vào bất kỳ loại trang web nào, cả trong blog hoặc trang web của công ty và trong các cổng thông tin lớn với nhiều tài khoản riêng biệt.
- Webobook hỗ trợ ảnh và video 360 độ, ảnh phẳng, nhúng video và âm thanh, tuy nhiên phiên bản đăng ký miễn phí sẽ bị giới hạn 1 số chức năng, nếu trả phí thì chức năng sẽ không bị giới hạn, phù hợp ứng dụng cho các dự án lớn.
Trong khuôn khổ bài tập nhóm lần này, nhóm sẽ chỉ ứng dụng phần chức năng được cung cấp miễn phí.
2. Xây dựng ứng dụng hẹn hò thực tế ảo.
- Điều quan trọng khi sử dụng Webobook, đó là phải có một nguồn ảnh/video 360 độ (hoặc ảnh/video phẳng) có chất lượng cao, vì mục tiêu của ứng dụng là nhắm tới trải nghiệm người dùng
- Cách tạo một chuyến hẹn hò thực tế ảo:
+ Cần đăng nhập vào https://webobook.com/ , trên trang chủ WeboBook, chọncreate a virtual tour (tạo mới), sẽ hiện một form như sau:
+ Tại màn hình chính, ứng dụng sẽ cho phép người dùng chèn thêm ảnh, hoặc khung cảnh hành động/tương tác nào đó dưới dạng hìh ảnh hoặc video (360 độ hoặc ảnh phẳng). Sau khi đã tải lên các ảnh/video cần thiết, chọn VR editor để tiến hành chỉnh sửa.
+ Hệ thống hiển thị giao diện chính, tại đây ta có các nút có thể dùng để chỉnh sửa, chủ yếu sẽ sử dụng các nút trên bên phải màn hình.
a. Image: Cho phép người dùng chèn thêm một số ký tự/hình ảnh mặc định mà hệ thống sẵn có.
b. Text: Cho phép người dùng chèn một đoạn văn bản nào đó (sẽ được dùng trong phần xây dựng cuộc trò chuyện/tâm lý của các nhân vật)
c. Info: Khi người dùng click vào, sẽ hiện ra các lời nói của 2 người hẹn hò (hoặc dùng để chú thích ngữ cảnh, tạo một đường dẫn tới video với 1 template dựng sẵn nào đó, có thể thay đổi màu, viết title và mô tả)
d. Hotspot: Cho phép người dùng chuyển cảnh (Chọn ảnh để liên kết, có thể là chuyển phòng, địa điểm, không gian hẹn hò sang một nơi khác theo mạch truyện)
- Ứng dụng mà nhóm hướng tới làm thực tế ảo đó là hẹn hò trực tuyến, sẽ có một cốt truyện và người dùng sẽ theo mạch đó và đắm chìm như đang trong một buổi hẹn hò thật. Nhân vật chính trong bối cảnh là một người đàn ông đang đi nghỉ dưỡng ở một khu khách sạn xa hoa. Trong chuyến đi, anh tình cờ bắt chuyện với một cô gái trẻ xinh đẹp, và họ đã cùng nhau đi ăn và làm nhiều điều khác mà một cặp đôi hẹn hò bình thường sẽ làm.
+ Cảnh 1: Người đàn ông thức dậy ở 1 khách sạn xa hoa.
- Khi click vào Info (chữ i được bao tròn trắng), lời độc thoại của nhân vật hiện ra.
+ Cảnh 2: Đi hồ bơi vào buổi sớm
+ Nhấn mũi tên đỏ để hiển thị lời thoại nhân vật, và mũi tên trắng ở hồ bơi để xuống hồ bơi.
+ Khung cảnh dưới hồ bơi:
+ Nhấn vào mũi tên đỏ để hiện lời thoại và mũi tên trắng để lên bờ.
+ Nhấn vào mũi tên xanh để hiển thị lời thoại và chuyển cảnh sang phòng ngủ.
- Cảnh 3: Tại phòng ngủ, người đàn ông mở tủ lạnh trống rỗng và quyết định sẽ đi nhà hàng ăn
+ Cảnh phòng ngủ:
+ Click vào info để mở tủ lạnh tìm đồ ăn, và mũi tên đen để mở tủ lạnh
+ Click vào mũi tên đen, để chuyển sang cảnh ăn nhà hàng - Cảnh 4: Tại nhà hàng
+ Khung cảnh nhà hàng với đầy ắp đồ ăn cùng cách bài trí lịch thiệp
+ Click vào info để xem anh ta suy nghĩ như nào về nhà hàng
+ Bất chợt có một cô gái đứng sau lưng anh ta và muốn bắt chuyện
+ Khung cảnh tiếp theo khi đi ăn
+ Tương tác và trò chuyện
- Cảnh 5: Ăn xong, xuống thang máy và ra quán nước dưới lầu thăm quan
+ Click mũi tên trắng ở dưới sàn sau khi tham quan xong để chuyển cảnh
Cảnh 6: Khung cảnh tại quầy lễ tân, sau khi đã tham quan xong quán nước, họ tiếp tục trò chuyện.
+ Anh hỏi xem cô có tiếp tục có kế hoạc gì cho hôm nay không, và 2 người tiếp tục quyết định xem sẽ đi đâu
+ Họ quyết định sẽ đi biển
+ Chuyển cảnh - Cảnh 7: Họ cùng nhau trò chuyện ở bãi biển tuyệt đẹp
+ Tuy nhiên, có vẻ cô gái không thích không gian yên tĩnh, nên 2 người tiếp tục bàn đi tới đâu đó khác, cảng biển.
+ Chuyển cảnh - Cảnh 8: Ở bến tàu Manson, họ tiếp tục có những phút giây trải nghiệm lãng
mạn
+ Chuyển cảnh - Cảnh 9: Ở một khung cảnh với những dãy nhà cổ kính tuyệt đẹp
+ Cô gái xin chàng trai chụp cho mình vài bức hình, và giữa họ đã có những lời tán tỉnh, dấu hiệu của tình yêu đích thực bắt đầu.
- Cảnh 9: Họ tiếp tục tay trong tay đi tới những con phố sầm uất, nhộn nhịp
+ Cô gái khen anh trai chụp ảnh đẹp, và giữa họ tiếp tục có những giây phút lãng mạn, trêu đùa vui vẻ, và tiếp tục mời nhau ăn tối và sắp kết thúc một ngày dài đầy cảm xúc.
Cảnh 10: Họ tiếp tục hẹn hò nhau đi xem phim để kết thúc một ngày dài tình cảm.
+ Chàng trai chủ động thay đổi kế hoạch, đưa cô gái đi xem phim.
+ Đến rạp chiếu phim
+ Video khung cảnh tại rạp phim
+ Sau khi xem phim xong
+ Kết thúc, chàng trai tặng cô gái một món quà để mở ra một TÌNH BẠN đẹp, hoặc nếu có tiến triển tốt sẽ là một TÌNH YÊU.