Disusun Oleh : TITO BAGAS HARJENDRO M

Transkripsi

1 TUGAS AKHIR PEMANFAATAN AUGMENTED REALITY TECHNOLOGY SEBAGAI MEDIA INFORMASI UNTUK MEMPERKENALKAN UNIVERSITAS SEBELAS MARET SURAKARTA Disusun Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program D3 Teknik Informatika Disusun Oleh : TITO BAGAS HARJENDRO M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2014 i

2 TUGAS AKHIR PEMANFAATAN AUGMENTED REALITY TECHNOLOGY SEBAGAI MEDIA INFORMASI UNTUK MEMPERKENALKAN UNIVERSITAS SEBELAS MARET SURAKARTA Disusun Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya Program D3 Teknik Informatika Disusun Oleh : TITO BAGAS HARJENDRO M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2014 ii

3 iii

4 iv

5 ABSTRAK TITO BAGAS HARJENDRO, PEMANFAATAN AUGMENTED REALITY TECHNOLOGY SEBAGAI MEDIA INFORMASI UNTUK MEMPERKENALKAN UNIVERSITAS SEBELAS MARET SURAKARTA. Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. UNS memiliki kampus dengan suasana kondusif, teduh, rimbun pepohonan, asri, dan nyaman untuk mendukung kesuksesan pembelajaran para mahasiswanya serta didukung fasilitas penunjang bagi mahasiswa untuk mengasah kemampuan di luar kegiatan akademik. Aplikasi multimedia yang merupakan penggabungan dari komponen teks, suara, gambar dan video akan membuat pengguna menjadi lebih mudah untuk memahami serta membuat penyampaian informasi lebih interaktif. Tujuan dari proyek tugas akhir ini untuk memberi informasi berbasis multimedia tentang Universitas Sebelas Maret Surakarta. Aplikasi ini dirancang dan dikembangkan menggunakan metode 4-cycle meliputi tahapan analisis untuk menjawab rumusan masalah dan mengumpulkan data, perancangan aplikasi untuk merancang skenario dan story board, pembuatan aplikasi untuk membuat desain hingga sistem aplikasi dan tahapan pengujian untuk uji coba aplikasi yang sudah dibuat. Pada tahap pembuatan menggunakan beberapa software pendukung seperti Adobe Photoshop untuk merancang material objek, 3D Studio Max 2010 untuk merancang objek 3D, Autodesk Maya dan DFusion Studio digunakan untuk exporter objek 3D menjadi AR. Penelitian ini menghasilkan aplikasi multimedia yang dapat memberikan informasi Universitas Sebelas Maret Surakarta meliputi gambar gambar gedung-gedung unit kerja UNS serta penjelasan dari unit kerja tersebut yang ditampilkan dalam bentuk video, animasi dan teks. Kata kunci : Augmented Reality Technology,Universitas Sebelas Maret, DFusion v

6 ABSTRACT THE USAGE OF AUGMENTED REALITY TECHNOLOGY AS INFORMATION MEDIA TO INTRODUCE SEBELAS MARET UNIVERSITY. Diploma III Program of Information Technology Faculty of Math and Natural Science. UNS has a coz shady, fresh, lush and comfortable environment for provid academic activities. The multimedia application,which is the combination among some components such as text, sound, pictures, and videos, will help user to understand information about Sebelas Maret University. This aplication is designed and developed by using 4-cycle method, including analysis to answer the problem statement and collecting data, application design to design scenario and storyboard, developing application to make the design until the application system and testing for the trial and error of the application. The application development used some supporting softwares such as Adobe Photoshop to design object material with the stamp technique, 3D Studio Max 2010 to design 3 dimension, Autodesk Maya and Dfusion Studio 2011 used as 3 dimension object into AR exporter. This research produce multimedia application which give information about Sebelas Maret University including the pictures of the work unit buildings and the description of that work unit which will show in video, animation and text. Keywords : Augmented Reality Technology, Sebelas Maret University, Dfusion. vi

7 HALAMAN MOTTO Tangan yang lamban membuat miskin, tetapi tangan orang rajin menjadikan kaya. Cobaan boleh datang silih berganti untuk mengganggu, tapi tugas akhir tetap harus selesai tepat waktu. Semua hal itu sulit sebelum akhirnya jadi mudah. (Thomas Fuller) -citamu setinggi langit. Seribu orang tua hanya dapat (Bung Karno) vii

8 HALAMAN PERSEMBAHAN Sebuah karya tulisan ini kupersembahkan untuk : 1. Allah SWT, semua rahmad dan nikmat yang telah diberikan 2. Dosen dan Staf Pengajar Program D3 Teknik Informatika UNS khususnya pembimbing, terimaksih selalu mendukung, membimbing dan memberikan ilmu yang berguna 3. Teman-teman D3 Teknik Informatika UNS, khususnya kelas Teknik Informatika C (TI-C) 2011 viii

9 KATA PENGANTAR Teman-teman seperjuangan D3 Teknik Informatika C angkatan Dan semua pihak yang telah membantu penulis menyelesaikan laporan Tugas Akhir ini yang tidak bisa penulis sebutkan satu persatu. Surakarta, Juni 2014 TITO BAGAS HARJENDRO ix

10 DAFTAR ISI HALAMAN JUDUL ii HALAMAN PERSETUJUAN iii HALAMAN PENGESAHAN iv ABSTRAK v ABSTRACT vi HALAMAN MOTTO vii HALAMAN PERSEMBAHAN viii KATA PENGANTAR ix DAFTAR ISI xi DAFTAR GAMBAR xiv DAFTAR TABEL xviii BAB I : PENDAHULUAN Latar Belakang Perumusan Masalah Batasan Masalah Penelitian Tujuan Penelitian Manfaat Penelitian Metodologi Penelitian Sistematika Penulisan 4 BAB II : LANDASAN TEORI Universitas Sebelas Maret Selintas Tentang Universitas Sebelas Maret Sejarah Universitas Sebelas Maret Unit Kerja Universitas Sebelas Maret AUGMENTED REALITY Definisi Augmented Reality Marker 11 xi

11 2.3 MULTIMEDIA Definisi Multimedia Objek Multimedia ADOBE PHOTOSHOP CS CORELDRAW X D STUDIO MAX AUTODESK MAYA DFUSION EXPORTER DFUSION STUDIO Dfusion Studio Computer Vision Dfusion Studio AR PENGUJIAN BLACK BOX KUISIONER 16 BAB III : PERANCANGAN SISTEM DAN ANALISA KEBUTUHAN Project Overview Executive Summary Detail Concept Core Interactive Play Target Audience Interactive Overview Overview Interactive Story Storyboard Overview Menu Screen Tutorial / Intruction Screen Analisa Kebutuhan Analisa Kebutuhan Hardware Analisa Kebutuhan Software Standart Percetakan Marker 31 xii

12 BAB IV : IMPLEMENTASI DAN ANALISA APLIKASI Detail Aplikasi Pembuatan Aplikasi Pembuatan Material Pembuatan Objek 3D Melakukan Export Objek Pembuatan Marker dan Pointing Detection Penataan Objek Pembuatan Buku Marker Pembuatan Script Aplikasi Hasil Uji Coba Aplikasi Kuisioner Evaluasi Aplikasi Kelebihan Aplikasi Kekurangan Aplikasi 89 BAB V : PENUTUP Kesimpulan Saran 90 DAFTAR PUSTAKA xix xiii

13 DAFTAR GAMBAR Halaman 1. Gambar 1.1 Gambar Alur Pengembangan Aplikasi 3 2. Gambar 2.1 Gambar UNS pada Tahun Gambar 2.2 Gambar Overview Fakultas UNS 9 4. Gambar 2.3 Gambar Overview UPT dan Lembaga UNS Gambar 2.4 Gambar Contoh Aplikasi AR Gambar 2.5 Gambar Tampilan 3D Studio Max Gambar 2.6 Gambar Tampilan DFusion Studio AR Gambar 3.1 Gambar Alur Pengembangan Aplikasi Gambar 3.2 Gambar Konsep Penggunaan Aplikasi AR Gambar 3.3 Gambar Tampilan Sketsa Rancangan Pembuka Gambar 3.4 Gambar Tampilan Sketsa Rancangan Isi Gambar 3.5 Gambar Sketsa Tampilan Pembuka Gambar 3.6 Gambar Desain Marker Halaman Cover Gambar 3.7 Gambar Tombol Untuk Memutar Objek 3D Gambar 3.8 Gambar Desain Marker Halaman Gambar 3.9 Gambar Desain Marker Halaman Gambar 3.10 Gambar Desain Marker Halaman Gambar 3.11 Gambar Desain Marker Halaman Gambar 3.12 Gambar Desain Marker Halaman Belakang Gambar 3.13 Gambar Intruction Screen pada Aplikasi AR Gambar 3.14 Gambar Sketsa perencanaan penggunaan Hardware Gambar 4.1 Gambar Material Buatan pada Gedung Rektorat Gambar 4.2 Gambar Unwrap UVW Gedung Rektorat Gambar 4.3 Gambar Pembuatan Material Tahap Awal Gambar 4.4 Gambar Pembuatan Material Tahap Akhir Gambar 4.5 Gambar Model 3D Gedung Rektorat Gambar 4.6 Modeling Gedung Rektorat 35 xiv

14 28. Gambar 4.7 Gambar Material Gedung Rektorat Gambar 4.8 Gambar Safe Frame Pada Objek Gambar 4.9 Gambar Render pada Objek Gambar 4.10 Gambar Box Properties Gambar 4.11 Gambar Save Objek Gambar 4.12 Gambar Modeling Gedung Pascasarjana Gambar 4.13 Gambar Model Gedung Pascasarjana Gambar 4.14 Gambar Modeling Gedung FISIP Gambar 4.15 Gambar Model Gedung FISIP Gambar 4.16 Gambar Modeling Gedung FSSR Gambar 4.17 Gambar Model Gedung FSSR Gambar 4.18 Gambar Modeling Gedung FKIP Gambar 4.19 Gambar Model Gedung FKIP Gambar 4.20 Gambar Modeling Gedung FMIPA Gambar 4.21 Gambar Model Gedung FMIPA Gambar 4.22 Gambar Modeling Gedung FH Gambar 4.23 Gambar Model Gedung FH Gambar 4.24 Gambar Modeling Gedung FT Gambar 4.25 Gambar Model Gedung FT Gambar 4.26 Gambar Modeling Gedung FK Gambar 4.27 Gambar Model Gedung FK Gambar 4.28 Gambar Modeling Gedung FP Gambar 4.29 Gambar Model Gedung FP Gambar 4.30 Gambar Modeling Gedung FEB Gambar 4.31 Gambar Model Gedung FEB Gambar 4.32 Gambar Modeling Gedung UPT. Perpustakaan Gambar 4.33 Gambar Model Gedung UPT. Perpustakaan Gambar 4.34 Gambar Modeling Gedung UPT. UNS Press Gambar 4.35 Gambar Model Gedung UPT. UNS Press Gambar 4.36 Gambar Modeling Gedung UPT. Puskom Gambar 4.37 Gambar Model Gedung UPT. Puskom 50 xv

15 59. Gambar 4.38 Gambar Modeling Gedung Lab. MIPA Pusat Gambar 4.39 Gambar Model Gedung Lab. MIPA Pusat Gambar 4.40 Gambar Modeling Gedung Medical Center Gambar 4.41 Gambar Model Gedung Medical Center Gambar 4.42 Gambar Modeling Gedung LPP / LPPM Gambar 4.43 Gambar Model Gedung LPP / LPPM Gambar 4.44 Gambar Contoh Export Objek Gambar 4.45 Gambar Hasil Export Objek Gambar 4.46 Gambar Langkah Capture Marker Gambar 4.47 Gambar Langkah Pointing Detection Gambar 4.48 Gambar Hasil capture dan pointing jika berhasil Gambar 4.49 Gambar Membuat Objek dengan Rectangle Tool Gambar 4.50 Gambar penerapan effect Powerclip Gambar 4.51 Gambar membuat objek dengan Rectangel tool Gambar 4.52 Gambar membuat text dengen Text Tool Gambar 4.53 Gambar Langkah import objek 3D Gambar 4.54 Gambar Hasil Desain Buku Marker halaman depan Gambar 4.55 Gambar Hasil Desain Buku Marker halaman Gambar 4.56 Gambar Hasil Desain Buku Marker halaman Gambar 4.57 Gambar Hasil Desain Buku Marker halaman Gambar 4.58 Gambar Hasil Desain Buku Marker halaman Gambar 4.59 Gambar Hasil Desain Buku Marker halaman Gambar 4.60 Gambar Hasil Desain Buku Marker belakang Gambar 4.61 Gambar Contoh Script pada project.dbd Gambar 4.62 Gambar Contoh Script pada Global.lua Gambar 4.63 Gambar Contoh Script pada Scenario.lua Gambar 4.64 Gambar Contoh Script pada overlay.overlay Gambar 4.65 Gambar Contoh Script pada overlay.material Gambar 4.66 Gambar Hasil AR Halaman Depan Gambar 4.67 Gambar Hasil AR Halaman 1 74 xvi

16 89. Gambar 4.68 Gambar Hasil AR Halaman Gambar 4.69 Gambar Hasil AR Halaman Gambar 4.70 Gambar Hasil AR Halaman Gambar 4.71 Gambar Hasil AR Halaman Gambar 4.72 Gambar Hasil AR Halaman Gambar 4.73 Gambar Hasil AR Halaman Gambar 4.74 Gambar Hasil AR Halaman Gambar 4.75 Gambar Hasil AR Halaman Gambar 4.76 Gambar Hasil AR Halaman Gambar 4.77 Gambar Hasil AR Halaman Gambar 4.78 Gambar Hasil AR Halaman Gambar 4.79 Gambar Hasil AR Halaman Gambar 4.80 Gambar Hasil AR Halaman Gambar 4.81 Gambar Hasil AR Halaman Gambar 4.82 Gambar Hasil AR Halaman Gambar 4.83 Gambar Hasil AR Halaman Gambar 4.84 Gambar Hasil AR Halaman Gambar 4.85 Gambar Hasil AR Halaman Petunjuk Aplikasi 80 xvii

17 DAFTAR TABEL Halaman 1. Tabel 3.1 Tabel Fungsi Menu Screen Tabel 4.1 Tabel Hasil Uji Coba Aplikasi dengan metode 81 Black Box 3. Tabel 4.2 Tabel Rekapitulasi Kuisioner 88 xviii