• Tidak ada hasil yang ditemukan

BAB III METODE PENELITIAN

4.2.2 Perancangan ( Design )

4.2.2.6. Perancangan layar FST

Perancangan layar ini bertujuan untuk memberikan rancangan layar-layar menu pada aplikasi visualisasi 3 dimensi.

Intro Intro Intro Intro Intro Intro video Lantai 1 video video video video video video Lantai 2 Lantai 3 Lantai 4 Lantai 5 Lantai 6 Lantai 7 Menu utama Bantuan Keluar Gambar 4.29. Perancangan layar menu tata ruang

Pada rancangan layar menu tata ruang, layar ini menyediakan tombol untuk bernavigasi ke layar menu pilihan berikutnya, terdapat 10 buah tombol yaitu:

1. Tombol “Lantai 1” yang berfungsi untuk menampilkan rancangan layar lantai 1. 2. Tombol “Lantai 2” yang berfungsi untuk menampilkan rancangan layar lantai 2. 3. Tombol “Lantai 3” yang berfungsi untuk menampilkan rancangan layar lantai 3. 4. Tombol “Lantai 4” yang berfungsi untuk menampilkan rancangan layar lantai 4 5. Tombol “Lantai 5” yang berfungsi untuk menampilkan rancangan layar lantai 5 6. Tombol “Lantai 6” yang berfungsi untuk menampilkan rancangan layar lantai 6. 7. Tombol “Lantai 7” yang berfungsi untuk menampilkan rancangan layar lantai 7. 8. Tombol “Menu utama” yang berfungsi untuk menampilkan rancangan layar menu

utama.

9. Tombol “Bantuan” yang berfungsi untuk menampilkan rancangan layar informasi penggunaan aplikasi.

1). Perancangan Layar Lantai 1

Perancangan layar ini bertujuan untuk memberikan rancangan layar-layar menu pada aplikasi visualisasi 3 dimensi.

Lantai 7 Menu utama

Lantai1 Lantai2 Lantai3 Lantai4

Lantai5 Lantai6 Lantai7 MenuUtama

Animasi Text Hall Kantin Security Zoom Out Reset Zoom In Movie

Gambar 4.30. Perancangan Layar Lantai 1

Pada rancangan layar menu lantai satu, layar ini menyediakan tombol untuk bernavigasi ke layar menu pilihan berikutnya, terdapat 14 buah tombol yaitu:

1. Tombol “Hall” yang berfungsi untuk menampilkan ruang utama Fakultas Sains dan Teknologi.

2. Tombol “Kantin” yang berfungsi untuk menampilkan visualisasi ruang kantin. 3. Tombol “security” yang berfungsi untuk menampilkan visualisasi ruang security. 4. Tombol “Kembali” yang berfungsi untuk menampilkan rancangan layar menu tata

ruang.

5. Tombol “menu utama” yang berfungsi untuk menampilkan rancangan layar menu. 6. Tombol “zoom in” yang berfungsi untuk memperbesar objek visualisasi.

7. Tombol “zoom out” yang berfungsi untuk memperkecil objek visualisasi. 8. Tombol “panah kiri” yang berfungsi untuk merotasi objek ke arah kiri. 9. Tombol “panah kanan” yang berfungsi untuk merotasi objek ke arah kanan. 10.Tombol “panah atas” yang berfungsi untuk merotasi objek ke arah atas. 11.Tombol “panah bawah” yang berfungsi untuk merotasi objek ke arah bawah. 12.Tombol “reset” yang berfungsi untuk mengembalikan posisi kamera seperti

semula.

13.Tombol “Bantuan” yang berfungsi untuk menampilkan rancangan layar informasi penggunaan aplikasi.

14.Tombol “Keluar” yang berfungsi untuk menutup aplikasi. 2). Perancangan Layar Lantai 2

Perancangan layar ini bertujuan untuk memberikan rancangan layar-layar menu pada aplikasi visualisasi 3 dimensi.

Lantai 7 Menu utama

Lantai1 Lantai2 Lantai3 Lantai4

Lantai5 Lantai6 Lantai7 MenuUtama

Animasi Text Ruang sidang Akademik Dekanat Zoom Out Reset Zoom In Multimedia Movie

Pada rancangan layar menu lantai dua, layar ini menyediakan tombol untuk bernavigasi ke layar menu pilihan berikutnya, terdapat 16 buah tombol yaitu:

1. Tombol “Lab. E-learning” yang berfungsi untuk menampilkan visualisasi ruang laboratorium e-learning.

2. Tombol “Ruang sidang” yang berfungsi untuk menampilkan visualisasi ruang sidang.

3. Tombol “Kasubag Akademik dan Kemahasiswaan Kasubag kepegawaian dan keuangan” yang berfungsi untuk menampilkan visualisasi ruang Kasubag Akademik dan Kemahasiswaan serta Kasubag kepegawaian dan keuangan. Tombol ini di gabung sesuai ruangan aslinya yang hanya menggunakan satu pintu untuk masuk dan keluar ruangan.

4. Tombol “DEKANAT” yang berfungsi untuk menampilkan visualisasi ruang dekan.

5. Tombol “Ruang Multimedia” yang berfungsi untuk menampilkan visualisasi ruang multimedia.

6. Tombol “Kembali” yang berfungsi untuk menampilkan rancangan layar menu tata ruang.

7. Tombol “menu utama” yang berfungsi untuk menampilkan rancangan layar menu. 8. Tombol “zoom in” yang berfungsi untuk memperbesar objek visualisasi.

9. Tombol “zoom out” yang berfungsi untuk memperkecil objek visualisasi. 10. Tombol “panah kiri” yang berfungsi untuk merotasi objek ke arah kiri. 11. Tombol “panah kanan” yang berfungsi untuk merotasi objek ke arah kanan. 12. Tombol “panah atas” yang berfungsi untuk merotasi objek ke arah atas. 13. Tombol “panah bawah” yang berfungsi untuk merotasi objek ke arah bawah.

14. Tombol “reset” yang berfungsi untuk mengembalikan posisi kamera seperti semula.

15. Tombol “Bantuan” yang berfungsi untuk menampilkan rancangan layar informasi penggunaan aplikasi.

16. Tombol “Keluar” yang berfungsi untuk menutup aplikasi. 3). Perancangan Layar Lantai 3

Perancangan layar ini bertujuan untuk memberikan rancangan layar-layar menu pada aplikasi visualisasi 3 dimensi.

Lantai 7 Menu utama

Lantai1 Lantai2 Lantai3 Lantai4

Lantai5 Lantai6 Lantai7 MenuUtama

Animasi Text Dosen TI/SI Prodi TI/SI Zoom Out Reset Zoom In Agribisnis,

kima & biologi,

WC

Movie

Gambar 4.32. Perancangan Layar Lantai 3

Pada rancangan layar menu lantai tiga, layar ini menyediakan tombol untuk bernavigasi ke layar menu pilihan berikutnya, terdapat 17 buah tombol yaitu:

1. Tombol “Ruang Dosen” yang berfungsi untuk menampilkan visualisasi ruang dosen.

2. Tombol “Ruang Dosen TI/SI” yang berfungsi untuk menampilkan visualisasi ruang dosen TI/SI.

3. Tombol “Prodi TI/SI” yang berfungsi untuk menampilkan visualisasi ruang program studi TI/SI.

4. Tombol “Prodi Agribisnis” yang berfungsi untuk menampilkan visualisasi ruang program studi agribisnis.

5. Tombol “Prodi Kimia dan Biologi” yang berfungsi untuk menampilkan visualisasi ruang program studi kimia dan biologi.

6. Tombol “Prodi Matematika dan Fisika” yang berfungsi untuk menampilkan visualisasi ruang program studi matematika dan fisika.

7. Tombol “Kembali” yang berfungsi untuk menampilkan rancangan layar menu tata ruang.

8. Tombol “menu utama” yang berfungsi untuk menampilkan rancangan layar menu. 9. Tombol “zoom in” yang berfungsi untuk memperbesar objek visualisasi.

10. Tombol “zoom out” yang berfungsi untuk memperkecil objek visualisasi. 11. Tombol “panah kiri” yang berfungsi untuk merotasi objek ke arah kiri. 12. Tombol “panah kanan” yang berfungsi untuk merotasi objek ke arah kanan. 13. Tombol “panah atas” yang berfungsi untuk merotasi objek ke arah atas. 14. Tombol “panah bawah” yang berfungsi untuk merotasi objek ke arah bawah. 15. Tombol “reset” yang berfungsi untuk mengembalikan posisi kamera seperti

semula.

16. Tombol “Bantuan” yang berfungsi untuk menampilkan rancangan layar informasi penggunaan aplikasi.

4). Perancangan Layar Lantai 4

Perancangan layar ini bertujuan untuk memberikan rancangan layar-layar menu pada aplikasi visualisasi 3 dimensi.

Gambar 4.33. Perancangan Layar Lantai 4

Pada rancangan layar menu lantai empat, layar ini menyediakan tombol untuk bernavigasi ke layar menu pilihan berikutnya, terdapat 24 buah tombol yaitu:

1. Tombol “Kantor Internasional” yang berfungsi untuk menampilkan visualisasi ruang Kantor Internasional.

2. Tombol “402 A” yang berfungsi untuk menampilkan visualisasi ruang belajar. 3. Tombol “402 B” yang berfungsi untuk menampilkan visualisasi ruang belajar. 4. Tombol “Hall” yang berfungsi untuk menampilkan visualisasi area taman belajar. 5. Tombol “Lab. Komputer” yang berfungsi untuk menampilkan visualisasi

laboratorium komputer.

7. Tombol “404 B” yang berfungsi untuk menampilkan visualisasi ruang belajar. 8. Tombol “405 A” yang berfungsi untuk menampilkan visualisasi ruang belajar. 9. Tombol “405 B” yang berfungsi untuk menampilkan visualisasi ruang belajar. 10. Tombol “406 A” yang berfungsi untuk menampilkan visualisasi ruang belajar. 11. Tombol “406 B” yang berfungsi untuk menampilkan visualisasi ruang belajar. 12. Tombol “407 A” yang berfungsi untuk menampilkan visualisasi ruang belajar. 13. Tombol “407 B” yang berfungsi untuk menampilkan visualisasi ruang belajar. 14. Tombol “Kembali” yang berfungsi untuk menampilkan rancangan layar menu tata

ruang.

15. Tombol “menu utama” yang berfungsi untuk menampilkan rancangan layar menu. 16. Tombol “zoom in” yang berfungsi untuk memperbesar objek visualisasi.

17. Tombol “zoom out” yang berfungsi untuk memperkecil objek visualisasi. 18. Tombol “panah kiri” yang berfungsi untuk merotasi objek ke arah kiri. 19. Tombol “panah kanan” yang berfungsi untuk merotasi objek ke arah kanan. 20. Tombol “panah atas” yang berfungsi untuk merotasi objek ke arah atas. 21. Tombol “panah bawah” yang berfungsi untuk merotasi objek ke arah bawah. 22. Tombol “reset” yang berfungsi untuk mengembalikan posisi kamera seperti

semula.

23. Tombol “Bantuan” yang berfungsi untuk menampilkan rancangan layar informasi penggunaan aplikasi.

24. Tombol “Keluar” yang berfungsi untuk menutup aplikasi. 5). Perancangan Layar Lantai 5

Perancangan layar ini bertujuan untuk memberikan rancangan layar-layar menu pada aplikasi visualisasi 3 dimensi.

Lantai 7 Menu utama

Lantai1 Lantai2 Lantai3 Lantai4

Lantai5 Lantai6 Lantai7 MenuUtama

Animasi Text 501 Zoom Out Reset Zoom In Ruang Shalat Movie 502 503 504 505 506 507 WC

Gambar 4.34. Perancangan layar lantai 5

Pada rancangan layar menu lantai lima, layar ini menyediakan tombol untuk bernavigasi ke layar menu pilihan berikutnya, terdapat 18 buah tombol yaitu:

1. Tombol “501” yang berfungsi untuk menampilkan visualisasi ruang belajar. 2. Tombol “502” yang berfungsi untuk menampilkan visualisasi ruang belajar. 3. Tombol “503” yang berfungsi untuk menampilkan visualisasi ruang belajar. 4. Tombol “504” yang berfungsi untuk menampilkan visualisasi ruang belajar. 5. Tombol “505” yang berfungsi untuk menampilkan visualisasi ruang belajar. 6. Tombol “506” yang berfungsi untuk menampilkan visualisasi ruang belajar. 7. Tombol “507” yang berfungsi untuk menampilkan visualisasi ruang belajar. 8. Tombol “Kembali” yang berfungsi untuk menampilkan rancangan layar menu tata

ruang.

9. Tombol “menu utama” yang berfungsi untuk menampilkan rancangan layar menu. 10. Tombol “zoom in” yang berfungsi untuk memperbesar objek visualisasi.

11. Tombol “zoom out” yang berfungsi untuk memperkecil objek visualisasi. 12. Tombol “panah kiri” yang berfungsi untuk merotasi objek ke arah kiri. 13. Tombol “panah kanan” yang berfungsi untuk merotasi objek ke arah kanan. 14. Tombol “panah atas” yang berfungsi untuk merotasi objek ke arah atas. 15. Tombol “panah bawah” yang berfungsi untuk merotasi objek ke arah bawah. 16. Tombol “reset” yang berfungsi untuk mengembalikan posisi kamera seperti

semula.

17. Tombol “Bantuan” yang berfungsi untuk menampilkan rancangan layar informasi penggunaan aplikasi.

18. Tombol “Keluar” yang berfungsi untuk menutup aplikasi. 6). Perancangan Layar Lantai 6

Perancangan layar ini bertujuan untuk memberikan rancangan layar-layar menu pada aplikasi visualisasi 3 dimensi.

Lantai 7 Menu utama

Lantai1 Lantai2 Lantai3 Lantai4

Lantai5 Lantai6 Lantai7 MenuUtama

Animasi Text 601 Zoom Out Reset Zoom In Theater Room 602 603 604 605 606 607 WC Movie

Pada rancangan layar menu lantai enam, layar ini menyediakan tombol untuk bernavigasi ke layar menu pilihan berikutnya, terdapat 18 buah tombol yaitu:

1. Tombol “601” yang berfungsi untuk menampilkan visualisasi ruang belajar. 2. Tombol “602” yang berfungsi untuk menampilkan visualisasi ruang belajar. 3. Tombol “603” yang berfungsi untuk menampilkan visualisasi ruang belajar. 4. Tombol “504” yang berfungsi untuk menampilkan visualisasi ruang belajar. 5. Tombol “605” yang berfungsi untuk menampilkan visualisasi ruang belajar. 6. Tombol “606” yang berfungsi untuk menampilkan visualisasi ruang belajar. 7. Tombol “607” yang berfungsi untuk menampilkan visualisasi ruang belajar. 8. Tombol “Kembali” yang berfungsi untuk menampilkan rancangan layar menu tata

ruang.

9. Tombol “menu utama” yang berfungsi untuk menampilkan rancangan layar menu. 10. Tombol “zoom in” yang berfungsi untuk memperbesar objek visualisasi.

11. Tombol “zoom out” yang berfungsi untuk memperkecil objek visualisasi. 12. Tombol “panah kiri” yang berfungsi untuk merotasi objek ke arah kiri. 13. Tombol “panah kanan” yang berfungsi untuk merotasi objek ke arah kanan. 14. Tombol “panah atas” yang berfungsi untuk merotasi objek ke arah atas. 15. Tombol “panah bawah” yang berfungsi untuk merotasi objek ke arah bawah. 16. Tombol “reset” yang berfungsi untuk mengembalikan posisi kamera seperti

semula.

17. Tombol “Bantuan” yang berfungsi untuk menampilkan rancangan layar informasi penggunaan aplikasi.

7). Perancangan Layar Lantai 7

Perancangan layar ini bertujuan untuk memberikan rancangan layar-layar menu pada aplikasi visualisasi 3 dimensi.

Lantai 7 Menu utama

Lantai1 Lantai2 Lantai3 Lantai4

Lantai5 Lantai6 Lantai7 MenuUtama

Animasi Text Zoom Out Reset Zoom In Perpustakaan Movie 701 702 703 BEM WC

Gambar 4.36. Perancangan layar lantai 7

Pada rancangan layar menu lantai tujuh, layar ini menyediakan tombol untuk bernavigasi ke layar menu pilihan berikutnya, terdapat 16 buah tombol yaitu:

1. Tombol “Perpustakaan” yang berfungsi untuk menampilkan visualisasi ruang perpustakaan.

2. Tombol “701” yang berfungsi untuk menampilkan visualisasi ruang belajar. 3. Tombol “702” yang berfungsi untuk menampilkan visualisasi ruang belajar. 4. Tombol “703” yang berfungsi untuk menampilkan visualisasi ruang belajar.

5. Tombol “BEM” yang berfungsi untuk menampilkan visualisasi ruang badan eksekutif mahasiswa.

6. Tombol “Kembali” yang berfungsi untuk menampilkan rancangan layar menu tata ruang.

7. Tombol “menu utama” yang berfungsi untuk menampilkan rancangan layar menu. 8. Tombol “zoom in” yang berfungsi untuk memperbesar objek visualisasi.

9. Tombol “zoom out” yang berfungsi untuk memperkecil objek visualisasi. 10. Tombol “panah kiri” yang berfungsi untuk merotasi objek ke arah kiri. 11. Tombol “panah kanan” yang berfungsi untuk merotasi objek ke arah kanan. 12. Tombol “panah atas” yang berfungsi untuk merotasi objek ke arah atas. 13. Tombol “panah bawah” yang berfungsi untuk merotasi objek ke arah bawah. 14. Tombol “reset” yang berfungsi untuk mengembalikan posisi kamera seperti

semula.

15. Tombol “Bantuan” yang berfungsi untuk menampilkan rancangan layar informasi penggunaan aplikasi.

16. Tombol “Keluar” yang berfungsi untuk menutup aplikasi.

Dokumen terkait