Implementasi Augmented Reality Pada Cover Dvd Untuk Menampilkan Trailer Film Melalui Smartphone Berbasis Android
1
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
MEDAN
2016
i
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,
Dr. Poltak Sihombing, M.Kom
NIP. 19620217 199103 1 001
ii
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
ADITYA PUTRA
111401018
iii
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.
2.
Bapak Prof. Dr. Opim Salim Sitompul, M.Sc sebagai Dekan Fakultas Ilmu
Komputer dan Teknologi Informasi.
3.
Bapak Dr. Poltak Sihombing, M.Kom sebagai Ketua Program Studi S1 Ilmu
Komputer.
4.
Ibu Maya Silvi Lydia, B.Sc, M.Sc selaku Sekretaris Program Studi Ilmu
Komputer.
5.
Bapak Prof. Dr. Iryanto, M.Si selaku Dosen Pembimbing I dan Bapak Ade
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.
8.
Kedua orang tua penulis yang tercinta, ibunda Andriani Delisna, SH dan
ayahanda Sucipto, SH, MH serta Adik tersayang Adisya Ayu Putri yang selalu
memberikan motivasi dan doa untuk menyelesaikan skripsi ini.
iv
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 rekanrekan mahasiswa lainnya yang mengikuti perkuliahan di Universitas Sumatera Utara.
Medan, Juni
Penulis
Aditya Putra
v
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.
Kata kunci: Augmented Reality, Unity 3D, Vuforia SDK, Android, Film, DVD.
vi
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.
Keywords: Augmented Reality, Unity 3D, Vuforia SDK, Android, Film, DVD.
vii
DAFTAR ISI
Persetujuan
Pernyataan
Ucapan Terima Kasih
Abstrak
Abstract
Daftar Isi
Daftar Tabel
Daftar Gambar
Daftar Lampiran
i
ii
iii
v
vi
vii
ix
x
xi
Bab 1 Pendahuluan
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Tujuan Penelitian
1.5 Manfaat Penelitian
1.6 Metodologi Peneltian
1.7 Sistemeatika penulisan
1
2
2
3
3
4
5
Bab 2 Landasan Teori
2.1 Augmented Reality
2.2 Objek Video Augmented Reality
2.3 Marker
2.4 Unity 3D
2.5 QCAR Vuforia SDK
2.6 Blender 3D Maker
2.7 Android
2.8 Film
2.9 Penelitian yang Relevan
6
9
11
12
14
16
18
18
19
Bab 3 Analisis dan Perancangan Sistem
3.1 Analisis Sistem
3.1.1 Analisis Masalah
3.1.2 Analisis Kebutuhan Sistem
3.1.2.1 Persyaratan Fungsional
3.1.2.2 Persyaratan Non Fungsional
3.2 Pemodelan Visual Menggunakan Unified Modeling Language (UML)
3.2.1 Identifikasi Use Case Diagram
3.2.2 Identifikasi Activity Diagram
3.2.3 Identifikasi Sequence Diagram
3.3 Flowchart
3.4 Perancangan Antarmuka Aplikasi
3.4.1 Rancangan Halaman Main Menu
3.4.2 Rancangan PopUp pada Tombol About
3.4.3 Rancangan PopUp pada Tombol Language
3.4.4 Rancangan Halaman Augmented Reality
21
21
22
23
23
23
23
26
27
28
30
30
31
32
33
viii
3.4.5 Rancangan PopUp pada Tombol Synopsis
3.5 Perancangan Pembuatan Objek 3D pada Blender
3.4 Perancangan Pembuatan Marker untuk Sistem
Bab 4 Implementasi dan Hasil
4.1 Implementasi
4.1.1 Implementasi Program
4.1.1.1 Program untuk Splash Screen
4.1.1.2 Program untuk Button Synopsis, Play, Pause, dan Stop
4.1.1.3 Program untuk Zoom
4.2 Tampilan Aplikasi
4.2.1 Penginstalan Aplikasi
4.2.2 Halaman Splash Screen
4.2.3 Halaman Main Menu
4.2.4 Halaman Augmented Reality
4.2.5 Marker Augmented Clips
35
35
37
39
39
40
40
43
44
44
44
45
47
49
4.3 Pengujian Aplikasi
4.3.1 Pengujian Black Box
4.3.1.1 Proses Tekan Tombol pada Halaman Landing Page
4.3.1.2 Proses Tekan Tombol About
4.3.1.3 Proses Tekan Tombol Language
4.3.1.4 Proses Tekan Tombol Pada Halaman
Augmented Reality
4.3.1.5 Proses Tekan Tombol Synopsis
50
50
51
51
52
4.4 Pengujian Objek
4.4.1 Pengujian Pendeteksian Objek
4.4.2 Pengujian Zoom
53
53
54
4.5 Pengujian Marker
55
Bab 5 Kesimpulan dan Saran
5.1 Kesimpulan
5.2 Saran
57
57
Daftar Pustaka
58
52
53
ix
DAFTAR TABEL
Hal
Tabel 1. Hasil Penelitian Augmented Reality berbasis Android menggunakan
Unity 3D dan Vuforia SDK
Tabel 2. Spesifikasi Use Case Analisis Sistem
Tabel 3. Keterangan Bagian-Bagian Rancangan Landing Page
Tabel 4. Keterangan Bagian-Bagian Rancangan PopUp About
Tabel 5. Keterangan Bagian-Bagian Rancangan PopUp Tombol Language
Tabel 6. Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality
Tabel 7. Keterangan Bagian-Bagian Rancangan PopUp Tombol Synopsis
Tabel 8. Keterangan Beberapa fitur dari Blender yang sering digunakan dalam
pembuatan objek 3D
Tabel 9. Hasil Pengujian Tekan Tombol pada Halaman Main Menu
Tabel 10. Hasil Pengujian Tekan Tombol About
Tabel 11. Hasil Pengujian Tekan Tombol Language
Tabel 12. Hasil Pengujian Tekan Tombol pada Halaman Augmented Reality
Tabel 13. Hasil Pengujian Tekan Tombol Synopsis
19
25
31
32
32
34
35
36
51
51
52
52
53
x
DAFTAR GAMBAR
Hal
Gambar 2.1 Reality Virtuality Continum
Gambar 2.2 Augmented reality
Gambar 2.3 Alur kerjaa aplikasi Augmented Reality (AR)
Gambar 2.4 Penerapan Konten Video Dalam Augmented Reality
Gambar 2.5 Quick Response (QR) Code
Gambar 2.6 Fiducial Marker
Gambar 2.7 Markerless Marker
Gambar 2.8 Diagram rendering Unity 3D
Gambar 2.9 Block Diagram Pelacakan QCAR
Gambar 3.1 Diagram Ishikawa Untuk Analisis Masalah
Gambar 3.2 Use Case Diagram Analisis System
Gambar 3.3 Activity Diagram Sistem
Gambar 3.4 Sequence Diagram Sistem
Gambar 3.5 Flowchart Sistem
Gambar 3.6 Flowchart Sistem Halaman AR
Gambar 3.7 Rancangan Halaman Main Menu
Gambar 3.8 Rancangan PopUp About
Gambar 3.9 Rancangan PopUp Tombol Language
Gambar 3.10 Rancangan Halaman Augmented Reality
Gambar 3.11 Rancangan PopUp Tombol Synopsis
Gambar 3.12 Aplikasi pengolahan objek 3D Blender
Gambar 3.13 Pembuatan objek TV LCD pada aplikasi Blender
Gambar 3.14 (a) marker asli, (b) marker yang telah diberi fitur oleh Vuforia
Gambar 4.1 Mono Develop
Gambar 4.2 Penginstalan aplikasi "Augmented Clips"
Gambar 4.3 Halaman Splash Screen
Gambar 4.4 Halaman Main Menu
Gambar 4.5 PopUp pada tombol About
Gambar 4.6 Halaman Augmented Reality
Gambar 4.7 Objek Trailer Film Augmented Reality Yang Terdeteksi
di Atas Marker
Gambar 4.8 Objek Trailer Film Augmented Reality Yang Sedang
Diputar
Gambar 4.9 PopUp Synopsis
Gambar 4.10 Marker Dari Aplikasi Augmented Clips
Gambar 4.11 (a) Pengujian Objek Sebelum Terdeteksi
(b) Pengujian Objek Setelah Terdeteksi
Gambar 4.12 (a) Pengujian Objek Dalam Ukuran Normal
(b) Pengujian Objek Setelah di-Zoom
Gambar 4.13 (a) Pengujian Marker Dengan Pencahayaan dan Fokus Yang Tepat
(b) Pengujian Marker Dengan Pencahayaan dan Fokus Yang
Kurang
7
7
9
10
11
12
12
14
16
22
24
26
27
28
29
30
31
32
33
35
37
37
38
39
44
45
46
46
47
48
48
49
50
53
54
55
xi
DAFTAR LAMPIRAN
Listing Program
Curicuum Vitae
A-1
B-1
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
MEDAN
2016
i
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,
Dr. Poltak Sihombing, M.Kom
NIP. 19620217 199103 1 001
ii
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
ADITYA PUTRA
111401018
iii
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.
2.
Bapak Prof. Dr. Opim Salim Sitompul, M.Sc sebagai Dekan Fakultas Ilmu
Komputer dan Teknologi Informasi.
3.
Bapak Dr. Poltak Sihombing, M.Kom sebagai Ketua Program Studi S1 Ilmu
Komputer.
4.
Ibu Maya Silvi Lydia, B.Sc, M.Sc selaku Sekretaris Program Studi Ilmu
Komputer.
5.
Bapak Prof. Dr. Iryanto, M.Si selaku Dosen Pembimbing I dan Bapak Ade
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.
8.
Kedua orang tua penulis yang tercinta, ibunda Andriani Delisna, SH dan
ayahanda Sucipto, SH, MH serta Adik tersayang Adisya Ayu Putri yang selalu
memberikan motivasi dan doa untuk menyelesaikan skripsi ini.
iv
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 rekanrekan mahasiswa lainnya yang mengikuti perkuliahan di Universitas Sumatera Utara.
Medan, Juni
Penulis
Aditya Putra
v
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.
Kata kunci: Augmented Reality, Unity 3D, Vuforia SDK, Android, Film, DVD.
vi
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.
Keywords: Augmented Reality, Unity 3D, Vuforia SDK, Android, Film, DVD.
vii
DAFTAR ISI
Persetujuan
Pernyataan
Ucapan Terima Kasih
Abstrak
Abstract
Daftar Isi
Daftar Tabel
Daftar Gambar
Daftar Lampiran
i
ii
iii
v
vi
vii
ix
x
xi
Bab 1 Pendahuluan
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Tujuan Penelitian
1.5 Manfaat Penelitian
1.6 Metodologi Peneltian
1.7 Sistemeatika penulisan
1
2
2
3
3
4
5
Bab 2 Landasan Teori
2.1 Augmented Reality
2.2 Objek Video Augmented Reality
2.3 Marker
2.4 Unity 3D
2.5 QCAR Vuforia SDK
2.6 Blender 3D Maker
2.7 Android
2.8 Film
2.9 Penelitian yang Relevan
6
9
11
12
14
16
18
18
19
Bab 3 Analisis dan Perancangan Sistem
3.1 Analisis Sistem
3.1.1 Analisis Masalah
3.1.2 Analisis Kebutuhan Sistem
3.1.2.1 Persyaratan Fungsional
3.1.2.2 Persyaratan Non Fungsional
3.2 Pemodelan Visual Menggunakan Unified Modeling Language (UML)
3.2.1 Identifikasi Use Case Diagram
3.2.2 Identifikasi Activity Diagram
3.2.3 Identifikasi Sequence Diagram
3.3 Flowchart
3.4 Perancangan Antarmuka Aplikasi
3.4.1 Rancangan Halaman Main Menu
3.4.2 Rancangan PopUp pada Tombol About
3.4.3 Rancangan PopUp pada Tombol Language
3.4.4 Rancangan Halaman Augmented Reality
21
21
22
23
23
23
23
26
27
28
30
30
31
32
33
viii
3.4.5 Rancangan PopUp pada Tombol Synopsis
3.5 Perancangan Pembuatan Objek 3D pada Blender
3.4 Perancangan Pembuatan Marker untuk Sistem
Bab 4 Implementasi dan Hasil
4.1 Implementasi
4.1.1 Implementasi Program
4.1.1.1 Program untuk Splash Screen
4.1.1.2 Program untuk Button Synopsis, Play, Pause, dan Stop
4.1.1.3 Program untuk Zoom
4.2 Tampilan Aplikasi
4.2.1 Penginstalan Aplikasi
4.2.2 Halaman Splash Screen
4.2.3 Halaman Main Menu
4.2.4 Halaman Augmented Reality
4.2.5 Marker Augmented Clips
35
35
37
39
39
40
40
43
44
44
44
45
47
49
4.3 Pengujian Aplikasi
4.3.1 Pengujian Black Box
4.3.1.1 Proses Tekan Tombol pada Halaman Landing Page
4.3.1.2 Proses Tekan Tombol About
4.3.1.3 Proses Tekan Tombol Language
4.3.1.4 Proses Tekan Tombol Pada Halaman
Augmented Reality
4.3.1.5 Proses Tekan Tombol Synopsis
50
50
51
51
52
4.4 Pengujian Objek
4.4.1 Pengujian Pendeteksian Objek
4.4.2 Pengujian Zoom
53
53
54
4.5 Pengujian Marker
55
Bab 5 Kesimpulan dan Saran
5.1 Kesimpulan
5.2 Saran
57
57
Daftar Pustaka
58
52
53
ix
DAFTAR TABEL
Hal
Tabel 1. Hasil Penelitian Augmented Reality berbasis Android menggunakan
Unity 3D dan Vuforia SDK
Tabel 2. Spesifikasi Use Case Analisis Sistem
Tabel 3. Keterangan Bagian-Bagian Rancangan Landing Page
Tabel 4. Keterangan Bagian-Bagian Rancangan PopUp About
Tabel 5. Keterangan Bagian-Bagian Rancangan PopUp Tombol Language
Tabel 6. Keterangan Bagian-Bagian Rancangan Halaman Augmented Reality
Tabel 7. Keterangan Bagian-Bagian Rancangan PopUp Tombol Synopsis
Tabel 8. Keterangan Beberapa fitur dari Blender yang sering digunakan dalam
pembuatan objek 3D
Tabel 9. Hasil Pengujian Tekan Tombol pada Halaman Main Menu
Tabel 10. Hasil Pengujian Tekan Tombol About
Tabel 11. Hasil Pengujian Tekan Tombol Language
Tabel 12. Hasil Pengujian Tekan Tombol pada Halaman Augmented Reality
Tabel 13. Hasil Pengujian Tekan Tombol Synopsis
19
25
31
32
32
34
35
36
51
51
52
52
53
x
DAFTAR GAMBAR
Hal
Gambar 2.1 Reality Virtuality Continum
Gambar 2.2 Augmented reality
Gambar 2.3 Alur kerjaa aplikasi Augmented Reality (AR)
Gambar 2.4 Penerapan Konten Video Dalam Augmented Reality
Gambar 2.5 Quick Response (QR) Code
Gambar 2.6 Fiducial Marker
Gambar 2.7 Markerless Marker
Gambar 2.8 Diagram rendering Unity 3D
Gambar 2.9 Block Diagram Pelacakan QCAR
Gambar 3.1 Diagram Ishikawa Untuk Analisis Masalah
Gambar 3.2 Use Case Diagram Analisis System
Gambar 3.3 Activity Diagram Sistem
Gambar 3.4 Sequence Diagram Sistem
Gambar 3.5 Flowchart Sistem
Gambar 3.6 Flowchart Sistem Halaman AR
Gambar 3.7 Rancangan Halaman Main Menu
Gambar 3.8 Rancangan PopUp About
Gambar 3.9 Rancangan PopUp Tombol Language
Gambar 3.10 Rancangan Halaman Augmented Reality
Gambar 3.11 Rancangan PopUp Tombol Synopsis
Gambar 3.12 Aplikasi pengolahan objek 3D Blender
Gambar 3.13 Pembuatan objek TV LCD pada aplikasi Blender
Gambar 3.14 (a) marker asli, (b) marker yang telah diberi fitur oleh Vuforia
Gambar 4.1 Mono Develop
Gambar 4.2 Penginstalan aplikasi "Augmented Clips"
Gambar 4.3 Halaman Splash Screen
Gambar 4.4 Halaman Main Menu
Gambar 4.5 PopUp pada tombol About
Gambar 4.6 Halaman Augmented Reality
Gambar 4.7 Objek Trailer Film Augmented Reality Yang Terdeteksi
di Atas Marker
Gambar 4.8 Objek Trailer Film Augmented Reality Yang Sedang
Diputar
Gambar 4.9 PopUp Synopsis
Gambar 4.10 Marker Dari Aplikasi Augmented Clips
Gambar 4.11 (a) Pengujian Objek Sebelum Terdeteksi
(b) Pengujian Objek Setelah Terdeteksi
Gambar 4.12 (a) Pengujian Objek Dalam Ukuran Normal
(b) Pengujian Objek Setelah di-Zoom
Gambar 4.13 (a) Pengujian Marker Dengan Pencahayaan dan Fokus Yang Tepat
(b) Pengujian Marker Dengan Pencahayaan dan Fokus Yang
Kurang
7
7
9
10
11
12
12
14
16
22
24
26
27
28
29
30
31
32
33
35
37
37
38
39
44
45
46
46
47
48
48
49
50
53
54
55
xi
DAFTAR LAMPIRAN
Listing Program
Curicuum Vitae
A-1
B-1