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.
4.1.2
Halaman
Login
Pada Gambar 4.1 merupakan halaman loginAdmin 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.
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
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 menuInput 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 HalamanTambah Dosen
Gambar 4.3 merupakan halaman admin. Untuk mengakses
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 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
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 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.
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.
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
Kode Program 4.1 Perintah Database
7. if(!($koneksi = @mysql_connect($db_hostname, 8.$db_username, $db_password)) || 9.!@mysql_select_db($db_name, $koneksi)){
15. $db_hostname, $db_username, $db_password, $db_name; 16. mysql_connect($db_hostname, $db_username, $db_password);
database yang digunakan diberi nama “uksw” pada baris ke-5.
Kode Program 4.2 Perintah Validasi Password (periksa) 1. include_once("db.php");
2. connect_db(); 3.
4. #jika ditekan tombol login 5. if(isset($_POST['login']))
6. {
7. $username = $_POST['username']; 8. $password = $_POST['password']; 9.
10.
11. $sql = "SELECT id,hak_akses,id_fakultas FROM dbuser 12. WHERE username='$username' && password='$password'";
13. $result = mysql_db_query($db_name,$sql); 14.
15. if($row = mysql_fetch_row($result))
16. {
17. $hak = "user";
18. if($row[1] == "A" || $row[1] == "a")
19. $hak="admin";
20. $_SESSION['id'] = $row[0];
21. $_SESSION['hak_akses'] = $hak;
Kode Program 4.2 digunakan untuk melakukan proses login
bagi admin dan admin fakultas. Function login pada baris ke-18
sampai dengan baris ke-22 digunakan untuk memeriksa user yang
saat melakukan login. Jika saat di periksa user $hak=admin maka
user akan mesuk ke bagian admin utama jika tidak maka hak akses
akan dialihkan sebagai fakultas.
Kode Program 4.3 Perintah Fungsi Dosen Admin (Administrator)
1. $db_tb = $_GET["tb"];
6. $sqlstr = "DESC ".$db_tb;
7. $hasil = mysql_db_query($db_name, $sqlstr); 8. $row = mysql_fetch_row($hasil);
19. $sqlstr = "SELECT id, nama FROM ".substr($field,3)." ORDER BY nama 20.ASC";
".substr($field,3)." ORDER BY nama ASC"; menampilkan kolom
pada database.
Kode Program 4.4 Perintah Edit Dosen 1.if(substr($data[$j],0,3)=="id_"){
2. $sqlstr1 = "SELECT id, nama FROM ".substr($data[$j],3)." ORDER BY nama ASC";
3. $hasilval1 = mysql_db_query($db_name, $sqlstr1);
4. echo "<label>";
name=\"$data[$j]\">"; pada baris 6 jika data di simpan maka data
akan tersimpan pada table dosen.
1. require_once "db.php";
2. connect_db();
3. //$jumlah = $_POST['jumlah'];
4. // Ambil kode yang dilewatkan pemanggilnya
5. $db = $_GET['dbb'];
6. $id = $_GET['id'];
7. // Konversi nilainya
8. //$kode = balik_teks($kode);
9. $sqlstr = "DESC $db";
10. $hasil = mysql_db_query($db_name, $sqlstr);
11. $row = mysql_fetch_row($hasil);
12. list($field) = $row;
13. $strsql = "DELETE FROM $db WHERE $field = '$id'";
14. $result = mysql_db_query($db_name, $strsql);
15. if (mysql_affected_rows() > 0)
16. echo "<center><font color='#0000FF' size=\"+2\">Data has been deleted.</font></center>";
17. else
18. echo "<center><font color='#FF0000' size=\"+2\">Error delete data.</font></center>";
Kode Program 4.5 digunakan untuk manghapus data. $strsql =
"DELETE FROM $db WHERE $field = '$id'"; pada baris ke-13
berfungsi manghapus data pada database uksw.
Kode Program 4.6 Perintah Tambah Gambar 1. include_once('config.php');
2. include_once('db.php');
3. connect_db();
5. $ruangan = $_POST['ruangan'];
10. $hasil = mysql_query("insert into gambar (nama,id_lantai_gedung, id_ruangan,id_gedung,size,type)values('{$_FILES['file']
Kode Program 4.7 Perintah Pemeriksaan Session
1. session_start();
2. //periksa apakah user telah login atau memiliki session
$_SESSION['id_fakultas'];. Parameter FakultasApa berfungsi untuk
menyimpan id fakultas.
Kode Program 4.8 Perintah Edit Data
1. if ($db==dbuser ){
2. $sql = $sql." FROM $db WHERE id=".$id_user." LIMIT $awal_record, $per_halaman";
3. }
4. else if ($db==dosen ){
5. $sql = $sql." FROM $db WHERE id_fakultas = '".$FakultasApa."' ORDER BY nama ASC"." LIMIT $awal_record, $per_halaman";
6. }
7. else{
8. $sql = $sql." FROM $db "."LIMIT $awal_record, $per_halaman";
9. }
Kode Program 4.8 digunakan untuk memeriksa berdasarkan id
fakultas. Pada baris ke-1 pengecekan berdasarkan data login
sedangakan pada baris ke-5 berdasarkan fakultas atau data login
pada saat admin mengakses aplikasi. $sql = $sql." FROM $db
WHERE id_fakultas = '".$FakultasApa."' ORDER BY nama ASC".
pada baris ke-7 digunakan untuk memeriksa user sehingga pada saat
menampilkan data, sesuai dengan hak akses dari fakultas.
Kode Program 4.9 Perintah Menu Search
1. <form method="post" action="search.php">
3. <li class="first"><a href="index.php">Home</a> |</li>
4. <li class="dir"><a href="map.php">Gedung Uksw</a></li>
5. <li class="dir"><select
name="kategori"align="center"id="kategori">
6. <option value="cn">Semua Kategori</option>
7. <option value=""> --- </option>
8. <option value="RNG">Ruangan</option>
9. <option value="DS">Dosen</option>
10. </select>
11. <select name="fakultas" size="1" id="fakultas">
12. <option value="UKSW">ALL Fakultas Universitas Kristen Satya Wacana</option>
13. <option value="">- - - </option>
14. <?php
15. include_once("db.php");
16. connect_db();
17. $sql = "SELECT id, nama FROM fakultas";
18. $hasil = mysql_db_query($db_name,$sql);
19. while($row = mysql_fetch_row($hasil)){
20. echo "<option value=\"$row[0]\">";
21. echo "$row[1]";
22. echo "</option>";
23. }
24. ?>
25. </option>
26. </select>
27. <li class="dir last">
28. <label for="search"></label>
30. <input type="image" src="images/btn_search.png" class="button" />
31. </form>
Kode Program 4.9 adalah menu search. $sql= "SELECT
id, nama FROM fakultas"; pada baris ke-17 menerangkan bahwa
menu untuk memilih fakultas di import dari database uksw table
fakultas.
Kode Program 4.10 Perintah Search
1. if($_POST['fakultas'] != "" && $_POST['fakultas'] != "UKSW"){
2. $temp = "AND id_fakultas = \"".$_POST['fakultas']."\" ";
3. }
4. $sql = "SELECT \"dosen\",id, nama FROM dosen WHERE MATCH (nama,inisial_dosen,id_fakultas) "."AGAINST ('*".$cari."*' IN BOOLEAN MODE) ".$temp;
5. if ($_POST['kategori'] != "DS")
6. {
7. //$sql = $sql."UNION ALL ".
8. // "SELECT \"ruangdosen\", id, id_dosen FROM ruangdosen WHERE MATCH (id_dosen) ".
9. // "AGAINST ('*".$cari."*' IN BOOLEAN MODE) ".$temp;
10. $sql = $sql."UNION ALL "."SELECT \"ruangan\", id, nama FROM ruangan WHERE MATCH (nama) "."AGAINST ('*".$cari."*' IN BOOLEAN MODE) ".$temp;
11. }
12. if($_POST['kategori'] == "RNG")
13. {
14. $sql = "SELECT \"ruangdosen\", id,id_dosen from ruangdosen where id_ruangan LIKE '%".$cari."%'". $temp. "union all select \"ruangan\", id,nama from ruangan where nama like '%". $cari."%'".$temp;
Untuk mendapatkan pencarian berdasarkan semua kategori
dibutuhkan “UNION ALL” . “ berikutnya agar pecarian dapat
disesuaikan dengan kategori maka pada baris ke-10 menerangakan
untuk pemilihan fakultas dan baris ke-10 berdasarkan pilihan dosen
dan pada baris ke-14 adalah berdasarkan pemilihan ruangan.
Kode Program 4.11 Perintah Tampilan Denah Ruangan Dosen 1. if($table == 'dosen')
2. {
3. if($row = mysql_fetch_array($result))
4. {
5. echo "<tr><td>Details about Ruangan <b>{$row['nama']}</b> :</td></ tr>";
6. echo "<tr><td> </td></tr>";
7. $dos = "SELECT a.nama,".
8. "b.nama AS 'Gedung', c.nama AS 'Lantai',d.nama AS ' Ruang ' , a.id, 9.b.id ,a.inisial_dosen,d.id ".
10. "FROM dosen a ".
11. "JOIN gedung b ".
12. "ON a.id_gedung = b.id ".
13. "JOIN lantai_gedung c ".
14. "ON c.id = a.id_lantai_gedung ".
15. " JOIN ruangan d ".
16. "ON d.id = a.id_ruangan ".
Kode Program 4.11 tampilan denah ruangan dosen. Pada
baris ke-7 data ditampilkan berdasarkan data dosen dan baris ke-10
menerangkan bahwa data di panggil dari table dosen.
4.3 Pengujian Aplikasi
Setelah tahapan perancangan dan pembuatan aplikash telah
dilaksanakan maka pada bagian ini dilakukan pengujian aplikasi
agar dapat mengetahui tolak ukur keberhasilan kebutuhan dari user.
Kriteria yang dijadikan acuan dalam melakukan pengujian
sistem aplikasi disini akan menggunakan metode validation untuk
membuktikan keabsahan dari suatu program yang akan dipakai
pengguna.
4.3.1 Analisis Untuk Kinerja Aplikasi
Guna mengetahui kinerja dari aplikasi layanan tata letak
ruang, maka dilakukan pengujian berbasis Black Box. Hasil
pengujian terlihat pada Tabel 4.1, dan Tabel 4.2.
4.3.2 Menggunakan Metode
Black Box
Tabel 4.1 Pengujian Tabel Admin
No Pengujian Proses Hasil
1 Login ok
2 Tambah data (fakultas, gedung,ruang,gedung) ok
3 Edit data ok
5 Upload Gambar ok
6 Edit data kelas ok
7 Ubah password ok
8 Ubah ruangan dosen ok
9 Salah input login ok
10 Log out ok
Berdasarkan Tabel 4.1, terlihat bahwa hasil pengujian yang
dilakukan terkait proses admin menunjukkan bahwa tidak terdapat
masalah pada semua proses pengujian pada kategori admin. Hasil ini
memperlihatkan bahwa antara proses perancangan yang dilakukan
dan hasil implementasi tidak mengalami perbedaan dan sesuai
dengan yang diharapkan.
4.3.3 Analisis Menggunakan Metode
Black Box
Tabel 4.2 Pengujian Tabel User
6 Ruangan ok
7 Ruangan ok
Berdasarkan Tabel 4.2, terlihat bahwa dengan menggunakan
metode pengujian Black Box, maka tidak terdapat masalah pada
tabel user. semua fungsi yang diterapkan dalam tabel ini tidak
terdapat masalah. Hal ini menunjukkan bahwa antara perancangan
yang dilakukan dengan hasil implementasi tidak terdapat masalah.
4.4. Metode Pengujian
Pada sub bab ini akan di bahas mengenai tahap pengujian yang
telah dilakukan. Pada tahap pertama aplikasi menampilkan menu
searching tanpa ada drop down, sedangan pada hasil evaluasi terjadi
perubahan disain pada aplikasi. Pada tahap kedua aplikasi
ditambahkan drop down pada menu searching sehingga pengguna
dapat mengetahui dan dipermudah dalam pencarian tata letak ruang
yang diinginkan.
Pada Gambar 4.10 pengguna memasukan kata yang dicari tanpa ada
bantuan pilihan.
Gambar 4.11 search dengan drop down
Pada Gamber 4.11 pengguna memasukan tiga huruf “ mos ”
dari menu searching menampilkan pilihan ramos sebagai pilihan
untuk utama yang akan di cari.
Berdasarkan wawancara dan ujicoba aplikasi yang dilakukan
oleh mahasiswa FTI UKSW menyatakan bahwa aplikasi tata letak
tuang berbasis wab dapat membantu pencarian lokasi ruang dosen
