Rancangan Antarmuka Perancangan Aplikasi Design

informasi. Dalam halaman informasi terdapat lima tombol yakni tombol “2way”, “3way”, “linearray,” “subwooffer 15 inch” dan “subwooffer 18 inch”. Bila user memilih tombol “2way” maka akan tampil halaman 2way model, jika user memilih tombol “3way” maka akan muncul halaman 3way model, jika user memilih tombol “linearray” maka akan tampil halaman linearray model, jika user memilih tombol “subwooffer 15 inch” maka akan muncul halaman subwooffer 15 inch model, jika user memilih tombol “subwooffer 18 inch” maka akan tampil halaman subwooffer 18 inch.

4. State Transition Diagram Menu Kontak

Gambar 4. 20 State Transition Diagram Menu kontak Tombol kontak ini terdapat pada halaman utama dari aplikasi, jika user memilih tombol “kontak” maka akan muncul halaman kontak.

4.2.5 Rancangan Antarmuka

Pemakai Perancangan antarmuka pemakai user interface yang akan ditampilkan pada aplikasi multimedia ini akan disesuaikan dengan kebutuhan pengguna yang akan melihat informasi yang mereka butuhkan. Pada aplikasi ini terdapat beberapa rancangan layar, yaitu: 79

1. Rancangan Intro

Rancangan ini merupakan tampilan awal sebelum masuk ke tampilan utama program. Pada tampilan intro ini, terdapat slide show image sekilas tentang CV. Septiana Jaya. Setelah slide show image selesai diputar, secara otomatis tampilan akan langsung berubah menjadi menu utama. Di bawah tampilan video terdapat tulisan “KLIK MOVIE UNTUK KE MENU UTAMA” yang memberitahukan kepada user bahwa mereka dapat langsung menuju ke menu utama tanpa menunggu video selesai diputar. Gambar 4. 21 Rancangan Intro

2. Rancangan Halaman Utama

Rancangan ini merupakan rancangan yang digunakan sebagai Halaman utama dari aplikasi yang dibuat. Bagian kanan atas terdapat tombol “X” yang berfungsi untuk keluar dari aplikasi. Pada bagian kiri atas tampilan terdapat image CD “ CV. Septiana Jaya Virtual Reality” yang berarti aplikasi ini merupakan aplikasi dengan menggunakan teknologi virtual reality. Pada bagian tengah terdapat nama CV. Septiana Jaya, 80 yang bertujuan untuk memberitahukan bahwa aplikasi ini menggambarkan tentang produk CV. Septiana Jaya dengan memanfaatkan teknologi virtual reality. Selain itu ada empat tombol yang masing-masing mempunyai fungsi yang berbeda dan menuju ke tampilan yang berbeda pula. Tombol-tombol itu antara lain: • Profil, berfungsi untuk menampilkan sekilas tentang CV. Septiana Jaya • Ruang Galeri, berfungsi untuk menampilkan produk CV. Septiana Jaya dengan teknologi virtual reality. • Informasi Produk, berfungsi untuk menampilkan informasi produk secara detail. • Kontak berfungsi untuk menampilkan tentang penulis. Pada bagian kiri bawah terdapat tombol “slider volume” yang berfungsi untuk memperkecil atau memperbesar musik pada aplikasi ini. Gambar 4. 22 Rancangan Tampilan Utama 81 3. Rancangan Menu profil Pada rancangan ini akan menjelaskan sekilas tentang CV. Septiana Jaya, di samping teks terdapat video yang menggambarkan proses pembuatan audio box speaker di CV. Septina Jaya setelah itu ada tombol “home” yang berfungsi untu kembali ke halaman utama. Gambar 4. 23 Rancang Halaman Profil

4. Rancangan Menu Ruang Galeri

Pada rancangan ini akan menampilkan produk CV. Septiana Jaya yang dipadukan dengan teknologi virtual reality. Di bagian bawah terdapat teks “ tanda panah = navigasi, R = reset” yang berfungsi sebagai petunjuk untuk menjalankan virtual reality. Selain itu terdapat tombol home yang berfungsi untuk kembali ke halaman utama. 82 Gambar 4. 24 Rancangan Halaman Ruang Galeri

5. Rancangan Menu Informasi Produk

Pada rancangan ini akan menjelaskan tentang lima produk CV. Septiana Jaya secara detail. Tampilannya berupa lima tombol yang mewakili setiap produk, yaitu: • 2way, yang berfungsi untuk menampilkan informasi tentang produk speaker model 2way secara detail seperti harga, tanggapan frekuensi, ukuran box, dan bahan. • 3way, yang berfungsi untuk menampilkan informasi tentang produk speaker model 3way secara detail seperti harga , tanggapan frekuensi, ukuran box dan bahan. • Linearray, yang berfungsi untuk menampilkan informasi tentang produk speaker model linearray secara detail seperti harga, tanggapan frekuensi, ukuran box, dan bahan. • Subwooffer 15 inch model, yang berfungsi untuk menampilkan informasi tentang produk box audio speaker 83 model Subwooffer 15 inch secara secara detail seperti harga, tanggapan frekuensi, ukuran box, dan bahan. • Subwooffer 18 inch, yang berfungsi untuk menampilkan informasi tentang produk box audio speaker model Subwooffer 18 inch secara secara detail seperti harga, tanggapan frekuensi, ukuran box, dan bahan. Gambar 4. 25 Rancangan Halaman Informasi Produk

6. Rancangan Menu Kontak

Rancangan menu digunakan untuk menampilkan movie tentang penulis. Gambar 4. 26 Rancangan Halaman kontak 84

4.3 Pengumpulan Bahan Material Collecting