3.4.4.1 Perancangan dan spesifikasi proses layar index
Gambar 3.7 Tampilan Index
Pada bagian atas (header) layar tampilan menu utama terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Dibawahnya terdapat 3 menu navigasi utama yaitu : “Fasilitas”, “Denah”, “Personal”.
Spesifikasi proses index
Mainkan animasi banner pada header Mainkan lagu
JIKA tombol “Fasilitas” ditekan MAKA Panggil modul Fasilitas.
ATAU JIKA tombol “Denah” ditekan MAKA
Panggil modul Denah
Kios Informasi Plaza Slipi Jaya Logo
Fasilitas Denah
ATAU JIKA tombol “Personal” ditekan MAKA Panggil modul Personal
Akhir JIKA
AKHIR modul Index
3.4.4.2 Perancangan dan spesifikasi proses layar menu fasilitas
Gambar 3.8 Tampilan layar Menu Fasilitas
Pada bagian atas (header) layar tampilan menu Fasilitas terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri, serta 9 tombol navigasi yaitu : “Bengkel”, “Permainan”, “Makanan & Minuman”, “Umum”, “Bank & ATM”, “Wartelnet”, “Toko”, “Bus”, “Cinema”.
Kios Informasi Plaza Slipi Jaya Logo
Fasilitas Cinema Makanan & Minuman Umum Bus Bank & ATM Bengkel Wartelnet Permainan Toko
Spesifikasi proses fasilitas
Mainkan animasi banner pada header Mainkan lagu
JIKA tombol “Bengkel” ditekan MAKA
Panggil modul Bengkel.
ATAU JIKA tombol “Permainan” ditekan MAKA Panggil modul Permainan
ATAU JIKA tombol “Makanan & Minuman” ditekan MAKA Panggil modul Makanan & Minuman
ATAU JIKA tombol “Umum” ditekan MAKA
Panggil modul Umum
ATAU JIKA tombol “Bank & ATM” ditekan MAKA Panggil modul Bank & ATM
ATAU JIKA tombol “Wartelnet” ditekan MAKA Panggil modul Wartelnet
ATAU JIKA tombol “Toko” ditekan MAKA
Panggil modul Toko
ATAU JIKA tombol “Bus” ditekan MAKA Panggil modul Bus
ATAU JIKA tombol “Cinema” ditekan MAKA
Panggil modul Cinema
Akhir JIKA
3.4.4.3 Perancangan dan spesifikasi proses layar Bank & ATM
Gambar 3.9 Tampilan layar ATM
Pada bagian atas (header) layar tampilan Bank & ATM sub menu dari fasilitas (tampilan ini akan serupa untuk semua sub menu dari fasilitas kecuali untuk took dan rute bus) terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri, serta tombol kiri dan kanan.
Spesifikasi proses Bank & ATM
Mainkan animasi banner pada header Mainkan lagu
Buka koneksi ke database Buka tabel penyewa
Tampilkan Nm Penyewa dengan syarat kategori sama dengan Bank & ATM
Kios Informasi Plaza Slipi Jaya Logo
Fasilitas Database Bank dan ATM Tampak muka (Photo) Bank & ATM
Tampilkan Photo.
JIKA tombol “Kiri” ditekan MAKA
Tampilkan data sebelumnya pada database ATAU JIKA tombol ”Kanan” ditekan MAKA
Tampilkan data berikutnya pada database Akhir JIKA
Tutup tabel penyewa Tutup koneksi ke database Akhir modul Bank & ATM
3.4.4.4 Perancangan dan spesifikasi proses layar rute bus
Gambar 3.10 Tampilan layar rute bus
Pada bagian atas (header) layar tampilan bus terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri, serta 2 tombol navigasi yaitu “Rute bus AC”, “Rute bus Non AC”
Kios Informasi Plaza Slipi Jaya Logo
Fasilitas Rute bus AC Rute bus Non AC Bus
Spesifikasi proses rute bus
Mainkan animasi banner pada header
Mainkan lagu
JIKA tombol “Rute bus AC” ditekan MAKA Panggil modul Rute bus AC
ATAU JIKA tombol “Rute bus Non AC” ditekan MAKA Panggil modul Rute bus Non AC
Akhir JIKA
Akhir modul rute bus
3.4.4.5 Perancangan dan spesifikasi proses layar sub menu rute bus
Gambar 3.11 Tampilan layar sub menu rute bus
Pada bagian atas (header) layar tampilan sub menu bus terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan
Kios Informasi Plaza Slipi Jaya Logo
Fasilitas AC Bus Database Bus AC Tampak muka (Photo)
muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri, serta tombol kiri dan kanan.
Spesifikasi proses sub menu rute bus
Mainkan animasi banner pada header
Mainkan lagu
Buka koneksi ke database Buka tabel bus
Tampilkan Kd Bus dengan syarat kategori sama dengan AC
Tampilkan Photo
JIKA tombol “Kiri” ditekan MAKA
Tampilkan data sebelumnya pada database ATAU JIKA tombol ”Kanan” ditekan MAKA
Tampilkan data berikutnya pada database Tutup tabel bus
Tutup koneksi ke database Akhir modul sub menu rute bus
3.4.4.6 Perancangan dan spesifikasi proses layar toko
Gambar 3.12 Tampilan layar toko
Pada bagian atas (header) layar tampilan toko terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri, serta 7 tombol navigasi yaitu : “Dept. Store”, “Elektronik”, “Busana & Kecantikan”, “Perhiasan & Aksesoris”, “Mainan”, “Olahraga & Kesehatan”, “Musik & Hobi”.
Spesifikasi proses toko
Mainkan animasi banner pada header
Mainkan lagu
JIKA tombol “Dept. Store” ditekan MAKA Panggil modul Dept. Store.
ATAU JIKA tombol “Elektronik” ditekan MAKA Kios Informasi Plaza Slipi Jaya Logo
Fasilitas Toko Dept. Store Busana & Kecantikan Musik & Hobi Perhiasan & Aksesoris Elektronik Olahraga & Kesehatan Mainan
Panggil modul Elektronik
ATAU JIKA tombol “Busana & Kecantikan” ditekan MAKA Panggil modul Busana & Kecantikan
ATAU JIKA tombol “Perhiasan & Aksesoris” ditekan MAKA Panggil modul Perhiasan & Aksesoris
ATAU JIKA tombol “Mainan” ditekan MAKA
Panggil modul Mainan
ATAU JIKA tombol “Olahraga & Kesehatan” ditekan MAKA Panggil modul Olahraga & Kesehatan
ATAU JIKA tombol “Musik & Hobi” ditekan MAKA Panggil modul Musik & Hobi
Akhir JIKA
AKHIR modul toko
3.4.4.7 Perancangan dan spesifikasi proses layar busana & Kecantikan
Gambar 3.13 Tampilan layar busana & Kecantikan Kios Informasi Plaza Slipi Jaya Logo
Fasilitas Toko Busana & Kecantika Database Toko Busana dan Kecantikan Tampak muka (Photo)
Pada bagian atas (header) layar tampilan busana & kecantikan
terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri, serta tombol kiri dan kanan.
Spesifikasi proses busana & kecantikan Mainkan animasi banner pada header
Mainkan lagu
Buka koneksi ke database Buka tabel penyewa
Tampilkan Nm Penyewa dengan syarat kategori sama dengan Busana & Kecantikan
Tampilkan Photo
JIKA tombol “Kiri” ditekan MAKA
Tampilkan data sebelumnya pada database ATAU JIKA tombol ”Kanan” ditekan MAKA
Tampilkan data berikutnya pada database Tutup tabel penyewa
Tutup koneksi ke database
3.4.4.8 Perancangan dan spesifikasi proses layar denah
Gambar 3.14 Tampilan layar menu denah
Pada bagian atas (header) layar tampilan denah terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri, serta 8 tombol navigasi yaitu : “Basement”, “Lt.1”, “Lt.2”, “Lt.3”, “Lt.4”, “Atap”.
Spesifikasi proses Denah
Mainkan animasi banner pada header Mainkan lagu
JIKA tombol “Basement” ditekan MAKA Panggil modul Basement.
ATAU JIKA tombol “Lt.1” ditekan MAKA Panggil modul Lt.1
ATAU JIKA tombol “Lt.2” ditekan MAKA Kios Informasi Plaza Slipi Jaya Logo
Denah Basement Lt. 1 Lt. 2 Lt. 3 Lt. 4 Atap
Panggil modul Lt.2
ATAU JIKA tombol “Lt.3” ditekan MAKA Panggil modul Lt.3
ATAU JIKA tombol “Lt.4” ditekan MAKA Panggil modul Lt.4
ATAU JIKA tombol “Atap” ditekan MAKA Panggil modul Atap
Akhir JIKA
AKHIR modul Denah
3.4.4.9 Perancangan dan spesifikasi proses layar denah detail
Gambar 3.15 Tampilan layar menu denah detail
Pada bagian atas (header) layar tampilan denah detail terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah
Kios Informasi Plaza Slipi Jaya Logo
Denah
Animasi berupa visualisasi ruangan yang dilihat dari berbagai sudut pandang. Lt. 1
kiri, Animasi berupa visualisasi ruangan yang dilihat dari berbagai sudut pandang akan secara otomatis berjalan, serta tombol navigasi ”Next”.
Spesifikasi proses Denah Detail
Mainkan animasi banner pada header Mainkan lagu
Mainkan animasi lantai
JIKA tombol ”Next” ditekan MAKA Panggil modul ”tuntunan” Akhir modul denah detail
3.4.4.10 Perancangan dan spesifikasi proses layar denah tuntunan
Gambar 3.16 Tampilan layar menu denah tuntunan
Pada bagian atas (header) layar tampilan denah tuntunan terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi
Kios Informasi Plaza Slipi Jaya Logo
Denah
Gambar denah lantai 1 Lt. 1
Daftar nama berupa link dari fasilitas yang ada di lantai 1
dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri.
Spesifikasi proses Denah
Mainkan animasi banner pada header Mainkan lagu
Buka koneksi ke database Buka tabel penyewa
Tampilkan gambar denah lantai 1
Tampilkan Nm Penyewa dengan syarat lantai sama dengan 1 Akhir modul denah detail
3.4.4.11 Perancangan dan spesifikasi proses layar tuntunan lanjut
Gambar 3.17 Tampilan layar tuntunan lanjut
Pada bagian atas (header) layar tampilan denah tuntunan lanjut terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya,
Kios Informasi Plaza Slipi Jaya Logo
Denah Gambar denah
lantai 1 beserta animasi tuntunan Lt. 1
diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri.
Spesifikasi proses Denah
Mainkan animasi banner pada header Mainkan lagu
Buka koneksi ke database Buka tabel penyewa
Tampilkan gambar denah lantai 1
Tampilkan Nm Penyewa dengan syarat lantai sama dengan 1 Akhir modul denah detail
3.4.4.12 Perancangan dan spesifikasi proses layar menu personal
Gambar 3.18 Tampilan layar menu personal
Pada bagian atas (header) layar tampilan menu personal terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi
Kios Informasi Plaza Slipi Jaya Logo
Personal
Kegiatan Sejarah
dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri, serta 2 tombol navigasi yaitu : “Sejarah”, “Kegiatan”
Spesifikasi proses personal
Mainkan animasi banner pada header
Mainkan lagu
JIKA tombol “Sejarah” ditekan MAKA Panggil modul Sejarah
ATAU JIKA tombol “Kegiatan” ditekan MAKA Panggil modul Kegiatan
Akhir JIKA
Akhir modul personal
3.4.4.13 Perancangan dan spesifikasi proses layar sejarah
Kios Informasi Plaza Slipi Jaya Logo
Personal Sejarah
Sejarah perkembangan slipi jaya, mulai dari awal berdiri, melewati tragedi penjarahan dan kebakaran, sampai kembali bangkit.
Gambar 3.19 Tampilan layar sejarah
Pada bagian atas (header) layar tampilan sejarah terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri, serta tampilan informasi mengenai sejarah plaza slipi jaya.
Spesifikasi proses sejarah
Mainkan animasi banner pada header Mainkan lagu
Tampilkan informasi sejarah Akhir modul sejarah
3.4.4.14 Perancangan dan spesifikasi proses layar kegiatan
Kios Informasi Plaza Slipi Jaya Logo
Gambar 3.20 Tampilan layar kegiatan
Pada bagian atas (header) layar tampilan kegiatan terdapat banner yang dianimasikan berdampingan dengan logo plaza slipi jaya, diiringi dengan lagu yang akan otomatis menyala pada saat tampilan muncul. Terdapat keterangan posisi menu yang sedang aktif disebelah kiri, serta tampilan informasi mengenai kegiatan plaza slipi jaya.
Spesifikasi proses kegiatan
Mainkan animasi banner pada header
Mainkan lagu
Tampilkan informasi kegiatan Akhir modul kegiatan
Kegiatan
Database Kegiatan Tampak
muka (Photo)