Analisis Kebutuhan Output
Output yang akan dihasilkan adalah berupa program Virtual Map di mana dalam program tersebut dapat menunjukan ruangan
yang diinginkan sekaligus menunjukan ruangan dosen pengajaran dari setiap Fakultas yang berada di UKSW.
3.3.2 Perancangan Tampilan Aplikasi
Gambar 3.8 Form Login
Pada gambar 3.8 admin dapat mengakses aplikasi dengan cara memasukan username dan password apabilah berhasil maka
admin menuju ke halaman admin dan dapat penambah atau pun mengubah data.
Gambar 3.9. Desain Tampilan Utama
Gambar 3.9 adalah bentuk dasar dari tampilan aplikasi. Aplikasi ini terdiri dari 4 bagian yaitu header menu, body dan footer.
Pada bagian header terdapat background image dan pada kanan atas terdapat icon login yang berfungsi untuk mengakses aplikasi. Pada
bagian menu terdapat submenu yaitu beranda, kategori, fakultas dan search.
Menu beranda merupakan link ke halaman utama, sedangkan pada menu kategori terdapat dua pilihan yaitu pilihan dosen dan
ruangan. Jika memilih dosen maka pencarian ruangan akan dilakaukan berdasarkan ruangan dosen sedangkan jika memilih
ketegori ruangan, maka pencarian berdasarkan ruangan UKSW. Pada menu fakultas adalah keterori seluruh fakultas yang ada
di UKSW dan mengartikan bahwa kategori akan di batasi berdasarkan fakultas yang ada. Pada menu fakultas akan di utaman
berdasarkan pencarian dosen. Menu search merupakan menu untuk
melakukan pencarian sebagai contoh jika pengguna mencari ruangan A101.
Pada menu search pengguna menuliskan kata A maka semua yang mengandung A akan muncul dan saat memasukan A101 maka
akan menanpilkan link A101. Link A101 dapat di klik sehingga akan muncul denah rungan A101. Pada gambar 3.10 adalah contoh denah
A101 yang telah ditemukan berdasarkan pencarian ruangan.
Gambar 3.10 Denah Ruangan A101
Gambar 3.11 Utama Admin
Pada Gambar 3.11 menjelaskan tampilan utama adamin yaitu terdapat header, menu user, body, menu admin, dan footer. Pada
header menjelaskan tentang nama instansi dan terdapat icon logout. Menu user merupakn menu yang disediakan untuk pengguna
dapat melihat dan menggunakan aplilasi Layanan Informasi Mahasiswa. Body merupakan bidang yang inputan submenu dari
menu admin. Menu admin merupakan menu yang dapat di akses oleh
admin. Pada bagin menu terdapat submenu. Menu input data terdapat submenu fakultas, dosen, gedung, dan ruangan. Menu edit
terdapat submenu fakultas, dosen, gedung, dan ruangan, sedangkan pada menu upload terdapat menu upload gambar.
Gamber 3.12 Input Data Fakultas
Pada Gambar 3.12 admin memilih submenu fakultas, pada submenu fakultas terdapa tiga inputan yaitu id, nama, dan inisial. Id
merupakan id dari fakultas dengan tipe primary key, sedangkan nama merupakan nama dari tiap fakultas yang berada di UKSW.
Inisial merupakan singkatan atau pun nama yang sering di gunakan pada umumnya dan sering d kenal oleh mahasiswa.
Gambar 3.13 Input Data Dosen
Gamabar 3.7 admin memilih submenu dosen, pada submenu dosen terdapa tujuh inputan yaitu id, nama, dan inisial dosen,
fakultas, ruangan, lantai gedung, dan gedung. Id merupakan id dari fakultas dengan tipe primary key, sedangakan nama merupakan
nama pra dosen yang berada di UKSW. Inisial merupakan singkatan atau pun nama yang sering di gunakan pada umumnya dan sering di
kenal oleh mahasiswa. Fakultas merupakan tempat para dosen mengajar atau bertugas. sedangkan ruangan, gedung, dan lantai
gedung merupakan lokasih dan tempat kantor dosen pengajar.
Gambar 3.14 Input Data Gedung
Pada gambar 3.14 menjelaskan bahwa admin memilih submenu gedung di mana terdapat dua filed yaitu id dan nama. id
mempunyai tipe primary kay sedangkan nama merupakan nama gedung yang berada di UKSW.
Gamabr 3.15 Input Data Ruangan
Gambar 3.15 merupakan submenu ruangan dengan lima filed yaitu id, nama, gedung, lantai gedung dan fakultas. Id merupakan
primary kay, sedangakan nama menunjukan nama ruangan contohnya A101 seperti pada gambar 3.9.
Filed gedung dan lantai gedung merupakan nama gedung yang ada di UKSW dan lantai
menunjukan berada pada lantai berapa ruangan berada. Filed fakultas merupakan nama fakultas dari setiap fakultas yang berada di
UKSW
Gamber 3.16 Menu Edit Data
Gambar 3.16 adalah menu dimana terdapat empat submenu yaitu fakultas, dosen, ruangan, dan gedung. Pada gambar 3.16
adalah menu edit. Saat admin memilih filed submenu dengan filed fakultas maka akan muncul tampilan table fakultas dengan kolom
no, id, nama, inisal dan option. Pada kolom option terdapat dua menu yaitu hapus dan edit,
saat klik hapus maka data yang terpilih akan terhapus sedangkan jika memilih edit maka data yang terpilih akan ditampilkan kembali dan
dapat di update. Pada menu upload admin dapat menambahkan gambar denah
menambahkan data dan keterangan gambar.
3.3.3 Perancangan Struktur Tabel Data
