Diajukan oleh. Armada Dwika Panji Kusuma M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MIPA UNIVERSITAS SEBELAS MARET SURAKARTA 2015

Transkripsi

1 PEMANFAATAN DESAIN KAOS, AUGMENTED REALITY DAN VIRTUAL REALITY SEBAGAI SARANA PROMOSI, INFORMASI DAN HIBURAN BERBASIS ANDROID TugasAkhir untuk memenuhi sebagian persyaratan mencapai derajat Diploma III Program Studi Diploma III Teknik Informatika Diajukan oleh Armada Dwika Panji Kusuma M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MIPA UNIVERSITAS SEBELAS MARET SURAKARTA 2015

2 HALAMAN PERSETUJUAN PEMANFAATAN DESAIN KAOS, AUGMENTED REALITY DAN VIRTUAL REALITY SEBAGAI SARANA PROMOSI, INFORMASI DAN HIBURAN BERBASIS ANDROID Disusun Oleh: ARMADA DWIKA PANJI KUSUMA NIM. M Tugas Akhir ini telah disetujui untuk dipertahankan 18 juni 2015 di hadapan dewan penguji pada tanggal 2 Juli 2015 Pembimbing Utama Firma Sahrul Bahtiar, S.Kom., M.Eng. NIDN: ii

3 HALAMAN PENGESAHAN PEMANFAATAN DESAIN KAOS, AUGMENTED REALITY DAN VIRTUAL REALITY SEBAGAI SARANA PROMOSI, INFORMASI DAN HIBURAN BERBASIS ANDROID Disusun Oleh: ARMADA DWIKA PANJI KUSUMA NIM. M Pembimbing Utama Firma Sahrul Bahtiar, S.Kom., M.Eng. NIDN: Tugas akhir ini telah diterima dan disahkan oleh dewan penguji tugas akhir Program Diploma III Teknik Informatika pada hari 2 juli 2015 Dewan Penguji: 1. Penguji 1 Firma Sahrul Bahtiar, S.Kom., M.Eng. NIDN: ( ) 2. Penguji 2 Eko Harry Pratisto, S.T.,M.Info.Tech NIDN: ( ) 3. Penguji 3 Fendi Aji Purnomo, S.Si NUPN: ( ) Disahkan Oleh: Dekan Fakultas MIPA UNS Ketua Program Studi Diploma III Teknik Informatika Prof. Ir. Ari Handono Ramelan, M.Sc(Hons)., Ph.D. NIP Abdul Aziz, S.Kom., M.cs. NIP iii

4 ABSTRACT ARMADA DWIKA PANJI KUSUMA UTILIZATION OF SHIRT DESIGN, AUGMENTED REALITY AND VIRTUAL REALITY AS A MEANS OF PROMOTION, INFORMATION AND ENTERTAINMENT, BASED ON ANDROID. Diploma III of Informatics Faculty of Mathematics and Natural Sciences of Sebelas Maret University, Surakarta.. Augmented reality is one of the technologies of multimedia information in its application can be utilized in various sections. One of the development of these section is in the world business, as a means of marketing that more interactive, innovative and communicative. The purpose of this research is to create an applications that can make the merchandise design on the shirt more interesting, interactive, and informative with android-based Augmented reality technology. Creating these applications using the software: Unity3D, Vuforia plugin to make augmented reality, Autodesk 3ds Max 2011 for the manufacture of 3D objects, Adobe Photoshop CS6, CorelDRAW X6 to create design layouts and marker. The concept of this application is to show the UNS 3-dimensional objects from a design merchandise t-shirt, if the marker is detected by camera android smartphone then the object will display on the screen. Then will appear the information and there are various interactive menus, which can be used to manage 3-dimensional objects that appear. Keyword: android, augmented reality, multimedia, shirt, virtual reality iv

5 ABSTRAK ARMADA DWIKA PANJI KUSUMA PEMANFAATAN DESAIN KAOS DAN AUGMENTED REALITY SEBAGAI SARANA PROMOSI, INFORMASI DAN HIBURAN BERBASIS ANDROID. Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Augmented reality (AR) merupakan salah satu teknologi informasi dibidang multimedia yang dalam penerapannya dapat dimanfaatkan dalam berbagai bidang. Salah satu pengembangan dari bidang tersebut terdapat pada dunia bisnis, sebagai sarana pemasaran yang lebih interaktif, inovatif dan komunikatif. Tujuan dari adanya penelitian ini adalah guna menciptakan aplikasi yang dapat menjadikan desain pada merchandise kaos lebih menarik, interaktif, dan informatif dengan teknologi Augmented reality berbasis android. Pembuatan aplikasi ini menggunakan software antara lain yaitu Unity3D, plugin Vuforia untuk membuat augmented reality, Autodesk 3ds Max 2011 untuk pembuatan objek 3D, Adobe Photoshop CS6, CorelDRAW X6 untuk membuat desain layout dan marker. Konsep dari aplikasi ini yaitu menampilkan objek 3 dimensi mengenai UNS dari sebuah desain merchandise kaos, jika penanda terdeteksi kamera smartphone android maka objek akan ditampilkan dilayar kamera. Kemudian akan muncul informasi dan terdapat berbagai menu interaktif, yang dapat di gunakan untuk mengelola objek 3 dimensi yang muncul tersebut. Kata kunci : android, augmented reality, kaos, multimedia, virtual reality v

6 HALAMAN MOTTO I Do What I Love, And I Love What I Do Armada Dwika Panji Kusuma Memang Baik Jadi Orang Penting, Tapi Lebih Penting Jadi Orang Baik Armada Dwika Panji Kusuma vi

7 HALAMAN PERSEMBAHAN Karya ini dipersembahkan kepada : 1. Allah SWT. 2. Nabi Muhhamad SAW. 3. Bapak, Ibu, Saudara, serta Keluarga Besar. 4. Sahabat sahabat seperjuangan TIA angkatan Sahabat- sahabat tercinta dan terkasih. vii

8 KATA PENGANTAR Assalamu alaikum Warahmatullahi Wabarakatuh. Bismillahirrahmanirrahim, segala puji dan rasa syukur penulis panjatkan kehariba an Allah subhanahu wa ta ala, 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 wa ta ala 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. Prof. Ir. Ari Handono Ramelan, M.Sc(Hons)., Ph.D., selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 2. Abdul Aziz, S.Kom., M.cs. selaku Ketua Program Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 3. Firma Sahrul Bahtiar, S.Kom., M.Eng. selaku dosen pembimbing yang penuh kesabaran dalam memberikan bimbingan serta masukan kepada penulis. 4. Drs. Y.S. Palgunadi, M.Sc., selaku mantan Ketua Program Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 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. Bapak, Ibu, serta keluarga besar atas doa, kasih sayang, perhatian dan segalanya yang telah menjadikan penulis selalu semangat dan termotivasi untuk melakukan yang terbaik. 7. Teman-teman DIII Teknik Informatika Kelas A 2012, terima kasih telah memberikan dukungan selama pembuatan tugas akhir dan berbagi ilmu bersama. 8. Seluruh rekan-rekan DIII Teknik Informatika UNS angkatan 2012, terima kasih atas segala dukungan kalian. 9. Seluruh pihak-pihak yang tidak dapat penulis cantumkan satu persatu, atas segala bimbingan, bantuan, kritik dan saran dalam penyusunan tugas akhir ini. Penulis menyadari bahwa dalam penulisan laporan ini masih jauh dari kata sempurna, oleh karena itu kritik dan saran, penulis harapkan dari berbagai pihak demi terciptanya kesempurnaan penulisan laporan ini dan penulis akan berusaha untuk lebih baik lagi ke depannya. Wassalamu alaikum Warahmatullahi Wabarakatuh. Surakarta, 18 Juni 2015 Penulis ix

10 DAFTAR ISI HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii ABSTRACT... iv ABSTRAK... v HALAMAN MOTTO... vi HALAMAN PERSEMBAHAN... vii KATA PENGANTAR... viii DAFTAR ISI... x DAFTAR GAMBAR... xiii DAFTAR TABEL... xv DAFTAR ISTILAH... xvi BAB I PENDAHULUAN Latar Belakang Perumusan Masalah Batasan Masalah Tujuan Pembuatan Sistematika Penulisan... 3 BAB II LANDASAN TEORI Augmented reality Marker Autodesk 3D Studio Max Unity 3D Bahasa Pemrogram C# Android SDK Android Qualcom Augmented reality (QCAR) SDK x

11 2.9 Adobe Photoshop Sony Vegas Pro Virtual reality... 8 BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM Konsep Dasar Pengembangan Multimedia Konsep Dasar Multimedia Proposal Target Pengguna Dukungan Platform, Teknologi dan Multiplayer Manajemen Proyek Pengembangan Multimedia Kebutuhan dan Peran / Tugas Tim Pengembang Multimedia Perencanaan Jadwal Kebutuhan Hardware dan Software Pengembangan Multimedia Hardware Untuk Pembuatan Software Untuk Pembuatan Kebutuhan Hardware dan Software Implementasi Multimedia Hardware Untuk Penggunaan Software Untuk Penggunaan Perancangan Multimedia Perancangan Interaktif (Interactive Design) Perancangan Antarmuka (Interface Design) Desain Rancangan Splash Screen Desain Rancangan Help Desain Rancangan Menu Utama Desain Rancangan Utama Aplikasi Desain Grafis (Graphic Design) Audio dan Video Perancangan Navigasi (Navigation Design) Konten Tekstual (Textual commit Content) to user xi

12 3.3.7 Flowcharts Storyboards BAB IV IMPLEMENTASI DAN ANALISA Produksi Pembuatan Antarmuka (Interface Design) Pembuatan Elemen Desain Grafis (Graphic Design) Pembuatan Audio dan Video Pembuatan Scene Augmented Reality Pembuatan Scene Virtual Reality Pembuatan Kelengkapan lain Pembuatan Marker Lain-Lain Authoring dan Pemrograman (Authoring and Programming) Label dan kemasan Implementasi Implementasi Interaktif (Interactive Design) Implementasi Antarmuka (Interface Design) Implementasi Elemen Grafis Implementasi Suara dan Video Implementasi Navigasi (Navigation Design) Pengujian BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN xii

13 DAFTAR GAMBAR Gambar 3.1 Perancangan Interaktif Gambar 3.2 Desain Rancangan Splash Screen Gambar 3.3 Desain Rancangan Help Gambar 3.4 Gambar Menu Utama Gambar 3.5 Desain Rancangan Utama Aplikasi Gambar 3.6 Button dan Texture Gambar 3.7 Desain Texture Objek 3D Gambar 3.8 Rancangan Objek 3D Gambar 3.9 Navigasi aplikasi ini Gambar 3.10 Flowchart Aplikasi Gambar 3.11 Story board Splash Screen Gambar 3.12 Story board Menu Utama Gambar 3.13 Story board Utama Aplikasi Gambar 3.14 Story board Virtual reality Gambar 4.1 Pembuatan Antarmuka Gambar 4.2 Pembuatan Texture Mahasiswa menggunakan Adobe Photoshop Gambar 4.3 Pembuatan Objek 3D Mahasiswa Menggunakan 3DS Max Gambar 4.4 Pembuatan Objek 3D Bangunan Menggunakan 3DS Max Gambar 4.5 Pembuatan Texture Dan Tombol Menggunakan CorelDraw Gambar 4.6 Pembuatan Audio Gambar 4.7 Import plugin vuforia pada unity Gambar 4.8 Pengaturan Object 3D Pada Unity Gambar 4.9 Import Plugin Virtual Reality Pada Unity Gambar 4.11 Pembuatan Marker Gambar 4.12 Pembuatan Marker Pada Web Vuforia Gambar 4.13 Proses Upload Marker commit... to user 30 xiii

14 Gambar 4.14 Hasil Marker Yang Telah Diunggah Gambar 4.15 Hasil Pengolahan Marker Pada Vuforia Gambar 4.16 Proses Download Menjadi Package Gambar 4.17 Script Menampilkan Objek Gambar 4.18 Script Menampilkan Tombol Gambar 4.19 Script Kontrol Karakter Gambar 4.20 Proses Build Aplikasi Gambar 4.21 Proses Memasukan Scene Yang Akan Dibuild Gambar 4.22 Proses Pengaturan Tampilan Serta Icon Aplikasi Gambar 4.23 Implementasi Interaktif Gambar 4.24 Implementasi Antarmuka Main Menu Gambar 4.25 Implementasi Antarmuka Help Gambar 4.26 Implementasi Objek 3D Mahasiswa Gambar 4.27 Implementasi Objek 3D Mobil Gambar 4.28 Implementasi Suara Dan Video Gambar 4.29 Implementasi Navigasi Menu Utama Menuju Scene AR Gambar 4.30 Implementasi Navigasi Menu Utama Menuju Scene Help Gambar 4.31 Implementasi Navigasi Scene AR Menuju Scene VR xiv

15 DAFTAR TABEL Tabel 3.1 Tabel Perencanaan Jadwal Tabel 3.2 Audio Dan Video Tabel 4.1 Pengujian Tabel 4.2 Pengujian Jarak Tabel 4.3 Pengujian Sudut Tabel 4.4 Pengujian Intensitas Cahaya Tabel 4.5 Pengujian Pada Device xv

16 DAFTAR ISTILAH CPU : Central Processing Unit PDA : Personal Digital Assistant PC : Personal Computer GPU : Graphics Processing Unit RAM : Random Acces Memory SDK : Software Development Kit API : Application Programing Interface JDK : Java Developmnet Kit VGA : Video Graphics Array VR : Virtual reality AR : Augmented reality xvi