OPTIMASI RENDERING WEB 3D MENGGUNAKAN ANIMATION DATA SEPARATION DAN ON-DEMAND DENGAN GLTF

Nugraha, Danda Aditia (2026) OPTIMASI RENDERING WEB 3D MENGGUNAKAN ANIMATION DATA SEPARATION DAN ON-DEMAND DENGAN GLTF. S1 - Sarjana thesis, Universitas AMIKOM Yogyakarta.

[img] Text (COVER-ABSTRAK)
COVER.pdf - Published Version

Download (1MB)
[img] Text (BAB I)
BAB I.pdf - Published Version

Download (177kB)
[img] Text (BAB II)
BAB II.pdf - Published Version
Restricted to Registered users only

Download (524kB)
[img] Text (BAB III)
BAB III.pdf - Published Version
Restricted to Registered users only

Download (534kB)
[img] Text (BAB IV)
BAB IV.pdf - Published Version
Restricted to Registered users only

Download (451kB)
[img] Text (BAB V)
BAB V.pdf - Published Version

Download (90kB)
[img] Text (DAFTAR PUSTAKA - LAMPIRAN)
Daftar Pustaka dan Lampiran.pdf - Published Version
Restricted to Registered users only

Download (544kB)
[img] Archive (SOURCE CODE)
Sourcecode - 22.62.0191.zip - Published Version
Restricted to Repository staff only

Download (22MB)
[img] Text (PUBLIKASI)
Publikasi.pdf - Published Version
Restricted to Repository staff only

Download (575kB)

Abstract

Penerapan teknologi WebGL pada perangkat seluler seringkali menghadapi kendala kinerja akibat keterbatasan sumber daya komputasi dan bandwidth. Masalah utama terletak pada mekanisme format standar glTF biner (GLB) yang bersifat monolitik, di mana data geometri dan animasi digabungkan dalam satu berkas, menyebabkan waktu muat awal (initial load time) yang lama dan pemblokiran proses utama (main thread) saat inisialisasi. Penelitian ini bertujuan untuk mengoptimalkan kinerja aplikasi web 3D menggunakan metode Animation Data Separation dan On-Demand Loading. Penelitian dilakukan menggunakan metode kuantitatif Pre-Eksperimental dengan desain Static Group Comparison. Peneliti membandingkan kinerja metode konvensional (Baseline) dengan metode optimasi yang diusulkan pada berbagai simulasi kondisi jaringan dan spesifikasi perangkat keras menggunakan pustaka Three.js. Hasil pengujian menunjukkan bahwa metode On-Demand mampu meningkatkan efisiensi waktu muat awal secara signifikan, terutama pada kondisi jaringan Slow 3G dengan tingkat efisiensi mencapai 9,61% (penghematan waktu ~2,3 detik). Pada simulasi perangkat kelas bawah (Low-End), metode ini juga berhasil mengurangi beban pemrosesan awal CPU dengan efisiensi sebesar 7,26%. Meskipun terdapat kompromi berupa peningkatan waktu respon animasi menjadi 26,03 ms akibat proses pengambilan data asinkron, latensi tersebut masih berada di bawah ambang batas persepsi visual manusia (100 ms). Dapat disimpulkan bahwa strategi pemisahan data animasi efektif untuk menyeimbangkan kecepatan akses awal dan stabilitas sistem tanpa mengorbankan pengalaman pengguna secara signifikan.

Item Type: Thesis (S1 - Sarjana)
Contributor:
Pembimbing
Khoirul, Buyut
Uncontrolled Keywords: WebGL, glTF, On-Demand Loading, Optimasi Web 3D, Three.js, kinerja Web,.
Subjects: 000 - Komputer, Informasi dan Referensi Umum > 000 Ilmu komputer, ilmu pengetahuan dan sistem-sistem > 000 Ilmu komputer, informasi dan pekerjaan umum
Divisions: Fakultas Ilmu Komputer > Sistem Informasi
Depositing User: RC Universitas AMIKOM Yogyakarta
Date Deposited: 16 Jul 2026 07:05
Last Modified: 16 Jul 2026 07:05
URI: http://eprints.amikom.ac.id/id/eprint/32194

Actions (login required)

View Item View Item