Bab 4 Hasil dan Pembahasan

Transkripsi

1 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 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 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 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

4 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 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 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 Halaman Data Dosen Gambar 4.4 Halaman Data Dosen

6 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 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 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 Halaman Upload Gamabar Gambar 4.6 Halaman Upload Gambar

8 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 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

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.

10 Halaman Denah ruang Gamabr 4.9 Halaman Denah Ruang Gambar 4.9 merupakan hasil dari pencarian gedung dan akan ditampilkan denah ruangan FTI Hasil dan perancangan Pada peranangan kali ini menampilkan beberapa coding yang telah di terapkan pada aplikasi.

11 47 Kode Program 4.1 Perintah Database 1. <?php 2. $db_hostname = "localhost"; 3. $db_username = "root"; 4. $db_password = ""; 5. $db_name = "uksw"; if(!($koneksi 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. } ?> 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(); #jika ditekan tombol login 5. if(isset($_post['login'])) 6. { 7. $username = $_POST['username']; 8. $password = $_POST['password']; $sql = "SELECT id,hak_akses,id_fakultas FROM dbuser 12. WHERE username='$username' && password='$password'"; 13. $result = mysql_db_query($db_name,$sql); 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; 22. $_SESSION['id_fakultas'] = $row[2];

12 48 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 pada database. $sqlstr = "SELECT id, nama FROM

13 49 ".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. Kode Program 4.5 Perintah Hapus Data

14 50 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(); 4. $lantai = $_POST['lantai'];

15 51 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 52 $_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"> 2. <ul id="nav" class="dropdown dropdown-horizontal">

17 53 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 <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; 15 }

19 55 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 56 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 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 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 4 Hapus data ok

21 57 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 Analisis Menggunakan Metode Black Box Tabel 4.2 Pengujian Tabel User No Pencarian Pengujian Proses berdasarkan Kategori Dosen Ruangan Fakultas Hasil 1 2 Dosen Dosen ok ok 3 Dosen ok 4 Ruangan ok 5 Ruangan ok

22 58 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. Gambar 4.10 search tidak dengan drop down

23 59 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.