IMPLEMENTASI AUGMENTED REALITY PADA COVER DVD
UNTUK MENAMPILKAN TRAILER FILM MELALUI
SMARTPHONE BERBASIS ANDROID
SKRIPSI
ADITYA PUTRA
111401018
PROGRAM STUDI S1 ILMU KOMPUTER
FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
UNIVERSITAS SUMATERA UTARA
PERSETUJUAN
Judul : IMPLEMENTASI AUGMENTED REALITY PADA
COVER DVD UNTUK MENAMPILKAN TRAILER FILM MELALUI SMARTPHONE BERBASIS ANDROID
Kategori : SKRIPSI
Nama : ADITYA PUTRA
Nomor Induk Mahasiswa : 111401018
Program Studi : S1 ILMU KOMPUTER
Fakultas : ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
UNIVERSITAS SUMATERA UTARA Komisi Pembimbing :
Pembimbing II Pembimbing I
Ade Candra, ST, M.Kom Prof. Dr. Iryanto, M.Si
NIP. 19790904 200912 1 002 NIP. 19460404 197107 1 001
Diketahui/disetujui oleh
Program Studi S1 Ilmu Komputer Ketua,
PERNYATAAN
IMPLEMENTASI AUGMENTED REALITY PADA COVER DVD
UNTUK MENAMPILKAN TRAILER FILM MELALUI
SMARTPHONE BERBASIS ANDROID
SKRIPSI
Saya menyatakan bahwa skripsi ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2016
UCAPAN TERIMA KASIH
Segala puji dan syukur penulis ucapkan kehadirat Allah SWT yang telah memberikan rahmat dan hidayah-Nya kepada penulis sehingga dapat menyelesaikan skripsi ini tepat waktu sesuai dengan instruksi dan peraturan yang berlaku di Fakultas Ilmu Komputer dan Teknologi Informasi serta shalawat dan salam penulis hadiahkan kepada Nabi Besar Muhammad SAW.
Dalam penyusunan dan penulisan skripsi ini, penulis banyak mendapat bantuan, dukungan, dan bimbingan dari berbagai pihak. Pada kesempatan ini penulis ingin mengucapkan rasa terima kasih dan penghargaan kepada:
1. Bapak Prof. Dr. Runtung Sitepu, SH, M.Hum selaku Rektor Universitas Sumatera Utara. Candra, ST, M.Kom selaku Dosen Pembimbing II, yang telah meluangkan waktu, tenaga, dan pikiran dalam membimbing, mengarahkan, memotivasi, menasehati, serta memberi semangat kepada penulis supaya dapat menyelesaikan skripsi ini. 6. Bapak Dr. Poltak Sihombing, M.Kom selaku Dosen Pembanding I dan Bapak
Drs. James Piter Marbun, M.Kom selaku Dosen Pembanding II yang telah memberikan kritik dan saran terhadap skripsi penulis.
7. Seluruh staf pengajar dan pegawai Fakultas Ilmu Komputer dan Teknologi Informasi.
9. yang tidak henti-hentinya memberikan doa, motivasi, serta masukan yang menjadikan semangat untuk penulis.
10. Partner yang penulis kasihi Adiba Nazila Parinduri yang selalu memberikan doa dan dukungan dalam menyelesaikan skripsi ini.
11. Sahabat dan rekan Abangnda Faisal Hamid, Joshua Christy, S.Kom, Abidah Novita, S.Kom, Farid Akbar Siregar, S.Kom, Steven Sinaga, S.Kom, M. Isnaini Zuhri Ilyas, Sandy Ramadhan Turnip, Roni Anggara, Ahda Andi Kurnia, Henry Yakobus, Jonathan Simamora, S.Kom, dan Agung Putu Yoga, S.Kom yang telah banyak membantu dan memberikan dukungan dalam menyelesaikan skripsi ini. 12. Teman-teman komunitas Excited Cloth Store, Mabes Family, Kalajengking
Hitam, dan Gapok Crew yang telah banyak memberi dukungan dalam menyelesaikan skripsi ini.
Penulis menyadari bahwa skripsi ini masih memiliki banyak kekurangan, baik dari segi teknik, tata penyajian ataupun dari segi tata bahasa. Oleh karena itu penulis bersedia menerima kritik dan saran dari pembaca dalam upaya perbaikan skripsi ini.
Semoga skripsi ini dapat bermanfaat bagi penulis dan pembaca, khususnya rekan-rekan mahasiswa lainnya yang mengikuti perkuliahan di Universitas Sumatera Utara.
Medan, Juni Penulis
ABSTRAK
Sering kali seorang pembeli DVD Film merasa tidak tahu bagaimana gambaran dari film yang ingin dibeli, terkhusus pada film keluaran terbaru sebelum melihat trailer dari film tersebut. Namun, ada kalanya saat ingin membeli sebuah DVD film, pembeli menemukan sebuah DVD film dengan cover yang menarik, tapi pembeli belum pernah melihat trailer dari film tersebut sebelumnya sehingga pembeli menjadi ragu, apakah film tersebut memang sama menariknya seperti yang dapat dilihat pada bagian covernya. Pegimplementasian Augmented Reality (AR) untuk melihat video trailer melalui smartphone berbasis Android akan mempermudah pembeli menentukan film yang bagus. Cover akan diberi feature berupa titik-titik menggunakan Vuforia SDK yang kemudian akan dibaca oleh Unity 3D, cover yang terdeteksi akan dicocokan
dengan video trailer untuk ditampilkan pada layar smartphone berbasis Android sehingga pembeli hanya perlu melakukan scanning kepada cover DVD sebagai
marker menggunakan kamera smartphone dan melihat trailer film yang ingin dibeli
pada layar smartphone.
IMPLEMENTATION OF AUGMENTED REALITY ON THE DVD COVER TO DISPLAY MOVIE TRAILER FROM THE ANDROID BASED
SMARTPHONE
ABSTRACT
Buyers are so often feel don't know how the preview of the movie that they want to
buy, especially for the latest release movie before seeing the trailer of the film.
However, somtimes when buyers want to buy a DVD movie, buyers find a DVD
movie with an attractive cover, but buyers have not seen the trailer of the film before,
so that the buyer be in doubt, Is the movie as interesting as can be seen on the cover or
not. Implementation of Augmented Reality (AR) to see the trailer from the Android
based smartphone would help the buyers to choose a good film to buy. Cover will be
featured with points using Vuforia SDK and then read by Unity 3D, detected cover
will be pair with the video trailer to show on the Android based smartphone. So
buyers only have to do a scanning with the cover as a marker using the smartphone
camera and see the trailer video on the smartphone screen.
DAFTAR ISI
Persetujuan i
Pernyataan ii
Ucapan Terima Kasih iii
Abstrak v
1.5Manfaat Penelitian 3
1.6Metodologi Peneltian 4
1.7Sistemeatika penulisan 5
Bab 2 Landasan Teori
2.1 Augmented Reality 6
2.2 Objek Video Augmented Reality 9
2.3 Marker 11
2.9 Penelitian yang Relevan 19
Bab 3 Analisis dan Perancangan Sistem
3.1 Analisis Sistem 21
3.1.1 Analisis Masalah 21
3.1.2 Analisis Kebutuhan Sistem 22
3.1.2.1 Persyaratan Fungsional 23
3.1.2.2 Persyaratan Non Fungsional 23
3.2 Pemodelan Visual Menggunakan Unified Modeling Language (UML) 23
3.2.1 Identifikasi Use Case Diagram 23
3.2.2 Identifikasi Activity Diagram 26
3.2.3 Identifikasi Sequence Diagram 27
3.3 Flowchart 28
3.4 Perancangan Antarmuka Aplikasi 30
3.4.1 Rancangan Halaman Main Menu 30
3.4.2 Rancangan PopUp pada Tombol About 31
3.4.3 Rancangan PopUp pada Tombol Language 32
3.4.5 Rancangan PopUp pada Tombol Synopsis 35 3.5 Perancangan Pembuatan Objek 3D pada Blender 35 3.4 Perancangan Pembuatan Marker untuk Sistem 37
Bab 4 Implementasi dan Hasil
4.1 Implementasi 39
4.1.1 Implementasi Program 39
4.1.1.1 Program untuk Splash Screen 40
4.1.1.2 Program untuk Button Synopsis, Play, Pause, dan Stop 40
4.1.1.3 Program untuk Zoom 43
4.2 Tampilan Aplikasi 44
4.2.1 Penginstalan Aplikasi 44
4.2.2 Halaman Splash Screen 44
4.2.3 Halaman Main Menu 45
4.2.4 Halaman Augmented Reality 47
4.2.5 Marker Augmented Clips 49
4.3 Pengujian Aplikasi 50
4.3.1 Pengujian Black Box 50
4.3.1.1 Proses Tekan Tombol pada Halaman Landing Page 51
4.3.1.2 Proses Tekan Tombol About 51
4.3.1.3 Proses Tekan Tombol Language 52
4.3.1.4 Proses Tekan Tombol Pada Halaman
Augmented Reality 52
4.3.1.5 Proses Tekan Tombol Synopsis 53
4.4 Pengujian Objek 53
4.4.1 Pengujian Pendeteksian Objek 53
4.4.2 Pengujian Zoom 54
4.5 Pengujian Marker 55
Bab 5 Kesimpulan dan Saran
5.1 Kesimpulan 57
5.2 Saran 57
DAFTAR TABEL
Hal
Tabel 1. Hasil Penelitian Augmented Reality berbasis Android menggunakan 19 Unity 3D dan Vuforia SDK
Tabel 2. Spesifikasi Use Case Analisis Sistem 25
Tabel 3. Keterangan Bagian-Bagian Rancangan Landing Page 31 Tabel 4. Keterangan Bagian-Bagian Rancangan PopUp About 32 Tabel 5. Keterangan Bagian-Bagian Rancangan PopUp Tombol Language 32 Tabel 6. Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality 34 Tabel 7. Keterangan Bagian-Bagian Rancangan PopUp Tombol Synopsis 35 Tabel 8. Keterangan Beberapa fitur dari Blender yang sering digunakan dalam 36
pembuatan objek 3D
Tabel 9. Hasil Pengujian Tekan Tombol pada Halaman Main Menu 51
Tabel 10. Hasil Pengujian Tekan Tombol About 51
Tabel 11. Hasil Pengujian Tekan Tombol Language 52
Tabel 12. Hasil Pengujian Tekan Tombol pada Halaman Augmented Reality 52
DAFTAR GAMBAR
Hal
Gambar 2.1 Reality Virtuality Continum 7
Gambar 2.2 Augmented reality 7
Gambar 2.3 Alur kerjaa aplikasi Augmented Reality (AR) 9 Gambar 2.4 Penerapan Konten Video Dalam Augmented Reality 10
Gambar 2.5 Quick Response (QR) Code 11
Gambar 2.6 Fiducial Marker 12
Gambar 2.7 Markerless Marker 12
Gambar 2.8 Diagram rendering Unity 3D 14
Gambar 2.9 Block Diagram Pelacakan QCAR 16
Gambar 3.1 Diagram Ishikawa Untuk Analisis Masalah 22
Gambar 3.2 Use Case Diagram Analisis System 24
Gambar 3.3 Activity Diagram Sistem 26
Gambar 3.4 Sequence Diagram Sistem 27
Gambar 3.5 Flowchart Sistem 28
Gambar 3.6 Flowchart Sistem Halaman AR 29
Gambar 3.7 Rancangan Halaman Main Menu 30
Gambar 3.8 Rancangan PopUp About 31
Gambar 3.9 Rancangan PopUp Tombol Language 32
Gambar 3.10 Rancangan Halaman Augmented Reality 33
Gambar 3.11 Rancangan PopUp Tombol Synopsis 35
Gambar 3.12 Aplikasi pengolahan objek 3D Blender 37
Gambar 3.13 Pembuatan objek TV LCD pada aplikasi Blender 37 Gambar 3.14 (a) marker asli, (b) marker yang telah diberi fitur oleh Vuforia 38
Gambar 4.1 Mono Develop 39
Gambar 4.2 Penginstalan aplikasi "Augmented Clips" 44
Gambar 4.3 Halaman Splash Screen 45
Gambar 4.4 Halaman Main Menu 46
Gambar 4.5 PopUp pada tombol About 46
Gambar 4.6 Halaman Augmented Reality 47
Gambar 4.7 Objek Trailer Film Augmented Reality Yang Terdeteksi 48 di Atas Marker
Gambar 4.8 Objek Trailer Film Augmented Reality Yang Sedang 48 Diputar
Gambar 4.9 PopUp Synopsis 49
Gambar 4.10 Marker Dari Aplikasi Augmented Clips 50
Gambar 4.11 (a) Pengujian Objek Sebelum Terdeteksi 53
(b) Pengujian Objek Setelah Terdeteksi
Gambar 4.12 (a) Pengujian Objek Dalam Ukuran Normal 54 (b) Pengujian Objek Setelah di-Zoom
Gambar 4.13 (a) Pengujian Marker Dengan Pencahayaan dan Fokus Yang Tepat 55 (b) Pengujian Marker Dengan Pencahayaan dan Fokus Yang
DAFTAR LAMPIRAN
Listing Program A-1