APLIKASI AUGMENTED REALITYMEWIRAMA KEKAWIN RAMAYANA BERBASIS ANDROID

Transkripsi

1 APLIKASI AUGMENTED REALITYMEWIRAMA KEKAWIN RAMAYANA BERBASIS ANDROID TUGAS AKHIR Diajukan guna memenuhi sebagian persyaratan dalam rangka menyelesaikan Pendidikan Sarjana Strata Satu (S1) Program Studi Teknologi Informasi PUTU INDAH SEPTIA DEWI NIM: JURUSAN TEKNOLOGI INFORMASI FAKULTAS TEKNIK UNIVERSITAS UDAYANA 2016

2 APLIKASI AUGMENTED REALITY MEWIRAMA KEKAWIN RAMAYANA BERBASIS ANDROID TUGAS AKHIR Diajukan guna memenuhi sebagian persyaratan dalam rangka menyelesaikan Pendidikan Sarjana Strata Satu (S1) Program Studi Teknologi Informasi PUTU INDAH SEPTIA DEWI NIM: JURUSAN TEKNOLOGI INFORMASI FAKULTAS TEKNIK UNIVERSITAS UDAYANA 2016 ii

3 PERNYATAAN Dengan ini saya menyatakan bahwa dalam skripsi (Tugas Akhir) ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu perguruan tinggi lain, dan sepanjang pengetahuan saya tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka. Bukit Jimbaran, Juni 2016 Putu Indah Septia Dewi iii

4 iv

5 v

6 KATA PENGANTAR Puji dan syukur saya panjatkan kehadapan Ida Sang Hyang Widhi Wasa atau Tuhan Yang Maha Esa, karena atas Asung Kerta Wara Nugraha-Nya, akhirnya penulis dapat menyelesaikan Tugas Akhir ini. Tugas Akhir yang berjudul Aplikasi Augmented Reality Mewirama Kekawin Ramayana Berbasis Android. Selama penyusunan Tugas Akhir ini, saya mendapatkan petunjuk dan bimbingan dari berbagai pihak. Sehubungan dengan hal tersebut pada kesempatan ini saya menyampaikan ucapan terima kasih kepada: 1. Bapak Prof. Ir. Ngakan Putu Gede Suardana,, MT, Ph.D selaku Dekan Fakultas Teknik Universitas Udayana. 2. Bapak Dr. Eng. I Putu Agung Bayupati, ST., MT. selaku Ketua Jurusan Teknologi Informasi Fakultas Teknik Universitas Udayana. 3. Bapak Prof. Dr. I Ketut Gede Darma Putra, S.Kom., M.T. selaku dosen pembimbing I yang telah banyak meluangkan waktu memberikan dorongan, bimbingan, tuntunan dan kesabaran selama penyusunan Tugas Akhir ini. 4. Bapak A.A Kompiang Oka Sudana, S.Kom., M.T. selaku dosen pembimbing II yang telah banyak meluangkan waktu memberikan dorongan, bimbingan, tuntunan dan kesabaran selama penyusunan Tugas Akhir ini. 5. Bapak Putu Wira Buana, S.Kom, MT. selaku dosen pembimbing akademik, yang telah memberikan bimbingan selama menempuh pendidikan di Jurusan Teknologi Informasi Fakultas Teknik Universitas Udayana. 6. Bapak I Made Sudarsa, S.Sos selaku Jero Dalang Bangbang Ekalawya yang Mewirama Kekawin Ramayana pada Tugas Akhir ini. 7. Orang tua serta anggota keluarga yang telah banyak memberikan dukungan baik jasmani maupun rohani selama penulis menyusun Tugas Akhir ini. 8. Saudara I Dewa Gede Rama Putra Dwi Parreira yang telah banyak memberikan dukungan baik jasmani maupun rohani selama penulis menyusun Tugas Akhir ini. vi

7 9. Teman-teman seperjuangan Yunita Primandari, Rahayu Widya Utami, Maurren Aljira, Ayu Pratiwi, Mas Aristamy, Agus Setiawan, Mayun Kepakisan, Sin Ria, dan teman-teman Teknologi Informasi 2012 yang selalu memberikan support dan semangat selama penulis menyusun Tugas Akhir ini. Penulis menyadari bahwa laporan Tugas Akhir ini jauh dari sempurna baik dalam materi maupun penulisannya. Untuk itu kritik dan saran yang bersifat membangun dari semua pihak sangat diharapkan. Akhir kata, semoga laporan Tugas Akhir ini dapat memberikan manfaat bagi semua pihak sesuai dengan yang diharapkan. Bukit Jimbaran, Juni 2016 Putu Indah Septia Dewi vii

8 ABSTRAK Teknologi Augmented Reality merupakan sebuah teknologi visual yang menggabungkan objek atau dunia virtual ke dalam tampilan dunia nyata secara real time. Media yang mengangkat tema pengenalan Kekawin Ramayana, seperti bukubuku terjemahan kekawin belum mampu menjadi media pengenalan kekawin yang efektif bagi masyarakat, menangani permasalahan tersebut maka dibuat Aplikasi Augmented Reality Mewirama Kekawin Ramayana. Aplikasi ini diharapkan mampu menumbuhkembangkan keinginan masyarakat untuk mempelajari maknamakna yang terkait dengan Kekawin Ramayana. Platform yang digunakan untuk mendukung pembuatan aplikasi ini adalah Vuforia yang merupakan library atau SDK yang menganalisa gambar dengan menggunakan pendeteksi marker dan mengasilkan informasi berupa objek 2D atau 3D. Platform pendukung lainnya adalah Unity yang merupakan salah satu game engine yang banyak digunakan pada aplikasi AR. Aplikasi ini dapat menampilkan objek 2 dimensi Tulisan Latin dari Kekawin Ramayana. Hasil yang ditampilkan dari objek 2 dimensi tersebut adalah arti dari Kekawin Ramayana dengan beberapa bahasa yang dapat dipilih, yaitu terdapat pilihan Bahasa Bali, Bahasa Indonesia, dan Bahasa Inggris. Hasil lainnya yaitu berupa suara mewirama Kekawin Ramayana yang dikelompokan menurut pengenalan bait perbait kekawin tersebut. Kuisioner yang disebarkan ke responden sebanyak 70 orang diantaranya 7 orang Dalang Kekawin, 10 orang penikmat dan 53 orang masyarakat awam. Hasil yang di dapat dari kuisioner yang disebarkan memberikan nilai yang memuaskan. Kata Kunci: Augmented Reality, Kekawin Ramayana, 2 Dimensi, Mewirama, Android. viii

9 ABSTRACT Augmented Reality is a technology that combines visual objects or virtual world into the real world to see in real time. Media is the theme introduction Kekawin Ramayana, such as books translated kekawin not capable of being an effective media kekawin introduction to the community, addressing the problems it created Augmented Reality Applications Mewirama Kekawin Ramayana. This application is expected to foster the people's desire to learn the meanings associated with Kekawin Ramayana. Platform used to support the creation of this application is Vuforia is a library or SDK which analyzes images using marker detection and produce information in the form of 2D or 3D objects. Other supporting platform which is one of Unity game engine that is widely used in applications AR. This application can display two-dimensional object from the Latin Letters Kekawin Ramayana. Results are displayed on the 2-dimensional object that is the meaning of Kekawin Ramayana with multiple languages can be selected, that there is a choice Balinese, Indonesian and English. Other results is the voice of mewirama Kekawin Ramayana grouped according to the introduction of the kekawin perbait temple. Questionnaires distributed to respondents as many as 70 people including 7 Dalang Kekawin, 10 lovers and the general public 53. The results obtained from questionnaires distributed gives satisfactory value. Keywords: Augmented Reality, Kekawin Ramayana, 2 Dimension, Mewirama, Android. ix

10 DAFTAR ISI HALAMAN SAMPUL... i HALAMAN JUDUL... ii PERNYATAAN... iii LEMBAR PENGESAHAN TUGAS AKHIR... iv BERITA ACARA TUGAS AKHIR... v KATA PENGANTAR... vi ABSTRAK... viii ABSTRACT... ix DAFTAR ISI... x DAFTAR GAMBAR... xiii DAFTAR TABEL... xv DAFTAR KODE PROGRAM... xvi BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuan Penelitian Manfaat Penelitian Batasan Masalah Sistematika Penulisan... 6 BAB II TINJAUAN PUSTAKA State of the Art Kekawin Hasil Karya Sastra Jawa Kuno dalam Bentuk Kekawin Kekawin Ramayana Sejarah Kekawin Ramayana Kanda Kekawin Ramayana Bala Kanda Ayodhya Kanda Aranya Kanda Kiskindha Kanda Sundara Kanda Yudhha Kanda Uttara Kanda Augmented Reality Sejarah Augmented Reality Prinsip Kerja Sistem Augmented Reality Marker Markerless Augmented Reality Marker Augmented Reality Unity Project Scene Asset dan Package x

11 2.6 Vuforia Qualcomm Arsitektur Vuforia Target Manager Adobe Photoshop Peningkatan Fitur BAB III METODE DAN PERANCANGAN SISTEM Tempat dan Waktu Penelitian Data Sumber Data Jenis Data Metode Pengumpulan Data Alur Penelitian Masukan dan Keluaran Perangkat Lunak Masukan Perangkat Lunak Keluaran Perangkat Lunak Alat Penelitian Konfigurasi Perangkat Lunak Konfigurasi Perangkat Keras Gambaran Umum Sistem Diagram Alir (Flowchart) Penggunaan Aplikasi Perancangan Sistem Aplikasi Structure Chart Aplikasi Diagram Alir (Flowchart) Perancangan Aplikasi Use Case Diagram Use Case Spesification Menu Pindai Menu Bantuan Menu Tentang Menu Keluar Activity Diagram Pilih Menu Pindai Pilih Menu Bantuan Pilih Menu Tentang Pilih Menu Keluar Sequence Diagram Pilih Menu Pindai Pilih Menu Bantuan Pilih Menu Tentang Pilih Menu Keluar Perancangan Antarmuka Aplikasi Pembuatan Marker pada Target Manager Vuforia Integrasi Library Vuforia dan Marker dengan Unity Perancangan Objek Kekawin 3 Dimensi BAB IV PENGUJIAN DAN ANALISIS SISTEM Gambaran Umum Aplikasi xi

12 4.2 Hasil Perancangan Scene Splash Screen Scene Main Menu Scene Kamera_AR Scene Bantuan Scene Tentang Uji Coba Aplikasi pada Samsung Galaxy S Splash Screen Aplikasi Main Menu Aplikasi Pindai Buku Aplikasi Tampilan Scene Bantuan Aplikasi Tampilan Scene Tentang Aplikasi Pengujian Pendeteksian dan Pelacakan Pengujian Pendeteksian Hasil Evaluasi Analisa Sistem Aplikasi Perhitungan dan Penyajian Data Aspek Kesesuaian Proses Aspek Deteksi Waktu Aspek Desain User Interface Kelebihan dan Kekurangan Sistem BAB V PENUTUP Simpulan Saran DAFTAR PUSTAKA LAMPIRAN xii

13 DAFTAR GAMBAR Gambar 2.1 Fish Bone Aplikasi Gambar 2.2 Augmented Reality dan Virtual Reality Gambar 2.3 Sejarah Augmented Reality Gambar 2.4 Prinsip Kerja Augmented Reality Gambar 2.5 Marker AR Gambar 2.6 Unity Gambar 2.7 Aplikasi AR dengan Library Vuforia Gambar 2.8 Adobe Photoshop CS Gambar 3.1 Gambaran Umum Sistem Gambar 3.2 Flowchart Aplikasi Augmented Reality Gambar 3.3 Rancangan Structure Chart Aplikasi Gambar 3.4 Flowchart Perancangan Aplikasi Gambar 3.5 Use Case Diagram Aplikasi Gambar 3.6 Activity Diagram Pilih Menu Pindai Gambar 3.7 Activity Diagram Pilih Menu Bantuan Gambar 3.8 Activity Diagram Pilih Menu Tentang Gambar 3.9 Activity Diagram Pilih Menu Keluar Gambar 3.10 Sequence Diagram Pilih Menu Pindai Gambar 3.11 Sequence Diagram Pilih Menu Bantuan Gambar 3.12 Sequence Diagram Pilih Menu Tentang Gambar 3.13 Sequence Diagram Pilih Menu Keluar Gambar 3.14 Rancangan Tampilan Splash Screen Aplikasi Gambar 3.15 Rancangan Tampilan User Interface Gambar 3.16 Rancangan Tampilan Scene Utama Aplikasi Gambar 3.17 Gambar Objek Marker Gambar 3.18 Pop Up Login pada Vuforia Gambar 3.19 Membuat Database Markerless Gambar 3.20 Proses Upload Gambar Gambar 3.21 Tahap Download Markerless Gambar 3.22 Lisensi Vuforia Gambar 3.23 Memilih Marker yang Akan di-download Gambar 3.24 Tahap Download Marker Gambar 3.25 Build Setting pada Unity Gambar 3.26 File Library Vuforia Gambar 3.27 Proses Import Library Vuforia pada Unity Gambar 3.28 File Library Vuforia yang Terdapat di Unity Gambar 3.29 File Marker (Penanda) Gambar 3.30 Proses Import File atau Marker pada Unity Gambar 3.31 Marker yang Sudah Berhasil di Import pada Unity Gambar 3.32 Proses Pembuatan 3D Text Gambar 3.33 Import Gambar Objek Tulisan Gambar 3.34 Cara Import Gambar Objek Tulisan Gambar 3.35 Tampilan Property Objek Sprite pada Panel Inspector xiii

14 Gambar 3.36 Tampilan Jendela Sprite Editor Gambar 3.37 Tahap Pemetaan dan Pemberian Nama Objek Text Gambar 3.38 Hasil Objek Sprite yang Telah di Mapping Gambar 3.39 Tampilan Inherit pada Panel Hierarcy Gambar 3.40 Tampilan Proses Input Objek Gambar 3.41 Tampilan Penempatan Posisi Objek 3D Text Gambar 3.42 Tampilan Hierarcy Halaman 1 dalam Bahasa Bali Gambar 3.43 Tampilan Panel Inspector Gambar 3.44 Tampilan Hierarcy untuk Peletakan Tombol Suara Gambar 3.45 Tampilan Panel Tombol Pause Gambar 3.45 Tampilan Alur Proses Pengaturan Tombol Suara Gambar 3.46 Tampilan Panel dari Tombol Play Gambar 3.47 Tampilan Inspector dari Tombol Resume Gambar 3.48 Proses Uncheck pada Objek Tulisan Biru Gambar 4.1 Proses Interaksi Perangkat Lunak dengan User Gambar 4.2 Splash Screen Aplikasi Gambar 4.3 Scene Main Menu Aplikasi Gambar 4.4 Scene Kamera_AR Gambar 4.5 Scene Bantuan Gambar 4.6 Scene Tentang Gambar 4.7 Tampilan Splash Screen pada Samsung Galaxy S Gambar 4.8 Tampilan Main Menu pada Samsung Galaxy S Gambar 4.9 Tampilan Objek 2 Dimensi Halaman 1 Bahasa Kawi Gambar 4.10 Tampilan Objek 2 Dimensi Halaman 1 Bahasa Bali Gambar 4.11 Tampilan Objek 2 Dimensi Halaman 1 Bahsa Indonesia Gambar 4.12 Tampilan Objek 2 Dimensi Halaman 1 Bahsa Inggris Gambar 4.13 Tampilan Scene Bantuan Gambar 4.14 Tampilan Scene Tentang Gambar 4.15 Ilustrasi Uji Coba Jarak Deteksi Minimum Gambar 4.16 Ilustrasi Uji Coba Jarak Deteksi Maksimum Gambar 4.17 Ilustrasi Uji Coba Menutup Area Marker Gambar 4.18 Ilustrasi Uji Coba Menggunakan Multi Marker Gambar 4.19 Diagram Aspek Proses Aplikasi Gambar 4.20 Diagram Aspek Deteksi Waktu Gambar 4.21 Diagram Aspek Desain User Interface xiv

15 DAFTAR TABEL Tabel 2.1 Daftar Penelitian yang Telah Dilakukan... 9 Tabel 3.1 Use Case Spesification Menu Pindai Tabel 3.2 Use Case Spesification Menu Bantuan Tabel 3.3 Use Case Spesification Menu Tentang Tabel 3.4 Use Case Spesification Menu Keluar Tabel 4.1 Spesifikasi Perangkat Smartphone Tabel 4.2 Jenis Perangkat Waktu Deteksi Marker Tabel 4.3 Waktu Proses Perangkat Smartphone Tabel 4.4 Hasil Pengujian Minimum Jarak Rata-Rata Marker Tabel 4.5 Hasil Pengujian Maksimum Jarak Rata-Rata Marker Tabel 4.6 Hasil Pengujian Luas Permukaan Marker Tabel 4.7 Data Responden Tabel 4.8 Aspek Kesesuaian Proses Tabel 4.9 Tabel Aspek Deteksi Waktu Tabel 4.10 Tabel Desain User Interface xv

16 KODE PROGRAM Kode Program 3.1 Tombol Pause Kode Program 3.2 Tombol Resume xvi