41
3.5 Perancangan User Interface
Perancangan user interface atau antar muka pengguna merupakan proses perancangan bentuk dari tampilan aplikasi yang akan dibangun. Perancangan user
interface mempertimbangkan beberapa aspek yaitu kenyamanan dan efektifitas. 3.5.1
Perancangan Halaman Utama Pada halaman utama aplikasi, terdapat empat button yang akan menuju ke
halaman lainnya. Empat buat button tersebut yaitu, button camera yang menuju halaman ARCamera untuk melakukan proses augmented, button UlosLib untuk
menuju halaman pusat informasi Ulos, button About untuk menuju halaman about yang berisi deskripsi aplikasi dan button Quit untuk menutup aplikasi.
Tampilan halaman utama dapat dilihat pada Gambar 3.8.
Gambar 3.8 Rancangan halaman utama aplikasi UlosAR
3.5.2 Perancangan Halaman Uloslib
Pada halaman Uloslib akan diawali dengan halaman welcome atau pembuka yang berisi tentang deskripsi singkat dari Uloslib. Lalu terdapat button untuk
menuju ke halaman berikutnya. Tampilan dari halaman tersebut dapat dilihat pada Gambar 3.9.
Universitas Sumatera Utara
42
Gambar 3.9 Rancangan halaman welcome pada menu Uloslib
Setelah menekan button Continue, maka aplikasi akan membuka halaman utama dari Uloslib. Pada halaman ini terdapat button-button yang akan menuju
ke masing-masing halaman info Ulos. Selain itu terdapat juga sebuah button Quit pada sebelah kanan atas yang akan menutup menu Uloslib dan menuju ke
halaman utama aplikasi.tampilan halaman utama Uloslib dapat dilihat pada Gambr 3.10.
Gambar 3.10 Rancangan halaman utama pada menu Uloslib
Setiap halaman info Ulos memiliki design yang sama. Terdapat sebuah box dibagian atas, yang berisi deskripsi mengenai Ulos. Lalu dibawahnya terdapat
box yang berisi gambar-gambar tambahan apabila ada. Untuk tampilan halaman info Uloslib dapat dilihat pada Gambar 3.11.
Universitas Sumatera Utara
43
Gambar3.11 Rancangan halaman info Ulos
3.5.3 Perancangan Halaman About
Pada halaman About berisi tentang deskripsi umum mengenai aplikasi UlosAR. Tampilan Halaman About dapat dilihat pada Gambar 3.12.
Gambar 3.12 Rancangan halaman About
Pada halaman About terdapat sebuah kotak di tengah halaman yang berisi deskripsi singkat aplikasi tersebut. selain itu terdapat juga sebuah button Close
yang menuju halaman utama aplikasi.
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN APLIKASI
Pada bab ini akan dijelaskan mengenai proses implementasi Augmented Reality Markerles Image Tracking dengan library Vuforia SDK, pengujian sistem, dan hasil
pengujian sesuai analisa dan perancangan sistem yang tertera pada bab 3.
4.1 Implementasi Sistem