161-Article Text-805-4-10-20200204
161-Article Text-805-4-10-20200204
161-Article Text-805-4-10-20200204
ABSTRACT
This study aims to learn the technique of Marker Based Tracking Augmented Reality which is
implemented for Visualization of Anatomy of Human Body Organs. Augmented Reality Visualization
Applications Anatomy of the Human Body Organ is built on the Android mobile platform device. In the
analysis of the application interface design using the approach of User Center Design (UCD). Testing the
application using Usability Test. Based on the results of implementation and testing, Marker Based AR
technique successfully applied in making Visualization Applications Anatomy Human Body Organson
Android Platform. Applications use markers to display digital content (2D images of the brain, eyes,
heart, and lungs). The results of the Usability Test show users can see organ anatomy information very
clearly and users are very interested in using the applications created because it provides a different
experience in learning.
Keywords : Augmented Reality, Marker Based Tracking, Human Organs, User Center Design
ABSTRAK
Penelitian ini bertujuan untuk mempelajari teknik Marker Based Tracking Augmented Reality yang
diimplementasikan untuk Visualisasi Anatomi Organ Tubuh Manusia. Aplikasi Augmented Reality
Visualisasi Anatomi Organ Tubuh Manusia dibangun pada perangkat mobile platform Android. Dalam
analisis perancangan antarmuka aplikasi menggunakan pendekatan User Center Design (UCD).
Pengujian aplikasi menggunakan UsabilityTest. Berdasarkan hasil implementasi dan pengujian, teknik
Marker Based AR berhasil diterapkan dalam pembuatan Aplikasi Visualisasi Anatomi Organ Tubuh
Manusia Pada Platform Android. Aplikasi menggunakan marker untuk menampilkan konten digital
(image 2D otak, mata, jantung, dan paru-paru). Hasil dari Usability Test menunjukkan pengguna dapat
melihat informasi anatomi organ dengan sangat jelas dan pengguna sangat tertarik menggunakan aplikasi
yang dibuat karena memberikan pengalaman yang berbeda dalam belajar.
Kata Kunci :Augmented Reality, Marker Based Tracking, Organ tubuh Manusia, User Center Design
8
2018. Intecoms: Journal of Information Technology and Computer Science 1 (1): 8-18
9
2018. Intecoms: Journal of Information Technology and Computer Science 1 (1): 8-18
10
2018. Intecoms: Journal of Information Technology and Computer Science 1 (1): 8-18
Merancang Sistem
Tahap merancang sistem
mencakup semua tahap perancangan, Gambar 3. Kerangka Teknik Pengenalan
yaitu perancangan antarmuka, Marker
pemodelan sistem dengan UML,
menentukan konten digital dan marker. Kamera
Kamera dalam AR berfungsi
Konstruksi (coding) sebagai alat pembaca marker sekaligus
Proses coding dilakukan setelah perekam keadaan lingkungan objek
rancangan sistem diselesaikan. Aplikasi berada. Lingkungan dan objek yang
yang akan dibangun berbasis Android terekam dikamera nantinya akan
sehingga pemrograman yang digunakan ditampilkan pada layar (dalam hal ini
adalah pemrograman berbasis mobile. screen smartphone).
Dalam tahap kontruksi ini
menggunakan IDE Unity 3D, Library Marker
Vuforia SDK dan C#. Marker atau penanda memiliki
ciri khusus untuk menampilkan objek
sesuai dengan yang terdaftar pada
marker tersebut. Marker akan dikenali
melalui kamera kemudian menampilkan
11
2018. Intecoms: Journal of Information Technology and Computer Science 1 (1): 8-18
Elemen Digital
Elemen digital berupa image dan
informasi akan muncul pada layar
ketika marker dikenali. Dalam hal ini
elemen digital yang disimpan adalah
bentuk 2D organ-organ tubuh manusia
beserta informasi atau keterangan Gambar 4. Augmented Reality System
bagian-bagian dari anatomi organ Visualized Human Organ Anatomy
tersebut.
Elemen digital yang terkandung 1. Aplikasi dibangun untuk perangkat
dalam aplikasi antara lain anatomi otak mobileplatform Android.
(brain anatomy), anatomi jantung (heart 2. Ketika user memilih ikon aplikasi
anatomy), anatomi paru-paru, dan maka aplikasi akan dijalankan dan
anatomi mata (eye anatomy). menampilkan halaman menu utama
3. Pada halaman menu utama terdapat
Kebutuhan Sistem tiga menu yaitu AR Organ, AR
Software dan hardware yang Fungsi dan Panduan
digunakan peneliti untuk membangun 4. Saat user memilih menu AR Organ
aplikasi visualisasi anatomi organ tubuh atau AR Fungsi aplikasi akan
manusia dengan teknik Marker Based mengaktifkan fitur kamera.
AR antara lain: 5. Fitur kamera diaktifkan untuk
Software yang terdiri dari sistem melakukan trackingmarker.
operasi Windows Pro 10, unity 3D, JDK 6. Untuk tracking marker melalui
(Java Development Kit), vuforia SDK kamera, user harus menempatkan
dan adobe photoshop CS3. marker didepan kamera agar kamera
dapat menangkap dan membaca
Hardware yang terdiri dari laptop ASUS marker.
X455L series, kapasitas chip processing 7. Jika marker dikenali, layar kemudian
1,9 GHz, dan RAM 2 GB akan menampilkan objek sesuai
Aplikasi yang dibangun berbasis dengan yang terdaftar pada marker
mobile, dibutuhkan perangkat tersebut.
smartphone untuk mengimplementasi-
kan aplikasi yang dibuat. Berikut piranti Tahapan Konstruksi Program
yang dibutuhkan: Smartphone dengan (Coding)
platform Android 4.1 (Jelly Bean), Pembuatan aplikasi Augmented
kamera 8 MP dan Screen (layar) 4 inch Reality Visualisasi Anatomi Organ
Tubuh Manusia Berbasis Android
HASIL DAN PEMBAHASAN menggunakan Unity 3D dan Vuforia
Perancangan Alur Sistem SDK. Aplikasi AR yang dibuat
Alur perencanaan aplikasi menggunakan marker, adapun tahapan
Augmented Reality visualisasi anatomi dalam proses konstruksi program dapat
organ tubuh manusia yang akan dilihat pada Gambar 5.
dibangun dapat dilihat pada Gambar 4
dengan penjelasannya sebagai berikut.
12
2018. Intecoms: Journal of Information Technology and Computer Science 1 (1): 8-18
Sumber: http://imgc.allpostersimages.com
Mencetak Marker Gambar 9. Marker Organ Paru-Paru
Gambar 5. Bagan Proses Konstruksi
Program Tampilan Program
Aplikasi visualisasi anatomi organ
Marker atau penanda yang tubuh manusia dengan marker based
digunakan adalah gambar yang didapat augmented reality ini dinamakan
dari internet dan sumbernya telah HOVAR (Human Organ Anatomy
disebutkan. Berikut marker yang akan Visualized with Augmented Reality).
digunakan dalam aplikasi. Untuk proses instalasi projek yang telah
dijadikan apk dipindahkan ke
smartphone.
Sumber: http://i.huffpost.com/gen/
Gambar 6. Marker Organ Otak
Sumber:http://www.interestingfactsfun.com
Gambar 7. Marker Organ Mata
Sumber: http://previews.123rf.com
Gambar 8. Marker Organ Jantung
13
2018. Intecoms: Journal of Information Technology and Computer Science 1 (1): 8-18
14
2018. Intecoms: Journal of Information Technology and Computer Science 1 (1): 8-18
15
2018. Intecoms: Journal of Information Technology and Computer Science 1 (1): 8-18
16
2018. Intecoms: Journal of Information Technology and Computer Science 1 (1): 8-18
17
2018. Intecoms: Journal of Information Technology and Computer Science 1 (1): 8-18
18