Bab 4 Hasil dan Pembahasan

(1)

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.

(2)

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.

(3)

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

(4)

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

(5)

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

(6)

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

(7)

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

(8)

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.

(9)

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.

(10)

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.

(11)

Kode Program 4.1 Perintah Database 1. <?php 2. $db_hostname = "localhost"; 3. $db_username = "root"; 4. $db_password = ""; 5. $db_name = "uksw"; 6.

7. if(!($koneksi = @mysql_connect($db_hostname, 8.$db_username, $db_password)) || 9.!@mysql_select_db($db_name, $koneksi)){

echo("Couldn't connect to database..."); exit; 10. } 11. else 12. { 13. function connect_db(){ 14. global

15. $db_hostname, $db_username, $db_password, $db_name; 16. mysql_connect($db_hostname, $db_username, $db_password);

17. mysql_select_db($db_name);

18. }

19. }

20. 21. ?>

Nama hostname yang digunakan dalam aplikasi ini adalah

“localhost” pada baris ke-2, username untuk melakukan login ke

dalam database dengan menggunakan “root” pada baris ke-3, dan

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;

(12)

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"]; 2. echo "<form name=\"saving\"

method=\"post\"action=\"./saving.php?tbb=".$db_tb."\">"; 3. echo "<table>"; 4. include_once("db.php"); 5. connect_db(); 6. $sqlstr = "DESC ".$db_tb; 7. $hasil = mysql_db_query($db_name, $sqlstr); 8. $row = mysql_fetch_row($hasil); 9. do{ 10. list($field) = $row; 11. $arrStr = str_split($field,3); 12. echo "<tr>"; 13. echo "<td>"; 14. echo "$field"; 15. echo "</td>"; 16. echo "<td>&nbsp:&nbsp</td>"; 17. echo "<td colspan='2'>"; 18. if($arrStr[0]=="id_"){

19. $sqlstr = "SELECT id, nama FROM ".substr($field,3)." ORDER BY nama 20.ASC";

20. $hasilval = mysql_db_query($db_name, $sqlstr); 21. echo "<label>";

22. echo "<select name=\"value".$field."\">"; 23. while($rowval = mysql_fetch_row($hasilval)) 24. {

25. echo "<option value=\"$rowval[0]\">"; 26. echo "$rowval[1]";

27. echo "</option>";

28. }

39. echo "</label>";

Kode Program 4.3 digunakan untuk input data. $db_tb =

$_GET[$table]; pada baris ke-1 bergungsi untuk membaca table

(13)

".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>";

5. //echo "<select name=\"value".$rowval[0]."\">"; 6. echo "<select name=\"$data[$j]\">";

7. while($rowval1 = mysql_fetch_row($hasilval1)) 8. {

9. echo "<option value=\"$rowval1[0]\">"; 10. echo "$rowval1[1]";

11. echo "</option>";

12. }

13. echo "</label>"; 14. }

Kode Program 4.4 digunakan untuk memanipulasi data.

$sqlstr1 = "SELECT id, nama FROM ".substr($data[$j],3)." ORDER BY nama ASC"; pada baris ke-2 digunakan untuk

menampilkan data dari database. echo "<select name=\"$data[$j]\">"; pada baris 6 jika data di simpan maka data akan tersimpan pada table dosen.

(14)

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();

(15)

5. $ruangan = $_POST['ruangan']; 6. $gedung = $_POST['gedung']; 7. if($_FILES['file']){ 8. if(copy($_FILES['file']['tmp_name'], $folderfile . '/' . $_FILES['file']['name'])) 9. {

10. $hasil = mysql_query("insert into gambar (nama,id_lantai_gedung, id_ruangan,id_gedung,size,type)values('{$_FILES['file'] ['name']}','$lantai','$ruangan','$gedung','{$_FILES['file'] ['size']}','{$_FILES['file']['type']}');"); 11. } 12. //unlink($_FILES['file']['tmp_name']); 13. }

Kode Program 4.6 digunakan untuk menambah gambar. Pada baris ke-10 digunakan untuk menyimpan data ke database uksw. Sedangkan untuk menghapus data dapat dilihat pada kode program 4.5

Kode Program 4.7 Perintah Pemeriksaan Session

1. session_start();

2. //periksa apakah user telah login atau memiliki session

3. $FakultasApa = $_SESSION['id_fakultas'];

4. $id_user = $_SESSION['id'];

5. if(!isset($_SESSION['id']) || !isset($_SESSION['hak_akses']))

6. {

Kode program 4.7 ada fungsi session, dimana terdapat parameter fakultas yaitu pada baris ke-3 $FakultasApa =

(16)

$_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">

(17)

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>

29. <input type="text" name="search" autocomplete="off" onkeyup="handleData();" id="search" class="text" value="Search!" onfocus="if (this.value == 'Search!') this.value = '';" onblur="if (this.value == '') this.value = 'Search!';" maxlength="255" />

(18)

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;

(19)

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 ". 17. "WHERE a.id = '".$id."'";

(20)

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

(21)

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

No

Pencarian

Pengujian Proses berdasarkan Kategori

Hasil

Dosen Ruangan Fakultas

1 Dosen    ok

2 Dosen   ok

3 Dosen  ok

4 Ruangan    ok

(22)

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.

(23)

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 yang terletak di dua tempat.