Sistem informasi pengaduan kecelakaan berkendara di kota Medan berbasis website menggunakan PHP dan MYSQL
SURAT KETERANGAN
Hasil Uji Program Tugas Akhir
Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika:
Nama : DJOEL HASUDUNGAN SITORUS NIM : 132406073
Prog. Studi : D3 Teknik Informatika
Judul TA : Sistem informasi pengaduan kecelakaan berkendara di kota Medan berbasis website menggunakan PHP dan MYSQL
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal……….
Dengan Hasil : Sukses / Gagal
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.
Medan, Juni 2016 Dosen Pembimbing
Drs.Henry Rani Sitepu,M,Si. NIP. 195303031983031002
(2)
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : Djoel Hasudungan Sitorus Nomor Stambuk : 132406073
Judul Tugas Akhir : Sistem informasi pengaduan kecelakaan berkendara di kota Medan berbasis website menggunakan PHP dan MYSQL
Dosen Pembimbing : Drs.Henry Rani Sitepu,M,Si. Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan : No. Tanggal
Asisten Bimbingan
Pembahasan pada Asistensi Mengenai,
pada Bab :
Paraf Dosen Pembimbing Keteranga n 1. 2. 3. 4. 5. 6.
∗ Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.
Diketahui, Disetujui,
Ketua Program Studi D3 Teknik Informatika, Pembimbing,
Dr. Elly Rosmaini, M.Si Drs.Henry Rani Sitepu,M,Si.
(3)
LAMPIRAN LISTING PROGRAM WEBSITE
1. index.php
<?php include "header.php" ?>
<section id="main-slider" class="no-margin"> <div class="carousel slide">
<div class="carousel-inner">
<div class="item active" style="background-image: url(images/slider/djoel.jpg)"> <div class="container">
<div class="row slide-margin"> <div class="col-sm-6">
<div class="carousel-content">
<h2 class="animation animated-item-1"><span>Hargai Hidupmu</span></h2>
<p class="animation animated-item-2">Banyak Orang Tercinta Menunggu Anda</p>
</div> </div>
<div class="col-sm-6 hidden-xs animation animated-item-4"> <div class="slider-img">
</div> </div>
</div> </div> </div>
(4)
</div>< </div>< </section>
<section id="conatcat-info"> <div class="container">
<div class="row"> <div class="col-sm-8">
<div class="media contact-info wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
<div class="pull-left"> <i class="fa fa-phone"></i> </div>
<div class="media-body">
<h2>Bila ada pertanyaan ?</h2>
<p>Silahkan hubungi saya 081262344000</p> </div>
</div> </div> </div> </div> </section>
<?php include "footer.php" ?>
2. header.php
<!DOCTYPE html> <html lang="en">
(5)
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>Pengaduan Kecelakaan Berkendara di Kota Medan</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/animate.css">
<link href="css/prettyPhoto.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet" />
</head> <body>
<header>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse.collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
(6)
<a
href="index.php"><h1><span>Pengaduan </span>Kecelakaan</h1></a> </div>
</div>
<div class="navbar-collapse collapse">
<div class="menu">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation"><a href="index.php" class="active">Beranda</a></li>
<li role="presentation"><a href="daftar_pengaduan.php">Daftar Pengaduan</a></li>
<li role="presentation"><a href="berita.php">Berita</a></li>
<li role="presentation"><a href="login_user.php">Login User</a></li>
<li role="presentation"><a href="login_admin.php" target="_blank">Login Admin</a></li>
</ul> </div> </div> </div>
</div> </nav>
</header>
3. footer.php
(7)
<div class="footer">
<div class="container">
<div class="social-icon"> <div class="col-md-4">
<ul class="social-network">
<li><a href="#" class="fb tool-tip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="twitter tool-tip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" class="gplus tool-tip" title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" class="linkedin tool-tip" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" class="ytube tool-tip" title="You Tube"><i class="fa fa-youtube-play"></i></a></li>
</ul> </div> </div>
<div class="col-md-4 col-md-offset-4"> <div class="copyright">
© Januari 2016 by Djoel Sitorus.Keselamatan Berlalulintas .
</div>
</div> </div>
<div class="pull-right">
<a href="#home" class="scrollup"><i class="fa fa-angle-up fa-3x"></i></a>
(8)
</div> </footer>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.prettyPhoto.js"></script> <script src="js/jquery.isotope.min.js"></script>
<script src="js/wow.min.js"></script> <script src="js/functions.js"></script>
</body> </html>
4. daftar_pengaduan.php
<?php include "header.php" ?>
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
(9)
<li><a href="daftar_pengaduan.php">Data Pengaduan</a></li>
</div> </div>
</div>
<div class="aboutus">
<div class="container">
<h3>Data Daftar Pengaduan</h3> <div class="container">
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<h5><?php include "data_pengaduan.php" ?></h5> </div>
</div>
</div> </div>
<?php include "footer.php" ?>
5. berita.php
<?php include "header.php" ?>
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
(10)
<li><a href="berita.php">Data Berita</a></li>
</div> </div>
</div>
<div class="aboutus">
<div class="container">
<h3>Data Daftar Berita</h3> <div class="container">
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<ul> <?php
require_once("conn.php");
$tampil=mysql_query("SELECT * FROM tbl_informasi order by id_informasi DESC LIMIT 0,25");
while($row=mysql_fetch_object($tampil)){ ?>
<div class="imgl"><img src="images/<?php echo ucwords("$row->photo"); ?>" alt="" width="160px" border="3" /></div>
<p><strong><?php echo ucwords("$row->judul_informasi"); ?></strong></p>
<?php
$kalimat="$row->isi_informasi"; $jumlahkarakter=400;
$cetak = substr($kalimat, 0, $jumlahkarakter); echo "$cetak";echo "....";
?>
<p class="readmore"><a href="baca_berita.php?id_informasi=<?php echo ucwords("$row->id_informasi")?>">Baca Selengkapnya »</a></p>
(11)
<?php } ?> </ul> </div> </div>
</div> </div>
<?php include "footer.php" ?>
6. login_user.php
<?php include "header.php" ?>
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
<li><a href="index.php">Beranda</a></li>
<li><a href="login_user.php">Login User</a></li>
</div> </div>
</div>
<div class="aboutus">
(12)
<h3>Panel Login User</h3> <div class="container">
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<h5><form id="form1" name="form1" method="post" action="proses_login_user.php">
<label> <br/> </label> <br/> <br />
<table width="50%" border="0" cellpadding="3" cellspacing="3"> <tr>
<th scope="row" align="left">Nama Pengguna </font></th>
<td><input name="username" type="text" id="user" size="13" value="Username" maxlength="20" onFocus="cek_isi(this)" onBlur="cek_isi2(this)" /></td>
</tr> <tr>
<th scope="row" align="left">Kata Sandi </th>
<td><input name="password" type="password" id="pass" value="Password" size="13" maxlength="20" onFocus="cek_isi(this)" onBlur="cek_isi2(this)" /></td>
</tr> <tr>
<th scope="row"> </th>
<td><input type="submit" name="login" id="login" value="Login" align="absmiddle"/></td>
</tr> <tr>
<th scope="row"> </th> <td> </td>
(13)
<tr>
<th colspan="2" scope="row">Bila belum punya ID, silahkan daftar <a href="daftar.php">disini ...</a></th>
</tr> </table> <br/> </label> </form>
<script language='javascript'>
function cek_isi(inputan) {
if(inputan.value != "") { inputan.value=''; }
}
function cek_isi2(inputan) {
if( inputan.value== '') { inputan.value='Username'; }}
</script>
<br/><br/><br/><br/><br/></h5>
</div> </div>
(14)
</div>
<?php include "footer.php" ?>
7. Daftar.php
<?php include "header.php" ?>
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
<li><a href="index.php">Beranda</a></li> <li>Pendaftaran</li>
</div> </div>
</div>
<div class="aboutus">
<div class="container">
<h3>Formulir Pendaftaran</h3> <div class="container">
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<h5><form id="form1" name="form1" method="post" action="proses_daftar_user.php">
<label> <br/> </label> <br/>
(15)
<br />
<table width="100%" border="0" cellpadding="3" cellspacing="3"> <tr>
<th width="23%" align="left" scope="row">Nama Pengguna </font></th> <td width="77%"><input name="nama_pengguna" type="text" id="user" size="20" value="Username" maxlength="20" onFocus="cek_isi(this)" onBlur="cek_isi2(this)" /></td> </tr>
<tr>
<th scope="row" align="left">Kata Sandi </th>
<td><input name="password" type="password" id="pass" value="Password" size="20" maxlength="20" onFocus="cek_isi(this)" onBlur="cek_isi2(this)" /></td>
</tr> <tr>
<th scope="row" align="left">Alamat </th>
<td><input name="alamat" type="text" id="pass" value="Alamat " size="50" onFocus="cek_isi(this)" onBlur="cek_isi2(this)" /></td>
</tr> <tr>
<th scope="row" align="left">Jenis Kelamin </th> <td><label>
<select name="jenkel" id="jenkel">
<option value="Laki-laki">Laki-laki</option> <option value="Perempuan">Perempuan</option> </select>
</label></td> </tr>
<tr>
<th align="left" scope="row">No Telepon</th>
<td><input name="notel" type="text" id="user2" size="20" value="Nomor Telepon" maxlength="20" onFocus="cek_isi(this)" onBlur="cek_isi2(this)" /></td>
(16)
<tr>
<th scope="row"> </th>
<td><input type="submit" name="login" id="login" value="Daftar" align="absmiddle"/></td>
</tr> <tr>
<th scope="row"> </th> <td> </td>
</tr> <tr>
<th colspan="2" scope="row">Bila sudah punya ID, silahkan login <a href="login_user.php".php">disini ...</a></th>
</tr> </table> <br/> </label> </form>
<script language='javascript'>
function cek_isi(inputan) {
if(inputan.value != "") { inputan.value=''; }
}
function cek_isi2(inputan) {
if( inputan.value== '') { inputan.value='Username';
(17)
}} </script>
<br/><br/><br/><br/><br/></h5>
</div> </div>
</div> </div>
<?php include "footer.php" ?>
8. Upload_pengaduan.php
<?php
include("conn.php"); session_start();
$nm=$_SESSION['nama_pengirim'];
?>
<?php include "header_user.php" ?>
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
(18)
</div> </div>
<div class="aboutus">
<div class="container">
<h3>Formulir Tambah Pengaduan</h3> <div class="container">
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<h5><form id="form1" name="form1" enctype="multipart/form-data" method="post" action="proses_tambah_pengaduan.php">
<label> </label>
<table width="700" height="" cellspacing="3"> <tr>
<td>Judul</td>
<td><input name="judul" type="text" id="judul" size="40"></td> </tr>
<tr>
<td>File Photo</td>
<td><input name="photo" type="file" id="photo" size="20" /></td> </tr>
<tr>
<td height="24" >Keterangan Photo</td>
<td><textarea name="keterangan" cols="60" rows="4"></textarea></td> </tr>
<tr>
<td width="236">Pengirim</td>
<td width="452"><input name="pengirim" type="text" id="pengirim" value="<?php echo ("$nm"); ?> " size="40" readonly="readonly"></td>
(19)
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Tambah"></td> </tr>
<tr>
<td height="78" colspan="2">Kehidupan Hanya Sekali , Berikan yang Terbaik.</td> </tr>
</table> <label><br/> </label> <br/> <br />
<br/> </label> </form>
<script language='javascript'>
function cek_isi(inputan) {
if(inputan.value != "") { inputan.value=''; }
}
function cek_isi2(inputan) {
if( inputan.value== '') { inputan.value='Username';
(20)
}} </script>
<br/><br/><br/><br/><br/></h5>
</div> </div>
</div> </div>
<?php include "footer.php" ?>
9. berhasil_upload.php
<?php
include("conn.php"); session_start();
$nm=$_SESSION['nama_pengirim'];
?>
<?php include "header_user.php" ?>
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
(21)
</div> </div>
<div class="aboutus">
<div class="container">
<h3>Formulir Tambah Pengaduan</h3> <div class="container">
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<h5><form id="form1" name="form1" enctype="multipart/form-data" method="post" action="proses_tambah_pengaduan.php">
<label> </label>
Data berhasil ditambah, untuk mengupload lagi klik <a href="upload_pengaduan.php">disini</a> atau log-out klik<a href="login_user.php"> disini </a>...
<label><br/> </label> <br/> <br />
<br/> </label> </form>
<script language='javascript'>
function cek_isi(inputan) {
if(inputan.value != "") { inputan.value=''; }
(22)
function cek_isi2(inputan) {
if( inputan.value== '') { inputan.value='Username'; }}
</script>
<br/><br/><br/><br/><br/></h5>
</div> </div>
</div> </div>
<?php include "footer.php" ?>
10.login_admin.php
<?php include "header.php" ?>
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
<li><a href="index.php">Beranda</a></li> <li>Login Admin</li>
</div> </div>
(23)
</div>
<div class="aboutus">
<div class="container">
<h3>Panel Login Administrator</h3> <div class="container">
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<h5><?php include "form_login.php" ?></h5> </div>
</div>
</div> </div>
<?php include "footer.php" ?>
11.admin.php
<?php include "cek_session.php" ?> <?php include "header_admin.php" ?>
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
<li><a href="index.php">Beranda</a></li> <li>Halaman Admin</li>
(24)
</div> </div>
</div>
<div class="aboutus">
<div class="container">
<h3>Selamat Datang Administrator</h3> <div class="container">
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<h2><a href="data_pengaduan_admin.php">Data Pengaduan</a></h2>
<h2><a href="data_berita_admin.php">Data Berita</a></h2> <p> </p>
<p> </p>
<p> </p> <p> </p> </div>
</div>
</div>
</div>
<?php include "footer.php" ?>
12.data_pengaduan_admin.php
<?php include "cek_session.php" ?> <?php include "header_admin.php" ?>
(25)
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
<li><a href="index.php">Beranda</a></li>
<li><a href="admin.php">Halaman Admin</a></li>
</div> </div>
</div>
<div class="aboutus">
<div class="container">
<h3>Data Pengaduan</h3> <div class="container">
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<?php include "conn.php";
$tampil=mysql_query("SELECT * FROM data_pengaduan order by id_pengaduan desc"); while($row=mysql_fetch_object($tampil))
{
?>
<TABLE width="100%" align="left"> <TR>
<TD width="35%"> <TR valign="top">
(26)
<TD>
<p align="left"><b>Judul : <?php echo ucwords("$row->judul"); ?></b> <br />
</TD> <TD> </TD> </TR> <TR >
<TD>
<p align="left"><img src="<?php echo("$row->file"); ?>" id="img-border" width="200px" ></p>
</TD> </TR> <TR>
<TD colspan="2">
<p align="left"> Keterangan Pengaduan: <?php echo "$row->keterangan"; ?></p>
</TD> </TR> <TR>
<TD colspan="2">
Pengirim : <?php echo "$row->nama_pengirim"; ?></p><p align="left">
<?php $status="$row->status"; ?>
<?php if($status=='1') { echo ("Diposting");} else echo ("Ditunda"); ?>
(27)
<form name="kirim" action="set_1.php" method="post">
<input type="hidden" value="<?php echo "$row->id_pengaduan"; ?>" name="idp">
<input type="submit" value="Posting"/> </form>
<form name="kirim" action="set_0.php" method="post">
<input type="hidden" value="<?php echo "$row->id_pengaduan"; ?>" name="idp">
<input type="submit" value="Tunda"/> </form>
<form name="kirim" action="set_hapus.php" method="post">
<input type="hidden" value="<?php echo "$row->id_pengaduan"; ?>" name="idp">
<input type="submit" value="Hapus"/> </form>
</TD> </TR> <tr>
<td colspan="5"> <hr color="#006699" size="1"> </td>
</tr> </TD> </TR> <?php } ?>
</TABLE> </div>
(28)
</div>
</div>
</div>
<?php include "footer.php" ?>
13.data_berita_admin.php
<?php include "cek_session.php" ?> <?php include "header_admin.php" ?>
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
<li><a href="index.php">Beranda</a></li>
<li><a href="admin.php">Halaman Admin</a></li>
</div> </div>
</div>
<div class="aboutus">
<div class="container">
<h3>Tambah Berita</h3> <div class="container">
(29)
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<form action="proses_tambah_informasi.php" method="post" enctype="multipart/form-data">
<table width="637" border="0" align="center" cellpadding="2" cellspacing="1"> <tr>
<td height="19"><strong><font color="black">Judul Informasi</font></strong></td> </tr>
<tr>
<td width="67%" height="22"><font face="Times New Roman" size="2"> <font color="black"><input type="text" name="judul" size="114"></font></td> </tr>
<tr>
<td height="19"><strong><font color="black">File Photo</font></strong></td> </tr>
<tr>
<td width="67%" height="30"> <input type="file" name="photo" /> </font></td>
</tr> <tr>
<td height="19"><strong>Isi Informasi</strong></td> </tr>
<tr>
<td width="67%" height="99"><font face="Times New Roman" size="2"> <textarea name="isi" cols="30" rows="6" id='elm2'></textarea></font></td> </tr>
<tr>
(30)
<input type="button" name="batal" value="Batal" onClick="location.replace('admin.php');" /></td>
</tr> </table>
<h3>Tambah Berita</h3>
<table width="80%" cellpadding="0" cellspacing="0"> <tr>
<td width=""><font color="black"><strong>Judul Informasi</font></strong></td> <td width=""><font color="black"><strong>Tanggal Posting</font></strong></td> <td width="" align=""><font color="black"><strong>Aksi</font></strong></td> </tr>
<?php
require_once("conn.php");
$tampil=mysql_query("SELECT * FROM tbl_informasi order by id_informasi DESC"); while($row=mysql_fetch_object($tampil)){
?> <tr>
<td><font color="black"><?php echo ucwords("$row->judul_informasi"); ?></font></td> <td><font color="black"><?php echo ucwords("$row->tanggal_posting"); ?></font></td>
<td class="action"><a href="hapus_informasi.php?kode=<?php echo ucwords("$row->id_informasi"); ?>">Hapus</a></td>
></tr> <?php } ?> </table> </form> </div> </div>
(31)
</div>
</div>
<?php include "footer.php" ?>
14. data_berita_admin.php
<?php include "cek_session.php" ?> <?php include "header_admin.php" ?>
<div id="breadcrumb">
<div class="container">
<div class="breadcrumb">
<li><a href="index.php">Beranda</a></li>
<li><a href="admin.php">Halaman Admin</a></li>
</div> </div>
</div>
<div class="aboutus">
<div class="container">
(32)
<div class="container">
<div class="col-md-7 wow fadeInDown" duration="1000ms" data-wow-delay="300ms">
<form action="proses_tambah_informasi.php" method="post" enctype="multipart/form-data">
<table width="637" border="0" align="center" cellpadding="2" cellspacing="1"> <tr>
<td height="19"><strong><font color="black">Judul Informasi</font></strong></td> </tr>
<tr>
<td width="67%" height="22"><font face="Times New Roman" size="2"> <font color="black"><input type="text" name="judul" size="114"></font></td> </tr>
<tr>
<td height="19"><strong><font color="black">File Photo</font></strong></td> </tr>
<tr>
<td width="67%" height="30"> <input type="file" name="photo" /> </font></td>
</tr> <tr>
<td height="19"><strong>Isi Informasi</strong></td> </tr>
<tr>
<td width="67%" height="99"><font face="Times New Roman" size="2"> <textarea name="isi" cols="30" rows="6" id='elm2'></textarea></font></td> </tr>
(33)
<td width="67%"><input type="submit" value="Entri" onClick="return cek();"> <input type="button" name="batal" value="Batal" onClick="location.replace('admin.php');" /></td>
</tr> </table>
<h3>Tambah Berita</h3>
<table width="80%" cellpadding="0" cellspacing="0"> <tr>
<td width=""><font color="black"><strong>Judul Informasi</font></strong></td>
<td width=""><font color="black"><strong>Tanggal Posting</font></strong></td>
<td width="" align=""><font color="black"><strong>Aksi</font></strong></td> </tr>
<?php
require_once("conn.php");
$tampil=mysql_query("SELECT * FROM tbl_informasi order by id_informasi DESC");
while($row=mysql_fetch_object($tampil)){ ?>
<tr>
<td><font color="black"><?php echo ucwords("$row->judul_informasi"); ?></font></td> <td><font color="black"><?php echo ucwords("$row->tanggal_posting"); ?></font></td>
<td class="action"><a href="hapus_informasi.php?kode=<?php echo ucwords("$row->id_informasi"); ?>">Hapus</a></td> ></tr> <?php } ?> </table>
(34)
</form> </div> </div>
</div>
</div>
<?php include "footer.php" ?>
15. log_out.php
<?php
session_start();
if ($_REQUEST['logout'] == "yes") {
if(ISSET($_SESSION['username'])) {
UNSET($_SESSION['username']); }}
header("location: login.php"); session_destroy();
?>
16. koneksi.php
<?php
(35)
$my['host'] = "localhost"; $my['user'] = "root"; $my['pass'] = ""; $my['dbs'] = "db_djoel";
$koneksi = mysql_connect($my['host'], $my['user'], $my['pass']); if (! $koneksi) {
echo "Gagal Koneksi Bro...."; mysql_error();
}
mysql_select_db($my['dbs'])
or die ("Database Gak Ada".mysql_error()); ?>
17. conn.php
<?php
mysql_connect("localhost","root",""); mysql_select_db("db_server_djoel"); ?>
(36)
Daftar Pustaka
Kadir, Abdul.2002. “ Dasar Pemograman Web Dinamis Menggunakan PHP”,Yogyakarta: Andi.
Kadir, Abdul.2003.”Pemograman Berbasis Web Dengan PHP dan MYSQL”, Yogyakarta: Andi.
Lenawati, Mei. 2006. “Macromedia Dreamweaver 8 dengan PHP”,Yogyakarta: Andi.
Lubis, Mohammad Safri. 2011. “Teknologi pengembangan aplikasi web”, USU Press, Medan.
Mcleod, Raymond.2004. “Sistem Informasi Manajement”, Jakarta:PT Indeks..
Sulistya, Cristianus Sigit.2008. “Belajar Kilat Adobe Dreamweaver” CS4,Yogyakarta: CV Andi Offset.
Syafii,M. 2005.”Membangun Aplikasi Berbasis PHP dan MySQL”,Yogyakarta: Andi
(37)
BAB 3
SEKILAS TENTANG UNIT LANTAS POLSEK PERCUT SEI TUAN MEDAN
3.1 Latar Belakang Unit Lantas Polsek Percut Sei Tuan Medan
Unit lantas polsek precut sei tuan medan berdiri pada tanggal Juli 1988. Nama pimpinan polsek percut sei tuan adalah AKP.Supryanto P.Sh.Polsek percut sei tuan ini terletak di jalan Jiam iskandar no.01 Medan. Polsek ini melayani masyarakat dari tindak kejahatan,kecelakaan dan premanisme. Untuk membantu polsek ini maka penulis membantu polsek ini dengan merancang sebuah Website pengaduan kecelakaan. Website ini dibuat untuk mengoptimalkan publikasi informasi sekaligus sebagai aplikasi bertukar informasi tentang kecelakaan. Sebagai dokumen wajib pemuat informasi pada website yang akan dibaca oleh browser di internet digunakan script HTML. Namun sebagai media publikasi, website ini tidak cukup hanya sekedar menampilkan informasi saja, tetapi juga harus memperhatikan layouting dan keindahan tampilan website, untuk itu digunakanlah CSS dan JavaScript. Serta untuk memberikan kedinamisan konten website digunakan script PHP, agar berita dan informasinya dapat selalu di-update. Untuk administrasi data, digunakan database MySQL, sehingga kedinamisan website dan manipulasi data konten website dapat dioptimalkan.
Pada website ini semua jenis layanan Pengaduan kecelakaan hanya dapat diakses oleh user yang telah terdaftar saja atau telah melakukan sign in. Dalam aplikasi pengaduan kecelakaan, pertama user yang sudah terdaftar melakukan sign in terlebih dahulu untuk dapat memberi pengaduan . Sedangkan untuk yang
(38)
belum terdaftar, pelanggan harus mendaftarkan dirinya terlebih dahulu di menu sign up.
3.2 Pendidikan dan Pelatihan Khusus Kejahatan Transnasional
Pusat Pendidikan (Pusdik)/Sekolah terdiri dari • Pusdik Intelijen (Pusdikintel)
• Pusdik Reserse Kriminal (Pusdikreskrim) • Pusdik Lalulintas (Pusdiklantas)
• Pusdik Tugas Umum (Pusdikgasum) • Pusdik Brigade Mobil (Pusdikbrimob) • Pusdik Kepolisian Perairan (Pusdikpolair) • Pusdik Administrasi (Pusdikmin)
• Sekolah Bahasa (Sebasa)
• Sekolah Polisi Wanita (Sepolwan) • Pusdik Bina Masyarakat (Pusdikbinmas)
• Pusat Logistik dan Perbekalan Polri dipimpin oleh seorang Brigadir Jenderal (Brigjen).
• Pusat Kedokteran dan Kesehatan (Pusdokkes Polri) yang dipimpin oleh seorang Brigadir Jenderal (Brigjen), termasuk didalamnya adalah Rumah Sakit Pusat Polri (Rumkit Puspol) yang juga dipimpin oleh seorang Brigadir Jenderal (Brigjen).
• Pusat Keuangan (Puskeu Polri) yang dipimpin oleh seorang Brigadir Jenderal (Brigjen).
• Pusat penelitian dan pengembangan (Puslitbang Polri) yang akan dipimpin oleh Brigadir Jenderal (Brigjen).
• Pusat sejarah (Pusjarah Polri) yang akan dipimpin oleh Brigadir Jenderal (Brigjen).
(39)
Polda (Kepolisian daerah) :
• Kepolisian Negara Republik Indonesia Daerah (Polda) merupakan satuan pelaksana utama Kewilayahan yang berada di bawah Kapolri. Polda bertugas menyelenggarakan tugas Polri pada tingkat kewilayahan. Polda dipimpin oleh Kepala Kepolisian Negara Republik Indonesia Daerah (Kapolda), yang bertanggung jawab kepada Kapolri. Kapolda dibantu oleh Wakil Kapolda (Wakapolda).
• Polda membawahi Kepolisian Negara Republik Indonesia Resort (Polres). Ada tiga tipe Polda, yakni Tipe A-K, Tipe A dan Tipe B. Polda Tipe A-K saat ini hanya terdapat 1 Polda, yaitu Polda Metro Jaya. Polda Tipe A-K dan Tipe A dipimpin seorang perwira tinggi berpangkat Inspektur Jenderal
Polisi (Irjen), sedangkan Tipe B dipimpin perwira tinggi berpangkat Brigadir Jenderal Polisi (Brigjen).
• Setiap Polda menjaga keamanan sebuah Provinsi.
• Polres, membawahi Kepolisian Negara Republik Indonesia Sektor. Untuk kota - kota besar, Polres dinamai Kepolisian Resor Kota Besar. Polres
memiliki satuan tugas kepolisian yang lengkap, layaknya Polda, dan dipimpin oleh seorang Komisaris Besar Polisi (Kombes) (untuk Polrestabes) atau Ajun Komisaris Besar Polisi (AKBP) (untuk Polres)
• Setiap Polres menjaga keamanan sebuah Kotamadya atau Kabupaten.
• Polsek maupun Polsekta dipimpin oleh seorang Ajun Komisaris Besar Polisi (AKBP) (khusus untuk Polda Metro Jaya) atau Komisaris Polisi
(Kompol) (untuk tipe urban), sedangkan di Polda lainnya, Polsek atau
Polsekta dipimpin oleh perwira berpangkat Ajun Komisaris Polisi (AKP) (tipe rural). Di sejumlah daerah di Papua sebuah Polsek dapat dipimpin
oleh Inspektur Polisi Dua (Ipda).
• Setiap Polsek menjaga keamanan sebuah Kecamatan.
Setiap Kepolisian Negara Republik Indonesia Daerah (Polda) memiliki sejumlah Direktorat dalam menangani tugas melayani dan melindungi, yaitu:
(40)
• Direktorat Reserse Kriminal • Subdit Kriminal Umum
• Subdit Kejahatan dengan Kekerasan (Jatanras) • Subdit Remaja Anak dan Wanita
• Unit Inafis (Indonesia Automatic Finger Print Identification System) / Identifikasi TKP (Tempat Kejadian Perkara)
• Direktorat Reserse Kriminal Khusus • Subdit Tindak Pidana Korupsi
• Subdit Harta Benda Bangunan Tanah (Hardabangtah) • Subdit Cyber Crime
• Direktorat Reserse Narkoba • Subdit Narkotika • Subdit Psikotropika
• Direktorat Intelijen dan Keamanan • Direktorat Lalu Lintas
• Subdit Pendidikan dan Rekayasa (Dikyasa) • Subdit Registrasi dan Identifikasi (Regident) • Subdit Penegakan Hukum (Gakkum)
• Subdit Keamanan dan Keselamatan (Kamsel) • Subdit Patroli Pengawalan (Patwal)
• Subdit Patroli Jalan Raya (PJR)
3.3 Struktur Wilayah
Pembagian wilayah Kepolisian Republik Indonesia pada dasarnya didasarkan dan disesuaikan atas wilayah administrasi pemerintahan sipil. Komando pusat berada di Markas Besar Polri (Mabes) di Jakarta. Pada umumnya, struktur komando Polri dari pusat ke daerah adalah:
(41)
1. Pusat
• Markas Besar Kepolisian Republik Indonesia (Mabes Polri) 2. Wilayah Provinsi
• Kepolisian Daerah (Polda)
3. Wilayah Kabupaten dan Kota Kepolisian Resort • Kepolisian Resort Kota Besar (Polrestabes) • Kepolisian Resort Kota (Polresta)
• Kepolisian Resort Kabupaten (Polres) 4. Tingkat kecamatan Kepolisian sektor
• Kepolisian Sektor Kota (Polsekta) • Kepolisian Sektor (Polsek)
3.4 Visi dan Misi
Visi Kepolisian:
Terwujudnya pelayanan keamanan dan ketertiban masyarakat yang prima, tegaknya hokum dan keamanan dalam negeri yang mantap serta terjalinnya sinergi polisional yang proaktif.
Misi Kepolisian:
1. Melaksanakan deteksi dini dan peringatan dini melalui kegiatan/operasi penyelidikan, pengamanan dan penggalangan;
2. Memberikan perlindungan, pengayoman dan pelayanan secara mudah, responsif dan tidak diskriminatif;
3. Menjaga keamanan, ketertiban dan kelancaran lalu lintas untuk menjamin keselamatan dan kelancaran arus orang dan barang
(42)
5. Mengembangkan perpolisian masyarakat yang berbasis pada masyarakat patuh hokum;
6. Menegakkan hukum secara profesional, objektif, proporsional, transparan dan akuntabel untuk menjamin kepastian hukum dan rasa keadilan;
7. Mengelola secara profesional, transparan, akuntabel dan modern seluruh sumber daya Polri guna mendukung operasional tugas Polri;
8. Membangun sistem sinergi polisional interdepartemen dan lembaga internasional
maupun komponen masyarakat dalam rangka membangun kemitraan dan jejaring kerja (partnership building/networking).
3.5 Tujuan Unit Lantas Polsek Percut Sei Tuan Medan
Tujuan dari Unit Lantas Polsek Percut Sei Tuan Medan :
Unit Laka lantas bertugas menyelenggarakan administrasi Penyidikan perkara kecelakaan lalu lintas sehingga setiap perkara kecelakaan lalu lintas
menperoleh kepastian hukum dan terselenggaranya keamanan, keselamatan dan ketertiban serta kelancaran lalu lintas.
(43)
BAB 4
PERANCANGAN SISTEM
4.1 Defenisi Perancangan Sistem
Perancangan sistem adalah merancang atau mendesain suatu sistem yang baik, yang isinya adalah langkah-langkah operasi dalam proses pengolahan data dan prosedur untuk mendukung operasi sistem.
Dalam membuat sebuah Web, tentukan terlebih dahulu tujuan dari Web yang akan dibuat karena bentuk desain dan isi sebuah Web sangat tergantung dari tujuan Web itu di buat. Sebelum melakukan perancangan sistem informasi, maka harus dilakukan anlisis sistem terlebih dahulu untuk memperoleh gambaran yang jelas mengenai kelebihan dan kekurangan sistem.
Menurut Jogiyanto. HM,(1991), Perancangan sistem dapat diartikan sebagai berikut :
1. Tahap setelah analisis dari siklus pengembangan system. 2. Pendefinisian dari kebutuhan-kebutuhan fungsional. 3. Persipan untuk rancang bangun implementasi. 4. Menggambarkan bagaimana suatu sistem dibentuk.
(44)
5. Yang dapat berupa penggambaran perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.
6. Termasuk menyangkut mengkonfigurasi dari komponen perangkat keras dari suatu sistem.
4.2 Metode Pengembangan Sistem
Dalam pembuatan tugas akhir ini, penulis menggunakan metode yang terdiri dari: 1. Studi kelayakan
Studi kelayakan adalah studi awal untuk memeriksa kebutuhan informasi pengguna akhir dan tujuannya, batasan, kebutuhan sumber daya, biaya, manfaat, dan kelayakan dari proyek yang diusulkan. 2. Rencana pendahuluan
Yaitu menentukan lingkup sistem yang akan ditangani. 3. Analisis Sistem
Penguraian dari suatu system informasi yang utuh kedalam bagian-bagian komponenya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan.
4. Perancangan Sistem
Pendefinisian dari kebutuhan-kebutuhan fungsional, persiapan untuk merancang bangun implementasi, menggambarkan bagaimana suatu
(45)
system dibentuk serta mengkonfigurasikan komponen-komponen perangkat lunak dan perangkat keras dari sistem.
5. Implementasi Sistem
Tahap untuk meletakkan system supaya siap untuk dijalankan.
4.3 Simbol Simbol pada Flowchart dan Penjelasannya
Flowchart atau diagram alir merupakan sebuah diagram dengan simbol-simbol grafis yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan menghubungkan masing masing langkah tersebut menggunakan tanda panah. Diagram ini bisa memberi solusi selangkah demi selangkah untuk penyelesaian masalah yang ada di dalam proses atau algoritma tersebut. Tabel Flowchart beserta fungsinya:
Tabel 4.1 Simbol-Simbol Flowchart
No Nama Simbol Fungsi
1
Terminator
Terminator, fungsinya untuk permulaan/ akhir program
2 Process
Process, digunakan untuk melambangkan kegiatan pemrosesan input.
(46)
Tabel 4.1 Simbol-Simbol Flowchart (Lanjutan)
3 Input data
Input data, fungsi untuk proses input data, parameter.
4 Garis alir ( flow line)
Garis alir (flow line), fungsinya untuk arah aliran program.
5
Preparation
Preparation, berfungsi
untuk proses inisialisasi/ pemberian harga awal perulangan.
6
Proses
Proses, fungsinya untuk proses perhitungan/proses pengolahan data .
7
Connector
Connector,penghubung bagian-bagian flowchart yang berada pada satu halaman.
8
Output data
Output data, informasi
9
Off page
connector
Off page connector
penghubung bagian-bagian flowchart yang berada pada halaman berbeda.
(47)
Tabel 4.1 Simbol-Simbol Flowchart (Lanjutan)
10
Predefined process
Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.
11
Display
Display,untuk output yang diajukan suatu device, seperti monitor.
12
Magnetic disk
Magnetic disk, untuk
penyimpanan data.
4.4 Metode Perancangan
Metode perancangan system ini menggunakan metode pendekatan atas-bawah (top down approach). Perancangan dimulai dari bentuk yang paling global yaitu diagram konteks, kemudian diturunkan secara bertahap menjadi bentuk yang lebih detail.
(48)
4.4.1 Pembuatan Flowchart (Diagram Alir)
Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu program. Flowchart menolong analis dan programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian. Flowchart Sistem merupakan bagan yang menunjukkan alur kerja atau apa yang sedang dikerjakan di dalam system secara keseluruhan dan menjelaskan urutan dari prosedur-prosedur yang ada di dalamsistem. Dengan kata lain, flowchart ini merupakan deskripsi secarag rafik dari urutan prosedur-prosedur yang terkombinasi yang membentuk suatu sistem. Flowchart Sistem terdiri dari data yang mengalir melalui system dan proses yang mentransformasikan data itu. Data dan proses dalam flowchart system dapat digambarkan secara online(dihubungkan langsung dengan komputer) atau offline (tidak dihubungkan langsung dengan komputer, misalnya mesin tik, cash register atau kalkulator).
Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTMLnya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana flowchart keseluruhandalam membangun situs ini dapat dilihat pada gambar di bawah ini:
(49)
FLOWCHART HALAMAN UTAMA
Y
Y
Y
Y
MENU UTAMA HOME,PENGADUAN BERITA,USER,ADMIN
HOM E START
PENGA DUAN
BERITA
USER
(50)
(51)
(52)
(53)
4.5 Perancangan Database
Perancangan database adalah salah satu langkah untuk menentukan file database, table, tipe data dan ukuran dari data yang digunakan. Tahap ini merupakan tahap yang paling penting dalam perancangan sistem.
Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, penghapusan dan penampilan isi database ke halaman web. Database ini terdiri atas tabel – tabel yang dibuat dengan menggunakan program MySQL. Adapun database yang dibuat oleh penulis adalah database website Sistem informasi pengaduan kecelakaan berkendara di kota Medan berbasis website menggunakan PHP dan MYSQL dengan tabel – tabel sebagai berikut:
1. Tabel Data Admin
Tabel 4.2 Data Admin
No Field Type Size Description
1 Username Varchar 50 User name
2 Password Varchar 50 Password
3 Nama_Lengkap Varchar 100 Nama Lengkap
4 Email Varchar 100 Email
(54)
2.Tabel Data User
Tabel 4.3 Data User
3.Tabel Data Pengaduan
Tabel 4.4 Data Pengaduan
No Field Type Size Description
1 Id Int 5 Id
2 Username Varchar 100 Username
3 Password Varchar 100 Password
4 Jenis_Kelamin Varchar 10 Jenis Kelamin
5 Alamat Varchar 20 Alamat
6 No_Telepon Varchar 15 NoTelepon
No Field Type Size Description
1 Id_pengaduan Int 11 Id pengaduan
2 Nama_Pengirim Varchar 30 Nama Pengirim
3 Judul Varchar 200 Judul
4 Keterangan Text 10 Keterangan
5 File Varchar 200 File
(55)
BAB 5
IMPLEMENTASI SISTEM
5.1 Defenisi Implementasi Sistem
Implementasi merupakan tahap akhir dari proses pembuatan sistem baru yang dapat dioperasikan secara menyeluruh. Implementasi aplikasi web simulasi mesin cuci koin ini dilakukan dengan menggunakan bahasa pemrograman berbasis web. Dalam tahap ini ada beberapa tahap yang akan dilaksanakan sebelum menjadi program aplikasi yang siap pakai yaitu penulisan program,kompilasi dan membuat program. Aplikasi ini dapat dijalankan pada berbagai web browser yang tersedia. Sebelum program aplikasi diimplementasikan, maka aplikasi akan dilakukan pengujian untuk menghindari kesalahan-kesalahan yang mungkin terjadi yaitu:
1. Kesalahan tata bahasa adalah kesalahan pengetikan perintah atau statemen menyalahi aturan pengkodean. Kesalahan ini mudah ditanggulangi, karena setiap kesalahan yang terjadi akan tampil pada saat kompilasi di web browser atau muncul pada saat pengetikan kode itu sendiri di macromedia dreamweaver.
2. Run Time Errors adalah keadaan dimana kesalahan akan terjadi pada saat program dijalankan, dan terhenti sebelum proses kompilasi selesai,
(56)
karena terjadi sebuah kekurangan sebuah file penting atau terjadi karena kesalahan alokasi memori.
3. Kesalahan Logika merupakan kesalahan yang cukup sulit ditemukan penyebabnya, karena kesalahan ini tidak ada tampil pada saat proses kompilasi, tetapi hasil yang dikeluarkan tidak sesuai dengan program yang diinstruksikan. Kesalahan ini dapat diketahui setelah melakukan testing dan membandingkan hasil pengolahannya dengan hasil yang sudah diketahui.
4. Penulisan Program adalah proses menulis perintah-perintah program yang akan diimplementasikan dengan bahasa pemrograman berbasis web.
5. Pengujian program adalah tahapan akhir dimana program akan diuji untuk mengetahui apakah program yang dibuat sesuai dengan spesifikasi yang ditentukan, atau belum.
5.2 Tujuan Implementasi Sistem
Adapun tujuan-tujuan dari implementasi sistem yaitu:
1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana penyaji informasi.
2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.
3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat yang baik dan jelas.
(57)
4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh.
5. Memastikan bahwa sistem telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.
5.3 Kebutuhan Sistem
Kebutuhan pendukung sangat dibutuhkan untuk menyelesaikan perancangan sistem yang akan dibuat. Adapun kebutuhan pendukung itu yaitu berupa komponen-komponen penting dalam menyelesaikan perancangan sistem ini. Komponen-komponen tersebut adalah sebagai berikut:
5.3.1 Perangkat Lunak (Software)
Software adalah segala sesuatu yang berkaitan dengan program komputer. Dalam membuat perancangan sistem ini penulis menggunakan beberapa perangkat lunak, yaitu:
1. Sistem Operasi Minimum Microsoft Windows XP dan Maximum Windows 7.
2. Macromedia Dreamweaver sebagai software desain dan pengembangan web yang menyediakan kode editor.
3. XAMPP sebagai server yang berdiri sendiri.
4. Notepat++ berfungsi sebagai tekseditor dalam penulisan script PHP dalam pembuatan website.
(58)
5.3.2 Perangkat Keras (hardware)
Hardware adalah komponen-komponen komputer yang dapat dilihat dan diraba secara langsung atau yang berbentuk nyata, yang berfungsi mendukung proses komputerisasi. Umumnya komponen tersebut terdiri atas tiga jenis perangkat yaitu masukan (input device), perangkat pengolahan (processor) dan perangkat keluaran (output device). Adapun spesifikasi dari perangkat keras tersebut adalah sebagai berikut:
1. Input device, seperti, mouse, keyboard.
2. Perangkat pengolahan, seperti, Prosessor core-i7, RAM 2GB, motherboard, harddisk 500GB.
3. Output device, seperti, monitor, printer.
4. Serta peralatan tambahan lainnya, seperti, USB Flash.
5.3.3 Unsur Manusia (Brainware)
Brainware merupakan aspek manusia yang menangani pengolahan komputer maupun pengembangan, yang termasuk brainware adalah:
1. Sistem analis adalah brainware yang bertanggungjawab untuk mendesain, merancang dan menganalisa suatu program yang akan dibuat maupun sudah jadi.
2. Graphic designer seorang brainware yang berkecimpung di dunia design grafis dan mahir dalam hal membuat suatu animasi.
(59)
3. Programmer adalah orang yang mengerti dan ahli dalam bahasa pemrograman yang digunakan dalam membuat dan merancang suatu program.
4. Public (pengguna), yaitu orang yang memakai sistem yang telah dirancang.
5.4 Uji Program
Dari hasil uji program yang telah dilakukan, maka dapat dilihat tampilan hasil desain web Sistem Informasi Pengaduan Kecelakaan Berkendara Di Kota Medan Berbasis Web Menggunakan PHP dan Mysql, sebagai berikut:
1. Tampilan Halaman Utama
(60)
2. Tampilan Halaman Daftar Pengaduan
Gambar 5.2 Tampilan Halaman Daftar Pengaduan
3. Tampilan Halaman Berita
(61)
4. Tampilan Halaman Login User
Gambar 5.4 Tampilan Halaman Login User
5. Tampilan Halaman Daftar akun User
(62)
6. Tampilan Halaman Buat Pengaduan user
Gambar 5.6 Tampilan Halaman Buat Pengaduan User
7. Tampilan Halaman Pengaduan User Berhasil
(63)
8. Tampilan Halaman Login Admin
Gambar 5.8 Tampilan Halaman Login Admin
9. Tampilan Halaman Admin
(64)
10. Tampilan Halaman Data Pengaduan
Gambar 5.10 Tampilan Halaman Data Pengaduan
11. Tampilan Halaman Tambah Berita
(65)
BAB 6
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Perkembangan Teknologi Informasi saat ini telah mengalami perkembangan yang sangat cepat. Teknologi Informasi banyak diaplikasikan sebagai website untuk penjualan produk secara online, dimana produk tersebut dapat diakses di seluruh penjuru dunia. Website merupakan salah satu Teknologi Informasi yang cukup handal dalam memberikan informasi kepada banyak orang secara cepat dan tepat. Dengan teknologi informasi tidak hanya di ketahui satu atau dua orang , melainkan diketahui oleh orang diseluruh dunia yang bisa mengakses internet.
Setelah Melewati tahap-tahap hasil penelitian akhirnya penulis dapat menyimpulkan sebagai berikut:
1. Disini telah dibuat sebuah website Sistem Informasi Pengaduan Kecelakaan Berkendara Di Kota Medan Berbasis Web Menggunakan PHP dan Mysql, yang dapat mempermudah seluruh kalangan untuk mendapat informasi dan memberi informasi tentang kecelakaan atau tempat-tempat yang rawan kecelakaan.
2. Sistem informasi ini berhubungan langsung dengan database, sehingga data yang diperoleh dapat digali kebenarannya lebih jauh.
(66)
3. Sistem informasi ini adalah sarana untuk saling mengingatkan betapa pentingnya kesadaran tentang keselamatan berkendara.
4. Dengan adanya sistem informasi ini, maka informasi dapat diakses dan mengakses via internet.
5. Sistem informasi ini dapat dijadikan sebagai acuan agar kita lebih berhati-hati di tempat yang di ketahui rawan kecelakaan.
6. Sistem informasi dapat dilihat oleh semua kalangan asalkan PC yang digunakan terhubung dengan internet. Dan untuk menarik minat pengunjung, perlu dibuat rancangan template dengan gambar yang menarik.
6.2 Saran
Beberapa saran penulis dalam pembuatan sistem informasi ini adalah:
1. Apabila pengunjung dari website ini ingin memberikan informasi berkaitan kecelakaan di kota Medan ada baiknya mengisi data-data pendaftaran user dengan benar.
2. Diharapkan agar para user atau pengguna website tidak memberikan data-data yang tidak benar atau hanya rekayasa.
3. Website yang dibuat oleh penulis diharapkan bermanfaat pada proses pembelajaran para pengguna kendaraan.
(67)
BAB 2
LANDASAN TEORI
2.1 Pengertian Aplikasi Web
Aplikasi Web adalah sebuah program yang bila dieksekusi akan menghasilkan sebuah aplikasi yang dapat bekerja sesuai dengan yang diinginkan. Aplikasi web dibangun dengan menggunakan bahasa HTML(Hypertext Markup Language). Pada masa kini aplikasi web dikembangkan untuk memperluas kemampuan HTML dengan PHP dan ASP pada skrip objek. Aplikasi web dapat dibagi menjadi dua bagian yaitu aplikasi web dinamis dan aplikasi web statis.
Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer (Remick, 2011). Arsitektur aplikasi web meliputi klien, web server, middleware dan basis data. Klien berinteraksi dengan web server. Secara internal, web server berkomunikasi dengan middleware dan middleware yang berkomunikasi dengan basis data. Contoh middleware adalah PHP dan ASP. Pada mekanisme aplikasi web dinamis, terjadi tambahan proses yaitu server menerjemahkan kode PHP menjadi kode HTML. Kode PHP yang diterjemahkan oleh mesin PHP yang akan diterima oleh klien.(Abdul Kadir, 2009).
(68)
Aplikasi adalah sebuah ‘mahakarya Symphony Orchestra’ dari pelaku Teknologi Informasi, yang merupakan hasil kerjasama antara sumber daya manusia, tools dan pengguna dalam sebuah manajemen yang terintegrasi dimana didalamnya ada perencanaan, ujicoba, pelaksanaan dan pemeliharaan, dengan tujuan akhir untuk mendukung aktifitas manusia agar lebih efisien dan efektif (Muhammad Safri Lubis, 2011).
Jadi aplikasi adalah sebuah program hasil karya yang siap pakai. Program yang terbuat dengan beberapa tahapan yang melaksanakan suatu fungsi yang telah diperintahkan.
2.2 Pengertian Komputer
Komputer (computer) berasal dari bahasa Latin computare yang berarti menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program).
Bila dijabarkan, defenisi dari komputer adalah seperangkat peralatan elektronik yang bekerja bersama – sama secara otomatis, menerima input, memproses data dan menghasilkan data secara logis (output), cepat dan tepat
(69)
berdasarkan perintah–perintah yang diberikan oleh user dan komputer itu sendiri merupakan bagian dari sistem komputerisasi.
Sistem komputer adalah suatu sistem yang terdiri atas komputer dan seluruh komponen–komponen yang menunjang terlaksananya proses pengolahan data dan menjadikan komputer sebagai alat yang berguna. Sistem komputer memiliki beberapa komponen yaitu:
1. Peragkat Keras (Hardware)
Peragkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang membentuk kesatuan, sehingga dapat difungsikan. Berdasarkan kegunaannya, perangkat keras dapat digolongkan ke dalam tiga bagian:
a. Alat input
Alat input adalah alat yang memiliki fungsi untuk memasukkan data ataupun program yang akan diproses komputer, seperti keyboard, mouse, printer, scanner dan lainnya.
b. Alat Proses
Alat proses atau CPU (Central Prosesing Unit), merupakan alat atau unit terpenting didalam sistem komputer. Fungsi utamanya adalah pusat pemprosesan data dan mengiontrol keseluruhan sistem komputer selama pengolahan data berlangsung, contohnya adalah prosessor.
c. Alat Output
Alat output adalah alat untuk menampilkan hasil pengolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.
(70)
2. Perangkat Lunak (Software)
Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan prosedur yang memungkinkan perangkat keras komputer dapat menjalankan fungsinya sebagai alat pengolahan data.Komponen ini tidak nyata secara fisik.Perangkat lunak berfungsi sebagai perantara antara komputer dan user sehingga dapat digunakan. 3. Perangkat Komputer (Brainware)
Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang yang mampu menangani suatu sistem operasi komputer. Brainware dapat dikelompokkan dalam beberapa bagian, yaitu :
a. Sistem Analisis
Orang bertugas untuk membentuk dan merancang fasilitas suatu sistem komputer yang akan dibangun.
b. Programmer
Orang yang bertugas menerjemaahkan spesifikasi yang telah dirancang oleh sistem analisis kedalam suatu bahasa program tertentu.
c. Komputer Operator
Orang yang bertugas menangani pengolahan data secara langsung. d. Data Entry Operator
Orang yang bertugas melakukan pengurusan data yang akan diolah, mulai dari pengumpulan data, perekaman data kedalam media
(71)
penyimpanan hingga pemeriksaan dan pengiriman informasi yang dihasilkan oleh komputer.
2.3 Mengenal PHP
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP. Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak
(72)
dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.
2.3.1 Sejarah Singkat PHP
PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML. Vesri mutahir dari PHP diluncurkan pada Juni 2004, oleh Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek.
(73)
2.3.2 Kelebihan PHP
PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh GCI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih dari kemampuan CGI. PHP dapat digunakan pada setiap sistem operasi, antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak Web server, seperti Apache, Microsoft Internet information Server (MIIS), Personal Web Server(PWS), dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. Php juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.
2.3.3 Skrip PHP
Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali sebagai skrip PHP bila diapit oleh tanda:
<?php. . . ?> <? . . . .?>
<script language=”PHP”> . . . . .</script>
Script yang dibuat dengan PHP disimpan dengan nama dan diikuti dengan ekstensi *.php, misalnya : contoh.php. bila scrip PHP diakses melalui komputer local maka file PHP disimpan folder htdocs di web server.
(74)
Berikut contoh dari scrip PHP: <?php
Echo (“hallo”);?
2.4 MySQL
MySQL merupakan salah satu perangkat lunak sistem pengelola basis data (database management system). MySQL juga dapat dikategorikan sebagai relation Database Management Sistem (RDBMS).Karena dalam pembuatan basis data pada MySQL dapat dipilah-pilah dalam berbagai tabel dua dimensi.Setiap tabel pada MySQL terdiri atas lajur horizontal dan lajur vertikal.
MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan data.Untuk keperluan mnampung data di server, kita perlu sebuah database.MySQL merupakan sebuah program aplikasi untuk membuat database yang umum digunakan pada wwb server.MySQL bayak digunakan karena kemampuannya dalam menampung data yang cukup besar dan proses loading yang cepat dalam memanggil data. MySQL dapat didefinisikan sebagai:
1. MySQL merupakan sistem manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah,mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database MySQL server.
(75)
2. MySQL merupakan sistem manajemen database atau basis dat terhubung menyimpan pada tabel – tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standart yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standar.
3. MySQL merupakan software Open Source, berarti semuaorang diizinkan menggunakan dan memodifikasi software ini. Semua orang dapat mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan.
4. Server database MySQL mempunyai kecepatan yang tinggi,mudah digunkan, dan handal. MySQL dikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas, kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses database di internet.
5. MySQL Server bekerja di client server atau sistem embedded. Software database MySQL merupakan sistem yang terdiri atas multitheread SQL Server yang mendukung software client dan library yang berbeda, tool administrative, dan sejumlah Application programming Interfaces (APIs).
6. MySQL terdiri daribeberapa macam bahasa.
(76)
Di bawah ini terdapat beberapa Pengaertian sistem informasi dan data menurut para ahli yaitu:
2.5.1 Sistem
Beberapa pengertian tentang sistem adalah sebagai berikut :
1. Murdick and ross (1993) mendefinisikan sistem seperangkat elemen yang digabungkan satu dengan yang lainnya untuk suatu tujuan yang sama.
2. Menurut M.alexander dalam buku information system analysis menyatakan bahwa sistem merupakan elemen – elemen baik berupa fisik maupun non fisik yang menunjukkan suatu kumpulan yang saling berhubungan dan berinteraksi menuju satu atau lebih tujuan, sasaran atau akhir sebuah sistem.
3. L. James Havery Menurutnya sistem adalah prosedur logis dan rasional untuk merancang suatu rangkaian komponen yang berhubungan satu dengan yang lainnya dengan maksud untuk berfungsi sebagai suatu kesatuan dalam usaha mencapai suatu tujuan yang telah ditentukan. 4. C.W. Churcham Menurutnya sistem adalah seperangkat bagian –
(77)
2.5.2 Informasi
Informasi adalah data yang telah diproses menjadi bentuk yang memiliki arti bagi penerima dan dapat berupa fakta, suatu nilai yang bermanfaat. Jadi ada suatu proses transformasi data menjadi suatu informasi == input – proses – output. Menurut Davis dalam Abdul Kadir (2003;28) informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat bagi pengambilan keputusan saat ini atau saat mendatang. Informasi merupakan kumpulan data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima (andri Kristanto, 2003:6). Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya (Jogiyanto, 1990:8).
2.5.3 Sistem informasi
Sistem informasi adalah kumpulan antara sub-sub sistem yang saling berhubungan yang membentuk suatu komponen yang didalamnya mencakup input-proses-output yang berhubungan dengan pengolaan informasi (data yang telah diperoleh sehingga lebih berguna bagi user).
1. Menurut John F. Nash (1995:8) yang diterjemahkan oleh La Midjan dan Azhar Susanto, menyatakan bahwa Sistem informasi adalah kombinasi dari manusia, fasilitas atau alat teknologi, media, prosedur daan pengendalian yang bermaksud menata jaringan komunikasi yang penting,proses atas transaksi-trsnsaksi tertentu dan rutin, membantu
(78)
manajemen dan pemakai intern dan ekstern dan menyediakan dasar pengambilan keputusan yang tepat.
2. Menurut Kertahadi (dalam Fatta,2007) sistem informasi adalah suatu alat untuk menyajikan informasi sedemikian rupa sehingga bermanfaat bagi penerimanya. Tujuan adalah untuk menyajikan informasi guna pengambilan keputusan pada perancanaan, pemrakarsaan, pengorganisasian, pengendalian kegiatan operasi suatu perusahaan yang menyajikan sinergi organisasi pada proses ( Mursick & Ross, dalam Fatta 2007).
2.5.4 Data
Data adalah fakta berupa angka, karakter, symbol, gambar, tanda - tanda, isyarat, tulisan,suara, bunyi yang mempresentasikan keadaan sebenarnya yang selanjutnya digunakan sebagai masukan suatu Sistem Informasi.
Data dapat berfunsi sebagai badan dasar yang objektif (relatif) dalam proses penyusunan kebijaksanaan dan keputusan pimpinan organisasi.
2.6 Internet
Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu organisasi atau suatu negara yang dapat memahami seluruh seluk beluk internet.
(79)
Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat, selanjutnya jaringan komputer di perbaharui, dikembangkan dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang sekarang disebut Internet.
Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan komputer lainnya.
ARPAnet (US Defense Advanced Reseach Project Agency) atau departemen pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila perang dapat dengan mudah dihancurkan. Jadi suatu bagian dari sambungan itu secara otomatis dipindahkan kesambungan lainnya.
Setelah angkatan Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer.Salah satunya adalah University of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak digunakan Universitas di Amerika dan berkembang pesat saat ini. Agar pengguna komputer dengan merek dan tipe berbeda dapat saling
(1)
ABSTRAK
Kajian ini penulis bertujuan untuk membuat perancangan website Sistem informasi pengaduan kecelakaan berkendara, merupakan sebuah website yang digunakan untuk mengakses dan menginput data dari website pada internet. Metode dan rancangan website Sistem pengaduan kecelakaan berkendara ini dengan menggunakan PHP dan MYSQL. Cara kerja dari website yang dibuat adalah memasukkan data pengaduan dan data berita yang di miliki. Hasil rancangan dari website pengaduan kecelakaan ini dapat memberikan informasi tentang kecelakaan yang terjadi di kota Medan. Kajian ini dibuat bertujuan untuk menambah wawasan cara membuat website yang sederhana.
(2)
vi
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak v
Daftar Isi vi
Daftar Tabel ix
Daftar Gambar x
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Rumusan Masalah 3
1.3 Batasan Masalah 3
1.4 Tujuan Penelitian 3
1.5 Manfaat Penelitian 4
1.6 Tinjauan Pustaka 5
1.7 Metodologi Penelitian 6
1.8 Sistematika Penuliasn 7
BAB 2 LANDASAN TEORI 9
2.1 Pengertian Aplikasi Web 9
2.2 Pengertian Komputer 10
2.3 Mengenal PHP 13
2.3.1 Sejarah singkat PHP 14
(3)
2.3.3 Skrip Php 15
2.4 Mysql 16
2.5 Pengertian Sistem Informasi dan Data 17
2.5.1 Sistem 18
2.5.2 Informasi 18
2.5.3 Sistem Informasi 19
2.5.4 Data 20
2.6 Internet 20
2.7 World Wide Web (WWW) 22
2.7.1 Lahirnya Web 25
2.7.2 Browser Web 26
2.7.3 Server Web 27
2.7.4 Istilah-Istilah Umum yang Harus Diketahui 27
2.8 HTML (Hypertext Markup Language) 28
2.8.1 Dokumen HTML 28
2.8.2 Penamaan Dokumen HTML 29
2.8.3 Dasar-Dasar HTML 29
2.8.4 Elemen dan Tag HTML 33
2.9 Subline Text 2 36
2.10 Cascading Style Sheet (CSS) 36
2.11 Macromedia Dreamweaver 36
BAB 3 GAMBARAN PERANCANGAN 38
3.1 Latar Belakang Unit Lantas Polsek Percut Sei Tuan Medan 38
3.2 Pendidikan dan Pelatihan Khusus Kejahatan Transnasional 39
(4)
viii
3.4 Visi dan Misi 42
3.5 Tujuan Unit Lantas Polsek Percut Sei Tuan Medan 43
Bab 4 PERANCANGAN SISTEM 44
4.1 Defenisi Perancangan Sistem 44
4.2 Metode Pengembangan Sistem 45
4.3 Simbol-Simbol pada Flowchart dan Penjelasanya 46
4.4 Metode Perancangan 48
4.4.1 Pembuatan Flowchart (Diagram Alir) 49
4.5 Perancangan Database 53
BAB 5 IMPLEMENTASI SISTEM 55
5.1 Defenisi Implementasi Sistem 55
5.2 Tujuan Implementasi Sistem 57
5.3 Kebutuhan Sistem 57
5.3.1 Perangkat Lunak (Software) 57
5.3.2 Perangkat Keras (Hardware) 58
5.3.3 Unsur Manusia (Brainware) 58
5.4 Uji Program 59
BAB 6 KESIMPULAN DAN SARAN 65
6.1 Kesimpulan 65
6.2 Saran 66
DAFTAR PUSTAKA
(5)
DAFTAR TABEL
Halaman
Tabel 4.1 Simbol-Simbol Flowchart 46
Tabel 4.5 Data Admin 53
Tabel 4.6 Data User 54
(6)
x
DAFTAR GAMBAR
Halaman
Gambar 4.2 Flowchart Halaman Utama 50
Gambar 4.3 Flowchart Halaman User 51
Gambar 4.4 Flowchart Halaman Admin 52
Gambar 5.1 Tampilan Halaman Utama 59
Gambar 5.2 Tampilan Halaman Daftar Pengaduan 60
Gambar 5.3 Tampilan Halaman Berita 60
Gambar 5.4 Tampilan Halaman Login User 61
Gambar 5.5 Tampilan Halaman Daftar Akun User 61
Gambar 5.6 Tampilan Halaman Buat Pengaduan User 62
Gambar 5.7 Tampilan Halaman Pengaduan user Berhasil 62
Gambar 5.8 Tampilan Halaman Login Admin 63
Gambar 5.9 Tampilan Halaman Admin 63
Gambar 5.10 Tampilan Halaman Data Pengaduan 64