PEMBUATAN

ROOM
METAVERSE
presentation

Presented by Malvin B. Ch
 01 Mengenal Room Metaverse

02 Bebagai Platform

Table of 03 Pengenalan Hubs Mozilla &

Contents 04
Spoke
Membuat Room & Link bitly
Metaverse
05 Mengakses Room Dengan Avatar
Room Metaverse
Room Metaverse sendiri merupakan suatu ruang virtual
dimana kita dapat masuk di dalam ruang tersebut dengan
menggunakan device seperti hp, laptop, maupun oculus
Kita dapat melakukan berbagai kegiatan di Metaverse ini
layaknya di dunia asli seperti melakukan meeting, bermain
game, belajar dan mengajar, melakukan suatu kunjungan ke
tempat wisata, mengunjungi konser virtual, dsb.
Bermain game di Metaverse Berbelanja di Metaverse
Konser di Bekerja di Metaverse
Metaverse
Berbagai Platform
HUBS MOZILLA
Mozilla Hubs atau biasa disebut
Hubs adalah salah satu produk
yang memiliki platform kolaborasi
Virtual Reality yang didukung
oleh Mozilla Mixed Reality – Web
XR yang merupakan salah satu
penyedia teknologi browser
terkemuka di dunia.
SPATIAL
Spatial merupakan salah satu
collaborative workspace yang dapat
digunakan pada beberapa device.
Adapun Spatial dapat
mengakomodasi penggunaan
teknologi Virtual Reality, Augmented
Reality, Mixed Reality hingga Video
Conference sekalipun.
ALTSPACE
AltspaceVR merupakan salah satu
aplikasi social platform pada Virtual
Reality yang dirilis pada May 2015.
Aplikasi yang dibangun sejak 2013
ini telah diakuisisi oleh Microsoft
pada 2017. Adapun kini AltspaceVR
telah menjadi produk yang
dikembangkan oleh divisi Mixed
Reality.
Langkah membuat Room di website Hubs
Mozilla

https://hubs.mozila.com
Buka browser untuk langkah pertama. Untuk browser itu
terserah, lalu ketik di penelusuran "Hubs Mozilla"
 Masuk Dengan Email

Untuk mengakses website hubs Mozilla kalian

harus masuk menggunakan email kalian yang
akan dikirim link verifikasi di email kalian.

Kode verifikasi

Kalian ketik email kalian di kolom lalu kalian klik

next. Link verifikasi akan dikirim ke email kalian
 Tanda Kalian Sudah Masuk

Akan ada tulisan seperti gambar di samping. Yang

muncul pada website hubs mozilla di bagian pojok
kanan atas

Menu Spoke

Di bagian atas sudah ada berbagai macam menu.

Untuk membuat room metaverse kalian klik menu
"Spoke"
 Get Started

Kalian langsung klik tombol "Get Started"

Tampilan Project
Jika kalian baru di spoke kalian langsung klik yang
"New Project"
Ketika kalian sudah membuat room maka
tampilan hasil pekerjaan kalian akan tampil di
laman setelah kalian klik "Get Started"
 Template
Hubs Mozilla menyediakan beberapa template
dengan berbagai variasi. Untuk projek presentasi
kalian silakan pilih yang Hubs School, Outdoor
Meet Up dan Gathering Hall

Loading Project
Untuk Loading Project ini bisa lama karena
tergantung ukuran file room kalian. Jika
ukurannya semakin besar maka akan semakin
lama di loading project nya.
 Interface
Tampilan pembuatan room di spoke. Terdapat
banyak menu di sana. Ada Asset, Properties,
Hirerarchy dan berbagai menu serta tombol di
bagian atas.

Menu Assets

Kumpulan dari berbagai menu yang dapat diakses

untuk membuat room. Elements, My Assets,
Architecture Kit, Rock Kit, dan lain sebagainya
 Properties
Menu di mana kaliandapat mengatur posisi, rotasi, dan
skala objek. Serta kalian dapat mengaktifkan
beberapa fungsi fitur di menu "Elements" supaya bisa
digunakan sewaktu kalian mengakses room kalian di
Hubs Mozilla
Hirerarchy

Menu di mana kalian bisa melihat semua objek

yang sudah diletakkan di tampilan "Viewport".
Semua objek yang kalian buat di spoke itu dapat
kalian lihat di menu Hirerarchy
 3 Bar
Menu di mana yang nantinya akan kalian pakai untuk
kalian menyimpan proyek room metaverse kalian:
Bar pojok kiri atas > File > Save Us (untuk pertama
kali membuat room) > Namai room kalian sesuai
dengan proyek kalian

Publish to Hubs
Tombol di mana kalian mengupload room
metaverse kalian ke database atau penyimpanan
Hubs Mozillanya. Setelah kalian membuat room
dan sudah save proyek kalian maka langkah
selanjutnya adalah klik tombol itu.
 Screen Publish to Hubs
Tampilan di mana kalian harus mengisikan informasi
tambahan setelah seperti nama room kalian, nama
pembuat room dan kalian haru check list semua kolom
yang kosong itu lalu klik "Save and Publish".

Perfomance Check
Tampilan menu di mana akan diperlihatkan
spesifikasi room kalian apakah terlalu besar atau
tidak. Sebagai contoh kapasitas maksimal ukuran
file adalah 16 MB dan jika melebihi maka akan
muncul tanda Medium bahkan bisa High.
 Uploading Scene

Setelah Perfomance Check akan ditampilkan

uploading scene di mana room metaverse kalian
diupload di server Hubs Mozilla

Open in Hubs
Setelah uploading scene, terdapat menu di pojok
kanan atas dan kalian klik yang "Open in Hubs".
Untuk membuka room metaverse di website
Mozilla Hubs.
 Create a room with this scene

Tunggu sampai muncul background gambar, ketika

background masih hitam jangan langsung klik tombol
itu. Untuk menghindari error ketika kalian mengakses
room kalian.

Join Room

Di sana juga terdapat menu seperti spectate, chat,

dan more. Tapi kalian langsung saja klik yang Join
Room.
 Tampilan room di mozilla hubs
Dan selanjutnya kalian akan ditampilkan banyak menu
di mozilla hubs nya. Yang akan saya bahas di step
selanjutnya.

Cara bergerak
Untuk di website mozilla hubs jika kalian ingin
bergerak kalian klik kanan tahan pada mouse.
Lalu dengan keyboard A, S, W, D kalian bisa
bergerak.
Untuk bergerak cepat kalian klik kanan mouse + A,
S, W, D + Shift
 Teleportasi
Untuk menggunakan fitur ini. Kalian klik kanan tahan
pada mouse kalian > Arahkan yang lingkaran itu
hingga warna hijau > lalu kalian lepas klik kanan
kalian.

Akhir Pembuatan Room Template

Cukup sampai sini saja pembuatan room template dan sekaligus
mengupload serta mengakses di web Mozilla Hubs
Untuk slide selanjutnya saya akan membahas bagaimana cara kita bergerak
di Menu Spoke dan apa saja fitur fitur yang ada di Spoke
Beberapa Fitur Yang Ada Di SPOKE

https://hubs.mozila.com
Buka browser untuk langkah pertama. Untuk browser itu
terserah, lalu ketik di penelusuran "Hubs Mozilla"
GROUP
Sekelompok beberapa objek yang dapat
dipindahkan atau digandakan bersama-
sama. Seret dan jatuhkan objek ke dalam
Gropu di Hirerachy.
MODEL
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
GROUP PLANE
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
BOX
COLLIDER
Sekelompok beberapa objek yang dapat
dipindahkan atau digandakan bersama-
sama. Seret dan jatuhkan objek ke dalam
Gropu di Hirerachy.
AMBIENT LIGHT
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
DIRECTIONAL LIGHT
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
GROUP
Sekelompok beberapa objek yang dapat
dipindahkan atau digandakan bersama-
sama. Seret dan jatuhkan objek ke dalam
Gropu di Hirerachy.
MODEL
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
GROUP PLANE
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
BOX
COLLIDER
Sekelompok beberapa objek yang dapat
dipindahkan atau digandakan bersama-
sama. Seret dan jatuhkan objek ke dalam
Gropu di Hirerachy.
AMBIENT LIGHT
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
DIRECTIONAL LIGHT
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
 HEMISPHERE
LIGHT
Sekelompok beberapa objek yang dapat
dipindahkan atau digandakan bersama-
sama. Seret dan jatuhkan objek ke dalam
Gropu di Hirerachy.
MODEL
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
GROUP PLANE
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
BOX
COLLIDER
Sekelompok beberapa objek yang dapat
dipindahkan atau digandakan bersama-
sama. Seret dan jatuhkan objek ke dalam
Gropu di Hirerachy.
AMBIENT LIGHT
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.
DIRECTIONAL LIGHT
Model 3D dalam adegan Anda,
dimuat dari URL atau File
GLTF.