66 tahap implementasi produk aplikasi virtual tour berbantuan video sebagai media
informasi wilayah FT UNY:
a. Implementasi desain interface
Desain interface yang telah dirancang kemudian diimplementasikan menggunakan bahasa pemrograman. Tampilan hasil implementasi diantaranya:
1 Implementasi halaman beranda Hasil dari implementasi halaman beranda pada gambar 31 akan muncul
apabila aplikasi virtual tour dijalankan pertama kali. Halaman ini memuat video yang berjalan secara autoplay, tampilan teks, dan empat menu pilihan. Menu
beranda digunakan untuk tampilan awal aplikasi virtual tour. Menu tour akan menampilkan aplikasi virtual tour berbantuan video. Menu lokasi akan
menampilkan lokasi wilayah Fakultas Teknik UNY. Pilihan menu galeri untuk menampilkan sekumpulan foto dan video Fakultas Teknik.
Gambar 31. Implementasi Halaman Beranda 2 Implementasi halaman tour
Halaman tour merupakan halaman inti aplikasi virtual tour berbantuan video. Halaman tour berisi gambar wilayah Fakultas Teknik dengan bantuan
video di pojok kanan bawah seperti pada gambar 32.
67 Gambar 32. Implementasi Halaman Tour
3 Implementasi halaman galeri Halaman galeri berisi foto dan video yang bisa diakses oleh pengguna
seperti pada gambar 33. Halaman ini menampilkan empat navigasi bantuan di pojok kanan atas diantaranya tombol foto, tombol navigasi, tombol tanpa bingkai
dan tombol fullscreen.
Gambar 33. Implementasi Halaman Galeri
4 Implementasi video guide halaman tour
Setelah proses pengolahan audio dan video selesai, proses selanjutnya implementasi video guide dalam aplikasi virtual tour. Aplikasi virtual tour yang
dikembangkan berbasis web mengharuskan persyaratan minimal sebuah video sebelum diterapkan. Salah satunya format video yang dibuat berupa flash player
video flv. Video guide yang telah diolah dengan efek chroma key kemudian masuk proses rendering. Hasil akhir video guide yang diolah memiliki format flv
68 diimplementasikan pada aplikasi di halaman tour seperti pada gambar 34.
Keseluruhan video guide yang ada diterapkan sesuai dengan desain storyboard awal.
Gambar 34. Hasil Video Guide setelah Diolah dan Diimplementasikan Pada gambar 35 merupakan hasil implementasi akhir video guide dalam
aplikasi virtual tour berbantuan video sebagai media informasi wilayah FT UNY. Gambar 35 menampilkan video guide yang diakses pada wilayah laboratorium.
Gambar 36 wilayah yang diakses merupakan wilayah fakultas sementara pada gambar 37 pada wilayah perpustakaan. Gambar wilayah lainnya bisa dilihat pada
lampiran.
Gambar 35. Hasil Video Guide di Tampilan Wilayah Laboratorium
69 Gambar 36. Hasil Video Guide di Tampilan Wilayah Fakultas
Gambar 37. Hasil Video Guide di Tampilan Wilayah Perpustakaan
b. Implementasi kode video