VIRTUAL REALITY
RG of Media, Game, and Mobile Technology – FILKOM UB
Virtual Tour with
D r . E n g . , H e r m a n T o l l e , S T . , M T
Kongunadu Art & Science College, 20 February 2023
Open Now
Indonesia Tourist Arrivals
2019-2020
Just stay at home?
Lets explore the world through virtual reality technology
Go around the world Just from your home!
Using your own smartphone and VR box
What is Augmented & Virtual Reality
DEFINITION
Augmented Reality (AR)
is a field of computer
research which deals with the
combination of real-world
and computer-generated
data
Virtual Reality (VR) is an
alternate world filled with
computer-generated images that
respond to human movements.
(Greenbaum, 1992)
VR | AR | MR
AUGMENTED REALITY
MIXED REALITY
VIRTUAL REALITY
What is Metaverse?
Virtual Reality + Game + Social Media
AI + Blockchain + IoT + Cloud Computing
VR Characteristic
Virtual Reality has three key characteristics:
• 3D stereoscopic display
• Wide field of view (fov) display
• Low latency head tracking
• When these three things are combined,
they provide a compelling immersive
experience
Augmented Reality
Characteristics of Augmented Reality:
• it combines real and virtual
• it is interactive in real time
• it is registered in 3D.
Hardware needed for Augmented Reality
❑ display
❑ tracking (eg GPS, compass)
❑ input devices (eg Camera)
❑ sensors (eg accelerometer)
❑ processer (eg CPU)
Making Interfaces Invisible
USE OF VR, AR, & MR
• Game
• Business / Marketing
• Entertainment: Movie, Music, Art Performance, etc
• Education
• Learning / Training
• Healthcare
• Mobile Application
• Location Based Systems
• Tourism
VR Technology for Virtual Tourism
• VR Tourism 3D Tour
• VR Tourism Videos
• VR Tourism Photography / Photo 360
• Tourism Destination
• Museums
• Heritage Buildings
• Scenery
• Anywhere Interesting places!
Hand-handled VR View
Enjoy VR Tour
• Hand-handled
• Head Mounted Display
• Using Smartphone
• YouTube
• Browser support VR
• Special Engines
• PC based using mouse
Smartphone + VR Box
How to Enjoy VR Tour
DISPLAY TECHNOLOGIES
Virtual Tourism Samples: YouTube
Virtual Tourism Samples
San Nicolas
https://storage.net-fs.com/hosting/2727323/355/index.htm
AIRPANO.com
Sample of Virtual Tourism
Raja Ampat 360 (Indonesia)
https://www.youtube.com/watch?v=w7uaPX-YL0k
Buying Ticket using VR
VR DEVELOPMENT TOOLS
• Input
• Capture
• Process
• Engines
• Distribute
• Display
WebVR
JavaScript
Three.js
React
Angular
Ember
Meteor
Moment
Chart.js
Leaflet
Vue
Video.js
Babel
6to5
Foundation
Backbone
jQuery
Materialize
… and more
HTML5
WebGL
Canvas
Contacts
Selection
Offline Apps
Indexed Database
Web Workers
Web Storage
Web Sockets
Server-Sent Events
XMLHttpRequest2
Geolocation
HTML Microdata
Media Capture
Web Messaging
Forms
File API
CSS3
Media Queries
Grid Template Layout
Box Model
Ruby
Transforms
Animations
Transitions
Shapes
Device Adaptation
Masking
Filter Effects
Compositing
Blending
Presentation Levels
Example: Image 360 Web VR
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>360&deg; Image</title>
<meta name="description" content="360&deg; Image">
<script src="js/aframe-master.js"></script>
</head>
<body>
<a-scene>
<a-sky src=“photo360.jpg" rotation="0 -130 0"></a-sky>
<a-text font=“tahoma" value=“Universitas Brawijaya" width="6" position="-2.5 0.25 -1.5"
rotation="0 15 0"></a-text>
</a-scene>
</body>
</html>
Develop a virtual Tour using
A-Frame Javascript
MAKING OF 360 IMAGE & VIDEO
INPUT TOOLS: CAMERA 360
INPUT TOOLS:
SMARTPHONE CAMERA
MOBILE APPLICATION
for Edit 360 Images
• Google Street View
• Photo Sphere
• Cardboard Camera
• Insta360
MGM Lab Current Research Work
• Digitalization of Indonesia Heritage
Buildings
• Virtual Tour 360 view
• Augmented & Virtual Reality for Education
• Human Activity Recognition based on
Internal Sensors on Smartphones
• Development Metaverse Digital Twin
Heritage Kayutangan Malang City
Smartphone + VR Box
Malang VR Tour
AR Learning + Avatar
AR for learning about
numbers with an
avatar as a friend
for learning
LAB MGM PROJECT on
Virtual Tour
• UB Virtual Tour
– http://ubproject.net/VR/UBVR/
• FILKOM Virtual Tour
– https://virtual.ub.ac.id/360/Filkom/
• MALANG Virtual Tour
– http://realitas.id/malang/
• Candi BOROBUDUR VR (Temple)
– http://borobudur.realitas.id/
• Candi Penataran – Blitar (Temple)
– https://candi.nusantara360.id/360/candi-penataran/
• Mount Bromo
– https://nusantara360.id/bromo/
VIRTUAL 360 MALANG
OLYMPIC GARDEN
(MOG) MALL
https://realitas.id/mall/
Demo Penataran Temple 360
RESEARCH ASPECT
• How to develop the real view experience → display
• How to improve the user experience:
– immersivity: tracking, input devices
– ambience: sound, voice, wind, texture, etc.
• Technology Acceptance Model (TAM): Substitution or
Extended or Supporting?
• Usage of AR/VR in the new area or new experience
Will virtual reality replace travel?
• VR is great for creating moments of
immersion but cannot yet replace
the complete immersion of being
in a real space 24/7.
• 81% of adults said that VR couldn’t
replace travel.
• 92% said that visiting a destination in
VR did not equate to visiting it in real
life.
• Furthermore, 77% cited sampling the
local food as being important to
them.
https://www.mediapost.com/publications/article/302947/virtual-reality-not-seen-as-substitute-for-travel.html
Benefits of virtual reality in tourism
• Allowing the user to imagine themselves at a travel destination
• Being able to showcase 360 degrees of a destination in high
resolution
• Enabling the user to explore a scene at their own will
• Creating memorable and unique experiences for the user
• Creating unique brand engagement
• Allowing travel companies to stand out from the crowd
• Providing travel experiences to those that cannot travel
• Reducing impact of tourism on vulnerable destinations
And how do we apply virtual reality to tourism?
1. In the process of searching for information or
planning
2. In the process of decision making or booking.
– Quality of information
– Experience → Emotions
How do travelers benefit from VR?
• Try before you buy / visit
• Visit any place on the globe
• Recreate the past
• Get to off-limit areas
• Explore hotels to make a
choice
Source: https://jasoren.com/how-travel-businesses-can-use-virtual-reality/
THANK YOU
Tracking Type
Tracking Technology
Virtual Reality Tour Webinar - by Herman

Virtual Reality Tour Webinar - by Herman

  • 1.
    VIRTUAL REALITY RG ofMedia, Game, and Mobile Technology – FILKOM UB Virtual Tour with D r . E n g . , H e r m a n T o l l e , S T . , M T Kongunadu Art & Science College, 20 February 2023 Open Now
  • 2.
  • 3.
    Just stay athome? Lets explore the world through virtual reality technology Go around the world Just from your home! Using your own smartphone and VR box
  • 4.
    What is Augmented& Virtual Reality
  • 5.
    DEFINITION Augmented Reality (AR) isa field of computer research which deals with the combination of real-world and computer-generated data Virtual Reality (VR) is an alternate world filled with computer-generated images that respond to human movements. (Greenbaum, 1992)
  • 7.
    VR | AR| MR AUGMENTED REALITY MIXED REALITY VIRTUAL REALITY
  • 9.
    What is Metaverse? VirtualReality + Game + Social Media AI + Blockchain + IoT + Cloud Computing
  • 10.
    VR Characteristic Virtual Realityhas three key characteristics: • 3D stereoscopic display • Wide field of view (fov) display • Low latency head tracking • When these three things are combined, they provide a compelling immersive experience
  • 11.
    Augmented Reality Characteristics ofAugmented Reality: • it combines real and virtual • it is interactive in real time • it is registered in 3D. Hardware needed for Augmented Reality ❑ display ❑ tracking (eg GPS, compass) ❑ input devices (eg Camera) ❑ sensors (eg accelerometer) ❑ processer (eg CPU)
  • 12.
  • 18.
    USE OF VR,AR, & MR • Game • Business / Marketing • Entertainment: Movie, Music, Art Performance, etc • Education • Learning / Training • Healthcare • Mobile Application • Location Based Systems • Tourism
  • 21.
    VR Technology forVirtual Tourism • VR Tourism 3D Tour • VR Tourism Videos • VR Tourism Photography / Photo 360 • Tourism Destination • Museums • Heritage Buildings • Scenery • Anywhere Interesting places!
  • 22.
    Hand-handled VR View EnjoyVR Tour • Hand-handled • Head Mounted Display • Using Smartphone • YouTube • Browser support VR • Special Engines • PC based using mouse
  • 23.
    Smartphone + VRBox How to Enjoy VR Tour
  • 24.
  • 25.
  • 26.
    Virtual Tourism Samples SanNicolas https://storage.net-fs.com/hosting/2727323/355/index.htm AIRPANO.com
  • 27.
  • 28.
    Raja Ampat 360(Indonesia) https://www.youtube.com/watch?v=w7uaPX-YL0k
  • 30.
  • 31.
    VR DEVELOPMENT TOOLS •Input • Capture • Process • Engines • Distribute • Display
  • 32.
  • 33.
    JavaScript Three.js React Angular Ember Meteor Moment Chart.js Leaflet Vue Video.js Babel 6to5 Foundation Backbone jQuery Materialize … and more HTML5 WebGL Canvas Contacts Selection OfflineApps Indexed Database Web Workers Web Storage Web Sockets Server-Sent Events XMLHttpRequest2 Geolocation HTML Microdata Media Capture Web Messaging Forms File API CSS3 Media Queries Grid Template Layout Box Model Ruby Transforms Animations Transitions Shapes Device Adaptation Masking Filter Effects Compositing Blending Presentation Levels
  • 35.
    Example: Image 360Web VR <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>360&deg; Image</title> <meta name="description" content="360&deg; Image"> <script src="js/aframe-master.js"></script> </head> <body> <a-scene> <a-sky src=“photo360.jpg" rotation="0 -130 0"></a-sky> <a-text font=“tahoma" value=“Universitas Brawijaya" width="6" position="-2.5 0.25 -1.5" rotation="0 15 0"></a-text> </a-scene> </body> </html> Develop a virtual Tour using A-Frame Javascript
  • 36.
    MAKING OF 360IMAGE & VIDEO
  • 37.
  • 38.
    INPUT TOOLS: SMARTPHONE CAMERA MOBILEAPPLICATION for Edit 360 Images • Google Street View • Photo Sphere • Cardboard Camera • Insta360
  • 39.
    MGM Lab CurrentResearch Work • Digitalization of Indonesia Heritage Buildings • Virtual Tour 360 view • Augmented & Virtual Reality for Education • Human Activity Recognition based on Internal Sensors on Smartphones • Development Metaverse Digital Twin Heritage Kayutangan Malang City
  • 40.
    Smartphone + VRBox Malang VR Tour AR Learning + Avatar AR for learning about numbers with an avatar as a friend for learning
  • 41.
    LAB MGM PROJECTon Virtual Tour • UB Virtual Tour – http://ubproject.net/VR/UBVR/ • FILKOM Virtual Tour – https://virtual.ub.ac.id/360/Filkom/ • MALANG Virtual Tour – http://realitas.id/malang/ • Candi BOROBUDUR VR (Temple) – http://borobudur.realitas.id/ • Candi Penataran – Blitar (Temple) – https://candi.nusantara360.id/360/candi-penataran/ • Mount Bromo – https://nusantara360.id/bromo/
  • 42.
    VIRTUAL 360 MALANG OLYMPICGARDEN (MOG) MALL https://realitas.id/mall/
  • 43.
  • 44.
    RESEARCH ASPECT • Howto develop the real view experience → display • How to improve the user experience: – immersivity: tracking, input devices – ambience: sound, voice, wind, texture, etc. • Technology Acceptance Model (TAM): Substitution or Extended or Supporting? • Usage of AR/VR in the new area or new experience
  • 45.
    Will virtual realityreplace travel? • VR is great for creating moments of immersion but cannot yet replace the complete immersion of being in a real space 24/7. • 81% of adults said that VR couldn’t replace travel. • 92% said that visiting a destination in VR did not equate to visiting it in real life. • Furthermore, 77% cited sampling the local food as being important to them. https://www.mediapost.com/publications/article/302947/virtual-reality-not-seen-as-substitute-for-travel.html
  • 46.
    Benefits of virtualreality in tourism • Allowing the user to imagine themselves at a travel destination • Being able to showcase 360 degrees of a destination in high resolution • Enabling the user to explore a scene at their own will • Creating memorable and unique experiences for the user • Creating unique brand engagement • Allowing travel companies to stand out from the crowd • Providing travel experiences to those that cannot travel • Reducing impact of tourism on vulnerable destinations
  • 47.
    And how dowe apply virtual reality to tourism? 1. In the process of searching for information or planning 2. In the process of decision making or booking. – Quality of information – Experience → Emotions
  • 48.
    How do travelersbenefit from VR? • Try before you buy / visit • Visit any place on the globe • Recreate the past • Get to off-limit areas • Explore hotels to make a choice Source: https://jasoren.com/how-travel-businesses-can-use-virtual-reality/
  • 49.
  • 51.