01 -VR-PARIWISATA-FIA.pdf

PENGENALAN TEKNOLOGI
VIRTUAL & AUGMENTED REALITY
dan PEMANFAATAN DALAM
BIDANG PARIWISATA
HERMAN TOLLE
MGM RESEARCH GROUP
FILKOM UB
WEBINAR VIRTUAL REALITY KAMPUNG HERITAGE KAYOETANGAN – 18 AGUSTUS 2020

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 Characteristic
Virtual Reality has three key characteristics:
• 3D stereoscopic display
• Wide field of view 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)

USE OF VR, AR, & MR
• Game
• Entertainment: Movie, Music, Art Performance, etc
• Education
• Learning / Training
• Healthcare
• Business
• Mobile Application
• Location Based Systems
• Tourism

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

Pemanfaatan dalam Bidang Pariwisata
• Augmented Reality for Museum
• AR for Tourism Object / Spot
• Virtual Amusement Park
• Virtual Tour

LAB MGM PROJECT on
WebVR
• UB VIRTUAL TOUR
– http://ubproject.net/VR/UBVR/
• FILKOM INDOOR VR
– http://octariz.com/arfilkom/t1.html
• MALANG VIRTUAL TOUR
– https://malang360.com/360/

DEMO APLIKASI
1. IMAGE 360
2. VIDEO 360
3. IMAGE GALLERY 360 (VIRTUAL TOUR)
4. INDOOR VIRTUAL TOUR

DEMO APLIKASI 1: UB 360 IMAGE
http://fia.ubproject.net/demo1

Image 360 Web VR
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>360° Image</title>
<meta name="description" content="360° Image - A-Frame">
<script src="js/aframe-master.js"></script>
</head>
<body>
<a-scene>
<a-sky src="bundaranub.jpg" rotation="0 -130 0"></a-sky>
<a-text font="kelsonsans" value=“Universitas Brawijaya"
width="6" position="-2.5 0.25 -1.5"
rotation="0 15 0"></a-text>
</a-scene>
</body>
</html> http://fia.ubproject.net/demo1/index.html

DEMO APLIKASI 2: UB 360 IMAGE
GALLERY
http://ubproject.net/VR/UBVR

DEMO APLIKASI 3: INDOOR VIRTUAL
TOUR
http://octariz.com/arfilkom/t1.html

WEBVR USING A-FRAME
https://www.youtube.com/watch?v=TgN-WL2dpRY&t=447s

PEMBUATAN KONTEN 360
IMAGE & VIDEO

MOBILE APPLICATON
• Google Street View
• Photo Sphere
• Cardboard Camera
• Insta360

01 -VR-PARIWISATA-FIA.pdf

Recommended

Recommended

More Related Content

Similar to 01 -VR-PARIWISATA-FIA.pdf

Similar to 01 -VR-PARIWISATA-FIA.pdf (20)

Recently uploaded

Recently uploaded (20)

01 -VR-PARIWISATA-FIA.pdf