PEMANFAATAN TEKNOLOGI AUGMENTED REALITY UNTUK PEMBELAJARAN CANDI CANDI DI INDONESIA PADA PLATFORM ANDROID

Transkripsi

1 PEMANFAATAN TEKNOLOGI AUGMENTED REALITY UNTUK PEMBELAJARAN CANDI CANDI DI INDONESIA PADA PLATFORM ANDROID Yuliatif Rachman PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016

2 PEMANFAATAN TEKNOLOGI AUGMENTED REALITY UNTUK PEMBELAJARAN CANDI CANDI DI INDONESIA PADA PLATFORM ANDROID Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh: Yuliatif Rachman PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016

3 LEMBAR PERNYATAAN i

4 LEMBAR PENGESAHAN ii

5 KATA PENGANTAR Dengan mengucapkan puji dan syukur kehadirat ALLAH SWT atas segala rahmat yang telah diberikan Nya sehingga penulis dapat menyelesaikan skripsi ini. Penulisan skripsi ini merupakan kewajiban bagi seluruh mahasiswa tingkat akhir untuk memenuhi salah satu syarat menempuh ujian akhir Program Sarjana Sistem Informasi Universitas Mercubuana. Penulis sangat menyadari bahwa dalam penyusunan skripsi ini masih banyak kekurangan, dikarenakan keterbatasan kemampuan dan pengetahuan yang penulis miliki. Oleh karena itu penulis sangat mengharapkan saran dan kritik yang sifatnya membangun untuk penyempurnaan skripsi ini. Selanjutnya penulis ingin mengucapkan banyak terima kasih kepada semua pihak yang telah banyak membantu,membimbing dan memberikan saran serta kritik pada skripsi ini. Ucapan terima kasih penulis tujukan untuk : 1. Ibu Nur Ani, ST. MMSI, selaku Ketua Prodi Jurusan Sistem Informasi 2. Bapak Bagus Priambodo, ST.,MTI selaku Koordinator TA Sistem Informasi 3. Bapak Ardiansyah, ST.,MTI selaku dosen pembimbing, yang telah membimbing dan mengarahkan penulis dalam pembuatan skripsi ini. 4. Orang tua dan istri tercinta yang telah memberi dukungan serta doa untuk penulis agar pembuatan skripsi ini terselesaikan. 5. Sahabat-sahabat dan kakak-adik tercinta yang telah memberi dukungan kepada penulis dalam pembuatan skripsi ini. Jakarta, Januari 2016 Penulis iii

6 DAFTAR ISI LEMBAR PERNYATAAN... i LEMBAR PENGESAHAN... ii KATA PENGANTAR... iii ABSTRACT... iv ABSTRACT... v DAFTAR ISI... vi DAFTAR TABEL... xii DAFTAR GAMBAR... xiv DAFTAR LAMPIRAN... xviii BAB I PENDAHULUAN Latar Belakang Perumusan Masalah Batasan Masalah Tujuan dan Manfaat Tujuan Manfaat Metode Penelitian Metode Pengumpulan Data Metodologi Pengembangan Sistem Sistematika Penulisan... 6 BAB II LANDASAN TEORI Augmented Reality Sejarah Augmented Reality Mengenal Augmented Reality Prinsip Kerja Augmented Reality Augmented Reality VS Virtual Reality Metode Augmented Reality Marker Augmented Reality (Marker Based Tracking) Markerless Augmented Reality Penggunaan Augmented Reality Unity 3D Vuforia vi

7 Arsitektur Vuforia Playmaker (Visual Scripting For Unity) NGUI (Next Gen UI) Sketchup Android Android SDK (Software Development Kit) Java Development Kit (JDK) UML (Unified Modeling Language) Pengertian UML (Unified Modeling Language) Diagram Use Case Diagram Aktifitas Diagram Sequence Mad Level Manager Candi-Candi di Indonesia Candi Pawon Candi Banyunibo Candi Bima Candi Bajang Ratu Candi Wringin Lawang Candi Pura Ulun Danu BAB III ANALISA DAN PERANCANGAN Analisis Sistem Analisis Masalah Analisis Sistem Yang Berjalan Review Aplikasi yang sudah ada Proses Pembuatan Aplikasi Candi Indonesia Augmented Reality Book Analisa Kebutuhan Aplikasi Analisis Kebutuhan Non Fungsional Analisis Perangkat Keras / Hardware Analisis Perangkat Lunak Analisis Pengguna Analisis Kebutuhan Fungsional Use Case Diagram Activity Diagram vii

8 Activity Diagram - Memilih Scan Marker Activity Diagram Melakukan Scan Marker Candi Activity Diagram Melihat Informasi Activity Diagram Melihat Spesifikasi Android Activity Diagram Melihat Cara Penggunaan Aplikasi Activity Diagram Mendownload Book/Marker Activity Diagram Melihat Tentang Aplikasi Activity Diagram Mengerjakan Kuis Activity Diagram Keluar dari Aplikasi Sequence Diagram Sequence Diagram Memilih Scan Marker Sequence Diagram Melakukan Scan Marker Candi Sequence Diagram Melihat Informasi Sequence Diagram Melihat Spesifikasi Android Sequence Diagram Melihat Cara Penggunaan Aplikasi Sequence Diagram Melihat Deskripsi Candi Sequence Diagram Melihat Tentang Aplikasi Sequence Diagram Mendownload Book / Marker Sequence Diagram Mengerjakan Kuis Sequence Diagram Keluar dari Aplikasi Perancangan System Perancangan Struktur Menu Perancangan Antarmuka (Design Interface) Perancangan Antarmuka Splash Screen Perancangan Antarmuka Halaman Home Perancangan Antarmuka Halaman Scan Marker Perancangan Antarmuka Halaman Loading Perancangan Antarmuka Halaman Scan Marker Candi Perancangan Antarmuka Halaman Informasi Perancangan Antarmuka Halaman Spesifikasi Perancangan Antarmuka Halaman Cara Penggunaan Perancangan Antarmuka Halaman Deskripsi Candi Perancangan Antarmuka Halaman Download Book / Marker Perancangan Antarmuka Halaman Tentang viii

9 Perancangan Antarmuka Halaman Kuis Perancangan Antarmuka Halaman Jawaban Benar Perancangan Antarmuka Halaman Jawaban Salah Perancangan Antarmuka Halaman Quiz Completed BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM Implementasi Lingkungan Implementasi Pengumpulan Bahan Instalasi Software Sketchup Pro Pembuatan Modeling Candi 3 Dimensi Membuat Modeling 3D Candi Hasil Modeling Candi 3 Dimensi Export Modeling 3D ke.fbx Mempersiapkan Marker Registrasi Vuforia Upload Marker Candi ke Vuforia Download Dataset Persiapan Project Instalasi SDK (Software Development Kit) Android Memulai Project Import Plugin Plugin Vuforia Plugin Playmaker Plugin Next-Gen UI (NGUI) v Plugin Mad Level Manager v Plugin Pendukung Membuat Folder File di Asset Membuat User Interface dengan NGUI Mengatur Layar Membuat Button Mengaktifkan Button Memasukkan Sound di Button Keluar dari Aplikasi ( Escape Key / Back Button pada HP Android) ix

10 Import Marker Image Target ke dalam Project Import File Modeling 3D Animasi (.fbx) Membuat GUI Button Membuat GUI Button Back Membuat GUI Button Music ON/OFF List Scene, Object, Action Browser, Events yang digunakan (selain Kuis) Membuat Kuis Membuat Level Configuration Membuat Halaman Level Select Mengatur Level Hasil Tampilan Pengujian Perangkat Lunak Pengujian Blackbox Pengujian Halaman Home Pengujian Halaman Scan Candi Pengujian Halaman Scan Candi Pawon Pengujian Halaman Scan Candi Bima Pengujian Halaman Scan Candi Bajang Ratu Pengujian Halaman Scan Candi Banyunibo Pengujian Halaman Scan Candi Pura Ulun Danu Pengujian Halaman Scan Candi Wringin Lawang Pengujian Halaman Download Buku / Marker Pengujian Halaman Informasi Pengujian Halaman Spesifikasi Pengujian Halaman Cara Penggunaan Pengujian Halaman Cara Penggunaan Pengujian Halaman Cara Penggunaan Pengujian Halaman Deskripsi Candi Pengujian Halaman Deskripsi Candi Pawon Pengujian Halaman Deskripsi Candi Bajang Ratu Pengujian Halaman Deskripsi Candi Banyunibo Pengujian Halaman Deskripsi Candi Pura Ulun Danu Pengujian Halaman Tentang Pengujian Halaman Keluar x

11 Pengujian Halaman Level Select Pengujian Halaman Level Pengujian Halaman Level Pengujian Halaman Level Pengujian Halaman Level Pengujian Halaman Level Pengujian Halaman Level Pengujian Halaman Level Pengujian Halaman Level Pengujian Halaman Level Pengujian Halaman Level Pengujian Halaman Quiz Complete Kuesioner BAB V KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN LAMPIRAN 1. Wawancara I LAMPIRAN 2. Wawancara II xi

12 DAFTAR TABEL Tabel Spesifikasi Minimum Perangkat Keras PC/Laptop Tabel Spesifikasi Perangkat Keras Android Tabel Spesifikasi Kebutuhan Perangkat Lunak Komputer Tabel Spesifikasi Kebutuhan Perangkat Lunak platform Android Tabel Spesifikasi naratif untuk Use Case Memilih Scan Marker Tabel Spesifikasi naratif untuk Use Case - Melakukan Scan Marker Candi Tabel Spesifikasi naratif untuk Use Case - Mendownload Book /Marker Tabel Spesifikasi naratif untuk Use Case - Melihat Informasi Tabel Spesifikasi naratif untuk Use Case - Melihat Spesifikasi Android Tabel Spesifikasi naratif untuk Use Case Melihat Cara Penggunaan Aplikasi Tabel Spesifikasi naratif untuk Use Case - Melihat Deskripsi Candi Tabel Spesifikasi naratif untuk Use Case Memilih Candi Tabel Spesifikasi naratif untuk Use Case Melihat Tentang Aplikasi Tabel Spesifikasi naratif untuk Use Case Mengerjakan Kuis Tabel Spesifikasi naratif untuk Use Case Keluar dari Aplikasi Tabel 4. 1 List Scene, Object, Events dan Action Browser (selain kuis) Tabel List Scene, Object, Events dan Action Browser (pada Kuis) Tabel Pengujian Halaman Home Tabel Pengujian Halaman ScanCandi Tabel Pengujian Halaman Scan_candiPawon Tabel Pengujian Halaman Scan_candiBima Tabel Pengujian Halaman Scan_candiBajangRatu Tabel Pengujian Halaman Scan_candiBanyunibo Tabel Pengujian Halaman Scan_candiPuraUlun Tabel Pengujian Halaman Scan_candiWringinLawang Tabel Pengujian Halaman Download Buku / Marker Tabel Pengujian Halaman Informasi Tabel Pengujian Halaman Spesifikasi Tabel Pengujian Halaman Cara_Penggunaan Tabel Pengujian Halaman Cara_Penggunaan Tabel Pengujian Halaman Cara_Penggunaan Tabel Pengujian Halaman Cara_Penggunaan Tabel Pengujian Halaman deskripsi_candi Tabel Pengujian Halaman desk_candi_pawon Tabel Pengujian Halaman desk_candi_bima Tabel Pengujian Halaman desk_candi_bajang_ratu xii

13 Tabel Pengujian Halaman desk_candi_banyunibo Tabel Pengujian Halaman desk_candi_pura_ulun_danu Tabel Pengujian Halaman desk_candi_wringin_lawang Tabel Pengujian Halaman Tentang Tabel Pengujian Halaman Keluar Tabel Pengujian Halaman Level Select Tabel Pengujian Halaman Level Tabel Pengujian Halaman Level Tabel Pengujian Halaman Level Tabel Pengujian Halaman Level Tabel Pengujian Halaman Level Tabel Pengujian Halaman Level Tabel Pengujian Halaman Level Tabel Pengujian Halaman Level Tabel Pengujian Halaman Level Tabel Pengujian Halaman Level Tabel Pengujian Halaman Quiz Complete Tabel Pertanyaan dan Jawaban Kuesioner xiii

14 DAFTAR GAMBAR Gambar Proses Deteksi Marker... 9 Gambar Perbedaan Augmented Reality dan Virtual Reality Gambar Face Tracking Gambar D Object Tracking Gambar Penggunaan Motion Tracking Gambar Diagram Aliran Data Vuforia Gambar FSM pada Playmaker Gambar Actions pada Playmaker Gambar Simbol Usecase Gambar Simbol Activity Diagram Gambar Simbol Sequence Diagram Gambar Candi Pawon Gambar Candi Banyunibo Gambar Candi Bima Gambar Candi Bajang Ratu Gambar Candi Wringin Lawang Gambar Candi Pura Ulun Danu Gambar Alur Sistem yang berjalan Gambar Screenshoot tampilan dari Arca Gambar Tampilan Utama Aplikasi Menampilkan Objek Sampul Buku Gambar Proses pembuatan aplikasi Gambar Use Case Diagram Gambar Activity Diagram Memilih Scan Marker Gambar Activity Diagram Melakukan Scan Marker Candi Gambar Activity Diagram Melihat Informasi Gambar Activity Diagram Melihat Spesifikasi Android Gambar Activity Diagram Melihat Cara Penggunaan Aplikasi Gambar Activity Diagram Mendownload Book/Marker Gambar Activity Diagram Melihat Tentang Aplikasi Gambar Activity Diagram Mengerjakan Kuis Gambar Activity Diagram Keluar dari Aplikasi Gambar Sequence Diagram Memilih Scan Marker Gambar Sequence Diagram Melakukan Scan Marker Candi Gambar Gambar Sequence Diagram Informasi Gambar Sequence Diagram Melihat Spesifikasi Android Gambar Sequence Diagram Melihat Cara Penggunaan Aplikasi Gambar Sequence Diagram Deskripsi Candi xiv

15 Gambar Sequence Diagram Pilih Candi Gambar Sequence Diagram Melihat Tentang Aplikasi Gambar Sequence Diagram Mendownload Book/Marker Gambar Sequence Diagram Mengerjakan Kuis Gambar Sequence Diagram Keluar dari Aplikasi Gambar Perancangan Struktur Menu Gambar Perancangan Antarmuka Splash Screen Gambar Perancangan Antarmuka Halaman Utama Gambar Perancangan Antarmuka Halaman Scan Marker Gambar Perancangan Antarmuka Halaman Loading Gambar Perancangan Antarmuka Halaman Scan Marker Candi Gambar Perancangan Antarmuka Halaman Informasi Gambar Perancangan Antarmuka Halaman Spesifikasi Gambar Perancangan Antarmuka Halaman Cara Penggunaan Gambar Perancangan Antarmuka Halaman Deskripsi Candi Gambar Perancangan Antarmuka Halaman Book/Marker Gambar Perancangan Antarmuka Halaman Tentang Gambar Perancangan Antarmuka Halaman Kuis Gambar Perancangan Antarmuka Halaman Jawaban Benar Gambar Perancangan Antarmuka Halaman Jawaban Salah Gambar Perancangan Antarmuka Halaman Quiz Complete Gambar View tampak atas di Sketchup Gambar Setup Dimensi satuan yang digunakan Gambar Membuat kotak untuk Lantai Gambar Membuat tiang Gambar Hasil pembuatan tiang dan Membuat Atap Gambar Hasil pembuatan atap Gambar Pemberian Material Teksture Gambar Membuat tangga Gambar Membuat dinding dan material teksture dinding Gambar Hasil Akhir dari Modeling Candi Pura Ulun Danu Gambar Hasil Pembuatan Modeling Candi dalam bentuk 3D Gambar Candi Wringin Lawang 3 dimensi Gambar FBX Export Option Gambar Hasil Pembuatan Marker untuk masing-masing Candi Gambar Registrasi Vuforia Gambar Tampilan Website Vuforia setelah Login Gambar Add License Key Gambar Isian form add license key Gambar Isian form add license key Gambar Create Database Gambar Add Target xv

16 Gambar Upload File Marker Gambar Tampilan setelah marker di upload Gambar Download Dataset Gambar Memilih platform download dataset Gambar Membuat Project Baru Gambar Tampilan Unity 3D Gambar Download Vuforia for Unity Gambar Import Plugin Vuforia Gambar Kotak Dialog Import Package Gambar Susunan file setelah import Plugin Vuforia Gambar Susunan file setelah import Plugin Playmaker Gambar Susunan file setelah import Plugin NGUI Gambar Susunan file setelah import Plugin Mad Level Manager Gambar Membuat folder Tugas Gambar Open Atlas Marker Gambar Tampilan Atlas Marker Gambar Menambahkan Object pada Atlas Gambar Mengatur Resolusi Gambar Membuat Button Gambar Setting posisi button Gambar Tampilan Halaman Home Gambar Select Button Scan Gambar Add Component Ngui event to playmaker Fsm event Gambar Tampilan Playmaker Editor Gambar Setting Playmaker Editor Gambar Add Audio Clip Gambar Memilih file audio Gambar Action Browser Get Key Down Gambar Action Browser Load Level Gambar AR Camera dan Image Target di drag ke kolom Hirarchy Gambar Load Data Set ARCandiBR dan Activate Gambar Tampilan pada Unity 3D Gambar Mengimport Object 3D ke Unity Gambar Transform Object 3D Candi Bajang Ratu Gambar Object 3D candi di atas marker Gambar Folder Object berada di bawah image target Gambar Folder Object berada di bawah image target Gambar Setting GUI Button pada state Gambar Setting GUI Button pada state Gambar Setting State 1 GUI Button Music Gambar Setting State 2 GUI Button Music Gambar Level Configuration Gambar Activate KuisConfiguration xvi

17 Gambar Add Level Gambar Init Tool Gambar Grid Layout Gambar Build Setting Gambar Build Setting Gambar Setting Icon Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Gambar Tampilan User Interface Halaman Salah xvii

18 DAFTAR LAMPIRAN LAMPIRAN 1. Wawancara I LAMPIRAN 2. Wawancara II xviii