Tampilan Aplikasi IMPLEMENTASI DAN HASIL

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