Metafora desain Tipe Informasi Struktur Navigasi

teknologi virtual reality diintegrasikan ke dalam website dengan format file .dcr. Untuk menjalankan file .dcr pada browser diperlukan shockwave player. Jika pada komputer user belum terinstall shockwave player maka dapat langsung diinstall secara langsung melalui internet.

4.3 Pertimbangan Desain

Pada tahap pertimbangan desain perancangan terdapat metafora desain, tipe informasi yang digunakan, perancangan struktur navigasi, persiapan dan integrasi media, perancangan layar frontend dan backend yang berguna dalam membangun aplikasi frontend dan backend.

4.3.1 Metafora desain

Dalam merancang aplikasi multimedia, kita harus mempunyai pembanding yang digunakan sebagai acuan dalam mendesain yang bertujuan untuk mengambil fakta dari dunia nyata yang kemudian dikembangkan dalam aplikasi PLUIt. Pada aplikasi PLUIt, digunakan perbandingan aplikasi 3D virtual home berbasiskan web yang explorable. Di dalam aplikasi terdapat objek rumah yang dibuat secara 3 dimensi dan user dapat menjelajah ruangan yang ada di dalam rumah secara online. Dari metafora desain, didapat contoh pola interaksi antara user dengan aplikasi. Sebagai Contoh yaitu menampilkan pemodelan rumah secara 3 dimensi melalui media website dan dapat menjelajah ruangan rumah dengan tombol navigasi pada keyboard.

4.3.2 Tipe Informasi

Berikut ini adalah tipe informasi yang diintegrasikan ke dalam aplikasi PLUIt: Tabel 4.1 Tipe Informasi No. Nama File Jenis Format Size Sumber 1. Interface Animasi SWF 86 KB Buatan sendiri 2. Peta Animasi SWF 114 KB Buatan sendiri 3. Bantuan Animasi SWF 22 KB Buatan sendiri 4. 3 Gambar PNG 263 KB Buatan sendiri 5. 5 Gambar PNG 261 KB Buatan sendiri 6. 6 Gambar PNG 372 KB Buatan sendiri 7. 7 Gambar PNG 287 KB Buatan sendiri 8. ALL Adobe Shockwave Movie Player DCR 20.2 MB Buatan sendiri 9. v1 Video MPEG 35.5 MB Buatan sendiri

4.3.3 Struktur Navigasi

Perancangan aplikasi pencarian lokasi ujian interaktif ini diawali dengan perancangan struktur navigasi aplikasi frontend dan backend.

A. Struktur Navigasi Aplikasi FrontEnd

Gambar 4.1 Perancangan Struktur Navigasi Aplikasi Frontend Gambar 4.1 adalah struktur navigasi dari aplikasi frontend dengan model komposit. Di dalam aplikasi frontend, user yang berada pada halaman utama dapat menuju halaman kontak kami, info ujian, fitur pencarian, jadwal ujian, lokasi ujian, info gedung dan bantuan. Begitu pun sebaliknya, jika user berada pada halaman jadwal ujian, lokasi ujian, info gedung dan bantuan dapat menuju halaman utama, halaman kontak kami, info ujian, fitur pencarian. Pada fitur pencarian terdapat halaman info peserta ujian berdasarkan nama dan nomor ujian serta dapat menuju halaman cetak dan telusuri ruang ujian melalui hypertext. Halama n Kontak Kami Info Ujian Jadwal Ujian Lokasi Ujian Info Gedung Bantuan Pencariann Cetak Telusuri Info Peserta Ujian

B. Struktur Navigasi Aplikasi BackEnd

Gambar 4.2 Perancangan Struktur Navigasi Aplikasi Backend Gambar 4.2 merupakan gambar struktur navigasi dari halaman aplikasi backend dengan model hirarki. Dalam aplikasi backend user dapat menuju ke menu home, data master, data transaksi dan logout. Dari data master, pengguna dapat menuju ke submenu fakultas, jenis tes, jenis paket dan ruang. Pada masing-masing submenu, user dapat memilih menu input atau lihat data untuk melakukan pengolahan data. Dalam menu data transaksi, pengguna dapat menuju ke submenu jadwal, peserta dan lokasi. User dapat melakukan pengolahan data pada submenu data transaksi dengan menuju menu input dan lihat data. Menu logout untuk keluar dari aplikasi. Fakultas Jenis Tes Ruang Input Data Lihat Data Input Data Lihat Data Input Data Lihat Data Input Data Lihat Data Home Data Master Data Transaksi Logout Jadwal Peserta Lokasi Input Data Lihat Data Input Data Lihat Data Input Data Lihat Data Jenis Paket

4.3.4 Persiapan dan Integrasi Media