Sistem Informasi Budidaya Tanaman Tomat Di Kabupaten Karo
Lampiran Admin Daftar.php
<style type="text/css"> <!--
.style1 {font-size: 24px} body {
background-color: #008b8b; }
--> </style>
<form name="form1" method="post" action="input_daftar.php"> <table width="400" border="0" align="center">
<tr>
<td colspan="2" align="center"><span class="style1" >Halaman Registrasi</span></td> </tr>
<tr>
<td>Username : </td>
<td><input name="txtnama" type="text" id="txtnama"></td> </tr>
<tr>
<td>Password : </td>
<td><input name="txtpassword" type="password" id="txtpassword"></td> </tr>
(2)
<td >Ulangi Password : </td>
<td><input name="txtc_password" type="password" id="txtc_password"></td> </tr>
<tr> </tr> <tr>
<td>Sudah punya akun?<a href="login.php">Login</a></td> <td><input type="submit" name="Submit" value="Register"></td>
</tr> <tr>
<td align="right" colspan="2">
</td> </tr> </table> </form>
Edit_datahama.php
<?php
session_start(); // Memulai Session if (ISSET($_SESSION['username'])) {
?>
(3)
<head>
<title>Edit Data Hama</title> <style type="text/css">
body{
background: #ebebeb; font-family: Arial; color: #fff;
background-color: #b8860d; }
#login{
color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */
(4)
} input{
padding:4px; }
.tombol{
padding:4px 10px;
background:url(images/bgmenu.gif) repeat-x; text-decoration:none;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:#fff;
margin:5px; }
.tombol:hover{
background:#706157; }
.th{
background:url(images/bgmenu.gif) repeat-x; color:#fff;
border:1px solid #fff; }
table{margin:0;} body,td,th {
(5)
color: #000; }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head>
<body>
<div id="login">
<table width="100%" cellpadding="4px" align="center"> <tr>
<th class="th" colspan="2"> </th> </tr>
<?php
include("koneksi.php"); $id=$_GET['id'];
echo "<form method='post' action='update_datahama.php?id=$id'> "; $query="SELECT * FROM `tbl_hama` WHERE id='$id'";
$eksekusi=mysql_query($query);
$data=mysql_fetch_array($eksekusi); ?> <form>
<caption><h2>Edit Data Hama</h2></caption> <tr>
<tr>
(6)
<td><input type="text" name="nama" value="<?php echo $data['nama']; ?>" ></td>
</tr>
<td>Nama Latin Hama</td>
<td><input type="text" name="latin" value="<?php echo $data['latin']; ?>" ></td>
</tr>
<td>Ciri Ciri Hama </td>
<td><input type="text" name="ciri" value="<?php echo $data['ciri']; ?>" ></td>
</tr>
<td>Cara Mencegah Hama </td>
<td><input type="text" name="mencegah" value="<?php echo $data['mencegah']; ?>" ></td>
</tr>
<td>Cara Mengatasi </td>
<td><input type="text" name="mengatasi" value="<?php echo $data['mengatasi']; ?>" ></td>
</tr> </tr>
(7)
<th class="th" colspan="2"><a href="tampil_datahama.php">Kembali Edit Data Hama</a></th>
</tr> <tr>
<th class="th" colspan="2"><a href="main.php">Kembali Panel Admin</a></th>
</tr> <tr>
<td> </td>
<td align="right"><input class="tombol" type="submit" value="Perbarui"/></td>
</tr> <tr>
<td> </td>
<td align="right"><input class="tombol" type="reset" value="Reset"/></td>
</tr> </table> </form>
</div> </body> </html> <?php } else{
header("location: login.php"); }
(8)
?>
Edit_penanggulangan.php
<?php
session_start(); // Memulai Session if (ISSET($_SESSION['username'])) {
?>
<html> <head>
<title>Edit Penanggulangan</title> <style type="text/css">
body{
background: #ebebeb; font-family: Arial; color: #fff;
background-color: #b8860b; }
#login{
color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px;
(9)
-moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */ }
input{
padding:4px; }
.tombol{
padding:4px 10px;
background:url(images/bgmenu.gif) repeat-x; text-decoration:none;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:#fff;
margin:5px; }
(10)
background:#706157; }
.th{
background:url(images/bgmenu.gif) repeat-x; color:#fff;
border:1px solid #fff; }
table{margin:0;} body,td,th {
color: #000; }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head>
<body>
<div id="login">
<table width="100%" cellpadding="4px" align="center"> <tr>
<th colspan="2" bgcolor="#D6D6D6" class="th"> </th> </tr>
<?php
include("koneksi.php"); $id=$_GET['id'];
(11)
$query="SELECT * FROM `tbl_penanggulangan` WHERE id='$id'"; $eksekusi=mysql_query($query);
$data=mysql_fetch_array($eksekusi); ?> <form>
<caption><h2>Edit Penanggulangan</h2></caption> <tr>
<tr>
<td>Keterangan </td>
<td><input type="text" name="keterangan" value="<?php echo $data['keterangan']; ?>" ></td>
</tr> </tr>
<tr>
<th class="th" colspan="2"><a
href="tampil_penanggulangan.php">Kembali Edit Penanggulangan</a></th> </tr>
<tr>
<th class="th" colspan="2"><a href="main.php">Kembali Panel Admin</a></th>
</tr> <tr>
<td> </td>
<td align="right"><input class="tombol" type="submit" value="Perbarui"/></td>
(12)
</tr> <tr>
<td> </td>
<td align="right"><input class="tombol" type="reset" value="Reset"/></td>
</tr> </table> </form>
</div> </body> </html>
<?php } else{
header("location: login.php"); }
?>
Hapus_datahama.php
<?php
include("koneksi.php");
$id=$_GET['id'];
(13)
if(mysql_query($q)){
?><script>alert('Berhasil dihapus');</script><?php
?><script>document.location.href='tampil_datahama.php';</script><?php }
else{
echo"data gagal dihapus: ".mysql_error(); }
?>
Hapus_datapesan.php
<?php
include("koneksi.php");
$id=$_GET['id'];
$q="DELETE FROM `tbl_kontak` WHERE id='$id'"; if(mysql_query($q)){
?><script>alert('Pesan Berhasil dihapus');</script><?php
?><script>document.location.href='tampil_kontak.php';</script><?php }
else{
echo"Pesan Gagal dihapus: ".mysql_error(); }
(14)
?>
Hapus_penanggulangan.php
<?php
include("koneksi.php");
$id=$_GET['id'];
$q="DELETE FROM `tbl_penanggulangan` WHERE id='$id'"; if(mysql_query($q)){
?><script>alert('Data Berhasil dihapus');</script><?php ?><script>document.location.href='main.php';</script><?php }
else{
echo"Data Gagal dihapus: ".mysql_error(); }
?>
Input_daftar.php
<?php
include "koneksi.php";
$txtnama = trim(strip_tags(mysql_real_escape_string($_POST['txtnama'])));
$txtpassword = trim(strip_tags(mysql_real_escape_string($_POST['txtpassword']))); $txtc_password = trim(strip_tags(mysql_real_escape_string($_POST['txtc_password'])));
(15)
$passmd5 = md5($txtpassword); //Mengenkripsi $txtpassword if(strlen($txtnama)<1)
{
echo "Nama Masih Kosong"; }
else if(strlen($txtpassword)<1) {
echo "Password Masih Kosong"; }
else if(strlen($txtc_password)<1) {
echo "Password Masih Kosong"; }
else if($txtpassword != $txtc_password) {
print "<script>alert('Konfirmasi password harus sama dengan password !'); javascript:history.go(-1);</script>";
exit; } else {
$cek_data="Select * from login where username='$txtnama'"; // Melakukan Pemeriksaan pada Username di tabel tbl_user
$hasil=mysql_query($cek_data); $hasil_cek = mysql_num_rows($hasil);
(16)
$sqlSimpan = "INSERT INTO login(username,password) values('$txtnama', '$passmd5')";
mysql_query($sqlSimpan, $koneksi)
or die ("Gagal Perintah SQL".mysql_error());
echo "PENYIMPANAN BERHASIL SILAHKAN <a href='login.php'>LOGIN</a>"; }
else {
echo "Data / Username Sudah Ada <a href='daftar.php'>Kembali</a>"; }}
?>
Input_datahama.php
<html> <head>
<title>Input Data Hama</title> <style type="text/css">
body{
background: #ebebeb; font-family: Arial; color: #fff;
background-color: #b8860b; }
#login{
color:#fff; width:340px;
(17)
padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */ }
input{
padding:4px; }
.tombol{
padding:4px 10px;
background:url(images/bgmenu.gif) repeat-x; text-decoration:none;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
(18)
color:#fff; margin:5px; }
.tombol:hover{
background:#706157; }
.th{
background:url(images/bgmenu.gif) repeat-x; color:#fff;
border:1px solid #fff; }
table{margin:0;} body,td,th {
color: #000; }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head>
<body>
<div id="login">
<form method="POST" enctype="multipart/form-data" action="proses_datahama.php"> <table width="100%" cellpadding="4px" align="center">
<tr>
<th class="th" colspan="2">Input Data Hama</th> </tr>
(19)
<tr>
<td>Nama Hama</td>
<td align="right"><input type="text" name="namahama"/></td> </tr>
<tr>
<td>Nama Latin Hama</td>
<td align="right"><input type="text" name="latin"/></td> </tr>
<tr>
<td>gejala</td>
<td align="right"><textarea <input type="text" name="ciri"/></textarea></td>
</tr>
<tr>
<td>penyebab</td>
<td align="right"><textarea <input type="text" name="mencegah"/></textarea></td>
</tr>
<tr>
<td>Cara Mengatasi Hama</td>
<td align="right"><textarea <input type="text" name="mengatasi"/></textarea></td>
(20)
<tr>
<td>Gambar</td>
<td align="right"><input type="file" name="gambar"/></td> </tr>
<tr>
<th class="th" colspan="2"><a href="tampil_datahama.php">Kembali Tampil Data Hama</a></th>
</tr>
<td> </td>
<td align="right"><input class="tombol" type="submit" value="Simpan"/></td>
</tr>
<tr>
<td> </td>
<td align="right"><input class="tombol" type="reset" value="Reset"/></td>
</tr>
</table> </form>
</div> </body>
(21)
</html>
Input_penanggulangan.php
<html> <head>
<title>Input Penanggulangan</title> <style type="text/css">
body{
background: #ebebeb; font-family: Arial; color: #fff;
background-color: #b8860b; }
#login{
color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */
(22)
background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */ }
input{
padding:4px; }
.tombol{
padding:4px 10px;
background:url(images/bgmenu.gif) repeat-x; text-decoration:none;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:#fff;
margin:5px; }
.tombol:hover{
background:#706157; }
.th{
background:url(images/bgmenu.gif) repeat-x; color:#fff;
(23)
}
table{margin:0;} body,td,th {
color: #000; }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head>
<body>
<div id="login">
<form method="POST" enctype="multipart/form-data" action="proses_penanggulangan.php"> <table width="100%" cellpadding="4px" align="center">
<tr>
<th class="th" colspan="2">Input Penanggulangan</th> </tr>
<tr>
<td>Keterangan</td>
<td align="right"><textarea <input type="text" name="keterangan"/></textarea></td>
</tr>
<tr>
<td>Gambar</td>
(24)
</tr>
<tr>
<th class="th" colspan="2"><a href="tampil_datahama.php">Kembali Tampil Data Hama</a></th>
</tr>
<td> </td>
<td align="right"><input class="tombol" type="submit" value="Simpan"/></td>
</tr>
<tr>
<td> </td>
<td align="right"><input class="tombol" type="reset" value="Reset"/></td>
</tr>
</table> </form>
</div> </body> </html>
Koneksi.php
<?php
(25)
$user = "root"; // Username
$pass = ""; // Password (Isi jika menggunakan password)
$connect = mysqli_connect($host, $user, $pass, "tomat"); // Koneksi ke MySQL ?>
Login.php <html> <head>
<title>Login System</title> <style type="text/css">
body{
background: #ebebeb; font-family: Arial; color: #fff;
background-color: #b8860b; }
#login{
color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
(26)
background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */ }
input{
padding:4px; }
.tombol{
padding:4px 10px;
background:url(images/bgmenu.gif) repeat-x; text-decoration:none;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:#fff;
margin:5px; }
.tombol:hover{
background:#706157; }
(27)
background:url(images/bgmenu.gif) repeat-x; color:#fff;
border:1px solid #fff; }
table{margin:0;} </style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head>
<body>
<div id="login">
<form method="POST" action="proses_login.php">
<table width="100%" cellpadding="4px" align="center"> <tr>
<th colspan="2" bgcolor="#dc143c" class="th">Login Admin</th> </tr>
<tr>
<td>Username</td>
<td align="right"><input type="text" name="username" size="30"/></td> </tr>
<tr>
<td>Password</td>
<td align="right"><input type="password" name="password" size="30"/></td> </tr>
<tr>
(28)
<td align="right"><input class="tombol" type="submit" value="Login"/></td>
</tr> </table> </form>
</div> </body> </html>
Proses_datahama.php
<?php
// Load file koneksi.php include "koneksi2.php";
$namahama = $_POST['namahama']; $latin = $_POST['latin'];
$ciri = $_POST['ciri'];
$mencegah = $_POST['mencegah']; $mengatasi = $_POST['mengatasi']; // Ambil Data yang Dikirim dari Form $nama_file = $_FILES['gambar']['name']; $ukuran_file= $_FILES['gambar']['size']; $tipe_file = $_FILES['gambar']['type'];
$tmp_file = $_FILES['gambar']['tmp_name'];
(29)
$path = "images/".$nama_file;
if($tipe_file == "image/jpeg" || $tipe_file == "image/png"){ // Cek apakah tipe file yang diupload adalah JPG / JPEG / PNG
// Jika tipe file yang diupload JPG / JPEG / PNG, lakukan :
if($ukuran_file <= 1000000){ // Cek apakah ukuran file yang diupload kurang dari sama dengan 1MB
// Jika ukuran file kurang dari sama dengan 1MB, lakukan : // Proses upload
if(move_uploaded_file($tmp_file, $path)){ // Cek apakah gambar berhasil diupload atau tidak
// Jika gambar berhasil diupload, Lakukan : // Proses simpan ke Database
$query = "INSERT INTO tbl_hama( namahama,
latin, ciri, mencegah, mengatasi, nama, ukuran, tipe)
VALUES( '".$namahama."', '".$latin."',
'".$ciri."', '".$mencegah."',
(30)
'".$mengatasi."', '".$nama_file."', '".$ukuran_file."', '".$tipe_file."')";
$sql = mysqli_query($connect, $query); // Eksekusi/ Jalankan query dari variabel $query
if($sql){ // Cek jika proses simpan ke database sukses atau tidak // Jika Sukses, Lakukan :
?><script>alert('Data Tersimpan');</script><?php
?><script>document.location.href='main.php';</script><?php }else{
// Jika Gagal, Lakukan :
?><script>alert('Maaf, ada kesalahan pada Database');</script><?php ?><script>document.location.href='main.php';</script><?php }
}else{
// Jika gambar gagal diupload, Lakukan :
?><script>alert('Maaf, Gagal di upload Gambar');</script><?php ?><script>document.location.href='main.php';</script><?php }
}else{
// Jika ukuran file lebih dari 1MB, lakukan :
?><script>alert('Maaf, Gambar lebih dari 1 MB');</script><?php ?><script>document.location.href='main.php';</script><?php }
(31)
}else{
// Jika tipe file yang diupload bukan JPG / JPEG / PNG, lakukan : ?><script>alert('Maaf, Tipe gambar yang diupload harus JPG / JPEG / PNG.e');</script><?php
?><script>document.location.href='main.php';</script><?php
} ?>
Proses_penanggulanagan.php
<?php
// Load file koneksi.php include "koneksi2.php";
$keterangan = $_POST['keterangan']; // Ambil Data yang Dikirim dari Form $nama_file = $_FILES['gambar']['name']; $ukuran_file= $_FILES['gambar']['size']; $tipe_file = $_FILES['gambar']['type'];
$tmp_file = $_FILES['gambar']['tmp_name'];
// Set path folder tempat menyimpan gambarnya $path = "images/".$nama_file;
if($tipe_file == "image/jpeg" || $tipe_file == "image/png"){ // Cek apakah tipe file yang diupload adalah JPG / JPEG / PNG
(32)
if($ukuran_file <= 1000000){ // Cek apakah ukuran file yang diupload kurang dari sama dengan 1MB
// Jika ukuran file kurang dari sama dengan 1MB, lakukan : // Proses upload
if(move_uploaded_file($tmp_file, $path)){ // Cek apakah gambar berhasil diupload atau tidak
// Jika gambar berhasil diupload, Lakukan : // Proses simpan ke Database
$query = "INSERT INTO tbl_penanggulangan( keterangan,
nama, ukuran, tipe)
VALUES( '".$keterangan."', '".$nama_file."',
'".$ukuran_file."', '".$tipe_file."')";
$sql = mysqli_query($connect, $query); // Eksekusi/ Jalankan query dari variabel $query
if($sql){ // Cek jika proses simpan ke database sukses atau tidak // Jika Sukses, Lakukan :
?><script>alert('Data Tersimpan');</script><?php
?><script>document.location.href='main.php';</script><?php }else{
// Jika Gagal, Lakukan :
(33)
?><script>document.location.href='main.php';</script><?php }
}else{
// Jika gambar gagal diupload, Lakukan :
?><script>alert('Maaf, Gagal di upload Gambar');</script><?php ?><script>document.location.href='main.php';</script><?php }
}else{
// Jika ukuran file lebih dari 1MB, lakukan :
?><script>alert('Maaf, Gambar lebih dari 1 MB');</script><?php ?><script>document.location.href='main.php';</script><?php }
}else{
// Jika tipe file yang diupload bukan JPG / JPEG / PNG, lakukan : ?><script>alert('Maaf, Tipe gambar yang diupload harus JPG / JPEG / PNG.e');</script><?php
?><script>document.location.href='main.php';</script><?php
} ?>
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>
(34)
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <link rel="stylesheet" type="text/css" href="style.css" />
</head> <body>
<div id="wrap"> <div class="header">
<div class="logo"><a href="#"><img src="images/log.PNG" width="215" height="62" /></a></div>
<div id="menu"> <ul>
<li><a href="?menu=1">Beranda</a></li> <li><a href="?menu=2">Data Hama</a></li> <li><a href="?menu=3">Penanggulangan</a></li> <li><a href="?menu=4">Cara Menanam</a></li> <li><a href="?menu=5">Tentang Tomat</a></li> <li><a href="?menu=6">Kontak</a></li>
<p> </p> </ul>
</div> </div>
<div class="content"> <?php
(35)
if($menu=='1'){
include('beranda.php'); }elseif($menu=='2'){
include('page/datahama.php'); }elseif($menu=='3'){
include('page/caramencegah.php'); }elseif($menu=='4'){
include('page/caramenanam.php'); }elseif($menu=='5'){
include('page/tentangtomat.php'); }elseif($menu=='6'){
include('page/kontak.php'); }
?>
<!--end of left content--><!--end of right content--> <div class="clear"></div>
</div>
<!--end of center content-->
<div class="footer"><a href="#"><img src="images/log.PNG" alt="" width="99" height="38" /></a></div>
</div> </body> </html>
(36)
<!DOCTYPE html> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript" src="js/java.js"></script> </head>
<body>
<div class="center_content"> <div class="left_content">
<div class="clear">
<div class="feat_prod_box_details"> <div class="prod_img">
<div class="new_prod_box">tanah untuk pembibitan
<div class="new_prod_bg"><img src="images/6.JPG" alt="" width="106" height="92" /></div>
</div>
<a href="#"></a> <br /> <br />
<a href="images/6.jpg" rel="lightbox"><img src="images/zoom.gif" alt="" border="0" /></a></div>
(37)
<div class="prod_det_box"> <div class="box_top"></div> <div class="box_center">
<div class="prod_title">Penjelasan</div>
<p class="details">sebelum menanam terlebih dahulu kita menyediakan tanah untuk pembibitan biji tomat dan di tutupi dengan daun pisang agar tetap lembab,dan disiram 2x sehari pagi dan sore</p>
<div class="price"></div> <div class="clear"></div> </div>
<div class="box_bottom"></div> </div>
<p> </p> <p> </p> <p> </p>
<div class="clear"></div> </div>
<div class="clear">
<div class="feat_prod_box_details"> <div class="prod_img">
<div class="new_prod_box">Beberapa Minggu
<div class="new_prod_bg"><img src="images/g.jpg" alt="" width="129" height="109" /></div>
</div> <br /> <br />
(38)
<a href="images/g.jpg" rel="lightbox"><img src="images/zoom.gif" alt="" border="0" /></a></div>
<div class="prod_det_box"> <div class="box_top"></div> <div class="box_center">
<div class="prod_title">Penjelasan</div>
<p class="details">Setelah Beberapa minggu kemudia tomat yang di semai akan tumbuh seperti kecambah dan sudah siap untuk ditanam</p>
<div class="price"></div> <div class="clear"></div> </div>
<div class="box_bottom"></div> </div>
<p> </p> <p> </p> <p> </p>
<div class="clear"></div> </div>
</div> </div>
<div class="feat_prod_box_details">
<div class="prod_img"><a href="#"><img src="images/a.jpg" alt="" width="100" height="70" border="0" /></a> <br />
<br />
<a href="images/a.jpg" rel="lightbox"><img src="images/zoom.gif" alt="" border="0" /></a></div>
(39)
<div class="box_top"></div> <div class="box_center">
<div class="prod_title">penyediaan lahan</div>
<p class="details">penyediaan lahan,lahan disiapkan ketika menunggu bibit yang disemai tumbuh ,agar tidak membuang buang waktu sambil menunggu bibit yang di semai tumbuh lebih baik kita menyediakan lahan dengan cara menimbun pupuk tanah kompos dan bentuk lah seperti gambar</p>
<div class="price"></div> <div class="clear"></div> </div>
<div class="box_bottom"></div> </div>
<p> </p> <p> </p> <p> </p>
<div class="clear"></div> </div>
<div class="feat_prod_box_details">
<div class="prod_img"><a href="#"><img src="images/c.jpg" alt="" width="218" height="143" border="0" /></a> <br />
<br />
<a href="images/c.jpg" rel="lightbox"><img src="images/zoom.gif" alt="" border="0" /></a></div>
<div class="prod_det_box"> <div class="box_top"></div> <div class="box_center">
(40)
<p class="details">setelah menimbun pupuk dan kompos selanjut adalah pemasangan mulsa dengan cara seperti gambar ,fungsi dari memasang mulsa agar rumput tidak mudah tumbuh sehingga cara kerja lebih cepat dan tidak banyak memakan tenaga kerja</p>
<div class="price"></div> <div class="clear"></div> </div>
<div class="box_bottom"></div> </div>
<p> </p> <p> </p> <p> </p>
<div class="clear"></div> </div>
<div class="feat_prod_box_details">
<div class="prod_img"><a href="#"><img src="images/e.jpg" alt="" width="271" height="146" border="0" /></a> <br />
<br />
<a href="images/e.jpg" rel="lightbox"><img src="images/zoom.gif" alt="" border="0" /></a></div>
<div class="prod_det_box"> <div class="box_top"></div> <div class="box_center">
<div class="prod_title">melobangi mulsa</div>
<p class="details">dan cara kerja selanjutnya adalah melobangi mulsa ,fungsinya adalah tempat menanam tomat ,tomat yg sudah disemai tersebut akan ditanam didalam lobang-lobang tersebut bahan yang digunakan untuk melobangi adalah kaleng susu yang dibuat tangkai dan dimasukkan bara api agar kaleng tersebut panas dan mudah melobangi mulsa tersebut</p>
(41)
<div class="price"></div> <div class="clear"></div> </div>
<div class="box_bottom"></div> </div>
<p> </p> <p> </p> <p> </p>
<div class="clear"></div> </div>
<div class="feat_prod_box_details">
<div class="prod_img"><a href="#"><img src="images/tomat kecil.jpg" alt="" width="271" height="146" border="0" /></a> <br />
<br />
<a href="images/tomat kecil.jpg" rel="lightbox"><img src="images/zoom.gif" alt="" border="0" /></a></div>
<div class="prod_det_box"> <div class="box_top"></div> <div class="box_center">
<div class="prod_title">menanam tomat</div>
<p class="details">setelah mulsa dilubangi dengan kaleng selanjutnya adalah menanam tomat kedalam mulsa tersebut seperti gambar tersebut</p>
<div class="price"></div> <div class="clear"></div> </div>
(42)
</div>
<p> </p> <p> </p> <p> </p>
<div class="clear"></div> </div>
<div class="feat_prod_box_details">
<div class="prod_img"><a href="#"><img src="images/x.jpg" alt="" width="271" height="146" border="0" /></a> <br />
<br />
<a href="images/x.jpg" rel="lightbox"><img src="images/zoom.gif" alt="" border="0" /></a></div>
<div class="prod_det_box"> <div class="box_top"></div> <div class="box_center">
<div class="prod_title">tomat</div>
<p class="details">dan ini adalah tomat yang sudah ditanam didalam mulsa</p> <div class="price"></div>
<div class="clear"></div> </div>
<div class="box_bottom"></div> </div>
<p> </p> <p> </p> <p> </p>
(43)
</div>
<!--end of left content--><!--end of right content--> <div class="clear"></div>
</div>
<!--end of center content-->
</div> </body>
<script type="text/javascript">
var tabber1 = new Yetii({ id: 'demo'
});
</script> </html>
Penanggulangan.php
<?php
$host = "localhost"; // Nama hostnya $user = "root"; // Username
$pass = ""; // Password (Isi jika menggunakan password)
$connect = mysqli_connect($host, $user, $pass, "tomat"); // Koneksi ke MySQL ?>
(44)
<html>
<head>
<meta charset='UTF-8'>
<title>Non-Responsive Table</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css"> </head>
<body>
<div id="page-wrap">
<h1>Penanggulangan</h1> <table>
<tr>
<th>GAMBAR</th> <th>PENJELASAN</th> </tr>
<?php
(45)
$sql = mysqli_query($connect, $query); // Eksekusi/Jalankan query dari variabel $query $row = mysqli_num_rows($sql); // Ambil jumlah data dari hasil eksekusi $sql
if($row > 0){ // Jika jumlah data lebih dari 0 (Berarti jika data ada)
while($data = mysqli_fetch_array($sql)){ // Ambil semua data dari hasil eksekusi $sql ?>
<tr>
<td><?php echo "<img src='admin/images/".$data['nama']."' width='100' height='100'>";?></td>
<td><?php echo $data['keterangan']; ?></td> </TR>
<?php }
}else{ // Jika data tidak ada
echo "<tr><td colspan='10'>Data tidak ada</td></tr>"; } ?>
</tr> </table>
</div> </body>
</html> Datahama.php <?php
(46)
$host = "localhost"; // Nama hostnya $user = "root"; // Username
$pass = ""; // Password (Isi jika menggunakan password)
$connect = mysqli_connect($host, $user, $pass, "tomat"); // Koneksi ke MySQL ?>
<!DOCTYPE html> <html>
<head>
<meta charset='UTF-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="page-wrap">
<h1>Berikut Data Hama pada Tomat </h1> <table>
<tr>
(47)
<th>Nomor</th> <th>Nama Hama</th> <th>Nama Latin Hama</th> <th>Ciri Ciri Hama</th>
<th>Cara Mencegah Hama</th> <th>Cara Mengatasi Hama</th> </tr>
<tr> <?php
$query = "SELECT * FROM tbl_hama"; // Tampilkan semua data gambar
$sql = mysqli_query($connect, $query); // Eksekusi/Jalankan query dari variabel $query $row = mysqli_num_rows($sql); // Ambil jumlah data dari hasil eksekusi $sql
if($row > 0){ // Jika jumlah data lebih dari 0 (Berarti jika data ada)
while($data = mysqli_fetch_array($sql)){ // Ambil semua data dari hasil eksekusi $sql ?>
<td><?php echo "<img src='admin/images/".$data['nama']."' width='100' height='100'>";?></td>
<td><?php echo $data['id']; ?></td>
<td><?php echo $data['namahama']; ?></td> <td><?php echo $data['latin']; ?></td>
<td><a href="page/hama/ciri_hama.php?id=<?php echo $data['id'];?>" target="_blank">SELENGKAPNYA</a></td>
(48)
<td><a href="page/hama/mencegah_hama.php?id=<?php echo $data['id'];?>" target="_blank">SELENGKAPNYA</a></td>
<td><a href="page/hama/mengatasi_hama.php?id=<?php echo $data['id'];?>" target="_blank">SELENGKAPNYA</a></td>
</tr>";
<?php }
}else{ // Jika data tidak ada
echo "<tr><td colspan='10'>Data tidak ada</td></tr>"; } ?>
</tr> </table>
</div> </body>
</html>
Proses_kontak.php
<?php
include "../admin/koneksi.php";
$nama = $_POST['nama']; $email = $_POST['email']; $telepon = $_POST['telepon'];
(49)
$pesan = $_POST['pesan'];
$query_insert = "INSERT INTO tbl_kontak ( nama, email, telepon, pesan) VALUES(
'$nama', '$email', '$telepon', '$pesan')";
$insert = mysql_query($query_insert);
if($insert) {
?><script>alert('Pesan Terkirim');</script><?php
?><script>document.location.href='../index.php';</script><?php }
else {
?><script>alert('Data gagal disimpan');</script><?php
?><script>document.location.href='../index.php';</script><?php }
(50)
?>
Tentang_tomat.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>Flower Shop - About</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> </head>
<body>
<div id="wrap">
<div class="center_content"> <div class="left_content">
<div class="title"><span class="title_icon"><img src="images/1 (1).jpg" alt="" width="30" height="28" /></span>About</div>
<div class="feat_prod_box_details">
<p class="details"><img src="images/gambar-buah-tomat.png" width="416" height="255" /></p>
<p class="details"> </p> <p class="details"> </p>
<p class="details"> Tomat merupakan buah yang banyak mengandung nutrisi yang
dibutuhkan oleh tubuh kita. Bahkan, kandungan vitamin C tomat jauh lebih banyak dibandingkan dengan apel atau jeruk. Akan tetapi, bila kita ingin mendapatkan manfaat yang maksimal dari tomat, kita harus mengkonsumsi tomat organik. Tidak perlu membelinya, kita bisa
membudidayakan tomat organik dikebun kita sendiri. Berikut cara budidaya tomat organik </p>
(51)
<p>Bibit tomat dapat kita beli di toko-toko pertanian. Biasanya, mereka menyediakan bibit tomat dalam satu kantong atau dijual per gram. Bila kita ingin membeli
bibit pohon tomat, kita bisa menggunakan cara ini dalam menentukan banyaknya bibit yang kita perlukan. Untuk 100 sampai 150 gram bibit, kita bisa menggunakannya untuk lahan seluas 1 hektar.</p>
<h2><strong>Pemilihan Lahan</strong></h2>
<p>Tempat untuk menanam tomat organik juga sangat penting dalam proses untuk
membudidayakan tomat organik yang menghasilkan hasil yang bagus. Untuk tanah yang paling baik dalam bercocok tanam tomat organik adalah tanah yang tidak berair. Tanah becek dan mengandung banyak air bisa membuat buah tomat busuk dan gagal tumbuh sempurna. Selain itu, tanah juga harus mempunyai kadar pH sebesar 5,5 sampai 6,5. Dan, akan lebih baik, bila lahan yang akan kita tanami sudah diberi pupuk kandang atau kompos yang akan
mempermudah cara tanam tomat organik anda.</p>
<h2><strong>Proses Pembibitan</strong></h2>
<p>Proses pembibitan diawali dengan merendam benih tomat organik dalam 1 liter air yang sudah dicampur dengan 1 – 10 ml mikroba dan molase. Setelah itu, sediakan polybag yang diisi dengan tanah dan bokhasi dengan perbandingan 1:1. Masukkan satu biji benih ke tiap polybag. Pakaikan karung untuk menutupi polybag yang telah ditanami oleh benih tomat dan taruh ditempat yang teduh. Setelah bibit mulai tumbuh (sekitar 7 – 10 hari), penutup karung dibuka. Biarkan benih tomat tumbuh sampai setinggi sekitar 10 cm. Biasanya waktu yang dibutuhkan untuk ini sekitar 3 minggu. Setelah itu, tomat siap untuk dipindahkan dan ditanam di lahan yang anda sediakan.</p>
<h2><strong>Penanaman</strong></h2>
<p>Benih tomat yang tumbuh dan siap untuk ditanam dipindahkan dari polybag ke tanah yang anda sediakan. Proses penanaman ini dilakukan pada sore hari agar bibit tomat tidak layu. Perlu juga diperhatikan cara menanam bibit ini agar bibit tidak rusak. Pertama, buat lubang di lahan yang akan anda tanami tomat organik. Pindahkan bibit dari polybag secara perlahan dan jangan sampai akar tomat muda rusak. Masukkan bibit tomat ke dalam lubang di lahan anda secara tegak. Tutupi lubang sekitar tomat dengan tanah dan tekan sedikit agar padat.</p>
(52)
</div>
<div class="clear"></div> </div>
<!--end of left content--> <div class="right_content">
<h2><strong>Pemeliharaan </strong></h2> <blockquote>
<p>Ada beberapa teknik budidaya dan pemeliharaan yang perlu</p> <p> anda lakukan, agar tomat organik yang anda tanam </p>
<p>menghasilkan buah yang bagus. Yang pertama adalah penyiraman. Tomat tidak suka terlalu banyak air, jadi, </p>
<p>penyiraman sebaiknya dilakukan pada pagi dan sore hari saja. Penyulaman juga penting untuk dilakukan, agar tomat dapat tumbuh dengan baik dan menghilangkan bagian yang rusak yang mengganggu pertumbuhan tomat. Sebaiknya proses ini dilakukan 7 sampai 10 hari setelah bibit dipindahkan dari polybag. Tanaman tomat juga memerlukan pemasangan ajir. Hal ini dilakukan agar tomat dapat tumbuh tegak dan mempermudah proses pemanenan. Lakukan proses ini setelah tanaman tomat berumur 1 minggu. Pasang ajir dan ikat ujung-ujungnya agar membentuk segitiga. Setelah tomat berumur 3 – 4 minggu, perlu dilakukan proses pengikatan pada ajir. Hal ini perlu dilakukan seminggu sekali sampai pertumbuhan batang berhenti. Tunas-tunas baru diketiak daun juga perlu dipangkas agar pertumbuhan terkonsentrasi pada tunas penghasil buah tomat.</p>
<p>Selanjutnya, perlu juga dilakukan teknik budidaya perempelan daun. Daun yang mendekati tanah atau terlalu lebat dipotong agar penerimaan sinar matahari optimal.
Pemupukan juga perlu dilakukan agar tomat mendapatkan semua nutrisi yang dibutuhkan untuk tumbuh. Pupuk yang kita gunakan adalah pupuk organik, seperti pupuk kandang dan kompos. Perlu juga diberikan pupuk pelengkap cair (PPC) setiap 10 hari sekali. Selanjutnya adalah proses penyiangan. Proses ini dilakukan agar tomat tidak terganggu oleh gulma yang tumbuh
disekitarnya. Cara mudah untuk melakukan proses ini, gunakan tangan untuk mencabuti gulma pengganggu. Dan proses pemeliharaan paling penting adalah pengendalian hama. Karena kita menggunakan teknik menanam tomat organik, maka pestisida yang kita gunakan juga harus organik dan aman. Untuk itu, gunakan pestisida nabati yang berasal dari ekstrak dan fermentasi tanaman. Proses penyemprotan pestisida ini sebaiknya dilakukan pada sore atau malam hari, karena pada waktu itu, hama yang menyerang tumbuhan tomat sangat aktif.</p>
(53)
<h2><strong>Panen</strong></h2>
<p>Setelah tanaman tomat organik berumur sekitar 75 hari, proses pemanenan dapat
dilakukan. Ada beberapa tips yang bisa anda pakai untuk memanen tomat. Pertama, pilih buah yang sudah bewarna kekuningan dan bagian tepi daun dan batang mongering. Pegang buah dengan ditelapak tangan dan patahkan batang tomat dengan tangan anda lainnya. Proses ini paling baik dilakukan saat cuaca cerah dan bisa dilakukan sebanyak 16 kali setiap 3 sampai 4 hari sekali.</p>
</blockquote> </div>
<!--end of right content--> <div class="clear"></div> </div>
</body> </html>
(54)
DAFTAR PUSTAKA
(http://id.wikipedia.org)
(http://www.scribd.com./doc/Dasar- dasar Hortikultura)
(http://www.artikelheri09.co.cc/article/ programing/sejarah-dan-pengertian-php.html, 04 Mei 2011)
Abdul Kadir,”Pengenalan Sistem Informasi”,2003
Abdul Kadir,Mastering Ajax dan PHP,2009 Adi Nugroho,"Rekayasa Perangkat Lunak",2009
Edhy Sutanta, Sistem basis data, 2004
Jogiyanto H.M,"Pengenalan Komputer",penerbit andi Yogyakarta,2005
Madcoms,"mendesain website dengan photoshop, frontpage dan pemrograman PHP-Mysql,2005 Tata Sutabri ,Analisa Sistem, 2004
(55)
BAB 3
PERANCANGAN SISTEM
3.1 Pengertian Perancangan Sistem
Membangun sebuah aplikasi pada umumnya akan diawali oleh perancangan sistem terlebih dahulu. Dimana perancangan sistem adalah sebuah proses yang secara garis besar meliputi langkah-langkah operasi dalam proses pengolahan data dan prosedur untuk mendukung operasi sistem.
Menurut Jogiyanto H. M (1991) dalam bukunya “Analisis dan Desain Sistem”, perancangan sistem dapat diartikan seperti berikut :
1. Tahap setelah analisis dari siklus pengembangan sistem. 2. Pendefinisian dari kebutuhan-kebutuhan fungsional. 3. Persiapan untuk rancang bangun implementasi. 4. Menggambarkan bagaimana suatu sistem dibentuk.
5. Yang dapat berupa pengambaran 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.
(56)
3.2 Flowchart Program
Berikut adalah alur flowchart untuk aplikasi yang dibangun beserta penjelasannya. Start
Login
Cek Login
Yes Menu
Input Data Yes
Input data
tomat Database
Lihat data hama List data hama
Edit dan hapus data
Lihat data penanggulangan
List data penanggula
ngan yes
yes
finish
Gambar 3.1. Flowchart Program
Dari bagan flowchart diatas, tampak bahwa pengguna dapat melakukan beberapa hal saja. Seperti melihat data hama,data penanggulangan,menginput data hama ,penanggulanagn hingga mengedit ,menghapus data hanya dapat dilakukan admin saja.
(57)
3.3 Diagram Konteks Sistem
Berikut adalah diagram konteks dari sistem informasi yang dibangun.Diagram konteks ini hanya menampilkan entitas yang terdapat dalam aplikasi tersebut, yakni admin, user, dan sistem.
SISTEM INFORMASI
BUDIDAYA TOMAT ADMIN
petani Edit data dan hapus data Input data Data hama Data penanggulangan
Gambar 3.2. Diagram Konteks Sistem
3.4 Diagram Nol Sistem
Berikut adalahdiagram nol dari diagram konteks pada aplikasi kontrol keuangan.
1.0 Input data hamadan
penanggulanagan petani
Sumber data
Admin Proses input data
2.0 edit dan hapus data
hama ,penanggulanagan 3.0 Lihat data Mengedit dan menghapus kesalahan data
(58)
Gambar 3.3. Diagram Nol Sistem
Diagram nol diatas menggambarkan jelas bahwasanya terdapat tiga proses utama dalam aplikasi ini. Yakni input data, edit dan hapus data, serta lihat data hama,penanggulangan Ketiga proses yang saling dikaitkan ini mencakup metode CRUD (Create, Read, Update, dan Delete) dalam database.
3.5 Diagram Rinci Proses 1: Input Data
Berikut adalah diagram rinci dari proses input data oleh admin yang bersumber dari petani. Proses input data melalui beberapa proses, dilanjutkan dengan proses penginputan data, hingga penyimpanan data ke database.
id
Nama hama
Nama latin Ciri-ciri
Cara mencegah
gambar
1.1 Peroses penginputan
data petani
1.2 Peroses penyimpanan data
2.0 data
info keterangan
(59)
3.6 Diagram Rinci Proses 2: Lihat Data
Diagram rinci berikut merupakan diagram rinci yang menggambarkan proses akhir dari sistem informasi budidaya tanaman tomat. Berikut diagram rinci dari proses lihat data .
Gambar 3.6. Diagram Rinci Proses 2: Lihat Data
3.7 Entity Relationship Diagram
Seperti yang sudah dijelaskan pada bab sebelumnya bahwa Entity Relationship Diagram atau biasa disebut ERD merupakan suatu model yang menjelaskan hubungan antar-data dalam basis data. Berikut merupakan ERD dari sistem informasi budidaya tanaman tomat.
1.0
2.1 Proses Loading
Data
2.2 LihatData
Mengambil data dari database.
(60)
Admin Mengupdate Data
Pasword Username
Cara mengatasi
Cara mencegah
Nama hama
Nama latin
Gambar
Gambar 3.7. ERD Sistem
Pada ERD diatas, terdapat dua entitas yaitu admin dan data yang antara keduanya terdapat sebuah relasi.
(61)
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan untuk merealisasikan perancangan sistem yang sebelumnya telah disetujui. Implementasi sistem bertujuan untuk menciptakan sistem baru maupun mengganti sistem yang telah ada.
4.2 Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem ini adalah bukti nyata dari perencanaan yang matang. Segala aspek dalam perencanaan sistem direalisasikan sehingga sistem akhirnya dapat diuji dan dioperasikan langsung oleh pengguna. Pengguna berhak memastikan bahwa pengimplementasian sistem sesuai dengan perencanaan sistem. Implementasi sistem memperhitungkan banyak hal seperti memastikan sistem berjalan dengan baik, penginstalan sistem secara benar, serta pengontrolan yang dilakukan secara kontinu
(62)
4.3 Komponen Utama dalam Implementasi Sistem
Pada dasarnya, dalam pengimplementasian sistem terdapat beberapa komponen penting agar aplikasi yang dibangun dapat berjalan. Berikut beberapa komponen yang dibutuhkan.
4.3.1 Perangkat Keras
Perangkat keras merupakan bagian dari komputer yang dapat dilihat secara fisik dan dapat disentuh. Perangkat keras merupakan seluruh komponen peralatan yang membentuk suatu sistem komputer serta peralatan lainnya yang memungkinkan komputer dapat melakukan tugasnya. Dalam pembuatan sistem informasi budidaya ini penulis menggunakan komputer sebagai perangkat keras
4.3.2 Perangkat Lunak
Perangkat lunak adalah sekumpulan instruksi yang memungkinkan perangkat keras untuk dapat memproses data. Perangkat lunak ini tidak berbentuk fisik, melainkan berupa program yang diciptakan melalui perangkat elektronik. Dalam perangkat lunak dikenal dengan apa yang disebut sistem operasi dan program aplikasi. Penulis mengembangkan bagian perangkat lunak berupa aplikasi.
Perangkat lunak yang digunakan dalam perencanaan hingga implementasi sistem adalah : 1) Database MySQL.
(63)
2) XAMPPControl Panel Versi 3.2.1
3) Windows 7 Ultimate
4) Dreamwever
4.3.3 Brainware
Brainware atau pengguna adalah manusia yang terlibat dalam mengoperasikan serta mengatur
sistem di dalam komputer. Diartikan juga sebagai perangkat intelektual yang mengoperasikan dan mengeksplorasi kemampuan dari perangkat keras maupun perangkat lunak.
Brainware termasuk bagian penting dari sebuah sistem komputer. Karena sebuah sistem
tidak akan berjalan apabila tidak ada peran brainware. Dalam sistem yang dibangun ini, adminlah yang mengambil peran sebagai brainware.
4.4 Demonstrasi Program
Demonstrasi program akan menjelaskan secara visual bagaimana tampilan dari aplikasi kontrol keuangan. Mulai dari tampilan login, menu, input data, cek data, edit dan hapus data.
4.4.1 Tampilan login
(64)
Gamabar 4.1 Tampilan Login
4.4.2 Tampilan Menu
Tampilan menu beranda,data hama,data penanggulangan,cara menanam,tentang tomat,dan kontak
(65)
4.4.3 Tampilan Input Data
Tampilan input data yang di input oleh admin nama hama atau penyakit pada tomat,nama latin hama gejala ,penyebab,cara mengatasi dan gambar dan juga ada button simpan untuk menyimpan data dan button reset untuk mereset ulang data
(66)
4.4.4 Tampilan data yang sudah di input
(67)
Gambar 4.5 tampilan data penanggulangan yang sudah di input
4.4.5 Tampilan cara menanam tomat
Tampilan bagaimana cara menanam tomat mulai dari penyemaian bibit ,meyiapkan lahan untuk menanam tomat,pemasangan mulsa ,melobangi mulsa tempat menanam tomat
(68)
4.4.6 Tampilan tentang tomat
Tampilan tentang tomat pemilhan benih tomat ,peruses pembibitan tomat,pemeliharaan sampai dengan panen tomat
Gambar 4.7 Tampilan tentang tomat
4.4.7 Tampilan Kontak
Tampilan kontak untuk user yang mempunyai permasalah tentang tanaman tomat dapat mengirim pesan kepada admin dan menanyakan cara mengatasinya
(69)
(70)
BAB 5
PENUTUP
5.1 Kesimpulan
Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalam pembangunan Sistem Informasi Budidaya tanaman Tomat di Kabupaten Karo. Maka Penulis dapat membuat kesimpulan sebagai berikut :
1. Penggunaan dan pemanfaatan aplikasi ini dapat memberikan kemudahan bagi para petani dalam membudidayakan tanaman tomat.
2. Sistem informasi budidaya ini membantu para petani bagaimana cara mengatasi hama pada tanaman mereka.
3. Penyajian informasi yang baik dapat dilakukan dengan meng-update isi sistem informasi budidaya tanaman tomat.
4. Pembuatan sistem informasi budidaya tanaman tomat ini dibuat dengan menggunakan bahasa pemrograman PHP, database MySQL, dan web server Apache.
(71)
5.2 Saran
Dengan selesainya perancangan sistem informasi Budidaya tanaman tomat menggunakan PHP dan MySQL ini, ada beberapa saran yang kiranya dapat ditanggapi oleh semua pihak yaitu :
1. Sistem Informasi budidaya tomat seharusnya lebih sering di-update oleh admin secara berkala guna memberikan informasi yang akurat.
2. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah karena penggunaan software – software dapat memakan sumber daya komputer seperti memori dan kapasitas
(72)
BAB 2
LANDASAN TEORI
2.1 Database MySQL
Database adalah suatu kumpulan data-data yang disusun sedemikian rupa sehingga membentuk
informasi yang sangat berguna. Database terbentuk dari sekelompok data-data yang memiliki jenis/sifat yang sama. Ambil contoh, data-data berupa nama-nama, kelas-kelas, alamat-alamat. Semua data tersebut dikumpulkan menjadi satu menjadi kelompok data baru, sebut saja sebagai data-data mahasiswa.
Demikian juga, kumpulan dari data-data mahasiswa, data-data dosen, data-data keuangan dan lainnya dapat dikumpulkan lagi menjadi kelompok besar, misalkan data-data politeknik elektronika. Bahkan dalam perkembangannya, data-data tersebut dapat berbentuk berbagai macam data, misalkan dapat berupa program, lembaran-lembaran untuk entry (memasukkan) data, laporan-laporan. Kesemuanya itu dapat dikumpulkan menjadi satu yang disebut dengan database. Salah satu bahasa database yang populer adalah SQL.
MySQL biasa dibaca mai-es-ki-el atau mai-se-kuel adalah suatu perangkat lunak
database relasi (Relational Database Management System atau RDBMS) seperti halnya Oracle,
(73)
SQL atau singkatan dari Structured Query Language ialah suatu sintaks perintah-perintah tertentu atau bahasa pemrograman yang digunakan untuk mengelola suatu database. Jadi, MySQL dan SQL tidaklah sama. Singkatnya, MySQL ialah perangkat lunaknya dan SQL adalah bahasa perintahnya.
Ketika dibandingkan antara MySQL dengan sistem database yang lain, maka perlu difikirkan apa yang paling penting sesuai kebutuhan. Apakah tampilan, support, fitur-fitur SQL, kondisi keamanan dalam lisensi, atau masalah harga. Dengan pertimbangan tersebut, MySQL memiliki banyak hal yang bisa ditawarkan, antara lain :
1. Berdasarkan kecepatannya, banyak ahli memberikan pendapat bahwa MySQL merupakan
server tercepat.
2. MySQL memiliki performa tinggi namun merupakan database yang simpel sehingga mudah di-setup dan dikonfigurasi.
3. MySQL cenderung gratis untuk penggunaan tertentu.
4. MySQL mengerti bahasa SQL (Structured Query Language) yang merupakan pilihan sistem
database moderen.
5. Banyak klien dapat mengakses server dalam satu waktu. Mereka dapat menggunakan banyak
database secara simultan.
6. Database MySQL dapat diakses dari semua tempat di internet dengan hak akses tertentu.
7. MySQL dapat berjalan dalam banyak varian Unix dengan baik, sebaik seperti saat berjalan di sistem non-Unix.
8. MySQL mudah didapatkan dan memiliki source code yang boleh disebarluaskan sehingga bisa dikembangkan lebih lanjut.
(74)
Jika hal-hal diatas ialah kelebihan yang dimiliki oleh MySQL, maka MySQL juga memiliki kekurangan seperti :
1. Untuk koneksi ke bahasa pemrograman visual seperti visual basic, delphi, dan foxpro, MySQL kurang mendukung. Karena koneksi ini menyebabkan field yang dibaca harus sesuai dengan koneksi dari program visual tersebut. Dan ini yang menyebabkan MySQL jarang dipakai dalam program visual.
2. Data yang ditangani belum begitu besar.
2.2 XAMPP Control Panel
XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi
webserver Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan
mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi. Anda bisa mendownload
//www.apachefriends.org/en/xampp-window.html.
2.3 PHP: Hypertext Preprocessor
Menurut dokumen resmi PHP, PHP adalah singkatan dari PHP Hypertext Preprocessor. Ia merupakan bahasa pemrograman yang berbentuk skrip yang ditempatkan didalam server dan
(75)
diproses di server. Hasilnyalah yang akan dikirimkan ke klien, tempat pemakai menggunakan
browser.
Secara khusus, PHP dirancang untuk membentuk android dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, untuk menampilkan isi
database kehalaman android.
PHP bersifat bebas dipakai. Tidak perlu membayar apapun untuk menggunakan perangkat lunak ini. Berikut contoh sederhana skrip PHP.
<?php
echo “Tanggal sekarang : %s”, Date(“d F Y”);?>
2.4 PHP dan MySQL Sebagai Web Service
Web service merupakan sesuatu yang berbeda jika dibandingkan dengan website. Website sendiri
dirancang dengan tampilan atau user interface yang baik sedangkan web service tidak. Web
service tidak dirancang untuk berinteraksi langsung dengan pengguna. Sesuai dengan namanya,
web service hanya menyediakan layanan saja.
Sehingga, web service sendiri dapat disebut sebagai sebuah aplikasi yang dibuat agar dapat dipanggil atau diakses oleh aplikasi lain melalui internet dengan menggunakan format pertukaran data sebagai pengiriman pesan. Web service juga memungkinkan untuk dipanggil dengan menggunakan protokol lain seperti SMTP (Simple Mail Transfer Protocol), namun yang paling
(76)
umum digunakan ialah HTTP. Karena web service menggunakan protokol HTTP, tentu PHP sebagai bahasa pemrograman web menjadi salah satu kekuatan dalam bahasa pemrogaman yang mengelola web service. Banyak teknik dan metode untuk menghasilkan web service dengan PHP, pembuatan web service dengan format XML dan JSON yang diambil dari database MySQL lewat bahasa pemrograman PHP.
2.5 Intregreted Developnment Environment
Menurut buku karya Nazruddin Safaat H, para pengembang aplikasi android memiliki beberapa pilihan ketika membuat aplikasi berbasis androidnya. Kebanyakan para pengembang menggunakan Eclipse yang tersedia secara bebas untuk merancang dan mengembangkan aplikasi android.
Eclipse adalah IDE yang paling populer untuk pengembangan android, karena memiliki android plug-in yang tersedia untuk memfasilitasi pengembangan android. selain itu eclipse juga mendapat dukungan langsung dari Google untuk menjadi IDE pengembangan aplikasi android. Ini terbukti dengan adanya penambahan plug-in pada eclipse untuk membuat project android dimana source software langsung dari situs resminya Google. Walaupun eclipse cukup populer di kalangan umum, namun tidak menutup kemungkinan untuk menggunakan IDE lain seperti Netbeans.
(77)
2.6 Macromedia Dreamweaver
Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Dreamweaver merupakan software utama yang digunakan oleh web desainer maupun web programmer guna mengembangkan situs web. Dreamweaver juga dilengkapi dengan fasilitas manajemen situs yang cukup lengkap. Fasilitas-fasilitas penyutingan secara visual dari Dreamwever dapat menambah desain dan fungsionalitas halaman web tanpa perlu menulis satu baris kodepun.
Beberapa waktu yang lalu, tool yang digunakan untuk membuat suatu halaman web dibagi menjadi 3 jenis, yaitu: editor HTML berbasis teks, editor kombinasi grafik WYSIWYG (What
You See Is What You Get) dengan tampilan kodenya, dan editor yang benar-benar berbasis
grafik. Tiap-tiap jenis editor tersebut memiliki grup penggemarnya sendiri, para programmer, para webmaster, dan para grafik desiner. Macromedia Dreamweamer versi 4, merupakan editor pertama dengan fitur-fitur lengkap yang memenuhi semua grup diatas.
Untuk lebih lanjut dalam pengenalan dasar macromedia dreamweaver dan pembuatan web, maka harus tau darimana pengerjaannya terlebih dahulu agar web tersebut nantinya dapat
dikatakan dinamis.
Bila membuat sebuah halaman web dengan Dreamweaver, maka selain document window, pemakai akan bekerja dengan tiga toolbar dan panel utama, yaitu: Insert Bar, Property
Inspector, dan Site Panel. Document window berfungsi untuk menampilkan dokumen atau
halaman web yang sedang di buat. Pada bagian bawah dari Document window, bisa dilihat nama file dari semua
(78)
Insert Bar terdiri dari beberapa macam icon untuk memasukkan berbagai macam objek web seperti gambar, layer, dan tabel. Insert Bar ini terdiri dari beberapa tab yang masing-masing terdiri dari beberapa icon yang berkesesuaian.
Gambar 2.1 Insert Bar pada Dreamweaver
Sumber : Agnes Heni Triyuliana, Adobe Dreamweaver CS 3 dan PHP, Madcom, 2007
Property Inspectormenampilkan property dari objek yang kita pilih didalam dokumen. Seperti tinggi dan lebar dari suatu gambar.
Gambar 2.2. Properties pada Dreamweaver
Sumber : Agnes Heni Triyuliana, Adobe Dreamweaver CS 3 dan PHP, Madcom, 2007
Sedangkan Site Panel memungkinkan pemakai untuk menampilkan dan mengatur semua file dan folder yang merupakan bagian dari website yang dibuat.
(79)
Gambar 2.3 Tampilan Ruang Kerja Dreamweaver
Sumber : Agnes Heni Triyuliana, Adobe Dreamweaver CS 3 dan PHP, Madcom, 2007
Dreamweaver dapat menampilkan dokumen dalam tiga cara yaitu : Code View, dan Code
dan Design View. Pada Design View, pemakai bisa menampilkan dan mengedit dokumen secara
visual. Tampilan dari Design View sama seperti bila ingin menampilkan dengan web browser. Pada Code View, bisa diedit langsung halaman web dengan menuliskan kode HTML, Java Script, PHP, ASP, atau CSS.
Dalam Toolbar dreamweaver terdapat button-button yang dapat di pilih untuk
menampilkan dokumen secara cepat yaitu Code (HTML), desain, dan gabungan HTML dan desain.
Check Eror Refresh Code view Disain view Nama File Status File
(80)
Code & Disain View Tampilan Browser
Options Menu Gambar 2.4 Button pada Toolbar Dreamweaver
Sumber : Agnes Heni Triyuliana, Adobe Dreamweaver CS 3 dan PHP, Madcom, 2007
Keterangan Gambar
1. Untuk menampilkan dan menyembunyikan Toolbar, pilih menu View > Toolbar.
2. Untuk tampilan dokumen secara kode atau HTML , klik button Code View pada
toolbar. Disini anda dapat mengedit atau membuat halaman web anda secara HTML
3. Untuk tampilan dokumen secara kode dan desain, klik button Code & Design View,
4. Untuk tampilan dokumen secara desain, klik button Design View. Disini anda bisa mengedit atau membuat halaman web anda secara visual.
5. Untuk merubah nama dokumen, klik pada title lalu rubah nama dokumen sesuai dengan keinginan anda.
6. Anda dapat melihat halaman web secara browser (Internet Explorer) dengan mengklik button Preview Browser.
7. Pada Options menu, anda dapat memilih tampilan desain yang anda inginkan, contoh : anda dapat menambahkan tampilan Rulers (garis ukuran) untuk memudahkan anda dalam mendesain sebuah web.
8. Check Eror berfungsi untuk melakukan pengecekan kesalahan pada document web.
(81)
10.View Options berfungsi untuk mengatur pilihan pada tampilan ruang kerja. Sumber : Agnes Heni Triyuliana, Adobe Dreamweaver CS 3 dan PHP, Madcom, 2007
2.7 HTML
Hypertext Markup Language (HTML) adalah bahasa standar dalam menulis halaman
web, HTML merupakan pengembangan dari standar pemformatan dokumen teks. HTML sebenarnya adalah dokumen dalam bentuk ASCII atau teks biasa yang dapat diterjemahkan oleh browser web menjadi suatu halaman yang menarik.
Sesuai dengan namanya yaitu Hypertext Markup Language (HTML) maka dokumen HTML terdiri dari tanda-tanda (markup) untukmenandai perintah-perintahnya (tag). Tag HTML biasanya adalah tag-tag yang berpasangan danditandai dengan simbol < dan >, sedangkan pasangan akhir perintahdari sebuah tag ditandai dengan tanda “ / “, misalnya pasangan dari tag
<tag>adalah </tag>.
Setiap dokumen HTML memiliki struktur sbb : <HTML>
<HEAD>
<TITLE>Judul title bar web</TITLE>
</HEAD> <BODY>
(82)
</BODY>
</HTML
2.8 Apache
Server HTTP Apache atau Server Web/WWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini mengunakan HTTP.
Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat dikonfigur, autentikasi berbasis basis dataantarmuka pengguna berbasis grafik (GUI) yang memungkinkan penanganan server menjadi mudah. dan lain-lain. Apache juga didukung oleh sejumlah
Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan Apache Software Foundation.
Server HTTP Apache atau Server Web/WWW Apache adalah server web yang dapat dijalankan di banyak sistem operasi seperti : Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya yang bmemfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini mengunakan HTTP.
Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat dikonfigur, autentikasi berbasis basis data antarmuka pengguna berbasis grafik (GUI) yang memungkinkan penanganan server menjadi mudah. dan lain-lain.
(83)
Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang-pengembang dibawah naungan Apache Software Foundation.
2.9.Flowchart
Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan antar-proses beserta
instruksinya. Gambaran ini dinyatakan dengan simbol yang mana dari tiap-tiap simbol mewakili proses tertentu. Sedangkan hubungan antar-proses tadi digambarkan dengan garis-garis.
Flowchart merupakan langkah awal pembuatan program. Setelah flowchart selesai
disusun, selanjutnya pemrogram menerjemahkannya ke dalam bentuk program menggunakan bahasa pemrograman. Berikut ini adalah simbol-simbol standar pada sebuah flowchart beserta fungsinya.
Tabel 2.1. Simbol Flowchart
No Nama Simbol Fungsi
1 Terminator
Digunakan untuk mewakili simbol start atau
end.
2 Arrow Menunjukkan alur proses.
3 Rectangle Menunjukkan langkah
pemrosesan.
4 Trapezium Simbol untuk
(84)
5 Document Digunakan untuk
mewakili output.
6 Decision
Simbol yang berfungsi untuk menyatakan
keputusan.
7 Preparation
Simbol yang berfungsi untuk proses inisialisasi
atau pemberian harga awal.
Tabel 2.1. Lanjutan
No Nama Simbol Fungsi
8 Connector
Simbol untuk keluar-masuk atau penyambungan proses
pada halaman yang berbeda.
9 Manual Input
Simbol untuk pemasukkan data secara manual melalui keyboard.
10 Manual
Operation
Simbol yang menunjukkan pengolahan yang tidak dilakukan oleh
komputer.
11 Predefine
Process
Simbol untuk pelaksanaan suatu bagian
(sub-prosedur)
12 Display
Simbol yang menyatakan peralatan output yang digunakan seperti layar,
printer, plotter, dan sebagainya.
(85)
13 Magnetic Disk
Simbol yang digunakan untuk penyimpanan data
ke database.
14 Storage Data
Simbol yang menyatakan input yang berasal dari
disk atau disimpan ke disk.
2.10 Data Flow Diagram
Data Flow Diagram adalah alat perancangan sistem yang berorientasi pada alur data dengan
konsep dekomposisi yang dapat digunakan untuk penggambaran analisa maupun perancangan sistem yang mudah dikomunikasikan ke pengguna ataupun ke pembuat program.
Didalam DFD terdapat tiga level, yaitu : 1. Diagram Konteks (DFD Level 0)
Diagram konteks menggambarkan satu lingkaran besar yang dapat mewakili seluruh proses yang terdapat dalam suatu sistem. Diagram konteks merupakan tingkatan tertinggi dalam Data Flow Diagram dan biasanya diberi penomoran nol. Semua entitas eksternal ditunjukkan dalam diagram konteks beserta dengan aliran-aliran data utama, baik dari dan menuju sistem.
(86)
Diagram nol merupakan satu lingkaran besar yang mewakili lingkaran-lingkaran kecil yang ada pada diagram konteks. Dengan kata lain diagram nol merupakan pemecahan dari diagram konteks.
3. Diagram Rinci
Lebih rinci lagi, diagram rinci adalah diagram yang menguraikan proses-proses yang terdapat di dalam diagram nol.
Berikut merupakan simbol-simbol standar menurut Yourdan dan DeMarco yang digunakan untuk membuat sebuah Data Flow Diagram.
Tabel 2.2. Simbol Data Flow Diagram
No Nama Simbol Fungsi
1 Kesatuan Luar
Sebagai kesatuan (entitas) di lingkungan luar sistem yang dapat
berupa orang, organisasi, sumber asli transaksi, atau penerima
akhir. 2 Arus Data
Berfungsi untuk menghubungkan antara
proses, simpanan data, dan kesatuan luar. 3 Proses
Berupa kegiatan atau proses yang sedang
dilakukan.
4 Simpanan Data Menunjukkan informasi
yang tersimpan.
Nama datastore
(1)
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan tugas akhir ini dengan judul Sistem Informasi Budidaya Tanaman Tomat Di Kabupaten Karo.
Selama membangun Sistem Informasi berbasis web selesainya Tugas Akhir ini penulis banyak mendapat bantuan, dorongan, serta motivasi baik secara langsung maupun tidak. Maka pada kesempatan ini, penulis mengucapkan terima kasih kepada :
1. Tuhan Yang Maha Esa.
2. Orang Tua yang telah memberikan semangat dan motivasi.
3. Bapak Dr.Syahril Efendi ,S.Si,M.IT selaku Dosen Pembimbing yang senantiasa membimbing penulis hingga Tugas Akhir ini selesai.
4. Bapak Dr.Krista Sebayang,MS selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
5. Bapak Prof. Dr. Tulus, Vordipl. Math., M.Si., Ph.D. selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara. 6. Ibu Dr. Elly Rosmaini, M.Si, selaku Ketua Program Studi D3 Teknik Informatika FMIPA. 7. KOM B 2013 Program Studi D3 Teknik Informatika.
8. Lek-lek yang selalu member semangat Deby ginting,Dinaria parhusip,Mesrida Rumahorbo 9. IMKA (Ikatan Mahasiswa Karo) Merga silima FMIPA
Akhir kata, semoga Tugas Akhir ini dapat memberi manfaat dan menambah wawasan maupun pengetahuan kita.
(2)
ABSTRAK
Abstrak – Perkembangan teknologi informasi yang sangat pesat dapat memenuhi berbagai aktivitas dan kebutuhan manusia, komputer mampu memberikan efektivitas kehidupan yang baik
bagi manusia, selain itu dengan adanya komputer seseorang mampu menciptakan sesuatu yang
bermanfaat. Teknologi sekarang ini dapat digunakan untuk mempersingkat waktu serta
keefektifan data semakin akurat. Dengan pertimbangan di atas maka diperlukan sesuatu yang
dapat menyelesaikan semua kendala, khususnya dalam hal pelaksanaan Sistem Informasi
Budidaya Tanaman Tomat. Berdasarkan latar belakang yang dikemukakan diatas, dengan ini
merumuskan masalah tugas akhir ini yaitu perancangan database Sistem Informasi Budidaya
Tanaman Tomat menggunakan WEB, sehingga para petani bisa mengembangkan tanaman tomat
mereka dengan cara melihat WEB Sistem Informasi ini dan juga bisa mengirim keluhan – keluhan tanaman mereka kepada Admin.
(3)
DAFTAR ISI
... Halaman
Persetujuan ... i
Pernyataan ... ii
Penghargaan ... iii
Abstrak ... iv
Daftar Isi ...v
Daftar Tabel ... vii
Daftar Gambar ... vvviii
Bab 1. Pendahuluan ... 1.1 Latar Belakang ...1
1.2 Perumusan Masalah ...1
1.3 Batasan Masalah ...2
1.4 Tinjauan Penelitian ...3
1.5 Manfaat Penelitian ...3
1.6 Metodologi Penelitian ...4
1.7 Sistematika Penulisan ...6
Bab 2. Landasan Teori ... 2.1 Database MySQL ...6
2.2 XAMPP Control Panel ...8
2.3 PHP:Hyepertext Preprocessor ...8
2.4 PHP dan MySQL Sebagai Web Service ...9
2.5 Integrated Developnment Environment ...10
2.6 Macromedia Dreamwever ...11
2.7 HTML ...15
2.8 Apache ...16
2.9 Flowchart ...17
(4)
2.11 Entity Relationship Diagram...21
Bab 3. Perancangan Sistem ... 3.1 Pengertian Perancangan Sistem ...22
3.2 Flowchart Program...23
3.3 Diagram Konteks Sistem ...24
3.4 Diagram Nol Sistem ...24
3.5 Diagram Rinci Proses 1: Input Data ...25
3.6 Diagram Rinci Proses 2: Lihat Data ...26
3.7 Entity Relationship Diagram...26
Bab 4. Implementasi Sistem ... 4.1 Pengertian Implementasi Sistem ...28
4.2 Tujuan Implementasi Sistem...28
4.3 Komponen Utama dalam Implementasi Sistem ...29
4.3.1Perangkat Keras ...29
4.3.2 Perangkat Lunak ...29
4.3.3 Brainware ...30
4.4 Demonstrasi Program...30
4.4.1Tampilan Login ...31
4.4.2Tampilan Menu ...31
4.4.3Tampilan Input Data ...32
4.4.4Tampilan Data yang sudah di input ...33
4.4.5Tampilan Cara menanam tomat ...34
4.4.6Tampilan Tentang Tomat ...35
4.4.7Tampilan Kontak ...35
Bab 5. Penutup ... 5.1 Kesimpulan ...37
5.2 Saran ...38
(5)
DAFTAR TABEL
Nomor Tabel Judul ... Halaman 2.1 Simbol Flowchart ...17 2.2 Simbol Data Flow Diagram ...20 2.3 Komponen ERD ...21
(6)
DAFTAR GAMBAR
Nomor Gambar Judul ... Halaman
2.1 Insert Bar pada Dreamweaver ...12
2.2 Properties pada Dreamweaver ...12
2.3 Tampilan Ruang Kerja Dreamweaver ...13
2.4 Button pada Toolbar Dreamweaver ...14
3.1 Simbol Data Flow Diagram ...23
3.2 Diagram Konteks Sistem ...24
3.3 Diagram Nol Sistem ...24
3.4 Diagram Rinci Proses 1: Input Data ...25
3.5 Diagram Rinci Proses 2:Lihat Data ...26
3.7 ERD Sistem ...27
4.1 Tampilan Login ...31
4.2 Tampilan Menu ...32
4.3 Tampilan Menu Input Data ...38
4.4 Tampilan Data hama yang Sudah di Input ...33
4.5 Tampilan data penanggulangan yang sudah di input ...34
4.6 Tampilan cara menanam tomat ...35
4.7 Tampilan Tentang Tomat ...35