PEMBUATAN APLIKASI PEMANDU WISATA KERATON SURAKARTA BERBASIS ANDROID MENGGUNAKAN TEKNOLOGI 2D DAN 3D AUGMENTED REALITY

Transkripsi

1 PEMBUATAN APLIKASI PEMANDU WISATA KERATON SURAKARTA BERBASIS ANDROID MENGGUNAKAN TEKNOLOGI 2D DAN 3D AUGMENTED REALITY Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program Diploma III Teknik Informatika Disusun oleh : IFAN MULYONO NIM. M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2014

2 perpustakaan.uns.ac.id ii

3 perpustakaan.uns.ac.id iii

4 ABSTRACT IFAN MULYONO, MAKING OF APPLICATION TOUR GUIDE KERATON SURAKARTA BASED ANDROID USING 2D AND 3D AUGMENTED REALITY. 3rd Diploma program of Informatics engineering, Faculty of Mathematics and Nature Science, University of Sebelas Maret Surakarta. Preservation and maintenance of the sites at the Keraton Surakarta should be identified and studied by the public. The multimedia application that is a merging from various components like text, voice, picture and animation will make the user become more comfortable in enjoying information presented. By using animation and 3d's object it will make presentation of object information more fun. The aim of this final project is to give an information of ancient building in Keraton Surakarta Multimedia applications are an amalgamation of the various components of text, sounds, images, and animations was made the user become easier to be understand. The use of animations and 3D objects to deliver information would make the building more attractive. The goal of the project task is to give an idea about the information royal heritage buildings Keraton Surakarta. The Augmented reality applications of Keraton Surakarta was designed and developed using the method of study that was looking a reference library and materials related to the research conducted. The augmented reality was carried out using some design and animation software like 3D Studio Max 2011, Adobe Photoshop CS6, Unity 3D. The study produced a multimedia application that would provide travelling information of history at Keraton Surakarta. Information provided was information history of Keraton Surakarta, and the ancient building history at the palace Surakarta. Keywords: augmented reality, Keraton Surakarta, 3d, multimedia iv

5 ABSTRAK IFAN MULYONO, PEMBUATAN APLIKASI PEMANDU WISATA KERATON SURAKARTA BERBASIS ANDROID MENGGUNAKAN TEKNOLOGI 2D DAN 3D AUGMENTED REALITY. Program Diploma III Teknik Informatika Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Pelestarian dan perawatan bangunan-bangun keraton Surakarta merupakan salah satu cara agar sejarah yang pernah ada di kota Surakarta dapat di ketahui dan di pelajari oleh masyarakat luas. Aplikasi multimedia yang merupakan penggabungan dari berbagai komponen teks, suara, gambar, dan animasi akan membuat pengguna menjadi lebih mudah untuk memahami. Penggunaan animasi dan objek 3 dimensi akan membuat penyampaian informasi bangunan lebih menarik. Tujuan dari proyek tugas ini adalah untuk memberi gambaran tentang informasi bangunan-bangunan peninggalan kerajaan keraton Surakarta. Aplikasi augmented reality di keraton Surakarta ini dirancang dan di kembangkan menggunakan metode studi pustaka yaitu mencari referensi dan materi yang berhubungan dengan penelitian yang di lakukan dan observasi langsung. Pembuatan aplikasi augmented reality di keraton Surakarta dilakukan dengan menggunakan beberapa software desain dan animasi seperti 3D Studio Max 2011, Adobe Photoshop CS6, Unity 3D. Penelitian ini menghasilkan aplikasi multimedia yang akan memberikan informasi tentang bangunan-bangunan yang berada di keraton Surakarta. Informasi yang diberikan adalah informasi tentang sejarah keraton Surakarta dan fungsi bangunan yang berada di keraton Surakarta. Kata kunci : augmented reality, Keraton Surakarta, 3d, multimedia v

6 MOTTO You can if you think you can George Reeves Forget about all the reasons why something may not work. You only need to find one good reason why it will Dr. Robert Anthony Man jaddah wajadah, selama kita bersungguh-sungguh, maka kita akan memetik buah yang manis. Segala keputusan hanya ditangan kita sendiri, kita mampu untuk itu B.J Habibie Our parents are the greatest gift in a life. Ifan Mulyono vi

7 PERSEMBAHAN Sebuah karya tulisan ini kupersembahkan untuk : 1. Ibunda tercinta saya Hj. Daliyem 2. Ibunda terkasih saya Hj. Daliyem 3. Ibunda tersayang saya Hj. Daliyem 4. Ayahanda tercinta saya H. Sumadi Sumarjo Dikromo vii

8 KATA PENGANTAR Bismillahirrahmanirrahim, segala puji dan rasa syukur penulis panjatkan yang telah melimpahkan segala kemudahannya hingga akhirnya penulis mampu menyelesaikan Tugas Akhir dan menuliskan laporannya tepat waktu. Laporan Tugas Akhir ini disusun untuk memenuhi sebagian persyaratan memperoleh kelulusan Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Dalam pelaksanaan Tugas Akhir, yang didalamnya termasuk kegiatan pembuatan laporan ini, penulis mendapat banyak bantuan dari berbagai pihak. Tanpa bantuan Allah subhanahu melalui tangan mereka niscaya Tugas Akhir penulis tidak akan berjalan dengan lancar. Untuk itu dalam kertas yang mungkin tiada arti ini penulis sampaikan rasa hormat dan menghaturkan rasa terima kasih kepada: 1. H. Sumadi Sumarjo Dikromo, Hj. Daliyem, Bapak Ibu, yang senantiasa mendukung dan mendoakan penulis untuk dapat menyelesaikan tugas ini. 2. Prof. Ir. Ari Handono Ramelan, M.Sc(Hons)., Ph.D., selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Yang telah memberikan izin belajar. 3. Drs. Y.S. Palgunadi, M.Sc., Ketua Program Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Yang telah memberi izin ujian tugas akhir. 4. Agus Purnomo, S.Si., pembimbing, yang telah memberikan bimbingan, nasehat, kritik dan saran selama penyusunan tugas akhir. 5. Bapak Ibu Dosen Pengajar serta seluruh Staff DIII Teknik Informatika UNS yang telah membantu, membagi ilmu, dan membimbing penulis selama menimba ilmu di DIII Teknik Informatika UNS. viii

9 6. Eko Prasetyo, Enik Windi, Agus Tri J., kakak, yang memberikan doa, kasih sayang, perhatian dan segalanya yang telah menjadikan penulis selalu semangat dan termotivasi untuk melakukan yang terbaik. 7. Ooh Atinah, Hasan, Titik., kakak ipar, yang memberikan doa, kasih sayang, perhatian dan segalanya yang telah menjadikan penulis selalu semangat dan termotivasi untuk melakukan yang terbaik. 8. Ghatan, Almira, Yamien, Yusuf, Fatih, keponakan, yang telah menjadikan penulis selalu semangat dan termotivasi untuk melakukan yang terbaik. 9. Teman-teman DIII Teknik Informatika Kelas B 2011, Dwi Cahyo, Dwi Nurhadi, Dyota, Edy, El Milla, Erie, Ersalina, Evin, Fahmi, Fajar, Faradina, Farih, Fynandra, Ghifari, Gita, Glorius, Habib, Hanifah, Harum, Herlyn, Husein, Ichsan, Ismi, Imam, Ina, Inaya, Ismoyo, Jordan, Jufans, Juli, Jwasky, Kiki, Laila Rohmah, Laila Dyah, Lia, Lina, M. Iqbal, M. Angga, M.anwar, Mahdi, Merio, Miratin, M. Djodi, M. Wahyu, terima kasih telah memberikan dukungan selama pembuatan tugas akhir dan berbagi ilmu bersama. 10. Vera Elysa Risti, dan Kiki Riana Kusuma, yang telah membantu penulis, mengisi suara untuk aplikasi yang dibuat. 11. Seluruh pihak-pihak yang tidak dapat penulis cantumkan satu persatu, atas segala bimbingan, bantuan, kritik dan saran dalam penyusunan tugas akhir ini. umumnya. Semoga laporan ini bermanfaat bagi penulis khususnya dan bagi pembaca Surakarta, 15 Juni 2014 ix Penulis

10 DAFTAR ISI HALAMAN PERSETUJUAN... Error! Bookmark not defined. HALAMAN PENGESAHAN... Error! Bookmark not defined. ABSTRACT... iii ABSTRAK... v MOTTO... vi PERSEMBAHAN... vii KATA PENGANTAR... viii DAFTAR ISI... x DAFTAR GAMBAR... xii DAFTAR TABEL... xv DAFTAR ISTILAH... xvi BAB I PENDAHULUAN LATAR BELAKANG MASALAH PERUMUSAN MASALAH BATASAN MASALAH TUJUAN MANFAAT SISTEMATIKA PENULISAN... 3 BAB II LANDASAN TEORI KERATON SURAKARTA AUGMENTED REALITY ANDROID ANDROID SDK QUALCOMM AUGMENTED REALITY (QCAR) SDK AUTODESK 3D MAX ADOBE PHOTOSHOP CS UNITY 3D BAHASA PEMROGRAMAN C# PENGUJIAN BLACK-BOX... 9 BAB III PERANCANGAN Project Overview Executive Summary Detail Concept Pengumpulan Materi Core Interactive Play Target Audience Interactive Overview Menu Layout x

11 3.3.1 Color Scheme Product Title Screen Menu Screen Play Screen Maps screen Rancangan Tampilan Tutorial Rancangan Tampilan Info Keraton Rancangan Tampilan Credits Rancangan Marker Development Tools Software Hardware BAB IV IMPLEMENTASI DAN ANALISA Pembuatan Aplikasi Pembuatan Marker Pembuatan Desain Pembuatan Objek 3 Dimensi Pembuatan Aplikasi Hasil Pengujian Aplikasi Pengujian Aplikasi Pengujian Fungsional Aplikasi Pengujian Pada Device Pengujian Pada User BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN... 4 xi

12 DAFTAR GAMBAR Gambar 3.1 Konsep Penggunaan augmented reality Gambar 3.2 Penggunaan teknologi augmented reality Gambar 3.3 Struktur Navigasi Gambar 3.4 Product title screen Gambar 3.5 menu screen Gambar 3.6 Menu pilih tour screen Gambar 3.7 Play Screen Gambar 3.8 Tag Info Play Screen Gambar 3.9 Informasi Play Screen Gambar 3.10 Maps Gambar 3.11 Rancangan Tampilan Tutorial Gambar 3.12 Rancangan Tampilan Info Keraton Gambar 3.13 Rancangan Tampilan Credits Gambar 4.1 Halaman web Vuforia Marker Gambar 4.2 Membuat database baru pada vuforia Gambar 4.3 Database yang baru dibuat Gambar 4.4 Database yang baru dibuat Gambar 4.5 Form upload marker Gambar 4.6 Gambar yang digunakan sebagai marker Gambar 4.7 Download marker Gambar 4.8 Import Marker Gambar 4.9 Pembuatan desain logo Gambar 4.10 Pembuatan desain splash screen Gambar 4.11 Pembuatan desain background menu utama Gambar 4.12 Pembuatan desain tutorial Gambar 4.13 Pembuatan Button Mulai Tour Gambar 4.14 Pembuatan desain tag informasi keraton Surakarta Gambar 4.15 Pembuatan desain menu informasi Keraton Surakarta Gambar 4.16 Pembuatan desain informasi keraton Surakarta Gambar 4.17 Pembuatan Objek 3D Tiang Keraton Surakarta Gambar 4.18 Pembuatan Objek 3D Keraton Surakarta Gambar 4.19 Pembuatan Objek 3D ornament Bangsal Marcukunda Gambar 4.20 Pembuatan Objek 3D Bangsal Marcukunda Gambar 4.21 Pembuatan Objek 3D tiang Bangsal Smarakatha Gambar 4.22 Pembuatan Objek 3D Bangsal Marcukunda Gambar 4.23 Pembuatan Objek 3D tiang Kori Sri Manganti Gambar 4.24 Pembuatan Objek 3D Kori Sri Manganti Gambar 4.25 Pembuatan Objek 3D dinding Panggung Sangga Buwana Gambar 4.26 Pembuatan Objek 3D Panggung Sangga Buwana Gambar 4.27 pembuatan scene splash screen Gambar 4.28 pembuatan scene menu utama Gambar 4.29 pembuatan scene informasi keraton surakarta Gambar 4.30 Pembuatan scene augmented reality Gambar 4.31 Import Paket mapnav ke unity 3d xii

13 Gambar 4.32 Pembuatan scene maps Gambar 4.33 proses mengubah format aplikasi menjadi.apk Gambar 4.34 konfirmasi instalasi Gambar 4.35 proses instalasi Gambar 4.36 Hasil instalasi Gambar 4.37 Halaman Splash Screen Gambar 4.38 Halaman Menu Utama Gambar 4.39 Halaman Pilih Tour Gambar 4.40 Augmented reality marker bangunan Keraton Surakarta Gambar 4.41 Augmented reality marker bangunan Keraton Surakarta Gambar 4.42 Augmented reality marker bangunan Sasana Sumewa Gambar 4.43 Augmented reality marker bangunan Sasana Sumewa Gambar 4.44 Augmented reality marker bangunan Siti Hinggil Lor Gambar 4.45 Augmented reality marker bangunan Siti Hinggil Lor Gambar 4.46 Augmented reality marker bangunan Kori Sri Manganti Gambar 4.47 Augmented reality marker bangunan Kori Sri Manganti Gambar 4.48 Augmented reality marker bangunan Bangsal Marcukunda Gambar 4.49 Augmented reality marker bangunan Bangsal Marcukunda Gambar 4.50 Augmented reality marker bangunan Bangsal Smarakatha Gambar 4.51 Augmented reality marker bangunan Bangsal Smarakatha Gambar 4.52 Marker bangunan Panggung Sangga Buwana Gambar 4.53 Marker bangunan Panggung Sangga Buwana Gambar 4.54 Augmented reality marker bangunan Bangsal Maligi Gambar 4.55 Augmented reality marker bangunan Bangsal Maligi Gambar 4.56 Augmented reality marker bangunan Sasana Sewaka Gambar 4.57 Augmented reality marker bangunan Sasana Sewaka Gambar 4.58 Augmented reality marker bangunan Siti Hinggil Kidul Gambar 4.59 Augmented reality marker bangunan Siti Hinggil Kidul Gambar 4.60 Halaman Info Keraton Surakarta tanpa augmented reality Gambar 4.61 Informasi bangunan Keraton Surakarta Gambar 4.62 Informasi bangunan Sasana Sumewa Gambar 4.63 Informasi bangunan Siti Hinggil Lor Gambar 4.64 Informasi bangunan Kori Sri Manganti Gambar 4.65 Informasi bangunan Bangsal Smarakatha Gambar 4.66 Informasi bangunan Bangsal Marcukunda Gambar 4.67 Informasi bangunan Siti Hinggil Kidul Gambar 4.68 Informasi bangunan Bangsal Maligi Gambar 4.69 Informasi bangunan Sasana Sewaka Gambar 4.70 Informasi bangunan Sasana Sewaka Gambar 4.71 Augmented reality markerles Keraton Surakarta Gambar 4.72 Augmented reality markerles Keraton Surakarta Gambar 4.73 Augmented reality markerles Bangsal Marcukunda Gambar 4.74 Augmented reality markerles Bangsal Marcukunda Gambar 4.75 Augmented reality markerles Bangsal Smarakatha Gambar 4.76 Augmented reality markerles Bangsal Smarakatha Gambar 4.77 Augmented reality markerles Kori Sri Manganti xiii

14 Gambar 4.78 Augmented reality markerles Kori Sri Manganti Gambar 4.79 Markerles Panggung Sangga Buwana Gambar 4.80 Markerles Panggung Sangga Buwana Gambar 4.81 Grafik Hasil Kuisioner Aspek Ide Gambar 4.82 Aspek komunikatif visual dan kinerja aplikasi xiv

15 DAFTAR TABEL Tabel 3.1 Marker dan Nama Bangunan Tabel 4.1 Daftar Komponen Yang digunakan dalam Pembuatan Aplikasi Tabel 4.2 Pengujian Fungsional Aplikasi Tabel 4.3 Pengujian Pada Device xv

16 DAFTAR ISTILAH CPU PDA PC GPU RAM SDK API JDK VGA UNS : Central Processing Units : Personal Digital Assistant : Personal Computer : Graphics Processing Units : Random Access Memory : Software Development Kit : Application Programming Interface : Java Development Kit : Video Graphics Array : Universitas Sebelas Maret xvi