4.2 Tampilan Aplikasi
4.2.1 Penginstalan Aplikasi
Penginstalan aplikasi pada android terlihat pada Gambar 4.2. Pengguna harus menginstal aplikasi dengan format file berbentuk .apk. Format file .apk merupakan
format file yang digunakan untuk menginstal software biasanya aplikasi atau permainan pada sistem android.
Gambar 4.2 Penginstalan aplikasi “Augmented Clips”
Penginstalan akan memakan waktu beberapa detik sampai selesai. Saat aplikasi selesai diinstal makan icon dari aplikasi Augmented Clips akan tersedia
pada tampilan smartphone dan siap untuk dibuka.
4.2.2 Halaman Splash Screen
Splash Screen adalah animasi awal sebagai intro sebelum masuk ke halaman Main
Menu . Ketika aplikasi dibuka maka akan terlihat Splash Screen aplikasi seperti
Gambar 4.3.
Gambar 4.3 Halaman Splash Screen
Halaman splash screen akan menampilkan logo dari aplikasi yang dimuncul sebagai animasi selama empat detik sebelum kemudian masuk ke
halaman menu utama. 4.2.3
Halaman Main Menu Main Menu
pada aplikasi Augmented Clips adalah tampilan untuk memulai aplikasi dan sekaligus pengenalan awal dari sistem yang dibuat kepada
pengguna dalam menggunakan aplikasi. Secara umum Main Page terbagi menjadi tiga bagian yaitu menu Scan Cover untuk melakukan scanning pada
marker , menu about untuk melihat profile dari aplikasi yang telah dibuat ,
menu Language untuk mengganti bahasa dalam penggunaan sistem yang terdiri dari Bahasa Indonesia dan Bahasa Inggris, serta menu Exit untuk keluar
dari aplikasi. Gambar halaman Main Menu terdapat pada Gambar 4.4.
Gambar 4.4 Halaman Main Menu
Di dalam Main Menu terdapat menu About yang merupakan halaman PopUp
berisi profil dari aplikasi Augmented Clips. PopUp menu About dapat dilihat pada gambar 4.5.
Gambar 4.5 PopUp pada tombol About
4.2.4 Halaman Augmented Reality
Pada halaman Augmented Reality seperti yang terlihat pada Gambar 4.6 memiliki 4 buah tombol yaitu tombol back untuk kembali ke halaman Main
Menu , tombol synopsis untuk melihat sinopsis atau rangkuman cerita dari
trailer film yang sedang ditampilkan, tombol play yang berfungsi untuk
memainkan trailer film, tombol pause untuk menghentikan trailer film untuk sementara, tombol stop untuk menghentikan trailer film dan memulainya dari
awal. Selain itu terdapat dua komponen lainnya yaitu bagian help yang menampilkan tata cara penggunaan aplikasi, komponen tampilan Camera View
yang berfungsi mendeteksi marker untuk menampilkan objek trailer film.
Gambar 4.6 Halaman Augmented Reality
Saat marker terdeteksi pada kamera di halaman Augmented Reality, maka objek trailer film akan muncul di atas marker dan siap untuk diputar
menggunakan tombol Play. Tampilan saat kamera mendeteksi objek dapat dilihat pada gambar 4.7.
Gambar 4.7 Objek Trailer Film Augmented Reality Yang Terdeteksi di Atas Marker
Ketika objek trailer film Augmented Reality berhasil terdeteksi dan sudah tampil pada layar smartphone, maka objek trailer film sudah dapat
diputar menggunakan tombol play. Trailer film yang sedang diputar dapat dilihat pada gambar 4.8.
Gambar 4.8 Objek Trailer Film Augmented Reality Yang Sedang Diputar
Di dalam halaman Augmented Reality terdapat PopUp Synopsis yang berisi informasi atau rangkuman cerita dari trailer film yang sedang
ditampilkan. PopUp Synopsis dapat dilihat pada gambar 4.9.
Gambar 4.9 PopUp Synopsis
4.2.5 Marker Augmented Clips Marker
untuk aplikasi Augmented Clips memiliki bentuk persegi empat yang terdiri dari lima jenis marker untuk lima jenis film yaitu, marker Antman, marker
Avenger, marker Hitman, marker Spongebob, dan marker Wib. Masing-masing marker
dapat dilihat pada gambar 4.10.
Gambar 4.10 Marker Dari Aplikasi Augmented Clips
Marker yang digunakan untuk aplikasi ini berupa Markerless Marker yang
merupakan gambar dari cover DVD film yang diberi feature menggunakan Vuforia SDK agar kemudian dapat dideteksi oleh smartphone.
4.3 Pengujian Aplikasi