Modul Project HTML Dan Css
Diunggah oleh
Salomo Azer PattiwaellapiaModul Project HTML Dan Css
Diunggah oleh
Salomo Azer PattiwaellapiaLangkah-langkah dan script project
1. Membuat halaman index perpustakaan
Source code index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home</title>
</head>
<body>
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan Jum'at -
Sabtu (08.00 - 13.00)</p>
<a href="index.html"> >> HOME</a>
<a href="#"> >> ABOUT</a>
<a href="#"> >> CONTACT</a>
<a href="#"> >> LOGIN</a>
<p>Selamat Datang di Perpustakaan LP3I Kupang.</p>
<p>Perpustakaan yang buruk membangun koleksi, perpustakaan yang
baik membangun layanan, dan perpustakaan yang hebat membangun
komunitas.</p>
<h4>Copyright © Perpustakaan LP3I Kupang 2021</h4>
</body>
</html>
2. Membuat halaman about perpustakaan
Source code about.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About</title>
</head>
<body>
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan Jum'at -
Sabtu (08.00 - 13.00)</p>
<a href="index.html"> >> HOME</a>
<a href="#"> >> ABOUT</a>
<a href="#"> >> CONTACT</a>
<a href="#"> >> LOGIN</a>
<p>Perpustakaan ini terletak di kawasan Kota Kupang</p>
<p>Berbagai macam buku terdapat disini mulai buku tentang judul
skripsi, jurnal, makalah dan lain sebagainya.</p>
<p>Perpustakaan ini didirakan pada tahun 1989, yang bertujuan
untuk membuat orang-orang yang tidak memiliki biaya dapat membaca buku
yang mereka inginkan tanpa harus membeli dengan kata lain dapat
membaca buku secara gratis tanpa dipungut biaya.</p>
<h4>Copyright © Perpustakaan LP3I Kupang 2021</h4>
</body>
</html>
3. Membuat halaman contact perpustakaan
Source code contact.html
4. Membuat halaman login perpustakaan
Source code login.html
5. Membuat halaman admin perpustakaan
Source code admin.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Halaman Admin</title>
</head>
<body>
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan Jum'at -
Sabtu (08.00 - 13.00)</p>
<a href="register_member.html">REGISTER MEMBER</a>
<a href="#">PEMINJAMAN BUKU</a>
<a href="#">PENGEMBALIAN BUKU</a>
<a href="#">LOGOUT</a>
<h2>Selamat Datang Admin !!</h2>
<p>Tunjukan kinerja yang baik ya admin.</p>
<h4>Copyright © Perpustakaan LP3I Kupang 2021</h4>
</body>
</html>
6. Membuat halaman register member perpustakaan
Source code register_member.html
7. Membuat halaman peminjaman buku
Source code peminjaman_buku
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Peminjaman Buku</title>
</head>
<body>
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan Jum'at -
Sabtu (08.00 - 13.00)</p>
<a href="admin.html"> >> ADMIN</a>
<a href="#"> >> TRANSAKSI PINJAM</a>
<h3>PEMINJAMAN BUKU</h3>
<table>
<tr>
<td> ID MEMBER</td>
<td> : </td>
<td>
<input type="text" name="Id">
</td>
</tr>
<tr>
<td>
<label>JUDUL BUKU</label>
</td>
<td> : </td>
<td>
<input type="text" name="Judul">
</td>
</tr>
<tr>
<td>
<label>NAMA PEMINJAM</label>
</td>
<td> : </td>
<td>
<input type="text" name="Peminjam">
</td>
</tr>
<tr>
<td>
<label>TANGGAL PINJAM</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Tanggal_pinjam">
</td>
</tr>
<tr>
<td>
<label>TANGGAL KEMBALI</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Tanggal_kembali">
</td>
</tr>
<tr>
<td>
<label>KETERANGAN</label>
</td>
<td> : </td>
<td>
<input type="text" name="Keterangan">
</td>
</tr>
<tr>
<td></td><td></td>
<td>
<input type="submit"
name="Tr_peminjaman" value="SIMPAN">
</td>
</tr>
</table>
<h4>Copyright © Perpustakaan LP3I Kupang 2021</h4>
</body>
</html>
Memberi CSS pada project
1. Membuat file baru style.css
Source code style.css
2. Memberi CSS pada halaman index perpustakaan
Source code index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="header">
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
</div>
<div class="nav">
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan Jum'at
- Sabtu (08.00 - 13.00)</p>
</div>
<div class="samping">
<ul>
<br><br><br>
<a href="index.html"> >> HOME</a>
<br><br>
<a href="#"> >> ABOUT</a>
<br><br>
<a href="#"> >> CONTACT</a>
<br><br>
<a href="#"> >> LOGIN</a>
</ul>
</div>
<div class="isi">
<p style="text-align: center;">Selamat Datang di
Perpustakaan LP3I Kupang.</p>
<p>Perpustakaan yang buruk membangun koleksi, perpustakaan
yang baik membangun layanan, dan perpustakaan yang hebat membangun
komunitas.</p>
</div>
<div class="footer">
<h4>Copyright © Perpustakaan LP3I Kupang 2021</h4>
</div>
</body>
</html>
3. Memberi CSS pada halaman about perpustakaan
Source code about.html
4. Memberi CSS pada halaman contact perpustakaan
Source code contact.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Contact</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="header">
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
</div>
<div class="nav">
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan Jum'at
- Sabtu (08.00 - 13.00)</p>
</div>
<div class="samping">
<ul>
<br><br><br>
<a href="index.html"> >> HOME</a>
<br><br>
<a href="about.html"> >> ABOUT</a>
<br><br>
<a href="contact.html"> >> CONTACT</a>
<br><br>
<a href="login.html"> >> LOGIN</a>
</ul>
</div>
<div class="isi" style="text-align: center;">
<p>Perpustakaan ini terletak di kawasan Kota Kupang</p>
<hr>
<p>Jika ada kritik dan saran tentang pelayanan kami, bisa
hubungi di nomor :</p>
<p>081XXXXXXXXX</p>
<p>082XXXXXXXXX</p>
<p>Email : <a href="#">[email protected] </a></p>
<p><b>INGAT !!! PERPUSTAKAAN INI GRATIS TANPA DIPUNGUT
BIAYA.</b></p>
</div>
<div class="footer">
<h4>Copyright © Perpustakaan LP3I Kupang 2021</h4>
</div>
</body>
</html>
5. Memberi CSS pada halaman login perpustakaan
Source code login.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Login Admin</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
table {
padding-left: 30%;
padding-top: 10%;
}
input
{
width: 100%;
}
</style>
</head>
<body>
<form action="#" method="#">
<div class="header">
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
</div>
<div class="nav">
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan
Jum'at - Sabtu (08.00 - 13.00)</p>
</div>
<div class="samping">
<ul>
<br><br><br>
<a href="index.html"> >> HOME</a>
<br><br>
<a href="about.html"> >> ABOUT</a>
<br><br>
<a href="contact.html"> >> CONTACT</a>
<br><br>
<a href="login.html"> >> LOGIN</a>
</ul>
</div>
<div class="isi">
<table>
<tr>
<td></td><td></td>
<td>
<label>LOGIN ADMIN</label>
</td>
</tr>
<tr>
<td>
<label>USERNAME</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Username">
</td>
</tr>
<tr>
<td>
<label>PASSWORD</label>
</td>
<td> : </td>
<td>
<input type="password" name="Password">
</td>
</tr>
<tr>
<td></td><td></td>
<td>
<input type="submit" name="Login"
value="LOGIN">
</td>
</tr>
</table>
</div>
</form>
<div class="footer">
<h4>Copyright © Perpustakaan LP3I Kupang 2021</h4>
</div>
</body>
</html>
6. Memberi CSS pada halaman admin perpustakaan
Source code admin.html
7. Memberi CSS pada halaman register member
Source code register_member.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Register member</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
table {
padding-left: 30%;
}
input
{
width: 100%;
}
h3{
text-align: center;
}
</style>
</head>
<body>
<form action="#" method="#">
<div class="header">
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
</div>
<div class="nav">
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan
Jum'at - Sabtu (08.00 - 13.00)</p>
</div>
<div class="samping">
<ul>
<br><br>
<a href="admin.html"> >> ADMIN</a>
</ul>
</div>
<div class="isi">
<h3>REGISTER MEMBER</h3>
<table>
<tr>
<td>
<label>ID MEMBER</label>
</td>
<td> : </td>
<td>
<input type="text" name="Id">
</td>
</tr>
<tr>
<td>
<label>USERNAME</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Username">
</td>
</tr>
<tr>
<td>
<label>EMAIL</label>
</td>
<td> : </td>
<td>
<input type="text" name="Email">
</td>
</tr>
<tr>
<td></td><td></td>
<td>
<input type="submit"
name="Daftar_member" value="DAFTAR">
</td>
</tr>
</table>
</div>
</form>
<div class="footer">
<h4>Copyright © Perpustakaan LP3I Kupang 2021</h4>
</div>
</body>
</html>
8. Memberi CSS pada halaman peminjaman buku
Source code peminjaman_buku.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Peminjaman Buku</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
table {
padding-left: 30%;
}
input
{
width: 100%;
}
h3{
text-align: center;
}
</style>
</head>
<body>
<form action="#" method="#">
<div class="header">
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
</div>
<div class="nav">
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan
Jum'at - Sabtu (08.00 - 13.00)</p>
</div>
<div class="samping">
<ul>
<br><br>
<a href="admin.html"> >> ADMIN</a>
<br><br><br>
<a href="#"> >> TRANSAKSI PINJAM</a>
</ul>
</div>
<div class="isi">
<h3>PEMINJAMAN BUKU</h3>
<table>
<tr>
<td> ID MEMBER</td>
<td> : </td>
<td>
<input type="text" name="Id">
</td>
</tr>
<tr>
<td>
<label>JUDUL BUKU</label>
</td>
<td> : </td>
<td>
<input type="text" name="Judul">
</td>
</tr>
<tr>
<td>
<label>NAMA PEMINJAM</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Peminjam">
</td>
</tr>
<tr>
<td>
<label>TANGGAL PINJAM</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Tanggal_pinjam">
</td>
</tr>
<tr>
<td>
<label>TANGGAL KEMBALI</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Tanggal_kembali">
</td>
</tr>
<tr>
<td>
<label>KETERANGAN</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Keterangan">
</td>
</tr>
<tr>
<td></td><td></td>
<td>
<input type="submit"
name="Tr_peminjaman" value="SIMPAN">
</td>
</tr>
</table>
</div>
</form>
<div class="footer">
<h4>Copyright © Perpustakaan LP3I Kupang 2021</h4>
</div>
</body>
</html>
9. Memberi CSS pada halaman pengembalian buku
Source code pengembalian_buku.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Pengembalian Buku</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
table {
padding-left: 30%;
}
h3{
text-align: center;
}
</style>
</head>
<body onload="load()">
<form action="#" method="#">
<div class="header">
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
</div>
<div class="nav">
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan
Jum'at - Sabtu (08.00 - 13.00)</p>
</div>
<div class="samping">
<ul>
<br><br>
<a href="admin.html"> >> ADMIN</a>
<br><br><br>
<a href="transaksi_pengembalian.php"> >>
TRANSAKSI KEMBALI</a>
</ul>
</div>
<div class="isi">
<h3>PENGEMBALIAN BUKU</h3>
<table>
<tr>
<td> ID MEMBER</td>
<td> : </td>
<td>
<input type="text" name="Id">
</td>
</tr>
<tr>
<td>
<label>JUDUL BUKU</label>
</td>
<td> : </td>
<td>
<input type="text" name="Judul">
</td>
</tr>
<tr>
<td>
<label>NAMA PEMINJAM</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Peminjam">
</td>
</tr>
<tr>
<td>
<label>TANGGAL PINJAM</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Tanggal_pinjam">
</td>
</tr>
<tr>
<td>
<label>TANGGAL KEMBALI</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Tanggal_kembali">
</td>
</tr>
<tr>
<td>
<label>KETERANGAN</label>
</td>
<td> : </td>
<td>
<input type="text"
name="Keterangan">
</td>
</tr>
<tr>
<td>
<label>KEMBALI</label>
</td>
<td> : </td>
<td>
<input type="checkbox"
name="Kembali" value="VALID"> VALID
</td>
</tr>
<tr>
<td></td><td></td>
<td>
<input type="submit"
name="Tr_pengembalian" value="SIMPAN">
</td>
</tr>
</table>
</div>
</form>
<div class="footer">
<h4>Copyright © Perpustakaan LP3I Kupang 2021</h4>
</div>
</body>
</html>
Database
1. Buat database baru
Nama : db_nama
2. Buat 4 tabel dengan value :
tb_admin tb_member
id int(11), primary a_i id int(11), primary a_i
username varchar(20) id_member varchar(20), primary
password varchar(50) username varchar(20)
email varchar(30)
tb_peminjaman tb_pengembalian
id_member varchar(20), primary id_member varchar(20), primary
judul_buku varchar(30) judul_buku varchar(30)
nama_peminjam varchar(30) nama_peminjam varchar(30)
tanggal_pinjam varchar(20), primary tanggal_pinjam varchar(20), primary
tanggal_kembali varchar(20), primary tanggal_kembali varchar(20), primary
keterangan text keterangan text
kembali varchar(10)
3. Koneksi database
<?php
$servername = "localhost";
$username = "root";
$password = "";
$database = "db_perpus";
// Create connection
$conn = mysqli_connect($servername, $username, $password,
$database);
// Check connection
if (!$conn)
{
die("Connection failed:" . mysqli_connect_error());
}
?>
4. Buat file baru dengan nama proses_peminjaman_buku.php
Source code proses_peminjaman_buku.php
<?php
include "koneksi.php";
$id = $_POST ['Id'];
$judul = $_POST ['Judul'];
$peminjam = $_POST ['Peminjam'];
$tanggal_pinjam = $_POST ['Tanggal_Pinjam'];
$tanggal_kembali = $_POST ['Tanggal_Kembali'];
$keterangan = $_POST ['Keterangan'];
$cekdata=mysqli_num_rows(mysqli_query($conn, "SELECT id_member FROM
tb_member WHERE id_member='$id'"));
if ($cekdata > 0) {
$sql = "INSERT INTO tb_peminjaman values (
'$id',
'$judul',
'$peminjam',
'$tanggal_pinjam',
'$tanggal_kembali',
'$keterangan'
) ";
if
(empty($id)||empty($judul)||empty($peminjam)||empty($tanggal_pin
jam)||empty($tanggal_kembali))
{
echo "
<script>
alert ('isi Form terlebih dahulu...');
window.location =
'peminjaman_buku.html';
</script>
";
}
else{
if (mysqli_query($conn, $sql))
{
echo "
<script>
alert ('Input Berhasil...');
window.location = 'admin.html';
</script>
";
}
}
}
else {
echo "
<script>
alert ('Daftar dulu..');
window.location =
'peminjaman_buku.html';
</script>
";
}
?>
5. Buat file baru dengan nama proses_pengembalian_buku.php
Source code proses_pengembalian_buku.php
<?php
include "koneksi.php";
$id = $_POST['Id'];
$judul = $_POST['Judul'];
$peminjam = $_POST['Peminjam'];
$tanggal_pinjam = $_POST['tanggal_pinjam'];
$tanggal_kembali = $_POST['tanggal_kembali'];
$keterangan = $_POST['Keterangan'];
$kembali = $_POST['Kembali'];
$cekdata=mysqli_num_rows(mysqli_query($conn, "SELECT id_member
FROM tb_peminjaman WHERE id_member='$id'"));
if ($cekdata > 0) {
$sql = "INSERT INTO tb_pengembalian values (
'$id',
'$judul',
'$peminjam',
'$tanggal_pinjam',
'$tanggal_kembali',
'$Keterangan',
'$Kembali'
)";
if
(empty($id)||empty($judul)||empty($peminjam)||empty($tanggal_pinjam)
||empty($tanggal_kembali)||empty($kembali))
{
echo "
<script>
alert('Isi Form Terlebih Dahulu ...');
window.location ='pengembalian_buku.html';
</script>
";
}
else {
if(mysqli_query($conn, $sql))
{
echo "
<script>
alert('Berhasil dikembalikan ...');
window.location = 'admin.html';
</script>
";
}
}
}
else
{
echo "
<script>
alert('data tidak ada...');
window.location = 'pengembalian_buku.html';
</script>
";
}
?>
6. Buat file baru dengan nama transaksi_pinjam.php
Source code transaksi_pinjam.php
<!DOCTYPE html>
<html>
<head>
<title>Transaksi Pinjam</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
table{
text-align: center;
border-style: groove;
}
h3, th{
text-align: center;
}
</style>
</head>
<body>
<div class="header">
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
</div>
<div class="nav">
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan
Jum'at - Sabtu (08.00 - 13.00)</p>
</div>
<div class="samping">
<ul>
<br><br>
<a href="admin.html"> >> ADMIN</a>
<br><br><br>
<a href="peminjaman_buku.html"> >> PEMINJAMAN
BUKU</a>
</ul>
</div>
<div class="isi">
<h3>TRANSAKSI PEMINJAMAN BUKU</h3>
<table border="1" align="center">
<tr>
<th> ID MEMBER </th>
<th> JUDUL BUKU </th>
<th> NAMA PINJAM </th>
<th> TANGGAL PINJAM </th>
<th> TANGGAL KEMBALI </th>
<th colspan="2"> ACTION </th>
</tr>
<?php
include "koneksi.php";
$sql = "SELECT * FROM tb_peminjaman ORDER BY
tanggal_pinjam DESC, tanggal_kembali DESC";
$exec = mysqli_query($conn, $sql);
while($result = mysqli_fetch_array($exec))
{
echo "
<tr>
<td> $result[id_member]</td>
<td> $result[judul_buku]</td>
<td> $result[nama_peminjam]</td>
<td> $result[tanggal_pinjam]</td>
<td> $result[tanggal_kembali]</td>
<a
href=delete_peminjaman.php?id=$result[id_member]>Delete </a> </td>
</tr>";
}
?>
</table>
</div>
<div class="footer">
<h4>Copyright © Perpustakaan LP3I Kupang
2021</h4>
</div>
</body>
</html>
7. Buat file baru dengan nama transaksi_pengembalian.php
Source code transaksi_pengembalian.php
<!DOCTYPE html>
<html>
<head>
<title>Transaksi Peminjaman</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
table{
text-align: center;
}
h3, th{
text-align: center;
}
</style>
</head>
<body>
<div class="header">
<h2>PERPUSTAKAAN LP3I KUPANG</h2>
<h3>" Gudang Ilmu & Jendela Dunia "</h3>
</div>
<div class="nav">
<p>Jadwal Buka : Senin - Kamis (08.00 - 16.00) dan
Jum'at - Sabtu (08.00 - 13.00)</p>
</div>
<div class="samping">
<ul>
<br><br>
<a href="admin.html"> >> ADMIN</a>
<br><br><br>
<a href="pengembalian_buku.html"> >>
PENGEMBALIAN BUKU</a>
</ul>
</div>
<div class="isi">
<h3>TRANSAKSI PENGEMBALIAN BUKU</h3>
<table border="1" align="center">
<tr>
<th> ID MEMBER </th>
<th> JUDUL BUKU </th>
<th> NAMA PINJAM </th>
<th> TANGGAL PINJAM </th>
<th> TANGGAL KEMBALI </th>
<th colspan="2"> ACTION </th>
</tr>
<?php
include "koneksi.php";
$sql = "SELECT * FROM tb_peminjaman ORDER BY
tanggal_pinjam DESC, tanggal_kembali DESC";
$exec = mysqli_query($conn, $sql);
while($result = mysqli_fetch_array($exec))
{
echo "
<tr>
<td> $result[id_member]</td>
<td> $result[judul_buku]</td>
<td> $result[nama_peminjam]</td>
<td> $result[tanggal_pinjam]</td>
<td> $result[tanggal_kembali]</td>
<a
href=delete_peminjaman.php?id=$result[id_member]>Delete </a> </td>
</tr>";
}
?>
</table>
</div>
<div class="footer">
<h4>Copyright © Perpustakaan LP3I Kupang
2021</h4>
</div>
</body>
</html>
8. Buat file baru dengan nama proses_edit_peminjaman.php
Source code proses_edit_peminjaman.php
<?php
include "koneksi.php";
$id = $_GET['id'];
$id = $_POST ['Id'];
$judul = $_POST ['Judul'];
$peminjam = $_POST ['Peminjam'];
$tanggal_pinjam = $_POST ['Tanggal_Pinjam'];
$tanggal_kembali = $_POST ['Tanggal_Kembali'];
$keterangan = $_POST ['Keterangan'];
$sql ="UPDATE tb_peminjaman SET judul_buku = '$judul',nama_peminjam =
'$peminjam',tanggal_pinjam = '$tanggal_pinjam', tanggal_kembali =
'$tanggal_kembali', keterangan = '$keterangan' WHERE id_member =
'$id'";
if(mysqli_query($conn, $sql)) {
echo "
<script>
alert('Update Berhasil');
window.location = 'transaksi_peminjaman.php';
</script>
";
}
else {
echo "
,script>
window.alert('Update Data Gagal');
</script>
";
}
?>
9. Buat file baru dengan nama proses_edit_pengembalian.php
Source code proses_edit_pengembalian.php
<?php
include "koneksi.php";
$id = $_GET['id'];
$id = $_POST ['Id'];
$judul = $_POST ['Judul'];
$peminjam = $_POST ['Peminjam'];
$tanggal_pinjam = $_POST ['Tanggal_Pinjam'];
$tanggal_kembali = $_POST ['Tanggal_Kembali'];
$keterangan = $_POST ['Keterangan'];
$sql ="UPDATE tb_peminjaman SET judul_buku = '$judul',nama_peminjam =
'$peminjam',tanggal_pinjam = '$tanggal_pinjam', tanggal_kembali =
'$tanggal_kembali', keterangan = '$keterangan' WHERE id_member =
'$id'";
if(mysqli_query($conn, $sql)) {
echo "
<script>
alert('Update Berhasil');
window.location = 'transaksi_pengembalian.php';
</script>
";
}
else {
echo "
,script>
window.alert('Update Data Gagal');
</script>
";
}
?>
10. Buat file baru dengan nama delete_peminjaman.php
Source code delete_peminjaman.php
<?php
include "koneksi.php";
$id = $_GET['id'];
$sql = "DELETE FROM tb_peminjaman WHERE id_member ='$id'";
$exec = mysqli_query($conn, $sql);
if ($exec)
{
echo "
<script>
alert('Delete Berhasil ...');
window.location =
'transaksi_peminjaman.php';
</script>
";
}
else
{
echo "Proses hapus gagal";
}
?>
11. Buat file baru dengan nama delete_pengembalian.php
Source code delete_peminjaman.php
<?php
include "koneksi.php";
$id = $_GET['id'];
$sql = "DELETE FROM tb_pembelian WHERE id_member ='$id'";
$exec = mysqli_query($conn, $sql);
if ($exec)
{
echo "
<script>
alert('Delete Berhasil ...');
window.location =
'transaksi_pembelian.php';
</script>
";
}
else
{
echo "Proses hapus gagal";
}
?>
Login
1. Buat file baru dengan nama proses_register_member.php
Source code proses_register_member.php
<?php
include "koneksi.php";
$id = $_POST['Id'];
$username = $_POST['Username'];
$email = $_POST['Email'];
$sql = "INSERT INTO tb_member values
('','$id','$username','$email')";
if (empty($id)||empty($username)||empty($email))
{
echo "
<script>
alert('Isi Data Form Dulu ...');
window.location =
'register_member.html';
</script>
";
}
else
{
if (mysqli_query($conn, $sql))
{
echo "
<script>
alert('Register Berhasil ...');
window.location =
'register_member.html';
</script>
";
}
else
{
echo "
<script>
alert('Error :". $sql . "<br>" .
"mysqli_error($conn)');
window.location = 'register_member.html';
</script>
";
}
}
?>
2. Buat halaman baru dengan nama login_proses.php
Source code login_proses.php
<?php
include 'koneksi.php';
$username = $_POST['Username'];
$password = $_POST['Password'];
$sql = "SELECT * FROM tb_admin WHERE username = '$username'";
$result = mysqli_query($conn, $sql);
if (empty($username)||empty($password))
{
echo "
<script>
alert('Isi form terlebih dahulu ...');
window.location = 'login.html';
</script>
";
}
else
{
if ($result)
{
$row = mysqli_fetch_array($result);
$passcheck = $row["password"];
if ($password == $passcheck)
{
//Creating Sessions Variable
$_SESSION['Username'] =
$row['username'];
$_SESSION['Password'] =
$row['password'];
header('location:admin.html');
{
echo "
<script>
alert('Login Berhasil');
window.location = 'admin.html';
</script>
";
}
}
else
{
echo "
<script>
alert('Input Username dan Password
dengan BENAR ...');
window.location = 'login.html';
</script>
";
}
}
else
{
echo "
<script>
alert('Isi Form Terlebih Dahulu ...');
window.location = 'index.html';
</script>
";
}
}
?>
3. Buat halaman baru dengan nama logout.php
Source code logout.php
<?php
session_start();
session_unset();
session_destroy();
echo "
<script>
alert('Logout Berhasil ...');
window.location = 'index.html';
</script>
";
?>
Anda mungkin juga menyukai
- Modul Materi Corel Draw X7 Di Susun OlehBelum ada peringkatModul Materi Corel Draw X7 Di Susun Oleh90 halaman
- Tutorial Membuat Website Statis Dengan HTML Dan CSS100% (3)Tutorial Membuat Website Statis Dengan HTML Dan CSS9 halaman
- Aplikasi Simpan Edit Cari Hapus Data Dengan Visual Studio 2010100% (1)Aplikasi Simpan Edit Cari Hapus Data Dengan Visual Studio 201010 halaman
- Pertemuan 01 Junior Web Developer VSGA DTS 2022100% (1)Pertemuan 01 Junior Web Developer VSGA DTS 202290 halaman
- Modul Praktikum Komputer Adobe PhotoshopBelum ada peringkatModul Praktikum Komputer Adobe Photoshop19 halaman
- Modul Materi Corel Draw x7 Di Susun OlehBelum ada peringkatModul Materi Corel Draw x7 Di Susun Oleh10 halaman
- Tutorial Belajar MySQL Dasar Untuk PemulaBelum ada peringkatTutorial Belajar MySQL Dasar Untuk Pemula8 halaman
- Tutorial Membuat Form Login Di AcsessBelum ada peringkatTutorial Membuat Form Login Di Acsess2 halaman
- Soal Latihan Tambahan Praktek-2 DBMSBelum ada peringkatSoal Latihan Tambahan Praktek-2 DBMS1 halaman
- Laporan PEMWEB 3 - Adytia Ulhaq - 20076069Belum ada peringkatLaporan PEMWEB 3 - Adytia Ulhaq - 2007606922 halaman
- 18076025-Milli Fajar Fitra-Rancangan Project UASBelum ada peringkat18076025-Milli Fajar Fitra-Rancangan Project UAS4 halaman
- Modul Pemrograman Web Dan Perangkat Bergerak Xi PDFBelum ada peringkatModul Pemrograman Web Dan Perangkat Bergerak Xi PDF13 halaman
- Latihan Praktik Pemdas 2 RPL (bagian 3)Belum ada peringkatLatihan Praktik Pemdas 2 RPL (bagian 3)4 halaman
