Gambar 3.8. Activity diagram Mulai
3.5. Perancangan Antarmuka
Dalam membangun aplikasi pada penelitian ini diperlukan adanya perancangan antarmuka interface, yaitu gambaran umum perancangan setiap tampilan yang
terdapat pada aplikasi yang dibangun. Rancangan antarmuka ini diharapkan dapat memberikan kemudahan bagi user dalam menggunakan aplikasi. Adapun 6 enam
tampilan yang akan dirancang pada aplikasi ini, yaitu halaman splash screen, halaman menu utama, halaman Augmented Reality, halaman AR Camera, halaman Tentang dan
halaman Panduan.
3.5.1. Rancangan Tampilan Splash Screen
Pada halaman splash screen terdapat logo dan nama aplikasi. Setelah halaman splash screen, setelah 5 detik akan muncul tampilan menu utama. Gambaran rancangan
tampilan splash screen dapat dilihat pada Gambar 3.9.
Universitas Sumatera Utara
Gambar 3.9. Rancangan Tampilan Splash Screen
3.5.2. Rancangan Tampilan Menu Utama
Pada halaman menu utama terdapat beberapa tombol yang dapat dipilih para pengguna aplikasi. Beberapa pilihan tombolnya seperti seperti Augmented Reality, Panduan,
Tentang dan Keluar. Gambaran rancangan tampilan menu utama dapat dilihat pada
Gambar 3.10.
Gambar 3.10. Rancangan Tampilan Menu Utama
Keterangan :
1. Augmented Reality : Apabila user menekan tombol ini, maka akan terbuka
menu untuk memilih objek apa yang akan dimunculkan. 2.
Panduan : Tombol ini berisi informasi panduan penggunaan aplikasi
Augmented Reality Rumah Adat Sumatera Utara. 3.
Tentang : Tombol ini akan memunculkan informasi tentang aplikasi.
4. Keluar
: Tombol ini berfungsi untuk keluar atau menutup aplikasi.
Splash Screen
Augmented Reality Rumah Adat Sumatera Utara
Panduan
Augmented Reality
Tentang Keluar
Universitas Sumatera Utara
3.5.3. Rancangan Tampilan Menu Augmented Reality
Halaman ini berisi pilihan objek rumah adat yang ingin ditampilkan. Setelah memilih, maka akan terbuka AR Camera dan user dapat melakukan scan ke objek yang akan
dijadikan marker, lalu objek 3D akan muncul. Gambaran rancangan tampilan menu Augmented Reality dapat dilihat pada Gambar 3.11.
Gambar 3.11. Rancangan Tampilan Menu Augmented Reality
3.5.4. Rancangan Tampilan AR Camera
Halaman ini menunjukan penerapan Augmented Reality yang akan memunculkan objek rumah adat. Gambaran rancangan tampilan AR Camera dapat dilihat pada
Gambar 3.12.
Gambar 3.12. Rancangan Tampilan Menu AR Camera
Keterangan :
1. Capture : Berfungsi meng-capture media objek yang akan dijadikan marker.
2. Info : Berfungsi untuk memunculkan dan menyembunyikan informasi.
3. Kembali : Berfungsi untuk keluar dari halaman AR Camera.
Augmented Reality
Mandailing Batak Toba
Pakpak Nias Utara
Simalungun Karo
Melayu Nias Selatan
Kembali
Layar Kamera
Capture
Info Kembali
Universitas Sumatera Utara
3.5.5. Rancangan Tampilan Menu Panduan dan Tentang
Halaman ini menampilkan informasi dari Panduan dan Tentang. Gambaran rancangan tampilan masing-masing menu dapat dilihat pada Gambar 3.13 dan Gambar 3.14.
Gambar 3.13. Rancangan Tampilan Menu Panduan
Gambar 3.14. Rancangan Tampilan Menu Tentang
Keterangan :
1. Apabila user menekan tombol Panduan, maka akan muncul tampilan seperti
Gambar 3.13, tampilan yang muncul yaitu judul menu dan informasi panduan penggunaan aplikasi.
2. Apabila user menekan tombol Tentang, maka akan muncul tampilan seperti
Gambar 3.14, tampilan yang muncul yaitu judul menu dan informasi tentang aplikasi.
Panduan
Isi Panduan Kembali
Tentang
Isi Tentang Kembali
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN