Perancangan Sistem Informasi Obat-obatan Herbal Dengan Menggunakan Pemrograman PHP Dan MySQL

(1)

53

L

A

M

P

I

R

A

(2)

LISTING PROGRAM

1. User index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Sehat Alami.com</title>

$(document).ready(function(){

$(".isi #conten tr th a[title]").tooltip({ effect: 'slide'

}); }); </script>

</head>

<body>

(3)

</div> </div>

<marquee align="center" direction="scroll"

scrollamount="4">Selamat datang, semoga informasi yang saya berikan bermanfaat buat kesehatan anda. Jika sakit berlanjut hubungi dokter.</marquee>

</div>

<th><a href="menu/depan.php" title="Berisikan nama-nama penyakit."><img

src="img/penyakit1.png" /></a></th>

<th><a href="menu/depan.php?menu=about" title="Tentang pembuat."><img src="img/user.png"

/></a></th></tr>

</table> </div>

</div>

<td><p align="center">© <?php echo date('Y') ?> Design by Adam Kevin Hutagalung | <a href="depan.php">Obat-Obatan

Herbal</a></p></td> </tr>

</table> </div> </div>

</body> </html>

2. styleindex.css

body {

(4)

.tooltip {

display:none;

background:transparent url(img/black_arrow.png); font-size:16px;

font-family:Comic Sans MS; height:70px;

width:160px; padding:25px; color:#eeeeee; }

#container {

margin:10px auto; }

.isi {

width:900px; height:auto; margin:auto; }

#teks{

width:900px; height:20px; color:blue; font-size:16px;

font-family:Comic Sans MS;

background:#B7FFAA url(../img/bingkai.png); opacity:0.9;

}

#conten {

width:900px; height:300px; margin:0px 0px;

background:#B7FFAA url(../img/bingkai.png); opacity:0.9;

}

#conten tr {

margin:auto; list-style:none; }

#conten th { float:left; }

#conten th a { float:left; cursor:pointer;

(5)

width:200px; height:195px;

color:rgb(252, 252, 252); background:rgb(0, 0, 255); }

#conten th a:hover {

background:rgb(10, 300, 10); color:rgb(252, 252, 252); }

#bawah {

margin:auto; width:900px; height:80px;

background: #00CC33; }

#slider {

margin:auto;

position:relative; width:900px;

height:250px; }

.slider-content { position:static; width:900px; height:250px;

border-radius:15px 15px 0px 0px; overflow:hidden;

z-index:1; }

.slider-content ul {

list-style-type:none; position:relative; overflow:hidden; }

.slider-content ul li { width:900px;

height:250px; position:relative; }

3. depan.php

(6)

src="../lib/media/js/jquery.dataTables.js"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){

$('#datatables').dataTable({ "oLanguage": {

"sLengthMenu": "Tampilkan _MENU_ data per halaman",

"sSearch": "Pencarian: ", "sZeroRecords": "Maaf, tidak ada data yang ditemukan","sInfo": "Menampilkan _START_ s/d _END_ dari _TOTAL_ data", "sInfoEmpty": "Menampilkan 0 s/d 0 dari 0 data","sInfoFiltered": "(di filter dari _MAX_ total data)", "oPaginate": {

"sFirst": "<<","sLast": ">>", "sPrevious": "<", "sNext": ">"

}

}, "sPaginationType":"full_numbers", "bJQueryUI":true

}); }) </script>

</head>

<body>

</div> </div>

(7)

<ul>

<li><a href="depan.php"><img src="counter/penya.png" /> PENYAKIT</a></li>

<li><a href="?menu=about"><img src="counter/profil.png" /> ABOUT</a></li>

<li><a

href="https://www.facebook.com/kevinouji"><img src="counter/kontak.png" /> FACEBOOK</a></li>

</ul> </div>

<marquee align="center" direction="scroll" scrollamount="4">Selamat datang, semoga informasi yang saya berikan bermanfaat buat kesehatan anda. Jika sakit berlanjut hubungi dokter.</marquee>

</div>

<div class="halaman"> <?php

error_reporting(0); $menu = $_GET['menu']; if($menu == 'about') {

require_once "menu/about.php"; }

elseif ($menu=="detail") {

require_once "menu/detail.php"; }

else {

require_once "menu/penyakit.php"; }

?> </div>

<?php include "pengunjung.php";?> </div>

<td><p align="center">© <?php echo date('Y') ?> Design by Adam Kevin Hutagalung | <a href="depan.php">Obat-Obatan

Herbal</a></p></td> </tr>

(8)

</div> </body> </html>

4. detai.php

<?php

include"../Admin/koneksi.php"; $id=$_GET['nama'];

$sql="select * from tanaman where tanaman.id=$id"; $query=mysql_query($sql);

$hasil=mysql_fetch_array($query); ?>

<tr><td align="center" colspan="3" style="font-size:24px">INFORMASI</td>

</tr>

<tr><td align="center" colspan="3"><img

src="../gambar/<?php echo $hasil['gambar'] ;?>" height="270px" title="<?php echo $hasil['nama_tanaman'] ;?>"/></td>

</tr>

<tr><td width="120px">Nama Tanaman</td><td>:</td> <td><?php echo $hasil['nama_tanaman'];?></td></tr> <tr><td>Nama Penyakit</td><td>:</td>

<td><?php echo $hasil['zat'];?></td></tr> <tr valign="top"><td>Pengolahan</td><td>:</td> <td><?php echo $hasil['pengolahan'];?></td></tr>

<tr><td align="center" colspan="3"><input type="button" value="Kembali"

onclick="document.location='depan.php'"/></td></tr> </table>

(9)

5. penyakit.php

<th>No</th> <th>Gambar</th>

<th>Nama Tanaman</th> <th>Nama Penyakit</th> </tr>

</thead> <tbody>

<?php

include"../Admin/koneksi.php";

$sql = mysql_query("select * from tanaman"); $no = 1;

while ($r = mysql_fetch_assoc($sql)) { $id=$r['id'];

$nama=$r['nama_tanaman']; $gambar=$r['gambar'];

$penyakit=$r['nama_penyakit']; echo "<tr>

<td width=40>$no</td> <td align='center'><a

href='?menu=detail&nama=$id'><img src='../gambar/$gambar' width='100px' title='$nama'/></a></td>

<td>$nama</td> <td><a

href='?menu=detail&nama=$id'>$penyakit</a></td> </tr>";

$no++;

} ?>

</tbody> </table>

</div>

6. about.php

<?php

include"../Admin/koneksi.php"; $sql="select * from biodata"; $hasil=mysql_query($sql);

$data=mysql_fetch_assoc($hasil); ?>

(10)

<tr><td align="center" colspan="5" style="font-size:25px">BIODATA</td></tr>

<tr><td align="center" colspan="5"><img src="../img/<?php echo $data['foto'] ;?>" width="150px" height="200px"/></td></tr>

<td><?php echo $data['nama'];?></td></tr> <tr><td>Tempat/Tgl lahir</td>

<tr><td>Email</td> <td> </td> <td>:</td> <td> </td>

<td><?php echo $data['email'];?></td></tr> <tr><td>Pendidikan</td>

<td><?php echo $data['pendidikan'];?></td></tr> <tr valign="top"><td>Tujuan</td>

</tr> </table>

7. pengunjung.php

<div class="title_box">Informasi Terbaru</div> <div class="border_box">

<?php

$baru=mysql_query("SELECT * FROM tanaman order by id DESC LIMIT 2");

while($b=mysql_fetch_array($baru)){ echo "<p align='center'><h3><a

href='?menu=detail&nama=$b[id]'>$b[nama_penyakit]</a></h3> <a href='?menu=detail&nama=$b[id]'><img

(11)

$isiberita=nl2br($b[pengolahan]); $isi=substr($isiberita,0,80);

$isi=substr($isiberita,0,strrpos($isi," ")); echo"<p align='center'>$isi...

<a href='?menu=detail&nama=$b[id]'>selengkapnya</a></br></p>"; }

?> </div>

</br>

<div class="title_box">Statistik User</div> <div class="border_box">

<?php

$ip = $_SERVER['REMOTE_ADDR']; $tanggal = date("Ymd");

$waktu = time();

$s = mysql_query("SELECT * FROM statistik WHERE ip='$ip' AND tanggal='$tanggal'");

if(mysql_num_rows($s) == 0){

mysql_query("INSERT INTO statistik(ip, tanggal, hits, online) VALUES('$ip','$tanggal','1','$waktu')");

} else{

mysql_query("UPDATE statistik SET hits=hits+1, online='$waktu' WHERE ip='$ip' AND tanggal='$tanggal'");

}

$pengunjung = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE tanggal='$tanggal' GROUP BY ip"));

$totalpengunjung = mysql_result(mysql_query("SELECT COUNT(hits) FROM statistik"), 0);

$hits = mysql_fetch_assoc(mysql_query("SELECT SUM(hits) as hitstoday FROM statistik WHERE tanggal='$tanggal' GROUP BY tanggal"));

$totalhits = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0);

$tothitsgbr = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0);

$bataswaktu = time() - 300;

$pengunjungonline = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE online > '$bataswaktu'"));

$path = "counter/"; $ext = ".png";

(12)

$tothitsgbr = str_replace($i, "<img src='$path$i$ext' alt='$i'>", $tothitsgbr);

}

echo "<br /><p align='left' >

<img src='counter/hariini.png'> Pengunjung hari ini : $pengunjung <br />

<img src='counter/total.png'> Total pengunjung : $totalpengunjung <br /><br />

<img src='counter/hariini.png'> Hits hari ini : $hits[hitstoday] <br />

<img src='counter/total.png'> Total Hits : $totalhits <br /><br />

<img src='counter/online.png'> Pengunjung Online: $pengunjungonline<br /><br /></p>

<p align='center'>$tothitsgbr </p><br />"; ?>

</div>

8. styledepan.css

@import "../../lib/media/css/demo_table_jui.css"; @import "../../lib/media/themes/sunny/jquery-ui.css"; body {

background:url(../../img/baground.jpg); }

#container {

margin:-10px auto auto -4px; }

#menu {

width:1000px; height:40px; margin:auto;

background:#333333;

border-bottom: 1px solid #00CC00; }

#menu ul {

margin:auto; list-style:none; padding:0px; }

#menu li {

float:left; }

#menu li a {

(13)

width: 120px; height: 35px;

padding:5px 0px 0px 0px;

font-family:Comic Sans MS bold; font-size: medium;

color: #00FF00;

text-decoration: none;

border-right: double #666666; border-bottom: 1px solid #00CC00; text-align: center;

}

#menu li a:hover {

background:rgb(10, 300, 10); color:#333333;

}

.halaman{

float:right; width:700px; height:auto;

margin:30px 50px auto; }

.tengah{

margin:auto; width:1000px; height:auto;

background:url(../../img/form.png); }

.form{

margin:auto 50px; width:650px;

background:url(../../img/fisi.png); }

.form tr td{

font-family:Comic Sans MS bold; font-size:15px

} .isi{

margin:auto 50px; width:650px;

background:url(../../img/fisi.png); }

.isi tr td{

font-family:Comic Sans MS bold; font-size:15px

(14)

#teks{

width:1000px; height:auto; color:blue; font-size:16px;

font-family:Comic Sans MS;

background:url(../../img/form.png); }

.bawah {

background: #333333; color:#fff;

}

#slider {

margin:auto;

position:relative; width:1000px; height:250px; }

.slider-content { position:static; width:1000px; height:250px;

border-radius:15px 15px 0px 0px; overflow:hidden;

z-index:1; }

.slider-content ul {

list-style-type:none; position:relative; overflow:hidden; }

.slider-content ul li { width:1000px; height:250px; position:relative; }

.right_content{ width:0px; float:left;

margin:30px 50px auto; }

(15)

width:194px; height:auto;

text-align:center;

border:1px #6da6b1 solid; background:#99FF99;

}

.border_box p{ margin:15px; }

.title_box{

background:url(../counter/menu_title_bg.gif) no-repeat center;

text-align:center; font-size:13px; font-weight:bold; color:#fff;

line-height:30px; }

9. koneksi.php

<?php

$host = "localhost"; $user = "root"; $pass = ""; $dbname = "ta";

$conn = mysql_connect($host,$user,$pass); if($conn) {

$salah = mysql_select_db($dbname); if(!$salah) {

echo mysql_error(); }

} ?>

10.Admin index.php

<head>

(16)

</head>

<body>

<td>Username</td>

</tr> <tr>

<td>Password</td>

</tr> <tr>

</tr> </table> </form>

</div> </body> </html>

11. Admin styleindex.css

body {

width:auto; height:auto;

margin:auto; padding:inherit;

background: url("../../img/bg.png"); background-color:#000000;

}

.login_posisi{

margin: 230px; }

.masuk{

(17)

margin: auto;

background: url("../../img/tengah.png"); }

.masuk table{

margin:auto 50px auto 50px; }

.masuk table td{

font-family:Comic Sans MS; }

12. login.php

<?php

include"koneksi.php"; session_start();

if(isset($_POST['login'])) { $username = $_POST['username']; $password = $_POST['password'];

$sql = mysql_query("SELECT * FROM user WHERE username='$username' and password='$password'");

$num = mysql_num_rows($sql); if($num==1) {

$_SESSION['username'] = $username; $_SESSION['password'] = $password; ?>

document.location='berhasil.php'</script> <?php

} else { ?>

document.location='index.php'</script> <?php

} } ?>

13.berhasil.php

<?php

session_start();

if (!isset($_SESSION['username']) or $_SESSION['password']=="") {

(18)

document.location='index.php'</script> <?php

exit; }else{ ?>

<head>

src="../lib/media/js/jquery.dataTables.js"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){

$('#datatables').dataTable({ "oLanguage": {

"sLengthMenu": "Tampilkan _MENU_ data per halaman", "sSearch": "Pencarian: ", "sZeroRecords": "Maaf, tidak ada data yang ditemukan","sInfo": "Menampilkan _START_ s/d _END_ dari _TOTAL_ data","sInfoEmpty": "Menampilkan 0 s/d 0 dari 0 data", "sInfoFiltered": "(di filter dari _MAX_ total data)",

"oPaginate": {

"sFirst": "<<", "sLast": ">>", "sPrevious": "<", "sNext": ">"

}},

"sPaginationType":"full_numbers", "bJQueryUI":true

}); }) </script>

</head>

<body>

(19)

<?php echo "Selamat datang ".$_SESSION['username'];?>

</div> <ul>

<li><a href="berhasil.php">TAMPILAN DATA</a></li>

<li><a href="?menu=input">INPUT DATA</a></li>

<li><a href='logout.php'>LOGOUT</a></li> </ul>

</div>

<div class="dataposisi"> <?php

error_reporting(0); $menu=$_GET[menu]; if ($menu=="input") {

include "menu/input.php"; }

elseif ($menu=="edit") {

require_once "edit.php"; }

elseif ($menu=="hapus") {

require_once "hapus.php"; }

else{

require_once "menu/isidata.php"; }

?> </div>

<tr><td><p align="center">© <?php echo date('Y') ?> Obat-obatan Herbal | PHP dan MySQL Developed</p></td></tr>

</table> </div>

</div> </div>

(20)

14. styleberhasil.css

@import "../../lib/media/css/demo_table_jui.css"; @import "../../lib/media/themes/sunny/jquery-ui.css"; body {

background: url("../../img/bg.png"); background-color:#000000;

} #user{

float:right; color:#FFFFFF;

font-family:Cooper Black; background-color: #00CC33; width:200px;

height:30px;

text-align: center; margin:auto;

}

#container {

margin:-10px auto auto -4px; }

.tengah{

margin:auto; width:1000px; height:auto;

border:4px solid #fff; background: #00FFFF; }

.atas{

height:250px; width:1000px;

background: url("../../images/1p.png"); }

.bawah {

background: #009900; }

#menu {

background: #333333;

(21)

#menu ul {

margin:auto; list-style:none; padding:0px; }

#menu li {

float:left; }

#menu li a {

float: left; width: 200px; height: 25px;

padding:5px 0px 0px 0px; font-family:Comic Sans MS; font-size: medium;

color: #00FF00;

text-decoration: none;

border-right: double #666666; border-bottom: 1px solid #00CC00; text-align: center;

}

#menu li a:hover {

background:rgb(10, 300, 10); color:#333333;

}

.dataposisi{

margin: 10px auto 10px auto; }

.data{

width: 600px; height: auto;

margin: auto;

background: url("../../img/tisi.png"); }

.data table{

margin:auto; }

.data table td{

font-family:Arial Rounded MT Bold; }

#pos{

(22)

15. input.php

include"koneksi.php";

echo"<select name='kategori'>";

$sql = mysql_query("SELECT * FROM kategori"); while($data=mysql_fetch_array($sql)){

<tr valign="top"> <td>Gambar </td> <td>:</td>

</tr>

<td>Nama penyakit </td> <td>:</td>

<td><input name="namapenyakit" type="text" ></td> height:100px"></textarea></td>

</tr>

<td>Pengolahan</td> <td>:</td>

(23)

<tr>

</tr> </table>

</form>

16. inputdata.php

<?php

$lokasiFile=$_FILES['gambar']['tmp_name']; $tipeFile=$_FILES['gambar']['type'];

$namaFile=$_FILES['gambar']['name']; if(isset($_POST['simpan'])) {

if(!empty($lokasiFile)){ $folder_upload="../gambar/";

$file_upload=$folder_upload.$namaFile;

move_uploaded_file($lokasiFile, $file_upload); mysql_query("INSERT INTO tanaman

(kategori,nama_tanaman,gambar,nama_penyakit,zat,pengo lahan)

VALUES('$_POST[kategori]','$_POST[namatanaman]','$nam aFile','$_POST[namapenyakit]','$_POST[zat]','$_POST[p engolahan]')");

}

header('location:berhasil.php'); }

?>

17. isidata.php

<tr>

<th>KATEGORI</th> <th>NAMA TANAMAN</th>

<th>GAMBAR</th>

(24)

<th>ZAT-ZAT</th> <th>PENGELOLAHAN</th>

<th>AKSI</th> </tr> </thead> <tbody> <?php

$query = "SELECT * FROM tanaman ORDER BY id DESC"; $s = mysql_query($query);

$no = 1;

while ($r = mysql_fetch_assoc($s)) { echo "<tr>

<td>$r[kategori]</td> <td>$r[nama_tanaman]</td> <td>$r[gambar]</td>

<td>$r[nama_penyakit]</td> <td>$r[zat]</td>

<td>$r[pengolahan]</td> <td><a

href='?menu=edit&id=$r[id]'>Edit</a>|<a href='?menu=hapus&id=$r[id]'>Hapus</a></td> </tr>";

$no++;

} ?>

</tbody> </table> </div>

18. edit.php

<img src="../img/tatase.png" alt="gambar"/> <?

$edit = mysql_query("SELECT * FROM tanaman WHERE id='$_GET[id]'");

$d = mysql_fetch_array($edit);

echo"<form method=POST enctype='multipart/form-data' action='update.php'>

<tr><td>Kategori</td> <td>:</td>

<td><select name=kategori>";

$query = mysql_query("SELECT * FROM kategori"); while ($t = mysql_fetch_array($query)){

(25)

echo "<option value='$t[id_kategori]' selected>$t[kategori]</option>";

} else { echo "<option

value=$t[id_kategori]>$t[kategori]</option>"; }

}

echo"<tr valign='top'> <td>Nama Tanaman</td> <td>:</td>

</tr>

<tr valign='top'> <td>Gambar </td> <td>:</td>

</tr>

<tr valign='top'> <td>Nama penyakit </td>

<td><input onfocus=this.value=''

value='$d[nama_penyakit]' type=text name=namapenyakit></td> </tr>

</tr>

<tr valign='top'> <td>Pengolahan</td> <td>:</td>

<td><textarea name=pengolahan style='width:300px; height:100px'>$d[pengolahan]</textarea></td>

</tr> <tr>

</tr> </table> </form>";

?>

(26)

19. update.php

<?php

$lokasiFile=$_FILES['gambar']['tmp_name']; $tipeFile=$_FILES['gambar']['type'];

$namaFile=$_FILES['gambar']['name']; if(isset($_POST['update'])) {

if (!empty($lokasiFile)){ $folder_upload="../gambar/";

move_uploaded_file($lokasiFile, $file_upload); mysql_query("UPDATE tanaman SET kategori= '$_POST[kategori]',nama_tanaman=

'$_POST[namatanaman]',gambar='$namaFile',nama_penyakit= '$_POST[namapenyakit]',zat = '$_POST[zat]',pengolahan = '$_POST[pengolahan]'WHERE id = '$_POST[id]'");

} else {

$folder_upload="../gambar/";

move_uploaded_file($lokasiFile, $file_upload); mysql_query("UPDATE tanaman SET kategori= '$_POST[kategori]',nama_tanaman=

'$_POST[namatanaman]',gambar='$namaFile',nama_penyakit= '$_POST[namapenyakit]',zat = '$_POST[zat]',pengolahan = '$_POST[pengolahan]'WHERE id = '$_POST[id]'");

}

header('location:berhasil.php'); }

?>

20. hapus.php

<?php

mysql_query("DELETE FROM tanaman WHERE id ='$_GET[id]'"); header('location:berhasil.php');

?>

21. logout.php

<?php

session_start(); session_destroy();

(27)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa

Program Diploma 3 Teknik Informatika :

Nama

:

ADAM KEVIN HUTAGALUNG

NIM

:

112406105

Program Studi

:

DIPLOMA (D3) TEKNIK INFORMATIKA

Judul Tugas Akhir :