BAB 4 PERANCANGAN LAYAR 4.1 User Interface User Interface desaign adalah merupakan sebuah bagian dari bidang studi yang di sebut interaksi manusia dengan komputer. User interface merupakan bagian yang paling penting dari sistem komputer, karena dengan adanya user interface, pengguna komputer dapat berinterakasi langsung dengan sistem dan bertujuan untuk membuat pekerjaan penggunaan komputer jadi lebih mudah, produktif dan menyenangkan. Pada analisa dan perancangan pelayanan internet PT. Artha Telekomindo,Penulis membuat perancangan layar user interface agar pengguna komputer dapat mengoprasikan sistem dengan mudah dan produktif. Adapun rancangan layar user interface akan di tampilkan sebagai berikut : 1. Rancangan Layar Menu Utama Gambar 4.1 Tampilan Layar Menu Utama Pada tampilan layar menu utama login terdapat 2 pililan yaitu login admin dan login user
2. Halaman Login Admin Gambar 4.2 Tampilan Layar Login Administrator Potongan kode program Login admin : include "connect.php"; session_start(); if(isset($_post['login'])) $user=$_post['user']; $pass=$_post['pass']; $crypt=md5($pass); $slice=substr($crypt,0,15); $perintah="select * FROM user_adm WHERE usid='$user' && pass='$slice'"; $hasil=mysql_query($perintah,$conn); while($data = mysql_fetch_row($hasil)) $AWW0=$data[0]; $AWW1=$data[1]; $num = mysql_num_rows($hasil); if($num==1) // login benar // $_SESSION['username'] = $user; $_SESSION['password'] = $pass; <script language="javascript"> else document.location='../index_admin.php' </script>
dengan benar"); <script language="javascript"> alert("masukkan Username, password dan status Anda document.location='../login_admin.php'</script> 3. Halaman Menu Admin Gambar 4.3 Tampilan Layar Menu Admin Pada layar menu admin menampilkan menu pilihan menu update pelanggan, new tiket, tiket 4. Halaman Menu Data Pelanggan
Gambar 4.4 Tampilan Layar Menu Data Pelanggan Potongan kode program menu data pelanggan : /* session_start(); if(!isset($_session['user'])!isset($_session['pass'])) <script language='javascript'>alert("ma'af, Anda Tidak Memiliki Hak Untuk Akses Halaman Admin!!!"); document.location='../index.php'</script> else */ include "../cek/connect.php"; $id = $_GET['id']; $tampil = mysql_query("select * from pelanggan where id='$id'"); $data=mysql_fetch_array($tampil); $p=& $_POST; //Deklarasi global awal $vvirtual=""; $vnama=""; $vlokasi=""; $errcont=0; if(isset($p['submit'])) if($errcont==0) //POST data $sid = $_POST['sid']; $nama = $_POST['nama']; $lokasi = $_POST['lokasi']; $contact = $_POST['contact']; $telp = $_POST['telp']; $email = $_POST['email']; $layanan = $_POST['layanan'];
$des = $_POST['des']; $edit = mysql_query("update pelanggan set nama='$nama',lokasi='$lokasi',contact='$contact',telp='$telp',email='$email',layanan ='$layanan',des='$des' where id='$id'"); if($edit) <script language='javascript'> alert('berhasil Edit Data Pelanggan'); document.location='view_pelanggan.php'; </script> else <script language='javascript'> alert('gagal Dirubah'); history.go(-1); </script> <body class="latar"> <div align="center"> <link rel="stylesheet" type="text/css" href="../style.css"/> <table border="0" cellpadding="0" cellspacing="1" width="520" align="center"> <td height="30" align="center" class="judul">edit Data Pelanggan <td> <table cellpadding="4" cellspacing="1" width="520" border="0"> <td width="520" height="100" class="main"> <form action=" $_SERVER['PHP_SELF']; " method="post" enctype="multipart/form-data"> <table border="0" cellpadding="0" cellspacing="0" width="520" height="80" align="left"> php if($vvirtual!="") <td width="20"> <td width="100" height="30" align="left"><td> <td align="left">=$vvirtual else echo "";
width="20"> height="30" align="left"><td> align="left">=$vnama <td width="20"> <td width="100" height="30" align="left"> SID <td>: echo ($data['sid']); php if($vnama!="") <td else echo ""; <td width="100" <td <td width="20"> <td width="100" height="30" align="left"> Nama Pelanggan <td>: <input type="text" name="nama" size="50" maxlength="255" value=" if (isset($p['nama'])) echo ($p['nama']); else echo ($data['nama']);" > php if($vlokasi!="") <td width="20"> <td width="100" height="30" align="left"><td> <td align="left">=$vlokasi else echo ""; <td width="20"> <td align="left" valign="top" width="70">alamat Pelanggan <td width="10" valign="top">:
<td align="left" valign="top"><textarea rows="4" name="lokasi" cols="39"> if (isset($p['lokasi'])) echo htmlspecialchars($p['lokasi']); else echo ($data['lokasi']);</textarea> <td width="20"> <td width="100" height="30" align="left"> Contact <td>: <input type="text" name="contact" size="50" maxlength="255" value=" echo ($data['contact']);" > <td width="20"> <td width="100" height="30" align="left"> No. Telp <td>: <input type="text" name="telp" size="50" maxlength="255" value=" echo ($data['telp']);" > <td width="20"> <td width="100" height="30" align="left"> Email <td>: <input type="text" name="email" size="50" maxlength="255" value=" echo ($data['email']);" > <td width="20"> <td width="100" height="30" align="left"> Layanan <td>: <input type="text" name="layanan" size="50" maxlength="255" value=" echo ($data['layanan']);" > <td width="20"> <td width="100" height="30" align="left"> Description <td>: <textarea rows="4" name="des" cols="39"> echo ($data['des']);</textarea> <td width="20"> <td width="80" height="50" align="left"><td> <input type="submit" class="tmbl" name="submit"
value="simpan"> <input type="button" name="cancel" onclick="document.location='view_pelanggan.php'" class="tmbl" value="batal"> php if($warning=="") echo ""; else echo " <td colspan='4' height='25' align='center'><font color='red'>$warning</font> "; </table></form> </table> <td height="10"> </table> </body> /* */ Pada menu data pelanggan menampilan seluruh data pelanggan yang pernah di input oleh petugas /admistrator helpdesk sebelumnya dan menu ini terdapat input, edit dan delete. 5. Halaman Menu Create Tiket
Gambar 4.5 Tampilan Layar Menu Create Tiket Potongan kode program menu create tiket : session_start(); //periksa apakah user telah login atau memiliki session if(!isset($_session['username'])!isset($_session['password'])) <script language='javascript'>alert('anda belum login. Please login dulu!'); document.location='../index.php'</script> else $p=& $_POST; if(isset($p['submit'])) include "../cek/connect.php"; $id = $_GET['id']; $tampil = mysql_query("select * from pelanggan where id='$id'"); $data=mysql_fetch_array($tampil); $ids = $data['sid']; include "pros_inputtiket.php";
include "../cek/connect.php"; $id = $_GET['id']; $tampil = mysql_query("select * from pelanggan where id='$id'"); $data=mysql_fetch_array($tampil); $ids = $data['sid']; <html> <head> <title>untitled Document</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="../style.css"> </head> <body class="latar"> <div align="center"> <form action=" $_SERVER['PHP_SELF']; " method="post" name="pelanggan"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <td width="500" align="center" class="judul" height="30">new Ticket <td> <table width="400" border="0" cellpadding="0" cellspacing="0" align="center"> <td width="20"> <td width="100" height="30" align="left"> SID /td> <td>: echo ($ids);
<td width="20"> <td width="100" height="30" align="left"> PIC <td>: maxlength="255"> <input type="text" name="pic" size="50" <td width="20"> PIC <td width="100" height="30" align="left"> No.Telp <td>: maxlength="255"> <input type="text" name="no_telp" size="50" <td width="20"> Problem <td width="100" height="30" align="left"> <td>: maxlength="255"> <input type="text" name="problem" size="50" <td width="20"> <td width="100" height="30" align="left"> Staff <td>:
maxlength="255"> <input type="text" name="staff" size="50" <td width="20"> Departement <td width="100" height="30" align="left"> <td>: echo "<select name='dep1'>"; ORDER BY usid ASC"); Departement -</option>"; $tampil=mysql_query("select * FROM user echo "<option value='-m-' selected>- Pilih while($w=mysql_fetch_array($tampil)) value=$w[usid] selected>$w[usid]</option>"; echo "<option echo "</select>"; <td width="20"> to <td width="100" height="30" align="left"> Assign <td>:
echo "<select name='dep2'>"; ORDER BY usid ASC"); Departement -</option>"; $tampil=mysql_query("select * FROM user echo "<option value='-m-' selected>- Pilih while($w=mysql_fetch_array($tampil)) value=$w[usid] selected>$w[usid]</option>"; echo "<option echo "</select>"; <td width="20"> to <td width="100" height="30" align="left"> Assign <td>: echo "<select name='dep3'>"; ORDER BY usid ASC"); Departement -</option>"; $tampil=mysql_query("select * FROM user echo "<option value='-m-' selected>- Pilih while($w=mysql_fetch_array($tampil)) value=$w[usid] selected>$w[usid]</option>"; echo "<option echo "</select>";
<td width="20"> Priority <td width="100" height="30" align="left"> <td>: <select name='priority'> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> <td width="20"> <td width="100" height="30" align="left"> Status <td>: <select name='status'> <option value='open'>open</option> <option value='hold'>hold</option> <option value='close'>close</option> <td width="20"> <td width="100" height="30" align="left" valign="top"> Description <td valign="top">:
cols="40"></textarea> <textarea rows="10" name="desc" <tr height="5"> <tr valign="center"> <td colspan="4" height="20" align="center"> <input class="tmbl" name="submit" type="submit" id="submit" value="simpan"> <input class="tmbl" type="reset" name="cancel" value="reset"> <td colspan="4" align="right"> <a href="input_tiket.php"> <img src="../images/view.png" border="0" width="20" height="20" title="back" > Back</a> </table> </table> </form> </body> </html> Keterangan : Pada tampilan new tiket terdapat beberapa kolom yang harus ini dan harus lengkap semua termasuk tujuan divisi mana yang mau kirimkan tiket tersebut. 6. Halaman Tampilan Login User
7. Halaman Menu User Gambar 4.6 Tampilan Layar Login User Gambar 4.7 Tampilan Layar Menu User Pada layar menu user terdapat menu tiket terdapat tiket terbaru dan tiket yang masih berjalan maupun yang sudah terselesaikan. 8. Halaman Menu Tiketing User
Gambar 4.8 Tampilan Layar Menu Tiketing User Pada tampilan layar menu tiketing user terdapat respon yang harus di isi oleh user dan di assign ke admin apabila tiket sudah terupdate. 4.2 Kesimpulan Hasil Perancangan Dalam perancangan layar pelayanan internet PT. Artha Telekomindo antara lain: 1. Dalam perancangan layar layanan internet ini pada menu tiket pada administrator yang sudah bisa dioperasikan untuk proses insert, update dan delete data file master. 2. Design perancangan layar sangat memudahkan user untuk mengoprasikan aplikasi (user friendly). 3. Pada rancangan user interface : a. User dapat langsung mengisi deskripsi penanganan yang sedang berjalan b. User dapat langsung mengupdate pengangan gangguan yang telah selesai dikerjakan dimana saja selama dapat terkoneksi dengan jaringan internet. 4. Dalam perancangan layar layanan internet ini, otorisasi administrator ( helpdesk ) mempunyai hak akses sebagai super admin, noc, operasional dan network mempunyai hak akses hanya pada menu user.