BSI PURWOKERTO
2016
WWW.IMANIAWAN.ID
PENGANTAR
Modul ini dibuat khusus untuk mahasiswa/mahasiswi Kelas 12.6E.21 dan
12.6F.21 Program Studi Manajemen Informatika di Kampus AMIK BSI
Purwokerto angkatan 2015/2016. Modul ini merupakan acuan buat para
mahasiswa/mahasiswi dalam membuat tugas pengganti Ujian Tengah
Semester (UTS). Semoga Bermanfaat :D
WWW.IMANIAWAN.ID
1
PEMBUATAN DATABASE
Ikuti langkah-langkah berikut ini:
1. Aktifkan terlebih dahulu XAMPP di komputer kalian
2. Jalankan/Start Apache (web server) dan MySQL (database)
WWW.IMANIAWAN.ID
dahulu
database
yang
telah
dibuat
WWW.IMANIAWAN.ID
WWW.IMANIAWAN.ID
lihat_berita
varchar
5
---------------------------------------------------------------------------------------------------------
isi_komentar
text
---------------------------------------------------------------------------------------------------------
13. Isikan 2 record dalam tabel admin dengan, contoh di bawah ini:
WWW.IMANIAWAN.ID
2
DESAIN LAYOUT WEB
WWW.IMANIAWAN.ID
3. Buatlah dua buah folder di dalam folder admin dengan nama css
dan gambar.
WWW.IMANIAWAN.ID
}
#kiri {
position: fixed;
top: 40px;
left: 40px;
width: 200px;
border-right: 1px solid #aaa;
font-size: 14px;
}
.menu {
width:150px;
height:auto;
margin: 0;
padding: 0;
}
.menu li {
list-style:none;
margin-bottom: 10px;
border-bottom: 1px solid #fff499;
}
.menu li a{
text-decoration:none;
text-align:left;
font:14px Arial;
color:#555;
padding:10px;
display:block;
border-bottom:1px solid #CCC;
margin:1px;
background:#EEC;
}
.menu li a:hover {
background:#930808;
color:fff;
text-align:center;
}
#kanan {
margin: 0 40px 40px 280px;
}
.gallery {
list-style-type: none;
margin: 0;
padding: 0;
}
.gallery li {
padding-bottom: 10px;
display: inline-block;
}
WWW.IMANIAWAN.ID
.gallery img {
max-width: 200px;
max-height: 200px;
margin-right:35px;
margin-bottom:15px;
margin-top:5px;
border: 5px solid #fcfcfc;
border-radius: 4px;
}
.gallery img:hover{
border: 5px solid #42C5BB;
cursor:pointer;
}
#footer {
border-top: 1px solid #dccbcb;
padding-top: 10px;
margin-top: 25px;
text-align: center;
}
6. Tambahkan dua buah gambar di folder gambar untuk header dan
konten.
Nama
gambar:
login.png,
gambarkonten.jpg
dan
7. Setelah file gambar dan file css sudah siap, kini tinggal membuat
file koneksi.php untuk mengkoneksikan ke database yang telah
dibuat.
8. Isikan coding di dalam koneksi.php di bawah ini:
<?php
$host="localhost";
$username="root";
WWW.IMANIAWAN.ID
$password="";
$database="portalberita";
if (!$dbh=mysql_connect($host,$username,$password))
{
echo mysql_error();
exit;
}
mysql_select_db($database,$dbh);
?>
9. Lalu simpan di dalam folder admin
10. Setelah file koneksi.php dibuat, silahkan buat file baru lagi dengan
nama index.php
11. Isikan coding di dalam index.php
<?php
session_start();
if(isset($_SESSION['username']))
header('location:beranda.php');
?>
<html>
<head>
<title>LOGIN ADMINISTRATOR</title>
</head>
<body>
<form action="proses.php" method="post">
<table align="center" width="300" cellspacing="2" cellpadding="2">
<h1 align="center">HALAMAN LOGIN</h1>
<img align="center" src="gambar/login.jpg" width="200">
<tr>
<td>Username</td>
<td>:</td>
<td><input name="username" type="text" placeholder="masukan
username" autofocus /></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td>
<input name="password" type="password" placeholder="masukan
password" ></td>
</tr>
<tr>
<td align="center" colspan="3">
<input type="submit" name="blogin" value="LOGIN">
<input type="reset" name="breset" value="BATAL">
</td>
</tr>
</table>
WWW.IMANIAWAN.ID
</form>
</body>
</html>
12. Silahkan disimpan di folder admin dan coba buka di browser
kalian. Tampilannya paling tidak akan seperti ini:
13. Buatlah file baru lagi dengan nama logout.php dan disimpan di
folder admin. Isikan codingnya di bawah ini:
<?php
session_start();
session_destroy();
header('location:index.php');
?>
14. Selanjutnya untuk memproses file login, buatlah file baru dengan
nama proses.php dan isikan coding di bawah ini, jangan lupa
disimpan di dalam folder admin.
<?php
session_start();
include "koneksi.php";
$username =$_POST['username'];
$password =md5($_POST['password']);
$login=mysql_query("SELECT * FROM admin WHERE user_admin
= '$username' and pass_admin='$password'");
$ketemu=mysql_num_rows($login);
$r=mysql_fetch_array($login);
if($ketemu)
{
$_SESSION['username']=$username;
echo"<script>alert('Selamat!
$username
Berhasil
Masuk!');document.location='beranda.php'</script>";
}
WWW.IMANIAWAN.ID
else
{
echo "<script>alert('Ketikkan username dan password dengan
benar!');document.location='index.php'</script>";
}
?>
15. Selanjutnya buat file beranda.php dan disimpan di folder admin,
silahkan isi di bawah ini:
<?php
session_start();
error_reporting(0);
include "koneksi.php";
if(!isset($_SESSION['username']))
header('location:index.php');
else
{
$username = $_SESSION['username'];
$cek=mysql_query("SELECT * FROM admin WHERE user_admin=
'$username'");
$r=mysql_fetch_array($cek);
}
?>
<html>
<head>
<title>Halaman Administrator</title>
<link href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="kiri">
<ul class="menu">
<li><a href="beranda.php">Beranda</a></li>
<li><a href="data-admin.php">Admin</a></li>
<li><a href="data-berita.php">Berita</a></li>
<li><a href="data-kategoriberita.php">Kategori Berita</a></li>
<li><a href="data-komentar.php">Komentar</a></li>
<li><a href="logout.php">Keluar</a></li>
</ul>
</div>
<div id="kanan">
<div id="header">
<img src="gambar/header.jpg">
<h1>SELAMAT DATANG</h1>
</div>
<div id="content">
<p>
WWW.IMANIAWAN.ID
WWW.IMANIAWAN.ID
<li><a href="logout.php">Keluar</a></li>
</ul>
</div>
<div id="kanan">
<div id="header">
<img src="gambar/header.jpg">
</div>
<?php
$tampil=mysql_query("select*from admin");
$no=1;
?>
<div id="content">
<h3 align="center">TAMBAH DATA ADMIN</h3>
<form method="post" action="">
<table width="400" align="center">
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="password"></td>
</tr>
<tr align="center">
<td
colspan="3"><input
type="submit"
name="bsimpan"
value="SIMPAN">
<input
type="reset"
name="bbatal"
value="BATAL"></td>
</tr>
</table>
</form>
<?php
$user= $_POST['username'];
$pass= md5($_POST['password']);
$bsimpan = $_POST['bsimpan'];
if($bsimpan)
{
mysql_query ("insert into admin (user_admin,pass_admin) values
('$user','$pass')");
echo"<script
type=text/javascript>window.location.href='data-
admin.php'</script>";
}
?>
<table border="1" align="center" width="400">
<tr align="center">
WWW.IMANIAWAN.ID
<td>No</td>
<td>Username</td>
<td>Opsi</td>
</tr>
<?php
while($t=mysql_fetch_array($tampil))
{
?>
<tr align="center">
<td><?php echo $no;?></td>
<td><?php echo $t['user_admin'];?></td>
<td>
<a href="?ubah=<?php echo $t['user_admin'];?>">Ubah</a> |
<a href="?hapus=<?php echo $t['user_admin'];?>" onclick="return
confirm('Yakin akan menghapus data ni?')">Hapus</a>
</td>
</tr>
<?php
$no++;
}
?>
</table>
<div style="clear: both"></div>
<?php
if ($_GET['ubah'])
{
$ubah = mysql_query ("SELECT * FROM admin WHERE
user_admin= '".$_GET['ubah']."'");
$u = mysql_fetch_array($ubah);
?>
<h3 align="center">UBAH DATA ADMIN</h3>
<form method="post" action="">
<table width="400" align="center">
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="username" value="<?php echo
$u['user_admin'];?>"></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="password"></td>
</tr>
<tr align="center">
WWW.IMANIAWAN.ID
<td
colspan="3"><input
value="UBAH">
<input
type="submit"
name="bubah"
type="reset"
name="bbatal"
value="BATAL"></td>
</tr>
</table>
</form>
<?php
$user= $_POST['username'];
$pass= md5($_POST['password']);
$bubah = $_POST['bubah'];
if ($bubah)
{
mysql_query("UPDATE admin SET pass_admin= '$pass' WHERE
user_admin= '".$_GET['ubah']."'");
echo"<script type=text/javascript>alert('Data admin berhasil di
ubah. Silahkan Login!'); window.location.href='logout.php'</script>";
}
?>
<?php
}
?>
</div>
<?php
if ($_GET['hapus'])
{
mysql_query("delete from admin WHERE user_admin= '".
$_GET['hapus']."'");
echo"<script
type=text/javascript>window.location.href='dataadmin.php'</script>";
}
?>
<div id="footer">
© 2016
</div>
</body>
</html>
17. Setelah itu buatlah file baru lagi dengan nama data-kategori.php
disimpan di folder admin, lalu isikan coding di bawah ini:
<?php
session_start();
error_reporting(0);
include "koneksi.php";
WWW.IMANIAWAN.ID
if(!isset($_SESSION['username']))
header('location:index.php');
else
{
$username = $_SESSION['username'];
$cek=mysql_query("SELECT * FROM admin WHERE user_admin=
'$username'");
$r=mysql_fetch_array($cek);
}
?>
<html>
<head>
<title>Data Kategori</title>
<link href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="kiri">
<ul class="menu">
<li><a href="beranda.php">Beranda</a></li>
<li><a href="data-admin.php">Admin</a></li>
<li><a href="data-berita.php">Berita</a></li>
<li><a href="data-kategori.php">Kategori Berita</a></li>
<li><a href="data-komentar.php">Komentar</a></li>
<li><a href="logout.php">Keluar</a></li>
</ul>
</div>
<div id="kanan">
<div id="header">
<img src="gambar/header.jpg">
</div>
<?php
$tampil=mysql_query("select*from kategori");
WWW.IMANIAWAN.ID
$no=1;
?>
<div id="content">
<h3 align="center">TAMBAH KATEGORI BERITA</h3>
<form method="post" action="">
<table width="400" align="center">
<tr>
<td>Judul Kategori</td>
<td>:</td>
<td><input type="text" name="judul_kategori"></td>
</tr>
<tr align="center">
<td colspan="3"><input type="submit" name="bsimpan" value="SIMPAN">
<input type="reset" name="bbatal" value="BATAL"></td>
</tr>
</table>
</form>
<?php
$kategori= $_POST['judul_kategori'];
$bsimpan = $_POST['bsimpan'];
if($bsimpan)
{
mysql_query ("insert into kategori (judul_kategori) values ('$kategori')");
echo"<script
type=text/javascript>window.location.href='data-
kategori.php'</script>";
}
?>
<table border="1" align="center" width="400">
<tr align="center">
<th>No</th>
<th>Judul Kategori</th>
<th>Opsi</th>
WWW.IMANIAWAN.ID
</tr>
<?php
while($t=mysql_fetch_array($tampil))
{
?>
<tr align="center">
<td><?php echo $no;?></td>
<td><?php echo $t['judul_kategori'];?></td>
<td>
<a href="?ubah=<?php echo $t['id_kategori'];?>">Ubah</a> | <a
href="?hapus=<?php
echo
$t['id_kategori'];?>"
onclick="return
WWW.IMANIAWAN.ID
<td>:</td>
<td><input
type="text"
name="judul_kategori"
value="<?php
echo
$u['judul_kategori'];?>"></td>
</tr>
<tr align="center">
<td colspan="3"><input type="submit" name="bubah" value="UBAH">
<input type="reset" name="bbatal" value="BATAL"></td>
</tr>
</table>
</form>
<?php
$kategori= $_POST['judul_kategori'];
$bubah = $_POST['bubah'];
if ($bubah)
{
mysql_query("UPDATE kategori SET judul_kategori= '$kategori' WHERE
id_kategori= '".$_GET['ubah']."'");
echo"<script
type=text/javascript>alert('Kategori
berhasil
di
ubah.');
window.location.href='data-kategori.php'</script>";
}
?>
<?php
}
?>
</div>
<?php
if ($_GET['hapus'])
{
mysql_query("delete
from
kategori
WHERE
id_kategori=
'".
$_GET['hapus']."'");
echo"<script
type=text/javascript>window.location.href='data-
kategori.php'</script>";
WWW.IMANIAWAN.ID
}
?>
<div id="footer">
© 2016
</div>
</body>
</html>
18. Setelah itu buatlah file baru lagi dengan nama data-berita.php
disimpan di folder admin, lalu isikan coding di bawah ini:
<?php
session_start();
error_reporting(0);
include "koneksi.php";
if(!isset($_SESSION['username']))
header('location:index.php');
else
{
$username = $_SESSION['username'];
$cek=mysql_query("SELECT * FROM admin WHERE user_admin=
'$username'");
$r=mysql_fetch_array($cek);
}
?>
<html>
<head>
<title>Data Berita</title>
<link href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="kiri">
<ul class="menu">
WWW.IMANIAWAN.ID
<li><a href="beranda.php">Beranda</a></li>
<li><a href="data-admin.php">Admin</a></li>
<li><a href="data-berita.php">Berita</a></li>
<li><a href="data-kategori.php">Kategori Berita</a></li>
<li><a href="data-komentar.php">Komentar</a></li>
<li><a href="logout.php">Keluar</a></li>
</ul>
</div>
<div id="kanan">
<div id="header">
<img src="gambar/header.jpg">
</div>
<?php
$tampil=mysql_query("select
berita.id_berita,berita.tgl_berita,berita.judul_berita,berita.id_kategori,berita.
user_admin,berita.isi_berita,berita.gambar_berita,kategori.judul_kategori,k
ategori.id_kategori
from
berita,kategori
where
berita.id_kategori=kategori.id_kategori");
$no=1;
?>
<div id="content">
<h3 align="center">TAMBAH BERITA</h3>
<form method="post" action="" enctype="multipart/form-data">
<table width="600" align="center">
<tr>
<td>Judul Berita</td>
<td>:</td>
<td><input type="text" name="judul_berita"></td>
</tr>
<tr>
<td>Kategori Berita</td>
<td>:</td>
WWW.IMANIAWAN.ID
<td><select name="judul_kategori">
<?php
$kategori=mysql_query("SELECT * FROM kategori ORDER
BY judul_kategori ASC");
while ($k=mysql_fetch_array($kategori)) {
?>
<option value="<?php echo $k['id_kategori'] ; ?>"><?php
echo $k['judul_kategori'] ; ?></option>
<?php } ?>
</select>
<a href="data-kategori.php">Tambah Kategori</a></td>
</tr>
<tr>
<td>Isi Berita</td>
<td>:</td>
<td><textarea rows="2" cols="40" name="isi_berita"></textarea></td>
</tr>
<tr>
<td>Gambar Berita</td>
<td>:</td>
<td><input type="file" name="foto"></td>
</tr>
<tr align="center">
<td colspan="3"><input type="submit" name="bsimpan" value="SIMPAN">
<input type="reset" name="bbatal" value="BATAL"></td>
</tr>
</table>
</form>
<?php
date_default_timezone_set('Asia/Jakarta');
$tgl = date("Y-m-d h:i:s");
$judul= $_POST['judul_berita'];
WWW.IMANIAWAN.ID
$isi= $_POST['isi_berita'];
$kategori= $_POST['judul_kategori'];
$nama_file=$_FILES['foto']['name'];
$lokasi_file=$_FILES['foto']['tmp_name'];
$foto="gambar/$nama_file";
$bsimpan = $_POST['bsimpan'];
if ($bsimpan)
{
if(!empty($lokasi_file))
{
move_uploaded_file($lokasi_file,$foto);
mysql_query("insert
into
berita
(tgl_berita,user_admin,judul_berita,id_kategori,isi_berita,gambar_berita)
values('$tgl','$username','$judul','$kategori','$isi','$nama_file')");
}
else
{
mysql_query("insert
into
berita
(tgl_berita,user_admin,judul_berita,id_kategori,isi_berita)
values('$tgl','$username','$judul','$kategori','$isi')");
}
echo"<script
type=text/javascript>alert('Berhasil
di
simpan!
:D');window.location.href='data-berita.php'</script>";
}
?>
<table border="1" align="center" width="600">
<tr align="center">
<th>No</th>
<th>Tanggal Berita</th>
<th>Judul Berita</th>
<th>Kategori</th>
<th>Gambar Berita</th>
WWW.IMANIAWAN.ID
<th>Opsi</th>
</tr>
<?php
while($t=mysql_fetch_array($tampil))
{
?>
<tr align="center">
<td><?php echo $no;?></td>
<td><?php echo $t['tgl_berita'];?></td>
<td><?php echo $t['judul_berita'];?></td>
<td><?php echo $t['judul_kategori'];?></td>
<td><img src="gambar/<?php echo $t['gambar_berita'];?>"
width="100" height="100"></td>
<td>
<a href="?ubah=<?php echo $t['id_berita'];?>">Ubah</a> | <a href="?
hapus=<?php echo $t['id_berita'];?>" onclick="return confirm('Yakin akan
menghapus data ni?')">Hapus</a>
</td>
</tr>
<?php
$no++;
}
?>
</table>
<div style="clear: both"></div>
<?php
if ($_GET['ubah'])
{
$ubah = mysql_query ("SELECT * FROM berita WHERE id_berita= '".
$_GET['ubah']."'");
$u = mysql_fetch_array($ubah);
?>
WWW.IMANIAWAN.ID
type="text"
name="judul_berita"
value="<?php
echo
$u['judul_berita'];?>"></td>
</tr>
<tr>
<td>Kategori Berita</td>
<td>:</td>
<td><select name="judul_kategori">
<?php
$kategori=mysql_query("SELECT * FROM kategori ORDER
BY judul_kategori ASC");
while ($k=mysql_fetch_array($kategori)) {
?>
<?php
if ($u['id_kategori']==$k['id_kategori'])
echo
"<option
value='$k[id_kategori]'
selected>$k[judul_kategori]</option>";
else
echo
"<option
value='$k[id_kategori]'>$k[judul_kategori]</option> ";
?>
<?php } ?>
</select>
<a href="data-kategori.php">Tambah Kategori</a></td>
</tr>
<tr>
<td>Isi Berita</td>
WWW.IMANIAWAN.ID
<td>:</td>
<td><textarea
rows="2"
cols="40"
name="isi_berita"><?php
echo
$u['isi_berita'];?></textarea></td>
</tr>
<tr>
<td>Gambar Berita</td>
<td>:</td>
<td><input type="file" name="foto"></td>
</tr>
<tr align="center">
<td colspan="3"><input type="submit" name="bubah" value="UBAH">
<input type="reset" name="bbatal" value="BATAL"></td>
</tr>
</table>
</form>
<?php
$judul= $_POST['judul_berita'];
$isi= $_POST['isi_berita'];
$kategori=$_POST['judul_kategori'];
$nama_file=$_FILES['foto']['name'];
$lokasi_file=$_FILES['foto']['tmp_name'];
$foto="gambar/$nama_file";
$bubah = $_POST['bubah'];
if ($bubah)
{
if(!empty($lokasi_file))
{
move_uploaded_file($lokasi_file,$foto);
mysql_query("UPDATE
berita
SET
judul_berita='$judul',isi_berita='$isi',id_kategori='$kategori',gambar_berita
='$nama_file' WHERE id_berita= '".$_GET['ubah']."'");
}
WWW.IMANIAWAN.ID
else
{
mysql_query("UPDATE
berita
SET
judul_berita='$judul',id_kategori='$kategori',isi_berita='$isi'
WHERE
id_berita= '".$_GET['ubah']."'");
}
echo"<script
type=text/javascript>alert('Berhasil
di
ubah!
:D');window.location.href='data-berita.php'</script>";
}
?>
<?php
}
?>
</div>
<?php
if ($_GET['hapus'])
{
mysql_query("delete from berita WHERE id_berita= '".$_GET['hapus']."'");
echo
"<script
type=text/javascript>window.location.href='data-
berita.php'</script>";
}
?>
<div id="footer">
© 2016
</div>
</body>
</html>
19. Setelah itu buatlah file baru lagi dengan nama data-komentar.php
disimpan di folder admin, lalu isikan coding di bawah ini:
<?php
WWW.IMANIAWAN.ID
session_start();
error_reporting(0);
include "koneksi.php";
if(!isset($_SESSION['username']))
header('location:index.php');
else
{
$username = $_SESSION['username'];
$cek=mysql_query("SELECT * FROM admin WHERE user_admin=
'$username'");
$r=mysql_fetch_array($cek);
}
?>
<html>
<head>
<title>Data Komentar</title>
<link href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="kiri">
<ul class="menu">
<li><a href="beranda.php">Beranda</a></li>
<li><a href="data-admin.php">Admin</a></li>
<li><a href="data-berita.php">Berita</a></li>
<li><a href="data-kategori.php">Kategori Berita</a></li>
<li><a href="data-komentar.php">Komentar</a></li>
<li><a href="logout.php">Keluar</a></li>
</ul>
</div>
<div id="kanan">
<div id="header">
<img src="gambar/header.jpg">
WWW.IMANIAWAN.ID
</div>
<?php
$tampil=mysql_query("select
berita.id_berita,berita,judul_berita,komentar.id_komentar,komentar.tgl_ko
mentar,komentar.nama_komentar,komentar.email_komentar,komentar.isi_
komentar
from
komentar,berita
where
komentar.id_berita=berita.id_berita");
$no=1;
?>
<div id="content">
<h3 align="center">DATA KOMENTAR BERITA</h3>
<table border="1" align="center" width="600">
<tr align="center">
<th>No</th>
<th>Judul Berita</th>
<th>Tanggal</th>
<th>Nama</th>
<th>Email</th>
<th>Isi</th>
<th>Opsi</th>
</tr>
<?php
while($t=mysql_fetch_array($tampil))
{
?>
<tr align="center">
<td><?php echo $no;?></td>
<td><?php echo $t['judul_berita'];?></td>
<td><?php echo $t['tgl_komentar'];?></td>
<td><?php echo $t['nama_komentar'];?></td>
<td><?php echo $t['email_komentar'];?></td>
<td><?php echo $t['isi_komentar'];?></td>
WWW.IMANIAWAN.ID
<td>
<a href="?ubah=<?php echo $t['id_komentar'];?>">Ubah</a> | <a
href="?hapus=<?php
echo
$t['id_komentar'];?>"
onclick="return
from
komentar
WHERE
id_komentar=
'".
$_GET['hapus']."'");
echo"<script
type=text/javascript>window.location.href='data-
komentar.php'</script>";
}
?>
<div id="footer">
© 2016
</div>
</body>
</html>
WWW.IMANIAWAN.ID
Support:
Toko Bunga Jakarta
Toko Bunga Duka Cita Jakarta
Souvenir Pernikahan
Undangan Pernikahan
Ekspedisi Surabaya
Jasa Pengiriman Surabaya
Jual Keyboard Laptop
Jual Baterai Laptop
Jual LCD Laptop
Jual Charger Laptop
WWW.IMANIAWAN.ID