Institutional Repository | Satya Wacana Christian University: Perancangan dan Implementasi Sistem Layananinformasi Tata Letak Ruang Berbasis Web Studi Kasus FTI UKSW Salatiga T1 672006312 BAB IV
37
Bab 4
Hasil dan Pembahasan
Pada bab ini memuat hasil dan pembahasan, seperti yang telah
di bahas di bab 3 maka pada bab ini akan di bahas implementasi
4.1 Implementasi
4.1.1
Implementasi Database
Setelah
dilakukan
implementasi
database
dan
table selanjutnya dilakukan pengaturan untuk menghubungkan
database yang sudah dibuat dengan aplikasi yang dibuat.
Pengaturan ini dilakukan pada db.php.
38
4.1.2 Halaman Login
Pada Gambar 4.1 merupakan halaman login Admin dan Admin
Fakultas Universitas Kristen Satya Wacana. Halama login
merupakan halaman untuk mengakses aplikasi segingga admin dapat
mengolah data sesuai dengan kebutuhan pengguna.
Gambar 4.1. Halaman Login
Gambar 4.1 merupakan halaman login admin. Untuk
melakukan login sebagai admin, user memasukkan username dan
password agar dapat mengakses Layanan Informasi Mahasiswa
berupa, mengolah data dosen, mengolah data ruangan, data gedung,
data fakultas, data lantai, data gambar denah.
Lebih jauh dapat dilihat dalam kode Program 4.2 dalam
fungsi periksa.
39
4.1.3 Halaman Profil Admin Utama
Gambar 4.2 Halaman Admin
Gambar 4.2 merupakan halaman profil admin,pada halaman
ini terdapat header, menu user , menu admin, submenu body, dan
footer. Header terdapat nama situs instani, dan pada meu user
40
merupakan menu yang akan digunakan oleh mahasiswa untuk
menggunakan aplikasi ini. Menu admin merupakan menu untuk
mengolah
data.
Body
merupakan
halaman
yang
berfungsi
menampilkan data yang akan di edit maupun pengimputan data oleh
admin. Pada tiap menu terdapat submenu yaitu pada menu Input data
terdapat submenu fakultas,dosen, gedung, dan tuangan, begitu juga
pada menu show terdapat submenu yaitu fakultas, dosen, gedung,
dan ruangan. Pada menu upload terdapat sub menu upload.
4.1.4 Halaman Tambah Dosen
Gambar 4.3 Halaman Tambah Dosen
Gambar 4.3 merupakan halaman admin. Untuk mengakses
halaman ini, admin terlebih dahulu harus memilih sub menu “input
41
data” pada submenu dosen atau fakultas, gedung, maupun ruangan.
Pada halaman ini admin dapat menambah osen atau fakultas,
gedung, maupun ruangan. Admin juga dapat mengolah jika terjadi
perubahan data dan juga menghapus data yang sudah ada.
4.1.5 Halaman Data Dosen
Gambar 4.4 Halaman Data Dosen
42
Gambar 4.4 merupakan halaman data Dosen. Pada halaman
ini admin dapat memilih data dosen atau fakultas, gedung, maupun
ruangan, jika atelah memilih maka admin dapat dapat menentukan
data yang akan di hapus maupun mengganti data lama dengan data
baru. Jika admin ingin mengganti nama dosen maka admin dapat
memilih salah satu nama yang ada pada table dosen. Jika admin
ingin menghapus maka admin dapat memilih salah satu dosen pada
table dosen kemudian klik delete maka dosen yang terpilih akan
terhapus dari database
4.1.6 Halaman Edit Dosen
Gambar 4.5 Halaman Edit Dosen
Gambar 4.5 merupakan edit dosen. Pada halaman ini admin
dapat mengganti identitas dosen. Data pada Gambar 4.5 merupakan
43
data dosen Fakultas Seni dan Pertunjukan jika admin ingin megganti
identitas dosen maka admin dapat memili data yang telah tersedia,
sebagai contoh admin ingin mengganti fakultas, maka admin dapat
memilih fakultas yang tersedia dan begitu juga dengan ruangn
maupun gedung tempat dosen tersebut berada.
4.1.7 Halaman Upload Gamabar
Gambar 4.6 Halaman Upload Gambar
44
Gambar 4.6 merupakan halaman upload gambar. Pada
halaman ini admin dapat menambah atau menghapus gambar yang
telah ada. Admin juga dapat mengundu gambar yang telah ada.
4.1.8 Halaman Edit Ruangan Dosen
Gambar 4.7 merupakan halaman edit ruangan dosen yang
berada pada admin fakultas. Admin fakultas hanya dapat mengubah
data pada fakultas itu sendiri. Admin juga dapat mengubah data jika
terjadi kesalahan inputan pada dosen.
Gamber 4.7 Halaman Edit Ruangan Dosen
45
4.1.9 Halaman Pencarian
Gambar 4.8 Halaman Pencarian
Gambar 4.8 merupakan halaman pencarian ruangan dosen
yang berada pada halaman user atau pengguana. Pada bagian ini
pengguna dapat melakukan pencarian berdasarkan kategori dosen,
ruagan dan sekaligus dapan untuk mempersempin pencaharian,
pengguna dapat memilih fakultas yang di inginkan. Sebagai contoh
pada Gambar 4.8 adalah pencarian berdasarkan ruangan FTI 302.
46
4.1.10 Halaman Denah ruang
Gamabr 4.9 Halaman Denah Ruang
Gambar 4.9 merupakan hasil dari pencarian gedung dan akan
ditampilkan denah ruangan FTI 302.
4.2 Hasil dan perancangan
Pada peranangan kali ini menampilkan beberapa coding yang
telah di terapkan pada aplikasi.
47
Kode Program 4.1 Perintah Database
1.
2.
3.
4.
5.
6.
7.
Bab 4
Hasil dan Pembahasan
Pada bab ini memuat hasil dan pembahasan, seperti yang telah
di bahas di bab 3 maka pada bab ini akan di bahas implementasi
4.1 Implementasi
4.1.1
Implementasi Database
Setelah
dilakukan
implementasi
database
dan
table selanjutnya dilakukan pengaturan untuk menghubungkan
database yang sudah dibuat dengan aplikasi yang dibuat.
Pengaturan ini dilakukan pada db.php.
38
4.1.2 Halaman Login
Pada Gambar 4.1 merupakan halaman login Admin dan Admin
Fakultas Universitas Kristen Satya Wacana. Halama login
merupakan halaman untuk mengakses aplikasi segingga admin dapat
mengolah data sesuai dengan kebutuhan pengguna.
Gambar 4.1. Halaman Login
Gambar 4.1 merupakan halaman login admin. Untuk
melakukan login sebagai admin, user memasukkan username dan
password agar dapat mengakses Layanan Informasi Mahasiswa
berupa, mengolah data dosen, mengolah data ruangan, data gedung,
data fakultas, data lantai, data gambar denah.
Lebih jauh dapat dilihat dalam kode Program 4.2 dalam
fungsi periksa.
39
4.1.3 Halaman Profil Admin Utama
Gambar 4.2 Halaman Admin
Gambar 4.2 merupakan halaman profil admin,pada halaman
ini terdapat header, menu user , menu admin, submenu body, dan
footer. Header terdapat nama situs instani, dan pada meu user
40
merupakan menu yang akan digunakan oleh mahasiswa untuk
menggunakan aplikasi ini. Menu admin merupakan menu untuk
mengolah
data.
Body
merupakan
halaman
yang
berfungsi
menampilkan data yang akan di edit maupun pengimputan data oleh
admin. Pada tiap menu terdapat submenu yaitu pada menu Input data
terdapat submenu fakultas,dosen, gedung, dan tuangan, begitu juga
pada menu show terdapat submenu yaitu fakultas, dosen, gedung,
dan ruangan. Pada menu upload terdapat sub menu upload.
4.1.4 Halaman Tambah Dosen
Gambar 4.3 Halaman Tambah Dosen
Gambar 4.3 merupakan halaman admin. Untuk mengakses
halaman ini, admin terlebih dahulu harus memilih sub menu “input
41
data” pada submenu dosen atau fakultas, gedung, maupun ruangan.
Pada halaman ini admin dapat menambah osen atau fakultas,
gedung, maupun ruangan. Admin juga dapat mengolah jika terjadi
perubahan data dan juga menghapus data yang sudah ada.
4.1.5 Halaman Data Dosen
Gambar 4.4 Halaman Data Dosen
42
Gambar 4.4 merupakan halaman data Dosen. Pada halaman
ini admin dapat memilih data dosen atau fakultas, gedung, maupun
ruangan, jika atelah memilih maka admin dapat dapat menentukan
data yang akan di hapus maupun mengganti data lama dengan data
baru. Jika admin ingin mengganti nama dosen maka admin dapat
memilih salah satu nama yang ada pada table dosen. Jika admin
ingin menghapus maka admin dapat memilih salah satu dosen pada
table dosen kemudian klik delete maka dosen yang terpilih akan
terhapus dari database
4.1.6 Halaman Edit Dosen
Gambar 4.5 Halaman Edit Dosen
Gambar 4.5 merupakan edit dosen. Pada halaman ini admin
dapat mengganti identitas dosen. Data pada Gambar 4.5 merupakan
43
data dosen Fakultas Seni dan Pertunjukan jika admin ingin megganti
identitas dosen maka admin dapat memili data yang telah tersedia,
sebagai contoh admin ingin mengganti fakultas, maka admin dapat
memilih fakultas yang tersedia dan begitu juga dengan ruangn
maupun gedung tempat dosen tersebut berada.
4.1.7 Halaman Upload Gamabar
Gambar 4.6 Halaman Upload Gambar
44
Gambar 4.6 merupakan halaman upload gambar. Pada
halaman ini admin dapat menambah atau menghapus gambar yang
telah ada. Admin juga dapat mengundu gambar yang telah ada.
4.1.8 Halaman Edit Ruangan Dosen
Gambar 4.7 merupakan halaman edit ruangan dosen yang
berada pada admin fakultas. Admin fakultas hanya dapat mengubah
data pada fakultas itu sendiri. Admin juga dapat mengubah data jika
terjadi kesalahan inputan pada dosen.
Gamber 4.7 Halaman Edit Ruangan Dosen
45
4.1.9 Halaman Pencarian
Gambar 4.8 Halaman Pencarian
Gambar 4.8 merupakan halaman pencarian ruangan dosen
yang berada pada halaman user atau pengguana. Pada bagian ini
pengguna dapat melakukan pencarian berdasarkan kategori dosen,
ruagan dan sekaligus dapan untuk mempersempin pencaharian,
pengguna dapat memilih fakultas yang di inginkan. Sebagai contoh
pada Gambar 4.8 adalah pencarian berdasarkan ruangan FTI 302.
46
4.1.10 Halaman Denah ruang
Gamabr 4.9 Halaman Denah Ruang
Gambar 4.9 merupakan hasil dari pencarian gedung dan akan
ditampilkan denah ruangan FTI 302.
4.2 Hasil dan perancangan
Pada peranangan kali ini menampilkan beberapa coding yang
telah di terapkan pada aplikasi.
47
Kode Program 4.1 Perintah Database
1.
2.
3.
4.
5.
6.
7.