8
4.4 Storyboard
Dalam perancangan multimedia, digunakan storyboard sebagai gambaran tampilan animasi dan dilengkapi dengan flowchart untuk
menggambarkan proses berjalannya animasi, dalam hal ini berkaitan dengan navigasi.
Berikut adalah contoh storyboard yang menjadi acuan dalam membangun aplikasi. Storyboard selengkapnya dapat dilihat pada
Lampiran 4.
Gambar 4.2. Storyboard
STORYBOARD
Scene 1
Halaman menampilkan proyeksi gedung dalam 1 sudut pandang dan di sebelah pojok kanan atas ada proyeksi gedung yang berotasi.
Terdapat tombol “next” yang apabila diklik makan akan menuju ke proyeksi gedung dengan sudut pandang berbeda.
Tiap ruangan dalam gambar tersebut dapat di klik untuk melihat keterangan tentang ruangan tersebut.
9
4.5 Flowchart
Gambar 4.3. Flowchart Proyeksi Web Tata Ruang Gedung Fakultas Sains dan
Teknologi UIN Syarif Hidayatullah Jakarta
10 Flowchart pada gambar 4.3 menjelaskan bahwa aplikasi ini
dimulai dengan tampilan Menu Utama yang berisi proses menuju menu- menu selanjutnya. Jika user memilih ya maka akan terhubung pada menu
yang diinginkannya dan jika tidak, maka user dapat memilih menu yang
lainnya atau keluar dari aplikasi. 4.6
Struktur Menu
Gambar 4.4. Desain Struktur Menu
Utama Profil
Proyeksi Galeri
Credit Visi
Misi Motto
Program Studi
Reguler Internasional
Non Reguler Teknik informatika
Agribisnis Matematika
Biologi Kimia
Sistem Informasi
Fisika Lantai 1
Lantai 2 Lantai 3
Lantai 4 Lantai 5
Lantai 6 Lantai 7
11
4.7 State Transition Diagram
Pada aplikasi Web Tata Ruang Gedung Fakultas Sains Dan Teknologi UIN Syarif Hidayatullah Jakarta ini terdiri dari 12 STD yang
dapat dilihat pada Lampiran 4.
4.8 Rancangan Layar
Web
Pada aplikasi Web Tata Ruang Gedung Fakultas Sains Dan Teknologi UIN Syarif Hidayatullah Jakarta ini terdiri dari 12 rancangan
layar web, tampilannya rancangan halaman utama dapat dilihat pada gambar berikut ini. Untuk rancangan layar web selanjutnya dapat dilihat
pada Lampiran 5.
Gambar 4.5. Rancangan Tampilan Halaman Utama Aplikasi Proyeksi Tata Ruang
Berbasis Web Pada Gedung Fakultas Sains dan Teknologi UIN Syarif Hidayatullah
Jakarta
4.9 Pengumpulan Bahan